@homecode/ui 5.1.8 → 5.1.9

package/dist/esm/src/components/Label/Label.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/LangSelector/LangSelector.js

@@ -1,10 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { Select2 } from '../Select/Select2.js';
-import { useI18N } from '../../services/i18n.js';
-
-function LangSelector(props) {
-    const i18n = useI18N();
-    return jsx(Select2, { value: i18n.lang, onChange: i18n.changeLang, ...props });
-}
-
-export { LangSelector };
+import{jsx}from"react/jsx-runtime";import{Select2}from"../Select/Select2.js";import{useI18N}from"../../services/i18n.js";function LangSelector(e){var r=useI18N();return jsx(Select2,{value:r.lang,onChange:r.changeLang,...e})}export{LangSelector};
+//# sourceMappingURL=LangSelector.js.map

package/dist/esm/src/components/LangSelector/LangSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LangSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Lazy/Lazy.js

@@ -1,74 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import Time from 'timen';
-import { Spinner } from '../Spinner/Spinner.js';
-import { Flex } from '../Flex/Flex.js';
-
-function compare(cb1, cb2) {
-    return cb1?.toString() === cb2?.toString();
-}
-const loaded = new Map();
-function useLazy(loader, spinnerTimeout = 500) {
-    const [loading, setLoading] = useState(() => {
-        const cached = loaded.get(loader);
-        return !cached;
-    });
-    const [spinnerTimeoutState, setSpinnerTimeoutState] = useState(() => {
-        const cached = loaded.get(loader);
-        return !!cached;
-    });
-    const [importData, setImportData] = useState(() => loaded.get(loader));
-    const loaderRef = useRef(loader);
-    const timeoutRef = useRef(null);
-    useEffect(() => {
-        const cached = loaded.get(loader);
-        // If already loaded, don't show loading state
-        if (cached) {
-            setImportData(cached);
-            setLoading(false);
-            setSpinnerTimeoutState(true);
-            return;
-        }
-        // If loader changed, clear previous timeout
-        if (!compare(loaderRef.current, loader)) {
-            timeoutRef.current?.();
-            timeoutRef.current = null;
-        }
-        loaderRef.current = loader;
-        // Start loading
-        setLoading(true);
-        setSpinnerTimeoutState(false);
-        timeoutRef.current = Time.after(spinnerTimeout, () => {
-            setSpinnerTimeoutState(true);
-        });
-        loader().then((data) => {
-            // Check if loader hasn't changed during async operation
-            if (!compare(loaderRef.current, loader))
-                return;
-            loaded.set(loader, data);
-            setImportData(data);
-            setLoading(false);
-        });
-        return () => {
-            timeoutRef.current?.();
-        };
-    }, [loader, spinnerTimeout]);
-    return { loading, spinnerTimeout: spinnerTimeoutState, importData };
-}
-function Lazy(props) {
-    const { progressElem, loader, render, children, hideSpinner, spinnerTimeout = 500, size = 'm', ...restProps } = props;
-    const { loading, spinnerTimeout: spinnerTimeoutState, importData, } = useLazy(loader, spinnerTimeout);
-    const DefaultNode = importData?.default;
-    if (loading && !spinnerTimeoutState && !hideSpinner) {
-        return (jsx(Fragment, { children: progressElem ?? (jsx(Flex, { justifyContent: "center", alignItems: "center", flexGrow: 1, width: "100%", height: "100%", children: jsx(Spinner, { size: size }) })) }));
-    }
-    if (render)
-        return jsx(Fragment, { children: render(importData) });
-    if (typeof children === 'function')
-        return jsx(Fragment, { children: children(importData) });
-    if (DefaultNode)
-        return jsx(DefaultNode, { ...restProps });
-    return jsx(Fragment, { children: children });
-}
-
-export { Lazy };
+import{jsx,Fragment}from"react/jsx-runtime";import{useState,useRef,useEffect}from"react";import Time from"timen";import{Spinner}from"../Spinner/Spinner.js";import{Flex}from"../Flex/Flex.js";function compare(e,r){return e?.toString()===r?.toString()}const loaded=new Map;function useLazy(r,t=500){const[e,n]=useState(()=>{return!loaded.get(r)}),[i,o]=useState(()=>{return!!loaded.get(r)}),[a,u]=useState(()=>loaded.get(r)),s=useRef(r),m=useRef(null);return useEffect(()=>{var e=loaded.get(r);if(!e)return compare(s.current,r)||(m.current?.(),m.current=null),s.current=r,n(!0),o(!1),m.current=Time.after(t,()=>{o(!0)}),r().then(e=>{compare(s.current,r)&&(loaded.set(r,e),u(e),n(!1))}),()=>{m.current?.()};u(e),n(!1),o(!0)},[r,t]),{loading:e,spinnerTimeout:i,importData:a}}function Lazy(e){const{progressElem:r,loader:t,render:n,children:i,hideSpinner:o,spinnerTimeout:a=500,size:u="m",...s}=e;var{loading:e,spinnerTimeout:m,importData:c}=useLazy(t,a),l=c?.default;return!e||m||o?n?jsx(Fragment,{children:n(c)}):"function"==typeof i?jsx(Fragment,{children:i(c)}):l?jsx(l,{...s}):jsx(Fragment,{children:i}):jsx(Fragment,{children:r??jsx(Flex,{justifyContent:"center",alignItems:"center",flexGrow:1,width:"100%",height:"100%",children:jsx(Spinner,{size:u})})})}export{Lazy};
+//# sourceMappingURL=Lazy.js.map

package/dist/esm/src/components/Lazy/Lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lazy.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/LightBox/LightBox.js

