@evance/evance-ui 1.0.19 → 1.0.20

package/dist/cjs/EvDrawer.vue_vue_type_script_setup_true_lang-DO3KZ4-W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDrawer.vue_vue_type_script_setup_true_lang-DO3KZ4-W.cjs","sources":["../../src/composables/drawer.ts","../../src/components/EvDrawer/EvDrawer.ts","../../src/components/EvDrawer/EvDrawer.vue"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener\";\n\nexport const EvDrawerServiceSymbol: InjectionKey<EvDrawerServiceOpener> =\n    Symbol.for(\"ev:drawer-service\");\nexport const EvDrawerInstanceSymbol: InjectionKey<\n    EvDrawerInstance | undefined\n> = Symbol.for(\"ev:drawer-instance\");\n\n/**\n * # useDrawer\n *\n * Requires that the App has provided `EvDrawerService`.\n */\nexport function useDrawer(): EvDrawerServiceOpener {\n    const service = inject(EvDrawerServiceSymbol);\n    if (!service) {\n        throw new Error(\"Evance UI: Unable to find injected drawer service\");\n    }\n    return service;\n}\n\n/**\n * # injectDrawer\n */\nexport function injectDrawer(): EvDrawerInstance | undefined {\n    return inject(EvDrawerInstanceSymbol);\n}\n\n/**\n * # provideDrawer\n * @param instance\n */\nexport function provideDrawer(instance: EvDrawerInstance | undefined) {\n    provide(EvDrawerInstanceSymbol, instance);\n}\n","import { omit, PhysicalSide, propsFactory } from \"@/util\";\nimport { makeEvDialogProps } from \"@/components\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDrawerProps = propsFactory(\n    {\n        position: {\n            type: String as PropType<PhysicalSide>,\n            default: \"left\",\n        },\n\n        ...omit(makeEvDialogProps(), [\"position\"]),\n    },\n    \"EvDrawer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDrawer.scss\";\nimport { EvDialog } from \"@/components/EvDialog\";\nimport { makeEvDrawerProps } from \"@/components/EvDrawer/EvDrawer\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { provideDrawer } from \"@/composables/drawer\";\n\nconst props = defineProps({\n    ...makeEvDrawerProps(),\n});\nconst dialogProps = computed(() => {\n    return omit(filterComponentProps(EvDialog, props), [\"position\"]);\n});\nconst isActive = useModelProxy(props, \"modelValue\");\nconst dialogRef = ref<typeof EvDialog>();\n\nconst positionClass = computed(() => {\n    return `is-position-${props.position}`;\n});\n\nconst transition = computed(() => {\n    return `ev-drawer--transition-${props.position}`;\n});\n\nconst overlayWidth = computed(() => {\n    if (props.position === \"top\" || props.position === \"bottom\") {\n        return \"100%\";\n    }\n    return props.width ?? \"medium\";\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDrawer(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-dialog\n        ref=\"dialogRef\"\n        v-bind=\"dialogProps\"\n        v-model=\"isActive\"\n        :class=\"['ev-drawer', positionClass, props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :width=\"overlayWidth\">\n        <template\n            v-for=\"(slot, name) in $slots\"\n            :key=\"name\"\n            #[name]=\"slotProps\">\n            <component :is=\"slot\" v-bind=\"slotProps\" />\n        </template>\n    </ev-dialog>\n</template>\n"],"names":["inject","provide","propsFactory","omit","makeEvDialogProps","computed","filterComponentProps","EvDialog","props","useModelProxy","ref"],"mappings":";;;;;;;AAIa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,UAAUA,WAAO,qBAAqB;AAC5C,MAAI,CAAC,SAAS;AACJ,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAEhE,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAOA,IAAAA,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClEC,MAAA,QAAQ,wBAAwB,QAAQ;AAC5C;AChCO,MAAM,oBAAoBC,MAAA;AAAA,EAC7B;AAAA,IACI,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,aAAKC,6CAAAA,qBAAqB,CAAC,UAAU,CAAC;AAAA,EAC7C;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAOF,QAAAA,KAAKG,QAAAA,qBAAqBC,6CAAAA,WAAUC,MAAK,GAAG,CAAC,UAAU,CAAC;AAAA,IAAA,CAClE;AACK,UAAA,WAAWC,WAAAA,cAAcD,QAAO,YAAY;AAClD,UAAM,YAAYE,IAAAA,IAAqB;AAEjC,UAAA,gBAAgBL,IAAAA,SAAS,MAAM;AAC1B,aAAA,eAAeG,OAAM,QAAQ;AAAA,IAAA,CACvC;AAEK,UAAA,aAAaH,IAAAA,SAAS,MAAM;AACvB,aAAA,yBAAyBG,OAAM,QAAQ;AAAA,IAAA,CACjD;AAEK,UAAA,eAAeH,IAAAA,SAAS,MAAM;AAChC,UAAIG,OAAM,aAAa,SAASA,OAAM,aAAa,UAAU;AAClD,eAAA;AAAA,MAAA;AAEX,aAAOA,OAAM,SAAS;AAAA,IAAA,CACzB;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IAAA;AAGrB,kBAAcA,OAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvEditOnClick.cjs

@@ -1,15 +1,15 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const component = require("./component-DBZnuH5_.cjs");
-const props = require("./props-D-eDJwTQ.cjs");
+const component = require("./component-1vqyu9KX.cjs");
+const props = require("./props-1IS165z6.cjs");
 const vue = require("vue");
