@dreamcommerce/aurora 0.3.4-171 → 0.3.4-175

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

@@ -0,0 +1,71 @@
+import 'react';
+import cssClasses from '../../css/dropdown/main.module.less.js';
+import { cssDropdownContent } from './css_classes.js';
+import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
+import cssClasses$1 from '../../css/modal/main.module.less.js';
+
+/**
+ * checks if the given option is selected within array of selectedValues array
+ * @param {ISelectOption} option select/multiselect option
+ * @param {Array<ISelectOption>} selectedValues array of selected values
+ * @returns {Boolean}
+ */
+var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
+/**
+ * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
+ * selectedValues array, closes dropdown if defaultCloseOnClick is true
+ * @param {ISelectOption} option - option that was clicked
+ * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
+ * @param {Function} setSelectedValues - selected values state setter
+ * @param {Function} toggleDropdown - method which toggles dropdown
+ */
+var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
+    setSelectedValues(option);
+    if (defaultCloseOnClick === true) {
+        toggleDropdown();
+    }
+};
+/**
+ * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
+ * filtered results
+ * @param {React.KeyboardEvent} ev react keyboard event
+ * @param {Array<ISelectOption>} options list of dropdown options to filter
+ * @param {Function} setOptionsList method to set new state of options list
+ * @returns {void} nothing
+ */
+var handleSearchKeyUp = function (ev, options, setOptionsList) {
+    var $input = ev.target;
+    var searchQuery = $input.value;
+    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
+    setOptionsList(function () { return filteredOptions; });
+};
+var getXYModifiersForNestedDropdowns = function (portalContainer) {
+    var xModifier = 0;
+    var yModifier = 0;
+    if (portalContainer) {
+        var $parentDropdownContent = portalContainer.closest(".".concat(cssClasses[cssDropdownContent]));
+        if ($parentDropdownContent) {
+            var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
+            xModifier = portalX;
+            yModifier = portalY;
+        }
+    }
+    return {
+        xModifier: xModifier,
+        yModifier: yModifier
+    };
+};
+var isChildOfModal = function (ref) {
+    var _a;
+    var currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    while (currentParent) {
+        if (currentParent.classList.contains(cssClasses$1['modal-window'])) {
+            return true;
+        }
+        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
+    }
+    return false;
+};
+
+export { getXYModifiersForNestedDropdowns, handleItemClick, handleSearchKeyUp, isChildOfModal, isSelected };
+//# sourceMappingURL=utilities.js.map

package/build/esm/packages/aurora/src/components/dropdown/utilities.js.map

@@ -0,0 +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;AACA;AACA;AACA;"}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
+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({
+    filePicker: {
+        borderColor: function (_a) {
+            var isDragOver = _a.isDragOver;
+            return (isDragOver ? '#ffffff' : '#6fb9f7');
+        },
+        backgroundColor: function (_a) {
+            var isDragOver = _a.isDragOver;
+            return (isDragOver ? '#6fb9f7' : '#ffffff');
+        },
+        '& *': {
+            color: function (_a) {
+                var isDragOver = _a.isDragOver;
+                return (isDragOver ? '#ffffff' : '#6fb9f7');
+            },
+            // @ts-ignore
+            fill: function (_a) {
+                var isDragOver = _a.isDragOver;
+                return (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 });
+    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(IconUpload, { className: styles[CSS_CLASSES.filePickerUploadIcon] }),
+            React.createElement("div", { className: styles[CSS_CLASSES.filePickerDescription] },
+                t('Drag file or select'),
+                " (",
+                t('format'),
+                " ",
+                allowedExtensions.join(', '),
+                ")"))));
+};
+
+export default FileInput;
+//# sourceMappingURL=file_input.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+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];
+    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] },
+            React.createElement("p", { className: styles[CSS_CLASSES.filePickerSelectedFileDescription] }, file === null || file === void 0 ? void 0 : file.fileName),
+            React.createElement(IconDelete, { className: styles[CSS_CLASSES.filePickerDeleteIcon], onClick: onFileDelete }))));
+};
+
+export default SelectedFilePreview;
+//# sourceMappingURL=selected_file_preview.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,13 @@
+var CSS_CLASSES = {
+    filePicker: 'file-picker',
+    filePickerDescription: 'file-picker__description',
+    filePickerImagePreview: 'file-picker__image-preview',
+    filePickerUploadIcon: 'file-picker__upload-icon',
+    filePickerDeleteIcon: 'file-picker__delete-icon',
+    filePickerInput: 'file-picker__input',
+    filePickerSelectedFile: 'file-picker__selected-file',
+    filePickerSelectedFileDescription: 'file-picker__selected-file-description'
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import styles from '../../css/file_picker/main.module.less.js';
+import CSS_CLASSES from './css_classes.js';
+import SelectedFilePreview from './components/selected_file_preview.js';
+import FileInput from './components/file_input.js';
+import { useFilePicker } from './use_file_picker.js';
+
+var FilePicker = function (_a) {
+    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['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;
+    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] })));
+};
+
+export default FilePicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/file_picker/types.ts"],"names":[],"mappings":"AAAA,OAAmC,OAAO,CAAC"}

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

