@dreamcommerce/aurora 0.3.4-99 → 0.3.5

package/build/esm/src/components/dropdown/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IDropdownProps, IDropdownComposition } from './types';
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-declare const Dropdown: React.FC<IDropdownProps> & IDropdownComposition;
-export default Dropdown;

package/build/esm/src/components/dropdown/index.js

@@ -1,59 +0,0 @@
-import React, { useRef } from 'react';
-import cssClasses from '../../css/dropdown/main.module.less.js';
-import { useToggle } from './hooks/use_toggle.js';
-import { DropdownContext } from './context/index.js';
-import Select from './components/select.js';
-import Content from './components/content.js';
-import List from './components/list.js';
-import Header from './components/header.js';
-import Item from './components/item.js';
-import Option from './components/option.js';
-import OptionMultiple from './components/option_multiple.js';
-import Link from './components/link.js';
-import Label from './components/label.js';
-import Search from './components/search.js';
-import CustomLabel from './components/custom_label.js';
-
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-var Dropdown = function (_a) {
-    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
-    var wrapperRef = useRef(null);
-    var _c = useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
-    /**
-     * context values, they may be used with useContext in any component which is part of Dropdown composition
-     */
-    var value = React.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
-    return (React.createElement(DropdownContext.Provider, { value: value },
-        React.createElement("div", { ref: wrapperRef, className: cssClasses.dropdown }, children)));
-};
-Dropdown.Select = Select;
-Dropdown.Content = Content;
-Dropdown.Search = Search;
-Dropdown.List = List;
-Dropdown.Header = Header;
-Dropdown.Option = Option;
-Dropdown.OptionMultiple = OptionMultiple;
-Dropdown.Link = Link;
-Dropdown.Label = Label;
-Dropdown.CustomLabel = CustomLabel;
-Dropdown.Item = Item;
-
-export default Dropdown;
-//# sourceMappingURL=index.js.map

package/build/esm/src/components/dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownProps, IDropdownComposition } from './types';\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { useToggle } from './hooks';\n\nimport { DropdownContext } from './context';\n\nimport Select from './components/select';\nimport Content from './components/content';\nimport List from './components/list';\nimport Header from './components/header';\nimport Option from './components/option';\nimport OptionMultiple from './components/option_multiple';\nimport Item from './components/item';\nimport Link from './components/link';\nimport Label from './components/label';\nimport Search from './components/search';\nimport CustomLabel from './components/custom_label';\n\n/**\n * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.\n *\n * @component\n * @example\n * return (\n *  <Dropdown>\n *      <Dropdown.Label label=\"Wybierz link\" />\n *      <Dropdown.Content>\n *          <Dropdown.List>\n *              <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" />\n *              <Dropdown.Link text=\"forum.shoper.pl\" href=\"https://forum.shoper.pl\" />\n *              <Dropdown.Link text=\"shoper.pl/help\" href=\"https://shoper.pl/help\" />\n *          </Dropdown.List>\n *      </Dropdown.Content>\n *  <Dropdown>\n * )\n */\nconst Dropdown: React.FC<IDropdownProps> & IDropdownComposition = ({ defaultIsOpen = false, onToggle, children }) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses.dropdown}>\n                {children}\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nDropdown.Select = Select;\nDropdown.Content = Content;\nDropdown.Search = Search;\nDropdown.List = List;\nDropdown.Header = Header;\nDropdown.Option = Option;\nDropdown.OptionMultiple = OptionMultiple;\nDropdown.Link = Link;\nDropdown.Label = Label;\nDropdown.CustomLabel = CustomLabel;\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;IAkBM,QAAQ,GAAoD,UAAC,EAA6C;QAA3C,qBAAqB,EAArB,0CAAqB,EAAE,sBAAQ,EAAE,sBAAQ;IAC1G,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAKpE,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAC/C,QAAQ,CACP,CACiB,EAC7B;AACN,EAAE;AAEF,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,QAAQ,CAAC,cAAc,GAAG,cAAc,CAAC;AACzC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AACvB,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAG,IAAI;;;;"}

package/build/esm/src/components/dropdown/types.d.ts

