@evance/evance-ui 1.0.35 → 1.0.36

package/dist/esm/chunks/EvListItem.vue_vue_type_script_setup_true_lang-hTmjU69r.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvListItem.vue_vue_type_script_setup_true_lang-hTmjU69r.mjs","sources":["../../../src/composables/lists/list.ts","../../../src/composables/lists/select-strategy/cascade-leaf.ts","../../../src/composables/lists/select-strategy/multi-any.ts","../../../src/composables/lists/select-strategy/multi-leaf.ts","../../../src/composables/lists/select-strategy/single-any.ts","../../../src/composables/lists/select-strategy/single-leaf.ts","../../../src/composables/lists/select-strategies.ts","../../../src/composables/lists/open-strategy/single.ts","../../../src/composables/lists/open-strategy/multiple.ts","../../../src/composables/lists/open-strategy/list.ts","../../../src/composables/lists/open-strategies.ts","../../../src/composables/lists/nested.ts","../../../src/components/EvListItem/EvListItem.ts","../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["import { inject, InjectionKey, provide, Ref, shallowRef } from \"vue\";\n\n/**\n * # List Key\n */\nexport const ListKey: InjectionKey<{\n    hasPrepend: Ref<boolean>;\n    updateHasPrepend: (value: boolean) => void;\n}> = Symbol.for(\"ev:list\");\n\n/**\n * # Create List\n * @see useList\n */\nexport function createList() {\n    const defaultValue = {\n        hasPrepend: shallowRef(false),\n        updateHasPrepend: () => null,\n    };\n    const parent = inject(ListKey, defaultValue);\n    const data = {\n        hasPrepend: shallowRef(false),\n        updateHasPrepend: (value: boolean) => {\n            if (value) {\n                data.hasPrepend.value = value;\n            }\n        },\n    };\n    provide(ListKey, data);\n    return parent;\n}\n\n/**\n * # Use List\n *\n * @see createList\n */\nexport function useList() {\n    return inject(ListKey, null);\n}\n","import { SelectStrategy } from \"@/composables/lists\";\nimport { toRaw } from \"vue\";\n\n/**\n * # Cascade Leaf Select Strategy\n *\n * This is the equivalent of Vuetify's classic select strategy.\n *\n * Selecting a parent node will cause all children to be selected,\n * parent nodes will be displayed as selected if all their descendants\n * are selected. Only leaf nodes will be added to the model.\n *\n * @param isRequired\n */\nexport const cascadeLeaf = (isRequired?: boolean): SelectStrategy => {\n    const strategy: SelectStrategy = {\n        select: ({ id, value, selected, children, parents }) => {\n            id = toRaw(id);\n            const original = new Map(selected);\n\n            const items = [id];\n\n            while (items.length) {\n                const item = items.shift()!;\n\n                selected.set(item, value ? \"on\" : \"off\");\n\n                if (children.has(item)) {\n                    items.push(...children.get(item)!);\n                }\n            }\n\n            let parent = parents.get(id);\n\n            while (parent) {\n                const childrenIds = children.get(parent)!;\n                const everySelected = childrenIds.every(\n                    (cid) => selected.get(cid) === \"on\",\n                );\n                const noneSelected = childrenIds.every(\n                    (cid) => !selected.has(cid) || selected.get(cid) === \"off\",\n                );\n\n                selected.set(\n                    parent,\n                    everySelected\n                        ? \"on\"\n                        : noneSelected\n                          ? \"off\"\n                          : \"indeterminate\",\n                );\n\n                parent = parents.get(parent);\n            }\n\n            // If mandatory and planned deselect results in no selected\n            // items then we can't do it, so return original state\n            if (isRequired && !value) {\n                const on = Array.from(selected.entries()).reduce(\n                    (arr, [key, value]) =>\n                        value === \"on\" ? [...arr, key] : arr,\n                    [] as unknown[],\n                );\n                if (on.length === 0) {\n                    return original;\n                }\n            }\n\n            return selected;\n        },\n        in: (values: any, children, parents) => {\n            let map = new Map();\n            for (const id of values || []) {\n                map = strategy.select({\n                    id,\n                    value: true,\n                    selected: new Map(map),\n                    children,\n                    parents,\n                });\n            }\n            return map;\n        },\n        out: (values, children) => {\n            const arr = [];\n            for (const [key, value] of values.entries()) {\n                if (value === \"on\" && !children.has(key)) {\n                    arr.push(key);\n                }\n            }\n            return arr;\n        },\n    };\n\n    return strategy;\n};\n","import {\n    Selected,\n    SelectStrategy,\n    SelectStrategyData,\n    SelectStrategyFn,\n    SelectTransformInFn,\n    SelectTransformOutFn,\n} from \"@/composables/lists\";\nimport { toRaw } from \"vue\";\n\n/**\n * # Multi Any\n *\n * Any node may be selected regardless of whether it has children.\n *\n * @param isRequired\n */\nexport const multiAny = (isRequired?: boolean): SelectStrategy => {\n    const selectFn: SelectStrategyFn = (data: SelectStrategyData) => {\n        const id = toRaw(data.id);\n        if (isRequired && !data.value) {\n            const reducer = (arr: any, [key, value]: [unknown, Selected]) => {\n                return value === \"on\" ? [...arr, key] : arr;\n            };\n            const on = Array.from(data.selected.entries()).reduce(reducer, []);\n            if (on.length === 1 && on[0] === id) {\n                return data.selected;\n            }\n        }\n        data.selected.set(id, data.value ? \"on\" : \"off\");\n        return data.selected;\n    };\n\n    const transformIn: SelectTransformInFn = (\n        values: any,\n        children,\n        parents,\n    ) => {\n        let map = new Map();\n        for (const id of values || []) {\n            map = selectFn({\n                id,\n                value: true,\n                selected: new Map(map),\n                children,\n                parents,\n            });\n        }\n        return map;\n    };\n\n    const transformOut: SelectTransformOutFn = (values) => {\n        const selections = [];\n        for (const [key, value] of values.entries()) {\n            if (value === \"on\") {\n                selections.push(key);\n            }\n        }\n        return selections;\n    };\n\n    return {\n        select: selectFn,\n        in: transformIn,\n        out: transformOut,\n    };\n};\n","import { SelectStrategy } from \"@/composables/lists\";\nimport { multiAny } from \"./multi-any\";\nimport { toRaw } from \"vue\";\n\n/**\n * # Multi-Leaf Select Strategy\n *\n * Only leaf nodes (items without children) can be selected.\n *\n * @param isRequired\n */\nexport const multiLeaf = (isRequired?: boolean): SelectStrategy => {\n    const parentStrategy = multiAny(isRequired);\n\n    return {\n        select: ({ id, selected, children, ...rest }) => {\n            id = toRaw(id);\n            if (children.has(id)) {\n                return selected;\n            }\n            return parentStrategy.select({ id, selected, children, ...rest });\n        },\n        in: parentStrategy.in,\n        out: parentStrategy.out,\n    };\n};\n","import {\n    SelectStrategy,\n    SelectStrategyData,\n    SelectStrategyFn,\n    SelectTransformInFn,\n    SelectTransformOutFn,\n} from \"@/composables/lists\";\nimport { multiAny } from \"./multi-any\";\nimport { toRaw } from \"vue\";\n\n/**\n * # Single Any\n *\n * One node may be selected, regardless of whether the node has children.\n *\n * @param isRequired\n */\nexport const singleAny = (isRequired?: boolean): SelectStrategy => {\n    const parentStrategy = multiAny(isRequired);\n\n    const selectFn: SelectStrategyFn = (data: SelectStrategyData) => {\n        const id = toRaw(data.id);\n        const singleSelection =\n            data.selected.has(id) || isRequired\n                ? new Map([[id, data.selected.get(id)!]])\n                : new Map();\n        return parentStrategy.select({\n            ...data,\n            id: id,\n            selected: singleSelection,\n        });\n    };\n\n    const transformIn: SelectTransformInFn = (values, children, parents) => {\n        let map = new Map();\n        if (Array.isArray(values) && values.length) {\n            map = parentStrategy.in(values.slice(0, 1), children, parents);\n        }\n        return map;\n    };\n\n    const transformOut: SelectTransformOutFn = (values, children, parents) => {\n        return parentStrategy.out(values, children, parents);\n    };\n\n    return {\n        select: selectFn,\n        in: transformIn,\n        out: transformOut,\n    };\n};\n","import { SelectStrategy } from \"@/composables/lists\";\nimport { singleAny } from \"./single-any\";\nimport { toRaw } from \"vue\";\n\n/**\n * # Single Leaf Select Strategy\n *\n * Only one leaf node (items without children) can be selected.\n *\n * @param isRequired\n */\nexport const singleLeaf = (isRequired?: boolean): SelectStrategy => {\n    const parentStrategy = singleAny(isRequired);\n\n    return {\n        select: ({ id, selected, children, ...rest }) => {\n            id = toRaw(id);\n            if (children.has(id)) {\n                return selected;\n            }\n            return parentStrategy.select({ id, selected, children, ...rest });\n        },\n        in: parentStrategy.in,\n        out: parentStrategy.out,\n    };\n};\n","import { computed, ComputedRef, PropType, Ref } from \"vue\";\nimport { isFunction, isObject, propsFactory } from \"@/util\";\nimport {\n    cascadeLeaf,\n    multiAny,\n    multiLeaf,\n    singleLeaf,\n} from \"./select-strategy\";\nimport { singleAny } from \"./select-strategy/single-any\";\n\n/**\n * # Select Strategy\n */\nexport type SelectStrategy = {\n    select: SelectStrategyFn;\n    in: SelectTransformInFn;\n    out: SelectTransformOutFn;\n};\n\n/**\n * # Selected\n */\nexport type Selected = \"on\" | \"off\" | \"indeterminate\";\n\n/**\n * # Select Strategy Data\n */\nexport interface SelectStrategyData {\n    id: unknown;\n    value: boolean;\n    selected: Map<unknown, Selected>;\n    children: Map<unknown, unknown[]>;\n    parents: Map<unknown, unknown>;\n    event?: Event;\n}\n\n/**\n * # Select Strategy Function\n */\nexport type SelectStrategyFn = (\n    data: SelectStrategyData,\n) => Map<unknown, Selected>;\n\n/**\n * # Select Strategy Reference\n * Recognised selection strategy strings.\n */\nexport type SelectStrategyRef =\n    | \"cascade-leaf\"\n    | \"multi-any\"\n    | \"multi-leaf\"\n    | \"single-any\"\n    | \"single-leaf\";\n\n/**\n * # Select Strategy Props\n * Defines the `props` required by components to be able to use `SelectStrategy`.\n */\nexport interface SelectStrategyProps {\n    selectStrategy?: SelectStrategyRef | SelectStrategyFn;\n    selected?: readonly unknown[];\n    required?: boolean;\n    \"onUpdate:selected\"?: ((values: unknown[]) => void) | undefined;\n}\n\n/**\n * # Select Transform In\n */\nexport type SelectTransformInFn = (\n    values: readonly unknown[] | unknown,\n    children: Map<unknown, unknown[]>,\n    parents: Map<unknown, unknown>,\n) => Map<unknown, Selected>;\n\n/**\n * # Select Transform Out\n */\nexport type SelectTransformOutFn = (\n    values: Map<unknown, Selected>,\n    children: Map<unknown, unknown[]>,\n    parents: Map<unknown, unknown>,\n) => unknown[];\n\n/**\n * # Make Selected Props\n */\nexport const makeSelectedProps = propsFactory(\n    {\n        selectStrategy: [String, Function] as PropType<\n            SelectStrategyRef | SelectStrategyFn\n        >,\n        selected: Array as PropType<readonly unknown[]>,\n        required: Boolean,\n    },\n    \"select-strategies\",\n);\n\n/**\n * # Use Select Strategy\n * @param props\n */\nexport function useSelectStrategy(\n    props: SelectStrategyProps,\n): ComputedRef<SelectStrategy> {\n    return computed(() => {\n        if (\n            isObject(props.selectStrategy) &&\n            !isFunction(props.selectStrategy)\n        ) {\n            return props.selectStrategy as SelectStrategy;\n        }\n        switch (props.selectStrategy) {\n            case \"single-leaf\":\n                return singleLeaf(props.required);\n            case \"single-any\":\n                return singleAny(props.required);\n            case \"multi-leaf\":\n                return multiLeaf(props.required);\n            case \"multi-any\":\n                return multiAny(props.required);\n            case \"cascade-leaf\":\n            default:\n                return cascadeLeaf(props.required);\n        }\n    });\n}\n\n/**\n * # Use Selected Values\n * @param selected\n */\nexport function useSelectedValues(selected: Ref<Map<unknown, Selected>>) {\n    return computed(() => {\n        const values = [];\n        for (const [key, value] of selected.value.entries()) {\n            if (value === \"on\") {\n                values.push(key);\n            }\n        }\n        return values;\n    });\n}\n","import { OpenStrategy } from \"../open-strategies\";\n\n/**\n * # Single Open Strategy\n */\nexport const singleOpenStrategy: OpenStrategy = {\n    open: ({ id, value, opened, parents }) => {\n        if (value) {\n            const newOpened = new Set<unknown>();\n            newOpened.add(id);\n            let parent = parents.get(id);\n            while (parent != null) {\n                newOpened.add(parent);\n                parent = parents.get(parent);\n            }\n            return newOpened;\n        }\n        opened.delete(id);\n        return opened;\n    },\n    select: () => null,\n};\n","import { OpenStrategy } from \"../open-strategies\";\n\n/**\n * # Multiple Open Strategy\n */\nexport const multipleOpenStrategy: OpenStrategy = {\n    open: ({ id, value, opened, parents }) => {\n        if (value) {\n            let parent = parents.get(id);\n            opened.add(id);\n            while (parent != null && parent !== id) {\n                opened.add(parent);\n                parent = parents.get(parent);\n            }\n            return opened;\n        }\n        opened.delete(id);\n        return opened;\n    },\n    select: () => null,\n};\n","import { OpenStrategy } from \"../open-strategies\";\nimport { multipleOpenStrategy } from \"./multiple\";\n\n/**\n * # List Open Strategy\n */\nexport const listOpenStrategy: OpenStrategy = {\n    open: multipleOpenStrategy.open,\n    select: ({ id, value, opened, parents }) => {\n        if (!value) {\n            return opened;\n        }\n        const path: unknown[] = [];\n        let parent = parents.get(id);\n        while (parent != null) {\n            path.push(parent);\n            parent = parents.get(parent);\n        }\n        return new Set(path);\n    },\n};\n","import { Selected } from \"@/composables/lists/select-strategies\";\nimport { EventProp, isObject, propsFactory } from \"@/util\";\nimport { computed, ComputedRef, PropType } from \"vue\";\nimport {\n    listOpenStrategy,\n    multipleOpenStrategy,\n    singleOpenStrategy,\n} from \"@/composables/lists/open-strategy\";\n\n/**\n * # Open Strategy\n */\nexport type OpenStrategy = {\n    open: OpenStrategyFn;\n    select: OpenSelectStrategyFn;\n};\n\n/**\n * # Open Strategy Data\n */\nexport interface OpenStrategyData {\n    id: unknown;\n    value: boolean;\n    opened: Set<unknown>;\n    children: Map<unknown, unknown[]>;\n    parents: Map<unknown, unknown>;\n    event?: Event;\n}\n\n/**\n * # Open Strategy Function\n */\nexport type OpenStrategyFn = (data: OpenStrategyData) => Set<unknown>;\n\n/**\n * # Open Select Strategy Data\n */\nexport interface OpenSelectStrategyData extends OpenStrategyData {\n    selected: Map<unknown, Selected>;\n}\n\n/**\n * # Open Select Strategy Function\n */\nexport type OpenSelectStrategyFn = (\n    data: OpenSelectStrategyData,\n) => Set<unknown> | null;\n\n/**\n * # Open Strategy Reference\n * Recognised open strategy strings.\n */\nexport type OpenStrategyRef = \"single\" | \"multiple\" | \"list\";\nexport type OpenStrategyProp = OpenStrategyRef | OpenStrategy;\n\n/**\n * # Open Strategy Props\n * Defines the `props` required by components to be able to use `OpenStrategy`.\n */\nexport interface OpenStrategyProps {\n    openStrategy?: OpenStrategyProp;\n    opened?: readonly unknown[];\n    \"onUpdate:opened\"?: EventProp<[unknown[]]>;\n}\n\n/**\n * # Make Open Strategy Props\n */\nexport const makeOpenStrategyProps = propsFactory(\n    {\n        openStrategy: [String, Object] as PropType<\n            OpenStrategyRef | OpenStrategy\n        >,\n        opened: Array as PropType<readonly unknown[]>,\n    },\n    \"open-strategies\",\n);\n\n/**\n * # Use Open Strategy\n * @param props\n */\nexport function useOpenStrategy(\n    props: OpenStrategyProps,\n): ComputedRef<OpenStrategy> {\n    return computed(() => {\n        if (isObject(props.openStrategy)) {\n            return props.openStrategy as OpenStrategy;\n        }\n        switch (props.openStrategy) {\n            case \"list\":\n                return listOpenStrategy;\n            case \"single\":\n                return singleOpenStrategy;\n            case \"multiple\":\n            default:\n                return multipleOpenStrategy;\n        }\n    });\n}\n","import { SequencedPosition } from \"./sequenced\";\nimport {\n    makeSelectedProps,\n    Selected,\n    SelectStrategyProps,\n    useSelectedValues,\n    useSelectStrategy,\n} from \"./select-strategies\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    onBeforeMount,\n    onBeforeUnmount,\n    provide,\n    Ref,\n    ref,\n    shallowRef,\n    toRaw,\n} from \"vue\";\nimport { getCurrentComponent, getNextId, propsFactory } from \"@/util\";\nimport { useModelProxy } from \"../modelProxy\";\nimport {\n    makeOpenStrategyProps,\n    OpenStrategyProps,\n    useOpenStrategy,\n} from \"@/composables/lists/open-strategies\";\n\n/**\n * # Nested Position\n *\n * Typically applies to requests to move a node within the nested data set.\n *\n * 'inside' - Position a node as a child of another node\n */\nexport type NestedPosition = SequencedPosition & \"inside\";\n\nexport interface NestedProps extends SelectStrategyProps, OpenStrategyProps {}\n\ntype NestedProvide = {\n    id: Ref<unknown>;\n    isGroupActivator?: boolean;\n    root: {\n        children: Ref<Map<unknown, unknown[]>>;\n        parents: Ref<Map<unknown, unknown>>;\n        opened: Ref<Set<unknown>>;\n        select: (id: unknown, value: boolean, event?: Event) => void;\n        selected: Ref<Map<unknown, Selected>>;\n        selectedValues: Ref<unknown[]>;\n        register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;\n        unregister: (id: unknown) => void;\n        open: (id: unknown, value: boolean, event?: Event) => void;\n        openOnSelect: (id: unknown, value: boolean, event?: Event) => void;\n    };\n};\n\nexport const EvNestedSymbol: InjectionKey<NestedProvide> =\n    Symbol.for(\"ev:nested\");\n\n/**\n * # Empty Nested List\n */\nexport const emptyNestedList: NestedProvide = {\n    id: shallowRef(),\n    root: {\n        children: ref(new Map()),\n        parents: ref(new Map()),\n        opened: ref(new Set()),\n        select: () => null,\n        selected: ref(new Map()),\n        selectedValues: ref([]),\n        register: () => null,\n        unregister: () => null,\n        open: () => null,\n        openOnSelect: () => null,\n    },\n};\n\n/**\n * # Make Nested Props\n */\nexport const makeNestedProps = propsFactory(\n    {\n        ...makeSelectedProps(),\n        ...makeOpenStrategyProps(),\n    },\n    \"nested\",\n);\n\n/**\n * # Use Nested List\n * @param props\n */\nexport const useNestedList = (props: NestedProps) => {\n    let isUnmounted = false;\n    const component = getCurrentComponent(\"nested\");\n    const children = ref(new Map<unknown, unknown[]>());\n    const parents = ref(new Map<unknown, unknown>());\n    const selectStrategy = useSelectStrategy(props);\n    const selected: Ref<Map<unknown, Selected>> = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\n        (values) => {\n            return selectStrategy.value.in(\n                values,\n                children.value,\n                parents.value,\n            );\n        },\n        (values) => {\n            return selectStrategy.value.out(\n                values,\n                children.value,\n                parents.value,\n            );\n        },\n    );\n    const openStrategy = useOpenStrategy(props);\n    const opened = useModelProxy(\n        props,\n        \"opened\",\n        props.opened,\n        (values) => {\n            return new Set(values);\n        },\n        (values) => {\n            return [...values.values()];\n        },\n    );\n\n    onBeforeMount(() => {\n        isUnmounted = true;\n    });\n\n    function getPath(id: unknown) {\n        const path: unknown[] = [];\n        let parent: unknown = id;\n        while (parent != null) {\n            path.unshift(parent);\n            parent = parents.value.get(parent);\n        }\n        return path;\n    }\n\n    const nested: NestedProvide = {\n        id: shallowRef(),\n        root: {\n            children: children,\n            parents: parents,\n            selected: selected,\n            selectedValues: useSelectedValues(selected),\n            select: (id, value, event) => {\n                component.emit(\"click:select\", {\n                    id,\n                    value,\n                    path: getPath(id),\n                    event,\n                });\n                const newSelected = selectStrategy.value.select({\n                    id,\n                    value,\n                    selected: new Map(selected.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newSelected && (selected.value = newSelected);\n\n                nested.root.openOnSelect(id, value, event);\n            },\n            register: (id, parentId, isGroup) => {\n                parentId && id !== parentId && parents.value.set(id, parentId);\n                if (isGroup) {\n                    children.value.set(id, []);\n                }\n                if (parentId != null) {\n                    children.value.set(parentId, [\n                        ...(children.value.get(parentId) || []),\n                        id,\n                    ]);\n                }\n            },\n            unregister: (id) => {\n                if (isUnmounted) {\n                    return;\n                }\n                children.value.delete(id);\n                const parent = parents.value.get(id);\n                if (parent) {\n                    const list = children.value.get(parent) ?? [];\n                    children.value.set(\n                        parent,\n                        list.filter((child) => child !== id),\n                    );\n                }\n                parents.value.delete(id);\n            },\n            opened: opened,\n            open: (id, value, event) => {\n                component.emit(\"click:open\", {\n                    id,\n                    value,\n                    path: getPath(id),\n                    event,\n                });\n                const newOpened = openStrategy.value.open({\n                    id,\n                    value,\n                    opened: new Set(opened.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newOpened && (opened.value = newOpened);\n            },\n            openOnSelect: (id, value, event) => {\n                const newOpened = openStrategy.value.select({\n                    id,\n                    value,\n                    selected: new Map(selected.value),\n                    opened: new Set(opened.value),\n                    children: children.value,\n                    parents: parents.value,\n                    event,\n                });\n                newOpened && (opened.value = newOpened);\n            },\n        },\n    };\n\n    provide(EvNestedSymbol, nested);\n    return nested.root;\n};\n\n/**\n * # Use Nested List Item\n * @param id\n * @param isGroup\n */\nexport const useNestedListItem = (id: Ref<unknown>, isGroup: boolean) => {\n    const parent = inject(EvNestedSymbol, emptyNestedList);\n    const idSymbol = Symbol(getNextId());\n    const idComputed = computed(() => {\n        return id.value !== undefined ? id.value : idSymbol;\n    });\n    const item = {\n        ...parent,\n        id: idComputed,\n        parent: computed(() => parent.root.parents.value.get(idComputed.value)),\n        select: (selected: boolean, e?: Event) => {\n            return parent.root.select(idComputed.value, selected, e);\n        },\n        isSelected: computed(() => {\n            return (\n                parent.root.selected.value.get(toRaw(idComputed.value)) === \"on\"\n            );\n        }),\n        isIndeterminate: computed(() => {\n            return (\n                parent.root.selected.value.get(idComputed.value) ===\n                \"indeterminate\"\n            );\n        }),\n        isLeaf: computed(() => {\n            return !parent.root.children.value.get(idComputed.value);\n        }),\n        isGroupActivator: parent.isGroupActivator,\n    };\n    !parent.isGroupActivator &&\n        parent.root.register(idComputed.value, parent.id.value, isGroup);\n    onBeforeUnmount(() => {\n        !parent.isGroupActivator && parent.root.unregister(idComputed.value);\n    });\n    if (isGroup) {\n        provide(EvNestedSymbol, item);\n    }\n    return item;\n};\n\n/**\n *\n */\nexport const useNestedGroupActivator = () => {\n    const parent = inject(EvNestedSymbol, emptyNestedList);\n    provide(EvNestedSymbol, { ...parent, isGroupActivator: true });\n};\n","import { EventProp, propsFactory } from \"@/util\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvListItemProps = propsFactory(\n    {\n        active: {\n            type: Boolean,\n            default: undefined,\n        },\n        activeExact: {\n            type: Boolean,\n            default: undefined,\n        },\n        disabled: Boolean,\n        iconEnd: IconProp,\n        iconStart: IconProp,\n        link: {\n            type: Boolean,\n            default: undefined,\n        },\n        tag: {\n            type: String,\n            default: \"div\",\n        },\n        title: [String, Number, Boolean],\n        value: null,\n        onClick: EventProp<[MouseEvent]>(),\n\n        ...makeRouterLinkOrHrefProps(),\n        ...makeComponentProps(),\n    },\n    \"EvListItem\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvListItem.scss\";\nimport { makeEvListItemProps } from \"./EvListItem\";\nimport { computed, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport { useList, useNestedListItem } from \"@/composables/lists\";\nimport { useIcon, EvIcon } from \"@/components/EvIcon\";\n\n// Emit\nconst emit = defineEmits([\"click\"]);\n\nconst props = defineProps({\n    ...makeEvListItemProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    prefix(): never;\n    suffix(): never;\n}>();\n\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst list = useList();\nconst id = computed(() =>\n    props.value === undefined ? link.href.value : props.value,\n);\nconst { select, isSelected } = useNestedListItem(id, false);\nconst hasSuffixSlot = hasSlotWithContent(slots, \"suffix\");\nconst hasPrefixSlot = hasSlotWithContent(slots, \"prefix\");\nconst isLink = computed(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (props.link ||\n            link.isClickable.value ||\n            (props.value != null && !!list))\n    );\n});\nconst isActive = computed(() => {\n    return (\n        props.active !== false &&\n        (props.active || link.isActive?.value || isSelected.value)\n    );\n});\nconst isActiveExact = computed(() => {\n    return props.exact !== false && (props.exact || link.isExactActive?.value);\n});\nconst iconStart = useIcon(props, \"iconStart\");\nconst iconEnd = useIcon(props, \"iconEnd\");\n\nfunction getComponentElement() {\n    return isLink.value ? \"a\" : props.tag;\n}\n\nfunction getTabIndex() {\n    return isClickable.value ? (list ? -2 : 0) : null;\n}\n\n/**\n * # onClick Handler\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    if (props.value != null) {\n        select(!isSelected.value, e);\n    }\n}\n\n/**\n * # onKeyDown Handler\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasClickListener = computed(\n    () => !!link.isClickable.value || !!props.onClick,\n);\n</script>\n\n<template>\n    <component\n        :is=\"getComponentElement()\"\n        :class=\"[\n            'ev-list-item',\n            {\n                'is-active': isActive,\n                'is-active--exact': isActiveExact,\n                'is-clickable': isClickable || hasClickListener,\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :href=\"link.href.value\"\n        :tabindex=\"getTabIndex()\"\n        @click=\"onClick\"\n        @keydown.enter=\"onKeyDown\"\n        @keydown.space=\"onKeyDown\">\n        <div v-if=\"iconStart\" class=\"ev-list-item--icon-start\">\n            <ev-icon :glyph=\"iconStart\" />\n        </div>\n        <div v-if=\"hasPrefixSlot\" class=\"ev-list-item--prefix\">\n            <slot name=\"prefix\" />\n        </div>\n        <div class=\"ev-list-item--content\">\n            <slot name=\"default\">{{ props.title }}</slot>\n        </div>\n        <div v-if=\"hasSuffixSlot\" class=\"ev-list-item--suffix\">\n            <slot name=\"suffix\" />\n        </div>\n        <div v-if=\"iconEnd\" class=\"ev-list-item--icon-end\">\n            <ev-icon :glyph=\"iconEnd\" />\n        </div>\n        <div class=\"ev-list-item--indicator\"></div>\n    </component>\n</template>\n"],"names":["value","_useSlots"],"mappings":"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"}

