@get-set/gs-zoom 0.0.4 → 0.0.6

package/dist/actions/initDraw.js

@@ -1,90 +1,74 @@
-import icons from "../constants/icons";
-import initDrawItem from "./initDrawItem";
-
-const initDraw = (ref) => {
-  const list = [...ref.list];
-  const params = ref.currentParams;
-  const $body = document.querySelector("body");
-  const $container = document.createElement("div");
-  const $header = document.createElement("div");
-  const $imgList = document.createElement("div");
-  $container.classList.add("gs-zoom-container");
-  $imgList.classList.add("gs-zoom-img-list");
-  $header.classList.add("gs-zoom-header");
-  $container.append($imgList);
-  $container.prepend($header);
-  $body.append($container);
-  ref.$container = $container;
-  ref.$imgList = $imgList;
-
-  let drawed = 0;
-  list.map((_, index) => {
-    if (index <= ref.currentIndex + 1 && index >= ref.currentIndex - 1) {
-      drawed++;
-      const $mainImg = document.createElement("div");
-      $mainImg.classList.add("gs-zoom-main-img");
-      $mainImg.dataset.index = index;
-      $imgList.append($mainImg);
-      initDrawItem(ref, index);
-    }
-  });
-  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%)";
-  }
-
-  //#region Actions
-  const $actions = document.createElement("div");
-  $actions.classList.add("gs-zoom-actions");
-  $header.append($actions);
-
-  if (params.showAdditionals && ref.list.length > 1) {
-    const $btnAdditionals = document.createElement("button");
-    $btnAdditionals.classList.add("gs-zoom-btn-toggleadditionals");
-    $btnAdditionals.classList.add("gs-zoom-action");
-    $btnAdditionals.innerHTML = icons.toggleadditionals;
-    $actions.append($btnAdditionals);
-    ref.$btnAdditionals = $btnAdditionals;
-  }
-
-  const $btnZoomIn = document.createElement("button");
-  $btnZoomIn.classList.add("gs-zoom-btn-in");
-  $btnZoomIn.classList.add("gs-zoom-action");
-  $btnZoomIn.innerHTML = icons.zoomIn;
-  $actions.append($btnZoomIn);
-  ref.$btnZoomIn = $btnZoomIn;
-
-  const $btnZoomOut = document.createElement("button");
-  $btnZoomOut.classList.add("gs-zoom-btn-in");
-  $btnZoomOut.classList.add("gs-zoom-action");
-  $btnZoomOut.innerHTML = icons.zoomOut;
-  $actions.append($btnZoomOut);
-  ref.$btnZoomOut = $btnZoomOut;
-
-  if (ref.list.length > 1) {
-    const $btnAutoplay = document.createElement("button");
-    $btnAutoplay.classList.add("gs-zoom-btn-autoplay");
-    $btnAutoplay.classList.add("gs-zoom-action");
-    $btnAutoplay.innerHTML = icons.autoplay;
-    $actions.append($btnAutoplay);
-    ref.$btnAutoplay = $btnAutoplay;
-  }
-
-  const $btnClose = document.createElement("button");
-  $btnClose.classList.add("gs-zoom-btn-close");
-  $btnClose.classList.add("gs-zoom-action");
-  $btnClose.innerHTML = icons.close;
-  $actions.append($btnClose);
-  ref.$btnClose = $btnClose;
-
-  //#endregion Actions
-};
-
-export default initDraw;
+import icons from '../constants/icons';
+import initDrawItem from './initDrawItem';
+const initDraw = (ref) => {
+    const list = ref.list;
+    const params = ref.currentParams;
+    const $body = document.querySelector('body');
+    const $container = document.createElement('div');
+    const $header = document.createElement('div');
+    const $imgList = document.createElement('div');
+    $container.classList.add('gs-zoom-container');
+    $imgList.classList.add('gs-zoom-img-list');
+    $header.classList.add('gs-zoom-header');
+    $container.append($imgList);
+    $container.prepend($header);
+    $body.append($container);
+    ref.$container = $container;
+    ref.$imgList = $imgList;
+    let drawed = 0;
+    list.forEach((_, index) => {
+        if (index <= ref.currentIndex + 1 && index >= ref.currentIndex - 1) {
+            drawed++;
+            const $mainImg = document.createElement('div');
+            $mainImg.classList.add('gs-zoom-main-img');
+            $mainImg.dataset.index = String(index);
+            $imgList.append($mainImg);
+            initDrawItem(ref, index);
+        }
+    });
+    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%)';
+    }
+    // Actions bar
+    const $actions = document.createElement('div');
+    $actions.classList.add('gs-zoom-actions');
+    $header.append($actions);
+    if (params.showAdditionals && list.length > 1) {
+        const $btnAdditionals = document.createElement('button');
+        $btnAdditionals.classList.add('gs-zoom-btn-toggleadditionals', 'gs-zoom-action');
+        $btnAdditionals.innerHTML = icons.toggleadditionals;
+        $actions.append($btnAdditionals);
+        ref.$btnAdditionals = $btnAdditionals;
+    }
+    const $btnZoomIn = document.createElement('button');
+    $btnZoomIn.classList.add('gs-zoom-btn-in', 'gs-zoom-action');
+    $btnZoomIn.innerHTML = icons.zoomIn;
+    $actions.append($btnZoomIn);
+    ref.$btnZoomIn = $btnZoomIn;
+    const $btnZoomOut = document.createElement('button');
+    $btnZoomOut.classList.add('gs-zoom-btn-out', 'gs-zoom-action');
+    $btnZoomOut.innerHTML = icons.zoomOut;
+    $actions.append($btnZoomOut);
+    ref.$btnZoomOut = $btnZoomOut;
+    if (list.length > 1) {
+        const $btnAutoplay = document.createElement('button');
+        $btnAutoplay.classList.add('gs-zoom-btn-autoplay', 'gs-zoom-action');
+        $btnAutoplay.innerHTML = icons.autoplay;
+        $actions.append($btnAutoplay);
+        ref.$btnAutoplay = $btnAutoplay;
+    }
+    const $btnClose = document.createElement('button');
+    $btnClose.classList.add('gs-zoom-btn-close', 'gs-zoom-action');
+    $btnClose.innerHTML = icons.close;
+    $actions.append($btnClose);
+    ref.$btnClose = $btnClose;
+};
+export default initDraw;
+//# sourceMappingURL=initDraw.js.map

