@dreamcommerce/aurora 0.3.4-166 → 0.3.4-167

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,4CAAgD;AACxD;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;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;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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,4CAAgD;AACxD;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;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;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/dropdown/components/content.js

@@ -58,7 +58,7 @@ var Content = function (_a) {
             var zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
             screenWidthName === responsive_breakpoints.SCREEN_XS
                 ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
-                : setStyles({ top: positionTop + "px", left: positionLeft + "px", zIndex: zIndex });
+                : setStyles({ top: "".concat(positionTop, "px"), left: "".concat(positionLeft, "px"), zIndex: zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
     return reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {

package/build/cjs/packages/aurora/src/components/dropdown/components/link.js

@@ -29,7 +29,7 @@ var Link = function (_a) {
      * HTMLLinkElement attributes (href, target, rel)
      */
     attributes = _tslib.__rest(_a, ["text"]);
-    var itemCssClass = main_module['default'][css_classes.cssDropdownListItem] + " " + main_module['default']['link'];
+    var itemCssClass = "".concat(main_module['default'][css_classes.cssDropdownListItem], " ").concat(main_module['default']['link']);
     return (React__default['default'].createElement("li", null,
         React__default['default'].createElement("a", _tslib.__assign({}, attributes, { className: itemCssClass }),
             React__default['default'].createElement("span", null, text))));

package/build/cjs/packages/aurora/src/components/dropdown/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DROPDOWN_MAIN_TEST_ID = 'dropdown';
-var DROPDOWN_LABEL_TEST_ID = DROPDOWN_MAIN_TEST_ID + "__label";
+var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
 var DROPDOWN_TEST_ID = {
     dropdown: DROPDOWN_MAIN_TEST_ID,
     label: DROPDOWN_LABEL_TEST_ID,

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssDropdown = 'dropdown';
-var cssDropdownContent = cssDropdown + "__content";
-var cssDropdownHeader = cssDropdown + "__header";
-var cssDropdownHeaderTitle = cssDropdown + "__header-title";
-var cssDropdownHeaderContent = cssDropdown + "__header-content";
-var cssDropdownList = cssDropdown + "__list";
-var cssDropdownSearch = cssDropdown + "__search";
-var cssDropdownWithScroll = cssDropdown + "__list_with-scroll";
-var cssDropdownListWithGroup = cssDropdown + "__list_with-group";
-var cssDropdownListHead = cssDropdown + "__list-head";
-var cssDropdownListItem = cssDropdown + "__list-item";
-var cssDropdownListItemSelected = cssDropdown + "__list-item_selected";
-var cssDropdownListItemDisabled = cssDropdown + "__list-item_disabled";
-var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
+var cssDropdownContent = "".concat(cssDropdown, "__content");
+var cssDropdownHeader = "".concat(cssDropdown, "__header");
+var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
+var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
+var cssDropdownList = "".concat(cssDropdown, "__list");
+var cssDropdownSearch = "".concat(cssDropdown, "__search");
+var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
+var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
+var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
+var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
+var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
+var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
+var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
 
 exports.cssDropdown = cssDropdown;
 exports.cssDropdownContent = cssDropdownContent;

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js

@@ -36,7 +36,7 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
                 isChecked = false;
             }
             else {
-                allSelectedOptions = _tslib.__spreadArrays(previousSelectedOptions, [selectedOption]);
+                allSelectedOptions = _tslib.__spreadArray(_tslib.__spreadArray([], previousSelectedOptions, true), [selectedOption], false);
                 isChecked = true;
             }
             if (typeof onChangeCb === 'function') {

package/build/cjs/packages/aurora/src/components/dropdown/utilities.js

@@ -47,7 +47,7 @@ var getXYModifiersForNestedDropdowns = function (portalContainer) {
     var xModifier = 0;
     var yModifier = 0;
     if (portalContainer) {
-        var $parentDropdownContent = portalContainer.closest("." + main_module['default'][css_classes.cssDropdownContent]);
+        var $parentDropdownContent = portalContainer.closest(".".concat(main_module['default'][css_classes.cssDropdownContent]));
         if ($parentDropdownContent) {
             var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
             xModifier = portalX;

package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js

@@ -41,7 +41,7 @@ var FileInput = function (_a) {
     var t = useTranslation.useTranslation()[0];
     var classes = useStyles({ isDragOver: isDragOver });
     return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePicker] + " " + classes.filePicker },
+        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes['default'].filePicker], " ").concat(classes.filePicker) },
             React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] }),
             React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerDescription] },
                 t('Drag file or select'),

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

@@ -27,7 +27,7 @@ var FlashMessage = function (_a) {
             exitDone: main_module['default']['flash-messenger__list_exit-done'],
             exitActive: main_module['default']['flash-messenger__list_exit-active'],
         } },
-        React__default['default'].createElement(index['default'], { type: message.type, className: main_module['default']['flash-messenger__message'] + " " + main_module['default']['flash-messenger__list-item'] },
+        React__default['default'].createElement(index['default'], { type: message.type, className: "".concat(main_module['default']['flash-messenger__message'], " ").concat(main_module['default']['flash-messenger__list-item']) },
             React__default['default'].createElement(index$1['default'], { size: "full" },
                 React__default['default'].createElement(index$1['default'].Row, null,
                     React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },

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/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/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);