@@ -1,99 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-export interface IDropdownProps {
-    isWithGroups?: boolean;
-    defaultIsOpen?: boolean;
-    defaultCloseOnClick?: boolean;
-    portalContainer?: RefObject<HTMLElement>;
-    children?: ReactNode;
-    onToggle?: (isOpen: boolean) => void;
-}
-export interface IDropdownComposition {
-    Select: React.FC<IDropdownSelectProps>;
-    Label: React.FC<IDropdownLabelProps>;
-    CustomLabel: React.FC<IDropdownCustomLabelProps>;
-    Content: React.FC<IDropdownContentProps>;
-    Search: React.FC<IDropdownSearchProps>;
-    Header: React.FC<IDropdownHeaderProps>;
-    List: React.FC<IDropdownListProps>;
-    Item: React.FC<IDropdownItemProps>;
-    Option: React.FC<IDropdownOptionProps>;
-    OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
-    Link: React.FC<IDropdownLinkProps>;
-}
-export interface IDropdownSelectProps {
-    name: string;
-    selectedOptions: Array<ISelectOption>;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-}
-export interface IDropdownLabelProps {
-    label: string;
-    cssClass?: string;
-}
-export interface IDropdownCustomLabelProps {
-}
-export interface IDropdownContentProps {
-    search?: ReactNode;
-    children?: ReactNode;
-    headerComponent?: string | ReactNode;
-    headerText?: string;
-    headerIcon?: string;
-    portalContainer?: RefObject<HTMLElement>;
-}
-export interface IDropdownSearchProps {
-    onKeyUp: (ev: React.KeyboardEvent<Element>) => void;
-}
-export interface IDropdownListProps {
-    isWithGroups?: boolean;
-    children?: ReactNode;
-}
-export interface IDropdownOptionProps {
-    option: ISelectOption;
-    isSelected: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-    onClick: (option: ISelectOption) => void;
-}
-export interface IDropdownOptionMultipleProps extends IDropdownOptionProps {
-}
-export interface IDropdownHeaderProps {
-    text: string;
-}
-export interface IDropdownItemProps {
-    children: ReactNode;
-    isSelected?: boolean;
-    onClick?: (obj: {
-        ev: React.MouseEvent;
-        toggleDropdown: undefined | (() => void);
-    }) => void;
-}
-export interface IDropdownLinkProps {
-    text: string;
-    href: string;
-    target?: string;
-    rel?: string;
-}
-export interface ISelectProps extends IDropdownProps {
-    name: string;
-    options: Array<ISelectOption>;
-    defaultValues?: Array<string>;
-    isReadonly?: boolean;
-    isDisabled?: boolean;
-    isWithSearch?: boolean;
-    onChange?: (selectedOption: ISelectOption) => void;
-}
-export interface ISelectOption {
-    text: string;
-    value: string;
-    isHeader?: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-}
-export interface IMultiSelectProps extends Omit<ISelectProps, 'onChange'> {
-    onChange?: (selectedOption: ISelectOption, isChecked: boolean, allSelectedOptions: Array<ISelectOption>) => void;
-}
-export interface ISelectOptionAttributes {
-    isSelected: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
-}

package/build/esm/src/components/dropdown/types.js

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

package/build/esm/src/components/dropdown/types.js.map

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