package/dist/actions/initDraw.js.map

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

package/dist/actions/initDrawItem.d.ts

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

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

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

package/dist/actions/initDrawItem.js

@@ -1,79 +1,63 @@
-import initDraggle from './initDraggle';
-import initWheel from './initWheel';
-
-const initDrawItem = (ref, index) => {
-  const params = ref.currentParams;
-  const $imgList = ref.$imgList;
-  const $mainImg = $imgList.querySelector(
-    `.gs-zoom-main-img[data-index='${index}']`,
-  );
-  $mainImg.innerHTML = '';
-  const $imgTouch = document.createElement('div');
-  const $imgloading = document.createElement('div');
-  const $img = document.createElement('img');
-  const item = [...ref.list][index];
-  $imgloading.classList.add('gz-zoom-loading-container');
-  $img.src = item.src.split('?')[0] + params.mainImageQueryParameters;
-  $img.classList.add('gs-zoom-img');
-  $img.dataset.scale = 1;
-  $img.dataset.translatex = 0;
-  $img.dataset.translatey = 0;
-  $imgTouch.classList.add('gs-zoom-img-touch');
-  $img.onload = () => {
-    $mainImg.classList.remove('gz-zoom-is-loading');
-  };
-  $mainImg.classList.add('gz-zoom-is-loading');
-  $mainImg.append($img);
-  $imgloading.innerHTML = params.imgLoading;
-  $mainImg.append($imgloading);
-  $mainImg.append($imgTouch);
-  // if (
-  //   (item.dataset.gstitle != undefined &&
-  //     item.dataset.gstitle.trim().length > 0) ||
-  //   (item.dataset.gssubtitle != undefined &&
-  //     item.dataset.gssubtitle.trim().length > 0) ||
-  //   (item.dataset.gsdescription != undefined &&
-  //     item.dataset.gsdescription.trim().length > 0)
-  // ) {
-  //   const $txtarea = document.createElement("div");
-  //   $txtarea.classList.add("gs-zoom-hide-inzoomed");
-  //   $txtarea.classList.add("gs-zoom-info-data");
-  //   if (
-  //     item.dataset.gstitle != undefined &&
-  //     item.dataset.gstitle.trim().length > 0
-  //   ) {
-  //     const $title = document.createElement("div");
-  //     $title.classList.add("gs-zoom-info-title");
-  //     $title.innerHTML = item.dataset.gstitle;
-  //     $txtarea.append($title);
-  //   }
-  //   if (
-  //     item.dataset.gssubtitle != undefined &&
-  //     item.dataset.gssubtitle.trim().length > 0
-  //   ) {
-  //     const $subtitle = document.createElement("div");
-  //     $subtitle.classList.add("gs-zoom-info-subtitle");
-  //     $subtitle.innerHTML = item.dataset.gssubtitle;
-  //     $txtarea.append($subtitle);
-  //   }
-  //   if (
-  //     item.dataset.gsdescription != undefined &&
-  //     item.dataset.gsdescription.trim().length > 0
-  //   ) {
-  //     const $description = document.createElement("div");
-  //     $description.classList.add("gs-zoom-info-description");
-  //     $description.innerHTML = item.dataset.gsdescription;
-  //     $txtarea.append($description);
-  //   }
-  //   $mainImg.append($txtarea);
-  // }
-
-  if (index == ref.currentIndex) {
-    ref.$mainImg = $mainImg;
-    ref.$imgTouch = $imgTouch;
-    ref.$img = $img;
-  }
-  initWheel(ref, index);
-};
-
-export default initDrawItem;
+import initDraggle from './initDraggle';
+import initWheel from './initWheel';
+const initDrawItem = (ref, index) => {
+    const params = ref.currentParams;
+    const $imgList = ref.$imgList;
+    const $mainImg = $imgList.querySelector(`.gs-zoom-main-img[data-index='${index}']`);
+    $mainImg.innerHTML = '';
+    const $imgTouch = document.createElement('div');
+    const $imgloading = document.createElement('div');
+    const $img = document.createElement('img');
+    const item = ref.list[index];
+    $imgloading.classList.add('gz-zoom-loading-container');
+    $img.src = item.src.split('?')[0] + params.mainImageQueryParameters;
+    $img.classList.add('gs-zoom-img');
+    $img.dataset.scale = '1';
+    $img.dataset.translatex = '0';
+    $img.dataset.translatey = '0';
+    $imgTouch.classList.add('gs-zoom-img-touch');
+    $img.onload = () => {
+        $mainImg.classList.remove('gz-zoom-is-loading');
+    };
+    $mainImg.classList.add('gz-zoom-is-loading');
+    $mainImg.append($img);
+    $imgloading.innerHTML = params.imgLoading;
+    $mainImg.append($imgloading);
+    $mainImg.append($imgTouch);
+    // Title / subtitle / description — sourced from data attributes on the original img element
+    if ((item.dataset.gstitle?.trim().length ?? 0) > 0 ||
+        (item.dataset.gssubtitle?.trim().length ?? 0) > 0 ||
+        (item.dataset.gsdescription?.trim().length ?? 0) > 0) {
+        const $txtarea = document.createElement('div');
+        $txtarea.classList.add('gs-zoom-hide-inzoomed');
+        $txtarea.classList.add('gs-zoom-info-data');
+        if ((item.dataset.gstitle?.trim().length ?? 0) > 0) {
+            const $title = document.createElement('div');
+            $title.classList.add('gs-zoom-info-title');
+            $title.innerHTML = item.dataset.gstitle;
+            $txtarea.append($title);
+        }
+        if ((item.dataset.gssubtitle?.trim().length ?? 0) > 0) {
+            const $subtitle = document.createElement('div');
+            $subtitle.classList.add('gs-zoom-info-subtitle');
+            $subtitle.innerHTML = item.dataset.gssubtitle;
+            $txtarea.append($subtitle);
+        }
+        if ((item.dataset.gsdescription?.trim().length ?? 0) > 0) {
+            const $description = document.createElement('div');
+            $description.classList.add('gs-zoom-info-description');
+            $description.innerHTML = item.dataset.gsdescription;
+            $txtarea.append($description);
+        }
+        $mainImg.append($txtarea);
+    }
+    if (index === ref.currentIndex) {
+        ref.$mainImg = $mainImg;
+        ref.$imgTouch = $imgTouch;
+        ref.$img = $img;
+    }
+    initWheel(ref, index);
+    initDraggle(ref, index);
+};
+export default initDrawItem;
+//# sourceMappingURL=initDrawItem.js.map

