new file mode 100644

@@ -0,0 +1,158 @@

+<script>

+  import {

+    onMount,

+    onDestroy,

+    afterUpdate,

+    createEventDispatcher,

+    tick,

+    beforeUpdate,

+  } from 'svelte';

+  import { getParams } from './get-params';

+  import { initSwiper } from './init-swiper';

+  import { needsScrollbar, needsNavigation, needsPagination, uniqueClasses } from './utils';

+  import { getChangedParams } from './get-changed-params';

+  import { updateSwiper } from './update-swiper';

+

+  const dispatch = createEventDispatcher();

+

+  let className = undefined;

+  export { className as class };

+

+  let containerClasses = 'swiper-container';

+  let breakpointChanged = false;

+  let swiperInstance = null;

+  let oldPassedParams = null;

+

+  let paramsData;

+  let swiperParams;

+  let passedParams;

+  let restProps;

+

+  let swiperEl = null;

+  let prevEl = null;

+  let nextEl = null;

+  let scrollbarEl = null;

+  let paginationEl = null;

+  let virtualData = { slides: [] };

+

+  export function swiper() {

+    return swiperInstance;

+  }

+

+  const setVirtualData = (data) => {

+    virtualData = data;

+

+    tick().then(() => {

+      swiperInstance.$wrapperEl.children('.swiper-slide').each((el) => {

+        if (el.onSwiper) el.onSwiper(swiperInstance);

+      });

+      swiperInstance.updateSlides();

+      swiperInstance.updateProgress();

+      swiperInstance.updateSlidesClasses();

+      if (swiperInstance.lazy && swiperInstance.params.lazy.enabled) {

+        swiperInstance.lazy.load();

+      }

+    });

+  };

+

+  const calcParams = () => {

+    paramsData = getParams($$restProps);

+    swiperParams = paramsData.params;

+    passedParams = paramsData.passedParams;

+    restProps = paramsData.rest;

+  };

+

+  calcParams();

+  oldPassedParams = passedParams;

+

+  const onBeforeBreakpoint = () => {

+    breakpointChanged = true;

+  };

+

+  swiperParams.onAny = (event, ...args) => {

+    dispatch(event, [args]);

+  };

+  Object.assign(swiperParams.on, {

+    _beforeBreakpoint: onBeforeBreakpoint,

+    _containerClasses(_swiper, classes) {

+      containerClasses = classes;

+    },

+    _swiper(_swiper) {

+      swiperInstance = _swiper;

+      if (_swiper.virtual && _swiper.params.virtual.enabled) {

+        _swiper.params.virtual.cache = false;

+        _swiper.params.virtual.renderExternalUpdate = false;

+        _swiper.params.virtual.renderExternal = (data) => {

+          setVirtualData(data);

+          if (swiperParams.virtual && swiperParams.virtual.renderExternal) {

+            swiperParams.virtual.renderExternal(data);

+          }

+        };

+      }

+      dispatch('swiper', [_swiper]);

+    },

+  });

+

+  onMount(() => {

+    if (!swiperEl) return;

+    initSwiper(

+      {

+        el: swiperEl,

+        nextEl: nextEl,

+        prevEl: prevEl,

+        paginationEl: paginationEl,

+        scrollbarEl: scrollbarEl,

+      },

+      swiperParams,

+    );

+    if (swiperParams.virtual) return;

+    swiperInstance.slides.each((el) => {

+      if (el.onSwiper) el.onSwiper(swiperInstance);

+    });

+  });

+

+  afterUpdate(() => {

+    if (!swiperInstance) return;

+    calcParams();

+

+    const changedParams = getChangedParams(passedParams, oldPassedParams);

+    if (

+      (changedParams.length || breakpointChanged) &&

+      swiperInstance &&

+      !swiperInstance.destroyed

+    ) {

+      updateSwiper(swiperInstance, passedParams, changedParams);

+    }

+    breakpointChanged = false;

+    oldPassedParams = passedParams;

+  });

+

+  onDestroy(() => {

+    if (swiperInstance && !swiperInstance.destroyed) {

+      swiperInstance.destroy(true, false);

+    }

+  });

+</script>

+

+<div

+  bind:this={swiperEl}

+  class={uniqueClasses(`${containerClasses}${className ? ` ${className}` : ''}`)}

+  {...restProps}>

+  <slot name="content-start" />

+  {#if needsNavigation(swiperParams)}

+    <div bind:this={prevEl} class="swiper-button-prev" />

+    <div bind:this={nextEl} class="swiper-button-next" />

+  {/if}

+  {#if needsScrollbar(swiperParams)}

+    <div bind:this={scrollbarEl} class="swiper-scrollbar" />

+  {/if}

+  {#if needsPagination(swiperParams)}

+    <div bind:this={paginationEl} class="swiper-pagination" />

+  {/if}

+  <div class="swiper-wrapper">

+    <slot name="wrapper-start" />

+    <slot {virtualData} />

+    <slot name="wrapper-end" />

+  </div>

+  <slot name="content-end" />

+</div>