package/build/esm/src/components/dropdown/utilities.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { ISelectOption } from './types';
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-export declare const isSelected: (option: ISelectOption, selectedValues: ISelectOption[]) => boolean;
-/**
- * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-export declare const handleItemClick: (option: ISelectOption, defaultCloseOnClick: boolean, setSelectedValues: (selectedOption: any) => void, toggleDropdown: () => void) => void;
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-export declare const handleSearchKeyUp: (ev: import("react").KeyboardEvent<Element>, options: ISelectOption[], setOptionsList: (value: import("react").SetStateAction<ISelectOption[]>) => void) => void;

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

@@ -1,39 +0,0 @@
-import 'react';
-import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
-
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
-/**
- * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
-    setSelectedValues(option);
-    if (defaultCloseOnClick === true) {
-        toggleDropdown();
-    }
-};
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-var handleSearchKeyUp = function (ev, options, setOptionsList) {
-    var $input = ev.target;
-    var searchQuery = $input.value;
-    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
-};
-
-export { handleItemClick, handleSearchKeyUp, isSelected };
-//# sourceMappingURL=utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/dropdown/utilities.ts"],"sourcesContent":["import { fuzzySearch } from '@utilities/fuzzy_search/fuzzy_search';\nimport { ISelectOption } from './types';\n\n/**\n * checks if the given option is selected within array of selectedValues array\n * @param {ISelectOption} option select/multiselect option\n * @param {Array<ISelectOption>} selectedValues array of selected values\n * @returns {Boolean}\n */\nexport const isSelected = (option: ISelectOption, selectedValues: Array<ISelectOption>): boolean => selectedValues.indexOf(option) >= 0;\n\n/**\n * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true\n * @param {ISelectOption} option - option that was clicked\n * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option\n * @param {Function} setSelectedValues - selected values state setter\n * @param {Function} toggleDropdown - method which toggles dropdown\n */\nexport const handleItemClick = (\n    option: ISelectOption,\n    defaultCloseOnClick: boolean,\n    setSelectedValues: (selectedOption: any) => void,\n    toggleDropdown: () => void\n) => {\n    setSelectedValues(option);\n\n    if (defaultCloseOnClick === true) {\n        toggleDropdown();\n    }\n};\n\n/**\n * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results\n * @param {React.KeyboardEvent} ev react keyboard event\n * @param {Array<ISelectOption>} options list of dropdown options to filter\n * @param {Function} setOptionsList method to set new state of options list\n * @returns {void} nothing\n */\nexport const handleSearchKeyUp = (\n    ev: React.KeyboardEvent,\n    options: Array<ISelectOption>,\n    setOptionsList: (value: React.SetStateAction<ISelectOption[]>) => void\n): void => {\n    const $input: HTMLInputElement = ev.target as HTMLInputElement;\n    const searchQuery: string = $input.value;\n\n    const filteredOptions = <Array<ISelectOption>>fuzzySearch(searchQuery, options, 'text');\n    setOptionsList(() => filteredOptions);\n};\n"],"names":[],"mappings":";;;AAGA;;;;;;IAMa,UAAU,GAAG,UAAC,MAAqB,EAAE,cAAoC,IAAc,OAAA,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAC;AAExI;;;;;;;IAOa,eAAe,GAAG,UAC3B,MAAqB,EACrB,mBAA4B,EAC5B,iBAAgD,EAChD,cAA0B;IAE1B,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE1B,IAAI,mBAAmB,KAAK,IAAI,EAAE;QAC9B,cAAc,EAAE,CAAC;KACpB;AACL,EAAE;AAEF;;;;;;;IAOa,iBAAiB,GAAG,UAC7B,EAAuB,EACvB,OAA6B,EAC7B,cAAsE;IAEtE,IAAM,MAAM,GAAqB,EAAE,CAAC,MAA0B,CAAC;IAC/D,IAAM,WAAW,GAAW,MAAM,CAAC,KAAK,CAAC;IAEzC,IAAM,eAAe,GAAyB,WAAW,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACxF,cAAc,CAAC,cAAM,OAAA,eAAe,GAAA,CAAC,CAAC;AAC1C;;;;"}

package/build/esm/src/components/gallery/constants.d.ts

@@ -1,4 +0,0 @@
-import { TMode, TJsSelectors, TDimensionsType } from './types';
-export declare const GALLERY_MODE: Record<TMode, TMode>;
-export declare const JS_CLASSES: Record<TJsSelectors, string>;
-export declare const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType>;

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