package/dist/actions/initDrawItem.js.map

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

package/dist/actions/initFullScreen.d.ts

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

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

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

package/dist/actions/initFullScreen.js

@@ -1,32 +1,32 @@
-import { fullscreenchange } from "./general";
-import initClose from "./initClose";
-
-export const initFullScreen = (ref) => {
-  const $html = document.querySelector("html");
-  if (!ref.currentParams.disableFullScreen) {
-    if ($html.requestFullscreen) {
-      $html.requestFullscreen();
-    } else if ($html.webkitRequestFullscreen) {
-      // Safari
-      $html.webkitRequestFullscreen();
-    } else if ($html.msRequestFullscreen) {
-      // IE/Edge
-      $html.msRequestFullscreen();
-    }
-  }
-  document.removeEventListener("fullscreenchange", fullscreenchange);
-  document.addEventListener("fullscreenchange", fullscreenchange);
-};
-
-export const exitFullScreen = () => {
-  if (document.exitFullscreen) {
-    document.exitFullscreen();
-  } else if (document.webkitExitFullscreen) {
-    // Safari
-    document.webkitExitFullscreen();
-  } else if (document.msExitFullscreen) {
-    // IE/Edge
-    document.msExitFullscreen();
-  }
-  initClose();
-};
+import { fullscreenchange } from './general';
+import initClose from './initClose';
+export const initFullScreen = (ref) => {
+    const $html = document.querySelector('html');
+    if (!ref.currentParams.disableFullScreen) {
+        if ($html.requestFullscreen) {
+            $html.requestFullscreen();
+        }
+        else if ($html.webkitRequestFullscreen) {
+            $html.webkitRequestFullscreen();
+        }
+        else if ($html.msRequestFullscreen) {
+            $html.msRequestFullscreen();
+        }
+    }
+    document.removeEventListener('fullscreenchange', fullscreenchange);
+    document.addEventListener('fullscreenchange', fullscreenchange);
+};
+export const exitFullScreen = () => {
+    const doc = document;
+    if (doc.exitFullscreen) {
+        doc.exitFullscreen();
+    }
+    else if (doc.webkitExitFullscreen) {
+        doc.webkitExitFullscreen();
+    }
+    else if (doc.msExitFullscreen) {
+        doc.msExitFullscreen();
+    }
+    initClose();
+};
+//# sourceMappingURL=initFullScreen.js.map

