@evance/evance-ui 1.0.45 → 1.0.46

package/dist/cjs/src/components/EvTabs/EvTabs.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTabs.vue.cjs","sources":["../../../../../src/components/EvTabs/EvTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * EvTabs\n * ---\n */\nimport \"./EvTabs.scss\";\nimport { EvTabsSymbol, makeEvTabsProps, TabItem } from \"./EvTabs\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, toRef } from \"vue\";\nimport { filterComponentProps, isObject } from \"@/util\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { EvTab } from \"@/components\";\n\n/**\n * ## parseItems\n * @param items\n */\nfunction parseItems(items: readonly TabItem[] | undefined) {\n    if (!items) {\n        return [];\n    }\n    return items.map((item) => {\n        return !isObject(item) ? { text: item, value: item } : item;\n    });\n}\n\nconst props = defineProps({\n    ...makeEvTabsProps(),\n});\nconst model = useModelProxy(props, \"modelValue\");\nconst parsedItems = computed(() => parseItems(props.items));\n\nprovideDefaults({\n    EvTab: {\n        direction: toRef(props, \"direction\"),\n        size: toRef(props, \"size\"),\n        selectedAppearance: toRef(props, \"selectedAppearance\"),\n        selectedVariant: toRef(props, \"selectedVariant\"),\n    },\n});\n\nconst slideGroupProps = computed(() =>\n    filterComponentProps(EvSlideGroup, props),\n);\nconst alignTabsClass = computed(() => `is-align-tabs-${props.alignTabs}`);\n</script>\n\n<template>\n    <ev-slide-group\n        v-bind=\"slideGroupProps\"\n        v-model=\"model\"\n        role=\"tablist\"\n        :class=\"[\n            'ev-tabs',\n            alignTabsClass,\n            {\n                'is-grow': props.grow,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :symbol=\"EvTabsSymbol\">\n        <slot>\n            <ev-tab\n                v-for=\"item in parsedItems\"\n                :key=\"item.text\"\n                v-bind=\"item\"></ev-tab>\n        </slot>\n    </ev-slide-group>\n</template>\n"],"names":["isObject","useModelProxy","computed","provideDefaults","toRef","filterComponentProps","EvSlideGroup"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,aAAS,WAAW,OAAuC;AACvD,UAAI,CAAC,OAAO;AACR,eAAO,CAAC;AAAA,MAAA;AAEL,aAAA,MAAM,IAAI,CAAC,SAAS;AAChB,eAAA,CAACA,YAAAA,SAAS,IAAI,IAAI,EAAE,MAAM,MAAM,OAAO,KAAA,IAAS;AAAA,MAAA,CAC1D;AAAA,IAAA;AAMC,UAAA,QAAQC,WAAAA,cAAc,OAAO,YAAY;AAC/C,UAAM,cAAcC,IAAAA,SAAS,MAAM,WAAW,MAAM,KAAK,CAAC;AAE1CC,6BAAA;AAAA,MACZ,OAAO;AAAA,QACH,WAAWC,IAAAA,MAAM,OAAO,WAAW;AAAA,QACnC,MAAMA,IAAAA,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAoBA,IAAAA,MAAM,OAAO,oBAAoB;AAAA,QACrD,iBAAiBA,IAAAA,MAAM,OAAO,iBAAiB;AAAA,MAAA;AAAA,IACnD,CACH;AAED,UAAM,kBAAkBF,IAAA;AAAA,MAAS,MAC7BG,QAAAA,qBAAqBC,iDAAAA,SAAc,KAAK;AAAA,IAC5C;AACA,UAAM,iBAAiBJ,IAAAA,SAAS,MAAM,iBAAiB,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvTabs.vue.cjs","sources":["../../../../../src/components/EvTabs/EvTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * EvTabs\n * ---\n */\nimport \"./EvTabs.scss\";\nimport { EvTabsSymbol, makeEvTabsProps, TabItem } from \"./EvTabs\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, toRef } from \"vue\";\nimport { filterComponentProps, isObject } from \"@/util\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { EvTab } from \"./EvTab\";\n\n/**\n * ## parseItems\n * @param items\n */\nfunction parseItems(items: readonly TabItem[] | undefined) {\n    if (!items) {\n        return [];\n    }\n    return items.map((item) => {\n        return !isObject(item) ? { text: item, value: item } : item;\n    });\n}\n\nconst props = defineProps({\n    ...makeEvTabsProps(),\n});\nconst model = useModelProxy(props, \"modelValue\");\nconst parsedItems = computed(() => parseItems(props.items));\n\nprovideDefaults({\n    EvTab: {\n        direction: toRef(props, \"direction\"),\n        size: toRef(props, \"size\"),\n        selectedAppearance: toRef(props, \"selectedAppearance\"),\n        selectedVariant: toRef(props, \"selectedVariant\"),\n    },\n});\n\nconst slideGroupProps = computed(() =>\n    filterComponentProps(EvSlideGroup, props),\n);\nconst alignTabsClass = computed(() => `is-align-tabs-${props.alignTabs}`);\n</script>\n\n<template>\n    <ev-slide-group\n        v-bind=\"slideGroupProps\"\n        v-model=\"model\"\n        role=\"tablist\"\n        :class=\"[\n            'ev-tabs',\n            alignTabsClass,\n            {\n                'is-grow': props.grow,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :symbol=\"EvTabsSymbol\">\n        <slot>\n            <ev-tab\n                v-for=\"item in parsedItems\"\n                :key=\"item.text\"\n                v-bind=\"item\"></ev-tab>\n        </slot>\n    </ev-slide-group>\n</template>\n"],"names":["isObject","useModelProxy","computed","provideDefaults","toRef","filterComponentProps","EvSlideGroup"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,aAAS,WAAW,OAAuC;AACvD,UAAI,CAAC,OAAO;AACR,eAAO,CAAC;AAAA,MAAA;AAEL,aAAA,MAAM,IAAI,CAAC,SAAS;AAChB,eAAA,CAACA,YAAAA,SAAS,IAAI,IAAI,EAAE,MAAM,MAAM,OAAO,KAAA,IAAS;AAAA,MAAA,CAC1D;AAAA,IAAA;AAMC,UAAA,QAAQC,WAAAA,cAAc,OAAO,YAAY;AAC/C,UAAM,cAAcC,IAAAA,SAAS,MAAM,WAAW,MAAM,KAAK,CAAC;AAE1CC,6BAAA;AAAA,MACZ,OAAO;AAAA,QACH,WAAWC,IAAAA,MAAM,OAAO,WAAW;AAAA,QACnC,MAAMA,IAAAA,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAoBA,IAAAA,MAAM,OAAO,oBAAoB;AAAA,QACrD,iBAAiBA,IAAAA,MAAM,OAAO,iBAAiB;AAAA,MAAA;AAAA,IACnD,CACH;AAED,UAAM,kBAAkBF,IAAA;AAAA,MAAS,MAC7BG,QAAAA,qBAAqBC,iDAAAA,SAAc,KAAK;AAAA,IAC5C;AACA,UAAM,iBAAiBJ,IAAAA,SAAS,MAAM,iBAAiB,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvTabs/EvTabs.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvTabs_vue_vue_type_script_setup_true_lang = require("./EvTabs.vue.cjs");
 exports.default = EvTabs_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvTag/EvTag.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tag = require("../../composables/tag.cjs");
 const component = require("../../composables/component.cjs");

package/dist/cjs/src/components/EvTag/EvTag.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css             */

package/dist/cjs/src/components/EvTag/EvTag.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvTag_vue_vue_type_script_setup_true_lang = require("./EvTag.vue.cjs");
 exports.default = EvTag_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvTagGroup/EvTagGroup.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tag = require("../../composables/tag.cjs");
 const component = require("../../composables/component.cjs");

package/dist/cjs/src/components/EvTagGroup/EvTagGroup.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                  */

package/dist/cjs/src/components/EvTagGroup/EvTagGroup.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvTagGroup_vue_vue_type_script_setup_true_lang = require("./EvTagGroup.vue.cjs");
 exports.default = EvTagGroup_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvText/EvText.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const tag = require("../../composables/tag.cjs");

package/dist/cjs/src/components/EvText/EvText.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css              */

package/dist/cjs/src/components/EvText/EvText.vue3.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvText_vue_vue_type_script_setup_true_lang = require("./EvText.vue.cjs");
 ;/* empty css              */

package/dist/cjs/src/components/EvTextarea/EvTextarea.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const validation = require("../../composables/validation.cjs");

package/dist/cjs/src/components/EvTextarea/EvTextarea.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                  */

package/dist/cjs/src/components/EvTextarea/EvTextarea.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvTextarea_vue_vue_type_script_setup_true_lang = require("./EvTextarea.vue.cjs");
 exports.default = EvTextarea_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvTextfield/EvTextfield.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const icons = require("../../composables/icons.cjs");
 const validation = require("../../composables/validation.cjs");

package/dist/cjs/src/components/EvTextfield/EvTextfield.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                   */

package/dist/cjs/src/components/EvTextfield/EvTextfield.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvTextfield_vue_vue_type_script_setup_true_lang = require("./EvTextfield.vue.cjs");
 exports.default = EvTextfield_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvThumbnail/EvThumbnail.cjs

@@ -0,0 +1,53 @@
+"use strict";
+/*! Evance UI v1.0.46 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvImg = require("../EvImg/EvImg.cjs");
+const rounded = require("../../composables/rounded.cjs");
+const component = require("../../composables/component.cjs");
+const props = require("../../util/props.cjs");
+const thumbnailPresets = {
+  defaults: {
+    inline: true,
+    aspectRatio: 1
+  },
+  "xx-small": {
+    height: 24,
+    rounded: "x-small"
+  },
+  "x-small": {
+    height: 36,
+    rounded: "x-small"
+  },
+  small: {
+    height: 48,
+    rounded: "small"
+  },
+  medium: {
+    height: 64,
+    rounded: "small"
+  },
+  large: {
+    height: 96,
+    rounded: "medium"
+  },
+  "x-large": {
+    height: 128,
+    rounded: "large"
+  },
+  "xx-large": {
+    height: 256,
+    rounded: "large"
+  }
+};
+const makeEvThumbnailProps = props.propsFactory(
+  {
+    size: String,
+    ...EvImg.makeEvImgProps(),
+    ...rounded.makeRoundedProps(),
+    ...component.makeComponentProps()
+  },
+  "EvThumbnail"
+);
+exports.makeEvThumbnailProps = makeEvThumbnailProps;
+exports.thumbnailPresets = thumbnailPresets;
+//# sourceMappingURL=EvThumbnail.cjs.map

package/dist/cjs/src/components/EvThumbnail/EvThumbnail.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.cjs","sources":["../../../../../src/components/EvThumbnail/EvThumbnail.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeEvImgProps } from \"@/components/EvImg\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { PropType } from \"vue\";\n\nexport type ThumbnailSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const thumbnailPresets = {\n    defaults: {\n        inline: true,\n        aspectRatio: 1,\n    },\n    \"xx-small\": {\n        height: 24,\n        rounded: \"x-small\",\n    },\n    \"x-small\": {\n        height: 36,\n        rounded: \"x-small\",\n    },\n    small: {\n        height: 48,\n        rounded: \"small\",\n    },\n    medium: {\n        height: 64,\n        rounded: \"small\",\n    },\n    large: {\n        height: 96,\n        rounded: \"medium\",\n    },\n    \"x-large\": {\n        height: 128,\n        rounded: \"large\",\n    },\n    \"xx-large\": {\n        height: 256,\n        rounded: \"large\",\n    },\n};\n\nexport const makeEvThumbnailProps = propsFactory(\n    {\n        size: String as PropType<ThumbnailSize>,\n\n        ...makeEvImgProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvThumbnail\",\n);"],"names":["propsFactory","makeEvImgProps","makeRoundedProps","makeComponentProps"],"mappings":";;;;;;;AAgBO,MAAM,mBAAmB;AAAA,EAC5B,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EAAA;AAEjB;AAEO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,MAAM;AAAA,IAEN,GAAGC,qBAAe;AAAA,IAClB,GAAGC,yBAAiB;AAAA,IACpB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;"}

package/dist/cjs/src/components/EvThumbnail/EvThumbnail.vue.cjs

@@ -0,0 +1,72 @@
+"use strict";
+/*! Evance UI v1.0.46 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                   */
+const EvThumbnail = require("./EvThumbnail.cjs");
+const EvImg_vue_vue_type_script_setup_true_lang = require("../EvImg/EvImg.vue.cjs");
+const rounded = require("../../composables/rounded.cjs");
+const DangerIcon = require("../../icons/glyph/DangerIcon.svg.cjs");
+const ImageIcon = require("../../icons/glyph/ImageIcon.svg.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const EvSkeleton_vue_vue_type_script_setup_true_lang = require("../EvSkeleton/EvSkeleton.vue.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvThumbnail",
+  props: { ...EvThumbnail.makeEvThumbnailProps() },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const computedProps = vue.computed(() => {
+      if (!props.size) {
+        return props;
+      }
+      const presetProps = EvThumbnail.thumbnailPresets[props.size] ?? {};
+      const presetDefaults = EvThumbnail.thumbnailPresets.defaults;
+      return helpers.applyDefaults(props, { ...presetDefaults, ...presetProps });
+    });
+    const imgProps = vue.computed(
+      () => helpers.filterComponentProps(EvImg_vue_vue_type_script_setup_true_lang.default, computedProps.value)
+    );
+    const roundedClasses = vue.computed(
+      () => rounded.useRounded(computedProps.value).roundedClasses.value
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvImg_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+        class: ["ev-thumbnail", roundedClasses.value]
+      }, imgProps.value), vue.createSlots({
+        placeholder: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+            glyph: vue.unref(ImageIcon.default),
+            appearance: "subtle"
+          }, null, 8, ["glyph"])
+        ]),
+        loading: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvSkeleton_vue_vue_type_script_setup_true_lang.default), {
+            type: "image",
+            width: "100%",
+            height: "100%"
+          })
+        ]),
+        error: vue.withCtx(() => [
+          vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+            glyph: vue.unref(DangerIcon.default),
+            appearance: "danger"
+          }, null, 8, ["glyph"])
+        ]),
+        _: 2
+      }, [
+        vue.unref(slots).default ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvThumbnail.vue.cjs.map

package/dist/cjs/src/components/EvThumbnail/EvThumbnail.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.vue.cjs","sources":["../../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst computedProps = computed(() => {\n    if (!props.size) {\n        return props;\n    }\n    const presetProps = thumbnailPresets[props.size] ?? {};\n    const presetDefaults = thumbnailPresets.defaults;\n    return applyDefaults(props, { ...presetDefaults, ...presetProps });\n});\n\nconst imgProps = computed(() =>\n    filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\n</script>\n\n<template>\n    <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n        <template v-if=\"slots.default\" #default>\n            <slot />\n        </template>\n        <template #placeholder>\n            <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n        </template>\n        <template #loading>\n            <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n        </template>\n        <template #error>\n            <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n        </template>\n    </ev-img>\n</template>\n"],"names":["_useSlots","computed","thumbnailPresets","applyDefaults","filterComponentProps","EvImg","useRounded"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQA,IAAAA;AAIR,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,MAAM;AACN,eAAA;AAAA,MAAA;AAEX,YAAM,cAAcC,YAAA,iBAAiB,MAAM,IAAI,KAAK,CAAC;AACrD,YAAM,iBAAiBA,YAAAA,iBAAiB;AACxC,aAAOC,QAAAA,cAAc,OAAO,EAAE,GAAG,gBAAgB,GAAG,aAAa;AAAA,IAAA,CACpE;AAED,UAAM,WAAWF,IAAA;AAAA,MAAS,MACtBG,QAAA,qBAAqBC,mDAAO,cAAc,KAAK;AAAA,IACnD;AACA,UAAM,iBAAiBJ,IAAA;AAAA,MACnB,MAAMK,mBAAW,cAAc,KAAK,EAAE,eAAe;AAAA,IACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvThumbnail/EvThumbnail.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.46 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvThumbnail_vue_vue_type_script_setup_true_lang = require("./EvThumbnail.vue.cjs");
+exports.default = EvThumbnail_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvThumbnail.vue2.cjs.map

package/dist/cjs/src/components/EvThumbnail/EvThumbnail.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/src/components/EvToolbar/EvToolbar.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const icons = require("../../composables/icons.cjs");

package/dist/cjs/src/components/EvToolbar/EvToolbar.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                 */
@@ -139,7 +139,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 glyph: props.icon
               }, null, 8, ["glyph"])
             ])) : vue.createCommentVNode("", true),