@@ -1,27 +0,0 @@
-var GALLERY_MODE = {
-    maxImage: 'maxImage',
-    shortestEdge: 'shortestEdge',
-    fullScreen: 'fullScreen'
-};
-var JS_CLASSES = {
-    newGallery: 'js__gallery_new',
-    anchorImage: 'js__gallery-anchor-image',
-    image: 'js__gallery-image',
-    selectedImageNumber: 'js__gallery-selected-image-number',
-    imageDescription: 'js__gallery-image-description',
-    previous: 'js__gallery-previous',
-    next: 'js__gallery-next',
-    images: 'js__gallery-images',
-    imagesContainer: 'js__gallery-images-container',
-    copyLinkButton: 'js__gallery-copy-link',
-    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',
-    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
-    close: ''
-};
-var DIMENSIONS_TYPE = {
-    initial: 'initial',
-    real: 'real'
-};
-
-export { DIMENSIONS_TYPE, GALLERY_MODE, JS_CLASSES };
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/gallery/constants.ts"],"sourcesContent":["import { TMode, TJsSelectors, TDimensionsType } from './types';\n\nexport const GALLERY_MODE: Record<TMode, TMode> = {\n    maxImage: 'maxImage',\n    shortestEdge: 'shortestEdge',\n    fullScreen: 'fullScreen'\n};\n\nexport const JS_CLASSES: Record<TJsSelectors, string> = {\n    newGallery: 'js__gallery_new',\n    anchorImage: 'js__gallery-anchor-image',\n    image: 'js__gallery-image',\n    selectedImageNumber: 'js__gallery-selected-image-number',\n    imageDescription: 'js__gallery-image-description',\n    previous: 'js__gallery-previous',\n    next: 'js__gallery-next',\n    images: 'js__gallery-images',\n    imagesContainer: 'js__gallery-images-container',\n    copyLinkButton: 'js__gallery-copy-link',\n    firstTemporaryContainer: 'js__gallery-temporary-image-container_first',\n    lastTemporaryContainer: 'js__gallery-temporary-image-container_last',\n    close: ''\n};\n\nexport const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType> = {\n    initial: 'initial',\n    real: 'real'\n};\n"],"names":[],"mappings":"IAEa,YAAY,GAAyB;IAC9C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;EAC1B;IAEW,UAAU,GAAiC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;IACvC,KAAK,EAAE,mBAAmB;IAC1B,mBAAmB,EAAE,mCAAmC;IACxD,gBAAgB,EAAE,+BAA+B;IACjD,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,8BAA8B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,uBAAuB,EAAE,6CAA6C;IACtE,sBAAsB,EAAE,4CAA4C;IACpE,KAAK,EAAE,EAAE;EACX;IAEW,eAAe,GAA6C;IACrE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;;;;;"}

package/build/esm/src/components/gallery/css_classes.d.ts

