@evance/evance-ui 1.1.13 → 1.1.15

package/dist/esm/components/EvOverlay/activator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"activator.mjs","sources":["../../../../src/components/EvOverlay/activator.ts"],"sourcesContent":["import {\r\n    DelayOpenCloseProps,\r\n    makeDelayOpenCloseProps,\r\n    useDelayOpenClose,\r\n} from \"@/composables/delay.ts\";\r\nimport {\r\n    ComponentInternalInstance,\r\n    ComponentPublicInstance,\r\n    computed,\r\n    ComputedRef,\r\n    effectScope,\r\n    EffectScope,\r\n    inject,\r\n    mergeProps,\r\n    nextTick,\r\n    onScopeDispose,\r\n    PropType,\r\n    ref,\r\n    Ref,\r\n    watch,\r\n    watchEffect,\r\n} from \"vue\";\r\nimport {\r\n    bindProps,\r\n    Browser,\r\n    getCurrentComponent,\r\n    propsFactory,\r\n    refElement,\r\n    unbindProps,\r\n} from \"@/util\";\r\nimport { EvMenuSymbol } from \"../EvMenu/shared\";\r\n\r\ntype ActivatorSelector = \"parent\" | string | Element | ComponentPublicInstance;\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n    activator?: ActivatorSelector;\r\n    activatorProps?: Record<string, any>;\r\n    openOnClick?: boolean;\r\n    openOnHover?: boolean;\r\n    openOnFocus?: boolean;\r\n    closeOnContentClick?: boolean;\r\n}\r\n\r\nexport const makeActivatorProps = propsFactory(\r\n    {\r\n        activator: [String, Object] as PropType<ActivatorProps[\"activator\"]>,\r\n        activatorProps: {\r\n            type: Object as PropType<ActivatorProps[\"activatorProps\"]>,\r\n            default: () => ({}),\r\n        },\r\n        openOnClick: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        openOnHover: Boolean,\r\n        openOnFocus: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        closeOnContentClick: Boolean,\r\n\r\n        ...makeDelayOpenCloseProps(),\r\n    },\r\n    \"EvOverlay/activator\",\r\n);\r\n\r\ninterface ActivatorEvents {\r\n    onBlur?: (e: FocusEvent) => void;\r\n    onClick?: (e: MouseEvent) => void;\r\n    onFocus?: (e: FocusEvent) => void;\r\n    onMouseenter?: (e: MouseEvent) => void;\r\n    onMouseleave?: (e: MouseEvent) => void;\r\n}\r\n\r\ninterface ContentEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n    onFocusin?: () => void;\r\n    onFocusout?: () => void;\r\n    onClick?: () => void;\r\n}\r\n\r\ninterface VeilEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n}\r\n\r\n/**\r\n * # UI Mouse Event\r\n * `sourceCapabilities` is in labs according to MDN. So it is subject to change.\r\n * It is also not included in TypeScript's MouseEvent, so this is a little bit\r\n * of a hack to avoid issues with the build.\r\n */\r\ninterface UIMouseEvent extends MouseEvent {\r\n    sourceCapabilities?: { firesTouchEvents: boolean };\r\n}\r\n\r\n/**\r\n * # Use Activator\r\n *\r\n * @param props\r\n * @param isActive\r\n * @param isTopOfStack\r\n */\r\nexport function useActivator(\r\n    props: ActivatorProps,\r\n    isActive: Ref<boolean>,\r\n    isTopOfStack: Ref<boolean>,\r\n) {\r\n    return new Activator(props, isActive, isTopOfStack);\r\n}\r\n\r\nclass Activator {\r\n    public readonly activatorEl = ref<HTMLElement>();\r\n    public readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;\r\n    public readonly activatorRef = ref();\r\n    public readonly availableEvents: ActivatorEvents;\r\n    public readonly component: ComponentInternalInstance;\r\n    public readonly contentEvents: ComputedRef<Partial<ContentEvents>>;\r\n    public readonly delayClose: () => Promise<boolean>;\r\n    public readonly delayOpen: () => Promise<boolean>;\r\n    public readonly openOnClick: ComputedRef<boolean>;\r\n    public readonly openOnFocus: ComputedRef<boolean>;\r\n    public readonly veilEvents: ComputedRef<Partial<VeilEvents>>;\r\n\r\n    public isHovered = false;\r\n    public isFocused = false;\r\n    public firstEnter = true;\r\n\r\n    private watcher?: ActivatorWatcher;\r\n    private scope?: EffectScope;\r\n\r\n    constructor(\r\n        public props: ActivatorProps,\r\n        public isActive: Ref<boolean>,\r\n        public isTopOfStack: Ref<boolean>,\r\n    ) {\r\n        this.component = getCurrentComponent(\"Activator\");\r\n        this.openOnFocus = computed(\r\n            () =>\r\n                props.openOnFocus ||\r\n                (props.openOnFocus == null && props.openOnHover),\r\n        );\r\n        this.openOnClick = computed(\r\n            () =>\r\n                props.openOnClick ||\r\n                (props.openOnClick == null &&\r\n                    !props.openOnHover &&\r\n                    !this.openOnFocus.value),\r\n        );\r\n        const { delayOpen, delayClose } = this.createDelayFunctions();\r\n        this.delayOpen = delayOpen;\r\n        this.delayClose = delayClose;\r\n        this.availableEvents = this.getAvailableEvents();\r\n        this.activatorEvents = this.createActivatorEvents();\r\n        this.contentEvents = this.createContentEvents();\r\n        this.veilEvents = this.createVeilEvents();\r\n        this.watchIsTopOfStack();\r\n        this.watchActivatorEl();\r\n        this.watchActivatorProp();\r\n    }\r\n\r\n    /**\r\n     * ## Create Activator Events\r\n     * Returns a computed set of partially available events.\r\n     * @private\r\n     */\r\n    private createActivatorEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ActivatorEvents> = {};\r\n            if (this.isOpenOnClick()) {\r\n                events.onClick = this.availableEvents.onClick;\r\n            }\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = this.availableEvents.onMouseenter;\r\n                events.onMouseleave = this.availableEvents.onMouseleave;\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocus = this.availableEvents.onFocus;\r\n                events.onBlur = this.availableEvents.onBlur;\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Content Events\r\n     * @private\r\n     */\r\n    private createContentEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ContentEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    this.isHovered = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocusin = () => {\r\n                    this.isFocused = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onFocusout = () => {\r\n                    this.isFocused = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isCloseOnContentClick()) {\r\n                const menu = inject(EvMenuSymbol, null);\r\n                events.onClick = () => {\r\n                    this.isActive.value = false;\r\n                    menu?.closeParents();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Delay Functions\r\n     * @private\r\n     */\r\n    private createDelayFunctions() {\r\n        return useDelayOpenClose(this.props, (value) => {\r\n            const canOpenHover = this.props.openOnHover && this.isHovered;\r\n            const canOpenFocus = this.openOnFocus.value && this.isFocused;\r\n            if (\r\n                value === (canOpenHover || canOpenFocus) &&\r\n                !(\r\n                    this.props.openOnHover &&\r\n                    this.isActive.value &&\r\n                    !this.isTopOfStack.value\r\n                )\r\n            ) {\r\n                if (this.isActive.value !== value) {\r\n                    this.firstEnter = true;\r\n                }\r\n                this.isActive.value = value;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Veil Events\r\n     * @private\r\n     */\r\n    private createVeilEvents() {\r\n        return computed(() => {\r\n            const events: Partial<VeilEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    if (this.firstEnter) {\r\n                        this.isHovered = true;\r\n                        this.firstEnter = false;\r\n                        this.delayOpen();\r\n                    }\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param selector\r\n     * @private\r\n     */\r\n    public getActivatorEl(\r\n        selector: ActivatorSelector | undefined = this.props.activator,\r\n    ) {\r\n        let activator;\r\n        if (selector) {\r\n            if (selector === \"parent\") {\r\n                let el = this.component?.proxy?.$el?.parentNode;\r\n                while (el.hasAttribute(\"data-no-activator\")) {\r\n                    el = el.parentNode;\r\n                }\r\n                activator = el;\r\n            } else if (typeof selector === \"string\") {\r\n                // Selector\r\n                activator = document.querySelector(selector);\r\n            } else if (\"$el\" in selector) {\r\n                // Component (ref)\r\n                activator = selector.$el;\r\n                console.log(\"activator selector\", selector);\r\n                console.log(\"$el\", selector.$el);\r\n                console.log(\"$el nodeType\", selector.$el?.nodeType);\r\n                console.log(\"$el instanceof HTMLElement\", selector.$el instanceof HTMLElement);\r\n            } else {\r\n                // HTMLElement | Element\r\n                activator = selector;\r\n            }\r\n        }\r\n        return this.setActivatorEl(activator);\r\n    }\r\n\r\n    /**\r\n     * ## Get Available Events\r\n     */\r\n    public getAvailableEvents(): ActivatorEvents {\r\n        return {\r\n            onBlur: this.onBlur.bind(this),\r\n            onClick: this.onClick.bind(this),\r\n            onFocus: this.onFocus.bind(this),\r\n            onMouseenter: this.onMouseenter.bind(this),\r\n            onMouseleave: this.onMouseleave.bind(this),\r\n        };\r\n    }\r\n\r\n    /**\r\n     * ## Is Close on Content Click?\r\n     * Should we close overlays when the content of the overlay is clicked.\r\n     * For example, when a menu item is clicked.\r\n     */\r\n    public isCloseOnContentClick(): boolean {\r\n        return this.props.closeOnContentClick;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open On Click?\r\n     */\r\n    public isOpenOnClick(): boolean {\r\n        return this.openOnClick.value;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Hover?\r\n     */\r\n    public isOpenOnHover(): boolean {\r\n        return this.props.openOnHover;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Focus?\r\n     */\r\n    public isOpenOnFocus(): boolean {\r\n        return this.openOnFocus.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Blur\r\n     * @param e\r\n     */\r\n    public onBlur(e: FocusEvent) {\r\n        e.stopPropagation();\r\n        this.isFocused = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## On Click\r\n     * @param e\r\n     */\r\n    public onClick(e: MouseEvent) {\r\n        e.stopPropagation();\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.isActive.value = !this.isActive.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Focus\r\n     * @param e\r\n     */\r\n    public onFocus(e: FocusEvent) {\r\n        if (\r\n            Browser.supportsFocusVisible &&\r\n            !(e.target as HTMLElement).matches(\":focus-visible\")\r\n        ) {\r\n            return;\r\n        }\r\n        e.stopPropagation();\r\n        this.isFocused = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Enter (Hover)\r\n     * @param e\r\n     */\r\n    public onMouseenter(e: UIMouseEvent) {\r\n        if (e.sourceCapabilities?.firesTouchEvents) {\r\n            return;\r\n        }\r\n        this.isHovered = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Leave\r\n     * @param e\r\n     */\r\n    public onMouseleave(e: MouseEvent) {\r\n        this.isHovered = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## Set Activator Element\r\n     * @param activator\r\n     */\r\n    public setActivatorEl(activator?: HTMLElement) {\r\n        // The activator should only be a valid element (Ignore comments and text nodes)\r\n        this.activatorEl.value =\r\n            activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;\r\n        return this.activatorEl.value;\r\n    }\r\n\r\n    /**\r\n     * ## Watch Activator Prop\r\n     * @private\r\n     */\r\n    private watchActivatorProp() {\r\n        watch(\r\n            () => !!this.props.activator,\r\n            (value) => {\r\n                if (value && Browser.hasWindow) {\r\n                    this.scope = effectScope();\r\n                    this.scope.run(() => {\r\n                        this.watcher = new ActivatorWatcher(this);\r\n                    });\r\n                } else if (this.scope) {\r\n                    this.scope.stop();\r\n                }\r\n            },\r\n            { flush: \"post\", immediate: true },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.scope?.stop();\r\n            if (this.watcher) {\r\n                this.watcher = undefined;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `activatorEl`\r\n     * @private\r\n     */\r\n    private watchActivatorEl() {\r\n        watchEffect(() => {\r\n            console.log(\"watching activatorEl\");\r\n            if (!this.activatorRef.value) {\r\n                return;\r\n            }\r\n            nextTick(() => {\r\n                this.activatorEl.value = refElement(this.activatorRef.value);\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `isTopOfStack`.\r\n     * @private\r\n     */\r\n    private watchIsTopOfStack() {\r\n        watch(this.isTopOfStack, (value) => {\r\n            if (\r\n                value &&\r\n                ((this.isOpenOnHover() &&\r\n                    !this.isHovered &&\r\n                    (!this.isOpenOnFocus() || !this.isFocused)) ||\r\n                    (this.isOpenOnFocus() &&\r\n                        !this.isFocused &&\r\n                        (!this.isOpenOnHover() || !this.isHovered)))\r\n            ) {\r\n                this.isActive.value = false;\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nclass ActivatorWatcher {\r\n    constructor(public readonly activator: Activator) {\r\n        this.watchActivator();\r\n    }\r\n\r\n    private addActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        bindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private removeActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        unbindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private watchActivator() {\r\n        watch(\r\n            () => this.activator.props.activator,\r\n            (value, oldValue) => {\r\n                if (oldValue && value !== oldValue) {\r\n                    const activator = this.activator.getActivatorEl(oldValue);\r\n                    activator &&\r\n                        this.removeActivatorPropsEventListeners(activator);\r\n                }\r\n                if (value) {\r\n                    nextTick(() => this.addActivatorPropsEventListeners());\r\n                }\r\n            },\r\n            { immediate: true },\r\n        );\r\n\r\n        watch(\r\n            () => this.activator.props.activatorProps,\r\n            () => {\r\n                this.addActivatorPropsEventListeners();\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.removeActivatorPropsEventListeners();\r\n        });\r\n    }\r\n}\r\n"],"names":["makeActivatorProps","propsFactory","makeDelayOpenCloseProps","useActivator","props","isActive","isTopOfStack","Activator","__publicField","ref","getCurrentComponent","computed","delayOpen","delayClose","events","menu","inject","EvMenuSymbol","useDelayOpenClose","value","canOpenHover","canOpenFocus","selector","activator","el","_c","_b","_a","_d","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"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"}
+{"version":3,"file":"activator.mjs","sources":["../../../../src/components/EvOverlay/activator.ts"],"sourcesContent":["import {\r\n    DelayOpenCloseProps,\r\n    makeDelayOpenCloseProps,\r\n    useDelayOpenClose,\r\n} from \"@/composables/delay.ts\";\r\nimport {\r\n    ComponentInternalInstance,\r\n    ComponentPublicInstance,\r\n    computed,\r\n    ComputedRef,\r\n    effectScope,\r\n    EffectScope,\r\n    inject,\r\n    mergeProps,\r\n    nextTick,\r\n    onScopeDispose,\r\n    PropType,\r\n    ref,\r\n    Ref,\r\n    watch,\r\n    watchEffect,\r\n} from \"vue\";\r\nimport {\r\n    bindProps,\r\n    Browser,\r\n    getCurrentComponent,\r\n    propsFactory,\r\n    refElement,\r\n    unbindProps,\r\n} from \"@/util\";\r\nimport { EvMenuSymbol } from \"../EvMenu/shared\";\r\n\r\ntype ActivatorSelector = \"parent\" | string | Element | ComponentPublicInstance;\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n    activator?: ActivatorSelector;\r\n    activatorProps?: Record<string, any>;\r\n    openOnClick?: boolean;\r\n    openOnHover?: boolean;\r\n    openOnFocus?: boolean;\r\n    closeOnContentClick?: boolean;\r\n}\r\n\r\nexport const makeActivatorProps = propsFactory(\r\n    {\r\n        activator: [String, Object] as PropType<ActivatorProps[\"activator\"]>,\r\n        activatorProps: {\r\n            type: Object as PropType<ActivatorProps[\"activatorProps\"]>,\r\n            default: () => ({}),\r\n        },\r\n        openOnClick: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        openOnHover: Boolean,\r\n        openOnFocus: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        closeOnContentClick: Boolean,\r\n\r\n        ...makeDelayOpenCloseProps(),\r\n    },\r\n    \"EvOverlay/activator\",\r\n);\r\n\r\ninterface ActivatorEvents {\r\n    onBlur?: (e: FocusEvent) => void;\r\n    onClick?: (e: MouseEvent) => void;\r\n    onFocus?: (e: FocusEvent) => void;\r\n    onMouseenter?: (e: MouseEvent) => void;\r\n    onMouseleave?: (e: MouseEvent) => void;\r\n}\r\n\r\ninterface ContentEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n    onFocusin?: () => void;\r\n    onFocusout?: () => void;\r\n    onClick?: () => void;\r\n}\r\n\r\ninterface VeilEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n}\r\n\r\n/**\r\n * # UI Mouse Event\r\n * `sourceCapabilities` is in labs according to MDN. So it is subject to change.\r\n * It is also not included in TypeScript's MouseEvent, so this is a little bit\r\n * of a hack to avoid issues with the build.\r\n */\r\ninterface UIMouseEvent extends MouseEvent {\r\n    sourceCapabilities?: { firesTouchEvents: boolean };\r\n}\r\n\r\n/**\r\n * # Use Activator\r\n *\r\n * @param props\r\n * @param isActive\r\n * @param isTopOfStack\r\n */\r\nexport function useActivator(\r\n    props: ActivatorProps,\r\n    isActive: Ref<boolean>,\r\n    isTopOfStack: Ref<boolean>,\r\n) {\r\n    return new Activator(props, isActive, isTopOfStack);\r\n}\r\n\r\nclass Activator {\r\n    public readonly activatorEl = ref<HTMLElement>();\r\n    public readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;\r\n    public readonly activatorRef = ref();\r\n    public readonly availableEvents: ActivatorEvents;\r\n    public readonly component: ComponentInternalInstance;\r\n    public readonly contentEvents: ComputedRef<Partial<ContentEvents>>;\r\n    public readonly delayClose: () => Promise<boolean>;\r\n    public readonly delayOpen: () => Promise<boolean>;\r\n    public readonly openOnClick: ComputedRef<boolean>;\r\n    public readonly openOnFocus: ComputedRef<boolean>;\r\n    public readonly veilEvents: ComputedRef<Partial<VeilEvents>>;\r\n\r\n    public isHovered = false;\r\n    public isFocused = false;\r\n    public firstEnter = true;\r\n\r\n    private watcher?: ActivatorWatcher;\r\n    private scope?: EffectScope;\r\n\r\n    constructor(\r\n        public props: ActivatorProps,\r\n        public isActive: Ref<boolean>,\r\n        public isTopOfStack: Ref<boolean>,\r\n    ) {\r\n        this.component = getCurrentComponent(\"Activator\");\r\n        this.openOnFocus = computed(\r\n            () =>\r\n                props.openOnFocus ||\r\n                (props.openOnFocus == null && props.openOnHover),\r\n        );\r\n        this.openOnClick = computed(\r\n            () =>\r\n                props.openOnClick ||\r\n                (props.openOnClick == null &&\r\n                    !props.openOnHover &&\r\n                    !this.openOnFocus.value),\r\n        );\r\n        const { delayOpen, delayClose } = this.createDelayFunctions();\r\n        this.delayOpen = delayOpen;\r\n        this.delayClose = delayClose;\r\n        this.availableEvents = this.getAvailableEvents();\r\n        this.activatorEvents = this.createActivatorEvents();\r\n        this.contentEvents = this.createContentEvents();\r\n        this.veilEvents = this.createVeilEvents();\r\n        this.watchIsTopOfStack();\r\n        this.watchActivatorEl();\r\n        this.watchActivatorProp();\r\n    }\r\n\r\n    /**\r\n     * ## Create Activator Events\r\n     * Returns a computed set of partially available events.\r\n     * @private\r\n     */\r\n    private createActivatorEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ActivatorEvents> = {};\r\n            if (this.isOpenOnClick()) {\r\n                events.onClick = this.availableEvents.onClick;\r\n            }\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = this.availableEvents.onMouseenter;\r\n                events.onMouseleave = this.availableEvents.onMouseleave;\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocus = this.availableEvents.onFocus;\r\n                events.onBlur = this.availableEvents.onBlur;\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Content Events\r\n     * @private\r\n     */\r\n    private createContentEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ContentEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    this.isHovered = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocusin = () => {\r\n                    this.isFocused = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onFocusout = () => {\r\n                    this.isFocused = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isCloseOnContentClick()) {\r\n                const menu = inject(EvMenuSymbol, null);\r\n                events.onClick = () => {\r\n                    this.isActive.value = false;\r\n                    menu?.closeParents();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Delay Functions\r\n     * @private\r\n     */\r\n    private createDelayFunctions() {\r\n        return useDelayOpenClose(this.props, (value) => {\r\n            const canOpenHover = this.props.openOnHover && this.isHovered;\r\n            const canOpenFocus = this.openOnFocus.value && this.isFocused;\r\n            if (\r\n                value === (canOpenHover || canOpenFocus) &&\r\n                !(\r\n                    this.props.openOnHover &&\r\n                    this.isActive.value &&\r\n                    !this.isTopOfStack.value\r\n                )\r\n            ) {\r\n                if (this.isActive.value !== value) {\r\n                    this.firstEnter = true;\r\n                }\r\n                this.isActive.value = value;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Veil Events\r\n     * @private\r\n     */\r\n    private createVeilEvents() {\r\n        return computed(() => {\r\n            const events: Partial<VeilEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    if (this.firstEnter) {\r\n                        this.isHovered = true;\r\n                        this.firstEnter = false;\r\n                        this.delayOpen();\r\n                    }\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param selector\r\n     * @private\r\n     */\r\n    public getActivatorEl(\r\n        selector: ActivatorSelector | undefined = this.props.activator,\r\n    ) {\r\n        let activator;\r\n        if (selector) {\r\n            if (selector === \"parent\") {\r\n                let el = this.component?.proxy?.$el?.parentNode;\r\n                while (el.hasAttribute(\"data-no-activator\")) {\r\n                    el = el.parentNode;\r\n                }\r\n                activator = el;\r\n            } else if (typeof selector === \"string\") {\r\n                // Selector\r\n                activator = document.querySelector(selector);\r\n            } else if (\"$el\" in selector) {\r\n                // Component (ref)\r\n                activator = selector.$el;\r\n                console.log(\"activator selector\", selector);\r\n                console.log(\"$el\", selector.$el);\r\n                console.log(\"$el nodeType\", selector.$el?.nodeType);\r\n                console.log(\"$el instanceof HTMLElement\", selector.$el instanceof HTMLElement);\r\n            } else {\r\n                // HTMLElement | Element\r\n                activator = selector;\r\n            }\r\n        }\r\n        return this.setActivatorEl(activator);\r\n    }\r\n\r\n    /**\r\n     * ## Get Available Events\r\n     */\r\n    public getAvailableEvents(): ActivatorEvents {\r\n        return {\r\n            onBlur: this.onBlur.bind(this),\r\n            onClick: this.onClick.bind(this),\r\n            onFocus: this.onFocus.bind(this),\r\n            onMouseenter: this.onMouseenter.bind(this),\r\n            onMouseleave: this.onMouseleave.bind(this),\r\n        };\r\n    }\r\n\r\n    /**\r\n     * ## Is Close on Content Click?\r\n     * Should we close overlays when the content of the overlay is clicked.\r\n     * For example, when a menu item is clicked.\r\n     */\r\n    public isCloseOnContentClick(): boolean {\r\n        return this.props.closeOnContentClick;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open On Click?\r\n     */\r\n    public isOpenOnClick(): boolean {\r\n        return this.openOnClick.value;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Hover?\r\n     */\r\n    public isOpenOnHover(): boolean {\r\n        return this.props.openOnHover;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Focus?\r\n     */\r\n    public isOpenOnFocus(): boolean {\r\n        return this.openOnFocus.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Blur\r\n     * @param e\r\n     */\r\n    public onBlur(e: FocusEvent) {\r\n        e.stopPropagation();\r\n        this.isFocused = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## On Click\r\n     * @param e\r\n     */\r\n    public onClick(e: MouseEvent) {\r\n        e.stopPropagation();\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.isActive.value = !this.isActive.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Focus\r\n     * @param e\r\n     */\r\n    public onFocus(e: FocusEvent) {\r\n        if (\r\n            Browser.supportsFocusVisible &&\r\n            !(e.target as HTMLElement).matches(\":focus-visible\")\r\n        ) {\r\n            return;\r\n        }\r\n        e.stopPropagation();\r\n        this.isFocused = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Enter (Hover)\r\n     * @param e\r\n     */\r\n    public onMouseenter(e: UIMouseEvent) {\r\n        if (e.sourceCapabilities?.firesTouchEvents) {\r\n            return;\r\n        }\r\n        this.isHovered = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Leave\r\n     * @param e\r\n     */\r\n    public onMouseleave(e: MouseEvent) {\r\n        this.isHovered = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## Set Activator Element\r\n     * @param activator\r\n     */\r\n    public setActivatorEl(activator?: HTMLElement) {\r\n        // The activator should only be a valid element (Ignore comments and text nodes)\r\n        this.activatorEl.value =\r\n            activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;\r\n        return this.activatorEl.value;\r\n    }\r\n\r\n    /**\r\n     * ## Watch Activator Prop\r\n     * @private\r\n     */\r\n    private watchActivatorProp() {\r\n        watch(\r\n            () => !!this.props.activator,\r\n            (value) => {\r\n                if (value && Browser.hasWindow) {\r\n                    this.scope = effectScope();\r\n                    this.scope.run(() => {\r\n                        this.watcher = new ActivatorWatcher(this);\r\n                    });\r\n                } else if (this.scope) {\r\n                    this.scope.stop();\r\n                }\r\n            },\r\n            { flush: \"post\", immediate: true },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.scope?.stop();\r\n            if (this.watcher) {\r\n                this.watcher = undefined;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `activatorEl`\r\n     * @private\r\n     */\r\n    private watchActivatorEl() {\r\n        watchEffect(() => {\r\n            console.log(\"watching activatorEl\");\r\n            if (!this.activatorRef.value) {\r\n                return;\r\n            }\r\n            nextTick(() => {\r\n                this.activatorEl.value = refElement(this.activatorRef.value);\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `isTopOfStack`.\r\n     * @private\r\n     */\r\n    private watchIsTopOfStack() {\r\n        watch(this.isTopOfStack, (value) => {\r\n            if (\r\n                value &&\r\n                ((this.isOpenOnHover() &&\r\n                    !this.isHovered &&\r\n                    (!this.isOpenOnFocus() || !this.isFocused)) ||\r\n                    (this.isOpenOnFocus() &&\r\n                        !this.isFocused &&\r\n                        (!this.isOpenOnHover() || !this.isHovered)))\r\n            ) {\r\n                this.isActive.value = false;\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nclass ActivatorWatcher {\r\n    constructor(public readonly activator: Activator) {\r\n        this.watchActivator();\r\n    }\r\n\r\n    private addActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        bindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private removeActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        unbindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private watchActivator() {\r\n        watch(\r\n            () => this.activator.props.activator,\r\n            (value, oldValue) => {\r\n                if (oldValue && value !== oldValue) {\r\n                    const activator = this.activator.getActivatorEl(oldValue);\r\n                    activator &&\r\n                        this.removeActivatorPropsEventListeners(activator);\r\n                }\r\n                if (value) {\r\n                    nextTick(() => this.addActivatorPropsEventListeners());\r\n                }\r\n            },\r\n            { immediate: true },\r\n        );\r\n\r\n        watch(\r\n            () => this.activator.props.activatorProps,\r\n            () => {\r\n                this.addActivatorPropsEventListeners();\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.removeActivatorPropsEventListeners();\r\n        });\r\n    }\r\n}\r\n"],"names":["makeActivatorProps","propsFactory","makeDelayOpenCloseProps","useActivator","props","isActive","isTopOfStack","Activator","__publicField","ref","getCurrentComponent","computed","delayOpen","delayClose","events","menu","inject","EvMenuSymbol","useDelayOpenClose","value","canOpenHover","canOpenFocus","selector","activator","el","_c","_b","_a","_d","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"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"}

package/dist/esm/components/EvOverlay/position-strategy/connected-position.mjs

@@ -1,2 +1,2 @@
-"use strict";var w=Object.defineProperty;var S=(l,t,e)=>t in l?w(l,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[t]=e;var r=(l,t,e)=>S(l,typeof t!="symbol"?t+"":t,e);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),d=require("../../../util/dimensions.mjs"),C=require("../../../util/scroll.mjs"),A=require("../../../util/isFixedPosition.mjs"),W=require("../../../util/style.mjs"),h=require("../../../util/units.mjs"),m=require("../../../util/helpers.mjs"),v=require("../../../util/anchor.mjs"),O=require("../../../util/is-functions.mjs");function F(l,t,e,i){const s=new E(l,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class E{constructor(t,e,i,s){r(this,"contentScrollParents");r(this,"contentRect");r(this,"maxHeight");r(this,"maxWidth");r(this,"minHeight");r(this,"minWidth");r(this,"observe",!1);r(this,"observer");r(this,"offset");r(this,"preferredPosition");r(this,"preferredOrigin");r(this,"targetRect");r(this,"viewportRect");r(this,"viewportMargin",12);r(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedActivator(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new H,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),c.watch([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,a,p;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((a=this.observer)==null||a.unobserve(s)),e&&((p=this.observer)==null||p.observe(e))},{immediate:!0}),c.onScopeDispose(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=m.destructComputed(()=>{const i=v.Anchor.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=v.Anchor.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return c.computed(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return c.computed(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return O.isNumber(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=d.Rect.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=C.getScrollParents(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=d.Rect.fromElement(i),o=i===document.documentElement,n=new d.Rect(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new d.Rect(Math.max(e.left,n.left),Math.max(e.top,n.top),Math.min(e.right,n.right)-Math.max(e.left,n.left),Math.min(e.bottom,n.bottom)-Math.max(e.top,n.top)):n},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedActivator(){A.isFixedPosition(this.data.activatorEl.value)&&W.toFixedPosition(this.contentStyles.value,this.data.isRtl.value)}updatePosition(){var n;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.activatorEl.value||!this.data.contentEl.value)return;this.targetRect=d.Rect.fromElement(this.data.activatorEl.value),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const a=this.getAutoZone(e.position,t);e.position=a.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(n=this.data.contentEl.value)==null||n.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:h.toWebUnit(h.pixelRound(s)),left:h.toWebUnit(h.pixelRound(i)),minWidth:h.toWebUnit(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:h.toWebUnit(h.pixelCeil(m.clamp(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:h.toWebUnit(h.pixelCeil(m.clamp(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,n=null,a=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,n=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?n=0-s.width/2:n=this.targetRect.y-i-s.width/2,n+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:h.toWebUnit(h.pixelRound(o)),top:typeof n=="string"?n:h.toWebUnit(h.pixelRound(n)),transform:`rotate(${a}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(n=>n.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(a=>a.position.toString()===s.toString());if(!o)continue;const n=s.axis==="x"?"width":"height";if(o.available[n]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){c.watch(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),c.nextTick(()=>{this.updatePosition()})}}class M{constructor(t,e,i){r(this,"available");r(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class H{getAvailable(t,e,i,s){const[o,n]=i,a={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},p={x:{center:{x:e.left,width:e.width},start:{x:t.left+n,width:e.width-t.left-n},end:{x:e.left,width:t.right-e.left-n}},y:{center:{y:e.top,height:e.height},start:{y:t.top+n,height:e.bottom-t.top-n},end:{y:e.top,height:t.bottom-e.top-n}}},f=[];for(const[g,u]of Object.entries(a))for(const[x,b]of Object.entries(p[u.align])){const y=new v.Anchor(g,x),R=Object.assign({width:0,height:0,x:0,y:0},u,b),P=d.Rect.fromRect(R);f.push(new M(y,P,s))}return f.sort((g,u)=>u.availableArea-g.availableArea),f}}exports.connectedPositionStrategy=F;
+var A=Object.defineProperty;var O=(a,t,e)=>t in a?A(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var r=(a,t,e)=>O(a,typeof t!="symbol"?t+"":t,e);import{watch as v,onScopeDispose as F,computed as x,nextTick as W}from"vue";import{Rect as c}from"../../../util/dimensions.mjs";import{getScrollParents as E}from"../../../util/scroll.mjs";import{isFixedPosition as H}from"../../../util/isFixedPosition.mjs";import{toFixedPosition as M}from"../../../util/style.mjs";import{toWebUnit as l,pixelCeil as y,pixelRound as p}from"../../../util/units.mjs";import{destructComputed as Z,clamp as b}from"../../../util/helpers.mjs";import{Anchor as m}from"../../../util/anchor.mjs";import{isNumber as N}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.15 | MIT License */function J(a,t,e,i){const s=new j(a,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class j{constructor(t,e,i,s){r(this,"contentScrollParents");r(this,"contentRect");r(this,"maxHeight");r(this,"maxWidth");r(this,"minHeight");r(this,"minWidth");r(this,"observe",!1);r(this,"observer");r(this,"offset");r(this,"preferredPosition");r(this,"preferredOrigin");r(this,"targetRect");r(this,"viewportRect");r(this,"viewportMargin",12);r(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedActivator(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new D,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),v([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,h,d;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((h=this.observer)==null||h.unobserve(s)),e&&((d=this.observer)==null||d.observe(e))},{immediate:!0}),F(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=Z(()=>{const i=m.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=m.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return x(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return x(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return N(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=c.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=E(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=c.fromElement(i),o=i===document.documentElement,n=new c(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new c(Math.max(e.left,n.left),Math.max(e.top,n.top),Math.min(e.right,n.right)-Math.max(e.left,n.left),Math.min(e.bottom,n.bottom)-Math.max(e.top,n.top)):n},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedActivator(){H(this.data.activatorEl.value)&&M(this.contentStyles.value,this.data.isRtl.value)}updatePosition(){var n;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.activatorEl.value||!this.data.contentEl.value)return;this.targetRect=c.fromElement(this.data.activatorEl.value),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const h=this.getAutoZone(e.position,t);e.position=h.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(n=this.data.contentEl.value)==null||n.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:l(p(s)),left:l(p(i)),minWidth:l(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:l(y(b(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:l(y(b(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,n=null,h=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,n=t.position.side==="bottom"?0-s.height:"100%",h=t.position.side==="bottom"?180:0):(i>this.targetRect.y?n=0-s.width/2:n=this.targetRect.y-i-s.width/2,n+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",h=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:l(p(o)),top:typeof n=="string"?n:l(p(n)),transform:`rotate(${h}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(n=>n.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(h=>h.position.toString()===s.toString());if(!o)continue;const n=s.axis==="x"?"width":"height";if(o.available[n]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){v(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),W(()=>{this.updatePosition()})}}class V{constructor(t,e,i){r(this,"available");r(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class D{getAvailable(t,e,i,s){const[o,n]=i,h={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},d={x:{center:{x:e.left,width:e.width},start:{x:t.left+n,width:e.width-t.left-n},end:{x:e.left,width:t.right-e.left-n}},y:{center:{y:e.top,height:e.height},start:{y:t.top+n,height:e.bottom-t.top-n},end:{y:e.top,height:t.bottom-e.top-n}}},g=[];for(const[u,f]of Object.entries(h))for(const[R,w]of Object.entries(d[f.align])){const P=new m(u,R),S=Object.assign({width:0,height:0,x:0,y:0},f,w),C=c.fromRect(S);g.push(new V(P,C,s))}return g.sort((u,f)=>f.availableArea-u.availableArea),g}}export{J as connectedPositionStrategy};
 //# sourceMappingURL=connected-position.mjs.map

package/dist/esm/components/EvOverlay/position-strategy/connected-position.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"connected-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/connected-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onScopeDispose,\r\n    Ref,\r\n    watch,\r\n} from \"vue\";\r\nimport {\r\n    isFixedPosition,\r\n    toFixedPosition,\r\n    StyleProp,\r\n    isNumber,\r\n    Rect,\r\n    getScrollParents,\r\n    destructComputed,\r\n    Anchor,\r\n    Dimensions,\r\n    toWebUnit,\r\n    pixelRound,\r\n    pixelCeil,\r\n    clamp,\r\n    AnchorSide,\r\n    AnchorAlignment,\r\n    RectProps,\r\n} from \"@/util\";\r\n\r\n/**\r\n * # Connected Position Strategy\r\n *\r\n * Connected to a certain element\r\n */\r\nexport function connectedPositionStrategy(\r\n    data: PositionStrategyData,\r\n    props: PositionStrategyProps,\r\n    contentStyles: Ref<StyleProp>,\r\n    pointerStyles: Ref<StyleProp>,\r\n) {\r\n    // When the position anchor contains auto information, we need to calculate the preferred anchor\r\n    // If the origin anchor contains auto information, we need to calculate the preferred anchor\r\n    // some combinations may cause issues.\r\n\r\n    // If the `side` of the anchor is set to 'auto' then we need to choose the side with most space\r\n    // for the content. We should have a preference stack which is calculated based on\r\n    // rtl, and whether the content fits the side.\r\n    const manager = new ConnectedPosition(\r\n        data,\r\n        props,\r\n        contentStyles,\r\n        pointerStyles,\r\n    );\r\n    return {\r\n        updatePosition: manager.updatePosition.bind(manager),\r\n    };\r\n}\r\n\r\nclass ConnectedPosition {\r\n    public contentScrollParents?: HTMLElement[];\r\n    public contentRect?: Rect;\r\n    public maxHeight: ComputedRef<number>;\r\n    public maxWidth: ComputedRef<number>;\r\n    public minHeight: ComputedRef<number>;\r\n    public minWidth: ComputedRef<number>;\r\n    public observe: boolean = false;\r\n    public observer?: ResizeObserver;\r\n    public offset: ComputedRef<number[]>;\r\n    public preferredPosition?: Ref<Anchor>;\r\n    public preferredOrigin?: Ref<Anchor>;\r\n    public targetRect?: Rect;\r\n    public viewportRect?: Rect;\r\n    public viewportMargin = 12;\r\n    private zoneCalculator: ZoneCalculator;\r\n\r\n    constructor(\r\n        public data: PositionStrategyData,\r\n        public props: PositionStrategyProps,\r\n        public contentStyles: Ref<StyleProp>,\r\n        public pointerStyles: Ref<StyleProp>,\r\n    ) {\r\n        this.resolveFixedActivator();\r\n        this.minWidth = this.computedNumericProp(\"minWidth\");\r\n        this.maxWidth = this.computedNumericProp(\"maxWidth\");\r\n        this.minHeight = this.computedNumericProp(\"minHeight\");\r\n        this.maxHeight = this.computedNumericProp(\"maxHeight\");\r\n        this.offset = this.computedOffset();\r\n        this.zoneCalculator = new ZoneCalculator();\r\n        this.calculatePreferences();\r\n        this.addResizeObserver();\r\n        this.watch();\r\n    }\r\n\r\n    /**\r\n     * ## Add Resize Observer\r\n     *\r\n     * Watch for changes to the size and element of the activator as well as the overlay content.\r\n     *\r\n     * @private\r\n     */\r\n    private addResizeObserver() {\r\n        this.observe = false;\r\n        this.observer = new ResizeObserver(() => {\r\n            if (this.observe) {\r\n                this.updatePosition();\r\n            }\r\n        });\r\n\r\n        watch(\r\n            [this.data.activatorEl, this.data.contentEl],\r\n            (\r\n                [newActivatorEl, newContentEl],\r\n                [oldActivatorEl, oldContentEl],\r\n            ) => {\r\n                if (oldActivatorEl) {\r\n                    this.observer?.unobserve(oldActivatorEl);\r\n                }\r\n                if (newActivatorEl) {\r\n                    this.observer?.observe(newActivatorEl);\r\n                }\r\n                if (oldContentEl) {\r\n                    this.observer?.unobserve(oldContentEl);\r\n                }\r\n                if (newContentEl) {\r\n                    this.observer?.observe(newContentEl);\r\n                }\r\n            },\r\n            {\r\n                immediate: true,\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.observer?.disconnect();\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Calculate Preferences (for position and origin anchor points)\r\n     * @private\r\n     */\r\n    private calculatePreferences() {\r\n        const { preferredPosition, preferredOrigin } = destructComputed(() => {\r\n            const position: Anchor = Anchor.fromSelector(\r\n                this.props.position,\r\n                this.data.isRtl.value,\r\n            );\r\n            let origin: Anchor;\r\n            if (this.props.origin === \"overlap\") {\r\n                origin = position;\r\n            } else if (this.props.origin === \"auto\") {\r\n                origin = position.flipSide();\r\n            } else {\r\n                origin = Anchor.fromSelector(\r\n                    this.props.origin,\r\n                    this.data.isRtl.value,\r\n                );\r\n            }\r\n            // Some combinations of props may produce an invalid origin\r\n            if (\r\n                position.side === origin.side &&\r\n                position.alignment === origin.flipAlignment().alignment\r\n            ) {\r\n                return {\r\n                    preferredPosition: position.flipCorner(),\r\n                    preferredOrigin: origin.flipCorner(),\r\n                };\r\n            } else {\r\n                return {\r\n                    preferredPosition: position,\r\n                    preferredOrigin: origin,\r\n                };\r\n            }\r\n        });\r\n        this.preferredPosition = preferredPosition;\r\n        this.preferredOrigin = preferredOrigin;\r\n    }\r\n\r\n    /**\r\n     * ## Computed Numeric Prop\r\n     * @param key\r\n     * @private\r\n     */\r\n    private computedNumericProp(key: string) {\r\n        return computed(() => {\r\n            const value = parseFloat(\r\n                this.props[key as keyof PositionStrategyProps]! as string,\r\n            );\r\n            return isNaN(value) ? Infinity : value;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Computed Offset\r\n     *\r\n     * Returns an array, with the following indexes:\r\n     * - `0` - represents `side` offset.\r\n     * - `1` - represents `alignment` offset.\r\n     *\r\n     * @private\r\n     */\r\n    private computedOffset() {\r\n        return computed(() => {\r\n            if (Array.isArray(this.props.offset)) {\r\n                return this.props.offset;\r\n            }\r\n            if (typeof this.props.offset === \"string\") {\r\n                const offset = this.props.offset.split(\" \").map(parseFloat);\r\n                if (offset.length < 2) {\r\n                    offset.push(0);\r\n                }\r\n                return offset as [number, number];\r\n            }\r\n            return isNumber(this.props.offset)\r\n                ? [this.props.offset, 0]\r\n                : [0, 0];\r\n        });\r\n    }\r\n\r\n    /**\r\n     * # Get Content Rect\r\n     *\r\n     * Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.\r\n     */\r\n    private getContentRect(): Rect {\r\n        const el = this.data.contentEl.value!;\r\n        const isRtl = this.data.isRtl.value;\r\n        const rect = Rect.fromElement(el, true);\r\n        if (isRtl) {\r\n            rect.x += parseFloat((el.style.right || 0) as string);\r\n        } else {\r\n            rect.x -= parseFloat((el.style.left || 0) as string);\r\n        }\r\n        rect.y -= parseFloat((el.style.top || 0) as string);\r\n        return rect;\r\n    }\r\n\r\n    /**\r\n     * ## Get Pointer Rect\r\n     * @private\r\n     */\r\n    private getPointerDimensions(): { width: number; height: number } | null {\r\n        const el = this.data.pointerEl.value;\r\n        return el ? { width: el.clientWidth, height: el.clientHeight } : null;\r\n    }\r\n\r\n    /**\r\n     * ## Get Content Scroll Parents\r\n     * @private\r\n     */\r\n    private getContentScrollParents(): HTMLElement[] {\r\n        const scrollParents = getScrollParents(this.data.contentEl.value);\r\n        const contentEl = this.data.contentEl.value!;\r\n        if (!scrollParents.length) {\r\n            scrollParents.push(document.documentElement);\r\n            if (!(contentEl.style.top && contentEl.style.left)) {\r\n                this.contentRect!.x -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-x\",\r\n                    ) || \"0\",\r\n                );\r\n                this.contentRect!.y -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-y\",\r\n                    ) || \"0\",\r\n                );\r\n            }\r\n        }\r\n        return scrollParents;\r\n    }\r\n\r\n    /**\r\n     * ## Get Viewport Rect\r\n     *\r\n     * Calculates the viewport viewable area for the content taking into account the viewport margins.\r\n     * i.e. how close are we allowed to place content to the edges of the viewport?\r\n     *\r\n     * @private\r\n     */\r\n    private getViewportRect(): Rect {\r\n        const viewportRect = this.contentScrollParents!.reduce<Rect>(\r\n            (currentRect: Rect | undefined, el: HTMLElement) => {\r\n                const elRect = Rect.fromElement(el);\r\n                const isDocEl = el === document.documentElement;\r\n                const scrollRect = new Rect(\r\n                    isDocEl ? 0 : elRect.x,\r\n                    isDocEl ? 0 : elRect.y,\r\n                    el.clientWidth,\r\n                    el.clientHeight,\r\n                );\r\n                if (!currentRect) {\r\n                    return scrollRect;\r\n                }\r\n                return new Rect(\r\n                    Math.max(currentRect.left, scrollRect.left),\r\n                    Math.max(currentRect.top, scrollRect.top),\r\n                    Math.min(currentRect.right, scrollRect.right) -\r\n                        Math.max(currentRect.left, scrollRect.left),\r\n                    Math.min(currentRect.bottom, scrollRect.bottom) -\r\n                        Math.max(currentRect.top, scrollRect.top),\r\n                );\r\n            },\r\n            undefined!,\r\n        );\r\n        // Adjust the allowable viewport dimensions\r\n        viewportRect.x += this.viewportMargin;\r\n        viewportRect.y += this.viewportMargin;\r\n        viewportRect.width -= this.viewportMargin * 2;\r\n        viewportRect.height -= this.viewportMargin * 2;\r\n        return viewportRect;\r\n    }\r\n\r\n    /**\r\n     * ## Resolve Fixed Activator\r\n     * @private\r\n     */\r\n    private resolveFixedActivator() {\r\n        const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);\r\n        if (isActivatorFixed) {\r\n            toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * ## Update Position\r\n     */\r\n    public updatePosition() {\r\n        this.observe = false;\r\n\r\n        requestAnimationFrame(() => {\r\n            requestAnimationFrame(() => (this.observe = true));\r\n        });\r\n\r\n        if (!this.data.activatorEl.value || !this.data.contentEl.value) {\r\n            return;\r\n        }\r\n\r\n        this.targetRect = Rect.fromElement(this.data.activatorEl.value);\r\n        this.contentRect = this.getContentRect();\r\n        this.contentScrollParents = this.getContentScrollParents();\r\n        this.viewportRect = this.getViewportRect();\r\n\r\n        const zones = this.zoneCalculator.getAvailable(\r\n            this.targetRect,\r\n            this.viewportRect,\r\n            this.offset.value,\r\n            this.contentRect,\r\n        );\r\n\r\n        const placement = {\r\n            position: this.preferredPosition!.value,\r\n            origin: this.preferredOrigin!.value,\r\n        };\r\n\r\n        // If side is auto, find the largest side that\r\n        if (placement.position.side === \"auto\") {\r\n            const autoZone = this.getAutoZone(placement.position, zones);\r\n            placement.position = autoZone.position;\r\n            placement.origin = placement.position.flipSide();\r\n        }\r\n\r\n        // Ok, now we need to calculate the new placement based on available width/height\r\n        // will the content fit and what to do if not.\r\n        const zone =\r\n            placement.position.side === \"center\"\r\n                ? this.getCenterZone(zones)\r\n                : this.getBestZone(placement.position, zones);\r\n\r\n        // Now we need to calculate the position of the content element within the zone.\r\n        placement.position = zone.position;\r\n        placement.origin = placement.position.flipSide();\r\n        const { x, y } = this.calculateContentCoords(zone, placement);\r\n        this.calculateContentStyles(zone, placement, x, y);\r\n        this.calculatePointerStyles(placement, x, y);\r\n\r\n        this.data.contentEl.value?.setAttribute(\r\n            \"data-position\",\r\n            placement.position.toString(),\r\n        );\r\n\r\n        return {\r\n            zoneRect: zone.rect,\r\n            contentRect: this.contentRect,\r\n        };\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param zone\r\n     * @param placement\r\n     * @private\r\n     */\r\n    private calculateContentCoords(\r\n        zone: Zone,\r\n        placement: { position: Anchor; origin: Anchor }\r\n    ): { x: number; y: number } {\r\n        let { x, y } = zone.rect;\r\n\r\n        if (placement.position.side === \"center\") {\r\n            y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;\r\n            x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;\r\n        } else {\r\n            if (placement.position.side === \"top\") {\r\n                y = zone.rect.bottom - this.contentRect.height;\r\n            } else if (placement.position.side === \"left\") {\r\n                x = zone.rect.right - this.contentRect.width;\r\n            }\r\n            if (placement.position.alignment !== \"start\") {\r\n                const divider =\r\n                    placement.position.alignment === \"center\" ? 2 : 1;\r\n                if (placement.position.axis === \"x\") {\r\n                    y =\r\n                        this.targetRect.y +\r\n                        (this.targetRect.height - this.contentRect.height) /\r\n                        divider;\r\n                } else {\r\n                    x =\r\n                        this.targetRect.x +\r\n                        (this.targetRect.width - this.contentRect.width) /\r\n                        divider;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Should this be optional!?\r\n        if (y < this.viewportRect.y) {\r\n            y = this.viewportRect.y;\r\n        }\r\n        if (x < this.viewportRect.x) {\r\n            x = this.viewportRect.x;\r\n        }\r\n\r\n        return { x, y };\r\n    }\r\n\r\n    /**\r\n     * @todo: RTL\r\n     * @param zone\r\n     * @param placement\r\n     * @param x\r\n     * @param y\r\n     * @private\r\n     */\r\n    private calculateContentStyles(\r\n        zone: Zone,\r\n        placement: { position: Anchor; origin: Anchor },\r\n        x: number,\r\n        y: number,\r\n    ) {\r\n        Object.assign(this.contentStyles.value, {\r\n            \"--ev-overlay-position\": placement.position.toCssValue(),\r\n            transformOrigin: placement.origin.toCssValue(),\r\n            top: toWebUnit(pixelRound(y)),\r\n            left: toWebUnit(pixelRound(x)),\r\n            minWidth: toWebUnit(\r\n                placement.position.axis === \"y\"\r\n                    ? Math.min(this.minWidth.value, this.targetRect.width)\r\n                    : this.minWidth.value,\r\n            ),\r\n            maxWidth: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.width,\r\n                        this.minWidth.value === Infinity\r\n                            ? 0\r\n                            : this.minWidth.value,\r\n                        this.maxWidth.value,\r\n                    ),\r\n                ),\r\n            ),\r\n            maxHeight: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.height,\r\n                        this.minHeight.value === Infinity\r\n                            ? 0\r\n                            : this.minHeight.value,\r\n                        this.maxHeight.value,\r\n                    ),\r\n                ),\r\n            ),\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param placement\r\n     * @param x\r\n     * @param y\r\n     * @private\r\n     */\r\n    private calculatePointerStyles(\r\n        placement: { position: Anchor; origin: Anchor },\r\n        x: number,\r\n        y: number,\r\n    ) {\r\n        const pointerDimensions = this.getPointerDimensions();\r\n        if (\r\n            !pointerDimensions ||\r\n            (placement.position.side === \"center\" && placement.position.alignment === \"center\")\r\n        ) {\r\n            Object.assign(this.pointerStyles.value, {\r\n                left: null,\r\n                top: null,\r\n            });\r\n            return;\r\n        }\r\n\r\n        let pointerOffsetX: null | number | string = null;\r\n        let pointerOffsetY: null | number | string = null;\r\n        let rotation = 0;\r\n\r\n        if (placement.position.axis === \"y\") {\r\n            if (x > this.targetRect.x) {\r\n                pointerOffsetX = 0 - pointerDimensions.width / 2;\r\n            } else {\r\n                pointerOffsetX = this.targetRect.x - x - pointerDimensions.width / 2;\r\n            }\r\n            pointerOffsetX +=\r\n                Math.min(this.targetRect.width, this.contentRect.width) / 2;\r\n            pointerOffsetY =\r\n                placement.position.side === \"bottom\"\r\n                    ? 0 - pointerDimensions.height\r\n                    : \"100%\";\r\n            rotation = placement.position.side === \"bottom\" ? 180 : 0;\r\n        } else {\r\n            // Note, the width/height dimensions of the pointer are rotated\r\n            // so they seem wrong but should be correct if not square (needs to be tested)\r\n            if (y > this.targetRect.y) {\r\n                pointerOffsetY = 0 - pointerDimensions.width / 2;\r\n            } else {\r\n                pointerOffsetY = this.targetRect.y - y - pointerDimensions.width / 2;\r\n            }\r\n            pointerOffsetY += Math.min(this.targetRect.height, this.contentRect.height) / 2;\r\n            pointerOffsetX =\r\n                placement.position.side === \"right\"\r\n                    ? 0 - pointerDimensions.height\r\n                    : \"100%\";\r\n            rotation = placement.position.side === \"right\" ? 90 : 270;\r\n        }\r\n\r\n        Object.assign(this.pointerStyles.value, {\r\n            left: typeof pointerOffsetX === 'string'\r\n                ? pointerOffsetX\r\n                : toWebUnit(pixelRound(pointerOffsetX)),\r\n            top: typeof pointerOffsetY === 'string'\r\n                ? pointerOffsetY\r\n                : toWebUnit(pixelRound(pointerOffsetY)),\r\n            transform: `rotate(${rotation}deg)`,\r\n        });\r\n    }\r\n\r\n    private getAutoZone(position: Anchor, zones: Zone[]): Zone {\r\n        const matches = zones.filter((zone) => {\r\n            // Ignore center position for now.\r\n            if (zone.position.side === \"center\") {\r\n                return false;\r\n            }\r\n            return (\r\n                position.alignment === \"auto\" ||\r\n                zone.position.alignment === position.alignment\r\n            );\r\n        });\r\n        return matches[0];\r\n    }\r\n\r\n    /**\r\n     * ## Get Best Zone\r\n     * Returns the zone that fits the content, or the zone with the largest available area.\r\n     * @param position\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getBestZone(position: Anchor, zones: Zone[]): Zone {\r\n        // Priority\r\n        const positions = [\r\n            position,\r\n            position.centerAlign(),\r\n            position.flipSide(),\r\n            position.flipSide().centerAlign(),\r\n            position.flipCorner(),\r\n            position.flipCorner().centerAlign(),\r\n            position.flipCorner().flipSide(),\r\n            position.flipCorner().flipSide().centerAlign(),\r\n        ];\r\n\r\n        // Exactly fits content\r\n        for (const newPosition of positions) {\r\n            // Find the zone that correlates to the position\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (zone?.isFitsContent) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Or the preferred side fits\r\n        for (const newPosition of positions) {\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (!zone) {\r\n                continue;\r\n            }\r\n            const dimension = newPosition.axis === \"x\" ? \"width\" : \"height\";\r\n            if (zone.available[dimension] >= 0) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Fallback to auto because it finds the largest available zone\r\n        return this.getAutoZone(position, zones);\r\n    }\r\n\r\n    /**\r\n     * ## Get Center Zone\r\n     * Returns the zone for centering content in the viewport, which is basically the whole viewport.\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getCenterZone(zones: Zone[]): Zone {\r\n        return zones.find((zone) => {\r\n            return (\r\n                zone.position.side === \"center\" &&\r\n                zone.position.alignment === \"center\"\r\n            );\r\n        })!;\r\n    }\r\n\r\n    /**\r\n     * ## Watch\r\n     *\r\n     * Watch for changes that affect position calculations.\r\n     *\r\n     * @private\r\n     */\r\n    private watch() {\r\n        watch(\r\n            () => [\r\n                this.preferredPosition?.value,\r\n                this.preferredOrigin?.value,\r\n                this.props.offset,\r\n                this.props.minWidth,\r\n                this.props.minHeight,\r\n                this.props.maxWidth,\r\n                this.props.maxHeight,\r\n            ],\r\n            () => this.updatePosition(),\r\n        );\r\n\r\n        nextTick(() => {\r\n            const result = this.updatePosition();\r\n            if (!result) {\r\n                return;\r\n            }\r\n            // @todo: what else do we need to do?\r\n        });\r\n    }\r\n}\r\n\r\nclass Zone {\r\n    public available: Dimensions;\r\n    public isFitsContent: boolean;\r\n\r\n    constructor(\r\n        public position: Anchor,\r\n        public rect: Rect,\r\n        public content: Rect,\r\n    ) {\r\n        this.available = {\r\n            width: this.rect.width - content.width,\r\n            height: this.rect.height - content.height,\r\n        };\r\n        this.isFitsContent =\r\n            this.rect.width >= content.width &&\r\n            this.rect.height >= content.height;\r\n    }\r\n\r\n    get availableArea() {\r\n        return this.available.width * this.available.height;\r\n    }\r\n}\r\n\r\nclass ZoneCalculator {\r\n    /**\r\n     * ## Get Available\r\n     *\r\n     * Returns all available zones around the target.\r\n     *\r\n     * @param target\r\n     * @param viewport\r\n     * @param offset\r\n     * @param content\r\n     */\r\n    public getAvailable(\r\n        target: Rect,\r\n        viewport: Rect,\r\n        offset: number[],\r\n        content: Rect,\r\n    ): Zone[] {\r\n        const [offsetSide, offsetAlign] = offset;\r\n\r\n        // Sides\r\n        const sides: ZoneSides = {\r\n            top: {\r\n                y: viewport.top,\r\n                height: target.top - viewport.top - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            bottom: {\r\n                y: target.bottom + offsetSide,\r\n                height: viewport.bottom - target.bottom - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            left: {\r\n                x: viewport.left,\r\n                width: target.left - viewport.left - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            right: {\r\n                x: target.right + offsetSide,\r\n                width: viewport.right - target.right - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            center: { x: viewport.left, width: viewport.width, align: \"y\" },\r\n        };\r\n\r\n        // Align\r\n        const alignments: ZoneAlignments = {\r\n            x: {\r\n                center: { x: viewport.left, width: viewport.width },\r\n                start: {\r\n                    x: target.left + offsetAlign,\r\n                    width: viewport.width - target.left - offsetAlign,\r\n                },\r\n                end: {\r\n                    x: viewport.left,\r\n                    width: target.right - viewport.left - offsetAlign,\r\n                },\r\n            },\r\n            y: {\r\n                center: { y: viewport.top, height: viewport.height },\r\n                start: {\r\n                    y: target.top + offsetAlign,\r\n                    height: viewport.bottom - target.top - offsetAlign,\r\n                },\r\n                end: {\r\n                    y: viewport.top,\r\n                    height: target.bottom - viewport.top - offsetAlign,\r\n                },\r\n            },\r\n        };\r\n\r\n        const zones: Zone[] = [];\r\n        for (const [side, sideAttrs] of Object.entries(sides)) {\r\n            for (const [align, alignAttrs] of Object.entries(\r\n                alignments[sideAttrs.align],\r\n            )) {\r\n                const anchor = new Anchor(\r\n                    side as AnchorSide,\r\n                    align as AnchorAlignment,\r\n                );\r\n                const rectProps: RectProps = Object.assign(\r\n                    {\r\n                        width: 0,\r\n                        height: 0,\r\n                        x: 0,\r\n                        y: 0,\r\n                    },\r\n                    sideAttrs,\r\n                    alignAttrs,\r\n                );\r\n                const rect = Rect.fromRect(rectProps);\r\n                zones.push(new Zone(anchor, rect, content));\r\n            }\r\n        }\r\n\r\n        // Sort by area\r\n        zones.sort((zoneA, zoneB) => {\r\n            return zoneB.availableArea - zoneA.availableArea;\r\n        });\r\n        return zones;\r\n    }\r\n}\r\n\r\ninterface ZoneSides {\r\n    [key: string]: {\r\n        x?: number;\r\n        y?: number;\r\n        width?: number;\r\n        height?: number;\r\n        align: string;\r\n    };\r\n}\r\n\r\ninterface ZoneAlignments {\r\n    [key: string]: {\r\n        [key: string]: {\r\n            x?: number;\r\n            y?: number;\r\n            width?: number;\r\n            height?: number;\r\n        };\r\n    };\r\n}\r\n"],"names":["connectedPositionStrategy","data","props","contentStyles","pointerStyles","manager","ConnectedPosition","__publicField","ZoneCalculator","watch","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","_a","_b","_c","_d","onScopeDispose","preferredPosition","preferredOrigin","destructComputed","position","Anchor","origin","key","computed","value","offset","isNumber","el","isRtl","rect","Rect","scrollParents","getScrollParents","contentEl","viewportRect","currentRect","elRect","isDocEl","scrollRect","isFixedPosition","toFixedPosition","zones","placement","autoZone","zone","x","y","divider","toWebUnit","pixelRound","pixelCeil","clamp","pointerDimensions","pointerOffsetX","pointerOffsetY","rotation","positions","newPosition","dimension","nextTick","Zone","content","target","viewport","offsetSide","offsetAlign","sides","alignments","side","sideAttrs","align","alignAttrs","anchor","rectProps","zoneA","zoneB"],"mappings":"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"}
+{"version":3,"file":"connected-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/connected-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onScopeDispose,\r\n    Ref,\r\n    watch,\r\n} from \"vue\";\r\nimport {\r\n    isFixedPosition,\r\n    toFixedPosition,\r\n    StyleProp,\r\n    isNumber,\r\n    Rect,\r\n    getScrollParents,\r\n    destructComputed,\r\n    Anchor,\r\n    Dimensions,\r\n    toWebUnit,\r\n    pixelRound,\r\n    pixelCeil,\r\n    clamp,\r\n    AnchorSide,\r\n    AnchorAlignment,\r\n    RectProps,\r\n} from \"@/util\";\r\n\r\n/**\r\n * # Connected Position Strategy\r\n *\r\n * Connected to a certain element\r\n */\r\nexport function connectedPositionStrategy(\r\n    data: PositionStrategyData,\r\n    props: PositionStrategyProps,\r\n    contentStyles: Ref<StyleProp>,\r\n    pointerStyles: Ref<StyleProp>,\r\n) {\r\n    // When the position anchor contains auto information, we need to calculate the preferred anchor\r\n    // If the origin anchor contains auto information, we need to calculate the preferred anchor\r\n    // some combinations may cause issues.\r\n\r\n    // If the `side` of the anchor is set to 'auto' then we need to choose the side with most space\r\n    // for the content. We should have a preference stack which is calculated based on\r\n    // rtl, and whether the content fits the side.\r\n    const manager = new ConnectedPosition(\r\n        data,\r\n        props,\r\n        contentStyles,\r\n        pointerStyles,\r\n    );\r\n    return {\r\n        updatePosition: manager.updatePosition.bind(manager),\r\n    };\r\n}\r\n\r\nclass ConnectedPosition {\r\n    public contentScrollParents?: HTMLElement[];\r\n    public contentRect?: Rect;\r\n    public maxHeight: ComputedRef<number>;\r\n    public maxWidth: ComputedRef<number>;\r\n    public minHeight: ComputedRef<number>;\r\n    public minWidth: ComputedRef<number>;\r\n    public observe: boolean = false;\r\n    public observer?: ResizeObserver;\r\n    public offset: ComputedRef<number[]>;\r\n    public preferredPosition?: Ref<Anchor>;\r\n    public preferredOrigin?: Ref<Anchor>;\r\n    public targetRect?: Rect;\r\n    public viewportRect?: Rect;\r\n    public viewportMargin = 12;\r\n    private zoneCalculator: ZoneCalculator;\r\n\r\n    constructor(\r\n        public data: PositionStrategyData,\r\n        public props: PositionStrategyProps,\r\n        public contentStyles: Ref<StyleProp>,\r\n        public pointerStyles: Ref<StyleProp>,\r\n    ) {\r\n        this.resolveFixedActivator();\r\n        this.minWidth = this.computedNumericProp(\"minWidth\");\r\n        this.maxWidth = this.computedNumericProp(\"maxWidth\");\r\n        this.minHeight = this.computedNumericProp(\"minHeight\");\r\n        this.maxHeight = this.computedNumericProp(\"maxHeight\");\r\n        this.offset = this.computedOffset();\r\n        this.zoneCalculator = new ZoneCalculator();\r\n        this.calculatePreferences();\r\n        this.addResizeObserver();\r\n        this.watch();\r\n    }\r\n\r\n    /**\r\n     * ## Add Resize Observer\r\n     *\r\n     * Watch for changes to the size and element of the activator as well as the overlay content.\r\n     *\r\n     * @private\r\n     */\r\n    private addResizeObserver() {\r\n        this.observe = false;\r\n        this.observer = new ResizeObserver(() => {\r\n            if (this.observe) {\r\n                this.updatePosition();\r\n            }\r\n        });\r\n\r\n        watch(\r\n            [this.data.activatorEl, this.data.contentEl],\r\n            (\r\n                [newActivatorEl, newContentEl],\r\n                [oldActivatorEl, oldContentEl],\r\n            ) => {\r\n                if (oldActivatorEl) {\r\n                    this.observer?.unobserve(oldActivatorEl);\r\n                }\r\n                if (newActivatorEl) {\r\n                    this.observer?.observe(newActivatorEl);\r\n                }\r\n                if (oldContentEl) {\r\n                    this.observer?.unobserve(oldContentEl);\r\n                }\r\n                if (newContentEl) {\r\n                    this.observer?.observe(newContentEl);\r\n                }\r\n            },\r\n            {\r\n                immediate: true,\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.observer?.disconnect();\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Calculate Preferences (for position and origin anchor points)\r\n     * @private\r\n     */\r\n    private calculatePreferences() {\r\n        const { preferredPosition, preferredOrigin } = destructComputed(() => {\r\n            const position: Anchor = Anchor.fromSelector(\r\n                this.props.position,\r\n                this.data.isRtl.value,\r\n            );\r\n            let origin: Anchor;\r\n            if (this.props.origin === \"overlap\") {\r\n                origin = position;\r\n            } else if (this.props.origin === \"auto\") {\r\n                origin = position.flipSide();\r\n            } else {\r\n                origin = Anchor.fromSelector(\r\n                    this.props.origin,\r\n                    this.data.isRtl.value,\r\n                );\r\n            }\r\n            // Some combinations of props may produce an invalid origin\r\n            if (\r\n                position.side === origin.side &&\r\n                position.alignment === origin.flipAlignment().alignment\r\n            ) {\r\n                return {\r\n                    preferredPosition: position.flipCorner(),\r\n                    preferredOrigin: origin.flipCorner(),\r\n                };\r\n            } else {\r\n                return {\r\n                    preferredPosition: position,\r\n                    preferredOrigin: origin,\r\n                };\r\n            }\r\n        });\r\n        this.preferredPosition = preferredPosition;\r\n        this.preferredOrigin = preferredOrigin;\r\n    }\r\n\r\n    /**\r\n     * ## Computed Numeric Prop\r\n     * @param key\r\n     * @private\r\n     */\r\n    private computedNumericProp(key: string) {\r\n        return computed(() => {\r\n            const value = parseFloat(\r\n                this.props[key as keyof PositionStrategyProps]! as string,\r\n            );\r\n            return isNaN(value) ? Infinity : value;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Computed Offset\r\n     *\r\n     * Returns an array, with the following indexes:\r\n     * - `0` - represents `side` offset.\r\n     * - `1` - represents `alignment` offset.\r\n     *\r\n     * @private\r\n     */\r\n    private computedOffset() {\r\n        return computed(() => {\r\n            if (Array.isArray(this.props.offset)) {\r\n                return this.props.offset;\r\n            }\r\n            if (typeof this.props.offset === \"string\") {\r\n                const offset = this.props.offset.split(\" \").map(parseFloat);\r\n                if (offset.length < 2) {\r\n                    offset.push(0);\r\n                }\r\n                return offset as [number, number];\r\n            }\r\n            return isNumber(this.props.offset)\r\n                ? [this.props.offset, 0]\r\n                : [0, 0];\r\n        });\r\n    }\r\n\r\n    /**\r\n     * # Get Content Rect\r\n     *\r\n     * Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.\r\n     */\r\n    private getContentRect(): Rect {\r\n        const el = this.data.contentEl.value!;\r\n        const isRtl = this.data.isRtl.value;\r\n        const rect = Rect.fromElement(el, true);\r\n        if (isRtl) {\r\n            rect.x += parseFloat((el.style.right || 0) as string);\r\n        } else {\r\n            rect.x -= parseFloat((el.style.left || 0) as string);\r\n        }\r\n        rect.y -= parseFloat((el.style.top || 0) as string);\r\n        return rect;\r\n    }\r\n\r\n    /**\r\n     * ## Get Pointer Rect\r\n     * @private\r\n     */\r\n    private getPointerDimensions(): { width: number; height: number } | null {\r\n        const el = this.data.pointerEl.value;\r\n        return el ? { width: el.clientWidth, height: el.clientHeight } : null;\r\n    }\r\n\r\n    /**\r\n     * ## Get Content Scroll Parents\r\n     * @private\r\n     */\r\n    private getContentScrollParents(): HTMLElement[] {\r\n        const scrollParents = getScrollParents(this.data.contentEl.value);\r\n        const contentEl = this.data.contentEl.value!;\r\n        if (!scrollParents.length) {\r\n            scrollParents.push(document.documentElement);\r\n            if (!(contentEl.style.top && contentEl.style.left)) {\r\n                this.contentRect!.x -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-x\",\r\n                    ) || \"0\",\r\n                );\r\n                this.contentRect!.y -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-y\",\r\n                    ) || \"0\",\r\n                );\r\n            }\r\n        }\r\n        return scrollParents;\r\n    }\r\n\r\n    /**\r\n     * ## Get Viewport Rect\r\n     *\r\n     * Calculates the viewport viewable area for the content taking into account the viewport margins.\r\n     * i.e. how close are we allowed to place content to the edges of the viewport?\r\n     *\r\n     * @private\r\n     */\r\n    private getViewportRect(): Rect {\r\n        const viewportRect = this.contentScrollParents!.reduce<Rect>(\r\n            (currentRect: Rect | undefined, el: HTMLElement) => {\r\n                const elRect = Rect.fromElement(el);\r\n                const isDocEl = el === document.documentElement;\r\n                const scrollRect = new Rect(\r\n                    isDocEl ? 0 : elRect.x,\r\n                    isDocEl ? 0 : elRect.y,\r\n                    el.clientWidth,\r\n                    el.clientHeight,\r\n                );\r\n                if (!currentRect) {\r\n                    return scrollRect;\r\n                }\r\n                return new Rect(\r\n                    Math.max(currentRect.left, scrollRect.left),\r\n                    Math.max(currentRect.top, scrollRect.top),\r\n                    Math.min(currentRect.right, scrollRect.right) -\r\n                        Math.max(currentRect.left, scrollRect.left),\r\n                    Math.min(currentRect.bottom, scrollRect.bottom) -\r\n                        Math.max(currentRect.top, scrollRect.top),\r\n                );\r\n            },\r\n            undefined!,\r\n        );\r\n        // Adjust the allowable viewport dimensions\r\n        viewportRect.x += this.viewportMargin;\r\n        viewportRect.y += this.viewportMargin;\r\n        viewportRect.width -= this.viewportMargin * 2;\r\n        viewportRect.height -= this.viewportMargin * 2;\r\n        return viewportRect;\r\n    }\r\n\r\n    /**\r\n     * ## Resolve Fixed Activator\r\n     * @private\r\n     */\r\n    private resolveFixedActivator() {\r\n        const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);\r\n        if (isActivatorFixed) {\r\n            toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * ## Update Position\r\n     */\r\n    public updatePosition() {\r\n        this.observe = false;\r\n\r\n        requestAnimationFrame(() => {\r\n            requestAnimationFrame(() => (this.observe = true));\r\n        });\r\n\r\n        if (!this.data.activatorEl.value || !this.data.contentEl.value) {\r\n            return;\r\n        }\r\n\r\n        this.targetRect = Rect.fromElement(this.data.activatorEl.value);\r\n        this.contentRect = this.getContentRect();\r\n        this.contentScrollParents = this.getContentScrollParents();\r\n        this.viewportRect = this.getViewportRect();\r\n\r\n        const zones = this.zoneCalculator.getAvailable(\r\n            this.targetRect,\r\n            this.viewportRect,\r\n            this.offset.value,\r\n            this.contentRect,\r\n        );\r\n\r\n        const placement = {\r\n            position: this.preferredPosition!.value,\r\n            origin: this.preferredOrigin!.value,\r\n        };\r\n\r\n        // If side is auto, find the largest side that\r\n        if (placement.position.side === \"auto\") {\r\n            const autoZone = this.getAutoZone(placement.position, zones);\r\n            placement.position = autoZone.position;\r\n            placement.origin = placement.position.flipSide();\r\n        }\r\n\r\n        // Ok, now we need to calculate the new placement based on available width/height\r\n        // will the content fit and what to do if not.\r\n        const zone =\r\n            placement.position.side === \"center\"\r\n                ? this.getCenterZone(zones)\r\n                : this.getBestZone(placement.position, zones);\r\n\r\n        // Now we need to calculate the position of the content element within the zone.\r\n        placement.position = zone.position;\r\n        placement.origin = placement.position.flipSide();\r\n        const { x, y } = this.calculateContentCoords(zone, placement);\r\n        this.calculateContentStyles(zone, placement, x, y);\r\n        this.calculatePointerStyles(placement, x, y);\r\n\r\n        this.data.contentEl.value?.setAttribute(\r\n            \"data-position\",\r\n            placement.position.toString(),\r\n        );\r\n\r\n        return {\r\n            zoneRect: zone.rect,\r\n            contentRect: this.contentRect,\r\n        };\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param zone\r\n     * @param placement\r\n     * @private\r\n     */\r\n    private calculateContentCoords(\r\n        zone: Zone,\r\n        placement: { position: Anchor; origin: Anchor }\r\n    ): { x: number; y: number } {\r\n        let { x, y } = zone.rect;\r\n\r\n        if (placement.position.side === \"center\") {\r\n            y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;\r\n            x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;\r\n        } else {\r\n            if (placement.position.side === \"top\") {\r\n                y = zone.rect.bottom - this.contentRect.height;\r\n            } else if (placement.position.side === \"left\") {\r\n                x = zone.rect.right - this.contentRect.width;\r\n            }\r\n            if (placement.position.alignment !== \"start\") {\r\n                const divider =\r\n                    placement.position.alignment === \"center\" ? 2 : 1;\r\n                if (placement.position.axis === \"x\") {\r\n                    y =\r\n                        this.targetRect.y +\r\n                        (this.targetRect.height - this.contentRect.height) /\r\n                        divider;\r\n                } else {\r\n                    x =\r\n                        this.targetRect.x +\r\n                        (this.targetRect.width - this.contentRect.width) /\r\n                        divider;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Should this be optional!?\r\n        if (y < this.viewportRect.y) {\r\n            y = this.viewportRect.y;\r\n        }\r\n        if (x < this.viewportRect.x) {\r\n            x = this.viewportRect.x;\r\n        }\r\n\r\n        return { x, y };\r\n    }\r\n\r\n    /**\r\n     * @todo: RTL\r\n     * @param zone\r\n     * @param placement\r\n     * @param x\r\n     * @param y\r\n     * @private\r\n     */\r\n    private calculateContentStyles(\r\n        zone: Zone,\r\n        placement: { position: Anchor; origin: Anchor },\r\n        x: number,\r\n        y: number,\r\n    ) {\r\n        Object.assign(this.contentStyles.value, {\r\n            \"--ev-overlay-position\": placement.position.toCssValue(),\r\n            transformOrigin: placement.origin.toCssValue(),\r\n            top: toWebUnit(pixelRound(y)),\r\n            left: toWebUnit(pixelRound(x)),\r\n            minWidth: toWebUnit(\r\n                placement.position.axis === \"y\"\r\n                    ? Math.min(this.minWidth.value, this.targetRect.width)\r\n                    : this.minWidth.value,\r\n            ),\r\n            maxWidth: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.width,\r\n                        this.minWidth.value === Infinity\r\n                            ? 0\r\n                            : this.minWidth.value,\r\n                        this.maxWidth.value,\r\n                    ),\r\n                ),\r\n            ),\r\n            maxHeight: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.height,\r\n                        this.minHeight.value === Infinity\r\n                            ? 0\r\n                            : this.minHeight.value,\r\n                        this.maxHeight.value,\r\n                    ),\r\n                ),\r\n            ),\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param placement\r\n     * @param x\r\n     * @param y\r\n     * @private\r\n     */\r\n    private calculatePointerStyles(\r\n        placement: { position: Anchor; origin: Anchor },\r\n        x: number,\r\n        y: number,\r\n    ) {\r\n        const pointerDimensions = this.getPointerDimensions();\r\n        if (\r\n            !pointerDimensions ||\r\n            (placement.position.side === \"center\" && placement.position.alignment === \"center\")\r\n        ) {\r\n            Object.assign(this.pointerStyles.value, {\r\n                left: null,\r\n                top: null,\r\n            });\r\n            return;\r\n        }\r\n\r\n        let pointerOffsetX: null | number | string = null;\r\n        let pointerOffsetY: null | number | string = null;\r\n        let rotation = 0;\r\n\r\n        if (placement.position.axis === \"y\") {\r\n            if (x > this.targetRect.x) {\r\n                pointerOffsetX = 0 - pointerDimensions.width / 2;\r\n            } else {\r\n                pointerOffsetX = this.targetRect.x - x - pointerDimensions.width / 2;\r\n            }\r\n            pointerOffsetX +=\r\n                Math.min(this.targetRect.width, this.contentRect.width) / 2;\r\n            pointerOffsetY =\r\n                placement.position.side === \"bottom\"\r\n                    ? 0 - pointerDimensions.height\r\n                    : \"100%\";\r\n            rotation = placement.position.side === \"bottom\" ? 180 : 0;\r\n        } else {\r\n            // Note, the width/height dimensions of the pointer are rotated\r\n            // so they seem wrong but should be correct if not square (needs to be tested)\r\n            if (y > this.targetRect.y) {\r\n                pointerOffsetY = 0 - pointerDimensions.width / 2;\r\n            } else {\r\n                pointerOffsetY = this.targetRect.y - y - pointerDimensions.width / 2;\r\n            }\r\n            pointerOffsetY += Math.min(this.targetRect.height, this.contentRect.height) / 2;\r\n            pointerOffsetX =\r\n                placement.position.side === \"right\"\r\n                    ? 0 - pointerDimensions.height\r\n                    : \"100%\";\r\n            rotation = placement.position.side === \"right\" ? 90 : 270;\r\n        }\r\n\r\n        Object.assign(this.pointerStyles.value, {\r\n            left: typeof pointerOffsetX === 'string'\r\n                ? pointerOffsetX\r\n                : toWebUnit(pixelRound(pointerOffsetX)),\r\n            top: typeof pointerOffsetY === 'string'\r\n                ? pointerOffsetY\r\n                : toWebUnit(pixelRound(pointerOffsetY)),\r\n            transform: `rotate(${rotation}deg)`,\r\n        });\r\n    }\r\n\r\n    private getAutoZone(position: Anchor, zones: Zone[]): Zone {\r\n        const matches = zones.filter((zone) => {\r\n            // Ignore center position for now.\r\n            if (zone.position.side === \"center\") {\r\n                return false;\r\n            }\r\n            return (\r\n                position.alignment === \"auto\" ||\r\n                zone.position.alignment === position.alignment\r\n            );\r\n        });\r\n        return matches[0];\r\n    }\r\n\r\n    /**\r\n     * ## Get Best Zone\r\n     * Returns the zone that fits the content, or the zone with the largest available area.\r\n     * @param position\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getBestZone(position: Anchor, zones: Zone[]): Zone {\r\n        // Priority\r\n        const positions = [\r\n            position,\r\n            position.centerAlign(),\r\n            position.flipSide(),\r\n            position.flipSide().centerAlign(),\r\n            position.flipCorner(),\r\n            position.flipCorner().centerAlign(),\r\n            position.flipCorner().flipSide(),\r\n            position.flipCorner().flipSide().centerAlign(),\r\n        ];\r\n\r\n        // Exactly fits content\r\n        for (const newPosition of positions) {\r\n            // Find the zone that correlates to the position\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (zone?.isFitsContent) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Or the preferred side fits\r\n        for (const newPosition of positions) {\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (!zone) {\r\n                continue;\r\n            }\r\n            const dimension = newPosition.axis === \"x\" ? \"width\" : \"height\";\r\n            if (zone.available[dimension] >= 0) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Fallback to auto because it finds the largest available zone\r\n        return this.getAutoZone(position, zones);\r\n    }\r\n\r\n    /**\r\n     * ## Get Center Zone\r\n     * Returns the zone for centering content in the viewport, which is basically the whole viewport.\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getCenterZone(zones: Zone[]): Zone {\r\n        return zones.find((zone) => {\r\n            return (\r\n                zone.position.side === \"center\" &&\r\n                zone.position.alignment === \"center\"\r\n            );\r\n        })!;\r\n    }\r\n\r\n    /**\r\n     * ## Watch\r\n     *\r\n     * Watch for changes that affect position calculations.\r\n     *\r\n     * @private\r\n     */\r\n    private watch() {\r\n        watch(\r\n            () => [\r\n                this.preferredPosition?.value,\r\n                this.preferredOrigin?.value,\r\n                this.props.offset,\r\n                this.props.minWidth,\r\n                this.props.minHeight,\r\n                this.props.maxWidth,\r\n                this.props.maxHeight,\r\n            ],\r\n            () => this.updatePosition(),\r\n        );\r\n\r\n        nextTick(() => {\r\n            const result = this.updatePosition();\r\n            if (!result) {\r\n                return;\r\n            }\r\n            // @todo: what else do we need to do?\r\n        });\r\n    }\r\n}\r\n\r\nclass Zone {\r\n    public available: Dimensions;\r\n    public isFitsContent: boolean;\r\n\r\n    constructor(\r\n        public position: Anchor,\r\n        public rect: Rect,\r\n        public content: Rect,\r\n    ) {\r\n        this.available = {\r\n            width: this.rect.width - content.width,\r\n            height: this.rect.height - content.height,\r\n        };\r\n        this.isFitsContent =\r\n            this.rect.width >= content.width &&\r\n            this.rect.height >= content.height;\r\n    }\r\n\r\n    get availableArea() {\r\n        return this.available.width * this.available.height;\r\n    }\r\n}\r\n\r\nclass ZoneCalculator {\r\n    /**\r\n     * ## Get Available\r\n     *\r\n     * Returns all available zones around the target.\r\n     *\r\n     * @param target\r\n     * @param viewport\r\n     * @param offset\r\n     * @param content\r\n     */\r\n    public getAvailable(\r\n        target: Rect,\r\n        viewport: Rect,\r\n        offset: number[],\r\n        content: Rect,\r\n    ): Zone[] {\r\n        const [offsetSide, offsetAlign] = offset;\r\n\r\n        // Sides\r\n        const sides: ZoneSides = {\r\n            top: {\r\n                y: viewport.top,\r\n                height: target.top - viewport.top - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            bottom: {\r\n                y: target.bottom + offsetSide,\r\n                height: viewport.bottom - target.bottom - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            left: {\r\n                x: viewport.left,\r\n                width: target.left - viewport.left - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            right: {\r\n                x: target.right + offsetSide,\r\n                width: viewport.right - target.right - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            center: { x: viewport.left, width: viewport.width, align: \"y\" },\r\n        };\r\n\r\n        // Align\r\n        const alignments: ZoneAlignments = {\r\n            x: {\r\n                center: { x: viewport.left, width: viewport.width },\r\n                start: {\r\n                    x: target.left + offsetAlign,\r\n                    width: viewport.width - target.left - offsetAlign,\r\n                },\r\n                end: {\r\n                    x: viewport.left,\r\n                    width: target.right - viewport.left - offsetAlign,\r\n                },\r\n            },\r\n            y: {\r\n                center: { y: viewport.top, height: viewport.height },\r\n                start: {\r\n                    y: target.top + offsetAlign,\r\n                    height: viewport.bottom - target.top - offsetAlign,\r\n                },\r\n                end: {\r\n                    y: viewport.top,\r\n                    height: target.bottom - viewport.top - offsetAlign,\r\n                },\r\n            },\r\n        };\r\n\r\n        const zones: Zone[] = [];\r\n        for (const [side, sideAttrs] of Object.entries(sides)) {\r\n            for (const [align, alignAttrs] of Object.entries(\r\n                alignments[sideAttrs.align],\r\n            )) {\r\n                const anchor = new Anchor(\r\n                    side as AnchorSide,\r\n                    align as AnchorAlignment,\r\n                );\r\n                const rectProps: RectProps = Object.assign(\r\n                    {\r\n                        width: 0,\r\n                        height: 0,\r\n                        x: 0,\r\n                        y: 0,\r\n                    },\r\n                    sideAttrs,\r\n                    alignAttrs,\r\n                );\r\n                const rect = Rect.fromRect(rectProps);\r\n                zones.push(new Zone(anchor, rect, content));\r\n            }\r\n        }\r\n\r\n        // Sort by area\r\n        zones.sort((zoneA, zoneB) => {\r\n            return zoneB.availableArea - zoneA.availableArea;\r\n        });\r\n        return zones;\r\n    }\r\n}\r\n\r\ninterface ZoneSides {\r\n    [key: string]: {\r\n        x?: number;\r\n        y?: number;\r\n        width?: number;\r\n        height?: number;\r\n        align: string;\r\n    };\r\n}\r\n\r\ninterface ZoneAlignments {\r\n    [key: string]: {\r\n        [key: string]: {\r\n            x?: number;\r\n            y?: number;\r\n            width?: number;\r\n            height?: number;\r\n        };\r\n    };\r\n}\r\n"],"names":["connectedPositionStrategy","data","props","contentStyles","pointerStyles","manager","ConnectedPosition","__publicField","ZoneCalculator","watch","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","_a","_b","_c","_d","onScopeDispose","preferredPosition","preferredOrigin","destructComputed","position","Anchor","origin","key","computed","value","offset","isNumber","el","isRtl","rect","Rect","scrollParents","getScrollParents","contentEl","viewportRect","currentRect","elRect","isDocEl","scrollRect","isFixedPosition","toFixedPosition","zones","placement","autoZone","zone","x","y","divider","toWebUnit","pixelRound","pixelCeil","clamp","pointerDimensions","pointerOffsetX","pointerOffsetY","rotation","positions","newPosition","dimension","nextTick","Zone","content","target","viewport","offsetSide","offsetAlign","sides","alignments","side","sideAttrs","align","alignAttrs","anchor","rectProps","zoneA","zoneB"],"mappings":"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"}

package/dist/esm/components/EvOverlay/position-strategy/static-position.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,o,i){}exports.staticPositionStrategy=t;
+/*! Evance UI v1.1.15 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
 //# sourceMappingURL=static-position.mjs.map

package/dist/esm/components/EvOverlay/position-strategy/static-position.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"static-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/static-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\nimport { Ref } from \"vue\";\nimport { StyleProp } from \"@/util\";\n\n/**\n * # Static Position Strategy\n *\n * Specific viewport position, usually centered.\n */\nexport function staticPositionStrategy(\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<StyleProp>,\n) {\n    // todo\n}\n"],"names":["staticPositionStrategy","data","props","contentStyles"],"mappings":"sHASgB,SAAAA,EACZC,EACAC,EACAC,EACF,CAEF"}
+{"version":3,"file":"static-position.mjs","sources":["../../../../../src/components/EvOverlay/position-strategy/static-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\nimport { Ref } from \"vue\";\nimport { StyleProp } from \"@/util\";\n\n/**\n * # Static Position Strategy\n *\n * Specific viewport position, usually centered.\n */\nexport function staticPositionStrategy(\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<StyleProp>,\n) {\n    // todo\n}\n"],"names":["staticPositionStrategy","data","props","contentStyles"],"mappings":"sCASgB,SAAAA,EACZC,EACAC,EACAC,EACF,CAEF"}

package/dist/esm/components/EvOverlay/position.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),g=require("../../composables/toggleScope.mjs"),p=require("./position-strategy/connected-position.mjs"),y=require("./position-strategy/static-position.mjs"),l=require("../../util/props.mjs"),d=require("../../util/browser.mjs"),v=require("../../util/is-functions.mjs"),S={static:y.staticPositionStrategy,connected:p.connectedPositionStrategy},f=l.propsFactory({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function P(t,s){const r=i.ref({}),c=i.ref({}),e=i.ref();function a(n){var o;(o=e.value)==null||o.call(e,n)}return d.Browser.hasWindow&&(g.useToggleScope(()=>!!(s.isActive.value&&t.positionStrategy),n=>{var u;i.watch(()=>t.positionStrategy,n),i.onScopeDispose(()=>{e.value=void 0});let o;v.isFunction(t.positionStrategy)?o=t.positionStrategy:o=S[t.positionStrategy],e.value=(u=o(s,t,r,c))==null?void 0:u.updatePosition}),window.addEventListener("resize",a,{passive:!0}),i.onScopeDispose(()=>{window.removeEventListener("resize",a),e.value=void 0})),{contentStyles:r,updatePosition:e,pointerStyles:c}}exports.makePositionStrategyProps=f;exports.usePositionStrategies=P;
+import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.15 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
 //# sourceMappingURL=position.mjs.map

package/dist/esm/components/EvOverlay/position.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"position.mjs","sources":["../../../../src/components/EvOverlay/position.ts"],"sourcesContent":["import { onScopeDispose, PropType, ref, Ref, watch } from \"vue\";\nimport {\n    connectedPositionStrategy,\n    staticPositionStrategy,\n} from \"./position-strategy\";\nimport { AnchorSelector, Browser, isFunction, propsFactory } from \"@/util\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\n\nexport interface PositionStrategyData {\n    contentEl: Ref<HTMLElement | undefined>;\n    activatorEl: Ref<HTMLElement | undefined>;\n    pointerEl: Ref<HTMLElement | undefined>;\n    isActive: Ref<boolean>;\n    isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<Record<string, string>>,\n    pointerStyles: Ref<Record<string, string>>,\n) => undefined | { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n    static: staticPositionStrategy, // specific viewport position, usually centered\n    connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n    positionStrategy?: keyof typeof positionStrategies | PositionStrategyFn;\n    position?: AnchorSelector;\n    origin?: AnchorSelector | \"overlap\";\n    offset?: number | string | number[];\n    maxHeight?: number | string;\n    maxWidth?: number | string;\n    minHeight?: number | string;\n    minWidth?: number | string;\n}\n\n/**\n * # Make Position Strategy Props\n */\nexport const makePositionStrategyProps = propsFactory(\n    {\n        positionStrategy: {\n            type: [String, Function] as PropType<\n                PositionStrategyProps[\"positionStrategy\"]\n            >,\n            default: \"connected\",\n            validator: (value: any) =>\n                typeof value === \"function\" || value in positionStrategies,\n        },\n        position: {\n            type: String as PropType<AnchorSelector>,\n            default: \"auto\",\n        },\n        origin: {\n            type: String as PropType<PositionStrategyProps[\"origin\"]>,\n            default: \"auto\",\n        },\n        offset: [Number, String, Array] as PropType<\n            PositionStrategyProps[\"offset\"]\n        >,\n    },\n    \"EvOverlay/position\",\n);\n\n/**\n * # Use Position Strategies\n */\nexport function usePositionStrategies(\n    props: PositionStrategyProps,\n    data: PositionStrategyData,\n) {\n    const contentStyles = ref({});\n    const pointerStyles = ref({});\n    const updatePosition = ref<(e: Event) => void>();\n\n    /**\n     * ## On Resize\n     * Update the position when the window resizes.\n     * @param e\n     */\n    function onResize(e: Event) {\n        updatePosition.value?.(e);\n    }\n\n    if (Browser.hasWindow) {\n        useToggleScope(\n            () => {\n                return !!(data.isActive.value && props.positionStrategy);\n            },\n            (reset) => {\n                watch(() => props.positionStrategy, reset);\n                onScopeDispose(() => {\n                    updatePosition.value = undefined;\n                });\n                let positionStrategyFn: PositionStrategyFn;\n                if (isFunction(props.positionStrategy)) {\n                    positionStrategyFn = props.positionStrategy;\n                } else {\n                    positionStrategyFn = positionStrategies[\n                        props.positionStrategy\n                    ] as PositionStrategyFn;\n                }\n                updatePosition.value = positionStrategyFn(\n                    data,\n                    props,\n                    contentStyles,\n                    pointerStyles,\n                )?.updatePosition;\n            },\n        );\n\n        window.addEventListener(\"resize\", onResize, { passive: true });\n\n        onScopeDispose(() => {\n            window.removeEventListener(\"resize\", onResize);\n            updatePosition.value = undefined;\n        });\n    }\n\n    return {\n        contentStyles,\n        updatePosition,\n        pointerStyles,\n    };\n}\n"],"names":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"wZAuBMA,EAAqB,CACvB,OAAQC,EAAA,uBACR,UAAWC,EAAAA,yBACf,EAgBaC,EAA4BC,EAAA,aACrC,CACI,iBAAkB,CACd,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,YACT,UAAYC,GACR,OAAOA,GAAU,YAAcA,KAASL,CAChD,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CACJ,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CAAC,OAAQ,OAAQ,KAAK,CAGlC,EACA,oBACJ,EAKgB,SAAAM,EACZC,EACAC,EACF,CACQ,MAAAC,EAAgBC,EAAI,IAAA,EAAE,EACtBC,EAAgBD,EAAI,IAAA,EAAE,EACtBE,EAAiBF,EAAAA,IAAwB,EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,EAAAA,QAAQ,YACRC,EAAA,eACI,IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,EAAAA,MAAA,IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,EAAAA,eAAe,IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,EAAA,WAAWf,EAAM,gBAAgB,EACjCc,EAAqBd,EAAM,iBAENc,EAAArB,EACjBO,EAAM,gBACV,EAEJK,EAAe,OAAQG,EAAAM,EACnBb,EACAD,EACAE,EACAE,CAAA,IAJmB,YAAAI,EAKpB,cAAA,CAEX,EAEA,OAAO,iBAAiB,SAAUF,EAAU,CAAE,QAAS,GAAM,EAE7DO,EAAAA,eAAe,IAAM,CACV,OAAA,oBAAoB,SAAUP,CAAQ,EAC7CD,EAAe,MAAQ,MAAA,CAC1B,GAGE,CACH,cAAAH,EACA,eAAAG,EACA,cAAAD,CACJ,CACJ"}
+{"version":3,"file":"position.mjs","sources":["../../../../src/components/EvOverlay/position.ts"],"sourcesContent":["import { onScopeDispose, PropType, ref, Ref, watch } from \"vue\";\nimport {\n    connectedPositionStrategy,\n    staticPositionStrategy,\n} from \"./position-strategy\";\nimport { AnchorSelector, Browser, isFunction, propsFactory } from \"@/util\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\n\nexport interface PositionStrategyData {\n    contentEl: Ref<HTMLElement | undefined>;\n    activatorEl: Ref<HTMLElement | undefined>;\n    pointerEl: Ref<HTMLElement | undefined>;\n    isActive: Ref<boolean>;\n    isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<Record<string, string>>,\n    pointerStyles: Ref<Record<string, string>>,\n) => undefined | { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n    static: staticPositionStrategy, // specific viewport position, usually centered\n    connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n    positionStrategy?: keyof typeof positionStrategies | PositionStrategyFn;\n    position?: AnchorSelector;\n    origin?: AnchorSelector | \"overlap\";\n    offset?: number | string | number[];\n    maxHeight?: number | string;\n    maxWidth?: number | string;\n    minHeight?: number | string;\n    minWidth?: number | string;\n}\n\n/**\n * # Make Position Strategy Props\n */\nexport const makePositionStrategyProps = propsFactory(\n    {\n        positionStrategy: {\n            type: [String, Function] as PropType<\n                PositionStrategyProps[\"positionStrategy\"]\n            >,\n            default: \"connected\",\n            validator: (value: any) =>\n                typeof value === \"function\" || value in positionStrategies,\n        },\n        position: {\n            type: String as PropType<AnchorSelector>,\n            default: \"auto\",\n        },\n        origin: {\n            type: String as PropType<PositionStrategyProps[\"origin\"]>,\n            default: \"auto\",\n        },\n        offset: [Number, String, Array] as PropType<\n            PositionStrategyProps[\"offset\"]\n        >,\n    },\n    \"EvOverlay/position\",\n);\n\n/**\n * # Use Position Strategies\n */\nexport function usePositionStrategies(\n    props: PositionStrategyProps,\n    data: PositionStrategyData,\n) {\n    const contentStyles = ref({});\n    const pointerStyles = ref({});\n    const updatePosition = ref<(e: Event) => void>();\n\n    /**\n     * ## On Resize\n     * Update the position when the window resizes.\n     * @param e\n     */\n    function onResize(e: Event) {\n        updatePosition.value?.(e);\n    }\n\n    if (Browser.hasWindow) {\n        useToggleScope(\n            () => {\n                return !!(data.isActive.value && props.positionStrategy);\n            },\n            (reset) => {\n                watch(() => props.positionStrategy, reset);\n                onScopeDispose(() => {\n                    updatePosition.value = undefined;\n                });\n                let positionStrategyFn: PositionStrategyFn;\n                if (isFunction(props.positionStrategy)) {\n                    positionStrategyFn = props.positionStrategy;\n                } else {\n                    positionStrategyFn = positionStrategies[\n                        props.positionStrategy\n                    ] as PositionStrategyFn;\n                }\n                updatePosition.value = positionStrategyFn(\n                    data,\n                    props,\n                    contentStyles,\n                    pointerStyles,\n                )?.updatePosition;\n            },\n        );\n\n        window.addEventListener(\"resize\", onResize, { passive: true });\n\n        onScopeDispose(() => {\n            window.removeEventListener(\"resize\", onResize);\n            updatePosition.value = undefined;\n        });\n    }\n\n    return {\n        contentStyles,\n        updatePosition,\n        pointerStyles,\n    };\n}\n"],"names":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"weAuBA,MAAMA,EAAqB,CACvB,OAAQC,EACR,UAAWC,CACf,EAgBaC,EAA4BC,EACrC,CACI,iBAAkB,CACd,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,YACT,UAAYC,GACR,OAAOA,GAAU,YAAcA,KAASL,CAChD,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CACJ,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CAAC,OAAQ,OAAQ,KAAK,CAGlC,EACA,oBACJ,EAKgB,SAAAM,EACZC,EACAC,EACF,CACQ,MAAAC,EAAgBC,EAAI,EAAE,EACtBC,EAAgBD,EAAI,EAAE,EACtBE,EAAiBF,EAAwB,EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,EAAQ,YACRC,EACI,IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,EAAA,IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,EAAe,IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,EAAWf,EAAM,gBAAgB,EACjCc,EAAqBd,EAAM,iBAENc,EAAArB,EACjBO,EAAM,gBACV,EAEJK,EAAe,OAAQG,EAAAM,EACnBb,EACAD,EACAE,EACAE,CAAA,IAJmB,YAAAI,EAKpB,cAAA,CAEX,EAEA,OAAO,iBAAiB,SAAUF,EAAU,CAAE,QAAS,GAAM,EAE7DO,EAAe,IAAM,CACV,OAAA,oBAAoB,SAAUP,CAAQ,EAC7CD,EAAe,MAAQ,MAAA,CAC1B,GAGE,CACH,cAAAH,EACA,eAAAG,EACA,cAAAD,CACJ,CACJ"}

package/dist/esm/components/EvOverlay/scroll-strategy/block-scroll.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("vue"),r=require("../../../util/scroll.mjs"),s=require("../../../util/units.mjs");function f(l,c){var i,y;const t=(i=l.containerEl.value)==null?void 0:i.offsetParent,n=[...new Set([...r.getScrollParents(l.activatorEl.value,c.contained?t:void 0),...r.getScrollParents(l.contentEl.value,c.contained?t:void 0)])].filter(e=>!e.classList.contains("ev-overlay-scroll-blocked")),v=window.innerWidth-document.documentElement.offsetWidth,a=(e=>r.hasScrollbar(e)&&e)(t||document.documentElement);a&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),n.forEach((e,o)=>{e.style.setProperty("--ev-body-scroll-x",s.toWebUnit(-e.scrollLeft)??null),e.style.setProperty("--ev-body-scroll-y",s.toWebUnit(-e.scrollTop)??null),e!==document.documentElement&&e.style.setProperty("--ev-scrollbar-offset",s.toWebUnit(v)??null),e.classList.add("ev-overlay-scroll-blocked")}),b.onScopeDispose(()=>{var e;n.forEach((o,m)=>{const d=parseFloat(o.style.getPropertyValue("--ev-body-scroll-x")),u=parseFloat(o.style.getPropertyValue("--ev-body-scroll-y"));o.style.removeProperty("--ev-body-scroll-x"),o.style.removeProperty("--ev-body-scroll-y"),o.style.removeProperty("--ev-scrollbar-offset"),o.classList.remove("ev-overlay-scroll-blocked"),o.scrollLeft=-d,o.scrollTop=-u}),a&&((e=l.containerEl.value)==null||e.classList.remove("ev-overlay--scroll-blocked"))})}exports.blockScrollStrategy=f;
+import{onScopeDispose as m}from"vue";import{getScrollParents as i,hasScrollbar as b}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.15 | MIT License */function L(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,c=[...new Set([...i(l.activatorEl.value,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),v=window.innerWidth-document.documentElement.offsetWidth,n=(o=>b(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(v)??null),o.classList.add("ev-overlay-scroll-blocked")}),m(()=>{var o;c.forEach((e,u)=>{const d=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-d,e.scrollTop=-f}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{L as blockScrollStrategy};
 //# sourceMappingURL=block-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/block-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"block-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/block-scroll.ts"],"sourcesContent":["import { ScrollStrategyData, ScrollStrategyProps } from \"../scroll\";\nimport { getScrollParents, hasScrollbar, toWebUnit } from \"@/util\";\nimport { onScopeDispose } from \"vue\";\n\n/**\n * # Block Scroll Strategy\n * @param data\n * @param props\n */\nexport function blockScrollStrategy(\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n) {\n    const offsetParent = data.containerEl.value?.offsetParent;\n    const scrollElements = [\n        ...new Set([\n            ...getScrollParents(\n                data.activatorEl.value,\n                props.contained ? offsetParent : undefined,\n            ),\n            ...getScrollParents(\n                data.contentEl.value,\n                props.contained ? offsetParent : undefined,\n            ),\n        ]),\n    ].filter((el) => !el.classList.contains(\"ev-overlay-scroll-blocked\"));\n    const scrollbarWidth =\n        window.innerWidth - document.documentElement.offsetWidth;\n    const scrollableParent = ((el) => hasScrollbar(el) && el)(\n        offsetParent || document.documentElement,\n    );\n    if (scrollableParent) {\n        data.containerEl.value?.classList.add(\"ev-overlay--scroll-blocked\");\n    }\n\n    scrollElements.forEach((el, i) => {\n        el.style.setProperty(\n            \"--ev-body-scroll-x\",\n            toWebUnit(-el.scrollLeft) ?? null,\n        );\n        el.style.setProperty(\n            \"--ev-body-scroll-y\",\n            toWebUnit(-el.scrollTop) ?? null,\n        );\n        if (el !== document.documentElement) {\n            el.style.setProperty(\n                \"--ev-scrollbar-offset\",\n                toWebUnit(scrollbarWidth) ?? null,\n            );\n        }\n        el.classList.add(\"ev-overlay-scroll-blocked\");\n    });\n\n    onScopeDispose(() => {\n        scrollElements.forEach((el, i) => {\n            const x = parseFloat(\n                el.style.getPropertyValue(\"--ev-body-scroll-x\"),\n            );\n            const y = parseFloat(\n                el.style.getPropertyValue(\"--ev-body-scroll-y\"),\n            );\n\n            el.style.removeProperty(\"--ev-body-scroll-x\");\n            el.style.removeProperty(\"--ev-body-scroll-y\");\n            el.style.removeProperty(\"--ev-scrollbar-offset\");\n            el.classList.remove(\"ev-overlay-scroll-blocked\");\n            el.scrollLeft = -x;\n            el.scrollTop = -y;\n        });\n        if (scrollableParent) {\n            data.containerEl.value?.classList.remove(\n                \"ev-overlay--scroll-blocked\",\n            );\n        }\n    });\n}\n"],"names":["blockScrollStrategy","data","props","offsetParent","_a","scrollElements","getScrollParents","el","scrollbarWidth","scrollableParent","hasScrollbar","_b","i","toWebUnit","onScopeDispose","x","y"],"mappings":"wNASgB,SAAAA,EACZC,EACAC,EACF,SACQ,MAAAC,GAAeC,EAAAH,EAAK,YAAY,QAAjB,YAAAG,EAAwB,aACvCC,EAAiB,CACnB,OAAO,IAAI,CACP,GAAGC,EAAA,iBACCL,EAAK,YAAY,MACjBC,EAAM,UAAYC,EAAe,MACrC,EACA,GAAGG,EAAA,iBACCL,EAAK,UAAU,MACfC,EAAM,UAAYC,EAAe,MAAA,CAExC,CAAA,CAAA,EACH,OAAQI,GAAO,CAACA,EAAG,UAAU,SAAS,2BAA2B,CAAC,EAC9DC,EACF,OAAO,WAAa,SAAS,gBAAgB,YAC3CC,GAAqBF,GAAOG,EAAAA,aAAaH,CAAE,GAAKA,GAClDJ,GAAgB,SAAS,eAC7B,EACIM,KACAE,EAAAV,EAAK,YAAY,QAAjB,MAAAU,EAAwB,UAAU,IAAI,+BAG3BN,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9BL,EAAG,MAAM,YACL,qBACAM,YAAU,CAACN,EAAG,UAAU,GAAK,IACjC,EACAA,EAAG,MAAM,YACL,qBACAM,YAAU,CAACN,EAAG,SAAS,GAAK,IAChC,EACIA,IAAO,SAAS,iBAChBA,EAAG,MAAM,YACL,wBACAM,EAAA,UAAUL,CAAc,GAAK,IACjC,EAEDD,EAAA,UAAU,IAAI,2BAA2B,CAAA,CAC/C,EAEDO,EAAAA,eAAe,IAAM,OACFT,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9B,MAAMG,EAAI,WACNR,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EACMS,EAAI,WACNT,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EAEGA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,uBAAuB,EAC5CA,EAAA,UAAU,OAAO,2BAA2B,EAC/CA,EAAG,WAAa,CAACQ,EACjBR,EAAG,UAAY,CAACS,CAAA,CACnB,EACGP,KACKL,EAAAH,EAAA,YAAY,QAAZ,MAAAG,EAAmB,UAAU,OAC9B,8BAER,CACH,CACL"}
+{"version":3,"file":"block-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/block-scroll.ts"],"sourcesContent":["import { ScrollStrategyData, ScrollStrategyProps } from \"../scroll\";\nimport { getScrollParents, hasScrollbar, toWebUnit } from \"@/util\";\nimport { onScopeDispose } from \"vue\";\n\n/**\n * # Block Scroll Strategy\n * @param data\n * @param props\n */\nexport function blockScrollStrategy(\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n) {\n    const offsetParent = data.containerEl.value?.offsetParent;\n    const scrollElements = [\n        ...new Set([\n            ...getScrollParents(\n                data.activatorEl.value,\n                props.contained ? offsetParent : undefined,\n            ),\n            ...getScrollParents(\n                data.contentEl.value,\n                props.contained ? offsetParent : undefined,\n            ),\n        ]),\n    ].filter((el) => !el.classList.contains(\"ev-overlay-scroll-blocked\"));\n    const scrollbarWidth =\n        window.innerWidth - document.documentElement.offsetWidth;\n    const scrollableParent = ((el) => hasScrollbar(el) && el)(\n        offsetParent || document.documentElement,\n    );\n    if (scrollableParent) {\n        data.containerEl.value?.classList.add(\"ev-overlay--scroll-blocked\");\n    }\n\n    scrollElements.forEach((el, i) => {\n        el.style.setProperty(\n            \"--ev-body-scroll-x\",\n            toWebUnit(-el.scrollLeft) ?? null,\n        );\n        el.style.setProperty(\n            \"--ev-body-scroll-y\",\n            toWebUnit(-el.scrollTop) ?? null,\n        );\n        if (el !== document.documentElement) {\n            el.style.setProperty(\n                \"--ev-scrollbar-offset\",\n                toWebUnit(scrollbarWidth) ?? null,\n            );\n        }\n        el.classList.add(\"ev-overlay-scroll-blocked\");\n    });\n\n    onScopeDispose(() => {\n        scrollElements.forEach((el, i) => {\n            const x = parseFloat(\n                el.style.getPropertyValue(\"--ev-body-scroll-x\"),\n            );\n            const y = parseFloat(\n                el.style.getPropertyValue(\"--ev-body-scroll-y\"),\n            );\n\n            el.style.removeProperty(\"--ev-body-scroll-x\");\n            el.style.removeProperty(\"--ev-body-scroll-y\");\n            el.style.removeProperty(\"--ev-scrollbar-offset\");\n            el.classList.remove(\"ev-overlay-scroll-blocked\");\n            el.scrollLeft = -x;\n            el.scrollTop = -y;\n        });\n        if (scrollableParent) {\n            data.containerEl.value?.classList.remove(\n                \"ev-overlay--scroll-blocked\",\n            );\n        }\n    });\n}\n"],"names":["blockScrollStrategy","data","props","offsetParent","_a","scrollElements","getScrollParents","el","scrollbarWidth","scrollableParent","hasScrollbar","_b","i","toWebUnit","onScopeDispose","x","y"],"mappings":"6MASgB,SAAAA,EACZC,EACAC,EACF,SACQ,MAAAC,GAAeC,EAAAH,EAAK,YAAY,QAAjB,YAAAG,EAAwB,aACvCC,EAAiB,CACnB,OAAO,IAAI,CACP,GAAGC,EACCL,EAAK,YAAY,MACjBC,EAAM,UAAYC,EAAe,MACrC,EACA,GAAGG,EACCL,EAAK,UAAU,MACfC,EAAM,UAAYC,EAAe,MAAA,CAExC,CAAA,CAAA,EACH,OAAQI,GAAO,CAACA,EAAG,UAAU,SAAS,2BAA2B,CAAC,EAC9DC,EACF,OAAO,WAAa,SAAS,gBAAgB,YAC3CC,GAAqBF,GAAOG,EAAaH,CAAE,GAAKA,GAClDJ,GAAgB,SAAS,eAC7B,EACIM,KACAE,EAAAV,EAAK,YAAY,QAAjB,MAAAU,EAAwB,UAAU,IAAI,+BAG3BN,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9BL,EAAG,MAAM,YACL,qBACAM,EAAU,CAACN,EAAG,UAAU,GAAK,IACjC,EACAA,EAAG,MAAM,YACL,qBACAM,EAAU,CAACN,EAAG,SAAS,GAAK,IAChC,EACIA,IAAO,SAAS,iBAChBA,EAAG,MAAM,YACL,wBACAM,EAAUL,CAAc,GAAK,IACjC,EAEDD,EAAA,UAAU,IAAI,2BAA2B,CAAA,CAC/C,EAEDO,EAAe,IAAM,OACFT,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9B,MAAMG,EAAI,WACNR,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EACMS,EAAI,WACNT,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EAEGA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,uBAAuB,EAC5CA,EAAA,UAAU,OAAO,2BAA2B,EAC/CA,EAAG,WAAa,CAACQ,EACjBR,EAAG,UAAY,CAACS,CAAA,CACnB,EACGP,KACKL,EAAAH,EAAA,YAAY,QAAZ,MAAAG,EAAmB,UAAU,OAC9B,8BAER,CACH,CACL"}

package/dist/esm/components/EvOverlay/scroll-strategy/close-scroll.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../util/events.mjs");function o(e){function t(r){e.isActive.value=!1}l.addScrollEventListener(e.activatorEl.value??e.contentEl.value,t)}exports.closeScrollStrategy=o;
+import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.15 | MIT License */function n(e){function l(t){e.isActive.value=!1}o(e.activatorEl.value??e.contentEl.value,l)}export{n as closeScrollStrategy};
 //# sourceMappingURL=close-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/close-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"close-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/close-scroll.ts"],"sourcesContent":["import { ScrollStrategyData } from \"../scroll\";\nimport { addScrollEventListener } from \"@/util\";\n\n/**\n * # Close Scroll Strategy\n * @param data\n */\nexport function closeScrollStrategy(data: ScrollStrategyData) {\n    function onScroll(e: Event) {\n        data.isActive.value = false;\n    }\n    addScrollEventListener(\n        data.activatorEl.value ?? data.contentEl.value,\n        onScroll,\n    );\n}\n"],"names":["closeScrollStrategy","data","onScroll","e","addScrollEventListener"],"mappings":"kKAOO,SAASA,EAAoBC,EAA0B,CAC1D,SAASC,EAASC,EAAU,CACxBF,EAAK,SAAS,MAAQ,EAAA,CAE1BG,EAAA,uBACIH,EAAK,YAAY,OAASA,EAAK,UAAU,MACzCC,CACJ,CACJ"}
+{"version":3,"file":"close-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/close-scroll.ts"],"sourcesContent":["import { ScrollStrategyData } from \"../scroll\";\nimport { addScrollEventListener } from \"@/util\";\n\n/**\n * # Close Scroll Strategy\n * @param data\n */\nexport function closeScrollStrategy(data: ScrollStrategyData) {\n    function onScroll(e: Event) {\n        data.isActive.value = false;\n    }\n    addScrollEventListener(\n        data.activatorEl.value ?? data.contentEl.value,\n        onScroll,\n    );\n}\n"],"names":["closeScrollStrategy","data","onScroll","e","addScrollEventListener"],"mappings":"wGAOO,SAASA,EAAoBC,EAA0B,CAC1D,SAASC,EAASC,EAAU,CACxBF,EAAK,SAAS,MAAQ,EAAA,CAE1BG,EACIH,EAAK,YAAY,OAASA,EAAK,UAAU,MACzCC,CACJ,CACJ"}

package/dist/esm/components/EvOverlay/scroll-strategy/reposition-scroll.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),m=require("../../../util/animate.mjs"),p=require("../../../util/events.mjs");function d(n,f,c){let r=!1,t=-1,o=-1;function a(e){m.requestNewFrame(()=>{var l,i;const s=performance.now();(i=(l=n.updatePosition).value)==null||i.call(l,e),r=(performance.now()-s)/(1e3/60)>2})}o=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{p.addScrollEventListener(n.activatorEl.value??n.contentEl.value,e=>{r?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),u.onScopeDispose(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(o),cancelAnimationFrame(t)})}exports.repositionScrollStrategy=d;
+import{onScopeDispose as s}from"vue";import{requestNewFrame as p}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.15 | MIT License */function b(n,f,c){let o=!1,t=-1,r=-1;function a(e){p(()=>{var l,i;const m=performance.now();(i=(l=n.updatePosition).value)==null||i.call(l,e),o=(performance.now()-m)/(1e3/60)>2})}r=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(n.activatorEl.value??n.contentEl.value,e=>{o?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),s(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(r),cancelAnimationFrame(t)})}export{b as repositionScrollStrategy};
 //# sourceMappingURL=reposition-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/reposition-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reposition-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/reposition-scroll.ts"],"sourcesContent":["import { ScrollStrategyData, ScrollStrategyProps } from \"../scroll\";\nimport { EffectScope, onScopeDispose } from \"vue\";\nimport { addScrollEventListener, requestNewFrame } from \"@/util\";\n\n/**\n * # Reposition Scroll Strategy\n * @param data\n * @param props\n * @param scope\n */\nexport function repositionScrollStrategy(\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n    scope: EffectScope,\n) {\n    let slow = false;\n    let raf = -1;\n    let ric = -1;\n\n    function update(e: Event) {\n        requestNewFrame(() => {\n            const start = performance.now();\n            data.updatePosition.value?.(e);\n            const time = performance.now() - start;\n            slow = time / (1000 / 60) > 2;\n        });\n    }\n\n    ric = (\n        typeof requestIdleCallback === \"undefined\"\n            ? (cb: Function) => cb()\n            : requestIdleCallback\n    )(() => {\n        scope.run(() => {\n            addScrollEventListener(\n                data.activatorEl.value ?? data.contentEl.value,\n                (e) => {\n                    if (slow) {\n                        // If the position calculation is slow,\n                        // defer updates until scrolling is finished.\n                        // Browsers usually fire one scroll event per frame so\n                        // we just wait until we've got two frames without an event\n                        cancelAnimationFrame(raf);\n                        raf = requestAnimationFrame(() => {\n                            raf = requestAnimationFrame(() => {\n                                update(e);\n                            });\n                        });\n                    } else {\n                        update(e);\n                    }\n                },\n            );\n        });\n    });\n\n    onScopeDispose(() => {\n        typeof cancelIdleCallback !== \"undefined\" && cancelIdleCallback(ric);\n        cancelAnimationFrame(raf);\n    });\n}\n"],"names":["repositionScrollStrategy","data","props","scope","slow","raf","ric","update","requestNewFrame","start","_b","_a","cb","addScrollEventListener","onScopeDispose"],"mappings":"0NAUgB,SAAAA,EACZC,EACAC,EACAC,EACF,CACE,IAAIC,EAAO,GACPC,EAAM,GACNC,EAAM,GAEV,SAASC,EAAO,EAAU,CACtBC,EAAAA,gBAAgB,IAAM,SACZ,MAAAC,EAAQ,YAAY,IAAI,GACzBC,GAAAC,EAAAV,EAAA,gBAAe,QAAf,MAAAS,EAAA,KAAAC,EAAuB,GAErBP,GADM,YAAY,IAAA,EAAQK,IAClB,IAAO,IAAM,CAAA,CAC/B,CAAA,CAIDH,GAAA,OAAO,oBAAwB,IACxBM,GAAiBA,EAAG,EACrB,qBACR,IAAM,CACJT,EAAM,IAAI,IAAM,CACZU,EAAA,uBACIZ,EAAK,YAAY,OAASA,EAAK,UAAU,MACxC,GAAM,CACCG,GAKA,qBAAqBC,CAAG,EACxBA,EAAM,sBAAsB,IAAM,CAC9BA,EAAM,sBAAsB,IAAM,CAC9BE,EAAO,CAAC,CAAA,CACX,CAAA,CACJ,GAEDA,EAAO,CAAC,CACZ,CAER,CAAA,CACH,CAAA,CACJ,EAEDO,EAAAA,eAAe,IAAM,CACV,OAAA,mBAAuB,KAAe,mBAAmBR,CAAG,EACnE,qBAAqBD,CAAG,CAAA,CAC3B,CACL"}
+{"version":3,"file":"reposition-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/reposition-scroll.ts"],"sourcesContent":["import { ScrollStrategyData, ScrollStrategyProps } from \"../scroll\";\nimport { EffectScope, onScopeDispose } from \"vue\";\nimport { addScrollEventListener, requestNewFrame } from \"@/util\";\n\n/**\n * # Reposition Scroll Strategy\n * @param data\n * @param props\n * @param scope\n */\nexport function repositionScrollStrategy(\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n    scope: EffectScope,\n) {\n    let slow = false;\n    let raf = -1;\n    let ric = -1;\n\n    function update(e: Event) {\n        requestNewFrame(() => {\n            const start = performance.now();\n            data.updatePosition.value?.(e);\n            const time = performance.now() - start;\n            slow = time / (1000 / 60) > 2;\n        });\n    }\n\n    ric = (\n        typeof requestIdleCallback === \"undefined\"\n            ? (cb: Function) => cb()\n            : requestIdleCallback\n    )(() => {\n        scope.run(() => {\n            addScrollEventListener(\n                data.activatorEl.value ?? data.contentEl.value,\n                (e) => {\n                    if (slow) {\n                        // If the position calculation is slow,\n                        // defer updates until scrolling is finished.\n                        // Browsers usually fire one scroll event per frame so\n                        // we just wait until we've got two frames without an event\n                        cancelAnimationFrame(raf);\n                        raf = requestAnimationFrame(() => {\n                            raf = requestAnimationFrame(() => {\n                                update(e);\n                            });\n                        });\n                    } else {\n                        update(e);\n                    }\n                },\n            );\n        });\n    });\n\n    onScopeDispose(() => {\n        typeof cancelIdleCallback !== \"undefined\" && cancelIdleCallback(ric);\n        cancelAnimationFrame(raf);\n    });\n}\n"],"names":["repositionScrollStrategy","data","props","scope","slow","raf","ric","update","requestNewFrame","start","_b","_a","cb","addScrollEventListener","onScopeDispose"],"mappings":"yMAUgB,SAAAA,EACZC,EACAC,EACAC,EACF,CACE,IAAIC,EAAO,GACPC,EAAM,GACNC,EAAM,GAEV,SAASC,EAAO,EAAU,CACtBC,EAAgB,IAAM,SACZ,MAAAC,EAAQ,YAAY,IAAI,GACzBC,GAAAC,EAAAV,EAAA,gBAAe,QAAf,MAAAS,EAAA,KAAAC,EAAuB,GAErBP,GADM,YAAY,IAAA,EAAQK,IAClB,IAAO,IAAM,CAAA,CAC/B,CAAA,CAIDH,GAAA,OAAO,oBAAwB,IACxBM,GAAiBA,EAAG,EACrB,qBACR,IAAM,CACJT,EAAM,IAAI,IAAM,CACZU,EACIZ,EAAK,YAAY,OAASA,EAAK,UAAU,MACxC,GAAM,CACCG,GAKA,qBAAqBC,CAAG,EACxBA,EAAM,sBAAsB,IAAM,CAC9BA,EAAM,sBAAsB,IAAM,CAC9BE,EAAO,CAAC,CAAA,CACX,CAAA,CACJ,GAEDA,EAAO,CAAC,CACZ,CAER,CAAA,CACH,CAAA,CACJ,EAEDO,EAAe,IAAM,CACV,OAAA,mBAAuB,KAAe,mBAAmBR,CAAG,EACnE,qBAAqBD,CAAG,CAAA,CAC3B,CACL"}

package/dist/esm/components/EvOverlay/scroll.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("./scroll-strategy/reposition-scroll.mjs"),n=require("./scroll-strategy/block-scroll.mjs"),s=require("./scroll-strategy/close-scroll.mjs"),S=require("../../util/props.mjs"),a=require("../../util/browser.mjs"),o={none:null,close:s.closeScrollStrategy,block:n.blockScrollStrategy,reposition:i.repositionScrollStrategy},u=S.propsFactory({scrollStrategy:{type:[String,Function],default:"block",validator:t=>typeof t=="function"||t in o}},"EvOverlay/scroll");function y(t,l){if(!a.Browser.hasWindow)return;let e;r.watchEffect(async()=>{e==null||e.stop(),l.isActive.value&&t.scrollStrategy&&(e=r.effectScope(),await r.nextTick(),e.active&&e.run(()=>{var c;typeof t.scrollStrategy=="function"?t.scrollStrategy(l,t,e):(c=o[t.scrollStrategy])==null||c.call(o,l,t,e)}))}),r.onScopeDispose(()=>{e==null||e.stop()})}exports.makeScrollStrategyProps=u;exports.useScrollStrategies=y;
+import{watchEffect as c,effectScope as i,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as S}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as s}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as y}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.15 | MIT License */const r={none:null,close:s,block:S,reposition:a},b=y({scrollStrategy:{type:[String,Function],default:"block",validator:o=>typeof o=="function"||o in r}},"EvOverlay/scroll");function h(o,e){if(!m.hasWindow)return;let t;c(async()=>{t==null||t.stop(),e.isActive.value&&o.scrollStrategy&&(t=i(),await n(),t.active&&t.run(()=>{var l;typeof o.scrollStrategy=="function"?o.scrollStrategy(e,o,t):(l=r[o.scrollStrategy])==null||l.call(r,e,o,t)}))}),f(()=>{t==null||t.stop()})}export{b as makeScrollStrategyProps,h as useScrollStrategies};
 //# sourceMappingURL=scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.mjs","sources":["../../../../src/components/EvOverlay/scroll.ts"],"sourcesContent":["import { Browser, propsFactory } from \"../../util\";\nimport {\n    effectScope,\n    EffectScope,\n    nextTick,\n    onScopeDispose,\n    PropType,\n    Ref,\n    watchEffect,\n} from \"vue\";\nimport {\n    blockScrollStrategy,\n    closeScrollStrategy,\n    repositionScrollStrategy,\n} from \"./scroll-strategy\";\n\nexport interface ScrollStrategyData {\n    containerEl: Ref<HTMLElement | undefined>;\n    contentEl: Ref<HTMLElement | undefined>;\n    activatorEl: Ref<HTMLElement | undefined>;\n    isActive: Ref<boolean>;\n    updatePosition: Ref<((e: Event) => void) | undefined>;\n}\n\ntype ScrollStrategyFn = (\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n    scope: EffectScope,\n) => void;\n\nconst scrollStrategies = {\n    none: null,\n    close: closeScrollStrategy,\n    block: blockScrollStrategy,\n    reposition: repositionScrollStrategy,\n};\n\nexport interface ScrollStrategyProps {\n    scrollStrategy?: keyof typeof scrollStrategies | ScrollStrategyFn;\n    contained?: boolean;\n}\n\n/**\n * # Make Scroll Strategy Props\n */\nexport const makeScrollStrategyProps = propsFactory(\n    {\n        scrollStrategy: {\n            type: [String, Function] as PropType<\n                ScrollStrategyProps[\"scrollStrategy\"]\n            >,\n            default: \"block\",\n            validator: (val: any) =>\n                typeof val === \"function\" || val in scrollStrategies,\n        },\n    },\n    \"EvOverlay/scroll\",\n);\n\n/**\n * # Use Scroll Strategies\n * @param props\n * @param data\n */\nexport function useScrollStrategies(\n    props: ScrollStrategyProps,\n    data: ScrollStrategyData,\n) {\n    if (!Browser.hasWindow) {\n        return;\n    }\n\n    let scope: EffectScope | undefined;\n    watchEffect(async () => {\n        scope?.stop();\n\n        if (!(data.isActive.value && props.scrollStrategy)) {\n            return;\n        }\n\n        scope = effectScope();\n        await nextTick();\n        scope.active &&\n            scope.run(() => {\n                if (typeof props.scrollStrategy === \"function\") {\n                    props.scrollStrategy(data, props, scope!);\n                } else {\n                    scrollStrategies[props.scrollStrategy]?.(\n                        data,\n                        props,\n                        scope!,\n                    );\n                }\n            });\n    });\n\n    onScopeDispose(() => {\n        scope?.stop();\n    });\n}\n"],"names":["scrollStrategies","closeScrollStrategy","blockScrollStrategy","repositionScrollStrategy","makeScrollStrategyProps","propsFactory","val","useScrollStrategies","props","data","Browser","scope","watchEffect","effectScope","nextTick","_a","onScopeDispose"],"mappings":"wWA8BMA,EAAmB,CACrB,KAAM,KACN,MAAOC,EAAA,oBACP,MAAOC,EAAA,oBACP,WAAYC,EAAAA,wBAChB,EAUaC,EAA0BC,EAAA,aACnC,CACI,eAAgB,CACZ,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,QACT,UAAYC,GACR,OAAOA,GAAQ,YAAcA,KAAON,CAAA,CAEhD,EACA,kBACJ,EAOgB,SAAAO,EACZC,EACAC,EACF,CACM,GAAA,CAACC,UAAQ,UACT,OAGA,IAAAC,EACJC,EAAAA,YAAY,SAAY,CACpBD,GAAA,MAAAA,EAAO,OAEDF,EAAK,SAAS,OAASD,EAAM,iBAInCG,EAAQE,EAAAA,YAAY,EACpB,MAAMC,WAAS,EACTH,EAAA,QACFA,EAAM,IAAI,IAAM,OACR,OAAOH,EAAM,gBAAmB,WAC1BA,EAAA,eAAeC,EAAMD,EAAOG,CAAM,GAExCI,EAAAf,EAAiBQ,EAAM,kBAAvB,MAAAO,EAAA,KAAAf,EACIS,EACAD,EACAG,EAER,CACH,EAAA,CACR,EAEDK,EAAAA,eAAe,IAAM,CACjBL,GAAA,MAAAA,EAAO,MAAK,CACf,CACL"}
+{"version":3,"file":"scroll.mjs","sources":["../../../../src/components/EvOverlay/scroll.ts"],"sourcesContent":["import { Browser, propsFactory } from \"../../util\";\nimport {\n    effectScope,\n    EffectScope,\n    nextTick,\n    onScopeDispose,\n    PropType,\n    Ref,\n    watchEffect,\n} from \"vue\";\nimport {\n    blockScrollStrategy,\n    closeScrollStrategy,\n    repositionScrollStrategy,\n} from \"./scroll-strategy\";\n\nexport interface ScrollStrategyData {\n    containerEl: Ref<HTMLElement | undefined>;\n    contentEl: Ref<HTMLElement | undefined>;\n    activatorEl: Ref<HTMLElement | undefined>;\n    isActive: Ref<boolean>;\n    updatePosition: Ref<((e: Event) => void) | undefined>;\n}\n\ntype ScrollStrategyFn = (\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n    scope: EffectScope,\n) => void;\n\nconst scrollStrategies = {\n    none: null,\n    close: closeScrollStrategy,\n    block: blockScrollStrategy,\n    reposition: repositionScrollStrategy,\n};\n\nexport interface ScrollStrategyProps {\n    scrollStrategy?: keyof typeof scrollStrategies | ScrollStrategyFn;\n    contained?: boolean;\n}\n\n/**\n * # Make Scroll Strategy Props\n */\nexport const makeScrollStrategyProps = propsFactory(\n    {\n        scrollStrategy: {\n            type: [String, Function] as PropType<\n                ScrollStrategyProps[\"scrollStrategy\"]\n            >,\n            default: \"block\",\n            validator: (val: any) =>\n                typeof val === \"function\" || val in scrollStrategies,\n        },\n    },\n    \"EvOverlay/scroll\",\n);\n\n/**\n * # Use Scroll Strategies\n * @param props\n * @param data\n */\nexport function useScrollStrategies(\n    props: ScrollStrategyProps,\n    data: ScrollStrategyData,\n) {\n    if (!Browser.hasWindow) {\n        return;\n    }\n\n    let scope: EffectScope | undefined;\n    watchEffect(async () => {\n        scope?.stop();\n\n        if (!(data.isActive.value && props.scrollStrategy)) {\n            return;\n        }\n\n        scope = effectScope();\n        await nextTick();\n        scope.active &&\n            scope.run(() => {\n                if (typeof props.scrollStrategy === \"function\") {\n                    props.scrollStrategy(data, props, scope!);\n                } else {\n                    scrollStrategies[props.scrollStrategy]?.(\n                        data,\n                        props,\n                        scope!,\n                    );\n                }\n            });\n    });\n\n    onScopeDispose(() => {\n        scope?.stop();\n    });\n}\n"],"names":["scrollStrategies","closeScrollStrategy","blockScrollStrategy","repositionScrollStrategy","makeScrollStrategyProps","propsFactory","val","useScrollStrategies","props","data","Browser","scope","watchEffect","effectScope","nextTick","_a","onScopeDispose"],"mappings":"qcA8BA,MAAMA,EAAmB,CACrB,KAAM,KACN,MAAOC,EACP,MAAOC,EACP,WAAYC,CAChB,EAUaC,EAA0BC,EACnC,CACI,eAAgB,CACZ,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,QACT,UAAYC,GACR,OAAOA,GAAQ,YAAcA,KAAON,CAAA,CAEhD,EACA,kBACJ,EAOgB,SAAAO,EACZC,EACAC,EACF,CACM,GAAA,CAACC,EAAQ,UACT,OAGA,IAAAC,EACJC,EAAY,SAAY,CACpBD,GAAA,MAAAA,EAAO,OAEDF,EAAK,SAAS,OAASD,EAAM,iBAInCG,EAAQE,EAAY,EACpB,MAAMC,EAAS,EACTH,EAAA,QACFA,EAAM,IAAI,IAAM,OACR,OAAOH,EAAM,gBAAmB,WAC1BA,EAAA,eAAeC,EAAMD,EAAOG,CAAM,GAExCI,EAAAf,EAAiBQ,EAAM,kBAAvB,MAAAO,EAAA,KAAAf,EACIS,EACAD,EACAG,EAER,CACH,EAAA,CACR,EAEDK,EAAe,IAAM,CACjBL,GAAA,MAAAA,EAAO,MAAK,CACf,CACL"}

package/dist/esm/components/EvProgress/EvProgress.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                  */const n=require("../../util/numbers.mjs"),s=require("../../util/modifiers.mjs"),l=["aria-valuenow"],d=e.createElementVNode("div",{class:"ev-progress--track"},null,-1),u={key:1,class:"ev-progress--indeterminate"},m=e.createElementVNode("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),p=e.createElementVNode("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),v=[m,p],g=e.defineComponent({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(a){const r=a;function i(){return`translateX(${0-(100-r.percentage)}%)`}function o(){return c()?r.size+"px":void 0}function c(){return n.isIntegerish(r.size)}return(t,f)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:e.normalizeClass(["ev-progress",[{"is-indeterminate":r.indeterminate},e.unref(s.appearanceModifier)(r.appearance,["default"]),e.unref(s.sizeModifier)(r.size,[e.unref(n.IntegerishPattern)])]]),style:e.normalizeStyle({height:o()})},[d,r.indeterminate?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ev-progress--bar",style:e.normalizeStyle({transform:i()})},null,4)),r.indeterminate?(e.openBlock(),e.createElementBlock("div",u,v)):e.createCommentVNode("",!0)],14,l))}});module.exports=g;
+import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.15 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
 //# sourceMappingURL=EvProgress.vue.mjs.map

package/dist/esm/components/EvProgress/EvProgress.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvProgress.vue.mjs","sources":["../../../../src/components/EvProgress/EvProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgress\n */\nimport \"./EvProgress.scss\";\nimport {\n    appearanceModifier,\n    sizeModifier,\n    IntegerishPattern,\n    isIntegerish,\n    AppearanceProp,\n    InputSizeProp,\n} from \"@/util\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    size?: InputSizeProp | number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    size: \"medium\",\n});\n\nfunction getPercentageTranslation() {\n    const percent = 0 - (100 - props.percentage);\n    return `translateX(${percent}%)`;\n}\n\n/**\n * ## Get Size Class\n */\nfunction getSizeHeight() {\n    return !isSizeNumeric() ? undefined : props.size + \"px\";\n}\n\nfunction isSizeNumeric(): boolean {\n    return isIntegerish(props.size);\n}\n</script>\n\n<template>\n    <div\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n            },\n            appearanceModifier(props.appearance, ['default']),\n            sizeModifier(props.size, [IntegerishPattern]),\n        ]\"\n        :style=\"{\n            height: getSizeHeight(),\n        }\">\n        <div class=\"ev-progress--track\"></div>\n        <div\n            v-if=\"!props.indeterminate\"\n            class=\"ev-progress--bar\"\n            :style=\"{\n                transform: getPercentageTranslation(),\n            }\"></div>\n        <div v-if=\"props.indeterminate\" class=\"ev-progress--indeterminate\">\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--primary\"></div>\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--secondary\"></div>\n        </div>\n    </div>\n</template>\n"],"names":["getPercentageTranslation","props","getSizeHeight","isSizeNumeric","isIntegerish"],"mappings":"6sBA2BA,SAASA,GAA2B,CAEhC,MAAO,cADS,GAAK,IAAMC,EAAM,WACL,IAAA,CAMhC,SAASC,GAAgB,CACrB,OAAQC,EAAkB,EAAYF,EAAM,KAAO,KAAzB,MAAyB,CAGvD,SAASE,GAAyB,CACvB,OAAAC,EAAA,aAAaH,EAAM,IAAI,CAAA"}
+{"version":3,"file":"EvProgress.vue.mjs","sources":["../../../../src/components/EvProgress/EvProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgress\n */\nimport \"./EvProgress.scss\";\nimport {\n    appearanceModifier,\n    sizeModifier,\n    IntegerishPattern,\n    isIntegerish,\n    AppearanceProp,\n    InputSizeProp,\n} from \"@/util\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    size?: InputSizeProp | number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    size: \"medium\",\n});\n\nfunction getPercentageTranslation() {\n    const percent = 0 - (100 - props.percentage);\n    return `translateX(${percent}%)`;\n}\n\n/**\n * ## Get Size Class\n */\nfunction getSizeHeight() {\n    return !isSizeNumeric() ? undefined : props.size + \"px\";\n}\n\nfunction isSizeNumeric(): boolean {\n    return isIntegerish(props.size);\n}\n</script>\n\n<template>\n    <div\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n            },\n            appearanceModifier(props.appearance, ['default']),\n            sizeModifier(props.size, [IntegerishPattern]),\n        ]\"\n        :style=\"{\n            height: getSizeHeight(),\n        }\">\n        <div class=\"ev-progress--track\"></div>\n        <div\n            v-if=\"!props.indeterminate\"\n            class=\"ev-progress--bar\"\n            :style=\"{\n                transform: getPercentageTranslation(),\n            }\"></div>\n        <div v-if=\"props.indeterminate\" class=\"ev-progress--indeterminate\">\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--primary\"></div>\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--secondary\"></div>\n        </div>\n    </div>\n</template>\n"],"names":["getPercentageTranslation","props","getSizeHeight","isSizeNumeric","isIntegerish"],"mappings":"g2BA2BA,SAASA,GAA2B,CAEhC,MAAO,cADS,GAAK,IAAMC,EAAM,WACL,IAAA,CAMhC,SAASC,GAAgB,CACrB,OAAQC,EAAkB,EAAYF,EAAM,KAAO,KAAzB,MAAyB,CAGvD,SAASE,GAAyB,CACvB,OAAAC,EAAaH,EAAM,IAAI,CAAA"}