chili-ui 0.0.1

package/dist/src/SuggestionList/SuggestionList.js

@@ -0,0 +1,126 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { LedaContext } from '../../components/LedaProvider';
+import { Loader } from '../../components/Loader';
+import { Div } from '../../components/Div';
+import { Li } from '../../components/Li';
+import { Ul } from '../../components/Ul';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { useAdaptivePosition, useElement, useTheme } from '../../utils';
+import { getSuggestionItemProps, scrollToSuggestion } from './helpers';
+import { SuggestionItem } from './SuggestionItem';
+import { NoSuggestions } from './NoSuggestions';
+export const SuggestionList = (props) => {
+    const { boundingContainerRef, compareObjectsBy, data, groupBy, groupLabelRender, groupWrapperRender, highlightedSuggestion, isLoading, isOpen, itemRender, listRender, noSuggestionsText, noSuggestionsRender, onClick, placeholder, selectAllItemRender, selectAllState, selectedSuggestion, shouldAllowEmpty, textField, theme: themeProp, value, } = props;
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.suggestionList);
+    const { renders: { [COMPONENTS_NAMESPACES.suggestionList]: suggestionRenders } } = React.useContext(LedaContext);
+    const List = useElement('List', Ul, listRender || suggestionRenders.listRender, props);
+    const GroupLabel = useElement('GroupLabel', Li, groupLabelRender || suggestionRenders.groupLabelRender, props);
+    const GroupWrapper = useElement('GroupWrapper', Div, groupWrapperRender || suggestionRenders.groupWrapperRender, props);
+    const NoSuggestionsComponent = useElement('NoSuggestions', NoSuggestions, noSuggestionsRender || suggestionRenders.noSuggestionsRender, props);
+    const wrapperRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const suggestionRef = React.useRef(null);
+    const [resultedData, setResultedData] = React.useState([]);
+    const classMap = React.useMemo(() => ({
+        top: theme.containerTop,
+        visible: theme.containerVisible,
+    }), [theme.containerTop, theme.containerVisible]);
+    useAdaptivePosition({
+        elRef: wrapperRef,
+        isOpen,
+        classNames: classMap,
+        boundingContainerRef,
+    });
+    React.useEffect(() => {
+        // scrolling efficiently
+        scrollToSuggestion(containerRef, suggestionRef);
+    }, [isOpen, value, selectedSuggestion, highlightedSuggestion]);
+    // group suggestion list items if required
+    React.useEffect(() => {
+        var _a;
+        // used to keep links
+        const dataItemsMap = new Map();
+        const newResultedData = (_a = data === null || data === void 0 ? void 0 : data.reduce((accumulator, dataValue) => {
+            const key = groupBy === null || groupBy === void 0 ? void 0 : groupBy(dataValue);
+            if (key) {
+                const dataItems = dataItemsMap.get(key) || [];
+                if (dataItems.length) {
+                    dataItems.push(dataValue);
+                }
+                else {
+                    dataItemsMap.set(key, dataItems);
+                    accumulator.push({
+                        key, dataItems,
+                    });
+                }
+            }
+            else {
+                accumulator.push(dataValue);
+            }
+            return accumulator;
+        }, [])) !== null && _a !== void 0 ? _a : [];
+        setResultedData(newResultedData);
+    }, [data, groupBy, value]);
+    const renderSuggestion = React.useCallback((suggestionProp) => {
+        const suggestionItemComputedProps = getSuggestionItemProps({
+            compareObjectsBy,
+            highlightedSuggestion,
+            placeholder,
+            selectedSuggestion,
+            suggestion: suggestionProp,
+            textField,
+        });
+        const { key } = suggestionItemComputedProps, rest = __rest(suggestionItemComputedProps, ["key"]);
+        return (_jsx(SuggestionItem, Object.assign({ itemRender: itemRender, onClick: onClick, selectAllItemRender: selectAllItemRender, suggestionRef: suggestionRef, textField: textField, theme: theme }, rest), key));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [compareObjectsBy, highlightedSuggestion, itemRender, onClick, placeholder, selectedSuggestion, textField, theme]);
+    if (!isOpen)
+        return null;
+    if (isLoading) {
+        return (_jsx(Div, { className: theme.container, onMouseDown: (ev) => ev.preventDefault(), ref: wrapperRef, children: _jsx(Loader, {}) }));
+    }
+    if (!(data === null || data === void 0 ? void 0 : data.length)) {
+        return (_jsx(Div, { className: theme.container, onMouseDown: (ev) => ev.preventDefault(), ref: wrapperRef, children: _jsx(NoSuggestionsComponent, { className: theme.noSuggestions, noSuggestionsText: noSuggestionsText }) }));
+    }
+    const suggestions = placeholder !== undefined && shouldAllowEmpty
+        ? [placeholder, ...resultedData]
+        : resultedData;
+    const suggestionItems = suggestions.map((suggestion) => {
+        const suggestionItemComputedProps = getSuggestionItemProps({
+            compareObjectsBy,
+            highlightedSuggestion,
+            placeholder,
+            selectedSuggestion,
+            suggestion,
+            textField,
+            selectAllState,
+        });
+        return suggestionItemComputedProps;
+    });
+    return (_jsx(Div, { className: theme.container, onMouseDown: (ev) => ev.preventDefault(), ref: wrapperRef, children: _jsxs(List, { className: theme.list, ref: (component) => {
+                containerRef.current = component;
+            }, children: [groupBy && (suggestions === null || suggestions === void 0 ? void 0 : suggestions.map((suggestion) => {
+                    if (suggestion === null || suggestion === void 0 ? void 0 : suggestion.key) {
+                        const groupedSomeObject = suggestion;
+                        return (_jsxs(GroupWrapper, { className: theme.group, children: [_jsx(GroupLabel, { className: theme.groupLabel, children: groupedSomeObject.key }), groupedSomeObject.dataItems.map(renderSuggestion)] }, groupedSomeObject.key));
+                    }
+                    return renderSuggestion(suggestion);
+                })), !groupBy && suggestionItems.map((suggestionItem) => {
+                    const { key } = suggestionItem, rest = __rest(suggestionItem, ["key"]);
+                    return (_jsx(SuggestionItem, Object.assign({ itemRender: itemRender, onClick: onClick, suggestionRef: suggestionRef, textField: textField, theme: theme, selectAllItemRender: selectAllItemRender }, rest), key));
+                })] }) }));
+};
+SuggestionList.displayName = 'SuggestionList';
+//# sourceMappingURL=SuggestionList.js.map

package/dist/src/SuggestionList/SuggestionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionList.js","sourceRoot":"","sources":["../../../leda/src/SuggestionList/SuggestionList.tsx"],"names":[],"mappings":"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"}

package/dist/src/SuggestionList/handlers.d.ts

@@ -0,0 +1,4 @@
+import type * as React from 'react';
+import type { CustomEventHandler } from '../../commonTypes';
+import type { SuggestionItemProps } from './types';
+export declare const createClickHandler: (props: SuggestionItemProps) => CustomEventHandler<React.MouseEvent<HTMLElement>>;

package/dist/src/SuggestionList/handlers.js

@@ -0,0 +1,8 @@
+import { dispatchEvent } from '../../utils';
+export const createClickHandler = (props) => (ev) => {
+    const { onClick, item } = props;
+    dispatchEvent(ev, onClick, {
+        value: item,
+    });
+};
+//# sourceMappingURL=handlers.js.map

package/dist/src/SuggestionList/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../leda/src/SuggestionList/handlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAA0B,EACyB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhC,aAAa,CAAC,EAAE,EAAE,OAAO,EAAE;QACzB,KAAK,EAAE,IAAgC;KACxC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/src/SuggestionList/helpers.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+import type { SomeObject } from '../../commonTypes';
+import type { GetSuggestionItemProps, SuggestionItemComputedProps } from './types';
+export declare const getText: (suggestion?: string | number | SomeObject | null, textField?: string) => string;
+export declare const scrollToSuggestion: (containerRef: React.MutableRefObject<HTMLElement | null>, suggestionRef: React.MutableRefObject<HTMLElement | null>) => void;
+export declare const getSuggestionItemProps: ({ compareObjectsBy, suggestion, textField, placeholder, highlightedSuggestion, selectedSuggestion, selectAllState, }: GetSuggestionItemProps) => SuggestionItemComputedProps;

package/dist/src/SuggestionList/helpers.js