-const modelProxy = require("./modelProxy-Df-Rb6Ln.cjs");
-const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-BK93owmy.cjs");
-const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("./EvButtonGroup.vue_vue_type_script_setup_true_lang-J2O-g38A.cjs");
-const EvTextfield_vue_vue_type_script_setup_true_lang = require("./EvTextfield.vue_vue_type_script_setup_true_lang-Dut9xwui.cjs");
-const CancelIcon = require("./CancelIcon-BUVNTprr.cjs");
-const CheckIcon = require("./CheckIcon-kkqkHmzv.cjs");
+const modelProxy = require("./modelProxy-BgLk_j0Y.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-iN8MY2ZZ.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("./EvButtonGroup.vue_vue_type_script_setup_true_lang-CQ6lsECv.cjs");
+const EvTextfield_vue_vue_type_script_setup_true_lang = require("./EvTextfield.vue_vue_type_script_setup_true_lang-x6_YAMXF.cjs");
+const CancelIcon = require("./CancelIcon-I_angGrM.cjs");
+const CheckIcon = require("./CheckIcon-DzZ5jCYr.cjs");
 const makeEvEditOnClickProps = props.propsFactory(
   {
     editing: Boolean,

package/dist/cjs/EvErrors.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-CamoKo2U.cjs");
+const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-Bo8AJq5q.cjs");
 exports.EvErrors = EvErrors_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvErrorsProps = EvErrors_vue_vue_type_script_setup_true_lang.makeEvErrorsProps;
 //# sourceMappingURL=EvErrors.cjs.map

package/dist/cjs/EvErrors.vue_vue_type_script_setup_true_lang-Bo8AJq5q.cjs

@@ -0,0 +1,54 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const component = require("./component-1vqyu9KX.cjs");
+const props = require("./props-1IS165z6.cjs");
+const helpers = require("./helpers-CfVI5ICs.cjs");
+const makeEvErrorsProps = props.propsFactory(
+  {
+    active: Boolean,
+    messages: {
+      type: [Array, String],
+      default: () => []
+    },
+    ...component.makeComponentProps()
+  },
+  "EvErrors"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvErrors",
+  props: {
+    ...makeEvErrorsProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const messages = vue.computed(() => {
+      return helpers.wrapInArray(props2.messages);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
+        appear: "",
+        tag: "div",
+        class: vue.normalizeClass(["ev-errors", props2.class]),
+        style: vue.normalizeStyle(props2.style),
+        name: "list",
+        role: "alert",
+        "aria-live": "polite"
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(messages.value, (message, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: message,
+              class: "ev-errors--message",
+              style: vue.normalizeStyle(`--animation-order: ${index}`)
+            }, vue.toDisplayString(message), 5);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvErrorsProps = makeEvErrorsProps;
+//# sourceMappingURL=EvErrors.vue_vue_type_script_setup_true_lang-Bo8AJq5q.cjs.map

package/dist/cjs/EvErrors.vue_vue_type_script_setup_true_lang-Bo8AJq5q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvErrors.vue_vue_type_script_setup_true_lang-Bo8AJq5q.cjs","sources":["../../src/components/EvErrors/EvErrors.ts","../../src/components/EvErrors/EvErrors.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const makeEvErrorsProps = propsFactory(\n    {\n        active: Boolean,\n        messages: {\n            type: [Array, String] as PropType<string | readonly string[]>,\n            default: () => [],\n        },\n\n        ...makeComponentProps(),\n    },\n    \"EvErrors\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvErrors\n */\nimport \"./EvErrors.scss\";\nimport { makeEvErrorsProps } from \"./EvErrors\";\nimport { computed } from \"vue\";\nimport { wrapInArray } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvErrorsProps(),\n});\n\nconst messages = computed(() => {\n    return wrapInArray(props.messages);\n});\n</script>\n\n<template>\n    <TransitionGroup\n        appear\n        tag=\"div\"\n        :class=\"['ev-errors', props.class]\"\n        :style=\"props.style\"\n        name=\"list\"\n        role=\"alert\"\n        aria-live=\"polite\">\n        <div\n            v-for=\"(message, index) in messages\"\n            :key=\"message\"\n            class=\"ev-errors--message\"\n            :style=\"`--animation-order: ${index}`\">\n            {{ message }}\n        </div>\n    </TransitionGroup>\n</template>\n"],"names":["propsFactory","makeComponentProps","computed","wrapInArray","props"],"mappings":";;;;;;AAIO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,MACN,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IAEA,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,WAAWC,IAAAA,SAAS,MAAM;AACrB,aAAAC,QAAA,YAAYC,OAAM,QAAQ;AAAA,IAAA,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvEyebrow.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvEyebrow_vue_vue_type_script_setup_true_lang = require("./EvEyebrow.vue_vue_type_script_setup_true_lang-DG0UpzI1.cjs");
+const EvEyebrow_vue_vue_type_script_setup_true_lang = require("./EvEyebrow.vue_vue_type_script_setup_true_lang-l_0RgF_E.cjs");
 exports.EvEyebrow = EvEyebrow_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvEyebrowProps = EvEyebrow_vue_vue_type_script_setup_true_lang.makeEvEyebrowProps;
 //# sourceMappingURL=EvEyebrow.cjs.map

package/dist/cjs/EvEyebrow.vue_vue_type_script_setup_true_lang-l_0RgF_E.cjs

@@ -0,0 +1,43 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const component = require("./component-1vqyu9KX.cjs");
+const tag = require("./tag-BfU5q4Sa.cjs");
+const appearance = require("./appearance---Nb64NR.cjs");
+const props = require("./props-1IS165z6.cjs");
+const makeEvEyebrowProps = props.propsFactory(
+  {
+    text: String,
+    ...appearance.makeTextAppearanceProps(),
+    ...tag.makeTagProps({
+      tag: "p"
+    }),
+    ...component.makeComponentProps()
+  },
+  "EvEyebrow"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvEyebrow",
+  props: { ...makeEvEyebrowProps() },
+  setup(__props) {
+    const props2 = __props;
+    vue.useSlots();
+    const { appearanceClass } = appearance.useTextAppearance(props2);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
+        class: vue.normalizeClass(["ev-eyebrow", "text-eyebrow", vue.unref(appearanceClass), props2.class]),
+        style: vue.normalizeStyle(props2.style)
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(props2.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvEyebrowProps = makeEvEyebrowProps;
+//# sourceMappingURL=EvEyebrow.vue_vue_type_script_setup_true_lang-l_0RgF_E.cjs.map

package/dist/cjs/EvEyebrow.vue_vue_type_script_setup_true_lang-l_0RgF_E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvEyebrow.vue_vue_type_script_setup_true_lang-l_0RgF_E.cjs","sources":["../../src/components/EvEyebrow/EvEyebrow.ts","../../src/components/EvEyebrow/EvEyebrow.vue"],"sourcesContent":["import { makeTextAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\n\nexport const makeEvEyebrowProps = propsFactory(\n    {\n        text: String,\n        ...makeTextAppearanceProps(),\n        ...makeTagProps({\n            tag: \"p\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvEyebrow\",\n);","<script setup lang=\"ts\">\nimport \"./EvEyebrow.scss\";\nimport { makeEvEyebrowProps } from \"./EvEyebrow\";\nimport { useTextAppearance } from \"@/util\";\n\nconst props = defineProps({ ...makeEvEyebrowProps() });\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst { appearanceClass } = useTextAppearance(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"['ev-eyebrow', 'text-eyebrow', appearanceClass, props.class]\"\n        :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </component>\n</template>\n"],"names":["propsFactory","makeTextAppearanceProps","makeTagProps","makeComponentProps","_useSlots","useTextAppearance","props"],"mappings":";;;;;;;AAIO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,MAAM;AAAA,IACN,GAAGC,mCAAwB;AAAA,IAC3B,GAAGC,iBAAa;AAAA,MACZ,KAAK;AAAA,IAAA,CACR;AAAA,IACD,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACPcC;AAId,UAAM,EAAE,gBAAA,IAAoBC,WAAA,kBAAkBC,MAAK;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvFieldHelp.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvFieldHelp_vue_vue_type_script_setup_true_lang = require("./EvFieldHelp.vue_vue_type_script_setup_true_lang-DKSxQOxe.cjs");
+const EvFieldHelp_vue_vue_type_script_setup_true_lang = require("./EvFieldHelp.vue_vue_type_script_setup_true_lang-BNEu_oeb.cjs");
 exports.EvFieldHelp = EvFieldHelp_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvFieldHelpProps = EvFieldHelp_vue_vue_type_script_setup_true_lang.makeEvFieldHelpProps;
 //# sourceMappingURL=EvFieldHelp.cjs.map

package/dist/cjs/EvFieldHelp.vue_vue_type_script_setup_true_lang-BNEu_oeb.cjs

@@ -0,0 +1,64 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const component = require("./component-1vqyu9KX.cjs");
+const props = require("./props-1IS165z6.cjs");
+const defaults = require("./defaults-oEFQHvbk.cjs");
+const display = require("./display-Cq7Iyod1.cjs");
+const makeEvFieldHelpProps = props.propsFactory(
+  {
+    breakpoint: String,
+    ...component.makeComponentProps()
+  },
+  "EvFieldHelp"
+);
+const _hoisted_1 = { class: "ev-field-help--field" };
+const _hoisted_2 = ["hidden"];
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-field-help--pointer" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-field-help--pointer-circle" }),
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-field-help--pointer-line" })
+], -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvFieldHelp",
+  props: { ...makeEvFieldHelpProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props2 = defaults.useDefaults(definedProps);
+    const display$1 = display.useDisplay();
+    const breakpoint = vue.computed(() => {
+      return props2.breakpoint ?? "md";
+    });
+    vue.useSlots();
+    defaults.provideDefaults({
+      EvCardContent: {
+        size: "small"
+      }
+    });
+    const isShow = vue.computed(() => {
+      var _a;
+      console.log(breakpoint.value);
+      const displayRule = `${breakpoint.value}Up`;
+      return ((_a = display$1[displayRule]) == null ? void 0 : _a.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-field-help", { "is-visible": isShow.value }, vue.unref(props2).class]),
+        style: vue.normalizeStyle(vue.unref(props2).style)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "field")
+        ]),
+        vue.createElementVNode("div", {
+          class: "ev-field-help--content",
+          hidden: !isShow.value
+        }, [
+          _hoisted_3,
+          vue.renderSlot(_ctx.$slots, "help")
+        ], 8, _hoisted_2)
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvFieldHelpProps = makeEvFieldHelpProps;
+//# sourceMappingURL=EvFieldHelp.vue_vue_type_script_setup_true_lang-BNEu_oeb.cjs.map

package/dist/cjs/EvFieldHelp.vue_vue_type_script_setup_true_lang-BNEu_oeb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFieldHelp.vue_vue_type_script_setup_true_lang-BNEu_oeb.cjs","sources":["../../src/components/EvFieldHelp/EvFieldHelp.ts","../../src/components/EvFieldHelp/EvFieldHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display\";\n\nexport const makeEvFieldHelpProps = propsFactory(\n    {\n        breakpoint: String as PropType<Breakpoint>,\n        ...makeComponentProps(),\n    },\n    \"EvFieldHelp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvFieldHelp.scss\";\nimport { makeEvFieldHelpProps } from \"./EvFieldHelp\";\nimport { provideDefaults, useDefaults } from \"@/composables/defaults\";\nimport { useDisplay } from \"@/composables\";\nimport { computed } from \"vue\";\n\nconst definedProps = defineProps({ ...makeEvFieldHelpProps() });\nconst props = useDefaults(definedProps);\nconst display = useDisplay();\n\nconst breakpoint = computed(() => {\n    return props.breakpoint ?? \"md\";\n});\n\nconst slots = defineSlots<{\n    field(): never;\n    help(): never;\n}>();\n\nprovideDefaults({\n    EvCardContent: {\n        size: \"small\",\n    },\n});\n\nconst isShow = computed(() => {\n    console.log(breakpoint.value);\n    const displayRule = `${breakpoint.value}Up`;\n    return display[displayRule]?.value ?? false;\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-field-help', { 'is-visible': isShow }, props.class]\"\n        :style=\"props.style\">\n        <div class=\"ev-field-help--field\">\n            <slot name=\"field\" />\n        </div>\n        <div class=\"ev-field-help--content\" :hidden=\"!isShow\">\n            <div class=\"ev-field-help--pointer\">\n                <div class=\"ev-field-help--pointer-circle\"></div>\n                <div class=\"ev-field-help--pointer-line\"></div>\n            </div>\n            <slot name=\"help\" />\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","makeComponentProps","props","useDefaults","display","useDisplay","computed","_useSlots","provideDefaults"],"mappings":";;;;;;;AAKO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,YAAY;AAAA,IACZ,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;ACHM,UAAAC,SAAQC,qBAAY,YAAY;AACtC,UAAMC,YAAUC,QAAAA,WAAW;AAErB,UAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,aAAOJ,OAAM,cAAc;AAAA,IAAA,CAC9B;AAEaK;AAKEC,6BAAA;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,MAAA;AAAA,IACV,CACH;AAEK,UAAA,SAASF,IAAAA,SAAS,MAAM;;AAClB,cAAA,IAAI,WAAW,KAAK;AACtB,YAAA,cAAc,GAAG,WAAW,KAAK;AAChC,eAAAF,eAAQ,WAAW,MAAnBA,mBAAsB,UAAS;AAAA,IAAA,CACzC;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvFilterButton.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvFilterButton_vue_vue_type_script_setup_true_lang = require("./EvFilterButton.vue_vue_type_script_setup_true_lang-DLAOYI-n.cjs");
+const EvFilterButton_vue_vue_type_script_setup_true_lang = require("./EvFilterButton.vue_vue_type_script_setup_true_lang-CZaFlazL.cjs");
 exports.EvFilterButton = EvFilterButton_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvFilterButtonProps = EvFilterButton_vue_vue_type_script_setup_true_lang.makeEvFilterButtonProps;
 //# sourceMappingURL=EvFilterButton.cjs.map

package/dist/cjs/EvFilterButton.vue_vue_type_script_setup_true_lang-CZaFlazL.cjs

@@ -0,0 +1,74 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-iN8MY2ZZ.cjs");
+const props = require("./props-1IS165z6.cjs");
+const helpers = require("./helpers-CfVI5ICs.cjs");
+const EvBadge_vue_vue_type_script_setup_true_lang = require("./EvBadge.vue_vue_type_script_setup_true_lang-CB1IytSF.cjs");
+const ChevronDownIcon = require("./ChevronDownIcon-BREAwBtb.cjs");
+const modelProxy = require("./modelProxy-BgLk_j0Y.cjs");
+const defaults = require("./defaults-oEFQHvbk.cjs");
+const isFunctions = require("./is-functions-C-f-nCfY.cjs");
+const makeEvFilterButtonProps = props.propsFactory(
+  {
+    title: String,
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    filterTitle: {
+      type: String,
+      default: "title"
+    },
+    ...helpers.omit(EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonProps(), ["text", "value"])
+  },
+  "EvFilterButton"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvFilterButton",
+  props: {
+    ...makeEvFilterButtonProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const props2 = defaults.useDefaults(definedProps);
+    const buttonProps = vue.computed(() => helpers.filterComponentProps(EvButton_vue_vue_type_script_setup_true_lang._sfc_main, props2));
+    const modelValue = modelProxy.useModelProxy(props2, "modelValue");
+    const filterTitles = vue.computed(() => {
+      return modelValue.value.map((item) => {
+        return isFunctions.isObject(item) ? helpers.getPropertyValue(item, props2.filterTitle) : item;
+      });
+    });
+    const title = vue.computed(() => {
+      return filterTitles.value.length ? `${props2.title}: ${filterTitles.value[0]}` : props2.title;
+    });
+    const count = vue.computed(() => {
+      return modelValue.value.length > 1 ? modelValue.value.length - 1 : void 0;
+    });
+    const isFiltered = vue.computed(() => !!modelValue.value.length);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps(buttonProps.value, {
+        "icon-end": vue.unref(ChevronDownIcon.ChevronDownIcon),
+        text: title.value,
+        appearance: isFiltered.value ? "primary" : "default",
+        variant: isFiltered.value ? "tonal" : "subtle"
+      }), vue.createSlots({ _: 2 }, [
+        count.value ? {
+          name: "suffix",
+          fn: vue.withCtx(() => [
+            vue.createVNode(vue.unref(EvBadge_vue_vue_type_script_setup_true_lang._sfc_main), {
+              bold: "",
+              inline: "",
+              content: `+${count.value}`,
+              appearance: "primary"
+            }, null, 8, ["content"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["icon-end", "text", "appearance", "variant"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvFilterButtonProps = makeEvFilterButtonProps;
+//# sourceMappingURL=EvFilterButton.vue_vue_type_script_setup_true_lang-CZaFlazL.cjs.map

package/dist/cjs/EvFilterButton.vue_vue_type_script_setup_true_lang-CZaFlazL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFilterButton.vue_vue_type_script_setup_true_lang-CZaFlazL.cjs","sources":["../../src/components/EvFilterButton/EvFilterButton.ts","../../src/components/EvFilterButton/EvFilterButton.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\n\nexport const makeEvFilterButtonProps = propsFactory(\n    {\n        title: String,\n        modelValue: {\n            type: Array as PropType<readonly string[]>,\n            default: () => [],\n        },\n        filterTitle: {\n            type: String,\n            default: \"title\",\n        },\n        ...omit(makeEvButtonProps(), [\"text\", \"value\"]),\n    },\n    \"EvFilterButton\",\n)","<script setup lang=\"ts\">\nimport { makeEvFilterButtonProps } from \"./EvFilterButton\";\nimport { useDefaults } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { filterComponentProps, getPropertyValue, isObject } from \"@/util\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { ChevronDownIcon } from \"@/icons\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nconst definedProps = defineProps({\n    ...makeEvFilterButtonProps(),\n});\nconst props = useDefaults(definedProps);\nconst buttonProps = computed(() => filterComponentProps(EvButton, props));\nconst modelValue = useModelProxy(props, \"modelValue\");\n\nconst filterTitles = computed(() => {\n    return modelValue.value.map((item: unknown) => {\n        return isObject(item)\n            ? getPropertyValue(item, props.filterTitle)\n            : item;\n    });\n});\n\nconst title = computed(() => {\n    return filterTitles.value.length\n        ? `${props.title}: ${filterTitles.value[0]}`\n        : props.title;\n});\n\nconst count = computed(() => {\n    return modelValue.value.length > 1\n        ? modelValue.value.length - 1\n        : undefined;\n});\n\nconst isFiltered = computed(() => !!modelValue.value.length);\n</script>\n\n<template>\n    <ev-button\n        v-bind=\"buttonProps\"\n        :icon-end=\"ChevronDownIcon\"\n        :text=\"title\"\n        :appearance=\"isFiltered ? 'primary' : 'default'\"\n        :variant=\"isFiltered ? 'tonal' : 'subtle'\">\n        <template v-if=\"count\" #suffix>\n            <ev-badge bold inline :content=\"`+${count}`\" appearance=\"primary\" />\n        </template>\n    </ev-button>\n</template>\n"],"names":["propsFactory","omit","makeEvButtonProps","props","useDefaults","computed","filterComponentProps","EvButton","useModelProxy","isObject","getPropertyValue"],"mappings":";;;;;;;;;;;AAIO,MAAM,0BAA0BA,MAAA;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,IACP,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,QAAK,KAAAC,6CAAA,kBAAA,GAAqB,CAAC,QAAQ,OAAO,CAAC;AAAA,EAClD;AAAA,EACA;AACJ;;;;;;;;ACLM,UAAAC,SAAQC,qBAAY,YAAY;AACtC,UAAM,cAAcC,IAAAA,SAAS,MAAMC,QAAqB,qBAAAC,6CAAA,WAAUJ,MAAK,CAAC;AAClE,UAAA,aAAaK,WAAAA,cAAcL,QAAO,YAAY;AAE9C,UAAA,eAAeE,IAAAA,SAAS,MAAM;AAChC,aAAO,WAAW,MAAM,IAAI,CAAC,SAAkB;AAC3C,eAAOI,YAAAA,SAAS,IAAI,IACdC,QAAAA,iBAAiB,MAAMP,OAAM,WAAW,IACxC;AAAA,MAAA,CACT;AAAA,IAAA,CACJ;AAEK,UAAA,QAAQE,IAAAA,SAAS,MAAM;AACzB,aAAO,aAAa,MAAM,SACpB,GAAGF,OAAM,KAAK,KAAK,aAAa,MAAM,CAAC,CAAC,KACxCA,OAAM;AAAA,IAAA,CACf;AAEK,UAAA,QAAQE,IAAAA,SAAS,MAAM;AACzB,aAAO,WAAW,MAAM,SAAS,IAC3B,WAAW,MAAM,SAAS,IAC1B;AAAA,IAAA,CACT;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM,CAAC,CAAC,WAAW,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvForm.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvForm_vue_vue_type_script_setup_true_lang = require("./EvForm.vue_vue_type_script_setup_true_lang-B6I5AQUa.cjs");
+const EvForm_vue_vue_type_script_setup_true_lang = require("./EvForm.vue_vue_type_script_setup_true_lang-DUVnRNuR.cjs");
 exports.EvForm = EvForm_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvFormProps = EvForm_vue_vue_type_script_setup_true_lang.makeEvFormProps;
 //# sourceMappingURL=EvForm.cjs.map

package/dist/cjs/EvForm.vue_vue_type_script_setup_true_lang-DUVnRNuR.cjs

@@ -0,0 +1,65 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const component = require("./component-1vqyu9KX.cjs");
+const form = require("./form-MIs9A8YL.cjs");
+const props = require("./props-1IS165z6.cjs");
+const makeEvFormProps = props.propsFactory(
+  {
+    ...component.makeComponentProps(),
+    ...form.makeFormProps()
+  },
+  "EvForm"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvForm",
+  props: {
+    ...makeEvFormProps()
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit }) {
+    const props2 = __props;
+    const formRef = vue.ref();
+    const form$1 = form.createForm(props2);
+    function onReset($event) {
+      $event.preventDefault();
+      form$1.reset();
+    }
+    function onSubmit($event) {
+      const e = $event;
+      const ready = form$1.validate();
+      e.then = ready.then.bind(ready);
+      e.catch = ready.catch.bind(ready);
+      e.finally = ready.finally.bind(ready);
+      emit("submit", e);
+      if (!e.defaultPrevented) {
+        ready.then(({ valid }) => {
+          var _a;
+          if (valid) {
+            (_a = formRef.value) == null ? void 0 : _a.submit();
+          }
+        });
+      }
+      e.preventDefault();
+    }
+    __expose({
+      ...form$1.expose()
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("form", {
+        ref_key: "formRef",
+        ref: formRef,
+        novalidate: "",
+        class: vue.normalizeClass(["ev-form", props2.class]),
+        style: vue.normalizeStyle([props2.style]),
+        onReset,
+        onSubmit
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 38);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvFormProps = makeEvFormProps;
+//# sourceMappingURL=EvForm.vue_vue_type_script_setup_true_lang-DUVnRNuR.cjs.map

package/dist/cjs/EvForm.vue_vue_type_script_setup_true_lang-DUVnRNuR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvForm.vue_vue_type_script_setup_true_lang-DUVnRNuR.cjs","sources":["../../src/components/EvForm/EvForm.ts","../../src/components/EvForm/EvForm.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormProps } from \"@/composables/form\";\n\nexport const makeEvFormProps = propsFactory(\n    {\n        ...makeComponentProps(),\n        ...makeFormProps(),\n    },\n    \"EvForm\",\n);\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { makeEvFormProps } from \"./EvForm\";\nimport { createForm, SubmitEventPromise } from \"@/composables/form\";\n\nconst formRef = ref<HTMLFormElement>();\nconst props = defineProps({\n    ...makeEvFormProps(),\n});\nconst form = createForm(props);\nconst emit = defineEmits([\"update:modelValue\", \"submit\"]);\n\n/**\n * ## On Reset\n * @param $event\n */\nfunction onReset($event: Event) {\n    $event.preventDefault();\n    form.reset();\n}\n\n/**\n * ## On Submit\n * @param $event\n */\nfunction onSubmit($event: Event) {\n    const e = $event as SubmitEventPromise;\n\n    const ready = form.validate();\n    e.then = ready.then.bind(ready);\n    e.catch = ready.catch.bind(ready);\n    e.finally = ready.finally.bind(ready);\n\n    emit(\"submit\", e);\n\n    if (!e.defaultPrevented) {\n        ready.then(({ valid }) => {\n            if (valid) {\n                formRef.value?.submit();\n            }\n        });\n    }\n\n    e.preventDefault();\n}\n\ndefineExpose({\n    ...form.expose(),\n});\n</script>\n\n<template>\n    <form\n        ref=\"formRef\"\n        novalidate\n        :class=\"['ev-form', props.class]\"\n        :style=\"[props.style]\"\n        @reset=\"onReset\"\n        @submit=\"onSubmit\">\n        <slot />\n    </form>\n</template>\n"],"names":["propsFactory","makeComponentProps","makeFormProps","ref","form","createForm","props"],"mappings":";;;;;;AAIO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,KAAc,cAAA;AAAA,EACrB;AAAA,EACA;AACJ;;;;;;;;;ACLA,UAAM,UAAUC,IAAAA,IAAqB;AAI/B,UAAAC,SAAOC,gBAAWC,MAAK;AAO7B,aAAS,QAAQ,QAAe;AAC5B,aAAO,eAAe;AACtBF,aAAK,MAAM;AAAA,IAAA;AAOf,aAAS,SAAS,QAAe;AAC7B,YAAM,IAAI;AAEJ,YAAA,QAAQA,OAAK,SAAS;AAC5B,QAAE,OAAO,MAAM,KAAK,KAAK,KAAK;AAC9B,QAAE,QAAQ,MAAM,MAAM,KAAK,KAAK;AAChC,QAAE,UAAU,MAAM,QAAQ,KAAK,KAAK;AAEpC,WAAK,UAAU,CAAC;AAEZ,UAAA,CAAC,EAAE,kBAAkB;AACrB,cAAM,KAAK,CAAC,EAAE,YAAY;;AACtB,cAAI,OAAO;AACP,0BAAQ,UAAR,mBAAe;AAAA,UAAO;AAAA,QAC1B,CACH;AAAA,MAAA;AAGL,QAAE,eAAe;AAAA,IAAA;AAGR,aAAA;AAAA,MACT,GAAGA,OAAK,OAAO;AAAA,IAAA,CAClB;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvFormHelp.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvFormHelp_vue_vue_type_script_setup_true_lang = require("./EvFormHelp.vue_vue_type_script_setup_true_lang-VDuqwILh.cjs");
+const EvFormHelp_vue_vue_type_script_setup_true_lang = require("./EvFormHelp.vue_vue_type_script_setup_true_lang-Cbh1LtOB.cjs");
 exports.EvFormHelp = EvFormHelp_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvFormHelpProps = EvFormHelp_vue_vue_type_script_setup_true_lang.makeEvFormHelpProps;
 //# sourceMappingURL=EvFormHelp.cjs.map

package/dist/cjs/EvFormHelp.vue_vue_type_script_setup_true_lang-Cbh1LtOB.cjs

@@ -0,0 +1,46 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const component = require("./component-1vqyu9KX.cjs");
+const props = require("./props-1IS165z6.cjs");
+const defaults = require("./defaults-oEFQHvbk.cjs");
+const display = require("./display-Cq7Iyod1.cjs");
+const makeEvFormHelpProps = props.propsFactory(
+  {
+    breakpoint: {
+      type: String,
+      default: "md"
+    },
+    ...component.makeComponentProps()
+  },
+  "EvFormHelp"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvFormHelp",
+  props: { ...makeEvFormHelpProps() },
+  setup(__props) {
+    const props2 = __props;
+    const display$1 = display.useDisplay();
+    defaults.provideDefaults({
+      EvFieldHelp: {
+        breakpoint: vue.toRef(props2, "breakpoint")
+      }
+    });
+    const isShow = vue.computed(() => {
+      var _a;
+      const displayRule = `${props2.breakpoint}Up`;
+      return ((_a = display$1[displayRule]) == null ? void 0 : _a.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-form-help", { "is-visible": isShow.value }, props2.class]),
+        style: vue.normalizeStyle(props2.style)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvFormHelpProps = makeEvFormHelpProps;
+//# sourceMappingURL=EvFormHelp.vue_vue_type_script_setup_true_lang-Cbh1LtOB.cjs.map

package/dist/cjs/EvFormHelp.vue_vue_type_script_setup_true_lang-Cbh1LtOB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFormHelp.vue_vue_type_script_setup_true_lang-Cbh1LtOB.cjs","sources":["../../src/components/EvFormHelp/EvFormHelp.ts","../../src/components/EvFormHelp/EvFormHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvFormHelpProps = propsFactory(\n    {\n        breakpoint: {\n            type: String as PropType<Breakpoint>,\n            default: \"md\",\n        },\n        ...makeComponentProps(),\n    },\n    \"EvFormHelp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvFormHelp.scss\";\nimport { makeEvFormHelpProps } from \"./EvFormHelp\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { computed, toRef } from \"vue\";\nimport { useDisplay } from \"@/composables\";\n\nconst props = defineProps({ ...makeEvFormHelpProps() });\nconst display = useDisplay();\n\nprovideDefaults({\n    EvFieldHelp: {\n        breakpoint: toRef(props, \"breakpoint\"),\n    },\n});\n\nconst isShow = computed(() => {\n    const displayRule = `${props.breakpoint}Up`;\n    return display[displayRule]?.value ?? false;\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-form-help', { 'is-visible': isShow }, props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n</template>\n"],"names":["propsFactory","makeComponentProps","display","useDisplay","provideDefaults","toRef","props","computed"],"mappings":";;;;;;;AAKO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACNA,UAAMC,YAAUC,QAAAA,WAAW;AAEXC,6BAAA;AAAA,MACZ,aAAa;AAAA,QACT,YAAYC,IAAAA,MAAMC,QAAO,YAAY;AAAA,MAAA;AAAA,IACzC,CACH;AAEK,UAAA,SAASC,IAAAA,SAAS,MAAM;;AACpB,YAAA,cAAc,GAAGD,OAAM,UAAU;AAChC,eAAAJ,eAAQ,WAAW,MAAnBA,mBAAsB,UAAS;AAAA,IAAA,CACzC;;;;;;;;;;;;;"}

package/dist/cjs/EvHeading.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.20 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvHeading_vue_vue_type_style_index_0_lang = require("./EvHeading.vue_vue_type_style_index_0_lang-jyoY8Vrq.cjs");
+const EvHeading_vue_vue_type_style_index_0_lang = require("./EvHeading.vue_vue_type_style_index_0_lang-CIKHgz7z.cjs");
 exports.EvHeading = EvHeading_vue_vue_type_style_index_0_lang._sfc_main;
 exports.EvHeadingClass = EvHeading_vue_vue_type_style_index_0_lang.EvHeadingClass;
 exports.EvHeadingSize = EvHeading_vue_vue_type_style_index_0_lang.EvHeadingSize;

package/dist/cjs/EvHeading.vue_vue_type_style_index_0_lang-CIKHgz7z.cjs

@@ -0,0 +1,104 @@
+"use strict";
+/*! Evance UI v1.0.20 | MIT License */
+const vue = require("vue");
+const tag = require("./tag-BfU5q4Sa.cjs");
+const component = require("./component-1vqyu9KX.cjs");
+const props = require("./props-1IS165z6.cjs");
+const defaults = require("./defaults-oEFQHvbk.cjs");
+const isFunctions = require("./is-functions-C-f-nCfY.cjs");
+const EvHeadingSize = {
+  default: "medium",
+  xSmall: "x-small",
+  small: "small",
+  medium: "medium",
+  large: "large",
+  xLarge: "x-large",
+  xxLarge: "xx-large"
+};
+const EvHeadingTag = {
+  "xx-large": "h1",
+  "x-large": "h2",
+  large: "h3",
+  medium: "h4",
+  small: "h5",
+  "x-small": "h6"
+};
+const EvHeadingClass = {
+  "xx-large": "heading-1",
+  "x-large": "heading-2",
+  large: "heading-3",
+  medium: "heading-4",
+  small: "heading-5",
+  "x-small": "heading-6"
+};
+const makeEvHeadingProps = props.propsFactory(
+  {
+    size: {
+      type: String,
+      default: EvHeadingSize.default
+    },
+    text: String,
+    truncate: [Number, Boolean],
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps({
+      tag: void 0
+    })
+  },
+  "EvHeading"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvHeading",
+  props: {
+    ...makeEvHeadingProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    vue.useCssVars((_ctx) => ({
+      "4ed597d1": maxLines.value
+    }));
+    const props2 = defaults.useDefaults(definedProps);
+    const tag2 = vue.computed(() => {
+      if (props2.tag) {
+        return props2.tag;
+      }
+      return EvHeadingTag[props2.size] ?? EvHeadingTag[EvHeadingSize.default];
+    });
+    const sizeClass = vue.computed(() => {
+      if (!props2.tag) {
+        return void 0;
+      }
+      return EvHeadingClass[props2.size] ?? EvHeadingClass[EvHeadingSize.default];
+    });
+    const truncateClass = vue.computed(() => {
+      if (!props2.truncate) {
+        return void 0;
+      }
+      return isFunctions.isBoolean(props2.truncate) ? "is-truncate" : "is-truncate-lines";
+    });
+    const maxLines = vue.computed(() => {
+      if (isFunctions.isNumber(props2.truncate)) {
+        return props2.truncate;
+      }
+      return 1;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tag2.value), {
+        class: vue.normalizeClass(["ev-heading", sizeClass.value, truncateClass.value, vue.unref(props2).class]),
+        style: vue.normalizeStyle(vue.unref(props2).style)
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(props2).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports.EvHeadingClass = EvHeadingClass;
+exports.EvHeadingSize = EvHeadingSize;
+exports.EvHeadingTag = EvHeadingTag;
+exports._sfc_main = _sfc_main;
+exports.makeEvHeadingProps = makeEvHeadingProps;
+//# sourceMappingURL=EvHeading.vue_vue_type_style_index_0_lang-CIKHgz7z.cjs.map

package/dist/cjs/EvHeading.vue_vue_type_style_index_0_lang-CIKHgz7z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvHeading.vue_vue_type_style_index_0_lang-CIKHgz7z.cjs","sources":["../../src/components/EvHeading/EvHeading.ts","../../src/components/EvHeading/EvHeading.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const EvHeadingSize = {\n    default: \"medium\",\n    xSmall: \"x-small\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n    xxLarge: \"xx-large\",\n} as const;\n\nexport type EvHeadingSizeProp =\n    (typeof EvHeadingSize)[keyof typeof EvHeadingSize];\n\nexport const EvHeadingTag = {\n    \"xx-large\": \"h1\",\n    \"x-large\": \"h2\",\n    large: \"h3\",\n    medium: \"h4\",\n    small: \"h5\",\n    \"x-small\": \"h6\",\n} as const;\n\nexport const EvHeadingClass = {\n    \"xx-large\": \"heading-1\",\n    \"x-large\": \"heading-2\",\n    large: \"heading-3\",\n    medium: \"heading-4\",\n    small: \"heading-5\",\n    \"x-small\": \"heading-6\",\n} as const;\n\nexport const makeEvHeadingProps = propsFactory(\n    {\n        size: {\n            type: String as PropType<EvHeadingSizeProp>,\n            default: EvHeadingSize.default,\n        },\n        text: String,\n        truncate: [Number, Boolean],\n        ...makeComponentProps(),\n        ...makeTagProps({\n            tag: undefined,\n        }),\n    },\n    \"EvHeading\",\n);","<script setup lang=\"ts\">\nimport \"./EvHeading.scss\";\nimport {\n    EvHeadingClass,\n    EvHeadingSize,\n    EvHeadingTag,\n    makeEvHeadingProps,\n} from \"./EvHeading.ts\";\nimport { useDefaults } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { isBoolean, isNumber } from \"@/util\";\n\nconst definedProps = defineProps({\n    ...makeEvHeadingProps(),\n});\nconst props = useDefaults(definedProps);\n\nconst tag = computed(() => {\n    if (props.tag) {\n        return props.tag;\n    }\n    return EvHeadingTag[props.size] ?? EvHeadingTag[EvHeadingSize.default];\n});\n\nconst sizeClass = computed(() => {\n    if (!props.tag) {\n        return undefined;\n    }\n    return EvHeadingClass[props.size] ?? EvHeadingClass[EvHeadingSize.default];\n});\n\nconst truncateClass = computed(() => {\n    if (!props.truncate) {\n        return undefined;\n    }\n    return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\n});\n\nconst maxLines = computed(() => {\n    if (isNumber(props.truncate)) {\n        return props.truncate;\n    }\n    return 1;\n});\n</script>\n\n<template>\n    <component\n        :is=\"tag\"\n        :class=\"['ev-heading', sizeClass, truncateClass, props.class]\"\n        :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </component>\n</template>\n\n<style>\n.ev-heading {\n    --max-lines: v-bind(maxLines);\n}\n</style>\n"],"names":["propsFactory","makeComponentProps","makeTagProps","props","useDefaults","tag","computed","isBoolean","isNumber"],"mappings":";;;;;;;;AAKO,MAAM,gBAAgB;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACb;AAKO,MAAM,eAAe;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACf;AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACf;AAEO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS,cAAc;AAAA,IAC3B;AAAA,IACA,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,OAAO;AAAA,IAC1B,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iBAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;;;ACnCM,UAAAC,SAAQC,qBAAY,YAAY;AAEhC,UAAAC,OAAMC,IAAAA,SAAS,MAAM;AACvB,UAAIH,OAAM,KAAK;AACX,eAAOA,OAAM;AAAA,MAAA;AAEjB,aAAO,aAAaA,OAAM,IAAI,KAAK,aAAa,cAAc,OAAO;AAAA,IAAA,CACxE;AAEK,UAAA,YAAYG,IAAAA,SAAS,MAAM;AACzB,UAAA,CAACH,OAAM,KAAK;AACL,eAAA;AAAA,MAAA;AAEX,aAAO,eAAeA,OAAM,IAAI,KAAK,eAAe,cAAc,OAAO;AAAA,IAAA,CAC5E;AAEK,UAAA,gBAAgBG,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAACH,OAAM,UAAU;AACV,eAAA;AAAA,MAAA;AAEX,aAAOI,YAAU,UAAAJ,OAAM,QAAQ,IAAI,gBAAgB;AAAA,IAAA,CACtD;AAEK,UAAA,WAAWG,IAAAA,SAAS,MAAM;AACxB,UAAAE,YAAA,SAASL,OAAM,QAAQ,GAAG;AAC1B,eAAOA,OAAM;AAAA,MAAA;AAEV,aAAA;AAAA,IAAA,CACV;;;;;;;;;;;;;;;;;;;;;"}