@dreamcommerce/aurora 0.3.4-166 → 0.3.4-167
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/_virtual/_tslib.js +9 -7
- package/build/cjs/_virtual/_tslib.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/button/css_classes.js +6 -6
- package/build/cjs/packages/aurora/src/components/buttons_group/css_classes.js +3 -3
- package/build/cjs/packages/aurora/src/components/color_picker/components/hue_picker.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/label.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js +5 -6
- package/build/cjs/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js +11 -11
- package/build/cjs/packages/aurora/src/components/color_picker/index.js +6 -6
- package/build/cjs/packages/aurora/src/components/color_picker/utilities.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/cell_selector.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/components/errors.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +25 -25
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/days_grid.js +4 -4
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js +4 -4
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/constants.js +6 -6
- package/build/cjs/packages/aurora/src/components/date_picker/css_classes.js +30 -30
- package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js +4 -4
- package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_animation.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_value_controller.js +2 -6
- package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/link.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/constants.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js +13 -13
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/utilities.js +1 -1
- package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js +1 -1
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
- package/build/cjs/packages/aurora/src/components/flash_messenger/index.js +5 -5
- package/build/cjs/packages/aurora/src/components/gallery/css_classes.js +24 -24
- package/build/cjs/packages/aurora/src/components/gallery/index.js +61 -62
- package/build/cjs/packages/aurora/src/components/gallery/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/gallery/utilities/get_url.js +2 -2
- package/build/cjs/packages/aurora/src/components/gallery/utilities/handle_history.js +4 -4
- package/build/cjs/packages/aurora/src/components/grid/components/box.js +1 -1
- package/build/cjs/packages/aurora/src/components/grid/components/col.js +5 -5
- package/build/cjs/packages/aurora/src/components/grid/components/row.js +2 -2
- package/build/cjs/packages/aurora/src/components/grid/utils.js +5 -5
- package/build/cjs/packages/aurora/src/components/heading/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/label/css_classes.js +2 -2
- package/build/cjs/packages/aurora/src/components/loader/css_classes.js +3 -3
- package/build/cjs/packages/aurora/src/components/message-box/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modal.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal/utilities.js +4 -4
- package/build/cjs/packages/aurora/src/components/range/css_classes.js +1 -1
- package/build/cjs/packages/aurora/src/components/range/index.js +4 -4
- package/build/cjs/packages/aurora/src/components/range/utilities.js +4 -4
- package/build/cjs/packages/aurora/src/components/spacing/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/table/components/cell.js +2 -2
- package/build/cjs/packages/aurora/src/components/table/hoc/data-table.js +3 -3
- package/build/cjs/packages/aurora/src/components/tag/css_classes.js +2 -2
- package/build/cjs/packages/aurora/src/components/tag/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/tags_selector/components/list.js +2 -2
- package/build/cjs/packages/aurora/src/components/tags_selector/components/search.js +1 -1
- package/build/cjs/packages/aurora/src/components/tags_selector/components/wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/tags_selector/css_classes.js +4 -4
- package/build/cjs/packages/aurora/src/components/tags_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/hooks/use_key_down.js +1 -1
- package/build/cjs/packages/aurora/src/hooks/use_unique_id.js +1 -1
- package/build/cjs/packages/aurora/src/utilities/colors/color_converter.js +1 -1
- package/build/cjs/packages/aurora/src/utilities/fuzzy_search/fuzzy_search.js +1 -1
- package/build/esm/_virtual/_tslib.js +9 -7
- package/build/esm/_virtual/_tslib.js.map +1 -1
- package/build/esm/packages/aurora/src/components/button/components/link/types.js +1 -0
- package/build/esm/packages/aurora/src/components/button/css_classes.js +6 -6
- package/build/esm/packages/aurora/src/components/buttons_group/css_classes.js +3 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/hue_picker.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js +5 -6
- package/build/esm/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.js +11 -11
- package/build/esm/packages/aurora/src/components/color_picker/index.js +6 -6
- package/build/esm/packages/aurora/src/components/color_picker/utilities.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/cell_selector.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/components/errors.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +25 -25
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +2 -2
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/pure_date_picker.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/constants.js +6 -6
- package/build/esm/packages/aurora/src/components/date_picker/css_classes.js +30 -30
- package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/hooks/use_animation.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js +2 -6
- package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/link.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/constants.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/context/types.js +1 -0
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +13 -13
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/utilities.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/utilities.js +1 -1
- package/build/esm/packages/aurora/src/components/file_picker/components/file_input.js +1 -1
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
- package/build/esm/packages/aurora/src/components/flash_messenger/index.js +6 -6
- package/build/esm/packages/aurora/src/components/gallery/css_classes.js +24 -24
- package/build/esm/packages/aurora/src/components/gallery/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/gallery/index.js +61 -62
- package/build/esm/packages/aurora/src/components/gallery/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/gallery/types.js +1 -0
- package/build/esm/packages/aurora/src/components/gallery/utilities/get_url.js +2 -2
- package/build/esm/packages/aurora/src/components/gallery/utilities/handle_history.js +4 -4
- package/build/esm/packages/aurora/src/components/grid/components/box.js +1 -1
- package/build/esm/packages/aurora/src/components/grid/components/col.js +5 -5
- package/build/esm/packages/aurora/src/components/grid/components/row.js +2 -2
- package/build/esm/packages/aurora/src/components/grid/utils.js +5 -5
- package/build/esm/packages/aurora/src/components/heading/index.js +1 -1
- package/build/esm/packages/aurora/src/components/heading/types.js +1 -0
- package/build/esm/packages/aurora/src/components/label/css_classes.js +2 -2
- package/build/esm/packages/aurora/src/components/loader/css_classes.js +3 -3
- package/build/esm/packages/aurora/src/components/message-box/index.js +1 -1
- package/build/esm/packages/aurora/src/components/message-box/types.js +1 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal.js +1 -1
- package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +1 -1
- package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +1 -1
- package/build/esm/packages/aurora/src/components/modal/index.js +1 -1
- package/build/esm/packages/aurora/src/components/modal/utilities.js +4 -4
- package/build/esm/packages/aurora/src/components/range/css_classes.js +1 -1
- package/build/esm/packages/aurora/src/components/range/index.js +4 -4
- package/build/esm/packages/aurora/src/components/range/types.js +1 -0
- package/build/esm/packages/aurora/src/components/range/utilities.js +4 -4
- package/build/esm/packages/aurora/src/components/spacing/index.js +2 -2
- package/build/esm/packages/aurora/src/components/table/components/cell.js +2 -2
- package/build/esm/packages/aurora/src/components/table/hoc/data-table.js +3 -3
- package/build/esm/packages/aurora/src/components/tag/css_classes.js +2 -2
- package/build/esm/packages/aurora/src/components/tag/index.js +2 -2
- package/build/esm/packages/aurora/src/components/tags_selector/components/list.js +2 -2
- package/build/esm/packages/aurora/src/components/tags_selector/components/search.js +1 -1
- package/build/esm/packages/aurora/src/components/tags_selector/components/wrapper.js +1 -1
- package/build/esm/packages/aurora/src/components/tags_selector/css_classes.js +4 -4
- package/build/esm/packages/aurora/src/components/tags_selector/index.js +3 -3
- package/build/esm/packages/aurora/src/hooks/use_key_down.d.ts +1 -1
- package/build/esm/packages/aurora/src/hooks/use_key_down.js +1 -1
- package/build/esm/packages/aurora/src/hooks/use_unique_id.js +1 -1
- package/build/esm/packages/aurora/src/typings/general.js +1 -0
- package/build/esm/packages/aurora/src/utilities/colors/color_converter.js +1 -1
- package/build/esm/packages/aurora/src/utilities/colors/types.js +1 -0
- package/build/esm/packages/aurora/src/utilities/events/event_registration.d.ts +2 -2
- package/build/esm/packages/aurora/src/utilities/fuzzy_search/fuzzy_search.js +2 -2
- package/build/esm/packages/aurora/src/utilities/styles/classNames.d.ts +1 -1
- package/package.json +3 -3
|
@@ -6,7 +6,7 @@ import { ISelectOption } from './types';
|
|
|
6
6
|
* @param {Array<ISelectOption>} selectedValues array of selected values
|
|
7
7
|
* @returns {Boolean}
|
|
8
8
|
*/
|
|
9
|
-
export declare const isSelected: (option: ISelectOption, selectedValues: ISelectOption
|
|
9
|
+
export declare const isSelected: (option: ISelectOption, selectedValues: Array<ISelectOption>) => boolean;
|
|
10
10
|
/**
|
|
11
11
|
* Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
|
|
12
12
|
* selectedValues array, closes dropdown if defaultCloseOnClick is true
|
|
@@ -24,7 +24,7 @@ export declare const handleItemClick: (option: ISelectOption, defaultCloseOnClic
|
|
|
24
24
|
* @param {Function} setOptionsList method to set new state of options list
|
|
25
25
|
* @returns {void} nothing
|
|
26
26
|
*/
|
|
27
|
-
export declare const handleSearchKeyUp: (ev:
|
|
27
|
+
export declare const handleSearchKeyUp: (ev: React.KeyboardEvent, options: Array<ISelectOption>, setOptionsList: (value: React.SetStateAction<ISelectOption[]>) => void) => void;
|
|
28
28
|
export declare const getXYModifiersForNestedDropdowns: (portalContainer: HTMLElement | null | undefined) => {
|
|
29
29
|
xModifier: number;
|
|
30
30
|
yModifier: number;
|
|
@@ -43,7 +43,7 @@ var getXYModifiersForNestedDropdowns = function (portalContainer) {
|
|
|
43
43
|
var xModifier = 0;
|
|
44
44
|
var yModifier = 0;
|
|
45
45
|
if (portalContainer) {
|
|
46
|
-
var $parentDropdownContent = portalContainer.closest("."
|
|
46
|
+
var $parentDropdownContent = portalContainer.closest(".".concat(cssClasses[cssDropdownContent]));
|
|
47
47
|
if ($parentDropdownContent) {
|
|
48
48
|
var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
|
|
49
49
|
xModifier = portalX;
|
|
@@ -33,7 +33,7 @@ var FileInput = function (_a) {
|
|
|
33
33
|
var t = useTranslation()[0];
|
|
34
34
|
var classes = useStyles({ isDragOver: isDragOver });
|
|
35
35
|
return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
|
|
36
|
-
React.createElement("div", { className: styles[CSS_CLASSES.filePicker]
|
|
36
|
+
React.createElement("div", { className: "".concat(styles[CSS_CLASSES.filePicker], " ").concat(classes.filePicker) },
|
|
37
37
|
React.createElement(IconUpload, { className: styles[CSS_CLASSES.filePickerUploadIcon] }),
|
|
38
38
|
React.createElement("div", { className: styles[CSS_CLASSES.filePickerDescription] },
|
|
39
39
|
t('Drag file or select'),
|
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -19,7 +19,7 @@ var FlashMessage = function (_a) {
|
|
|
19
19
|
exitDone: cssClasses['flash-messenger__list_exit-done'],
|
|
20
20
|
exitActive: cssClasses['flash-messenger__list_exit-active'],
|
|
21
21
|
} },
|
|
22
|
-
React.createElement(MessageBox, { type: message.type, className: cssClasses['flash-messenger__message']
|
|
22
|
+
React.createElement(MessageBox, { type: message.type, className: "".concat(cssClasses['flash-messenger__message'], " ").concat(cssClasses['flash-messenger__list-item']) },
|
|
23
23
|
React.createElement(Grid, { size: "full" },
|
|
24
24
|
React.createElement(Grid.Row, null,
|
|
25
25
|
React.createElement(Grid.Col, { auto: "grow" },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { __spreadArray, __assign } from '../../../../../_virtual/_tslib.js';
|
|
3
3
|
import { FlashMessengerContext } from './context.js';
|
|
4
4
|
import FlashMessagesList from './components/flash_messages_list.js';
|
|
5
5
|
|
|
@@ -10,15 +10,15 @@ var FlashMessenger = function (_a) {
|
|
|
10
10
|
var addMessage = function (_a) {
|
|
11
11
|
var content = _a.content, type = _a.type, timeout = _a.timeout;
|
|
12
12
|
setMessageCounter(function (i) { return i + 1; });
|
|
13
|
-
setMessages(function (prevMessages) { return
|
|
13
|
+
setMessages(function (prevMessages) { return __spreadArray([
|
|
14
14
|
{
|
|
15
15
|
content: content,
|
|
16
16
|
type: type,
|
|
17
17
|
timeout: timeout,
|
|
18
|
-
id: "flash-message-"
|
|
18
|
+
id: "flash-message-".concat(messageCounter),
|
|
19
19
|
isVisible: true,
|
|
20
20
|
}
|
|
21
|
-
], prevMessages); });
|
|
21
|
+
], prevMessages, true); });
|
|
22
22
|
};
|
|
23
23
|
var removeMessage = function (messageId) {
|
|
24
24
|
setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
|
|
@@ -30,9 +30,9 @@ var FlashMessenger = function (_a) {
|
|
|
30
30
|
setMessages(function (prevMessages) {
|
|
31
31
|
return prevMessages.reduce(function (memo, prevMessage) {
|
|
32
32
|
if (prevMessage.id === messageId) {
|
|
33
|
-
return
|
|
33
|
+
return __spreadArray(__spreadArray([], memo, true), [__assign(__assign({}, prevMessage), { isVisible: false })], false);
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return __spreadArray(__spreadArray([], memo, true), [prevMessage], false);
|
|
36
36
|
}, []);
|
|
37
37
|
});
|
|
38
38
|
};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
var cssGallery = 'gallery';
|
|
2
|
-
var cssGalleryMobile = cssGallery
|
|
3
|
-
var cssGalleryBar = cssGallery
|
|
4
|
-
var cssGalleryBarImageNumbers = cssGalleryBar
|
|
5
|
-
var cssGalleryBarImageDescription = cssGalleryBar
|
|
6
|
-
var cssGalleryBarCopyLink = cssGalleryBar
|
|
7
|
-
var cssGalleryBarCopyLinkConfirmation = cssGalleryBarCopyLink
|
|
8
|
-
var cssGalleryBarCopyLinkConfirmationText = cssGalleryBarCopyLink
|
|
9
|
-
var cssGalleryBarImageClose = cssGalleryBar
|
|
10
|
-
var cssGalleryImages = cssGallery
|
|
11
|
-
var cssGalleryImagesWithTransition = cssGallery
|
|
12
|
-
var cssGalleryImagesContainer = cssGalleryImages
|
|
13
|
-
var cssGalleryImage = cssGallery
|
|
14
|
-
var cssGalleryImageContainer = cssGalleryImage
|
|
15
|
-
var cssGalleryImageAdjusted = cssGalleryImage
|
|
16
|
-
var cssGalleryImageMaxWidth = cssGalleryImage
|
|
17
|
-
var cssGalleryImageMaxHeight = cssGalleryImage
|
|
2
|
+
var cssGalleryMobile = "".concat(cssGallery, "_mobile");
|
|
3
|
+
var cssGalleryBar = "".concat(cssGallery, "-bar");
|
|
4
|
+
var cssGalleryBarImageNumbers = "".concat(cssGalleryBar, "__image-numbers");
|
|
5
|
+
var cssGalleryBarImageDescription = "".concat(cssGalleryBar, "__image-description");
|
|
6
|
+
var cssGalleryBarCopyLink = "".concat(cssGalleryBar, "__copy-link");
|
|
7
|
+
var cssGalleryBarCopyLinkConfirmation = "".concat(cssGalleryBarCopyLink, "_confirmation");
|
|
8
|
+
var cssGalleryBarCopyLinkConfirmationText = "".concat(cssGalleryBarCopyLink, "_confirmation-text");
|
|
9
|
+
var cssGalleryBarImageClose = "".concat(cssGalleryBar, "__image-close");
|
|
10
|
+
var cssGalleryImages = "".concat(cssGallery, "__images");
|
|
11
|
+
var cssGalleryImagesWithTransition = "".concat(cssGallery, "__images_with-transition");
|
|
12
|
+
var cssGalleryImagesContainer = "".concat(cssGalleryImages, "-container");
|
|
13
|
+
var cssGalleryImage = "".concat(cssGallery, "__image");
|
|
14
|
+
var cssGalleryImageContainer = "".concat(cssGalleryImage, "-container");
|
|
15
|
+
var cssGalleryImageAdjusted = "".concat(cssGalleryImage, "_adjusted");
|
|
16
|
+
var cssGalleryImageMaxWidth = "".concat(cssGalleryImage, "_max-width");
|
|
17
|
+
var cssGalleryImageMaxHeight = "".concat(cssGalleryImage, "_max-height");
|
|
18
18
|
var cssIcon = 'icon';
|
|
19
|
-
var cssIconArrow = cssIcon
|
|
20
|
-
var cssIconArrowContainer = cssIconArrow
|
|
21
|
-
var cssIconArrowContainerPrevious = cssIconArrowContainer
|
|
22
|
-
var cssIconArrowContainerNext = cssIconArrowContainer
|
|
23
|
-
var cssIconArrowRotate180 = cssIconArrow
|
|
24
|
-
var cssIconClose = cssIcon
|
|
25
|
-
var cssIconLink = cssIcon
|
|
26
|
-
var cssIconSuccess = cssIcon
|
|
19
|
+
var cssIconArrow = "".concat(cssIcon, "-arrow");
|
|
20
|
+
var cssIconArrowContainer = "".concat(cssIconArrow, "-container");
|
|
21
|
+
var cssIconArrowContainerPrevious = "".concat(cssIconArrowContainer, "_previous");
|
|
22
|
+
var cssIconArrowContainerNext = "".concat(cssIconArrowContainer, "_next");
|
|
23
|
+
var cssIconArrowRotate180 = "".concat(cssIconArrow, "_rotate-180");
|
|
24
|
+
var cssIconClose = "".concat(cssIcon, "-close");
|
|
25
|
+
var cssIconLink = "".concat(cssIcon, "-link");
|
|
26
|
+
var cssIconSuccess = "".concat(cssIcon, "-success");
|
|
27
27
|
var cssLoaderMask = 'loader__mask';
|
|
28
28
|
var cssHide = 'hide';
|
|
29
29
|
var cssHideMobile = 'hide_mobile';
|
|
@@ -91,7 +91,7 @@ export default class Gallery implements IGallery {
|
|
|
91
91
|
handlePanAndWheel($image: HTMLImageElement, imageIndex: number, ev: HammerInput | WheelEvent): void;
|
|
92
92
|
handlePinch($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager, imageContainerHammer: HammerManager, ev: HammerInput): void;
|
|
93
93
|
handleImageSwitch: (ev: HammerInput) => void;
|
|
94
|
-
resizeImage: ($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager | null, imageContainerHammer: HammerManager | null, ev:
|
|
94
|
+
resizeImage: ($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager | null, imageContainerHammer: HammerManager | null, ev: HammerInput | MouseEvent) => void;
|
|
95
95
|
changeSelectedImageModeToMaxImage($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
|
|
96
96
|
changeSelectedImageModeToFullScreen($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
|
|
97
97
|
getTranslate($container: HTMLDivElement, imageIndex: number): {
|
|
@@ -57,22 +57,22 @@ var Gallery = /** @class */ (function () {
|
|
|
57
57
|
this.previousCursorX = 0;
|
|
58
58
|
this.previousCursorY = 0;
|
|
59
59
|
this.selectors = {
|
|
60
|
-
newGallery: "."
|
|
61
|
-
anchorImage: "."
|
|
62
|
-
image: "."
|
|
63
|
-
imageContainer: "."
|
|
64
|
-
selectedImageNumber: "."
|
|
65
|
-
imageDescription: "."
|
|
66
|
-
previous: "."
|
|
67
|
-
next: "."
|
|
68
|
-
images: "."
|
|
69
|
-
imagesContainer: "."
|
|
70
|
-
copyLinkButton: "."
|
|
71
|
-
copyLinkConfirmation: "."
|
|
72
|
-
firstTemporaryContainer: "."
|
|
73
|
-
lastTemporaryContainer: "."
|
|
74
|
-
bar: "."
|
|
75
|
-
arrowContainer: "."
|
|
60
|
+
newGallery: ".".concat(JS_CLASSES.newGallery),
|
|
61
|
+
anchorImage: ".".concat(JS_CLASSES.anchorImage),
|
|
62
|
+
image: ".".concat(JS_CLASSES.image),
|
|
63
|
+
imageContainer: ".".concat(cssClasses[cssGalleryImageContainer]),
|
|
64
|
+
selectedImageNumber: ".".concat(JS_CLASSES.selectedImageNumber),
|
|
65
|
+
imageDescription: ".".concat(JS_CLASSES.imageDescription),
|
|
66
|
+
previous: ".".concat(JS_CLASSES.previous),
|
|
67
|
+
next: ".".concat(JS_CLASSES.next),
|
|
68
|
+
images: ".".concat(JS_CLASSES.images),
|
|
69
|
+
imagesContainer: ".".concat(JS_CLASSES.imagesContainer),
|
|
70
|
+
copyLinkButton: ".".concat(JS_CLASSES.copyLinkButton),
|
|
71
|
+
copyLinkConfirmation: ".".concat(cssClasses[cssGalleryBarCopyLinkConfirmation]),
|
|
72
|
+
firstTemporaryContainer: ".".concat(JS_CLASSES.firstTemporaryContainer),
|
|
73
|
+
lastTemporaryContainer: ".".concat(JS_CLASSES.lastTemporaryContainer),
|
|
74
|
+
bar: ".".concat(cssClasses[cssGalleryBar]),
|
|
75
|
+
arrowContainer: ".".concat(cssClasses[cssIconArrowContainer]),
|
|
76
76
|
close: '',
|
|
77
77
|
};
|
|
78
78
|
this.isFirstTemporaryContainerExist = false;
|
|
@@ -192,7 +192,7 @@ var Gallery = /** @class */ (function () {
|
|
|
192
192
|
_this.imageAttributes[imageIndex].isDragging = true;
|
|
193
193
|
_this.imageAttributes[imageIndex].transX = -availableTranslateX;
|
|
194
194
|
_this.imageAttributes[imageIndex].transY = -availableTranslateY;
|
|
195
|
-
$image.style.transform = "translate3d("
|
|
195
|
+
$image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
196
196
|
$image.classList.remove(cssClasses[cssZoomOut]);
|
|
197
197
|
$image.classList.add(cssClasses[cssGrabbing]);
|
|
198
198
|
};
|
|
@@ -202,7 +202,7 @@ var Gallery = /** @class */ (function () {
|
|
|
202
202
|
}
|
|
203
203
|
_this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
204
204
|
var panDistance = Math.round((ev.deltaX * 100) / window.innerWidth);
|
|
205
|
-
_this.$images.style.transform = "translateX("
|
|
205
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform + panDistance, "%)");
|
|
206
206
|
if (ev.type === 'panend') {
|
|
207
207
|
if (Math.abs(panDistance) > 15) {
|
|
208
208
|
_this.partialTransform = _this.transform + panDistance;
|
|
@@ -216,7 +216,7 @@ var Gallery = /** @class */ (function () {
|
|
|
216
216
|
else {
|
|
217
217
|
_this.isAnimating = true;
|
|
218
218
|
_this.$images.classList.add(cssClasses[cssGalleryImagesWithTransition]);
|
|
219
|
-
_this.$images.style.transform = "translateX("
|
|
219
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
220
220
|
setTimeout(function () {
|
|
221
221
|
_this.isAnimating = false;
|
|
222
222
|
}, 300);
|
|
@@ -297,7 +297,7 @@ var Gallery = /** @class */ (function () {
|
|
|
297
297
|
var _a = _this.getAvailableTranslate(maxImageWidth, maxImageHeight, containerHeight, -transX, -transY), availableTranslateX = _a.availableTranslateX, availableTranslateY = _a.availableTranslateY;
|
|
298
298
|
_this.imageAttributes[imageIndex].transX = -availableTranslateX;
|
|
299
299
|
_this.imageAttributes[imageIndex].transY = -availableTranslateY;
|
|
300
|
-
$image.style.transform = "translate3d("
|
|
300
|
+
$image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
301
301
|
}
|
|
302
302
|
});
|
|
303
303
|
};
|
|
@@ -364,7 +364,7 @@ var Gallery = /** @class */ (function () {
|
|
|
364
364
|
else {
|
|
365
365
|
_this.transform = _this.partialTransform % 100 === 0 ? _this.transform - 100 : _this.transform + (_this.partialTransform % 100);
|
|
366
366
|
}
|
|
367
|
-
_this.$images.style.transform = "translateX("
|
|
367
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
368
368
|
}
|
|
369
369
|
if (isTemporaryContainerNeeded) {
|
|
370
370
|
_this.appendTemporaryImage(imageIndex);
|
|
@@ -403,12 +403,12 @@ var Gallery = /** @class */ (function () {
|
|
|
403
403
|
_this.isLastTemporaryContainerExist = false;
|
|
404
404
|
_this.updateGridColumnStyles();
|
|
405
405
|
_this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
406
|
-
_this.$images.style.transform = "translateX("
|
|
406
|
+
_this.$images.style.transform = "translateX(".concat(_this.partialTransform % 100, "%)");
|
|
407
407
|
}
|
|
408
408
|
if (!_this.isNeighboringImageShow) {
|
|
409
409
|
_this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
410
410
|
_this.transform = _this.selectedImageNumber === 1 ? -100 : createdImageIndex * -100;
|
|
411
|
-
_this.$images.style.transform = "translateX("
|
|
411
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
412
412
|
}
|
|
413
413
|
// wait for the fake translate
|
|
414
414
|
setTimeout(function () {
|
|
@@ -418,7 +418,7 @@ var Gallery = /** @class */ (function () {
|
|
|
418
418
|
_this.handleTransitionEnd();
|
|
419
419
|
}, 300);
|
|
420
420
|
if (_this.isNeighboringImageShow) {
|
|
421
|
-
_this.$images.style.transform = "translateX("
|
|
421
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
422
422
|
}
|
|
423
423
|
}, 10);
|
|
424
424
|
_this.popstateUpdate = false;
|
|
@@ -434,20 +434,20 @@ var Gallery = /** @class */ (function () {
|
|
|
434
434
|
if (_this.hasUserGoneToNextImage && _this.selectedImageNumber === 1) {
|
|
435
435
|
_this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
436
436
|
_this.transform = -100;
|
|
437
|
-
_this.$images.style.transform = "translateX("
|
|
437
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
438
438
|
}
|
|
439
439
|
if ((_this.selectedImageNumber === _this.imagesCount && !_this.hasUserGoneToNextImage) ||
|
|
440
440
|
(_this.popstateUpdate && _this.selectedImageNumber !== 1)) {
|
|
441
441
|
_this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
442
442
|
var createdImageIndex = _this.createdImagesIndex.findIndex(function (index) { return index === _this.selectedImageNumber - 1; });
|
|
443
443
|
_this.transform = -100 * (createdImageIndex + 1) + (_this.partialTransform % 100);
|
|
444
|
-
_this.$images.style.transform = "translateX("
|
|
444
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
445
445
|
var $lastTemporaryContainer = document.querySelector(_this.selectors.lastTemporaryContainer);
|
|
446
446
|
$lastTemporaryContainer.remove();
|
|
447
447
|
_this.isLastTemporaryContainerExist = false;
|
|
448
448
|
_this.updateGridColumnStyles();
|
|
449
449
|
_this.transform += 100 - _this.partialTransform;
|
|
450
|
-
_this.$images.style.transform = "translateX("
|
|
450
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
|
|
451
451
|
}
|
|
452
452
|
}
|
|
453
453
|
if (_this.isMaxImageMode()) {
|
|
@@ -481,7 +481,7 @@ var Gallery = /** @class */ (function () {
|
|
|
481
481
|
$image.style.maxWidth = '';
|
|
482
482
|
$image.style.maxHeight = '';
|
|
483
483
|
_this.imageAttributes[imageIndex] = __assign(__assign({}, _this.imageAttributes[imageIndex]), { transX: 0, transY: 0, scale: 1, initialScale: 1, currentScale: 1 });
|
|
484
|
-
$image.style.transform = "translate3d("
|
|
484
|
+
$image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
485
485
|
$image.classList.add(cssClasses[cssGalleryImageAdjusted]);
|
|
486
486
|
_this.setImageDimensionsAccordingToAspectRatio($image, DIMENSIONS_TYPE.real);
|
|
487
487
|
}
|
|
@@ -598,14 +598,14 @@ var Gallery = /** @class */ (function () {
|
|
|
598
598
|
this.setInitialImagesInfo();
|
|
599
599
|
this.isTouchDevice = checkIsTouchDevice();
|
|
600
600
|
this.initLocation = window.location;
|
|
601
|
-
JS_CLASSES.close = "js__gallery-"
|
|
602
|
-
this.selectors.close = "."
|
|
601
|
+
JS_CLASSES.close = "js__gallery-".concat(this.options.name, "-close");
|
|
602
|
+
this.selectors.close = ".".concat(JS_CLASSES.close);
|
|
603
603
|
this.createMarkup();
|
|
604
604
|
this.$bar = document.querySelector(this.selectors.bar);
|
|
605
605
|
this._createInitialImagesMarkup();
|
|
606
606
|
this.$images = this.$gallery.querySelector(this.selectors.images);
|
|
607
|
-
this.$images.style['msGridColumns'] = "(100%)["
|
|
608
|
-
this.$images.style.gridTemplateColumns = "repeat("
|
|
607
|
+
this.$images.style['msGridColumns'] = "(100%)[".concat(this.imagesCount + 2, "]");
|
|
608
|
+
this.$images.style.gridTemplateColumns = "repeat(".concat(this.imagesCount + 2, ", 100%)");
|
|
609
609
|
this.appendImages();
|
|
610
610
|
var isTemporaryContainerNeeded = this.options.isCarouselEnabled &&
|
|
611
611
|
this.imagesCount > 1 &&
|
|
@@ -619,7 +619,7 @@ var Gallery = /** @class */ (function () {
|
|
|
619
619
|
if (isTemporaryContainerNeeded && this.selectedImageNumber === 1) {
|
|
620
620
|
this.transform = -100;
|
|
621
621
|
}
|
|
622
|
-
this.$images.style.transform = "translateX("
|
|
622
|
+
this.$images.style.transform = "translateX(".concat(this.transform, "%)");
|
|
623
623
|
this.addListeners();
|
|
624
624
|
if (this.options.handleHistory) {
|
|
625
625
|
handleHistory(this.$gallery, this.options.name, this.selectedImageNumber, this.remove, this.showImage);
|
|
@@ -630,7 +630,7 @@ var Gallery = /** @class */ (function () {
|
|
|
630
630
|
}
|
|
631
631
|
Gallery.prototype.setInitialImagesInfo = function () {
|
|
632
632
|
var _this = this;
|
|
633
|
-
var $images = document.querySelectorAll("[data-gallery-name="
|
|
633
|
+
var $images = document.querySelectorAll("[data-gallery-name=".concat(this.options.name, "]"));
|
|
634
634
|
$images.forEach(function ($image) {
|
|
635
635
|
var shorterEdge = $image.naturalHeight < $image.naturalWidth ? 'height' : 'width';
|
|
636
636
|
var $anchor = $image.closest(_this.selectors.anchorImage);
|
|
@@ -680,7 +680,7 @@ var Gallery = /** @class */ (function () {
|
|
|
680
680
|
}
|
|
681
681
|
}
|
|
682
682
|
var barMarkup = this._createBarMarkup();
|
|
683
|
-
var markup = "\n "
|
|
683
|
+
var markup = "\n ".concat(barMarkup, "\n\n <div class=\"").concat(cssClasses[cssGalleryImagesContainer], " ").concat(JS_CLASSES.imagesContainer, "\">\n ").concat(previousArrowMarkup, "\n\n <div class=\"").concat(cssClasses[cssGalleryImages], " ").concat(JS_CLASSES.images, "\"></div>\n\n ").concat(nextArrowMarkup, "\n </div>\n ");
|
|
684
684
|
this.$gallery.innerHTML = markup;
|
|
685
685
|
document.body.append(this.$gallery);
|
|
686
686
|
this.changeImageDescription();
|
|
@@ -688,42 +688,42 @@ var Gallery = /** @class */ (function () {
|
|
|
688
688
|
Gallery.prototype._createBarMarkup = function () {
|
|
689
689
|
var imagesNumberMarkup = '';
|
|
690
690
|
var copyLinkMarkup = '';
|
|
691
|
-
var imageDescriptionMarkup = "\n <div class=\""
|
|
691
|
+
var imageDescriptionMarkup = "\n <div class=\"".concat(cssClasses[cssGalleryBarImageDescription], " ").concat(JS_CLASSES.imageDescription, "\">\n </div>\n ");
|
|
692
692
|
if (this.options.hasImageNumbers) {
|
|
693
693
|
imagesNumberMarkup = this._createImageNumbersMarkup();
|
|
694
694
|
}
|
|
695
695
|
if (this.options.hasCopyLink) {
|
|
696
696
|
copyLinkMarkup = this._createCopyLinkMarkup();
|
|
697
697
|
}
|
|
698
|
-
return "\n <div class=\""
|
|
698
|
+
return "\n <div class=\"".concat(cssClasses[cssGalleryBar], "\">\n ").concat(imagesNumberMarkup, "\n\n ").concat(imageDescriptionMarkup, "\n\n ").concat(copyLinkMarkup, "\n\n <span class=\"").concat(cssClasses[cssIcon], " ").concat(cssClasses[cssIconClose], " ").concat(cssClasses[cssGalleryBarImageClose], " ").concat(JS_CLASSES.close, "\"></span>\n </div>\n ");
|
|
699
699
|
};
|
|
700
700
|
Gallery.prototype._createImageNumbersMarkup = function () {
|
|
701
|
-
return "\n <div class=\""
|
|
701
|
+
return "\n <div class=\"".concat(cssClasses[cssGalleryBarImageNumbers], "\">\n <span class=\"").concat(JS_CLASSES.selectedImageNumber, "\">\n ").concat(this.selectedImageNumber, "\n </span> / ").concat(this.imagesCount, "\n </div>\n ");
|
|
702
702
|
};
|
|
703
703
|
Gallery.prototype._createCopyLinkMarkup = function () {
|
|
704
704
|
var _a = this.options.translations, copyLink = _a.copyLink, picture = _a.picture, copyLinkShortVersion = _a.copyLinkShortVersion, copyLinkConfirmation = _a.copyLinkConfirmation;
|
|
705
|
-
return "\n <div class=\""
|
|
705
|
+
return "\n <div class=\"".concat(cssClasses[cssGalleryBarCopyLink], " ").concat(JS_CLASSES.copyLinkButton, "\">\n <span class=\"").concat(cssClasses[cssIcon], " ").concat(cssClasses[cssIconLink], " ").concat(cssClasses[cssHideMobile], "\"></span>\n <span class=\"").concat(cssClasses[cssHideDesktop], "\">").concat(copyLinkShortVersion, "</span>\n <span class=\"").concat(cssClasses[cssHideMobile], "\">\n ").concat(copyLink, " (").concat(picture, " <span class=\"").concat(JS_CLASSES.selectedImageNumber, "\">").concat(this.selectedImageNumber, "</span>)\n </span>\n \n <div class=\"").concat(cssClasses[cssHide], " ").concat(cssClasses[cssGalleryBarCopyLinkConfirmation], "\">\n <span class=\"").concat(cssClasses[cssIcon], " ").concat(cssClasses[cssIconSuccess], "\"></span>\n\n <div class=\"").concat(cssClasses[cssGalleryBarCopyLinkConfirmationText], "\">\n ").concat(copyLinkConfirmation, "\n </div>\n </div>\n </div>\n ");
|
|
706
706
|
};
|
|
707
707
|
Gallery.prototype._createNavigationMarkup = function (arrowType) {
|
|
708
|
-
var arrowClasses = cssClasses[cssIcon]
|
|
709
|
-
var arrowContainerClasses = cssClasses[cssIconArrowContainer]
|
|
708
|
+
var arrowClasses = "".concat(cssClasses[cssIcon], " ").concat(cssClasses[cssIconArrow]);
|
|
709
|
+
var arrowContainerClasses = "".concat(cssClasses[cssIconArrowContainer], " ").concat(JS_CLASSES[arrowType]);
|
|
710
710
|
var isPreviousArrow = arrowType === 'previous';
|
|
711
711
|
if (isPreviousArrow) {
|
|
712
|
-
arrowClasses += " "
|
|
713
|
-
arrowContainerClasses += " "
|
|
712
|
+
arrowClasses += " ".concat(cssClasses[cssIconArrowRotate180]);
|
|
713
|
+
arrowContainerClasses += " ".concat(cssClasses[cssIconArrowContainerPrevious]);
|
|
714
714
|
var isFirstImage = this.selectedImageNumber === 1;
|
|
715
715
|
if (isFirstImage && !this.options.isCarouselEnabled) {
|
|
716
|
-
arrowContainerClasses += " "
|
|
716
|
+
arrowContainerClasses += " ".concat(cssClasses[cssHide]);
|
|
717
717
|
}
|
|
718
718
|
}
|
|
719
719
|
else {
|
|
720
|
-
arrowContainerClasses += " "
|
|
720
|
+
arrowContainerClasses += " ".concat(cssClasses[cssIconArrowContainerNext]);
|
|
721
721
|
var isLastImage = this.selectedImageNumber === this.imagesCount;
|
|
722
722
|
if (isLastImage && !this.options.isCarouselEnabled) {
|
|
723
|
-
arrowContainerClasses += " "
|
|
723
|
+
arrowContainerClasses += " ".concat(cssClasses[cssHide]);
|
|
724
724
|
}
|
|
725
725
|
}
|
|
726
|
-
return "\n <div class=\""
|
|
726
|
+
return "\n <div class=\"".concat(arrowContainerClasses, "\">\n <span class=\"").concat(arrowClasses, "\"></span>\n </div>\n ");
|
|
727
727
|
};
|
|
728
728
|
Gallery.prototype._createImageMarkup = function (imageIndex, source) {
|
|
729
729
|
var $imageContainer = document.createElement('div');
|
|
@@ -765,7 +765,7 @@ var Gallery = /** @class */ (function () {
|
|
|
765
765
|
if (_this.createdImagesIndex.length !== 0) {
|
|
766
766
|
var lowerIndex = _this.getClosestLowerIndex(_this.createdImagesIndex, index);
|
|
767
767
|
if (lowerIndex != null) {
|
|
768
|
-
var lowerIndexImages = document.querySelectorAll("[src='"
|
|
768
|
+
var lowerIndexImages = document.querySelectorAll("[src='".concat(_this.imageAttributes[lowerIndex].source, "']"));
|
|
769
769
|
lowerIndexImages.forEach(function (image) {
|
|
770
770
|
if (image.classList.contains(JS_CLASSES.image)) {
|
|
771
771
|
var $lowerIndexImage = image;
|
|
@@ -778,7 +778,7 @@ var Gallery = /** @class */ (function () {
|
|
|
778
778
|
}
|
|
779
779
|
else {
|
|
780
780
|
var firstCreatedImageIndex = _this.createdImagesIndex[0];
|
|
781
|
-
var $firstImage = document.querySelector("[src='"
|
|
781
|
+
var $firstImage = document.querySelector("[src='".concat(_this.imageAttributes[firstCreatedImageIndex].source, "']"));
|
|
782
782
|
var $firstImageContainer = $firstImage.closest(_this.selectors.imageContainer);
|
|
783
783
|
$firstImageContainer.before($markup);
|
|
784
784
|
}
|
|
@@ -790,7 +790,7 @@ var Gallery = /** @class */ (function () {
|
|
|
790
790
|
_this.createdImagesIndex.push(index);
|
|
791
791
|
if (index === 0 && _this.hasUserGoneToNextImage) {
|
|
792
792
|
_this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
793
|
-
_this.$images.style.transform = "translateX("
|
|
793
|
+
_this.$images.style.transform = "translateX(".concat(_this.transform - 100 + (_this.partialTransform % 100), "%)");
|
|
794
794
|
}
|
|
795
795
|
}
|
|
796
796
|
_this.createdImagesIndex.sort(_this.sortAscending);
|
|
@@ -807,7 +807,7 @@ var Gallery = /** @class */ (function () {
|
|
|
807
807
|
if (this.hasUserGoneToNextImage) {
|
|
808
808
|
this.$images.classList.remove(cssClasses[cssGalleryImagesWithTransition]);
|
|
809
809
|
this.transform = -100 * this.createdImagesIndex.length + (this.partialTransform % 100);
|
|
810
|
-
this.$images.style.transform = "translateX("
|
|
810
|
+
this.$images.style.transform = "translateX(".concat(this.transform, "%)");
|
|
811
811
|
}
|
|
812
812
|
}
|
|
813
813
|
else if (imageIndex === this.imagesCount - 1) {
|
|
@@ -855,7 +855,7 @@ var Gallery = /** @class */ (function () {
|
|
|
855
855
|
var $copyLink = document.querySelector(this.selectors.copyLinkButton);
|
|
856
856
|
$copyLink.addEventListener('click', function () {
|
|
857
857
|
var galleryUrl = getUrl(_this.options.name, _this.selectedImageNumber);
|
|
858
|
-
copy(galleryUrl
|
|
858
|
+
copy("".concat(galleryUrl, "-copied"));
|
|
859
859
|
var $copyLinkConfirmation = document.querySelector(_this.selectors.copyLinkConfirmation);
|
|
860
860
|
$copyLinkConfirmation.classList.remove(cssClasses[cssHide]);
|
|
861
861
|
setTimeout(function () {
|
|
@@ -874,7 +874,7 @@ var Gallery = /** @class */ (function () {
|
|
|
874
874
|
var newTranslateX = -(ev.deltaX + this.imageAttributes[imageIndex].transX);
|
|
875
875
|
var newTranslateY = -(deltaY + this.imageAttributes[imageIndex].transY);
|
|
876
876
|
var _a = this.getAvailableTranslate($image.width, $image.height, containerHeight, newTranslateX, newTranslateY), availableTranslateX = _a.availableTranslateX, availableTranslateY = _a.availableTranslateY;
|
|
877
|
-
$image.style.transform = "translate3d("
|
|
877
|
+
$image.style.transform = "translate3d(".concat(availableTranslateX * -1, "px, ").concat(availableTranslateY * -1, "px, 0)");
|
|
878
878
|
if (ev.type === 'panend') {
|
|
879
879
|
this.imageAttributes[imageIndex].transX = -availableTranslateX;
|
|
880
880
|
this.imageAttributes[imageIndex].transY = -availableTranslateY;
|
|
@@ -905,8 +905,8 @@ var Gallery = /** @class */ (function () {
|
|
|
905
905
|
var _a = this.imageAttributes[imageIndex], maxImageHeight = _a.maxImageHeight, initialWidth = _a.initialWidth, initialHeight = _a.initialHeight;
|
|
906
906
|
this.imageAttributes[imageIndex].currentScale = Math.max(1, Math.min(this.imageAttributes[imageIndex].scale * ev.scale, maxImageHeight / initialHeight));
|
|
907
907
|
var currentScale = this.imageAttributes[imageIndex].currentScale;
|
|
908
|
-
$image.style.maxWidth = initialWidth * currentScale
|
|
909
|
-
$image.style.maxHeight = initialHeight * currentScale
|
|
908
|
+
$image.style.maxWidth = "".concat(initialWidth * currentScale, "px");
|
|
909
|
+
$image.style.maxHeight = "".concat(initialHeight * currentScale, "px");
|
|
910
910
|
var $container = $image.closest(this.selectors.imageContainer);
|
|
911
911
|
var _b = this.getTranslate($container, imageIndex), translateX = _b.translateX, translateY = _b.translateY;
|
|
912
912
|
this.imageAttributes[imageIndex].transX = -translateX;
|
|
@@ -928,7 +928,7 @@ var Gallery = /** @class */ (function () {
|
|
|
928
928
|
this.imageAttributes[imageIndex].scale = currentScale;
|
|
929
929
|
this.imageAttributes[imageIndex].initialScale = currentScale;
|
|
930
930
|
}
|
|
931
|
-
$image.style.transform = "translate3d("
|
|
931
|
+
$image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
932
932
|
};
|
|
933
933
|
Gallery.prototype.changeSelectedImageModeToMaxImage = function ($image, imageIndex, ev) {
|
|
934
934
|
this.options.mode = GALLERY_MODE.maxImage;
|
|
@@ -943,13 +943,12 @@ var Gallery = /** @class */ (function () {
|
|
|
943
943
|
eventCenterY = ev.center.y;
|
|
944
944
|
}
|
|
945
945
|
var _a = this.imageAttributes[imageIndex], maxImageHeight = _a.maxImageHeight, initialHeight = _a.initialHeight;
|
|
946
|
-
this.imageAttributes[imageIndex] = __assign(__assign({}, this.imageAttributes[imageIndex]), { currentScale: maxImageHeight / initialHeight, scale: maxImageHeight / initialHeight, left: $image.getBoundingClientRect().left, top: $image.getBoundingClientRect().top, eventCenterX: eventCenterX,
|
|
947
|
-
eventCenterY: eventCenterY });
|
|
946
|
+
this.imageAttributes[imageIndex] = __assign(__assign({}, this.imageAttributes[imageIndex]), { currentScale: maxImageHeight / initialHeight, scale: maxImageHeight / initialHeight, left: $image.getBoundingClientRect().left, top: $image.getBoundingClientRect().top, eventCenterX: eventCenterX, eventCenterY: eventCenterY });
|
|
948
947
|
var $container = $image.closest(this.selectors.imageContainer);
|
|
949
948
|
var _b = this.getTranslate($container, imageIndex), translateX = _b.translateX, translateY = _b.translateY;
|
|
950
949
|
this.imageAttributes[imageIndex] = __assign(__assign({}, this.imageAttributes[imageIndex]), { transX: -translateX, transY: -translateY, initialScale: maxImageHeight / initialHeight });
|
|
951
950
|
$container.style.overflow = 'hidden';
|
|
952
|
-
$image.style.transform = "translate3d("
|
|
951
|
+
$image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
953
952
|
$image.classList.add(cssClasses[cssZoomOut]);
|
|
954
953
|
$image.classList.remove(cssClasses[cssZoomIn]);
|
|
955
954
|
$image.classList.toggle(cssClasses[cssGalleryImageAdjusted]);
|
|
@@ -968,7 +967,7 @@ var Gallery = /** @class */ (function () {
|
|
|
968
967
|
$image.style.maxWidth = '';
|
|
969
968
|
$image.style.maxHeight = '';
|
|
970
969
|
this.imageAttributes[imageIndex] = __assign(__assign({}, this.imageAttributes[imageIndex]), { transX: 0, transY: 0, scale: 1, initialScale: 1, currentScale: 1 });
|
|
971
|
-
$image.style.transform = "translate3d("
|
|
970
|
+
$image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
972
971
|
$image.classList.toggle(cssClasses[cssGalleryImageAdjusted]);
|
|
973
972
|
$image.classList.remove(cssClasses[cssZoomOut]);
|
|
974
973
|
$image.classList.add(cssClasses[cssZoomIn]);
|
|
@@ -1068,7 +1067,7 @@ var Gallery = /** @class */ (function () {
|
|
|
1068
1067
|
var _b = this.getAvailableTranslate(maxImageWidth, maxImageHeight, containerHeight, translateX, translateY), availableTranslateX = _b.availableTranslateX, availableTranslateY = _b.availableTranslateY;
|
|
1069
1068
|
this.imageAttributes[imageIndex].transX = -availableTranslateX;
|
|
1070
1069
|
this.imageAttributes[imageIndex].transY = -availableTranslateY;
|
|
1071
|
-
$image.style.transform = "translate3d("
|
|
1070
|
+
$image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
|
|
1072
1071
|
$image.classList.remove(cssClasses[cssGalleryImageAdjusted]);
|
|
1073
1072
|
};
|
|
1074
1073
|
Gallery.prototype.changeImagesMode = function () {
|
|
@@ -1101,7 +1100,7 @@ var Gallery = /** @class */ (function () {
|
|
|
1101
1100
|
Gallery.prototype.changeImageNumber = function () {
|
|
1102
1101
|
var _this = this;
|
|
1103
1102
|
var imageNumbers = document.querySelectorAll(this.selectors.selectedImageNumber);
|
|
1104
|
-
imageNumbers.forEach(function ($imageNumber) { return ($imageNumber.textContent = ""
|
|
1103
|
+
imageNumbers.forEach(function ($imageNumber) { return ($imageNumber.textContent = "".concat(_this.selectedImageNumber)); });
|
|
1105
1104
|
};
|
|
1106
1105
|
Gallery.prototype.changeImageDescription = function () {
|
|
1107
1106
|
var imageDescription = document.querySelector(this.selectors.imageDescription);
|
|
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,10 +3,10 @@ var getUrl = function (galleryName, imageNumber) {
|
|
|
3
3
|
var location = window.location.href;
|
|
4
4
|
var galleryUrl;
|
|
5
5
|
if (isHashInUrl) {
|
|
6
|
-
galleryUrl = window.location.origin + window.location.pathname
|
|
6
|
+
galleryUrl = "".concat(window.location.origin + window.location.pathname, "#galleryName=").concat(galleryName, ",imageNumber=").concat(imageNumber);
|
|
7
7
|
}
|
|
8
8
|
else {
|
|
9
|
-
galleryUrl = location
|
|
9
|
+
galleryUrl = "".concat(location, "#galleryName=").concat(galleryName, ",imageNumber=").concat(imageNumber);
|
|
10
10
|
}
|
|
11
11
|
return galleryUrl;
|
|
12
12
|
};
|
|
@@ -5,7 +5,7 @@ var handleHistory = function ($gallery, galleryName, selectedImageNumber, remove
|
|
|
5
5
|
handlePopstate(remove, showImage, ev);
|
|
6
6
|
};
|
|
7
7
|
var replaceHistoryStateWithGalleryHash = function (imageNumber) {
|
|
8
|
-
window.history.replaceState(null, document.title, "#galleryName="
|
|
8
|
+
window.history.replaceState(null, document.title, "#galleryName=".concat(galleryName, ",imageNumber=").concat(imageNumber));
|
|
9
9
|
};
|
|
10
10
|
if (checkIsTouchDevice()) {
|
|
11
11
|
var initLocation_1 = window.location.href;
|
|
@@ -21,7 +21,7 @@ var handleHistory = function ($gallery, galleryName, selectedImageNumber, remove
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
else {
|
|
24
|
-
window.history.pushState(null, document.title, "#galleryName="
|
|
24
|
+
window.history.pushState(null, document.title, "#galleryName=".concat(galleryName, ",imageNumber=").concat(selectedImageNumber));
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
else {
|
|
@@ -54,13 +54,13 @@ var handlePopstate = function (remove, showImage, ev) {
|
|
|
54
54
|
var galleryName = galleryNameString.slice(hashNameLength + galleryNameIndex);
|
|
55
55
|
var isGalleryCopied = imageNumberString === null || imageNumberString === void 0 ? void 0 : imageNumberString.includes('-copied');
|
|
56
56
|
var imageNumber = isGalleryCopied ? +imageNumberString.replace('-copied', '') : +imageNumberString;
|
|
57
|
-
var $images = document.querySelectorAll("[data-gallery-name="
|
|
57
|
+
var $images = document.querySelectorAll("[data-gallery-name=".concat(galleryName, "]"));
|
|
58
58
|
var isImageNumberValid = imageNumber > 0 && imageNumber <= $images.length;
|
|
59
59
|
if (isImageNumberValid) {
|
|
60
60
|
showImage(imageNumber - 1);
|
|
61
61
|
}
|
|
62
62
|
else {
|
|
63
|
-
window.history.replaceState(null, document.title, "#galleryName="
|
|
63
|
+
window.history.replaceState(null, document.title, "#galleryName=".concat(galleryName, ",imageNumber=1"));
|
|
64
64
|
showImage(0);
|
|
65
65
|
}
|
|
66
66
|
}
|