@evance/evance-ui 1.0.45 → 1.0.47

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

@@ -1,13 +1,71 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
+import { makeRoundedProps } from "../../composables/rounded.mjs";
+import { makeSizeProps } from "../../composables/size.mjs";
 import { propsFactory } from "../../util/props.mjs";
+function makeStops(stops) {
+  return stops.map((stop) => `${stop.color} ${stop.position}%`).join(", ");
+}
+function makeLinearGradient(gradient) {
+  const stops = makeStops(gradient.stops);
+  return gradient.angle ? `linear-gradient(${gradient.angle}deg, ${stops})` : `linear-gradient(${stops})`;
+}
+function makeRadialGradient(gradient) {
+  const stops = makeStops(gradient.stops);
+  const prefix = [];
+  if (gradient.size) {
+    prefix.push(`${gradient.size.width}% ${gradient.size.height}%`);
+  }
+  if (gradient.position) {
+    const x = typeof gradient.position.x === "number" ? `${gradient.position.x}%` : gradient.position.x;
+    const y = typeof gradient.position.y === "number" ? `${gradient.position.y}%` : gradient.position.y;
+    prefix.push(`at ${x} ${y}`);
+  }
+  return prefix.length ? `radial-gradient(${prefix.join(" ")}, ${stops})` : `radial-gradient(${stops})`;
+}
+function makeImage(image) {
+  const {
+    url,
+    repeat = "no-repeat",
+    size = "cover",
+    position = "center"
+  } = image;
+  return `url("${url}") ${position} / ${size} ${repeat}`;
+}
+function makeBackground(value) {
+  if (Array.isArray(value)) {
+    return value.map(makeBackground).join(", ");
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "object") {
+    switch (value.type) {
+      case "solid":
+        return value.color;
+      case "linear-gradient":
+        return makeLinearGradient(value);
+      case "radial-gradient":
+        return makeRadialGradient(value);
+      case "image":
+        return makeImage(value);
+    }
+  }
+  return "transparent";
+}
 const makeEvSwatchProps = propsFactory(
   {
+    value: [String, Object, Array],
+    ...makeSizeProps(),
+    ...makeRoundedProps({
+      rounded: "circle"
+    }),
     ...makeComponentProps()
   },
   "EvSwatch"
 );
 export {
+  makeBackground,
   makeEvSwatchProps
 };
 //# sourceMappingURL=EvSwatch.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvSwatch.mjs","sources":["../../../../../src/components/EvSwatch/EvSwatch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvSwatchProps = propsFactory(\n    {\n        ...makeComponentProps(),\n    },\n    \"EvSwatch\",\n);\n"],"names":[],"mappings":";;;AAGO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvSwatch.mjs","sources":["../../../../../src/components/EvSwatch/EvSwatch.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { makeSizeProps } from \"@/composables/size\";\nimport { PropType } from \"vue\";\n\nexport type SwatchSize = HintedString<\n    \"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"\n>;\n\nexport interface ColorStop {\n    color: string;\n    position: number;\n}\n\nexport interface SolidColor {\n    type: \"solid\";\n    color: string;\n}\n\nexport interface LinearGradient {\n    type: \"linear-gradient\";\n    angle?: number;\n    stops: ColorStop[];\n}\n\nexport type AlignmentKeyword = \"center\";\nexport type VerticalSide = AlignmentKeyword | \"top\" | \"bottom\";\nexport type HorizontalSide = AlignmentKeyword | \"left\" | \"right\";\nexport interface GradientPosition {\n    x: HorizontalSide | number;\n    y: VerticalSide | number;\n}\n\nexport interface RadialSize {\n    width: number;\n    height: number;\n}\n\nexport interface RadialGradient {\n    type: \"radial-gradient\";\n    size?: RadialSize;\n    position?: GradientPosition;\n    stops: ColorStop[];\n}\n\nexport interface ImagePosition {\n    x: HorizontalSide | number;\n    y: VerticalSide | number;\n}\n\nexport interface ImageBackground {\n    type: \"image\";\n    url: string;\n    repeat?: \"no-repeat\" | \"repeat\" | \"repeat-x\" | \"repeat-y\";\n    size?: \"cover\" | \"contain\" | BackgroundSize;\n    position?: ImagePosition;\n}\n\nexport interface BackgroundSize {\n    width: number;\n    height: number;\n}\n\nexport type ColorValue =\n    | string\n    | SolidColor\n    | LinearGradient\n    | RadialGradient\n    | ImageBackground;\nexport type ColorValueProp = ColorValue | ColorValue[];\n\nfunction makeStops(stops: ColorStop[]): string {\n    return stops.map((stop) => `${stop.color} ${stop.position}%`).join(\", \");\n}\n\nfunction makeLinearGradient(gradient: LinearGradient): string {\n    const stops = makeStops(gradient.stops);\n    return gradient.angle\n        ? `linear-gradient(${gradient.angle}deg, ${stops})`\n        : `linear-gradient(${stops})`;\n}\n\nfunction makeRadialGradient(gradient: RadialGradient): string {\n    const stops = makeStops(gradient.stops);\n    const prefix = [];\n    if (gradient.size) {\n        prefix.push(`${gradient.size.width}% ${gradient.size.height}%`);\n    }\n    if (gradient.position) {\n        const x =\n            typeof gradient.position.x === \"number\"\n                ? `${gradient.position.x}%`\n                : gradient.position.x;\n        const y =\n            typeof gradient.position.y === \"number\"\n                ? `${gradient.position.y}%`\n                : gradient.position.y;\n        prefix.push(`at ${x} ${y}`);\n    }\n    return prefix.length\n        ? `radial-gradient(${prefix.join(\" \")}, ${stops})`\n        : `radial-gradient(${stops})`;\n}\n\nfunction makeImage(image: ImageBackground): string {\n    const {\n        url,\n        repeat = \"no-repeat\",\n        size = \"cover\",\n        position = \"center\",\n    } = image;\n\n    return `url(\"${url}\") ${position} / ${size} ${repeat}`;\n}\n\nexport function makeBackground(value: ColorValueProp) {\n    if (Array.isArray(value)) {\n        return value.map(makeBackground).join(\", \");\n    }\n    if (typeof value === \"string\") {\n        return value;\n    }\n    if (typeof value === \"object\") {\n        switch (value.type) {\n            case \"solid\":\n                return value.color;\n            case \"linear-gradient\":\n                return makeLinearGradient(value);\n            case \"radial-gradient\":\n                return makeRadialGradient(value);\n            case \"image\":\n                return makeImage(value);\n        }\n    }\n    return \"transparent\";\n}\n\nexport const makeEvSwatchProps = propsFactory(\n    {\n        value: [String, Object, Array] as PropType<ColorValueProp>,\n        ...makeSizeProps(),\n        ...makeRoundedProps({\n            rounded: \"circle\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvSwatch\",\n);\n"],"names":[],"mappings":";;;;;AAwEA,SAAS,UAAU,OAA4B;AAC3C,SAAO,MAAM,IAAI,CAAC,SAAS,GAAG,KAAK,KAAK,IAAI,KAAK,QAAQ,GAAG,EAAE,KAAK,IAAI;AAC3E;AAEA,SAAS,mBAAmB,UAAkC;AACpD,QAAA,QAAQ,UAAU,SAAS,KAAK;AAC/B,SAAA,SAAS,QACV,mBAAmB,SAAS,KAAK,QAAQ,KAAK,MAC9C,mBAAmB,KAAK;AAClC;AAEA,SAAS,mBAAmB,UAAkC;AACpD,QAAA,QAAQ,UAAU,SAAS,KAAK;AACtC,QAAM,SAAS,CAAC;AAChB,MAAI,SAAS,MAAM;AACR,WAAA,KAAK,GAAG,SAAS,KAAK,KAAK,KAAK,SAAS,KAAK,MAAM,GAAG;AAAA,EAAA;AAElE,MAAI,SAAS,UAAU;AACnB,UAAM,IACF,OAAO,SAAS,SAAS,MAAM,WACzB,GAAG,SAAS,SAAS,CAAC,MACtB,SAAS,SAAS;AAC5B,UAAM,IACF,OAAO,SAAS,SAAS,MAAM,WACzB,GAAG,SAAS,SAAS,CAAC,MACtB,SAAS,SAAS;AAC5B,WAAO,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;AAAA,EAAA;AAEvB,SAAA,OAAO,SACR,mBAAmB,OAAO,KAAK,GAAG,CAAC,KAAK,KAAK,MAC7C,mBAAmB,KAAK;AAClC;AAEA,SAAS,UAAU,OAAgC;AACzC,QAAA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,EAAA,IACX;AAEJ,SAAO,QAAQ,GAAG,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM;AACxD;AAEO,SAAS,eAAe,OAAuB;AAC9C,MAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,WAAO,MAAM,IAAI,cAAc,EAAE,KAAK,IAAI;AAAA,EAAA;AAE1C,MAAA,OAAO,UAAU,UAAU;AACpB,WAAA;AAAA,EAAA;AAEP,MAAA,OAAO,UAAU,UAAU;AAC3B,YAAQ,MAAM,MAAM;AAAA,MAChB,KAAK;AACD,eAAO,MAAM;AAAA,MACjB,KAAK;AACD,eAAO,mBAAmB,KAAK;AAAA,MACnC,KAAK;AACD,eAAO,mBAAmB,KAAK;AAAA,MACnC,KAAK;AACD,eAAO,UAAU,KAAK;AAAA,IAAA;AAAA,EAC9B;AAEG,SAAA;AACX;AAEO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC7B,GAAG,cAAc;AAAA,IACjB,GAAG,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA,CACZ;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

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

