@evance/evance-ui 1.1.13 → 1.1.16

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

@@ -1 +1 @@
-{"version":3,"file":"EvImg.vue.mjs","sources":["../../../../src/components/EvImg/EvImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-img>`\r\n */\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onBeforeMount,\r\n    onBeforeUnmount,\r\n    onMounted,\r\n    ref,\r\n    shallowRef,\r\n    watch,\r\n} from \"vue\";\r\nimport {Browser, filterComponentProps, isObject, makeClassName, toWebUnit} from \"@/util\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    error(): never;\r\n    loading(): never;\r\n    placeholder(): never;\r\n    sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" | \"loading\" | \"loaded\" | \"error\">(\r\n    props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n    const imgSrc = props as EvImgSrcObject | { src: EvImgSrcObject };\r\n\r\n    return isObject(imgSrc.src)\r\n        ? {\r\n              src: imgSrc.src.src,\r\n              srcset: props.srcset || imgSrc.src.srcset,\r\n              lazySrc: props.lazySrc || imgSrc.src.lazySrc,\r\n              aspect: props.aspectRatio || imgSrc.src.aspect || 0,\r\n          }\r\n        : {\r\n              src: props.src,\r\n              srcset: props.srcset,\r\n              lazySrc: props.lazySrc,\r\n              aspect: props.aspectRatio || 0,\r\n          };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n    return (\r\n        normalisedSrc.value.aspect ||\r\n        naturalWidth.value! / naturalHeight.value! ||\r\n        0\r\n    );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n    return {\r\n        \"is-object-cover\": props.cover,\r\n        \"is-object-contain\": !props.cover,\r\n    };\r\n});\r\n\r\n/**\r\n * ## getSrc\r\n */\r\nfunction getSrc() {\r\n    const img = image.value;\r\n    if (img) {\r\n        currentSrc.value = img.currentSrc || img.src;\r\n    }\r\n}\r\n\r\n/**\r\n * ## init\r\n *\r\n * @param isIntersecting\r\n */\r\nfunction init(isIntersecting?: boolean) {\r\n    if (props.eager && isIntersecting) {\r\n        return;\r\n    }\r\n    if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n        return;\r\n    }\r\n    state.value = \"loading\";\r\n\r\n    if (normalisedSrc.value.lazySrc) {\r\n        const lazyImg = new Image();\r\n        lazyImg.src = normalisedSrc.value.lazySrc;\r\n        pollForSize(lazyImg, null);\r\n    }\r\n\r\n    if (!normalisedSrc.value.src) {\r\n        return;\r\n    }\r\n\r\n    nextTick(() => {\r\n        emit(\"loadstart\", image.value?.currentSrc || normalisedSrc.value.src);\r\n        setTimeout(() => {\r\n            if (image.value?.complete) {\r\n                if (!image.value.naturalWidth) {\r\n                    onError();\r\n                }\r\n                if (state.value === \"error\") {\r\n                    return;\r\n                }\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value, null);\r\n                }\r\n                if (state.value === \"loading\") {\r\n                    onLoad();\r\n                }\r\n            } else {\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value!);\r\n                }\r\n                getSrc();\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n/**\r\n * ## onError\r\n */\r\nfunction onError() {\r\n    state.value = \"error\";\r\n    emit(\"error\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\n/**\r\n * ## onLoad\r\n */\r\nfunction onLoad() {\r\n    getSrc();\r\n    pollForSize(image.value!);\r\n    state.value = \"loaded\";\r\n    emit(\"load\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number | null = 100) {\r\n    const poll = () => {\r\n        clearTimeout(timer);\r\n        if (!img) {\r\n            return;\r\n        }\r\n        if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n            timer = window.setTimeout(poll, timeout);\r\n            return;\r\n        }\r\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n        if (imgHeight || imgWidth) {\r\n            naturalWidth.value = imgWidth;\r\n            naturalHeight.value = imgHeight;\r\n        } else if (\r\n            img.currentSrc.endsWith(\".svg\") ||\r\n            img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n        ) {\r\n            naturalWidth.value = 1;\r\n            naturalHeight.value = 1;\r\n        }\r\n    };\r\n    poll();\r\n}\r\n\r\nwatch(\r\n    () => props.src,\r\n    () => {\r\n        if (state.value !== \"idle\") {\r\n            state.value = \"idle\";\r\n            nextTick(() => {\r\n                init(true);\r\n            });\r\n        }\r\n    },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n    if (!val && oldVal && image.value) {\r\n        pollForSize(image.value);\r\n    }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n    const windowWidth = ref(window.innerWidth);\r\n    const onWindowResize = () => {\r\n        windowWidth.value = window.innerWidth;\r\n    };\r\n    onMounted(() => {\r\n        window.addEventListener(\"resize\", onWindowResize);\r\n        onWindowResize();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        window.removeEventListener(\"resize\", onWindowResize);\r\n    });\r\n\r\n    watch(windowWidth, (newWidth, oldWidth) => {\r\n        if (newWidth != oldWidth) {\r\n            getSrc();\r\n        }\r\n    });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n    const stop = watch(aspectRatio, (val) => {\r\n        if (val) {\r\n            // Doesn't work with nextTick, idk why\r\n            requestAnimationFrame(() => {\r\n                requestAnimationFrame(() => {\r\n                    isBooted.value = true;\r\n                });\r\n            });\r\n            stop();\r\n        }\r\n    });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n    return state.value === \"loaded\";\r\n});\r\n\r\nconst isEmpty = computed(() => {\r\n    return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n    filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n    src: normalisedSrc.value.src,\r\n    srcset: normalisedSrc.value.srcset,\r\n    alt: props.alt,\r\n    crossorigin: props.crossorigin,\r\n    referrerpolicy: props.referrerpolicy,\r\n    draggable: props.draggable,\r\n    sizes: props.sizes,\r\n}));\r\n\r\nconst stateClass = computed(() => makeClassName(state.value, \"is-state\"));\r\n</script>\r\n\r\n<template>\r\n    <ev-responsive\r\n        v-intersect.once=\"{\r\n            handler: init,\r\n            options: props.options,\r\n        }\"\r\n        :class=\"[\r\n            'ev-img',\r\n            {\r\n                'is-booting': !isBooted,\r\n            },\r\n            stateClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"[\r\n            {\r\n                width: toWebUnit(\r\n                    props.width === 'auto' ? naturalWidth : props.width,\r\n                ),\r\n            },\r\n            props.style,\r\n        ]\"\r\n        v-bind=\"responsiveProps\"\r\n        :aria-label=\"props.alt\"\r\n        :aspect-ratio=\"aspectRatio\"\r\n        :role=\"props.alt ? 'img' : undefined\">\r\n        <template #additional>\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <picture\r\n                    v-if=\"slots.sources\"\r\n                    v-show=\"isLoaded\"\r\n                    class=\"ev-img--picture\">\r\n                    <slot name=\"sources\" />\r\n                    <img\r\n                        ref=\"image\"\r\n                        :class=\"['ev-img--img', objectFitClasses]\"\r\n                        :style=\"{ objectPosition: props.position }\"\r\n                        v-bind=\"imgProps\"\r\n                        @load=\"onLoad\"\r\n                        @error=\"onError\" />\r\n                </picture>\r\n                <img\r\n                    v-else\r\n                    v-show=\"isLoaded\"\r\n                    ref=\"image\"\r\n                    :class=\"['ev-img--img', objectFitClasses]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    v-bind=\"imgProps\"\r\n                    @load=\"onLoad\"\r\n                    @error=\"onError\" />\r\n            </ev-transition>\r\n\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n                :transition=\"transition\">\r\n                <img\r\n                    :class=\"[\r\n                        'ev-img--img',\r\n                        'ev-img--preload',\r\n                        objectFitClasses,\r\n                    ]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    :src=\"normalisedSrc.lazySrc\"\r\n                    :alt=\"props.alt\"\r\n                    :crossorigin=\"props.crossorigin\"\r\n                    :referrerpolicy=\"props.referrerpolicy\"\r\n                    :draggable=\"props.draggable\" />\r\n            </ev-transition>\r\n\r\n            <div\r\n                v-if=\"props.gradient\"\r\n                class=\"ev-img--gradient\"\r\n                :style=\"{\r\n                    backgroundImage: `linear-gradient(${props.gradient})`,\r\n                }\"></div>\r\n\r\n            <ev-transition\r\n                v-if=\"slots.placeholder && isEmpty\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.loading && state === 'loading'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--loading\">\r\n                    <slot name=\"loading\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.error && state === 'error'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--error\">\r\n                    <slot name=\"error\" />\r\n                </div>\r\n            </ev-transition>\r\n        </template>\r\n        <template v-if=\"slots.default\" #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["slots","_useSlots","currentSrc","shallowRef","image","ref","state","props","naturalWidth","naturalHeight","transition","useEvTransition","normalisedSrc","computed","imgSrc","isObject","aspectRatio","objectFitClasses","getSrc","img","init","isIntersecting","Browser","lazyImg","pollForSize","nextTick","emit","_a","onError","onLoad","timer","timeout","poll","imgHeight","imgWidth","watch","val","oldVal","onBeforeMount","windowWidth","onWindowResize","onMounted","onBeforeUnmount","newWidth","oldWidth","isBooted","stop","isLoaded","isEmpty","responsiveProps","filterComponentProps","EvResponsive","imgProps","stateClass","makeClassName"],"mappings":"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"}
+{"version":3,"file":"EvImg.vue.mjs","sources":["../../../../src/components/EvImg/EvImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-img>`\r\n */\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onBeforeMount,\r\n    onBeforeUnmount,\r\n    onMounted,\r\n    ref,\r\n    shallowRef,\r\n    watch,\r\n} from \"vue\";\r\nimport {Browser, filterComponentProps, isObject, makeClassName, toWebUnit} from \"@/util\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    error(): never;\r\n    loading(): never;\r\n    placeholder(): never;\r\n    sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" | \"loading\" | \"loaded\" | \"error\">(\r\n    props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n    const imgSrc = props as EvImgSrcObject | { src: EvImgSrcObject };\r\n\r\n    return isObject(imgSrc.src)\r\n        ? {\r\n              src: imgSrc.src.src,\r\n              srcset: props.srcset || imgSrc.src.srcset,\r\n              lazySrc: props.lazySrc || imgSrc.src.lazySrc,\r\n              aspect: props.aspectRatio || imgSrc.src.aspect || 0,\r\n          }\r\n        : {\r\n              src: props.src,\r\n              srcset: props.srcset,\r\n              lazySrc: props.lazySrc,\r\n              aspect: props.aspectRatio || 0,\r\n          };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n    return (\r\n        normalisedSrc.value.aspect ||\r\n        naturalWidth.value! / naturalHeight.value! ||\r\n        0\r\n    );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n    return {\r\n        \"is-object-cover\": props.cover,\r\n        \"is-object-contain\": !props.cover,\r\n    };\r\n});\r\n\r\n/**\r\n * ## getSrc\r\n */\r\nfunction getSrc() {\r\n    const img = image.value;\r\n    if (img) {\r\n        currentSrc.value = img.currentSrc || img.src;\r\n    }\r\n}\r\n\r\n/**\r\n * ## init\r\n *\r\n * @param isIntersecting\r\n */\r\nfunction init(isIntersecting?: boolean) {\r\n    if (props.eager && isIntersecting) {\r\n        return;\r\n    }\r\n    if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n        return;\r\n    }\r\n    state.value = \"loading\";\r\n\r\n    if (normalisedSrc.value.lazySrc) {\r\n        const lazyImg = new Image();\r\n        lazyImg.src = normalisedSrc.value.lazySrc;\r\n        pollForSize(lazyImg, null);\r\n    }\r\n\r\n    if (!normalisedSrc.value.src) {\r\n        return;\r\n    }\r\n\r\n    nextTick(() => {\r\n        emit(\"loadstart\", image.value?.currentSrc || normalisedSrc.value.src);\r\n        setTimeout(() => {\r\n            if (image.value?.complete) {\r\n                if (!image.value.naturalWidth) {\r\n                    onError();\r\n                }\r\n                if (state.value === \"error\") {\r\n                    return;\r\n                }\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value, null);\r\n                }\r\n                if (state.value === \"loading\") {\r\n                    onLoad();\r\n                }\r\n            } else {\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value!);\r\n                }\r\n                getSrc();\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n/**\r\n * ## onError\r\n */\r\nfunction onError() {\r\n    state.value = \"error\";\r\n    emit(\"error\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\n/**\r\n * ## onLoad\r\n */\r\nfunction onLoad() {\r\n    getSrc();\r\n    pollForSize(image.value!);\r\n    state.value = \"loaded\";\r\n    emit(\"load\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number | null = 100) {\r\n    const poll = () => {\r\n        clearTimeout(timer);\r\n        if (!img) {\r\n            return;\r\n        }\r\n        if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n            timer = window.setTimeout(poll, timeout);\r\n            return;\r\n        }\r\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n        if (imgHeight || imgWidth) {\r\n            naturalWidth.value = imgWidth;\r\n            naturalHeight.value = imgHeight;\r\n        } else if (\r\n            img.currentSrc.endsWith(\".svg\") ||\r\n            img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n        ) {\r\n            naturalWidth.value = 1;\r\n            naturalHeight.value = 1;\r\n        }\r\n    };\r\n    poll();\r\n}\r\n\r\nwatch(\r\n    () => props.src,\r\n    () => {\r\n        if (state.value !== \"idle\") {\r\n            state.value = \"idle\";\r\n            nextTick(() => {\r\n                init(true);\r\n            });\r\n        }\r\n    },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n    if (!val && oldVal && image.value) {\r\n        pollForSize(image.value);\r\n    }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n    const windowWidth = ref(window.innerWidth);\r\n    const onWindowResize = () => {\r\n        windowWidth.value = window.innerWidth;\r\n    };\r\n    onMounted(() => {\r\n        window.addEventListener(\"resize\", onWindowResize);\r\n        onWindowResize();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        window.removeEventListener(\"resize\", onWindowResize);\r\n    });\r\n\r\n    watch(windowWidth, (newWidth, oldWidth) => {\r\n        if (newWidth != oldWidth) {\r\n            getSrc();\r\n        }\r\n    });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n    const stop = watch(aspectRatio, (val) => {\r\n        if (val) {\r\n            // Doesn't work with nextTick, idk why\r\n            requestAnimationFrame(() => {\r\n                requestAnimationFrame(() => {\r\n                    isBooted.value = true;\r\n                });\r\n            });\r\n            stop();\r\n        }\r\n    });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n    return state.value === \"loaded\";\r\n});\r\n\r\nconst isEmpty = computed(() => {\r\n    return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n    filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n    src: normalisedSrc.value.src,\r\n    srcset: normalisedSrc.value.srcset,\r\n    alt: props.alt,\r\n    crossorigin: props.crossorigin,\r\n    referrerpolicy: props.referrerpolicy,\r\n    draggable: props.draggable,\r\n    sizes: props.sizes,\r\n}));\r\n\r\nconst stateClass = computed(() => makeClassName(state.value, \"is-state\"));\r\n</script>\r\n\r\n<template>\r\n    <ev-responsive\r\n        v-intersect.once=\"{\r\n            handler: init,\r\n            options: props.options,\r\n        }\"\r\n        :class=\"[\r\n            'ev-img',\r\n            {\r\n                'is-booting': !isBooted,\r\n            },\r\n            stateClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"[\r\n            {\r\n                width: toWebUnit(\r\n                    props.width === 'auto' ? naturalWidth : props.width,\r\n                ),\r\n            },\r\n            props.style,\r\n        ]\"\r\n        v-bind=\"responsiveProps\"\r\n        :aria-label=\"props.alt\"\r\n        :aspect-ratio=\"aspectRatio\"\r\n        :role=\"props.alt ? 'img' : undefined\">\r\n        <template #additional>\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <picture\r\n                    v-if=\"slots.sources\"\r\n                    v-show=\"isLoaded\"\r\n                    class=\"ev-img--picture\">\r\n                    <slot name=\"sources\" />\r\n                    <img\r\n                        ref=\"image\"\r\n                        :class=\"['ev-img--img', objectFitClasses]\"\r\n                        :style=\"{ objectPosition: props.position }\"\r\n                        v-bind=\"imgProps\"\r\n                        @load=\"onLoad\"\r\n                        @error=\"onError\" />\r\n                </picture>\r\n                <img\r\n                    v-else\r\n                    v-show=\"isLoaded\"\r\n                    ref=\"image\"\r\n                    :class=\"['ev-img--img', objectFitClasses]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    v-bind=\"imgProps\"\r\n                    @load=\"onLoad\"\r\n                    @error=\"onError\" />\r\n            </ev-transition>\r\n\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n                :transition=\"transition\">\r\n                <img\r\n                    :class=\"[\r\n                        'ev-img--img',\r\n                        'ev-img--preload',\r\n                        objectFitClasses,\r\n                    ]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    :src=\"normalisedSrc.lazySrc\"\r\n                    :alt=\"props.alt\"\r\n                    :crossorigin=\"props.crossorigin\"\r\n                    :referrerpolicy=\"props.referrerpolicy\"\r\n                    :draggable=\"props.draggable\" />\r\n            </ev-transition>\r\n\r\n            <div\r\n                v-if=\"props.gradient\"\r\n                class=\"ev-img--gradient\"\r\n                :style=\"{\r\n                    backgroundImage: `linear-gradient(${props.gradient})`,\r\n                }\"></div>\r\n\r\n            <ev-transition\r\n                v-if=\"slots.placeholder && isEmpty\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.loading && state === 'loading'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--loading\">\r\n                    <slot name=\"loading\" />\r\n                </div>\r\n            </ev-transition>\r\n            <ev-transition\r\n                v-else-if=\"slots.error && state === 'error'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div class=\"ev-img--error\">\r\n                    <slot name=\"error\" />\r\n                </div>\r\n            </ev-transition>\r\n        </template>\r\n        <template v-if=\"slots.default\" #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["slots","_useSlots","currentSrc","shallowRef","image","ref","state","props","naturalWidth","naturalHeight","transition","useEvTransition","normalisedSrc","computed","imgSrc","isObject","aspectRatio","objectFitClasses","getSrc","img","init","isIntersecting","Browser","lazyImg","pollForSize","nextTick","emit","_a","onError","onLoad","timer","timeout","poll","imgHeight","imgWidth","watch","val","oldVal","onBeforeMount","windowWidth","onWindowResize","onMounted","onBeforeUnmount","newWidth","oldWidth","isBooted","stop","isLoaded","isEmpty","responsiveProps","filterComponentProps","EvResponsive","imgProps","stateClass","makeClassName"],"mappings":"0uCAwBMA,EAAQC,EAAA,EASRC,EAAaC,EAAW,EAAE,EAC1BC,EAAQC,EAAsB,EAC9BC,EAAQH,EACVI,EAAM,MAAQ,UAAY,MAC9B,EACMC,EAAeL,EAAmB,EAClCM,EAAgBN,EAAmB,EACnCO,EAAaC,GAAgBJ,CAAK,EAElCK,EAA6CC,EAAS,IAAM,CAC9D,MAAMC,EAASP,EAER,OAAAQ,GAASD,EAAO,GAAG,EACpB,CACI,IAAKA,EAAO,IAAI,IAChB,OAAQP,EAAM,QAAUO,EAAO,IAAI,OACnC,QAASP,EAAM,SAAWO,EAAO,IAAI,QACrC,OAAQP,EAAM,aAAeO,EAAO,IAAI,QAAU,CAAA,EAEtD,CACI,IAAKP,EAAM,IACX,OAAQA,EAAM,OACd,QAASA,EAAM,QACf,OAAQA,EAAM,aAAe,CACjC,CAAA,CACT,EAEKS,EAAcH,EAAS,IAErBD,EAAc,MAAM,QACpBJ,EAAa,MAASC,EAAc,OACpC,CAEP,EAEKQ,EAAmBJ,EAAS,KACvB,CACH,kBAAmBN,EAAM,MACzB,oBAAqB,CAACA,EAAM,KAChC,EACH,EAKD,SAASW,GAAS,CACd,MAAMC,EAAMf,EAAM,MACde,IACWjB,EAAA,MAAQiB,EAAI,YAAcA,EAAI,IAC7C,CAQJ,SAASC,EAAKC,EAA0B,CAChC,GAAA,EAAAd,EAAM,OAASc,IAGf,EAAAC,EAAQ,sBAAwB,CAACD,GAAkB,CAACd,EAAM,OAK1D,IAFJD,EAAM,MAAQ,UAEVM,EAAc,MAAM,QAAS,CACvB,MAAAW,EAAU,IAAI,MACZA,EAAA,IAAMX,EAAc,MAAM,QAClCY,EAAYD,EAAS,IAAI,CAAA,CAGxBX,EAAc,MAAM,KAIzBa,EAAS,IAAM,OACXC,EAAK,cAAaC,EAAAvB,EAAM,QAAN,YAAAuB,EAAa,aAAcf,EAAc,MAAM,GAAG,EACpE,WAAW,IAAM,OACT,IAAAe,EAAAvB,EAAM,QAAN,MAAAuB,EAAa,SAAU,CAInB,GAHCvB,EAAM,MAAM,cACLwB,EAAA,EAERtB,EAAM,QAAU,QAChB,OAECU,EAAY,OACDQ,EAAApB,EAAM,MAAO,IAAI,EAE7BE,EAAM,QAAU,WACTuB,EAAA,CACX,MAEKb,EAAY,OACbQ,EAAYpB,EAAM,KAAM,EAErBc,EAAA,CACX,CACH,CAAA,CACJ,EAAA,CAML,SAASU,GAAU,OACftB,EAAM,MAAQ,QACdoB,EAAK,UAASC,EAAAvB,EAAM,QAAN,YAAAuB,EAAa,aAAcf,EAAc,MAAM,GAAG,CAAA,CAMpE,SAASiB,GAAS,OACPX,EAAA,EACPM,EAAYpB,EAAM,KAAM,EACxBE,EAAM,MAAQ,SACdoB,EAAK,SAAQC,EAAAvB,EAAM,QAAN,YAAAuB,EAAa,aAAcf,EAAc,MAAM,GAAG,CAAA,CAGnE,IAAIkB,EAAQ,GACH,SAAAN,EAAYL,EAAuBY,EAAyB,IAAK,CACtE,MAAMC,EAAO,IAAM,CAEf,GADA,aAAaF,CAAK,EACd,CAACX,EACD,OAEJ,GAAI,EAACA,GAAA,MAAAA,EAAK,WAAYb,EAAM,QAAU,WAAayB,GAAW,KAAM,CACxDD,EAAA,OAAO,WAAWE,EAAMD,CAAO,EACvC,MAAA,CAEJ,KAAM,CAAE,cAAeE,EAAW,aAAcC,CAAa,EAAAf,EACzDc,GAAaC,GACb1B,EAAa,MAAQ0B,EACrBzB,EAAc,MAAQwB,IAEtBd,EAAI,WAAW,SAAS,MAAM,GAC9BA,EAAI,WAAW,WAAW,oBAAoB,KAE9CX,EAAa,MAAQ,EACrBC,EAAc,MAAQ,EAE9B,EACKuB,EAAA,CAAA,CAuBT,GApBAG,EACI,IAAM5B,EAAM,IACZ,IAAM,CACED,EAAM,QAAU,SAChBA,EAAM,MAAQ,OACdmB,EAAS,IAAM,CACXL,EAAK,EAAI,CAAA,CACZ,EACL,CAER,EAEMe,EAAAnB,EAAa,CAACoB,EAAKC,IAAW,CAC5B,CAACD,GAAOC,GAAUjC,EAAM,OACxBoB,EAAYpB,EAAM,KAAK,CAC3B,CACH,EAEakC,EAAA,IAAMlB,GAAM,EAEtBE,EAAQ,UAAW,CACb,MAAAiB,EAAclC,EAAI,OAAO,UAAU,EACnCmC,EAAiB,IAAM,CACzBD,EAAY,MAAQ,OAAO,UAC/B,EACAE,EAAU,IAAM,CACL,OAAA,iBAAiB,SAAUD,CAAc,EACjCA,EAAA,CAAA,CAClB,EAEDE,GAAgB,IAAM,CACX,OAAA,oBAAoB,SAAUF,CAAc,CAAA,CACtD,EAEKL,EAAAI,EAAa,CAACI,EAAUC,IAAa,CACnCD,GAAYC,GACL1B,EAAA,CACX,CACH,CAAA,CAGC,MAAA2B,EAAW1C,EAAW,EAAK,EACjC,CACI,MAAM2C,EAAOX,EAAMnB,EAAcoB,GAAQ,CACjCA,IAEA,sBAAsB,IAAM,CACxB,sBAAsB,IAAM,CACxBS,EAAS,MAAQ,EAAA,CACpB,CAAA,CACJ,EACIC,EAAA,EACT,CACH,CAAA,CAGC,MAAAC,EAAWlC,EAAS,IACfP,EAAM,QAAU,QAC1B,EAEK0C,EAAUnC,EAAS,IACd,CAACD,EAAc,MAAM,KAAO,CAACA,EAAc,MAAM,OAC3D,EAEKqC,EAAkBpC,EAAS,IAC7BqC,GAAqBC,EAAc5C,CAAK,CAC5C,EAEM6C,EAAWvC,EAAS,KAAO,CAC7B,IAAKD,EAAc,MAAM,IACzB,OAAQA,EAAc,MAAM,OAC5B,IAAKL,EAAM,IACX,YAAaA,EAAM,YACnB,eAAgBA,EAAM,eACtB,UAAWA,EAAM,UACjB,MAAOA,EAAM,KAAA,EACf,EAEI8C,EAAaxC,EAAS,IAAMyC,GAAchD,EAAM,MAAO,UAAU,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvImg.vue.mjs");module.exports=e;
+import f from"./EvImg.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvImg.vue2.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScroll.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/tag.mjs"),i=require("../../composables/dimensions.mjs"),r=require("../../util/props.mjs"),n=r.propsFactory({disabled:Boolean,direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},intersectDelay:{type:Number,default:50},margin:[Number,String],mode:{type:String,default:"intersect",validator:e=>["intersect","manual"].includes(e)},showFinished:{type:Boolean,default:!0},side:{type:String,default:"end",validator:e=>["start","end","both"].includes(e)},textMore:{type:String,default:"infiniteScroll.more"},textFinished:{type:String,default:"infiniteScroll.finished"},...t.makeTagProps(),...i.makeDimensionsProps()},"EvInfiniteScroll");exports.makeEvInfiniteScrollProps=n;
+import{makeTagProps as t}from"../../composables/tag.mjs";import{makeDimensionsProps as i}from"../../composables/dimensions.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const l=r({disabled:Boolean,direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},intersectDelay:{type:Number,default:50},margin:[Number,String],mode:{type:String,default:"intersect",validator:e=>["intersect","manual"].includes(e)},showFinished:{type:Boolean,default:!0},side:{type:String,default:"end",validator:e=>["start","end","both"].includes(e)},textMore:{type:String,default:"infiniteScroll.more"},textFinished:{type:String,default:"infiniteScroll.finished"},...t(),...i()},"EvInfiniteScroll");export{l as makeEvInfiniteScrollProps};
 //# sourceMappingURL=EvInfiniteScroll.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScroll.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScroll.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\n\nexport type InfiniteScrollSide = \"start\" | \"end\" | \"both\";\nexport type InfiniteScrollMode = \"intersect\" | \"manual\";\nexport type InfiniteScrollDirection = \"vertical\" | \"horizontal\";\nexport type InfiniteScrollStatus = \"ok\" | \"finished\" | \"loading\" | \"error\";\n\nexport const makeEvInfiniteScrollProps = propsFactory(\n    {\n        disabled: Boolean,\n        direction: {\n            type: String as PropType<InfiniteScrollDirection>,\n            default: \"vertical\",\n            validator: (v: any) => [\"vertical\", \"horizontal\"].includes(v),\n        },\n        intersectDelay: {\n            type: Number,\n            default: 50,\n        },\n        margin: [Number, String],\n        mode: {\n            type: String as PropType<InfiniteScrollMode>,\n            default: \"intersect\",\n            validator: (v: any) => [\"intersect\", \"manual\"].includes(v),\n        },\n        showFinished: {\n            type: Boolean,\n            default: true,\n        },\n        side: {\n            type: String as PropType<InfiniteScrollSide>,\n            default: \"end\",\n            validator: (v: any) => [\"start\", \"end\", \"both\"].includes(v),\n        },\n        textMore: {\n            type: String,\n            default: \"infiniteScroll.more\",\n        },\n        textFinished: {\n            type: String,\n            default: \"infiniteScroll.finished\",\n        },\n        ...makeTagProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvInfiniteScroll\",\n);\n"],"names":["makeEvInfiniteScrollProps","propsFactory","v","makeTagProps","makeDimensionsProps"],"mappings":"mPAUaA,EAA4BC,EAAA,aACrC,CACI,SAAU,QACV,UAAW,CACP,KAAM,OACN,QAAS,WACT,UAAYC,GAAW,CAAC,WAAY,YAAY,EAAE,SAASA,CAAC,CAChE,EACA,eAAgB,CACZ,KAAM,OACN,QAAS,EACb,EACA,OAAQ,CAAC,OAAQ,MAAM,EACvB,KAAM,CACF,KAAM,OACN,QAAS,YACT,UAAYA,GAAW,CAAC,YAAa,QAAQ,EAAE,SAASA,CAAC,CAC7D,EACA,aAAc,CACV,KAAM,QACN,QAAS,EACb,EACA,KAAM,CACF,KAAM,OACN,QAAS,MACT,UAAYA,GAAW,CAAC,QAAS,MAAO,MAAM,EAAE,SAASA,CAAC,CAC9D,EACA,SAAU,CACN,KAAM,OACN,QAAS,qBACb,EACA,aAAc,CACV,KAAM,OACN,QAAS,yBACb,EACA,GAAGC,eAAa,EAChB,GAAGC,EAAoB,oBAAA,CAC3B,EACA,kBACJ"}
+{"version":3,"file":"EvInfiniteScroll.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScroll.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\n\nexport type InfiniteScrollSide = \"start\" | \"end\" | \"both\";\nexport type InfiniteScrollMode = \"intersect\" | \"manual\";\nexport type InfiniteScrollDirection = \"vertical\" | \"horizontal\";\nexport type InfiniteScrollStatus = \"ok\" | \"finished\" | \"loading\" | \"error\";\n\nexport const makeEvInfiniteScrollProps = propsFactory(\n    {\n        disabled: Boolean,\n        direction: {\n            type: String as PropType<InfiniteScrollDirection>,\n            default: \"vertical\",\n            validator: (v: any) => [\"vertical\", \"horizontal\"].includes(v),\n        },\n        intersectDelay: {\n            type: Number,\n            default: 50,\n        },\n        margin: [Number, String],\n        mode: {\n            type: String as PropType<InfiniteScrollMode>,\n            default: \"intersect\",\n            validator: (v: any) => [\"intersect\", \"manual\"].includes(v),\n        },\n        showFinished: {\n            type: Boolean,\n            default: true,\n        },\n        side: {\n            type: String as PropType<InfiniteScrollSide>,\n            default: \"end\",\n            validator: (v: any) => [\"start\", \"end\", \"both\"].includes(v),\n        },\n        textMore: {\n            type: String,\n            default: \"infiniteScroll.more\",\n        },\n        textFinished: {\n            type: String,\n            default: \"infiniteScroll.finished\",\n        },\n        ...makeTagProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvInfiniteScroll\",\n);\n"],"names":["makeEvInfiniteScrollProps","propsFactory","v","makeTagProps","makeDimensionsProps"],"mappings":"0NAUO,MAAMA,EAA4BC,EACrC,CACI,SAAU,QACV,UAAW,CACP,KAAM,OACN,QAAS,WACT,UAAYC,GAAW,CAAC,WAAY,YAAY,EAAE,SAASA,CAAC,CAChE,EACA,eAAgB,CACZ,KAAM,OACN,QAAS,EACb,EACA,OAAQ,CAAC,OAAQ,MAAM,EACvB,KAAM,CACF,KAAM,OACN,QAAS,YACT,UAAYA,GAAW,CAAC,YAAa,QAAQ,EAAE,SAASA,CAAC,CAC7D,EACA,aAAc,CACV,KAAM,QACN,QAAS,EACb,EACA,KAAM,CACF,KAAM,OACN,QAAS,MACT,UAAYA,GAAW,CAAC,QAAS,MAAO,MAAM,EAAE,SAASA,CAAC,CAC9D,EACA,SAAU,CACN,KAAM,OACN,QAAS,qBACb,EACA,aAAc,CACV,KAAM,OACN,QAAS,yBACb,EACA,GAAGC,EAAa,EAChB,GAAGC,EAAoB,CAC3B,EACA,kBACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                        */const D=require("./EvInfiniteScroll.mjs"),M=require("../../composables/dimensions.mjs"),$=require("./EvInfiniteScrollSide.vue.mjs"),q=require("./EvInfiniteScrollIntersect.vue.mjs"),N=require("../../util/units.mjs"),P=require("../../util/helpers.mjs"),R=e.defineComponent({__name:"EvInfiniteScroll",props:{...D.makeEvInfiniteScrollProps()},emits:["load"],setup(_,{expose:x,emit:B}){const r=_,s=e.useSlots(),b=M.useDimensions(r),o=e.ref(),m=e.shallowRef("ok"),p=e.shallowRef("ok"),h=e.computed(()=>N.toWebUnit(r.margin)),u=e.shallowRef(!1);let k=0;const a=e.toRef(r,"disabled"),S=e.computed(()=>r.side==="start"||r.side==="both"),g=e.computed(()=>r.side==="end"||r.side==="both"),y=e.computed(()=>r.mode==="intersect");function E(){if(!o.value)return 0;const t=r.direction==="vertical"?"clientHeight":"clientWidth";return o.value[t]}function F(){if(!o.value)return 0;const t=r.direction==="vertical"?"scrollTop":"scrollLeft";return o.value[t]}function c(){if(!o.value)return 0;const t=r.direction==="vertical"?"scrollHeight":"scrollWidth";return o.value[t]}function z(t){return t==="start"?m.value:p.value}const A=P.debounce(t=>{u.value&&!a.value&&d(t)},r.intersectDelay);function w(t,i){u.value=i,A(t)}function d(t){if(r.mode!=="manual"&&!u.value)return;const i=z(t);if(!o.value||["finished","loading"].includes(i))return;k=c(),v(t,"loading");function n(l){v(t,l),e.nextTick(()=>{l==="finished"||l==="error"||(l==="ok"&&t==="start"&&f(c()-k+F()),r.mode!=="manual"&&e.nextTick(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{d(t)})})})}))})}B("load",{side:t,error:()=>n("error"),done:()=>n("finished"),next:()=>n("ok")})}function f(t){if(!o.value)return;const i=r.direction==="vertical"?"scrollTop":"scrollLeft";o.value[i]=t}function v(t,i){t==="start"?m.value=i:t==="end"&&(p.value=i)}e.onMounted(()=>{C()});function C(t="ok"){o.value&&(u.value=!1,r.side==="start"?f(c()):r.side==="both"?f(c()/2-E()/2):f(0),v("start",t),v("end",t))}const I=e.computed(()=>({mode:r.mode,textFinished:r.textFinished,textMore:r.textMore}));return x({reset:C,rootElement:o}),(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.tag),{ref_key:"rootEl",ref:o,class:e.normalizeClass(["ev-infinite-scroll",`ev-infinite-scroll--${r.direction}`,{"ev-infinite-scroll--start":S.value,"ev-infinite-scroll-end":g.value}]),style:e.normalizeStyle([e.unref(b)])},{default:e.withCtx(()=>[["start","both"].includes(r.side)&&!a.value?(e.openBlock(),e.createBlock($,e.mergeProps({key:0,side:"start"},I.value,{status:m.value,"show-finished":r.showFinished,"onClick:more":i[0]||(i[0]=n=>d("start"))}),e.createSlots({_:2},[e.unref(s).finished?{name:"finished",fn:e.withCtx(({side:n})=>[e.renderSlot(t.$slots,"finished",{side:n})]),key:"0"}:void 0,e.unref(s).error?{name:"error",fn:e.withCtx(({side:n})=>[e.renderSlot(t.$slots,"error",{side:n})]),key:"1"}:void 0,e.unref(s).loading?{name:"loading",fn:e.withCtx(({side:n})=>[e.renderSlot(t.$slots,"loading",{side:n})]),key:"2"}:void 0,e.unref(s).more?{name:"more",fn:e.withCtx(({side:n,props:l})=>[e.renderSlot(t.$slots,"more",{side:n,props:l})]),key:"3"}:void 0]),1040,["status","show-finished"])):e.createCommentVNode("",!0),o.value&&S.value&&y.value&&!a.value?(e.openBlock(),e.createBlock(q,{key:"start",side:"start","root-ref":o.value,"root-margin":h.value,onIntersect:w},null,8,["root-ref","root-margin"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),o.value&&g.value&&y.value&&!a.value?(e.openBlock(),e.createBlock(q,{key:"end",side:"end","root-ref":o.value,"root-margin":h.value,onIntersect:w},null,8,["root-ref","root-margin"])):e.createCommentVNode("",!0),["end","both"].includes(r.side)&&!a.value?(e.openBlock(),e.createBlock($,e.mergeProps({key:3,side:"end"},I.value,{status:p.value,"show-finished":r.showFinished,"onClick:more":i[1]||(i[1]=n=>d("end"))}),e.createSlots({_:2},[e.unref(s).finished?{name:"finished",fn:e.withCtx(({side:n})=>[e.renderSlot(t.$slots,"finished",{side:n})]),key:"0"}:void 0,e.unref(s).error?{name:"error",fn:e.withCtx(({side:n})=>[e.renderSlot(t.$slots,"error",{side:n})]),key:"1"}:void 0,e.unref(s).loading?{name:"loading",fn:e.withCtx(({side:n})=>[e.renderSlot(t.$slots,"loading",{side:n})]),key:"2"}:void 0,e.unref(s).more?{name:"more",fn:e.withCtx(({side:n,props:l})=>[e.renderSlot(t.$slots,"more",{side:n,props:l})]),key:"3"}:void 0]),1040,["status","show-finished"])):e.createCommentVNode("",!0)]),_:3},8,["class","style"]))}});module.exports=R;
+import{defineComponent as _,useSlots as j,ref as G,shallowRef as $,computed as f,toRef as J,onMounted as K,createBlock as c,openBlock as m,resolveDynamicComponent as O,normalizeStyle as Q,normalizeClass as X,unref as i,withCtx as s,createCommentVNode as y,renderSlot as l,mergeProps as M,createSlots as q,nextTick as P}from"vue";/* empty css                      */import{makeEvInfiniteScrollProps as Y}from"./EvInfiniteScroll.mjs";import{useDimensions as Z}from"../../composables/dimensions.mjs";import T from"./EvInfiniteScrollSide.vue.mjs";import W from"./EvInfiniteScrollIntersect.vue.mjs";import{toWebUnit as ee}from"../../util/units.mjs";import{debounce as te}from"../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const de=_({__name:"EvInfiniteScroll",props:{...Y()},emits:["load"],setup(B,{expose:H,emit:L}){const t=B,a=j(),R=Z(t),n=G(),S=$("ok"),w=$("ok"),b=f(()=>ee(t.margin)),v=$(!1);let I=0;const d=J(t,"disabled"),C=f(()=>t.side==="start"||t.side==="both"),F=f(()=>t.side==="end"||t.side==="both"),E=f(()=>t.mode==="intersect");function x(){if(!n.value)return 0;const e=t.direction==="vertical"?"clientHeight":"clientWidth";return n.value[e]}function N(){if(!n.value)return 0;const e=t.direction==="vertical"?"scrollTop":"scrollLeft";return n.value[e]}function p(){if(!n.value)return 0;const e=t.direction==="vertical"?"scrollHeight":"scrollWidth";return n.value[e]}function U(e){return e==="start"?S.value:w.value}const V=te(e=>{v.value&&!d.value&&h(e)},t.intersectDelay);function z(e,r){v.value=r,V(e)}function h(e){if(t.mode!=="manual"&&!v.value)return;const r=U(e);if(!n.value||["finished","loading"].includes(r))return;I=p(),k(e,"loading");function o(u){k(e,u),P(()=>{u==="finished"||u==="error"||(u==="ok"&&e==="start"&&g(p()-I+N()),t.mode!=="manual"&&P(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{h(e)})})})}))})}L("load",{side:e,error:()=>o("error"),done:()=>o("finished"),next:()=>o("ok")})}function g(e){if(!n.value)return;const r=t.direction==="vertical"?"scrollTop":"scrollLeft";n.value[r]=e}function k(e,r){e==="start"?S.value=r:e==="end"&&(w.value=r)}K(()=>{A()});function A(e="ok"){n.value&&(v.value=!1,t.side==="start"?g(p()):t.side==="both"?g(p()/2-x()/2):g(0),k("start",e),k("end",e))}const D=f(()=>({mode:t.mode,textFinished:t.textFinished,textMore:t.textMore}));return H({reset:A,rootElement:n}),(e,r)=>(m(),c(O(t.tag),{ref_key:"rootEl",ref:n,class:X(["ev-infinite-scroll",`ev-infinite-scroll--${t.direction}`,{"ev-infinite-scroll--start":C.value,"ev-infinite-scroll-end":F.value}]),style:Q([i(R)])},{default:s(()=>[["start","both"].includes(t.side)&&!d.value?(m(),c(T,M({key:0,side:"start"},D.value,{status:S.value,"show-finished":t.showFinished,"onClick:more":r[0]||(r[0]=o=>h("start"))}),q({_:2},[i(a).finished?{name:"finished",fn:s(({side:o})=>[l(e.$slots,"finished",{side:o})]),key:"0"}:void 0,i(a).error?{name:"error",fn:s(({side:o})=>[l(e.$slots,"error",{side:o})]),key:"1"}:void 0,i(a).loading?{name:"loading",fn:s(({side:o})=>[l(e.$slots,"loading",{side:o})]),key:"2"}:void 0,i(a).more?{name:"more",fn:s(({side:o,props:u})=>[l(e.$slots,"more",{side:o,props:u})]),key:"3"}:void 0]),1040,["status","show-finished"])):y("",!0),n.value&&C.value&&E.value&&!d.value?(m(),c(W,{key:"start",side:"start","root-ref":n.value,"root-margin":b.value,onIntersect:z},null,8,["root-ref","root-margin"])):y("",!0),l(e.$slots,"default"),n.value&&F.value&&E.value&&!d.value?(m(),c(W,{key:"end",side:"end","root-ref":n.value,"root-margin":b.value,onIntersect:z},null,8,["root-ref","root-margin"])):y("",!0),["end","both"].includes(t.side)&&!d.value?(m(),c(T,M({key:3,side:"end"},D.value,{status:w.value,"show-finished":t.showFinished,"onClick:more":r[1]||(r[1]=o=>h("end"))}),q({_:2},[i(a).finished?{name:"finished",fn:s(({side:o})=>[l(e.$slots,"finished",{side:o})]),key:"0"}:void 0,i(a).error?{name:"error",fn:s(({side:o})=>[l(e.$slots,"error",{side:o})]),key:"1"}:void 0,i(a).loading?{name:"loading",fn:s(({side:o})=>[l(e.$slots,"loading",{side:o})]),key:"2"}:void 0,i(a).more?{name:"more",fn:s(({side:o,props:u})=>[l(e.$slots,"more",{side:o,props:u})]),key:"3"}:void 0]),1040,["status","show-finished"])):y("",!0)]),_:3},8,["class","style"]))}});export{de as default};
 //# sourceMappingURL=EvInfiniteScroll.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScroll.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScroll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvInfiniteScroll.scss\";\nimport {\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n    makeEvInfiniteScrollProps,\n} from \"./EvInfiniteScroll\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { computed, nextTick, onMounted, ref, shallowRef, toRef } from \"vue\";\nimport { debounce, toWebUnit } from \"@/util\";\nimport EvInfiniteScrollSide from \"@/components/EvInfiniteScroll/EvInfiniteScrollSide.vue\";\nimport EvInfiniteScrollIntersect from \"@/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue\";\n\nconst props = defineProps({ ...makeEvInfiniteScrollProps() });\nconst slots = defineSlots<{\n    default(): never;\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\nconst emit = defineEmits<{\n    (\n        e: \"load\",\n        options: {\n            side: InfiniteScrollSide;\n            done: () => void;\n            error: () => void;\n            next: () => void;\n        },\n    ): true;\n}>();\nconst dimensions = useDimensions(props);\nconst rootEl = ref<HTMLDivElement>();\nconst startStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst endStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst margin = computed(() => toWebUnit(props.margin));\nconst isIntersecting = shallowRef(false);\nlet previousScrollSize = 0;\n\nconst isDisabled = toRef(props, \"disabled\");\n\nconst hasStartIntersect = computed(() => {\n    return props.side === \"start\" || props.side === \"both\";\n});\n\nconst hasEndIntersect = computed(() => {\n    return props.side === \"end\" || props.side === \"both\";\n});\n\nconst intersectMode = computed(() => {\n    return props.mode === \"intersect\";\n});\n\nfunction getContainerSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"clientHeight\" : \"clientWidth\";\n    return rootEl.value[property];\n}\n\nfunction getScrollAmount() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    return rootEl.value[property];\n}\n\nfunction getScrollSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollHeight\" : \"scrollWidth\";\n    return rootEl.value[property];\n}\n\nfunction getStatus(side: string) {\n    return side === \"start\" ? startStatus.value : endStatus.value;\n}\n\n/**\n * There's a redraw bug somewhere!\n * The `intersect-delay` helps address issues with rapid changes to intersection\n * values from the `IntersectionObserver` - you cannot see them. Using `debounce`\n * effectively keeps the last state, cancelling former states in rapid succession.\n * This was a particular issue in `EvDataTable`.\n */\nconst handleIntersectDelayed = debounce((side: InfiniteScrollSide) => {\n    if (isIntersecting.value && !isDisabled.value) {\n        intersecting(side);\n    }\n}, props.intersectDelay);\n\nfunction handleIntersect(side: InfiniteScrollSide, _isIntersecting: boolean) {\n    isIntersecting.value = _isIntersecting;\n    handleIntersectDelayed(side);\n}\n\nfunction intersecting(side: InfiniteScrollSide) {\n    if (props.mode !== \"manual\" && !isIntersecting.value) {\n        return;\n    }\n    const status = getStatus(side);\n    if (!rootEl.value || [\"finished\", \"loading\"].includes(status)) {\n        return;\n    }\n    previousScrollSize = getScrollSize();\n    setStatus(side, \"loading\");\n\n    function state(status: InfiniteScrollStatus) {\n        setStatus(side, status);\n\n        nextTick(() => {\n            if (status === \"finished\" || status === \"error\") {\n                return;\n            }\n            if (status === \"ok\" && side === \"start\") {\n                setScrollAmount(\n                    getScrollSize() - previousScrollSize + getScrollAmount(),\n                );\n            }\n            if (props.mode !== \"manual\") {\n                nextTick(() => {\n                    window.requestAnimationFrame(() => {\n                        window.requestAnimationFrame(() => {\n                            window.requestAnimationFrame(() => {\n                                intersecting(side);\n                            });\n                        });\n                    });\n                });\n            }\n        });\n    }\n    emit(\"load\", {\n        side,\n        error: () => state(\"error\"),\n        done: () => state(\"finished\"),\n        next: () => state(\"ok\"),\n    });\n}\n\nfunction setScrollAmount(amount: number) {\n    if (!rootEl.value) {\n        return;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    rootEl.value[property] = amount;\n}\n\nfunction setStatus(side: InfiniteScrollSide, status: InfiniteScrollStatus) {\n    if (side === \"start\") {\n        startStatus.value = status;\n    } else if (side === \"end\") {\n        endStatus.value = status;\n    }\n}\n\nonMounted(() => {\n    reset();\n});\n\nfunction reset(status: InfiniteScrollStatus = \"ok\") {\n    if (!rootEl.value) {\n        return;\n    }\n    isIntersecting.value = false;\n    if (props.side === \"start\") {\n        setScrollAmount(getScrollSize());\n    } else if (props.side === \"both\") {\n        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);\n    } else {\n        setScrollAmount(0);\n    }\n    setStatus(\"start\", status);\n    setStatus(\"end\", status);\n}\n\nconst sideProps = computed(() => ({\n    mode: props.mode,\n    textFinished: props.textFinished,\n    textMore: props.textMore,\n}));\n\ndefineExpose({\n    reset,\n    rootElement: rootEl,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"rootEl\"\n        :class=\"[\n            'ev-infinite-scroll',\n            `ev-infinite-scroll--${props.direction}`,\n            {\n                'ev-infinite-scroll--start': hasStartIntersect,\n                'ev-infinite-scroll-end': hasEndIntersect,\n            },\n        ]\"\n        :style=\"[dimensions]\">\n        <ev-infinite-scroll-side\n            v-if=\"['start', 'both'].includes(props.side) && !isDisabled\"\n            side=\"start\"\n            v-bind=\"sideProps\"\n            :status=\"startStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('start')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasStartIntersect && intersectMode && !isDisabled\"\n            key=\"start\"\n            side=\"start\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <slot name=\"default\" />\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasEndIntersect && intersectMode && !isDisabled\"\n            key=\"end\"\n            side=\"end\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <ev-infinite-scroll-side\n            v-if=\"['end', 'both'].includes(props.side) && !isDisabled\"\n            side=\"end\"\n            v-bind=\"sideProps\"\n            :status=\"endStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('end')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n    </component>\n</template>\n"],"names":["slots","_useSlots","dimensions","useDimensions","props","rootEl","ref","startStatus","shallowRef","endStatus","margin","computed","toWebUnit","isIntersecting","previousScrollSize","isDisabled","toRef","hasStartIntersect","hasEndIntersect","intersectMode","getContainerSize","property","getScrollAmount","getScrollSize","getStatus","side","handleIntersectDelayed","debounce","intersecting","handleIntersect","_isIntersecting","status","setStatus","state","nextTick","setScrollAmount","emit","amount","onMounted","reset","sideProps","__expose"],"mappings":"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"}
+{"version":3,"file":"EvInfiniteScroll.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScroll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvInfiniteScroll.scss\";\nimport {\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n    makeEvInfiniteScrollProps,\n} from \"./EvInfiniteScroll\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { computed, nextTick, onMounted, ref, shallowRef, toRef } from \"vue\";\nimport { debounce, toWebUnit } from \"@/util\";\nimport EvInfiniteScrollSide from \"@/components/EvInfiniteScroll/EvInfiniteScrollSide.vue\";\nimport EvInfiniteScrollIntersect from \"@/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue\";\n\nconst props = defineProps({ ...makeEvInfiniteScrollProps() });\nconst slots = defineSlots<{\n    default(): never;\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\nconst emit = defineEmits<{\n    (\n        e: \"load\",\n        options: {\n            side: InfiniteScrollSide;\n            done: () => void;\n            error: () => void;\n            next: () => void;\n        },\n    ): true;\n}>();\nconst dimensions = useDimensions(props);\nconst rootEl = ref<HTMLDivElement>();\nconst startStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst endStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst margin = computed(() => toWebUnit(props.margin));\nconst isIntersecting = shallowRef(false);\nlet previousScrollSize = 0;\n\nconst isDisabled = toRef(props, \"disabled\");\n\nconst hasStartIntersect = computed(() => {\n    return props.side === \"start\" || props.side === \"both\";\n});\n\nconst hasEndIntersect = computed(() => {\n    return props.side === \"end\" || props.side === \"both\";\n});\n\nconst intersectMode = computed(() => {\n    return props.mode === \"intersect\";\n});\n\nfunction getContainerSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"clientHeight\" : \"clientWidth\";\n    return rootEl.value[property];\n}\n\nfunction getScrollAmount() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    return rootEl.value[property];\n}\n\nfunction getScrollSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollHeight\" : \"scrollWidth\";\n    return rootEl.value[property];\n}\n\nfunction getStatus(side: string) {\n    return side === \"start\" ? startStatus.value : endStatus.value;\n}\n\n/**\n * There's a redraw bug somewhere!\n * The `intersect-delay` helps address issues with rapid changes to intersection\n * values from the `IntersectionObserver` - you cannot see them. Using `debounce`\n * effectively keeps the last state, cancelling former states in rapid succession.\n * This was a particular issue in `EvDataTable`.\n */\nconst handleIntersectDelayed = debounce((side: InfiniteScrollSide) => {\n    if (isIntersecting.value && !isDisabled.value) {\n        intersecting(side);\n    }\n}, props.intersectDelay);\n\nfunction handleIntersect(side: InfiniteScrollSide, _isIntersecting: boolean) {\n    isIntersecting.value = _isIntersecting;\n    handleIntersectDelayed(side);\n}\n\nfunction intersecting(side: InfiniteScrollSide) {\n    if (props.mode !== \"manual\" && !isIntersecting.value) {\n        return;\n    }\n    const status = getStatus(side);\n    if (!rootEl.value || [\"finished\", \"loading\"].includes(status)) {\n        return;\n    }\n    previousScrollSize = getScrollSize();\n    setStatus(side, \"loading\");\n\n    function state(status: InfiniteScrollStatus) {\n        setStatus(side, status);\n\n        nextTick(() => {\n            if (status === \"finished\" || status === \"error\") {\n                return;\n            }\n            if (status === \"ok\" && side === \"start\") {\n                setScrollAmount(\n                    getScrollSize() - previousScrollSize + getScrollAmount(),\n                );\n            }\n            if (props.mode !== \"manual\") {\n                nextTick(() => {\n                    window.requestAnimationFrame(() => {\n                        window.requestAnimationFrame(() => {\n                            window.requestAnimationFrame(() => {\n                                intersecting(side);\n                            });\n                        });\n                    });\n                });\n            }\n        });\n    }\n    emit(\"load\", {\n        side,\n        error: () => state(\"error\"),\n        done: () => state(\"finished\"),\n        next: () => state(\"ok\"),\n    });\n}\n\nfunction setScrollAmount(amount: number) {\n    if (!rootEl.value) {\n        return;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    rootEl.value[property] = amount;\n}\n\nfunction setStatus(side: InfiniteScrollSide, status: InfiniteScrollStatus) {\n    if (side === \"start\") {\n        startStatus.value = status;\n    } else if (side === \"end\") {\n        endStatus.value = status;\n    }\n}\n\nonMounted(() => {\n    reset();\n});\n\nfunction reset(status: InfiniteScrollStatus = \"ok\") {\n    if (!rootEl.value) {\n        return;\n    }\n    isIntersecting.value = false;\n    if (props.side === \"start\") {\n        setScrollAmount(getScrollSize());\n    } else if (props.side === \"both\") {\n        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);\n    } else {\n        setScrollAmount(0);\n    }\n    setStatus(\"start\", status);\n    setStatus(\"end\", status);\n}\n\nconst sideProps = computed(() => ({\n    mode: props.mode,\n    textFinished: props.textFinished,\n    textMore: props.textMore,\n}));\n\ndefineExpose({\n    reset,\n    rootElement: rootEl,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"rootEl\"\n        :class=\"[\n            'ev-infinite-scroll',\n            `ev-infinite-scroll--${props.direction}`,\n            {\n                'ev-infinite-scroll--start': hasStartIntersect,\n                'ev-infinite-scroll-end': hasEndIntersect,\n            },\n        ]\"\n        :style=\"[dimensions]\">\n        <ev-infinite-scroll-side\n            v-if=\"['start', 'both'].includes(props.side) && !isDisabled\"\n            side=\"start\"\n            v-bind=\"sideProps\"\n            :status=\"startStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('start')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasStartIntersect && intersectMode && !isDisabled\"\n            key=\"start\"\n            side=\"start\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <slot name=\"default\" />\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasEndIntersect && intersectMode && !isDisabled\"\n            key=\"end\"\n            side=\"end\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <ev-infinite-scroll-side\n            v-if=\"['end', 'both'].includes(props.side) && !isDisabled\"\n            side=\"end\"\n            v-bind=\"sideProps\"\n            :status=\"endStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('end')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n    </component>\n</template>\n"],"names":["slots","_useSlots","dimensions","useDimensions","props","rootEl","ref","startStatus","shallowRef","endStatus","margin","computed","toWebUnit","isIntersecting","previousScrollSize","isDisabled","toRef","hasStartIntersect","hasEndIntersect","intersectMode","getContainerSize","property","getScrollAmount","getScrollSize","getStatus","side","handleIntersectDelayed","debounce","intersecting","handleIntersect","_isIntersecting","status","setStatus","state","nextTick","setScrollAmount","emit","amount","onMounted","reset","sideProps","__expose"],"mappings":"s0BAcMA,EAAQC,IAqBRC,EAAaC,EAAcC,CAAK,EAChCC,EAASC,EAAoB,EAC7BC,EAAcC,EAAiC,IAAI,EACnDC,EAAYD,EAAiC,IAAI,EACjDE,EAASC,EAAS,IAAMC,GAAUR,EAAM,MAAM,CAAC,EAC/CS,EAAiBL,EAAW,EAAK,EACvC,IAAIM,EAAqB,EAEnB,MAAAC,EAAaC,EAAMZ,EAAO,UAAU,EAEpCa,EAAoBN,EAAS,IACxBP,EAAM,OAAS,SAAWA,EAAM,OAAS,MACnD,EAEKc,EAAkBP,EAAS,IACtBP,EAAM,OAAS,OAASA,EAAM,OAAS,MACjD,EAEKe,EAAgBR,EAAS,IACpBP,EAAM,OAAS,WACzB,EAED,SAASgB,GAAmB,CACpB,GAAA,CAACf,EAAO,MACD,MAAA,GAEX,MAAMgB,EACFjB,EAAM,YAAc,WAAa,eAAiB,cAC/C,OAAAC,EAAO,MAAMgB,CAAQ,CAAA,CAGhC,SAASC,GAAkB,CACnB,GAAA,CAACjB,EAAO,MACD,MAAA,GAEX,MAAMgB,EACFjB,EAAM,YAAc,WAAa,YAAc,aAC5C,OAAAC,EAAO,MAAMgB,CAAQ,CAAA,CAGhC,SAASE,GAAgB,CACjB,GAAA,CAAClB,EAAO,MACD,MAAA,GAEX,MAAMgB,EACFjB,EAAM,YAAc,WAAa,eAAiB,cAC/C,OAAAC,EAAO,MAAMgB,CAAQ,CAAA,CAGhC,SAASG,EAAUC,EAAc,CAC7B,OAAOA,IAAS,QAAUlB,EAAY,MAAQE,EAAU,KAAA,CAUtD,MAAAiB,EAAyBC,GAAUF,GAA6B,CAC9DZ,EAAe,OAAS,CAACE,EAAW,OACpCa,EAAaH,CAAI,CACrB,EACDrB,EAAM,cAAc,EAEd,SAAAyB,EAAgBJ,EAA0BK,EAA0B,CACzEjB,EAAe,MAAQiB,EACvBJ,EAAuBD,CAAI,CAAA,CAG/B,SAASG,EAAaH,EAA0B,CAC5C,GAAIrB,EAAM,OAAS,UAAY,CAACS,EAAe,MAC3C,OAEE,MAAAkB,EAASP,EAAUC,CAAI,EACzB,GAAA,CAACpB,EAAO,OAAS,CAAC,WAAY,SAAS,EAAE,SAAS0B,CAAM,EACxD,OAEJjB,EAAqBS,EAAc,EACnCS,EAAUP,EAAM,SAAS,EAEzB,SAASQ,EAAMF,EAA8B,CACzCC,EAAUP,EAAMM,CAAM,EAEtBG,EAAS,IAAM,CACPH,IAAW,YAAcA,IAAW,UAGpCA,IAAW,MAAQN,IAAS,SAC5BU,EACIZ,EAAA,EAAkBT,EAAqBQ,EAAgB,CAC3D,EAEAlB,EAAM,OAAS,UACf8B,EAAS,IAAM,CACX,OAAO,sBAAsB,IAAM,CAC/B,OAAO,sBAAsB,IAAM,CAC/B,OAAO,sBAAsB,IAAM,CAC/BN,EAAaH,CAAI,CAAA,CACpB,CAAA,CACJ,CAAA,CACJ,CAAA,CACJ,EACL,CACH,CAAA,CAELW,EAAK,OAAQ,CACT,KAAAX,EACA,MAAO,IAAMQ,EAAM,OAAO,EAC1B,KAAM,IAAMA,EAAM,UAAU,EAC5B,KAAM,IAAMA,EAAM,IAAI,CAAA,CACzB,CAAA,CAGL,SAASE,EAAgBE,EAAgB,CACjC,GAAA,CAAChC,EAAO,MACR,OAEJ,MAAMgB,EACFjB,EAAM,YAAc,WAAa,YAAc,aAC5CC,EAAA,MAAMgB,CAAQ,EAAIgB,CAAA,CAGpB,SAAAL,EAAUP,EAA0BM,EAA8B,CACnEN,IAAS,QACTlB,EAAY,MAAQwB,EACbN,IAAS,QAChBhB,EAAU,MAAQsB,EACtB,CAGJO,EAAU,IAAM,CACNC,EAAA,CAAA,CACT,EAEQ,SAAAA,EAAMR,EAA+B,KAAM,CAC3C1B,EAAO,QAGZQ,EAAe,MAAQ,GACnBT,EAAM,OAAS,QACf+B,EAAgBZ,GAAe,EACxBnB,EAAM,OAAS,OACtB+B,EAAgBZ,EAAc,EAAI,EAAIH,EAAA,EAAqB,CAAC,EAE5De,EAAgB,CAAC,EAErBH,EAAU,QAASD,CAAM,EACzBC,EAAU,MAAOD,CAAM,EAAA,CAGrB,MAAAS,EAAY7B,EAAS,KAAO,CAC9B,KAAMP,EAAM,KACZ,aAAcA,EAAM,aACpB,SAAUA,EAAM,QAAA,EAClB,EAEW,OAAAqC,EAAA,CACT,MAAAF,EACA,YAAalC,CAAA,CAChB"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvInfiniteScroll.vue.mjs");module.exports=e;
+import f from"./EvInfiniteScroll.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvInfiniteScroll.vue2.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const t=require("vue"),u=require("../../composables/intersectionObserver.mjs"),a=t.defineComponent({__name:"EvInfiniteScrollIntersect",props:{side:{type:String,required:!0},rootRef:{type:Object,default:null},rootMargin:{type:String,default:void 0}},emits:["intersect"],setup(n,{emit:o}){const e=n,i={...e.rootMargin?{rootMargin:e.rootMargin}:{},...e.rootRef?{root:e.rootRef}:{}},{intersectionRef:s,isIntersecting:c}=u.useIntersectionObserver(()=>{},i);return t.watch(c,async r=>{o("intersect",e.side,r)}),(r,f)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"intersectionRef",ref:s,class:"ev-infinite-scroll-intersect"}," ",512))}});module.exports=a;
+import{defineComponent as c,watch as f,createElementBlock as a,openBlock as p}from"vue";import{useIntersectionObserver as l}from"../../composables/intersectionObserver.mjs";/*! Evance UI v1.1.16 | MIT License */const g=c({__name:"EvInfiniteScrollIntersect",props:{side:{type:String,required:!0},rootRef:{type:Object,default:null},rootMargin:{type:String,default:void 0}},emits:["intersect"],setup(r,{emit:o}){const e=r,n={...e.rootMargin?{rootMargin:e.rootMargin}:{},...e.rootRef?{root:e.rootRef}:{}},{intersectionRef:i,isIntersecting:s}=l(()=>{},n);return f(s,async t=>{o("intersect",e.side,t)}),(t,u)=>(p(),a("div",{ref_key:"intersectionRef",ref:i,class:"ev-infinite-scroll-intersect"}," ",512))}});export{g as default};
 //# sourceMappingURL=EvInfiniteScrollIntersect.vue.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScrollIntersect.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useIntersectionObserver } from \"@/composables/intersectionObserver\";\nimport { InfiniteScrollSide } from \"@/components/EvInfiniteScroll\";\nimport { PropType, watch } from \"vue\";\n\nconst props = defineProps({\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        required: true,\n    },\n    rootRef: {\n        type: Object as PropType<HTMLDivElement>,\n        default: null,\n    },\n    rootMargin: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst emit = defineEmits<{\n    (e: \"intersect\", side: InfiniteScrollSide, isIntersecting: boolean): true;\n}>();\n\nconst options = {\n    ...(props.rootMargin ? { rootMargin: props.rootMargin } : {}),\n    ...(props.rootRef ? { root: props.rootRef } : {}),\n};\n\nconst { intersectionRef, isIntersecting } = useIntersectionObserver(\n    () => {},\n    options,\n);\n\nwatch(isIntersecting, async (val) => {\n    emit(\"intersect\", props.side, val);\n});\n</script>\n\n<template>\n    <div ref=\"intersectionRef\" class=\"ev-infinite-scroll-intersect\">&nbsp;</div>\n</template>\n"],"names":["options","props","intersectionRef","isIntersecting","useIntersectionObserver","watch","val","emit"],"mappings":"4VAwBMA,EAAU,CACZ,GAAIC,EAAM,WAAa,CAAE,WAAYA,EAAM,UAAA,EAAe,CAAC,EAC3D,GAAIA,EAAM,QAAU,CAAE,KAAMA,EAAM,OAAA,EAAY,CAAA,CAClD,EAEM,CAAE,gBAAAC,EAAiB,eAAAC,CAAA,EAAmBC,EAAA,wBACxC,IAAM,CAAC,EACPJ,CACJ,EAEMK,OAAAA,QAAAF,EAAgB,MAAOG,GAAQ,CAC5BC,EAAA,YAAaN,EAAM,KAAMK,CAAG,CAAA,CACpC"}
+{"version":3,"file":"EvInfiniteScrollIntersect.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useIntersectionObserver } from \"@/composables/intersectionObserver\";\nimport { InfiniteScrollSide } from \"@/components/EvInfiniteScroll\";\nimport { PropType, watch } from \"vue\";\n\nconst props = defineProps({\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        required: true,\n    },\n    rootRef: {\n        type: Object as PropType<HTMLDivElement>,\n        default: null,\n    },\n    rootMargin: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst emit = defineEmits<{\n    (e: \"intersect\", side: InfiniteScrollSide, isIntersecting: boolean): true;\n}>();\n\nconst options = {\n    ...(props.rootMargin ? { rootMargin: props.rootMargin } : {}),\n    ...(props.rootRef ? { root: props.rootRef } : {}),\n};\n\nconst { intersectionRef, isIntersecting } = useIntersectionObserver(\n    () => {},\n    options,\n);\n\nwatch(isIntersecting, async (val) => {\n    emit(\"intersect\", props.side, val);\n});\n</script>\n\n<template>\n    <div ref=\"intersectionRef\" class=\"ev-infinite-scroll-intersect\">&nbsp;</div>\n</template>\n"],"names":["options","props","intersectionRef","isIntersecting","useIntersectionObserver","watch","val","emit"],"mappings":"maAwBMA,EAAU,CACZ,GAAIC,EAAM,WAAa,CAAE,WAAYA,EAAM,UAAA,EAAe,CAAC,EAC3D,GAAIA,EAAM,QAAU,CAAE,KAAMA,EAAM,OAAA,EAAY,CAAA,CAClD,EAEM,CAAE,gBAAAC,EAAiB,eAAAC,CAAA,EAAmBC,EACxC,IAAM,CAAC,EACPJ,CACJ,EAEM,OAAAK,EAAAF,EAAgB,MAAOG,GAAQ,CAC5BC,EAAA,YAAaN,EAAM,KAAMK,CAAG,CAAA,CACpC"}

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue2.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvInfiniteScrollIntersect.vue.mjs");module.exports=e;
+import f from"./EvInfiniteScrollIntersect.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvInfiniteScrollIntersect.vue2.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue"),l=require("../EvButton/EvButton.vue.mjs"),m=require("../EvProgressCircular/EvProgressCircular.vue.mjs"),g=require("../../composables/locale.mjs"),f={class:"ev-infinite-scroll-side"},v={class:"ev-infinite-scroll-finished"},_=e.defineComponent({__name:"EvInfiniteScrollSide",props:{mode:{type:String,default:void 0},showFinished:{type:Boolean,default:!0},side:{type:String,default:void 0},status:{type:String,default:void 0},textFinished:{type:String,default:void 0},textMore:{type:String,default:void 0}},emits:["click:more"],setup(n,{emit:a}){const t=n;e.useSlots();const i=()=>{a("click:more")},o={side:t.side,props:{onClick:i}},{t:s}=g.useLocaleFunctions(),d=e.computed(()=>t.status==="error"),u=e.computed(()=>t.status==="finished"),c=e.computed(()=>t.mode==="manual"),p=e.computed(()=>t.status==="loading");return(r,y)=>(e.openBlock(),e.createElementBlock("div",f,[d.value?e.renderSlot(r.$slots,"error",e.normalizeProps(e.mergeProps({key:0},o))):u.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.showFinished?e.renderSlot(r.$slots,"finished",e.normalizeProps(e.mergeProps({key:0},o)),()=>[e.createElementVNode("div",v,e.toDisplayString(e.unref(s)(t.textFinished)),1)]):e.createCommentVNode("",!0)],64)):c.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[p.value?e.renderSlot(r.$slots,"loading",e.normalizeProps(e.mergeProps({key:1},o)),()=>[e.createVNode(e.unref(l),{loading:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)(t.textMore)),1)]),_:1})]):e.renderSlot(r.$slots,"more",e.normalizeProps(e.mergeProps({key:0},o)),()=>[e.createVNode(e.unref(l),{onClick:i},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)(t.textMore)),1)]),_:1})])],64)):e.renderSlot(r.$slots,"loading",e.normalizeProps(e.mergeProps({key:3},o)),()=>[e.createVNode(e.unref(m),{indeterminate:""})])]))}});module.exports=_;
+import{defineComponent as x,useSlots as C,computed as d,createElementBlock as a,openBlock as c,renderSlot as i,normalizeProps as n,mergeProps as r,Fragment as h,createCommentVNode as E,createElementVNode as M,toDisplayString as m,unref as t,createVNode as u,withCtx as v,createTextVNode as y}from"vue";import g from"../EvButton/EvButton.vue.mjs";import N from"../EvProgressCircular/EvProgressCircular.vue.mjs";import{useLocaleFunctions as V}from"../../composables/locale.mjs";/*! Evance UI v1.1.16 | MIT License */const w={class:"ev-infinite-scroll-side"},B={class:"ev-infinite-scroll-finished"},T=x({__name:"EvInfiniteScrollSide",props:{mode:{type:String,default:void 0},showFinished:{type:Boolean,default:!0},side:{type:String,default:void 0},status:{type:String,default:void 0},textFinished:{type:String,default:void 0},textMore:{type:String,default:void 0}},emits:["click:more"],setup(f,{emit:k}){const e=f;C();const p=()=>{k("click:more")},o={side:e.side,props:{onClick:p}},{t:l}=V(),S=d(()=>e.status==="error"),_=d(()=>e.status==="finished"),F=d(()=>e.mode==="manual"),$=d(()=>e.status==="loading");return(s,P)=>(c(),a("div",w,[S.value?i(s.$slots,"error",n(r({key:0},o))):_.value?(c(),a(h,{key:1},[f.showFinished?i(s.$slots,"finished",n(r({key:0},o)),()=>[M("div",B,m(t(l)(e.textFinished)),1)]):E("",!0)],64)):F.value?(c(),a(h,{key:2},[$.value?i(s.$slots,"loading",n(r({key:1},o)),()=>[u(t(g),{loading:""},{default:v(()=>[y(m(t(l)(e.textMore)),1)]),_:1})]):i(s.$slots,"more",n(r({key:0},o)),()=>[u(t(g),{onClick:p},{default:v(()=>[y(m(t(l)(e.textMore)),1)]),_:1})])],64)):i(s.$slots,"loading",n(r({key:3},o)),()=>[u(t(N),{indeterminate:""})])]))}});export{T as default};
 //# sourceMappingURL=EvInfiniteScrollSide.vue.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScrollSide.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, PropType } from \"vue\";\nimport {\n    InfiniteScrollMode,\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n} from \"./EvInfiniteScroll.ts\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\n\nconst props = defineProps({\n    mode: {\n        type: String as PropType<InfiniteScrollMode>,\n        default: undefined,\n    },\n    showFinished: {\n        type: Boolean,\n        default: true,\n    },\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        default: undefined,\n    },\n    status: {\n        type: String as PropType<InfiniteScrollStatus>,\n        default: undefined,\n    },\n    textFinished: {\n        type: String,\n        default: undefined,\n    },\n    textMore: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst slots = defineSlots<{\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\n\nconst emit = defineEmits([\"click:more\"]);\n\nconst onClick = () => {\n    emit(\"click:more\");\n};\n\nconst slotProps = {\n    side: props.side,\n    props: {\n        onClick,\n    },\n};\n\nconst { t } = useLocaleFunctions();\n\nconst isError = computed(() => props.status === \"error\");\nconst isFinished = computed(() => props.status === \"finished\");\nconst isManual = computed(() => props.mode === \"manual\");\nconst isLoading = computed(() => props.status === \"loading\");\n</script>\n\n<template>\n    <div class=\"ev-infinite-scroll-side\">\n        <template v-if=\"isError\">\n            <slot name=\"error\" v-bind=\"slotProps\" />\n        </template>\n        <template v-else-if=\"isFinished\">\n            <template v-if=\"showFinished\">\n                <slot name=\"finished\" v-bind=\"slotProps\">\n                    <div class=\"ev-infinite-scroll-finished\">\n                        {{ t(props.textFinished) }}\n                    </div>\n                </slot>\n            </template>\n        </template>\n        <template v-else-if=\"isManual\">\n            <slot v-if=\"!isLoading\" name=\"more\" v-bind=\"slotProps\">\n                <ev-button @click=\"onClick\">\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n            <slot v-else name=\"loading\" v-bind=\"slotProps\">\n                <ev-button loading>\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n        </template>\n        <template v-else>\n            <slot name=\"loading\" v-bind=\"slotProps\">\n                <ev-progress-circular indeterminate />\n            </slot>\n        </template>\n    </div>\n</template>\n"],"names":["_useSlots","onClick","emit","slotProps","props","t","useLocaleFunctions","isError","computed","isFinished","isManual","isLoading"],"mappings":"mnBAsCcA,aAYd,MAAMC,EAAU,IAAM,CAClBC,EAAK,YAAY,CACrB,EAEMC,EAAY,CACd,KAAMC,EAAM,KACZ,MAAO,CACH,QAAAH,CAAA,CAER,EAEM,CAAE,EAAAI,CAAE,EAAIC,qBAAmB,EAE3BC,EAAUC,EAAA,SAAS,IAAMJ,EAAM,SAAW,OAAO,EACjDK,EAAaD,EAAA,SAAS,IAAMJ,EAAM,SAAW,UAAU,EACvDM,EAAWF,EAAA,SAAS,IAAMJ,EAAM,OAAS,QAAQ,EACjDO,EAAYH,EAAA,SAAS,IAAMJ,EAAM,SAAW,SAAS"}