package/dist/esm/chunks/EvLozenge.vue_vue_type_script_setup_true_lang-P19tGu0s.mjs

@@ -0,0 +1,70 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { I as IconProp } from "./icons-Bd-Q-1Nq.mjs";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { m as makeTagProps } from "./tag-4PAUDCGP.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { b as makeAppearanceProps, u as useAppearance } from "./appearance-n5ZZbaNU.mjs";
+import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_style_index_0_lang-CnNH8Bfs.mjs";
+import { i as isIntegerish } from "./numbers-Dj22sKLd.mjs";
+const makeEvLozengeProps = propsFactory(
+  {
+    iconEnd: IconProp,
+    iconStart: IconProp,
+    maxWidth: {
+      type: [String, Number],
+      default: 200
+    },
+    ...makeAppearanceProps(),
+    ...makeComponentProps(),
+    ...makeTagProps({
+      tag: "span"
+    })
+  },
+  "EvLozenge"
+);
+const _hoisted_1 = { class: "ev-lozenge--label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvLozenge",
+  props: {
+    ...makeEvLozengeProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const isMaxWidthNumeric = () => {
+      return isIntegerish(props.maxWidth);
+    };
+    const maxWidthOuter = computed(() => {
+      return isMaxWidthNumeric() ? `${props.maxWidth}px` : props.maxWidth;
+    });
+    const { appearanceClass, variantClass } = useAppearance(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass(["ev-lozenge", unref(appearanceClass), unref(variantClass), props.class]),
+        style: normalizeStyle([{ "max-width": maxWidthOuter.value }, props.style])
+      }, {
+        default: withCtx(() => [
+          props.iconStart ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            glyph: props.iconStart,
+            size: "small"
+          }, null, 8, ["glyph"])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          props.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 1,
+            glyph: props.iconEnd,
+            size: "small"
+          }, null, 8, ["glyph"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvLozengeProps as m
+};
+//# sourceMappingURL=EvLozenge.vue_vue_type_script_setup_true_lang-P19tGu0s.mjs.map

package/dist/esm/chunks/EvLozenge.vue_vue_type_script_setup_true_lang-P19tGu0s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvLozenge.vue_vue_type_script_setup_true_lang-P19tGu0s.mjs","sources":["../../../src/components/EvLozenge/EvLozenge.ts","../../../src/components/EvLozenge/EvLozenge.vue"],"sourcesContent":["import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\n\nexport const makeEvLozengeProps = propsFactory(\n    {\n        iconEnd: IconProp,\n        iconStart: IconProp,\n        maxWidth: {\n            type: [String, Number],\n            default: 200,\n        },\n\n        ...makeAppearanceProps(),\n        ...makeComponentProps(),\n        ...makeTagProps({\n            tag: \"span\",\n        }),\n    },\n    \"EvLozenge\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvLozenge\n *\n * `<ev-lozenge />`\n */\nimport \"./EvLozenge.scss\";\nimport { makeEvLozengeProps } from \"./EvLozenge\";\nimport { isIntegerish, useAppearance } from \"@/util\";\nimport { computed } from \"vue\";\nimport { EvIcon } from \"../EvIcon\";\n\nconst props = defineProps({\n    ...makeEvLozengeProps(),\n});\n\n/**\n * ## Is the `maxWidth` prop numeric?\n * i.e. it does not have any web units.\n */\nconst isMaxWidthNumeric = () => {\n    return isIntegerish(props.maxWidth);\n};\n\n/**\n * ## Get Outer Max Width\n * Returns the `maxWidth` prop value if it was supplied as a percentage,\n * or simply returns '100%'.\n */\nconst maxWidthOuter = computed(() => {\n    return isMaxWidthNumeric() ? `${props.maxWidth}px` : props.maxWidth;\n});\n\nconst { appearanceClass, variantClass } = useAppearance(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"['ev-lozenge', appearanceClass, variantClass, props.class]\"\n        :style=\"[{ 'max-width': maxWidthOuter }, props.style]\">\n        <ev-icon v-if=\"props.iconStart\" :glyph=\"props.iconStart\" size=\"small\" />\n        <span class=\"ev-lozenge--label\">\n            <slot />\n        </span>\n        <ev-icon v-if=\"props.iconEnd\" :glyph=\"props.iconEnd\" size=\"small\" />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;AAKO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,oBAAoB;AAAA,IACvB,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;ACDA,UAAM,oBAAoB,MAAM;AACrB,aAAA,aAAa,MAAM,QAAQ;AAAA,IACtC;AAOM,UAAA,gBAAgB,SAAS,MAAM;AACjC,aAAO,kBAAsB,IAAA,GAAG,MAAM,QAAQ,OAAO,MAAM;AAAA,IAAA,CAC9D;AAED,UAAM,EAAE,iBAAiB,iBAAiB,cAAc,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvMenu.vue_vue_type_script_setup_true_lang-EYbAD7QN.mjs

@@ -0,0 +1,288 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, computed, createBlock, openBlock, Transition, mergeProps, withCtx, renderSlot, useSlots, ref, inject, shallowRef, provide, watch, unref, isRef, createSlots } from "vue";
+import { R as Rect, e as makeEvOverlayProps, E as EvMenuSymbol, _ as _sfc_main$2 } from "./EvOverlay.vue_vue_type_script_setup_true_lang-C526wM5b.mjs";
+import { a as animate, e as easingStandard, b as easingAccelerate } from "./animate-Bz27WCqr.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { u as useModelProxy } from "./modelProxy-CZKYGR_7.mjs";
+import { g as getNextId, f as filterComponentProps } from "./helpers-BU9eM0b_.mjs";
+import { f as focusChild } from "./events-C0sIOO40.mjs";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "EvMenuTransition",
+  props: {
+    target: Object
+  },
+  setup(__props) {
+    const props = __props;
+    function getChildren(el) {
+      var _a;
+      const els = (_a = el.querySelector(
+        ":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"
+      )) == null ? void 0 : _a.children;
+      return els && [...els];
+    }
+    function getDimensions(target, el) {
+      const targetBox = Rect.fromElement(target);
+      const elBox = Rect.fromElement(el, true);
+      const elStyle = getComputedStyle(el);
+      const [originX, originY] = elStyle.transformOrigin.split(" ").map((v) => parseFloat(v));
+      const [anchorSide, anchorOffset] = elStyle.getPropertyValue("--ev-overlay-position").split(" ");
+      let offsetX = targetBox.left;
+      if (anchorSide === "center" || anchorOffset === "center") {
+        offsetX += targetBox.width / 2;
+      } else if (anchorSide === "right" || anchorOffset === "right") {
+        offsetX += targetBox.width;
+      }
+      let offsetY = targetBox.top;
+      if (anchorSide === "center" || anchorOffset === "center") {
+        offsetY += targetBox.height / 2;
+      } else if (anchorSide === "bottom" || anchorOffset === "bottom") {
+        offsetY += targetBox.height;
+      }
+      const targetScaleX = targetBox.width / elBox.width;
+      const targetScaleY = targetBox.height / elBox.height;
+      const maxScale = Math.max(1, targetScaleX, targetScaleY);
+      const scaleX = targetScaleX / maxScale || 0;
+      const scaleY = targetScaleY / maxScale || 0;
+      const screenPercentage = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
+      const speedFactor = screenPercentage > 0.12 ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1) : 1;
+      return {
+        x: offsetX - (originX + elBox.left),
+        y: offsetY - (originY + elBox.top),
+        scaleX,
+        scaleY,
+        speedFactor
+      };
+    }
+    function onBeforeEnter(el) {
+      el.style.pointerEvents = "none";
+      el.style.visibility = "hidden";
+    }
+    async function onEnter(el, done) {
+      var _a;
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      el.style.visibility = "";
+      const { x, y, scaleX, scaleY, speedFactor } = getDimensions(
+        props.target,
+        el
+      );
+      const duration = 250;
+      const animation = animate(
+        el,
+        [
+          {
+            transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
+            opacity: 0
+          },
+          {}
+        ],
+        {
+          duration: duration * speedFactor,
+          easing: easingStandard
+        }
+      );
+      (_a = getChildren(el)) == null ? void 0 : _a.forEach((el2) => {
+        animate(el2, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {
+          duration: duration * speedFactor,
+          easing: easingStandard
+        });
+      });
+      animation.finished.then(() => done());
+    }
+    function onAfterEnter(el) {
+      el.style.removeProperty("pointer-events");
+    }
+    function onBeforeLeave(el) {
+      el.style.pointerEvents = "none";
+    }
+    async function onLeave(el, done) {
+      var _a;
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      const { x, y, scaleX, scaleY, speedFactor } = getDimensions(
+        props.target,
+        el
+      );
+      const animation = animate(
+        el,
+        [
+          {},
+          {
+            transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
+            opacity: 0
+          }
+        ],
+        {
+          duration: 125 * speedFactor,
+          easing: easingAccelerate
+        }
+      );
+      animation.finished.then(() => done());
+      (_a = getChildren(el)) == null ? void 0 : _a.forEach((el2) => {
+        animate(el2, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {
+          duration: 250 * speedFactor,
+          easing: easingStandard
+        });
+      });
+    }
+    function onAfterLeave(el) {
+      el.style.removeProperty("pointer-events");
+    }
+    const transitionProps = computed(() => {
+      return props.target ? {
+        css: false,
+        onBeforeEnter,
+        onEnter,
+        onAfterEnter,
+        onBeforeLeave,
+        onLeave,
+        onAfterLeave
+      } : {};
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, mergeProps({ name: "ev-menu-transition" }, transitionProps.value), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const makeEvMenuProps = propsFactory(
+  {
+    id: String,
+    ...makeEvOverlayProps({
+      closeDelay: 250,
+      closeOnContentClick: true,
+      position: "bottom-start",
+      positionStrategy: "connected",
+      openDelay: 250,
+      veil: false,
+      scrollStrategy: "reposition",
+      transition: { component: _sfc_main$1 }
+    })
+  },
+  "EvMenu"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvMenu",
+  props: {
+    ...makeEvMenuProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const slots = useSlots();
+    const isActive = useModelProxy(props, "modelValue");
+    const uid = getNextId();
+    const id = computed(() => {
+      return props.id || `ev-menu-${uid}`;
+    });
+    const overlay = ref();
+    const parent = inject(EvMenuSymbol, null);
+    const openChildren = shallowRef(0);
+    provide(EvMenuSymbol, {
+      register() {
+        ++openChildren.value;
+      },
+      unregister() {
+        --openChildren.value;
+      },
+      closeParents() {
+        setTimeout(() => {
+          if (!openChildren.value) {
+            isActive.value = false;
+            parent == null ? void 0 : parent.closeParents();
+          }
+        }, 40);
+      }
+    });
+    watch(isActive, (value) => {
+      return value ? parent == null ? void 0 : parent.register() : parent == null ? void 0 : parent.unregister();
+    });
+    function onClickOutside() {
+      parent == null ? void 0 : parent.closeParents();
+    }
+    function onKeydown(e) {
+      var _a, _b;
+      if (props.disabled) {
+        return;
+      }
+      if (e.key === "Tab") {
+        isActive.value = false;
+        (_b = (_a = overlay.value) == null ? void 0 : _a.activatorEl) == null ? void 0 : _b.focus();
+      }
+    }
+    function onActivatorKeydown(e) {
+      var _a;
+      if (props.disabled) {
+        return;
+      }
+      const el = (_a = overlay.value) == null ? void 0 : _a.contentEl;
+      if (el && isActive.value) {
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          focusChild(el, "next");
+        } else if (e.key === "ArrowUp") {
+          e.preventDefault();
+          focusChild(el, "previous");
+        }
+      } else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
+        isActive.value = true;
+        e.preventDefault();
+        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
+      }
+    }
+    const activatorProps = computed(() => {
+      return mergeProps(
+        {
+          "aria-haspopup": "menu",
+          "aria-expanded": String(isActive.value),
+          "aria-owns": id.value,
+          onKeydown: onActivatorKeydown
+        },
+        props.activatorProps
+      );
+    });
+    __expose({
+      id,
+      openChildren
+    });
+    const overlayProps = computed(() => filterComponentProps(_sfc_main$2, props));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$2), mergeProps({
+        ref_key: "overlay",
+        ref: overlay,
+        modelValue: unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null)
+      }, overlayProps.value, {
+        class: ["ev-menu", props.class],
+        style: props.style,
+        "activator-props": activatorProps.value,
+        "onClick:outside": onClickOutside,
+        onKeydown
+      }), createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        unref(slots).activator ? {
+          name: "activator",
+          fn: withCtx(({ isActive: isActive2, props: props2 }) => [
+            renderSlot(_ctx.$slots, "activator", {
+              isActive: isActive2,
+              props: props2
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "class", "style", "activator-props"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$1 as a,
+  makeEvMenuProps as m
+};
+//# sourceMappingURL=EvMenu.vue_vue_type_script_setup_true_lang-EYbAD7QN.mjs.map

package/dist/esm/chunks/EvMenu.vue_vue_type_script_setup_true_lang-EYbAD7QN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvMenu.vue_vue_type_script_setup_true_lang-EYbAD7QN.mjs","sources":["../../../src/components/EvMenu/EvMenuTransition.vue","../../../src/components/EvMenu/EvMenu.ts","../../../src/components/EvMenu/EvMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvMenu Transition\n *\n * We use JavaScript hooks to animate the menu.\n *\n * @see https://vuejs.org/guide/built-ins/transition.html#javascript-hooks\n */\nimport { computed, PropType } from \"vue\";\nimport { animate, easingAccelerate, easingStandard, Rect } from \"@/util\";\n\nconst props = defineProps({\n    target: Object as PropType<HTMLElement>,\n});\n\n/**\n * ## Get Children\n *\n * We're only interested in animating the following children:\n *\n * - `ev-surface`\n * - `ev-card`\n * - `ev-list`\n *\n * @param el\n */\nfunction getChildren(el: Element) {\n    const els = el.querySelector(\n        \":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list\",\n    )?.children;\n    return els && [...els];\n}\n\n/**\n * ## Get Dimensions\n * @param target\n * @param el\n */\nfunction getDimensions(target: HTMLElement, el: HTMLElement) {\n    const targetBox = Rect.fromElement(target);\n    const elBox = Rect.fromElement(el, true);\n    const elStyle = getComputedStyle(el);\n    const [originX, originY] = elStyle.transformOrigin\n        .split(\" \")\n        .map((v) => parseFloat(v));\n    const [anchorSide, anchorOffset] = elStyle\n        .getPropertyValue(\"--ev-overlay-position\")\n        .split(\" \");\n\n    let offsetX = targetBox.left;\n    if (anchorSide === \"center\" || anchorOffset === \"center\") {\n        offsetX += targetBox.width / 2;\n    } else if (anchorSide === \"right\" || anchorOffset === \"right\") {\n        offsetX += targetBox.width;\n    }\n\n    let offsetY = targetBox.top;\n    if (anchorSide === \"center\" || anchorOffset === \"center\") {\n        offsetY += targetBox.height / 2;\n    } else if (anchorSide === \"bottom\" || anchorOffset === \"bottom\") {\n        offsetY += targetBox.height;\n    }\n\n    const targetScaleX = targetBox.width / elBox.width;\n    const targetScaleY = targetBox.height / elBox.height;\n    const maxScale = Math.max(1, targetScaleX, targetScaleY);\n    const scaleX = targetScaleX / maxScale || 0;\n    const scaleY = targetScaleY / maxScale || 0;\n\n    // Animate elements larger than 12% of the screen area up to 1.5x slower\n    const screenPercentage =\n        (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight);\n    const speedFactor =\n        screenPercentage > 0.12\n            ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1)\n            : 1;\n\n    return {\n        x: offsetX - (originX + elBox.left),\n        y: offsetY - (originY + elBox.top),\n        scaleX,\n        scaleY,\n        speedFactor,\n    };\n}\n\n/**\n * ## On Before Enter\n *\n * Before the element is inserted into the DOM.\n *\n * @param el\n */\nfunction onBeforeEnter(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n    (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/**\n * ## On Enter\n *\n * Called one frame after the element is inserted.\n *\n * @param el\n * @param done\n */\nasync function onEnter(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    (el as HTMLElement).style.visibility = \"\";\n    const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n    const duration = 250;\n\n    const animation = animate(\n        el,\n        [\n            {\n                transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n                opacity: 0,\n            },\n            {},\n        ],\n        {\n            duration: duration * speedFactor,\n            easing: easingStandard,\n        },\n    );\n    getChildren(el)?.forEach((el) => {\n        animate(el, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {\n            duration: duration * speedFactor,\n            easing: easingStandard,\n        });\n    });\n    animation.finished.then(() => done());\n}\n\n/**\n * ## On After Enter\n *\n * Called when the enter transition has finished.\n *\n * @param el\n */\nfunction onAfterEnter(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * ## On Before Leave\n *\n * Called before the leave hook.\n *\n * @param el\n */\nfunction onBeforeLeave(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/**\n * ## On Leave\n *\n * Called when the leave transition starts.\n *\n * @param el\n * @param done\n */\nasync function onLeave(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n\n    const animation = animate(\n        el,\n        [\n            {},\n            {\n                transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n                opacity: 0,\n            },\n        ],\n        {\n            duration: 125 * speedFactor,\n            easing: easingAccelerate,\n        },\n    );\n    animation.finished.then(() => done());\n\n    getChildren(el)?.forEach((el) => {\n        animate(el, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {\n            duration: 250 * speedFactor,\n            easing: easingStandard,\n        });\n    });\n}\n\n/**\n * ## On After Leave\n *\n * Called when the leave transition has finished and the element has been removed from the DOM.\n *\n * @param el\n */\nfunction onAfterLeave(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * Calculate transition props so we can use v-bind.\n */\nconst transitionProps = computed(() => {\n    return props.target\n        ? {\n              css: false,\n              onBeforeEnter,\n              onEnter,\n              onAfterEnter,\n              onBeforeLeave,\n              onLeave,\n              onAfterLeave,\n          }\n        : {};\n});\n</script>\n\n<template>\n    <transition name=\"ev-menu-transition\" v-bind=\"transitionProps\">\n        <slot />\n    </transition>\n</template>\n","import { AnchorSelector, propsFactory } from \"@/util\";\r\nimport { makeEvOverlayProps } from \"@/components/EvOverlay/EvOverlay\";\r\nimport EvMenuTransition from \"./EvMenuTransition.vue\";\r\n\r\nexport const makeEvMenuProps = propsFactory(\r\n    {\r\n        id: String,\r\n\r\n        ...makeEvOverlayProps({\r\n            closeDelay: 250,\r\n            closeOnContentClick: true,\r\n            position: \"bottom-start\" as AnchorSelector,\r\n            positionStrategy: \"connected\" as const,\r\n            openDelay: 250,\r\n            veil: false,\r\n            scrollStrategy: \"reposition\" as const,\r\n            transition: { component: EvMenuTransition },\r\n        }),\r\n    },\r\n    \"EvMenu\",\r\n);\r\n","<script setup lang=\"ts\">\n/**\n * # EvMenu\n */\nimport \"./EvMenu.scss\";\nimport { makeEvMenuProps } from \"./EvMenu\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport {\n    computed,\n    inject,\n    mergeProps,\n    provide,\n    ref,\n    shallowRef,\n    watch,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, focusChild, getNextId } from \"@/util\";\nimport { EvMenuSymbol } from \"./shared\";\n\nconst props = defineProps({\n    ...makeEvMenuProps(),\n});\nconst slots = defineSlots<{\n    activator(props: { isActive: boolean; props: any }): never;\n    default(): never;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\nconst id = computed(() => {\n    return props.id || `ev-menu-${uid}`;\n});\nconst overlay = ref<typeof EvOverlay>();\nconst parent = inject(EvMenuSymbol, null);\nconst openChildren = shallowRef(0);\n\nprovide(EvMenuSymbol, {\n    register() {\n        ++openChildren.value;\n    },\n    unregister() {\n        --openChildren.value;\n    },\n    closeParents() {\n        setTimeout(() => {\n            if (!openChildren.value) {\n                isActive.value = false;\n                parent?.closeParents();\n            }\n        }, 40);\n    },\n});\n\nwatch(isActive, (value) => {\n    return value ? parent?.register() : parent?.unregister();\n});\n\nfunction onClickOutside() {\n    parent?.closeParents();\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n    if (props.disabled) {\n        return;\n    }\n    if (e.key === \"Tab\") {\n        isActive.value = false;\n        overlay.value?.activatorEl?.focus();\n    }\n}\n\n/**\n * ## On Activator Keydown\n *\n * @param e\n */\nfunction onActivatorKeydown(e: KeyboardEvent) {\n    if (props.disabled) {\n        return;\n    }\n    const el = overlay.value?.contentEl;\n    if (el && isActive.value) {\n        if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            focusChild(el, \"next\");\n        } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            focusChild(el, \"previous\");\n        }\n    } else if ([\"ArrowDown\", \"ArrowUp\"].includes(e.key)) {\n        isActive.value = true;\n        e.preventDefault();\n        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));\n    }\n}\n\n/**\n * ## Activator Props\n *\n * Manipulate the activator props to include the keydown event listener\n * and ARIA attributes for accessibility.\n */\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"menu\",\n            \"aria-expanded\": String(isActive.value),\n            \"aria-owns\": id.value,\n            onKeydown: onActivatorKeydown,\n        },\n        props.activatorProps,\n    );\n});\n\n/**\n * ## Expose aspects of EvMenu to parent components\n */\ndefineExpose({\n    id,\n    openChildren,\n});\n\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlay\"\n        v-model=\"isActive\"\n        v-bind=\"overlayProps\"\n        :class=\"['ev-menu', props.class]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        @click:outside=\"onClickOutside\"\n        @keydown=\"onKeydown\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n        <template #default>\n            <slot name=\"default\" />\n        </template>\n    </ev-overlay>\n</template>\n"],"names":["el","EvMenuTransition","_useSlots","EvOverlay"],"mappings":"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"}