@@ -0,0 +1,79 @@
+import { isArray, isObject } from 'lodash';
+import { checkIsTheSameObject } from '../../utils';
+import { selectAllSuggestion, SelectedState } from '../../components/MultiSelect/constants';
+export const getText = (suggestion, textField) => {
+    if (!suggestion)
+        return '';
+    if (!textField)
+        return suggestion.toString();
+    return isObject(suggestion) ? (suggestion[textField] || '').toString() : suggestion.toString();
+};
+export const scrollToSuggestion = (containerRef, suggestionRef) => {
+    var _a, _b;
+    if (!containerRef.current || !suggestionRef.current)
+        return;
+    const suggestionRect = suggestionRef.current.getBoundingClientRect();
+    const containerRect = containerRef.current.getBoundingClientRect();
+    const padding = 2;
+    const offset = (() => {
+        if (suggestionRect.top < containerRect.top) {
+            return suggestionRect.top - containerRect.top - padding;
+        }
+        if (containerRect.bottom < suggestionRect.bottom) {
+            return suggestionRect.bottom - containerRect.bottom + padding;
+        }
+        return 0;
+    })();
+    if (offset)
+        (_b = (_a = containerRef.current).scrollBy) === null || _b === void 0 ? void 0 : _b.call(_a, 0, offset);
+};
+export const getSuggestionItemProps = ({ compareObjectsBy, suggestion, textField, placeholder, highlightedSuggestion, selectedSuggestion, selectAllState, }) => {
+    const text = getText(suggestion, textField);
+    const isSelectAllItem = suggestion === selectAllSuggestion;
+    const isPlaceholder = text === placeholder;
+    const isHighlighted = checkIsTheSameObject({
+        compareObjectsBy,
+        obj1: suggestion,
+        obj2: highlightedSuggestion,
+    });
+    const isSelected = (() => {
+        if (isSelectAllItem) {
+            return selectAllState === SelectedState.All || selectAllState === SelectedState.Some;
+        }
+        // MultiSelect mode
+        if (isArray(selectedSuggestion)) {
+            return selectedSuggestion.some((selected) => checkIsTheSameObject({
+                compareObjectsBy,
+                obj1: suggestion,
+                obj2: selected,
+            }));
+        }
+        return checkIsTheSameObject({
+            compareObjectsBy,
+            obj1: suggestion,
+            obj2: selectedSuggestion,
+        });
+    })();
+    // whether the current element is the target of scrollToSuggestion
+    const isScrollTarget = (() => {
+        if (highlightedSuggestion)
+            return isHighlighted;
+        if (isArray(selectedSuggestion))
+            return false; // do not scroll to selected items in MultiSelect mode
+        return isSelected;
+    })();
+    const key = isObject(suggestion) ? JSON.stringify(suggestion) : suggestion;
+    const item = suggestion === placeholder ? null : suggestion;
+    return {
+        text,
+        isHighlighted,
+        isPlaceholder,
+        isSelected,
+        selectAllState, // todo: remove
+        isSelectAllItem,
+        isScrollTarget,
+        key,
+        item,
+    };
+};
+//# sourceMappingURL=helpers.js.map

package/dist/src/SuggestionList/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../leda/src/SuggestionList/helpers.ts"],"names":[],"mappings":"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"}

package/dist/src/SuggestionList/index.d.ts

@@ -0,0 +1,2 @@
+export { SuggestionList } from './SuggestionList';
+export { SuggestionItem } from './SuggestionItem';

package/dist/src/SuggestionList/index.js

@@ -0,0 +1,3 @@
+export { SuggestionList } from './SuggestionList';
+export { SuggestionItem } from './SuggestionItem';
+//# sourceMappingURL=index.js.map

package/dist/src/SuggestionList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/src/SuggestionList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/SuggestionList/theme.d.ts

@@ -0,0 +1,13 @@
+export declare const defaultSuggestionListTheme: {
+    container: string;
+    containerVisible: string;
+    containerTop: string;
+    group: string;
+    groupLabel: string;
+    item: string;
+    itemHighlighted: string;
+    itemPlaceholder: string;
+    itemSelected: string;
+    list: string;
+    noSuggestions: string;
+};

package/dist/src/SuggestionList/theme.js

@@ -0,0 +1,14 @@
+export const defaultSuggestionListTheme = {
+    container: 'ld-suggestion-wrapper',
+    containerVisible: 'ld-visible',
+    containerTop: 'ld-pos-top',
+    group: 'ld-suggestion-group',
+    groupLabel: 'ld-suggestion-group-label',
+    item: 'ld-suggestion-item',
+    itemHighlighted: 'ld-suggestion-highlighted',
+    itemPlaceholder: 'ld-placeholder',
+    itemSelected: 'ld-suggestion-selected',
+    list: 'ld-suggestion-list',
+    noSuggestions: 'ld-nodata',
+};
+//# sourceMappingURL=theme.js.map

package/dist/src/SuggestionList/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../leda/src/SuggestionList/theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,SAAS,EAAE,uBAAuB;IAClC,gBAAgB,EAAE,YAAY;IAC9B,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE,2BAA2B;IACvC,IAAI,EAAE,oBAAoB;IAC1B,eAAe,EAAE,2BAA2B;IAC5C,eAAe,EAAE,gBAAgB;IACjC,YAAY,EAAE,wBAAwB;IACtC,IAAI,EAAE,oBAAoB;IAC1B,aAAa,EAAE,WAAW;CAC3B,CAAC"}

package/dist/src/SuggestionList/types.d.ts

@@ -0,0 +1,90 @@
+import type * as React from 'react';
+import type { CustomRender, CustomEventHandler, SomeObject } from '../../commonTypes';
+import type { DivProps } from '../../components/Div';
+import type { LiProps } from '../../components/Li';
+import type { UlProps } from '../../components/Ul';
+import type { COMPONENTS_NAMESPACES } from '../../constants';
+import type { GlobalDefaultTheme, PartialGlobalDefaultTheme } from '../../utils/useTheme';
+import type { SelectedState } from '../../components/MultiSelect/constants';
+export type Value = SomeObject | string | number | null;
+export interface SuggestionTarget {
+    target: {
+        value: SomeObject | string | number;
+    };
+}
+export interface SuggestionListProps {
+    boundingContainerRef?: React.RefObject<HTMLElement>;
+    compareObjectsBy?: ((suggestionListItem: SomeObject) => unknown) | string;
+    data?: Value[];
+    groupBy?: (option: Value) => string | undefined;
+    groupLabelRender?: CustomRender<object, Record<string, never>, LiProps>;
+    groupWrapperRender?: CustomRender<object, Record<string, never>, DivProps>;
+    highlightedSuggestion?: Value;
+    selectedSuggestion?: Value | Value[];
+    isLoading?: boolean;
+    isOpen: boolean;
+    itemRender?: CustomRender<SuggestionItemProps, Record<string, never>, SuggestionElementProps>;
+    listRender?: CustomRender<SuggestionListProps, Record<string, never>, UlProps>;
+    noSuggestionsText?: React.ReactNode;
+    noSuggestionsRender?: CustomRender<SuggestionListProps, Record<string, never>, NoSuggestionsProps>;
+    onClick?: CustomEventHandler<React.MouseEvent<HTMLElement> & SuggestionTarget>;
+    placeholder?: string;
+    selectAllItemRender?: CustomRender<Record<string, never>, Record<string, never>, Record<string, never>>;
+    selectAllState?: SelectAllState;
+    shouldAllowEmpty: boolean;
+    textField?: string;
+    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.suggestionList];
+    value: string | number | SomeObject | null | (string[] | number[] | SomeObject[]);
+}
+export interface SuggestionElementProps {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: CustomEventHandler<any>;
+    ref?: React.Ref<any>;
+}
+export interface SuggestionItemProps {
+    isScrollTarget: boolean;
+    isPlaceholder: boolean;
+    isHighlighted?: boolean;
+    isSelected?: boolean;
+    isSelectAllItem?: boolean;
+    selectAllItemRender?: SuggestionListProps['selectAllItemRender'];
+    selectAllState?: SelectedState;
+    canSelectAll?: boolean;
+    item: string | number | SomeObject | null;
+    itemRender?: CustomRender<SuggestionItemProps, Record<string, never>, SuggestionElementProps>;
+    onClick?: CustomEventHandler<React.MouseEvent<HTMLElement> & SuggestionTarget>;
+    suggestionRef: React.MutableRefObject<HTMLElement | null>;
+    text: string | number;
+    textField?: string;
+    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.suggestionList];
+}
+export interface NoSuggestionsProps {
+    noSuggestionsText?: React.ReactNode;
+    className?: string;
+}
+export interface GroupedSomeObject {
+    key: string;
+    dataItems: SomeObject[];
+}
+export interface GetSuggestionItemProps {
+    compareObjectsBy?: ((suggestionListItem: SomeObject) => unknown) | string;
+    highlightedSuggestion?: Value;
+    placeholder?: string;
+    selectAllState?: SelectedState;
+    selectedSuggestion?: Value | Value[];
+    suggestion: Value;
+    textField?: string;
+}
+export interface SuggestionItemComputedProps {
+    isHighlighted?: boolean;
+    isPlaceholder: boolean;
+    isScrollTarget: boolean;
+    isSelectAllItem?: boolean;
+    isSelected?: boolean;
+    selectAllState?: SelectedState;
+    item: string | number | SomeObject | null;
+    key: string;
+    text: string | number;
+}
+export type SelectAllState = SelectedState | undefined;

