@get-set/gs-zoom 0.0.4 → 0.0.6

package/dist/actions/getTranslateCoordToPoint.js

@@ -1,41 +1,21 @@
-import { getTranslateCoord } from "./general";
-
-const getTranslateCoordToPoint = (
-  $img,
-  $container,
-  scale,
-  newScale,
-  clientX,
-  clientY
-) => {
-  const coords = getTranslateCoord($img);
-  const translatex = coords.x;
-  const translatey = coords.y;
-  let mouseDirectionY = 0;
-  let mouseDirectionX = 0;
-  const actualWidth = $img.clientWidth * scale;
-  const actualHeight = $img.clientHeight * scale;
-  const containerWidth = $container.clientWidth;
-  const containerHeight = $container.clientHeight;
-
-  mouseDirectionY =
-    (clientY - (containerHeight - actualHeight) / 2 - translatey) /
-    actualHeight;
-
-  mouseDirectionX =
-    (clientX - (containerWidth - actualWidth) / 2 - translatex) / actualWidth;
-
-  const newActualWidth = (actualWidth * newScale) / scale;
-  const newActualHeight = (actualHeight * newScale) / scale;
-
-  const newTranslatex =
-    (newActualWidth - containerWidth) / 2 -
-    (newActualWidth * mouseDirectionX - clientX);
-  const newTranslatey =
-    (newActualHeight - containerHeight) / 2 -
-    (newActualHeight * mouseDirectionY - clientY);
-
-  return [newTranslatex, newTranslatey];
-};
-
-export default getTranslateCoordToPoint;
+import { getTranslateCoord } from './general';
+const getTranslateCoordToPoint = ($img, $container, scale, newScale, clientX, clientY) => {
+    const coords = getTranslateCoord($img);
+    const translatex = coords.x;
+    const translatey = coords.y;
+    const actualWidth = $img.clientWidth * scale;
+    const actualHeight = $img.clientHeight * scale;
+    const containerWidth = $container.clientWidth;
+    const containerHeight = $container.clientHeight;
+    const mouseDirectionY = (clientY - (containerHeight - actualHeight) / 2 - translatey) / actualHeight;
+    const mouseDirectionX = (clientX - (containerWidth - actualWidth) / 2 - translatex) / actualWidth;
+    const newActualWidth = (actualWidth * newScale) / scale;
+    const newActualHeight = (actualHeight * newScale) / scale;
+    const newTranslatex = (newActualWidth - containerWidth) / 2 -
+        (newActualWidth * mouseDirectionX - clientX);
+    const newTranslatey = (newActualHeight - containerHeight) / 2 -
+        (newActualHeight * mouseDirectionY - clientY);
+    return [newTranslatex, newTranslatey];
+};
+export default getTranslateCoordToPoint;
+//# sourceMappingURL=getTranslateCoordToPoint.js.map

package/dist/actions/getTranslateCoordToPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTranslateCoordToPoint.js","sourceRoot":"","sources":["../../actions/getTranslateCoordToPoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,wBAAwB,GAAG,CAC/B,IAAiB,EACjB,UAAuB,EACvB,KAAa,EACb,QAAgB,EAChB,OAAe,EACf,OAAe,EACG,EAAE;IACpB,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;IAC5B,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;IAC5B,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC/C,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC;IAC9C,MAAM,eAAe,GAAG,UAAU,CAAC,YAAY,CAAC;IAEhD,MAAM,eAAe,GACnB,CAAC,OAAO,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,YAAY,CAAC;IAC/E,MAAM,eAAe,GACnB,CAAC,OAAO,GAAG,CAAC,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,WAAW,CAAC;IAE5E,MAAM,cAAc,GAAG,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC;IACxD,MAAM,eAAe,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC;IAE1D,MAAM,aAAa,GACjB,CAAC,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC;QACrC,CAAC,cAAc,GAAG,eAAe,GAAG,OAAO,CAAC,CAAC;IAC/C,MAAM,aAAa,GACjB,CAAC,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC;QACvC,CAAC,eAAe,GAAG,eAAe,GAAG,OAAO,CAAC,CAAC;IAEhD,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/actions/init.d.ts

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

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

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

package/dist/actions/init.js