@@ -1,11 +1,9 @@
-/*! Evance UI v1.0.45 | MIT License */
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode } from "vue";
+/*! Evance UI v1.0.47 | MIT License */
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode } from "vue";
 /* empty css               */
-import { makeEvSwatchProps } from "./EvSwatch.mjs";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "ev-swatch--sample" }, null, -1);
-const _hoisted_2 = [
-  _hoisted_1
-];
+import { makeEvSwatchProps, makeBackground } from "./EvSwatch.mjs";
+import { useRounded } from "../../composables/rounded.mjs";
+import { sizeModifier } from "../../util/modifiers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EvSwatch",
   props: {
@@ -13,11 +11,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const { roundedClasses } = useRounded(props);
+    const sizeClass = computed(() => sizeModifier(props.size));
+    function makeSampleStyles() {
+      return computed(() => {
+        return {
+          background: makeBackground(props.value)
+        };
+      });
+    }
+    const sampleStyles = makeSampleStyles();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-swatch", props.class]),
+        class: normalizeClass(["ev-swatch", sizeClass.value, unref(roundedClasses), props.class]),
         style: normalizeStyle(props.style)
-      }, _hoisted_2, 6);
+      }, [
+        createElementVNode("div", {
+          class: "ev-swatch--sample",
+          style: normalizeStyle(unref(sampleStyles))
+        }, null, 4)
+      ], 6);
     };
   }
 });

