@get-set/gs-zoom 0.0.4 → 0.0.5

package/dist/actions/initAutoplay.js

@@ -1,81 +1,85 @@
-import icons from "../constants/icons";
-import initChange from "./initChange";
-
-export const initAutoplay = (ref) => {
-  const $container = ref.$container;
-  const params = ref.currentParams;
-  const $autoplayLine = document.createElement("div");
-  if ($container.querySelector(".gs-zoom-autoplayline") != null) {
-    $container.querySelector(".gs-zoom-autoplayline").remove();
-  }
-  setTimeout(() => {
-    $autoplayLine.classList.add("gs-zoom-autoplayline");
-    $container.prepend($autoplayLine);
-    $autoplayLine.style.width = "0px";
-    setTimeout(() => {
-      $autoplayLine.style.transition = `${params.autoplaySpeed}ms all linear`;
-      $autoplayLine.style.width = "100vw";
-      clearTimeout(ref.autoplay);
-      ref.autoplay = setTimeout(() => {
-        if ($container.querySelector(".gs-zoom-autoplayline") != null) {
-          $container.querySelector(".gs-zoom-autoplayline").remove();
-        }
-        if (ref.currentIndex == [...ref.list].length - 1) {
-          initChange(ref, 0, true);
-        } else {
-          initChange(ref, ref.currentIndex + 1, true);
-        }
-      }, params.autoplaySpeed - 100);
-    }, 100);
-  }, 0);
-};
-
-export const pauseAutoplay = (ref) => {
-  if (ref.autoplay != undefined) {
-    const $container = ref.$container;
-    const $loader = $container.querySelector(".gs-zoom-autoplayline");
-    const loaded = $loader.clientWidth;
-    const all = $container.clientWidth;
-    const loadedPercent = loaded / all;
-    $loader.transition = "unset";
-    $loader.style.width = loaded + "px";
-    $loader.dataset.loaded = loadedPercent;
-    clearTimeout(ref.autoplay);
-    ref.autoplay = undefined;
-    ref.autoplayStoped = true;
-  }
-};
-
-export const resumeAutoplay = (ref) => {
-  if (ref.autoplayStoped) {
-    ref.autoplayStoped = false;
-    const params = ref.currentParams;
-    const $container = ref.$container;
-    const $loader = $container.querySelector(".gs-zoom-autoplayline");
-    if ($loader != null) {
-      const loaded = +$loader.dataset.loaded;
-      const timeLeft = params.autoplaySpeed * (1 - loaded);
-      $loader.style.transition = `${timeLeft}ms all linear`;
-      $loader.style.width = "100vw";
-      clearTimeout(ref.autoplay);
-      ref.autoplay = setTimeout(() => {
-        if (ref.currentIndex == [...ref.list].length - 1) {
-          initChange(ref, 0, true);
-        } else {
-          initChange(ref, ref.currentIndex + 1, true);
-        }
-      }, timeLeft);
-    }
-  }
-};
-
-export const stopAutoplay = (ref) => {
-  const $container = ref.$container;
-  $container.querySelector(".gs-zoom-btn-autoplay").innerHTML = icons.autoplay;
-  if ($container.querySelector(".gs-zoom-autoplayline") != null) {
-    $container.querySelector(".gs-zoom-autoplayline").remove();
-    clearTimeout(ref.autoplay);
-    ref.autoplay = undefined;
-    ref.autoplayStoped = false;
-  }
-};
+import icons from '../constants/icons';
+import initChange from './initChange';
+export const initAutoplay = (ref) => {
+    const $container = ref.$container;
+    const params = ref.currentParams;
+    if ($container.querySelector('.gs-zoom-autoplayline') != null) {
+        $container.querySelector('.gs-zoom-autoplayline').remove();
+    }
+    const $autoplayLine = document.createElement('div');
+    setTimeout(() => {
+        $autoplayLine.classList.add('gs-zoom-autoplayline');
+        $container.prepend($autoplayLine);
+        $autoplayLine.style.width = '0px';
+        setTimeout(() => {
+            $autoplayLine.style.transition = `${params.autoplaySpeed}ms all linear`;
+            $autoplayLine.style.width = '100vw';
+            clearTimeout(ref.autoplay);
+            ref.autoplay = setTimeout(() => {
+                if ($container.querySelector('.gs-zoom-autoplayline') != null) {
+                    $container.querySelector('.gs-zoom-autoplayline').remove();
+                }
+                if (ref.currentIndex === ref.list.length - 1) {
+                    initChange(ref, 0, true);
+                }
+                else {
+                    initChange(ref, ref.currentIndex + 1, true);
+                }
+            }, params.autoplaySpeed - 100);
+        }, 100);
+    }, 0);
+};
+export const pauseAutoplay = (ref) => {
+    if (ref.autoplay !== undefined) {
+        const $container = ref.$container;
+        const $loader = $container.querySelector('.gs-zoom-autoplayline');
+        if ($loader) {
+            const loaded = $loader.clientWidth;
+            const all = $container.clientWidth;
+            const loadedPercent = loaded / all;
+            $loader.transition = 'unset';
+            $loader.style.width = `${loaded}px`;
+            $loader.dataset.loaded = String(loadedPercent);
+            clearTimeout(ref.autoplay);
+            ref.autoplay = undefined;
+            ref.autoplayStoped = true;
+        }
+    }
+};
+export const resumeAutoplay = (ref) => {
+    if (ref.autoplayStoped) {
+        ref.autoplayStoped = false;
+        const params = ref.currentParams;
+        const $container = ref.$container;
+        const $loader = $container.querySelector('.gs-zoom-autoplayline');
+        if ($loader != null) {
+            const loaded = +$loader.dataset.loaded;
+            const timeLeft = params.autoplaySpeed * (1 - loaded);
+            $loader.style.transition = `${timeLeft}ms all linear`;
+            $loader.style.width = '100vw';
+            clearTimeout(ref.autoplay);
+            ref.autoplay = setTimeout(() => {
+                if (ref.currentIndex === ref.list.length - 1) {
+                    initChange(ref, 0, true);
+                }
+                else {
+                    initChange(ref, ref.currentIndex + 1, true);
+                }
+            }, timeLeft);
+        }
+    }
+};
+export const stopAutoplay = (ref) => {
+    const $container = ref.$container;
+    const $btn = $container.querySelector('.gs-zoom-btn-autoplay');
+    if ($btn) {
+        $btn.innerHTML = icons.autoplay;
+    }
+    if ($container.querySelector('.gs-zoom-autoplayline') != null) {
+        $container.querySelector('.gs-zoom-autoplayline').remove();
+        clearTimeout(ref.autoplay);
+        ref.autoplay = undefined;
+        ref.autoplayStoped = false;
+    }
+};
+//# sourceMappingURL=initAutoplay.js.map