@@ -1,21 +1,21 @@
-import types from "../constants/types";
-import initLightBox from "./initLightBox";
-import initMagnifier from "./initMagnifier";
-
-const init = (ref) => {
-  if (typeof ref.currentParams.beforeInit === "function") {
-    ref.currentParams.beforeInit();
-  }
-  switch (ref.currentParams.type) {
-    case types.lightbox:
-      initLightBox(ref);
-      break;
-    case types.magnifier:
-      initMagnifier(ref);
-  }
-  if (typeof ref.currentParams.afterInit === "function") {
-    ref.currentParams.afterInit();
-  }
-};
-
-export default init;
+import types from '../constants/types';
+import initLightBox from './initLightBox';
+import initMagnifier from './initMagnifier';
+const init = (ref) => {
+    if (typeof ref.currentParams.beforeInit === 'function') {
+        ref.currentParams.beforeInit();
+    }
+    switch (ref.currentParams.type) {
+        case types.lightbox:
+            initLightBox(ref);
+            break;
+        case types.magnifier:
+            initMagnifier(ref);
+            break;
+    }
+    if (typeof ref.currentParams.afterInit === 'function') {
+        ref.currentParams.afterInit();
+    }
+};
+export default init;
+//# sourceMappingURL=init.js.map

package/dist/actions/init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../actions/init.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,MAAM,IAAI,GAAG,CAAC,GAAQ,EAAQ,EAAE;IAC9B,IAAI,OAAO,GAAG,CAAC,aAAa,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QACvD,GAAG,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC/B,KAAK,KAAK,CAAC,QAAQ;YACjB,YAAY,CAAC,GAAG,CAAC,CAAC;YAClB,MAAM;QACR,KAAK,KAAK,CAAC,SAAS;YAClB,aAAa,CAAC,GAAG,CAAC,CAAC;YACnB,MAAM;IACV,CAAC;IAED,IAAI,OAAO,GAAG,CAAC,aAAa,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;QACtD,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;IAChC,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/actions/initActionEvents.d.ts

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

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

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

package/dist/actions/initActionEvents.js