+{"version":3,"file":"EvInfiniteScrollSide.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, PropType } from \"vue\";\nimport {\n    InfiniteScrollMode,\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n} from \"./EvInfiniteScroll.ts\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\n\nconst props = defineProps({\n    mode: {\n        type: String as PropType<InfiniteScrollMode>,\n        default: undefined,\n    },\n    showFinished: {\n        type: Boolean,\n        default: true,\n    },\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        default: undefined,\n    },\n    status: {\n        type: String as PropType<InfiniteScrollStatus>,\n        default: undefined,\n    },\n    textFinished: {\n        type: String,\n        default: undefined,\n    },\n    textMore: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst slots = defineSlots<{\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\n\nconst emit = defineEmits([\"click:more\"]);\n\nconst onClick = () => {\n    emit(\"click:more\");\n};\n\nconst slotProps = {\n    side: props.side,\n    props: {\n        onClick,\n    },\n};\n\nconst { t } = useLocaleFunctions();\n\nconst isError = computed(() => props.status === \"error\");\nconst isFinished = computed(() => props.status === \"finished\");\nconst isManual = computed(() => props.mode === \"manual\");\nconst isLoading = computed(() => props.status === \"loading\");\n</script>\n\n<template>\n    <div class=\"ev-infinite-scroll-side\">\n        <template v-if=\"isError\">\n            <slot name=\"error\" v-bind=\"slotProps\" />\n        </template>\n        <template v-else-if=\"isFinished\">\n            <template v-if=\"showFinished\">\n                <slot name=\"finished\" v-bind=\"slotProps\">\n                    <div class=\"ev-infinite-scroll-finished\">\n                        {{ t(props.textFinished) }}\n                    </div>\n                </slot>\n            </template>\n        </template>\n        <template v-else-if=\"isManual\">\n            <slot v-if=\"!isLoading\" name=\"more\" v-bind=\"slotProps\">\n                <ev-button @click=\"onClick\">\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n            <slot v-else name=\"loading\" v-bind=\"slotProps\">\n                <ev-button loading>\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n        </template>\n        <template v-else>\n            <slot name=\"loading\" v-bind=\"slotProps\">\n                <ev-progress-circular indeterminate />\n            </slot>\n        </template>\n    </div>\n</template>\n"],"names":["_useSlots","onClick","emit","slotProps","props","t","useLocaleFunctions","isError","computed","isFinished","isManual","isLoading"],"mappings":"+4BAsCcA,IAYd,MAAMC,EAAU,IAAM,CAClBC,EAAK,YAAY,CACrB,EAEMC,EAAY,CACd,KAAMC,EAAM,KACZ,MAAO,CACH,QAAAH,CAAA,CAER,EAEM,CAAE,EAAAI,CAAE,EAAIC,EAAmB,EAE3BC,EAAUC,EAAS,IAAMJ,EAAM,SAAW,OAAO,EACjDK,EAAaD,EAAS,IAAMJ,EAAM,SAAW,UAAU,EACvDM,EAAWF,EAAS,IAAMJ,EAAM,OAAS,QAAQ,EACjDO,EAAYH,EAAS,IAAMJ,EAAM,SAAW,SAAS"}

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue2.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvInfiniteScrollSide.vue.mjs");module.exports=e;
+import f from"./EvInfiniteScrollSide.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvInfiniteScrollSide.vue2.mjs.map