package/dist/actions/initFullScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initFullScreen.js","sourceRoot":"","sources":["../../actions/initFullScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAQ,EAAQ,EAAE;IAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAQ,CAAC;IACpD,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAiB,EAAE,CAAC;QACzC,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC5B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC5B,CAAC;aAAM,IAAI,KAAK,CAAC,uBAAuB,EAAE,CAAC;YACzC,KAAK,CAAC,uBAAuB,EAAE,CAAC;QAClC,CAAC;aAAM,IAAI,KAAK,CAAC,mBAAmB,EAAE,CAAC;YACrC,KAAK,CAAC,mBAAmB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;IACnE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAS,EAAE;IACvC,MAAM,GAAG,GAAG,QAAe,CAAC;IAC5B,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC;QACvB,GAAG,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC;SAAM,IAAI,GAAG,CAAC,oBAAoB,EAAE,CAAC;QACpC,GAAG,CAAC,oBAAoB,EAAE,CAAC;IAC7B,CAAC;SAAM,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;QAChC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACzB,CAAC;IACD,SAAS,EAAE,CAAC;AACd,CAAC,CAAC"}

package/dist/actions/initLightBox.d.ts

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

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

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

package/dist/actions/initLightBox.js

@@ -1,12 +1,11 @@
-import initOpen from './initOpen';
-
-const initLightBox = ref => {
-  [...ref.list].map((item, index) => {
-    //item.dataset.index = index;
-    item.addEventListener('click', function () {
-      initOpen(ref, index);
-    });
-  });
-};
-
-export default initLightBox;
+import initOpen from './initOpen';
+const initLightBox = (ref) => {
+    ref.list.forEach((item, index) => {
+        item.dataset.index = String(index);
+        item.addEventListener('click', () => {
+            initOpen(ref, index);
+        });
+    });
+};
+export default initLightBox;
+//# sourceMappingURL=initLightBox.js.map