@@ -0,0 +1,70 @@
+import { useState, useEffect } from 'react';
+
+var useFilePicker = function (_a) {
+    var onChange = _a.onChange, initialFile = _a.initialFile;
+    var _b = useState(initialFile || null), 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 () {
+        if (initialFile) {
+            setFile(initialFile);
+        }
+    }, [initialFile]);
+    var onDropFile = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        var files = event.dataTransfer.files;
+        setDragOver(false);
+        updateFile(files);
+    };
+    var onFileChange = function (_a) {
+        var files = _a.target.files;
+        updateFile(files);
+    };
+    var updateFile = function (files) {
+        if (files) {
+            setFile({
+                fileName: files === null || files === void 0 ? void 0 : files[0].name,
+                fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
+            });
+        }
+        else {
+            setFile(null);
+        }
+        setPreview(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(files);
+    };
+    var onDragOver = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'copy';
+        if (!isDragOver) {
+            setDragOver(true);
+        }
+    };
+    var onDragLeave = function () {
+        setDragOver(false);
+    };
+    var onFileDelete = function () {
+        setFile(null);
+        setPreview(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(null);
+    };
+    var onPreviewError = function () {
+        setPreview(false);
+    };
+    return {
+        onDropFile: onDropFile,
+        onFileChange: onFileChange,
+        onDragOver: onDragOver,
+        onDragLeave: onDragLeave,
+        onFileDelete: onFileDelete,
+        onPreviewError: onPreviewError,
+        file: file,
+        isPreview: isPreview,
+        isDragOver: isDragOver
+    };
+};
+
+export { useFilePicker };
+//# sourceMappingURL=use_file_picker.js.map

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

@@ -0,0 +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;AACA;AACA;"}

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

@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import Grid from '../../grid/index.js';
+import IconClose from '../../../assets/icon_close.js';
+import MessageBox from '../../message-box/index.js';
+import { useFlashMessenger } from '../context.js';
+import cssClasses from '../../../css/flash_message/main.module.less.js';
+
+var FlashMessage = function (_a) {
+    var message = _a.message;
+    var _b = useFlashMessenger(), removeMessage = _b.removeMessage, hideMessage = _b.hideMessage;
+    useEffect(function () {
+        setTimeout(function () {
+            hideMessage(message.id);
+        }, message.timeout || 3000);
+    }, []);
+    return (React.createElement(CSSTransition, { timeout: 250, in: message.isVisible, onExited: function () { return 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(Grid, { size: "full" },
+                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'] })))))));
+};
+
+export default FlashMessage;
+//# sourceMappingURL=flash_message.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+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 }))); })));
+};
+
+export default FlashMessagesList;
+//# sourceMappingURL=flash_messages_list.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,45 @@
+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([
+            {
+                content: content,
+                type: type,
+                timeout: timeout,
+                id: "flash-message-".concat(messageCounter),
+                isVisible: true
+            }
+        ], prevMessages, true); });
+    };
+    var removeMessage = function (messageId) {
+        setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
+            var id = _a.id;
+            return id !== messageId;
+        }); });
+    };
+    var hideMessage = function (messageId) {
+        setMessages(function (prevMessages) {
+            return prevMessages.reduce(function (memo, prevMessage) {
+                if (prevMessage.id === messageId) {
+                    return __spreadArray(__spreadArray([], memo, true), [__assign(__assign({}, prevMessage), { isVisible: false })], false);
+                }
+                return __spreadArray(__spreadArray([], memo, true), [prevMessage], false);
+            }, []);
+        });
+    };
+    return (React.createElement(FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
+        children,
+        React.createElement(FlashMessagesList, { messages: messages })));
+};
+
+export default FlashMessenger;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+import '@auroraComponents/message-box/types';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/flash_messenger/types.ts"],"names":[],"mappings":"AAAA,OAAgC,qCAAqC,CAAC"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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';
+
+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

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

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/gallery/index.d.ts

