npm - @evance/evance-ui - Versions diffs - 1.1.12 → 1.1.15 - Mend

@evance/evance-ui 1.1.12 → 1.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

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

	@@ -1 +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":["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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"}
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":["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","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","e","watch","oldValue","emit","Browser","lastSelectedItem","validationValue","isPlaceholder"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"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;
+import f from"./EvSelect.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvSelect.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"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;
+import{shallowRef as w,watch as d}from"vue";/*! Evance UI v1.1.15 | MIT License */function p(c,u){const n=w(!1);let i;function m(e){cancelAnimationFrame(i),n.value=!0,i=requestAnimationFrame(()=>{i=requestAnimationFrame(()=>{n.value=!1})})}async function f(){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=d(n,()=>{o(),e()})}else e()})}async function g(e){var l,s;if(e.key==="Tab"){(l=u.value)==null||l.focus();return}if(!["PageDown","PageUp","Home","End"].includes(e.key))return;const o=(s=c.value)==null?void 0:s.$el;if(!o)return;(e.key==="Home"||e.key==="End")&&o.scrollTo({top:e.key==="Home"?0:o.scrollHeight,behavior:"smooth"}),await f();const a=o.querySelectorAll(":scope > :not(.ev-virtual-scroll--spacer)");if(e.key==="PageDown"||e.key==="Home"){const r=o.getBoundingClientRect().top;for(const t of a)if(t.getBoundingClientRect().top>=r){t.focus();break}}else{const r=o.getBoundingClientRect().bottom;for(const t of[...a].reverse())if(t.getBoundingClientRect().bottom<=r){t.focus();break}}}return{onListScroll:m,onListKeydown:g}}export{p as useScrolling};
 //# sourceMappingURL=useScrolling.mjs.map

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

	@@ -1 +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":["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"}
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":["useScrolling","listRef","textFieldRef","isScrolling","shallowRef","scrollTimeout","onListScroll","finishScrolling","resolve","stop","watch","onListKeydown","_a","el","_b","children","top","child","bottom"],"mappings":"kFAcgB,SAAAA,EACZC,EACAC,EACF,CACQ,MAAAC,EAAcC,EAAW,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,EAAMP,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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"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;
+import{makeRoundedProps as e}from"../../composables/rounded.mjs";import{makeAspectRatioProps as t}from"../../composables/aspectRatio.mjs";import{makeComponentProps as i}from"../../composables/component.mjs";import{makeDimensionsProps as a}from"../../composables/dimensions.mjs";import{propsFactory as l}from"../../util/props.mjs";/*! Evance UI v1.1.15 | MIT License */const o={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"}}},m=l({inline:{type:Boolean,required:!1,default:void 0},size:String,type:String,...t(),...a(),...e(),...i()},"EvSkeleton");export{m as makeEvSkeletonProps,o as skeletonPresets};
 //# sourceMappingURL=EvSkeleton.mjs.map

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

	@@ -1 +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":["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"}
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":["skeletonPresets","makeEvSkeletonProps","propsFactory","makeAspectRatioProps","makeDimensionsProps","makeRoundedProps","makeComponentProps"],"mappings":"gXAoCO,MAAMA,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,EAC/B,CACI,OAAQ,CACJ,KAAM,QACN,SAAU,GACV,QAAS,MACb,EACA,KAAM,OACN,KAAM,OAEN,GAAGC,EAAqB,EACxB,GAAGC,EAAoB,EACvB,GAAGC,EAAiB,EACpB,GAAGC,EAAmB,CAC1B,EACA,YACJ"}

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

@@ -1,2 +1,2 @@
-"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;
+import{defineComponent as v,computed as s,createElementBlock as d,openBlock as f,normalizeStyle as y,normalizeClass as k}from"vue";/* empty css                */import{makeEvSkeletonProps as C,skeletonPresets as S}from"./EvSkeleton.mjs";import{useRounded as z}from"../../composables/rounded.mjs";import{useAspectStyles as _}from"../../composables/aspectRatio.mjs";import{applyDefaults as P}from"../../util/helpers.mjs";import{useDimensions as D}from"../../composables/dimensions.mjs";import{sizeModifier as E,makeClassName as h}from"../../util/modifiers.mjs";/*! Evance UI v1.1.15 | MIT License */const j=v({__name:"EvSkeleton",props:{...C()},setup(n){const e=n,l=s(()=>e.type?e.size??"medium":void 0),t=s(()=>{if(!e.type)return e;const o=S[e.type]??{},r=o.defaults??{},c=o[l.value]??{};return P(e,{...r,...c})}),a=s(()=>z(t.value).roundedClasses.value),u=s(()=>D(t.value).value),p=s(()=>E(l.value)),i=s(()=>h(e.type,"is-type")),m=s(()=>_(t.value).aspectStyles.value);return(o,r)=>(f(),d("div",{class:k(["ev-skeleton",{"is-inline":t.value.inline},i.value,p.value,a.value,e.class]),style:y([u.value,m.value,e.style]),"aria-hidden":"true"},null,6))}});export{j as default};
 //# sourceMappingURL=EvSkeleton.vue.mjs.map

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

	@@ -1 +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":["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"}
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":["size","computed","props","computedProps","preset","skeletonPresets","presetDefaults","presetProps","applyDefaults","roundedClasses","useRounded","dimensionStyles","useDimensions","sizeClass","sizeModifier","typeClass","makeClassName","aspectStyles","useAspectStyles"],"mappings":"spBAcMA,EAAOC,EAAS,IACXC,EAAM,KAAOA,EAAM,MAAQ,SAAW,MAChD,EAEKC,EAAgBF,EAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAME,EAASC,EAAgBH,EAAM,IAAI,GAAK,CAAC,EACzCI,EAAiBF,EAAO,UAAY,CAAC,EACrCG,EAAcH,EAAOJ,EAAK,KAAK,GAAK,CAAC,EAC3C,OAAOQ,EAAcN,EAAO,CAAE,GAAGI,EAAgB,GAAGC,EAAa,CAAA,CACpE,EAEKE,EAAiBR,EACnB,IAAMS,EAAWP,EAAc,KAAK,EAAE,eAAe,KACzD,EACMQ,EAAkBV,EACpB,IAAMW,EAAcT,EAAc,KAAK,EAAE,KAC7C,EACMU,EAAYZ,EAAS,IAAMa,EAAad,EAAK,KAAK,CAAC,EACnDe,EAAYd,EAAS,IAAMe,EAAcd,EAAM,KAAM,SAAS,CAAC,EAC/De,EAAehB,EAAS,IACnBiB,EAAgBf,EAAc,KAAK,EAAE,aAAa,KAC5D"}

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

@@ -1,2 +1,2 @@
-"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;
+import f from"./EvSkeleton.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvSkeleton.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"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;
+import{makeGroupProps as r}from"../../composables/group.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.15 | MIT License */const p=Symbol.for("ev:slide-group"),d=i({arrowsAlign:{type:String,default:"around"},arrowsHidden:[Boolean,String,Array],centerActive:Boolean,direction:{type:String,default:"horizontal"},iconNext:o,iconPrevious:o,symbol:{type:null,default:p},...e(),...t(),...r({selectedClass:"is-active"})},"EvSlideGroup");export{p as EvSlideGroupSymbol,d as makeEvSlideGroupProps};
 //# sourceMappingURL=EvSlideGroup.mjs.map

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

	@@ -1 +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":["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"}
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":["EvSlideGroupSymbol","makeEvSlideGroupProps","propsFactory","IconProp","makeComponentProps","makeTagProps","makeGroupProps"],"mappings":"4UAQa,MAAAA,EACT,OAAO,IAAI,gBAAgB,EAelBC,EAAwBC,EACjC,CACI,YAAa,CACT,KAAM,OACN,QAAS,QACb,EACA,aAAc,CAAC,QAAS,OAAQ,KAAK,EACrC,aAAc,QACd,UAAW,CACP,KAAM,OACN,QAAS,YACb,EACA,SAAUC,EACV,aAAcA,EACd,OAAQ,CACJ,KAAM,KACN,QAASH,CACb,EAEA,GAAGI,EAAmB,EACtB,GAAGC,EAAa,EAChB,GAAGC,EAAe,CACd,cAAe,WAClB,CAAA,CACL,EACA,cACJ"}

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"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 J=require("./EvSlideGroup.mjs"),T=require("../EvButton/EvButton.vue.mjs"),Q=require("../../composables/display.mjs"),Z=require("../../composables/group.mjs"),H=require("../../composables/resizeObserver.mjs"),m=require("./helpers.mjs"),ee=require("../../icons/glyph/ChevronDownIcon.svg.mjs"),le=require("../../icons/glyph/ChevronLeftIcon.svg.mjs"),te=require("../../icons/glyph/ChevronRightIcon.svg.mjs"),se=require("../../icons/glyph/ChevronUpIcon.svg.mjs"),ne=require("../../composables/locale.mjs"),oe=require("../../util/children.mjs"),ue=require("../../util/browser.mjs"),B=require("../../util/is-functions.mjs"),re=require("../../util/helpers.mjs"),ae=["hidden"],ie=["hidden"],ce=e.defineComponent({__name:"EvSlideGroup",props:{...J.makeEvSlideGroupProps()},setup(N){const o=N,u=Z.useGroup(o,o.symbol),{isRtl:c}=ne.useRtl(),h=e.shallowRef(!1),f=e.shallowRef(!1),s=e.shallowRef(0),a=e.shallowRef(0),i=e.shallowRef(0),n=e.computed(()=>o.direction==="horizontal"),w=e.shallowRef(!1),{resizeRef:g,contentRect:S}=H.useResizeObserver(),{resizeRef:r,contentRect:y}=H.useResizeObserver(),z=e.computed(()=>u.selected.value.length?u.items.value.findIndex(l=>l.id===u.selected.value[0]):-1),I=e.computed(()=>u.selected.value.length?u.items.value.findIndex(l=>l.id===u.selected.value[u.selected.value.length-1]):-1);if(ue.Browser.hasWindow){let l=-1;e.watch(()=>[u.selected.value,S.value,y.value,n.value],()=>{cancelAnimationFrame(l),l=requestAnimationFrame(()=>{if(S.value&&y.value){const t=n.value?"width":"height";a.value=S.value[t],i.value=y.value[t],f.value=a.value+1<i.value}if(z.value>=0&&r.value){const t=r.value.children[I.value];z.value===0||!f.value?s.value=0:o.centerActive?s.value=m.calculateCenteredOffset({selectedElement:t,containerSize:a.value,contentSize:i.value,isRtl:c.value,isHorizontal:n.value}):f.value&&(s.value=m.calculateUpdatedOffset({selectedElement:t,containerSize:a.value,contentSize:i.value,isRtl:c.value,currentScrollOffset:s.value,isHorizontal:n.value}))}})})}function v(l){var t,d,_,O,A;if(r.value)if(!l)(t=oe.focusableChildren(r.value)[0])==null||t.focus();else if(l==="next"){const p=(d=r.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():v("first")}else if(l==="previous"){const p=(_=r.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():v("last")}else l==="first"?(O=r.value.firstElementChild)==null||O.focus():l==="last"&&((A=r.value.lastElementChild)==null||A.focus())}function $(l){var t;!h.value&&!(l.relatedTarget&&((t=r.value)!=null&&t.contains(l.relatedTarget)))&&v()}function F(l){if(h.value=!0,!(!f.value||!r.value)){for(const t of l.composedPath())for(const d of r.value.children)if(d===t){s.value=m.calculateUpdatedOffset({selectedElement:d,containerSize:a.value,contentSize:i.value,isRtl:c.value,currentScrollOffset:s.value,isHorizontal:n.value});return}}}function V(l){h.value=!1}function M(l){r.value&&(n.value?l.key==="ArrowRight"?v(c.value?"previous":"next"):l.key==="ArrowLeft"&&v(c.value?"next":"previous"):l.key==="ArrowDown"?v("next"):l.key==="ArrowUp"&&v("previous"),l.key==="Home"?v("first"):l.key==="End"&&v("last"))}function D(){g.value&&(g.value[n.value?"scrollLeft":"scrollTop"]=0)}let b=0,R=0;function G(l){const t=n.value?"clientX":"clientY";R=(c.value&&n.value?-1:1)*s.value,b=l.touches[0][t],w.value=!0}function U(l){if(!f.value)return;const t=n.value?"clientX":"clientY",d=c.value&&n.value?-1:1;s.value=d*(R+b-l.touches[0][t])}function L(l){const t=i.value-a.value;s.value<0||!f.value?s.value=0:s.value>=t&&(s.value=t),w.value=!1}function x(l){const t=s.value+(l==="previous"?-1:1)*a.value;s.value=re.clamp(t,0,i.value-a.value)}const C=Q.useDisplayRuleClasses(o,"arrowsHidden","hidden"),k=e.computed(()=>B.isBoolean(o.arrowsHidden)&&o.arrowsHidden),X=e.computed(()=>{let l=s.value>i.value-a.value?-(i.value-a.value)+m.bias(i.value-a.value-s.value):-s.value;s.value<=0&&(l=m.bias(-s.value));const t=c.value&&n.value?-1:1;return{transform:`translate${n.value?"X":"Y"}(${t*l}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),Y=e.computed(()=>({next:u.next,previous:u.previous,select:u.select,isSelected:u.isSelected})),j=e.computed(()=>Math.abs(s.value)>0),K=e.computed(()=>i.value>Math.abs(s.value)+a.value),q=e.computed(()=>B.isBoolean(o.arrowsHidden)&&o.arrowsHidden?!1:f.value||Math.abs(s.value)>0),W=e.computed(()=>`is-arrows-${o.arrowsAlign}`),P=e.computed(()=>o.iconNext?o.iconNext:n.value?te.default:ee.default),E=e.computed(()=>o.iconPrevious?o.iconPrevious:n.value?le.default:se.default);return(l,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),{class:e.normalizeClass(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!n.value},W.value,o.class]),style:e.normalizeStyle(o.style),tabindex:h.value||e.unref(u).selected.value.length?-1:0,onFocus:$},{default:e.withCtx(()=>[e.createElementVNode("div",{key:"container",ref_key:"containerRef",ref:g,class:"ev-slide-group--container",onScroll:D},[e.createElementVNode("div",{ref_key:"contentRef",ref:r,class:"ev-slide-group--content",style:e.normalizeStyle(X.value),onTouchstartPassive:G,onTouchmovePassive:U,onTouchendPassive:L,onFocusin:F,onFocusout:V,onKeydown:M},[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(Y.value)))],36)],544),q.value?(e.openBlock(),e.createElementBlock("div",{key:"previous",class:e.normalizeClass(["ev-slide-group--previous",{"is-disabled":!j.value},...e.unref(C)]),hidden:k.value,onClick:t[0]||(t[0]=()=>x("previous"))},[e.renderSlot(l.$slots,"previous",{},()=>[e.createVNode(e.unref(T.default),{icon:e.unref(c)&&n.value?P.value:E.value,variant:"subtle"},null,8,["icon"])])],10,ae)):e.createCommentVNode("",!0),q.value?(e.openBlock(),e.createElementBlock("div",{key:"next",class:e.normalizeClass(["ev-slide-group--next",{"is-disabled":!K.value},...e.unref(C)]),hidden:k.value,onClick:t[1]||(t[1]=()=>x("next"))},[e.renderSlot(l.$slots,"next",{},()=>[e.createVNode(e.unref(T.default),{icon:e.unref(c)&&n.value?E.value:P.value,variant:"subtle"},null,8,["icon"])])],10,ie)):e.createCommentVNode("",!0)]),_:3},40,["class","style","tabindex"]))}});exports.default=ce;
+import{defineComponent as ue,shallowRef as h,computed as u,watch as ie,createBlock as ve,openBlock as z,resolveDynamicComponent as ce,normalizeStyle as F,normalizeClass as b,unref as m,withCtx as fe,createElementVNode as B,createElementBlock as D,createCommentVNode as q,renderSlot as R,normalizeProps as de,guardReactiveProps as me,createVNode as G}from"vue";/* empty css                  */import{makeEvSlideGroupProps as pe}from"./EvSlideGroup.mjs";import L from"../EvButton/EvButton.vue.mjs";import{useDisplayRuleClasses as he}from"../../composables/display.mjs";import{useGroup as ge}from"../../composables/group.mjs";import{useResizeObserver as M}from"../../composables/resizeObserver.mjs";import{calculateCenteredOffset as we,calculateUpdatedOffset as U,bias as V}from"./helpers.mjs";import ye from"../../icons/glyph/ChevronDownIcon.svg.mjs";import Se from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import xe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ze from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useRtl as be}from"../../composables/locale.mjs";import{focusableChildren as Re}from"../../util/children.mjs";import{Browser as Ce}from"../../util/browser.mjs";import{isBoolean as X}from"../../util/is-functions.mjs";import{clamp as ke}from"../../util/helpers.mjs";/*! Evance UI v1.1.15 | MIT License */const Pe=["hidden"],Ae=["hidden"],Xe=ue({__name:"EvSlideGroup",props:{...pe()},setup(Y){const n=Y,s=ge(n,n.symbol),{isRtl:v}=be(),g=h(!1),f=h(!1),t=h(0),r=h(0),i=h(0),o=u(()=>n.direction==="horizontal"),w=h(!1),{resizeRef:y,contentRect:S}=M(),{resizeRef:a,contentRect:x}=M(),C=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[0]):-1),K=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[s.selected.value.length-1]):-1);if(Ce.hasWindow){let e=-1;ie(()=>[s.selected.value,S.value,x.value,o.value],()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{if(S.value&&x.value){const l=o.value?"width":"height";r.value=S.value[l],i.value=x.value[l],f.value=r.value+1<i.value}if(C.value>=0&&a.value){const l=a.value.children[K.value];C.value===0||!f.value?t.value=0:n.centerActive?t.value=we({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,isHorizontal:o.value}):f.value&&(t.value=U({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value}))}})})}function c(e){var l,d,_,N,$;if(a.value)if(!e)(l=Re(a.value)[0])==null||l.focus();else if(e==="next"){const p=(d=a.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():c("first")}else if(e==="previous"){const p=(_=a.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():c("last")}else e==="first"?(N=a.value.firstElementChild)==null||N.focus():e==="last"&&(($=a.value.lastElementChild)==null||$.focus())}function W(e){var l;!g.value&&!(e.relatedTarget&&((l=a.value)!=null&&l.contains(e.relatedTarget)))&&c()}function j(e){if(g.value=!0,!(!f.value||!a.value)){for(const l of e.composedPath())for(const d of a.value.children)if(d===l){t.value=U({selectedElement:d,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value});return}}}function J(e){g.value=!1}function Q(e){a.value&&(o.value?e.key==="ArrowRight"?c(v.value?"previous":"next"):e.key==="ArrowLeft"&&c(v.value?"next":"previous"):e.key==="ArrowDown"?c("next"):e.key==="ArrowUp"&&c("previous"),e.key==="Home"?c("first"):e.key==="End"&&c("last"))}function Z(){y.value&&(y.value[o.value?"scrollLeft":"scrollTop"]=0)}let k=0,P=0;function ee(e){const l=o.value?"clientX":"clientY";P=(v.value&&o.value?-1:1)*t.value,k=e.touches[0][l],w.value=!0}function le(e){if(!f.value)return;const l=o.value?"clientX":"clientY",d=v.value&&o.value?-1:1;t.value=d*(P+k-e.touches[0][l])}function te(e){const l=i.value-r.value;t.value<0||!f.value?t.value=0:t.value>=l&&(t.value=l),w.value=!1}function A(e){const l=t.value+(e==="previous"?-1:1)*r.value;t.value=ke(l,0,i.value-r.value)}const H=he(n,"arrowsHidden","hidden"),T=u(()=>X(n.arrowsHidden)&&n.arrowsHidden),oe=u(()=>{let e=t.value>i.value-r.value?-(i.value-r.value)+V(i.value-r.value-t.value):-t.value;t.value<=0&&(e=V(-t.value));const l=v.value&&o.value?-1:1;return{transform:`translate${o.value?"X":"Y"}(${l*e}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),ne=u(()=>({next:s.next,previous:s.previous,select:s.select,isSelected:s.isSelected})),se=u(()=>Math.abs(t.value)>0),ae=u(()=>i.value>Math.abs(t.value)+r.value),E=u(()=>X(n.arrowsHidden)&&n.arrowsHidden?!1:f.value||Math.abs(t.value)>0),re=u(()=>`is-arrows-${n.arrowsAlign}`),O=u(()=>n.iconNext?n.iconNext:o.value?xe:ye),I=u(()=>n.iconPrevious?n.iconPrevious:o.value?Se:ze);return(e,l)=>(z(),ve(ce(n.tag),{class:b(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!o.value},re.value,n.class]),style:F(n.style),tabindex:g.value||m(s).selected.value.length?-1:0,onFocus:W},{default:fe(()=>[B("div",{key:"container",ref_key:"containerRef",ref:y,class:"ev-slide-group--container",onScroll:Z},[B("div",{ref_key:"contentRef",ref:a,class:"ev-slide-group--content",style:F(oe.value),onTouchstartPassive:ee,onTouchmovePassive:le,onTouchendPassive:te,onFocusin:j,onFocusout:J,onKeydown:Q},[R(e.$slots,"default",de(me(ne.value)))],36)],544),E.value?(z(),D("div",{key:"previous",class:b(["ev-slide-group--previous",{"is-disabled":!se.value},...m(H)]),hidden:T.value,onClick:l[0]||(l[0]=()=>A("previous"))},[R(e.$slots,"previous",{},()=>[G(m(L),{icon:m(v)&&o.value?O.value:I.value,variant:"subtle"},null,8,["icon"])])],10,Pe)):q("",!0),E.value?(z(),D("div",{key:"next",class:b(["ev-slide-group--next",{"is-disabled":!ae.value},...m(H)]),hidden:T.value,onClick:l[1]||(l[1]=()=>A("next"))},[R(e.$slots,"next",{},()=>[G(m(L),{icon:m(v)&&o.value?I.value:O.value,variant:"subtle"},null,8,["icon"])])],10,Ae)):q("",!0)]),_:3},40,["class","style","tabindex"]))}});export{Xe as default};
 //# sourceMappingURL=EvSlideGroup.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSlideGroup.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvSlideGroup\n /\nimport \"./EvSlideGroup.scss\";\nimport { makeEvSlideGroupProps, EvSlideGroupSlot } from \"./EvSlideGroup\";\nimport { EvButton } from \"@/components/EvButton\";\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":["group","useGroup","props","isRtl","useRtl","isFocused","shallowRef","isOverflowing","scrollOffset","containerSize","contentSize","isHorizontal","computed","disableTransition","containerRef","containerRect","useResizeObserver","contentRef","contentRect","firstSelectedIndex","item","lastSelectedIndex","Browser","frame","watch","sizeProperty","selectedElement","calculateCenteredOffset","calculateUpdatedOffset","focus","location","_a","focusableChildren","el","_b","_c","_d","_e","onFocus","e","onFocusin","onFocusout","onKeydown","onScroll","startTouch","startOffset","onTouchstart","onTouchmove","sign","onTouchend","maxScrollOffset","scrollTo","newAbsoluteOffset","clamp","arrowsHiddenClasses","useDisplayRuleClasses","arrowsHiddenAttribute","isBoolean","contentStyles","scrollAmount","bias","slotProps","hasPrevious","hasNext","hasAffix","arrowsAlignClass","iconNext","ChevronRightIcon","ChevronDownIcon","iconPrevious","ChevronLeftIcon","ChevronUpIcon"],"mappings":"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"}
1	+ {"version":3,"file":"EvSlideGroup.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # EvSlideGroup\n /\nimport \"./EvSlideGroup.scss\";\nimport { makeEvSlideGroupProps, EvSlideGroupSlot } from \"./EvSlideGroup\";\nimport { EvButton } from \"@/components/EvButton\";\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":["group","useGroup","props","isRtl","useRtl","isFocused","shallowRef","isOverflowing","scrollOffset","containerSize","contentSize","isHorizontal","computed","disableTransition","containerRef","containerRect","useResizeObserver","contentRef","contentRect","firstSelectedIndex","item","lastSelectedIndex","Browser","frame","watch","sizeProperty","selectedElement","calculateCenteredOffset","calculateUpdatedOffset","focus","location","_a","focusableChildren","el","_b","_c","_d","_e","onFocus","onFocusin","onFocusout","onKeydown","onScroll","startTouch","startOffset","onTouchstart","onTouchmove","sign","onTouchend","maxScrollOffset","scrollTo","newAbsoluteOffset","clamp","arrowsHiddenClasses","useDisplayRuleClasses","arrowsHiddenAttribute","isBoolean","contentStyles","scrollAmount","bias","slotProps","hasPrevious","hasNext","hasAffix","arrowsAlignClass","iconNext","ChevronRightIcon","ChevronDownIcon","iconPrevious","ChevronLeftIcon","ChevronUpIcon"],"mappings":"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"}

package/dist/esm/components/EvSlideGroup/EvSlideGroup.vue2.mjs CHANGED Viewed

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

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../composables/groupItem.mjs"),p=require("./EvSlideGroup.mjs"),c=e.defineComponent({__name:"EvSlideGroupItem",props:{...o.makeGroupItemProps()},emits:["group:selected"],setup(s){const r=s,t=o.useGroupItem(r,p.EvSlideGroupSymbol),l=e.computed(()=>({isSelected:t.isSelected.value,select:t.select,toggle:t.toggle,selectedClass:t.selectedClass.value}));return(u,n)=>e.renderSlot(u.$slots,"default",e.normalizeProps(e.guardReactiveProps(l.value)))}});exports.default=c;
+import{defineComponent as r,computed as l,renderSlot as p,normalizeProps as m,guardReactiveProps as u}from"vue";import{makeGroupItemProps as c,useGroupItem as a}from"../../composables/groupItem.mjs";import{EvSlideGroupSymbol as d}from"./EvSlideGroup.mjs";/*! Evance UI v1.1.15 | MIT License */const S=r({__name:"EvSlideGroupItem",props:{...c()},emits:["group:selected"],setup(o){const e=a(o,d),t=l(()=>({isSelected:e.isSelected.value,select:e.select,toggle:e.toggle,selectedClass:e.selectedClass.value}));return(s,i)=>p(s.$slots,"default",m(u(t.value)))}});export{S as default};
 //# sourceMappingURL=EvSlideGroupItem.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSlideGroupItem.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n GroupItemProps,\n GroupItemProvide,\n makeGroupItemProps,\n useGroupItem,\n} from \"@/composables/groupItem.ts\";\nimport { computed, UnwrapRef } from \"vue\";\nimport { EvSlideGroupSymbol } from \"./EvSlideGroup\";\n\ntype EvSlideGroupItemSlots = {\n default: {\n isSelected: UnwrapRef<GroupItemProvide[\"isSelected\"]>;\n select: GroupItemProvide[\"select\"];\n toggle: GroupItemProvide[\"toggle\"];\n selectedClass: UnwrapRef<GroupItemProvide[\"selectedClass\"]>;\n };\n};\n\ndefineEmits([\"group:selected\"]);\n\ndefineSlots<EvSlideGroupItemSlots>();\n\nconst props = defineProps({\n ...makeGroupItemProps(),\n});\nconst slideGroupItem = useGroupItem(\n props as any as GroupItemProps,\n EvSlideGroupSymbol,\n);\nconst slotProps = computed(() => {\n return {\n isSelected: slideGroupItem!.isSelected.value,\n select: slideGroupItem!.select,\n toggle: slideGroupItem!.toggle,\n selectedClass: slideGroupItem!.selectedClass.value,\n };\n});\n</script>\n\n<template>\n <slot v-bind=\"slotProps\" />\n</template>\n"],"names":["slideGroupItem","useGroupItem","~~props","~~EvSlideGroupSymbol","slotProps","computed"],"mappings":"~~mXA0BMA~~,EAAiBC,~~EAAA~~,~~aACnBC~~,~~EACAC,EAAAA,kBACJ,~~EACMC,EAAYC,~~EAAAA~~,~~SAAS,~~KAChB,CACH,~~WAAYL~~,EAAgB,WAAW,MACvC,OAAQA,EAAgB,OACxB,OAAQA,EAAgB,OACxB,cAAeA,EAAgB,cAAc,KACjD,EACH"}
1	+ {"version":3,"file":"EvSlideGroupItem.vue.mjs","sources":["../../../../src/components/EvSlideGroup/EvSlideGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n GroupItemProps,\n GroupItemProvide,\n makeGroupItemProps,\n useGroupItem,\n} from \"@/composables/groupItem.ts\";\nimport { computed, UnwrapRef } from \"vue\";\nimport { EvSlideGroupSymbol } from \"./EvSlideGroup\";\n\ntype EvSlideGroupItemSlots = {\n default: {\n isSelected: UnwrapRef<GroupItemProvide[\"isSelected\"]>;\n select: GroupItemProvide[\"select\"];\n toggle: GroupItemProvide[\"toggle\"];\n selectedClass: UnwrapRef<GroupItemProvide[\"selectedClass\"]>;\n };\n};\n\ndefineEmits([\"group:selected\"]);\n\ndefineSlots<EvSlideGroupItemSlots>();\n\nconst props = defineProps({\n ...makeGroupItemProps(),\n});\nconst slideGroupItem = useGroupItem(\n props as any as GroupItemProps,\n EvSlideGroupSymbol,\n);\nconst slotProps = computed(() => {\n return {\n isSelected: slideGroupItem!.isSelected.value,\n select: slideGroupItem!.select,\n toggle: slideGroupItem!.toggle,\n selectedClass: slideGroupItem!.selectedClass.value,\n };\n});\n</script>\n\n<template>\n <slot v-bind=\"slotProps\" />\n</template>\n"],"names":["slideGroupItem","useGroupItem","EvSlideGroupSymbol","slotProps","computed"],"mappings":"2XA0BA,MAAMA,EAAiBC,IAEnBC,CACJ,EACMC,EAAYC,EAAS,KAChB,CACH,WAAYJ,EAAgB,WAAW,MACvC,OAAQA,EAAgB,OACxB,OAAQA,EAAgB,OACxB,cAAeA,EAAgB,cAAc,KACjD,EACH"}

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue2.mjs CHANGED Viewed

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

package/dist/esm/components/EvSlideGroup/helpers.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:e,currentScrollOffset:f,isHorizontal:o}){const i=o?t.clientWidth:t.clientHeight,c=o?t.offsetLeft:t.offsetTop,h=e&&o?a-c-i:c,n=s+f,d=i+h,p=i*.4;return h<=f?f=Math.max(h-p,0):n<=d&&(f=Math.min(f-(n-d-p),a-s)),f}function M({selectedElement:t,containerSize:s,contentSize:a,isRtl:e,isHorizontal:f}){const o=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,c=e&&f?a-i-o/2-s/2:i+o/2-s/2;return Math.min(a-s,Math.max(0,c))}exports.bias=u;exports.calculateCenteredOffset=M;exports.calculateUpdatedOffset=x;
+/*! Evance UI v1.1.15 | MIT License */function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,currentScrollOffset:f,isHorizontal:h}){const i=h?t.clientWidth:t.clientHeight,o=h?t.offsetLeft:t.offsetTop,M=n&&h?a-o-i:o,c=s+f,d=i+M,p=i*.4;return M<=f?f=Math.max(M-p,0):c<=d&&(f=Math.min(f-(c-d-p),a-s)),f}function g({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,isHorizontal:f}){const h=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,o=n&&f?a-i-h/2-s/2:i+h/2-s/2;return Math.min(a-s,Math.max(0,o))}export{u as bias,g as calculateCenteredOffset,x as calculateUpdatedOffset};
 //# sourceMappingURL=helpers.mjs.map

package/dist/esm/components/EvSlideGroup/helpers.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.mjs","sources":["../../../../src/components/EvSlideGroup/helpers.ts"],"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"],"names":["bias","val","x","calculateUpdatedOffset","selectedElement","containerSize","contentSize","isRtl","currentScrollOffset","isHorizontal","clientSize","offsetStart","adjustedOffsetStart","totalSize","itemOffset","additionalOffset","calculateCenteredOffset","offsetCentered"],"mappings":"~~sHAKO~~,SAASA,EAAKC,EAAa,CAExB,MAAAC,EAAI,KAAK,IAAID,CAAG,EACf,OAAA,KAAK,KAAKA,CAAG,GAAKC,IAAM,EAAI,KAAI,IAAM,EAAIA,GAAK,GAC1D,CAYO,SAASC,EAAuB,CACnC,gBAAAC,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,oBAAAC,EACA,aAAAC,CACJ,EAOW,CACP,MAAMC,EAAaD,EACbL,EAAgB,YAChBA,EAAgB,aAChBO,EAAcF,EACdL,EAAgB,WAChBA,EAAgB,UAChBQ,EACFL,GAASE,EACHH,EAAcK,EAAcD,EAC5BC,EAEJE,EAAYR,EAAgBG,EAC5BM,EAAaJ,EAAaE,EAC1BG,EAAmBL,EAAa,GAEtC,OAAIE,GAAuBJ,EACvBA,EAAsB,KAAK,IACvBI,EAAsBG,EACtB,CACJ,EACOF,GAAaC,IACpBN,EAAsB,KAAK,IACvBA,GAAuBK,EAAYC,EAAaC,GAChDT,EAAcD,CAClB,GAGGG,CACX,CAWO,SAASQ,EAAwB,CACpC,gBAAAZ,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,aAAAE,CACJ,EAMW,CACP,MAAMC,EAAaD,EACbL,EAAgB,YAChBA,EAAgB,aAChBO,EAAcF,EACdL,EAAgB,WAChBA,EAAgB,UAEhBa,EACFV,GAASE,EACHH,EAAcK,EAAcD,EAAa,EAAIL,EAAgB,EAC7DM,EAAcD,EAAa,EAAIL,EAAgB,EAElD,OAAA,KAAK,IAAIC,EAAcD,EAAe,KAAK,IAAI,EAAGY,CAAc,CAAC,CAC5E"}
1	+ {"version":3,"file":"helpers.mjs","sources":["../../../../src/components/EvSlideGroup/helpers.ts"],"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"],"names":["bias","val","x","calculateUpdatedOffset","selectedElement","containerSize","contentSize","isRtl","currentScrollOffset","isHorizontal","clientSize","offsetStart","adjustedOffsetStart","totalSize","itemOffset","additionalOffset","calculateCenteredOffset","offsetCentered"],"mappings":"sCAKO,SAASA,EAAKC,EAAa,CAExB,MAAAC,EAAI,KAAK,IAAID,CAAG,EACf,OAAA,KAAK,KAAKA,CAAG,GAAKC,IAAM,EAAI,KAAI,IAAM,EAAIA,GAAK,GAC1D,CAYO,SAASC,EAAuB,CACnC,gBAAAC,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,oBAAAC,EACA,aAAAC,CACJ,EAOW,CACP,MAAMC,EAAaD,EACbL,EAAgB,YAChBA,EAAgB,aAChBO,EAAcF,EACdL,EAAgB,WAChBA,EAAgB,UAChBQ,EACFL,GAASE,EACHH,EAAcK,EAAcD,EAC5BC,EAEJE,EAAYR,EAAgBG,EAC5BM,EAAaJ,EAAaE,EAC1BG,EAAmBL,EAAa,GAEtC,OAAIE,GAAuBJ,EACvBA,EAAsB,KAAK,IACvBI,EAAsBG,EACtB,CACJ,EACOF,GAAaC,IACpBN,EAAsB,KAAK,IACvBA,GAAuBK,EAAYC,EAAaC,GAChDT,EAAcD,CAClB,GAGGG,CACX,CAWO,SAASQ,EAAwB,CACpC,gBAAAZ,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,aAAAE,CACJ,EAMW,CACP,MAAMC,EAAaD,EACbL,EAAgB,YAChBA,EAAgB,aAChBO,EAAcF,EACdL,EAAgB,WAChBA,EAAgB,UAEhBa,EACFV,GAASE,EACHH,EAAcK,EAAcD,EAAa,EAAIL,EAAgB,EAC7DM,EAAcD,EAAa,EAAIL,EAAgB,EAElD,OAAA,KAAK,IAAIC,EAAcD,EAAe,KAAK,IAAI,EAAGY,CAAc,CAAC,CAC5E"}

package/dist/esm/components/EvSurface/EvSurface.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/dimensions.mjs"),r=require("../../composables/tag.mjs"),t=require("../../composables/component.mjs"),a=require("../../util/props.mjs"),s=require("../../util/modifiers.mjs");function n(e){return s.makeClassName(e,"elevation")}const i=a.propsFactory({elevation:{type:String,default:"default"},rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...t.makeComponentProps(),...o.makeDimensionsProps(),...r.makeTagProps()},"EvSurface");exports.makeElevationClass=n;exports.makeEvSurfaceProps=i;
+import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as a}from"../../util/props.mjs";import{makeClassName as m}from"../../util/modifiers.mjs";/*! Evance UI v1.1.15 | MIT License */function f(o){return m(o,"elevation")}const u=a({elevation:{type:String,default:"default"},rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...t(),...e(),...r()},"EvSurface");export{f as makeElevationClass,u as makeEvSurfaceProps};
 //# sourceMappingURL=EvSurface.mjs.map

package/dist/esm/components/EvSurface/EvSurface.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSurface.mjs","sources":["../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/*\n # Surface Elevation\n \n Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n \n /\nexport type SurfaceElevation = \"default\" \| \"panel\" \| \"overlay\" \| \"sunken\";\n\n/*\n # Make Elevation Class\n /\nexport function makeElevationClass(elevation: string) {\n return makeClassName(elevation, \"elevation\");\n}\n\n/\n # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n {\n elevation: {\n type: String as PropType<SurfaceElevation>,\n default: \"default\",\n },\n // Rounded\n rounded: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n // Scrollable\n scrollable: {\n type: [String, Boolean],\n default: undefined,\n },\n ...makeComponentProps(),\n ...makeDimensionsProps(),\n ...makeTagProps(),\n },\n \"EvSurface\",\n);\n"],"names":["makeElevationClass","elevation","makeClassName","makeEvSurfaceProps","propsFactory","makeComponentProps","makeDimensionsProps","makeTagProps"],"mappings":"~~sUAmBO~~,SAASA,EAAmBC,EAAmB,CAC3C,OAAAC,~~EAAA~~,~~cAAcD,~~EAAW,WAAW,CAC/C,CAKO,MAAME,EAAqBC,~~EAAA~~,~~aAC9B,~~CACI,UAAW,CACP,KAAM,OACN,QAAS,SACb,EAEA,QAAS,CACL,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAC9B,QAAS,MACb,EAEA,WAAY,CACR,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MACb,EACA,GAAGC,~~qBAAmB~~,EACtB,GAAGC,~~sBAAoB~~,EACvB,GAAGC,EAAa,~~aAAA,~~CACpB,EACA,WACJ"}
1	+ {"version":3,"file":"EvSurface.mjs","sources":["../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/*\n # Surface Elevation\n \n Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n \n /\nexport type SurfaceElevation = \"default\" \| \"panel\" \| \"overlay\" \| \"sunken\";\n\n/*\n # Make Elevation Class\n /\nexport function makeElevationClass(elevation: string) {\n return makeClassName(elevation, \"elevation\");\n}\n\n/\n # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n {\n elevation: {\n type: String as PropType<SurfaceElevation>,\n default: \"default\",\n },\n // Rounded\n rounded: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n // Scrollable\n scrollable: {\n type: [String, Boolean],\n default: undefined,\n },\n ...makeComponentProps(),\n ...makeDimensionsProps(),\n ...makeTagProps(),\n },\n \"EvSurface\",\n);\n"],"names":["makeElevationClass","elevation","makeClassName","makeEvSurfaceProps","propsFactory","makeComponentProps","makeDimensionsProps","makeTagProps"],"mappings":"wVAmBO,SAASA,EAAmBC,EAAmB,CAC3C,OAAAC,EAAcD,EAAW,WAAW,CAC/C,CAKO,MAAME,EAAqBC,EAC9B,CACI,UAAW,CACP,KAAM,OACN,QAAS,SACb,EAEA,QAAS,CACL,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAC9B,QAAS,MACb,EAEA,WAAY,CACR,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MACb,EACA,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,EACvB,GAAGC,EAAa,CACpB,EACA,WACJ"}

package/dist/esm/components/EvSurface/EvSurface.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue");;/* empty css                 */const t=require("./EvSurface.mjs"),u=require("../../composables/dimensions.mjs"),n=require("../../util/is-functions.mjs"),c=require("../../util/modifiers.mjs"),f=s.defineComponent({__name:"EvSurface",props:{...t.makeEvSurfaceProps()},setup(i){const r=i,o=u.useDimensions(r);function a(e){if(!(!e||n.isEmpty(e))){if(e===!0)return"is-rounded";if(n.isString(e))return c.makeClassName(e,"is-rounded")}}function l(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,d)=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.tag),{class:s.normalizeClass(["ev-surface",s.unref(t.makeElevationClass)(r.elevation),a(r.rounded),l(r.scrollable),r.class]),style:s.normalizeStyle([s.unref(o),r.style])},{default:s.withCtx(()=>[s.renderSlot(e.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=f;
+import{defineComponent as a,createBlock as l,openBlock as m,resolveDynamicComponent as f,normalizeStyle as u,normalizeClass as c,unref as s,withCtx as p,renderSlot as d}from"vue";/* empty css               */import{makeEvSurfaceProps as v,makeElevationClass as y}from"./EvSurface.mjs";import{useDimensions as C}from"../../composables/dimensions.mjs";import{isEmpty as k,isString as S}from"../../util/is-functions.mjs";import{makeClassName as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.15 | MIT License */const B=a({__name:"EvSurface",props:{...v()},setup(t){const r=t,o=C(r);function n(e){if(!(!e||k(e))){if(e===!0)return"is-rounded";if(S(e))return _(e,"is-rounded")}}function i(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,h)=>(m(),l(f(r.tag),{class:c(["ev-surface",s(y)(r.elevation),n(r.rounded),i(r.scrollable),r.class]),style:u([s(o),r.style])},{default:p(()=>[d(e.$slots,"default")]),_:3},8,["class","style"]))}});export{B as default};
 //# sourceMappingURL=EvSurface.vue.mjs.map