package/dist/esm/src/components/EvSwatch/EvSwatch.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSwatch.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvSwatch.vue.mjs","sources":["../../../../../src/components/EvSwatch/EvSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSwatch.scss\";\nimport { makeBackground, makeEvSwatchProps } from \"./EvSwatch\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { sizeModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvSwatchProps(),\n});\n\nconst { roundedClasses } = useRounded(props);\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nfunction makeSampleStyles() {\n    return computed(() => {\n        return {\n            background: makeBackground(props.value),\n        };\n    });\n}\n\nconst sampleStyles = makeSampleStyles();\n\n</script>\n\n<template>\n    <div\n        :class=\"['ev-swatch', sizeClass, roundedClasses, props.class]\"\n        :style=\"props.style\">\n        <div class=\"ev-swatch--sample\" :style=\"sampleStyles\"></div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,UAAM,EAAE,eAAA,IAAmB,WAAW,KAAK;AAC3C,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;AAEzD,aAAS,mBAAmB;AACxB,aAAO,SAAS,MAAM;AACX,eAAA;AAAA,UACH,YAAY,eAAe,MAAM,KAAK;AAAA,QAC1C;AAAA,MAAA,CACH;AAAA,IAAA;AAGL,UAAM,eAAe,iBAAiB;;;;;;;;;;;;;;"}

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeEvCheckboxProps } from "../EvCheckbox/EvCheckbox.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeEvSwitchProps = propsFactory(

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, useSlots, useAttrs, ref, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, createVNode, withCtx, renderSlot } from "vue";
 /* empty css               */
 import _sfc_main$2 from "../EvErrors/EvErrors.vue.mjs";

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

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