@@ -1,28 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
-import cn from 'classnames';
-import { Paranja } from '../Paranja/Paranja.js';
-import { Button } from '../Button/Button.js';
-import { Icon } from '../Icon/Icon.js';
-import S from './LightBox.styl.js';
-
-function LightBox({ children, className, onClose, blur, ...props }) {
-    const [isOpen, setOpen] = useState(false);
-    const onKeyDown = useCallback(e => {
-        if (isOpen && e.key === 'Escape') {
-            e.stopPropagation();
-            setOpen(false);
-            onClose?.();
-        }
-    }, [isOpen, onClose]);
-    useEffect(() => {
-        setOpen(props.isOpen);
-    }, [props.isOpen]);
-    useEffect(() => {
-        document.addEventListener('keydown', onKeyDown, true);
-        return () => document.removeEventListener('keydown', onKeyDown, true);
-    }, [isOpen]);
-    return (jsxs(Paranja, { className: cn(S.root, isOpen && S.open, className), blur: blur, children: [children, jsx(Button, { className: S.close, onClick: onClose, variant: "clear", children: jsx(Icon, { type: "close", size: "l" }) })] }));
-}
-
-export { LightBox };
+import{jsxs,jsx}from"react/jsx-runtime";import{useState,useCallback,useEffect}from"react";import cn from"classnames";import{Paranja}from"../Paranja/Paranja.js";import{Button}from"../Button/Button.js";import{Icon}from"../Icon/Icon.js";import S from"./LightBox.styl.js";function LightBox({children:e,className:o,onClose:t,blur:s,...n}){const[r,a]=useState(!1),c=useCallback(e=>{r&&"Escape"===e.key&&(e.stopPropagation(),a(!1),t?.())},[r,t]);return useEffect(()=>{a(n.isOpen)},[n.isOpen]),useEffect(()=>(document.addEventListener("keydown",c,!0),()=>document.removeEventListener("keydown",c,!0)),[r]),jsxs(Paranja,{className:cn(S.root,r&&S.open,o),blur:s,children:[e,jsx(Button,{className:S.close,onClick:t,variant:"clear",children:jsx(Icon,{type:"close",size:"l"})})]})}export{LightBox};
+//# sourceMappingURL=LightBox.js.map

