@dreamcommerce/aurora 2.16.3 → 2.16.4

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

@@ -1,133 +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;
-}
+/// <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;
+}

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

@@ -8,37 +8,37 @@ import { cssGallery, cssGalleryMobile, cssGalleryBar, cssIcon, cssIconClose, css
 import Hammer from 'hammerjs';
 import cssClasses from '../../css/gallery/main.module.less.js';
 
-/**
- * Class representing gallery.
- * @type {Gallery}
- * @implements IGallery
+/**
+ * Class representing gallery.
+ * @type {Gallery}
+ * @implements IGallery
  */
 
 var Gallery = /*#__PURE__*/function () {
-  /**
-   * creates new gallery instance with custom gallery template
-   * @param {IGalleryOptions} options
+  /**
+   * creates new gallery instance with custom gallery template
+   * @param {IGalleryOptions} options
    */
   function Gallery(options) {
     var _this = this;
 
     _classCallCheck(this, Gallery);
 
-    /**
-     * gallery HTMLDivElement
-     * @type {HTMLDivElement}
+    /**
+     * gallery HTMLDivElement
+     * @type {HTMLDivElement}
      */
     _defineProperty(this, "$gallery", void 0);
 
-    /**
-     * @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
+    /**
+     * @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
      */
     _defineProperty(this, "options", {
       name: '',
@@ -973,11 +973,11 @@ var Gallery = /*#__PURE__*/function () {
   }, {
     key: "_createCopyLinkMarkup",
     value: function _createCopyLinkMarkup() {
-      var _ref = this.options.translations,
-          copyLink = _ref.copyLink,
-          picture = _ref.picture,
-          copyLinkShortVersion = _ref.copyLinkShortVersion,
-          copyLinkConfirmation = _ref.copyLinkConfirmation;
+      var _this$options$transla = this.options.translations,
+          copyLink = _this$options$transla.copyLink,
+          picture = _this$options$transla.picture,
+          copyLinkShortVersion = _this$options$transla.copyLinkShortVersion,
+          copyLinkConfirmation = _this$options$transla.copyLinkConfirmation;
       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        ");
     }
   }, {

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

@@ -1,124 +1,124 @@
-/// <reference types="hammerjs" />
-export declare type TSelectors = TJsSelectors | 'imageContainer' | 'copyLinkConfirmation' | 'bar' | 'arrowContainer';
-export declare type TJsSelectors = 'newGallery' | 'anchorImage' | 'image' | 'selectedImageNumber' | 'imageDescription' | 'previous' | 'next' | 'images' | 'imagesContainer' | 'copyLinkButton' | 'firstTemporaryContainer' | 'lastTemporaryContainer' | 'close';
-export declare type TMode = 'maxImage' | 'shortestEdge' | 'fullScreen';
-export declare type TArrowType = 'previous' | 'next';
-export declare type TDimensionsType = 'initial' | 'real';
-export interface ITranslations {
-    copyLink: string;
-    picture: string;
-    copyLinkShortVersion: string;
-    copyLinkConfirmation: string;
-}
-export interface IGalleryOptions {
-    name: string;
-    initiallySelectedImageSrc: string;
-    hasNavArrows?: boolean;
-    hasImageNumbers?: boolean;
-    hasThumbnails?: boolean;
-    mode?: TMode;
-    isCarouselEnabled?: boolean;
-    hasCopyLink?: boolean;
-    translations?: ITranslations;
-    handleHistory?: boolean;
-}
-export interface IImageAttributes {
-    source: string;
-    description: string;
-    maxImageWidth: number;
-    maxImageHeight: number;
-    initialWidth: number;
-    initialHeight: number;
-    top: number;
-    left: number;
-    eventCenterX: number;
-    eventCenterY: number;
-    initialScale: number;
-    currentScale: number;
-    shorterEdge: string;
-    isDragging: boolean;
-    transX: number;
-    transY: number;
-    scale: number;
-    delta: number;
-}
-export interface IGallery {
-    $gallery: HTMLDivElement;
-    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;
-    selectors: Record<TSelectors, string>;
-    isTouchDevice: boolean;
-    isFirstTemporaryContainerExist: boolean;
-    isLastTemporaryContainerExist: boolean;
-    hasUserGoneToNextImage: boolean;
-    isAnimating: boolean;
-    previousCursorX: number;
-    previousCursorY: number;
-    setInitialImagesInfo(): void;
-    createMarkup(): void;
-    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;
-}
+/// <reference types="hammerjs" />
+export declare type TSelectors = TJsSelectors | 'imageContainer' | 'copyLinkConfirmation' | 'bar' | 'arrowContainer';
+export declare type TJsSelectors = 'newGallery' | 'anchorImage' | 'image' | 'selectedImageNumber' | 'imageDescription' | 'previous' | 'next' | 'images' | 'imagesContainer' | 'copyLinkButton' | 'firstTemporaryContainer' | 'lastTemporaryContainer' | 'close';
+export declare type TMode = 'maxImage' | 'shortestEdge' | 'fullScreen';
+export declare type TArrowType = 'previous' | 'next';
+export declare type TDimensionsType = 'initial' | 'real';
+export interface ITranslations {
+    copyLink: string;
+    picture: string;
+    copyLinkShortVersion: string;
+    copyLinkConfirmation: string;
+}
+export interface IGalleryOptions {
+    name: string;
+    initiallySelectedImageSrc: string;
+    hasNavArrows?: boolean;
+    hasImageNumbers?: boolean;
+    hasThumbnails?: boolean;
+    mode?: TMode;
+    isCarouselEnabled?: boolean;
+    hasCopyLink?: boolean;
+    translations?: ITranslations;
+    handleHistory?: boolean;
+}
+export interface IImageAttributes {
+    source: string;
+    description: string;
+    maxImageWidth: number;
+    maxImageHeight: number;
+    initialWidth: number;
+    initialHeight: number;
+    top: number;
+    left: number;
+    eventCenterX: number;
+    eventCenterY: number;
+    initialScale: number;
+    currentScale: number;
+    shorterEdge: string;
+    isDragging: boolean;
+    transX: number;
+    transY: number;
+    scale: number;
+    delta: number;
+}
+export interface IGallery {
+    $gallery: HTMLDivElement;
+    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;
+    selectors: Record<TSelectors, string>;
+    isTouchDevice: boolean;
+    isFirstTemporaryContainerExist: boolean;
+    isLastTemporaryContainerExist: boolean;
+    hasUserGoneToNextImage: boolean;
+    isAnimating: boolean;
+    previousCursorX: number;
+    previousCursorY: number;
+    setInitialImagesInfo(): void;
+    createMarkup(): void;
+    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;
+}

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

@@ -1 +1 @@
-export declare const checkIsTouchDevice: () => boolean;
+export declare const checkIsTouchDevice: () => boolean;

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

@@ -1,6 +1,6 @@
-/**
- * function that copy given string
- * @param {string} toCopy - string that will be copied
- * @return {void}
- */
-export declare function copy(toCopy: string): void;
+/**
+ * function that copy given string
+ * @param {string} toCopy - string that will be copied
+ * @return {void}
+ */
+export declare function copy(toCopy: string): void;

package/build/esm/packages/aurora/src/components/gallery/utilities/copy_to_clipboard.js

@@ -1,7 +1,7 @@
-/**
- * function that copy given string
- * @param {string} toCopy - string that will be copied
- * @return {void}
+/**
+ * function that copy given string
+ * @param {string} toCopy - string that will be copied
+ * @return {void}
  */
 function copy(toCopy) {
   var tempInput, selection, range;

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

@@ -1 +1 @@
-export declare const getUrl: (galleryName: string, imageNumber: number) => string;
+export declare const getUrl: (galleryName: string, imageNumber: number) => string;

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

@@ -1 +1 @@
-export declare const handleHistory: ($gallery: HTMLDivElement, galleryName: string, selectedImageNumber: number, remove: (ev: Event) => void, showImage: (imageIndex: number) => void) => void;
+export declare const handleHistory: ($gallery: HTMLDivElement, galleryName: string, selectedImageNumber: number, remove: (ev: Event) => void, showImage: (imageIndex: number) => void) => void;

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

@@ -1,5 +1,5 @@
-import { getUrl } from './get_url';
-import { copy } from './copy_to_clipboard';
-import { handleHistory } from './handle_history';
-import { checkIsTouchDevice } from './check_is_touch_device';
-export { getUrl, copy, handleHistory, checkIsTouchDevice };
+import { getUrl } from './get_url';
+import { copy } from './copy_to_clipboard';
+import { handleHistory } from './handle_history';
+import { checkIsTouchDevice } from './check_is_touch_device';
+export { getUrl, copy, handleHistory, checkIsTouchDevice };