@@ -1,127 +1,80 @@
-import icons from "../constants/icons";
-import { getTranslateCoord } from "./general";
-import getAdjustTransform from "./getAdjustTransform";
-import getTranslateCoordToPoint from "./getTranslateCoordToPoint";
-import { initAutoplay, stopAutoplay } from "./initAutoplay";
-import { exitFullScreen } from "./initFullScreen";
-import setStyles from "./setStyles";
-
-const initActionEvents = (ref) => {
-  const params = ref.currentParams;
-  const $container = ref.$container;
-  const $btnAdditionals = ref.$btnAdditionals;
-  const $btnAutoplay = ref.$btnAutoplay;
-  const $btnClose = ref.$btnClose;
-  const $btnZoomIn = ref.$btnZoomIn;
-  const $btnZoomOut = ref.$btnZoomOut;
-
-  if ($btnAdditionals != null) {
-    $btnAdditionals.addEventListener("click", () => {
-      if (
-        $container
-          .querySelector(".gs-zoom-additionals")
-          .classList.contains("gs-zoom-hidden")
-      ) {
-        $container
-          .querySelector(".gs-zoom-additionals")
-          .classList.remove("gs-zoom-hidden");
-      } else {
-        $container
-          .querySelector(".gs-zoom-additionals")
-          .classList.add("gs-zoom-hidden");
-      }
-    });
-  }
-  if ($btnAutoplay != null) {
-    $btnAutoplay.addEventListener("click", () => {
-      if (ref.autoplay == undefined) {
-        initAutoplay(ref);
-        $btnAutoplay.innerHTML = icons.autoplayPause;
-      } else {
-        stopAutoplay(ref);
-      }
-    });
-  }
-  if ($btnClose != null) {
-    $btnClose.addEventListener("click", () => {
-      exitFullScreen();
-    });
-  }
-  if ($btnZoomIn != null) {
-    $btnZoomIn.addEventListener("click", () => {
-      const $img = ref.$img;
-      const scale =
-        $img.dataset.scale != undefined ? parseFloat($img.dataset.scale) : 1;
-
-      if (scale < params.maxZoom) {
-        clearTimeout(window.timeout);
-        const newScale = Math.min(scale + 0.4, params.maxZoom);
-        $img.dataset.scale = newScale;
-        let [newTranslatex, newTranslatey] = getTranslateCoordToPoint(
-          $img,
-          $container,
-          scale,
-          newScale,
-          $container.clientWidth / 2,
-          $container.clientHeight / 2
-        );
-        [newTranslatex, newTranslatey] = getAdjustTransform(
-          newScale,
-          newTranslatex,
-          newTranslatey,
-          $img,
-          $container
-        );
-
-        setStyles(ref, $img, {
-          transition: ".3s ease-in-out",
-          transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
-        });
-        window.timeout = setTimeout(function () {
-          setStyles(ref, $img, {
-            transition: "unset",
-          });
-        }, 300);
-      }
-    });
-  }
-  if ($btnZoomOut != null) {
-    $btnZoomOut.addEventListener("click", () => {
-      const $img = ref.$img;
-      const scale =
-        $img.dataset.scale != undefined ? parseFloat($img.dataset.scale) : 1;
-
-      if (scale > 1) {
-        clearTimeout(window.timeout);
-        const newScale = Math.max(1, scale - 0.4);
-        $img.dataset.scale = newScale;
-        let [newTranslatex, newTranslatey] = getTranslateCoordToPoint(
-          $img,
-          $container,
-          scale,
-          newScale,
-          $container.clientWidth / 2,
-          $container.clientHeight / 2
-        );
-        [newTranslatex, newTranslatey] = getAdjustTransform(
-          newScale,
-          newTranslatex,
-          newTranslatey,
-          $img,
-          $container
-        );
-        setStyles(ref, $img, {
-          transition: ".3s ease-in-out",
-          transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
-        });
-        window.timeout = setTimeout(function () {
-          setStyles(ref, $img, {
-            transition: "unset",
-          });
-        }, 300);
-      }
-    });
-  }
-};
-
-export default initActionEvents;
+import icons from '../constants/icons';
+import getAdjustTransform from './getAdjustTransform';
+import getTranslateCoordToPoint from './getTranslateCoordToPoint';
+import { initAutoplay, stopAutoplay } from './initAutoplay';
+import { exitFullScreen } from './initFullScreen';
+import setStyles from './setStyles';
+const initActionEvents = (ref) => {
+    const params = ref.currentParams;
+    const $container = ref.$container;
+    const $btnAdditionals = ref.$btnAdditionals;
+    const $btnAutoplay = ref.$btnAutoplay;
+    const $btnClose = ref.$btnClose;
+    const $btnZoomIn = ref.$btnZoomIn;
+    const $btnZoomOut = ref.$btnZoomOut;
+    if ($btnAdditionals != null) {
+        $btnAdditionals.addEventListener('click', () => {
+            $container
+                .querySelector('.gs-zoom-additionals')
+                ?.classList.toggle('gs-zoom-hidden');
+        });
+    }
+    if ($btnAutoplay != null) {
+        $btnAutoplay.addEventListener('click', () => {
+            if (ref.autoplay === undefined) {
+                initAutoplay(ref);
+                $btnAutoplay.innerHTML = icons.autoplayPause;
+            }
+            else {
+                stopAutoplay(ref);
+            }
+        });
+    }
+    if ($btnClose != null) {
+        $btnClose.addEventListener('click', () => {
+            exitFullScreen();
+        });
+    }
+    if ($btnZoomIn != null) {
+        $btnZoomIn.addEventListener('click', () => {
+            const $img = ref.$img;
+            const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+            if (scale < params.maxZoom) {
+                clearTimeout(ref.zoomButtonTimeout);
+                const newScale = Math.min(scale + 0.4, params.maxZoom);
+                $img.dataset.scale = String(newScale);
+                let [newTranslatex, newTranslatey] = getTranslateCoordToPoint($img, $container, scale, newScale, $container.clientWidth / 2, $container.clientHeight / 2);
+                [newTranslatex, newTranslatey] = getAdjustTransform(newScale, newTranslatex, newTranslatey, $img, $container);
+                setStyles(ref, $img, {
+                    transition: '.3s ease-in-out',
+                    transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
+                });
+                ref.zoomButtonTimeout = setTimeout(() => {
+                    setStyles(ref, $img, { transition: 'unset' });
+                }, 300);
+            }
+        });
+    }
+    if ($btnZoomOut != null) {
+        $btnZoomOut.addEventListener('click', () => {
+            const $img = ref.$img;
+            const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+            if (scale > 1) {
+                clearTimeout(ref.zoomButtonTimeout);
+                const newScale = Math.max(1, scale - 0.4);
+                $img.dataset.scale = String(newScale);
+                let [newTranslatex, newTranslatey] = getTranslateCoordToPoint($img, $container, scale, newScale, $container.clientWidth / 2, $container.clientHeight / 2);
+                [newTranslatex, newTranslatey] = getAdjustTransform(newScale, newTranslatex, newTranslatey, $img, $container);
+                setStyles(ref, $img, {
+                    transition: '.3s ease-in-out',
+                    transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
+                });
+                ref.zoomButtonTimeout = setTimeout(() => {
+                    setStyles(ref, $img, { transition: 'unset' });
+                }, 300);
+            }
+        });
+    }
+};
+export default initActionEvents;
+//# sourceMappingURL=initActionEvents.js.map

