@evance/evance-ui 1.0.36 → 1.0.37

package/dist/cjs/chunks/EvFilterButton.vue_vue_type_script_setup_true_lang-D3lAdkBI.cjs

@@ -1,74 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.36 | MIT License */
-const vue = require("vue");
-const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-Bb8Rsfqk.cjs");
-const props = require("./props-C3U1zDdJ.cjs");
-const helpers = require("./helpers-DOSp3z_F.cjs");
-const EvBadge_vue_vue_type_script_setup_true_lang = require("./EvBadge.vue_vue_type_script_setup_true_lang-DFLzuxHZ.cjs");
-const ChevronDownIcon = require("./ChevronDownIcon-hNgfA2-e.cjs");
-const modelProxy = require("./modelProxy-DSUQ4PA2.cjs");
-const defaults = require("./defaults-DueBdwUh.cjs");
-const isFunctions = require("./is-functions-CoSv-gOA.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-D3lAdkBI.cjs.map

package/dist/cjs/chunks/EvFilterButton.vue_vue_type_script_setup_true_lang-D3lAdkBI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvFilterButton.vue_vue_type_script_setup_true_lang-D3lAdkBI.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/chunks/EvForm.vue_vue_type_script_setup_true_lang-aq_Qo8Kn.cjs

@@ -1,65 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.36 | MIT License */
-const vue = require("vue");
-const component = require("./component-DoYLyvol.cjs");
-const form = require("./form-BnatETyV.cjs");
-const props = require("./props-C3U1zDdJ.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);
-    __expose({
-      form: form$1
-    });
-    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();
-    }
-    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", vue.normalizeProps(vue.guardReactiveProps({ form: vue.unref(form$1) })))
-      ], 38);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvFormProps = makeEvFormProps;
-//# sourceMappingURL=EvForm.vue_vue_type_script_setup_true_lang-aq_Qo8Kn.cjs.map

package/dist/cjs/chunks/EvForm.vue_vue_type_script_setup_true_lang-aq_Qo8Kn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvForm.vue_vue_type_script_setup_true_lang-aq_Qo8Kn.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\">\r\nimport { ref } from \"vue\";\r\nimport { makeEvFormProps } from \"./EvForm\";\r\nimport { createForm, SubmitEventPromise } from \"@/composables/form\";\r\nimport type { Form } from \"@/modules/Form/Form\";\r\n\r\nconst formRef = ref<HTMLFormElement>();\r\nconst props = defineProps({\r\n    ...makeEvFormProps(),\r\n});\r\nconst form = createForm(props);\r\nconst emit = defineEmits<{\r\n    (e: \"update:modelValue\", value: boolean): void;\r\n    (e: \"submit\", event: SubmitEventPromise): void;\r\n}>();\r\n\r\ndefineSlots<{\r\n    default(props: { form: Form }): never;\r\n}>();\r\n\r\ndefineExpose({\r\n    form,\r\n});\r\n\r\n/**\r\n * ## On Reset\r\n * @param $event\r\n */\r\nfunction onReset($event: Event) {\r\n    $event.preventDefault();\r\n    form.reset();\r\n}\r\n\r\n/**\r\n * ## On Submit\r\n * @param $event\r\n */\r\nfunction onSubmit($event: Event) {\r\n    const e = $event as SubmitEventPromise;\r\n\r\n    const ready = form.validate();\r\n    e.then = ready.then.bind(ready);\r\n    e.catch = ready.catch.bind(ready);\r\n    e.finally = ready.finally.bind(ready);\r\n\r\n    emit(\"submit\", e);\r\n\r\n    if (!e.defaultPrevented) {\r\n        ready.then(({ valid }) => {\r\n            if (valid) {\r\n                formRef.value?.submit();\r\n            }\r\n        });\r\n    }\r\n\r\n    e.preventDefault();\r\n}\r\n</script>\r\n\r\n<template>\r\n    <form\r\n        ref=\"formRef\"\r\n        novalidate\r\n        :class=\"['ev-form', props.class]\"\r\n        :style=\"[props.style]\"\r\n        @reset=\"onReset\"\r\n        @submit=\"onSubmit\">\r\n        <slot v-bind=\"{ form }\" />\r\n    </form>\r\n</template>\r\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;;;;;;;;;ACJA,UAAM,UAAUC,IAAAA,IAAqB;AAI/B,UAAAC,SAAOC,gBAAWC,MAAK;AAUhB,aAAA;AAAA,MACTF,MAAAA;AAAAA,IAAA,CACH;AAMD,aAAS,QAAQ,QAAe;AAC5B,aAAO,eAAe;AACtBA,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;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/chunks/EvFormHelp.vue_vue_type_script_setup_true_lang-D3r6Z9cj.cjs