package/dist/esm/src/components/EvTabs/EvTab/EvTab.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeEvButtonProps } from "../../EvButton/EvButton.mjs";
 import { propsFactory } from "../../../util/props.mjs";
 import { omit } from "../../../util/helpers.mjs";

package/dist/esm/src/components/EvTabs/EvTab/EvTab.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, useSlots, computed, ref, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css            */
 import { makeEvTabProps } from "./EvTab.mjs";

package/dist/esm/src/components/EvTabs/EvTab/EvTab.vue2.mjs

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { propsFactory } from "../../util/props.mjs";
 import { makeEvSlideGroupProps } from "../EvSlideGroup/EvSlideGroup.mjs";

package/dist/esm/src/components/EvTabs/EvTabs.scss.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 //# sourceMappingURL=EvTabs.scss.mjs.map

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, computed, toRef, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementBlock, Fragment, renderList } from "vue";
 import "./EvTabs.scss.mjs";
 import { makeEvTabsProps, EvTabsSymbol } from "./EvTabs.mjs";

package/dist/esm/src/components/EvTabs/EvTabs.vue.mjs.map

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

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeGroupItemProps } from "../../composables/groupItem.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, useSlots, useAttrs, computed, createBlock, createCommentVNode, unref, openBlock, resolveDynamicComponent, withKeys, normalizeStyle, normalizeClass, withCtx, createElementBlock, createElementVNode, withDirectives, renderSlot, vShow, Fragment, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createVNode } from "vue";
 /* empty css            */
 import { makeEvTagProps } from "./EvTag.mjs";

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeGroupProps } from "../../composables/group.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, computed, toRef, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 /* empty css                 */
 import { makeEvTagGroupProps, EvTagGroupSymbol } from "./EvTagGroup.mjs";

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | 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/EvText/EvText.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, useCssVars, computed, createBlock, openBlock, resolveDynamicComponent, unref, normalizeStyle, normalizeClass, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css             */
 import { makeEvTextProps, EvTextSizeClass } from "./EvText.mjs";

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeFormFieldProps } from "../../composables/validation.mjs";
 import { makeLabelProps } from "../EvLabel/EvLabel.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, useSlots, useAttrs, ref, computed, onUpdated, onMounted, createElementBlock, openBlock, mergeProps, unref, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, normalizeClass, withDirectives, withKeys, vModelText, Transition, nextTick } from "vue";
 /* empty css                 */
 import { makeEvTextareaProps } from "./EvTextarea.mjs";

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { IconProp } from "../../composables/icons.mjs";
 import { makeFormFieldProps } from "../../composables/validation.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, useSlots, useAttrs, ref, computed, resolveDirective, withDirectives, createElementBlock, openBlock, mergeProps, unref, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, normalizeClass, Transition, createBlock, createTextVNode, toDisplayString, vModelDynamic, nextTick } from "vue";
 /* empty css                  */
 import { makeEvTextfieldProps } from "./EvTextfield.mjs";

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

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

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

@@ -0,0 +1,53 @@
+/*! Evance UI v1.0.47 | MIT License */
+import { makeEvImgProps } from "../EvImg/EvImg.mjs";
+import { makeRoundedProps } from "../../composables/rounded.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
+import { propsFactory } from "../../util/props.mjs";
+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 = propsFactory(
+  {
+    size: String,
+    ...makeEvImgProps(),
+    ...makeRoundedProps(),
+    ...makeComponentProps()
+  },
+  "EvThumbnail"
+);
+export {
+  makeEvThumbnailProps,
+  thumbnailPresets
+};
+//# sourceMappingURL=EvThumbnail.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.mjs","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":[],"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,uBAAuB;AAAA,EAChC;AAAA,IACI,MAAM;AAAA,IAEN,GAAG,eAAe;AAAA,IAClB,GAAG,iBAAiB;AAAA,IACpB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

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

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