package/dist/actions/initActionEvents.js.map

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

package/dist/actions/initAdditionals.d.ts

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

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

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

package/dist/actions/initAdditionals.js

@@ -1,117 +1,78 @@
-import { getTranslateCoord } from "./general";
-import initChange from "./initChange";
-
-const initAdditionals = (ref) => {
-  const params = ref.currentParams;
-
-  if (params.showAdditionals && ref.list.length > 1) {
-    const $container = ref.$container;
-    const $mainImg = ref.$mainImg;
-    const $img = ref.$img;
-    const $addContainer = document.createElement("div");
-    const $addList = document.createElement("div");
-    const $addListContainer = document.createElement("div");
-    $addContainer.classList.add("gs-zoom-additionals");
-    $addContainer.classList.add("gs-zoom-hide-inzoomed");
-    $addContainer.classList.add("gs-zoom-hidden");
-    $addListContainer.classList.add("gs-add-list-container");
-    $addList.classList.add("gs-add-list");
-    $addList.style.transform = "translateX(0px)";
-    [...ref.list].map((el, index) => {
-      const $item = document.createElement("div");
-      $item.dataset.index = index;
-      if (index === ref.currentIndex) {
-        $item.classList.add("active");
-      }
-      const $itemImg = document.createElement("img");
-      $itemImg.src =
-        el.src.split("?")[0] + params.additionalImageQueryParameters;
-      $mainImg.classList.add("gz-zoom-is-loading");
-      $img.onload = () => {
-        $mainImg.classList.remove("gz-zoom-is-loading");
-      };
-      $item.classList.add("gs-add-item");
-      $item.append($itemImg);
-      $addList.append($item);
-      $item.addEventListener("click", () => {
-        initChange(ref, index);
-      });
-    });
-    $addListContainer.append($addList);
-    $addContainer.append($addListContainer);
-    $container.append($addContainer);
-
-    $addList.ontouchstart = $addList.onmousedown = (e) => {
-      if ($addList.clientWidth > $container.clientWidth) {
-        window.initX =
-          e.targetTouches != null && e.targetTouches.length > 0
-            ? e.targetTouches[0].clientX
-            : e.clientX;
-        window.initTranslateX = getTranslateCoord($addList).x;
-        $container.classList.add("gs-additional-isdragging");
-      }
-    };
-    $container.addEventListener("touchmove", (e) => {
-      if ($container.classList.contains("gs-additional-isdragging")) {
-        window.clientX = e.targetTouches[0].clientX;
-        const movedX = window.clientX - window.initX;
-        $addList.style.transform = `translateX(${
-          window.initTranslateX + movedX
-        }px)`;
-      }
-    });
-    $container.addEventListener("mousemove", (e) => {
-      if (
-        $container.classList.contains("gs-additional-isdragging") &&
-        $addList.clientWidth > $container.clientWidth
-      ) {
-        window.clientX = e.clientX;
-        const movedX = window.clientX - window.initX;
-        $addList.style.transform = `translateX(${
-          window.initTranslateX + movedX
-        }px)`;
-      }
-    });
-    $container.addEventListener("mouseleave", (e) => {
-      if ($container.classList.contains("gs-additional-isdragging")) {
-        $container.classList.remove("gs-additional-isdragging");
-        const translate = getTranslateCoord($addList).x;
-        if (translate > 0) {
-          $addList.style.transform = `translateX(0px)`;
-        } else if (translate < $container.clientWidth - $addList.clientWidth) {
-          $addList.style.transform = `translateX(${
-            $container.clientWidth - $addList.clientWidth
-          }px)`;
-        }
-      }
-    });
-    $container.addEventListener("mouseup", (e) => {
-      if ($container.classList.contains("gs-additional-isdragging")) {
-        $container.classList.remove("gs-additional-isdragging");
-        const translate = getTranslateCoord($addList).x;
-        if (translate > 0) {
-          $addList.style.transform = `translateX(0px)`;
-        } else if (translate < $container.clientWidth - $addList.clientWidth) {
-          $addList.style.transform = `translateX(${
-            $container.clientWidth - $addList.clientWidth
-          }px)`;
-        }
-      }
-    });
-    $container.addEventListener("touchend", (e) => {
-      if ($container.classList.contains("gs-additional-isdragging")) {
-        $container.classList.remove("gs-additional-isdragging");
-        const translate = getTranslateCoord($addList).x;
-        if (translate > 0) {
-          $addList.style.transform = `translateX(0px)`;
-        } else if (translate < $container.clientWidth - $addList.clientWidth) {
-          $addList.style.transform = `translateX(${
-            $container.clientWidth - $addList.clientWidth
-          }px)`;
-        }
-      }
-    });
-  }
-};
-
-export default initAdditionals;
+import { getTranslateCoord } from './general';
+import initChange from './initChange';
+const initAdditionals = (ref) => {
+    const params = ref.currentParams;
+    if (params.showAdditionals && ref.list.length > 1) {
+        const $container = ref.$container;
+        const $addContainer = document.createElement('div');
+        const $addList = document.createElement('div');
+        const $addListContainer = document.createElement('div');
+        $addContainer.classList.add('gs-zoom-additionals', 'gs-zoom-hide-inzoomed', 'gs-zoom-hidden');
+        $addListContainer.classList.add('gs-add-list-container');
+        $addList.classList.add('gs-add-list');
+        $addList.style.transform = 'translateX(0px)';
+        ref.list.forEach((el, index) => {
+            const $item = document.createElement('div');
+            $item.dataset.index = String(index);
+            if (index === ref.currentIndex) {
+                $item.classList.add('active');
+            }
+            const $itemImg = document.createElement('img');
+            $itemImg.src = el.src.split('?')[0] + params.additionalImageQueryParameters;
+            $itemImg.onload = () => {
+                $item.classList.remove('gz-zoom-is-loading');
+            };
+            $item.classList.add('gs-add-item', 'gz-zoom-is-loading');
+            $item.append($itemImg);
+            $addList.append($item);
+            $item.addEventListener('click', () => {
+                initChange(ref, index);
+            });
+        });
+        $addListContainer.append($addList);
+        $addContainer.append($addListContainer);
+        $container.append($addContainer);
+        const clampTranslate = () => {
+            const translate = getTranslateCoord($addList).x;
+            if (translate > 0) {
+                $addList.style.transform = 'translateX(0px)';
+            }
+            else if (translate < $container.clientWidth - $addList.clientWidth) {
+                $addList.style.transform = `translateX(${$container.clientWidth - $addList.clientWidth}px)`;
+            }
+        };
+        $addList.ontouchstart = $addList.onmousedown = (e) => {
+            if ($addList.clientWidth > $container.clientWidth) {
+                const te = e;
+                window.initX =
+                    te.targetTouches?.length > 0 ? te.targetTouches[0].clientX : e.clientX;
+                window.initListTranslateX = getTranslateCoord($addList).x;
+                $container.classList.add('gs-additional-isdragging');
+            }
+        };
+        $container.addEventListener('touchmove', (e) => {
+            if ($container.classList.contains('gs-additional-isdragging')) {
+                window.clientX = e.targetTouches[0].clientX;
+                $addList.style.transform = `translateX(${window.initListTranslateX + (window.clientX - window.initX)}px)`;
+            }
+        });
+        $container.addEventListener('mousemove', (e) => {
+            if ($container.classList.contains('gs-additional-isdragging') &&
+                $addList.clientWidth > $container.clientWidth) {
+                window.clientX = e.clientX;
+                $addList.style.transform = `translateX(${window.initListTranslateX + (window.clientX - window.initX)}px)`;
+            }
+        });
+        const onDragEnd = () => {
+            if ($container.classList.contains('gs-additional-isdragging')) {
+                $container.classList.remove('gs-additional-isdragging');
+                clampTranslate();
+            }
+        };
+        $container.addEventListener('mouseleave', onDragEnd);
+        $container.addEventListener('mouseup', onDragEnd);
+        $container.addEventListener('touchend', onDragEnd);
+    }
+};
+export default initAdditionals;
+//# sourceMappingURL=initAdditionals.js.map

package/dist/actions/initAdditionals.js.map

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

package/dist/actions/initAdjust.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from '../types/ref';
+declare const initAdjust: (ref: Ref, $container: HTMLElement, $img: HTMLElement, withAnimation?: boolean) => void;
+export default initAdjust;
+//# sourceMappingURL=initAdjust.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"initAdjust.d.ts","sourceRoot":"","sources":["../../actions/initAdjust.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,QAAA,MAAM,UAAU,GACd,KAAK,GAAG,EACR,YAAY,WAAW,EACvB,MAAM,WAAW,EACjB,gBAAe,OAAc,KAC5B,IA0GF,CAAC;AAEF,eAAe,UAAU,CAAC"}