@dreamcommerce/aurora 0.3.4-163 → 0.3.4-167

package/build/cjs/packages/aurora/src/components/flash_messenger/index.js

@@ -18,15 +18,15 @@ var FlashMessenger = function (_a) {
     var addMessage = function (_a) {
         var content = _a.content, type = _a.type, timeout = _a.timeout;
         setMessageCounter(function (i) { return i + 1; });
-        setMessages(function (prevMessages) { return _tslib.__spreadArrays([
+        setMessages(function (prevMessages) { return _tslib.__spreadArray([
             {
                 content: content,
                 type: type,
                 timeout: timeout,
-                id: "flash-message-" + messageCounter,
+                id: "flash-message-".concat(messageCounter),
                 isVisible: true,
             }
-        ], prevMessages); });
+        ], prevMessages, true); });
     };
     var removeMessage = function (messageId) {
         setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
@@ -38,9 +38,9 @@ var FlashMessenger = function (_a) {
         setMessages(function (prevMessages) {
             return prevMessages.reduce(function (memo, prevMessage) {
                 if (prevMessage.id === messageId) {
-                    return _tslib.__spreadArrays(memo, [_tslib.__assign(_tslib.__assign({}, prevMessage), { isVisible: false })]);
+                    return _tslib.__spreadArray(_tslib.__spreadArray([], memo, true), [_tslib.__assign(_tslib.__assign({}, prevMessage), { isVisible: false })], false);
                 }
-                return _tslib.__spreadArrays(memo, [prevMessage]);
+                return _tslib.__spreadArray(_tslib.__spreadArray([], memo, true), [prevMessage], false);
             }, []);
         });
     };

package/build/cjs/packages/aurora/src/components/flash_messenger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/flash_messenger/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FlashMessengerContext } from './context';\nimport { TFlashMessage, TFlashMessageExtended } from '@components/flash_messenger/types';\nimport FlashMessagesList from '@components/flash_messenger/components/flash_messages_list';\n\nconst FlashMessenger: React.FC = ({ children }) => {\n    const [messages, setMessages] = useState<TFlashMessageExtended[]>([]);\n    const [messageCounter, setMessageCounter] = useState(0);\n\n    const addMessage = ({ content, type, timeout }: TFlashMessage) => {\n        setMessageCounter((i) => i + 1);\n\n        setMessages((prevMessages) => [\n            {\n                content,\n                type,\n                timeout,\n                id: `flash-message-${messageCounter}`,\n                isVisible: true,\n            },\n            ...prevMessages,\n        ]);\n    };\n\n    const removeMessage = (messageId: string) => {\n        setMessages((prevMessages) => prevMessages.filter(({ id }) => id !== messageId));\n    };\n\n    const hideMessage = (messageId: string) => {\n        setMessages((prevMessages) => {\n            return prevMessages.reduce((memo, prevMessage) => {\n                if (prevMessage.id === messageId) {\n                    return [...memo, { ...prevMessage, isVisible: false }];\n                }\n                return [...memo, prevMessage];\n            }, []);\n        });\n    };\n\n    return (\n        <FlashMessengerContext.Provider value={{ addMessage, removeMessage, hideMessage }}>\n            {children}\n            <FlashMessagesList messages={messages} />\n        </FlashMessengerContext.Provider>\n    );\n};\n\nexport default FlashMessenger;\n"],"names":["React","FlashMessengerContext","FlashMessagesList"],"mappings":";;;;;;;;;;;;;IAKM,cAAc,GAAa,UAAC,EAAY;QAAV,sBAAQ;IAClC,IAAA,uBAA+D,EAA9D,gBAAQ,EAAE,mBAAoD,CAAC;IAChE,IAAA,sBAAiD,EAAhD,sBAAc,EAAE,yBAAgC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,EAAyC;YAAvC,oBAAO,EAAE,cAAI,EAAE,oBAAO;QACxC,iBAAiB,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,GAAA,CAAC,CAAC;QAEhC,WAAW,CAAC,UAAC,YAAY,IAAK;YAC1B;gBACI,OAAO,SAAA;gBACP,IAAI,MAAA;gBACJ,OAAO,SAAA;gBACP,EAAE,EAAE,mBAAiB,cAAgB;gBACrC,SAAS,EAAE,IAAI;aAClB;WACE,YAAY,IAClB,CAAC,CAAC;KACN,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,SAAiB;QACpC,WAAW,CAAC,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,MAAM,CAAC,UAAC,EAAM;gBAAJ,UAAE;YAAO,OAAA,EAAE,KAAK,SAAS;SAAA,CAAC,GAAA,CAAC,CAAC;KACpF,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,SAAiB;QAClC,WAAW,CAAC,UAAC,YAAY;YACrB,OAAO,YAAY,CAAC,MAAM,CAAC,UAAC,IAAI,EAAE,WAAW;gBACzC,IAAI,WAAW,CAAC,EAAE,KAAK,SAAS,EAAE;oBAC9B,6BAAW,IAAI,uCAAO,WAAW,KAAE,SAAS,EAAE,KAAK,MAAI;iBAC1D;gBACD,6BAAW,IAAI,GAAE,WAAW,GAAE;aACjC,EAAE,EAAE,CAAC,CAAC;SACV,CAAC,CAAC;KACN,CAAC;IAEF,QACIA,wCAACC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,WAAW,aAAA,EAAE;QAC5E,QAAQ;QACTD,wCAACE,8BAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACZ,EACnC;AACN;;;;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/gallery/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/gallery/constants.ts"],"sourcesContent":["import { TMode, TJsSelectors, TDimensionsType } from './types';\n\nexport const GALLERY_MODE: Record<TMode, TMode> = {\n    maxImage: 'maxImage',\n    shortestEdge: 'shortestEdge',\n    fullScreen: 'fullScreen',\n};\n\nexport const JS_CLASSES: Record<TJsSelectors, string> = {\n    newGallery: 'js__gallery_new',\n    anchorImage: 'js__gallery-anchor-image',\n    image: 'js__gallery-image',\n    selectedImageNumber: 'js__gallery-selected-image-number',\n    imageDescription: 'js__gallery-image-description',\n    previous: 'js__gallery-previous',\n    next: 'js__gallery-next',\n    images: 'js__gallery-images',\n    imagesContainer: 'js__gallery-images-container',\n    copyLinkButton: 'js__gallery-copy-link',\n    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',\n    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',\n    close: '',\n};\n\nexport const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType> = {\n    initial: 'initial',\n    real: 'real',\n};\n"],"names":[],"mappings":";;;;IAEa,YAAY,GAAyB;IAC9C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;EAC1B;IAEW,UAAU,GAAiC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;IACvC,KAAK,EAAE,mBAAmB;IAC1B,mBAAmB,EAAE,mCAAmC;IACxD,gBAAgB,EAAE,+BAA+B;IACjD,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,8BAA8B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,uBAAuB,EAAE,6CAA6C;IACtE,sBAAsB,EAAE,4CAA4C;IACpE,KAAK,EAAE,EAAE;EACX;IAEW,eAAe,GAA6C;IACrE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;;;;;;;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/gallery/css_classes.js

@@ -3,31 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssGallery = 'gallery';
-var cssGalleryMobile = cssGallery + "_mobile";
-var cssGalleryBar = cssGallery + "-bar";
-var cssGalleryBarImageNumbers = cssGalleryBar + "__image-numbers";
-var cssGalleryBarImageDescription = cssGalleryBar + "__image-description";
-var cssGalleryBarCopyLink = cssGalleryBar + "__copy-link";
-var cssGalleryBarCopyLinkConfirmation = cssGalleryBarCopyLink + "_confirmation";
-var cssGalleryBarCopyLinkConfirmationText = cssGalleryBarCopyLink + "_confirmation-text";
-var cssGalleryBarImageClose = cssGalleryBar + "__image-close";
-var cssGalleryImages = cssGallery + "__images";
-var cssGalleryImagesWithTransition = cssGallery + "__images_with-transition";
-var cssGalleryImagesContainer = cssGalleryImages + "-container";
-var cssGalleryImage = cssGallery + "__image";
-var cssGalleryImageContainer = cssGalleryImage + "-container";
-var cssGalleryImageAdjusted = cssGalleryImage + "_adjusted";
-var cssGalleryImageMaxWidth = cssGalleryImage + "_max-width";
-var cssGalleryImageMaxHeight = cssGalleryImage + "_max-height";
+var cssGalleryMobile = "".concat(cssGallery, "_mobile");
+var cssGalleryBar = "".concat(cssGallery, "-bar");
+var cssGalleryBarImageNumbers = "".concat(cssGalleryBar, "__image-numbers");
+var cssGalleryBarImageDescription = "".concat(cssGalleryBar, "__image-description");
+var cssGalleryBarCopyLink = "".concat(cssGalleryBar, "__copy-link");
+var cssGalleryBarCopyLinkConfirmation = "".concat(cssGalleryBarCopyLink, "_confirmation");
+var cssGalleryBarCopyLinkConfirmationText = "".concat(cssGalleryBarCopyLink, "_confirmation-text");
+var cssGalleryBarImageClose = "".concat(cssGalleryBar, "__image-close");
+var cssGalleryImages = "".concat(cssGallery, "__images");
+var cssGalleryImagesWithTransition = "".concat(cssGallery, "__images_with-transition");
+var cssGalleryImagesContainer = "".concat(cssGalleryImages, "-container");
+var cssGalleryImage = "".concat(cssGallery, "__image");
+var cssGalleryImageContainer = "".concat(cssGalleryImage, "-container");
+var cssGalleryImageAdjusted = "".concat(cssGalleryImage, "_adjusted");
+var cssGalleryImageMaxWidth = "".concat(cssGalleryImage, "_max-width");
+var cssGalleryImageMaxHeight = "".concat(cssGalleryImage, "_max-height");
 var cssIcon = 'icon';
-var cssIconArrow = cssIcon + "-arrow";
-var cssIconArrowContainer = cssIconArrow + "-container";
-var cssIconArrowContainerPrevious = cssIconArrowContainer + "_previous";
-var cssIconArrowContainerNext = cssIconArrowContainer + "_next";
-var cssIconArrowRotate180 = cssIconArrow + "_rotate-180";
-var cssIconClose = cssIcon + "-close";
-var cssIconLink = cssIcon + "-link";
-var cssIconSuccess = cssIcon + "-success";
+var cssIconArrow = "".concat(cssIcon, "-arrow");
+var cssIconArrowContainer = "".concat(cssIconArrow, "-container");
+var cssIconArrowContainerPrevious = "".concat(cssIconArrowContainer, "_previous");
+var cssIconArrowContainerNext = "".concat(cssIconArrowContainer, "_next");
+var cssIconArrowRotate180 = "".concat(cssIconArrow, "_rotate-180");
+var cssIconClose = "".concat(cssIcon, "-close");
+var cssIconLink = "".concat(cssIcon, "-link");
+var cssIconSuccess = "".concat(cssIcon, "-success");
 var cssLoaderMask = 'loader__mask';
 var cssHide = 'hide';
 var cssHideMobile = 'hide_mobile';

package/build/cjs/packages/aurora/src/components/gallery/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../../../src/components/gallery/css_classes.ts"],"sourcesContent":["export const cssGallery = 'gallery';\n\nexport const cssGalleryMobile = `${cssGallery}_mobile`;\n\nexport const cssGalleryBar = `${cssGallery}-bar`;\nexport const cssGalleryBarImageNumbers = `${cssGalleryBar}__image-numbers`;\nexport const cssGalleryBarImageDescription = `${cssGalleryBar}__image-description`;\nexport const cssGalleryBarCopyLink = `${cssGalleryBar}__copy-link`;\nexport const cssGalleryBarCopyLinkConfirmation = `${cssGalleryBarCopyLink}_confirmation`;\nexport const cssGalleryBarCopyLinkConfirmationText = `${cssGalleryBarCopyLink}_confirmation-text`;\nexport const cssGalleryBarImageClose = `${cssGalleryBar}__image-close`;\n\nexport const cssGalleryImages = `${cssGallery}__images`;\nexport const cssGalleryImagesWithTransition = `${cssGallery}__images_with-transition`;\nexport const cssGalleryImagesContainer = `${cssGalleryImages}-container`;\n\nexport const cssGalleryImage = `${cssGallery}__image`;\nexport const cssGalleryImageContainer = `${cssGalleryImage}-container`;\nexport const cssGalleryImageAdjusted = `${cssGalleryImage}_adjusted`;\nexport const cssGalleryImageMaxWidth = `${cssGalleryImage}_max-width`;\nexport const cssGalleryImageMaxHeight = `${cssGalleryImage}_max-height`;\n\nexport const cssIcon = 'icon';\nexport const cssIconArrow = `${cssIcon}-arrow`;\nexport const cssIconArrowContainer = `${cssIconArrow}-container`;\nexport const cssIconArrowContainerPrevious = `${cssIconArrowContainer}_previous`;\nexport const cssIconArrowContainerNext = `${cssIconArrowContainer}_next`;\nexport const cssIconArrowRotate180 = `${cssIconArrow}_rotate-180`;\nexport const cssIconClose = `${cssIcon}-close`;\nexport const cssIconLink = `${cssIcon}-link`;\nexport const cssIconSuccess = `${cssIcon}-success`;\n\nexport const cssLoaderMask = 'loader__mask';\n\nexport const cssHide = 'hide';\nexport const cssHideMobile = 'hide_mobile';\nexport const cssHideDesktop = 'hide_desktop';\n\nexport const cssZoomIn = 'zoom-in';\nexport const cssZoomOut = 'zoom-out';\nexport const cssGrabbing = 'grabbing';\n"],"names":[],"mappings":";;;;IAAa,UAAU,GAAG,UAAU;IAEvB,gBAAgB,GAAM,UAAU,aAAU;IAE1C,aAAa,GAAM,UAAU,UAAO;IACpC,yBAAyB,GAAM,aAAa,qBAAkB;IAC9D,6BAA6B,GAAM,aAAa,yBAAsB;IACtE,qBAAqB,GAAM,aAAa,iBAAc;IACtD,iCAAiC,GAAM,qBAAqB,mBAAgB;IAC5E,qCAAqC,GAAM,qBAAqB,wBAAqB;IACrF,uBAAuB,GAAM,aAAa,mBAAgB;IAE1D,gBAAgB,GAAM,UAAU,cAAW;IAC3C,8BAA8B,GAAM,UAAU,8BAA2B;IACzE,yBAAyB,GAAM,gBAAgB,gBAAa;IAE5D,eAAe,GAAM,UAAU,aAAU;IACzC,wBAAwB,GAAM,eAAe,gBAAa;IAC1D,uBAAuB,GAAM,eAAe,eAAY;IACxD,uBAAuB,GAAM,eAAe,gBAAa;IACzD,wBAAwB,GAAM,eAAe,iBAAc;IAE3D,OAAO,GAAG,OAAO;IACjB,YAAY,GAAM,OAAO,YAAS;IAClC,qBAAqB,GAAM,YAAY,gBAAa;IACpD,6BAA6B,GAAM,qBAAqB,eAAY;IACpE,yBAAyB,GAAM,qBAAqB,WAAQ;IAC5D,qBAAqB,GAAM,YAAY,iBAAc;IACrD,YAAY,GAAM,OAAO,YAAS;IAClC,WAAW,GAAM,OAAO,WAAQ;IAChC,cAAc,GAAM,OAAO,cAAW;IAEtC,aAAa,GAAG,eAAe;IAE/B,OAAO,GAAG,OAAO;IACjB,aAAa,GAAG,cAAc;IAC9B,cAAc,GAAG,eAAe;IAEhC,SAAS,GAAG,UAAU;IACtB,UAAU,GAAG,WAAW;IACxB,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/gallery/index.js

@@ -65,22 +65,22 @@ var Gallery = /** @class */ (function () {
         this.previousCursorX = 0;
         this.previousCursorY = 0;
         this.selectors = {
-            newGallery: "." + constants.JS_CLASSES.newGallery,
-            anchorImage: "." + constants.JS_CLASSES.anchorImage,
-            image: "." + constants.JS_CLASSES.image,
-            imageContainer: "." + main_module['default'][css_classes.cssGalleryImageContainer],
-            selectedImageNumber: "." + constants.JS_CLASSES.selectedImageNumber,
-            imageDescription: "." + constants.JS_CLASSES.imageDescription,
-            previous: "." + constants.JS_CLASSES.previous,
-            next: "." + constants.JS_CLASSES.next,
-            images: "." + constants.JS_CLASSES.images,
-            imagesContainer: "." + constants.JS_CLASSES.imagesContainer,
-            copyLinkButton: "." + constants.JS_CLASSES.copyLinkButton,
-            copyLinkConfirmation: "." + main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmation],
-            firstTemporaryContainer: "." + constants.JS_CLASSES.firstTemporaryContainer,
-            lastTemporaryContainer: "." + constants.JS_CLASSES.lastTemporaryContainer,
-            bar: "." + main_module['default'][css_classes.cssGalleryBar],
-            arrowContainer: "." + main_module['default'][css_classes.cssIconArrowContainer],
+            newGallery: ".".concat(constants.JS_CLASSES.newGallery),
+            anchorImage: ".".concat(constants.JS_CLASSES.anchorImage),
+            image: ".".concat(constants.JS_CLASSES.image),
+            imageContainer: ".".concat(main_module['default'][css_classes.cssGalleryImageContainer]),
+            selectedImageNumber: ".".concat(constants.JS_CLASSES.selectedImageNumber),
+            imageDescription: ".".concat(constants.JS_CLASSES.imageDescription),
+            previous: ".".concat(constants.JS_CLASSES.previous),
+            next: ".".concat(constants.JS_CLASSES.next),
+            images: ".".concat(constants.JS_CLASSES.images),
+            imagesContainer: ".".concat(constants.JS_CLASSES.imagesContainer),
+            copyLinkButton: ".".concat(constants.JS_CLASSES.copyLinkButton),
+            copyLinkConfirmation: ".".concat(main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmation]),
+            firstTemporaryContainer: ".".concat(constants.JS_CLASSES.firstTemporaryContainer),
+            lastTemporaryContainer: ".".concat(constants.JS_CLASSES.lastTemporaryContainer),
+            bar: ".".concat(main_module['default'][css_classes.cssGalleryBar]),
+            arrowContainer: ".".concat(main_module['default'][css_classes.cssIconArrowContainer]),
             close: '',
         };
         this.isFirstTemporaryContainerExist = false;
@@ -200,7 +200,7 @@ var Gallery = /** @class */ (function () {
             _this.imageAttributes[imageIndex].isDragging = true;
             _this.imageAttributes[imageIndex].transX = -availableTranslateX;
             _this.imageAttributes[imageIndex].transY = -availableTranslateY;
-            $image.style.transform = "translate3d(" + _this.imageAttributes[imageIndex].transX + "px, " + _this.imageAttributes[imageIndex].transY + "px, 0)";
+            $image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
             $image.classList.remove(main_module['default'][css_classes.cssZoomOut]);
             $image.classList.add(main_module['default'][css_classes.cssGrabbing]);
         };
@@ -210,7 +210,7 @@ var Gallery = /** @class */ (function () {
             }
             _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
             var panDistance = Math.round((ev.deltaX * 100) / window.innerWidth);
-            _this.$images.style.transform = "translateX(" + (_this.transform + panDistance) + "%)";
+            _this.$images.style.transform = "translateX(".concat(_this.transform + panDistance, "%)");
             if (ev.type === 'panend') {
                 if (Math.abs(panDistance) > 15) {
                     _this.partialTransform = _this.transform + panDistance;
@@ -224,7 +224,7 @@ var Gallery = /** @class */ (function () {
                 else {
                     _this.isAnimating = true;
                     _this.$images.classList.add(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-                    _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                    _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
                     setTimeout(function () {
                         _this.isAnimating = false;
                     }, 300);
@@ -305,7 +305,7 @@ var Gallery = /** @class */ (function () {
                     var _a = _this.getAvailableTranslate(maxImageWidth, maxImageHeight, containerHeight, -transX, -transY), availableTranslateX = _a.availableTranslateX, availableTranslateY = _a.availableTranslateY;
                     _this.imageAttributes[imageIndex].transX = -availableTranslateX;
                     _this.imageAttributes[imageIndex].transY = -availableTranslateY;
-                    $image.style.transform = "translate3d(" + _this.imageAttributes[imageIndex].transX + "px, " + _this.imageAttributes[imageIndex].transY + "px, 0)";
+                    $image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
                 }
             });
         };
@@ -372,7 +372,7 @@ var Gallery = /** @class */ (function () {
                 else {
                     _this.transform = _this.partialTransform % 100 === 0 ? _this.transform - 100 : _this.transform + (_this.partialTransform % 100);
                 }
-                _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
             }
             if (isTemporaryContainerNeeded) {
                 _this.appendTemporaryImage(imageIndex);
@@ -411,12 +411,12 @@ var Gallery = /** @class */ (function () {
                 _this.isLastTemporaryContainerExist = false;
                 _this.updateGridColumnStyles();
                 _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-                _this.$images.style.transform = "translateX(" + _this.partialTransform % 100 + "%)";
+                _this.$images.style.transform = "translateX(".concat(_this.partialTransform % 100, "%)");
             }
             if (!_this.isNeighboringImageShow) {
                 _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
                 _this.transform = _this.selectedImageNumber === 1 ? -100 : createdImageIndex * -100;
-                _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
             }
             // wait for the fake translate
             setTimeout(function () {
@@ -426,7 +426,7 @@ var Gallery = /** @class */ (function () {
                     _this.handleTransitionEnd();
                 }, 300);
                 if (_this.isNeighboringImageShow) {
-                    _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                    _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
                 }
             }, 10);
             _this.popstateUpdate = false;
@@ -442,20 +442,20 @@ var Gallery = /** @class */ (function () {
                 if (_this.hasUserGoneToNextImage && _this.selectedImageNumber === 1) {
                     _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
                     _this.transform = -100;
-                    _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                    _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
                 }
                 if ((_this.selectedImageNumber === _this.imagesCount && !_this.hasUserGoneToNextImage) ||
                     (_this.popstateUpdate && _this.selectedImageNumber !== 1)) {
                     _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
                     var createdImageIndex = _this.createdImagesIndex.findIndex(function (index) { return index === _this.selectedImageNumber - 1; });
                     _this.transform = -100 * (createdImageIndex + 1) + (_this.partialTransform % 100);
-                    _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                    _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
                     var $lastTemporaryContainer = document.querySelector(_this.selectors.lastTemporaryContainer);
                     $lastTemporaryContainer.remove();
                     _this.isLastTemporaryContainerExist = false;
                     _this.updateGridColumnStyles();
                     _this.transform += 100 - _this.partialTransform;
-                    _this.$images.style.transform = "translateX(" + _this.transform + "%)";
+                    _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
                 }
             }
             if (_this.isMaxImageMode()) {
@@ -489,7 +489,7 @@ var Gallery = /** @class */ (function () {
                     $image.style.maxWidth = '';
                     $image.style.maxHeight = '';
                     _this.imageAttributes[imageIndex] = _tslib.__assign(_tslib.__assign({}, _this.imageAttributes[imageIndex]), { transX: 0, transY: 0, scale: 1, initialScale: 1, currentScale: 1 });
-                    $image.style.transform = "translate3d(" + _this.imageAttributes[imageIndex].transX + "px, " + _this.imageAttributes[imageIndex].transY + "px, 0)";
+                    $image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
                     $image.classList.add(main_module['default'][css_classes.cssGalleryImageAdjusted]);
                     _this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.real);
                 }
@@ -606,14 +606,14 @@ var Gallery = /** @class */ (function () {
         this.setInitialImagesInfo();
         this.isTouchDevice = check_is_touch_device.checkIsTouchDevice();
         this.initLocation = window.location;
-        constants.JS_CLASSES.close = "js__gallery-" + this.options.name + "-close";
-        this.selectors.close = "." + constants.JS_CLASSES.close;
+        constants.JS_CLASSES.close = "js__gallery-".concat(this.options.name, "-close");
+        this.selectors.close = ".".concat(constants.JS_CLASSES.close);
         this.createMarkup();
         this.$bar = document.querySelector(this.selectors.bar);
         this._createInitialImagesMarkup();
         this.$images = this.$gallery.querySelector(this.selectors.images);
-        this.$images.style['msGridColumns'] = "(100%)[" + (this.imagesCount + 2) + "]";
-        this.$images.style.gridTemplateColumns = "repeat(" + (this.imagesCount + 2) + ", 100%)";
+        this.$images.style['msGridColumns'] = "(100%)[".concat(this.imagesCount + 2, "]");
+        this.$images.style.gridTemplateColumns = "repeat(".concat(this.imagesCount + 2, ", 100%)");
         this.appendImages();
         var isTemporaryContainerNeeded = this.options.isCarouselEnabled &&
             this.imagesCount > 1 &&
@@ -627,7 +627,7 @@ var Gallery = /** @class */ (function () {
         if (isTemporaryContainerNeeded && this.selectedImageNumber === 1) {
             this.transform = -100;
         }
-        this.$images.style.transform = "translateX(" + this.transform + "%)";
+        this.$images.style.transform = "translateX(".concat(this.transform, "%)");
         this.addListeners();
         if (this.options.handleHistory) {
             handle_history.handleHistory(this.$gallery, this.options.name, this.selectedImageNumber, this.remove, this.showImage);
@@ -638,7 +638,7 @@ var Gallery = /** @class */ (function () {
     }
     Gallery.prototype.setInitialImagesInfo = function () {
         var _this = this;
-        var $images = document.querySelectorAll("[data-gallery-name=" + this.options.name + "]");
+        var $images = document.querySelectorAll("[data-gallery-name=".concat(this.options.name, "]"));
         $images.forEach(function ($image) {
             var shorterEdge = $image.naturalHeight < $image.naturalWidth ? 'height' : 'width';
             var $anchor = $image.closest(_this.selectors.anchorImage);
@@ -688,7 +688,7 @@ var Gallery = /** @class */ (function () {
             }
         }
         var barMarkup = this._createBarMarkup();
-        var markup = "\n            " + barMarkup + "\n\n            <div class=\"" + main_module['default'][css_classes.cssGalleryImagesContainer] + " " + constants.JS_CLASSES.imagesContainer + "\">\n                " + previousArrowMarkup + "\n\n                <div class=\"" + main_module['default'][css_classes.cssGalleryImages] + " " + constants.JS_CLASSES.images + "\"></div>\n\n                " + nextArrowMarkup + "\n            </div>\n        ";
+        var markup = "\n            ".concat(barMarkup, "\n\n            <div class=\"").concat(main_module['default'][css_classes.cssGalleryImagesContainer], " ").concat(constants.JS_CLASSES.imagesContainer, "\">\n                ").concat(previousArrowMarkup, "\n\n                <div class=\"").concat(main_module['default'][css_classes.cssGalleryImages], " ").concat(constants.JS_CLASSES.images, "\"></div>\n\n                ").concat(nextArrowMarkup, "\n            </div>\n        ");
         this.$gallery.innerHTML = markup;
         document.body.append(this.$gallery);
         this.changeImageDescription();
@@ -696,42 +696,42 @@ var Gallery = /** @class */ (function () {
     Gallery.prototype._createBarMarkup = function () {
         var imagesNumberMarkup = '';
         var copyLinkMarkup = '';
-        var imageDescriptionMarkup = "\n            <div class=\"" + main_module['default'][css_classes.cssGalleryBarImageDescription] + " " + constants.JS_CLASSES.imageDescription + "\">\n            </div>\n        ";
+        var imageDescriptionMarkup = "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBarImageDescription], " ").concat(constants.JS_CLASSES.imageDescription, "\">\n            </div>\n        ");
         if (this.options.hasImageNumbers) {
             imagesNumberMarkup = this._createImageNumbersMarkup();
         }
         if (this.options.hasCopyLink) {
             copyLinkMarkup = this._createCopyLinkMarkup();
         }
-        return "\n            <div class=\"" + main_module['default'][css_classes.cssGalleryBar] + "\">\n                " + imagesNumberMarkup + "\n\n                " + imageDescriptionMarkup + "\n\n                " + copyLinkMarkup + "\n\n                <span class=\"" + main_module['default'][css_classes.cssIcon] + " " + main_module['default'][css_classes.cssIconClose] + " " + main_module['default'][css_classes.cssGalleryBarImageClose] + " " + constants.JS_CLASSES.close + "\"></span>\n            </div>\n        ";
+        return "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBar], "\">\n                ").concat(imagesNumberMarkup, "\n\n                ").concat(imageDescriptionMarkup, "\n\n                ").concat(copyLinkMarkup, "\n\n                <span class=\"").concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconClose], " ").concat(main_module['default'][css_classes.cssGalleryBarImageClose], " ").concat(constants.JS_CLASSES.close, "\"></span>\n            </div>\n        ");
     };
     Gallery.prototype._createImageNumbersMarkup = function () {
-        return "\n            <div class=\"" + main_module['default'][css_classes.cssGalleryBarImageNumbers] + "\">\n                <span class=\"" + constants.JS_CLASSES.selectedImageNumber + "\">\n                    " + this.selectedImageNumber + "\n                </span> / " + this.imagesCount + "\n            </div>\n        ";
+        return "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBarImageNumbers], "\">\n                <span class=\"").concat(constants.JS_CLASSES.selectedImageNumber, "\">\n                    ").concat(this.selectedImageNumber, "\n                </span> / ").concat(this.imagesCount, "\n            </div>\n        ");
     };
     Gallery.prototype._createCopyLinkMarkup = function () {
         var _a = this.options.translations, copyLink = _a.copyLink, picture = _a.picture, copyLinkShortVersion = _a.copyLinkShortVersion, copyLinkConfirmation = _a.copyLinkConfirmation;
-        return "\n            <div class=\"" + main_module['default'][css_classes.cssGalleryBarCopyLink] + " " + constants.JS_CLASSES.copyLinkButton + "\">\n                <span class=\"" + main_module['default'][css_classes.cssIcon] + " " + main_module['default'][css_classes.cssIconLink] + " " + main_module['default'][css_classes.cssHideMobile] + "\"></span>\n                <span class=\"" + main_module['default'][css_classes.cssHideDesktop] + "\">" + copyLinkShortVersion + "</span>\n                <span class=\"" + main_module['default'][css_classes.cssHideMobile] + "\">\n                    " + copyLink + " (" + picture + " <span class=\"" + constants.JS_CLASSES.selectedImageNumber + "\">" + this.selectedImageNumber + "</span>)\n                </span>\n                \n                <div class=\"" + main_module['default'][css_classes.cssHide] + " " + main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmation] + "\">\n                    <span class=\"" + main_module['default'][css_classes.cssIcon] + " " + main_module['default'][css_classes.cssIconSuccess] + "\"></span>\n\n                    <div class=\"" + main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmationText] + "\">\n                        " + copyLinkConfirmation + "\n                    </div>\n                </div>\n            </div>\n        ";
+        return "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBarCopyLink], " ").concat(constants.JS_CLASSES.copyLinkButton, "\">\n                <span class=\"").concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconLink], " ").concat(main_module['default'][css_classes.cssHideMobile], "\"></span>\n                <span class=\"").concat(main_module['default'][css_classes.cssHideDesktop], "\">").concat(copyLinkShortVersion, "</span>\n                <span class=\"").concat(main_module['default'][css_classes.cssHideMobile], "\">\n                    ").concat(copyLink, " (").concat(picture, " <span class=\"").concat(constants.JS_CLASSES.selectedImageNumber, "\">").concat(this.selectedImageNumber, "</span>)\n                </span>\n                \n                <div class=\"").concat(main_module['default'][css_classes.cssHide], " ").concat(main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmation], "\">\n                    <span class=\"").concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconSuccess], "\"></span>\n\n                    <div class=\"").concat(main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmationText], "\">\n                        ").concat(copyLinkConfirmation, "\n                    </div>\n                </div>\n            </div>\n        ");
     };
     Gallery.prototype._createNavigationMarkup = function (arrowType) {
-        var arrowClasses = main_module['default'][css_classes.cssIcon] + " " + main_module['default'][css_classes.cssIconArrow];
-        var arrowContainerClasses = main_module['default'][css_classes.cssIconArrowContainer] + " " + constants.JS_CLASSES[arrowType];
+        var arrowClasses = "".concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconArrow]);
+        var arrowContainerClasses = "".concat(main_module['default'][css_classes.cssIconArrowContainer], " ").concat(constants.JS_CLASSES[arrowType]);
         var isPreviousArrow = arrowType === 'previous';
         if (isPreviousArrow) {
-            arrowClasses += " " + main_module['default'][css_classes.cssIconArrowRotate180];
-            arrowContainerClasses += " " + main_module['default'][css_classes.cssIconArrowContainerPrevious];
+            arrowClasses += " ".concat(main_module['default'][css_classes.cssIconArrowRotate180]);
+            arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssIconArrowContainerPrevious]);
             var isFirstImage = this.selectedImageNumber === 1;
             if (isFirstImage && !this.options.isCarouselEnabled) {
-                arrowContainerClasses += " " + main_module['default'][css_classes.cssHide];
+                arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssHide]);
             }
         }
         else {
-            arrowContainerClasses += " " + main_module['default'][css_classes.cssIconArrowContainerNext];
+            arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssIconArrowContainerNext]);
             var isLastImage = this.selectedImageNumber === this.imagesCount;
             if (isLastImage && !this.options.isCarouselEnabled) {
-                arrowContainerClasses += " " + main_module['default'][css_classes.cssHide];
+                arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssHide]);
             }
         }
