@evance/evance-ui 1.0.44 → 1.0.46

package/dist/esm/src/components/EvFilterButton/EvFilterButton.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createVNode } from "vue";
 import { makeEvFilterButtonProps } from "./EvFilterButton.mjs";
 import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";

package/dist/esm/src/components/EvFilterButton/EvFilterButton.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvFilterButton.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvForm/EvForm.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeFormProps } from "../../composables/form.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvForm/EvForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvForm.mjs","sources":["../../../../../src/components/EvForm/EvForm.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormProps } from \"@/composables/form\";\n\nexport const makeEvFormProps = propsFactory(\n    {\n        ...makeComponentProps(),\n        ...makeFormProps(),\n    },\n    \"EvForm\",\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,GAAG,mBAAmB;AAAA,IACtB,GAAG,cAAc;AAAA,EACrB;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvForm.mjs","sources":["../../../../../src/components/EvForm/EvForm.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport { FormProps, makeFormProps } from \"@/composables/form\";\n\nexport interface EvFormProps extends FormProps, ComponentProps {}\n\nexport const makeEvFormProps = propsFactory(\n    {\n        ...makeComponentProps(),\n        ...makeFormProps(),\n    },\n    \"EvForm\",\n);\n"],"names":[],"mappings":";;;;AAMO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,GAAG,mBAAmB;AAAA,IACtB,GAAG,cAAc;AAAA,EACrB;AAAA,EACA;AACJ;"}

package/dist/esm/src/components/EvForm/EvForm.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, unref } from "vue";
 import { makeEvFormProps } from "./EvForm.mjs";
 import { createForm } from "../../composables/form.mjs";

