@evance/evance-ui 1.0.14 → 1.0.15

package/dist/esm/EvSelect.vue_vue_type_script_setup_true_lang-CD0YEt6V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSelect.vue_vue_type_script_setup_true_lang-CD0YEt6V.mjs","sources":["../../src/util/keyboard.ts","../../src/composables/filter.ts","../../src/components/EvSelect/EvSelect.ts","../../src/components/EvSelect/useScrolling.ts","../../src/components/EvSelect/EvSelect.vue"],"sourcesContent":["/**\n * # Key Logger\n */\nexport class KeyLogger {\n    public lastTime: number = 0;\n\n    public timeToKeep: number = 1000;\n\n    public value: string = \"\";\n\n    /**\n     * ## Log\n     * @param e\n     */\n    public log(e: KeyboardEvent): boolean {\n        if (!isKeyEventLoggable(e)) {\n            return false;\n        }\n        const now = performance.now();\n        if (now - this.lastTime > this.timeToKeep) {\n            this.value = \"\";\n        }\n        this.value += e.key.toLowerCase();\n        this.lastTime = now;\n        return true;\n    }\n}\n\n/**\n * # Is Key Event Loggable?\n * @param e\n */\nexport function isKeyEventLoggable(e: KeyboardEvent): boolean {\n    const isPrintableChar = e.key.length === 1;\n    const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;\n    return isPrintableChar && noModifier;\n}\n\n/**\n * # compositionIgnoreKeys\n * Keys to ignore whilst the keyboard is in a composing sequence,\n * which is often used to input characters in languages that have complex character systems,\n * such as Chinese, Japanese, or Korean.\n */\nconst compositionIgnoreKeys = [\n    \"ArrowUp\",\n    \"ArrowDown\",\n    \"ArrowRight\",\n    \"ArrowLeft\",\n    \"Enter\",\n    \"Escape\",\n    \"Tab\",\n    \" \",\n];\n\n/**\n * # isComposingIgnoreKey\n * Returns `true` if the keyboard event is within a composing sequence,\n * and the key pressed is included within `compositionIgnoreKeys`.\n */\nexport function isComposingIgnoreKey(e: KeyboardEvent): boolean {\n    return e.isComposing && compositionIgnoreKeys.includes(e.key);\n}\n","import { getPropertyValue, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    MaybeRef,\n    PropType,\n    ref,\n    Ref,\n    unref,\n    watchEffect,\n} from \"vue\";\n\n/**\n * - match without highlight\n * - single match (index), length already known\n * - single match (start, end)\n * - multiple matches (start, end), probably shouldn't overlap\n */\nexport type FilterMatch =\n    | boolean\n    | number\n    | [number, number]\n    | [number, number][];\nexport type FilterFunction = (\n    value: string,\n    query: string,\n    item?: InternalItem,\n) => FilterMatch;\nexport type FilterKeyFunctions = Record<string, FilterFunction>;\nexport type FilterKeys = string | string[];\nexport type FilterMode = \"some\" | \"every\" | \"union\" | \"intersection\";\n\n/**\n * # FilterProps\n */\nexport interface FilterProps {\n    filterFunction?: FilterFunction;\n    filterKeyFunctions?: FilterKeyFunctions;\n    filterKeys?: FilterKeys;\n    filterMode?: FilterMode;\n    noFilter?: boolean;\n}\n\n/**\n * # InternalItem\n */\nexport interface InternalItem<T = any> {\n    value: any;\n    raw: T;\n}\n\n/**\n * # defaultFilter\n * @param value\n * @param query\n * @param item\n */\nexport const defaultFilter: FilterFunction = (value, query, item) => {\n    if (value == null || query == null) {\n        return -1;\n    }\n    return value\n        .toString()\n        .toLocaleLowerCase()\n        .indexOf(query.toString().toLocaleLowerCase());\n};\n\n/**\n * # makeFilterProps\n */\nexport const makeFilterProps = propsFactory(\n    {\n        filterFunction: Function as PropType<FilterFunction>,\n        filterKeyFunctions: Object as PropType<FilterKeyFunctions>,\n        filterKeys: [Array, String] as PropType<FilterKeys>,\n        filterMode: {\n            type: String as PropType<FilterMode>,\n            default: \"intersection\",\n        },\n        noFilter: Boolean,\n    },\n    \"filter\",\n);\n\n/**\n * # filterItems\n * @param items\n * @param query\n * @param options\n */\nexport function filterItems(\n    items:\n        | readonly (readonly [item: InternalItem, transformed: {}])[]\n        | readonly InternalItem[],\n    query: string,\n    options?: {\n        filterKeyFunctions?: FilterKeyFunctions;\n        default?: FilterFunction;\n        filterKeys?: FilterKeys;\n        filterMode?: FilterMode;\n        noFilter?: boolean;\n    },\n) {\n    const array: { index: number; matches: Record<string, FilterMatch> }[] = [];\n    // always ensure we fall back to a functioning filter\n    const filter = options?.default ?? defaultFilter;\n    const keys = options?.filterKeys ? wrapInArray(options.filterKeys) : false;\n    const customFiltersLength = Object.keys(\n        options?.filterKeyFunctions ?? {},\n    ).length;\n\n    if (!items?.length) {\n        return array;\n    }\n\n    loop: for (let i = 0; i < items.length; i++) {\n        const [item, transformed = item] = wrapInArray(items[i]) as readonly [\n            InternalItem,\n            {},\n        ];\n        const customMatches: Record<string, FilterMatch> = {};\n        const defaultMatches: Record<string, FilterMatch> = {};\n        let match: FilterMatch = -1;\n\n        if (query && !options?.noFilter) {\n            if (typeof item === \"object\") {\n                const filterKeys = keys || Object.keys(transformed);\n\n                for (const key of filterKeys) {\n                    const value = getPropertyValue(\n                        transformed,\n                        key,\n                        transformed,\n                    );\n                    const keyFilter = options?.filterKeyFunctions?.[key];\n\n                    match = keyFilter\n                        ? keyFilter(value, query, item)\n                        : filter(value, query, item);\n\n                    if (match !== -1 && match !== false) {\n                        if (keyFilter) {\n                            customMatches[key] = match;\n                        } else {\n                            defaultMatches[key] = match;\n                        }\n                    } else if (options?.filterMode === \"every\") {\n                        continue loop;\n                    }\n                }\n            } else {\n                match = filter(item, query, item);\n                if (match !== -1 && match !== false) {\n                    defaultMatches.title = match;\n                }\n            }\n\n            const defaultMatchesLength = Object.keys(defaultMatches).length;\n            const customMatchesLength = Object.keys(customMatches).length;\n\n            if (!defaultMatchesLength && !customMatchesLength) {\n                continue;\n            }\n\n            if (\n                options?.filterMode === \"union\" &&\n                customMatchesLength !== customFiltersLength &&\n                !defaultMatchesLength\n            ) {\n                continue;\n            }\n\n            if (\n                options?.filterMode === \"intersection\" &&\n                (customMatchesLength !== customFiltersLength ||\n                    !defaultMatchesLength)\n            ) {\n                continue;\n            }\n        }\n\n        array.push({\n            index: i,\n            matches: { ...defaultMatches, ...customMatches },\n        });\n    }\n\n    return array;\n}\n\n/**\n * # useFilter\n * @param props\n * @param items\n * @param query\n * @param options\n */\nexport function useFilter<T extends InternalItem>(\n    props: FilterProps,\n    items: MaybeRef<T[]>,\n    query: Ref<string | undefined> | (() => string | undefined),\n    options?: {\n        transform?: (item: T) => {};\n        filterKeyFunctions?: MaybeRef<FilterKeyFunctions | undefined>;\n    },\n) {\n    const filteredItems: Ref<T[]> = ref([]);\n    const filteredMatches: Ref<Map<unknown, Record<string, FilterMatch>>> = ref(\n        new Map(),\n    );\n    const transformedItems = computed(() =>\n        options?.transform\n            ? unref(items).map(\n                  (item) => [item, options.transform!(item)] as const,\n              )\n            : unref(items),\n    );\n\n    watchEffect(() => {\n        const _query = typeof query === \"function\" ? query() : unref(query);\n        const strQuery = typeof _query !== \"string\" ? \"\" : String(_query);\n\n        const results = filterItems(transformedItems.value, strQuery, {\n            filterKeyFunctions: {\n                ...props.filterKeyFunctions,\n                ...unref(options?.filterKeyFunctions),\n            },\n            default: props.filterFunction,\n            filterKeys: props.filterKeys,\n            filterMode: props.filterMode,\n            noFilter: props.noFilter,\n        });\n\n        const originalItems = unref(items);\n        const _filteredItems: (typeof filteredItems)[\"value\"] = [];\n        const _filteredMatches: (typeof filteredMatches)[\"value\"] = new Map();\n        results.forEach(({ index, matches }) => {\n            const item = originalItems[index];\n            _filteredItems.push(item);\n            _filteredMatches.set(item.value, matches);\n        });\n        filteredItems.value = _filteredItems;\n        filteredMatches.value = _filteredMatches;\n    });\n\n    function getMatches(item: T) {\n        return filteredMatches.value.get(item.value);\n    }\n\n    return { filteredItems, filteredMatches, getMatches };\n}\n","import { omit, propsFactory } from \"@/util\";\nimport { makeListItemsProps } from \"@/composables/lists\";\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield\";\nimport { ChevronDownIcon } from \"@/icons\";\nimport { PropType } from \"vue\";\nimport { makeFilterProps } from \"@/composables/filter\";\n\n/**\n * # Selectable Behavior\n * - 'select' simple selection (HTML select replacement)\n * - 'autocomplete' only permits selection of items\n * - 'combobox' allows selection or new values as strings\n */\nexport type SelectableBehavior = \"select\" | \"autocomplete\" | \"combobox\";\n\n/**\n * # Make EvSelect Props\n */\nexport const makeEvSelectProps = propsFactory(\n    {\n        autoSelectFirst: {\n            type: [Boolean, String] as PropType<boolean | \"exact\">,\n        },\n        behavior: {\n            type: String as PropType<SelectableBehavior>,\n            default: \"select\",\n        },\n        delimiters: {\n            type: Array as PropType<string[]>,\n            default: [\",\"],\n        },\n        hideItemsEmpty: Boolean,\n        hideSelected: Boolean,\n        itemsEmptyText: {\n            type: String,\n            default: \"select.noItemsText\",\n        },\n        menuOpen: Boolean,\n        multiple: Boolean,\n        openOnClear: Boolean,\n        search: String,\n        tags: Boolean,\n\n        ...makeFilterProps({ filterKeys: [\"title\"] }),\n\n        ...makeListItemsProps({\n            itemChildren: false,\n        }),\n\n        ...omit(\n            makeEvTextfieldProps({\n                modelValue: null,\n                iconEnd: ChevronDownIcon,\n                role: \"select\",\n            }),\n            [\"align\", \"monospace\", \"type\"],\n        ),\n    },\n    \"EvSelect\",\n);\n","// 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","<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\n                                :title=\"t(props.itemsEmptyText)\"></ev-list-item>\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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"}