@@ -1,46 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.36 | MIT License */
-const vue = require("vue");
-const component = require("./component-DoYLyvol.cjs");
-const props = require("./props-C3U1zDdJ.cjs");
-const defaults = require("./defaults-DueBdwUh.cjs");
-const display = require("./display-CtEcyX_A.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-D3r6Z9cj.cjs.map

package/dist/cjs/chunks/EvFormHelp.vue_vue_type_script_setup_true_lang-D3r6Z9cj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvFormHelp.vue_vue_type_script_setup_true_lang-D3r6Z9cj.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/chunks/EvHeading.vue_vue_type_style_index_0_lang-PUZyE9yJ.cjs

@@ -1,104 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.36 | MIT License */
-const vue = require("vue");
-const tag = require("./tag-BPaupXCK.cjs");
-const component = require("./component-DoYLyvol.cjs");
-const props = require("./props-C3U1zDdJ.cjs");
-const defaults = require("./defaults-DueBdwUh.cjs");
-const isFunctions = require("./is-functions-CoSv-gOA.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-PUZyE9yJ.cjs.map

package/dist/cjs/chunks/EvHeading.vue_vue_type_style_index_0_lang-PUZyE9yJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvHeading.vue_vue_type_style_index_0_lang-PUZyE9yJ.cjs","sources":["../../../src/components/EvHeading/EvHeading.ts","../../../src/components/EvHeading/EvHeading.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps, TagProps } from \"@/composables/tag\";\nimport { ComponentProps, 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 interface EvHeadingProps extends ComponentProps, TagProps {\n    size?: EvHeadingSizeProp;\n    text?: string;\n    truncate?: number | boolean;\n    tag?: string;\n}\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);\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;AASO,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;;;;;;;;;;;AC1CM,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;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/chunks/EvIcon.vue_vue_type_style_index_0_lang-eESx_lLw.cjs

@@ -1,72 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.36 | MIT License */
-const vue = require("vue");
-const icons = require("./icons-BNdRRxKb.cjs");
-const props = require("./props-C3U1zDdJ.cjs");
-const appearance = require("./appearance-wgbBuNsP.cjs");
-const defaults = require("./defaults-DueBdwUh.cjs");
-const modifiers = require("./modifiers-CVm3sgaH.cjs");
-const IconAppearance = {
-  ...appearance.Appearance,
-  subtle: "subtle"
-};
-function useIcon(props2, name) {
-  return vue.computed(() => {
-    return vue.toRaw(props2[name]);
-  });
-}
-const makeEvIconProps = props.propsFactory(
-  {
-    glyph: icons.IconProp,
-    size: String,
-    appearance: {
-      type: String,
-      default: appearance.Appearance.default
-    }
-  },
-  "EvIcon"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvIcon",
-  props: {
-    ...makeEvIconProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    vue.useCssVars((_ctx) => ({
-      "3280d23e": iconColor.value
-    }));
-    const props2 = defaults.useDefaults(definedProps);
-    const attrs = vue.useAttrs();
-    const iconColor = vue.computed(() => {
-      if (!props2.appearance || props2.appearance === "default") {
-        return null;
-      }
-      if (props2.appearance === "primary") {
-        return `var(--text-brand)`;
-      }
-      return `var(--text-${props2.appearance})`;
-    });
-    const iconGlyph = vue.computed(() => {
-      return vue.toRaw(props2.glyph);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("i", {
-        class: vue.normalizeClass(["ev-icon", [
-          {
-            "is-clickable": !!vue.unref(attrs).onClick
-          },
-          vue.unref(modifiers.appearanceModifier)(vue.unref(props2).appearance, [vue.unref(appearance.Appearance).default]),
-          vue.unref(modifiers.sizeModifier)(vue.unref(props2).size, ["medium"])
-        ]])
-      }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconGlyph.value)))
-      ], 2);
-    };
-  }
-});
-exports.IconAppearance = IconAppearance;
-exports._sfc_main = _sfc_main;
-exports.makeEvIconProps = makeEvIconProps;
-exports.useIcon = useIcon;
-//# sourceMappingURL=EvIcon.vue_vue_type_style_index_0_lang-eESx_lLw.cjs.map