package/dist/esm/components/EvKbd/EvKbd.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/component.mjs"),o=require("../../util/props.mjs"),e={default:"default",tonal:"tonal",outlined:"outlined",bold:"bold",text:"text"},r=o.propsFactory({value:String,variant:String,...t.makeComponentProps()},"EvKbd");exports.KbdVariant=e;exports.makeEvKbdProps=r;
+import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const n={default:"default",tonal:"tonal",outlined:"outlined",bold:"bold",text:"text"},e=o({value:String,variant:String,...t()},"EvKbd");export{n as KbdVariant,e as makeEvKbdProps};
 //# sourceMappingURL=EvKbd.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.mjs","sources":["../../../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const KbdVariant = {\n    default: \"default\",\n    tonal: \"tonal\",\n    outlined: \"outlined\",\n    bold: \"bold\",\n    text: \"text\",\n};\nexport type KbdVariantProp = (typeof KbdVariant)[keyof typeof KbdVariant];\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        variant: String as PropType<KbdVariantProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":["KbdVariant","makeEvKbdProps","propsFactory","makeComponentProps"],"mappings":"2MAIaA,EAAa,CACtB,QAAS,UACT,MAAO,QACP,SAAU,WACV,KAAM,OACN,KAAM,MACV,EAGaC,EAAiBC,EAAA,aAC1B,CACI,MAAO,OACP,QAAS,OAET,GAAGC,EAAmB,mBAAA,CAC1B,EACA,OACJ"}