package/dist/esm/src/components/EvThumbnail/EvThumbnail.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvThumbnail.vue.mjs","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","EvImg"],"mappings":";;;;;;;;;;;;;;;;;AAYA,UAAM,QAAQA;AAIR,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,MAAM;AACN,eAAA;AAAA,MAAA;AAEX,YAAM,cAAc,iBAAiB,MAAM,IAAI,KAAK,CAAC;AACrD,YAAM,iBAAiB,iBAAiB;AACxC,aAAO,cAAc,OAAO,EAAE,GAAG,gBAAgB,GAAG,aAAa;AAAA,IAAA,CACpE;AAED,UAAM,WAAW;AAAA,MAAS,MACtB,qBAAqBC,aAAO,cAAc,KAAK;AAAA,IACnD;AACA,UAAM,iBAAiB;AAAA,MACnB,MAAM,WAAW,cAAc,KAAK,EAAE,eAAe;AAAA,IACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+/*! Evance UI v1.0.47 | MIT License */
+import _sfc_main from "./EvThumbnail.vue.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvThumbnail.vue2.mjs.map

package/dist/esm/src/components/EvThumbnail/EvThumbnail.vue2.mjs.map

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { IconProp } from "../../composables/icons.mjs";
 import { propsFactory } from "../../util/props.mjs";

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

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.45 | MIT License */
-import { defineComponent, useSlots, getCurrentInstance, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, renderSlot, isRef } from "vue";
+/*! Evance UI v1.0.47 | MIT License */
+import { defineComponent, useSlots, getCurrentInstance, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref, renderSlot, createTextVNode, toDisplayString, isRef } from "vue";
 /* empty css                */
 import { makeEvToolbarProps } from "./EvToolbar.mjs";
 import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
@@ -137,7 +137,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 glyph: props.icon
               }, null, 8, ["glyph"])
             ])) : createCommentVNode("", true),
-            props.title ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(props.title), 1)) : createCommentVNode("", true)
+            unref(slots).title || props.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(props.title), 1)
+              ])
+            ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           unref(slots).start || props.tabs ? (openBlock(), createElementBlock("div", _hoisted_6, [
             renderSlot(_ctx.$slots, "start", {}, () => [

package/dist/esm/src/components/EvToolbar/EvToolbar.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvToolbar.vue.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQA;AAKd,UAAM,WAAW,mBAAmB;AAI9B,UAAA,gBAAgB,SAAS,MAAM;;AACjC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAc,CAClD;AAEK,UAAA,iBAAiB,SAAS,MAAM;;AAClC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAe,CACnD;AAEK,UAAA,YAAY,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,MAAM,cAAc,OAAO,KAAK;AAEtC,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;AAEnD,UAAA,UAAU,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,aAAa,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,gBAAgB,SAAS,MAAM;AACjC,aAAO,cAAc;AAAA,IAAA,CACxB;AAEK,UAAA,cAAc,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.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQA;AAMd,UAAM,WAAW,mBAAmB;AAI9B,UAAA,gBAAgB,SAAS,MAAM;;AACjC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAc,CAClD;AAEK,UAAA,iBAAiB,SAAS,MAAM;;AAClC,aAAO,CAAC,GAAC,0CAAU,MAAM,UAAhB,mBAAwB;AAAA,IAAe,CACnD;AAEK,UAAA,YAAY,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,MAAM,cAAc,OAAO,KAAK;AAEtC,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;AAEnD,UAAA,UAAU,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,aAAa,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,gBAAgB,SAAS,MAAM;AACjC,aAAO,cAAc;AAAA,IAAA,CACxB;AAEK,UAAA,cAAc,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/esm/src/components/EvToolbar/EvToolbar.vue2.mjs

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { makeEvOverlayProps } from "../EvOverlay/EvOverlay.mjs";
 import { propsFactory } from "../../util/props.mjs";
 import { omit } from "../../util/helpers.mjs";

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { defineComponent, computed, ref, mergeProps, createBlock, openBlock, unref, isRef, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css                */
 import { makeEvTooltipProps } from "./EvTooltip.mjs";

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

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

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

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { computed, Transition, h, mergeProps } from "vue";
 import { isEmpty, isBoolean, isString, isObject } from "../../util/is-functions.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvTransition/transitions/createTransition.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.45 | MIT License */
+/*! Evance UI v1.0.47 | MIT License */
 import { h, Transition } from "vue";
 function createJavaScriptTransition(name, functions, mode = "in-out") {
   return (props, { slots }) => {