package/dist/actions/initLightBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initLightBox.js","sourceRoot":"","sources":["../../actions/initLightBox.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,YAAY,GAAG,CAAC,GAAQ,EAAQ,EAAE;IACtC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAClC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/actions/initMagnifier.d.ts

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

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

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

package/dist/actions/initMagnifier.js

@@ -1,54 +1,42 @@
-const initMagnifier = (ref, images) => {
-  const params = ref.currentParams.magnifier;
-  images.map(item => {
-    item.classList.add('gs-zoom-magnifier-instance');
-    item.onmouseenter = e => {
-      const clientX = e.clientX;
-      const clientY = e.clientY;
-      const $magnifier = document.createElement('div');
-      $magnifier.dataset.type = params.form;
-      const $img = document.createElement('img');
-      $img.src =
-        item.dataset.gszoomsrc != undefined ? item.dataset.gszoomsrc : item.src;
-      $img.width = item.clientWidth;
-      $img.height = item.clientHeight;
-      $img.style.objectFit = window
-        .getComputedStyle(item)
-        .getPropertyValue('object-fit');
-      $img.style.transform = `scale(${params.zoom})`;
-      $magnifier.classList.add('gs-zoom-magnifier');
-      $magnifier.append($img);
-      const top = clientY - params.size / 2;
-      const left = clientX - params.size / 2;
-      $magnifier.style.width = `${params.size}px`;
-      $magnifier.style.top = `${top}px`;
-      $magnifier.style.left = `${left}px`;
-      ref.$magnifier = $magnifier;
-      ref.$img = $img;
-      document.querySelector('body').append($magnifier);
-    };
-    item.onmousemove = e => {
-      const $img = ref.$img;
-      const imgRect = item.getBoundingClientRect();
-      const clientX = e.clientX;
-      const clientY = e.clientY;
-      const distanceFromTop = clientY - imgRect.top;
-      const distanceFromLeft = clientX - imgRect.left;
-      const $magnifier = ref.$magnifier;
-      const top = clientY - params.size / 2;
-      const left = clientX - params.size / 2;
-      $magnifier.style.top = `${top}px`;
-      $magnifier.style.left = `${left}px`;
-      $img.style.top = `${params.size / 2 - distanceFromTop * params.zoom}px`;
-      $img.style.left = `${params.size / 2 - distanceFromLeft * params.zoom}px`;
-      $img.style.transform = `scale(${params.zoom})`;
-    };
-    item.onmouseleave = () => {
-      if (ref.$magnifier != null) {
-        ref.$magnifier.remove();
-      }
-    };
-  });
-};
-
-export default initMagnifier;
+const initMagnifier = (ref, images) => {
+    const params = ref.currentParams.magnifier;
+    const targets = images ?? ref.list;
+    targets.forEach((item) => {
+        item.classList.add('gs-zoom-magnifier-instance');
+        item.onmouseenter = (e) => {
+            const $magnifier = document.createElement('div');
+            $magnifier.dataset.type = params.form;
+            const $img = document.createElement('img');
+            $img.src = item.dataset.gszoomsrc ?? item.src;
+            $img.width = item.clientWidth;
+            $img.height = item.clientHeight;
+            $img.style.objectFit = window.getComputedStyle(item).getPropertyValue('object-fit');
+            $img.style.transform = `scale(${params.zoom})`;
+            $magnifier.classList.add('gs-zoom-magnifier');
+            $magnifier.append($img);
+            $magnifier.style.width = `${params.size}px`;
+            $magnifier.style.top = `${e.clientY - params.size / 2}px`;
+            $magnifier.style.left = `${e.clientX - params.size / 2}px`;
+            ref.$magnifier = $magnifier;
+            ref.$img = $img;
+            document.querySelector('body').append($magnifier);
+        };
+        item.onmousemove = (e) => {
+            const $img = ref.$img;
+            const imgRect = item.getBoundingClientRect();
+            const distanceFromTop = e.clientY - imgRect.top;
+            const distanceFromLeft = e.clientX - imgRect.left;
+            const $magnifier = ref.$magnifier;
+            $magnifier.style.top = `${e.clientY - params.size / 2}px`;
+            $magnifier.style.left = `${e.clientX - params.size / 2}px`;
+            $img.style.top = `${params.size / 2 - distanceFromTop * params.zoom}px`;
+            $img.style.left = `${params.size / 2 - distanceFromLeft * params.zoom}px`;
+            $img.style.transform = `scale(${params.zoom})`;
+        };
+        item.onmouseleave = () => {
+            ref.$magnifier?.remove();
+        };
+    });
+};
+export default initMagnifier;
+//# sourceMappingURL=initMagnifier.js.map

