@evance/evance-ui 1.1.10 → 1.1.12

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

@@ -1 +1 @@
-{"version":3,"file":"EvSelect.vue.mjs","sources":["../../../../src/components/EvSelect/EvSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvSelect\n *\n */\nimport \"./EvSelect.scss\";\nimport { makeEvSelectProps } from \"./EvSelect\";\nimport { useScrolling } from \"./useScrolling\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvList, ListItem } from \"@/components/EvList\";\nimport { EvListItem } from \"@/components/EvListItem\";\nimport { EvVirtualScroll } from \"@/components/EvVirtualScroll\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTag } from \"@/components/EvTag\";\nimport { transformItem, useItems } from \"@/composables/lists\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useForm } from \"@/composables/form\";\nimport {\n    computed,\n    mergeProps,\n    nextTick,\n    Ref,\n    ref,\n    shallowRef,\n    useSlots,\n    watch,\n} from \"vue\";\nimport {\n    Browser,\n    filterComponentProps,\n    isComposingIgnoreKey,\n    KeyLogger,\n    matchesSelector,\n    wrapInArray,\n} from \"@/util\";\nimport { FocusEvent, MouseEvent } from \"react\";\nimport { useFilter } from \"@/composables/filter\";\n\n// Props\nconst props = defineProps({\n    ...makeEvSelectProps(),\n});\n\ndefineSlots<{\n    label(): any;\n    \"list-prefix\"(): any;\n    \"list-suffix\"(): any;\n    item(props: { item: any; index: number; props: any }): any;\n    \"items-empty\"(): any;\n    \"items-prefix\"(): any;\n    \"items-suffix\"(): any;\n    placeholder(): any;\n    prefix(): any;\n    selection(item: any, index: number): any;\n    suffix(): any;\n}>();\n\nconst emit = defineEmits([\n    \"update:focused\",\n    \"update:menuOpen\",\n    \"update:modelValue\",\n    \"update:search\",\n]);\n\nconst slots = useSlots();\n\n// TextField\nconst evTextfieldRef = ref();\nconst evTextfieldProps = computed(() => {\n    return filterComponentProps(EvTextfield, props);\n});\nconst isFocused = shallowRef(false);\nconst isPristine = shallowRef(true);\nconst isSearchable = computed(() => props.behavior !== \"select\");\nconst listHasFocus = shallowRef(false);\nconst isSelecting = shallowRef(false);\n\n// Menu\nconst evMenuRef = ref<typeof EvMenu>();\nconst menuOpenProxy = useModelProxy(props, \"menuOpen\");\nconst isMenuOpen = computed({\n    get: () => menuOpenProxy.value,\n    set: (value) => {\n        if (menuOpenProxy.value && !value && evMenuRef.value?.openChildren) {\n            return;\n        }\n        menuOpenProxy.value = value;\n    },\n});\nconst isMenuDisabled = computed(() => {\n    return (props.hideItemsEmpty && !items.value.length) || !!props.readonly;\n});\n\n// List\nconst evListRef = ref<typeof EvList>();\nconst evVirtualScrollRef = ref<typeof EvVirtualScroll>();\nconst { items, transformIn, transformOut } = useItems(props);\nconst search = useModelProxy(props, \"search\", \"\");\n// @todo: implement getMatches\nconst { filteredItems } = useFilter(props, items, () =>\n    isPristine.value || !isSearchable.value ? \"\" : search.value,\n);\nconst displayItems = computed(() => {\n    if (props.hideSelected) {\n        return filteredItems.value.filter(\n            (filteredItem) =>\n                !model.value.some(\n                    (s: ListItem) => s.value === filteredItem.value,\n                ),\n        );\n    }\n    return filteredItems.value;\n});\n\nconst model = useModelProxy(\n    props,\n    \"modelValue\",\n    [],\n    (value) => transformIn(value === null ? [null] : wrapInArray(value)),\n    (value) => {\n        const transformed = transformOut(value);\n        return props.multiple ? transformed : transformed[0] ?? null;\n    },\n);\nconst selections = computed(() => {\n    return model.value.map((value: any) => {\n        return (\n            items.value.find((item) => {\n                return props.valueComparator(item.value, value.value);\n            }) || value\n        );\n    });\n});\nconst selectionIndex = shallowRef(-1);\nconst selected = computed(() => {\n    return selections.value.map((selection: any) => selection.props.value);\n});\nconst keyLogger = new KeyLogger();\n\nconst highlightFirst = computed(() => {\n    const selectFirst =\n        props.autoSelectFirst === true ||\n        (props.autoSelectFirst === \"exact\" &&\n            search.value === displayItems.value[0]?.title);\n    return (\n        selectFirst &&\n        displayItems.value.length > 0 &&\n        !isPristine.value &&\n        !listHasFocus.value\n    );\n});\n\nconst form = useForm();\nconst { t } = useLocaleFunctions();\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value) {\n        isPristine.value = true;\n        evTextfieldRef.value?.focus();\n    }\n}\n\n/**\n * ## On List Focus In\n * Maintain focus on the select when a menu item is selected.\n * @param e\n */\nfunction onListFocusIn(e: FocusEvent) {\n    setTimeout(() => {\n        isFocused.value = true;\n        listHasFocus.value = true;\n    });\n}\n\n/**\n * ## onListFocusOut\n *\n * @param e\n */\nfunction onListFocusOut(e: FocusEvent) {\n    listHasFocus.value = false;\n}\n\n/**\n * ## One List Mousedown\n * @param e\n */\nfunction onListMouseDown(e: MouseEvent) {\n    e.preventDefault();\n}\n\nconst { onListScroll, onListKeydown } = useScrolling(evListRef, evTextfieldRef);\n\n/**\n * ## On Field Blur\n * @param e\n */\nfunction onFieldBlur(e: FocusEvent) {\n    if (!evListRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n    }\n    selectionIndex.value = -1;\n}\n\n/**\n * ## onFieldChange\n * If the field changed due to an autofill utility attempt to select an item.\n * @param e\n */\nfunction onFieldChange(e: Event) {\n    if (\n        matchesSelector(evTextfieldRef.value, \":autofill\") ||\n        matchesSelector(evTextfieldRef.value, \":-webkit-autofill\")\n    ) {\n        const item = items.value.find(\n            (item) => item.title === (e.target as HTMLInputElement).value,\n        );\n        if (item) {\n            select(item);\n        }\n    }\n}\n\n/**\n * ## On Field Clear\n * When the user clicks on the `clearable` icon.\n * @param e\n */\nfunction onFieldClear(e: MouseEvent) {\n    if (props.openOnClear) {\n        isMenuOpen.value = true;\n    }\n    search.value = \"\";\n}\n\n/**\n * ## On Field Input\n * @param e\n */\nfunction onFieldInput(e: InputEvent) {\n    search.value = (e.target as HTMLInputElement).value;\n}\n\n/**\n * ## On Field Keydown\n * @param e\n */\nfunction onFieldKeydown(e: KeyboardEvent) {\n    if (\n        !e.key ||\n        isComposingIgnoreKey(e) ||\n        props.readonly ||\n        form?.isReadonly.value\n    ) {\n        return;\n    }\n\n    const preventKeys = [\"Enter\", \"ArrowDown\", \"ArrowUp\"];\n    const openerKeys = [\"Enter\", \"ArrowDown\"];\n    const escapeKeys = [\"Escape\"];\n    if (!isSearchable.value) {\n        preventKeys.push(\" \", \"Home\", \"End\");\n        openerKeys.push(\" \");\n        escapeKeys.push(\"Tab\");\n    }\n\n    if (selectionIndex.value > -1 || preventKeys.includes(e.key)) {\n        e.preventDefault();\n    }\n\n    if (openerKeys.includes(e.key)) {\n        isMenuOpen.value = true;\n    }\n\n    if (escapeKeys.includes(e.key)) {\n        isMenuOpen.value = false;\n    }\n\n    if (!isSearchable.value) {\n        // Use `keyLogger`\n        keydownBehaviorSelect(e);\n        return;\n    }\n\n    if ([\"Enter\", \"Tab\"].includes(e.key)) {\n        if (highlightFirst.value) {\n            select(displayItems.value[0]);\n        } else if (!props.multiple && props.behavior === \"combobox\") {\n            select(transformItem(props as any, search.value));\n        }\n    }\n\n    if (e.key === \"ArrowDown\" && highlightFirst.value) {\n        evListRef.value?.focus(\"next\");\n    }\n\n    if (!props.multiple) {\n        return;\n    }\n\n    const selectionStart = evTextfieldRef.value.selectionStart;\n    const length = model.value.length;\n\n    // Backspacing\n    if ([\"Backspace\", \"Delete\"].includes(e.key)) {\n        if (selectionIndex.value < 0) {\n            if (e.key === \"Backspace\" && !search.value) {\n                selectionIndex.value = length - 1;\n            }\n            return;\n        }\n        const originalSelectionIndex = selectionIndex.value;\n        const selectedItem = model.value[selectionIndex.value];\n        if (selectedItem && !selectedItem.props.disabled) {\n            select(selectedItem, false);\n        }\n        selectionIndex.value =\n            originalSelectionIndex >= length - 1\n                ? length - 2\n                : originalSelectionIndex;\n    }\n\n    // Left\n    if (e.key === \"ArrowLeft\") {\n        if (selectionIndex.value < 0 && selectionStart > 0) {\n            return;\n        }\n        const previous =\n            selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;\n        if (model.value[previous]) {\n            selectionIndex.value = previous;\n        } else {\n            selectionIndex.value = -1;\n            evTextfieldRef.value?.input.setSelectionRange(\n                search.value?.length,\n                search.value?.length,\n            );\n        }\n    }\n\n    // Right\n    if (e.key === \"ArrowRight\") {\n        if (selectionIndex.value < 0) {\n            return;\n        }\n        const next = selectionIndex.value + 1;\n        if (model.value[next]) {\n            selectionIndex.value = next;\n        } else {\n            selectionIndex.value = -1;\n            evTextfieldRef.value?.input.setSelectionRange(0, 0);\n        }\n    }\n\n    if (props.behavior !== \"combobox\") {\n        return;\n    }\n\n    // Enter or delimiters\n    if (\n        (props.delimiters.includes(e.key) || e.key === \"Enter\") &&\n        search.value\n    ) {\n        e.preventDefault();\n        select(transformItem(props as any, search.value));\n        search.value = \"\";\n    }\n}\n\n/**\n * ## keydownBehaviorSelect\n * Handles keydown events for the select control when the input field\n * cannot be entered. Instead, we use `keyLogger` to track key events\n * and then select the first available item in the list.\n * @param e\n */\nfunction keydownBehaviorSelect(e: KeyboardEvent) {\n    if (e.key === \"Home\") {\n        evListRef.value?.focus(\"first\");\n    } else if (e.key === \"End\") {\n        evListRef.value?.focus(\"last\");\n    }\n\n    if (props.multiple || !keyLogger.log(e)) {\n        return;\n    }\n\n    const itemIndex = items.value.findIndex((item) =>\n        item.title.toLowerCase().startsWith(keyLogger.value),\n    );\n    if (itemIndex >= 0) {\n        model.value = [items.value[itemIndex]];\n        if (isMenuOpen.value) {\n            const scrollIndex = itemIndex > 0 ? itemIndex - 1 : 0;\n            evVirtualScrollRef.value?.scrollToIndex(scrollIndex);\n        }\n    }\n}\n\n/**\n * On Field Mousedown\n */\nfunction onFieldMousedown() {\n    if (isMenuDisabled.value) {\n        return;\n    }\n    isMenuOpen.value = !isMenuOpen.value;\n}\n\n/**\n * ## Select\n * @param item\n * @param set `null` means toggle\n */\nfunction select(item: ListItem, set: boolean | null = true) {\n    if (item.props.disabled) {\n        return;\n    }\n\n    if (props.multiple) {\n        const index = model.value.findIndex((selection: any) => {\n            return props.valueComparator(selection.value, item.value);\n        });\n        const add = set == null ? !~index : set;\n\n        if (~index) {\n            const value = add ? [...model.value, item] : [...model.value];\n            value.splice(index, 1);\n            model.value = value;\n        } else if (add) {\n            model.value = [...model.value, item];\n        }\n        search.value = \"\";\n    } else {\n        const add = set !== false;\n        model.value = add ? [item] : [];\n        search.value = item.title;\n\n        nextTick(() => {\n            isMenuOpen.value = false;\n            isPristine.value = true;\n            isSelecting.value = false;\n            evTextfieldRef.value.input.blur();\n            isFocused.value = false;\n        });\n    }\n\n    selectionIndex.value = -1;\n}\n\n/**\n *\n */\nconst fieldValue = computed(() => {\n    if (isSearchable.value) {\n        return search.value;\n    }\n    return model.value.map((value: any) => value.props.value).join(\", \");\n});\n\n/**\n * ## onModelValueUpdate\n * When the model value is updated from the textfield.\n * @param value\n */\nfunction onModelValueUpdate(value: any) {\n    if (value === null || (value === \"\" && !props.multiple)) {\n        model.value = [];\n    }\n}\n\n/**\n * @param item\n * @param index\n * @param itemRef\n */\nfunction itemProps(\n    item: ListItem,\n    index: number,\n    itemRef: Ref<HTMLElement | undefined>,\n) {\n    return mergeProps(item.props, {\n        ref: itemRef,\n        key: index,\n        onClick: () => select(item),\n    });\n}\n\n/**\n * ## createTagProps\n * @param item\n */\nfunction createTagProps(item: ListItem) {\n    return {\n        \"onClick:close\"(e: Event) {\n            e.stopPropagation();\n            e.preventDefault();\n            select(item, false);\n        },\n        onKeydown(e: KeyboardEvent) {\n            if (e.key !== \"Enter\" && e.key !== \" \") {\n                return;\n            }\n            e.preventDefault();\n            e.stopPropagation();\n            select(item, false);\n        },\n        onMousedown(e: MouseEvent) {\n            e.preventDefault();\n            e.stopPropagation();\n        },\n    };\n}\n\n/**\n * Watch Search\n */\nwatch(search, (value, oldValue) => {\n    if (!isFocused.value || isSelecting.value) {\n        return;\n    }\n    if (value) {\n        isMenuOpen.value = true;\n    }\n    isPristine.value = !value;\n});\n\n/**\n * Watch Focused\n */\nwatch(isFocused, (value, oldValue) => {\n    if (value === oldValue) {\n        return;\n    }\n    emit(\"update:focused\", value);\n});\n\n/**\n * Scroll to the last selected item when the menu opens.\n */\nwatch(isMenuOpen, () => {\n    if (\n        props.hideSelected ||\n        !isMenuOpen.value ||\n        !model.value.length ||\n        !Browser.hasWindow\n    ) {\n        return;\n    }\n    const lastSelectedItem = model.value[model.value.length - 1];\n    const index = displayItems.value.findIndex(\n        (item) => item.value === lastSelectedItem.value,\n    );\n    window.requestAnimationFrame(() => {\n        index >= 0 && evVirtualScrollRef.value?.scrollToIndex(index);\n    });\n});\n\nconst validationValue = computed(() => model.externalValue);\nconst isPlaceholder = computed(\n    () => !selections.value.length && !!slots.placeholder,\n);\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        :class=\"[\n            'ev-select',\n            {\n                'is-single': !props.multiple,\n                'is-multiple': props.multiple,\n                'is-searchable': isSearchable,\n                'is-selecting': selectionIndex > -1,\n                'is-placeholder': isPlaceholder,\n            },\n        ]\"\n        :model-value=\"fieldValue\"\n        :readonly=\"!isSearchable || props.readonly\"\n        :placeholder=\"model.length ? undefined : props.placeholder\"\n        :validation-value=\"validationValue\"\n        @blur=\"onFieldBlur\"\n        @change=\"onFieldChange\"\n        @click:clear=\"onFieldClear\"\n        @input=\"onFieldInput\"\n        @keydown=\"onFieldKeydown\"\n        @mousedown:control=\"onFieldMousedown\"\n        @update:model-value=\"onModelValueUpdate\">\n        <template v-if=\"props.label || slots.label\" #label>\n            <slot name=\"label\">{{ props.label }}</slot>\n        </template>\n        <template v-if=\"slots.prefix\" #prefix>\n            <slot name=\"prefix\" />\n        </template>\n        <template #default>\n            <div\n                v-for=\"(item, index) in selections\"\n                :key=\"item.key\"\n                :class=\"[\n                    'ev-select--selected',\n                    {\n                        'is-selected': index === selectionIndex,\n                    },\n                ]\">\n                <slot name=\"selection\" v-bind=\"{ item, index }\">\n                    <ev-tag\n                        v-if=\"props.tags\"\n                        :closable=\"props.multiple\"\n                        v-bind=\"createTagProps(item)\"\n                        :text=\"item.title\" />\n                    <span v-else class=\"ev-select--selected-text\">\n                        {{ item.title }}\n                        <span\n                            v-if=\"props.multiple && index < selections.length - 1\"\n                            class=\"ev-select--selected-comma\">,</span>\n                    </span>\n                </slot>\n            </div>\n\n            <div v-if=\"isPlaceholder\" class=\"ev-select--placeholder\">\n                <slot name=\"placeholder\" />\n            </div>\n\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                class=\"ev-select--menu\"\n                max-height=\"310\"\n                :disabled=\"isMenuDisabled\"\n                activator=\"parent\"\n                :close-on-content-click=\"false\"\n                :open-on-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" scrollable>\n                    <div\n                        v-if=\"slots['list-prefix']\"\n                        class=\"ev-select--list-prefix\">\n                        <slot name=\"list-prefix\" />\n                    </div>\n\n                    <ev-list\n                        ref=\"evListRef\"\n                        class=\"ev-select--list\"\n                        :selected=\"selected\"\n                        :select-strategy=\"\n                            props.multiple ? 'multi-any' : 'single-any'\n                        \"\n                        tabindex=\"-1\"\n                        @focusin=\"onListFocusIn\"\n                        @focusout=\"onListFocusOut\"\n                        @keydown=\"onListKeydown\"\n                        @mousedown=\"onListMouseDown\"\n                        @scroll.passive=\"onListScroll\">\n                        <slot name=\"items-prefix\" />\n\n                        <slot\n                            v-if=\"!displayItems.length && !props.hideItemsEmpty\"\n                            name=\"items-empty\">\n                            <ev-list-item :title=\"t(props.itemsEmptyText)\" />\n                        </slot>\n\n                        <ev-virtual-scroll\n                            ref=\"evVirtualScrollRef\"\n                            renderless\n                            :items=\"displayItems\">\n                            <template #default=\"{ item, index, itemRef }\">\n                                <slot\n                                    name=\"item\"\n                                    v-bind=\"{\n                                        item,\n                                        index,\n                                        props: itemProps(item, index, itemRef),\n                                    }\">\n                                    <ev-list-item\n                                        :ref=\"itemRef\"\n                                        v-bind=\"item.props\"\n                                        :key=\"index\"\n                                        @click=\"\n                                            select(item as ListItem, null)\n                                        \" />\n                                </slot>\n                            </template>\n                        </ev-virtual-scroll>\n\n                        <slot name=\"items-suffix\" />\n                    </ev-list>\n\n                    <div\n                        v-if=\"slots['list-suffix']\"\n                        class=\"ev-select--list-suffix\">\n                        <slot name=\"list-suffix\" />\n                    </div>\n                </ev-surface>\n            </ev-menu>\n        </template>\n\n        <template v-if=\"slots.suffix\" #suffix>\n            <slot name=\"suffix\" />\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["EvTextfield","item"],"mappings":"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"}
+{"version":3,"file":"EvSelect.vue.mjs","sources":["../../../../src/components/EvSelect/EvSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvSelect\n *\n */\nimport \"./EvSelect.scss\";\nimport { makeEvSelectProps } from \"./EvSelect\";\nimport { useScrolling } from \"./useScrolling\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvList, ListItem } from \"@/components/EvList\";\nimport { EvListItem } from \"@/components/EvListItem\";\nimport { EvVirtualScroll } from \"@/components/EvVirtualScroll\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTag } from \"@/components/EvTag\";\nimport { transformItem, useItems } from \"@/composables/lists\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useForm } from \"@/composables/form\";\nimport {\n    computed,\n    mergeProps,\n    nextTick,\n    Ref,\n    ref,\n    shallowRef,\n    useSlots,\n    watch,\n} from \"vue\";\nimport {\n    Browser,\n    filterComponentProps,\n    isComposingIgnoreKey,\n    KeyLogger,\n    matchesSelector,\n    wrapInArray,\n} from \"@/util\";\nimport { FocusEvent, MouseEvent } from \"react\";\nimport { useFilter } from \"@/composables/filter\";\n\n// Props\nconst props = defineProps({\n    ...makeEvSelectProps(),\n});\n\ndefineSlots<{\n    label(): any;\n    \"list-prefix\"(): any;\n    \"list-suffix\"(): any;\n    item(props: { item: any; index: number; props: any }): any;\n    \"items-empty\"(): any;\n    \"items-prefix\"(): any;\n    \"items-suffix\"(): any;\n    placeholder(): any;\n    prefix(): any;\n    selection(item: any, index: number): any;\n    suffix(): any;\n}>();\n\nconst emit = defineEmits([\n    \"update:focused\",\n    \"update:menuOpen\",\n    \"update:modelValue\",\n    \"update:search\",\n]);\n\nconst slots = useSlots();\n\n// TextField\nconst evTextfieldRef = ref();\nconst evTextfieldProps = computed(() => {\n    return filterComponentProps(EvTextfield, props);\n});\nconst isFocused = shallowRef(false);\nconst isPristine = shallowRef(true);\nconst isSearchable = computed(() => props.behavior !== \"select\");\nconst listHasFocus = shallowRef(false);\nconst isSelecting = shallowRef(false);\n\n// Menu\nconst evMenuRef = ref<typeof EvMenu>();\nconst menuOpenProxy = useModelProxy(props, \"menuOpen\");\nconst isMenuOpen = computed({\n    get: () => menuOpenProxy.value,\n    set: (value) => {\n        if (menuOpenProxy.value && !value && evMenuRef.value?.openChildren) {\n            return;\n        }\n        menuOpenProxy.value = value;\n    },\n});\nconst isMenuDisabled = computed(() => {\n    return (props.hideItemsEmpty && !items.value.length) || !!props.readonly;\n});\n\n// List\nconst evListRef = ref<typeof EvList>();\nconst evVirtualScrollRef = ref<typeof EvVirtualScroll>();\nconst { items, transformIn, transformOut } = useItems(props);\nconst search = useModelProxy(props, \"search\", \"\");\n// @todo: implement getMatches\nconst { filteredItems } = useFilter(props, items, () =>\n    isPristine.value || !isSearchable.value ? \"\" : search.value,\n);\nconst displayItems = computed(() => {\n    if (props.hideSelected) {\n        return filteredItems.value.filter(\n            (filteredItem) =>\n                !model.value.some(\n                    (s: ListItem) => s.value === filteredItem.value,\n                ),\n        );\n    }\n    return filteredItems.value;\n});\n\nconst model = useModelProxy(\n    props,\n    \"modelValue\",\n    [],\n    (value) => transformIn(value === null ? [null] : wrapInArray(value)),\n    (value) => {\n        const transformed = transformOut(value);\n        return props.multiple ? transformed : transformed[0] ?? null;\n    },\n);\nconst selections = computed(() => {\n    return model.value.map((value: any) => {\n        return (\n            items.value.find((item) => {\n                return props.valueComparator(item.value, value.value);\n            }) || value\n        );\n    });\n});\nconst selectionIndex = shallowRef(-1);\nconst selected = computed(() => {\n    return selections.value.map((selection: any) => selection.props.value);\n});\nconst keyLogger = new KeyLogger();\n\nconst highlightFirst = computed(() => {\n    const selectFirst =\n        props.autoSelectFirst === true ||\n        (props.autoSelectFirst === \"exact\" &&\n            search.value === displayItems.value[0]?.title);\n    return (\n        selectFirst &&\n        displayItems.value.length > 0 &&\n        !isPristine.value &&\n        !listHasFocus.value\n    );\n});\n\nconst form = useForm();\nconst { t } = useLocaleFunctions();\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value) {\n        isPristine.value = true;\n        evTextfieldRef.value?.focus();\n    }\n}\n\n/**\n * ## On List Focus In\n * Maintain focus on the select when a menu item is selected.\n * @param e\n */\nfunction onListFocusIn(e: FocusEvent) {\n    setTimeout(() => {\n        isFocused.value = true;\n        listHasFocus.value = true;\n    });\n}\n\n/**\n * ## onListFocusOut\n *\n * @param e\n */\nfunction onListFocusOut(e: FocusEvent) {\n    listHasFocus.value = false;\n}\n\n/**\n * ## One List Mousedown\n * @param e\n */\nfunction onListMouseDown(e: MouseEvent) {\n    e.preventDefault();\n}\n\nconst { onListScroll, onListKeydown } = useScrolling(evListRef, evTextfieldRef);\n\n/**\n * ## On Field Blur\n * @param e\n */\nfunction onFieldBlur(e: FocusEvent) {\n    if (!evListRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n    }\n    selectionIndex.value = -1;\n}\n\n/**\n * ## onFieldChange\n * If the field changed due to an autofill utility attempt to select an item.\n * @param e\n */\nfunction onFieldChange(e: Event) {\n    if (\n        matchesSelector(evTextfieldRef.value, \":autofill\") ||\n        matchesSelector(evTextfieldRef.value, \":-webkit-autofill\")\n    ) {\n        const item = items.value.find(\n            (item) => item.title === (e.target as HTMLInputElement).value,\n        );\n        if (item) {\n            select(item);\n        }\n    }\n}\n\n/**\n * ## On Field Clear\n * When the user clicks on the `clearable` icon.\n * @param e\n */\nfunction onFieldClear(e: MouseEvent) {\n    if (props.openOnClear) {\n        isMenuOpen.value = true;\n    }\n    search.value = \"\";\n}\n\n/**\n * ## On Field Input\n * @param e\n */\nfunction onFieldInput(e: InputEvent) {\n    search.value = (e.target as HTMLInputElement).value;\n}\n\n/**\n * ## On Field Keydown\n * @param e\n */\nfunction onFieldKeydown(e: KeyboardEvent) {\n    if (\n        !e.key ||\n        isComposingIgnoreKey(e) ||\n        props.readonly ||\n        form?.isReadonly.value\n    ) {\n        return;\n    }\n\n    const preventKeys = [\"Enter\", \"ArrowDown\", \"ArrowUp\"];\n    const openerKeys = [\"Enter\", \"ArrowDown\"];\n    const escapeKeys = [\"Escape\"];\n    if (!isSearchable.value) {\n        preventKeys.push(\" \", \"Home\", \"End\");\n        openerKeys.push(\" \");\n        escapeKeys.push(\"Tab\");\n    }\n\n    if (selectionIndex.value > -1 || preventKeys.includes(e.key)) {\n        e.preventDefault();\n    }\n\n    if (openerKeys.includes(e.key)) {\n        isMenuOpen.value = true;\n    }\n\n    if (escapeKeys.includes(e.key)) {\n        isMenuOpen.value = false;\n    }\n\n    if (!isSearchable.value) {\n        // Use `keyLogger`\n        keydownBehaviorSelect(e);\n        return;\n    }\n\n    if ([\"Enter\", \"Tab\"].includes(e.key)) {\n        if (highlightFirst.value) {\n            select(displayItems.value[0]);\n        } else if (!props.multiple && props.behavior === \"combobox\") {\n            select(transformItem(props as any, search.value));\n        }\n    }\n\n    if (e.key === \"ArrowDown\" && highlightFirst.value) {\n        evListRef.value?.focus(\"next\");\n    }\n\n    if (!props.multiple) {\n        return;\n    }\n\n    const selectionStart = evTextfieldRef.value.selectionStart;\n    const length = model.value.length;\n\n    // Backspacing\n    if ([\"Backspace\", \"Delete\"].includes(e.key)) {\n        if (selectionIndex.value < 0) {\n            if (e.key === \"Backspace\" && !search.value) {\n                selectionIndex.value = length - 1;\n            }\n            return;\n        }\n        const originalSelectionIndex = selectionIndex.value;\n        const selectedItem = model.value[selectionIndex.value];\n        if (selectedItem && !selectedItem.props.disabled) {\n            select(selectedItem, false);\n        }\n        selectionIndex.value =\n            originalSelectionIndex >= length - 1\n                ? length - 2\n                : originalSelectionIndex;\n    }\n\n    // Left\n    if (e.key === \"ArrowLeft\") {\n        if (selectionIndex.value < 0 && selectionStart > 0) {\n            return;\n        }\n        const previous =\n            selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;\n        if (model.value[previous]) {\n            selectionIndex.value = previous;\n        } else {\n            selectionIndex.value = -1;\n            evTextfieldRef.value?.input.setSelectionRange(\n                search.value?.length,\n                search.value?.length,\n            );\n        }\n    }\n\n    // Right\n    if (e.key === \"ArrowRight\") {\n        if (selectionIndex.value < 0) {\n            return;\n        }\n        const next = selectionIndex.value + 1;\n        if (model.value[next]) {\n            selectionIndex.value = next;\n        } else {\n            selectionIndex.value = -1;\n            evTextfieldRef.value?.input.setSelectionRange(0, 0);\n        }\n    }\n\n    if (props.behavior !== \"combobox\") {\n        return;\n    }\n\n    // Enter or delimiters\n    if (\n        (props.delimiters.includes(e.key) || e.key === \"Enter\") &&\n        search.value\n    ) {\n        e.preventDefault();\n        select(transformItem(props as any, search.value));\n        search.value = \"\";\n    }\n}\n\n/**\n * ## keydownBehaviorSelect\n * Handles keydown events for the select control when the input field\n * cannot be entered. Instead, we use `keyLogger` to track key events\n * and then select the first available item in the list.\n * @param e\n */\nfunction keydownBehaviorSelect(e: KeyboardEvent) {\n    if (e.key === \"Home\") {\n        evListRef.value?.focus(\"first\");\n    } else if (e.key === \"End\") {\n        evListRef.value?.focus(\"last\");\n    }\n\n    if (props.multiple || !keyLogger.log(e)) {\n        return;\n    }\n\n    const itemIndex = items.value.findIndex((item) =>\n        item.title.toLowerCase().startsWith(keyLogger.value),\n    );\n    if (itemIndex >= 0) {\n        model.value = [items.value[itemIndex]];\n        if (isMenuOpen.value) {\n            const scrollIndex = itemIndex > 0 ? itemIndex - 1 : 0;\n            evVirtualScrollRef.value?.scrollToIndex(scrollIndex);\n        }\n    }\n}\n\n/**\n * On Field Mousedown\n */\nfunction onFieldMousedown() {\n    if (isMenuDisabled.value) {\n        return;\n    }\n    isMenuOpen.value = !isMenuOpen.value;\n}\n\n/**\n * ## Select\n * @param item\n * @param set `null` means toggle\n */\nfunction select(item: ListItem, set: boolean | null = true) {\n    if (item.props.disabled) {\n        return;\n    }\n\n    if (props.multiple) {\n        const index = model.value.findIndex((selection: any) => {\n            return props.valueComparator(selection.value, item.value);\n        });\n        const add = set == null ? !~index : set;\n\n        if (~index) {\n            const value = add ? [...model.value, item] : [...model.value];\n            value.splice(index, 1);\n            model.value = value;\n        } else if (add) {\n            model.value = [...model.value, item];\n        }\n        search.value = \"\";\n    } else {\n        const add = set !== false;\n        model.value = add ? [item] : [];\n        search.value = item.title;\n\n        nextTick(() => {\n            isMenuOpen.value = false;\n            isPristine.value = true;\n            isSelecting.value = false;\n            evTextfieldRef.value.input.blur();\n            isFocused.value = false;\n        });\n    }\n\n    selectionIndex.value = -1;\n}\n\n/**\n *\n */\nconst fieldValue = computed(() => {\n    if (isSearchable.value) {\n        return search.value;\n    }\n    return model.value.map((value: any) => value.props.value).join(\", \");\n});\n\n/**\n * ## onModelValueUpdate\n * When the model value is updated from the textfield.\n * @param value\n */\nfunction onModelValueUpdate(value: any) {\n    if (value === null || (value === \"\" && !props.multiple)) {\n        model.value = [];\n    }\n}\n\n/**\n * @param item\n * @param index\n * @param itemRef\n */\nfunction itemProps(\n    item: ListItem,\n    index: number,\n    itemRef: Ref<HTMLElement | undefined>,\n) {\n    return mergeProps(item.props, {\n        ref: itemRef,\n        key: index,\n        onClick: () => select(item),\n    });\n}\n\n/**\n * ## createTagProps\n * @param item\n */\nfunction createTagProps(item: ListItem) {\n    return {\n        \"onClick:close\"(e: Event) {\n            e.stopPropagation();\n            e.preventDefault();\n            select(item, false);\n        },\n        onKeydown(e: KeyboardEvent) {\n            if (e.key !== \"Enter\" && e.key !== \" \") {\n                return;\n            }\n            e.preventDefault();\n            e.stopPropagation();\n            select(item, false);\n        },\n        onMousedown(e: MouseEvent) {\n            e.preventDefault();\n            e.stopPropagation();\n        },\n    };\n}\n\n/**\n * Watch Search\n */\nwatch(search, (value, oldValue) => {\n    if (!isFocused.value || isSelecting.value) {\n        return;\n    }\n    if (value) {\n        isMenuOpen.value = true;\n    }\n    isPristine.value = !value;\n});\n\n/**\n * Watch Focused\n */\nwatch(isFocused, (value, oldValue) => {\n    if (value === oldValue) {\n        return;\n    }\n    emit(\"update:focused\", value);\n});\n\n/**\n * Scroll to the last selected item when the menu opens.\n */\nwatch(isMenuOpen, () => {\n    if (\n        props.hideSelected ||\n        !isMenuOpen.value ||\n        !model.value.length ||\n        !Browser.hasWindow\n    ) {\n        return;\n    }\n    const lastSelectedItem = model.value[model.value.length - 1];\n    const index = displayItems.value.findIndex(\n        (item) => item.value === lastSelectedItem.value,\n    );\n    window.requestAnimationFrame(() => {\n        index >= 0 && evVirtualScrollRef.value?.scrollToIndex(index);\n    });\n});\n\nconst validationValue = computed(() => model.externalValue);\nconst isPlaceholder = computed(\n    () => !selections.value.length && !!slots.placeholder,\n);\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        :class=\"[\n            'ev-select',\n            {\n                'is-single': !props.multiple,\n                'is-multiple': props.multiple,\n                'is-searchable': isSearchable,\n                'is-selecting': selectionIndex > -1,\n                'is-placeholder': isPlaceholder,\n            },\n        ]\"\n        :model-value=\"fieldValue\"\n        :readonly=\"!isSearchable || props.readonly\"\n        :placeholder=\"model.length ? undefined : props.placeholder\"\n        :validation-value=\"validationValue\"\n        @blur=\"onFieldBlur\"\n        @change=\"onFieldChange\"\n        @click:clear=\"onFieldClear\"\n        @input=\"onFieldInput\"\n        @keydown=\"onFieldKeydown\"\n        @mousedown:control=\"onFieldMousedown\"\n        @update:model-value=\"onModelValueUpdate\">\n        <template v-if=\"props.label || slots.label\" #label>\n            <slot name=\"label\">{{ props.label }}</slot>\n        </template>\n        <template v-if=\"slots.prefix\" #prefix>\n            <slot name=\"prefix\" />\n        </template>\n        <template #default>\n            <div\n                v-for=\"(item, index) in selections\"\n                :key=\"item.key\"\n                :class=\"[\n                    'ev-select--selected',\n                    {\n                        'is-selected': index === selectionIndex,\n                    },\n                ]\">\n                <slot name=\"selection\" v-bind=\"{ item, index }\">\n                    <ev-tag\n                        v-if=\"props.tags\"\n                        :closable=\"props.multiple\"\n                        v-bind=\"createTagProps(item)\"\n                        :text=\"item.title\" />\n                    <span v-else class=\"ev-select--selected-text\">\n                        {{ item.title }}\n                        <span\n                            v-if=\"props.multiple && index < selections.length - 1\"\n                            class=\"ev-select--selected-comma\">,</span>\n                    </span>\n                </slot>\n            </div>\n\n            <div v-if=\"isPlaceholder\" class=\"ev-select--placeholder\">\n                <slot name=\"placeholder\" />\n            </div>\n\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                class=\"ev-select--menu\"\n                max-height=\"310\"\n                :disabled=\"isMenuDisabled\"\n                activator=\"parent\"\n                :close-on-content-click=\"false\"\n                :open-on-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" scrollable>\n                    <div\n                        v-if=\"slots['list-prefix']\"\n                        class=\"ev-select--list-prefix\">\n                        <slot name=\"list-prefix\" />\n                    </div>\n\n                    <ev-list\n                        ref=\"evListRef\"\n                        class=\"ev-select--list\"\n                        :selected=\"selected\"\n                        :select-strategy=\"\n                            props.multiple ? 'multi-any' : 'single-any'\n                        \"\n                        tabindex=\"-1\"\n                        @focusin=\"onListFocusIn\"\n                        @focusout=\"onListFocusOut\"\n                        @keydown=\"onListKeydown\"\n                        @mousedown=\"onListMouseDown\"\n                        @scroll.passive=\"onListScroll\">\n                        <slot name=\"items-prefix\" />\n\n                        <slot\n                            v-if=\"!displayItems.length && !props.hideItemsEmpty\"\n                            name=\"items-empty\">\n                            <ev-list-item :title=\"t(props.itemsEmptyText)\" />\n                        </slot>\n\n                        <ev-virtual-scroll\n                            ref=\"evVirtualScrollRef\"\n                            renderless\n                            :items=\"displayItems\">\n                            <template #default=\"{ item, index, itemRef }\">\n                                <slot\n                                    name=\"item\"\n                                    v-bind=\"{\n                                        item,\n                                        index,\n                                        props: itemProps(item, index, itemRef),\n                                    }\">\n                                    <ev-list-item\n                                        :ref=\"itemRef\"\n                                        v-bind=\"item.props\"\n                                        :key=\"index\"\n                                        @click=\"\n                                            select(item as ListItem, null)\n                                        \" />\n                                </slot>\n                            </template>\n                        </ev-virtual-scroll>\n\n                        <slot name=\"items-suffix\" />\n                    </ev-list>\n\n                    <div\n                        v-if=\"slots['list-suffix']\"\n                        class=\"ev-select--list-suffix\">\n                        <slot name=\"list-suffix\" />\n                    </div>\n                </ev-surface>\n            </ev-menu>\n        </template>\n\n        <template v-if=\"slots.suffix\" #suffix>\n            <slot name=\"suffix\" />\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["slots","useSlots","evTextfieldRef","ref","evTextfieldProps","computed","filterComponentProps","EvTextfield","props","isFocused","shallowRef","isPristine","isSearchable","listHasFocus","isSelecting","evMenuRef","menuOpenProxy","useModelProxy","isMenuOpen","value","_a","isMenuDisabled","items","evListRef","evVirtualScrollRef","transformIn","transformOut","useItems","search","filteredItems","useFilter","displayItems","filteredItem","model","s","wrapInArray","transformed","selections","item","selectionIndex","selected","selection","keyLogger","KeyLogger","highlightFirst","form","useForm","t","useLocaleFunctions","onMenuAfterLeave","onListFocusIn","e","onListFocusOut","onListMouseDown","onListScroll","onListKeydown","useScrolling","onFieldBlur","onFieldChange","matchesSelector","select","onFieldClear","onFieldInput","onFieldKeydown","isComposingIgnoreKey","preventKeys","openerKeys","escapeKeys","keydownBehaviorSelect","transformItem","selectionStart","length","originalSelectionIndex","selectedItem","previous","_d","_b","_c","next","_e","itemIndex","scrollIndex","onFieldMousedown","set","index","add","nextTick","fieldValue","onModelValueUpdate","itemProps","itemRef","mergeProps","createTagProps","watch","oldValue","emit","Browser","lastSelectedItem","validationValue","isPlaceholder"],"mappings":"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"}

package/dist/esm/components/EvSelect/EvSelect.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvSelect.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSelect.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSelect.vue2.mjs.map

package/dist/esm/components/EvSelect/EvSelect.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSelect.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvSelect.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvSelect/useScrolling.mjs

@@ -1,79 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { shallowRef, watch } from "vue";
-function useScrolling(listRef, textFieldRef) {
-  const isScrolling = shallowRef(false);
-  let scrollTimeout;
-  function onListScroll(e) {
-    cancelAnimationFrame(scrollTimeout);
-    isScrolling.value = true;
-    scrollTimeout = requestAnimationFrame(() => {
-      scrollTimeout = requestAnimationFrame(() => {
-        isScrolling.value = false;
-      });
-    });
-  }
-  async function finishScrolling() {
-    await new Promise((resolve) => requestAnimationFrame(resolve));
-    await new Promise((resolve) => requestAnimationFrame(resolve));
-    await new Promise((resolve) => requestAnimationFrame(resolve));
-    await new Promise((resolve) => {
-      if (isScrolling.value) {
-        const stop = watch(isScrolling, () => {
-          stop();
-          resolve();
-        });
-      } else {
-        resolve();
-      }
-    });
-  }
-  async function onListKeydown(e) {
-    var _a, _b;
-    if (e.key === "Tab") {
-      (_a = textFieldRef.value) == null ? void 0 : _a.focus();
-      return;
-    }
-    if (!["PageDown", "PageUp", "Home", "End"].includes(e.key)) {
-      return;
-    }
-    const el = (_b = listRef.value) == null ? void 0 : _b.$el;
-    if (!el) {
-      return;
-    }
-    if (e.key === "Home" || e.key === "End") {
-      el.scrollTo({
-        top: e.key === "Home" ? 0 : el.scrollHeight,
-        behavior: "smooth"
-      });
-    }
-    await finishScrolling();
-    const children = el.querySelectorAll(
-      ":scope > :not(.ev-virtual-scroll--spacer)"
-    );
-    if (e.key === "PageDown" || e.key === "Home") {
-      const top = el.getBoundingClientRect().top;
-      for (const child of children) {
-        if (child.getBoundingClientRect().top >= top) {
-          child.focus();
-          break;
-        }
-      }
-    } else {
-      const bottom = el.getBoundingClientRect().bottom;
-      for (const child of [...children].reverse()) {
-        if (child.getBoundingClientRect().bottom <= bottom) {
-          child.focus();
-          break;
-        }
-      }
-    }
-  }
-  return {
-    onListScroll,
-    onListKeydown
-  };
-}
-export {
-  useScrolling
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue");function d(u,m){const n=c.shallowRef(!1);let i;function f(e){cancelAnimationFrame(i),n.value=!0,i=requestAnimationFrame(()=>{i=requestAnimationFrame(()=>{n.value=!1})})}async function g(){await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>requestAnimationFrame(e)),await new Promise(e=>{if(n.value){const o=c.watch(n,()=>{o(),e()})}else e()})}async function w(e){var s,a;if(e.key==="Tab"){(s=m.value)==null||s.focus();return}if(!["PageDown","PageUp","Home","End"].includes(e.key))return;const o=(a=u.value)==null?void 0:a.$el;if(!o)return;(e.key==="Home"||e.key==="End")&&o.scrollTo({top:e.key==="Home"?0:o.scrollHeight,behavior:"smooth"}),await g();const l=o.querySelectorAll(":scope > :not(.ev-virtual-scroll--spacer)");if(e.key==="PageDown"||e.key==="Home"){const r=o.getBoundingClientRect().top;for(const t of l)if(t.getBoundingClientRect().top>=r){t.focus();break}}else{const r=o.getBoundingClientRect().bottom;for(const t of[...l].reverse())if(t.getBoundingClientRect().bottom<=r){t.focus();break}}}return{onListScroll:f,onListKeydown:w}}exports.useScrolling=d;
 //# sourceMappingURL=useScrolling.mjs.map

package/dist/esm/components/EvSelect/useScrolling.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrolling.mjs","sources":["../../../../src/components/EvSelect/useScrolling.ts"],"sourcesContent":["// Utilities\nimport { shallowRef, watch } from \"vue\";\n\n// Types\nimport type { Ref } from \"vue\";\nimport { EvList } from \"../EvList\";\nimport { EvTextfield } from \"../EvTextfield\";\n\n/**\n * # Use Scrolling\n *\n * @param listRef\n * @param textFieldRef\n */\nexport function useScrolling(\n    listRef: Ref<typeof EvList | undefined>,\n    textFieldRef: Ref<typeof EvTextfield | undefined>,\n) {\n    const isScrolling = shallowRef(false);\n    let scrollTimeout: number;\n\n    function onListScroll(e: Event) {\n        cancelAnimationFrame(scrollTimeout);\n        isScrolling.value = true;\n        scrollTimeout = requestAnimationFrame(() => {\n            scrollTimeout = requestAnimationFrame(() => {\n                isScrolling.value = false;\n            });\n        });\n    }\n\n    async function finishScrolling() {\n        await new Promise((resolve) => requestAnimationFrame(resolve));\n        await new Promise((resolve) => requestAnimationFrame(resolve));\n        await new Promise((resolve) => requestAnimationFrame(resolve));\n        await new Promise<void>((resolve) => {\n            if (isScrolling.value) {\n                const stop = watch(isScrolling, () => {\n                    stop();\n                    resolve();\n                });\n            } else {\n                resolve();\n            }\n        });\n    }\n\n    async function onListKeydown(e: KeyboardEvent) {\n        if (e.key === \"Tab\") {\n            textFieldRef.value?.focus();\n            return;\n        }\n\n        if (![\"PageDown\", \"PageUp\", \"Home\", \"End\"].includes(e.key)) {\n            return;\n        }\n        const el: HTMLElement = listRef.value?.$el;\n        if (!el) {\n            return;\n        }\n\n        if (e.key === \"Home\" || e.key === \"End\") {\n            el.scrollTo({\n                top: e.key === \"Home\" ? 0 : el.scrollHeight,\n                behavior: \"smooth\",\n            });\n        }\n\n        await finishScrolling();\n\n        const children = el.querySelectorAll(\n            \":scope > :not(.ev-virtual-scroll--spacer)\",\n        );\n\n        if (e.key === \"PageDown\" || e.key === \"Home\") {\n            const top = el.getBoundingClientRect().top;\n            for (const child of children) {\n                if (child.getBoundingClientRect().top >= top) {\n                    (child as HTMLElement).focus();\n                    break;\n                }\n            }\n        } else {\n            const bottom = el.getBoundingClientRect().bottom;\n            for (const child of [...children].reverse()) {\n                if (child.getBoundingClientRect().bottom <= bottom) {\n                    (child as HTMLElement).focus();\n                    break;\n                }\n            }\n        }\n    }\n\n    return {\n        onListScroll,\n        onListKeydown,\n    };\n}\n"],"names":[],"mappings":";;AAcgB,SAAA,aACZ,SACA,cACF;AACQ,QAAA,cAAc,WAAW,KAAK;AAChC,MAAA;AAEJ,WAAS,aAAa,GAAU;AAC5B,yBAAqB,aAAa;AAClC,gBAAY,QAAQ;AACpB,oBAAgB,sBAAsB,MAAM;AACxC,sBAAgB,sBAAsB,MAAM;AACxC,oBAAY,QAAQ;AAAA,MAAA,CACvB;AAAA,IAAA,CACJ;AAAA,EAAA;AAGL,iBAAe,kBAAkB;AAC7B,UAAM,IAAI,QAAQ,CAAC,YAAY,sBAAsB,OAAO,CAAC;AAC7D,UAAM,IAAI,QAAQ,CAAC,YAAY,sBAAsB,OAAO,CAAC;AAC7D,UAAM,IAAI,QAAQ,CAAC,YAAY,sBAAsB,OAAO,CAAC;AACvD,UAAA,IAAI,QAAc,CAAC,YAAY;AACjC,UAAI,YAAY,OAAO;AACb,cAAA,OAAO,MAAM,aAAa,MAAM;AAC7B,eAAA;AACG,kBAAA;AAAA,QAAA,CACX;AAAA,MAAA,OACE;AACK,gBAAA;AAAA,MAAA;AAAA,IACZ,CACH;AAAA,EAAA;AAGL,iBAAe,cAAc,GAAkB;;AACvC,QAAA,EAAE,QAAQ,OAAO;AACjB,yBAAa,UAAb,mBAAoB;AACpB;AAAA,IAAA;AAGA,QAAA,CAAC,CAAC,YAAY,UAAU,QAAQ,KAAK,EAAE,SAAS,EAAE,GAAG,GAAG;AACxD;AAAA,IAAA;AAEE,UAAA,MAAkB,aAAQ,UAAR,mBAAe;AACvC,QAAI,CAAC,IAAI;AACL;AAAA,IAAA;AAGJ,QAAI,EAAE,QAAQ,UAAU,EAAE,QAAQ,OAAO;AACrC,SAAG,SAAS;AAAA,QACR,KAAK,EAAE,QAAQ,SAAS,IAAI,GAAG;AAAA,QAC/B,UAAU;AAAA,MAAA,CACb;AAAA,IAAA;AAGL,UAAM,gBAAgB;AAEtB,UAAM,WAAW,GAAG;AAAA,MAChB;AAAA,IACJ;AAEA,QAAI,EAAE,QAAQ,cAAc,EAAE,QAAQ,QAAQ;AACpC,YAAA,MAAM,GAAG,sBAAA,EAAwB;AACvC,iBAAW,SAAS,UAAU;AAC1B,YAAI,MAAM,wBAAwB,OAAO,KAAK;AACzC,gBAAsB,MAAM;AAC7B;AAAA,QAAA;AAAA,MACJ;AAAA,IACJ,OACG;AACG,YAAA,SAAS,GAAG,sBAAA,EAAwB;AAC1C,iBAAW,SAAS,CAAC,GAAG,QAAQ,EAAE,WAAW;AACzC,YAAI,MAAM,wBAAwB,UAAU,QAAQ;AAC/C,gBAAsB,MAAM;AAC7B;AAAA,QAAA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAGG,SAAA;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useScrolling.mjs","sources":["../../../../src/components/EvSelect/useScrolling.ts"],"sourcesContent":["// Utilities\nimport { shallowRef, watch } from \"vue\";\n\n// Types\nimport type { Ref } from \"vue\";\nimport { EvList } from \"../EvList\";\nimport { EvTextfield } from \"../EvTextfield\";\n\n/**\n * # Use Scrolling\n *\n * @param listRef\n * @param textFieldRef\n */\nexport function useScrolling(\n    listRef: Ref<typeof EvList | undefined>,\n    textFieldRef: Ref<typeof EvTextfield | undefined>,\n) {\n    const isScrolling = shallowRef(false);\n    let scrollTimeout: number;\n\n    function onListScroll(e: Event) {\n        cancelAnimationFrame(scrollTimeout);\n        isScrolling.value = true;\n        scrollTimeout = requestAnimationFrame(() => {\n            scrollTimeout = requestAnimationFrame(() => {\n                isScrolling.value = false;\n            });\n        });\n    }\n\n    async function finishScrolling() {\n        await new Promise((resolve) => requestAnimationFrame(resolve));\n        await new Promise((resolve) => requestAnimationFrame(resolve));\n        await new Promise((resolve) => requestAnimationFrame(resolve));\n        await new Promise<void>((resolve) => {\n            if (isScrolling.value) {\n                const stop = watch(isScrolling, () => {\n                    stop();\n                    resolve();\n                });\n            } else {\n                resolve();\n            }\n        });\n    }\n\n    async function onListKeydown(e: KeyboardEvent) {\n        if (e.key === \"Tab\") {\n            textFieldRef.value?.focus();\n            return;\n        }\n\n        if (![\"PageDown\", \"PageUp\", \"Home\", \"End\"].includes(e.key)) {\n            return;\n        }\n        const el: HTMLElement = listRef.value?.$el;\n        if (!el) {\n            return;\n        }\n\n        if (e.key === \"Home\" || e.key === \"End\") {\n            el.scrollTo({\n                top: e.key === \"Home\" ? 0 : el.scrollHeight,\n                behavior: \"smooth\",\n            });\n        }\n\n        await finishScrolling();\n\n        const children = el.querySelectorAll(\n            \":scope > :not(.ev-virtual-scroll--spacer)\",\n        );\n\n        if (e.key === \"PageDown\" || e.key === \"Home\") {\n            const top = el.getBoundingClientRect().top;\n            for (const child of children) {\n                if (child.getBoundingClientRect().top >= top) {\n                    (child as HTMLElement).focus();\n                    break;\n                }\n            }\n        } else {\n            const bottom = el.getBoundingClientRect().bottom;\n            for (const child of [...children].reverse()) {\n                if (child.getBoundingClientRect().bottom <= bottom) {\n                    (child as HTMLElement).focus();\n                    break;\n                }\n            }\n        }\n    }\n\n    return {\n        onListScroll,\n        onListKeydown,\n    };\n}\n"],"names":["useScrolling","listRef","textFieldRef","isScrolling","shallowRef","scrollTimeout","onListScroll","finishScrolling","resolve","stop","watch","onListKeydown","_a","el","_b","children","top","child","bottom"],"mappings":"6IAcgB,SAAAA,EACZC,EACAC,EACF,CACQ,MAAAC,EAAcC,aAAW,EAAK,EAChC,IAAAC,EAEJ,SAASC,EAAa,EAAU,CAC5B,qBAAqBD,CAAa,EAClCF,EAAY,MAAQ,GACpBE,EAAgB,sBAAsB,IAAM,CACxCA,EAAgB,sBAAsB,IAAM,CACxCF,EAAY,MAAQ,EAAA,CACvB,CAAA,CACJ,CAAA,CAGL,eAAeI,GAAkB,CAC7B,MAAM,IAAI,QAASC,GAAY,sBAAsBA,CAAO,CAAC,EAC7D,MAAM,IAAI,QAASA,GAAY,sBAAsBA,CAAO,CAAC,EAC7D,MAAM,IAAI,QAASA,GAAY,sBAAsBA,CAAO,CAAC,EACvD,MAAA,IAAI,QAAeA,GAAY,CACjC,GAAIL,EAAY,MAAO,CACb,MAAAM,EAAOC,QAAMP,EAAa,IAAM,CAC7BM,EAAA,EACGD,EAAA,CAAA,CACX,CAAA,MAEOA,EAAA,CACZ,CACH,CAAA,CAGL,eAAeG,EAAc,EAAkB,SACvC,GAAA,EAAE,MAAQ,MAAO,EACjBC,EAAAV,EAAa,QAAb,MAAAU,EAAoB,QACpB,MAAA,CAGA,GAAA,CAAC,CAAC,WAAY,SAAU,OAAQ,KAAK,EAAE,SAAS,EAAE,GAAG,EACrD,OAEE,MAAAC,GAAkBC,EAAAb,EAAQ,QAAR,YAAAa,EAAe,IACvC,GAAI,CAACD,EACD,QAGA,EAAE,MAAQ,QAAU,EAAE,MAAQ,QAC9BA,EAAG,SAAS,CACR,IAAK,EAAE,MAAQ,OAAS,EAAIA,EAAG,aAC/B,SAAU,QAAA,CACb,EAGL,MAAMN,EAAgB,EAEtB,MAAMQ,EAAWF,EAAG,iBAChB,2CACJ,EAEA,GAAI,EAAE,MAAQ,YAAc,EAAE,MAAQ,OAAQ,CACpC,MAAAG,EAAMH,EAAG,sBAAA,EAAwB,IACvC,UAAWI,KAASF,EAChB,GAAIE,EAAM,wBAAwB,KAAOD,EAAK,CACzCC,EAAsB,MAAM,EAC7B,KAAA,CAER,KACG,CACG,MAAAC,EAASL,EAAG,sBAAA,EAAwB,OAC1C,UAAWI,IAAS,CAAC,GAAGF,CAAQ,EAAE,UAC9B,GAAIE,EAAM,wBAAwB,QAAUC,EAAQ,CAC/CD,EAAsB,MAAM,EAC7B,KAAA,CAER,CACJ,CAGG,MAAA,CACH,aAAAX,EACA,cAAAK,CACJ,CACJ"}

package/dist/esm/components/EvSkeleton/EvSkeleton.mjs

@@ -1,117 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeRoundedProps } from "../../composables/rounded.mjs";
-import { makeAspectRatioProps } from "../../composables/aspectRatio.mjs";
-import { makeComponentProps } from "../../composables/component.mjs";
-import { makeDimensionsProps } from "../../composables/dimensions.mjs";
-import { propsFactory } from "../../util/props.mjs";
-const skeletonPresets = {
-  avatar: {
-    defaults: {
-      rounded: "circle",
-      aspectRatio: 1,
-      inline: true,
-      width: 42
-    },
-    "x-small": { width: 30 },
-    small: { width: 36 },
-    large: { width: 48 },
-    "x-large": { width: 54 },
-    "xx-large": { width: 54 }
-  },
-  button: {
-    defaults: {
-      rounded: "small",
-      height: 42,
-      width: 104,
-      inline: true
-    },
-    "x-small": { height: 32, width: 84 },
-    small: { height: 36, width: 92 },
-    large: { height: 48, width: 116 },
-    "x-large": { height: 56, width: 132 },
-    "xx-large": { height: 56, width: 132 }
-  },
-  heading: {
-    defaults: {
-      rounded: "small",
-      height: "var(--heading-size-4)"
-    },
-    "x-small": { height: "var(--heading-size-6)" },
-    small: { height: "var(--heading-size-5)" },
-    large: { height: "var(--heading-size-3)" },
-    "x-large": { height: "var(--heading-size-2)" },
-    "xx-large": { height: "var(--heading-size-1)" }
-  },
-  image: {
-    defaults: {
-      rounded: false,
-      aspectRatio: "16:9"
-    }
-  },
-  text: {
-    defaults: {
-      rounded: "small",
-      height: "var(--text-size-medium)"
-    },
-    "x-small": { height: "var(--text-size-small)" },
-    small: { height: "var(--text-size-small)" },
-    large: { height: "var(--text-size-large)" },
-    "x-large": { height: "var(--text-size-subtitle)" },
-    "xx-large": { height: "var(--text-size-subtitle)" }
-  },
-  thumbnail: {
-    defaults: {
-      inline: true,
-      aspectRatio: 1
-    },
-    "xx-small": {
-      height: 24,
-      rounded: "x-small"
-    },
-    "x-small": {
-      height: 36,
-      rounded: "x-small"
-    },
-    small: {
-      height: 48,
-      rounded: "small"
-    },
-    medium: {
-      height: 64,
-      rounded: "small"
-    },
-    large: {
-      height: 96,
-      rounded: "medium"
-    },
-    "x-large": {
-      height: 128,
-      rounded: "large"
-    },
-    "xx-large": {
-      height: 256,
-      rounded: "large"
-    }
-  }
-};
-const makeEvSkeletonProps = propsFactory(
-  {
-    inline: {
-      type: Boolean,
-      required: false,
-      default: void 0
-    },
-    size: String,
-    type: String,
-    ...makeAspectRatioProps(),
-    ...makeDimensionsProps(),
-    ...makeRoundedProps(),
-    ...makeComponentProps()
-  },
-  "EvSkeleton"
-);
-export {
-  makeEvSkeletonProps,
-  skeletonPresets
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/rounded.mjs"),t=require("../../composables/aspectRatio.mjs"),i=require("../../composables/component.mjs"),a=require("../../composables/dimensions.mjs"),l=require("../../util/props.mjs"),r={avatar:{defaults:{rounded:"circle",aspectRatio:1,inline:!0,width:42},"x-small":{width:30},small:{width:36},large:{width:48},"x-large":{width:54},"xx-large":{width:54}},button:{defaults:{rounded:"small",height:42,width:104,inline:!0},"x-small":{height:32,width:84},small:{height:36,width:92},large:{height:48,width:116},"x-large":{height:56,width:132},"xx-large":{height:56,width:132}},heading:{defaults:{rounded:"small",height:"var(--heading-size-4)"},"x-small":{height:"var(--heading-size-6)"},small:{height:"var(--heading-size-5)"},large:{height:"var(--heading-size-3)"},"x-large":{height:"var(--heading-size-2)"},"xx-large":{height:"var(--heading-size-1)"}},image:{defaults:{rounded:!1,aspectRatio:"16:9"}},text:{defaults:{rounded:"small",height:"var(--text-size-medium)"},"x-small":{height:"var(--text-size-small)"},small:{height:"var(--text-size-small)"},large:{height:"var(--text-size-large)"},"x-large":{height:"var(--text-size-subtitle)"},"xx-large":{height:"var(--text-size-subtitle)"}},thumbnail:{defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}}},s=l.propsFactory({inline:{type:Boolean,required:!1,default:void 0},size:String,type:String,...t.makeAspectRatioProps(),...a.makeDimensionsProps(),...e.makeRoundedProps(),...i.makeComponentProps()},"EvSkeleton");exports.makeEvSkeletonProps=s;exports.skeletonPresets=r;
 //# sourceMappingURL=EvSkeleton.mjs.map

package/dist/esm/components/EvSkeleton/EvSkeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSkeleton.mjs","sources":["../../../../src/components/EvSkeleton/EvSkeleton.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport {\n    ComponentProps,\n    DimensionsProps,\n    makeComponentProps,\n    makeDimensionsProps,\n} from \"@/composables\";\nimport { makeRoundedProps, RoundedProps } from \"@/composables/rounded\";\nimport {\n    AspectRatioProps,\n    makeAspectRatioProps,\n} from \"@/composables/aspectRatio\";\nimport { PropType } from \"vue\";\n\nexport interface EvSkeletonProps\n    extends AspectRatioProps,\n        DimensionsProps,\n        RoundedProps,\n        ComponentProps {\n    inline?: boolean;\n    type?: SkeletonType;\n    size?: SkeletonSize;\n}\n\nexport type SkeletonType = HintedString<\"avatar\" | \"heading\" | \"text\">;\n\nexport type SkeletonSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const skeletonPresets = {\n    avatar: {\n        defaults: {\n            rounded: \"circle\",\n            aspectRatio: 1,\n            inline: true,\n            width: 42,\n        },\n        \"x-small\": { width: 30 },\n        small: { width: 36 },\n        large: { width: 48 },\n        \"x-large\": { width: 54 },\n        \"xx-large\": { width: 54 },\n    },\n    button: {\n        defaults: {\n            rounded: \"small\",\n            height: 42,\n            width: 104,\n            inline: true,\n        },\n        \"x-small\": { height: 32, width: 84 },\n        small: { height: 36, width: 92 },\n        large: { height: 48, width: 116 },\n        \"x-large\": { height: 56, width: 132 },\n        \"xx-large\": { height: 56, width: 132 },\n    },\n    heading: {\n        defaults: {\n            rounded: \"small\",\n            height: \"var(--heading-size-4)\",\n        },\n        \"x-small\": { height: \"var(--heading-size-6)\" },\n        small: { height: \"var(--heading-size-5)\" },\n        large: { height: \"var(--heading-size-3)\" },\n        \"x-large\": { height: \"var(--heading-size-2)\" },\n        \"xx-large\": { height: \"var(--heading-size-1)\" },\n    },\n    image: {\n        defaults: {\n            rounded: false,\n            aspectRatio: \"16:9\",\n        },\n    },\n    text: {\n        defaults: {\n            rounded: \"small\",\n            height: \"var(--text-size-medium)\",\n        },\n        \"x-small\": { height: \"var(--text-size-small)\" },\n        small: { height: \"var(--text-size-small)\" },\n        large: { height: \"var(--text-size-large)\" },\n        \"x-large\": { height: \"var(--text-size-subtitle)\" },\n        \"xx-large\": { height: \"var(--text-size-subtitle)\" },\n    },\n    thumbnail: {\n        defaults: {\n            inline: true,\n            aspectRatio: 1,\n        },\n        \"xx-small\": {\n            height: 24,\n            rounded: \"x-small\",\n        },\n        \"x-small\": {\n            height: 36,\n            rounded: \"x-small\",\n        },\n        small: {\n            height: 48,\n            rounded: \"small\",\n        },\n        medium: {\n            height: 64,\n            rounded: \"small\",\n        },\n        large: {\n            height: 96,\n            rounded: \"medium\",\n        },\n        \"x-large\": {\n            height: 128,\n            rounded: \"large\",\n        },\n        \"xx-large\": {\n            height: 256,\n            rounded: \"large\",\n        },\n    },\n};\n\nexport const makeEvSkeletonProps = propsFactory(\n    {\n        inline: {\n            type: Boolean,\n            required: false,\n            default: undefined,\n        },\n        size: String as PropType<SkeletonSize>,\n        type: String as PropType<SkeletonType>,\n\n        ...makeAspectRatioProps(),\n        ...makeDimensionsProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvSkeleton\",\n);\n"],"names":[],"mappings":";;;;;;AAoCO,MAAM,kBAAkB;AAAA,EAC3B,QAAQ;AAAA,IACJ,UAAU;AAAA,MACN,SAAS;AAAA,MACT,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,WAAW,EAAE,OAAO,GAAG;AAAA,IACvB,OAAO,EAAE,OAAO,GAAG;AAAA,IACnB,OAAO,EAAE,OAAO,GAAG;AAAA,IACnB,WAAW,EAAE,OAAO,GAAG;AAAA,IACvB,YAAY,EAAE,OAAO,GAAG;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,IACJ,UAAU;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,IACZ;AAAA,IACA,WAAW,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,IACnC,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,IAC/B,OAAO,EAAE,QAAQ,IAAI,OAAO,IAAI;AAAA,IAChC,WAAW,EAAE,QAAQ,IAAI,OAAO,IAAI;AAAA,IACpC,YAAY,EAAE,QAAQ,IAAI,OAAO,IAAI;AAAA,EACzC;AAAA,EACA,SAAS;AAAA,IACL,UAAU;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,IACZ;AAAA,IACA,WAAW,EAAE,QAAQ,wBAAwB;AAAA,IAC7C,OAAO,EAAE,QAAQ,wBAAwB;AAAA,IACzC,OAAO,EAAE,QAAQ,wBAAwB;AAAA,IACzC,WAAW,EAAE,QAAQ,wBAAwB;AAAA,IAC7C,YAAY,EAAE,QAAQ,wBAAwB;AAAA,EAClD;AAAA,EACA,OAAO;AAAA,IACH,UAAU;AAAA,MACN,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EAErB;AAAA,EACA,MAAM;AAAA,IACF,UAAU;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,IACZ;AAAA,IACA,WAAW,EAAE,QAAQ,yBAAyB;AAAA,IAC9C,OAAO,EAAE,QAAQ,yBAAyB;AAAA,IAC1C,OAAO,EAAE,QAAQ,yBAAyB;AAAA,IAC1C,WAAW,EAAE,QAAQ,4BAA4B;AAAA,IACjD,YAAY,EAAE,QAAQ,4BAA4B;AAAA,EACtD;AAAA,EACA,WAAW;AAAA,IACP,UAAU;AAAA,MACN,QAAQ;AAAA,MACR,aAAa;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACH,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACJ,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACH,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAEO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IAEN,GAAG,qBAAqB;AAAA,IACxB,GAAG,oBAAoB;AAAA,IACvB,GAAG,iBAAiB;AAAA,IACpB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvSkeleton.mjs","sources":["../../../../src/components/EvSkeleton/EvSkeleton.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport {\n    ComponentProps,\n    DimensionsProps,\n    makeComponentProps,\n    makeDimensionsProps,\n} from \"@/composables\";\nimport { makeRoundedProps, RoundedProps } from \"@/composables/rounded\";\nimport {\n    AspectRatioProps,\n    makeAspectRatioProps,\n} from \"@/composables/aspectRatio\";\nimport { PropType } from \"vue\";\n\nexport interface EvSkeletonProps\n    extends AspectRatioProps,\n        DimensionsProps,\n        RoundedProps,\n        ComponentProps {\n    inline?: boolean;\n    type?: SkeletonType;\n    size?: SkeletonSize;\n}\n\nexport type SkeletonType = HintedString<\"avatar\" | \"heading\" | \"text\">;\n\nexport type SkeletonSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const skeletonPresets = {\n    avatar: {\n        defaults: {\n            rounded: \"circle\",\n            aspectRatio: 1,\n            inline: true,\n            width: 42,\n        },\n        \"x-small\": { width: 30 },\n        small: { width: 36 },\n        large: { width: 48 },\n        \"x-large\": { width: 54 },\n        \"xx-large\": { width: 54 },\n    },\n    button: {\n        defaults: {\n            rounded: \"small\",\n            height: 42,\n            width: 104,\n            inline: true,\n        },\n        \"x-small\": { height: 32, width: 84 },\n        small: { height: 36, width: 92 },\n        large: { height: 48, width: 116 },\n        \"x-large\": { height: 56, width: 132 },\n        \"xx-large\": { height: 56, width: 132 },\n    },\n    heading: {\n        defaults: {\n            rounded: \"small\",\n            height: \"var(--heading-size-4)\",\n        },\n        \"x-small\": { height: \"var(--heading-size-6)\" },\n        small: { height: \"var(--heading-size-5)\" },\n        large: { height: \"var(--heading-size-3)\" },\n        \"x-large\": { height: \"var(--heading-size-2)\" },\n        \"xx-large\": { height: \"var(--heading-size-1)\" },\n    },\n    image: {\n        defaults: {\n            rounded: false,\n            aspectRatio: \"16:9\",\n        },\n    },\n    text: {\n        defaults: {\n            rounded: \"small\",\n            height: \"var(--text-size-medium)\",\n        },\n        \"x-small\": { height: \"var(--text-size-small)\" },\n        small: { height: \"var(--text-size-small)\" },\n        large: { height: \"var(--text-size-large)\" },\n        \"x-large\": { height: \"var(--text-size-subtitle)\" },\n        \"xx-large\": { height: \"var(--text-size-subtitle)\" },\n    },\n    thumbnail: {\n        defaults: {\n            inline: true,\n            aspectRatio: 1,\n        },\n        \"xx-small\": {\n            height: 24,\n            rounded: \"x-small\",\n        },\n        \"x-small\": {\n            height: 36,\n            rounded: \"x-small\",\n        },\n        small: {\n            height: 48,\n            rounded: \"small\",\n        },\n        medium: {\n            height: 64,\n            rounded: \"small\",\n        },\n        large: {\n            height: 96,\n            rounded: \"medium\",\n        },\n        \"x-large\": {\n            height: 128,\n            rounded: \"large\",\n        },\n        \"xx-large\": {\n            height: 256,\n            rounded: \"large\",\n        },\n    },\n};\n\nexport const makeEvSkeletonProps = propsFactory(\n    {\n        inline: {\n            type: Boolean,\n            required: false,\n            default: undefined,\n        },\n        size: String as PropType<SkeletonSize>,\n        type: String as PropType<SkeletonType>,\n\n        ...makeAspectRatioProps(),\n        ...makeDimensionsProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvSkeleton\",\n);\n"],"names":["skeletonPresets","makeEvSkeletonProps","propsFactory","makeAspectRatioProps","makeDimensionsProps","makeRoundedProps","makeComponentProps"],"mappings":"mVAoCaA,EAAkB,CAC3B,OAAQ,CACJ,SAAU,CACN,QAAS,SACT,YAAa,EACb,OAAQ,GACR,MAAO,EACX,EACA,UAAW,CAAE,MAAO,EAAG,EACvB,MAAO,CAAE,MAAO,EAAG,EACnB,MAAO,CAAE,MAAO,EAAG,EACnB,UAAW,CAAE,MAAO,EAAG,EACvB,WAAY,CAAE,MAAO,EAAG,CAC5B,EACA,OAAQ,CACJ,SAAU,CACN,QAAS,QACT,OAAQ,GACR,MAAO,IACP,OAAQ,EACZ,EACA,UAAW,CAAE,OAAQ,GAAI,MAAO,EAAG,EACnC,MAAO,CAAE,OAAQ,GAAI,MAAO,EAAG,EAC/B,MAAO,CAAE,OAAQ,GAAI,MAAO,GAAI,EAChC,UAAW,CAAE,OAAQ,GAAI,MAAO,GAAI,EACpC,WAAY,CAAE,OAAQ,GAAI,MAAO,GAAI,CACzC,EACA,QAAS,CACL,SAAU,CACN,QAAS,QACT,OAAQ,uBACZ,EACA,UAAW,CAAE,OAAQ,uBAAwB,EAC7C,MAAO,CAAE,OAAQ,uBAAwB,EACzC,MAAO,CAAE,OAAQ,uBAAwB,EACzC,UAAW,CAAE,OAAQ,uBAAwB,EAC7C,WAAY,CAAE,OAAQ,uBAAwB,CAClD,EACA,MAAO,CACH,SAAU,CACN,QAAS,GACT,YAAa,MAAA,CAErB,EACA,KAAM,CACF,SAAU,CACN,QAAS,QACT,OAAQ,yBACZ,EACA,UAAW,CAAE,OAAQ,wBAAyB,EAC9C,MAAO,CAAE,OAAQ,wBAAyB,EAC1C,MAAO,CAAE,OAAQ,wBAAyB,EAC1C,UAAW,CAAE,OAAQ,2BAA4B,EACjD,WAAY,CAAE,OAAQ,2BAA4B,CACtD,EACA,UAAW,CACP,SAAU,CACN,OAAQ,GACR,YAAa,CACjB,EACA,WAAY,CACR,OAAQ,GACR,QAAS,SACb,EACA,UAAW,CACP,OAAQ,GACR,QAAS,SACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,OACb,EACA,OAAQ,CACJ,OAAQ,GACR,QAAS,OACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,QACb,EACA,UAAW,CACP,OAAQ,IACR,QAAS,OACb,EACA,WAAY,CACR,OAAQ,IACR,QAAS,OAAA,CACb,CAER,EAEaC,EAAsBC,EAAA,aAC/B,CACI,OAAQ,CACJ,KAAM,QACN,SAAU,GACV,QAAS,MACb,EACA,KAAM,OACN,KAAM,OAEN,GAAGC,uBAAqB,EACxB,GAAGC,sBAAoB,EACvB,GAAGC,mBAAiB,EACpB,GAAGC,EAAmB,mBAAA,CAC1B,EACA,YACJ"}

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

@@ -1,59 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
-/* empty css                 */
-import { makeEvSkeletonProps, skeletonPresets } from "./EvSkeleton.mjs";
-import { useRounded } from "../../composables/rounded.mjs";
-import { useAspectStyles } from "../../composables/aspectRatio.mjs";
-import { applyDefaults } from "../../util/helpers.mjs";
-import { useDimensions } from "../../composables/dimensions.mjs";
-import { sizeModifier, makeClassName } from "../../util/modifiers.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSkeleton",
-  props: { ...makeEvSkeletonProps() },
-  setup(__props) {
-    const props = __props;
-    const size = computed(() => {
-      return props.type ? props.size ?? "medium" : void 0;
-    });
-    const computedProps = computed(() => {
-      if (!props.type) {
-        return props;
-      }
-      const preset = skeletonPresets[props.type] ?? {};
-      const presetDefaults = preset.defaults ?? {};
-      const presetProps = preset[size.value] ?? {};
-      return applyDefaults(props, { ...presetDefaults, ...presetProps });
-    });
-    const roundedClasses = computed(
-      () => useRounded(computedProps.value).roundedClasses.value
-    );
-    const dimensionStyles = computed(
-      () => useDimensions(computedProps.value).value
-    );
-    const sizeClass = computed(() => sizeModifier(size.value));
-    const typeClass = computed(() => makeClassName(props.type, "is-type"));
-    const aspectStyles = computed(() => {
-      return useAspectStyles(computedProps.value).aspectStyles.value;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ev-skeleton",
-          {
-            "is-inline": computedProps.value.inline
-          },
-          typeClass.value,
-          sizeClass.value,
-          roundedClasses.value,
-          props.class
-        ]),
-        style: normalizeStyle([dimensionStyles.value, aspectStyles.value, props.style]),
-        "aria-hidden": "true"
-      }, null, 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                  */const r=require("./EvSkeleton.mjs"),y=require("../../composables/rounded.mjs"),f=require("../../composables/aspectRatio.mjs"),S=require("../../util/helpers.mjs"),k=require("../../composables/dimensions.mjs"),l=require("../../util/modifiers.mjs"),q=e.defineComponent({__name:"EvSkeleton",props:{...r.makeEvSkeletonProps()},setup(a){const s=a,u=e.computed(()=>s.type?s.size??"medium":void 0),t=e.computed(()=>{if(!s.type)return s;const o=r.skeletonPresets[s.type]??{},n=o.defaults??{},v=o[u.value]??{};return S.applyDefaults(s,{...n,...v})}),i=e.computed(()=>y.useRounded(t.value).roundedClasses.value),c=e.computed(()=>k.useDimensions(t.value).value),p=e.computed(()=>l.sizeModifier(u.value)),d=e.computed(()=>l.makeClassName(s.type,"is-type")),m=e.computed(()=>f.useAspectStyles(t.value).aspectStyles.value);return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ev-skeleton",{"is-inline":t.value.inline},d.value,p.value,i.value,s.class]),style:e.normalizeStyle([c.value,m.value,s.style]),"aria-hidden":"true"},null,6))}});exports.default=q;
 //# sourceMappingURL=EvSkeleton.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvSkeleton.vue.mjs","sources":["../../../../src/components/EvSkeleton/EvSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSkeleton.scss\";\nimport {\n    makeEvSkeletonProps,\n    skeletonPresets,\n} from \"./EvSkeleton\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { useDimensions } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { applyDefaults, makeClassName, sizeModifier } from \"@/util\";\nimport { useAspectStyles } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvSkeletonProps() });\n\nconst size = computed(() => {\n    return props.type ? props.size ?? \"medium\" : undefined;\n});\n\nconst computedProps = computed(() => {\n    if (!props.type) {\n        return props;\n    }\n    const preset = skeletonPresets[props.type] ?? {};\n    const presetDefaults = preset.defaults ?? {};\n    const presetProps = preset[size.value] ?? {};\n    return applyDefaults(props, { ...presetDefaults, ...presetProps });\n});\n\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\nconst dimensionStyles = computed(\n    () => useDimensions(computedProps.value).value,\n);\nconst sizeClass = computed(() => sizeModifier(size.value));\nconst typeClass = computed(() => makeClassName(props.type, \"is-type\"));\nconst aspectStyles = computed(() => {\n    return useAspectStyles(computedProps.value).aspectStyles.value;\n});\n\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-skeleton',\n            {\n                'is-inline': computedProps.inline,\n            },\n            typeClass,\n            sizeClass,\n            roundedClasses,\n            props.class,\n        ]\"\n        :style=\"[dimensionStyles, aspectStyles, props.style]\"\n        aria-hidden=\"true\"></div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcM,UAAA,OAAO,SAAS,MAAM;AACxB,aAAO,MAAM,OAAO,MAAM,QAAQ,WAAW;AAAA,IAAA,CAChD;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,MAAM;AACN,eAAA;AAAA,MAAA;AAEX,YAAM,SAAS,gBAAgB,MAAM,IAAI,KAAK,CAAC;AACzC,YAAA,iBAAiB,OAAO,YAAY,CAAC;AAC3C,YAAM,cAAc,OAAO,KAAK,KAAK,KAAK,CAAC;AAC3C,aAAO,cAAc,OAAO,EAAE,GAAG,gBAAgB,GAAG,aAAa;AAAA,IAAA,CACpE;AAED,UAAM,iBAAiB;AAAA,MACnB,MAAM,WAAW,cAAc,KAAK,EAAE,eAAe;AAAA,IACzD;AACA,UAAM,kBAAkB;AAAA,MACpB,MAAM,cAAc,cAAc,KAAK,EAAE;AAAA,IAC7C;AACA,UAAM,YAAY,SAAS,MAAM,aAAa,KAAK,KAAK,CAAC;AACzD,UAAM,YAAY,SAAS,MAAM,cAAc,MAAM,MAAM,SAAS,CAAC;AAC/D,UAAA,eAAe,SAAS,MAAM;AAChC,aAAO,gBAAgB,cAAc,KAAK,EAAE,aAAa;AAAA,IAAA,CAC5D;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvSkeleton.vue.mjs","sources":["../../../../src/components/EvSkeleton/EvSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSkeleton.scss\";\nimport {\n    makeEvSkeletonProps,\n    skeletonPresets,\n} from \"./EvSkeleton\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { useDimensions } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { applyDefaults, makeClassName, sizeModifier } from \"@/util\";\nimport { useAspectStyles } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvSkeletonProps() });\n\nconst size = computed(() => {\n    return props.type ? props.size ?? \"medium\" : undefined;\n});\n\nconst computedProps = computed(() => {\n    if (!props.type) {\n        return props;\n    }\n    const preset = skeletonPresets[props.type] ?? {};\n    const presetDefaults = preset.defaults ?? {};\n    const presetProps = preset[size.value] ?? {};\n    return applyDefaults(props, { ...presetDefaults, ...presetProps });\n});\n\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\nconst dimensionStyles = computed(\n    () => useDimensions(computedProps.value).value,\n);\nconst sizeClass = computed(() => sizeModifier(size.value));\nconst typeClass = computed(() => makeClassName(props.type, \"is-type\"));\nconst aspectStyles = computed(() => {\n    return useAspectStyles(computedProps.value).aspectStyles.value;\n});\n\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-skeleton',\n            {\n                'is-inline': computedProps.inline,\n            },\n            typeClass,\n            sizeClass,\n            roundedClasses,\n            props.class,\n        ]\"\n        :style=\"[dimensionStyles, aspectStyles, props.style]\"\n        aria-hidden=\"true\"></div>\n</template>\n"],"names":["size","computed","props","computedProps","preset","skeletonPresets","presetDefaults","presetProps","applyDefaults","roundedClasses","useRounded","dimensionStyles","useDimensions","sizeClass","sizeModifier","typeClass","makeClassName","aspectStyles","useAspectStyles"],"mappings":"+hBAcMA,EAAOC,EAAAA,SAAS,IACXC,EAAM,KAAOA,EAAM,MAAQ,SAAW,MAChD,EAEKC,EAAgBF,EAAAA,SAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAME,EAASC,EAAA,gBAAgBH,EAAM,IAAI,GAAK,CAAC,EACzCI,EAAiBF,EAAO,UAAY,CAAC,EACrCG,EAAcH,EAAOJ,EAAK,KAAK,GAAK,CAAC,EAC3C,OAAOQ,EAAAA,cAAcN,EAAO,CAAE,GAAGI,EAAgB,GAAGC,EAAa,CAAA,CACpE,EAEKE,EAAiBR,EAAA,SACnB,IAAMS,aAAWP,EAAc,KAAK,EAAE,eAAe,KACzD,EACMQ,EAAkBV,EAAA,SACpB,IAAMW,EAAA,cAAcT,EAAc,KAAK,EAAE,KAC7C,EACMU,EAAYZ,EAAAA,SAAS,IAAMa,EAAa,aAAAd,EAAK,KAAK,CAAC,EACnDe,EAAYd,EAAAA,SAAS,IAAMe,EAAAA,cAAcd,EAAM,KAAM,SAAS,CAAC,EAC/De,EAAehB,EAAAA,SAAS,IACnBiB,EAAgB,gBAAAf,EAAc,KAAK,EAAE,aAAa,KAC5D"}

package/dist/esm/components/EvSkeleton/EvSkeleton.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvSkeleton.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSkeleton.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSkeleton.vue2.mjs.map

package/dist/esm/components/EvSkeleton/EvSkeleton.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSkeleton.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvSkeleton.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvSlideGroup/EvSlideGroup.mjs

@@ -1,38 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeGroupProps } from "../../composables/group.mjs";
-import { makeComponentProps } from "../../composables/component.mjs";
-import { makeTagProps } from "../../composables/tag.mjs";
-import { IconProp } from "../../composables/icons.mjs";
-import { propsFactory } from "../../util/props.mjs";
-const EvSlideGroupSymbol = Symbol.for("ev:slide-group");
-const makeEvSlideGroupProps = propsFactory(
-  {
-    arrowsAlign: {
-      type: String,
-      default: "around"
-    },
-    arrowsHidden: [Boolean, String, Array],
-    centerActive: Boolean,
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    iconNext: IconProp,
-    iconPrevious: IconProp,
-    symbol: {
-      type: null,
-      default: EvSlideGroupSymbol
-    },
-    ...makeComponentProps(),
-    ...makeTagProps(),
-    ...makeGroupProps({
-      selectedClass: "is-active"
-    })
-  },
-  "EvSlideGroup"
-);
-export {
-  EvSlideGroupSymbol,
-  makeEvSlideGroupProps
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../composables/group.mjs"),t=require("../../composables/component.mjs"),n=require("../../composables/tag.mjs"),o=require("../../composables/icons.mjs"),i=require("../../util/props.mjs"),e=Symbol.for("ev:slide-group"),s=i.propsFactory({arrowsAlign:{type:String,default:"around"},arrowsHidden:[Boolean,String,Array],centerActive:Boolean,direction:{type:String,default:"horizontal"},iconNext:o.IconProp,iconPrevious:o.IconProp,symbol:{type:null,default:e},...t.makeComponentProps(),...n.makeTagProps(),...r.makeGroupProps({selectedClass:"is-active"})},"EvSlideGroup");exports.EvSlideGroupSymbol=e;exports.makeEvSlideGroupProps=s;
 //# sourceMappingURL=EvSlideGroup.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSlideGroup.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroup.ts"],"sourcesContent":["import { InjectionKey, PropType } from \"vue\";\nimport { GroupProvide, makeGroupProps } from \"@/composables/group\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { IconProp } from \"@/composables/icons\";\nimport { VisibilityRuleProp } from \"@/composables/display\";\n\nexport const EvSlideGroupSymbol: InjectionKey<GroupProvide> =\n    Symbol.for(\"ev:slide-group\");\n\nexport interface SlideGroupSlot {\n    next: GroupProvide[\"next\"];\n    previous: GroupProvide[\"previous\"];\n    select: GroupProvide[\"select\"];\n    isSelected: GroupProvide[\"isSelected\"];\n}\n\nexport type EvSlideGroupSlot = {\n    default: SlideGroupSlot;\n    previous: SlideGroupSlot;\n    next: SlideGroupSlot;\n};\n\nexport const makeEvSlideGroupProps = propsFactory(\n    {\n        arrowsAlign: {\n            type: String as PropType<\"start\" | \"end\" | \"around\">,\n            default: \"around\",\n        },\n        arrowsHidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        centerActive: Boolean,\n        direction: {\n            type: String as PropType<\"horizontal\" | \"vertical\">,\n            default: \"horizontal\",\n        },\n        iconNext: IconProp,\n        iconPrevious: IconProp,\n        symbol: {\n            type: null,\n            default: EvSlideGroupSymbol,\n        },\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n        ...makeGroupProps({\n            selectedClass: \"is-active\",\n        }),\n    },\n    \"EvSlideGroup\",\n);\n"],"names":[],"mappings":";;;;;;AAQa,MAAA,qBACT,OAAO,IAAI,gBAAgB;AAexB,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,cAAc,CAAC,SAAS,QAAQ,KAAK;AAAA,IACrC,cAAc;AAAA,IACd,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,IAChB,GAAG,eAAe;AAAA,MACd,eAAe;AAAA,IAClB,CAAA;AAAA,EACL;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvSlideGroup.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroup.ts"],"sourcesContent":["import { InjectionKey, PropType } from \"vue\";\nimport { GroupProvide, makeGroupProps } from \"@/composables/group\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { IconProp } from \"@/composables/icons\";\nimport { VisibilityRuleProp } from \"@/composables/display\";\n\nexport const EvSlideGroupSymbol: InjectionKey<GroupProvide> =\n    Symbol.for(\"ev:slide-group\");\n\nexport interface SlideGroupSlot {\n    next: GroupProvide[\"next\"];\n    previous: GroupProvide[\"previous\"];\n    select: GroupProvide[\"select\"];\n    isSelected: GroupProvide[\"isSelected\"];\n}\n\nexport type EvSlideGroupSlot = {\n    default: SlideGroupSlot;\n    previous: SlideGroupSlot;\n    next: SlideGroupSlot;\n};\n\nexport const makeEvSlideGroupProps = propsFactory(\n    {\n        arrowsAlign: {\n            type: String as PropType<\"start\" | \"end\" | \"around\">,\n            default: \"around\",\n        },\n        arrowsHidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        centerActive: Boolean,\n        direction: {\n            type: String as PropType<\"horizontal\" | \"vertical\">,\n            default: \"horizontal\",\n        },\n        iconNext: IconProp,\n        iconPrevious: IconProp,\n        symbol: {\n            type: null,\n            default: EvSlideGroupSymbol,\n        },\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n        ...makeGroupProps({\n            selectedClass: \"is-active\",\n        }),\n    },\n    \"EvSlideGroup\",\n);\n"],"names":["EvSlideGroupSymbol","makeEvSlideGroupProps","propsFactory","IconProp","makeComponentProps","makeTagProps","makeGroupProps"],"mappings":"oUAQaA,EACT,OAAO,IAAI,gBAAgB,EAelBC,EAAwBC,EAAA,aACjC,CACI,YAAa,CACT,KAAM,OACN,QAAS,QACb,EACA,aAAc,CAAC,QAAS,OAAQ,KAAK,EACrC,aAAc,QACd,UAAW,CACP,KAAM,OACN,QAAS,YACb,EACA,SAAUC,EAAA,SACV,aAAcA,EAAA,SACd,OAAQ,CACJ,KAAM,KACN,QAASH,CACb,EAEA,GAAGI,qBAAmB,EACtB,GAAGC,eAAa,EAChB,GAAGC,iBAAe,CACd,cAAe,WAClB,CAAA,CACL,EACA,cACJ"}