-            props.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(props.title), 1)) : vue.createCommentVNode("", true)
+            vue.unref(slots).title || props.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(props.title), 1)
+              ])
+            ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           vue.unref(slots).start || props.tabs ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
             vue.renderSlot(_ctx.$slots, "start", {}, () => [

package/dist/cjs/src/components/EvToolbar/EvToolbar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvToolbar.vue.cjs","sources":["../../../../../src/components/EvToolbar/EvToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvToolbar.scss\";\nimport { makeEvToolbarProps } from \"./EvToolbar\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvTabs } from \"@/components/EvTabs\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { ArrowBackIcon, CancelIcon } from \"@/icons\";\nimport { computed, getCurrentInstance } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { sizeModifier } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvToolbarProps(),\n});\n\nconst slots = defineSlots<{\n    start(): never;\n    end(): never;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst emit = defineEmits([\"click:back\", \"click:close\", \"update:tab\"]);\n\nconst hasBackButton = computed(() => {\n    return !!instance?.vnode.props?.[\"onClick:back\"];\n});\n\nconst hasCloseButton = computed(() => {\n    return !!instance?.vnode.props?.[\"onClick:close\"];\n});\n\nconst hasPrefix = computed(() => {\n    return hasBackButton.value || props.icon || props.title;\n});\n\nfunction onBackClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:back\", $event);\n}\n\nfunction onCloseClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:close\", $event);\n}\n\nconst tab = useModelProxy(props, \"tab\");\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst tabSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"x-large\";\n        case \"small\":\n            return \"medium\";\n        case \"medium\":\n        default:\n            return \"large\";\n    }\n});\n\nconst actionSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"medium\";\n        case \"small\":\n            return \"x-small\";\n        case \"medium\":\n        default:\n            return \"small\";\n    }\n});\n\nconst isAdjustStart = computed(() => {\n    return hasBackButton.value;\n});\n\nconst isAdjustEnd = computed(() => {\n    const hasActions = !!props.actions?.length;\n    const variant = props.actions?.at(-1)?.variant ?? \"subtle\";\n    return hasCloseButton.value || (hasActions && variant === \"subtle\");\n});\n\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-toolbar',\n            {\n                'is-adjust-start': isAdjustStart,\n                'is-adjust-end': isAdjustEnd,\n            },\n            sizeClass,\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <div class=\"ev-toolbar--section-start\">\n            <div v-if=\"hasPrefix\" class=\"ev-toolbar--prefix\">\n                <div v-if=\"hasBackButton\" class=\"ev-toolbar--back\" data-no-drag>\n                    <ev-button\n                        variant=\"subtle\"\n                        :icon=\"ArrowBackIcon\"\n                        :size=\"actionSize\"\n                        @click=\"onBackClick\" />\n                </div>\n\n                <div v-if=\"props.icon\" class=\"ev-toolbar--icon\">\n                    <ev-icon :glyph=\"props.icon\" />\n                </div>\n\n                <div v-if=\"props.title\" class=\"ev-toolbar--title\">\n                    {{ props.title }}\n                </div>\n            </div>\n            <div\n                v-if=\"slots.start || props.tabs\"\n                class=\"ev-toolbar--start\"\n                data-no-drag>\n                <slot name=\"start\">\n                    <ev-tabs\n                        v-model=\"tab\"\n                        class=\"ev-toolbar--tabs\"\n                        :size=\"tabSize\"\n                        :items=\"props.tabs\" />\n                </slot>\n            </div>\n        </div>\n        <div class=\"ev-toolbar--section-end\" data-no-drag>\n            <div v-if=\"slots.end || props.actions\" class=\"ev-toolbar--end\">\n                <slot name=\"end\">\n                    <div class=\"ev-toolbar--actions\">\n                        <ev-button-group\n                            gap=\"medium\"\n                            variant=\"subtle\"\n                            :size=\"actionSize\"\n                            :items=\"props.actions\" />\n                    </div>\n                </slot>\n            </div>\n            <div v-if=\"hasCloseButton\" class=\"ev-toolbar--close\">\n                <ev-button\n                    :size=\"actionSize\"\n                    :icon=\"CancelIcon\"\n                    variant=\"subtle\"\n                    @click=\"onCloseClick\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots","getCurrentInstance","computed","useModelProxy","sizeModifier"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQA,IAAAA;AAKd,UAAM,WAAWC,IAAAA,mBAAmB;AAI9B,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;;AACjC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAc,CAClD;AAEK,UAAA,iBAAiBA,IAAAA,SAAS,MAAM;;AAClC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAe,CACnD;AAEK,UAAA,YAAYA,IAAAA,SAAS,MAAM;AAC7B,aAAO,cAAc,SAAS,MAAM,QAAQ,MAAM;AAAA,IAAA,CACrD;AAED,aAAS,YAAY,QAAoB;AACrC,aAAO,gBAAgB;AACvB,WAAK,cAAc,MAAM;AAAA,IAAA;AAG7B,aAAS,aAAa,QAAoB;AACtC,aAAO,gBAAgB;AACvB,WAAK,eAAe,MAAM;AAAA,IAAA;AAGxB,UAAA,MAAMC,WAAAA,cAAc,OAAO,KAAK;AAEtC,UAAM,YAAYD,IAAAA,SAAS,MAAME,UAAa,aAAA,MAAM,IAAI,CAAC;AAEnD,UAAA,UAAUF,IAAAA,SAAS,MAAM;AAC3B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;AAEK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AAC9B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;AAEK,UAAA,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,aAAO,cAAc;AAAA,IAAA,CACxB;AAEK,UAAA,cAAcA,IAAAA,SAAS,MAAM;;AAC/B,YAAM,aAAa,CAAC,GAAC,WAAM,YAAN,mBAAe;AACpC,YAAM,YAAU,iBAAM,YAAN,mBAAe,GAAG,QAAlB,mBAAuB,YAAW;AAC3C,aAAA,eAAe,SAAU,cAAc,YAAY;AAAA,IAAA,CAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvToolbar.vue.cjs","sources":["../../../../../src/components/EvToolbar/EvToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvToolbar.scss\";\nimport { makeEvToolbarProps } from \"./EvToolbar\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvTabs } from \"@/components/EvTabs\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { ArrowBackIcon, CancelIcon } from \"@/icons\";\nimport { computed, getCurrentInstance } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { sizeModifier } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvToolbarProps(),\n});\n\nconst slots = defineSlots<{\n    title(): never;\n    start(): never;\n    end(): never;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst emit = defineEmits([\"click:back\", \"click:close\", \"update:tab\"]);\n\nconst hasBackButton = computed(() => {\n    return !!instance?.vnode.props?.[\"onClick:back\"];\n});\n\nconst hasCloseButton = computed(() => {\n    return !!instance?.vnode.props?.[\"onClick:close\"];\n});\n\nconst hasPrefix = computed(() => {\n    return hasBackButton.value || props.icon || props.title;\n});\n\nfunction onBackClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:back\", $event);\n}\n\nfunction onCloseClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:close\", $event);\n}\n\nconst tab = useModelProxy(props, \"tab\");\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst tabSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"x-large\";\n        case \"small\":\n            return \"medium\";\n        case \"medium\":\n        default:\n            return \"large\";\n    }\n});\n\nconst actionSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"medium\";\n        case \"small\":\n            return \"x-small\";\n        case \"medium\":\n        default:\n            return \"small\";\n    }\n});\n\nconst isAdjustStart = computed(() => {\n    return hasBackButton.value;\n});\n\nconst isAdjustEnd = computed(() => {\n    const hasActions = !!props.actions?.length;\n    const variant = props.actions?.at(-1)?.variant ?? \"subtle\";\n    return hasCloseButton.value || (hasActions && variant === \"subtle\");\n});\n\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-toolbar',\n            {\n                'is-adjust-start': isAdjustStart,\n                'is-adjust-end': isAdjustEnd,\n            },\n            sizeClass,\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <div class=\"ev-toolbar--section-start\">\n            <div v-if=\"hasPrefix\" class=\"ev-toolbar--prefix\">\n                <div v-if=\"hasBackButton\" class=\"ev-toolbar--back\" data-no-drag>\n                    <ev-button\n                        variant=\"subtle\"\n                        :icon=\"ArrowBackIcon\"\n                        :size=\"actionSize\"\n                        @click=\"onBackClick\" />\n                </div>\n\n                <div v-if=\"props.icon\" class=\"ev-toolbar--icon\">\n                    <ev-icon :glyph=\"props.icon\" />\n                </div>\n\n                <div\n                    v-if=\"slots.title || props.title\"\n                    class=\"ev-toolbar--title\">\n                    <slot name=\"title\">{{ props.title }}</slot>\n                </div>\n            </div>\n            <div\n                v-if=\"slots.start || props.tabs\"\n                class=\"ev-toolbar--start\"\n                data-no-drag>\n                <slot name=\"start\">\n                    <ev-tabs\n                        v-model=\"tab\"\n                        class=\"ev-toolbar--tabs\"\n                        :size=\"tabSize\"\n                        :items=\"props.tabs\" />\n                </slot>\n            </div>\n        </div>\n        <div class=\"ev-toolbar--section-end\" data-no-drag>\n            <div v-if=\"slots.end || props.actions\" class=\"ev-toolbar--end\">\n                <slot name=\"end\">\n                    <div class=\"ev-toolbar--actions\">\n                        <ev-button-group\n                            gap=\"medium\"\n                            variant=\"subtle\"\n                            :size=\"actionSize\"\n                            :items=\"props.actions\" />\n                    </div>\n                </slot>\n            </div>\n            <div v-if=\"hasCloseButton\" class=\"ev-toolbar--close\">\n                <ev-button\n                    :size=\"actionSize\"\n                    :icon=\"CancelIcon\"\n                    variant=\"subtle\"\n                    @click=\"onCloseClick\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots","getCurrentInstance","computed","useModelProxy","sizeModifier"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQA,IAAAA;AAMd,UAAM,WAAWC,IAAAA,mBAAmB;AAI9B,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;;AACjC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAc,CAClD;AAEK,UAAA,iBAAiBA,IAAAA,SAAS,MAAM;;AAClC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAe,CACnD;AAEK,UAAA,YAAYA,IAAAA,SAAS,MAAM;AAC7B,aAAO,cAAc,SAAS,MAAM,QAAQ,MAAM;AAAA,IAAA,CACrD;AAED,aAAS,YAAY,QAAoB;AACrC,aAAO,gBAAgB;AACvB,WAAK,cAAc,MAAM;AAAA,IAAA;AAG7B,aAAS,aAAa,QAAoB;AACtC,aAAO,gBAAgB;AACvB,WAAK,eAAe,MAAM;AAAA,IAAA;AAGxB,UAAA,MAAMC,WAAAA,cAAc,OAAO,KAAK;AAEtC,UAAM,YAAYD,IAAAA,SAAS,MAAME,UAAa,aAAA,MAAM,IAAI,CAAC;AAEnD,UAAA,UAAUF,IAAAA,SAAS,MAAM;AAC3B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;AAEK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AAC9B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;AAEK,UAAA,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,aAAO,cAAc;AAAA,IAAA,CACxB;AAEK,UAAA,cAAcA,IAAAA,SAAS,MAAM;;AAC/B,YAAM,aAAa,CAAC,GAAC,WAAM,YAAN,mBAAe;AACpC,YAAM,YAAU,iBAAM,YAAN,mBAAe,GAAG,QAAlB,mBAAuB,YAAW;AAC3C,aAAA,eAAe,SAAU,cAAc,YAAY;AAAA,IAAA,CAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvToolbar/EvToolbar.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvToolbar_vue_vue_type_script_setup_true_lang = require("./EvToolbar.vue.cjs");
 exports.default = EvToolbar_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvTooltip/EvTooltip.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const EvOverlay = require("../EvOverlay/EvOverlay.cjs");
 const props = require("../../util/props.cjs");

package/dist/cjs/src/components/EvTooltip/EvTooltip.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                 */

package/dist/cjs/src/components/EvTooltip/EvTooltip.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvTooltip_vue_vue_type_script_setup_true_lang = require("./EvTooltip.vue.cjs");
 exports.default = EvTooltip_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvTransition/EvTransition.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const isFunctions = require("../../util/is-functions.cjs");

package/dist/cjs/src/components/EvTransition/transitions/createTransition.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 function createJavaScriptTransition(name, functions, mode = "in-out") {

package/dist/cjs/src/components/EvTransition/transitions/expandTransition.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 function ExpandTransitionGenerator(expandedParentClass = "", x = false) {

package/dist/cjs/src/components/EvVirtualScroll/EvVirtualScroll.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dimensions = require("../../composables/dimensions.cjs");
 const component = require("../../composables/component.cjs");

package/dist/cjs/src/components/EvVirtualScroll/EvVirtualScroll.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const EvVirtualScroll = require("./EvVirtualScroll.cjs");

package/dist/cjs/src/components/EvVirtualScroll/EvVirtualScroll.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvVirtualScroll_vue_vue_type_script_setup_true_lang = require("./EvVirtualScroll.vue.cjs");
 exports.default = EvVirtualScroll_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvVirtualScroll/EvVirtualScrollItem.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const resizeObserver = require("../../composables/resizeObserver.cjs");

package/dist/cjs/src/components/EvVirtualScroll/EvVirtualScrollItem.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvVirtualScrollItem_vue_vue_type_script_setup_true_lang = require("./EvVirtualScrollItem.vue.cjs");
 exports.default = EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvWindow/EvWindow.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const tag = require("../../composables/tag.cjs");

package/dist/cjs/src/components/EvWindow/EvWindow.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                */

package/dist/cjs/src/components/EvWindow/EvWindow.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvWindow_vue_vue_type_script_setup_true_lang = require("./EvWindow.vue.cjs");
 exports.default = EvWindow_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvWindow/EvWindowItem/EvWindowItem.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../../composables/component.cjs");
 const groupItem = require("../../../composables/groupItem.cjs");

package/dist/cjs/src/components/EvWindow/EvWindowItem/EvWindowItem.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const EvWindowItem = require("./EvWindowItem.cjs");

package/dist/cjs/src/components/EvWindow/EvWindowItem/EvWindowItem.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvWindowItem_vue_vue_type_script_setup_true_lang = require("./EvWindowItem.vue.cjs");
 exports.default = EvWindowItem_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const EvApp = require("./EvApp/EvApp.cjs");
 const EvApp_vue_vue_type_script_setup_true_lang = require("./EvApp/EvApp.vue.cjs");
@@ -130,6 +130,8 @@ const EvTextarea = require("./EvTextarea/EvTextarea.cjs");
 const EvTextarea_vue_vue_type_script_setup_true_lang = require("./EvTextarea/EvTextarea.vue.cjs");
 const EvTextfield = require("./EvTextfield/EvTextfield.cjs");
 const EvTextfield_vue_vue_type_script_setup_true_lang = require("./EvTextfield/EvTextfield.vue.cjs");
+const EvThumbnail = require("./EvThumbnail/EvThumbnail.cjs");
+const EvThumbnail_vue_vue_type_script_setup_true_lang = require("./EvThumbnail/EvThumbnail.vue.cjs");
 const EvToolbar = require("./EvToolbar/EvToolbar.cjs");
 const EvToolbar_vue_vue_type_script_setup_true_lang = require("./EvToolbar/EvToolbar.vue.cjs");
 const EvTooltip = require("./EvTooltip/EvTooltip.cjs");
@@ -264,7 +266,6 @@ exports.EvRadioGroupSymbol = EvRadioGroup.EvRadioGroupSymbol;
 exports.makeEvRadioGroupProps = EvRadioGroup.makeEvRadioGroupProps;
 exports.EvRadioGroup = EvRadioGroup_vue_vue_type_script_setup_true_lang.default;
 exports.makeEvResponsiveProps = EvResponsive.makeEvResponsiveProps;
-exports.useAspectStyles = EvResponsive.useAspectStyles;
 exports.EvResponsive = EvResponsive_vue_vue_type_script_setup_true_lang.default;
 exports.makeEvSectionProps = EvSection.makeEvSectionProps;
 exports.EvSection = EvSection_vue_vue_type_script_setup_true_lang.default;
@@ -297,6 +298,9 @@ exports.makeEvTextareaProps = EvTextarea.makeEvTextareaProps;
 exports.EvTextarea = EvTextarea_vue_vue_type_script_setup_true_lang.default;
 exports.makeEvTextfieldProps = EvTextfield.makeEvTextfieldProps;
 exports.EvTextfield = EvTextfield_vue_vue_type_script_setup_true_lang.default;
+exports.makeEvThumbnailProps = EvThumbnail.makeEvThumbnailProps;
+exports.thumbnailPresets = EvThumbnail.thumbnailPresets;
+exports.EvThumbnail = EvThumbnail_vue_vue_type_script_setup_true_lang.default;
 exports.makeEvToolbarProps = EvToolbar.makeEvToolbarProps;
 exports.EvToolbar = EvToolbar_vue_vue_type_script_setup_true_lang.default;
 exports.makeEvTooltipProps = EvTooltip.makeEvTooltipProps;

package/dist/cjs/src/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/composables/aspectRatio.cjs

@@ -0,0 +1,27 @@
+"use strict";
+/*! Evance UI v1.0.46 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const props = require("../util/props.cjs");
+const makeAspectRatioProps = props.propsFactory(
+  {
+    aspectRatio: [String, Number]
+  },
+  "aspectRatio"
+);
+function useAspectStyles(props2) {
+  return {
+    aspectStyles: vue.computed(() => {
+      if (!props2.aspectRatio) {
+        return void 0;
+      }
+      const ratio = String(props2.aspectRatio);
+      return {
+        aspectRatio: ratio.replace(":", "/")
+      };
+    })
+  };
+}
+exports.makeAspectRatioProps = makeAspectRatioProps;
+exports.useAspectStyles = useAspectStyles;
+//# sourceMappingURL=aspectRatio.cjs.map

package/dist/cjs/src/composables/aspectRatio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspectRatio.cjs","sources":["../../../../src/composables/aspectRatio.ts"],"sourcesContent":["import { computed } from \"vue\";\nimport { propsFactory } from \"@/util\";\n\nexport type AspectRatioProps = {\n    aspectRatio?: string | number;\n};\n\nexport const makeAspectRatioProps = propsFactory(\n    {\n        aspectRatio: [String, Number],\n    },\n    \"aspectRatio\",\n);\n\n/**\n * # useAspectStyles\n *\n * Aspect ratio notation is permitted as a number or a string where aspects such as '16:9' is\n * converted to a division '16/9'.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n * @param props\n */\nexport function useAspectStyles(props: AspectRatioProps) {\n    return {\n        aspectStyles: computed(() => {\n            if (!props.aspectRatio) {\n                return undefined;\n            }\n            const ratio = String(props.aspectRatio);\n            return {\n                aspectRatio: ratio.replace(\":\", \"/\"),\n            };\n        }),\n    };\n}"],"names":["propsFactory","props","computed"],"mappings":";;;;;AAOO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,aAAa,CAAC,QAAQ,MAAM;AAAA,EAChC;AAAA,EACA;AACJ;AAWO,SAAS,gBAAgBC,QAAyB;AAC9C,SAAA;AAAA,IACH,cAAcC,aAAS,MAAM;AACrB,UAAA,CAACD,OAAM,aAAa;AACb,eAAA;AAAA,MAAA;AAEL,YAAA,QAAQ,OAAOA,OAAM,WAAW;AAC/B,aAAA;AAAA,QACH,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,MACvC;AAAA,IACH,CAAA;AAAA,EACL;AACJ;;;"}

package/dist/cjs/src/composables/component.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.46 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const props = require("../util/props.cjs");
 const makeComponentProps = props.propsFactory(