package/dist/actions/initMagnifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initMagnifier.js","sourceRoot":"","sources":["../../actions/initMagnifier.ts"],"names":[],"mappings":"AAEA,MAAM,aAAa,GAAG,CAAC,GAAQ,EAAE,MAA2B,EAAQ,EAAE;IACpE,MAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,SAAU,CAAC;IAC5C,MAAM,OAAO,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC;IAEnC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAEjD,IAAI,CAAC,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,UAAU,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;YAEtC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC;YAC9C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;YAC9B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;YACpF,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,MAAM,CAAC,IAAI,GAAG,CAAC;YAE/C,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC9C,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAExB,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC;YAC5C,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;YAC1D,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;YAE3D,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC;YAC5B,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;YAChB,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YACnC,MAAM,IAAI,GAAG,GAAG,CAAC,IAAK,CAAC;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7C,MAAM,eAAe,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC;YAChD,MAAM,gBAAgB,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;YAClD,MAAM,UAAU,GAAG,GAAG,CAAC,UAAW,CAAC;YAEnC,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;YAC1D,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;YAC3D,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,eAAe,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC;YACxE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,gBAAgB,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC;YAC1E,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,MAAM,CAAC,IAAI,GAAG,CAAC;QACjD,CAAC,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE;YACvB,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/actions/initNavigateWithKeys.d.ts

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

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

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