+{"version":3,"file":"EvKbd.mjs","sources":["../../../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const KbdVariant = {\n    default: \"default\",\n    tonal: \"tonal\",\n    outlined: \"outlined\",\n    bold: \"bold\",\n    text: \"text\",\n};\nexport type KbdVariantProp = (typeof KbdVariant)[keyof typeof KbdVariant];\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        variant: String as PropType<KbdVariantProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":["KbdVariant","makeEvKbdProps","propsFactory","makeComponentProps"],"mappings":"+JAIO,MAAMA,EAAa,CACtB,QAAS,UACT,MAAO,QACP,SAAU,WACV,KAAM,OACN,KAAM,MACV,EAGaC,EAAiBC,EAC1B,CACI,MAAO,OACP,QAAS,OAET,GAAGC,EAAmB,CAC1B,EACA,OACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css             */const r=require("./EvKbd.mjs"),n=require("../../util/modifiers.mjs"),l=e.defineComponent({__name:"EvKbd",props:{...r.makeEvKbdProps()},setup(s){const t=s,a=e.computed(()=>n.variantModifier(t.variant??r.KbdVariant.default,["default"]));return(o,i)=>(e.openBlock(),e.createElementBlock("kbd",{class:e.normalizeClass(["ev-kbd",t.class,a.value]),style:e.normalizeStyle(t.style)},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.value),1)])],6))}});module.exports=l;
+import{defineComponent as o,computed as s,createElementBlock as l,openBlock as n,normalizeStyle as i,normalizeClass as m,renderSlot as p,createTextVNode as d,toDisplayString as c}from"vue";/* empty css           */import{makeEvKbdProps as u,KbdVariant as f}from"./EvKbd.mjs";import{variantModifier as v}from"../../util/modifiers.mjs";/*! Evance UI v1.1.16 | MIT License */const E=o({__name:"EvKbd",props:{...u()},setup(t){const e=t,r=s(()=>v(e.variant??f.default,["default"]));return(a,b)=>(n(),l("kbd",{class:m(["ev-kbd",e.class,r.value]),style:i(e.style)},[p(a.$slots,"default",{},()=>[d(c(e.value),1)])],6))}});export{E as default};
 //# sourceMappingURL=EvKbd.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.vue.mjs","sources":["../../../../src/components/EvKbd/EvKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-kbd>`\n */\nimport \"./EvKbd.scss\";\nimport { KbdVariant, makeEvKbdProps } from \"./EvKbd\";\nimport { variantModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvKbdProps(),\n});\n\nconst variantClass = computed(() => {\n    return variantModifier(props.variant ?? KbdVariant.default, [\"default\"]);\n});\n</script>\n\n<template>\n    <kbd\n        :class=\"[\n            'ev-kbd',\n            props.class,\n            variantClass,\n        ]\"\n        :style=\"props.style\">\n        <slot>{{ props.value }}</slot>\n    </kbd>\n</template>\n"],"names":["variantClass","computed","variantModifier","props","KbdVariant"],"mappings":"gQAaMA,EAAeC,EAAAA,SAAS,IACnBC,EAAAA,gBAAgBC,EAAM,SAAWC,aAAW,QAAS,CAAC,SAAS,CAAC,CAC1E"}
+{"version":3,"file":"EvKbd.vue.mjs","sources":["../../../../src/components/EvKbd/EvKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-kbd>`\n */\nimport \"./EvKbd.scss\";\nimport { KbdVariant, makeEvKbdProps } from \"./EvKbd\";\nimport { variantModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvKbdProps(),\n});\n\nconst variantClass = computed(() => {\n    return variantModifier(props.variant ?? KbdVariant.default, [\"default\"]);\n});\n</script>\n\n<template>\n    <kbd\n        :class=\"[\n            'ev-kbd',\n            props.class,\n            variantClass,\n        ]\"\n        :style=\"props.style\">\n        <slot>{{ props.value }}</slot>\n    </kbd>\n</template>\n"],"names":["variantClass","computed","variantModifier","props","KbdVariant"],"mappings":"gbAaMA,EAAeC,EAAS,IACnBC,EAAgBC,EAAM,SAAWC,EAAW,QAAS,CAAC,SAAS,CAAC,CAC1E"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvKbd.vue.mjs");module.exports=e;
+import f from"./EvKbd.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvKbd.vue2.mjs.map

package/dist/esm/components/EvLabel/EvLabel.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/component.mjs"),e=require("../../util/props.mjs"),r=e.propsFactory({label:String,hint:String},"Label"),t=e.propsFactory({title:String,hint:String,clickable:Boolean,...o.makeComponentProps()},"EvLabel");exports.makeEvLabelProps=t;exports.makeLabelProps=r;
+import{makeComponentProps as t}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const a=o({label:String,hint:String},"Label"),n=o({title:String,hint:String,clickable:Boolean,...t()},"EvLabel");export{n as makeEvLabelProps,a as makeLabelProps};
 //# sourceMappingURL=EvLabel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvLabel.mjs","sources":["../../../../src/components/EvLabel/EvLabel.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeLabelProps = propsFactory(\n    {\n        label: String,\n        hint: String,\n    },\n    \"Label\",\n);\n\nexport const makeEvLabelProps = propsFactory(\n    {\n        title: String,\n        hint: String,\n        clickable: Boolean,\n\n        ...makeComponentProps(),\n    },\n    \"EvLabel\",\n);\n"],"names":["makeLabelProps","propsFactory","makeEvLabelProps","makeComponentProps"],"mappings":"2MAGaA,EAAiBC,EAAA,aAC1B,CACI,MAAO,OACP,KAAM,MACV,EACA,OACJ,EAEaC,EAAmBD,EAAA,aAC5B,CACI,MAAO,OACP,KAAM,OACN,UAAW,QAEX,GAAGE,EAAmB,mBAAA,CAC1B,EACA,SACJ"}
+{"version":3,"file":"EvLabel.mjs","sources":["../../../../src/components/EvLabel/EvLabel.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeLabelProps = propsFactory(\n    {\n        label: String,\n        hint: String,\n    },\n    \"Label\",\n);\n\nexport const makeEvLabelProps = propsFactory(\n    {\n        title: String,\n        hint: String,\n        clickable: Boolean,\n\n        ...makeComponentProps(),\n    },\n    \"EvLabel\",\n);\n"],"names":["makeLabelProps","propsFactory","makeEvLabelProps","makeComponentProps"],"mappings":"+JAGO,MAAMA,EAAiBC,EAC1B,CACI,MAAO,OACP,KAAM,MACV,EACA,OACJ,EAEaC,EAAmBD,EAC5B,CACI,MAAO,OACP,KAAM,OACN,UAAW,QAEX,GAAGE,EAAmB,CAC1B,EACA,SACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css               */const s=require("./EvLabel.mjs"),c={key:0,class:"ev-label--title"},n={key:1,class:"ev-label--hint"},a=e.defineComponent({__name:"EvLabel",props:{...s.makeEvLabelProps()},setup(l){const t=l;return e.useSlots(),(o,r)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["ev-label",{"is-clickable":t.clickable},t.class]),style:e.normalizeStyle(t.style)},[e.renderSlot(o.$slots,"default",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",c,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.hint?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)])],6))}});module.exports=a;
+import{defineComponent as r,useSlots as n,createElementBlock as t,openBlock as l,normalizeStyle as c,normalizeClass as m,renderSlot as p,createCommentVNode as s,toDisplayString as o}from"vue";/* empty css             */import{makeEvLabelProps as d}from"./EvLabel.mjs";/*! Evance UI v1.1.16 | MIT License */const _={key:0,class:"ev-label--title"},b={key:1,class:"ev-label--hint"},h=r({__name:"EvLabel",props:{...d()},setup(a){const e=a;return n(),(i,u)=>(l(),t("label",{class:m(["ev-label",{"is-clickable":e.clickable},e.class]),style:c(e.style)},[p(i.$slots,"default",{},()=>[e.title?(l(),t("div",_,o(e.title),1)):s("",!0),e.hint?(l(),t("div",b,o(e.hint),1)):s("",!0)])],6))}});export{h as default};
 //# sourceMappingURL=EvLabel.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvLabel.vue.mjs","sources":["../../../../src/components/EvLabel/EvLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-label>`\n */\nimport \"./EvLabel.scss\";\nimport { makeEvLabelProps } from \"./EvLabel\";\n\nconst props = defineProps({\n    ...makeEvLabelProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <label\n        :class=\"[\n            'ev-label',\n            {\n                'is-clickable': props.clickable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot name=\"default\">\n            <div v-if=\"props.title\" class=\"ev-label--title\">\n                {{ props.title }}\n            </div>\n            <div v-if=\"props.hint\" class=\"ev-label--hint\">\n                {{ props.hint }}\n            </div>\n        </slot>\n    </label>\n</template>\n"],"names":["_useSlots"],"mappings":"qSAWcA,OAAAA"}