package/dist/esm/src/components/LightBox/LightBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/LightBox/LightBox.styl.js

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".LightBox_root__R-JhJ{align-items:center;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.LightBox_open__a-qrU{opacity:1;pointer-events:all}.LightBox_close__ts4k1{border-radius:0;color:var(--accent-color);height:60px;min-height:60px;position:absolute;right:0;top:0;width:60px;z-index:1}.LightBox_close__ts4k1:hover{background-color:var(--decent-color-alpha-200);color:var(--active-color)}@media (min-width:700px){.LightBox_close__ts4k1{height:100px;min-height:100px;width:100px}}";
-var S = {"root":"LightBox_root__R-JhJ","open":"LightBox_open__a-qrU","close":"LightBox_close__ts4k1"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".LightBox_root__R-JhJ{align-items:center;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.LightBox_open__a-qrU{opacity:1;pointer-events:all}.LightBox_close__ts4k1{border-radius:0;color:var(--accent-color);height:60px;min-height:60px;position:absolute;right:0;top:0;width:60px;z-index:1}.LightBox_close__ts4k1:hover{background-color:var(--decent-color-alpha-200);color:var(--active-color)}@media (min-width:700px){.LightBox_close__ts4k1{height:100px;min-height:100px;width:100px}}",S={root:"LightBox_root__R-JhJ",open:"LightBox_open__a-qrU",close:"LightBox_close__ts4k1"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=LightBox.styl.js.map

package/dist/esm/src/components/LightBox/LightBox.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Menu/Menu.js

@@ -1,27 +1,2 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import cn from 'classnames';
-import { Scroll } from '../Scroll/Scroll.js';
-import S from './Menu.styl.js';
-
-// @ts-ignore
-const MenuComponent = forwardRef(({ children, className, textOverflow, ...props }, ref) => {
-    const size = props.size || 'm';
-    return (jsx(Scroll, { y: true, 
-        // @ts-ignore
-        ref: ref, className: cn(S.root, className, S[`size-${size}`], textOverflow && S.textOverflow), ...props, children: children }));
-});
-const MenuItem = forwardRef((props, ref) => {
-    const { children, className, selected, focused, disabled, level = 0, onClick, textOverflow, ...rest } = props;
-    const classes = cn(S.item, level > 0 && S[`level-${level}`], selected && S.selected, focused && S.focused, disabled && S.disabled, textOverflow && S.textOverflow, className);
-    return (jsx("div", { ref: ref, className: classes, onClick: disabled ? undefined : onClick, ...rest, children: textOverflow ? children : jsx("span", { children: children }) }));
-});
-const MenuGroup = ({ children, className, label, size = 'm', ...props }) => {
-    return (jsxs(Fragment, { children: [jsx("div", { className: cn(S.group, className, S[`size-${size}`]), ...props, children: label }), children] }));
-};
-const Menu = Object.assign(MenuComponent, {
-    Item: MenuItem,
-    Group: MenuGroup,
-});
-
-export { Menu };
+import{jsx,jsxs,Fragment}from"react/jsx-runtime";import{forwardRef}from"react";import cn from"classnames";import{Scroll}from"../Scroll/Scroll.js";import S from"./Menu.styl.js";const MenuComponent=forwardRef(({children:e,className:r,textOverflow:s,...l},o)=>{var n=l.size||"m";return jsx(Scroll,{y:!0,ref:o,className:cn(S.root,r,S["size-"+n],s&&S.textOverflow),...l,children:e})}),MenuItem=forwardRef((e,r)=>{const{children:s,className:l,selected:o,focused:n,disabled:c,level:t=0,onClick:m,textOverflow:a,...i}=e;e=cn(S.item,0<t&&S["level-"+t],o&&S.selected,n&&S.focused,c&&S.disabled,a&&S.textOverflow,l);return jsx("div",{ref:r,className:e,onClick:c?void 0:m,...i,children:a?s:jsx("span",{children:s})})}),MenuGroup=({children:e,className:r,label:s,size:l="m",...o})=>jsxs(Fragment,{children:[jsx("div",{className:cn(S.group,r,S["size-"+l]),...o,children:s}),e]}),Menu=Object.assign(MenuComponent,{Item:MenuItem,Group:MenuGroup});export{Menu};
+//# sourceMappingURL=Menu.js.map

package/dist/esm/src/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Menu/Menu.styl.js

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Menu_root__xhtlo{max-height:200px;width:100%}.keyboard .Menu_root__xhtlo{pointer-events:none}.Menu_item__VtmwS{align-items:center;animation:Menu_fadeIn__XRZkT .3s ease-out;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Menu_item__VtmwS:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Menu_item__VtmwS:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Menu_size-xs__MSbRQ .Menu_item__VtmwS{font-size:14px;height:24px;padding:0 8px}.Menu_size-s__DA0r3 .Menu_item__VtmwS{font-size:16px;height:32px;padding:0 12px}.Menu_size-m__0EI47 .Menu_item__VtmwS{font-size:18px;height:40px;padding:0 16px}.Menu_size-l__PXpIm .Menu_item__VtmwS{font-size:22px;height:48px;padding:0 20px}.Menu_size-xl__U1WW8 .Menu_item__VtmwS{font-size:26px;height:56px;padding:0 24px}.Menu_item__VtmwS.Menu_selected__V71xy{background-color:var(--active-color-alpha-500)}.Menu_item__VtmwS.Menu_disabled__5afRm{cursor:not-allowed;opacity:.4}.keyboard .Menu_item__VtmwS.Menu_focused__FLWqW,.pointer .Menu_item__VtmwS:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Menu_textOverflow__udsHR .Menu_item__VtmwS>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Menu_group__6e-Ef{background-color:var(--decent-color);color:var(--accent-color);font-size:14px;font-weight:500;padding:8px 12px;pointer-events:none;position:sticky;top:0;z-index:1}.Menu_levelIndent__S6HXJ{--menu-indent-size:var(--p-3)}.Menu_levelIndent__S6HXJ.Menu_level-1__kueO2{padding-left:calc(var(--menu-indent-size)*2)}.Menu_levelIndent__S6HXJ.Menu_level-2__JZGkJ{padding-left:calc(var(--menu-indent-size)*3)}.Menu_levelIndent__S6HXJ.Menu_level-3__LFd-F{padding-left:calc(var(--menu-indent-size)*4)}.Menu_levelIndent__S6HXJ.Menu_level-4__2DUMl{padding-left:calc(var(--menu-indent-size)*5)}.Menu_levelIndent__S6HXJ.Menu_level-5__xpgvQ{padding-left:calc(var(--menu-indent-size)*6)}@keyframes Menu_fadeIn__XRZkT{0%{opacity:0}10%{opacity:0}to{opacity:1}}";
-var S = {"root":"Menu_root__xhtlo","item":"Menu_item__VtmwS","fadeIn":"Menu_fadeIn__XRZkT","size-xs":"Menu_size-xs__MSbRQ","size-s":"Menu_size-s__DA0r3","size-m":"Menu_size-m__0EI47","size-l":"Menu_size-l__PXpIm","size-xl":"Menu_size-xl__U1WW8","selected":"Menu_selected__V71xy","disabled":"Menu_disabled__5afRm","focused":"Menu_focused__FLWqW","textOverflow":"Menu_textOverflow__udsHR","group":"Menu_group__6e-Ef","levelIndent":"Menu_levelIndent__S6HXJ","level-1":"Menu_level-1__kueO2","level-2":"Menu_level-2__JZGkJ","level-3":"Menu_level-3__LFd-F","level-4":"Menu_level-4__2DUMl","level-5":"Menu_level-5__xpgvQ"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Menu_root__xhtlo{max-height:200px;width:100%}.keyboard .Menu_root__xhtlo{pointer-events:none}.Menu_item__VtmwS{align-items:center;animation:Menu_fadeIn__XRZkT .3s ease-out;cursor:pointer;display:flex;overflow:hidden;padding-bottom:0!important;padding-top:0!important;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.Menu_item__VtmwS:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.Menu_item__VtmwS:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Menu_size-xs__MSbRQ .Menu_item__VtmwS{font-size:14px;height:24px;padding:0 8px}.Menu_size-s__DA0r3 .Menu_item__VtmwS{font-size:16px;height:32px;padding:0 12px}.Menu_size-m__0EI47 .Menu_item__VtmwS{font-size:18px;height:40px;padding:0 16px}.Menu_size-l__PXpIm .Menu_item__VtmwS{font-size:22px;height:48px;padding:0 20px}.Menu_size-xl__U1WW8 .Menu_item__VtmwS{font-size:26px;height:56px;padding:0 24px}.Menu_item__VtmwS.Menu_selected__V71xy{background-color:var(--active-color-alpha-500)}.Menu_item__VtmwS.Menu_disabled__5afRm{cursor:not-allowed;opacity:.4}.keyboard .Menu_item__VtmwS.Menu_focused__FLWqW,.pointer .Menu_item__VtmwS:hover{box-shadow:inset 100vw 0 0 0 var(--accent-color-alpha-200)}.Menu_textOverflow__udsHR .Menu_item__VtmwS>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Menu_group__6e-Ef{background-color:var(--decent-color);color:var(--accent-color);font-size:14px;font-weight:500;padding:8px 12px;pointer-events:none;position:sticky;top:0;z-index:1}.Menu_levelIndent__S6HXJ{--menu-indent-size:var(--p-3)}.Menu_levelIndent__S6HXJ.Menu_level-1__kueO2{padding-left:calc(var(--menu-indent-size)*2)}.Menu_levelIndent__S6HXJ.Menu_level-2__JZGkJ{padding-left:calc(var(--menu-indent-size)*3)}.Menu_levelIndent__S6HXJ.Menu_level-3__LFd-F{padding-left:calc(var(--menu-indent-size)*4)}.Menu_levelIndent__S6HXJ.Menu_level-4__2DUMl{padding-left:calc(var(--menu-indent-size)*5)}.Menu_levelIndent__S6HXJ.Menu_level-5__xpgvQ{padding-left:calc(var(--menu-indent-size)*6)}@keyframes Menu_fadeIn__XRZkT{0%{opacity:0}10%{opacity:0}to{opacity:1}}",S={root:"Menu_root__xhtlo",item:"Menu_item__VtmwS",fadeIn:"Menu_fadeIn__XRZkT","size-xs":"Menu_size-xs__MSbRQ","size-s":"Menu_size-s__DA0r3","size-m":"Menu_size-m__0EI47","size-l":"Menu_size-l__PXpIm","size-xl":"Menu_size-xl__U1WW8",selected:"Menu_selected__V71xy",disabled:"Menu_disabled__5afRm",focused:"Menu_focused__FLWqW",textOverflow:"Menu_textOverflow__udsHR",group:"Menu_group__6e-Ef",levelIndent:"Menu_levelIndent__S6HXJ","level-1":"Menu_level-1__kueO2","level-2":"Menu_level-2__JZGkJ","level-3":"Menu_level-3__LFd-F","level-4":"Menu_level-4__2DUMl","level-5":"Menu_level-5__xpgvQ"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=Menu.styl.js.map

package/dist/esm/src/components/Menu/Menu.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Notifications/Notifications.constants.json.js

@@ -1,6 +1,2 @@
-var ANIMATION_DURATION = 300;
-var C = {
-	ANIMATION_DURATION: ANIMATION_DURATION
-};
-
-export { ANIMATION_DURATION, C as default };
+var ANIMATION_DURATION=300,C={ANIMATION_DURATION:ANIMATION_DURATION};export{ANIMATION_DURATION,C as default};
+//# sourceMappingURL=Notifications.constants.json.js.map

package/dist/esm/src/components/Notifications/Notifications.constants.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.constants.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Notifications/Notifications.js

@@ -1,67 +1,2 @@
-import { createElement, Component } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import cn from 'classnames';
-import { useStore } from 'justorm/react';
-import { Icon } from '../Icon/Icon.js';
-import { Button } from '../Button/Button.js';
-import { Scroll } from '../Scroll/Scroll.js';
-import STORE from './store.js';
-import S from './Notifications.styl.js';
-
-function getTouchPos(e) {
-    const { clientX: x, clientY: y } = e.targetTouches[0];
-    return { x, y };
-}
-function getDeltaPos(p1, p2) {
-    return {
-        x: Math.abs(p2.x - p1.x),
-        y: Math.abs(p2.y - p1.y),
-    };
-}
-const TOUCH_MOVE_TRESHOLD = 50;
-class Item extends Component {
-    startPos = null;
-    onTouchStart = e => {
-        this.startPos = getTouchPos(e);
-    };
-    onTouchMove = e => {
-        const { unpause } = this.props;
-        if (!this.startPos)
-            return;
-        // e.preventDefault();
-        e.stopPropagation();
-        const pos = getTouchPos(e);
-        const delta = getDeltaPos(this.startPos, pos);
-        if (delta.x > delta.y && delta.x > TOUCH_MOVE_TRESHOLD) {
-            unpause();
-            this.closeMe();
-        }
-    };
-    onTouchEnd = () => {
-        const { unpause } = this.props;
-        unpause();
-        this.startPos = null;
-    };
-    onTouchCancel = () => (this.startPos = null);
-    closeMe = () => {
-        const { id, close } = this.props;
-        close(id);
-    };
-    render() {
-        const { type = 'default', title, content, visible, pause, unpause, } = this.props;
-        const classes = cn(S.item, S[`type-${type}`], visible && S.visible);
-        return (jsx("div", { className: classes, onMouseOver: pause, onFocus: pause, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onMouseOut: unpause, onBlur: unpause, onTouchEnd: this.onTouchEnd, onTouchCancel: this.onTouchCancel, children: jsxs("div", { className: S.itemInner, children: [(title || content) && (jsxs("div", { className: S.text, children: [title && jsx("div", { className: S.title, children: title }), content && jsx("div", { className: S.content, children: content })] })), jsx(Button, { className: S.close, variant: "clear", square: true, onClick: this.closeMe, children: jsx(Icon, { type: "close", size: "s" }) })] }) }));
-    }
-}
-const NotificationsStore = STORE;
-const Notifications = function Notifications(props) {
-    const { notifications } = useStore({
-        notifications: ['items', 'data'],
-    });
-    const { items, data, pause, unpause, close } = notifications;
-    const api = { pause, unpause, close };
-    const classes = cn(S.root, items.length === 0 && S.empty);
-    return (jsx(Scroll, { ...props, y: true, size: "s", className: classes, innerClassName: S.inner, offset: { y: { before: 22, after: 22 } }, children: items.map(id => (createElement(Item, { ...data[id], ...api, id: id, key: id }))) }));
-};
-
-export { Notifications, NotificationsStore };
+import{createElement,Component}from"react";import{jsx,jsxs}from"react/jsx-runtime";import cn from"classnames";import{useStore}from"justorm/react";import{Icon}from"../Icon/Icon.js";import{Button}from"../Button/Button.js";import{Scroll}from"../Scroll/Scroll.js";import STORE from"./store.js";import S from"./Notifications.styl.js";function getTouchPos(t){var{clientX:t,clientY:o}=t.targetTouches[0];return{x:t,y:o}}function getDeltaPos(t,o){return{x:Math.abs(o.x-t.x),y:Math.abs(o.y-t.y)}}const TOUCH_MOVE_TRESHOLD=50;class Item extends Component{startPos=null;onTouchStart=t=>{this.startPos=getTouchPos(t)};onTouchMove=t=>{var o=this.props["unpause"];this.startPos&&(t.stopPropagation(),t=getTouchPos(t),(t=getDeltaPos(this.startPos,t)).x>t.y)&&t.x>TOUCH_MOVE_TRESHOLD&&(o(),this.closeMe())};onTouchEnd=()=>{var t=this.props["unpause"];t(),this.startPos=null};onTouchCancel=()=>this.startPos=null;closeMe=()=>{var{id:t,close:o}=this.props;o(t)};render(){var{type:t="default",title:o,content:s,visible:e,pause:n,unpause:r}=this.props,t=cn(S.item,S["type-"+t],e&&S.visible);return jsx("div",{className:t,onMouseOver:n,onFocus:n,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onMouseOut:r,onBlur:r,onTouchEnd:this.onTouchEnd,onTouchCancel:this.onTouchCancel,children:jsxs("div",{className:S.itemInner,children:[(o||s)&&jsxs("div",{className:S.text,children:[o&&jsx("div",{className:S.title,children:o}),s&&jsx("div",{className:S.content,children:s})]}),jsx(Button,{className:S.close,variant:"clear",square:!0,onClick:this.closeMe,children:jsx(Icon,{type:"close",size:"s"})})]})})}}const NotificationsStore=STORE,Notifications=function(t){var o=useStore({notifications:["items","data"]})["notifications"];const{items:s,data:e,pause:n,unpause:r,close:i}=o,c={pause:n,unpause:r,close:i};o=cn(S.root,0===s.length&&S.empty);return jsx(Scroll,{...t,y:!0,size:"s",className:o,innerClassName:S.inner,offset:{y:{before:22,after:22}},children:s.map(t=>createElement(Item,{...e[t],...c,id:t,key:t}))})};export{Notifications,NotificationsStore};
+//# sourceMappingURL=Notifications.js.map

package/dist/esm/src/components/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Notifications/Notifications.styl.js

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Notifications_root__S3ujN{max-height:calc(var(--vh)*100);overflow:hidden;position:fixed;right:0;top:0;transform:translateZ(0);transition:right .3s ease-out;width:320px;z-index:20}.Notifications_inner__6v9e3{padding:var(--p-5)}.Notifications_empty__zCpOA{pointer-events:none}.Notifications_itemInner__nEYAl,.Notifications_item__I3Up4{border-radius:var(--border-radius-l)}.Notifications_item__I3Up4{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:100%;max-height:0;max-width:100%;opacity:0;position:relative;transition:all .3s ease-out;width:300px}.Notifications_item__I3Up4+.Notifications_item__I3Up4{padding-top:10px}.Notifications_item__I3Up4:hover{transform:translateX(-2px)}.Notifications_visible__ln4-n{left:0;max-height:500px;opacity:1}.Notifications_itemInner__nEYAl{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--decent-color-alpha-500);box-shadow:inset 0 0 1px var(--accent-color-alpha-300),0 0 20px var(--decent-color);box-sizing:border-box;display:flex;padding:16px 32px 16px 20px;position:relative;transition:.3s ease-out;transition-property:transform}.Notifications_type-warning__Nxg6C .Notifications_itemInner__nEYAl{background-color:var(--warning-color-alpha-300)}.Notifications_type-danger__zeIMt .Notifications_itemInner__nEYAl{background-color:var(--danger-color-alpha-300)}.Notifications_icon__nKs-X{background:no-repeat 50%;height:24px;margin-right:10px;min-width:24px;width:24px}.Notifications_type-loading__N4EE5 .Notifications_icon__nKs-X{transform:translateY(-20px)}.Notifications_text__7QZL6{display:flex;flex-direction:column;flex-grow:1;z-index:1}.Notifications_title__Gu9bs{font-size:16px;font-weight:700}.Notifications_content__Zrvw2{font-size:12px;margin-top:calc(var(--p-3)/2)}.Notifications_content__Zrvw2:first-child{margin-top:0}.Notifications_close__-IUH3{background-color:transparent;border-radius:50%;cursor:pointer;height:40px!important;max-height:40px!important;max-width:40px!important;opacity:0;position:absolute;right:-5px;top:-5px;transform:scale(.8);transition:.1s ease-out;transition-property:opacity,transform;width:40px!important}.Notifications_item__I3Up4:hover .Notifications_close__-IUH3{opacity:.8}.Notifications_close__-IUH3:hover{background-color:transparent;background-color:initial;opacity:1;transform:scale(1)}@media (max-width:700px){.Notifications_item__I3Up4,.Notifications_root__S3ujN{width:100%}.Notifications_title__Gu9bs{font-size:20px}.Notifications_content__Zrvw2{font-size:16px}.Notifications_close__-IUH3{transform:scale(1.2)}}";
-var S = {"root":"Notifications_root__S3ujN","inner":"Notifications_inner__6v9e3","empty":"Notifications_empty__zCpOA","item":"Notifications_item__I3Up4","itemInner":"Notifications_itemInner__nEYAl","visible":"Notifications_visible__ln4-n","type-warning":"Notifications_type-warning__Nxg6C","type-danger":"Notifications_type-danger__zeIMt","icon":"Notifications_icon__nKs-X","type-loading":"Notifications_type-loading__N4EE5","text":"Notifications_text__7QZL6","title":"Notifications_title__Gu9bs","content":"Notifications_content__Zrvw2","close":"Notifications_close__-IUH3"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Notifications_root__S3ujN{max-height:calc(var(--vh)*100);overflow:hidden;position:fixed;right:0;top:0;transform:translateZ(0);transition:right .3s ease-out;width:320px;z-index:20}.Notifications_inner__6v9e3{padding:var(--p-5)}.Notifications_empty__zCpOA{pointer-events:none}.Notifications_itemInner__nEYAl,.Notifications_item__I3Up4{border-radius:var(--border-radius-l)}.Notifications_item__I3Up4{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:100%;max-height:0;max-width:100%;opacity:0;position:relative;transition:all .3s ease-out;width:300px}.Notifications_item__I3Up4+.Notifications_item__I3Up4{padding-top:10px}.Notifications_item__I3Up4:hover{transform:translateX(-2px)}.Notifications_visible__ln4-n{left:0;max-height:500px;opacity:1}.Notifications_itemInner__nEYAl{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--decent-color-alpha-500);box-shadow:inset 0 0 1px var(--accent-color-alpha-300),0 0 20px var(--decent-color);box-sizing:border-box;display:flex;padding:16px 32px 16px 20px;position:relative;transition:.3s ease-out;transition-property:transform}.Notifications_type-warning__Nxg6C .Notifications_itemInner__nEYAl{background-color:var(--warning-color-alpha-300)}.Notifications_type-danger__zeIMt .Notifications_itemInner__nEYAl{background-color:var(--danger-color-alpha-300)}.Notifications_icon__nKs-X{background:no-repeat 50%;height:24px;margin-right:10px;min-width:24px;width:24px}.Notifications_type-loading__N4EE5 .Notifications_icon__nKs-X{transform:translateY(-20px)}.Notifications_text__7QZL6{display:flex;flex-direction:column;flex-grow:1;z-index:1}.Notifications_title__Gu9bs{font-size:16px;font-weight:700}.Notifications_content__Zrvw2{font-size:12px;margin-top:calc(var(--p-3)/2)}.Notifications_content__Zrvw2:first-child{margin-top:0}.Notifications_close__-IUH3{background-color:transparent;border-radius:50%;cursor:pointer;height:40px!important;max-height:40px!important;max-width:40px!important;opacity:0;position:absolute;right:-5px;top:-5px;transform:scale(.8);transition:.1s ease-out;transition-property:opacity,transform;width:40px!important}.Notifications_item__I3Up4:hover .Notifications_close__-IUH3{opacity:.8}.Notifications_close__-IUH3:hover{background-color:transparent;background-color:initial;opacity:1;transform:scale(1)}@media (max-width:700px){.Notifications_item__I3Up4,.Notifications_root__S3ujN{width:100%}.Notifications_title__Gu9bs{font-size:20px}.Notifications_content__Zrvw2{font-size:16px}.Notifications_close__-IUH3{transform:scale(1.2)}}",S={root:"Notifications_root__S3ujN",inner:"Notifications_inner__6v9e3",empty:"Notifications_empty__zCpOA",item:"Notifications_item__I3Up4",itemInner:"Notifications_itemInner__nEYAl",visible:"Notifications_visible__ln4-n","type-warning":"Notifications_type-warning__Nxg6C","type-danger":"Notifications_type-danger__zeIMt",icon:"Notifications_icon__nKs-X","type-loading":"Notifications_type-loading__N4EE5",text:"Notifications_text__7QZL6",title:"Notifications_title__Gu9bs",content:"Notifications_content__Zrvw2",close:"Notifications_close__-IUH3"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=Notifications.styl.js.map

package/dist/esm/src/components/Notifications/Notifications.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Notifications/store.js

@@ -1,61 +1,2 @@
-import { createStore } from 'justorm/react';
-import Time from 'timen';
-import { spliceWhere } from '../../tools/array.js';
-import { generateUID } from '../../tools/uid.js';
-import C from './Notifications.constants.json.js';
-
-const SHOW_TIME = 5000;
-const STORE = createStore('notifications', {
-    items: [],
-    autoHide: [],
-    data: {},
-    paused: false,
-    show(data) {
-        const id = generateUID();
-        this.items.push(id);
-        this.data[id] = {
-            ...data,
-            createdAt: Date.now(),
-        };
-        Time.after(C.ANIMATION_DURATION, () => (this.data[id].visible = true));
-        if (data.autoHide !== false)
-            this.autoHide.push(id);
-        return id;
-    },
-    pause() {
-        this.paused = true;
-        this.pausedAt = Date.now();
-    },
-    unpause() {
-        const pauseTime = Date.now() - this.pausedAt;
-        this.autoHide.forEach(id => {
-            this.data[id].createdAt += pauseTime;
-        });
-        this.paused = false;
-    },
-    close(id) {
-        this.data[id].visible = false;
-        Time.after(C.ANIMATION_DURATION, () => this.remove(id));
-    },
-    remove(id) {
-        spliceWhere(this.autoHide, id);
-        spliceWhere(this.items, id);
-        delete this.data[id];
-    },
-});
-// worker
-Time.every(50, function tick() {
-    const { paused, autoHide, data } = STORE;
-    if (paused || autoHide.length === 0) {
-        return;
-    }
-    const id = autoHide[0]; // TODO: move trough all autoHide until some will !readyToHide
-    const item = data[id];
-    const readyToHide = Date.now() - item.createdAt > SHOW_TIME;
-    if (item.visible && readyToHide) {
-        item.visible = false;
-        Time.after(C.ANIMATION_DURATION, () => STORE.remove(id));
-    }
-});
-
-export { STORE as default };
+import{createStore}from"justorm/react";import Time from"timen";import{spliceWhere}from"../../tools/array.js";import{generateUID}from"../../tools/uid.js";import C from"./Notifications.constants.json.js";const SHOW_TIME=5e3,STORE=createStore("notifications",{items:[],autoHide:[],data:{},paused:!1,show(e){const t=generateUID();return this.items.push(t),this.data[t]={...e,createdAt:Date.now()},Time.after(C.ANIMATION_DURATION,()=>this.data[t].visible=!0),!1!==e.autoHide&&this.autoHide.push(t),t},pause(){this.paused=!0,this.pausedAt=Date.now()},unpause(){const t=Date.now()-this.pausedAt;this.autoHide.forEach(e=>{this.data[e].createdAt+=t}),this.paused=!1},close(e){this.data[e].visible=!1,Time.after(C.ANIMATION_DURATION,()=>this.remove(e))},remove(e){spliceWhere(this.autoHide,e),spliceWhere(this.items,e),delete this.data[e]}});Time.every(50,function(){var{paused:e,autoHide:t,data:i}=STORE;if(!e&&0!==t.length){const s=t[0];e=i[s],t=Date.now()-e.createdAt>SHOW_TIME;e.visible&&t&&(e.visible=!1,Time.after(C.ANIMATION_DURATION,()=>STORE.remove(s)))}});export{STORE as default};
+//# sourceMappingURL=store.js.map

package/dist/esm/src/components/Notifications/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Paranja/Paranja.js

@@ -1,14 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import cn from 'classnames';
-import { Portal } from '../Portal/Portal.js';
-import S from './Paranja.styl.js';
-
-const Paranja = ({ className, children, visible = true, inline = false, blur = false, }) => {
-    const classes = cn(S.root, visible && S.visible, blur && S.blur, className);
-    const node = jsx("div", { className: classes, children: children });
-    if (inline)
-        return node;
-    return jsx(Portal, { children: node });
-};
-
-export { Paranja };
+import{jsx}from"react/jsx-runtime";import cn from"classnames";import{Portal}from"../Portal/Portal.js";import S from"./Paranja.styl.js";const Paranja=({className:r,children:a,visible:s=!0,inline:l=!1,blur:o=!1})=>{s=cn(S.root,s&&S.visible,o&&S.blur,r),o=jsx("div",{className:s,children:a});return l?o:jsx(Portal,{children:o})};export{Paranja};
+//# sourceMappingURL=Paranja.js.map

package/dist/esm/src/components/Paranja/Paranja.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paranja.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Paranja/Paranja.styl.js

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Paranja_root__ddboV{align-items:center;background-color:var(--decent-color-alpha-900);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease-out;z-index:10}.Paranja_visible__xZukG{opacity:1;pointer-events:all}.Paranja_visible__xZukG.Paranja_blur__Hg0SQ{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--decent-color-alpha-500)}";
-var S = {"root":"Paranja_root__ddboV","visible":"Paranja_visible__xZukG","blur":"Paranja_blur__Hg0SQ"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Paranja_root__ddboV{align-items:center;background-color:var(--decent-color-alpha-900);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease-out;z-index:10}.Paranja_visible__xZukG{opacity:1;pointer-events:all}.Paranja_visible__xZukG.Paranja_blur__Hg0SQ{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--decent-color-alpha-500)}",S={root:"Paranja_root__ddboV",visible:"Paranja_visible__xZukG",blur:"Paranja_blur__Hg0SQ"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=Paranja.styl.js.map

package/dist/esm/src/components/Paranja/Paranja.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paranja.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Popup/Popup.helpers.js

@@ -1,130 +1,2 @@
-import { spliceWhere } from '../../tools/array.js';
-import 'nanoid';
-import '../../tools/dom.js';
-import 'timen';
-import 'compareq';
-import 'lodash.pick';
-import '../../tools/queryParams.js';
-
-const ZERO_BOUNDARY_FIT = {
-    left: 0,
-    top: 0,
-    maxWidth: null,
-};
-function viewportClientRectEdges() {
-    const vv = typeof window !== 'undefined' && window.visualViewport
-        ? window.visualViewport
-        : null;
-    if (vv) {
-        return {
-            left: vv.offsetLeft,
-            top: vv.offsetTop,
-            right: vv.offsetLeft + vv.width,
-            bottom: vv.offsetTop + vv.height,
-        };
-    }
-    const d = document.documentElement;
-    return {
-        left: 0,
-        top: 0,
-        right: d.clientWidth,
-        bottom: d.clientHeight,
-    };
-}
-function domRectToEdges(r) {
-    return {
-        left: r.left,
-        top: r.top,
-        right: r.right,
-        bottom: r.bottom,
-    };
-}
-function intersectEdges(a, b) {
-    const left = Math.max(a.left, b.left);
-    const top = Math.max(a.top, b.top);
-    const right = Math.min(a.right, b.right);
-    const bottom = Math.min(a.bottom, b.bottom);
-    if (left >= right || top >= bottom)
-        return undefined;
-    return { left, top, right, bottom };
-}
-function shrinkEdgesUniform(outer, top, right, bottom, left) {
-    return {
-        left: outer.left + left,
-        top: outer.top + top,
-        right: outer.right - right,
-        bottom: outer.bottom - bottom,
-    };
-}
-function edgesWidth(edges) {
-    return Math.max(0, edges.right - edges.left);
-}
-function popupBoundaryPadding(baseGap, offset) {
-    const n = (num) => Number(num) || 0;
-    return {
-        top: baseGap + n(offset?.top),
-        right: baseGap + n(offset?.right),
-        bottom: baseGap + n(offset?.bottom),
-        left: baseGap + n(offset?.left),
-    };
-}
-function popupBoundaryEdges({ boundary, boundaryMountSelector, inline, padding, }) {
-    let outer = viewportClientRectEdges();
-    const mode = boundary ?? (inline ? 'viewport' : 'clipping');
-    if (mode === 'clipping' && !inline) {
-        const mountElem = document.querySelector(boundaryMountSelector);
-        if (mountElem instanceof Element) {
-            outer =
-                intersectEdges(outer, domRectToEdges(mountElem.getBoundingClientRect())) ?? outer;
-        }
-    }
-    const inner = shrinkEdgesUniform(outer, padding.top, padding.right, padding.bottom, padding.left);
-    return inner.left < inner.right && inner.top < inner.bottom ? inner : outer;
-}
-function constrainAxisShift(pref, lo, hi) {
-    if (lo > hi)
-        return lo;
-    return Math.min(Math.max(pref, lo), hi);
-}
-/** Minimal shift to move `rect` into `inner`, preferring zero. */
-function shiftMarginsIntoBounds(rect, inner) {
-    const dxMin = inner.left - rect.left;
-    const dxMax = inner.right - rect.right;
-    const dyMin = inner.top - rect.top;
-    const dyMax = inner.bottom - rect.bottom;
-    return {
-        marginLeft: constrainAxisShift(0, dxMin, dxMax),
-        marginTop: constrainAxisShift(0, dyMin, dyMax),
-    };
-}
-function fitRectToBoundary(rect, boundary, maxWidth) {
-    const { marginLeft, marginTop } = shiftMarginsIntoBounds(rect, boundary);
-    return {
-        left: Number.isFinite(marginLeft) ? marginLeft : 0,
-        top: Number.isFinite(marginTop) ? marginTop : 0,
-        maxWidth,
-    };
-}
-const childs = {};
-let popupIds = 0;
-const getId = () => ++popupIds;
-const getPopupId = (elem, attr = 'data-popup-id') => {
-    const id = elem.getAttribute(attr);
-    return id ? parseInt(id, 10) : null;
-};
-function isLastChild(rootId, id) {
-    const ids = childs[rootId];
-    return ids && ids[ids.length - 1] === id;
-}
-function setChild(rootId, id) {
-    if (!childs[rootId])
-        childs[rootId] = [];
-    childs[rootId].push(id);
-}
-function unsetChild(rootId, id) {
-    spliceWhere(childs[rootId], id);
-    if (!childs[rootId].length)
-        delete childs[rootId];
-}
-
-export { ZERO_BOUNDARY_FIT, childs, constrainAxisShift, domRectToEdges, edgesWidth, fitRectToBoundary, getId, getPopupId, intersectEdges, isLastChild, popupBoundaryEdges, popupBoundaryPadding, setChild, shiftMarginsIntoBounds, shrinkEdgesUniform, unsetChild, viewportClientRectEdges };
+import{spliceWhere}from"../../tools/array.js";import"nanoid";import"../../tools/dom.js";import"timen";import"compareq";import"lodash.pick";import"../../tools/queryParams.js";const ZERO_BOUNDARY_FIT={left:0,top:0,maxWidth:null};function viewportClientRectEdges(){var t="undefined"!=typeof window&&window.visualViewport?window.visualViewport:null;return t?{left:t.offsetLeft,top:t.offsetTop,right:t.offsetLeft+t.width,bottom:t.offsetTop+t.height}:{left:0,top:0,right:(t=document.documentElement).clientWidth,bottom:t.clientHeight}}function domRectToEdges(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}function intersectEdges(t,o){var i=Math.max(t.left,o.left),e=Math.max(t.top,o.top),n=Math.min(t.right,o.right),t=Math.min(t.bottom,o.bottom);if(!(n<=i||t<=e))return{left:i,top:e,right:n,bottom:t}}function shrinkEdgesUniform(t,o,i,e,n){return{left:t.left+n,top:t.top+o,right:t.right-i,bottom:t.bottom-e}}function edgesWidth(t){return Math.max(0,t.right-t.left)}function popupBoundaryPadding(t,o){var i=t=>Number(t)||0;return{top:t+i(o?.top),right:t+i(o?.right),bottom:t+i(o?.bottom),left:t+i(o?.left)}}function popupBoundaryEdges({boundary:t,boundaryMountSelector:o,inline:i,padding:e}){let n=viewportClientRectEdges();"clipping"!==(t??(i?"viewport":"clipping"))||i||(t=document.querySelector(o))instanceof Element&&(n=intersectEdges(n,domRectToEdges(t.getBoundingClientRect()))??n);i=shrinkEdgesUniform(n,e.top,e.right,e.bottom,e.left);return i.left<i.right&&i.top<i.bottom?i:n}function constrainAxisShift(t,o,i){return i<o?o:Math.min(Math.max(t,o),i)}function shiftMarginsIntoBounds(t,o){var i=o.left-t.left,e=o.right-t.right,n=o.top-t.top,o=o.bottom-t.bottom;return{marginLeft:constrainAxisShift(0,i,e),marginTop:constrainAxisShift(0,n,o)}}function fitRectToBoundary(t,o,i){var{marginLeft:t,marginTop:o}=shiftMarginsIntoBounds(t,o);return{left:Number.isFinite(t)?t:0,top:Number.isFinite(o)?o:0,maxWidth:i}}const childs={};let popupIds=0;const getId=()=>++popupIds,getPopupId=(t,o="data-popup-id")=>{t=t.getAttribute(o);return t?parseInt(t,10):null};function isLastChild(t,o){t=childs[t];return t&&t[t.length-1]===o}function setChild(t,o){childs[t]||(childs[t]=[]),childs[t].push(o)}function unsetChild(t,o){spliceWhere(childs[t],o),childs[t].length||delete childs[t]}export{ZERO_BOUNDARY_FIT,childs,constrainAxisShift,domRectToEdges,edgesWidth,fitRectToBoundary,getId,getPopupId,intersectEdges,isLastChild,popupBoundaryEdges,popupBoundaryPadding,setChild,shiftMarginsIntoBounds,shrinkEdgesUniform,unsetChild,viewportClientRectEdges};
+//# sourceMappingURL=Popup.helpers.js.map

package/dist/esm/src/components/Popup/Popup.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.helpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}