@@ -0,0 +1,133 @@
+/// <reference types="hammerjs" />
+import { IGallery, IGalleryOptions, IImageAttributes, TDimensionsType } from './types';
+/**
+ * Class representing gallery.
+ * @type {Gallery}
+ * @implements IGallery
+ */
+export default class Gallery implements IGallery {
+    /**
+     * gallery HTMLDivElement
+     * @type {HTMLDivElement}
+     */
+    $gallery: HTMLDivElement;
+    /**
+     * @param {IGalleryOptions} object
+     * @param {string} object.name - gallery name
+     * @param {string} object.initiallySelectedImageSrc - selected image's source
+     * @param {boolean} object.hasNavArrows - determines if gallery should have navigation arrows
+     * @param {boolean} object.hasImageNumbers - determines if gallery should have images numbers
+     * @param {boolean} object.hasThumbnails - determines if gallery should have thumbnails
+     * @param {string} object.mode - determines in which mode should gallery render
+     * @param {boolean} object.isCarouselEnabled - determines if images in gallery should changing in a loop
+     */
+    options: IGalleryOptions;
+    selectedImageNumber: number;
+    previouslySelectedImageNumber: number;
+    previouslySelectedImageIndex: number;
+    imagesCount: number;
+    imageAttributes: Array<IImageAttributes>;
+    imageMarkups: Array<HTMLDivElement | null>;
+    $images: HTMLDivElement;
+    $bar: HTMLDivElement;
+    createdImagesIndex: Array<number>;
+    newImagesIndex: Array<number>;
+    mouseDownTarget: HTMLElement;
+    mouseUpTarget: HTMLElement;
+    transform: number;
+    partialTransform: number;
+    isAnimating: boolean;
+    previousCursorX: number;
+    previousCursorY: number;
+    selectors: {
+        newGallery: string;
+        anchorImage: string;
+        image: string;
+        imageContainer: string;
+        selectedImageNumber: string;
+        imageDescription: string;
+        previous: string;
+        next: string;
+        images: string;
+        imagesContainer: string;
+        copyLinkButton: string;
+        copyLinkConfirmation: string;
+        firstTemporaryContainer: string;
+        lastTemporaryContainer: string;
+        bar: string;
+        arrowContainer: string;
+        close: string;
+    };
+    isTouchDevice: boolean;
+    isFirstTemporaryContainerExist: boolean;
+    isLastTemporaryContainerExist: boolean;
+    hasUserGoneToNextImage: boolean;
+    initLocation: Location;
+    popstateUpdate: boolean;
+    isNeighboringImageShow: boolean;
+    /**
+     * creates new gallery instance with custom gallery template
+     * @param {IGalleryOptions} options
+     */
+    constructor(options: IGalleryOptions);
+    setInitialImagesInfo(): void;
+    createMarkup(): void;
+    private _createBarMarkup;
+    private _createImageNumbersMarkup;
+    private _createCopyLinkMarkup;
+    private _createNavigationMarkup;
+    private _createInitialImagesMarkup;
+    private _createImageMarkup;
+    appendImages(): void;
+    appendTemporaryImage(imageIndex: number): void;
+    remove: (ev: Event) => void;
+    addListeners(): void;
+    addWindowListeners: () => void;
+    removeWindowListeners: () => void;
+    addImageListeners: (imageIndex: number, $image: HTMLImageElement, $imageContainer: HTMLDivElement) => void;
+    handleMouseDown: ($image: HTMLImageElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any) => void;
+    handleMouseLeave: ($image: HTMLImageElement, $imageContainer: HTMLDivElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any) => void;
+    handleMouseMove: ($image: HTMLImageElement, imageIndex: number, $imageContainer: HTMLDivElement, ev: MouseEvent) => void;
+    handlePanAndWheel($image: HTMLImageElement, imageIndex: number, ev: HammerInput | WheelEvent): void;
+    handlePinch($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager, imageContainerHammer: HammerManager, ev: HammerInput): void;
+    handleImageSwitch: (ev: HammerInput) => void;
+    resizeImage: ($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager | null, imageContainerHammer: HammerManager | null, ev: HammerInput | MouseEvent) => void;
+    changeSelectedImageModeToMaxImage($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    changeSelectedImageModeToFullScreen($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    getTranslate($container: HTMLDivElement, imageIndex: number): {
+        translateX: number;
+        translateY: number;
+    };
+    getAvailableTranslate(imageWidth: number, imageHeight: number, containerHeight: number, translateX: number, translateY: number): {
+        availableTranslateX: number;
+        availableTranslateY: number;
+    };
+    hideLoader: (ev: Event) => void;
+    getImageClasses(imageIndex: number): {
+        maxWidthClass: string;
+        maxHeightClass: string;
+        adjustedClass: string;
+    };
+    updatePreviewImage: () => void;
+    updateImageInfo: ($image: HTMLImageElement) => void;
+    updateGridColumnStyles: () => void;
+    showImage: (imageIndex: number) => void;
+    handleTransitionEnd: () => void;
+    centerImage($image: HTMLImageElement): void;
+    changeImagesMode(): void;
+    changeImageMode: ($image: HTMLImageElement) => void;
+    setImageDimensionsAccordingToAspectRatio: ($image: HTMLImageElement, dimensionsType: TDimensionsType) => void;
+    handleArrowDisplay: () => void;
+    handlePreviousImagePreview: () => void;
+    handleNextImagePreview: () => void;
+    getPreviousImageIndex(): number | null;
+    getNextImageIndex(): number | null;
+    keyBindings: (ev: KeyboardEvent) => void;
+    changeImageNumber(): void;
+    changeImageDescription(): void;
+    sortAscending: (number1: number, number2: number) => number;
+    getClosestLowerIndex(imageIndexes: Array<number>, imageIndex: number): number | null;
+    isFullScreenMode(): boolean;
+    isMaxImageMode(): boolean;
+    isShortestEdgeMode(): boolean;
+}