package/dist/actions/initAutoplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initAutoplay.js","sourceRoot":"","sources":["../../actions/initAutoplay.ts"],"names":[],"mappings":"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"}

package/dist/actions/initChange.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from '../types/ref';
+declare const initChange: (ref: Ref, index: number, isAutoplay?: boolean) => void;
+export default initChange;
+//# sourceMappingURL=initChange.d.ts.map

package/dist/actions/initChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initChange.d.ts","sourceRoot":"","sources":["../../actions/initChange.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,QAAA,MAAM,UAAU,GAAI,KAAK,GAAG,EAAE,OAAO,MAAM,EAAE,aAAY,OAAe,KAAG,IAiI1E,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/actions/initChange.js

@@ -1,137 +1,116 @@
-import initAdjustAdditionalActive from './initAdjustAdditionalActive';
-import { initAutoplay, stopAutoplay } from './initAutoplay';
-import initDraggle from './initDraggle';
-import initDrawItem from './initDrawItem';
-import setStyles from './setStyles';
-
-const initChange = (ref, index, isAutoplay = false) => {
-  if (ref.inProcess === undefined || !ref.inProcess) {
-    ref.inProcess = true;
-    const params = ref.currentParams;
-    const $img = ref.$img;
-    const $container = ref.$container;
-    const $imgList = ref.$imgList;
-    $img.dataset.scale = 1;
-    $img.dataset.translatex = 0;
-    $img.dataset.translatey = 0;
-
-    $container.classList.remove('gs-zoom-is-zoomed');
-    $imgList.style.transition = '.3s ease-in-out';
-
-    if (params.showAdditionals && ref.list.length > 1) {
-      const $active = $container.querySelector(
-        '.gs-zoom-additionals .gs-add-list .gs-add-item.active',
-      );
-      if ($active != null) {
-        $active.classList.remove('active');
-      }
-      $container
-        .querySelector(
-          `.gs-zoom-additionals .gs-add-list .gs-add-item[data-index='${index}']`,
-        )
-        .classList.add('active');
-    }
-    initAdjustAdditionalActive(ref);
-
-    if (ref.currentIndex == index) {
-      let drawed = $imgList.querySelectorAll('.gs-zoom-main-img').length;
-      if (drawed == 1) {
-        $imgList.style.transform = 'translate(0%)';
-      } else if (drawed == 2) {
-        if (ref.currentIndex == 0) {
-          $imgList.style.transform = 'translate(0%)';
-        } else {
-          $imgList.style.transform = 'translate(-50%)';
-        }
-      } else {
-        $imgList.style.transform = 'translate(-33.3333%)';
-      }
-    } else {
-      if (index > ref.currentIndex) {
-        if ($imgList.querySelectorAll('.gs-zoom-main-img').length === 3) {
-          $imgList.style.transform = 'translate(-66.6666%)';
-        } else {
-          $imgList.style.transform = 'translate(-50%)';
-        }
-      } else {
-        $imgList.style.transform = 'translate(0%)';
-      }
-    }
-    if (ref.currentIndex != index && Math.abs(index - ref.currentIndex) != 1) {
-      const $el = $imgList.querySelector(
-        `.gs-zoom-main-img[data-index='${
-          ref.currentIndex + (index > ref.currentIndex ? 1 : -1)
-        }']`,
-      );
-      if ($el != null) {
-        $el.dataset.index = index;
-        initDrawItem(ref, index);
-      }
-    }
-    setTimeout(() => {
-      ref.isZoomed = false;
-      $imgList.style.transition = 'unset';
-      setStyles(ref, $img, {
-        transform: 'scale(1) translate(0, 0)',
-      });
-      ref.$mainImg = $imgList.querySelector(
-        `.gs-zoom-main-img[data-index='${index}']`,
-      );
-      ref.$imgTouch = ref.$mainImg.querySelector('.gs-zoom-img-touch');
-      ref.$img = ref.$mainImg.querySelector('.gs-zoom-img');
-      if (ref.list.length > 2 && ref.currentIndex !== index) {
-        [
-          ...$imgList.querySelectorAll(
-            `.gs-zoom-main-img:not([data-index='${index}'])`,
-          ),
-        ].map(el => {
-          el.remove();
-        });
-        ref.currentIndex = index;
-        if (index < ref.list.length - 1) {
-          const $mainImg = document.createElement('div');
-          $mainImg.classList.add('gs-zoom-main-img');
-          $mainImg.dataset.index = index + 1;
-          $imgList.append($mainImg);
-          initDrawItem(ref, index + 1);
-        }
-        if (index > 0) {
-          const $mainImg = document.createElement('div');
-          $mainImg.classList.add('gs-zoom-main-img');
-          $mainImg.dataset.index = index - 1;
-          $imgList.prepend($mainImg);
-          initDrawItem(ref, index - 1);
-        }
-      } else {
-        ref.currentIndex = index;
-      }
-      let drawed = $imgList.querySelectorAll('.gs-zoom-main-img').length;
-      if (drawed == 1) {
-        $imgList.style.transform = 'translate(0%)';
-      } else if (drawed == 2) {
-        if (ref.currentIndex == 0) {
-          $imgList.style.transform = 'translate(0%)';
-        } else {
-          $imgList.style.transform = 'translate(-50%)';
-        }
-      } else {
-        $imgList.style.transform = 'translate(-33.3333%)';
-      }
-      ref.inProcess = false;
-      if (typeof params.afterChange === 'function') {
-        params.afterChange();
-      }
-
-      initDraggle(ref, index);
-    }, 300);
-    $imgList.classList.remove('gs-zoom-listisdragging');
-
-    if (isAutoplay) {
-      initAutoplay(ref);
-    } else {
-      stopAutoplay(ref);
-    }
-  }
-};
-
-export default initChange;
+import initAdjustAdditionalActive from './initAdjustAdditionalActive';
+import { initAutoplay, stopAutoplay } from './initAutoplay';
+import initDraggle from './initDraggle';
+import initDrawItem from './initDrawItem';
+import setStyles from './setStyles';
+const initChange = (ref, index, isAutoplay = false) => {
+    if (ref.inProcess === undefined || !ref.inProcess) {
+        ref.inProcess = true;
+        const params = ref.currentParams;
+        const $img = ref.$img;
+        const $container = ref.$container;
+        const $imgList = ref.$imgList;
+        $img.dataset.scale = '1';
+        $img.dataset.translatex = '0';
+        $img.dataset.translatey = '0';
+        $container.classList.remove('gs-zoom-is-zoomed');
+        $imgList.style.transition = '.3s ease-in-out';
+        if (params.showAdditionals && ref.list.length > 1) {
+            const $active = $container.querySelector('.gs-zoom-additionals .gs-add-list .gs-add-item.active');
+            if ($active != null) {
+                $active.classList.remove('active');
+            }
+            $container
+                .querySelector(`.gs-zoom-additionals .gs-add-list .gs-add-item[data-index='${index}']`)
+                ?.classList.add('active');
+        }
+        initAdjustAdditionalActive(ref);
+        if (ref.currentIndex === index) {
+            const drawed = $imgList.querySelectorAll('.gs-zoom-main-img').length;
+            if (drawed === 1) {
+                $imgList.style.transform = 'translate(0%)';
+            }
+            else if (drawed === 2) {
+                $imgList.style.transform =
+                    ref.currentIndex === 0 ? 'translate(0%)' : 'translate(-50%)';
+            }
+            else {
+                $imgList.style.transform = 'translate(-33.3333%)';
+            }
+        }
+        else {
+            if (index > ref.currentIndex) {
+                $imgList.style.transform =
+                    $imgList.querySelectorAll('.gs-zoom-main-img').length === 3
+                        ? 'translate(-66.6666%)'
+                        : 'translate(-50%)';
+            }
+            else {
+                $imgList.style.transform = 'translate(0%)';
+            }
+        }
+        if (ref.currentIndex !== index && Math.abs(index - ref.currentIndex) !== 1) {
+            const $el = $imgList.querySelector(`.gs-zoom-main-img[data-index='${ref.currentIndex + (index > ref.currentIndex ? 1 : -1)}']`);
+            if ($el != null) {
+                $el.dataset.index = String(index);
+                initDrawItem(ref, index);
+            }
+        }
+        setTimeout(() => {
+            ref.isZoomed = false;
+            $imgList.style.transition = 'unset';
+            setStyles(ref, $img, { transform: 'scale(1) translate(0, 0)' });
+            ref.$mainImg = $imgList.querySelector(`.gs-zoom-main-img[data-index='${index}']`);
+            ref.$imgTouch = ref.$mainImg.querySelector('.gs-zoom-img-touch');
+            ref.$img = ref.$mainImg.querySelector('.gs-zoom-img');
+            if (ref.list.length > 2 && ref.currentIndex !== index) {
+                [
+                    ...$imgList.querySelectorAll(`.gs-zoom-main-img:not([data-index='${index}'])`),
+                ].forEach((el) => el.remove());
+                ref.currentIndex = index;
+                if (index < ref.list.length - 1) {
+                    const $mainImg = document.createElement('div');
+                    $mainImg.classList.add('gs-zoom-main-img');
+                    $mainImg.dataset.index = String(index + 1);
+                    $imgList.append($mainImg);
+                    initDrawItem(ref, index + 1);
+                }
+                if (index > 0) {
+                    const $mainImg = document.createElement('div');
+                    $mainImg.classList.add('gs-zoom-main-img');
+                    $mainImg.dataset.index = String(index - 1);
+                    $imgList.prepend($mainImg);
+                    initDrawItem(ref, index - 1);
+                }
+            }
+            else {
+                ref.currentIndex = index;
+            }
+            const drawed = $imgList.querySelectorAll('.gs-zoom-main-img').length;
+            if (drawed === 1) {
+                $imgList.style.transform = 'translate(0%)';
+            }
+            else if (drawed === 2) {
+                $imgList.style.transform =
+                    ref.currentIndex === 0 ? 'translate(0%)' : 'translate(-50%)';
+            }
+            else {
+                $imgList.style.transform = 'translate(-33.3333%)';
+            }
+            ref.inProcess = false;
+            if (typeof params.afterChange === 'function') {
+                params.afterChange();
+            }
+            initDraggle(ref, index);
+        }, 300);
+        $imgList.classList.remove('gs-zoom-listisdragging');
+        if (isAutoplay) {
+            initAutoplay(ref);
+        }
+        else {
+            stopAutoplay(ref);
+        }
+    }
+};
+export default initChange;
+//# sourceMappingURL=initChange.js.map