@@ -1,33 +0,0 @@
-export declare const cssGallery = "gallery";
-export declare const cssGalleryMobile: string;
-export declare const cssGalleryBar: string;
-export declare const cssGalleryBarImageNumbers: string;
-export declare const cssGalleryBarImageDescription: string;
-export declare const cssGalleryBarCopyLink: string;
-export declare const cssGalleryBarCopyLinkConfirmation: string;
-export declare const cssGalleryBarCopyLinkConfirmationText: string;
-export declare const cssGalleryBarImageClose: string;
-export declare const cssGalleryImages: string;
-export declare const cssGalleryImagesWithTransition: string;
-export declare const cssGalleryImagesContainer: string;
-export declare const cssGalleryImage: string;
-export declare const cssGalleryImageContainer: string;
-export declare const cssGalleryImageAdjusted: string;
-export declare const cssGalleryImageMaxWidth: string;
-export declare const cssGalleryImageMaxHeight: string;
-export declare const cssIcon = "icon";
-export declare const cssIconArrow: string;
-export declare const cssIconArrowContainer: string;
-export declare const cssIconArrowContainerPrevious: string;
-export declare const cssIconArrowContainerNext: string;
-export declare const cssIconArrowRotate180: string;
-export declare const cssIconClose: string;
-export declare const cssIconLink: string;
-export declare const cssIconSuccess: string;
-export declare const cssLoaderMask = "loader__mask";
-export declare const cssHide = "hide";
-export declare const cssHideMobile = "hide_mobile";
-export declare const cssHideDesktop = "hide_desktop";
-export declare const cssZoomIn = "zoom-in";
-export declare const cssZoomOut = "zoom-out";
-export declare const cssGrabbing = "grabbing";

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/gallery/css_classes.ts"],"sourcesContent":["export const cssGallery = 'gallery';\n\nexport const cssGalleryMobile = `${cssGallery}_mobile`;\n\nexport const cssGalleryBar = `${cssGallery}-bar`;\nexport const cssGalleryBarImageNumbers = `${cssGalleryBar}__image-numbers`;\nexport const cssGalleryBarImageDescription = `${cssGalleryBar}__image-description`;\nexport const cssGalleryBarCopyLink = `${cssGalleryBar}__copy-link`;\nexport const cssGalleryBarCopyLinkConfirmation = `${cssGalleryBarCopyLink}_confirmation`;\nexport const cssGalleryBarCopyLinkConfirmationText = `${cssGalleryBarCopyLink}_confirmation-text`;\nexport const cssGalleryBarImageClose = `${cssGalleryBar}__image-close`;\n\nexport const cssGalleryImages = `${cssGallery}__images`;\nexport const cssGalleryImagesWithTransition = `${cssGallery}__images_with-transition`;\nexport const cssGalleryImagesContainer = `${cssGalleryImages}-container`;\n\nexport const cssGalleryImage = `${cssGallery}__image`;\nexport const cssGalleryImageContainer = `${cssGalleryImage}-container`;\nexport const cssGalleryImageAdjusted = `${cssGalleryImage}_adjusted`;\nexport const cssGalleryImageMaxWidth = `${cssGalleryImage}_max-width`;\nexport const cssGalleryImageMaxHeight = `${cssGalleryImage}_max-height`;\n\nexport const cssIcon = 'icon';\nexport const cssIconArrow = `${cssIcon}-arrow`;\nexport const cssIconArrowContainer = `${cssIconArrow}-container`;\nexport const cssIconArrowContainerPrevious = `${cssIconArrowContainer}_previous`;\nexport const cssIconArrowContainerNext = `${cssIconArrowContainer}_next`;\nexport const cssIconArrowRotate180 = `${cssIconArrow}_rotate-180`;\nexport const cssIconClose = `${cssIcon}-close`;\nexport const cssIconLink = `${cssIcon}-link`;\nexport const cssIconSuccess = `${cssIcon}-success`;\n\nexport const cssLoaderMask = 'loader__mask';\n\nexport const cssHide = 'hide';\nexport const cssHideMobile = 'hide_mobile';\nexport const cssHideDesktop = 'hide_desktop';\n\nexport const cssZoomIn = 'zoom-in';\nexport const cssZoomOut = 'zoom-out';\nexport const cssGrabbing = 'grabbing';\n"],"names":[],"mappings":"IAAa,UAAU,GAAG,UAAU;IAEvB,gBAAgB,GAAM,UAAU,aAAU;IAE1C,aAAa,GAAM,UAAU,UAAO;IACpC,yBAAyB,GAAM,aAAa,qBAAkB;IAC9D,6BAA6B,GAAM,aAAa,yBAAsB;IACtE,qBAAqB,GAAM,aAAa,iBAAc;IACtD,iCAAiC,GAAM,qBAAqB,mBAAgB;IAC5E,qCAAqC,GAAM,qBAAqB,wBAAqB;IACrF,uBAAuB,GAAM,aAAa,mBAAgB;IAE1D,gBAAgB,GAAM,UAAU,cAAW;IAC3C,8BAA8B,GAAM,UAAU,8BAA2B;IACzE,yBAAyB,GAAM,gBAAgB,gBAAa;IAE5D,eAAe,GAAM,UAAU,aAAU;IACzC,wBAAwB,GAAM,eAAe,gBAAa;IAC1D,uBAAuB,GAAM,eAAe,eAAY;IACxD,uBAAuB,GAAM,eAAe,gBAAa;IACzD,wBAAwB,GAAM,eAAe,iBAAc;IAE3D,OAAO,GAAG,OAAO;IACjB,YAAY,GAAM,OAAO,YAAS;IAClC,qBAAqB,GAAM,YAAY,gBAAa;IACpD,6BAA6B,GAAM,qBAAqB,eAAY;IACpE,yBAAyB,GAAM,qBAAqB,WAAQ;IAC5D,qBAAqB,GAAM,YAAY,iBAAc;IACrD,YAAY,GAAM,OAAO,YAAS;IAClC,WAAW,GAAM,OAAO,WAAQ;IAChC,cAAc,GAAM,OAAO,cAAW;IAEtC,aAAa,GAAG,eAAe;IAE/B,OAAO,GAAG,OAAO;IACjB,aAAa,GAAG,cAAc;IAC9B,cAAc,GAAG,eAAe;IAEhC,SAAS,GAAG,UAAU;IACtB,UAAU,GAAG,WAAW;IACxB,WAAW,GAAG;;;;"}

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

@@ -1,133 +0,0 @@
-/// <reference types="hammerjs" />
-import { IGalleryOptions, IGallery, 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: MouseEvent | HammerInput) => 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;
-}