@xanui/ui 1.1.7 → 1.1.9

package/Scrollbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useBreakpointProps, useInterface, useBreakpointPropsType, useScrollbar } from '@xanui/core';\n\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children?: ReactNode;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nexport type ScrollbarHandle = {\n    scrollTo: (pos: number) => void;\n    scrollToBottom: () => void;\n    scrollToTop: () => void;\n};\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\n    let [{ thumbSize, thumbColor, trackColor, onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const _p: any = {}\n    if (thumbSize) _p.thumbSize = thumbSize\n    if (thumbColor) _p.thumbColor = thumbColor\n    if (trackColor) _p.trackColor = trackColor\n\n    const innerRef = useRef<HTMLDivElement>(null);\n\n\n    useImperativeHandle(ref, () => ({\n        scrollTo(pos: number) {\n            innerRef.current?.scrollTo({\n                top: pos,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToBottom() {\n            if (!innerRef.current) return;\n            const ele = innerRef.current;\n            ele.scrollTo({\n                top: ele.scrollHeight,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToTop() {\n            innerRef.current?.scrollTo({\n                top: 0,\n                behavior: \"smooth\"\n            });\n        }\n    }));\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={innerRef}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["__rest","useInterface","useRef","useImperativeHandle","_jsx","Tag"],"mappings":"4LAgBA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAwC,EAAE,GAA+B,KAAI;AAA7E,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACvF,IAAI,CAAA,EAAA,CAAA,GAA2EC,iBAAY,CAAM,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,EAAlH,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAApE,CAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,CAAsE,CAA4C;AAMvH,IAAA,MAAM,QAAQ,GAAGE,YAAM,CAAiB,IAAI,CAAC;AAG7C,IAAAC,yBAAmB,CAAC,GAAG,EAAE,OAAO;AAC5B,QAAA,QAAQ,CAAC,GAAW,EAAA;;AAChB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,cAAc,GAAA;YACV,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AACvB,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,QAAQ,CAAC;gBACT,GAAG,EAAE,GAAG,CAAC,YAAY;AACrB,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,WAAW,GAAA;;AACP,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,CAA0B,KAAI;YAC5C,IAAI,WAAW,EAAE;AACb,gBAAA,MAAM,GAAG,GAAQ,CAAC,CAAC,MAAM;AACzB,gBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;AACrC,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;gBACrC,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AACjE,gBAAA,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;YAClC;AACA,YAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC;AAC3B,QAAA,CAAC;IACL;AAEA,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;SACnB,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useInterface } from '@xanui/core';\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children?: ReactNode;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nexport type ScrollbarHandle = {\n    scrollTo: (pos: number) => void;\n    scrollToBottom: () => void;\n    scrollToTop: () => void;\n};\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\n    let [{ onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    useImperativeHandle(ref, () => ({\n        scrollTo(pos: number) {\n            innerRef.current?.scrollTo({\n                top: pos,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToBottom() {\n            if (!innerRef.current) return;\n            const ele = innerRef.current;\n            ele.scrollTo({\n                top: ele.scrollHeight,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToTop() {\n            innerRef.current?.scrollTo({\n                top: 0,\n                behavior: \"smooth\"\n            });\n        }\n    }));\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={innerRef}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["__rest","useInterface","useRef","useImperativeHandle","_jsx","Tag"],"mappings":"4LAeA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAwC,EAAE,GAA+B,KAAI;AAA7E,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACvF,IAAI,CAAA,EAAA,CAAA,GAAwCC,iBAAY,CAAM,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,EAA/E,EAAE,QAAQ,EAAE,WAAW,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAAjC,CAAA,UAAA,EAAA,aAAA,CAAmC,CAA4C;AACpF,IAAA,MAAM,QAAQ,GAAGE,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAAC,yBAAmB,CAAC,GAAG,EAAE,OAAO;AAC5B,QAAA,QAAQ,CAAC,GAAW,EAAA;;AAChB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,cAAc,GAAA;YACV,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AACvB,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,QAAQ,CAAC;gBACT,GAAG,EAAE,GAAG,CAAC,YAAY;AACrB,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,WAAW,GAAA;;AACP,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,CAA0B,KAAI;YAC5C,IAAI,WAAW,EAAE;AACb,gBAAA,MAAM,GAAG,GAAQ,CAAC,CAAC,MAAM;AACzB,gBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;AACrC,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;gBACrC,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AACjE,gBAAA,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;YAClC;AACA,YAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC;AAC3B,QAAA,CAAC;IACL;AAEA,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;SACnB,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}

package/Scrollbar/index.mjs

@@ -1,6 +1,6 @@
 import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import {useInterface,Tag}from'@xanui/core';import React,{useRef,useImperativeHandle}from'react';const Scrollbar = React.forwardRef((_a, ref) => {
     var { children } = _a, rest = __rest(_a, ["children"]);
-    let [_b] = useInterface("Scrollbar", rest, {}), { thumbSize, thumbColor, trackColor, onScroll, onScrollEnd } = _b, props = __rest(_b, ["thumbSize", "thumbColor", "trackColor", "onScroll", "onScrollEnd"]);
+    let [_b] = useInterface("Scrollbar", rest, {}), { onScroll, onScrollEnd } = _b, props = __rest(_b, ["onScroll", "onScrollEnd"]);
     const innerRef = useRef(null);
     useImperativeHandle(ref, () => ({
         scrollTo(pos) {

package/Scrollbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useBreakpointProps, useInterface, useBreakpointPropsType, useScrollbar } from '@xanui/core';\n\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children?: ReactNode;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nexport type ScrollbarHandle = {\n    scrollTo: (pos: number) => void;\n    scrollToBottom: () => void;\n    scrollToTop: () => void;\n};\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\n    let [{ thumbSize, thumbColor, trackColor, onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const _p: any = {}\n    if (thumbSize) _p.thumbSize = thumbSize\n    if (thumbColor) _p.thumbColor = thumbColor\n    if (trackColor) _p.trackColor = trackColor\n\n    const innerRef = useRef<HTMLDivElement>(null);\n\n\n    useImperativeHandle(ref, () => ({\n        scrollTo(pos: number) {\n            innerRef.current?.scrollTo({\n                top: pos,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToBottom() {\n            if (!innerRef.current) return;\n            const ele = innerRef.current;\n            ele.scrollTo({\n                top: ele.scrollHeight,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToTop() {\n            innerRef.current?.scrollTo({\n                top: 0,\n                behavior: \"smooth\"\n            });\n        }\n    }));\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={innerRef}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["_jsx"],"mappings":"+JAgBA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAwC,EAAE,GAA+B,KAAI;AAA7E,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACvF,IAAI,CAAA,EAAA,CAAA,GAA2E,YAAY,CAAM,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,EAAlH,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAApE,CAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,CAAsE,CAA4C;AAMvH,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAG7C,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO;AAC5B,QAAA,QAAQ,CAAC,GAAW,EAAA;;AAChB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,cAAc,GAAA;YACV,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AACvB,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,QAAQ,CAAC;gBACT,GAAG,EAAE,GAAG,CAAC,YAAY;AACrB,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,WAAW,GAAA;;AACP,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,CAA0B,KAAI;YAC5C,IAAI,WAAW,EAAE;AACb,gBAAA,MAAM,GAAG,GAAQ,CAAC,CAAC,MAAM;AACzB,gBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;AACrC,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;gBACrC,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AACjE,gBAAA,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;YAClC;AACA,YAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC;AAC3B,QAAA,CAAC;IACL;AAEA,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;SACnB,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useInterface } from '@xanui/core';\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children?: ReactNode;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nexport type ScrollbarHandle = {\n    scrollTo: (pos: number) => void;\n    scrollToBottom: () => void;\n    scrollToTop: () => void;\n};\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\n    let [{ onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    useImperativeHandle(ref, () => ({\n        scrollTo(pos: number) {\n            innerRef.current?.scrollTo({\n                top: pos,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToBottom() {\n            if (!innerRef.current) return;\n            const ele = innerRef.current;\n            ele.scrollTo({\n                top: ele.scrollHeight,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToTop() {\n            innerRef.current?.scrollTo({\n                top: 0,\n                behavior: \"smooth\"\n            });\n        }\n    }));\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={innerRef}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["_jsx"],"mappings":"+JAeA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAwC,EAAE,GAA+B,KAAI;AAA7E,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACvF,IAAI,CAAA,EAAA,CAAA,GAAwC,YAAY,CAAM,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,EAA/E,EAAE,QAAQ,EAAE,WAAW,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAAjC,CAAA,UAAA,EAAA,aAAA,CAAmC,CAA4C;AACpF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO;AAC5B,QAAA,QAAQ,CAAC,GAAW,EAAA;;AAChB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,cAAc,GAAA;YACV,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AACvB,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,QAAQ,CAAC;gBACT,GAAG,EAAE,GAAG,CAAC,YAAY;AACrB,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,WAAW,GAAA;;AACP,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,CAA0B,KAAI;YAC5C,IAAI,WAAW,EAAE;AACb,gBAAA,MAAM,GAAG,GAAQ,CAAC,CAAC,MAAM;AACzB,gBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;AACrC,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;gBACrC,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AACjE,gBAAA,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;YAClC;AACA,YAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC;AAC3B,QAAA,CAAC;IACL;AAEA,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;SACnB,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/ui",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,11 +9,11 @@
   "module": "./index.mjs",
   "types": "./index.d.ts",
   "dependencies": {
-    "@xanui/core": "^1.2.17",
+    "@xanui/core": "^1.2.26",
     "@xanui/icons": "^1.1.10",
     "oncss": "^1.2.3",
     "pretty-class": "^1.0.5",
-    "react-state-bucket": "^1.2.4"
+    "react-state-bucket": "^1.2.6"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

package/Menu/getOrigin.js

@@ -1,42 +0,0 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});const getOrigin = (placed) => {
-    let _origin = "top";
-    switch (placed) {
-        case "bottom":
-            _origin = "top";
-            break;
-        case "bottom-left":
-            _origin = "top left";
-            break;
-        case "bottom-right":
-            _origin = "top right";
-            break;
-        case "top":
-            _origin = "bottom";
-            break;
-        case "top-left":
-            _origin = "bottom left";
-            break;
-        case "top-right":
-            _origin = "bottom right";
-            break;
-        case "right":
-            _origin = "left";
-            break;
-        case "right-bottom":
-            _origin = "bottom left";
-            break;
-        case "right-top":
-            _origin = "top left";
-            break;
-        case "left":
-            _origin = "right";
-            break;
-        case "left-bottom":
-            _origin = "bottom right";
-            break;
-        case "left-top":
-            _origin = "top right";
-            break;
-    }
-    return _origin;
-};exports.getOrigin=getOrigin;//# sourceMappingURL=getOrigin.js.map

package/Menu/getOrigin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOrigin.js","sources":["../../src/Menu/getOrigin.ts"],"sourcesContent":["\nexport const getOrigin = (placed: string) => {\n    let _origin: any = \"top\"\n    switch (placed) {\n        case \"bottom\":\n            _origin = \"top\"\n            break;\n        case \"bottom-left\":\n            _origin = \"top left\"\n            break;\n        case \"bottom-right\":\n            _origin = \"top right\"\n            break;\n        case \"top\":\n            _origin = \"bottom\"\n            break;\n        case \"top-left\":\n            _origin = \"bottom left\"\n            break;\n        case \"top-right\":\n            _origin = \"bottom right\"\n            break;\n        case \"right\":\n            _origin = \"left\"\n            break;\n        case \"right-bottom\":\n            _origin = \"bottom left\"\n            break;\n        case \"right-top\":\n            _origin = \"top left\"\n            break;\n        case \"left\":\n            _origin = \"right\"\n            break;\n        case \"left-bottom\":\n            _origin = \"bottom right\"\n            break;\n        case \"left-top\":\n            _origin = \"top right\"\n            break;\n    }\n    return _origin\n}"],"names":[],"mappings":"sEACO,MAAM,SAAS,GAAG,CAAC,MAAc,KAAI;IACxC,IAAI,OAAO,GAAQ,KAAK;IACxB,QAAQ,MAAM;AACV,QAAA,KAAK,QAAQ;YACT,OAAO,GAAG,KAAK;YACf;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,WAAW;YACrB;AACJ,QAAA,KAAK,KAAK;YACN,OAAO,GAAG,QAAQ;YAClB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,OAAO;YACR,OAAO,GAAG,MAAM;YAChB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,MAAM;YACP,OAAO,GAAG,OAAO;YACjB;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,WAAW;YACrB;;AAER,IAAA,OAAO,OAAO;AAClB"}

package/Menu/getOrigin.mjs

@@ -1,42 +0,0 @@
-const getOrigin = (placed) => {
-    let _origin = "top";
-    switch (placed) {
-        case "bottom":
-            _origin = "top";
-            break;
-        case "bottom-left":
-            _origin = "top left";
-            break;
-        case "bottom-right":
-            _origin = "top right";
-            break;
-        case "top":
-            _origin = "bottom";
-            break;
-        case "top-left":
-            _origin = "bottom left";
-            break;
-        case "top-right":
-            _origin = "bottom right";
-            break;
-        case "right":
-            _origin = "left";
-            break;
-        case "right-bottom":
-            _origin = "bottom left";
-            break;
-        case "right-top":
-            _origin = "top left";
-            break;
-        case "left":
-            _origin = "right";
-            break;
-        case "left-bottom":
-            _origin = "bottom right";
-            break;
-        case "left-top":
-            _origin = "top right";
-            break;
-    }
-    return _origin;
-};export{getOrigin};//# sourceMappingURL=getOrigin.mjs.map

package/Menu/getOrigin.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOrigin.mjs","sources":["../../src/Menu/getOrigin.ts"],"sourcesContent":["\nexport const getOrigin = (placed: string) => {\n    let _origin: any = \"top\"\n    switch (placed) {\n        case \"bottom\":\n            _origin = \"top\"\n            break;\n        case \"bottom-left\":\n            _origin = \"top left\"\n            break;\n        case \"bottom-right\":\n            _origin = \"top right\"\n            break;\n        case \"top\":\n            _origin = \"bottom\"\n            break;\n        case \"top-left\":\n            _origin = \"bottom left\"\n            break;\n        case \"top-right\":\n            _origin = \"bottom right\"\n            break;\n        case \"right\":\n            _origin = \"left\"\n            break;\n        case \"right-bottom\":\n            _origin = \"bottom left\"\n            break;\n        case \"right-top\":\n            _origin = \"top left\"\n            break;\n        case \"left\":\n            _origin = \"right\"\n            break;\n        case \"left-bottom\":\n            _origin = \"bottom right\"\n            break;\n        case \"left-top\":\n            _origin = \"top right\"\n            break;\n    }\n    return _origin\n}"],"names":[],"mappings":"AACO,MAAM,SAAS,GAAG,CAAC,MAAc,KAAI;IACxC,IAAI,OAAO,GAAQ,KAAK;IACxB,QAAQ,MAAM;AACV,QAAA,KAAK,QAAQ;YACT,OAAO,GAAG,KAAK;YACf;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,WAAW;YACrB;AACJ,QAAA,KAAK,KAAK;YACN,OAAO,GAAG,QAAQ;YAClB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,OAAO;YACR,OAAO,GAAG,MAAM;YAChB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,MAAM;YACP,OAAO,GAAG,OAAO;YACjB;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,WAAW;YACrB;;AAER,IAAA,OAAO,OAAO;AAClB"}

package/Menu/placedMenu.d.ts

@@ -1,5 +0,0 @@
-declare const placements: readonly ["top", "top-left", "top-right", "bottom", "bottom-left", "bottom-right", "right", "right-top", "right-bottom", "left", "left-top", "left-bottom"];
-type PlacementTypes = typeof placements[number];
-
-export { placements };
-export type { PlacementTypes };

package/Menu/placedMenu.js

@@ -1,95 +0,0 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});const placements = [
-    "top",
-    "top-left",
-    "top-right",
-    "bottom",
-    "bottom-left",
-    "bottom-right",
-    "right",
-    "right-top",
-    "right-bottom",
-    "left",
-    "left-top",
-    "left-bottom"
-];
-const isOffScreen = (menu) => {
-    const { x, y, width, height } = menu.getBoundingClientRect();
-    return x < 0 || y < 0 || x + width > window.innerWidth || y + height > window.innerHeight;
-};
-let setStyles = ({ place, menu, target }) => {
-    const { height, width } = menu.getBoundingClientRect();
-    const targetBoundary = target.getBoundingClientRect();
-    let targetTop = targetBoundary.top + window.scrollY;
-    let targetBottom = targetBoundary.bottom + window.scrollY;
-    let targetLeft = targetBoundary.left + window.scrollX;
-    let targetRight = targetBoundary.right + window.scrollX;
-    const _styles = {
-        "top": () => {
-            menu.style.top = `${targetTop - height}px`;
-            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`;
-        },
-        "top-left": () => {
-            menu.style.top = `${targetTop - height}px`;
-            menu.style.left = `${targetLeft}px`;
-        },
-        "top-right": () => {
-            menu.style.top = `${targetTop - height}px`;
-            menu.style.left = `${targetRight - width}px`;
-        },
-        "bottom": () => {
-            menu.style.top = `${targetBottom}px`;
-            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`;
-        },
-        "bottom-left": () => {
-            menu.style.top = `${targetBottom}px`;
-            menu.style.left = `${targetLeft}px`;
-        },
-        "bottom-right": () => {
-            menu.style.top = `${targetBottom}px`;
-            menu.style.left = `${targetRight - width}px`;
-        },
-        "right": () => {
-            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`;
-            menu.style.left = `${targetRight}px`;
-        },
-        "right-top": () => {
-            menu.style.top = `${targetTop}px`;
-            menu.style.left = `${targetRight}px`;
-        },
-        "right-bottom": () => {
-            menu.style.top = `${(targetTop + targetBoundary.height) - height}px`;
-            menu.style.left = `${targetRight}px`;
-        },
-        "left": () => {
-            menu.style.left = `${targetLeft - width}px`;
-            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`;
-        },
-        "left-top": () => {
-            menu.style.top = `${targetTop}px`;
-            menu.style.left = `${targetLeft - width}px`;
-        },
-        "left-bottom": () => {
-            menu.style.top = `${targetBottom - height}px`;
-            menu.style.left = `${targetLeft - width}px`;
-        }
-    };
-    _styles[place] && _styles[place]();
-};
-const placedMenu = ({ place, menu, target }) => {
-    setStyles({ place, menu, target });
-    if (isOffScreen(menu)) {
-        let found_placement = false;
-        for (let i = 0; i < placements.length; i++) {
-            let _place = placements[i];
-            setStyles({ place: _place, menu, target });
-            if (!isOffScreen(menu)) {
-                found_placement = true;
-                return _place;
-            }
-        }
-        if (!found_placement) {
-            setStyles({ place, menu, target });
-        }
-    }
-    return place;
-};exports.placedMenu=placedMenu;exports.placements=placements;//# sourceMappingURL=placedMenu.js.map

package/Menu/placedMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"placedMenu.js","sources":["../../src/Menu/placedMenu.ts"],"sourcesContent":["\n\nexport const placements = [\n    \"top\",\n    \"top-left\",\n    \"top-right\",\n    \"bottom\",\n    \"bottom-left\",\n    \"bottom-right\",\n    \"right\",\n    \"right-top\",\n    \"right-bottom\",\n    \"left\",\n    \"left-top\",\n    \"left-bottom\"\n] as const\n\n\nexport type PlacementTypes = typeof placements[number]\n\nconst isOffScreen = (menu: HTMLElement) => {\n    const { x, y, width, height } = menu.getBoundingClientRect()\n    return x < 0 || y < 0 || x + width > window.innerWidth || y + height > window.innerHeight\n};\n\ntype Props = {\n    place: PlacementTypes,\n    menu: HTMLElement,\n    target: HTMLElement\n}\n\n\nlet setStyles = ({ place, menu, target }: Props) => {\n\n    const { height, width } = menu.getBoundingClientRect()\n    const targetBoundary = target.getBoundingClientRect()\n    let targetTop = targetBoundary.top + window.scrollY\n    let targetBottom = targetBoundary.bottom + window.scrollY\n    let targetLeft = targetBoundary.left + window.scrollX\n    let targetRight = targetBoundary.right + window.scrollX\n\n    const _styles = {\n        \"top\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`\n        },\n        \"top-left\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${targetLeft}px`\n        },\n        \"top-right\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${targetRight - width}px`\n        },\n        \"bottom\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`\n        },\n        \"bottom-left\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${targetLeft}px`\n        },\n        \"bottom-right\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${targetRight - width}px`\n        },\n        \"right\": () => {\n            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"right-top\": () => {\n            menu.style.top = `${targetTop}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"right-bottom\": () => {\n            menu.style.top = `${(targetTop + targetBoundary.height) - height}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"left\": () => {\n            menu.style.left = `${targetLeft - width}px`\n            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`\n        },\n        \"left-top\": () => {\n            menu.style.top = `${targetTop}px`\n            menu.style.left = `${targetLeft - width}px`\n        },\n        \"left-bottom\": () => {\n            menu.style.top = `${targetBottom - height}px`\n            menu.style.left = `${targetLeft - width}px`\n        }\n    }\n    _styles[place] && _styles[place]()\n}\n\nexport const placedMenu = ({ place, menu, target }: Props) => {\n    setStyles({ place, menu, target })\n    if (isOffScreen(menu)) {\n        let found_placement = false\n        for (let i = 0; i < placements.length; i++) {\n            let _place = placements[i]\n            setStyles({ place: _place, menu, target })\n            if (!isOffScreen(menu)) {\n                found_placement = true\n                return _place\n            }\n        }\n        if (!found_placement) {\n            setStyles({ place, menu, target })\n        }\n    }\n    return place\n}\n\n"],"names":[],"mappings":"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"}

package/Menu/placedMenu.mjs

@@ -1,95 +0,0 @@
-const placements = [
-    "top",
-    "top-left",
-    "top-right",
-    "bottom",
-    "bottom-left",
-    "bottom-right",
-    "right",
-    "right-top",
-    "right-bottom",
-    "left",
-    "left-top",
-    "left-bottom"
-];
-const isOffScreen = (menu) => {
-    const { x, y, width, height } = menu.getBoundingClientRect();
-    return x < 0 || y < 0 || x + width > window.innerWidth || y + height > window.innerHeight;
-};
-let setStyles = ({ place, menu, target }) => {
-    const { height, width } = menu.getBoundingClientRect();
-    const targetBoundary = target.getBoundingClientRect();
-    let targetTop = targetBoundary.top + window.scrollY;
-    let targetBottom = targetBoundary.bottom + window.scrollY;
-    let targetLeft = targetBoundary.left + window.scrollX;
-    let targetRight = targetBoundary.right + window.scrollX;
-    const _styles = {
-        "top": () => {
-            menu.style.top = `${targetTop - height}px`;
-            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`;
-        },
-        "top-left": () => {
-            menu.style.top = `${targetTop - height}px`;
-            menu.style.left = `${targetLeft}px`;
-        },
-        "top-right": () => {
-            menu.style.top = `${targetTop - height}px`;
-            menu.style.left = `${targetRight - width}px`;
-        },
-        "bottom": () => {
-            menu.style.top = `${targetBottom}px`;
-            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`;
-        },
-        "bottom-left": () => {
-            menu.style.top = `${targetBottom}px`;
-            menu.style.left = `${targetLeft}px`;
-        },
-        "bottom-right": () => {
-            menu.style.top = `${targetBottom}px`;
-            menu.style.left = `${targetRight - width}px`;
-        },
-        "right": () => {
-            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`;
-            menu.style.left = `${targetRight}px`;
-        },
-        "right-top": () => {
-            menu.style.top = `${targetTop}px`;
-            menu.style.left = `${targetRight}px`;
-        },
-        "right-bottom": () => {
-            menu.style.top = `${(targetTop + targetBoundary.height) - height}px`;
-            menu.style.left = `${targetRight}px`;
-        },
-        "left": () => {
-            menu.style.left = `${targetLeft - width}px`;
-            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`;
-        },
-        "left-top": () => {
-            menu.style.top = `${targetTop}px`;
-            menu.style.left = `${targetLeft - width}px`;
-        },
-        "left-bottom": () => {
-            menu.style.top = `${targetBottom - height}px`;
-            menu.style.left = `${targetLeft - width}px`;
-        }
-    };
-    _styles[place] && _styles[place]();
-};
-const placedMenu = ({ place, menu, target }) => {
-    setStyles({ place, menu, target });
-    if (isOffScreen(menu)) {
-        let found_placement = false;
-        for (let i = 0; i < placements.length; i++) {
-            let _place = placements[i];
-            setStyles({ place: _place, menu, target });
-            if (!isOffScreen(menu)) {
-                found_placement = true;
-                return _place;
-            }
-        }
-        if (!found_placement) {
-            setStyles({ place, menu, target });
-        }
-    }
-    return place;
-};export{placedMenu,placements};//# sourceMappingURL=placedMenu.mjs.map

package/Menu/placedMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"placedMenu.mjs","sources":["../../src/Menu/placedMenu.ts"],"sourcesContent":["\n\nexport const placements = [\n    \"top\",\n    \"top-left\",\n    \"top-right\",\n    \"bottom\",\n    \"bottom-left\",\n    \"bottom-right\",\n    \"right\",\n    \"right-top\",\n    \"right-bottom\",\n    \"left\",\n    \"left-top\",\n    \"left-bottom\"\n] as const\n\n\nexport type PlacementTypes = typeof placements[number]\n\nconst isOffScreen = (menu: HTMLElement) => {\n    const { x, y, width, height } = menu.getBoundingClientRect()\n    return x < 0 || y < 0 || x + width > window.innerWidth || y + height > window.innerHeight\n};\n\ntype Props = {\n    place: PlacementTypes,\n    menu: HTMLElement,\n    target: HTMLElement\n}\n\n\nlet setStyles = ({ place, menu, target }: Props) => {\n\n    const { height, width } = menu.getBoundingClientRect()\n    const targetBoundary = target.getBoundingClientRect()\n    let targetTop = targetBoundary.top + window.scrollY\n    let targetBottom = targetBoundary.bottom + window.scrollY\n    let targetLeft = targetBoundary.left + window.scrollX\n    let targetRight = targetBoundary.right + window.scrollX\n\n    const _styles = {\n        \"top\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`\n        },\n        \"top-left\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${targetLeft}px`\n        },\n        \"top-right\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${targetRight - width}px`\n        },\n        \"bottom\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`\n        },\n        \"bottom-left\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${targetLeft}px`\n        },\n        \"bottom-right\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${targetRight - width}px`\n        },\n        \"right\": () => {\n            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"right-top\": () => {\n            menu.style.top = `${targetTop}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"right-bottom\": () => {\n            menu.style.top = `${(targetTop + targetBoundary.height) - height}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"left\": () => {\n            menu.style.left = `${targetLeft - width}px`\n            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`\n        },\n        \"left-top\": () => {\n            menu.style.top = `${targetTop}px`\n            menu.style.left = `${targetLeft - width}px`\n        },\n        \"left-bottom\": () => {\n            menu.style.top = `${targetBottom - height}px`\n            menu.style.left = `${targetLeft - width}px`\n        }\n    }\n    _styles[place] && _styles[place]()\n}\n\nexport const placedMenu = ({ place, menu, target }: Props) => {\n    setStyles({ place, menu, target })\n    if (isOffScreen(menu)) {\n        let found_placement = false\n        for (let i = 0; i < placements.length; i++) {\n            let _place = placements[i]\n            setStyles({ place: _place, menu, target })\n            if (!isOffScreen(menu)) {\n                found_placement = true\n                return _place\n            }\n        }\n        if (!found_placement) {\n            setStyles({ place, menu, target })\n        }\n    }\n    return place\n}\n\n"],"names":[],"mappings":"AAEO,MAAM,UAAU,GAAG;IACtB,KAAK;IACL,UAAU;IACV,WAAW;IACX,QAAQ;IACR,aAAa;IACb,cAAc;IACd,OAAO;IACP,WAAW;IACX,cAAc;IACd,MAAM;IACN,UAAU;IACV;;AAMJ,MAAM,WAAW,GAAG,CAAC,IAAiB,KAAI;AACtC,IAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE;IAC5D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW;AAC7F,CAAC;AASD,IAAI,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAS,KAAI;IAE/C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE;AACtD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,qBAAqB,EAAE;IACrD,IAAI,SAAS,GAAG,cAAc,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO;IACnD,IAAI,YAAY,GAAG,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO;IACzD,IAAI,UAAU,GAAG,cAAc,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;IACrD,IAAI,WAAW,GAAG,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO;AAEvD,IAAA,MAAM,OAAO,GAAG;QACZ,KAAK,EAAE,MAAK;YACR,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAA,EAAA,CAAI;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,UAAU,IAAI,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;QACpF,CAAC;QACD,UAAU,EAAE,MAAK;YACb,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAA,EAAA,CAAI;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,IAAI;QACvC,CAAC;QACD,WAAW,EAAE,MAAK;YACd,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAA,EAAA,CAAI;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,WAAW,GAAG,KAAK,CAAA,EAAA,CAAI;QAChD,CAAC;QACD,QAAQ,EAAE,MAAK;YACX,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,YAAY,IAAI;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,UAAU,IAAI,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;QACpF,CAAC;QACD,aAAa,EAAE,MAAK;YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,YAAY,IAAI;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,IAAI;QACvC,CAAC;QACD,cAAc,EAAE,MAAK;YACjB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,YAAY,IAAI;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,WAAW,GAAG,KAAK,CAAA,EAAA,CAAI;QAChD,CAAC;QACD,OAAO,EAAE,MAAK;YACV,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;YAChF,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,WAAW,IAAI;QACxC,CAAC;QACD,WAAW,EAAE,MAAK;YACd,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,SAAS,IAAI;YACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,WAAW,IAAI;QACxC,CAAC;QACD,cAAc,EAAE,MAAK;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,IAAI,MAAM,IAAI;YACpE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,WAAW,IAAI;QACxC,CAAC;QACD,MAAM,EAAE,MAAK;YACT,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,GAAG,KAAK,CAAA,EAAA,CAAI;YAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;QACpF,CAAC;QACD,UAAU,EAAE,MAAK;YACb,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,SAAS,IAAI;YACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,GAAG,KAAK,CAAA,EAAA,CAAI;QAC/C,CAAC;QACD,aAAa,EAAE,MAAK;YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,YAAY,GAAG,MAAM,CAAA,EAAA,CAAI;YAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,GAAG,KAAK,CAAA,EAAA,CAAI;QAC/C;KACH;IACD,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;AACtC,CAAC;AAEM,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAS,KAAI;IACzD,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAClC,IAAA,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QACnB,IAAI,eAAe,GAAG,KAAK;AAC3B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,IAAI,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC;YAC1B,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;gBACpB,eAAe,GAAG,IAAI;AACtB,gBAAA,OAAO,MAAM;YACjB;QACJ;QACA,IAAI,CAAC,eAAe,EAAE;YAClB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACtC;IACJ;AACA,IAAA,OAAO,KAAK;AAChB"}