+{"version":3,"file":"EvLabel.vue.mjs","sources":["../../../../src/components/EvLabel/EvLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-label>`\n */\nimport \"./EvLabel.scss\";\nimport { makeEvLabelProps } from \"./EvLabel\";\n\nconst props = defineProps({\n    ...makeEvLabelProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <label\n        :class=\"[\n            'ev-label',\n            {\n                'is-clickable': props.clickable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot name=\"default\">\n            <div v-if=\"props.title\" class=\"ev-label--title\">\n                {{ props.title }}\n            </div>\n            <div v-if=\"props.hint\" class=\"ev-label--hint\">\n                {{ props.hint }}\n            </div>\n        </slot>\n    </label>\n</template>\n"],"names":["_useSlots"],"mappings":"mbAWcA,OAAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvLabel.vue.mjs");module.exports=e;
+import f from"./EvLabel.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvLabel.vue2.mjs.map

package/dist/esm/components/EvLink/EvLink.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/component.mjs"),e=require("../../composables/icons.mjs"),r=require("../../composables/router.mjs"),t=require("../../util/props.mjs"),n=t.propsFactory({appearance:{type:String,default:"default"},disabled:Boolean,iconStart:e.IconProp,iconEnd:e.IconProp,text:String,...o.makeComponentProps(),...r.makeRouterLinkOrHrefProps()},"EvLink");exports.makeEvLinkProps=n;
+import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{makeRouterLinkOrHrefProps as t}from"../../composables/router.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const m=e({appearance:{type:String,default:"default"},disabled:Boolean,iconStart:o,iconEnd:o,text:String,...r(),...t()},"EvLink");export{m as makeEvLinkProps};
 //# sourceMappingURL=EvLink.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvLink.mjs","sources":["../../../../src/components/EvLink/EvLink.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\n\nexport type LinkAppearance = \"default\" | \"subtle\";\n\nexport const makeEvLinkProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<LinkAppearance>,\n            default: \"default\",\n        },\n        disabled: Boolean,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        text: String,\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n    },\n    \"EvLink\",\n);"],"names":["makeEvLinkProps","propsFactory","IconProp","makeComponentProps","makeRouterLinkOrHrefProps"],"mappings":"8RAQaA,EAAkBC,EAAA,aAC3B,CACI,WAAY,CACR,KAAM,OACN,QAAS,SACb,EACA,SAAU,QACV,UAAWC,EAAA,SACX,QAASA,EAAA,SACT,KAAM,OACN,GAAGC,qBAAmB,EACtB,GAAGC,EAA0B,0BAAA,CACjC,EACA,QACJ"}