package/dist/actions/initChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initChange.js","sourceRoot":"","sources":["../../actions/initChange.ts"],"names":[],"mappings":"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"}

package/dist/actions/initClose.d.ts

@@ -0,0 +1,3 @@
+declare const initClose: () => void;
+export default initClose;
+//# sourceMappingURL=initClose.d.ts.map

package/dist/actions/initClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initClose.d.ts","sourceRoot":"","sources":["../../actions/initClose.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,QAAO,IAwBrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/actions/initClose.js

@@ -1,28 +1,24 @@
-import { stopAutoplay } from "./initAutoplay";
-
-const initClose = () => {
-  const ref =
-    window.GSZoomConfigue.openedZoom !== undefined
-      ? window.GSZoomConfigue.references.find(
-          (x) => x.key === window.GSZoomConfigue.openedZoom
-        ).ref
-      : null;
-  if (ref != null) {
-    if (typeof ref.currentParams.beforeLightBoxClose === "function") {
-      ref.currentParams.beforeLightBoxClose();
-    }
-    document.onkeyup = null;
-    ref.$container.remove();
-    if (ref.autoplay != undefined) {
-      clearTimeout(ref.autoplay);
-      stopAutoplay(ref);
-    }
-    document.querySelector("html").classList.remove("gs-zoom-opened");
-    if (typeof ref.currentParams.afterLightBoxClose === "function") {
-      ref.currentParams.afterLightBoxClose();
-    }
-    window.GSZoomConfigue.openedZoom = undefined;
-  }
-};
-
-export default initClose;
+import { stopAutoplay } from './initAutoplay';
+const initClose = () => {
+    const ref = window.GSZoomConfigue?.openedZoom !== undefined
+        ? window.GSZoomConfigue.references.find((x) => x.key === window.GSZoomConfigue.openedZoom)?.ref
+        : null;
+    if (ref != null) {
+        if (typeof ref.currentParams.beforeLightBoxClose === 'function') {
+            ref.currentParams.beforeLightBoxClose();
+        }
+        document.onkeyup = null;
+        ref.$container?.remove();
+        if (ref.autoplay !== undefined) {
+            clearTimeout(ref.autoplay);
+            stopAutoplay(ref);
+        }
+        document.querySelector('html').classList.remove('gs-zoom-opened');
+        if (typeof ref.currentParams.afterLightBoxClose === 'function') {
+            ref.currentParams.afterLightBoxClose();
+        }
+        window.GSZoomConfigue.openedZoom = undefined;
+    }
+};
+export default initClose;
+//# sourceMappingURL=initClose.js.map