package/dist/esm/EvSlideGroup-UEi8wgF8.mjs

@@ -0,0 +1,38 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { m as makeGroupProps } from "./group-7G77FN46.mjs";
+import { m as makeComponentProps } from "./component-Dftw_2ks.mjs";
+import { m as makeTagProps } from "./tag-D8o9y07M.mjs";
+import { I as IconProp } from "./icons-PDGlhFKV.mjs";
+import { p as propsFactory } from "./props-_0zKZD-D.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 as E,
+  makeEvSlideGroupProps as m
+};
+//# sourceMappingURL=EvSlideGroup-UEi8wgF8.mjs.map

package/dist/esm/EvSlideGroup-UEi8wgF8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSlideGroup-UEi8wgF8.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;"}

package/dist/esm/EvSlideGroup.mjs

@@ -1,7 +1,7 @@
-/*! Evance UI v1.0.13 | MIT License */
-import { E, m } from "./EvSlideGroup-BaQq8VUa.mjs";
-import { _ } from "./EvSlideGroup.vue_vue_type_script_setup_true_lang-CgF38XkW.mjs";
-import { _ as _2 } from "./EvSlideGroupItem.vue_vue_type_script_setup_true_lang-qcce3IhN.mjs";
+/*! Evance UI v1.0.15 | MIT License */
+import { E, m } from "./EvSlideGroup-UEi8wgF8.mjs";
+import { _ } from "./EvSlideGroup.vue_vue_type_script_setup_true_lang-Dxx6UIl7.mjs";
+import { _ as _2 } from "./EvSlideGroupItem.vue_vue_type_script_setup_true_lang-Che_X1yI.mjs";
 export {
   _ as EvSlideGroup,
   _2 as EvSlideGroupItem,

package/dist/esm/EvSlideGroup.vue_vue_type_script_setup_true_lang-Dxx6UIl7.mjs

@@ -0,0 +1,394 @@
+/*! Evance UI v1.0.15 | MIT License */
+import { defineComponent, shallowRef, computed, watch, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
+import { a as useDisplayRuleClasses } from "./display-DyTOTzqy.mjs";
+import { u as useGroup, f as focusableChildren } from "./group-7G77FN46.mjs";
+import { u as useResizeObserver } from "./resizeObserver-BRVSges_.mjs";
+import { C as ChevronDownIcon } from "./ChevronDownIcon-DaXNFWn5.mjs";
+import { a as ChevronRightIcon, C as ChevronLeftIcon } from "./ChevronRightIcon-6sTCMzrs.mjs";
+import { C as ChevronUpIcon } from "./ChevronUpIcon-BjMD_OfQ.mjs";
+import { b as useRtl } from "./locale-DDBAaC8c.mjs";
+import { m as makeEvSlideGroupProps } from "./EvSlideGroup-UEi8wgF8.mjs";
+import { _ as _sfc_main$1 } from "./EvButton.vue_vue_type_script_setup_true_lang-lLFdZIKk.mjs";
+import { B as Browser, b as clamp } from "./helpers-B-82mARN.mjs";
+import { b as isBoolean } from "./is-functions-BkCpW-P9.mjs";
+function bias(val) {
+  const c = 0.501;
+  const x = Math.abs(val);
+  return Math.sign(val) * (x / ((1 / c - 2) * (1 - x) + 1));
+}
+function calculateUpdatedOffset({
+  selectedElement,
+  containerSize,
+  contentSize,
+  isRtl,
+  currentScrollOffset,
+  isHorizontal
+}) {
+  const clientSize = isHorizontal ? selectedElement.clientWidth : selectedElement.clientHeight;
+  const offsetStart = isHorizontal ? selectedElement.offsetLeft : selectedElement.offsetTop;
+  const adjustedOffsetStart = isRtl && isHorizontal ? contentSize - offsetStart - clientSize : offsetStart;
+  const totalSize = containerSize + currentScrollOffset;
+  const itemOffset = clientSize + adjustedOffsetStart;
+  const additionalOffset = clientSize * 0.4;
+  if (adjustedOffsetStart <= currentScrollOffset) {
+    currentScrollOffset = Math.max(
+      adjustedOffsetStart - additionalOffset,
+      0
+    );
+  } else if (totalSize <= itemOffset) {
+    currentScrollOffset = Math.min(
+      currentScrollOffset - (totalSize - itemOffset - additionalOffset),
+      contentSize - containerSize
+    );
+  }
+  return currentScrollOffset;
+}
+function calculateCenteredOffset({
+  selectedElement,
+  containerSize,
+  contentSize,
+  isRtl,
+  isHorizontal
+}) {
+  const clientSize = isHorizontal ? selectedElement.clientWidth : selectedElement.clientHeight;
+  const offsetStart = isHorizontal ? selectedElement.offsetLeft : selectedElement.offsetTop;
+  const offsetCentered = isRtl && isHorizontal ? contentSize - offsetStart - clientSize / 2 - containerSize / 2 : offsetStart + clientSize / 2 - containerSize / 2;
+  return Math.min(contentSize - containerSize, Math.max(0, offsetCentered));
+}
+const _hoisted_1 = ["hidden"];
+const _hoisted_2 = ["hidden"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvSlideGroup",
+  props: {
+    ...makeEvSlideGroupProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const group = useGroup(props, props.symbol);
+    const { isRtl } = useRtl();
+    const isFocused = shallowRef(false);
+    const isOverflowing = shallowRef(false);
+    const scrollOffset = shallowRef(0);
+    const containerSize = shallowRef(0);
+    const contentSize = shallowRef(0);
+    const isHorizontal = computed(() => props.direction === "horizontal");
+    const disableTransition = shallowRef(false);
+    const { resizeRef: containerRef, contentRect: containerRect } = useResizeObserver();
+    const { resizeRef: contentRef, contentRect } = useResizeObserver();
+    const firstSelectedIndex = computed(() => {
+      if (!group.selected.value.length) {
+        return -1;
+      }
+      return group.items.value.findIndex(
+        (item) => item.id === group.selected.value[0]
+      );
+    });
+    const lastSelectedIndex = computed(() => {
+      if (!group.selected.value.length) {
+        return -1;
+      }
+      return group.items.value.findIndex(
+        (item) => item.id === group.selected.value[group.selected.value.length - 1]
+      );
+    });
+    if (Browser.hasWindow) {
+      let frame = -1;
+      watch(
+        () => [
+          group.selected.value,
+          containerRect.value,
+          contentRect.value,
+          isHorizontal.value
+        ],
+        () => {
+          cancelAnimationFrame(frame);
+          frame = requestAnimationFrame(() => {
+            if (containerRect.value && contentRect.value) {
+              const sizeProperty = isHorizontal.value ? "width" : "height";
+              containerSize.value = containerRect.value[sizeProperty];
+              contentSize.value = contentRect.value[sizeProperty];
+              isOverflowing.value = containerSize.value + 1 < contentSize.value;
+            }
+            if (firstSelectedIndex.value >= 0 && contentRef.value) {
+              const selectedElement = contentRef.value.children[lastSelectedIndex.value];
+              if (firstSelectedIndex.value === 0 || !isOverflowing.value) {
+                scrollOffset.value = 0;
+              } else if (props.centerActive) {
+                scrollOffset.value = calculateCenteredOffset({
+                  selectedElement,
+                  containerSize: containerSize.value,
+                  contentSize: contentSize.value,
+                  isRtl: isRtl.value,
+                  isHorizontal: isHorizontal.value
+                });
+              } else if (isOverflowing.value) {
+                scrollOffset.value = calculateUpdatedOffset({
+                  selectedElement,
+                  containerSize: containerSize.value,
+                  contentSize: contentSize.value,
+                  isRtl: isRtl.value,
+                  currentScrollOffset: scrollOffset.value,
+                  isHorizontal: isHorizontal.value
+                });
+              }
+            }
+          });
+        }
+      );
+    }
+    function focus(location) {
+      var _a, _b, _c, _d, _e;
+      if (!contentRef.value) {
+        return;
+      }
+      if (!location) {
+        const focusable = focusableChildren(contentRef.value);
+        (_a = focusable[0]) == null ? void 0 : _a.focus();
+      } else if (location === "next") {
+        const el = (_b = contentRef.value.querySelector(":focus")) == null ? void 0 : _b.nextElementSibling;
+        if (el) {
+          el.focus();
+        } else {
+          focus("first");
+        }
+      } else if (location === "previous") {
+        const el = (_c = contentRef.value.querySelector(":focus")) == null ? void 0 : _c.previousElementSibling;
+        if (el) {
+          el.focus();
+        } else {
+          focus("last");
+        }
+      } else if (location === "first") {
+        (_d = contentRef.value.firstElementChild) == null ? void 0 : _d.focus();
+      } else if (location === "last") {
+        (_e = contentRef.value.lastElementChild) == null ? void 0 : _e.focus();
+      }
+    }
+    function onFocus(e) {
+      var _a;
+      if (!isFocused.value && !(e.relatedTarget && ((_a = contentRef.value) == null ? void 0 : _a.contains(e.relatedTarget)))) {
+        focus();
+      }
+    }
+    function onFocusin(e) {
+      isFocused.value = true;
+      if (!isOverflowing.value || !contentRef.value) {
+        return;
+      }
+      for (const el of e.composedPath()) {
+        for (const item of contentRef.value.children) {
+          if (item === el) {
+            scrollOffset.value = calculateUpdatedOffset({
+              selectedElement: item,
+              containerSize: containerSize.value,
+              contentSize: contentSize.value,
+              isRtl: isRtl.value,
+              currentScrollOffset: scrollOffset.value,
+              isHorizontal: isHorizontal.value
+            });
+            return;
+          }
+        }
+      }
+    }
+    function onFocusout(e) {
+      isFocused.value = false;
+    }
+    function onKeydown(e) {
+      if (!contentRef.value) {
+        return;
+      }
+      if (isHorizontal.value) {
+        if (e.key === "ArrowRight") {
+          focus(isRtl.value ? "previous" : "next");
+        } else if (e.key === "ArrowLeft") {
+          focus(isRtl.value ? "next" : "previous");
+        }
+      } else {
+        if (e.key === "ArrowDown") {
+          focus("next");
+        } else if (e.key === "ArrowUp") {
+          focus("previous");
+        }
+      }
+      if (e.key === "Home") {
+        focus("first");
+      } else if (e.key === "End") {
+        focus("last");
+      }
+    }
+    function onScroll() {
+      if (!containerRef.value) {
+        return;
+      }
+      containerRef.value[isHorizontal.value ? "scrollLeft" : "scrollTop"] = 0;
+    }
+    let startTouch = 0;
+    let startOffset = 0;
+    function onTouchstart(e) {
+      const sizeProperty = isHorizontal.value ? "clientX" : "clientY";
+      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
+      startOffset = sign * scrollOffset.value;
+      startTouch = e.touches[0][sizeProperty];
+      disableTransition.value = true;
+    }
+    function onTouchmove(e) {
+      if (!isOverflowing.value) {
+        return;
+      }
+      const sizeProperty = isHorizontal.value ? "clientX" : "clientY";
+      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
+      scrollOffset.value = sign * (startOffset + startTouch - e.touches[0][sizeProperty]);
+    }
+    function onTouchend(e) {
+      const maxScrollOffset = contentSize.value - containerSize.value;
+      if (scrollOffset.value < 0 || !isOverflowing.value) {
+        scrollOffset.value = 0;
+      } else if (scrollOffset.value >= maxScrollOffset) {
+        scrollOffset.value = maxScrollOffset;
+      }
+      disableTransition.value = false;
+    }
+    function scrollTo(location) {
+      const newAbsoluteOffset = scrollOffset.value + (location === "previous" ? -1 : 1) * containerSize.value;
+      scrollOffset.value = clamp(
+        newAbsoluteOffset,
+        0,
+        contentSize.value - containerSize.value
+      );
+    }
+    const arrowsHiddenClasses = useDisplayRuleClasses(
+      props,
+      "arrowsHidden",
+      "hidden"
+    );
+    const arrowsHiddenAttribute = computed(() => {
+      return isBoolean(props.arrowsHidden) && props.arrowsHidden;
+    });
+    const contentStyles = computed(() => {
+      let scrollAmount = scrollOffset.value > contentSize.value - containerSize.value ? -(contentSize.value - containerSize.value) + bias(contentSize.value - containerSize.value - scrollOffset.value) : -scrollOffset.value;
+      if (scrollOffset.value <= 0) {
+        scrollAmount = bias(-scrollOffset.value);
+      }
+      const sign = isRtl.value && isHorizontal.value ? -1 : 1;
+      return {
+        transform: `translate${isHorizontal.value ? "X" : "Y"}(${sign * scrollAmount}px)`,
+        transition: disableTransition.value ? "none" : "",
+        willChange: disableTransition.value ? "transform" : ""
+      };
+    });
+    const slotProps = computed(() => ({
+      next: group.next,
+      previous: group.previous,
+      select: group.select,
+      isSelected: group.isSelected
+    }));
+    const hasPrevious = computed(() => {
+      return Math.abs(scrollOffset.value) > 0;
+    });
+    const hasNext = computed(() => {
+      return contentSize.value > Math.abs(scrollOffset.value) + containerSize.value;
+    });
+    const hasAffix = computed(() => {
+      if (isBoolean(props.arrowsHidden) && props.arrowsHidden) {
+        return false;
+      }
+      return isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+    });
+    const arrowsAlignClass = computed(() => {
+      return `is-arrows-${props.arrowsAlign}`;
+    });
+    const iconNext = computed(() => {
+      if (props.iconNext) {
+        return props.iconNext;
+      }
+      return isHorizontal.value ? ChevronRightIcon : ChevronDownIcon;
+    });
+    const iconPrevious = computed(() => {
+      if (props.iconPrevious) {
+        return props.iconPrevious;
+      }
+      return isHorizontal.value ? ChevronLeftIcon : ChevronUpIcon;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass([
+          "ev-slide-group",
+          {
+            "is-overflowing": isOverflowing.value,
+            "is-vertical": !isHorizontal.value
+          },
+          arrowsAlignClass.value,
+          props.class
+        ]),
+        style: normalizeStyle(props.style),
+        tabindex: isFocused.value || unref(group).selected.value.length ? -1 : 0,
+        onFocus
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            key: "container",
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: "ev-slide-group--container",
+            onScroll
+          }, [
+            createElementVNode("div", {
+              ref_key: "contentRef",
+              ref: contentRef,
+              class: "ev-slide-group--content",
+              style: normalizeStyle(contentStyles.value),
+              onTouchstartPassive: onTouchstart,
+              onTouchmovePassive: onTouchmove,
+              onTouchendPassive: onTouchend,
+              onFocusin,
+              onFocusout,
+              onKeydown
+            }, [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))
+            ], 36)
+          ], 544),
+          hasAffix.value ? (openBlock(), createElementBlock("div", {
+            key: "previous",
+            class: normalizeClass([
+              "ev-slide-group--previous",
+              { "is-disabled": !hasPrevious.value },
+              ...unref(arrowsHiddenClasses)
+            ]),
+            hidden: arrowsHiddenAttribute.value,
+            onClick: _cache[0] || (_cache[0] = () => scrollTo("previous"))
+          }, [
+            renderSlot(_ctx.$slots, "previous", {}, () => [
+              createVNode(unref(_sfc_main$1), {
+                icon: unref(isRtl) && isHorizontal.value ? iconNext.value : iconPrevious.value,
+                variant: "subtle"
+              }, null, 8, ["icon"])
+            ])
+          ], 10, _hoisted_1)) : createCommentVNode("", true),
+          hasAffix.value ? (openBlock(), createElementBlock("div", {
+            key: "next",
+            class: normalizeClass([
+              "ev-slide-group--next",
+              { "is-disabled": !hasNext.value },
+              ...unref(arrowsHiddenClasses)
+            ]),
+            hidden: arrowsHiddenAttribute.value,
+            onClick: _cache[1] || (_cache[1] = () => scrollTo("next"))
+          }, [
+            renderSlot(_ctx.$slots, "next", {}, () => [
+              createVNode(unref(_sfc_main$1), {
+                icon: unref(isRtl) && isHorizontal.value ? iconPrevious.value : iconNext.value,
+                variant: "subtle"
+              }, null, 8, ["icon"])
+            ])
+          ], 10, _hoisted_2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 40, ["class", "style", "tabindex"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=EvSlideGroup.vue_vue_type_script_setup_true_lang-Dxx6UIl7.mjs.map

package/dist/esm/EvSlideGroup.vue_vue_type_script_setup_true_lang-Dxx6UIl7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSlideGroup.vue_vue_type_script_setup_true_lang-Dxx6UIl7.mjs","sources":["../../src/components/EvSlideGroup/helpers.ts","../../src/components/EvSlideGroup/EvSlideGroup.vue"],"sourcesContent":["/**\n * # bias\n *\n * @param val\n */\nexport function bias(val: number) {\n    const c = 0.501;\n    const x = Math.abs(val);\n    return Math.sign(val) * (x / ((1 / c - 2) * (1 - x) + 1));\n}\n\n/**\n * # calculateUpdatedOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param currentScrollOffset\n * @param isHorizontal\n */\nexport function calculateUpdatedOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    currentScrollOffset,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    currentScrollOffset: number;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n    const adjustedOffsetStart =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize\n            : offsetStart;\n\n    const totalSize = containerSize + currentScrollOffset;\n    const itemOffset = clientSize + adjustedOffsetStart;\n    const additionalOffset = clientSize * 0.4; // @todo: why 0.4?\n\n    if (adjustedOffsetStart <= currentScrollOffset) {\n        currentScrollOffset = Math.max(\n            adjustedOffsetStart - additionalOffset,\n            0,\n        );\n    } else if (totalSize <= itemOffset) {\n        currentScrollOffset = Math.min(\n            currentScrollOffset - (totalSize - itemOffset - additionalOffset),\n            contentSize - containerSize,\n        );\n    }\n\n    return currentScrollOffset;\n}\n\n/**\n * # calculateCenteredOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param isHorizontal\n */\nexport function calculateCenteredOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n\n    const offsetCentered =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize / 2 - containerSize / 2\n            : offsetStart + clientSize / 2 - containerSize / 2;\n\n    return Math.min(contentSize - containerSize, Math.max(0, offsetCentered));\n}\n","<script setup lang=\"ts\">\n/**\n * # EvSlideGroup\n */\nimport \"./EvSlideGroup.scss\";\nimport {\n    EvButton,\n    EvSlideGroupSlot,\n    makeEvSlideGroupProps,\n} from \"@/components\";\nimport { useDisplayRuleClasses } from \"@/composables/display\";\nimport { computed, shallowRef, watch } from \"vue\";\nimport { Browser, clamp, focusableChildren, isBoolean } from \"@/util\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { useResizeObserver } from \"@/composables/resizeObserver\";\nimport {\n    bias,\n    calculateCenteredOffset,\n    calculateUpdatedOffset,\n} from \"@/components/EvSlideGroup/helpers\";\nimport {\n    ChevronDownIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ChevronUpIcon,\n} from \"@/icons\";\nimport { useRtl } from \"@/composables/locale\";\n\ndefineSlots<EvSlideGroupSlot>();\n\nconst props = defineProps({\n    ...makeEvSlideGroupProps(),\n});\nconst group = useGroup(props as any as GroupProps, props.symbol);\nconst { isRtl } = useRtl();\nconst isFocused = shallowRef(false);\nconst isOverflowing = shallowRef(false);\nconst scrollOffset = shallowRef(0);\nconst containerSize = shallowRef(0);\nconst contentSize = shallowRef(0);\nconst isHorizontal = computed(() => props.direction === \"horizontal\");\nconst disableTransition = shallowRef(false);\n\nconst { resizeRef: containerRef, contentRect: containerRect } =\n    useResizeObserver();\nconst { resizeRef: contentRef, contentRect } = useResizeObserver();\n\nconst firstSelectedIndex = computed(() => {\n    if (!group.selected.value.length) {\n        return -1;\n    }\n    return group.items.value.findIndex(\n        (item) => item.id === group.selected.value[0],\n    );\n});\n\nconst lastSelectedIndex = computed(() => {\n    if (!group.selected.value.length) {\n        return -1;\n    }\n    return group.items.value.findIndex(\n        (item) =>\n            item.id === group.selected.value[group.selected.value.length - 1],\n    );\n});\n\nif (Browser.hasWindow) {\n    let frame = -1;\n    watch(\n        () => [\n            group.selected.value,\n            containerRect.value,\n            contentRect.value,\n            isHorizontal.value,\n        ],\n        () => {\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(() => {\n                if (containerRect.value && contentRect.value) {\n                    const sizeProperty = isHorizontal.value\n                        ? \"width\"\n                        : \"height\";\n                    containerSize.value = containerRect.value[sizeProperty];\n                    contentSize.value = contentRect.value[sizeProperty];\n                    isOverflowing.value =\n                        containerSize.value + 1 < contentSize.value;\n                }\n\n                if (firstSelectedIndex.value >= 0 && contentRef.value) {\n                    // @todo: Is this too naive? Should we store element references in group composable?\n                    const selectedElement = contentRef.value.children[\n                        lastSelectedIndex.value\n                    ] as HTMLElement;\n\n                    if (\n                        firstSelectedIndex.value === 0 ||\n                        !isOverflowing.value\n                    ) {\n                        scrollOffset.value = 0;\n                    } else if (props.centerActive) {\n                        scrollOffset.value = calculateCenteredOffset({\n                            selectedElement,\n                            containerSize: containerSize.value,\n                            contentSize: contentSize.value,\n                            isRtl: isRtl.value,\n                            isHorizontal: isHorizontal.value,\n                        });\n                    } else if (isOverflowing.value) {\n                        scrollOffset.value = calculateUpdatedOffset({\n                            selectedElement,\n                            containerSize: containerSize.value,\n                            contentSize: contentSize.value,\n                            isRtl: isRtl.value,\n                            currentScrollOffset: scrollOffset.value,\n                            isHorizontal: isHorizontal.value,\n                        });\n                    }\n                }\n            });\n        },\n    );\n}\n\n/**\n * ## focus\n * @param location\n */\nfunction focus(location?: \"next\" | \"previous\" | \"first\" | \"last\") {\n    if (!contentRef.value) {\n        return;\n    }\n    if (!location) {\n        const focusable = focusableChildren(contentRef.value);\n        focusable[0]?.focus();\n    } else if (location === \"next\") {\n        const el = contentRef.value.querySelector(\":focus\")\n            ?.nextElementSibling as HTMLElement | undefined;\n        if (el) {\n            el.focus();\n        } else {\n            focus(\"first\");\n        }\n    } else if (location === \"previous\") {\n        const el = contentRef.value.querySelector(\":focus\")\n            ?.previousElementSibling as HTMLElement | undefined;\n        if (el) {\n            el.focus();\n        } else {\n            focus(\"last\");\n        }\n    } else if (location === \"first\") {\n        (contentRef.value.firstElementChild as HTMLElement)?.focus();\n    } else if (location === \"last\") {\n        (contentRef.value.lastElementChild as HTMLElement)?.focus();\n    }\n}\n\n/**\n * ## onFocus\n * @param e\n */\nfunction onFocus(e: FocusEvent) {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            contentRef.value?.contains(e.relatedTarget as Node)\n        )\n    ) {\n        focus();\n    }\n}\n\n/**\n * ## onFocusin\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    isFocused.value = true;\n\n    if (!isOverflowing.value || !contentRef.value) {\n        return;\n    }\n\n    // Focused element is likely to be the root of an item, so a\n    // breadth-first search will probably find it in the first iteration\n    for (const el of e.composedPath()) {\n        for (const item of contentRef.value.children) {\n            if (item === el) {\n                scrollOffset.value = calculateUpdatedOffset({\n                    selectedElement: item as HTMLElement,\n                    containerSize: containerSize.value,\n                    contentSize: contentSize.value,\n                    isRtl: isRtl.value,\n                    currentScrollOffset: scrollOffset.value,\n                    isHorizontal: isHorizontal.value,\n                });\n                return;\n            }\n        }\n    }\n}\n\n/**\n * ## onFocusout\n * @param e\n */\nfunction onFocusout(e: FocusEvent) {\n    isFocused.value = false;\n}\n\n/**\n * ## onKeydown\n * @param e\n */\nfunction onKeydown(e: KeyboardEvent) {\n    if (!contentRef.value) {\n        return;\n    }\n    if (isHorizontal.value) {\n        if (e.key === \"ArrowRight\") {\n            focus(isRtl.value ? \"previous\" : \"next\");\n        } else if (e.key === \"ArrowLeft\") {\n            focus(isRtl.value ? \"next\" : \"previous\");\n        }\n    } else {\n        if (e.key === \"ArrowDown\") {\n            focus(\"next\");\n        } else if (e.key === \"ArrowUp\") {\n            focus(\"previous\");\n        }\n    }\n    if (e.key === \"Home\") {\n        focus(\"first\");\n    } else if (e.key === \"End\") {\n        focus(\"last\");\n    }\n}\n\n/**\n * ## onScroll\n */\nfunction onScroll() {\n    if (!containerRef.value) {\n        return;\n    }\n    containerRef.value[isHorizontal.value ? \"scrollLeft\" : \"scrollTop\"] = 0;\n}\n\nlet startTouch = 0;\nlet startOffset = 0;\n\n/**\n * ## onTouchstart\n * @param e\n */\nfunction onTouchstart(e: TouchEvent) {\n    const sizeProperty = isHorizontal.value ? \"clientX\" : \"clientY\";\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    startOffset = sign * scrollOffset.value;\n    startTouch = e.touches[0][sizeProperty];\n    disableTransition.value = true;\n}\n\n/**\n * ## onTouchmove\n * @param e\n */\nfunction onTouchmove(e: TouchEvent) {\n    if (!isOverflowing.value) {\n        return;\n    }\n    const sizeProperty = isHorizontal.value ? \"clientX\" : \"clientY\";\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    scrollOffset.value =\n        sign * (startOffset + startTouch - e.touches[0][sizeProperty]);\n}\n\n/**\n * # onTouchend\n * @param e\n */\nfunction onTouchend(e: TouchEvent) {\n    const maxScrollOffset = contentSize.value - containerSize.value;\n    if (scrollOffset.value < 0 || !isOverflowing.value) {\n        scrollOffset.value = 0;\n    } else if (scrollOffset.value >= maxScrollOffset) {\n        scrollOffset.value = maxScrollOffset;\n    }\n    disableTransition.value = false;\n}\n\n/**\n * ## scrollTo\n * @param location\n */\nfunction scrollTo(location: \"previous\" | \"next\") {\n    const newAbsoluteOffset =\n        scrollOffset.value +\n        (location === \"previous\" ? -1 : 1) * containerSize.value;\n    scrollOffset.value = clamp(\n        newAbsoluteOffset,\n        0,\n        contentSize.value - containerSize.value,\n    );\n}\n\n/**\n * Arrows Hidden\n */\nconst arrowsHiddenClasses = useDisplayRuleClasses(\n    props,\n    \"arrowsHidden\",\n    \"hidden\",\n);\nconst arrowsHiddenAttribute = computed(() => {\n    return isBoolean(props.arrowsHidden) && props.arrowsHidden;\n});\n\nconst contentStyles = computed(() => {\n    // This adds friction when scrolling the 'wrong' way when at max offset\n    let scrollAmount =\n        scrollOffset.value > contentSize.value - containerSize.value\n            ? -(contentSize.value - containerSize.value) +\n              bias(contentSize.value - containerSize.value - scrollOffset.value)\n            : -scrollOffset.value;\n\n    // This adds friction when scrolling the 'wrong' way when at min offset\n    if (scrollOffset.value <= 0) {\n        scrollAmount = bias(-scrollOffset.value);\n    }\n\n    const sign = isRtl.value && isHorizontal.value ? -1 : 1;\n    return {\n        transform: `translate${isHorizontal.value ? \"X\" : \"Y\"}(${sign * scrollAmount}px)`,\n        transition: disableTransition.value ? \"none\" : \"\",\n        willChange: disableTransition.value ? \"transform\" : \"\",\n    };\n});\n\nconst slotProps = computed(() => ({\n    next: group.next,\n    previous: group.previous,\n    select: group.select,\n    isSelected: group.isSelected,\n}));\n\nconst hasPrevious = computed(() => {\n    return Math.abs(scrollOffset.value) > 0;\n});\n\nconst hasNext = computed(() => {\n    // Check one scroll ahead to know the width of right-most item\n    return (\n        contentSize.value > Math.abs(scrollOffset.value) + containerSize.value\n    );\n});\n\nconst hasAffix = computed(() => {\n    if (isBoolean(props.arrowsHidden) && props.arrowsHidden) {\n        return false;\n    }\n    return isOverflowing.value || Math.abs(scrollOffset.value) > 0;\n});\n\nconst arrowsAlignClass = computed(() => {\n    return `is-arrows-${props.arrowsAlign}`;\n});\n\nconst iconNext = computed(() => {\n    if (props.iconNext) {\n        return props.iconNext;\n    }\n    return isHorizontal.value ? ChevronRightIcon : ChevronDownIcon;\n});\n\nconst iconPrevious = computed(() => {\n    if (props.iconPrevious) {\n        return props.iconPrevious;\n    }\n    return isHorizontal.value ? ChevronLeftIcon : ChevronUpIcon;\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-slide-group',\n            {\n                'is-overflowing': isOverflowing,\n                'is-vertical': !isHorizontal,\n            },\n            arrowsAlignClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :tabindex=\"isFocused || group.selected.value.length ? -1 : 0\"\n        @focus=\"onFocus\">\n        <div\n            key=\"container\"\n            ref=\"containerRef\"\n            class=\"ev-slide-group--container\"\n            @scroll=\"onScroll\">\n            <div\n                ref=\"contentRef\"\n                class=\"ev-slide-group--content\"\n                :style=\"contentStyles\"\n                @touchstart.passive=\"onTouchstart\"\n                @touchmove.passive=\"onTouchmove\"\n                @touchend.passive=\"onTouchend\"\n                @focusin=\"onFocusin\"\n                @focusout=\"onFocusout\"\n                @keydown=\"onKeydown\">\n                <slot name=\"default\" v-bind=\"slotProps\" />\n            </div>\n        </div>\n\n        <div\n            v-if=\"hasAffix\"\n            key=\"previous\"\n            :class=\"[\n                'ev-slide-group--previous',\n                { 'is-disabled': !hasPrevious },\n                ...arrowsHiddenClasses,\n            ]\"\n            :hidden=\"arrowsHiddenAttribute\"\n            @click=\"() => scrollTo('previous')\">\n            <slot name=\"previous\">\n                <ev-button\n                    :icon=\"isRtl && isHorizontal ? iconNext : iconPrevious\"\n                    variant=\"subtle\" />\n            </slot>\n        </div>\n\n        <div\n            v-if=\"hasAffix\"\n            key=\"next\"\n            :class=\"[\n                'ev-slide-group--next',\n                { 'is-disabled': !hasNext },\n                ...arrowsHiddenClasses,\n            ]\"\n            :hidden=\"arrowsHiddenAttribute\"\n            @click=\"() => scrollTo('next')\">\n            <slot name=\"next\">\n                <ev-button\n                    :icon=\"isRtl && isHorizontal ? iconPrevious : iconNext\"\n                    variant=\"subtle\" />\n            </slot>\n        </div>\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKO,SAAS,KAAK,KAAa;AAC9B,QAAM,IAAI;AACJ,QAAA,IAAI,KAAK,IAAI,GAAG;AACf,SAAA,KAAK,KAAK,GAAG,KAAK,MAAM,IAAI,IAAI,MAAM,IAAI,KAAK;AAC1D;AAYO,SAAS,uBAAuB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOW;AACP,QAAM,aAAa,eACb,gBAAgB,cAChB,gBAAgB;AACtB,QAAM,cAAc,eACd,gBAAgB,aAChB,gBAAgB;AACtB,QAAM,sBACF,SAAS,eACH,cAAc,cAAc,aAC5B;AAEV,QAAM,YAAY,gBAAgB;AAClC,QAAM,aAAa,aAAa;AAChC,QAAM,mBAAmB,aAAa;AAEtC,MAAI,uBAAuB,qBAAqB;AAC5C,0BAAsB,KAAK;AAAA,MACvB,sBAAsB;AAAA,MACtB;AAAA,IACJ;AAAA,EAAA,WACO,aAAa,YAAY;AAChC,0BAAsB,KAAK;AAAA,MACvB,uBAAuB,YAAY,aAAa;AAAA,MAChD,cAAc;AAAA,IAClB;AAAA,EAAA;AAGG,SAAA;AACX;AAWO,SAAS,wBAAwB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMW;AACP,QAAM,aAAa,eACb,gBAAgB,cAChB,gBAAgB;AACtB,QAAM,cAAc,eACd,gBAAgB,aAChB,gBAAgB;AAEtB,QAAM,iBACF,SAAS,eACH,cAAc,cAAc,aAAa,IAAI,gBAAgB,IAC7D,cAAc,aAAa,IAAI,gBAAgB;AAElD,SAAA,KAAK,IAAI,cAAc,eAAe,KAAK,IAAI,GAAG,cAAc,CAAC;AAC5E;;;;;;;;;;ACpEA,UAAM,QAAQ,SAAS,OAA4B,MAAM,MAAM;AACzD,UAAA,EAAE,MAAM,IAAI,OAAO;AACnB,UAAA,YAAY,WAAW,KAAK;AAC5B,UAAA,gBAAgB,WAAW,KAAK;AAChC,UAAA,eAAe,WAAW,CAAC;AAC3B,UAAA,gBAAgB,WAAW,CAAC;AAC5B,UAAA,cAAc,WAAW,CAAC;AAChC,UAAM,eAAe,SAAS,MAAM,MAAM,cAAc,YAAY;AAC9D,UAAA,oBAAoB,WAAW,KAAK;AAE1C,UAAM,EAAE,WAAW,cAAc,aAAa,cAAA,IAC1C,kBAAkB;AACtB,UAAM,EAAE,WAAW,YAAY,YAAA,IAAgB,kBAAkB;AAE3D,UAAA,qBAAqB,SAAS,MAAM;AACtC,UAAI,CAAC,MAAM,SAAS,MAAM,QAAQ;AACvB,eAAA;AAAA,MAAA;AAEJ,aAAA,MAAM,MAAM,MAAM;AAAA,QACrB,CAAC,SAAS,KAAK,OAAO,MAAM,SAAS,MAAM,CAAC;AAAA,MAChD;AAAA,IAAA,CACH;AAEK,UAAA,oBAAoB,SAAS,MAAM;AACrC,UAAI,CAAC,MAAM,SAAS,MAAM,QAAQ;AACvB,eAAA;AAAA,MAAA;AAEJ,aAAA,MAAM,MAAM,MAAM;AAAA,QACrB,CAAC,SACG,KAAK,OAAO,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,SAAS,CAAC;AAAA,MACxE;AAAA,IAAA,CACH;AAED,QAAI,QAAQ,WAAW;AACnB,UAAI,QAAQ;AACZ;AAAA,QACI,MAAM;AAAA,UACF,MAAM,SAAS;AAAA,UACf,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,aAAa;AAAA,QACjB;AAAA,QACA,MAAM;AACF,+BAAqB,KAAK;AAC1B,kBAAQ,sBAAsB,MAAM;AAC5B,gBAAA,cAAc,SAAS,YAAY,OAAO;AACpC,oBAAA,eAAe,aAAa,QAC5B,UACA;AACQ,4BAAA,QAAQ,cAAc,MAAM,YAAY;AAC1C,0BAAA,QAAQ,YAAY,MAAM,YAAY;AAClD,4BAAc,QACV,cAAc,QAAQ,IAAI,YAAY;AAAA,YAAA;AAG9C,gBAAI,mBAAmB,SAAS,KAAK,WAAW,OAAO;AAEnD,oBAAM,kBAAkB,WAAW,MAAM,SACrC,kBAAkB,KACtB;AAEA,kBACI,mBAAmB,UAAU,KAC7B,CAAC,cAAc,OACjB;AACE,6BAAa,QAAQ;AAAA,cAAA,WACd,MAAM,cAAc;AAC3B,6BAAa,QAAQ,wBAAwB;AAAA,kBACzC;AAAA,kBACA,eAAe,cAAc;AAAA,kBAC7B,aAAa,YAAY;AAAA,kBACzB,OAAO,MAAM;AAAA,kBACb,cAAc,aAAa;AAAA,gBAAA,CAC9B;AAAA,cAAA,WACM,cAAc,OAAO;AAC5B,6BAAa,QAAQ,uBAAuB;AAAA,kBACxC;AAAA,kBACA,eAAe,cAAc;AAAA,kBAC7B,aAAa,YAAY;AAAA,kBACzB,OAAO,MAAM;AAAA,kBACb,qBAAqB,aAAa;AAAA,kBAClC,cAAc,aAAa;AAAA,gBAAA,CAC9B;AAAA,cAAA;AAAA,YACL;AAAA,UACJ,CACH;AAAA,QAAA;AAAA,MAET;AAAA,IAAA;AAOJ,aAAS,MAAM,UAAmD;;AAC1D,UAAA,CAAC,WAAW,OAAO;AACnB;AAAA,MAAA;AAEJ,UAAI,CAAC,UAAU;AACL,cAAA,YAAY,kBAAkB,WAAW,KAAK;AAC1C,wBAAA,CAAC,MAAD,mBAAI;AAAA,MAAM,WACb,aAAa,QAAQ;AAC5B,cAAM,MAAK,gBAAW,MAAM,cAAc,QAAQ,MAAvC,mBACL;AACN,YAAI,IAAI;AACJ,aAAG,MAAM;AAAA,QAAA,OACN;AACH,gBAAM,OAAO;AAAA,QAAA;AAAA,MACjB,WACO,aAAa,YAAY;AAChC,cAAM,MAAK,gBAAW,MAAM,cAAc,QAAQ,MAAvC,mBACL;AACN,YAAI,IAAI;AACJ,aAAG,MAAM;AAAA,QAAA,OACN;AACH,gBAAM,MAAM;AAAA,QAAA;AAAA,MAChB,WACO,aAAa,SAAS;AAC5B,yBAAW,MAAM,sBAAjB,mBAAoD;AAAA,MAAM,WACpD,aAAa,QAAQ;AAC3B,yBAAW,MAAM,qBAAjB,mBAAmD;AAAA,MAAM;AAAA,IAC9D;AAOJ,aAAS,QAAQ,GAAe;;AAExB,UAAA,CAAC,UAAU,SACX,EACI,EAAE,mBACF,gBAAW,UAAX,mBAAkB,SAAS,EAAE,kBAEnC;AACQ,cAAA;AAAA,MAAA;AAAA,IACV;AAOJ,aAAS,UAAU,GAAe;AAC9B,gBAAU,QAAQ;AAElB,UAAI,CAAC,cAAc,SAAS,CAAC,WAAW,OAAO;AAC3C;AAAA,MAAA;AAKO,iBAAA,MAAM,EAAE,gBAAgB;AACpB,mBAAA,QAAQ,WAAW,MAAM,UAAU;AAC1C,cAAI,SAAS,IAAI;AACb,yBAAa,QAAQ,uBAAuB;AAAA,cACxC,iBAAiB;AAAA,cACjB,eAAe,cAAc;AAAA,cAC7B,aAAa,YAAY;AAAA,cACzB,OAAO,MAAM;AAAA,cACb,qBAAqB,aAAa;AAAA,cAClC,cAAc,aAAa;AAAA,YAAA,CAC9B;AACD;AAAA,UAAA;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAOJ,aAAS,WAAW,GAAe;AAC/B,gBAAU,QAAQ;AAAA,IAAA;AAOtB,aAAS,UAAU,GAAkB;AAC7B,UAAA,CAAC,WAAW,OAAO;AACnB;AAAA,MAAA;AAEJ,UAAI,aAAa,OAAO;AAChB,YAAA,EAAE,QAAQ,cAAc;AAClB,gBAAA,MAAM,QAAQ,aAAa,MAAM;AAAA,QAAA,WAChC,EAAE,QAAQ,aAAa;AACxB,gBAAA,MAAM,QAAQ,SAAS,UAAU;AAAA,QAAA;AAAA,MAC3C,OACG;AACC,YAAA,EAAE,QAAQ,aAAa;AACvB,gBAAM,MAAM;AAAA,QAAA,WACL,EAAE,QAAQ,WAAW;AAC5B,gBAAM,UAAU;AAAA,QAAA;AAAA,MACpB;AAEA,UAAA,EAAE,QAAQ,QAAQ;AAClB,cAAM,OAAO;AAAA,MAAA,WACN,EAAE,QAAQ,OAAO;AACxB,cAAM,MAAM;AAAA,MAAA;AAAA,IAChB;AAMJ,aAAS,WAAW;AACZ,UAAA,CAAC,aAAa,OAAO;AACrB;AAAA,MAAA;AAEJ,mBAAa,MAAM,aAAa,QAAQ,eAAe,WAAW,IAAI;AAAA,IAAA;AAG1E,QAAI,aAAa;AACjB,QAAI,cAAc;AAMlB,aAAS,aAAa,GAAe;AAC3B,YAAA,eAAe,aAAa,QAAQ,YAAY;AACtD,YAAM,OAAO,MAAM,SAAS,aAAa,QAAQ,KAAK;AACtD,oBAAc,OAAO,aAAa;AAClC,mBAAa,EAAE,QAAQ,CAAC,EAAE,YAAY;AACtC,wBAAkB,QAAQ;AAAA,IAAA;AAO9B,aAAS,YAAY,GAAe;AAC5B,UAAA,CAAC,cAAc,OAAO;AACtB;AAAA,MAAA;AAEE,YAAA,eAAe,aAAa,QAAQ,YAAY;AACtD,YAAM,OAAO,MAAM,SAAS,aAAa,QAAQ,KAAK;AACzC,mBAAA,QACT,QAAQ,cAAc,aAAa,EAAE,QAAQ,CAAC,EAAE,YAAY;AAAA,IAAA;AAOpE,aAAS,WAAW,GAAe;AACzB,YAAA,kBAAkB,YAAY,QAAQ,cAAc;AAC1D,UAAI,aAAa,QAAQ,KAAK,CAAC,cAAc,OAAO;AAChD,qBAAa,QAAQ;AAAA,MAAA,WACd,aAAa,SAAS,iBAAiB;AAC9C,qBAAa,QAAQ;AAAA,MAAA;AAEzB,wBAAkB,QAAQ;AAAA,IAAA;AAO9B,aAAS,SAAS,UAA+B;AAC7C,YAAM,oBACF,aAAa,SACZ,aAAa,aAAa,KAAK,KAAK,cAAc;AACvD,mBAAa,QAAQ;AAAA,QACjB;AAAA,QACA;AAAA,QACA,YAAY,QAAQ,cAAc;AAAA,MACtC;AAAA,IAAA;AAMJ,UAAM,sBAAsB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AACM,UAAA,wBAAwB,SAAS,MAAM;AACzC,aAAO,UAAU,MAAM,YAAY,KAAK,MAAM;AAAA,IAAA,CACjD;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAE7B,UAAA,eACA,aAAa,QAAQ,YAAY,QAAQ,cAAc,QACjD,EAAE,YAAY,QAAQ,cAAc,SACpC,KAAK,YAAY,QAAQ,cAAc,QAAQ,aAAa,KAAK,IACjE,CAAC,aAAa;AAGpB,UAAA,aAAa,SAAS,GAAG;AACV,uBAAA,KAAK,CAAC,aAAa,KAAK;AAAA,MAAA;AAG3C,YAAM,OAAO,MAAM,SAAS,aAAa,QAAQ,KAAK;AAC/C,aAAA;AAAA,QACH,WAAW,YAAY,aAAa,QAAQ,MAAM,GAAG,IAAI,OAAO,YAAY;AAAA,QAC5E,YAAY,kBAAkB,QAAQ,SAAS;AAAA,QAC/C,YAAY,kBAAkB,QAAQ,cAAc;AAAA,MACxD;AAAA,IAAA,CACH;AAEK,UAAA,YAAY,SAAS,OAAO;AAAA,MAC9B,MAAM,MAAM;AAAA,MACZ,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,IAAA,EACpB;AAEI,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,KAAK,IAAI,aAAa,KAAK,IAAI;AAAA,IAAA,CACzC;AAEK,UAAA,UAAU,SAAS,MAAM;AAE3B,aACI,YAAY,QAAQ,KAAK,IAAI,aAAa,KAAK,IAAI,cAAc;AAAA,IAAA,CAExE;AAEK,UAAA,WAAW,SAAS,MAAM;AAC5B,UAAI,UAAU,MAAM,YAAY,KAAK,MAAM,cAAc;AAC9C,eAAA;AAAA,MAAA;AAEX,aAAO,cAAc,SAAS,KAAK,IAAI,aAAa,KAAK,IAAI;AAAA,IAAA,CAChE;AAEK,UAAA,mBAAmB,SAAS,MAAM;AAC7B,aAAA,aAAa,MAAM,WAAW;AAAA,IAAA,CACxC;AAEK,UAAA,WAAW,SAAS,MAAM;AAC5B,UAAI,MAAM,UAAU;AAChB,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA,aAAa,QAAQ,mBAAmB;AAAA,IAAA,CAClD;AAEK,UAAA,eAAe,SAAS,MAAM;AAChC,UAAI,MAAM,cAAc;AACpB,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA,aAAa,QAAQ,kBAAkB;AAAA,IAAA,CACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvSlideGroupItem.mjs

@@ -1,7 +1,7 @@
-/*! Evance UI v1.0.13 | MIT License */
-import { E, m } from "./EvSlideGroup-BaQq8VUa.mjs";
-import { _ } from "./EvSlideGroup.vue_vue_type_script_setup_true_lang-CgF38XkW.mjs";
-import { _ as _2 } from "./EvSlideGroupItem.vue_vue_type_script_setup_true_lang-qcce3IhN.mjs";
+/*! Evance UI v1.0.15 | MIT License */
+import { E, m } from "./EvSlideGroup-UEi8wgF8.mjs";
+import { _ } from "./EvSlideGroup.vue_vue_type_script_setup_true_lang-Dxx6UIl7.mjs";
+import { _ as _2 } from "./EvSlideGroupItem.vue_vue_type_script_setup_true_lang-Che_X1yI.mjs";
 export {
   _ as EvSlideGroup,
   _2 as EvSlideGroupItem,