+{"version":3,"file":"EvLink.mjs","sources":["../../../../src/components/EvLink/EvLink.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\n\nexport type LinkAppearance = \"default\" | \"subtle\";\n\nexport const makeEvLinkProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<LinkAppearance>,\n            default: \"default\",\n        },\n        disabled: Boolean,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        text: String,\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n    },\n    \"EvLink\",\n);"],"names":["makeEvLinkProps","propsFactory","IconProp","makeComponentProps","makeRouterLinkOrHrefProps"],"mappings":"+RAQO,MAAMA,EAAkBC,EAC3B,CACI,WAAY,CACR,KAAM,OACN,QAAS,SACb,EACA,SAAU,QACV,UAAWC,EACX,QAASA,EACT,KAAM,OACN,GAAGC,EAAmB,EACtB,GAAGC,EAA0B,CACjC,EACA,QACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css              */const i=require("./EvLink.mjs"),p=require("../../composables/router.mjs"),o=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const d=require("../../icons/editor/glyph/LinkExternalIcon.svg.mjs"),f=require("../../composables/defaults.mjs"),k=require("../../util/modifiers.mjs"),m=["href"],_=e.defineComponent({__name:"EvLink",props:{...i.makeEvLinkProps()},setup(s){const c=s,r=f.useDefaults(c),n=e.useAttrs();e.useSlots();const u=p.useRouterLinkOrHref(r,n),l=e.computed(()=>k.appearanceModifier(r.appearance)),t=e.computed(()=>n.target==="_blank"&&!r.iconEnd?d.default:r.iconEnd);return(a,v)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["ev-link",{"is-disabled":e.unref(r).disabled},l.value,e.unref(r).class]),style:e.normalizeStyle(e.unref(r).style),href:e.unref(u).href.value},[e.unref(r).iconStart?(e.openBlock(),e.createBlock(e.unref(o),{key:0,glyph:e.unref(r).iconStart,class:"ev-link--icon-start"},null,8,["glyph"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(r).text),1)]),t.value?(e.openBlock(),e.createBlock(e.unref(o),{key:1,glyph:t.value,class:"ev-link--icon-end"},null,8,["glyph"])):e.createCommentVNode("",!0)],14,m))}});module.exports=_;
+import{defineComponent as f,useAttrs as d,useSlots as k,computed as s,createElementBlock as y,openBlock as r,unref as t,normalizeStyle as _,normalizeClass as h,createBlock as a,createCommentVNode as l,renderSlot as v,createTextVNode as E,toDisplayString as g}from"vue";/* empty css            */import{makeEvLinkProps as S}from"./EvLink.mjs";import{useRouterLinkOrHref as x}from"../../composables/router.mjs";import i from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import C from"../../icons/editor/glyph/LinkExternalIcon.svg.mjs";import{useDefaults as L}from"../../composables/defaults.mjs";import{appearanceModifier as b}from"../../util/modifiers.mjs";/*! Evance UI v1.1.16 | MIT License */const B=["href"],R=f({__name:"EvLink",props:{...S()},setup(c){const e=L(c),o=d();k();const p=x(e,o),m=s(()=>b(e.appearance)),n=s(()=>o.target==="_blank"&&!e.iconEnd?C:e.iconEnd);return(u,z)=>(r(),y("a",{class:h(["ev-link",{"is-disabled":t(e).disabled},m.value,t(e).class]),style:_(t(e).style),href:t(p).href.value},[t(e).iconStart?(r(),a(t(i),{key:0,glyph:t(e).iconStart,class:"ev-link--icon-start"},null,8,["glyph"])):l("",!0),v(u.$slots,"default",{},()=>[E(g(t(e).text),1)]),n.value?(r(),a(t(i),{key:1,glyph:n.value,class:"ev-link--icon-end"},null,8,["glyph"])):l("",!0)],14,B))}});export{R as default};
 //# sourceMappingURL=EvLink.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvLink.vue.mjs","sources":["../../../../src/components/EvLink/EvLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvLink.scss\";\nimport { makeEvLinkProps } from \"./EvLink\";\nimport { computed, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { appearanceModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { LinkExternalIcon } from \"@/icons/editor\";\n\nconst definedProps = defineProps({ ...makeEvLinkProps() });\nconst props = useDefaults(definedProps);\n\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\n\nconst iconEnd = computed(() => {\n    if (attrs.target === \"_blank\" && !props.iconEnd) {\n        return LinkExternalIcon;\n    }\n    return props.iconEnd;\n});\n</script>\n\n<template>\n    <a\n        :class=\"[\n            'ev-link',\n            {\n                'is-disabled': props.disabled,\n            },\n            appearanceClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :href=\"link.href.value\">\n        <ev-icon\n            v-if=\"props.iconStart\"\n            :glyph=\"props.iconStart\"\n            class=\"ev-link--icon-start\" />\n        <slot>{{ props.text }}</slot>\n        <ev-icon v-if=\"iconEnd\" :glyph=\"iconEnd\" class=\"ev-link--icon-end\" />\n    </a>\n</template>\n"],"names":["props","useDefaults","definedProps","attrs","useAttrs","_useSlots","link","useRouterLinkOrHref","appearanceClass","computed","appearanceModifier","iconEnd","LinkExternalIcon"],"mappings":"qfAcMA,EAAQC,cAAYC,CAAY,EAEhCC,EAAQC,EAAAA,SAAS,EACTC,aAGR,MAAAC,EAAOC,EAAAA,oBAAoBP,EAAgCG,CAAK,EAEhEK,EAAkBC,EAAAA,SAAS,IAAMC,EAAmB,mBAAAV,EAAM,UAAU,CAAC,EAErEW,EAAUF,EAAAA,SAAS,IACjBN,EAAM,SAAW,UAAY,CAACH,EAAM,QAC7BY,EAAA,QAEJZ,EAAM,OAChB"}
+{"version":3,"file":"EvLink.vue.mjs","sources":["../../../../src/components/EvLink/EvLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvLink.scss\";\nimport { makeEvLinkProps } from \"./EvLink\";\nimport { computed, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { appearanceModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { LinkExternalIcon } from \"@/icons/editor\";\n\nconst definedProps = defineProps({ ...makeEvLinkProps() });\nconst props = useDefaults(definedProps);\n\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\n\nconst iconEnd = computed(() => {\n    if (attrs.target === \"_blank\" && !props.iconEnd) {\n        return LinkExternalIcon;\n    }\n    return props.iconEnd;\n});\n</script>\n\n<template>\n    <a\n        :class=\"[\n            'ev-link',\n            {\n                'is-disabled': props.disabled,\n            },\n            appearanceClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :href=\"link.href.value\">\n        <ev-icon\n            v-if=\"props.iconStart\"\n            :glyph=\"props.iconStart\"\n            class=\"ev-link--icon-start\" />\n        <slot>{{ props.text }}</slot>\n        <ev-icon v-if=\"iconEnd\" :glyph=\"iconEnd\" class=\"ev-link--icon-end\" />\n    </a>\n</template>\n"],"names":["props","useDefaults","attrs","useAttrs","_useSlots","link","useRouterLinkOrHref","appearanceClass","computed","appearanceModifier","iconEnd","LinkExternalIcon"],"mappings":"mwBAcM,MAAAA,EAAQC,GAAwB,EAEhCC,EAAQC,EAAS,EACTC,IAGR,MAAAC,EAAOC,EAAoBN,EAAgCE,CAAK,EAEhEK,EAAkBC,EAAS,IAAMC,EAAmBT,EAAM,UAAU,CAAC,EAErEU,EAAUF,EAAS,IACjBN,EAAM,SAAW,UAAY,CAACF,EAAM,QAC7BW,EAEJX,EAAM,OAChB"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvLink.vue.mjs");module.exports=e;
+import f from"./EvLink.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvLink.vue2.mjs.map

package/dist/esm/components/EvList/EvList.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/lists/list-items.mjs"),s=require("../../composables/lists/nested.mjs"),r=require("../../composables/component.mjs"),o=require("../../composables/dimensions.mjs"),e=require("../../util/props.mjs"),i=e.propsFactory({disabled:Boolean,tag:{type:String,default:"ul"},itemType:{type:String,default:"type"},...t.makeListItemsProps(),...s.makeNestedProps({selectStrategy:"multi-any"}),...r.makeComponentProps(),...o.makeDimensionsProps()},"EvList"),n=e.propsFactory({items:Array,returnObject:Boolean},"EvListChildren");exports.makeEvListChildrenProps=n;exports.makeEvListProps=i;
+import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeNestedProps as o}from"../../composables/lists/nested.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeDimensionsProps as m}from"../../composables/dimensions.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const l=t({disabled:Boolean,tag:{type:String,default:"ul"},itemType:{type:String,default:"type"},...e(),...o({selectStrategy:"multi-any"}),...r(),...m()},"EvList"),y=t({items:Array,returnObject:Boolean},"EvListChildren");export{y as makeEvListChildrenProps,l as makeEvListProps};
 //# sourceMappingURL=EvList.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvList.mjs","sources":["../../../../src/components/EvList/EvList.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n    ListItem as DefaultListItem,\n    ListItemsProps as DefaultListItemProps,\n    makeListItemsProps,\n    makeNestedProps,\n} from \"@/composables/lists\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\n/**\n * # List Item Types\n */\nexport type ListItemType = \"item\" | \"subheader\" | \"divider\";\n\n/**\n * # List Item\n */\nexport interface ListItem extends DefaultListItem {\n    type?: ListItemType;\n}\n\n/**\n * # List Item Props\n */\nexport interface ListItemProps extends DefaultListItemProps {\n    itemType: string;\n}\n\n/**\n * # Make EvList Props\n */\nexport const makeEvListProps = propsFactory(\n    {\n        disabled: Boolean,\n        tag: {\n            type: String,\n            default: \"ul\",\n        },\n        itemType: {\n            type: String,\n            default: \"type\",\n        },\n\n        ...makeListItemsProps(),\n        ...makeNestedProps({\n            selectStrategy: \"multi-any\",\n        }),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvList\",\n);\n\n/**\n * # Make EvListChildren Props\n */\nexport const makeEvListChildrenProps = propsFactory(\n    {\n        items: Array as PropType<readonly ListItem[]>,\n        returnObject: Boolean,\n    },\n    \"EvListChildren\",\n);\n"],"names":["makeEvListProps","propsFactory","makeListItemsProps","makeNestedProps","makeComponentProps","makeDimensionsProps","makeEvListChildrenProps"],"mappings":"6VAiCaA,EAAkBC,EAAA,aAC3B,CACI,SAAU,QACV,IAAK,CACD,KAAM,OACN,QAAS,IACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EAEA,GAAGC,qBAAmB,EACtB,GAAGC,kBAAgB,CACf,eAAgB,WAAA,CACnB,EACD,GAAGC,qBAAmB,EACtB,GAAGC,EAAoB,oBAAA,CAC3B,EACA,QACJ,EAKaC,EAA0BL,EAAA,aACnC,CACI,MAAO,MACP,aAAc,OAClB,EACA,gBACJ"}
+{"version":3,"file":"EvList.mjs","sources":["../../../../src/components/EvList/EvList.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n    ListItem as DefaultListItem,\n    ListItemsProps as DefaultListItemProps,\n    makeListItemsProps,\n    makeNestedProps,\n} from \"@/composables/lists\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\n/**\n * # List Item Types\n */\nexport type ListItemType = \"item\" | \"subheader\" | \"divider\";\n\n/**\n * # List Item\n */\nexport interface ListItem extends DefaultListItem {\n    type?: ListItemType;\n}\n\n/**\n * # List Item Props\n */\nexport interface ListItemProps extends DefaultListItemProps {\n    itemType: string;\n}\n\n/**\n * # Make EvList Props\n */\nexport const makeEvListProps = propsFactory(\n    {\n        disabled: Boolean,\n        tag: {\n            type: String,\n            default: \"ul\",\n        },\n        itemType: {\n            type: String,\n            default: \"type\",\n        },\n\n        ...makeListItemsProps(),\n        ...makeNestedProps({\n            selectStrategy: \"multi-any\",\n        }),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvList\",\n);\n\n/**\n * # Make EvListChildren Props\n */\nexport const makeEvListChildrenProps = propsFactory(\n    {\n        items: Array as PropType<readonly ListItem[]>,\n        returnObject: Boolean,\n    },\n    \"EvListChildren\",\n);\n"],"names":["makeEvListProps","propsFactory","makeListItemsProps","makeNestedProps","makeComponentProps","makeDimensionsProps","makeEvListChildrenProps"],"mappings":"uXAiCO,MAAMA,EAAkBC,EAC3B,CACI,SAAU,QACV,IAAK,CACD,KAAM,OACN,QAAS,IACb,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EAEA,GAAGC,EAAmB,EACtB,GAAGC,EAAgB,CACf,eAAgB,WAAA,CACnB,EACD,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,CAC3B,EACA,QACJ,EAKaC,EAA0BL,EACnC,CACI,MAAO,MACP,aAAc,OAClB,EACA,gBACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css              */const q=require("./EvList.mjs"),w=require("../../composables/lists/list.mjs"),x=require("../../composables/lists/list-items.mjs"),k=require("../../composables/lists/nested.mjs"),h=require("../../composables/dimensions.mjs"),C=require("./EvListChildren.vue.mjs"),F=require("../../util/events.mjs"),L=e.defineComponent({__name:"EvList",props:{...q.makeEvListProps()},emits:["update:selected","click:select"],setup(l,{expose:a}){const t=l,{items:d}=x.useItems(t),{select:f}=k.useNestedList(t),o=e.ref(void 0),n=e.shallowRef(!1),u=e.shallowRef(void 0),v=e.computed(()=>t.disabled||n.value?-1:0),m=h.useDimensions(t);w.createList();function p(s){var i;!n.value&&!(s.relatedTarget&&((i=o.value)!=null&&i.contains(s.relatedTarget)))&&o.value&&(u.value?u.value.focus():r())}function _(s){n.value=!0}function y(s){n.value=!1}function b(s){const c={ArrowDown:"next",ArrowUp:"previous",Home:"first",End:"last"}[s.key];c&&o.value&&(r(c),s.preventDefault())}function r(s){u.value=F.focusChild(o==null?void 0:o.value,s)}return a({focus:r,select:f}),(s,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"containerRef",ref:o,role:"listbox",class:e.normalizeClass(["ev-list",{"is-disabled":t.disabled},t.class]),style:e.normalizeStyle([t.style,e.unref(m)]),tabindex:v.value,onKeydown:b,onFocus:p,onFocusin:_,onFocusout:y},{default:e.withCtx(()=>[e.createVNode(C,{items:e.unref(d),"return-object":t.returnObject},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},8,["items","return-object"])]),_:3},40,["class","style","tabindex"]))}});module.exports=L;
+import{defineComponent as w,ref as F,shallowRef as a,computed as C,createBlock as D,openBlock as h,resolveDynamicComponent as L,normalizeStyle as g,normalizeClass as j,unref as c,withCtx as u,createVNode as E,renderSlot as z}from"vue";/* empty css            */import{makeEvListProps as A}from"./EvList.mjs";import{createList as B}from"../../composables/lists/list.mjs";import{useItems as I}from"../../composables/lists/list-items.mjs";import{useNestedList as K}from"../../composables/lists/nested.mjs";import{useDimensions as N}from"../../composables/dimensions.mjs";import O from"./EvListChildren.vue.mjs";import{focusChild as S}from"../../util/events.mjs";/*! Evance UI v1.1.16 | MIT License */const J=w({__name:"EvList",props:{...A()},emits:["update:selected","click:select"],setup(f,{expose:m}){const o=f,{items:d}=I(o),{select:p}=K(o),t=F(void 0),s=a(!1),r=a(void 0),v=C(()=>o.disabled||s.value?-1:0),y=N(o);B();function b(e){var n;!s.value&&!(e.relatedTarget&&((n=t.value)!=null&&n.contains(e.relatedTarget)))&&t.value&&(r.value?r.value.focus():i())}function _(e){s.value=!0}function k(e){s.value=!1}function x(e){const l={ArrowDown:"next",ArrowUp:"previous",Home:"first",End:"last"}[e.key];l&&t.value&&(i(l),e.preventDefault())}function i(e){r.value=S(t==null?void 0:t.value,e)}return m({focus:i,select:p}),(e,n)=>(h(),D(L(o.tag),{ref_key:"containerRef",ref:t,role:"listbox",class:j(["ev-list",{"is-disabled":o.disabled},o.class]),style:g([o.style,c(y)]),tabindex:v.value,onKeydown:x,onFocus:b,onFocusin:_,onFocusout:k},{default:u(()=>[E(O,{items:c(d),"return-object":o.returnObject},{default:u(()=>[z(e.$slots,"default")]),_:3},8,["items","return-object"])]),_:3},40,["class","style","tabindex"]))}});export{J as default};
 //# sourceMappingURL=EvList.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvList.vue.mjs","sources":["../../../../src/components/EvList/EvList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvList\n *\n * `<ev-list>`\n *\n * Uses:\n * - EvListItem - `<ev-list-item>`\n *\n * @todo: Nested items\n *\n * @see EvListItem\n */\nimport \"./EvList.scss\";\nimport { makeEvListProps } from \"./EvList\";\nimport { computed, ref, shallowRef } from \"vue\";\nimport { focusChild, FocusPosition } from \"@/util\";\nimport {\n    createList,\n    NestedProps,\n    useItems,\n    useNestedList,\n} from \"@/composables/lists\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport EvListChildren from \"./EvListChildren.vue\";\n\ndefineEmits([\"update:selected\", \"click:select\"]);\n\nconst props = defineProps({\n    ...makeEvListProps(),\n});\nconst { items } = useItems(props);\nconst { select } = useNestedList(props as NestedProps);\nconst containerRef = ref<HTMLElement | undefined>(undefined);\nconst isFocused = shallowRef(false);\nconst lastFocus = shallowRef<HTMLElement | undefined>(undefined);\nconst tabindex = computed(() => {\n    return props.disabled || isFocused.value ? -1 : 0;\n});\nconst dimensions = useDimensions(props);\n\n/**\n * Establish provide() and inject() functionality for list items.\n */\ncreateList();\n\n/**\n * # On Focus\n * Set or restore focus\n * @param e\n */\nfunction onFocus(e: FocusEvent): void {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            containerRef.value?.contains(e.relatedTarget as Node)\n        ) &&\n        containerRef.value\n    ) {\n        if (lastFocus.value) {\n            lastFocus.value.focus();\n        } else {\n            focus();\n        }\n    }\n}\n\n/**\n * # On Focus In\n * @param e\n */\nfunction onFocusIn(e: FocusEvent): void {\n    isFocused.value = true;\n}\n\n/**\n * # On Focus Out\n * @param e\n */\nfunction onFocusOut(e: FocusEvent): void {\n    isFocused.value = false;\n}\n\n/**\n * # On Key Down\n * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    const keys: { [key: string]: string } = {\n        ArrowDown: \"next\",\n        ArrowUp: \"previous\",\n        Home: \"first\",\n        End: \"last\",\n    };\n    const position = keys[e.key];\n    if (position && containerRef.value) {\n        focus(position as FocusPosition);\n        e.preventDefault();\n    }\n}\n\n/**\n * # Set Focus\n * @param position\n */\nfunction focus(position?: FocusPosition): void {\n    lastFocus.value = focusChild(containerRef?.value, position);\n}\n\ndefineExpose({\n    focus,\n    select,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"containerRef\"\n        role=\"listbox\"\n        :class=\"[\n            'ev-list',\n            {\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"[props.style, dimensions]\"\n        :tabindex=\"tabindex\"\n        @keydown=\"onKeyDown\"\n        @focus=\"onFocus\"\n        @focusin=\"onFocusIn\"\n        @focusout=\"onFocusOut\">\n        <ev-list-children :items=\"items\" :return-object=\"props.returnObject\">\n            <slot name=\"default\" />\n        </ev-list-children>\n    </component>\n</template>\n"],"names":["items","useItems","props","select","useNestedList","containerRef","ref","isFocused","shallowRef","lastFocus","tabindex","computed","dimensions","useDimensions","createList","onFocus","e","_a","focus","onFocusIn","onFocusOut","onKeyDown","position","focusChild","__expose"],"mappings":"2hBA+BM,CAAE,MAAAA,CAAA,EAAUC,EAAA,SAASC,CAAK,EAC1B,CAAE,OAAAC,CAAA,EAAWC,EAAA,cAAcF,CAAoB,EAC/CG,EAAeC,MAA6B,MAAS,EACrDC,EAAYC,aAAW,EAAK,EAC5BC,EAAYD,aAAoC,MAAS,EACzDE,EAAWC,EAAAA,SAAS,IACfT,EAAM,UAAYK,EAAU,MAAQ,GAAK,CACnD,EACKK,EAAaC,gBAAcX,CAAK,EAK3BY,aAAA,EAOX,SAASC,EAAQC,EAAqB,OAE9B,CAACT,EAAU,OACX,EACIS,EAAE,iBACFC,EAAAZ,EAAa,QAAb,MAAAY,EAAoB,SAASD,EAAE,kBAEnCX,EAAa,QAETI,EAAU,MACVA,EAAU,MAAM,MAAM,EAEhBS,EAAA,EAEd,CAOJ,SAASC,EAAUH,EAAqB,CACpCT,EAAU,MAAQ,EAAA,CAOtB,SAASa,EAAWJ,EAAqB,CACrCT,EAAU,MAAQ,EAAA,CAQtB,SAASc,EAAUL,EAAwB,CAOjC,MAAAM,EANkC,CACpC,UAAW,OACX,QAAS,WACT,KAAM,QACN,IAAK,MACT,EACsBN,EAAE,GAAG,EACvBM,GAAYjB,EAAa,QACzBa,EAAMI,CAAyB,EAC/BN,EAAE,eAAe,EACrB,CAOJ,SAASE,EAAMI,EAAgC,CAC3Cb,EAAU,MAAQc,EAAAA,WAAWlB,GAAA,YAAAA,EAAc,MAAOiB,CAAQ,CAAA,CAGjD,OAAAE,EAAA,CACT,MAAAN,EACA,OAAAf,CAAA,CACH"}
+{"version":3,"file":"EvList.vue.mjs","sources":["../../../../src/components/EvList/EvList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvList\n *\n * `<ev-list>`\n *\n * Uses:\n * - EvListItem - `<ev-list-item>`\n *\n * @todo: Nested items\n *\n * @see EvListItem\n */\nimport \"./EvList.scss\";\nimport { makeEvListProps } from \"./EvList\";\nimport { computed, ref, shallowRef } from \"vue\";\nimport { focusChild, FocusPosition } from \"@/util\";\nimport {\n    createList,\n    NestedProps,\n    useItems,\n    useNestedList,\n} from \"@/composables/lists\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport EvListChildren from \"./EvListChildren.vue\";\n\ndefineEmits([\"update:selected\", \"click:select\"]);\n\nconst props = defineProps({\n    ...makeEvListProps(),\n});\nconst { items } = useItems(props);\nconst { select } = useNestedList(props as NestedProps);\nconst containerRef = ref<HTMLElement | undefined>(undefined);\nconst isFocused = shallowRef(false);\nconst lastFocus = shallowRef<HTMLElement | undefined>(undefined);\nconst tabindex = computed(() => {\n    return props.disabled || isFocused.value ? -1 : 0;\n});\nconst dimensions = useDimensions(props);\n\n/**\n * Establish provide() and inject() functionality for list items.\n */\ncreateList();\n\n/**\n * # On Focus\n * Set or restore focus\n * @param e\n */\nfunction onFocus(e: FocusEvent): void {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            containerRef.value?.contains(e.relatedTarget as Node)\n        ) &&\n        containerRef.value\n    ) {\n        if (lastFocus.value) {\n            lastFocus.value.focus();\n        } else {\n            focus();\n        }\n    }\n}\n\n/**\n * # On Focus In\n * @param e\n */\nfunction onFocusIn(e: FocusEvent): void {\n    isFocused.value = true;\n}\n\n/**\n * # On Focus Out\n * @param e\n */\nfunction onFocusOut(e: FocusEvent): void {\n    isFocused.value = false;\n}\n\n/**\n * # On Key Down\n * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    const keys: { [key: string]: string } = {\n        ArrowDown: \"next\",\n        ArrowUp: \"previous\",\n        Home: \"first\",\n        End: \"last\",\n    };\n    const position = keys[e.key];\n    if (position && containerRef.value) {\n        focus(position as FocusPosition);\n        e.preventDefault();\n    }\n}\n\n/**\n * # Set Focus\n * @param position\n */\nfunction focus(position?: FocusPosition): void {\n    lastFocus.value = focusChild(containerRef?.value, position);\n}\n\ndefineExpose({\n    focus,\n    select,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"containerRef\"\n        role=\"listbox\"\n        :class=\"[\n            'ev-list',\n            {\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"[props.style, dimensions]\"\n        :tabindex=\"tabindex\"\n        @keydown=\"onKeyDown\"\n        @focus=\"onFocus\"\n        @focusin=\"onFocusIn\"\n        @focusout=\"onFocusOut\">\n        <ev-list-children :items=\"items\" :return-object=\"props.returnObject\">\n            <slot name=\"default\" />\n        </ev-list-children>\n    </component>\n</template>\n"],"names":["items","useItems","props","select","useNestedList","containerRef","ref","isFocused","shallowRef","lastFocus","tabindex","computed","dimensions","useDimensions","createList","onFocus","_a","focus","onFocusIn","onFocusOut","onKeyDown","position","focusChild","__expose"],"mappings":"0yBA+BM,CAAE,MAAAA,CAAA,EAAUC,EAASC,CAAK,EAC1B,CAAE,OAAAC,CAAA,EAAWC,EAAcF,CAAoB,EAC/CG,EAAeC,EAA6B,MAAS,EACrDC,EAAYC,EAAW,EAAK,EAC5BC,EAAYD,EAAoC,MAAS,EACzDE,EAAWC,EAAS,IACfT,EAAM,UAAYK,EAAU,MAAQ,GAAK,CACnD,EACKK,EAAaC,EAAcX,CAAK,EAK3BY,EAAA,EAOX,SAASC,EAAQ,EAAqB,OAE9B,CAACR,EAAU,OACX,EACI,EAAE,iBACFS,EAAAX,EAAa,QAAb,MAAAW,EAAoB,SAAS,EAAE,kBAEnCX,EAAa,QAETI,EAAU,MACVA,EAAU,MAAM,MAAM,EAEhBQ,EAAA,EAEd,CAOJ,SAASC,EAAU,EAAqB,CACpCX,EAAU,MAAQ,EAAA,CAOtB,SAASY,EAAW,EAAqB,CACrCZ,EAAU,MAAQ,EAAA,CAQtB,SAASa,EAAU,EAAwB,CAOjC,MAAAC,EANkC,CACpC,UAAW,OACX,QAAS,WACT,KAAM,QACN,IAAK,MACT,EACsB,EAAE,GAAG,EACvBA,GAAYhB,EAAa,QACzBY,EAAMI,CAAyB,EAC/B,EAAE,eAAe,EACrB,CAOJ,SAASJ,EAAMI,EAAgC,CAC3CZ,EAAU,MAAQa,EAAWjB,GAAA,YAAAA,EAAc,MAAOgB,CAAQ,CAAA,CAGjD,OAAAE,EAAA,CACT,MAAAN,EACA,OAAAd,CAAA,CACH"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvList.vue.mjs");module.exports=e;
+import f from"./EvList.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvList.vue2.mjs.map

package/dist/esm/components/EvList/EvListChildren.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue"),i=require("../EvListItem/EvListItem.vue.mjs"),c=require("./EvList.mjs"),a=require("../../composables/lists/list.mjs"),d=require("../EvDivider/EvDivider.vue.mjs");;/* empty css                            */const _=require("../EvSection/EvSection.vue.mjs"),v=e.defineComponent({__name:"EvListChildren",props:{...c.makeEvListChildrenProps()},setup(s){const o=s,n=e.useSlots();return a.createList(),(t,m)=>{const p=e.resolveComponent("ev-list-children",!0);return e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.key},[r.type==="divider"?e.renderSlot(t.$slots,"divider",e.normalizeProps(e.mergeProps({key:0},{props:r.props})),()=>[e.createVNode(e.unref(d),e.normalizeProps(e.guardReactiveProps(r.props)),null,16)]):r.type==="subheader"?e.renderSlot(t.$slots,"subheader",e.normalizeProps(e.mergeProps({key:1},{props:r.props})),()=>[e.createVNode(e.unref(_),e.normalizeProps(e.guardReactiveProps(r.props)),{default:e.withCtx(()=>[e.createVNode(p,{items:r.children,"return-object":o.returnObject},e.createSlots({_:2},[e.unref(n).item?{name:"item",fn:e.withCtx(({item:l,props:u})=>[e.renderSlot(t.$slots,"item",e.normalizeProps(e.guardReactiveProps({item:l,props:u})))]),key:"0"}:void 0]),1032,["items","return-object"])]),_:2},1040)]):e.renderSlot(t.$slots,"item",e.normalizeProps(e.mergeProps({key:2},{item:r,props:r.props})),()=>[e.createVNode(i,e.mergeProps(r.props,{value:o.returnObject?e.toRaw(r.raw):r.props.value,"return-object":o.returnObject,children:r.children}),null,16,["value","return-object","children"])])],64))),128))])}}});module.exports=v;
+import{defineComponent as b,useSlots as k,resolveComponent as y,renderSlot as t,createElementBlock as a,openBlock as c,Fragment as u,renderList as $,normalizeProps as r,mergeProps as p,createVNode as n,unref as l,guardReactiveProps as i,withCtx as d,createSlots as j,toRaw as C}from"vue";import L from"../EvListItem/EvListItem.vue.mjs";import{makeEvListChildrenProps as P}from"./EvList.mjs";import{createList as g}from"../../composables/lists/list.mjs";import w from"../EvDivider/EvDivider.vue.mjs";/* empty css                          */import E from"../EvSection/EvSection.vue.mjs";/*! Evance UI v1.1.16 | MIT License */const q=b({__name:"EvListChildren",props:{...P()},setup(m){const s=m,f=k();return g(),(o,O)=>{const _=y("ev-list-children",!0);return t(o.$slots,"default",{},()=>[(c(!0),a(u,null,$(s.items,e=>(c(),a(u,{key:e.key},[e.type==="divider"?t(o.$slots,"divider",r(p({key:0},{props:e.props})),()=>[n(l(w),r(i(e.props)),null,16)]):e.type==="subheader"?t(o.$slots,"subheader",r(p({key:1},{props:e.props})),()=>[n(l(E),r(i(e.props)),{default:d(()=>[n(_,{items:e.children,"return-object":s.returnObject},j({_:2},[l(f).item?{name:"item",fn:d(({item:h,props:v})=>[t(o.$slots,"item",r(i({item:h,props:v})))]),key:"0"}:void 0]),1032,["items","return-object"])]),_:2},1040)]):t(o.$slots,"item",r(p({key:2},{item:e,props:e.props})),()=>[n(L,p(e.props,{value:s.returnObject?C(e.raw):e.props.value,"return-object":s.returnObject,children:e.children}),null,16,["value","return-object","children"])])],64))),128))])}}});export{q as default};
 //# sourceMappingURL=EvListChildren.vue.mjs.map

package/dist/esm/components/EvList/EvListChildren.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvListChildren.vue.mjs","sources":["../../../../src/components/EvList/EvListChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvListChildren\n *\n * A management component for rendering child items recursively.\n */\nimport EvListItem from \"../EvListItem/EvListItem.vue\";\nimport { ListItem, makeEvListChildrenProps } from \"./EvList\";\nimport { createList } from \"@/composables/lists\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { toRaw } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvListChildrenProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n    divider(props: { props: any }): never;\n    subheader(props: { props: any }): never;\n    item(props: { item: ListItem; props: any }): never;\n}>();\n\ncreateList();\n</script>\n\n<template>\n    <slot name=\"default\">\n        <template v-for=\"item in props.items\" :key=\"item.key\">\n            <slot\n                v-if=\"item.type === 'divider'\"\n                name=\"divider\"\n                v-bind=\"{ props: item.props }\">\n                <ev-divider v-bind=\"item.props\" />\n            </slot>\n            <slot\n                v-else-if=\"item.type === 'subheader'\"\n                name=\"subheader\"\n                v-bind=\"{ props: item.props }\">\n                <ev-section v-bind=\"item.props\">\n                    <ev-list-children\n                        :items=\"item.children\"\n                        :return-object=\"props.returnObject\">\n                        <template v-if=\"slots.item\" #item=\"{ item, props }\">\n                            <slot name=\"item\" v-bind=\"{ item, props }\" />\n                        </template>\n                    </ev-list-children>\n                </ev-section>\n            </slot>\n            <template v-else>\n                <slot name=\"item\" v-bind=\"{ item, props: item.props }\">\n                    <ev-list-item\n                        v-bind=\"item.props\"\n                        :value=\"\n                            props.returnObject\n                                ? toRaw(item.raw)\n                                : item.props.value\n                        \"\n                        :return-object=\"props.returnObject\"\n                        :children=\"item.children\" />\n                </slot>\n            </template>\n        </template>\n    </slot>\n</template>\n"],"names":["slots","_useSlots","createList"],"mappings":"gbAiBMA,EAAQC,EAAAA,WAOHC,OAAAA,aAAA"}
+{"version":3,"file":"EvListChildren.vue.mjs","sources":["../../../../src/components/EvList/EvListChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvListChildren\n *\n * A management component for rendering child items recursively.\n */\nimport EvListItem from \"../EvListItem/EvListItem.vue\";\nimport { ListItem, makeEvListChildrenProps } from \"./EvList\";\nimport { createList } from \"@/composables/lists\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { toRaw } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvListChildrenProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n    divider(props: { props: any }): never;\n    subheader(props: { props: any }): never;\n    item(props: { item: ListItem; props: any }): never;\n}>();\n\ncreateList();\n</script>\n\n<template>\n    <slot name=\"default\">\n        <template v-for=\"item in props.items\" :key=\"item.key\">\n            <slot\n                v-if=\"item.type === 'divider'\"\n                name=\"divider\"\n                v-bind=\"{ props: item.props }\">\n                <ev-divider v-bind=\"item.props\" />\n            </slot>\n            <slot\n                v-else-if=\"item.type === 'subheader'\"\n                name=\"subheader\"\n                v-bind=\"{ props: item.props }\">\n                <ev-section v-bind=\"item.props\">\n                    <ev-list-children\n                        :items=\"item.children\"\n                        :return-object=\"props.returnObject\">\n                        <template v-if=\"slots.item\" #item=\"{ item, props }\">\n                            <slot name=\"item\" v-bind=\"{ item, props }\" />\n                        </template>\n                    </ev-list-children>\n                </ev-section>\n            </slot>\n            <template v-else>\n                <slot name=\"item\" v-bind=\"{ item, props: item.props }\">\n                    <ev-list-item\n                        v-bind=\"item.props\"\n                        :value=\"\n                            props.returnObject\n                                ? toRaw(item.raw)\n                                : item.props.value\n                        \"\n                        :return-object=\"props.returnObject\"\n                        :children=\"item.children\" />\n                </slot>\n            </template>\n        </template>\n    </slot>\n</template>\n"],"names":["slots","_useSlots","createList"],"mappings":"orBAiBMA,EAAQC,IAOH,OAAAC,EAAA"}