-        return "\n            <div class=\"" + arrowContainerClasses + "\">\n                <span class=\"" + arrowClasses + "\"></span>\n            </div>\n        ";
+        return "\n            <div class=\"".concat(arrowContainerClasses, "\">\n                <span class=\"").concat(arrowClasses, "\"></span>\n            </div>\n        ");
     };
     Gallery.prototype._createImageMarkup = function (imageIndex, source) {
         var $imageContainer = document.createElement('div');
@@ -773,7 +773,7 @@ var Gallery = /** @class */ (function () {
             if (_this.createdImagesIndex.length !== 0) {
                 var lowerIndex = _this.getClosestLowerIndex(_this.createdImagesIndex, index);
                 if (lowerIndex != null) {
-                    var lowerIndexImages = document.querySelectorAll("[src='" + _this.imageAttributes[lowerIndex].source + "']");
+                    var lowerIndexImages = document.querySelectorAll("[src='".concat(_this.imageAttributes[lowerIndex].source, "']"));
                     lowerIndexImages.forEach(function (image) {
                         if (image.classList.contains(constants.JS_CLASSES.image)) {
                             var $lowerIndexImage = image;
@@ -786,7 +786,7 @@ var Gallery = /** @class */ (function () {
                 }
                 else {
                     var firstCreatedImageIndex = _this.createdImagesIndex[0];
-                    var $firstImage = document.querySelector("[src='" + _this.imageAttributes[firstCreatedImageIndex].source + "']");
+                    var $firstImage = document.querySelector("[src='".concat(_this.imageAttributes[firstCreatedImageIndex].source, "']"));
                     var $firstImageContainer = $firstImage.closest(_this.selectors.imageContainer);
                     $firstImageContainer.before($markup);
                 }
@@ -798,7 +798,7 @@ var Gallery = /** @class */ (function () {
                 _this.createdImagesIndex.push(index);
                 if (index === 0 && _this.hasUserGoneToNextImage) {
                     _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-                    _this.$images.style.transform = "translateX(" + (_this.transform - 100 + (_this.partialTransform % 100)) + "%)";
+                    _this.$images.style.transform = "translateX(".concat(_this.transform - 100 + (_this.partialTransform % 100), "%)");
                 }
             }
             _this.createdImagesIndex.sort(_this.sortAscending);
@@ -815,7 +815,7 @@ var Gallery = /** @class */ (function () {
             if (this.hasUserGoneToNextImage) {
                 this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
                 this.transform = -100 * this.createdImagesIndex.length + (this.partialTransform % 100);
-                this.$images.style.transform = "translateX(" + this.transform + "%)";
+                this.$images.style.transform = "translateX(".concat(this.transform, "%)");
             }
         }
         else if (imageIndex === this.imagesCount - 1) {
@@ -863,7 +863,7 @@ var Gallery = /** @class */ (function () {
             var $copyLink = document.querySelector(this.selectors.copyLinkButton);
             $copyLink.addEventListener('click', function () {
                 var galleryUrl = get_url.getUrl(_this.options.name, _this.selectedImageNumber);
-                copy_to_clipboard.copy(galleryUrl + "-copied");
+                copy_to_clipboard.copy("".concat(galleryUrl, "-copied"));
                 var $copyLinkConfirmation = document.querySelector(_this.selectors.copyLinkConfirmation);
                 $copyLinkConfirmation.classList.remove(main_module['default'][css_classes.cssHide]);
                 setTimeout(function () {
@@ -882,7 +882,7 @@ var Gallery = /** @class */ (function () {
         var newTranslateX = -(ev.deltaX + this.imageAttributes[imageIndex].transX);
         var newTranslateY = -(deltaY + this.imageAttributes[imageIndex].transY);
         var _a = this.getAvailableTranslate($image.width, $image.height, containerHeight, newTranslateX, newTranslateY), availableTranslateX = _a.availableTranslateX, availableTranslateY = _a.availableTranslateY;
-        $image.style.transform = "translate3d(" + availableTranslateX * -1 + "px, " + availableTranslateY * -1 + "px, 0)";
+        $image.style.transform = "translate3d(".concat(availableTranslateX * -1, "px, ").concat(availableTranslateY * -1, "px, 0)");
         if (ev.type === 'panend') {
             this.imageAttributes[imageIndex].transX = -availableTranslateX;
             this.imageAttributes[imageIndex].transY = -availableTranslateY;
@@ -913,8 +913,8 @@ var Gallery = /** @class */ (function () {
         var _a = this.imageAttributes[imageIndex], maxImageHeight = _a.maxImageHeight, initialWidth = _a.initialWidth, initialHeight = _a.initialHeight;
         this.imageAttributes[imageIndex].currentScale = Math.max(1, Math.min(this.imageAttributes[imageIndex].scale * ev.scale, maxImageHeight / initialHeight));
         var currentScale = this.imageAttributes[imageIndex].currentScale;
-        $image.style.maxWidth = initialWidth * currentScale + "px";
-        $image.style.maxHeight = initialHeight * currentScale + "px";
+        $image.style.maxWidth = "".concat(initialWidth * currentScale, "px");
+        $image.style.maxHeight = "".concat(initialHeight * currentScale, "px");
         var $container = $image.closest(this.selectors.imageContainer);
         var _b = this.getTranslate($container, imageIndex), translateX = _b.translateX, translateY = _b.translateY;
         this.imageAttributes[imageIndex].transX = -translateX;
@@ -936,7 +936,7 @@ var Gallery = /** @class */ (function () {
             this.imageAttributes[imageIndex].scale = currentScale;
             this.imageAttributes[imageIndex].initialScale = currentScale;
         }
-        $image.style.transform = "translate3d(" + this.imageAttributes[imageIndex].transX + "px, " + this.imageAttributes[imageIndex].transY + "px, 0)";
+        $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
     };
     Gallery.prototype.changeSelectedImageModeToMaxImage = function ($image, imageIndex, ev) {
         this.options.mode = constants.GALLERY_MODE.maxImage;
@@ -951,13 +951,12 @@ var Gallery = /** @class */ (function () {
             eventCenterY = ev.center.y;
         }
         var _a = this.imageAttributes[imageIndex], maxImageHeight = _a.maxImageHeight, initialHeight = _a.initialHeight;
-        this.imageAttributes[imageIndex] = _tslib.__assign(_tslib.__assign({}, this.imageAttributes[imageIndex]), { currentScale: maxImageHeight / initialHeight, scale: maxImageHeight / initialHeight, left: $image.getBoundingClientRect().left, top: $image.getBoundingClientRect().top, eventCenterX: eventCenterX,
-            eventCenterY: eventCenterY });
+        this.imageAttributes[imageIndex] = _tslib.__assign(_tslib.__assign({}, this.imageAttributes[imageIndex]), { currentScale: maxImageHeight / initialHeight, scale: maxImageHeight / initialHeight, left: $image.getBoundingClientRect().left, top: $image.getBoundingClientRect().top, eventCenterX: eventCenterX, eventCenterY: eventCenterY });
         var $container = $image.closest(this.selectors.imageContainer);
         var _b = this.getTranslate($container, imageIndex), translateX = _b.translateX, translateY = _b.translateY;
         this.imageAttributes[imageIndex] = _tslib.__assign(_tslib.__assign({}, this.imageAttributes[imageIndex]), { transX: -translateX, transY: -translateY, initialScale: maxImageHeight / initialHeight });
         $container.style.overflow = 'hidden';
-        $image.style.transform = "translate3d(" + this.imageAttributes[imageIndex].transX + "px, " + this.imageAttributes[imageIndex].transY + "px, 0)";
+        $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
         $image.classList.add(main_module['default'][css_classes.cssZoomOut]);
         $image.classList.remove(main_module['default'][css_classes.cssZoomIn]);
         $image.classList.toggle(main_module['default'][css_classes.cssGalleryImageAdjusted]);
@@ -976,7 +975,7 @@ var Gallery = /** @class */ (function () {
             $image.style.maxWidth = '';
             $image.style.maxHeight = '';
             this.imageAttributes[imageIndex] = _tslib.__assign(_tslib.__assign({}, this.imageAttributes[imageIndex]), { transX: 0, transY: 0, scale: 1, initialScale: 1, currentScale: 1 });
-            $image.style.transform = "translate3d(" + this.imageAttributes[imageIndex].transX + "px, " + this.imageAttributes[imageIndex].transY + "px, 0)";
+            $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
             $image.classList.toggle(main_module['default'][css_classes.cssGalleryImageAdjusted]);
             $image.classList.remove(main_module['default'][css_classes.cssZoomOut]);
             $image.classList.add(main_module['default'][css_classes.cssZoomIn]);
@@ -1076,7 +1075,7 @@ var Gallery = /** @class */ (function () {
         var _b = this.getAvailableTranslate(maxImageWidth, maxImageHeight, containerHeight, translateX, translateY), availableTranslateX = _b.availableTranslateX, availableTranslateY = _b.availableTranslateY;
         this.imageAttributes[imageIndex].transX = -availableTranslateX;
         this.imageAttributes[imageIndex].transY = -availableTranslateY;
-        $image.style.transform = "translate3d(" + this.imageAttributes[imageIndex].transX + "px, " + this.imageAttributes[imageIndex].transY + "px, 0)";
+        $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
         $image.classList.remove(main_module['default'][css_classes.cssGalleryImageAdjusted]);
     };
     Gallery.prototype.changeImagesMode = function () {
@@ -1109,7 +1108,7 @@ var Gallery = /** @class */ (function () {
     Gallery.prototype.changeImageNumber = function () {
         var _this = this;
         var imageNumbers = document.querySelectorAll(this.selectors.selectedImageNumber);
-        imageNumbers.forEach(function ($imageNumber) { return ($imageNumber.textContent = "" + _this.selectedImageNumber); });
+        imageNumbers.forEach(function ($imageNumber) { return ($imageNumber.textContent = "".concat(_this.selectedImageNumber)); });
     };
     Gallery.prototype.changeImageDescription = function () {
         var imageDescription = document.querySelector(this.selectors.imageDescription);