package/dist/esm/src/components/EvForm/EvForm.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvForm.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvFormHelp/EvFormHelp.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeEvFormHelpProps = propsFactory(

package/dist/esm/src/components/EvFormHelp/EvFormHelp.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, toRef, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 /* empty css                 */
 import { makeEvFormHelpProps } from "./EvFormHelp.mjs";

package/dist/esm/src/components/EvFormHelp/EvFormHelp.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvFormHelp.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvBlock/EvBlock.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { makeTagProps } from "../../../composables/tag.mjs";
 import { propsFactory } from "../../../util/props.mjs";

package/dist/esm/src/components/EvGrid/EvBlock/EvBlock.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
 /* empty css              */
 import { makeEvBlockProps } from "./EvBlock.mjs";

package/dist/esm/src/components/EvGrid/EvBlock/EvBlock.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvBlock.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvContainer/EvContainer.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { makeTagProps } from "../../../composables/tag.mjs";
 import { propsFactory } from "../../../util/props.mjs";

package/dist/esm/src/components/EvGrid/EvContainer/EvContainer.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
 /* empty css                  */
 import { makeEvContainerProps } from "./EvContainer.mjs";

package/dist/esm/src/components/EvGrid/EvContainer/EvContainer.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvContainer.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvLayout/EvLayout.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { makeTagProps } from "../../../composables/tag.mjs";
 import { propsFactory } from "../../../util/props.mjs";

package/dist/esm/src/components/EvGrid/EvLayout/EvLayout.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
 /* empty css               */
 import { makeEvLayoutProps } from "./EvLayout.mjs";

package/dist/esm/src/components/EvGrid/EvLayout/EvLayout.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvLayout.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvSpacer/EvSpacer.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { propsFactory } from "../../../util/props.mjs";
 const makeEvSpacerProps = propsFactory(

package/dist/esm/src/components/EvGrid/EvSpacer/EvSpacer.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 /* empty css               */
 import { makeEvSpacerProps } from "./EvSpacer.mjs";

package/dist/esm/src/components/EvGrid/EvSpacer/EvSpacer.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvSpacer.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvHeading/EvHeading.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvHeading/EvHeading.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, useCssVars, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css                */
 import { makeEvHeadingProps, EvHeadingTag, EvHeadingSize, EvHeadingClass } from "./EvHeading.mjs";

package/dist/esm/src/components/EvHeading/EvHeading.vue3.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvHeading.vue.mjs";
 /* empty css                */
 export {

package/dist/esm/src/components/EvIcon/EvIcon.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { computed, toRaw } from "vue";
 import { IconProp } from "../../composables/icons.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvIcon/EvIcon.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, useCssVars, computed, useAttrs, toRaw, createElementBlock, openBlock, normalizeClass, unref, createBlock, resolveDynamicComponent } from "vue";
 /* empty css             */
 import { makeEvIconProps } from "./EvIcon.mjs";

package/dist/esm/src/components/EvIcon/EvIcon.vue3.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvIcon.vue.mjs";
 /* empty css             */
 export {

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeEvResponsiveProps } from "../EvResponsive/EvResponsive.mjs";
 import { makeEvTransitionProps } from "../EvTransition/EvTransition.mjs";

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

@@ -1,10 +1,11 @@
-/*! Evance UI v1.0.43 | MIT License */
-import { defineComponent, useSlots, shallowRef, ref, computed, watch, nextTick, onBeforeMount, onMounted, onBeforeUnmount, resolveDirective, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode, createVNode, createElementBlock, createElementVNode, vShow, normalizeStyle, normalizeClass } from "vue";
+/*! Evance UI v1.0.46 | MIT License */
+import { defineComponent, useSlots, shallowRef, ref, computed, watch, nextTick, onBeforeMount, onMounted, onBeforeUnmount, resolveDirective, withDirectives, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createCommentVNode, createElementBlock, renderSlot, createElementVNode, vShow, normalizeStyle, normalizeClass } from "vue";
 /* empty css            */
 import { makeEvImgProps } from "./EvImg.mjs";
 import _sfc_main$1 from "../EvResponsive/EvResponsive.vue.mjs";
 import { useEvTransition, EvTransition } from "../EvTransition/EvTransition.mjs";
 import { filterComponentProps } from "../../util/helpers.mjs";
+import { makeClassName } from "../../util/modifiers.mjs";
 import { isObject } from "../../util/is-functions.mjs";
 import { Browser } from "../../util/browser.mjs";
 import { toWebUnit } from "../../util/units.mjs";
@@ -13,11 +14,9 @@ const _hoisted_1 = {
   class: "ev-img--picture"
 };
 const _hoisted_2 = ["src", "alt", "crossorigin", "referrerpolicy", "draggable"];
-const _hoisted_3 = {
-  key: 0,
-  class: "ev-img--placeholder"
-};
-const _hoisted_4 = { class: "ev-img--error" };
+const _hoisted_3 = { class: "ev-img--placeholder" };
+const _hoisted_4 = { class: "ev-img--loading" };
+const _hoisted_5 = { class: "ev-img--error" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EvImg",
   props: {
@@ -192,6 +191,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isLoaded = computed(() => {
       return state.value === "loaded";
     });
+    const isEmpty = computed(() => {
+      return !normalisedSrc.value.src && !normalisedSrc.value.lazySrc;
+    });
     const responsiveProps = computed(
       () => filterComponentProps(_sfc_main$1, props)
     );
@@ -204,6 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       draggable: props.draggable,
       sizes: props.sizes
     }));
+    const stateClass = computed(() => makeClassName(state.value, "is-state"));
     return (_ctx, _cache) => {
       const _directive_intersect = resolveDirective("intersect");
       return withDirectives((openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
@@ -212,6 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             "is-booting": !isBooted.value
           },
+          stateClass.value,
           props.class
         ],
         style: [
@@ -226,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "aria-label": props.alt,
         "aspect-ratio": aspectRatio.value,
         role: props.alt ? "img" : void 0
-      }), {
+      }), createSlots({
         additional: withCtx(() => [
           normalisedSrc.value.src && state.value !== "idle" ? (openBlock(), createBlock(unref(EvTransition), {
             key: 0,
@@ -262,10 +266,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["transition"])) : createCommentVNode("", true),
-          createVNode(unref(EvTransition), { transition: unref(transition) }, {
+          normalisedSrc.value.lazySrc && state.value !== "loaded" ? (openBlock(), createBlock(unref(EvTransition), {
+            key: 1,
+            transition: unref(transition)
+          }, {
             default: withCtx(() => [
-              normalisedSrc.value.lazySrc && state.value !== "loaded" ? (openBlock(), createElementBlock("img", {
-                key: 0,
+              createElementVNode("img", {
                 class: normalizeClass([
                   "ev-img--img",
                   "ev-img--preload",
@@ -277,47 +283,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 crossorigin: props.crossorigin,
                 referrerpolicy: props.referrerpolicy,
                 draggable: props.draggable
-              }, null, 14, _hoisted_2)) : createCommentVNode("", true)
+              }, null, 14, _hoisted_2)
             ]),
             _: 1
-          }, 8, ["transition"]),
+          }, 8, ["transition"])) : createCommentVNode("", true),
           props.gradient ? (openBlock(), createElementBlock("div", {
-            key: 1,
+            key: 2,
             class: "ev-img--gradient",
             style: normalizeStyle({
               backgroundImage: `linear-gradient(${props.gradient})`
             })
           }, null, 4)) : createCommentVNode("", true),
-          unref(slots).placeholder ? (openBlock(), createBlock(unref(EvTransition), {
-            key: 2,
+          unref(slots).placeholder && isEmpty.value ? (openBlock(), createBlock(unref(EvTransition), {
+            key: 3,
             transition: unref(transition),
             appear: ""
           }, {
             default: withCtx(() => [
-              state.value === "loading" || state.value === "error" && !unref(slots).error ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_3, [
                 renderSlot(_ctx.$slots, "placeholder")
-              ])) : createCommentVNode("", true)
+              ])
             ]),
             _: 3
-          }, 8, ["transition"])) : createCommentVNode("", true),
-          unref(slots).error ? (openBlock(), createBlock(unref(EvTransition), {
-            key: 3,
+          }, 8, ["transition"])) : unref(slots).loading && state.value === "loading" ? (openBlock(), createBlock(unref(EvTransition), {
+            key: 4,
             transition: unref(transition),
             appear: ""
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "loading")
+              ])
+            ]),
+            _: 3
+          }, 8, ["transition"])) : unref(slots).error && state.value === "error" ? (openBlock(), createBlock(unref(EvTransition), {
+            key: 5,
+            transition: unref(transition),
+            appear: ""
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_5, [
                 renderSlot(_ctx.$slots, "error")
               ])
             ]),
             _: 3
           }, 8, ["transition"])) : createCommentVNode("", true)
         ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "style", "aria-label", "aspect-ratio", "role"])), [
+        _: 2
+      }, [
+        unref(slots).default ? {
+          name: "default",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "style", "aria-label", "aspect-ratio", "role"])), [
         [
           _directive_intersect,
           {

package/dist/esm/src/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, 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    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 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</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            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 :transition=\"transition\">\r\n                <img\r\n                    v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\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\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div\r\n                    v-if=\"\r\n                        state === 'loading' ||\r\n                        (state === 'error' && !slots.error)\r\n                    \"\r\n                    class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n\r\n            <ev-transition v-if=\"slots.error\" :transition=\"transition\" 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 #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["_useSlots","_a","EvResponsive"],"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":["_useSlots","_a","EvResponsive"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvImg.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeDimensionsProps } from "../../composables/dimensions.mjs";
 import { propsFactory } from "../../util/props.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, useSlots, ref, shallowRef, computed, toRef, onMounted, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createCommentVNode, renderSlot, mergeProps, createSlots, nextTick } from "vue";
 /* empty css                       */
 import { makeEvInfiniteScrollProps } from "./EvInfiniteScroll.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvInfiniteScroll.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, watch, createElementBlock, openBlock } from "vue";
 import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvInfiniteScrollIntersect.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, useSlots, computed, createElementBlock, openBlock, renderSlot, normalizeProps, mergeProps, Fragment, createCommentVNode, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
 import _sfc_main$2 from "../EvProgressCircular/EvProgressCircular.vue.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvInfiniteScrollSide.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeEvKbdProps = propsFactory(

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css            */
 import { makeEvKbdProps } from "./EvKbd.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvKbd.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeLabelProps = propsFactory(

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
 /* empty css              */
 import { makeEvLabelProps } from "./EvLabel.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvLabel.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { IconProp } from "../../composables/icons.mjs";
 import { makeRouterLinkOrHrefProps } from "../../composables/router.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, useAttrs, useSlots, computed, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css             */
 import { makeEvLinkProps } from "./EvLink.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvLink.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeListItemsProps } from "../../composables/lists/list-items.mjs";
 import { makeNestedProps } from "../../composables/lists/nested.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, ref, shallowRef, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createVNode, renderSlot } from "vue";
 /* empty css             */
 import { makeEvListProps } from "./EvList.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvList.vue.mjs";
 export {
   _sfc_main as default

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { defineComponent, renderSlot, createElementBlock, openBlock, Fragment, renderList, normalizeProps, mergeProps, createVNode, guardReactiveProps } from "vue";
 import _sfc_main$1 from "../EvListItem/EvListItem.vue.mjs";
 import { makeEvListChildrenProps } from "./EvList.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import _sfc_main from "./EvListChildren.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvListItem/EvListItem.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.43 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 import { makeRouterLinkOrHrefProps } from "../../composables/router.mjs";
 import { IconProp } from "../../composables/icons.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";