@get-set/gs-zoom 0.0.4 → 0.0.6

package/dist-js/bundle.js

@@ -0,0 +1,1689 @@
+
+        (() => {
+          if (window.jQuery) {
+            $.fn.GSZoom = function (params) {
+              this.each(function(){
+                new window.GSZoom(this, params);
+              })
+            };
+          }
+          HTMLElement.prototype.GSZoom = function(params) {
+            new window.GSZoom(this, params);
+          };
+        })();
+      
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 660
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+/// <reference path="./types/global.d.ts" />
+const init_1 = __importDefault(__webpack_require__(43));
+const getCurrentParams_1 = __importDefault(__webpack_require__(238));
+const uihelpers_1 = __webpack_require__(432);
+window.GSZoom = function (list, params = {}) {
+    const _params = { ...params };
+    const _key = _params.reference != undefined && _params.reference !== ''
+        ? _params.reference
+        : (0, uihelpers_1.NewGuid)();
+    _params.reference = _key;
+    if (typeof window.GSZoomConfigue === 'undefined') {
+        window.GSZoomConfigue = {
+            references: [],
+            openedZoom: undefined,
+            instance: (ref) => {
+                if (ref != undefined && ref !== '') {
+                    const instance = window.GSZoomConfigue.references.find((x) => x.key === ref);
+                    if (instance != undefined) {
+                        return instance.ref;
+                    }
+                }
+            },
+        };
+        document.addEventListener('gesturestart', (e) => {
+            e.preventDefault();
+        });
+    }
+    if (window.GSZoomConfigue.references.find((x) => x.key === _key) === undefined) {
+        const currentParams = (0, getCurrentParams_1.default)(_params);
+        // Normalise the list argument to a plain array of HTMLImageElements
+        let imageList;
+        if (list instanceof NodeList) {
+            imageList = [...list];
+        }
+        else if (Array.isArray(list)) {
+            imageList = list;
+        }
+        else {
+            imageList = [list];
+        }
+        window.GSZoomConfigue.references.push({
+            key: _key,
+            ref: {
+                list: imageList,
+                currentParams,
+                currentIndex: 0,
+            },
+        });
+        const currentRef = window.GSZoomConfigue.references.find((x) => x.key === _key).ref;
+        (0, init_1.default)(currentRef);
+    }
+    else {
+        console.error(`GSZoom with '${_key}' reference already exists`);
+    }
+};
+exports["default"] = window.GSZoom;
+
+
+/***/ },
+
+/***/ 577
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.fullscreenchange = exports.getTranslateCoord = exports.getScale = void 0;
+const initClose_1 = __importDefault(__webpack_require__(87));
+const getScale = (element) => {
+    const style = window.getComputedStyle(element);
+    const transform = style.transform;
+    if (transform !== 'none') {
+        const values = transform.match(/matrix.*\((.+)\)/)?.[1].split(', ');
+        if (values) {
+            return parseFloat(values[0]);
+        }
+    }
+    return 1;
+};
+exports.getScale = getScale;
+const getTranslateCoord = (element) => {
+    const style = window.getComputedStyle(element);
+    const matrix = new DOMMatrix(style.transform);
+    return {
+        x: matrix.e,
+        y: matrix.f,
+    };
+};
+exports.getTranslateCoord = getTranslateCoord;
+const fullscreenchange = () => {
+    if (!document.fullscreenElement) {
+        (0, initClose_1.default)();
+    }
+};
+exports.fullscreenchange = fullscreenchange;
+
+
+/***/ },
+
+/***/ 724
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const getAdjustTransform = (scale, translatex, translatey, $img, $container) => {
+    const actualWidth = $img.clientWidth * scale;
+    const actualHeight = $img.clientHeight * scale;
+    const containerWidth = $container.clientWidth;
+    const containerHeight = $container.clientHeight;
+    const maxTranslateXValue = (actualWidth - containerWidth) / 2;
+    const maxTranslateYValue = (actualHeight - containerHeight) / 2;
+    const minTranslateXValue = (containerWidth - actualWidth) / 2;
+    const minTranslateYValue = (containerHeight - actualHeight) / 2;
+    let newTranslateXValue = translatex / scale;
+    let newTranslateYValue = translatey / scale;
+    if (actualWidth <= containerWidth) {
+        if (translatex !== 0) {
+            newTranslateXValue = 0;
+        }
+    }
+    else {
+        if (translatex > maxTranslateXValue) {
+            newTranslateXValue = maxTranslateXValue / scale;
+        }
+        else if (translatex < minTranslateXValue) {
+            newTranslateXValue = minTranslateXValue / scale;
+        }
+    }
+    if (actualHeight <= containerHeight) {
+        if (translatey !== 0) {
+            newTranslateYValue = 0;
+        }
+    }
+    else {
+        if (translatey > maxTranslateYValue) {
+            newTranslateYValue = maxTranslateYValue / scale;
+        }
+        else if (translatey < minTranslateYValue) {
+            newTranslateYValue = minTranslateYValue / scale;
+        }
+    }
+    return [newTranslateXValue, newTranslateYValue];
+};
+exports["default"] = getAdjustTransform;
+
+
+/***/ },
+
+/***/ 238
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const defaultParams_1 = __importDefault(__webpack_require__(636));
+const magnifierDefaultProps_1 = __importDefault(__webpack_require__(857));
+const getCurrentParams = (params) => {
+    const defaultParams = { ...defaultParams_1.default };
+    let finalParams = {
+        ...defaultParams,
+        ...params,
+    };
+    if (finalParams.responsive && finalParams.responsive.length > 0) {
+        finalParams.responsive.sort((a, b) => b.windowSize - a.windowSize);
+    }
+    if (finalParams.responsive && finalParams.responsive.length > 0) {
+        const windowSize = window.innerWidth;
+        const availableResponsives = finalParams.responsive.filter((resp) => resp.windowSize >= windowSize);
+        availableResponsives.forEach((resp) => {
+            finalParams = {
+                ...finalParams,
+                ...resp.params,
+                magnifier: {
+                    ...magnifierDefaultProps_1.default,
+                    ...resp.magnifier,
+                },
+            };
+        });
+    }
+    else {
+        finalParams.magnifier = {
+            ...magnifierDefaultProps_1.default,
+            ...finalParams.magnifier,
+        };
+    }
+    return finalParams;
+};
+exports["default"] = getCurrentParams;
+
+
+/***/ },
+
+/***/ 461
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const general_1 = __webpack_require__(577);
+const getTranslateCoordToPoint = ($img, $container, scale, newScale, clientX, clientY) => {
+    const coords = (0, general_1.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];
+};
+exports["default"] = getTranslateCoordToPoint;
+
+
+/***/ },
+
+/***/ 43
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const types_1 = __importDefault(__webpack_require__(178));
+const initLightBox_1 = __importDefault(__webpack_require__(786));
+const initMagnifier_1 = __importDefault(__webpack_require__(79));
+const init = (ref) => {
+    if (typeof ref.currentParams.beforeInit === 'function') {
+        ref.currentParams.beforeInit();
+    }
+    switch (ref.currentParams.type) {
+        case types_1.default.lightbox:
+            (0, initLightBox_1.default)(ref);
+            break;
+        case types_1.default.magnifier:
+            (0, initMagnifier_1.default)(ref);
+            break;
+    }
+    if (typeof ref.currentParams.afterInit === 'function') {
+        ref.currentParams.afterInit();
+    }
+};
+exports["default"] = init;
+
+
+/***/ },
+
+/***/ 832
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const icons_1 = __importDefault(__webpack_require__(109));
+const getAdjustTransform_1 = __importDefault(__webpack_require__(724));
+const getTranslateCoordToPoint_1 = __importDefault(__webpack_require__(461));
+const initAutoplay_1 = __webpack_require__(466);
+const initFullScreen_1 = __webpack_require__(294);
+const setStyles_1 = __importDefault(__webpack_require__(835));
+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) {
+                (0, initAutoplay_1.initAutoplay)(ref);
+                $btnAutoplay.innerHTML = icons_1.default.autoplayPause;
+            }
+            else {
+                (0, initAutoplay_1.stopAutoplay)(ref);
+            }
+        });
+    }
+    if ($btnClose != null) {
+        $btnClose.addEventListener('click', () => {
+            (0, initFullScreen_1.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] = (0, getTranslateCoordToPoint_1.default)($img, $container, scale, newScale, $container.clientWidth / 2, $container.clientHeight / 2);
+                [newTranslatex, newTranslatey] = (0, getAdjustTransform_1.default)(newScale, newTranslatex, newTranslatey, $img, $container);
+                (0, setStyles_1.default)(ref, $img, {
+                    transition: '.3s ease-in-out',
+                    transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
+                });
+                ref.zoomButtonTimeout = setTimeout(() => {
+                    (0, setStyles_1.default)(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] = (0, getTranslateCoordToPoint_1.default)($img, $container, scale, newScale, $container.clientWidth / 2, $container.clientHeight / 2);
+                [newTranslatex, newTranslatey] = (0, getAdjustTransform_1.default)(newScale, newTranslatex, newTranslatey, $img, $container);
+                (0, setStyles_1.default)(ref, $img, {
+                    transition: '.3s ease-in-out',
+                    transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
+                });
+                ref.zoomButtonTimeout = setTimeout(() => {
+                    (0, setStyles_1.default)(ref, $img, { transition: 'unset' });
+                }, 300);
+            }
+        });
+    }
+};
+exports["default"] = initActionEvents;
+
+
+/***/ },
+
+/***/ 5
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const general_1 = __webpack_require__(577);
+const initChange_1 = __importDefault(__webpack_require__(719));
+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', () => {
+                (0, initChange_1.default)(ref, index);
+            });
+        });
+        $addListContainer.append($addList);
+        $addContainer.append($addListContainer);
+        $container.append($addContainer);
+        const clampTranslate = () => {
+            const translate = (0, general_1.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 = (0, general_1.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);
+    }
+};
+exports["default"] = initAdditionals;
+
+
+/***/ },
+
+/***/ 112
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const general_1 = __webpack_require__(577);
+const getAdjustTransform_1 = __importDefault(__webpack_require__(724));
+const getTranslateCoordToPoint_1 = __importDefault(__webpack_require__(461));
+const setStyles_1 = __importDefault(__webpack_require__(835));
+const initAdjust = (ref, $container, $img, withAnimation = true) => {
+    if ($img.classList.contains('gs-zoom-isdragging') || !withAnimation) {
+        const params = ref.currentParams;
+        let needAdjust = false;
+        if (withAnimation) {
+            $img.classList.remove('gs-zoom-isdragging');
+        }
+        let scale = $img.dataset.scale != null ? parseFloat($img.dataset.scale) : 1;
+        let isOverzoomed = false;
+        const oldScale = scale;
+        if (scale < 1) {
+            scale = 1;
+            needAdjust = true;
+        }
+        else if (scale > params.maxZoom) {
+            isOverzoomed = true;
+            scale = params.maxZoom;
+            needAdjust = true;
+        }
+        $img.dataset.scale = String(scale);
+        const actualWidth = $img.clientWidth * scale;
+        const actualHeight = $img.clientHeight * scale;
+        const containerWidth = $container.clientWidth;
+        const containerHeight = $container.clientHeight;
+        const coords = (0, general_1.getTranslateCoord)($img);
+        const translatex = coords.x;
+        const translatey = coords.y;
+        const maxTranslateXValue = (actualWidth - containerWidth) / 2;
+        const maxTranslateYValue = (actualHeight - containerHeight) / 2;
+        const minTranslateXValue = (containerWidth - actualWidth) / 2;
+        const minTranslateYValue = (containerHeight - actualHeight) / 2;
+        let newTranslateXValue = translatex / scale;
+        let newTranslateYValue = translatey / scale;
+        if (actualWidth <= containerWidth) {
+            if (translatex !== 0) {
+                needAdjust = true;
+                newTranslateXValue = 0;
+            }
+        }
+        else {
+            if (translatex > maxTranslateXValue) {
+                needAdjust = true;
+                newTranslateXValue = maxTranslateXValue / scale;
+            }
+            else if (translatex < minTranslateXValue) {
+                needAdjust = true;
+                newTranslateXValue = minTranslateXValue / scale;
+            }
+        }
+        if (actualHeight <= containerHeight) {
+            if (translatey !== 0) {
+                needAdjust = true;
+                newTranslateYValue = 0;
+            }
+        }
+        else {
+            if (translatey > maxTranslateYValue) {
+                needAdjust = true;
+                newTranslateYValue = maxTranslateYValue / scale;
+            }
+            else if (translatey < minTranslateYValue) {
+                needAdjust = true;
+                newTranslateYValue = minTranslateYValue / scale;
+            }
+        }
+        if (isOverzoomed) {
+            const clientCenterX = (window.clientX + window.clientX2) / 2;
+            const clientCenterY = (window.clientY + window.clientY2) / 2;
+            let [newTranslatex, newTranslatey] = (0, getTranslateCoordToPoint_1.default)($img, $container, oldScale, scale, clientCenterX, clientCenterY);
+            [newTranslatex, newTranslatey] = (0, getAdjustTransform_1.default)(scale, newTranslatex, newTranslatey, $img, $container);
+            newTranslateXValue = newTranslatex;
+            newTranslateYValue = newTranslatey;
+        }
+        if (needAdjust) {
+            if (withAnimation) {
+                $img.classList.add('gs-zoom-is-adjusting');
+            }
+            (0, setStyles_1.default)(ref, $img, {
+                transform: `scale(${scale}) translate(${newTranslateXValue}px, ${newTranslateYValue}px)`,
+            });
+            $img.dataset.translatex = String(newTranslateXValue * scale);
+            $img.dataset.translatey = String(newTranslateYValue * scale);
+            if (withAnimation) {
+                setTimeout(() => {
+                    $img.classList.remove('gs-zoom-is-adjusting');
+                }, 400);
+            }
+        }
+    }
+};
+exports["default"] = initAdjust;
+
+
+/***/ },
+
+/***/ 611
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const general_1 = __webpack_require__(577);
+const initAdjustAdditionalActive = (ref) => {
+    if (ref.currentParams.showAdditionals && ref.list.length > 1) {
+        const $container = ref.$container;
+        const $active = $container.querySelector('.gs-add-list .gs-add-item.active');
+        if ($active != null) {
+            const $list = $container.querySelector('.gs-add-list');
+            const tranlateLeft = (0, general_1.getTranslateCoord)($list).x;
+            const offsetLeft = $active.offsetLeft;
+            const containerWidth = $container.clientWidth;
+            const itemWidth = $active.clientWidth;
+            const listWidth = $list.clientWidth;
+            const offsetContainer = offsetLeft + tranlateLeft;
+            const gap = parseFloat(getComputedStyle($list).columnGap);
+            if (offsetContainer < itemWidth + gap) {
+                $list.style.transform = `translateX(${Math.min(itemWidth + gap - offsetLeft, 0)}px)`;
+            }
+            else if (offsetContainer > containerWidth - (2 * itemWidth + gap)) {
+                $list.style.transform = `translateX(${Math.max(containerWidth - offsetLeft - 2 * itemWidth - gap, containerWidth - listWidth)}px)`;
+            }
+        }
+    }
+};
+exports["default"] = initAdjustAdditionalActive;
+
+
+/***/ },
+
+/***/ 21
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const icons_1 = __importDefault(__webpack_require__(109));
+const initChange_1 = __importDefault(__webpack_require__(719));
+const initArrows = (ref) => {
+    const params = ref.currentParams;
+    const $container = ref.$container;
+    if (params.arrows && ref.list.length > 1) {
+        const $btnNavigations = document.createElement('div');
+        const $btnNext = document.createElement('button');
+        const $btnPrev = document.createElement('button');
+        $btnPrev.innerHTML = icons_1.default.arrPrev;
+        $btnNext.innerHTML = icons_1.default.arrNext;
+        $btnNavigations.classList.add('gs-zoom-navigations');
+        $btnNext.classList.add('gs-zoom-next', 'gs-zoom-hide-inzoomed');
+        $btnPrev.classList.add('gs-zoom-prev', 'gs-zoom-hide-inzoomed');
+        $btnNavigations.append($btnPrev, $btnNext);
+        $container.append($btnNavigations);
+        $btnNext.addEventListener('click', () => {
+            const newIndex = ref.currentIndex < ref.list.length - 1 ? ref.currentIndex + 1 : 0;
+            (0, initChange_1.default)(ref, newIndex);
+        });
+        $btnPrev.addEventListener('click', () => {
+            const newIndex = ref.currentIndex === 0 ? ref.list.length - 1 : ref.currentIndex - 1;
+            (0, initChange_1.default)(ref, newIndex);
+        });
+    }
+};
+exports["default"] = initArrows;
+
+
+/***/ },
+
+/***/ 466
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.stopAutoplay = exports.resumeAutoplay = exports.pauseAutoplay = exports.initAutoplay = void 0;
+const icons_1 = __importDefault(__webpack_require__(109));
+const initChange_1 = __importDefault(__webpack_require__(719));
+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) {
+                    (0, initChange_1.default)(ref, 0, true);
+                }
+                else {
+                    (0, initChange_1.default)(ref, ref.currentIndex + 1, true);
+                }
+            }, params.autoplaySpeed - 100);
+        }, 100);
+    }, 0);
+};
+exports.initAutoplay = initAutoplay;
+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.style.transition = 'unset';
+            $loader.style.width = `${loaded}px`;
+            $loader.dataset.loaded = String(loadedPercent);
+            clearTimeout(ref.autoplay);
+            ref.autoplay = undefined;
+            ref.autoplayStoped = true;
+        }
+    }
+};
+exports.pauseAutoplay = pauseAutoplay;
+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) {
+                    (0, initChange_1.default)(ref, 0, true);
+                }
+                else {
+                    (0, initChange_1.default)(ref, ref.currentIndex + 1, true);
+                }
+            }, timeLeft);
+        }
+    }
+};
+exports.resumeAutoplay = resumeAutoplay;
+const stopAutoplay = (ref) => {
+    const $container = ref.$container;
+    const $btn = $container.querySelector('.gs-zoom-btn-autoplay');
+    if ($btn) {
+        $btn.innerHTML = icons_1.default.autoplay;
+    }
+    if ($container.querySelector('.gs-zoom-autoplayline') != null) {
+        $container.querySelector('.gs-zoom-autoplayline').remove();
+        clearTimeout(ref.autoplay);
+        ref.autoplay = undefined;
+        ref.autoplayStoped = false;
+    }
+};
+exports.stopAutoplay = stopAutoplay;
+
+
+/***/ },
+
+/***/ 719
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initAdjustAdditionalActive_1 = __importDefault(__webpack_require__(611));
+const initAutoplay_1 = __webpack_require__(466);
+const initDraggle_1 = __importDefault(__webpack_require__(343));
+const initDrawItem_1 = __importDefault(__webpack_require__(538));
+const setStyles_1 = __importDefault(__webpack_require__(835));
+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');
+        }
+        (0, initAdjustAdditionalActive_1.default)(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);
+                (0, initDrawItem_1.default)(ref, index);
+            }
+        }
+        setTimeout(() => {
+            ref.isZoomed = false;
+            $imgList.style.transition = 'unset';
+            (0, setStyles_1.default)(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);
+                    (0, initDrawItem_1.default)(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);
+                    (0, initDrawItem_1.default)(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();
+            }
+            (0, initDraggle_1.default)(ref, index);
+        }, 300);
+        $imgList.classList.remove('gs-zoom-listisdragging');
+        if (isAutoplay) {
+            (0, initAutoplay_1.initAutoplay)(ref);
+        }
+        else {
+            (0, initAutoplay_1.stopAutoplay)(ref);
+        }
+    }
+};
+exports["default"] = initChange;
+
+
+/***/ },
+
+/***/ 87
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initAutoplay_1 = __webpack_require__(466);
+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;
+        if (ref.autoplay !== undefined) {
+            clearTimeout(ref.autoplay);
+            (0, initAutoplay_1.stopAutoplay)(ref);
+        }
+        ref.$container?.remove();
+        document.querySelector('html').classList.remove('gs-zoom-opened');
+        if (typeof ref.currentParams.afterLightBoxClose === 'function') {
+            ref.currentParams.afterLightBoxClose();
+        }
+        window.GSZoomConfigue.openedZoom = undefined;
+    }
+};
+exports["default"] = initClose;
+
+
+/***/ },
+
+/***/ 343
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const general_1 = __webpack_require__(577);
+const getAdjustTransform_1 = __importDefault(__webpack_require__(724));
+const getTranslateCoordToPoint_1 = __importDefault(__webpack_require__(461));
+const initAdjust_1 = __importDefault(__webpack_require__(112));
+const initAutoplay_1 = __webpack_require__(466);
+const initChange_1 = __importDefault(__webpack_require__(719));
+const setStyles_1 = __importDefault(__webpack_require__(835));
+const initDraggle = (ref, index) => {
+    const params = ref.currentParams;
+    const $container = ref.$container;
+    const $imgList = ref.$imgList;
+    // Detach old handlers from non-active slides
+    [
+        ...ref.$imgList.querySelectorAll(`.gs-zoom-main-img:not([data-index='${index}']) .gs-zoom-img-touch`),
+    ].forEach(($touch) => {
+        const t = $touch;
+        t.onclick = null;
+        t.ontouchstart = null;
+        t.onmousedown = null;
+        t.ontouchmove = null;
+        t.onmousemove = null;
+        t.onmouseleave = null;
+        t.onmouseup = null;
+        t.ontouchend = null;
+    });
+    const item = ref.$imgList.querySelector(`.gs-zoom-main-img[data-index='${index}']`);
+    if (item == null)
+        return;
+    const $imgTouch = item.querySelector('.gs-zoom-img-touch');
+    const $img = item.querySelector('.gs-zoom-img');
+    // Double-click / double-tap to toggle max zoom
+    $imgTouch.onclick = (e) => {
+        const timeNow = new Date().getTime();
+        const timeDifference = timeNow - (window.lastClickTime || 0);
+        if (timeDifference < 300) {
+            const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+            const newScale = scale < params.maxZoom ? params.maxZoom : 1;
+            const te = e;
+            const clientX = te.targetTouches?.length > 0 ? te.targetTouches[0].clientX : e.clientX;
+            const clientY = te.targetTouches?.length > 0 ? te.targetTouches[0].clientY : e.clientY;
+            let [newTranslatex, newTranslatey] = (0, getTranslateCoordToPoint_1.default)($img, $container, scale, newScale, clientX, clientY);
+            [newTranslatex, newTranslatey] = (0, getAdjustTransform_1.default)(newScale, newTranslatex, newTranslatey, $img, $container);
+            $img.dataset.scale = String(newScale);
+            (0, setStyles_1.default)(ref, $img, {
+                transition: '4s ease-in-out',
+                transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
+            });
+            $img.classList.add('gs-zoom-is-adjusting');
+            setTimeout(() => {
+                $img.classList.remove('gs-zoom-is-adjusting');
+                (0, setStyles_1.default)(ref, $img, { transition: 'unset' });
+            }, 400);
+        }
+        window.lastClickTime = timeNow;
+    };
+    $imgTouch.ontouchstart = (e) => {
+        (0, initAutoplay_1.pauseAutoplay)(ref);
+        if (e.targetTouches.length > 1) {
+            document.querySelector('html').classList.add('gs-disable-apple-touchzoom');
+        }
+        if (!ref.isZoomed && e.targetTouches.length === 1) {
+            const coords = (0, general_1.getTranslateCoord)($imgList);
+            window.initListX = e.targetTouches[0].clientX;
+            window.initListY = e.targetTouches[0].clientY;
+            window.initListTranslateX = coords.x;
+            window.initListTranslateY = coords.y;
+            $imgList.classList.add('gs-zoom-listisdragging');
+        }
+        else {
+            if (!$img.classList.contains('gs-zoom-is-adjusting')) {
+                const coords = (0, general_1.getTranslateCoord)($img);
+                $img.dataset.translatex = String(coords.x);
+                $img.dataset.translatey = String(coords.y);
+                window.initX = e.targetTouches[0].clientX;
+                window.initY = e.targetTouches[0].clientY;
+                if (e.targetTouches.length > 1) {
+                    window.initX2 = e.targetTouches[1].clientX;
+                    window.initY2 = e.targetTouches[1].clientY;
+                    window.touchDistance = Math.sqrt(Math.pow(window.initX2 - window.initX, 2) +
+                        Math.pow(window.initY2 - window.initY, 2));
+                    window.initCenterX = (window.initX2 + window.initX) / 2;
+                    window.initCenterY = (window.initY2 + window.initY) / 2;
+                }
+                window.initTranslateX = parseFloat($img.dataset.translatex);
+                window.initTranslateY = parseFloat($img.dataset.translatey);
+                $img.classList.add('gs-zoom-isdragging');
+            }
+        }
+    };
+    $imgTouch.onmousedown = (e) => {
+        (0, initAutoplay_1.pauseAutoplay)(ref);
+        if (!ref.isZoomed) {
+            const coords = (0, general_1.getTranslateCoord)($imgList);
+            window.initListX = e.clientX;
+            window.initListTranslateX = coords.x;
+            window.initListY = e.clientY;
+            window.initListTranslateY = coords.y;
+            $imgList.classList.add('gs-zoom-listisdragging');
+        }
+        else {
+            if (!$img.classList.contains('gs-zoom-is-adjusting')) {
+                const coords = (0, general_1.getTranslateCoord)($img);
+                $img.dataset.translatex = String(coords.x);
+                $img.dataset.translatey = String(coords.y);
+                window.initX = e.clientX;
+                window.initTranslateX = parseFloat($img.dataset.translatex);
+                window.initY = e.clientY;
+                window.initTranslateY = parseFloat($img.dataset.translatey);
+                $img.classList.add('gs-zoom-isdragging');
+            }
+        }
+    };
+    $imgTouch.ontouchmove = (e) => {
+        const twoTouchPoints = e.targetTouches.length > 1;
+        window.clientX = e.targetTouches[0].clientX;
+        window.clientY = e.targetTouches[0].clientY;
+        if (twoTouchPoints) {
+            window.clientX2 = e.targetTouches[1].clientX;
+            window.clientY2 = e.targetTouches[1].clientY;
+        }
+        if (!ref.isZoomed && !twoTouchPoints) {
+            if ($imgList.classList.contains('gs-zoom-listisdragging')) {
+                const movedX = window.clientX - window.initListX;
+                const newTranslateX = window.initListTranslateX + movedX;
+                $imgList.style.transform = `translateX(${newTranslateX}px)`;
+                $imgList.dataset.moved = String(movedX);
+            }
+        }
+        else if ($imgList.dataset.moved === undefined ||
+            $imgList.dataset.moved === '0') {
+            if ($img.classList.contains('gs-zoom-isdragging')) {
+                if (twoTouchPoints) {
+                    const clientCenterX = (window.clientX + window.clientX2) / 2;
+                    const clientCenterY = (window.clientY + window.clientY2) / 2;
+                    let scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+                    const oldScale = $img.dataset.tempscale !== undefined
+                        ? parseFloat($img.dataset.tempscale)
+                        : scale;
+                    const currentDistance = Math.sqrt(Math.pow(window.clientX - window.clientX2, 2) +
+                        Math.pow(window.clientY - window.clientY2, 2));
+                    scale = (scale * currentDistance) / window.touchDistance;
+                    if (scale < 1)
+                        scale = 1;
+                    $img.dataset.tempscale = String(scale);
+                    let [newTranslatex, newTranslatey] = (0, getTranslateCoordToPoint_1.default)($img, $container, oldScale, scale, window.initCenterX, window.initCenterY);
+                    const movedX = clientCenterX - window.initCenterX;
+                    const movedY = clientCenterY - window.initCenterY;
+                    window.initCenterX = clientCenterX;
+                    window.initCenterY = clientCenterY;
+                    $img.dataset.translatex = String(newTranslatex + movedX);
+                    $img.dataset.translatey = String(newTranslatey + movedY);
+                    (0, setStyles_1.default)(ref, $img, {
+                        transform: `scale(${scale}) translate(${(newTranslatex + movedX) / scale}px, ${(newTranslatey + movedY) / scale}px)`,
+                    });
+                }
+                else {
+                    const movedY = window.clientY - window.initY;
+                    const movedX = window.clientX - window.initX;
+                    $img.dataset.translatex = String(window.initTranslateX + movedX);
+                    $img.dataset.translatey = String(window.initTranslateY + movedY);
+                    const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+                    (0, setStyles_1.default)(ref, $img, {
+                        transform: `scale(${scale}) translate(${(window.initTranslateX + movedX) / scale}px, ${(window.initTranslateY + movedY) / scale}px)`,
+                    });
+                }
+            }
+        }
+    };
+    // Bug fix: original used bare `clientX`, `clientY`, `initTranslateX`, `initTranslateY`
+    // (undefined references). Correctly prefixed with `window.` here.
+    $imgTouch.onmousemove = (e) => {
+        window.clientX = e.clientX;
+        window.clientY = e.clientY;
+        if (!ref.isZoomed) {
+            if ($imgList.classList.contains('gs-zoom-listisdragging')) {
+                const movedX = window.clientX - window.initListX;
+                const newTranslateX = window.initListTranslateX + movedX;
+                $imgList.style.transform = `translateX(${newTranslateX}px)`;
+                $imgList.dataset.moved = String(movedX);
+            }
+        }
+        else if ($imgList.dataset.moved === undefined ||
+            $imgList.dataset.moved === '0') {
+            if ($img.classList.contains('gs-zoom-isdragging')) {
+                const movedY = window.clientY - window.initY;
+                const movedX = window.clientX - window.initX;
+                $img.dataset.translatex = String(window.initTranslateX + movedX);
+                $img.dataset.translatey = String(window.initTranslateY + movedY);
+                const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+                (0, setStyles_1.default)(ref, $img, {
+                    transform: `scale(${scale}) translate(${(window.initTranslateX + movedX) / scale}px, ${(window.initTranslateY + movedY) / scale}px)`,
+                });
+            }
+        }
+    };
+    const onDragEnd = () => {
+        if ($img.classList.contains('gs-zoom-isdragging') &&
+            ($imgList.dataset.moved === undefined || $imgList.dataset.moved === '0')) {
+            if ($img.dataset.tempscale !== undefined) {
+                $img.dataset.scale = $img.dataset.tempscale;
+                $img.removeAttribute('data-tempscale');
+            }
+            (0, initAdjust_1.default)(ref, $container, $img);
+            (0, initAutoplay_1.resumeAutoplay)(ref);
+            $imgList.classList.remove('gs-zoom-listisdragging');
+        }
+        else if ($imgList.classList.contains('gs-zoom-listisdragging')) {
+            $imgList.classList.remove('gs-zoom-listisdragging');
+            if (+($imgList.dataset.moved ?? 0) < 0) {
+                (0, initChange_1.default)(ref, Math.min(ref.currentIndex + 1, ref.list.length - 1));
+            }
+            else if (+($imgList.dataset.moved ?? 0) > 0) {
+                (0, initChange_1.default)(ref, Math.max(ref.currentIndex - 1, 0));
+            }
+            else {
+                (0, initAutoplay_1.resumeAutoplay)(ref);
+            }
+            $imgList.dataset.moved = '0';
+        }
+        document.querySelector('html').classList.remove('gs-disable-apple-touchzoom');
+    };
+    $imgTouch.onmouseleave = onDragEnd;
+    $imgTouch.onmouseup = onDragEnd;
+    $imgTouch.ontouchend = onDragEnd;
+};
+exports["default"] = initDraggle;
+
+
+/***/ },
+
+/***/ 37
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const icons_1 = __importDefault(__webpack_require__(109));
+const initDrawItem_1 = __importDefault(__webpack_require__(538));
+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);
+            (0, initDrawItem_1.default)(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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.close;
+    $actions.append($btnClose);
+    ref.$btnClose = $btnClose;
+};
+exports["default"] = initDraw;
+
+
+/***/ },
+
+/***/ 538
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initDraggle_1 = __importDefault(__webpack_require__(343));
+const initWheel_1 = __importDefault(__webpack_require__(504));
+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;
+    }
+    (0, initWheel_1.default)(ref, index);
+    (0, initDraggle_1.default)(ref, index);
+};
+exports["default"] = initDrawItem;
+
+
+/***/ },
+
+/***/ 294
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.exitFullScreen = exports.initFullScreen = void 0;
+const general_1 = __webpack_require__(577);
+const initClose_1 = __importDefault(__webpack_require__(87));
+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', general_1.fullscreenchange);
+    document.addEventListener('fullscreenchange', general_1.fullscreenchange);
+};
+exports.initFullScreen = initFullScreen;
+const exitFullScreen = () => {
+    const doc = document;
+    if (doc.exitFullscreen) {
+        doc.exitFullscreen();
+    }
+    else if (doc.webkitExitFullscreen) {
+        doc.webkitExitFullscreen();
+    }
+    else if (doc.msExitFullscreen) {
+        doc.msExitFullscreen();
+    }
+    (0, initClose_1.default)();
+};
+exports.exitFullScreen = exitFullScreen;
+
+
+/***/ },
+
+/***/ 786
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initOpen_1 = __importDefault(__webpack_require__(715));
+const initLightBox = (ref) => {
+    ref.list.forEach((item, index) => {
+        item.dataset.index = String(index);
+        item.addEventListener('click', () => {
+            (0, initOpen_1.default)(ref, index);
+        });
+    });
+};
+exports["default"] = initLightBox;
+
+
+/***/ },
+
+/***/ 79
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+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();
+        };
+    });
+};
+exports["default"] = initMagnifier;
+
+
+/***/ },
+
+/***/ 548
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initChange_1 = __importDefault(__webpack_require__(719));
+const initNavigateWithKeys = (ref) => {
+    const params = ref.currentParams;
+    if (params.navigateWithKeys && ref.list.length > 1) {
+        document.onkeyup = (e) => {
+            if (e.key === 'ArrowRight') {
+                const newIndex = ref.currentIndex < ref.list.length - 1 ? ref.currentIndex + 1 : 0;
+                (0, initChange_1.default)(ref, newIndex);
+            }
+            else if (e.key === 'ArrowLeft') {
+                const newIndex = ref.currentIndex === 0 ? ref.list.length - 1 : ref.currentIndex - 1;
+                (0, initChange_1.default)(ref, newIndex);
+            }
+        };
+    }
+};
+exports["default"] = initNavigateWithKeys;
+
+
+/***/ },
+
+/***/ 715
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initActionEvents_1 = __importDefault(__webpack_require__(832));
+const initAdditionals_1 = __importDefault(__webpack_require__(5));
+const initArrows_1 = __importDefault(__webpack_require__(21));
+const initDraggle_1 = __importDefault(__webpack_require__(343));
+const initDraw_1 = __importDefault(__webpack_require__(37));
+const initFullScreen_1 = __webpack_require__(294);
+const initNavigateWithKeys_1 = __importDefault(__webpack_require__(548));
+const initOpen = (ref, index) => {
+    window.GSZoomConfigue.openedZoom = ref.currentParams.reference;
+    if (typeof ref.currentParams.beforeLightBoxOpen === 'function') {
+        ref.currentParams.beforeLightBoxOpen();
+    }
+    ref.currentIndex = index;
+    document.querySelector('html').classList.add('gs-zoom-opened');
+    (0, initDraw_1.default)(ref);
+    (0, initAdditionals_1.default)(ref);
+    (0, initFullScreen_1.initFullScreen)(ref);
+    (0, initNavigateWithKeys_1.default)(ref);
+    (0, initArrows_1.default)(ref);
+    (0, initActionEvents_1.default)(ref);
+    if (typeof ref.currentParams.afterLightBoxOpen === 'function') {
+        ref.currentParams.afterLightBoxOpen();
+    }
+    (0, initDraggle_1.default)(ref, index);
+};
+exports["default"] = initOpen;
+
+
+/***/ },
+
+/***/ 504
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const getTranslateCoordToPoint_1 = __importDefault(__webpack_require__(461));
+const initAdjust_1 = __importDefault(__webpack_require__(112));
+const setStyles_1 = __importDefault(__webpack_require__(835));
+const initWheel = (ref, index) => {
+    const params = ref.currentParams;
+    const $container = ref.$container;
+    const item = ref.$imgList.querySelector(`.gs-zoom-main-img[data-index='${index}']`);
+    if (item != null && params.zoomOnWheel) {
+        item.addEventListener('wheel', function (e) {
+            const $img = this.querySelector('.gs-zoom-img');
+            const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
+            const newScale = e.deltaY < 0 && scale < params.maxZoom
+                ? Math.min(scale + 0.1, params.maxZoom)
+                : e.deltaY > 0 && scale > 1
+                    ? Math.max(1, scale - 0.1)
+                    : scale;
+            const [newTranslatex, newTranslatey] = (0, getTranslateCoordToPoint_1.default)($img, $container, scale, newScale, e.clientX, e.clientY);
+            $img.dataset.scale = String(newScale);
+            (0, setStyles_1.default)(ref, $img, {
+                transform: `scale(${newScale}) translate(${newTranslatex / newScale}px, ${newTranslatey / newScale}px)`,
+            });
+            (0, initAdjust_1.default)(ref, $container, $img, false);
+        });
+    }
+};
+exports["default"] = initWheel;
+
+
+/***/ },
+
+/***/ 835
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const initAutoplay_1 = __webpack_require__(466);
+const setStyles = (ref, $img, styles) => {
+    const $container = ref.$container;
+    for (const style in styles) {
+        $img.style[style] = styles[style];
+    }
+    const scale = $img.dataset.tempscale !== undefined
+        ? $img.dataset.tempscale
+        : $img.dataset.scale;
+    if (scale === undefined || parseFloat(scale) === 1) {
+        $container.classList.remove('gs-zoom-is-zoomed');
+        ref.isZoomed = false;
+    }
+    else {
+        $container.classList.add('gs-zoom-is-zoomed');
+        ref.isZoomed = true;
+        if (ref.autoplay !== undefined) {
+            (0, initAutoplay_1.stopAutoplay)(ref);
+        }
+    }
+};
+exports["default"] = setStyles;
+
+
+/***/ },
+
+/***/ 636
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const types_1 = __importDefault(__webpack_require__(178));
+const defaultParams = {
+    reference: '',
+    arrows: true,
+    navigateWithKeys: true,
+    showAdditionals: true,
+    zoomOnWheel: true,
+    maxZoom: 5,
+    type: types_1.default.lightbox,
+    mainImageQueryParameters: '',
+    additionalImageQueryParameters: '',
+    disableFullScreen: false,
+    imgLoading: '',
+    autoplaySpeed: 5000,
+    responsive: [],
+};
+exports["default"] = Object.freeze(defaultParams);
+
+
+/***/ },
+
+/***/ 109
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const icons = {
+    // zoomIn: '<svg width="20px" height="20px" viewBox="0 -0.5 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Dribbble-Light-Preview" class="btn-icon btn-icon-plus" transform="translate(-379.000000, -240.000000)" fill="none"><g id="icons" transform="translate(56.000000, 160.000000)"><polygon id="plus-[#1512]" points="344 89 344 91 334.55 91 334.55 100 332.45 100 332.45 91 323 91 323 89 332.45 89 332.45 80 334.55 80 334.55 89"></polygon></g></g></g></svg>',
+    loading: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 150"><path fill="none" stroke="#000000" stroke-width="15" stroke-linecap="round" stroke-dasharray="300 385" stroke-dashoffset="0" d="M275 75c0 31-27 50-50 50-58 0-92-100-150-100-28 0-50 22-50 50s23 50 50 50c58 0 92-100 150-100 24 0 50 19 50 50Z"><animate attributeName="stroke-dashoffset" calcMode="spline" dur="2" values="685;-685" keySplines="0 0 1 1" repeatCount="indefinite"></animate></path></svg>',
+    zoomIn: '<svg width="20px" height="20px" viewBox="0 0 30 30"><path class="fslightbox-svg-path" d="M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z M 12.984375 7.9863281 A 1.0001 1.0001 0 0 0 12 9 L 12 12 L 9 12 A 1.0001 1.0001 0 1 0 9 14 L 12 14 L 12 17 A 1.0001 1.0001 0 1 0 14 17 L 14 14 L 17 14 A 1.0001 1.0001 0 1 0 17 12 L 14 12 L 14 9 A 1.0001 1.0001 0 0 0 12.984375 7.9863281 z"></path></svg>',
+    //zoomOut: '<svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="btn-icon btn-icon-minus" d="M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z" fill="none"></path></svg>',
+    zoomOut: '<svg width="20px" height="20px" viewBox="0 0 30 30"><path class="fslightbox-svg-path" d="M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z M 9 12 A 1.0001 1.0001 0 1 0 9 14 L 17 14 A 1.0001 1.0001 0 1 0 17 12 L 9 12 z"></path></svg>',
+    //close: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewBox="0 -0.5 21 21" version="1.1"><g fill="none" fill-rule="evenodd"><g transform="translate(-419.000000, -240.000000)" class="btn-icon btn-icon-close"><g transform="translate(56.000000, 160.000000)"><polygon points="375.0183 90 384 98.554 382.48065 100 373.5 91.446 364.5183 100 363 98.554 371.98065 90 363 81.446 364.5183 80 373.5 88.554 382.48065 80 384 81.446"></polygon></g></g></g></svg>',
+    close: '<svg width="20px" height="20px" viewBox="0 0 24 24"><path class="fslightbox-svg-path" d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z"></path></svg>',
+    autoplay: '<svg width="16px" height="16px" viewBox="0 0 30 30"><path class="fslightbox-svg-path" d="M 6 3 A 1 1 0 0 0 5 4 A 1 1 0 0 0 5 4.0039062 L 5 15 L 5 25.996094 A 1 1 0 0 0 5 26 A 1 1 0 0 0 6 27 A 1 1 0 0 0 6.5800781 26.8125 L 6.5820312 26.814453 L 26.416016 15.908203 A 1 1 0 0 0 27 15 A 1 1 0 0 0 26.388672 14.078125 L 6.5820312 3.1855469 L 6.5800781 3.1855469 A 1 1 0 0 0 6 3 z"></path></svg>',
+    autoplayPause: '<svg width="14px" height="14px" viewBox="0 0 356.19 356.19"><path class="fslightbox-svg-path" d="M121,0c18,0,33,15,33,33v372c0,18-15,33-33,33s-32-15-32-33V33C89,15,103,0,121,0zM317,0c18,0,32,15,32,33v372c0,18-14,33-32,33s-33-15-33-33V33C284,15,299,0,317,0z"></path></svg>',
+    arrPrev: '<svg width="20px" height="20px" viewBox="0 0 20 20"><path class="fslightbox-svg-path" d="M18.271,9.212H3.615l4.184-4.184c0.306-0.306,0.306-0.801,0-1.107c-0.306-0.306-0.801-0.306-1.107,0L1.21,9.403C1.194,9.417,1.174,9.421,1.158,9.437c-0.181,0.181-0.242,0.425-0.209,0.66c0.005,0.038,0.012,0.071,0.022,0.109c0.028,0.098,0.075,0.188,0.142,0.271c0.021,0.026,0.021,0.061,0.045,0.085c0.015,0.016,0.034,0.02,0.05,0.033l5.484,5.483c0.306,0.307,0.801,0.307,1.107,0c0.306-0.305,0.306-0.801,0-1.105l-4.184-4.185h14.656c0.436,0,0.788-0.353,0.788-0.788S18.707,9.212,18.271,9.212z"></path></svg>',
+    arrNext: '<svg width="20px" height="20px" viewBox="0 0 20 20"><path class="fslightbox-svg-path" d="M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788S1.293,9.212,1.729,9.212z"></path></svg>',
+    toggleadditionals: '<svg width="17px" height="17px" viewBox="0 0 22 22"><path class="fslightbox-svg-path" d="M 3 2 C 2.448 2 2 2.448 2 3 L 2 6 C 2 6.552 2.448 7 3 7 L 6 7 C 6.552 7 7 6.552 7 6 L 7 3 C 7 2.448 6.552 2 6 2 L 3 2 z M 10 2 C 9.448 2 9 2.448 9 3 L 9 6 C 9 6.552 9.448 7 10 7 L 13 7 C 13.552 7 14 6.552 14 6 L 14 3 C 14 2.448 13.552 2 13 2 L 10 2 z M 17 2 C 16.448 2 16 2.448 16 3 L 16 6 C 16 6.552 16.448 7 17 7 L 20 7 C 20.552 7 21 6.552 21 6 L 21 3 C 21 2.448 20.552 2 20 2 L 17 2 z M 3 9 C 2.448 9 2 9.448 2 10 L 2 13 C 2 13.552 2.448 14 3 14 L 6 14 C 6.552 14 7 13.552 7 13 L 7 10 C 7 9.448 6.552 9 6 9 L 3 9 z M 10 9 C 9.448 9 9 9.448 9 10 L 9 13 C 9 13.552 9.448 14 10 14 L 13 14 C 13.552 14 14 13.552 14 13 L 14 10 C 14 9.448 13.552 9 13 9 L 10 9 z M 17 9 C 16.448 9 16 9.448 16 10 L 16 13 C 16 13.552 16.448 14 17 14 L 20 14 C 20.552 14 21 13.552 21 13 L 21 10 C 21 9.448 20.552 9 20 9 L 17 9 z M 3 16 C 2.448 16 2 16.448 2 17 L 2 20 C 2 20.552 2.448 21 3 21 L 6 21 C 6.552 21 7 20.552 7 20 L 7 17 C 7 16.448 6.552 16 6 16 L 3 16 z M 10 16 C 9.448 16 9 16.448 9 17 L 9 20 C 9 20.552 9.448 21 10 21 L 13 21 C 13.552 21 14 20.552 14 20 L 14 17 C 14 16.448 13.552 16 13 16 L 10 16 z M 17 16 C 16.448 16 16 16.448 16 17 L 16 20 C 16 20.552 16.448 21 17 21 L 20 21 C 20.552 21 21 20.552 21 20 L 21 17 C 21 16.448 20.552 16 20 16 L 17 16 z"></path></svg>',
+};
+exports["default"] = Object.freeze(icons);
+
+
+/***/ },
+
+/***/ 857
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const magnifierDefaultProps = {
+    zoom: 3,
+    form: 'circle',
+    size: 150,
+};
+exports["default"] = Object.freeze(magnifierDefaultProps);
+
+
+/***/ },
+
+/***/ 178
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const types = {
+    lightbox: 'lightbox',
+    magnifier: 'magnifier',
+};
+exports["default"] = Object.freeze(types);
+
+
+/***/ },
+
+/***/ 432
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.NewGuid = void 0;
+const NewGuid = () => {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+};
+exports.NewGuid = NewGuid;
+
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module is referenced by other modules so it can't be inlined
+/******/ 	var __webpack_exports__ = __webpack_require__(660);
+/******/ 	window.GSZoom = __webpack_exports__["default"];
+/******/ 	
+/******/ })()
+;