package/dist/cjs/chunks/EvIcon.vue_vue_type_style_index_0_lang-eESx_lLw.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvIcon.vue_vue_type_style_index_0_lang-eESx_lLw.cjs","sources":["../../../src/components/EvIcon/EvIcon.ts","../../../src/components/EvIcon/EvIcon.vue"],"sourcesContent":["import { computed, PropType, toRaw } from \"vue\";\nimport { Appearance, propsFactory } from \"@/util\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\n\n/**\n * ## Icon Size\n */\nexport type IconSize = \"small\" | \"medium\" | \"large\" | \"x-large\";\n\nexport const IconAppearance = {\n    ...Appearance,\n    subtle: \"subtle\",\n} as const;\n\n/**\n * ## Icon Appearance\n */\nexport type IconAppearanceProp =\n    (typeof IconAppearance)[keyof typeof IconAppearance];\n\n/**\n * # Use Icon\n * @param props\n * @param name\n */\nexport function useIcon(props: any, name: string) {\n    return computed(() => {\n        return toRaw(props[name]);\n    });\n}\n\nexport interface EvIconProps {\n    glyph?: IconValue;\n    size?: IconSize;\n    appearance?: IconAppearanceProp;\n}\n\nexport const makeEvIconProps = propsFactory(\n    {\n        glyph: IconProp,\n        size: String as PropType<IconSize>,\n        appearance: {\n            type: String as PropType<IconAppearanceProp>,\n            default: Appearance.default,\n        },\n    },\n    \"EvIcon\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvIcon\n *\n *  Uses `glyph` to render an SVG-based icon.\n */\nimport \"./EvIcon.scss\";\nimport { makeEvIconProps } from \"./EvIcon\";\nimport { computed, toRaw, useAttrs } from \"vue\";\nimport { Appearance, appearanceModifier, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvIconProps(),\n});\nconst props = useDefaults(definedProps);\nconst attrs = useAttrs();\n\nconst iconColor = computed(() => {\n    if (!props.appearance || props.appearance === \"default\") {\n        return null;\n    }\n    if (props.appearance === \"primary\") {\n        return `var(--text-brand)`;\n    }\n    return `var(--text-${props.appearance})`;\n});\n\nconst iconGlyph = computed(() => {\n    return toRaw(props.glyph) as string;\n});\n</script>\n\n<template>\n    <i\n        class=\"ev-icon\"\n        :class=\"[\n            {\n                'is-clickable': !!attrs.onClick,\n            },\n            appearanceModifier(props.appearance, [Appearance.default]),\n            sizeModifier(props.size, ['medium']),\n        ]\">\n        <component :is=\"iconGlyph\"></component>\n    </i>\n</template>\n\n<style>\n.ev-icon {\n    --icon-color: v-bind(iconColor);\n}\n</style>\n"],"names":["Appearance","props","computed","toRaw","propsFactory","IconProp","useDefaults","useAttrs"],"mappings":";;;;;;;;AASO,MAAM,iBAAiB;AAAA,EAC1B,GAAGA,WAAA;AAAA,EACH,QAAQ;AACZ;AAagB,SAAA,QAAQC,QAAY,MAAc;AAC9C,SAAOC,aAAS,MAAM;AACX,WAAAC,IAAA,MAAMF,OAAM,IAAI,CAAC;AAAA,EAAA,CAC3B;AACL;AAQO,MAAM,kBAAkBG,MAAA;AAAA,EAC3B;AAAA,IACI,OAAOC,MAAA;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASL,WAAAA,WAAW;AAAA,IAAA;AAAA,EAE5B;AAAA,EACA;AACJ;;;;;;;;;;;AChCM,UAAAC,SAAQK,qBAAY,YAAY;AACtC,UAAM,QAAQC,IAAAA,SAAS;AAEjB,UAAA,YAAYL,IAAAA,SAAS,MAAM;AAC7B,UAAI,CAACD,OAAM,cAAcA,OAAM,eAAe,WAAW;AAC9C,eAAA;AAAA,MAAA;AAEP,UAAAA,OAAM,eAAe,WAAW;AACzB,eAAA;AAAA,MAAA;AAEJ,aAAA,cAAcA,OAAM,UAAU;AAAA,IAAA,CACxC;AAEK,UAAA,YAAYC,IAAAA,SAAS,MAAM;AACtB,aAAAC,IAAA,MAAMF,OAAM,KAAK;AAAA,IAAA,CAC3B;;;;;;;;;;;;;;;;;;;;"}