@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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

@@ -6,35 +6,22 @@ import styles from '../../../css/file_picker/main.module.less.js';
 import CSS_CLASSES from '../css_classes.js';
 import IconUpload from '../../../assets/icon_upload.js';
 
-var useStyles = createUseStyles({
+const useStyles = createUseStyles({
     filePicker: {
-        borderColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#ffffff' : '#6fb9f7');
-        },
-        backgroundColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#6fb9f7' : '#ffffff');
-        },
+        borderColor: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
+        backgroundColor: ({ isDragOver }) => (isDragOver ? '#6fb9f7' : '#ffffff'),
         '& *': {
-            color: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            },
+            color: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
             // @ts-ignore
-            fill: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            }
+            fill: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7')
         }
     }
 });
-var FileInput = function (_a) {
-    var id = _a.id, onDropFile = _a.onDropFile, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, allowedExtensions = _a.allowedExtensions, isDragOver = _a.isDragOver;
-    var t = useTranslation()[0];
-    var classes = useStyles({ isDragOver: isDragOver });
+const FileInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation();
+    const classes = useStyles({ isDragOver });
     return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React.createElement("div", { className: "".concat(styles[CSS_CLASSES.filePicker], " ").concat(classes.filePicker) },
+        React.createElement("div", { className: `${styles[CSS_CLASSES.filePicker]} ${classes.filePicker}` },
             React.createElement(IconUpload, { className: styles[CSS_CLASSES.filePickerUploadIcon] }),
             React.createElement("div", { className: styles[CSS_CLASSES.filePickerDescription] },
                 t('Drag file or select'),

package/build/esm/packages/aurora/src/components/file_picker/components/file_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js

@@ -4,9 +4,8 @@ import styles from '../../../css/file_picker/main.module.less.js';
 import IconDelete from '../../../assets/icon_delete.js';
 import CSS_CLASSES from '../css_classes.js';
 
-var SelectedFilePreview = function (_a) {
-    var file = _a.file, isPreview = _a.isPreview, onPreviewError = _a.onPreviewError, onFileDelete = _a.onFileDelete;
-    var t = useTranslation()[0];
+const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {
+    const [t] = useTranslation();
     return (React.createElement("div", { className: styles[CSS_CLASSES.filePicker] },
         isPreview ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.filePickerImagePreview] })) : (React.createElement("div", null, t('No preview'))),
         React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedFile] },

package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/file_picker/index.js

@@ -6,13 +6,12 @@ import FileInput from './components/file_input.js';
 import { useFilePicker } from './use_file_picker.js';
 import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
 
-var FilePicker = function (_a) {
-    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['WEBP', 'JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
-    var _d = useFilePicker({
-        initialFile: initialFile,
-        onChange: onChange
-    }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
-    var acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+const FilePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = useFilePicker({
+        initialFile,
+        onChange
+    });
+    const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
     return (React.createElement("div", { className: className },
         file ? (React.createElement(SelectedFilePreview, { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React.createElement(FileInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
         React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));

package/build/esm/packages/aurora/src/components/file_picker/index.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js

@@ -1,25 +1,23 @@
 import { useState, useEffect } from 'react';
 
-var useFilePicker = function (_a) {
-    var onChange = _a.onChange, initialFile = _a.initialFile;
-    var _b = useState(initialFile), file = _b[0], setFile = _b[1];
-    var _c = useState(false), isDragOver = _c[0], setDragOver = _c[1];
-    var _d = useState(true), isPreview = _d[0], setPreview = _d[1];
-    useEffect(function () {
+const useFilePicker = ({ onChange, initialFile }) => {
+    const [file, setFile] = useState(initialFile);
+    const [isDragOver, setDragOver] = useState(false);
+    const [isPreview, setPreview] = useState(true);
+    useEffect(() => {
         setFile(initialFile);
     }, [initialFile]);
-    var onDropFile = function (event) {
+    const onDropFile = (event) => {
         event.stopPropagation();
         event.preventDefault();
-        var files = event.dataTransfer.files;
+        const { dataTransfer: { files } } = event;
         setDragOver(false);
         updateFile(files);
     };
-    var onFileChange = function (_a) {
-        var files = _a.target.files;
+    const onFileChange = ({ target: { files } }) => {
         updateFile(files);
     };
-    var updateFile = function (files) {
+    const updateFile = (files) => {
         if (files) {
             setFile({
                 fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -32,7 +30,7 @@ var useFilePicker = function (_a) {
         setPreview(true);
         onChange === null || onChange === void 0 ? void 0 : onChange(files);
     };
-    var onDragOver = function (event) {
+    const onDragOver = (event) => {
         event.stopPropagation();
         event.preventDefault();
         event.dataTransfer.dropEffect = 'copy';
@@ -40,27 +38,27 @@ var useFilePicker = function (_a) {
             setDragOver(true);
         }
     };
-    var onDragLeave = function () {
+    const onDragLeave = () => {
         setDragOver(false);
     };
-    var onFileDelete = function () {
+    const onFileDelete = () => {
         setFile(undefined);
         setPreview(true);
         onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
-    var onPreviewError = function () {
+    const onPreviewError = () => {
         setPreview(false);
     };
     return {
-        onDropFile: onDropFile,
-        onFileChange: onFileChange,
-        onDragOver: onDragOver,
-        onDragLeave: onDragLeave,
-        onFileDelete: onFileDelete,
-        onPreviewError: onPreviewError,
-        file: file,
-        isPreview: isPreview,
-        isDragOver: isDragOver
+        onDropFile,
+        onFileChange,
+        onDragOver,
+        onDragLeave,
+        onFileDelete,
+        onPreviewError,
+        file,
+        isPreview,
+        isDragOver
     };
 };
 

package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/file_picker/utils.js

@@ -1,13 +1,13 @@
-var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
-    var extraContent = [];
-    if (allowedExtensions.some(function (allowedExtension) { return allowedExtension.toLowerCase() === 'png'; })) {
+const getAcceptFilesParametersFromAllowedExtensions = (allowedExtensions) => {
+    const extraContent = [];
+    if (allowedExtensions.some((allowedExtension) => allowedExtension.toLowerCase() === 'png')) {
         extraContent.push('image/png');
     }
-    var joinedExtensions = allowedExtensions
-        .map(function (allowedExtensions) { return allowedExtensions.toLowerCase(); })
-        .map(function (allowedExtension) { return (allowedExtension.indexOf('.') < 0 ? ".".concat(allowedExtension) : allowedExtension); })
+    const joinedExtensions = allowedExtensions
+        .map((allowedExtensions) => allowedExtensions.toLowerCase())
+        .map((allowedExtension) => (allowedExtension.indexOf('.') < 0 ? `.${allowedExtension}` : allowedExtension))
         .join(',');
-    return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
+    return extraContent ? `${joinedExtensions},${extraContent.join(',')}` : joinedExtensions;
 };
 
 export { getAcceptFilesParametersFromAllowedExtensions };

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

@@ -6,25 +6,24 @@ import cssClasses from '../../../css/flash_message/main.module.less.js';
 import { useFlashMessenger } from '../context.js';
 import MessageBox from '../../message-box/index.js';
 
-var FlashMessage = function (_a) {
-    var message = _a.message;
-    var _b = useFlashMessenger(), removeMessage = _b.removeMessage, hideMessage = _b.hideMessage;
-    useEffect(function () {
-        setTimeout(function () {
+const FlashMessage = ({ message }) => {
+    const { removeMessage, hideMessage } = useFlashMessenger();
+    useEffect(() => {
+        setTimeout(() => {
             hideMessage(message.id);
         }, message.timeout || 3000);
     }, []);
-    return (React.createElement(CSSTransition, { timeout: 250, in: message.isVisible, onExited: function () { return removeMessage(message.id); }, classNames: {
+    return (React.createElement(CSSTransition, { timeout: 250, in: message.isVisible, onExited: () => removeMessage(message.id), classNames: {
             enter: cssClasses['flash-messenger__list_enter'],
             exitDone: cssClasses['flash-messenger__list_exit-done'],
             exitActive: cssClasses['flash-messenger__list_exit-active']
         } },
-        React.createElement(MessageBox, { type: message.type, className: "".concat(cssClasses['flash-messenger__message'], " ").concat(cssClasses['flash-messenger__list-item']) },
+        React.createElement(MessageBox, { type: message.type, className: `${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}` },
             React.createElement(Grid.Row, null,
                 React.createElement(Grid.Col, { auto: "grow" },
                     React.createElement("div", null, message.content)),
                 React.createElement(Grid.Col, { auto: "auto" },
-                    React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] }))))));
+                    React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] }))))));
 };
 
 export default FlashMessage;

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_messages_list.js

@@ -3,15 +3,12 @@ import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cssClasses from '../../../css/flash_message/main.module.less.js';
 import FlashMessage from './flash_message.js';
 
-var FlashMessagesList = function (_a) {
-    var messages = _a.messages;
-    return (React.createElement(TransitionGroup, { className: cssClasses['flash-messenger'] }, messages.map(function (message) { return (React.createElement(CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
-            enter: cssClasses['flash-messenger__list_enter'],
-            exitDone: cssClasses['flash-messenger__list_exit-done'],
-            exitActive: cssClasses['flash-messenger__list_exit-active']
-        } },
-        React.createElement(FlashMessage, { message: message, key: message.id }))); })));
-};
+const FlashMessagesList = ({ messages }) => (React.createElement(TransitionGroup, { className: cssClasses['flash-messenger'] }, messages.map((message) => (React.createElement(CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
+        enter: cssClasses['flash-messenger__list_enter'],
+        exitDone: cssClasses['flash-messenger__list_exit-done'],
+        exitActive: cssClasses['flash-messenger__list_exit-active']
+    } },
+    React.createElement(FlashMessage, { message: message, key: message.id }))))));
 
 export default FlashMessagesList;
 //# sourceMappingURL=flash_messages_list.js.map

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_messages_list.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/flash_messenger/context.js

@@ -1,8 +1,8 @@
 import { createContext, useContext } from 'react';
 
-var FlashMessengerContext = createContext(null);
-var useFlashMessenger = function () {
-    var context = useContext(FlashMessengerContext);
+const FlashMessengerContext = createContext(null);
+const useFlashMessenger = () => {
+    const context = useContext(FlashMessengerContext);
     if (context === null) {
         throw 'FlashMessengerContext is not provided';
     }

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

@@ -1,42 +1,37 @@
 import React, { useState } from 'react';
-import { __spreadArray, __assign } from '../../../../../_virtual/_tslib.js';
 import { FlashMessengerContext } from './context.js';
 import FlashMessagesList from './components/flash_messages_list.js';
 
-var FlashMessenger = function (_a) {
-    var children = _a.children;
-    var _b = useState([]), messages = _b[0], setMessages = _b[1];
-    var _c = useState(0), messageCounter = _c[0], setMessageCounter = _c[1];
-    var addMessage = function (_a) {
-        var content = _a.content, type = _a.type, timeout = _a.timeout;
-        setMessageCounter(function (i) { return i + 1; });
-        setMessages(function (prevMessages) { return __spreadArray([
+const FlashMessenger = ({ children }) => {
+    const [messages, setMessages] = useState([]);
+    const [messageCounter, setMessageCounter] = useState(0);
+    const addMessage = ({ content, type, timeout }) => {
+        setMessageCounter((i) => i + 1);
+        setMessages((prevMessages) => [
             {
-                content: content,
-                type: type,
-                timeout: timeout,
-                id: "flash-message-".concat(messageCounter),
+                content,
+                type,
+                timeout,
+                id: `flash-message-${messageCounter}`,
                 isVisible: true
-            }
-        ], prevMessages, true); });
+            },
+            ...prevMessages
+        ]);
     };
-    var removeMessage = function (messageId) {
-        setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
-            var id = _a.id;
-            return id !== messageId;
-        }); });
+    const removeMessage = (messageId) => {
+        setMessages((prevMessages) => prevMessages.filter(({ id }) => id !== messageId));
     };
-    var hideMessage = function (messageId) {
-        setMessages(function (prevMessages) {
-            return prevMessages.reduce(function (memo, prevMessage) {
+    const hideMessage = (messageId) => {
+        setMessages((prevMessages) => {
+            return prevMessages.reduce((memo, prevMessage) => {
                 if (prevMessage.id === messageId) {
-                    return __spreadArray(__spreadArray([], memo, true), [__assign(__assign({}, prevMessage), { isVisible: false })], false);
+                    return [...memo, { ...prevMessage, isVisible: false }];
                 }
-                return __spreadArray(__spreadArray([], memo, true), [prevMessage], false);
+                return [...memo, prevMessage];
             }, []);
         });
     };
-    return (React.createElement(FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
+    return (React.createElement(FlashMessengerContext.Provider, { value: { addMessage, removeMessage, hideMessage } },
         children,
         React.createElement(FlashMessagesList, { messages: messages })));
 };

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

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/gallery/constants.js

@@ -1,9 +1,9 @@
-var GALLERY_MODE = {
+const GALLERY_MODE = {
     maxImage: 'maxImage',
     shortestEdge: 'shortestEdge',
     fullScreen: 'fullScreen'
 };
-var JS_CLASSES = {
+const JS_CLASSES = {
     newGallery: 'js__gallery_new',
     anchorImage: 'js__gallery-anchor-image',
     image: 'js__gallery-image',
@@ -18,7 +18,7 @@ var JS_CLASSES = {
     lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
     close: ''
 };
-var DIMENSIONS_TYPE = {
+const DIMENSIONS_TYPE = {
     initial: 'initial',
     real: 'real'
 };

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

@@ -1,36 +1,36 @@
-var cssGallery = 'gallery';
-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 = "".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';
-var cssHideDesktop = 'hide_desktop';
-var cssZoomIn = 'zoom-in';
-var cssZoomOut = 'zoom-out';
-var cssGrabbing = 'grabbing';
+const cssGallery = 'gallery';
+const cssGalleryMobile = `${cssGallery}_mobile`;
+const cssGalleryBar = `${cssGallery}-bar`;
+const cssGalleryBarImageNumbers = `${cssGalleryBar}__image-numbers`;
+const cssGalleryBarImageDescription = `${cssGalleryBar}__image-description`;
+const cssGalleryBarCopyLink = `${cssGalleryBar}__copy-link`;
+const cssGalleryBarCopyLinkConfirmation = `${cssGalleryBarCopyLink}_confirmation`;
+const cssGalleryBarCopyLinkConfirmationText = `${cssGalleryBarCopyLink}_confirmation-text`;
+const cssGalleryBarImageClose = `${cssGalleryBar}__image-close`;
+const cssGalleryImages = `${cssGallery}__images`;
+const cssGalleryImagesWithTransition = `${cssGallery}__images_with-transition`;
+const cssGalleryImagesContainer = `${cssGalleryImages}-container`;
+const cssGalleryImage = `${cssGallery}__image`;
+const cssGalleryImageContainer = `${cssGalleryImage}-container`;
+const cssGalleryImageAdjusted = `${cssGalleryImage}_adjusted`;
+const cssGalleryImageMaxWidth = `${cssGalleryImage}_max-width`;
+const cssGalleryImageMaxHeight = `${cssGalleryImage}_max-height`;
+const cssIcon = 'icon';
+const cssIconArrow = `${cssIcon}-arrow`;
+const cssIconArrowContainer = `${cssIconArrow}-container`;
+const cssIconArrowContainerPrevious = `${cssIconArrowContainer}_previous`;
+const cssIconArrowContainerNext = `${cssIconArrowContainer}_next`;
+const cssIconArrowRotate180 = `${cssIconArrow}_rotate-180`;
+const cssIconClose = `${cssIcon}-close`;
+const cssIconLink = `${cssIcon}-link`;
+const cssIconSuccess = `${cssIcon}-success`;
+const cssLoaderMask = 'loader__mask';
+const cssHide = 'hide';
+const cssHideMobile = 'hide_mobile';
+const cssHideDesktop = 'hide_desktop';
+const cssZoomIn = 'zoom-in';
+const cssZoomOut = 'zoom-out';
+const cssGrabbing = 'grabbing';
 
 export { cssGallery, cssGalleryBar, cssGalleryBarCopyLink, cssGalleryBarCopyLinkConfirmation, cssGalleryBarCopyLinkConfirmationText, cssGalleryBarImageClose, cssGalleryBarImageDescription, cssGalleryBarImageNumbers, cssGalleryImage, cssGalleryImageAdjusted, cssGalleryImageContainer, cssGalleryImageMaxHeight, cssGalleryImageMaxWidth, cssGalleryImages, cssGalleryImagesContainer, cssGalleryImagesWithTransition, cssGalleryMobile, cssGrabbing, cssHide, cssHideDesktop, cssHideMobile, cssIcon, cssIconArrow, cssIconArrowContainer, cssIconArrowContainerNext, cssIconArrowContainerPrevious, cssIconArrowRotate180, cssIconClose, cssIconLink, cssIconSuccess, cssLoaderMask, cssZoomIn, cssZoomOut };
 //# sourceMappingURL=css_classes.js.map