package/dist/actions/initClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initClose.js","sourceRoot":"","sources":["../../actions/initClose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,SAAS,GAAG,GAAS,EAAE;IAC3B,MAAM,GAAG,GACP,MAAM,CAAC,cAAc,EAAE,UAAU,KAAK,SAAS;QAC7C,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CACnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,cAAe,CAAC,UAAU,CACnD,EAAE,GAAG;QACR,CAAC,CAAC,IAAI,CAAC;IAEX,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAChB,IAAI,OAAO,GAAG,CAAC,aAAa,CAAC,mBAAmB,KAAK,UAAU,EAAE,CAAC;YAChE,GAAG,CAAC,aAAa,CAAC,mBAAmB,EAAE,CAAC;QAC1C,CAAC;QACD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QACzB,IAAI,GAAG,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC3B,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;QACD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QACnE,IAAI,OAAO,GAAG,CAAC,aAAa,CAAC,kBAAkB,KAAK,UAAU,EAAE,CAAC;YAC/D,GAAG,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;QACzC,CAAC;QACD,MAAM,CAAC,cAAe,CAAC,UAAU,GAAG,SAAS,CAAC;IAChD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/actions/initDraggle.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from '../types/ref';
+declare const initDraggle: (ref: Ref, index: number) => void;
+export default initDraggle;
+//# sourceMappingURL=initDraggle.d.ts.map

package/dist/actions/initDraggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initDraggle.d.ts","sourceRoot":"","sources":["../../actions/initDraggle.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,QAAA,MAAM,WAAW,GAAI,KAAK,GAAG,EAAE,OAAO,MAAM,KAAG,IAwP9C,CAAC;AAEF,eAAe,WAAW,CAAC"}