npm - @evance/evance-ui - Versions diffs - 1.1.11 → 1.1.13 - Mend

@evance/evance-ui 1.1.11 → 1.1.13

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 (1060) hide show

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","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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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSlideGroup.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvSlideGroup.vue.mjs");module.exports=e;
 //# 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.11 | 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;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue"),s=require("../../composables/groupItem.mjs"),c=require("./EvSlideGroup.mjs"),p=e.defineComponent({__name:"EvSlideGroupItem",props:{...s.makeGroupItemProps()},emits:["group:selected"],setup(o){const r=o,t=s.useGroupItem(r,c.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)))}});module.exports=p;
 //# 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","props","EvSlideGroupSymbol","slotProps","computed"],"mappings":"oRA0BMA,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"}

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

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

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | 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;
+"use strict";/*! Evance UI v1.1.13 | 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;
 //# sourceMappingURL=helpers.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | 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;
+"use strict";/*! Evance UI v1.1.13 | 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;
 //# sourceMappingURL=EvSurface.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | 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;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const s=require("vue");;/* empty css                 */const n=require("./EvSurface.mjs"),u=require("../../composables/dimensions.mjs"),t=require("../../util/is-functions.mjs"),c=require("../../util/modifiers.mjs"),f=s.defineComponent({__name:"EvSurface",props:{...n.makeEvSurfaceProps()},setup(i){const r=i,o=u.useDimensions(r);function a(e){if(!(!e||t.isEmpty(e))){if(e===!0)return"is-rounded";if(t.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,m)=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.tag),{class:s.normalizeClass(["ev-surface",s.unref(n.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"]))}});module.exports=f;
 //# sourceMappingURL=EvSurface.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSurface.vue.mjs","sources":["../../../../src/components/EvSurface/EvSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSurface.scss\";\nimport { makeElevationClass, makeEvSurfaceProps } from \"./EvSurface\";\nimport { isEmpty, isString, makeClassName } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({\n ...makeEvSurfaceProps(),\n});\nconst dimensions = useDimensions(props);\n\n/*\n @todo: this probably belongs in its own composable, if we expand on it or make it generic.\n \n @param rounded\n /\nfunction makeRoundedClass(rounded?: string \| number \| boolean) {\n if (!rounded \|\| isEmpty(rounded)) {\n return undefined;\n }\n if (rounded === true) {\n return \"is-rounded\";\n }\n if (!isString(rounded)) {\n return undefined;\n }\n return makeClassName(rounded, \"is-rounded\");\n}\n\n/\n # Make Scrollable Class\n * @param scrollable\n */\nfunction makeScrollableClass(scrollable?: string \| boolean) {\n if (typeof scrollable === \"undefined\") {\n return undefined;\n }\n if (scrollable === false) {\n return \"is-overflow-hidden\";\n }\n switch (scrollable) {\n case \"x\":\n return \"is-scrollable-x\";\n case \"y\":\n return \"is-scrollable-y\";\n default:\n return \"is-scrollable\";\n }\n}\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n :class=\"[\n 'ev-surface',\n makeElevationClass(props.elevation),\n makeRoundedClass(props.rounded),\n makeScrollableClass(props.scrollable),\n props.class,\n ]\"\n :style=\"[dimensions, props.style]\">\n <slot />\n </component>\n</template>\n"],"names":["dimensions","useDimensions","props","makeRoundedClass","rounded","isEmpty","isString","makeClassName","makeScrollableClass","scrollable"],"mappings":"~~scASMA~~,EAAaC,gBAAcC,CAAK,EAOtC,SAASC,EAAiBC,EAAqC,CAC3D,GAAI,GAACA,GAAWC,UAAQD,CAAO,GAG/B,IAAIA,IAAY,GACL,MAAA,aAEP,GAACE,EAAAA,SAASF,CAAO,EAGd,OAAAG,EAAA,cAAcH,EAAS,YAAY,EAAA,CAO9C,SAASI,EAAoBC,EAA+B,CACpD,GAAA,SAAOA,EAAe,KAG1B,IAAIA,IAAe,GACR,MAAA,qBAEX,OAAQA,EAAY,CAChB,IAAK,IACM,MAAA,kBACX,IAAK,IACM,MAAA,kBACX,QACW,MAAA,eAAA,EACf"}
1	+ {"version":3,"file":"EvSurface.vue.mjs","sources":["../../../../src/components/EvSurface/EvSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSurface.scss\";\nimport { makeElevationClass, makeEvSurfaceProps } from \"./EvSurface\";\nimport { isEmpty, isString, makeClassName } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({\n ...makeEvSurfaceProps(),\n});\nconst dimensions = useDimensions(props);\n\n/*\n @todo: this probably belongs in its own composable, if we expand on it or make it generic.\n \n @param rounded\n /\nfunction makeRoundedClass(rounded?: string \| number \| boolean) {\n if (!rounded \|\| isEmpty(rounded)) {\n return undefined;\n }\n if (rounded === true) {\n return \"is-rounded\";\n }\n if (!isString(rounded)) {\n return undefined;\n }\n return makeClassName(rounded, \"is-rounded\");\n}\n\n/\n # Make Scrollable Class\n * @param scrollable\n */\nfunction makeScrollableClass(scrollable?: string \| boolean) {\n if (typeof scrollable === \"undefined\") {\n return undefined;\n }\n if (scrollable === false) {\n return \"is-overflow-hidden\";\n }\n switch (scrollable) {\n case \"x\":\n return \"is-scrollable-x\";\n case \"y\":\n return \"is-scrollable-y\";\n default:\n return \"is-scrollable\";\n }\n}\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n :class=\"[\n 'ev-surface',\n makeElevationClass(props.elevation),\n makeRoundedClass(props.rounded),\n makeScrollableClass(props.scrollable),\n props.class,\n ]\"\n :style=\"[dimensions, props.style]\">\n <slot />\n </component>\n</template>\n"],"names":["dimensions","useDimensions","props","makeRoundedClass","rounded","isEmpty","isString","makeClassName","makeScrollableClass","scrollable"],"mappings":"uWASMA,EAAaC,gBAAcC,CAAK,EAOtC,SAASC,EAAiBC,EAAqC,CAC3D,GAAI,GAACA,GAAWC,UAAQD,CAAO,GAG/B,IAAIA,IAAY,GACL,MAAA,aAEP,GAACE,EAAAA,SAASF,CAAO,EAGd,OAAAG,EAAA,cAAcH,EAAS,YAAY,EAAA,CAO9C,SAASI,EAAoBC,EAA+B,CACpD,GAAA,SAAOA,EAAe,KAG1B,IAAIA,IAAe,GACR,MAAA,qBAEX,OAAQA,EAAY,CAChB,IAAK,IACM,MAAA,kBACX,IAAK,IACM,MAAA,kBACX,QACW,MAAA,eAAA,EACf"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSurface.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvSurface.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvSurface.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../composables/component.mjs"),c=require("../../composables/rounded.mjs"),a=require("../../composables/size.mjs"),u=require("../../util/props.mjs");function i(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=i(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function $(o){const r=i(o.stops),e=[];if(o.size&&e.push(`${o.size.width}% ${o.size.height}%`),o.position){const t=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,n=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;e.push(`at ${t} ${n}`)}return e.length?`radial-gradient(${e.join(" ")}, ${r})`:`radial-gradient(${r})`}function f(o){const{url:r,repeat:e="no-repeat",size:t="cover",position:n="center"}=o;return`url("${r}") ${n} / ${t} ${e}`}function s(o){if(Array.isArray(o))return o.map(s).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return $(o);case"image":return f(o)}return"transparent"}const y=u.propsFactory({value:[String,Object,Array],...a.makeSizeProps(),...c.makeRoundedProps({rounded:"circle"}),...p.makeComponentProps()},"EvSwatch");exports.makeBackground=s;exports.makeEvSwatchProps=y;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../composables/component.mjs"),c=require("../../composables/rounded.mjs"),a=require("../../composables/size.mjs"),u=require("../../util/props.mjs");function i(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=i(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function $(o){const r=i(o.stops),e=[];if(o.size&&e.push(`${o.size.width}% ${o.size.height}%`),o.position){const t=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,n=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;e.push(`at ${t} ${n}`)}return e.length?`radial-gradient(${e.join(" ")}, ${r})`:`radial-gradient(${r})`}function f(o){const{url:r,repeat:e="no-repeat",size:t="cover",position:n="center"}=o;return`url("${r}") ${n} / ${t} ${e}`}function s(o){if(Array.isArray(o))return o.map(s).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return $(o);case"image":return f(o)}return"transparent"}const y=u.propsFactory({value:[String,Object,Array],...a.makeSizeProps(),...c.makeRoundedProps({rounded:"circle"}),...p.makeComponentProps()},"EvSwatch");exports.makeBackground=s;exports.makeEvSwatchProps=y;
 //# sourceMappingURL=EvSwatch.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const t=require("./EvSwatch.mjs"),c=require("../../composables/rounded.mjs"),u=require("../../util/modifiers.mjs"),i=e.defineComponent({__name:"EvSwatch",props:{...t.makeEvSwatchProps()},setup(r){const s=r,{roundedClasses:o}=c.useRounded(s),n=e.computed(()=>u.sizeModifier(s.size));function a(){return e.computed(()=>({background:t.makeBackground(s.value)}))}const l=a();return(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ev-swatch",n.value,e.unref(o),s.class]),style:e.normalizeStyle(s.style)},[e.createElementVNode("div",{class:"ev-swatch--sample",style:e.normalizeStyle(e.unref(l))},null,4)],6))}});exports.default=i;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                */const t=require("./EvSwatch.mjs"),l=require("../../composables/rounded.mjs"),u=require("../../util/modifiers.mjs"),i=e.defineComponent({__name:"EvSwatch",props:{...t.makeEvSwatchProps()},setup(r){const s=r,{roundedClasses:n}=l.useRounded(s),o=e.computed(()=>u.sizeModifier(s.size));function c(){return e.computed(()=>({background:t.makeBackground(s.value)}))}const a=c();return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ev-swatch",o.value,e.unref(n),s.class]),style:e.normalizeStyle(s.style)},[e.createElementVNode("div",{class:"ev-swatch--sample",style:e.normalizeStyle(e.unref(a))},null,4)],6))}});module.exports=i;
 //# sourceMappingURL=EvSwatch.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSwatch.vue.mjs","sources":["../../../../src/components/EvSwatch/EvSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSwatch.scss\";\nimport { makeBackground, makeEvSwatchProps } from \"./EvSwatch\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { sizeModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n ...makeEvSwatchProps(),\n});\n\nconst { roundedClasses } = useRounded(props);\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nfunction makeSampleStyles() {\n return computed(() => {\n return {\n background: makeBackground(props.value),\n };\n });\n}\n\nconst sampleStyles = makeSampleStyles();\n\n</script>\n\n<template>\n <div\n :class=\"['ev-swatch', sizeClass, roundedClasses, props.class]\"\n :style=\"props.style\">\n <div class=\"ev-swatch--sample\" :style=\"sampleStyles\"></div>\n </div>\n</template>\n"],"names":["roundedClasses","useRounded","props","sizeClass","computed","sizeModifier","makeSampleStyles","makeBackground","sampleStyles"],"mappings":"~~sZAWM~~,CAAE,eAAAA,CAAA,EAAmBC,EAAA,WAAWC,CAAK,EACrCC,EAAYC,EAAAA,SAAS,IAAMC,EAAa,aAAAH,EAAM,IAAI,CAAC,EAEzD,SAASI,GAAmB,CACxB,OAAOF,WAAS,KACL,CACH,WAAYG,EAAAA,eAAeL,EAAM,KAAK,CAC1C,EACH,CAAA,CAGL,MAAMM,EAAeF,EAAiB"}
1	+ {"version":3,"file":"EvSwatch.vue.mjs","sources":["../../../../src/components/EvSwatch/EvSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSwatch.scss\";\nimport { makeBackground, makeEvSwatchProps } from \"./EvSwatch\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { sizeModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n ...makeEvSwatchProps(),\n});\n\nconst { roundedClasses } = useRounded(props);\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nfunction makeSampleStyles() {\n return computed(() => {\n return {\n background: makeBackground(props.value),\n };\n });\n}\n\nconst sampleStyles = makeSampleStyles();\n\n</script>\n\n<template>\n <div\n :class=\"['ev-swatch', sizeClass, roundedClasses, props.class]\"\n :style=\"props.style\">\n <div class=\"ev-swatch--sample\" :style=\"sampleStyles\"></div>\n </div>\n</template>\n"],"names":["roundedClasses","useRounded","props","sizeClass","computed","sizeModifier","makeSampleStyles","makeBackground","sampleStyles"],"mappings":"uTAWM,CAAE,eAAAA,CAAA,EAAmBC,EAAA,WAAWC,CAAK,EACrCC,EAAYC,EAAAA,SAAS,IAAMC,EAAa,aAAAH,EAAM,IAAI,CAAC,EAEzD,SAASI,GAAmB,CACxB,OAAOF,WAAS,KACL,CACH,WAAYG,EAAAA,eAAeL,EAAM,KAAK,CAC1C,EACH,CAAA,CAGL,MAAMM,EAAeF,EAAiB"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSwatch.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvSwatch.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvSwatch.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvCheckbox/EvCheckbox.mjs"),o=require("../../util/props.mjs"),r=o.propsFactory({...e.makeEvCheckboxProps()},"EvSwitch");exports.makeEvSwitchProps=r;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvCheckbox/EvCheckbox.mjs"),o=require("../../util/props.mjs"),r=o.propsFactory({...e.makeEvCheckboxProps()},"EvSwitch");exports.makeEvSwitchProps=r;
 //# sourceMappingURL=EvSwitch.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const b=require("../EvErrors/EvErrors.vue.mjs"),k=require("../EvLabel/EvLabel.vue.mjs"),E=require("../EvCheckbox/EvCheckbox.mjs"),g=require("./EvSwitch.mjs"),y=require("../../composables/validation.mjs"),w=require("../../util/helpers.mjs"),V={class:"ev-switch--control"},q=e.createElementVNode("div",{class:"ev-switch--track"},null,-1),N=e.createElementVNode("div",{class:"ev-switch--thumb"},null,-1),S=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],B={key:0,class:"ev-switch--label"},C={key:0,class:"ev-switch--errors"},x=e.defineComponent({inheritAttrs:!1,__name:"EvSwitch",props:{...g.makeEvSwitchProps()},emits:["update:focused","update:modelValue"],setup(i,{expose:a}){const r=i,c=e.useSlots(),d=e.useAttrs(),f=e.ref(null),o=e.ref(null),[p,_]=w.splitInputAttrs(d),t=y.useFormField(r),{trueValue:h,isChecked:n}=E.useToggleControl(t.model,r);function m(){return o.value}function v(s){n.value=s.target.checked}return a({field:t,input:o,focus:()=>{var s;(s=m())==null||s.focus()}}),(s,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:f,class:["ev-switch",[{"is-checked":e.unref(n),"is-labelled":r.label||e.unref(c).label},e.unref(t).classes,r.class]],style:r.style},e.unref(p)),[e.createElementVNode("div",V,[q,N,e.createElementVNode("input",e.mergeProps({id:e.unref(t).id,ref_key:"inputRef",ref:o,type:"checkbox",role:"switch",name:e.unref(t).name,disabled:e.unref(t).isDisabled,readonly:e.unref(t).isReadonly,checked:e.unref(n),value:e.unref(h),"aria-disabled":e.unref(t).isDisabled,"aria-checked":e.unref(n)},e.unref(_),{onInput:v,onFocus:l[0]||(l[0]=(...u)=>e.unref(t).focus&&e.unref(t).focus(...u)),onBlur:l[1]||(l[1]=(...u)=>e.unref(t).blur&&e.unref(t).blur(...u))}),null,16,S)]),r.label||r.hint||e.unref(c).label?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.unref(k.default),{clickable:"",for:e.unref(t).id,title:r.label,hint:r.hint},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"label")]),_:3},8,["for","title","hint"]),e.unref(t).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(e.unref(b.default),{messages:e.unref(t).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16))}});exports.default=x;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                */const k=require("../EvErrors/EvErrors.vue.mjs"),b=require("../EvLabel/EvLabel.vue.mjs"),E=require("../EvCheckbox/EvCheckbox.mjs"),g=require("./EvSwitch.mjs"),w=require("../../composables/validation.mjs"),y=require("../../util/helpers.mjs"),V={class:"ev-switch--control"},q=e.createElementVNode("div",{class:"ev-switch--track"},null,-1),N=e.createElementVNode("div",{class:"ev-switch--thumb"},null,-1),B=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],C={key:0,class:"ev-switch--label"},S={key:0,class:"ev-switch--errors"},x=e.defineComponent({inheritAttrs:!1,__name:"EvSwitch",props:{...g.makeEvSwitchProps()},emits:["update:focused","update:modelValue"],setup(i,{expose:a}){const r=i,c=e.useSlots(),d=e.useAttrs(),f=e.ref(null),l=e.ref(null),[p,h]=y.splitInputAttrs(d),t=w.useFormField(r),{trueValue:m,isChecked:n}=E.useToggleControl(t.model,r);function _(){return l.value}function v(s){n.value=s.target.checked}return a({field:t,input:l,focus:()=>{var s;(s=_())==null||s.focus()}}),(s,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:f,class:["ev-switch",[{"is-checked":e.unref(n),"is-labelled":r.label||e.unref(c).label},e.unref(t).classes,r.class]],style:r.style},e.unref(p)),[e.createElementVNode("div",V,[q,N,e.createElementVNode("input",e.mergeProps({id:e.unref(t).id,ref_key:"inputRef",ref:l,type:"checkbox",role:"switch",name:e.unref(t).name,disabled:e.unref(t).isDisabled,readonly:e.unref(t).isReadonly,checked:e.unref(n),value:e.unref(m),"aria-disabled":e.unref(t).isDisabled,"aria-checked":e.unref(n)},e.unref(h),{onInput:v,onFocus:o[0]||(o[0]=(...u)=>e.unref(t).focus&&e.unref(t).focus(...u)),onBlur:o[1]||(o[1]=(...u)=>e.unref(t).blur&&e.unref(t).blur(...u))}),null,16,B)]),r.label||r.hint||e.unref(c).label?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(e.unref(b),{clickable:"",for:e.unref(t).id,title:r.label,hint:r.hint},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"label")]),_:3},8,["for","title","hint"]),e.unref(t).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(e.unref(k),{messages:e.unref(t).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16))}});module.exports=x;
 //# sourceMappingURL=EvSwitch.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvSwitch.vue.mjs","sources":["../../../../src/components/EvSwitch/EvSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # `<ev-switch>`\n /\nimport \"./EvSwitch.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useToggleControl } from \"@/components/EvCheckbox\";\nimport { makeEvSwitchProps } from \"./EvSwitch\";\nimport { useFormField } from \"@/composables/validation\";\n\n/\n We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n /\ndefineOptions({\n inheritAttrs: false,\n});\n\n// Props & slots\nconst props = defineProps({\n ...makeEvSwitchProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement \| null>(null);\nconst inputRef = ref<HTMLInputElement \| null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\n\n/\n ## Get Input Element\n /\nfunction getInputElement(): HTMLInputElement \| null {\n return inputRef.value;\n}\n\n/\n ## On Input\n * @param e\n /\nfunction onInput(e: Event) {\n isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/\n ## Expose stuff\n */\ndefineExpose({\n field: formField,\n input: inputRef,\n focus: () => {\n getInputElement()?.focus();\n },\n});\n</script>\n\n<template>\n <div\n ref=\"containerRef\"\n class=\"ev-switch\"\n :class=\"[\n {\n 'is-checked': isChecked,\n 'is-labelled': props.label \|\| slots.label,\n },\n formField.classes,\n props.class,\n ]\"\n :style=\"props.style\"\n v-bind=\"containerAttrs\">\n <div class=\"ev-switch--control\">\n <div class=\"ev-switch--track\"></div>\n <div class=\"ev-switch--thumb\"></div>\n <input\n :id=\"formField.id\"\n ref=\"inputRef\"\n type=\"checkbox\"\n role=\"switch\"\n :name=\"formField.name\"\n :disabled=\"formField.isDisabled\"\n :readonly=\"formField.isReadonly\"\n :checked=\"isChecked\"\n :value=\"trueValue\"\n :aria-disabled=\"formField.isDisabled\"\n :aria-checked=\"isChecked\"\n v-bind=\"inputAttrs\"\n @input=\"onInput\"\n @focus=\"formField.focus\"\n @blur=\"formField.blur\" />\n </div>\n\n <div\n v-if=\"props.label \|\| props.hint \|\| slots.label\"\n class=\"ev-switch--label\">\n <ev-label\n clickable\n :for=\"formField.id\"\n :title=\"props.label\"\n :hint=\"props.hint\">\n <slot name=\"label\" />\n </ev-label>\n\n <div v-if=\"formField.isShowErrorMessages\" class=\"ev-switch--errors\">\n <ev-errors :messages=\"formField.errorMessages\" />\n </div>\n </div>\n </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","trueValue","isChecked","useToggleControl","getInputElement","onInput","e","__expose","_a"],"mappings":"~~05BAyBMA~~,EAAQC,EAAAA,WAORC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9B,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAiB,iBAAAL,EAAU,MAAOE,CAAK,EAKxE,SAASI,GAA2C,CAChD,OAAOV,EAAS,KAAA,CAOpB,SAASW,EAAQC,EAAU,CACbJ,EAAA,MAASI,EAAE,OAA4B,OAAA,CAMxC,OAAAC,EAAA,CACT,MAAOT,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAJ,EAAA,IAAA,MAAAI,EAAmB,OAAM,CAC7B,CACH"}
1	+ {"version":3,"file":"EvSwitch.vue.mjs","sources":["../../../../src/components/EvSwitch/EvSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # `<ev-switch>`\n /\nimport \"./EvSwitch.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useToggleControl } from \"@/components/EvCheckbox\";\nimport { makeEvSwitchProps } from \"./EvSwitch\";\nimport { useFormField } from \"@/composables/validation\";\n\n/\n We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n /\ndefineOptions({\n inheritAttrs: false,\n});\n\n// Props & slots\nconst props = defineProps({\n ...makeEvSwitchProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement \| null>(null);\nconst inputRef = ref<HTMLInputElement \| null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\n\n/\n ## Get Input Element\n /\nfunction getInputElement(): HTMLInputElement \| null {\n return inputRef.value;\n}\n\n/\n ## On Input\n * @param e\n /\nfunction onInput(e: Event) {\n isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/\n ## Expose stuff\n */\ndefineExpose({\n field: formField,\n input: inputRef,\n focus: () => {\n getInputElement()?.focus();\n },\n});\n</script>\n\n<template>\n <div\n ref=\"containerRef\"\n class=\"ev-switch\"\n :class=\"[\n {\n 'is-checked': isChecked,\n 'is-labelled': props.label \|\| slots.label,\n },\n formField.classes,\n props.class,\n ]\"\n :style=\"props.style\"\n v-bind=\"containerAttrs\">\n <div class=\"ev-switch--control\">\n <div class=\"ev-switch--track\"></div>\n <div class=\"ev-switch--thumb\"></div>\n <input\n :id=\"formField.id\"\n ref=\"inputRef\"\n type=\"checkbox\"\n role=\"switch\"\n :name=\"formField.name\"\n :disabled=\"formField.isDisabled\"\n :readonly=\"formField.isReadonly\"\n :checked=\"isChecked\"\n :value=\"trueValue\"\n :aria-disabled=\"formField.isDisabled\"\n :aria-checked=\"isChecked\"\n v-bind=\"inputAttrs\"\n @input=\"onInput\"\n @focus=\"formField.focus\"\n @blur=\"formField.blur\" />\n </div>\n\n <div\n v-if=\"props.label \|\| props.hint \|\| slots.label\"\n class=\"ev-switch--label\">\n <ev-label\n clickable\n :for=\"formField.id\"\n :title=\"props.label\"\n :hint=\"props.hint\">\n <slot name=\"label\" />\n </ev-label>\n\n <div v-if=\"formField.isShowErrorMessages\" class=\"ev-switch--errors\">\n <ev-errors :messages=\"formField.errorMessages\" />\n </div>\n </div>\n </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","trueValue","isChecked","useToggleControl","getInputElement","onInput","e","__expose","_a"],"mappings":"2zBAyBMA,EAAQC,EAAAA,WAORC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9B,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAiB,iBAAAL,EAAU,MAAOE,CAAK,EAKxE,SAASI,GAA2C,CAChD,OAAOV,EAAS,KAAA,CAOpB,SAASW,EAAQC,EAAU,CACbJ,EAAA,MAASI,EAAE,OAA4B,OAAA,CAMxC,OAAAC,EAAA,CACT,MAAOT,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAJ,EAAA,IAAA,MAAAI,EAAmB,OAAM,CAC7B,CACH"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSwitch.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvSwitch.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvSwitch.vue2.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../EvButton/EvButton.mjs"),t=require("../../../util/props.mjs"),r=require("../../../util/helpers.mjs"),s=t.propsFactory({direction:{type:String,default:"horizontal"},...r.omit(e.makeEvButtonProps({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");exports.makeEvTabProps=s;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../EvButton/EvButton.mjs"),t=require("../../../util/props.mjs"),r=require("../../../util/helpers.mjs"),s=t.propsFactory({direction:{type:String,default:"horizontal"},...r.omit(e.makeEvButtonProps({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");exports.makeEvTabProps=s;
 //# sourceMappingURL=EvTab.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */const z=require("./EvTab.mjs"),h=require("../../EvButton/EvButton.vue.mjs"),w=require("../EvTabs.mjs"),D=require("../../../composables/defaults.mjs"),H=require("../../../util/helpers.mjs"),y=require("../../../util/animate.mjs"),N=e.defineComponent({__name:"EvTab",props:{...z.makeEvTabProps()},setup(_){const S=_,E=e.useSlots(),o=D.useDefaults(S),f=e.computed(()=>{var s,t;return((t=(s=d.value)==null?void 0:s.group)==null?void 0:t.isSelected.value)??!1}),r=e.computed(()=>o.direction==="horizontal"),$=e.computed(()=>H.filterComponentProps(h.default,o)),d=e.ref(),p=e.ref();function q({value:s}){var b,x;if(!s)return;const t=(x=(b=d.value)==null?void 0:b.$el.parentElement)==null?void 0:x.querySelector(".ev-tab.is-active .ev-tab--slider"),v=p.value;if(!t||!v)return;const C=getComputedStyle(t).color,n=t.getBoundingClientRect(),a=v.getBoundingClientRect(),c=r.value?"x":"y",u=r.value?"X":"Y",m=r.value?"right":"bottom",l=r.value?"width":"height",B=n[c],P=a[c],i=B>P?n[m]-a[m]:n[c]-a[c],k=Math.sign(i)>0?r.value?"right":"bottom":Math.sign(i)<0?r.value?"left":"top":"center",M=(Math.abs(i)+(Math.sign(i)<0?n[l]:a[l]))/Math.max(n[l],a[l])||0,T=n[l]/a[l]||0,g=1.5;y.animate(v,{backgroundColor:[C,"currentcolor"],transform:[`translate${u}(${i}px) scale${u}(${T})`,`translate${u}(${i/g}px) scale${u}(${(M-1)/g+1})`,"none"],transformOrigin:Array(3).fill(k)},{duration:225,easing:y.easingStandard})}return(s,t)=>(e.openBlock(),e.createBlock(e.unref(h.default),e.mergeProps({ref_key:"rootEl",ref:d,role:"tab",class:["ev-tab",e.unref(o).class],active:void 0,"aria-selected":String(f.value),symbol:e.unref(w.EvTabsSymbol),tabindex:f.value?0:-1,style:e.unref(o).style},$.value,{"onGroup:selected":q}),e.createSlots({additional:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"sliderEl",ref:p,class:e.normalizeClass(["ev-tab--slider"])},null,512)]),_:2},[e.unref(o).text||e.unref(E).default?{name:"default",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(o).text),1)])]),key:"0"}:void 0]),1040,["class","aria-selected","symbol","tabindex","style"]))}});exports.default=N;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css             */const M=require("./EvTab.mjs"),x=require("../../EvButton/EvButton.vue.mjs"),w=require("../EvTabs.mjs"),D=require("../../../composables/defaults.mjs"),H=require("../../../util/helpers.mjs"),y=require("../../../util/animate.mjs"),N=e.defineComponent({__name:"EvTab",props:{...M.makeEvTabProps()},setup(_){const E=_,S=e.useSlots(),o=D.useDefaults(E),p=e.computed(()=>{var r,t;return((t=(r=d.value)==null?void 0:r.group)==null?void 0:t.isSelected.value)??!1}),n=e.computed(()=>o.direction==="horizontal"),$=e.computed(()=>H.filterComponentProps(x,o)),d=e.ref(),f=e.ref();function q({value:r}){var b,h;if(!r)return;const t=(h=(b=d.value)==null?void 0:b.$el.parentElement)==null?void 0:h.querySelector(".ev-tab.is-active .ev-tab--slider"),v=f.value;if(!t||!v)return;const C=getComputedStyle(t).color,s=t.getBoundingClientRect(),a=v.getBoundingClientRect(),c=n.value?"x":"y",u=n.value?"X":"Y",m=n.value?"right":"bottom",l=n.value?"width":"height",B=s[c],k=a[c],i=B>k?s[m]-a[m]:s[c]-a[c],P=Math.sign(i)>0?n.value?"right":"bottom":Math.sign(i)<0?n.value?"left":"top":"center",T=(Math.abs(i)+(Math.sign(i)<0?s[l]:a[l]))/Math.max(s[l],a[l])||0,z=s[l]/a[l]||0,g=1.5;y.animate(v,{backgroundColor:[C,"currentcolor"],transform:[`translate${u}(${i}px) scale${u}(${z})`,`translate${u}(${i/g}px) scale${u}(${(T-1)/g+1})`,"none"],transformOrigin:Array(3).fill(P)},{duration:225,easing:y.easingStandard})}return(r,t)=>(e.openBlock(),e.createBlock(e.unref(x),e.mergeProps({ref_key:"rootEl",ref:d,role:"tab",class:["ev-tab",e.unref(o).class],active:void 0,"aria-selected":String(p.value),symbol:e.unref(w.EvTabsSymbol),tabindex:p.value?0:-1,style:e.unref(o).style},$.value,{"onGroup:selected":q}),e.createSlots({additional:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"sliderEl",ref:f,class:e.normalizeClass(["ev-tab--slider"])},null,512)]),_:2},[e.unref(o).text||e.unref(S).default?{name:"default",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(o).text),1)])]),key:"0"}:void 0]),1040,["class","aria-selected","symbol","tabindex","style"]))}});module.exports=N;
 //# sourceMappingURL=EvTab.vue.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTab.vue.mjs","sources":["../../../../../src/components/EvTabs/EvTab/EvTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n # EvTab\r\n */\r\nimport \"./EvTab.scss\";\r\nimport { makeEvTabProps } from \"./EvTab\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvTabsSymbol } from \"@/components/EvTabs/EvTabs\";\r\nimport { computed, ref } from \"vue\";\r\nimport { animate, easingStandard, filterComponentProps } from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({\r\n ...makeEvTabProps(),\r\n});\r\nconst slots = defineSlots<{\r\n default(): never;\r\n}>();\r\nconst props = useDefaults(definedProps);\r\nconst isSelected = computed(\r\n () => rootEl.value?.group?.isSelected.value ?? false,\r\n);\r\nconst isHorizontal = computed(() => props.direction === \"horizontal\");\r\nconst buttonProps = computed(() => {\r\n return filterComponentProps(EvButton, props);\r\n});\r\nconst rootEl = ref<typeof EvButton>();\r\nconst sliderEl = ref<HTMLElement>();\r\n\r\nfunction updateSlider({ value }: { value: boolean }) {\r\n if (!value) {\r\n return;\r\n }\r\n\r\n const prevEl: HTMLElement \| undefined =\r\n rootEl.value?.$el.parentElement?.querySelector(\r\n \".ev-tab.is-active .ev-tab--slider\",\r\n );\r\n const nextEl = sliderEl.value;\r\n if (!prevEl \|\| !nextEl) {\r\n return;\r\n }\r\n\r\n const color = getComputedStyle(prevEl).color;\r\n const prevBox = prevEl.getBoundingClientRect();\r\n const nextBox = nextEl.getBoundingClientRect();\r\n\r\n const xy = isHorizontal.value ? \"x\" : \"y\";\r\n const XY = isHorizontal.value ? \"X\" : \"Y\";\r\n const rightBottom = isHorizontal.value ? \"right\" : \"bottom\";\r\n const widthHeight = isHorizontal.value ? \"width\" : \"height\";\r\n\r\n const prevPos = prevBox[xy];\r\n const nextPos = nextBox[xy];\r\n const delta =\r\n prevPos > nextPos\r\n ? prevBox[rightBottom] - nextBox[rightBottom]\r\n : prevBox[xy] - nextBox[xy];\r\n\r\n const origin =\r\n Math.sign(delta) > 0\r\n ? isHorizontal.value\r\n ? \"right\"\r\n : \"bottom\"\r\n : Math.sign(delta) < 0\r\n ? isHorizontal.value\r\n ? \"left\"\r\n : \"top\"\r\n : \"center\";\r\n\r\n const size =\r\n Math.abs(delta) +\r\n (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight]);\r\n const scale =\r\n size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) \|\| 0;\r\n const initialScale = prevBox[widthHeight] / nextBox[widthHeight] \|\| 0;\r\n\r\n const sigma = 1.5;\r\n animate(\r\n nextEl,\r\n {\r\n backgroundColor: [color, \"currentcolor\"],\r\n transform: [\r\n `translate${XY}(${delta}px) scale${XY}(${initialScale})`,\r\n `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`,\r\n \"none\",\r\n ],\r\n transformOrigin: Array(3).fill(origin),\r\n },\r\n {\r\n duration: 225,\r\n easing: easingStandard,\r\n },\r\n );\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n <ev-button\r\n ref=\"rootEl\"\r\n role=\"tab\"\r\n :class=\"['ev-tab', props.class]\"\r\n :active=\"undefined\"\r\n :aria-selected=\"String(isSelected)\"\r\n :symbol=\"EvTabsSymbol\"\r\n :tabindex=\"isSelected ? 0 : -1\"\r\n :style=\"props.style\"\r\n v-bind=\"buttonProps\"\r\n @group:selected=\"updateSlider\">\r\n <template v-if=\"props.text \|\| slots.default\" #default>\r\n <slot name=\"default\">{{ props.text }}</slot>\r\n </template>\r\n <template #additional>\r\n <div ref=\"sliderEl\" :class=\"['ev-tab--slider']\"></div>\r\n </template>\r\n </ev-button>\r\n</template>\r\n"],"names":["slots","_useSlots","props","useDefaults","definedProps","isSelected","computed","_b","_a","rootEl","isHorizontal","buttonProps","filterComponentProps","EvButton","ref","sliderEl","updateSlider","value","prevEl","nextEl","color","prevBox","nextBox","xy","XY","rightBottom","widthHeight","prevPos","nextPos","delta","origin","scale","initialScale","sigma","animate","easingStandard"],"mappings":"~~8fAeMA~~,EAAQC,EAAAA,SAAA,EAGRC,EAAQC,cAAYC,CAAY,EAChCC,EAAaC,EAAA,SACf,IAAA,SAAM,QAAAC,GAAAC,EAAAC,EAAO,QAAP,YAAAD,EAAc,QAAd,YAAAD,EAAqB,WAAW,QAAS,GACnD,EACMG,EAAeJ,EAAA,SAAS,IAAMJ,EAAM,YAAc,YAAY,EAC9DS,EAAcL,EAAAA,SAAS,IAClBM,EAAA,qBAAqBC,~~UAAUX~~,CAAK,CAC9C,EACKO,EAASK,EAAAA,IAAqB,EAC9BC,EAAWD,EAAAA,IAAiB,EAEzB,SAAAE,EAAa,CAAE,MAAAC,GAA6B,SACjD,GAAI,CAACA,EACD,OAGJ,MAAMC,GACFX,GAAAC,EAAAC,EAAO,QAAP,YAAAD,EAAc,IAAI,gBAAlB,YAAAD,EAAiC,cAC7B,qCAEFY,EAASJ,EAAS,MACpB,GAAA,CAACG,GAAU,CAACC,EACZ,OAGE,MAAAC,EAAQ,iBAAiBF,CAAM,EAAE,MACjCG,EAAUH,EAAO,sBAAsB,EACvCI,EAAUH,EAAO,sBAAsB,EAEvCI,EAAKb,EAAa,MAAQ,IAAM,IAChCc,EAAKd,EAAa,MAAQ,IAAM,IAChCe,EAAcf,EAAa,MAAQ,QAAU,SAC7CgB,EAAchB,EAAa,MAAQ,QAAU,SAE7CiB,EAAUN,EAAQE,CAAE,EACpBK,EAAUN,EAAQC,CAAE,EACpBM,EACFF,EAAUC,EACJP,EAAQI,CAAW,EAAIH,EAAQG,CAAW,EAC1CJ,EAAQE,CAAE,EAAID,EAAQC,CAAE,EAE5BO,EACF,KAAK,KAAKD,CAAK,EAAI,EACbnB,EAAa,MACT,QACA,SACJ,KAAK,KAAKmB,CAAK,EAAI,EACjBnB,EAAa,MACT,OACA,MACJ,SAKNqB,GAFF,KAAK,IAAIF,CAAK,GACb,KAAK,KAAKA,CAAK,EAAI,EAAIR,EAAQK,CAAW,EAAIJ,EAAQI,CAAW,IAE3D,KAAK,IAAIL,EAAQK,CAAW,EAAGJ,EAAQI,CAAW,CAAC,GAAK,EAC7DM,EAAeX,EAAQK,CAAW,EAAIJ,EAAQI,CAAW,GAAK,EAE9DO,EAAQ,IACdC,EAAA,QACIf,EACA,CACI,gBAAiB,CAACC,EAAO,cAAc,EACvC,UAAW,CACP,YAAYI,CAAE,IAAIK,CAAK,YAAYL,CAAE,IAAIQ,CAAY,IACrD,YAAYR,CAAE,IAAIK,EAAQI,CAAK,YAAYT,CAAE,KAAKO,EAAQ,GAAKE,EAAQ,CAAC,IACxE,MACJ,EACA,gBAAiB,MAAM,CAAC,EAAE,KAAKH,CAAM,CACzC,EACA,CACI,SAAU,IACV,OAAQK,EAAAA,cAAA,CAEhB,CAAA"}
1	+ {"version":3,"file":"EvTab.vue.mjs","sources":["../../../../../src/components/EvTabs/EvTab/EvTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n # EvTab\r\n */\r\nimport \"./EvTab.scss\";\r\nimport { makeEvTabProps } from \"./EvTab\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvTabsSymbol } from \"@/components/EvTabs/EvTabs\";\r\nimport { computed, ref } from \"vue\";\r\nimport { animate, easingStandard, filterComponentProps } from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({\r\n ...makeEvTabProps(),\r\n});\r\nconst slots = defineSlots<{\r\n default(): never;\r\n}>();\r\nconst props = useDefaults(definedProps);\r\nconst isSelected = computed(\r\n () => rootEl.value?.group?.isSelected.value ?? false,\r\n);\r\nconst isHorizontal = computed(() => props.direction === \"horizontal\");\r\nconst buttonProps = computed(() => {\r\n return filterComponentProps(EvButton, props);\r\n});\r\nconst rootEl = ref<typeof EvButton>();\r\nconst sliderEl = ref<HTMLElement>();\r\n\r\nfunction updateSlider({ value }: { value: boolean }) {\r\n if (!value) {\r\n return;\r\n }\r\n\r\n const prevEl: HTMLElement \| undefined =\r\n rootEl.value?.$el.parentElement?.querySelector(\r\n \".ev-tab.is-active .ev-tab--slider\",\r\n );\r\n const nextEl = sliderEl.value;\r\n if (!prevEl \|\| !nextEl) {\r\n return;\r\n }\r\n\r\n const color = getComputedStyle(prevEl).color;\r\n const prevBox = prevEl.getBoundingClientRect();\r\n const nextBox = nextEl.getBoundingClientRect();\r\n\r\n const xy = isHorizontal.value ? \"x\" : \"y\";\r\n const XY = isHorizontal.value ? \"X\" : \"Y\";\r\n const rightBottom = isHorizontal.value ? \"right\" : \"bottom\";\r\n const widthHeight = isHorizontal.value ? \"width\" : \"height\";\r\n\r\n const prevPos = prevBox[xy];\r\n const nextPos = nextBox[xy];\r\n const delta =\r\n prevPos > nextPos\r\n ? prevBox[rightBottom] - nextBox[rightBottom]\r\n : prevBox[xy] - nextBox[xy];\r\n\r\n const origin =\r\n Math.sign(delta) > 0\r\n ? isHorizontal.value\r\n ? \"right\"\r\n : \"bottom\"\r\n : Math.sign(delta) < 0\r\n ? isHorizontal.value\r\n ? \"left\"\r\n : \"top\"\r\n : \"center\";\r\n\r\n const size =\r\n Math.abs(delta) +\r\n (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight]);\r\n const scale =\r\n size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) \|\| 0;\r\n const initialScale = prevBox[widthHeight] / nextBox[widthHeight] \|\| 0;\r\n\r\n const sigma = 1.5;\r\n animate(\r\n nextEl,\r\n {\r\n backgroundColor: [color, \"currentcolor\"],\r\n transform: [\r\n `translate${XY}(${delta}px) scale${XY}(${initialScale})`,\r\n `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`,\r\n \"none\",\r\n ],\r\n transformOrigin: Array(3).fill(origin),\r\n },\r\n {\r\n duration: 225,\r\n easing: easingStandard,\r\n },\r\n );\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n <ev-button\r\n ref=\"rootEl\"\r\n role=\"tab\"\r\n :class=\"['ev-tab', props.class]\"\r\n :active=\"undefined\"\r\n :aria-selected=\"String(isSelected)\"\r\n :symbol=\"EvTabsSymbol\"\r\n :tabindex=\"isSelected ? 0 : -1\"\r\n :style=\"props.style\"\r\n v-bind=\"buttonProps\"\r\n @group:selected=\"updateSlider\">\r\n <template v-if=\"props.text \|\| slots.default\" #default>\r\n <slot name=\"default\">{{ props.text }}</slot>\r\n </template>\r\n <template #additional>\r\n <div ref=\"sliderEl\" :class=\"['ev-tab--slider']\"></div>\r\n </template>\r\n </ev-button>\r\n</template>\r\n"],"names":["slots","_useSlots","props","useDefaults","definedProps","isSelected","computed","_b","_a","rootEl","isHorizontal","buttonProps","filterComponentProps","EvButton","ref","sliderEl","updateSlider","value","prevEl","nextEl","color","prevBox","nextBox","xy","XY","rightBottom","widthHeight","prevPos","nextPos","delta","origin","scale","initialScale","sigma","animate","easingStandard"],"mappings":"+ZAeMA,EAAQC,EAAAA,SAAA,EAGRC,EAAQC,cAAYC,CAAY,EAChCC,EAAaC,EAAA,SACf,IAAA,SAAM,QAAAC,GAAAC,EAAAC,EAAO,QAAP,YAAAD,EAAc,QAAd,YAAAD,EAAqB,WAAW,QAAS,GACnD,EACMG,EAAeJ,EAAA,SAAS,IAAMJ,EAAM,YAAc,YAAY,EAC9DS,EAAcL,EAAAA,SAAS,IAClBM,EAAA,qBAAqBC,EAAUX,CAAK,CAC9C,EACKO,EAASK,EAAAA,IAAqB,EAC9BC,EAAWD,EAAAA,IAAiB,EAEzB,SAAAE,EAAa,CAAE,MAAAC,GAA6B,SACjD,GAAI,CAACA,EACD,OAGJ,MAAMC,GACFX,GAAAC,EAAAC,EAAO,QAAP,YAAAD,EAAc,IAAI,gBAAlB,YAAAD,EAAiC,cAC7B,qCAEFY,EAASJ,EAAS,MACpB,GAAA,CAACG,GAAU,CAACC,EACZ,OAGE,MAAAC,EAAQ,iBAAiBF,CAAM,EAAE,MACjCG,EAAUH,EAAO,sBAAsB,EACvCI,EAAUH,EAAO,sBAAsB,EAEvCI,EAAKb,EAAa,MAAQ,IAAM,IAChCc,EAAKd,EAAa,MAAQ,IAAM,IAChCe,EAAcf,EAAa,MAAQ,QAAU,SAC7CgB,EAAchB,EAAa,MAAQ,QAAU,SAE7CiB,EAAUN,EAAQE,CAAE,EACpBK,EAAUN,EAAQC,CAAE,EACpBM,EACFF,EAAUC,EACJP,EAAQI,CAAW,EAAIH,EAAQG,CAAW,EAC1CJ,EAAQE,CAAE,EAAID,EAAQC,CAAE,EAE5BO,EACF,KAAK,KAAKD,CAAK,EAAI,EACbnB,EAAa,MACT,QACA,SACJ,KAAK,KAAKmB,CAAK,EAAI,EACjBnB,EAAa,MACT,OACA,MACJ,SAKNqB,GAFF,KAAK,IAAIF,CAAK,GACb,KAAK,KAAKA,CAAK,EAAI,EAAIR,EAAQK,CAAW,EAAIJ,EAAQI,CAAW,IAE3D,KAAK,IAAIL,EAAQK,CAAW,EAAGJ,EAAQI,CAAW,CAAC,GAAK,EAC7DM,EAAeX,EAAQK,CAAW,EAAIJ,EAAQI,CAAW,GAAK,EAE9DO,EAAQ,IACdC,EAAA,QACIf,EACA,CACI,gBAAiB,CAACC,EAAO,cAAc,EACvC,UAAW,CACP,YAAYI,CAAE,IAAIK,CAAK,YAAYL,CAAE,IAAIQ,CAAY,IACrD,YAAYR,CAAE,IAAIK,EAAQI,CAAK,YAAYT,CAAE,KAAKO,EAAQ,GAAKE,EAAQ,CAAC,IACxE,MACJ,EACA,gBAAiB,MAAM,CAAC,EAAE,KAAKH,CAAM,CACzC,EACA,CACI,SAAU,IACV,OAAQK,EAAAA,cAAA,CAEhB,CAAA"}

package/dist/esm/components/EvTabs/EvTab/EvTab.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTab.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTab.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTab.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvSlideGroup/EvSlideGroup.mjs"),r=require("../../composables/tag.mjs"),o=require("../../util/props.mjs"),t=Symbol.for("ev:tabs"),s=o.propsFactory({alignTabs:{type:String,default:"start"},grow:Boolean,items:{type:Array,default:()=>[]},size:String,...e.makeEvSlideGroupProps({mandatory:"force"}),...r.makeTagProps()},"EvTabs");exports.EvTabsSymbol=t;exports.makeEvTabsProps=s;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvSlideGroup/EvSlideGroup.mjs"),r=require("../../composables/tag.mjs"),o=require("../../util/props.mjs"),t=Symbol.for("ev:tabs"),s=o.propsFactory({alignTabs:{type:String,default:"start"},grow:Boolean,items:{type:Array,default:()=>[]},size:String,...e.makeEvSlideGroupProps({mandatory:"force"}),...r.makeTagProps()},"EvTabs");exports.EvTabsSymbol=t;exports.makeEvTabsProps=s;
 //# sourceMappingURL=EvTabs.mjs.map

package/dist/esm/components/EvTabs/EvTabs.scss.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */
+"use strict";/*! Evance UI v1.1.13 | MIT License */
 //# sourceMappingURL=EvTabs.scss.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./EvTabs.scss.mjs");const u=require("./EvTabs.mjs"),n=require("../EvSlideGroup/EvSlideGroup.vue.mjs"),f=require("../../composables/modelProxy.mjs"),m=require("../../composables/defaults.mjs"),v=require("./EvTab/EvTab.vue.mjs"),_=require("../../util/helpers.mjs"),b=require("../../util/is-functions.mjs"),g=e.defineComponent({__name:"EvTabs",props:{...u.makeEvTabsProps()},setup(a){const t=a;function c(s){return s?s.map(r=>b.isObject(r)?r:{text:r,value:r}):[]}const l=f.useModelProxy(t,"modelValue"),i=e.computed(()=>c(t.items));m.provideDefaults({EvTab:{direction:e.toRef(t,"direction"),size:e.toRef(t,"size"),selectedAppearance:e.toRef(t,"selectedAppearance"),selectedVariant:e.toRef(t,"selectedVariant")}});const p=e.computed(()=>_.filterComponentProps(n.default,t)),d=e.computed(()=>`is-align-tabs-${t.alignTabs}`);return(s,r)=>(e.openBlock(),e.createBlock(e.unref(n.default),e.mergeProps(p.value,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=o=>e.isRef(l)?l.value=o:null),role:"tablist",class:["ev-tabs",d.value,{"is-grow":t.grow},t.class],style:t.style,symbol:e.unref(u.EvTabsSymbol)}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,o=>(e.openBlock(),e.createBlock(e.unref(v.default),e.mergeProps({key:o.text},o),null,16))),128))])]),_:3},16,["modelValue","class","style","symbol"]))}});exports.default=g;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");require("./EvTabs.scss.mjs");const n=require("./EvTabs.mjs"),u=require("../EvSlideGroup/EvSlideGroup.vue.mjs"),m=require("../../composables/modelProxy.mjs"),v=require("../../composables/defaults.mjs"),f=require("./EvTab/EvTab.vue.mjs"),_=require("../../util/helpers.mjs"),b=require("../../util/is-functions.mjs"),y=e.defineComponent({__name:"EvTabs",props:{...n.makeEvTabsProps()},setup(a){const t=a;function c(s){return s?s.map(r=>b.isObject(r)?r:{text:r,value:r}):[]}const l=m.useModelProxy(t,"modelValue"),p=e.computed(()=>c(t.items));v.provideDefaults({EvTab:{direction:e.toRef(t,"direction"),size:e.toRef(t,"size"),selectedAppearance:e.toRef(t,"selectedAppearance"),selectedVariant:e.toRef(t,"selectedVariant")}});const i=e.computed(()=>_.filterComponentProps(u,t)),d=e.computed(()=>`is-align-tabs-${t.alignTabs}`);return(s,r)=>(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps(i.value,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=o=>e.isRef(l)?l.value=o:null),role:"tablist",class:["ev-tabs",d.value,{"is-grow":t.grow},t.class],style:t.style,symbol:e.unref(n.EvTabsSymbol)}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>(e.openBlock(),e.createBlock(e.unref(f),e.mergeProps({key:o.text},o),null,16))),128))])]),_:3},16,["modelValue","class","style","symbol"]))}});module.exports=y;
 //# sourceMappingURL=EvTabs.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTabs.vue.mjs","sources":["../../../../src/components/EvTabs/EvTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n EvTabs\n * ---\n /\nimport \"./EvTabs.scss\";\nimport { EvTabsSymbol, makeEvTabsProps, TabItem } from \"./EvTabs\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, toRef } from \"vue\";\nimport { filterComponentProps, isObject } from \"@/util\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { EvTab } from \"./EvTab\";\n\n/\n ## parseItems\n * @param items\n */\nfunction parseItems(items: readonly TabItem[] \| undefined) {\n if (!items) {\n return [];\n }\n return items.map((item) => {\n return !isObject(item) ? { text: item, value: item } : item;\n });\n}\n\nconst props = defineProps({\n ...makeEvTabsProps(),\n});\nconst model = useModelProxy(props, \"modelValue\");\nconst parsedItems = computed(() => parseItems(props.items));\n\nprovideDefaults({\n EvTab: {\n direction: toRef(props, \"direction\"),\n size: toRef(props, \"size\"),\n selectedAppearance: toRef(props, \"selectedAppearance\"),\n selectedVariant: toRef(props, \"selectedVariant\"),\n },\n});\n\nconst slideGroupProps = computed(() =>\n filterComponentProps(EvSlideGroup, props),\n);\nconst alignTabsClass = computed(() => `is-align-tabs-${props.alignTabs}`);\n</script>\n\n<template>\n <ev-slide-group\n v-bind=\"slideGroupProps\"\n v-model=\"model\"\n role=\"tablist\"\n :class=\"[\n 'ev-tabs',\n alignTabsClass,\n {\n 'is-grow': props.grow,\n },\n props.class,\n ]\"\n :style=\"props.style\"\n :symbol=\"EvTabsSymbol\">\n <slot>\n <ev-tab\n v-for=\"item in parsedItems\"\n :key=\"item.text\"\n v-bind=\"item\"></ev-tab>\n </slot>\n </ev-slide-group>\n</template>\n"],"names":["parseItems","items","item","isObject","model","useModelProxy","props","parsedItems","computed","provideDefaults","toRef","slideGroupProps","filterComponentProps","EvSlideGroup","alignTabsClass"],"mappings":"~~yjBAkBA~~,SAASA,EAAWC,EAAuC,CACvD,OAAKA,EAGEA,EAAM,IAAKC,GACNC,EAAAA,SAASD,CAAI,EAAkCA,EAA9B,CAAE,KAAMA,EAAM,MAAOA,CAAA,CACjD,EAJU,CAAC,CAIX,CAMC,MAAAE,EAAQC,EAAAA,cAAcC,EAAO,YAAY,EACzCC,EAAcC,EAAAA,SAAS,IAAMR,EAAWM,EAAM,KAAK,CAAC,EAE1CG,kBAAA,CACZ,MAAO,CACH,UAAWC,EAAAA,MAAMJ,EAAO,WAAW,EACnC,KAAMI,EAAAA,MAAMJ,EAAO,MAAM,EACzB,mBAAoBI,EAAAA,MAAMJ,EAAO,oBAAoB,EACrD,gBAAiBI,EAAAA,MAAMJ,EAAO,iBAAiB,CAAA,CACnD,CACH,EAED,MAAMK,EAAkBH,EAAA,SAAS,IAC7BI,EAAAA,qBAAqBC,~~EAAAA~~,~~QAAcP,~~CAAK,CAC5C,EACMQ,EAAiBN,EAAAA,SAAS,IAAM,iBAAiBF,EAAM,SAAS,EAAE"}
1	+ {"version":3,"file":"EvTabs.vue.mjs","sources":["../../../../src/components/EvTabs/EvTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n EvTabs\n * ---\n /\nimport \"./EvTabs.scss\";\nimport { EvTabsSymbol, makeEvTabsProps, TabItem } from \"./EvTabs\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, toRef } from \"vue\";\nimport { filterComponentProps, isObject } from \"@/util\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { EvTab } from \"./EvTab\";\n\n/\n ## parseItems\n * @param items\n */\nfunction parseItems(items: readonly TabItem[] \| undefined) {\n if (!items) {\n return [];\n }\n return items.map((item) => {\n return !isObject(item) ? { text: item, value: item } : item;\n });\n}\n\nconst props = defineProps({\n ...makeEvTabsProps(),\n});\nconst model = useModelProxy(props, \"modelValue\");\nconst parsedItems = computed(() => parseItems(props.items));\n\nprovideDefaults({\n EvTab: {\n direction: toRef(props, \"direction\"),\n size: toRef(props, \"size\"),\n selectedAppearance: toRef(props, \"selectedAppearance\"),\n selectedVariant: toRef(props, \"selectedVariant\"),\n },\n});\n\nconst slideGroupProps = computed(() =>\n filterComponentProps(EvSlideGroup, props),\n);\nconst alignTabsClass = computed(() => `is-align-tabs-${props.alignTabs}`);\n</script>\n\n<template>\n <ev-slide-group\n v-bind=\"slideGroupProps\"\n v-model=\"model\"\n role=\"tablist\"\n :class=\"[\n 'ev-tabs',\n alignTabsClass,\n {\n 'is-grow': props.grow,\n },\n props.class,\n ]\"\n :style=\"props.style\"\n :symbol=\"EvTabsSymbol\">\n <slot>\n <ev-tab\n v-for=\"item in parsedItems\"\n :key=\"item.text\"\n v-bind=\"item\"></ev-tab>\n </slot>\n </ev-slide-group>\n</template>\n"],"names":["parseItems","items","item","isObject","model","useModelProxy","props","parsedItems","computed","provideDefaults","toRef","slideGroupProps","filterComponentProps","EvSlideGroup","alignTabsClass"],"mappings":"0dAkBA,SAASA,EAAWC,EAAuC,CACvD,OAAKA,EAGEA,EAAM,IAAKC,GACNC,EAAAA,SAASD,CAAI,EAAkCA,EAA9B,CAAE,KAAMA,EAAM,MAAOA,CAAA,CACjD,EAJU,CAAC,CAIX,CAMC,MAAAE,EAAQC,EAAAA,cAAcC,EAAO,YAAY,EACzCC,EAAcC,EAAAA,SAAS,IAAMR,EAAWM,EAAM,KAAK,CAAC,EAE1CG,kBAAA,CACZ,MAAO,CACH,UAAWC,EAAAA,MAAMJ,EAAO,WAAW,EACnC,KAAMI,EAAAA,MAAMJ,EAAO,MAAM,EACzB,mBAAoBI,EAAAA,MAAMJ,EAAO,oBAAoB,EACrD,gBAAiBI,EAAAA,MAAMJ,EAAO,iBAAiB,CAAA,CACnD,CACH,EAED,MAAMK,EAAkBH,EAAA,SAAS,IAC7BI,EAAAA,qBAAqBC,EAAcP,CAAK,CAC5C,EACMQ,EAAiBN,EAAAA,SAAS,IAAM,iBAAiBF,EAAM,SAAS,EAAE"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTabs.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTabs.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTabs.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/tag.mjs"),r=require("../../composables/component.mjs"),a=require("../../composables/groupItem.mjs"),n=require("../../composables/rounded.mjs"),e=require("../../composables/icons.mjs"),p=require("../../icons/glyph/CheckIcon.svg.mjs"),c=require("../../util/props.mjs"),o=require("../../util/events.mjs"),i=require("../../util/appearance.mjs"),s=c.propsFactory({activeClass:String,appearance:{type:String,default:i.Appearance.default},avatarEnd:String,avatarStart:String,closable:Boolean,draggable:Boolean,filter:Boolean,iconEnd:e.IconProp,iconFilter:{type:e.IconProp,default:p.default},iconStart:e.IconProp,link:{type:Boolean,default:void 0},modelValue:{type:Boolean,default:!0},text:String,variant:{type:String,default:"default"},onClick:o.EventProp(),onClickOnce:o.EventProp(),...a.makeGroupItemProps(),...r.makeComponentProps(),...n.makeRoundedProps(),...t.makeTagProps({tag:"span"})},"EvTag");exports.makeEvTagProps=s;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/tag.mjs"),r=require("../../composables/component.mjs"),a=require("../../composables/groupItem.mjs"),n=require("../../composables/rounded.mjs"),e=require("../../composables/icons.mjs"),p=require("../../icons/glyph/CheckIcon.svg.mjs"),c=require("../../util/props.mjs"),o=require("../../util/events.mjs"),i=require("../../util/appearance.mjs"),s=c.propsFactory({activeClass:String,appearance:{type:String,default:i.Appearance.default},avatarEnd:String,avatarStart:String,closable:Boolean,draggable:Boolean,filter:Boolean,iconEnd:e.IconProp,iconFilter:{type:e.IconProp,default:p.default},iconStart:e.IconProp,link:{type:Boolean,default:void 0},modelValue:{type:Boolean,default:!0},text:String,variant:{type:String,default:"default"},onClick:o.EventProp(),onClickOnce:o.EventProp(),...a.makeGroupItemProps(),...r.makeComponentProps(),...n.makeRoundedProps(),...t.makeTagProps({tag:"span"})},"EvTag");exports.makeEvTagProps=s;
 //# sourceMappingURL=EvTag.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */const D=require("./EvTag.mjs"),s=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const i=require("../EvDefaultsProvider/EvDefaultsProvider.vue.mjs"),F=require("../../icons/glyph/CancelIcon.svg.mjs"),I=require("../../composables/locale.mjs"),L=require("../../composables/modelProxy.mjs"),K=require("../../composables/router.mjs"),M=require("../../composables/groupItem.mjs"),h=require("../EvAvatar/EvAvatar.vue.mjs"),z=require("../EvTagGroup/EvTagGroup.mjs"),$=require("../../EvTransitionExpand.mjs"),G=require("../../composables/defaults.mjs"),O=require("../../util/appearance.mjs"),R={key:"filter",class:"ev-tag--filter"},j={key:"prefix",class:"ev-tag--prefix"},H={class:"ev-tag--content","data-no-activator":""},X={key:"suffix",class:"ev-tag--suffix"},J=["aria-label"],Q=e.defineComponent({__name:"EvTag",props:{...D.makeEvTagProps()},emits:["click","click:close","group:selected","update:modelValue"],setup(x,{emit:d}){const E=x,t=G.useDefaults(E),n=e.useSlots(),b=e.useAttrs(),r=K.useRouterLinkOrHref(t,b),{t:B}=I.useLocaleFunctions(),u=L.useModelProxy(t,"modelValue"),a=M.useGroupItem(t,z.EvTagGroupSymbol,!1),C=e.computed(()=>t.link!==!1&&r.isLink.value),o=e.computed(()=>!t.disabled&&t.link!==!1&&(!!a||t.link||r.isClickable.value)),S=e.computed(()=>B("close")),V=e.computed(()=>r.isLink.value?"a":t.tag);function f(l){var c;d("click",l),o.value&&((c=r.navigate)==null||c.call(r,l),a==null||a.toggle())}function q(l){l.stopPropagation(),u.value=!1,d("click:close",l)}function v(l){C.value||!o.value||(l.preventDefault(),f(l))}const p=e.computed(()=>(n.filter||t.filter)&&a),N=e.computed(()=>({isSelected:a==null?void 0:a.isSelected.value,selectedClass:a==null?void 0:a.selectedClass.value,selectedAppearance:a==null?void 0:a.selectedAppearance.value,selectedVariant:a==null?void 0:a.selectedVariant.value,select:a==null?void 0:a.select,toggle:a==null?void 0:a.toggle,value:a==null?void 0:a.value.value,disabled:t.disabled})),k=e.computed(()=>!!(t.avatarStart||t.iconStart)),m=e.computed(()=>!!(t.avatarEnd||t.iconEnd)),w=e.computed(()=>!!(k.value||n.prefix)),P=e.computed(()=>!!(m.value||n.suffix)),{appearanceClass:T,variantClass:A}=O.useAppearance(t,a,u);return(l,c)=>{var y,g;return e.unref(u)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V.value),{key:0,class:e.normalizeClass(["ev-tag",{"is-active":(y=e.unref(a))==null?void 0:y.isSelected.value,"is-clickable":o.value,"is-disabled":e.unref(t).disabled,"is-filter":p.value,"is-rounded":e.unref(t).rounded},(g=e.unref(a))==null?void 0:g.selectedClass.value,e.unref(T),e.unref(A),e.unref(t).class]),style:e.normalizeStyle([e.unref(t).style]),disabled:e.unref(t).disabled||void 0,draggable:e.unref(t).draggable,href:e.unref(r).href.value,tabindex:o.value?0:void 0,onClick:f,onKeydown:[e.withKeys(v,["enter"]),e.withKeys(v,["space"])]},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(e.unref($.EvTransitionExpandX),{key:"filter"},{default:e.withCtx(()=>{var _;return[e.withDirectives(e.createElementVNode("div",R,[e.unref(n).filter?(e.openBlock(),e.createBlock(e.unref(i.default),{key:"filter-defaults",disabled:!e.unref(t).iconFilter,defaults:{EvIcon:{glyph:e.unref(t).iconFilter}}},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"filter")]),_:3},8,["disabled","defaults"])):(e.openBlock(),e.createBlock(e.unref(s.default),{key:"filter-icon",glyph:e.unref(t).iconFilter},null,8,["glyph"]))],512),[[e.vShow,(_=e.unref(a))==null?void 0:_.isSelected.value]])]}),_:3})):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",j,[e.unref(n).prefix?(e.openBlock(),e.createBlock(e.unref(i.default),{key:"prefix-defaults",disabled:!k.value,defaults:{EvAvatar:{image:e.unref(t).avatarStart},EvIcon:{glyph:e.unref(t).iconStart}}},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(t).iconStart?(e.openBlock(),e.createBlock(e.unref(s.default),{key:"prefix-icon",glyph:e.unref(t).iconStart},null,8,["glyph"])):e.createCommentVNode("",!0),e.unref(t).avatarStart?(e.openBlock(),e.createBlock(e.unref(h.default),{key:"prefix-avatar",image:e.unref(t).avatarStart},null,8,["image"])):e.createCommentVNode("",!0)],64))])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(N.value)),()=>[e.createTextVNode(e.toDisplayString(e.unref(t).text),1)])]),P.value?(e.openBlock(),e.createElementBlock("div",X,[e.unref(n).suffix?(e.openBlock(),e.createBlock(e.unref(i.default),{key:"suffix-defaults",disabled:!m.value,defaults:{EvAvatar:{image:e.unref(t).avatarEnd},EvIcon:{glyph:e.unref(t).iconEnd}}},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(t).iconEnd?(e.openBlock(),e.createBlock(e.unref(s.default),{key:"prefix-icon",glyph:e.unref(t).iconEnd},null,8,["glyph"])):e.createCommentVNode("",!0),e.unref(t).avatarEnd?(e.openBlock(),e.createBlock(e.unref(h.default),{key:"suffix-avatar",image:e.unref(t).avatarEnd},null,8,["image"])):e.createCommentVNode("",!0)],64))])):e.createCommentVNode("",!0),e.unref(t).closable?(e.openBlock(),e.createElementBlock("button",{key:"close",class:"ev-tag--close","aria-label":S.value,onClick:q},[e.createVNode(e.unref(s.default),{glyph:e.unref(F.default),size:"small"},null,8,["glyph"])],8,J)):e.createCommentVNode("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):e.createCommentVNode("",!0)}}});exports.default=Q;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css             */const D=require("./EvTag.mjs"),s=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const i=require("../EvDefaultsProvider/EvDefaultsProvider.vue.mjs"),F=require("../../icons/glyph/CancelIcon.svg.mjs"),I=require("../../composables/locale.mjs"),L=require("../../composables/modelProxy.mjs"),K=require("../../composables/router.mjs"),z=require("../../composables/groupItem.mjs"),h=require("../EvAvatar/EvAvatar.vue.mjs"),$=require("../EvTagGroup/EvTagGroup.mjs"),G=require("../../EvTransitionExpand.mjs"),M=require("../../composables/defaults.mjs"),R=require("../../util/appearance.mjs"),H={key:"filter",class:"ev-tag--filter"},O={key:"prefix",class:"ev-tag--prefix"},X={class:"ev-tag--content","data-no-activator":""},j={key:"suffix",class:"ev-tag--suffix"},J=["aria-label"],Q=e.defineComponent({__name:"EvTag",props:{...D.makeEvTagProps()},emits:["click","click:close","group:selected","update:modelValue"],setup(E,{emit:d}){const x=E,t=M.useDefaults(x),n=e.useSlots(),B=e.useAttrs(),r=K.useRouterLinkOrHref(t,B),{t:C}=I.useLocaleFunctions(),c=L.useModelProxy(t,"modelValue"),a=z.useGroupItem(t,$.EvTagGroupSymbol,!1),b=e.computed(()=>t.link!==!1&&r.isLink.value),o=e.computed(()=>!t.disabled&&t.link!==!1&&(!!a||t.link||r.isClickable.value)),S=e.computed(()=>C("close")),V=e.computed(()=>r.isLink.value?"a":t.tag);function f(l){var u;d("click",l),o.value&&((u=r.navigate)==null||u.call(r,l),a==null||a.toggle())}function q(l){l.stopPropagation(),c.value=!1,d("click:close",l)}function v(l){b.value||!o.value||(l.preventDefault(),f(l))}const p=e.computed(()=>(n.filter||t.filter)&&a),N=e.computed(()=>({isSelected:a==null?void 0:a.isSelected.value,selectedClass:a==null?void 0:a.selectedClass.value,selectedAppearance:a==null?void 0:a.selectedAppearance.value,selectedVariant:a==null?void 0:a.selectedVariant.value,select:a==null?void 0:a.select,toggle:a==null?void 0:a.toggle,value:a==null?void 0:a.value.value,disabled:t.disabled})),k=e.computed(()=>!!(t.avatarStart||t.iconStart)),m=e.computed(()=>!!(t.avatarEnd||t.iconEnd)),w=e.computed(()=>!!(k.value||n.prefix)),P=e.computed(()=>!!(m.value||n.suffix)),{appearanceClass:A,variantClass:T}=R.useAppearance(t,a,c);return(l,u)=>{var y,g;return e.unref(c)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V.value),{key:0,class:e.normalizeClass(["ev-tag",{"is-active":(y=e.unref(a))==null?void 0:y.isSelected.value,"is-clickable":o.value,"is-disabled":e.unref(t).disabled,"is-filter":p.value,"is-rounded":e.unref(t).rounded},(g=e.unref(a))==null?void 0:g.selectedClass.value,e.unref(A),e.unref(T),e.unref(t).class]),style:e.normalizeStyle([e.unref(t).style]),disabled:e.unref(t).disabled||void 0,draggable:e.unref(t).draggable,href:e.unref(r).href.value,tabindex:o.value?0:void 0,onClick:f,onKeydown:[e.withKeys(v,["enter"]),e.withKeys(v,["space"])]},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(e.unref(G.EvTransitionExpandX),{key:"filter"},{default:e.withCtx(()=>{var _;return[e.withDirectives(e.createElementVNode("div",H,[e.unref(n).filter?(e.openBlock(),e.createBlock(e.unref(i),{key:"filter-defaults",disabled:!e.unref(t).iconFilter,defaults:{EvIcon:{glyph:e.unref(t).iconFilter}}},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"filter")]),_:3},8,["disabled","defaults"])):(e.openBlock(),e.createBlock(e.unref(s),{key:"filter-icon",glyph:e.unref(t).iconFilter},null,8,["glyph"]))],512),[[e.vShow,(_=e.unref(a))==null?void 0:_.isSelected.value]])]}),_:3})):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",O,[e.unref(n).prefix?(e.openBlock(),e.createBlock(e.unref(i),{key:"prefix-defaults",disabled:!k.value,defaults:{EvAvatar:{image:e.unref(t).avatarStart},EvIcon:{glyph:e.unref(t).iconStart}}},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(t).iconStart?(e.openBlock(),e.createBlock(e.unref(s),{key:"prefix-icon",glyph:e.unref(t).iconStart},null,8,["glyph"])):e.createCommentVNode("",!0),e.unref(t).avatarStart?(e.openBlock(),e.createBlock(e.unref(h),{key:"prefix-avatar",image:e.unref(t).avatarStart},null,8,["image"])):e.createCommentVNode("",!0)],64))])):e.createCommentVNode("",!0),e.createElementVNode("div",X,[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(N.value)),()=>[e.createTextVNode(e.toDisplayString(e.unref(t).text),1)])]),P.value?(e.openBlock(),e.createElementBlock("div",j,[e.unref(n).suffix?(e.openBlock(),e.createBlock(e.unref(i),{key:"suffix-defaults",disabled:!m.value,defaults:{EvAvatar:{image:e.unref(t).avatarEnd},EvIcon:{glyph:e.unref(t).iconEnd}}},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(t).iconEnd?(e.openBlock(),e.createBlock(e.unref(s),{key:"prefix-icon",glyph:e.unref(t).iconEnd},null,8,["glyph"])):e.createCommentVNode("",!0),e.unref(t).avatarEnd?(e.openBlock(),e.createBlock(e.unref(h),{key:"suffix-avatar",image:e.unref(t).avatarEnd},null,8,["image"])):e.createCommentVNode("",!0)],64))])):e.createCommentVNode("",!0),e.unref(t).closable?(e.openBlock(),e.createElementBlock("button",{key:"close",class:"ev-tag--close","aria-label":S.value,onClick:q},[e.createVNode(e.unref(s),{glyph:e.unref(F.default),size:"small"},null,8,["glyph"])],8,J)):e.createCommentVNode("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):e.createCommentVNode("",!0)}}});module.exports=Q;
 //# sourceMappingURL=EvTag.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTag.vue.mjs","sources":["../../../../src/components/EvTag/EvTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTag.scss\";\nimport { EvTagSlots, makeEvTagProps } from \"./EvTag\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { CancelIcon } from \"@/icons\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, useAttrs } from \"vue\";\nimport { KeyboardEvent } from \"react\";\nimport {\n RouterLinkOrHrefProps,\n useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem\";\nimport { EvAvatar } from \"@/components/EvAvatar\";\nimport { EvTagGroupSymbol } from \"@/components/EvTagGroup\";\nimport { EvTransitionExpandX } from \"@/components/EvTransition/transitions\";\nimport { useDefaults } from \"@/composables\";\nimport { AppearanceProps, useAppearance } from \"@/util\";\n\nconst definedProps = defineProps({\n ...makeEvTagProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<EvTagSlots>();\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst { t } = useLocaleFunctions();\nconst emit = defineEmits([\n \"click\",\n \"click:close\",\n \"group:selected\",\n \"update:modelValue\",\n]);\nconst isActive = useModelProxy(props, \"modelValue\");\nconst group = useGroupItem(\n props as any as GroupItemProps,\n EvTagGroupSymbol,\n false,\n);\nconst isLink = computed(() => {\n return props.link !== false && link.isLink.value;\n});\nconst isClickable = computed(() => {\n return (\n !props.disabled &&\n props.link !== false &&\n (!!group \|\| props.link \|\| link.isClickable.value)\n );\n});\n\nconst closeLabel = computed(() => {\n return t(\"close\");\n});\n\nconst tag = computed(() => {\n return link.isLink.value ? \"a\" : props.tag;\n});\n\n/*\n ## onClick\n * @param e\n /\nfunction onClick(e: MouseEvent) {\n emit(\"click\", e);\n if (!isClickable.value) {\n return;\n }\n link.navigate?.(e);\n group?.toggle();\n}\n\n/\n ## onClickClose\n * @param e\n /\nfunction onClickClose(e: MouseEvent) {\n e.stopPropagation();\n isActive.value = false;\n emit(\"click:close\", e);\n}\n\n/\n ## onKeyDown\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent) {\n if (isLink.value \|\| !isClickable.value) {\n return;\n }\n e.preventDefault();\n onClick(e as any as MouseEvent);\n}\n\nconst hasFilter = computed(() => {\n return (slots.filter \|\| props.filter) && group;\n});\n\nconst defaultSlotProps = computed(() => {\n return {\n isSelected: group?.isSelected.value,\n selectedClass: group?.selectedClass.value,\n selectedAppearance: group?.selectedAppearance.value,\n selectedVariant: group?.selectedVariant.value,\n select: group?.select,\n toggle: group?.toggle,\n value: group?.value.value,\n disabled: props.disabled,\n };\n});\n\nconst hasPrefixMedia = computed(() => !!(props.avatarStart \|\| props.iconStart));\nconst hasSuffixMedia = computed(() => !!(props.avatarEnd \|\| props.iconEnd));\nconst hasPrefix = computed(() => !!(hasPrefixMedia.value \|\| slots.prefix));\nconst hasSuffix = computed(() => !!(hasSuffixMedia.value \|\| slots.suffix));\n\nconst { appearanceClass, variantClass } = useAppearance(\n props as AppearanceProps,\n group,\n isActive,\n);\n</script>\n\n<template>\n <component\n :is=\"tag\"\n v-if=\"isActive\"\n :class=\"[\n 'ev-tag',\n {\n 'is-active': group?.isSelected.value,\n 'is-clickable': isClickable,\n 'is-disabled': props.disabled,\n 'is-filter': hasFilter,\n 'is-rounded': props.rounded,\n },\n group?.selectedClass.value,\n appearanceClass,\n variantClass,\n props.class,\n ]\"\n :style=\"[props.style]\"\n :disabled=\"props.disabled \|\| undefined\"\n :draggable=\"props.draggable\"\n :href=\"link.href.value\"\n :tabindex=\"isClickable ? 0 : undefined\"\n @click=\"onClick\"\n @keydown.enter=\"onKeyDown\"\n @keydown.space=\"onKeyDown\">\n <template v-if=\"hasFilter\">\n <ev-transition-expand-x key=\"filter\">\n <div\n v-show=\"group?.isSelected.value\"\n key=\"filter\"\n class=\"ev-tag--filter\">\n <template v-if=\"!slots.filter\">\n <ev-icon key=\"filter-icon\" :glyph=\"props.iconFilter\" />\n </template>\n <template v-else>\n <ev-defaults-provider\n key=\"filter-defaults\"\n :disabled=\"!props.iconFilter\"\n :defaults=\"{ EvIcon: { glyph: props.iconFilter } }\">\n <slot name=\"filter\" />\n </ev-defaults-provider>\n </template>\n </div>\n </ev-transition-expand-x>\n </template>\n\n <div v-if=\"hasPrefix\" key=\"prefix\" class=\"ev-tag--prefix\">\n <template v-if=\"!slots.prefix\">\n <ev-icon\n v-if=\"props.iconStart\"\n key=\"prefix-icon\"\n :glyph=\"props.iconStart\" />\n <ev-avatar\n v-if=\"props.avatarStart\"\n key=\"prefix-avatar\"\n :image=\"props.avatarStart\" />\n </template>\n <template v-else>\n <ev-defaults-provider\n key=\"prefix-defaults\"\n :disabled=\"!hasPrefixMedia\"\n :defaults=\"{\n EvAvatar: { image: props.avatarStart },\n EvIcon: { glyph: props.iconStart },\n }\">\n <slot name=\"prefix\" />\n </ev-defaults-provider>\n </template>\n </div>\n\n <div class=\"ev-tag--content\" data-no-activator=\"\">\n <slot name=\"default\" v-bind=\"defaultSlotProps\">{{\n props.text\n }}</slot>\n </div>\n\n <div v-if=\"hasSuffix\" key=\"suffix\" class=\"ev-tag--suffix\">\n <template v-if=\"!slots.suffix\">\n <ev-icon\n v-if=\"props.iconEnd\"\n key=\"prefix-icon\"\n :glyph=\"props.iconEnd\" />\n <ev-avatar\n v-if=\"props.avatarEnd\"\n key=\"suffix-avatar\"\n :image=\"props.avatarEnd\" />\n </template>\n <template v-else>\n <ev-defaults-provider\n key=\"suffix-defaults\"\n :disabled=\"!hasSuffixMedia\"\n :defaults=\"{\n EvAvatar: { image: props.avatarEnd },\n EvIcon: { glyph: props.iconEnd },\n }\">\n <slot name=\"suffix\" />\n </ev-defaults-provider>\n </template>\n </div>\n\n <button\n v-if=\"props.closable\"\n key=\"close\"\n class=\"ev-tag--close\"\n :aria-label=\"closeLabel\"\n @click=\"onClickClose\">\n <ev-icon :glyph=\"CancelIcon\" size=\"small\" />\n </button>\n </component>\n</template>\n"],"names":["props","useDefaults","definedProps","slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","t","useLocaleFunctions","isActive","useModelProxy","group","useGroupItem","EvTagGroupSymbol","isLink","computed","isClickable","closeLabel","tag","onClick","e","emit","_a","onClickClose","onKeyDown","hasFilter","defaultSlotProps","hasPrefixMedia","hasSuffixMedia","hasPrefix","hasSuffix","appearanceClass","variantClass","useAppearance"],"mappings":"~~koCAwBMA~~,EAAQC,cAAYC,CAAY,EAChCC,EAAQC,EAAAA,WACRC,EAAQC,EAAAA,SAAS,EACjBC,EAAOC,EAAAA,oBAAoBR,EAAgCK,CAAK,EAChE,CAAE,EAAAI,CAAE,EAAIC,qBAAmB,EAO3BC,EAAWC,EAAAA,cAAcZ,EAAO,YAAY,EAC5Ca,EAAQC,EAAA,aACVd,EACAe,EAAA,iBACA,EACJ,EACMC,EAASC,EAAAA,SAAS,IACbjB,EAAM,OAAS,IAASO,EAAK,OAAO,KAC9C,EACKW,EAAcD,EAAAA,SAAS,IAErB,CAACjB,EAAM,UACPA,EAAM,OAAS,KACd,CAAC,CAACa,GAASb,EAAM,MAAQO,EAAK,YAAY,MAElD,EAEKY,EAAaF,EAAAA,SAAS,IACjBR,EAAE,OAAO,CACnB,EAEKW,EAAMH,EAAAA,SAAS,IACVV,EAAK,OAAO,MAAQ,IAAMP,EAAM,GAC1C,EAMD,SAASqB,EAAQC,EAAe,OAC5BC,EAAK,QAASD,CAAC,EACVJ,EAAY,SAGjBM,EAAAjB,EAAK,WAAL,MAAAiB,EAAA,KAAAjB,EAAgBe,GAChBT,GAAA,MAAAA,EAAO,SAAO,CAOlB,SAASY,EAAaH,EAAe,CACjCA,EAAE,gBAAgB,EAClBX,EAAS,MAAQ,GACjBY,EAAK,cAAeD,CAAC,CAAA,CAOzB,SAASI,EAAUJ,EAAkB,CAC7BN,EAAO,OAAS,CAACE,EAAY,QAGjCI,EAAE,eAAe,EACjBD,EAAQC,CAAsB,EAAA,CAG5B,MAAAK,EAAYV,EAAAA,SAAS,KACfd,EAAM,QAAUH,EAAM,SAAWa,CAC5C,EAEKe,EAAmBX,EAAAA,SAAS,KACvB,CACH,WAAYJ,GAAA,YAAAA,EAAO,WAAW,MAC9B,cAAeA,GAAA,YAAAA,EAAO,cAAc,MACpC,mBAAoBA,GAAA,YAAAA,EAAO,mBAAmB,MAC9C,gBAAiBA,GAAA,YAAAA,EAAO,gBAAgB,MACxC,OAAQA,GAAA,YAAAA,EAAO,OACf,OAAQA,GAAA,YAAAA,EAAO,OACf,MAAOA,GAAA,YAAAA,EAAO,MAAM,MACpB,SAAUb,EAAM,QACpB,EACH,EAEK6B,EAAiBZ,WAAS,IAAM,CAAC,EAAEjB,EAAM,aAAeA,EAAM,UAAU,EACxE8B,EAAiBb,WAAS,IAAM,CAAC,EAAEjB,EAAM,WAAaA,EAAM,QAAQ,EACpE+B,EAAYd,WAAS,IAAM,CAAC,EAAEY,EAAe,OAAS1B,EAAM,OAAO,EACnE6B,EAAYf,WAAS,IAAM,CAAC,EAAEa,EAAe,OAAS3B,EAAM,OAAO,EAEnE,CAAE,gBAAA8B,EAAiB,aAAAC,CAAA,EAAiBC,EAAA,cACtCnC,EACAa,EACAF,CACJ"}
1	+ {"version":3,"file":"EvTag.vue.mjs","sources":["../../../../src/components/EvTag/EvTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTag.scss\";\nimport { EvTagSlots, makeEvTagProps } from \"./EvTag\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { CancelIcon } from \"@/icons\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, useAttrs } from \"vue\";\nimport { KeyboardEvent } from \"react\";\nimport {\n RouterLinkOrHrefProps,\n useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem\";\nimport { EvAvatar } from \"@/components/EvAvatar\";\nimport { EvTagGroupSymbol } from \"@/components/EvTagGroup\";\nimport { EvTransitionExpandX } from \"@/components/EvTransition/transitions\";\nimport { useDefaults } from \"@/composables\";\nimport { AppearanceProps, useAppearance } from \"@/util\";\n\nconst definedProps = defineProps({\n ...makeEvTagProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<EvTagSlots>();\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst { t } = useLocaleFunctions();\nconst emit = defineEmits([\n \"click\",\n \"click:close\",\n \"group:selected\",\n \"update:modelValue\",\n]);\nconst isActive = useModelProxy(props, \"modelValue\");\nconst group = useGroupItem(\n props as any as GroupItemProps,\n EvTagGroupSymbol,\n false,\n);\nconst isLink = computed(() => {\n return props.link !== false && link.isLink.value;\n});\nconst isClickable = computed(() => {\n return (\n !props.disabled &&\n props.link !== false &&\n (!!group \|\| props.link \|\| link.isClickable.value)\n );\n});\n\nconst closeLabel = computed(() => {\n return t(\"close\");\n});\n\nconst tag = computed(() => {\n return link.isLink.value ? \"a\" : props.tag;\n});\n\n/*\n ## onClick\n * @param e\n /\nfunction onClick(e: MouseEvent) {\n emit(\"click\", e);\n if (!isClickable.value) {\n return;\n }\n link.navigate?.(e);\n group?.toggle();\n}\n\n/\n ## onClickClose\n * @param e\n /\nfunction onClickClose(e: MouseEvent) {\n e.stopPropagation();\n isActive.value = false;\n emit(\"click:close\", e);\n}\n\n/\n ## onKeyDown\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent) {\n if (isLink.value \|\| !isClickable.value) {\n return;\n }\n e.preventDefault();\n onClick(e as any as MouseEvent);\n}\n\nconst hasFilter = computed(() => {\n return (slots.filter \|\| props.filter) && group;\n});\n\nconst defaultSlotProps = computed(() => {\n return {\n isSelected: group?.isSelected.value,\n selectedClass: group?.selectedClass.value,\n selectedAppearance: group?.selectedAppearance.value,\n selectedVariant: group?.selectedVariant.value,\n select: group?.select,\n toggle: group?.toggle,\n value: group?.value.value,\n disabled: props.disabled,\n };\n});\n\nconst hasPrefixMedia = computed(() => !!(props.avatarStart \|\| props.iconStart));\nconst hasSuffixMedia = computed(() => !!(props.avatarEnd \|\| props.iconEnd));\nconst hasPrefix = computed(() => !!(hasPrefixMedia.value \|\| slots.prefix));\nconst hasSuffix = computed(() => !!(hasSuffixMedia.value \|\| slots.suffix));\n\nconst { appearanceClass, variantClass } = useAppearance(\n props as AppearanceProps,\n group,\n isActive,\n);\n</script>\n\n<template>\n <component\n :is=\"tag\"\n v-if=\"isActive\"\n :class=\"[\n 'ev-tag',\n {\n 'is-active': group?.isSelected.value,\n 'is-clickable': isClickable,\n 'is-disabled': props.disabled,\n 'is-filter': hasFilter,\n 'is-rounded': props.rounded,\n },\n group?.selectedClass.value,\n appearanceClass,\n variantClass,\n props.class,\n ]\"\n :style=\"[props.style]\"\n :disabled=\"props.disabled \|\| undefined\"\n :draggable=\"props.draggable\"\n :href=\"link.href.value\"\n :tabindex=\"isClickable ? 0 : undefined\"\n @click=\"onClick\"\n @keydown.enter=\"onKeyDown\"\n @keydown.space=\"onKeyDown\">\n <template v-if=\"hasFilter\">\n <ev-transition-expand-x key=\"filter\">\n <div\n v-show=\"group?.isSelected.value\"\n key=\"filter\"\n class=\"ev-tag--filter\">\n <template v-if=\"!slots.filter\">\n <ev-icon key=\"filter-icon\" :glyph=\"props.iconFilter\" />\n </template>\n <template v-else>\n <ev-defaults-provider\n key=\"filter-defaults\"\n :disabled=\"!props.iconFilter\"\n :defaults=\"{ EvIcon: { glyph: props.iconFilter } }\">\n <slot name=\"filter\" />\n </ev-defaults-provider>\n </template>\n </div>\n </ev-transition-expand-x>\n </template>\n\n <div v-if=\"hasPrefix\" key=\"prefix\" class=\"ev-tag--prefix\">\n <template v-if=\"!slots.prefix\">\n <ev-icon\n v-if=\"props.iconStart\"\n key=\"prefix-icon\"\n :glyph=\"props.iconStart\" />\n <ev-avatar\n v-if=\"props.avatarStart\"\n key=\"prefix-avatar\"\n :image=\"props.avatarStart\" />\n </template>\n <template v-else>\n <ev-defaults-provider\n key=\"prefix-defaults\"\n :disabled=\"!hasPrefixMedia\"\n :defaults=\"{\n EvAvatar: { image: props.avatarStart },\n EvIcon: { glyph: props.iconStart },\n }\">\n <slot name=\"prefix\" />\n </ev-defaults-provider>\n </template>\n </div>\n\n <div class=\"ev-tag--content\" data-no-activator=\"\">\n <slot name=\"default\" v-bind=\"defaultSlotProps\">{{\n props.text\n }}</slot>\n </div>\n\n <div v-if=\"hasSuffix\" key=\"suffix\" class=\"ev-tag--suffix\">\n <template v-if=\"!slots.suffix\">\n <ev-icon\n v-if=\"props.iconEnd\"\n key=\"prefix-icon\"\n :glyph=\"props.iconEnd\" />\n <ev-avatar\n v-if=\"props.avatarEnd\"\n key=\"suffix-avatar\"\n :image=\"props.avatarEnd\" />\n </template>\n <template v-else>\n <ev-defaults-provider\n key=\"suffix-defaults\"\n :disabled=\"!hasSuffixMedia\"\n :defaults=\"{\n EvAvatar: { image: props.avatarEnd },\n EvIcon: { glyph: props.iconEnd },\n }\">\n <slot name=\"suffix\" />\n </ev-defaults-provider>\n </template>\n </div>\n\n <button\n v-if=\"props.closable\"\n key=\"close\"\n class=\"ev-tag--close\"\n :aria-label=\"closeLabel\"\n @click=\"onClickClose\">\n <ev-icon :glyph=\"CancelIcon\" size=\"small\" />\n </button>\n </component>\n</template>\n"],"names":["props","useDefaults","definedProps","slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","t","useLocaleFunctions","isActive","useModelProxy","group","useGroupItem","EvTagGroupSymbol","isLink","computed","isClickable","closeLabel","tag","onClick","e","emit","_a","onClickClose","onKeyDown","hasFilter","defaultSlotProps","hasPrefixMedia","hasSuffixMedia","hasPrefix","hasSuffix","appearanceClass","variantClass","useAppearance"],"mappings":"miCAwBMA,EAAQC,cAAYC,CAAY,EAChCC,EAAQC,EAAAA,WACRC,EAAQC,EAAAA,SAAS,EACjBC,EAAOC,EAAAA,oBAAoBR,EAAgCK,CAAK,EAChE,CAAE,EAAAI,CAAE,EAAIC,qBAAmB,EAO3BC,EAAWC,EAAAA,cAAcZ,EAAO,YAAY,EAC5Ca,EAAQC,EAAA,aACVd,EACAe,EAAA,iBACA,EACJ,EACMC,EAASC,EAAAA,SAAS,IACbjB,EAAM,OAAS,IAASO,EAAK,OAAO,KAC9C,EACKW,EAAcD,EAAAA,SAAS,IAErB,CAACjB,EAAM,UACPA,EAAM,OAAS,KACd,CAAC,CAACa,GAASb,EAAM,MAAQO,EAAK,YAAY,MAElD,EAEKY,EAAaF,EAAAA,SAAS,IACjBR,EAAE,OAAO,CACnB,EAEKW,EAAMH,EAAAA,SAAS,IACVV,EAAK,OAAO,MAAQ,IAAMP,EAAM,GAC1C,EAMD,SAASqB,EAAQC,EAAe,OAC5BC,EAAK,QAASD,CAAC,EACVJ,EAAY,SAGjBM,EAAAjB,EAAK,WAAL,MAAAiB,EAAA,KAAAjB,EAAgBe,GAChBT,GAAA,MAAAA,EAAO,SAAO,CAOlB,SAASY,EAAaH,EAAe,CACjCA,EAAE,gBAAgB,EAClBX,EAAS,MAAQ,GACjBY,EAAK,cAAeD,CAAC,CAAA,CAOzB,SAASI,EAAUJ,EAAkB,CAC7BN,EAAO,OAAS,CAACE,EAAY,QAGjCI,EAAE,eAAe,EACjBD,EAAQC,CAAsB,EAAA,CAG5B,MAAAK,EAAYV,EAAAA,SAAS,KACfd,EAAM,QAAUH,EAAM,SAAWa,CAC5C,EAEKe,EAAmBX,EAAAA,SAAS,KACvB,CACH,WAAYJ,GAAA,YAAAA,EAAO,WAAW,MAC9B,cAAeA,GAAA,YAAAA,EAAO,cAAc,MACpC,mBAAoBA,GAAA,YAAAA,EAAO,mBAAmB,MAC9C,gBAAiBA,GAAA,YAAAA,EAAO,gBAAgB,MACxC,OAAQA,GAAA,YAAAA,EAAO,OACf,OAAQA,GAAA,YAAAA,EAAO,OACf,MAAOA,GAAA,YAAAA,EAAO,MAAM,MACpB,SAAUb,EAAM,QACpB,EACH,EAEK6B,EAAiBZ,WAAS,IAAM,CAAC,EAAEjB,EAAM,aAAeA,EAAM,UAAU,EACxE8B,EAAiBb,WAAS,IAAM,CAAC,EAAEjB,EAAM,WAAaA,EAAM,QAAQ,EACpE+B,EAAYd,WAAS,IAAM,CAAC,EAAEY,EAAe,OAAS1B,EAAM,OAAO,EACnE6B,EAAYf,WAAS,IAAM,CAAC,EAAEa,EAAe,OAAS3B,EAAM,OAAO,EAEnE,CAAE,gBAAA8B,EAAiB,aAAAC,CAAA,EAAiBC,EAAA,cACtCnC,EACAa,EACAF,CACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTag.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTag.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTag.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/tag.mjs"),o=require("../../composables/component.mjs"),r=require("../../composables/group.mjs"),t=require("../EvSlideGroup/EvSlideGroup.mjs"),p=require("../../util/props.mjs"),s=require("../../util/is-functions.mjs"),a=Symbol.for("ev:tag-group"),u=p.propsFactory({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:s.isDeepEqual},...t.makeEvSlideGroupProps(),...o.makeComponentProps(),...r.makeGroupProps({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...e.makeTagProps()},"EvTagGroup");exports.EvTagGroupSymbol=a;exports.makeEvTagGroupProps=u;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/tag.mjs"),o=require("../../composables/component.mjs"),r=require("../../composables/group.mjs"),t=require("../EvSlideGroup/EvSlideGroup.mjs"),p=require("../../util/props.mjs"),s=require("../../util/is-functions.mjs"),a=Symbol.for("ev:tag-group"),u=p.propsFactory({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:s.isDeepEqual},...t.makeEvSlideGroupProps(),...o.makeComponentProps(),...r.makeGroupProps({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...e.makeTagProps()},"EvTagGroup");exports.EvTagGroupSymbol=a;exports.makeEvTagGroupProps=u;
 //# sourceMappingURL=EvTagGroup.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                  */const t=require("./EvTagGroup.mjs"),v=require("../../composables/group.mjs"),f=require("../../composables/defaults.mjs"),o=require("../EvSlideGroup/EvSlideGroup.vue.mjs"),_=require("../../util/helpers.mjs"),g=e.defineComponent({__name:"EvTagGroup",props:{...t.makeEvTagGroupProps()},setup(s){const r=s,{isSelected:u,select:l,next:p,previous:a,selected:c}=v.useGroup(r,t.EvTagGroupSymbol),n=e.computed(()=>({isSelected:u,select:l,next:p,previous:a,selected:c.value}));f.provideDefaults({EvTag:{disabled:e.toRef(r,"disabled"),filter:e.toRef(r,"filter")}});const i=e.computed(()=>_.filterComponentProps(o.default,r));return(d,m)=>(e.openBlock(),e.createBlock(e.unref(o.default),e.mergeProps(i.value,{class:["ev-tag-group",{"is-column":r.column},r.class],style:r.style}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(n.value)))]),_:3},16,["class","style"]))}});exports.default=g;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                  */const s=require("./EvTagGroup.mjs"),v=require("../../composables/group.mjs"),m=require("../../composables/defaults.mjs"),o=require("../EvSlideGroup/EvSlideGroup.vue.mjs"),_=require("../../util/helpers.mjs"),f=e.defineComponent({__name:"EvTagGroup",props:{...s.makeEvTagGroupProps()},setup(t){const r=t,{isSelected:u,select:l,next:p,previous:c,selected:n}=v.useGroup(r,s.EvTagGroupSymbol),a=e.computed(()=>({isSelected:u,select:l,next:p,previous:c,selected:n.value}));m.provideDefaults({EvTag:{disabled:e.toRef(r,"disabled"),filter:e.toRef(r,"filter")}});const i=e.computed(()=>_.filterComponentProps(o,r));return(d,g)=>(e.openBlock(),e.createBlock(e.unref(o),e.mergeProps(i.value,{class:["ev-tag-group",{"is-column":r.column},r.class],style:r.style}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(a.value)))]),_:3},16,["class","style"]))}});module.exports=f;
 //# sourceMappingURL=EvTagGroup.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTagGroup.vue.mjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTagGroup.scss\";\nimport {\n EvTagGroupSlots,\n EvTagGroupSymbol,\n makeEvTagGroupProps,\n} from \"./EvTagGroup.ts\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { computed, toRef } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\n\nconst props = defineProps({\n ...makeEvTagGroupProps(),\n});\n\nconst { isSelected, select, next, previous, selected } = useGroup(\n props as any as GroupProps,\n EvTagGroupSymbol,\n);\n\ndefineSlots<EvTagGroupSlots>();\n\nconst slotProps = computed(() => {\n return {\n isSelected,\n select,\n next,\n previous,\n selected: selected.value,\n };\n});\n\nprovideDefaults({\n EvTag: {\n disabled: toRef(props, \"disabled\"),\n filter: toRef(props, \"filter\"),\n },\n});\n\nconst slideGroupProps = computed(() =>\n filterComponentProps(EvSlideGroup, props),\n);\n</script>\n\n<template>\n <ev-slide-group\n v-bind=\"slideGroupProps\"\n :class=\"[\n 'ev-tag-group',\n {\n 'is-column': props.column,\n },\n props.class,\n ]\"\n :style=\"props.style\">\n <slot v-bind=\"slotProps\" />\n </ev-slide-group>\n</template>\n"],"names":["isSelected","select","next","previous","selected","useGroup","props","EvTagGroupSymbol","slotProps","computed","provideDefaults","toRef","slideGroupProps","filterComponentProps","EvSlideGroup"],"mappings":"~~wfAiBM~~,CAAE,WAAAA,EAAY,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,SAAAC,GAAaC,EAAA,SACrDC,EACAC,EAAAA,gBACJ,EAIMC,EAAYC,EAAAA,SAAS,KAChB,CACH,WAAAT,EACA,OAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAUC,EAAS,KACvB,EACH,EAEeM,kBAAA,CACZ,MAAO,CACH,SAAUC,EAAAA,MAAML,EAAO,UAAU,EACjC,OAAQK,EAAAA,MAAML,EAAO,QAAQ,CAAA,CACjC,CACH,EAED,MAAMM,EAAkBH,EAAA,SAAS,IAC7BI,EAAAA,qBAAqBC,~~EAAAA~~,~~QAAcR,~~CAAK,CAC5C"}
1	+ {"version":3,"file":"EvTagGroup.vue.mjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTagGroup.scss\";\nimport {\n EvTagGroupSlots,\n EvTagGroupSymbol,\n makeEvTagGroupProps,\n} from \"./EvTagGroup.ts\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { computed, toRef } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\n\nconst props = defineProps({\n ...makeEvTagGroupProps(),\n});\n\nconst { isSelected, select, next, previous, selected } = useGroup(\n props as any as GroupProps,\n EvTagGroupSymbol,\n);\n\ndefineSlots<EvTagGroupSlots>();\n\nconst slotProps = computed(() => {\n return {\n isSelected,\n select,\n next,\n previous,\n selected: selected.value,\n };\n});\n\nprovideDefaults({\n EvTag: {\n disabled: toRef(props, \"disabled\"),\n filter: toRef(props, \"filter\"),\n },\n});\n\nconst slideGroupProps = computed(() =>\n filterComponentProps(EvSlideGroup, props),\n);\n</script>\n\n<template>\n <ev-slide-group\n v-bind=\"slideGroupProps\"\n :class=\"[\n 'ev-tag-group',\n {\n 'is-column': props.column,\n },\n props.class,\n ]\"\n :style=\"props.style\">\n <slot v-bind=\"slotProps\" />\n </ev-slide-group>\n</template>\n"],"names":["isSelected","select","next","previous","selected","useGroup","props","EvTagGroupSymbol","slotProps","computed","provideDefaults","toRef","slideGroupProps","filterComponentProps","EvSlideGroup"],"mappings":"yZAiBM,CAAE,WAAAA,EAAY,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,SAAAC,GAAaC,EAAA,SACrDC,EACAC,EAAAA,gBACJ,EAIMC,EAAYC,EAAAA,SAAS,KAChB,CACH,WAAAT,EACA,OAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAUC,EAAS,KACvB,EACH,EAEeM,kBAAA,CACZ,MAAO,CACH,SAAUC,EAAAA,MAAML,EAAO,UAAU,EACjC,OAAQK,EAAAA,MAAML,EAAO,QAAQ,CAAA,CACjC,CACH,EAED,MAAMM,EAAkBH,EAAA,SAAS,IAC7BI,EAAAA,qBAAqBC,EAAcR,CAAK,CAC5C"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTagGroup.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTagGroup.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTagGroup.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),t=require("../../composables/tag.mjs"),r=require("../../util/props.mjs"),o={small:"small",medium:"medium",large:"large",xLarge:"x-large"},a={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r.propsFactory({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e.makeComponentProps(),...t.makeTagProps({tag:"p"})},"EvText");exports.EvTextSize=o;exports.EvTextSizeClass=a;exports.makeEvTextProps=s;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),t=require("../../composables/tag.mjs"),r=require("../../util/props.mjs"),o={small:"small",medium:"medium",large:"large",xLarge:"x-large"},a={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r.propsFactory({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e.makeComponentProps(),...t.makeTagProps({tag:"p"})},"EvText");exports.EvTextSize=o;exports.EvTextSizeClass=a;exports.makeEvTextProps=s;
 //# sourceMappingURL=EvText.mjs.map