@evance/evance-ui 1.0.39 → 1.0.40

package/dist/cjs/chunks/EvListItem.vue_vue_type_script_setup_true_lang-CAcVIfL9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvListItem.vue_vue_type_script_setup_true_lang-CAcVIfL9.cjs","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":["shallowRef","inject","provide","toRaw","value","propsFactory","props","computed","isObject","isFunction","ref","component","getCurrentComponent","useModelProxy","onBeforeMount","getNextId","onBeforeUnmount","IconProp","EventProp","makeRouterLinkOrHrefProps","makeComponentProps","_useSlots","useAttrs","useRouterLinkOrHref","hasSlotWithContent","useIcon"],"mappings":"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"}

package/dist/cjs/chunks/EvLozenge.vue_vue_type_script_setup_true_lang-Dm3qIErk.cjs

@@ -0,0 +1,69 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const icons = require("./icons-VkKskE1Z.cjs");
+const component = require("./component-BuM-16AY.cjs");
+const tag = require("./tag-CcWi_OtE.cjs");
+const props = require("./props-DfsXP7in.cjs");
+const appearance = require("./appearance-DbF8ZzHl.cjs");
+const EvIcon_vue_vue_type_style_index_0_lang = require("./EvIcon.vue_vue_type_style_index_0_lang-6XOSLFdY.cjs");
+const numbers = require("./numbers-D9vHJv3N.cjs");
+const makeEvLozengeProps = props.propsFactory(
+  {
+    iconEnd: icons.IconProp,
+    iconStart: icons.IconProp,
+    maxWidth: {
+      type: [String, Number],
+      default: 200
+    },
+    ...appearance.makeAppearanceProps(),
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps({
+      tag: "span"
+    })
+  },
+  "EvLozenge"
+);
+const _hoisted_1 = { class: "ev-lozenge--label" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvLozenge",
+  props: {
+    ...makeEvLozengeProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const isMaxWidthNumeric = () => {
+      return numbers.isIntegerish(props2.maxWidth);
+    };
+    const maxWidthOuter = vue.computed(() => {
+      return isMaxWidthNumeric() ? `${props2.maxWidth}px` : props2.maxWidth;
+    });
+    const { appearanceClass, variantClass } = appearance.useAppearance(props2);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
+        class: vue.normalizeClass(["ev-lozenge", vue.unref(appearanceClass), vue.unref(variantClass), props2.class]),
+        style: vue.normalizeStyle([{ "max-width": maxWidthOuter.value }, props2.style])
+      }, {
+        default: vue.withCtx(() => [
+          props2.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), {
+            key: 0,
+            glyph: props2.iconStart,
+            size: "small"
+          }, null, 8, ["glyph"])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          props2.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), {
+            key: 1,
+            glyph: props2.iconEnd,
+            size: "small"
+          }, null, 8, ["glyph"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvLozengeProps = makeEvLozengeProps;
+//# sourceMappingURL=EvLozenge.vue_vue_type_script_setup_true_lang-Dm3qIErk.cjs.map

package/dist/cjs/chunks/EvLozenge.vue_vue_type_script_setup_true_lang-Dm3qIErk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvLozenge.vue_vue_type_script_setup_true_lang-Dm3qIErk.cjs","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":["propsFactory","IconProp","makeAppearanceProps","makeComponentProps","makeTagProps","isIntegerish","props","computed","useAppearance"],"mappings":";;;;;;;;;;AAKO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,SAASC,MAAA;AAAA,IACT,WAAWA,MAAA;AAAA,IACX,UAAU;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iBAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;ACDA,UAAM,oBAAoB,MAAM;AACrB,aAAAC,QAAA,aAAaC,OAAM,QAAQ;AAAA,IACtC;AAOM,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACjC,aAAO,kBAAsB,IAAA,GAAGD,OAAM,QAAQ,OAAOA,OAAM;AAAA,IAAA,CAC9D;AAED,UAAM,EAAE,iBAAiB,iBAAiBE,WAAAA,cAAcF,MAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/chunks/EvMenu.vue_vue_type_script_setup_true_lang-D61bQ-Ba.cjs

@@ -0,0 +1,287 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const EvOverlay_vue_vue_type_script_setup_true_lang = require("./EvOverlay.vue_vue_type_script_setup_true_lang-1V4MZ6o8.cjs");
+const animate = require("./animate-BeABZ18Q.cjs");
+const props = require("./props-DfsXP7in.cjs");
+const modelProxy = require("./modelProxy-7lMRNt7d.cjs");
+const helpers = require("./helpers-Dimy6Rif.cjs");
+const events = require("./events-DsVbsn31.cjs");
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvMenuTransition",
+  props: {
+    target: Object
+  },
+  setup(__props) {
+    const props2 = __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 = EvOverlay_vue_vue_type_script_setup_true_lang.Rect.fromElement(target);
+      const elBox = EvOverlay_vue_vue_type_script_setup_true_lang.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(
+        props2.target,
+        el
+      );
+      const duration = 250;
+      const animation = animate.animate(
+        el,
+        [
+          {
+            transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
+            opacity: 0
+          },
+          {}
+        ],
+        {
+          duration: duration * speedFactor,
+          easing: animate.easingStandard
+        }
+      );
+      (_a = getChildren(el)) == null ? void 0 : _a.forEach((el2) => {
+        animate.animate(el2, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {
+          duration: duration * speedFactor,
+          easing: animate.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(
+        props2.target,
+        el
+      );
+      const animation = animate.animate(
+        el,
+        [
+          {},
+          {
+            transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
+            opacity: 0
+          }
+        ],
+        {
+          duration: 125 * speedFactor,
+          easing: animate.easingAccelerate
+        }
+      );
+      animation.finished.then(() => done());
+      (_a = getChildren(el)) == null ? void 0 : _a.forEach((el2) => {
+        animate.animate(el2, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {
+          duration: 250 * speedFactor,
+          easing: animate.easingStandard
+        });
+      });
+    }
+    function onAfterLeave(el) {
+      el.style.removeProperty("pointer-events");
+    }
+    const transitionProps = vue.computed(() => {
+      return props2.target ? {
+        css: false,
+        onBeforeEnter,
+        onEnter,
+        onAfterEnter,
+        onBeforeLeave,
+        onLeave,
+        onAfterLeave
+      } : {};
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ name: "ev-menu-transition" }, transitionProps.value), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const makeEvMenuProps = props.propsFactory(
+  {
+    id: String,
+    ...EvOverlay_vue_vue_type_script_setup_true_lang.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__ */ vue.defineComponent({
+  __name: "EvMenu",
+  props: {
+    ...makeEvMenuProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const isActive = modelProxy.useModelProxy(props2, "modelValue");
+    const uid = helpers.getNextId();
+    const id = vue.computed(() => {
+      return props2.id || `ev-menu-${uid}`;
+    });
+    const overlay = vue.ref();
+    const parent = vue.inject(EvOverlay_vue_vue_type_script_setup_true_lang.EvMenuSymbol, null);
+    const openChildren = vue.shallowRef(0);
+    vue.provide(EvOverlay_vue_vue_type_script_setup_true_lang.EvMenuSymbol, {
+      register() {
+        ++openChildren.value;
+      },
+      unregister() {
+        --openChildren.value;
+      },
+      closeParents() {
+        setTimeout(() => {
+          if (!openChildren.value) {
+            isActive.value = false;
+            parent == null ? void 0 : parent.closeParents();
+          }
+        }, 40);
+      }
+    });
+    vue.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 (props2.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 (props2.disabled) {
+        return;
+      }
+      const el = (_a = overlay.value) == null ? void 0 : _a.contentEl;
+      if (el && isActive.value) {
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          events.focusChild(el, "next");
+        } else if (e.key === "ArrowUp") {
+          e.preventDefault();
+          events.focusChild(el, "previous");
+        }
+      } else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
+        isActive.value = true;
+        e.preventDefault();
+        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
+      }
+    }
+    const activatorProps = vue.computed(() => {
+      return vue.mergeProps(
+        {
+          "aria-haspopup": "menu",
+          "aria-expanded": String(isActive.value),
+          "aria-owns": id.value,
+          onKeydown: onActivatorKeydown
+        },
+        props2.activatorProps
+      );
+    });
+    __expose({
+      id,
+      openChildren
+    });
+    const overlayProps = vue.computed(() => helpers.filterComponentProps(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main, props2));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+        ref_key: "overlay",
+        ref: overlay,
+        modelValue: vue.unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null)
+      }, overlayProps.value, {
+        class: ["ev-menu", props2.class],
+        style: props2.style,
+        "activator-props": activatorProps.value,
+        "onClick:outside": onClickOutside,
+        onKeydown
+      }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        vue.unref(slots).activator ? {
+          name: "activator",
+          fn: vue.withCtx(({ isActive: isActive2, props: props22 }) => [
+            vue.renderSlot(_ctx.$slots, "activator", {
+              isActive: isActive2,
+              props: props22
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "class", "style", "activator-props"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports._sfc_main$1 = _sfc_main$1;
+exports.makeEvMenuProps = makeEvMenuProps;
+//# sourceMappingURL=EvMenu.vue_vue_type_script_setup_true_lang-D61bQ-Ba.cjs.map

package/dist/cjs/chunks/EvMenu.vue_vue_type_script_setup_true_lang-D61bQ-Ba.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvMenu.vue_vue_type_script_setup_true_lang-D61bQ-Ba.cjs","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":["Rect","props","animate","easingStandard","el","easingAccelerate","computed","propsFactory","makeEvOverlayProps","EvMenuTransition","_useSlots","useModelProxy","getNextId","ref","inject","EvMenuSymbol","shallowRef","provide","watch","focusChild","mergeProps","filterComponentProps","EvOverlay"],"mappings":"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"}