package/dist/src/SuggestionList/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/SuggestionList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../leda/src/SuggestionList/types.ts"],"names":[],"mappings":""}

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+export { CalendarBase } from './CalendarBase';
+export { DateTimeInput } from './DateTimeInput';
+export { htmlTagFactory } from './HTMLTagsFactory';
+export { MaskedInputBase } from './MaskedInputBase';
+export { SuggestionList, SuggestionItem } from './SuggestionList';

package/dist/src/index.js

@@ -0,0 +1,6 @@
+export { CalendarBase } from './CalendarBase';
+export { DateTimeInput } from './DateTimeInput';
+export { htmlTagFactory } from './HTMLTagsFactory';
+export { MaskedInputBase } from './MaskedInputBase';
+export { SuggestionList, SuggestionItem } from './SuggestionList';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../leda/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/styles/leda.base.css

@@ -0,0 +1 @@
+:root{--ld-border-radius:4px;--ld-font-size:.875rem;--ld-line-height:1.5rem;--ld-font-weight:800;--ld-padding-block:.4rem;--ld-padding-inline:1rem;--ld-color-danger:#dc2626;--ld-color-success:#15803d;--ld-font-color:#09090b;--ld-font-color-hihglight:#7f1d1d;--ld-base-color:#a3a3a3;--ld-base-color-hover:#09090b;--ld-base-color-disabled:#a3a3a3;--ld-bg-color:#fff;--ld-bg-color-hover:#e5e5e5;--ld-bg-color-selected:#a3a3a3;--ld-bg-color-active:#f5f5f5;--ld-bg-color-disabled:#e5e5e5;--ld-font-inverted-color:#fff;--ld-bg-inverted-color:#737373;--ld-bg-inverted-color-hover:#a3a3a3;--ld-bg-inverted-color-selected:#525252;--ld-bg-inverted-color-disabled:#d4d4d4;--ld-btn-font-size:var(--ld-font-size);--ld-btn-font-weight:var(--ld-font-weight);--ld-btn-border-radius:var(--ld-border-radius);--ld-btn-min-width:0;--ld-btn-line-height:var(--ld-line-height);--ld-btn-text-color:var(--ld-font-inverted-color);--ld-btn-border-width:2px;--ld-btn-padding-inline:var(--ld-padding-inline);--ld-btn-padding-block:calc(var(--ld-padding-block) - var(--ld-btn-border-width));--ld-btn-border-color:var(--ld-bg-inverted-color);--ld-btn-bg-color:var(--ld-bg-inverted-color);--ld-btn-border-color-disabled:var(--ld-bg-inverted-color-disabled);--ld-btn-bg-color-disabled:var(--ld-bg-inverted-color-disabled);--ld-btn-text-color-hover:var(--ld-font-inverted-color);--ld-btn-border-color-hover:var(--ld-bg-inverted-color-hover);--ld-btn-bg-color-hover:var(--ld-bg-inverted-color-hover);--ld-btn-group-active-color:var(--ld-bg-inverted-color-selected);--ld-btn-group-active-text-color:var(--ld-font-inverted-color);--ld-btn-group-border-width:2px;--ld-btn-group-border-inline-width:1px;--ld-calendar-width:290px;--ld-calendar-bg:var(--ld-bg-color);--ld-calendar-box-shadow:0 1rem 2rem 0 var(--ld-base-color);--ld-calendar-border-radius:var(--ld-border-radius);--ld-calendar-z-index:2;--ld-calendar-padding:10px;--ld-calendar-header-padding:10px;--ld-calendar-footer-padding:10px;--ld-calendar-date-cell-size:32px;--ld-calendar-date-cell-border-radius:50%;--ld-calendar-date-font-color:var(--ld-font-color);--ld-calendar-bg-hover:var(--ld-bg-color-hover);--ld-calendar-bg-active:var(--ld-bg-color-active);--ld-calendar-day-off-color:var(--ld-font-color-hihglight);--ld-calendar-different-date-color:var(--ld-base-color);--ld-calendar-bg-selected:var(--ld-bg-color-selected);--ld-calendar-disabled-color:var(--ld-base-color-disabled);--ld-calendar-disabled-bg-hover:var(--ld-bg-color);--ld-calendar-header-font-size:1rem;--ld-calendar-header-color:var(--ld-base-color);--ld-calendar-header-color-hover:var(--ld-base-color-hover);--ld-calendar-footer-color:var(--ld-base-color);--ld-calendar-footer-color-hover:var(--ld-base-color-hover);--ld-calendar-month-cell-size:70px;--ld-calendar-month-cell-border-radius:4px;--ld-calendar-month-cell-margin:2px;--ld-calendar-year-cell-size:70px;--ld-calendar-year-cell-border-radius:4px;--ld-calendar-year-cell-margin:2px;--ld-calendar-button-color:var(--ld-base-color);--ld-calendar-button-color-hover:var(--ld-base-color-hover);--ld-calendar-week-day-color:var(--ld-base-color);--ld-calendar-week-day-font-size:0.75rem;--ld-checkbox-size:1rem;--ld-checkbox-margin-inline-end:.5rem;--ld-checkbox-color-disabled:var(--ld-base-color-disabled);--ld-collapse-border-radius:var(--ld-border-radius);--ld-collapse-border-color:var(--ld-base-color);--ld-collapse-border:1px solid var(--ld-base-color);--ld-collapse-summary-padding-inline:1rem;--ld-collapse-summary-padding-block:.5rem;--ld-collapse-content-padding-inline:1rem;--ld-collapse-content-padding-block:1rem;--ld-collapse-border-color-hover:var(--ld-base-color-hover);--ld-collapse-bg-color-disabled:var(--ld-bg-color-disabled);--ld-collapse-icon-trabsition:transform 0.2s linear;--ld-datepicker-disabled-bg:var(--ld-bg-color-disabled);--ld-date-range-delimeter-width:10%;--ld-date-range-delimeter-min-width:2rem;--ld-drop-down-suggestion-padding-inline:var(--ld-padding-inline);--ld-drop-down-suggestion-padding-block:.5rem;--ld-drop-down-suggestion-border-radius:var(--ld-border-radius);--ld-drop-down-suggestion-bg:var(--ld-bg-color);--ld-drop-down-suggestion-bg-hover:var(--ld-bg-color-hover);--ld-drop-down-suggestion-bg-selected:var(--ld-bg-color-selected);--ld-drop-down-suggestion-bg-highlighted:var(--ld-bg-color-hover);--ld-drop-down-suggestion-container-border-width:1px;--ld-drop-down-suggestion-container-border-color:var(--ld-bg-color);--ld-drop-down-suggestion-container-border-radius:var(--ld-border-radius);--ld-drop-down-suggestion-container-max-block-size:200px;--ld-drop-down-suggestion-container-nodata-block-size:80px;--ld-drop-down-suggestion-container-box-shadow:0px 3px 10px var(--ld-base-color);--ld-drop-down-suggestion-container-margin-top:3px;--ld-drop-down-no-data-color:var(--ld-base-color);--ld-input-font-size:var(--ld-font-size);--ld-input-line-height:var(--ld-line-height);--ld-input-font-weight:var(--ld-font-weight);--ld-input-text-color:var(--ld-font-color);--ld-input-border-color:var(--ld-base-color);--ld-input-border-color-hover:var(--ld-base-color-hover);--ld-input-border-radius:var(--ld-border-radius);--ld-input-border-width:1px;--ld-input-padding-block:calc(var(--ld-padding-block) - var(--ld-input-border-width));--ld-input-padding-inline:var(--ld-padding-inline);--ld-input-close-icon-color:var(--ld-base-color);--ld-input-close-icon-color-hover:var(--ld-base-color);--ld-input-close-icon-size:2.25rem;--ld-input-close-icon-padding:.5rem;--ld-input-close-icon-border-radius:var(--ld-border-radius);--ld-input-bg-color:var(--ld-bg-color);--ld-input-element-bg-color:transparent;--ld-input-bg-color-disabled:var(--ld-bg-color-disabled);--ld-invalid-message-color:var(--ld-color-danger);--ld-loader-wrapper-min-height:200px;--ld-loader-bg-color:hsla(0,0%,100%,.8);--ld-loader-size:30px;--ld-loader-animation:r-to-left 2s linear infinite;--ld-loader-color:var(--ld-base-color);--ld-loader-fullscreen-z-index:10100;--ld-loader-container-border-radius:var(--ld-border-radius);--ld-modal-wrapper-z-index:10000;--ld-modal-wrapper-bg:rgba(0,0,0,.6);--ld-modal-wrapper-backdrop-filter:blur(3px);--ld-modal-z-index:10002;--ld-modal-top:64px;--ld-modal-border-radius:5px;--ld-modal-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);--ld-modal-cross-right:-20px;--ld-modal-cross-top:15px;--ld-modal-cross-size:35px;--ld-modal-cross-color:var(--ld-bg-color);--ld-modal-body-bg:var(--ld-bg-color);--ld-modal-border:1px solid #e7e5e4;--ld-modal-heading-padding:25px 30px;--ld-modal-footer-padding:25px 30px;--ld-modal-body-padding:15px 30px;--ld-modal-heading-font-size:1.5rem;--ld-modal-heading-font-weight:600;--ld-modal-heading-bg:var(--ld-bg-color);--ld-modal-footer-bg:var(--ld-bg-color);--ld-modal-width:500px;--ld-modal-max-width:90%;--ld-multiselect-placeholder-color:var(--ld-base-color);--ld-multiselect-placeholder-padding:3px 0 0 var(--ld-padding-inline);--ld-multiselect-tags-container-padding:2px;--ld-multiselect-tag-margin:4px;--ld-multiselect-tags-union-margin:var(--ld-multiselect-tag-margin) 1rem;--ld-multiselect-input-padding:0 0 0 10px;--ld-multiselect-input-height:30px;--ld-multiselect-bg-color:#fff;--ld-multiselect-border:1px solid var(--ld-base-color);--ld-multiselect-border-radius:var(--ld-border-radius);--ld-multiselect-clear-icon-top:4px;--ld-multiselect-clear-icon-right:4px;--ld-multiselect-clear-icon-padding:3px;--ld-multiselect-clear-icon-color:var(--ld-base-color);--ld-multiselect-clear-icon-color-hover:var(--ld-base-color-hover);--ld-numeric-arrow-width:2rem;--ld-numeric-arrow-padding-inline:.5rem;--ld-numeric-range-delimeter-width:2rem;--ld-pagination-button-margin-inline:5px;--ld-pagination-button-size:24px;--ld-pagination-button-color:var(--ld-font-color);--ld-pagination-button-color-hover:var(--ld-font-color);--ld-pagination-control-color:var(--ld-base-color);--ld-pagination-control-color-hover:var(--ld-font-color);--ld-pagination-number-selected-font-size:1.1rem;--ld-pagination-number-selected-color:var(--ld-font-color);--ld-pagination-options-dropdown-width:100px;--ld-pagination-options-label-color:var(--ld-font-color);--ld-pagination-options-label-margin-inline-end:1rem;--ld-pagination-info-label-color:var(--ld-font-color);--ld-pagination-disabled-color:var(--ld-base-color-disabled);--ld-password-rule-text-color:var(--ld-font-color-hihglight);--ld-progressbar-bg:var(--ld-bg-inverted-color-disabled);--ld-progressbar-bg-fill:var(--ld-color-success);--ld-progressbar-height:20px;--ld-progressbar-value-text-color:var(--ld-font-inverted-color);--ld-progressbar-value-font-size:12px;--ld-radio-color:var(--ld-base-color);--ld-radio-color-hover:var(--ld-base-color-hover);--ld-radio-color-disabled:var(--ld-bg-color-disabled);--ld-radio-contrast-color:var(--ld-bg-color);--ld-radio-active-color:var(--ld-base-color);--ld-radio-active-color-hover:var(--ld-base-color-hover);--ld-radio-active-color-disabled:var(--ld-bg-color-disabled);--ld-radio-active-contrast-color:var(--ld-bg-color);--ld-rating-base-color:var(--ld-base-color);--ld-rating-active-color:var(--ld-font-color);--ld-rating-icon-width:2rem;--ld-rating-icon-padding:2px;--ld-switcher-active-color:var(--ld-color-success);--ld-switcher-handler-bg:var(--ld-bg-color);--ld-switcher-handler-bg-hovered:var(--ld-bg-color);--ld-switcher-handler-bg-disabled:var(--ld-base-color);--ld-switcher-handler-border:1px solid var(--ld-base-color);--ld-switcher-handler-border-radius:10px;--ld-switcher-handler-size:17px;--ld-switcher-wrapper-bg:var(--ld-base-color);--ld-switcher-wrapper-bg-disabled:var(--ld-bg-color-disabled);--ld-switcher-wrapper-width:34px;--ld-switcher-label-margin-inline-start:.5rem;--ld-tabs-border-bottom:1px solid var(--ld-base-color);--ld-tabs-tab-padding:9px 14px;--ld-tabs-tab-text-color-hover:var(--ld-base-color-hover);--ld-tabs-tab-active-border:3px solid var(--ld-base-color);--ld-tabs-disabled-color:var(--ld-base-color);--ld-tabs-arrow-color:var(--ld-base-color);--ld-tabs-arrow-color-hover:var(--ld-base-color-hover);--ld-tabs-arrow-shadow:0px 0px 5px 2px;--ld-tabs-arrow-size:1.5rem;--ld-tabs-arrow-top:10px;--ld-tabs-arrow-padding-inner:2px;--ld-tabs-arrow-bg:var(--ld-bg-color);--ld-tag-min-inline-size:3rem;--ld-tag-block-size:1.75rem;--ld-tag-padding:2px 2px 2px 16px;--ld-tag-margin-inline-end:8px;--ld-tag-border-color:var(--ld-base-color);--ld-tag-border:1px solid var(--ld-base-color);--ld-tag-border-radius:var(--ld-border-radius);--ld-tag-bg:var(--ld-bg-color-active);--ld-tag-icon-color:var(--ld-base-color);--ld-tag-icon-padding:3px;--ld-tag-icon-color-hover:var(--ld-base-color-hover);--ld-tag-transition:250ms ease-out;--ld-textarea-height:120px;--ld-textarea-padding:1rem var(--ld-padding-inline);--ld-textarea-border:1px solid var(--ld-base-color);--ld-textarea-border-color-hover:var(--ld-base-color-hover);--ld-textarea-border-radius:var(--ld-border-radius);--ld-tooltip-z-index:10070;--ld-tooltip-max-width:280px;--ld-tooltip-min-width:50px;--ld-tooltip-text-color:var(--ld-font-inverted-color);--ld-tooltip-bg-color:var(--ld-bg-inverted-color-selected);--ld-tooltip-border-radius:var(--ld-border-radius);--ld-tooltip-transition:opacity .2s;--ld-tooltip-padding:.5rem 1rem;--ld-tooltip-arrow-length:7px;--ld-tooltip-arrow-width:4px}*,:after,:before{box-sizing:border-box}.ld-suggestion-item{border-radius:var(--ld-drop-down-suggestion-border-radius);cursor:pointer;margin:2px;padding-block:var(--ld-drop-down-suggestion-padding-block);padding-inline:var(--ld-drop-down-suggestion-padding-inline)}.ld-suggestion-item:hover{background-color:var(--ld-drop-down-suggestion-bg-hover)}.ld-suggestion-highlighted{background-color:var(--ld-drop-down-suggestion-bg-highlighted)}.ld-suggestion-highlighted:hover{background-color:var(--ld-drop-down-suggestion-bg-hover)}.ld-suggestion-selected,.ld-suggestion-selected:hover{background-color:var(--ld-drop-down-suggestion-bg-selected)}.ld-suggestion-list{max-block-size:var(--ld-drop-down-suggestion-container-max-block-size);overflow-x:hidden;overflow-y:auto}.ld-suggestion-wrapper{background-color:var(--ld-drop-down-suggestion-bg);border:var(--ld-drop-down-suggestion-container-border-width) solid var(--ld-drop-down-suggestion-container-border-color);border-radius:var(--ld-drop-down-suggestion-container-border-radius);box-shadow:var(--ld-drop-down-suggestion-container-box-shadow);margin-top:var(--ld-drop-down-suggestion-container-margin-top);position:absolute;top:100%;width:100%;z-index:1}.ld-pos-top{bottom:100%;top:auto}.ld-nodata{align-items:center;color:var(--ld-drop-down-no-data-color);display:flex;justify-content:center;min-block-size:var(--ld-drop-down-suggestion-container-nodata-block-size)}.ld-input-element{background-color:var(--ld-input-element-bg-color);border:none;border-radius:var(--ld-input-border-radius);cursor:inherit;flex-grow:2;font-size:var(--ld-input-font-size);inline-size:100%;line-height:var(--ld-input-line-height);outline:none;padding-block:var(--ld-input-padding-block);padding-inline:var(--ld-input-padding-inline)}.ld-input-element-wrapper{align-items:center;background-color:var(--ld-input-bg-color);border:var(--ld-input-border-width) solid var(--ld-input-border-color);border-radius:var(--ld-input-border-radius);color:var(--ld-input-text-color);display:flex;justify-content:space-between}.ld-input-element-wrapper:hover{border-color:var(--ld-input-border-color-hover)}.ld-input-icon{block-size:100%;border-radius:var(--ld-input-close-icon-border-radius);color:var(--ld-input-close-icon-color);cursor:pointer;inline-size:var(--ld-input-close-icon-size);padding:var(--ld-input-close-icon-padding)}.ld-input-icon:hover{color:var(--ld-input-close-icon-color-hover)}.ld-autocomplete-wrapper{display:flex;flex-direction:column;position:relative}.ld-autocomplete-wrapper .ld-input-element-wrapper{width:100%}.ld-btn{background-color:var(--ld-btn-bg-color);border:var(--ld-btn-border-width) solid var(--ld-btn-border-color);border-radius:var(--ld-btn-border-radius);color:var(--ld-btn-text-color);cursor:pointer;display:inline-block;font-size:var(--ld-btn-font-size);font-weight:var(--ld-btn-font-weight);line-height:var(--ld-btn-line-height);min-inline-size:var(--ld-btn-min-width);padding-block:var(--ld-btn-padding-block);padding-inline:var(--ld-btn-padding-inline);position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.ld-btn:hover{background-color:var(--ld-btn-bg-color-hover);border-color:var(--ld-btn-border-color-hover);color:var(--ld-btn-text-color-hover)}.ld-btn .ld-loading{cursor:progress}.ld-btn .ld-loading:hover{background-color:var(--ld-btn-bg-color);border-color:var(--ld-btn-bg-color)}.ld-btn .ld-loading-icon{animation:rotate 2s linear infinite;color:currentColor;display:block;height:var(--ld-btn-font-size);left:calc(var(--ld-btn-padding-inline)/2 - var(--ld-font-size)/2);position:absolute;top:calc(var(--ld-btn-padding-block) + var(--ld-btn-line-height)/2 - var(--ld-btn-font-size)/2);width:var(--ld-btn-font-size)}.ld-btn-disabled{cursor:not-allowed}.ld-btn-disabled,.ld-btn-disabled:hover{background-color:var(--ld-btn-bg-color-disabled);border-color:var(--ld-btn-border-color-disabled)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ld-button-group-buttons-wrapper{display:flex}.ld-button-disabled{filter:opacity(50%)}.ld-button-disabled .ld-button-group-item:hover{background-color:var(--ld-btn-bg-color);border-color:var(--ld-btn-border-color);cursor:not-allowed}.ld-button-disabled .ld-button-group-item .ld-button-active:hover{background-color:var(--ld-btn-group-active-color);border-color:var(--ld-btn-group-active-color)}.ld-button-group-item{border-block-width:var(--ld-btn-group-border-width);border-inline-width:var(--ld-btn-group-border-inline-width);border-radius:0}.ld-button-group-item.ld-button-first{border-inline-start-width:var(--ld-btn-group-border-width);border-radius:var(--ld-btn-border-radius) 0 0 var(--ld-btn-border-radius)}.ld-button-group-item.ld-button-last{border-inline-end-width:var(--ld-btn-group-border-width);border-radius:0 var(--ld-btn-border-radius) var(--ld-btn-border-radius) 0}.ld-button-group-item.ld-button-active{background-color:var(--ld-btn-group-active-color);border-color:var(--ld-btn-group-active-color);color:var(--ld-btn-group-active-text-color)}.ld-calendar-standalone-wrapper,.ld-calendar-wrapper{width:var(--ld-calendar-width)}.ld-calendar-wrapper{background-color:var(--ld-calendar-bg);border-radius:var(--ld-calendar-border-radius);box-shadow:var(--ld-calendar-box-shadow);padding:var(--ld-calendar-padding);position:absolute;z-index:var(--ld-calendar-z-index)}.ld-calendar-top{bottom:100%}.ld-calendar-right{right:0}.ld-calendar-standalone{position:static;width:100%}.ld-calendar-date{align-items:center;border-radius:var(--ld-calendar-date-cell-border-radius);color:var(--ld-calendar-date-font-color);cursor:pointer;display:flex;height:var(--ld-calendar-date-cell-size);justify-content:center;width:var(--ld-calendar-date-cell-size)}.ld-calendar-date:hover{background-color:var(--ld-calendar-bg-hover)}.ld-calendar-date-active{background-color:var(--ld-calendar-bg-active)}.ld-calendar-date-day-off{color:var(--ld-calendar-day-off-color)}.ld-calendar-date-different-month{color:var(--ld-calendar-different-date-color)}.ld-calendar-date-selected,.ld-calendar-date-selected:hover{background-color:var(--ld-calendar-bg-selected)}.ld-calendar-date-disabled{color:var(--ld-calendar-disabled-color);cursor:not-allowed}.ld-calendar-date-disabled:hover{background-color:var(--ld-calendar-bg)}.ld-calendar-date-today{font-weight:700}.ld-calendar-date-row{display:flex;justify-content:space-around}.ld-calendar-footer{color:var(--ld-calendar-footer-color);cursor:pointer;padding:var(--ld-calendar-footer-padding);text-align:center}.ld-calendar-footer:hover{color:var(--ld-calendar-footer-color-hover)}.ld-calendar-header{align-items:center;display:flex;justify-content:space-between;padding:var(--ld-calendar-header-padding)}.ld-calendar-month-cell{align-items:center;border-radius:var(--ld-calendar-month-cell-border-radius);cursor:pointer;display:flex;height:var(--ld-calendar-month-cell-size);justify-content:center;margin:var(--ld-calendar-month-cell-margin);width:var(--ld-calendar-month-cell-size)}.ld-calendar-month-cell:hover{background-color:var(--ld-calendar-bg-hover)}.ld-calendar-month-cell-active,.ld-calendar-month-cell-active:hover{background-color:var(--ld-calendar-bg-selected)}.ld-calendar-month-row{display:flex}.ld-calendar-month-cell-disabled{color:var(--ld-calendar-disabled-color);cursor:not-allowed}.ld-calendar-month-cell-disabled:hover{background-color:var(--ld-calendar-bg)}.ld-calendar-next-button{align-items:center;color:var(--ld-calendar-button-color);cursor:pointer;display:flex}.ld-calendar-next-button:hover{color:var(--ld-calendar-button-color-hover)}.ld-calendar-prev-button{align-items:center;color:var(--ld-calendar-button-color);cursor:pointer;display:flex}.ld-calendar-prev-button:hover{color:var(--ld-calendar-button-color-hover)}.ld-calendar-button-disabled{cursor:not-allowed}.ld-calendar-button-disabled,.ld-calendar-button-disabled:hover{color:var(--ld-calendar-disabled-color)}.ld-calendar-title{color:var(--ld-calendar-header-color);cursor:pointer;font-size:var(--ld-calendar-header-font-size)}.ld-calendar-title:hover{color:var(--ld-calendar-button-color-hover)}.ld-calendar-title-disabled{cursor:not-allowed}.ld-calendar-title-disabled,.ld-calendar-title-disabled:hover{color:var(--ld-calendar-disabled-color)}.ld-calendar-week-days-row{display:flex;justify-content:space-around}.ld-calendar-week-day{color:var(--ld-calendar-week-day-color);font-size:var(--ld-calendar-week-day-font-size);height:var(--ld-calendar-date-cell-size);width:var(--ld-calendar-date-cell-size)}.ld-calendar-week-day,.ld-calendar-year-cell{align-items:center;display:flex;justify-content:center}.ld-calendar-year-cell{border-radius:var(--ld-calendar-year-cell-border-radius);cursor:pointer;height:var(--ld-calendar-year-cell-size);margin:var(--ld-calendar-year-cell-margin);width:var(--ld-calendar-year-cell-size)}.ld-calendar-year-cell:hover{background-color:var(--ld-calendar-bg-hover)}.ld-calendar-year-cell-active,.ld-calendar-year-cell-active:hover{background-color:var(--ld-calendar-bg-selected)}.ld-calendar-year-cell-different-decade{color:var(--ld-calendar-different-date-color)}.ld-calendar-year-row{display:flex}.ld-calendar-year-cell-disabled{color:var(--ld-calendar-disabled-color);cursor:not-allowed}.ld-calendar-year-cell-disabled:hover{background-color:var(--ld-calendar-bg)}.ld-collapse-wrapper[open] .ld-collapse-icon{transform:rotate(180deg)}.ld-collapse-summary{align-items:center;border:var(--ld-collapse-border);border-radius:var(--ld-collapse-border-radius);cursor:pointer;display:flex;justify-content:space-between;padding-block:var(--ld-collapse-summary-padding-block);padding-inline:var(--ld-collapse-summary-padding-inline)}.ld-collapse-summary:hover{border-color:var(--ld-collapse-border-color-hover)}.ld-collapse-summary:hover .ld-collapse-icon{color:var(--ld-collapse-border-color-hover)}.ld-collapse-summary .ld-collapse-icon{color:var(--ld-collapse-border-color);transform:rotate(0);transition:transform .2s linear}.ld-collapse-content{padding-block:var(--ld-collapse-content-padding-block);padding-inline:var(--ld-collapse-content-padding-inline)}.ld-checkbox-label{align-items:center;cursor:pointer;display:inline-flex;position:relative}.ld-checkbox-input{height:0;opacity:0;position:absolute;width:0}.ld-checkbox-input:disabled+.ld-checkbox-label{color:var(--ld-checkbox-color-disabled);cursor:not-allowed}.ld-checkbox-icon{height:var(--ld-checkbox-size);margin-inline-end:var(--ld-checkbox-margin-inline-end);width:var(--ld-checkbox-size)}.ld-checkbox-invalid{color:var(--ld-color-danger)}.ld-datepicker-wrapper{position:relative}.ld-daterange-wrapper{display:flex;justify-content:space-between}.ld-daterange-wrapper .ld-datepicker-wrapper{flex-grow:1}.ld-daterange-delimiter{align-items:center;display:flex;justify-content:center;min-width:var(--ld-date-range-delimeter-min-width);width:var(--ld-date-range-delimeter-width)}.ld-dropdownselect-wrapper{position:relative}.ld-dropdownselect-wrapper .ld-input-element-wrapper{cursor:pointer}.ld-opened{transform:rotate(180deg)}.ld-closed{transform:rotate(0deg)}.ld-loader-wrapper{min-height:var(--ld-loader-wrapper-min-height);position:relative}.ld-loader-container{align-items:center;background-color:var(--ld-loader-bg-color);border-radius:var(--ld-loader-container-border-radius);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.ld-loader-element{animation:var(--ld-loader-animation);color:var(--ld-loader-color);height:var(--ld-loader-size);width:var(--ld-loader-size);@keyframes r-to-left{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}}.ld-loader-fullscreen{align-items:center;background-color:var(--ld-loader-bg-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--ld-loader-fullscreen-z-index)}.ld-loader-global{overflow:hidden}.ld-modal-wrapper{backdrop-filter:var(--ld-modal-wrapper-backdrop-filter);background-color:var(--ld-modal-wrapper-bg);left:0;min-height:100%;overflow:auto;position:fixed;right:0;top:0;z-index:var(--ld-modal-wrapper-z-index)}.ld-modal-window{border-radius:var(--ld-modal-border-radius);box-shadow:var(--ld-modal-box-shadow);left:50%;max-width:var(--ld-modal-max-width);position:absolute;top:var(--ld-modal-top);transform:translate(-50%);width:var(--ld-modal-width);z-index:var(--ld-modal-z-index)}.ld-modal-cross{color:var(--ld-modal-cross-color);cursor:pointer;display:block;height:var(--ld-modal-cross-size);position:absolute;right:var(--ld-modal-cross-right);top:var(--ld-modal-cross-top);transform:translateX(100%);width:var(--ld-modal-cross-size)}.ld-modal-body{background:var(--ld-modal-body-bg);padding:var(--ld-modal-body-padding)}.ld-modal-body:first-of-type{border-top-left-radius:var(--ld-modal-border-radius);border-top-right-radius:var(--ld-modal-border-radius)}.ld-modal-body:last-child{border-bottom-left-radius:var(--ld-modal-border-radius);border-bottom-right-radius:var(--ld-modal-border-radius)}.ld-modal-header{background:var(--ld-modal-heading-bg);border-bottom:var(--ld-modal-border);border-top-left-radius:var(--ld-modal-border-radius);border-top-right-radius:var(--ld-modal-border-radius);font-size:var(--ld-modal-heading-font-size);font-weight:var(--ld-modal-heading-font-weight);padding:var(--ld-modal-heading-padding)}.ld-modal-header+.modal-body{border-top-left-radius:0;border-top-right-radius:0}.ld-modal-footer{background:var(--ld-modal-footer-bg);border-bottom-left-radius:var(--ld-modal-border-radius);border-bottom-right-radius:var(--ld-modal-border-radius);border-top:var(--ld-modal-border);padding:var(--ld-modal-footer-padding);text-align:right}.ld-multiselect-wrapper{position:relative}.ld-multiselect-tags-container{display:flex;flex-wrap:wrap;padding:var(--ld-multiselect-tags-container-padding)}.ld-multiselect-tags-container .ld-tag{margin:var(--ld-multiselect-tag-margin)}.ld-multiselect-tags-union{margin:var(--ld-multiselect-tags-union-margin)}.ld-multiselect-placeholder{color:var(--ld-multiselect-placeholder-color);padding:var(--ld-multiselect-placeholder-padding)}.ld-multiselect-input-wrapper{background-color:var(--ld-multiselect-bg-color);border:var(--ld-multiselect-border);border-radius:var(--ld-multiselect-border-radius);flex-direction:column}.ld-multiselect-input{background-color:transparent;border:none;font-family:inherit;height:var(--ld-multiselect-input-height);outline:none;padding:var(--ld-multiselect-input-padding);width:100%}.ld-multiselect-clear-icon{color:var(--ld-multiselect-clear-icon-color);cursor:pointer;padding:var(--ld-multiselect-clear-icon-padding);position:absolute;right:var(--ld-multiselect-clear-icon-right);top:var(--ld-multiselect-clear-icon-top)}.ld-multiselect-clear-icon:hover{color:var(--ld-multiselect-clear-icon-color-hover)}.ld-multiselect-checkbox-container,.ld-multiselect-checkbox-wrapper{display:flex}.ld-multiselect-checkbox-label{align-items:center;display:inline-flex}.ld-numeric-arrows{display:flex;flex-direction:column}.ld-numeric-arrow-down{cursor:pointer;padding-inline:var(--ld-numeric-arrow-padding-inline);width:var(--ld-numeric-arrow-width);block-size:50%;color:var(--ld-input-border-color)}.ld-numeric-arrow-down:hover{color:#000}.ld-numeric-arrow-up{cursor:pointer;padding-inline:var(--ld-numeric-arrow-padding-inline);width:var(--ld-numeric-arrow-width);block-size:50%;color:var(--ld-input-border-color)}.ld-numeric-arrow-up:hover{color:var(--ld-input-border-hover-color)}.ld-numeric-range-wrapper{align-items:center;display:flex}.ld-numeric-range-wrapper>.ld-numeric-wrapper{flex-grow:1}.ld-numeric-range-delimiter{text-align:center;width:var(--ld-numeric-range-delimeter-width)}.ld-pagination-button,.ld-pagination-wrapper{align-items:center;display:flex}.ld-pagination-button{color:var(--ld-pagination-button-color);cursor:pointer;height:var(--ld-pagination-button-size);justify-content:center;margin-inline:var(--ld-pagination-button-margin-inline);order:2;width:var(--ld-pagination-button-size)}.ld-pagination-button:hover{color:var(--ld-pagination-button-color-hover)}.ld-pagination-controls{color:var(--ld-pagination-control-color)}.ld-pagination-controls:hover{color:var(--ld-pagination-control-color-hover)}.ld-pagination-numbers{display:flex;list-style:none;order:2}.ld-pagination-number-selected{color:var(--ld-pagination-number-selected-color);cursor:default;font-size:var(--ld-pagination-number-selected-font-size);font-weight:700}.ld-pagination-options-wrapper{align-items:baseline;display:flex;flex:1;flex-direction:row-reverse;justify-content:flex-end}.ld-pagination-options{width:var(--ld-pagination-options-dropdown-width)}.ld-pagination-options-label{color:var(--ld-pagination-options-label-color);margin-inline-end:var(--ld-pagination-options-label-margin-inline-end)}.ld-pagination-info-label{color:var(--ld-pagination-info-label-color);display:flex;flex:1;justify-content:flex-end;order:3}.ld-pagination-disabled{cursor:not-allowed}.ld-pagination-disabled,.ld-pagination-disabled:hover{color:var(--ld-pagination-disabled-color)}.ld-password-rule-message{color:var(--ld-password-rule-text-color)}.ld-progressbar-wrapper{background:var(--ld-progressbar-bg);height:var(--ld-progressbar-height);position:relative}.ld-progressbar-fill{align-items:center;background:var(--ld-progressbar-bg-fill);display:flex;height:100%;justify-content:center;left:0;position:absolute;transition:width .25s linear}.ld-progressbar-value{color:var(--ld-progressbar-value-text-color);font-size:var(--ld-progressbar-value-font-size)}.ld-radio-label{cursor:pointer;display:inline-flex;padding-left:25px;position:relative}.ld-radio-label:before{background-color:var(--ld-radio-contrast-color);border:1px solid var(--ld-radio-color);height:16px;left:0;top:3px;width:16px}.ld-radio-label:after,.ld-radio-label:before{border-radius:50%;content:" ";position:absolute}.ld-radio-label:after{height:6px;left:5px;top:8px;width:6px}.ld-radio-label:hover:before{border:1px solid var(--ld-radio-color-hover)}.ld-radio-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.ld-radio-input:checked+.ld-radio-label:after{background-color:var(--ld-radio-active-contrast-color)}.ld-radio-input:checked+.ld-radio-label:before{background-color:var(--ld-radio-active-color);border-color:var(--ld-radio-active-color)}.ld-radio-input:disabled+.ld-radio-label{cursor:not-allowed}.ld-radio-input:disabled+.ld-radio-label:before,.ld-radio-input:disabled+.ld-radio-label:hover:before{background-color:var(--ld-radio-active-color-disabled);border:1px solid var(--ld-radio-active-color-disabled)}.ld-radio-input:checked:disabled+.ld-radio-label:after{background-color:var(--ld-radio-contrast-color)}.ld-rating-wrapper{display:flex}.ld-rating-item{color:var(--ld-rating-base-color);cursor:pointer;padding:var(--ld-rating-icon-padding);width:var(--ld-rating-icon-width)}.ld-filled{color:var(--ld-rating-active-color)}.ld-rating-disabled{cursor:not-allowed}.ld-switcher-handler{background:var(--ld-switcher-handler-bg);border:var(--ld-switcher-handler-border);border-radius:var(--ld-switcher-handler-border-radius);cursor:pointer;height:var(--ld-switcher-handler-size);transition:all .1s linear;width:var(--ld-switcher-handler-size)}.ld-switcher{background:var(--ld-switcher-wrapper-bg);border-radius:var(--ld-switcher-handler-border-radius);cursor:pointer;display:inline-block;vertical-align:middle;width:var(--ld-switcher-wrapper-width)}.ld-switcher:hover .ld-switcher-handler{background:var(--ld-switcher-handler-bg-hovered)}.ld-switcher-active{background-color:var(--ld-switcher-active-color)}.ld-switcher-active .ld-switcher-handler{background:var(--ld-switcher-handler-bg);transform:translateX(100%)}.ld-switcher-active:hover .ld-switcher-handler{background-color:var(--ld-switcher-handler-bg-hovered)}.ld-switcher-disabled{background:var(--ld-switcher-wrapper-bg-disabled);cursor:not-allowed;pointer-events:none}.ld-switcher-active.ld-switcher-disabled,.ld-switcher-active.ld-switcher-disabled .ld-switcher-handler,.ld-switcher-disabled .ld-switcher-handler{background-color:var(--ld-switcher-handler-bg-disabled)}.ld-switcher-label:not(:empty){cursor:pointer;margin-inline-start:var(--ld-switcher-label-margin-inline-start)}.ld-tabs-wrapper{display:flex;flex-direction:column;position:relative}.ld-tabs-container{border-bottom:var(--ld-tabs-border-bottom)}.ld-tabs-bar{display:inline-flex}.ld-tab-scroll{overflow-x:scroll}.ld-tab-scroll::-webkit-scrollbar{display:none}.ld-tab{cursor:pointer;padding:var(--ld-tabs-tab-padding)}.ld-tab:hover{color:var(--ld-tabs-tab-text-color-hover)}.ld-tab-active{border-bottom:var(--ld-tabs-tab-active-border);cursor:default}.ld-tab-active:hover{color:initial}.ld-tab-disabled{cursor:not-allowed}.ld-tab-disabled,.ld-tab-disabled:hover{color:var(--ld-tabs-disabled-color)}.ld-tabs-arrow{background:var(--ld-tabs-arrow-bg);border-radius:50%;box-shadow:var(--ld-tabs-arrow-shadow);color:var(--ld-tabs-arrow-color);cursor:pointer;height:var(--ld-tabs-arrow-size);position:absolute;top:var(--ld-tabs-arrow-top);width:var(--ld-tabs-arrow-size)}.ld-tabs-arrow:hover{color:var(--ld-tabs-arrow-color-hover)}.ld-tabs-arrow-left{left:0;padding-right:var(--ld-tabs-arrow-padding-inner)}.ld-tabs-arrow-right{padding-left:var(--ld-tabs-arrow-padding-inner);right:0}.ld-tag,.ld-tags-wrapper{display:flex}.ld-tag{align-items:center;background-color:var(--ld-tag-bg);block-size:var(--ld-tag-block-size);border:var(--ld-tag-border);border-radius:var(--ld-tag-border-radius);margin-inline-end:var(--ld-tag-margin-inline-end);min-inline-size:var(--ld-tag-min-inline-size);padding:var(--ld-tag-padding);transition:var(--ld-tag-transition)}.ld-tag:hover .ld-tag-icon{color:var(--ld-tag-icon-color-hover)}.ld-tag-icon{color:var(--ld-tag-icon-color);cursor:pointer;padding:var(--ld-tag-icon-padding)}.ld-tooltip-wrapper{display:inline-block}.ld-tooltip{background-color:var(--ld-tooltip-bg-color);border-radius:var(--ld-tooltip-border-radius);color:var(--ld-tooltip-text-color);max-width:var(--ld-tooltip-max-width);min-width:var(--ld-tooltip-min-width);padding:var(--ld-tooltip-padding);position:absolute;transition:var(--ld-tooltip-transition);z-index:var(--ld-tooltip-z-index)}.ld-tooltip:after{border-color:transparent;border-style:solid;content:"";height:0;position:absolute;width:0}.ld-tooltip.ld-top{margin-top:calc(var(--ld-tooltip-arrow-length)*-1);transform:translate(-50%,-100%)}.ld-tooltip.ld-top:after{border-top-color:var(--ld-tooltip-bg-color);border-width:var(--ld-tooltip-arrow-length) var(--ld-tooltip-arrow-width) 0;left:50%;top:100%;transform:translateX(-50%)}.ld-tooltip.ld-bottom{margin-top:var(--ld-tooltip-arrow-length);transform:translateX(-50%)}.ld-tooltip.ld-bottom:after{border-bottom-color:var(--ld-tooltip-bg-color);border-width:0 var(--ld-tooltip-arrow-width) var(--ld-tooltip-arrow-length);bottom:100%;left:50%;transform:translateX(-50%)}.ld-tooltip.ld-left{margin-left:calc(var(--ld-tooltip-arrow-length)*-1);transform:translate(-100%,-50%)}.ld-tooltip.ld-left:after{border-left-color:var(--ld-tooltip-bg-color);border-width:var(--ld-tooltip-arrow-width) 0 var(--ld-tooltip-arrow-width) var(--ld-tooltip-arrow-length);left:100%;top:50%;transform:translateY(-50%)}.ld-tooltip.ld-right{margin-left:var(--ld-tooltip-arrow-length);transform:translateY(-50%)}.ld-tooltip.ld-right:after{border-right-color:var(--ld-tooltip-bg-color);border-width:var(--ld-tooltip-arrow-width) var(--ld-tooltip-arrow-length) var(--ld-tooltip-arrow-width) 0;right:100%;top:50%;transform:translateY(-50%)}.ld-textarea{border:var(--ld-textarea-border);border-radius:var(--ld-textarea-border-radius);height:var(--ld-textarea-height);outline:none;padding:var(--ld-textarea-padding);resize:none;width:100%}.ld-textarea:hover{border-color:var(--ld-textarea-border-color-hover)}.ld-invalid-message{color:var(--ld-invalid-message-color)}.ld-danger,.ld-danger:hover{border-color:var(--ld-color-danger)}.ld-disabled{background-color:var(--ld-input-bg-color-disabled);cursor:not-allowed}.ld-disabled .ld-required,.ld-disabled:hover{border-color:var(--ld-input-border-color)}.ld-disabled .ld-input-element,.ld-disabled .ld-input-icon{background-color:var(--ld-input-bg-color-disabled)}.ld-disabled .ld-input-icon{cursor:not-allowed}.ld-disabled .ld-input-icon,.ld-disabled .ld-input-icon:hover{color:var(--ld-input-border-color)}.ld-focused,.ld-focused:hover{border-color:var(--ld-input-border-color-hover)}

package/dist/utils/checkIsTheSameObject.d.ts

@@ -0,0 +1,8 @@
+import type { SomeObject } from '../commonTypes';
+interface CompareObjectsParams {
+    compareObjectsBy?: ((suggestionListItems: SomeObject) => unknown) | string;
+    obj1: unknown;
+    obj2: unknown;
+}
+export declare const checkIsTheSameObject: ({ obj1, obj2, compareObjectsBy, }: CompareObjectsParams) => boolean;
+export {};

package/dist/utils/checkIsTheSameObject.js

@@ -0,0 +1,17 @@
+import { isFunction, isObject, isString } from 'lodash';
+export const checkIsTheSameObject = ({ obj1, obj2, compareObjectsBy, }) => {
+    if (isObject(obj1) && isObject(obj2)) {
+        if (isString(compareObjectsBy)) {
+            if (!(compareObjectsBy in obj1))
+                return false; // do not compare by missing fields
+            return obj1[compareObjectsBy] === obj2[compareObjectsBy];
+        }
+        if (isFunction(compareObjectsBy)) {
+            if (compareObjectsBy(obj1) === undefined)
+                return false; // do not compare by missing fields
+            return compareObjectsBy(obj1) === compareObjectsBy(obj2);
+        }
+    }
+    return obj1 === obj2;
+};
+//# sourceMappingURL=checkIsTheSameObject.js.map

package/dist/utils/checkIsTheSameObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkIsTheSameObject.js","sourceRoot":"","sources":["../../leda/utils/checkIsTheSameObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AASxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,gBAAgB,GACK,EAAW,EAAE;IAClC,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACrC,IAAI,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,CAAC,gBAAgB,IAAI,IAAI,CAAC;gBAAE,OAAO,KAAK,CAAC,CAAC,mCAAmC;YAElF,OAAQ,IAAmB,CAAC,gBAAgB,CAAC,KAAM,IAAmB,CAAC,gBAAgB,CAAC,CAAC;QAC3F,CAAC;QACD,IAAI,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACjC,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,SAAS;gBAAE,OAAO,KAAK,CAAC,CAAC,mCAAmC;YAE3F,OAAO,gBAAgB,CAAC,IAAI,CAAC,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,OAAO,IAAI,KAAK,IAAI,CAAC;AACvB,CAAC,CAAC"}

package/dist/utils/createComponentTheme.d.ts

@@ -0,0 +1 @@
+export declare const createComponentTheme: <T extends object = {}>(defaultTheme?: object | T, globalTheme?: Partial<T>, themeProp?: Partial<T>) => T;

package/dist/utils/createComponentTheme.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line @typescript-eslint/ban-types
+export const createComponentTheme = (defaultTheme = {}, globalTheme = {}, themeProp = {}) => (Object.assign(Object.assign(Object.assign({}, defaultTheme), globalTheme), themeProp));
+//# sourceMappingURL=createComponentTheme.js.map

package/dist/utils/createComponentTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponentTheme.js","sourceRoot":"","sources":["../../leda/utils/createComponentTheme.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAwB,eAA2B,EAAE,EAAE,cAA0B,EAAE,EAAE,YAAwB,EAAE,EAAK,EAAE,CAAC,CAAC,8CAAK,YAAY,GAAK,WAAW,GAAK,SAAS,CAAQ,CAAA,CAAC"}

package/dist/utils/dispatchEvent.d.ts

@@ -0,0 +1,5 @@
+import type * as React from 'react';
+import type { CustomEventHandler } from '../commonTypes';
+export declare const dispatchEvent: <E extends React.SyntheticEvent<Element, Event>, T extends object, B extends HTMLElement>(baseEvent: E, handler?: CustomEventHandler<E & {
+    target: T & EventTarget & B;
+}> | undefined, target?: T | undefined) => void;

package/dist/utils/dispatchEvent.js

@@ -0,0 +1,8 @@
+import { isFunction } from 'lodash';
+export const dispatchEvent = (baseEvent, handler, target) => {
+    if (isFunction(handler)) {
+        const customEvent = Object.assign(Object.assign({}, baseEvent), { target: Object.assign(Object.assign({}, baseEvent.target), target) });
+        handler(customEvent);
+    }
+};
+//# sourceMappingURL=dispatchEvent.js.map

package/dist/utils/dispatchEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatchEvent.js","sourceRoot":"","sources":["../../leda/utils/dispatchEvent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,CAAC,MAAM,aAAa,GAAG,CAA0E,SAAY,EAAE,OAAiE,EAAE,MAAU,EAAQ,EAAE;IAC1M,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACxB,MAAM,WAAW,GAAG,gCACf,SAAS,KACZ,MAAM,kCACD,SAAS,CAAC,MAAM,GAChB,MAAM,IAE2B,CAAC;QAEzC,OAAO,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC;AACH,CAAC,CAAC"}

package/dist/utils/extractPropsFromWrapper.d.ts

@@ -0,0 +1,2 @@
+import type * as React from 'react';
+export declare const extractPropsFromWrapper: <P>(wrapper: React.ReactElement) => Pick<P, Exclude<keyof P, "children">>;

package/dist/utils/extractPropsFromWrapper.js

@@ -0,0 +1,17 @@
+// function to get a wrapper passed as JSX, without descendants
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+export const extractPropsFromWrapper = (wrapper) => {
+    const _a = wrapper.props, { children } = _a, wrapperProps = __rest(_a, ["children"]);
+    return Object.assign({}, wrapperProps);
+};
+//# sourceMappingURL=extractPropsFromWrapper.js.map

package/dist/utils/extractPropsFromWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractPropsFromWrapper.js","sourceRoot":"","sources":["../../leda/utils/extractPropsFromWrapper.ts"],"names":[],"mappings":"AAAA,+DAA+D;;;;;;;;;;;;AAI/D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAI,OAA2B,EAAyC,EAAE;IAC/G,MACE,KAIE,OAAO,MADR,EAHD,EACE,QAAQ,OAET,EADI,YAAY,cAFV,YAGN,CACQ,CAAC;IAEZ,yBAAY,YAAY,EAAG;AAC7B,CAAC,CAAC"}

package/dist/utils/fileSizeTransformers.d.ts

@@ -0,0 +1,3 @@
+import { FILE_SIZE_UNITS } from '../constants';
+export declare const getSizeInBytes: (size: number, unit: keyof typeof FILE_SIZE_UNITS) => number;
+export declare const bytesSizeToUnitsSize: (size: number, unit: keyof typeof FILE_SIZE_UNITS) => number;