@evance/evance-ui 1.1.8 → 1.1.9

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

@@ -0,0 +1,54 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tag = require("../../composables/tag.cjs");
+const component = require("../../composables/component.cjs");
+const groupItem = require("../../composables/groupItem.cjs");
+const rounded = require("../../composables/rounded.cjs");
+const icons = require("../../composables/icons.cjs");
+const CheckIcon = require("../../icons/glyph/CheckIcon.svg.cjs");
+const props = require("../../util/props.cjs");
+const events = require("../../util/events.cjs");
+const appearance = require("../../util/appearance.cjs");
+const makeEvTagProps = props.propsFactory(
+  {
+    activeClass: String,
+    appearance: {
+      type: String,
+      default: appearance.Appearance.default
+    },
+    avatarEnd: String,
+    avatarStart: String,
+    closable: Boolean,
+    draggable: Boolean,
+    filter: Boolean,
+    iconEnd: icons.IconProp,
+    iconFilter: {
+      type: icons.IconProp,
+      default: CheckIcon.default
+    },
+    iconStart: icons.IconProp,
+    link: {
+      type: Boolean,
+      default: void 0
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    },
+    text: String,
+    variant: {
+      type: String,
+      default: "default"
+    },
+    onClick: events.EventProp(),
+    onClickOnce: events.EventProp(),
+    ...groupItem.makeGroupItemProps(),
+    ...component.makeComponentProps(),
+    ...rounded.makeRoundedProps(),
+    ...tag.makeTagProps({ tag: "span" })
+  },
+  "EvTag"
+);
+exports.makeEvTagProps = makeEvTagProps;
+//# sourceMappingURL=EvTag.cjs.map

package/dist/cjs/components/EvTag/EvTag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTag.cjs","sources":["../../../../src/components/EvTag/EvTag.ts"],"sourcesContent":["import { Appearance, EventProp, propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeGroupItemProps } from \"@/composables/groupItem\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { IconProp } from \"@/composables/icons\";\nimport { CheckIcon } from \"@/icons\";\nimport { PropType } from \"vue\";\nimport { ButtonAppearanceProp, ButtonVariantProp } from \"@/components/EvButton\";\n\nexport type EvTagSlots = {\n    default: {\n        isSelected: boolean | undefined;\n        selectedClass: boolean | (string | undefined)[] | undefined;\n        select: ((value: boolean) => void) | undefined;\n        toggle: (() => void) | undefined;\n        value: unknown;\n        disabled: boolean;\n    };\n    prefix: never;\n    suffix: never;\n    filter: never;\n};\n\nexport const makeEvTagProps = propsFactory(\n    {\n        activeClass: String,\n        appearance: {\n            type: String as PropType<ButtonAppearanceProp>,\n            default: Appearance.default,\n        },\n        avatarEnd: String,\n        avatarStart: String,\n        closable: Boolean,\n        draggable: Boolean,\n        filter: Boolean,\n        iconEnd: IconProp,\n        iconFilter: {\n            type: IconProp,\n            default: CheckIcon,\n        },\n        iconStart: IconProp,\n        link: {\n            type: Boolean,\n            default: undefined,\n        },\n        modelValue: {\n            type: Boolean,\n            default: true,\n        },\n        text: String,\n\n        variant: {\n            type: String as PropType<ButtonVariantProp>,\n            default: \"default\",\n        },\n\n        onClick: EventProp<[MouseEvent]>(),\n        onClickOnce: EventProp<[MouseEvent]>(),\n\n        ...makeGroupItemProps(),\n        ...makeComponentProps(),\n        ...makeRoundedProps(),\n        ...makeTagProps({ tag: \"span\" }),\n    },\n    \"EvTag\",\n);\n"],"names":["propsFactory","Appearance","IconProp","CheckIcon","EventProp","makeGroupItemProps","makeComponentProps","makeRoundedProps","makeTagProps"],"mappings":";;;;;;;;;;;;AAwBO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,aAAa;AAAA,IACb,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASC,WAAAA,WAAW;AAAA,IACxB;AAAA,IACA,WAAW;AAAA,IACX,aAAa;AAAA,IACb,UAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAASC,MAAA;AAAA,IACT,YAAY;AAAA,MACR,MAAMA,MAAA;AAAA,MACN,SAASC,UAAAA;AAAAA,IACb;AAAA,IACA,WAAWD,MAAA;AAAA,IACX,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IAEN,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,SAASE,OAAAA,UAAwB;AAAA,IACjC,aAAaA,OAAAA,UAAwB;AAAA,IAErC,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,yBAAiB;AAAA,IACpB,GAAGC,IAAA,aAAa,EAAE,KAAK,OAAQ,CAAA;AAAA,EACnC;AAAA,EACA;AACJ;;"}

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

@@ -0,0 +1,244 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css             */
+const EvTag = require("./EvTag.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const EvDefaultsProvider_vue_vue_type_script_setup_true_lang = require("../EvDefaultsProvider/EvDefaultsProvider.vue.cjs");
+const CancelIcon = require("../../icons/glyph/CancelIcon.svg.cjs");
+const locale = require("../../composables/locale.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const router = require("../../composables/router.cjs");
+const groupItem = require("../../composables/groupItem.cjs");
+const EvAvatar_vue_vue_type_script_setup_true_lang = require("../EvAvatar/EvAvatar.vue.cjs");
+const EvTagGroup = require("../EvTagGroup/EvTagGroup.cjs");
+const EvTransitionExpand = require("../../EvTransitionExpand.cjs");
+const defaults = require("../../composables/defaults.cjs");
+const appearance = require("../../util/appearance.cjs");
+const _hoisted_1 = {
+  key: "filter",
+  class: "ev-tag--filter"
+};
+const _hoisted_2 = {
+  key: "prefix",
+  class: "ev-tag--prefix"
+};
+const _hoisted_3 = {
+  class: "ev-tag--content",
+  "data-no-activator": ""
+};
+const _hoisted_4 = {
+  key: "suffix",
+  class: "ev-tag--suffix"
+};
+const _hoisted_5 = ["aria-label"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTag",
+  props: {
+    ...EvTag.makeEvTagProps()
+  },
+  emits: [
+    "click",
+    "click:close",
+    "group:selected",
+    "update:modelValue"
+  ],
+  setup(__props, { emit }) {
+    const definedProps = __props;
+    const props = defaults.useDefaults(definedProps);
+    const slots = vue.useSlots();
+    const attrs = vue.useAttrs();
+    const link = router.useRouterLinkOrHref(props, attrs);
+    const { t } = locale.useLocaleFunctions();
+    const isActive = modelProxy.useModelProxy(props, "modelValue");
+    const group = groupItem.useGroupItem(
+      props,
+      EvTagGroup.EvTagGroupSymbol,
+      false
+    );
+    const isLink = vue.computed(() => {
+      return props.link !== false && link.isLink.value;
+    });
+    const isClickable = vue.computed(() => {
+      return !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value);
+    });
+    const closeLabel = vue.computed(() => {
+      return t("close");
+    });
+    const tag = vue.computed(() => {
+      return link.isLink.value ? "a" : props.tag;
+    });
+    function onClick(e) {
+      var _a;
+      emit("click", e);
+      if (!isClickable.value) {
+        return;
+      }
+      (_a = link.navigate) == null ? void 0 : _a.call(link, e);
+      group == null ? void 0 : group.toggle();
+    }
+    function onClickClose(e) {
+      e.stopPropagation();
+      isActive.value = false;
+      emit("click:close", e);
+    }
+    function onKeyDown(e) {
+      if (isLink.value || !isClickable.value) {
+        return;
+      }
+      e.preventDefault();
+      onClick(e);
+    }
+    const hasFilter = vue.computed(() => {
+      return (slots.filter || props.filter) && group;
+    });
+    const defaultSlotProps = vue.computed(() => {
+      return {
+        isSelected: group == null ? void 0 : group.isSelected.value,
+        selectedClass: group == null ? void 0 : group.selectedClass.value,
+        selectedAppearance: group == null ? void 0 : group.selectedAppearance.value,
+        selectedVariant: group == null ? void 0 : group.selectedVariant.value,
+        select: group == null ? void 0 : group.select,
+        toggle: group == null ? void 0 : group.toggle,
+        value: group == null ? void 0 : group.value.value,
+        disabled: props.disabled
+      };
+    });
+    const hasPrefixMedia = vue.computed(() => !!(props.avatarStart || props.iconStart));
+    const hasSuffixMedia = vue.computed(() => !!(props.avatarEnd || props.iconEnd));
+    const hasPrefix = vue.computed(() => !!(hasPrefixMedia.value || slots.prefix));
+    const hasSuffix = vue.computed(() => !!(hasSuffixMedia.value || slots.suffix));
+    const { appearanceClass, variantClass } = appearance.useAppearance(
+      props,
+      group,
+      isActive
+    );
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.unref(isActive) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tag.value), {
+        key: 0,
+        class: vue.normalizeClass([
+          "ev-tag",
+          {
+            "is-active": (_a = vue.unref(group)) == null ? void 0 : _a.isSelected.value,
+            "is-clickable": isClickable.value,
+            "is-disabled": vue.unref(props).disabled,
+            "is-filter": hasFilter.value,
+            "is-rounded": vue.unref(props).rounded
+          },
+          (_b = vue.unref(group)) == null ? void 0 : _b.selectedClass.value,
+          vue.unref(appearanceClass),
+          vue.unref(variantClass),
+          vue.unref(props).class
+        ]),
+        style: vue.normalizeStyle([vue.unref(props).style]),
+        disabled: vue.unref(props).disabled || void 0,
+        draggable: vue.unref(props).draggable,
+        href: vue.unref(link).href.value,
+        tabindex: isClickable.value ? 0 : void 0,
+        onClick,
+        onKeydown: [
+          vue.withKeys(onKeyDown, ["enter"]),
+          vue.withKeys(onKeyDown, ["space"])
+        ]
+      }, {
+        default: vue.withCtx(() => [
+          hasFilter.value ? (vue.openBlock(), vue.createBlock(vue.unref(EvTransitionExpand.EvTransitionExpandX), { key: "filter" }, {
+            default: vue.withCtx(() => {
+              var _a2;
+              return [
+                vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
+                  !vue.unref(slots).filter ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+                    key: "filter-icon",
+                    glyph: vue.unref(props).iconFilter
+                  }, null, 8, ["glyph"])) : (vue.openBlock(), vue.createBlock(vue.unref(EvDefaultsProvider_vue_vue_type_script_setup_true_lang.default), {
+                    key: "filter-defaults",
+                    disabled: !vue.unref(props).iconFilter,
+                    defaults: { EvIcon: { glyph: vue.unref(props).iconFilter } }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "filter")
+                    ]),
+                    _: 3
+                  }, 8, ["disabled", "defaults"]))
+                ], 512), [
+                  [vue.vShow, (_a2 = vue.unref(group)) == null ? void 0 : _a2.isSelected.value]
+                ])
+              ];
+            }),
+            _: 3
+          })) : vue.createCommentVNode("", true),
+          hasPrefix.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            !vue.unref(slots).prefix ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.unref(props).iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+                key: "prefix-icon",
+                glyph: vue.unref(props).iconStart
+              }, null, 8, ["glyph"])) : vue.createCommentVNode("", true),
+              vue.unref(props).avatarStart ? (vue.openBlock(), vue.createBlock(vue.unref(EvAvatar_vue_vue_type_script_setup_true_lang.default), {
+                key: "prefix-avatar",
+                image: vue.unref(props).avatarStart
+              }, null, 8, ["image"])) : vue.createCommentVNode("", true)
+            ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(EvDefaultsProvider_vue_vue_type_script_setup_true_lang.default), {
+              key: "prefix-defaults",
+              disabled: !hasPrefixMedia.value,
+              defaults: {
+                EvAvatar: { image: vue.unref(props).avatarStart },
+                EvIcon: { glyph: vue.unref(props).iconStart }
+              }
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "prefix")
+              ]),
+              _: 3
+            }, 8, ["disabled", "defaults"]))
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(defaultSlotProps.value)), () => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(props).text), 1)
+            ])
+          ]),
+          hasSuffix.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            !vue.unref(slots).suffix ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.unref(props).iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+                key: "prefix-icon",
+                glyph: vue.unref(props).iconEnd
+              }, null, 8, ["glyph"])) : vue.createCommentVNode("", true),
+              vue.unref(props).avatarEnd ? (vue.openBlock(), vue.createBlock(vue.unref(EvAvatar_vue_vue_type_script_setup_true_lang.default), {
+                key: "suffix-avatar",
+                image: vue.unref(props).avatarEnd
+              }, null, 8, ["image"])) : vue.createCommentVNode("", true)
+            ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(EvDefaultsProvider_vue_vue_type_script_setup_true_lang.default), {
+              key: "suffix-defaults",
+              disabled: !hasSuffixMedia.value,
+              defaults: {
+                EvAvatar: { image: vue.unref(props).avatarEnd },
+                EvIcon: { glyph: vue.unref(props).iconEnd }
+              }
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "suffix")
+              ]),
+              _: 3
+            }, 8, ["disabled", "defaults"]))
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(props).closable ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: "close",
+            class: "ev-tag--close",
+            "aria-label": closeLabel.value,
+            onClick: onClickClose
+          }, [
+            vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+              glyph: vue.unref(CancelIcon.default),
+              size: "small"
+            }, null, 8, ["glyph"])
+          ], 8, _hoisted_5)) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 40, ["class", "style", "disabled", "draggable", "href", "tabindex", "onKeydown"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvTag.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvTag.vue.cjs","sources":["../../../../src/components/EvTag/EvTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTag.scss\";\nimport { EvTagSlots, makeEvTagProps } from \"./EvTag\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { CancelIcon } from \"@/icons\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, useAttrs } from \"vue\";\nimport { KeyboardEvent } from \"react\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem\";\nimport { EvAvatar } from \"@/components/EvAvatar\";\nimport { EvTagGroupSymbol } from \"@/components/EvTagGroup\";\nimport { EvTransitionExpandX } from \"@/components/EvTransition/transitions\";\nimport { useDefaults } from \"@/composables\";\nimport { AppearanceProps, useAppearance } from \"@/util\";\n\nconst definedProps = defineProps({\n    ...makeEvTagProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<EvTagSlots>();\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst { t } = useLocaleFunctions();\nconst emit = defineEmits([\n    \"click\",\n    \"click:close\",\n    \"group:selected\",\n    \"update:modelValue\",\n]);\nconst isActive = useModelProxy(props, \"modelValue\");\nconst group = useGroupItem(\n    props as any as GroupItemProps,\n    EvTagGroupSymbol,\n    false,\n);\nconst isLink = computed(() => {\n    return props.link !== false && link.isLink.value;\n});\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (!!group || props.link || link.isClickable.value)\n    );\n});\n\nconst closeLabel = computed(() => {\n    return t(\"close\");\n});\n\nconst tag = computed(() => {\n    return link.isLink.value ? \"a\" : props.tag;\n});\n\n/**\n * ## onClick\n * @param e\n */\nfunction onClick(e: MouseEvent) {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    group?.toggle();\n}\n\n/**\n * ## onClickClose\n * @param e\n */\nfunction onClickClose(e: MouseEvent) {\n    e.stopPropagation();\n    isActive.value = false;\n    emit(\"click:close\", e);\n}\n\n/**\n * ## onKeyDown\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent) {\n    if (isLink.value || !isClickable.value) {\n        return;\n    }\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasFilter = computed(() => {\n    return (slots.filter || props.filter) && group;\n});\n\nconst defaultSlotProps = computed(() => {\n    return {\n        isSelected: group?.isSelected.value,\n        selectedClass: group?.selectedClass.value,\n        selectedAppearance: group?.selectedAppearance.value,\n        selectedVariant: group?.selectedVariant.value,\n        select: group?.select,\n        toggle: group?.toggle,\n        value: group?.value.value,\n        disabled: props.disabled,\n    };\n});\n\nconst hasPrefixMedia = computed(() => !!(props.avatarStart || props.iconStart));\nconst hasSuffixMedia = computed(() => !!(props.avatarEnd || props.iconEnd));\nconst hasPrefix = computed(() => !!(hasPrefixMedia.value || slots.prefix));\nconst hasSuffix = computed(() => !!(hasSuffixMedia.value || slots.suffix));\n\nconst { appearanceClass, variantClass } = useAppearance(\n    props as AppearanceProps,\n    group,\n    isActive,\n);\n</script>\n\n<template>\n    <component\n        :is=\"tag\"\n        v-if=\"isActive\"\n        :class=\"[\n            'ev-tag',\n            {\n                'is-active': group?.isSelected.value,\n                'is-clickable': isClickable,\n                'is-disabled': props.disabled,\n                'is-filter': hasFilter,\n                'is-rounded': props.rounded,\n            },\n            group?.selectedClass.value,\n            appearanceClass,\n            variantClass,\n            props.class,\n        ]\"\n        :style=\"[props.style]\"\n        :disabled=\"props.disabled || undefined\"\n        :draggable=\"props.draggable\"\n        :href=\"link.href.value\"\n        :tabindex=\"isClickable ? 0 : undefined\"\n        @click=\"onClick\"\n        @keydown.enter=\"onKeyDown\"\n        @keydown.space=\"onKeyDown\">\n        <template v-if=\"hasFilter\">\n            <ev-transition-expand-x key=\"filter\">\n                <div\n                    v-show=\"group?.isSelected.value\"\n                    key=\"filter\"\n                    class=\"ev-tag--filter\">\n                    <template v-if=\"!slots.filter\">\n                        <ev-icon key=\"filter-icon\" :glyph=\"props.iconFilter\" />\n                    </template>\n                    <template v-else>\n                        <ev-defaults-provider\n                            key=\"filter-defaults\"\n                            :disabled=\"!props.iconFilter\"\n                            :defaults=\"{ EvIcon: { glyph: props.iconFilter } }\">\n                            <slot name=\"filter\" />\n                        </ev-defaults-provider>\n                    </template>\n                </div>\n            </ev-transition-expand-x>\n        </template>\n\n        <div v-if=\"hasPrefix\" key=\"prefix\" class=\"ev-tag--prefix\">\n            <template v-if=\"!slots.prefix\">\n                <ev-icon\n                    v-if=\"props.iconStart\"\n                    key=\"prefix-icon\"\n                    :glyph=\"props.iconStart\" />\n                <ev-avatar\n                    v-if=\"props.avatarStart\"\n                    key=\"prefix-avatar\"\n                    :image=\"props.avatarStart\" />\n            </template>\n            <template v-else>\n                <ev-defaults-provider\n                    key=\"prefix-defaults\"\n                    :disabled=\"!hasPrefixMedia\"\n                    :defaults=\"{\n                        EvAvatar: { image: props.avatarStart },\n                        EvIcon: { glyph: props.iconStart },\n                    }\">\n                    <slot name=\"prefix\" />\n                </ev-defaults-provider>\n            </template>\n        </div>\n\n        <div class=\"ev-tag--content\" data-no-activator=\"\">\n            <slot name=\"default\" v-bind=\"defaultSlotProps\">{{\n                props.text\n            }}</slot>\n        </div>\n\n        <div v-if=\"hasSuffix\" key=\"suffix\" class=\"ev-tag--suffix\">\n            <template v-if=\"!slots.suffix\">\n                <ev-icon\n                    v-if=\"props.iconEnd\"\n                    key=\"prefix-icon\"\n                    :glyph=\"props.iconEnd\" />\n                <ev-avatar\n                    v-if=\"props.avatarEnd\"\n                    key=\"suffix-avatar\"\n                    :image=\"props.avatarEnd\" />\n            </template>\n            <template v-else>\n                <ev-defaults-provider\n                    key=\"suffix-defaults\"\n                    :disabled=\"!hasSuffixMedia\"\n                    :defaults=\"{\n                        EvAvatar: { image: props.avatarEnd },\n                        EvIcon: { glyph: props.iconEnd },\n                    }\">\n                    <slot name=\"suffix\" />\n                </ev-defaults-provider>\n            </template>\n        </div>\n\n        <button\n            v-if=\"props.closable\"\n            key=\"close\"\n            class=\"ev-tag--close\"\n            :aria-label=\"closeLabel\"\n            @click=\"onClickClose\">\n            <ev-icon :glyph=\"CancelIcon\" size=\"small\" />\n        </button>\n    </component>\n</template>\n"],"names":["useDefaults","_useSlots","useAttrs","useRouterLinkOrHref","useLocaleFunctions","useModelProxy","useGroupItem","EvTagGroupSymbol","computed","useAppearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBM,UAAA,QAAQA,qBAAY,YAAY;AACtC,UAAM,QAAQC,IAAAA;AACd,UAAM,QAAQC,IAAAA,SAAS;AACjB,UAAA,OAAOC,OAAAA,oBAAoB,OAAgC,KAAK;AAChE,UAAA,EAAE,EAAE,IAAIC,0BAAmB;AAO3B,UAAA,WAAWC,WAAAA,cAAc,OAAO,YAAY;AAClD,UAAM,QAAQC,UAAA;AAAA,MACV;AAAA,MACAC,WAAA;AAAA,MACA;AAAA,IACJ;AACM,UAAA,SAASC,IAAAA,SAAS,MAAM;AAC1B,aAAO,MAAM,SAAS,SAAS,KAAK,OAAO;AAAA,IAAA,CAC9C;AACK,UAAA,cAAcA,IAAAA,SAAS,MAAM;AAC/B,aACI,CAAC,MAAM,YACP,MAAM,SAAS,UACd,CAAC,CAAC,SAAS,MAAM,QAAQ,KAAK,YAAY;AAAA,IAAA,CAElD;AAEK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AAC9B,aAAO,EAAE,OAAO;AAAA,IAAA,CACnB;AAEK,UAAA,MAAMA,IAAAA,SAAS,MAAM;AACvB,aAAO,KAAK,OAAO,QAAQ,MAAM,MAAM;AAAA,IAAA,CAC1C;AAMD,aAAS,QAAQ,GAAe;;AAC5B,WAAK,SAAS,CAAC;AACX,UAAA,CAAC,YAAY,OAAO;AACpB;AAAA,MAAA;AAEJ,iBAAK,aAAL,8BAAgB;AAChB,qCAAO;AAAA,IAAO;AAOlB,aAAS,aAAa,GAAe;AACjC,QAAE,gBAAgB;AAClB,eAAS,QAAQ;AACjB,WAAK,eAAe,CAAC;AAAA,IAAA;AAOzB,aAAS,UAAU,GAAkB;AACjC,UAAI,OAAO,SAAS,CAAC,YAAY,OAAO;AACpC;AAAA,MAAA;AAEJ,QAAE,eAAe;AACjB,cAAQ,CAAsB;AAAA,IAAA;AAG5B,UAAA,YAAYA,IAAAA,SAAS,MAAM;AACrB,cAAA,MAAM,UAAU,MAAM,WAAW;AAAA,IAAA,CAC5C;AAEK,UAAA,mBAAmBA,IAAAA,SAAS,MAAM;AAC7B,aAAA;AAAA,QACH,YAAY,+BAAO,WAAW;AAAA,QAC9B,eAAe,+BAAO,cAAc;AAAA,QACpC,oBAAoB,+BAAO,mBAAmB;AAAA,QAC9C,iBAAiB,+BAAO,gBAAgB;AAAA,QACxC,QAAQ,+BAAO;AAAA,QACf,QAAQ,+BAAO;AAAA,QACf,OAAO,+BAAO,MAAM;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB;AAAA,IAAA,CACH;AAEK,UAAA,iBAAiBA,aAAS,MAAM,CAAC,EAAE,MAAM,eAAe,MAAM,UAAU;AACxE,UAAA,iBAAiBA,aAAS,MAAM,CAAC,EAAE,MAAM,aAAa,MAAM,QAAQ;AACpE,UAAA,YAAYA,aAAS,MAAM,CAAC,EAAE,eAAe,SAAS,MAAM,OAAO;AACnE,UAAA,YAAYA,aAAS,MAAM,CAAC,EAAE,eAAe,SAAS,MAAM,OAAO;AAEnE,UAAA,EAAE,iBAAiB,aAAA,IAAiBC,WAAA;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tag = require("../../composables/tag.cjs");
+const component = require("../../composables/component.cjs");
+const group = require("../../composables/group.cjs");
+const EvSlideGroup = require("../EvSlideGroup/EvSlideGroup.cjs");
+const props = require("../../util/props.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+const EvTagGroupSymbol = Symbol.for("ev:tag-group");
+const makeEvTagGroupProps = props.propsFactory(
+  {
+    column: Boolean,
+    filter: Boolean,
+    valueComparator: {
+      type: Function,
+      default: isFunctions.isDeepEqual
+    },
+    ...EvSlideGroup.makeEvSlideGroupProps(),
+    ...component.makeComponentProps(),
+    ...group.makeGroupProps({
+      selectedClass: "is-selected",
+      selectedAppearance: "primary",
+      selectedVariant: "outlined"
+    }),
+    ...tag.makeTagProps()
+  },
+  "EvTagGroup"
+);
+exports.EvTagGroupSymbol = EvTagGroupSymbol;
+exports.makeEvTagGroupProps = makeEvTagGroupProps;
+//# sourceMappingURL=EvTagGroup.cjs.map

package/dist/cjs/components/EvTagGroup/EvTagGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTagGroup.cjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.ts"],"sourcesContent":["import { isDeepEqual, propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { makeGroupProps } from \"@/composables/group\";\nimport { makeEvSlideGroupProps } from \"@/components/EvSlideGroup/EvSlideGroup\";\n\nexport const EvTagGroupSymbol = Symbol.for(\"ev:tag-group\");\n\nexport type EvTagGroupSlots = {\n    default: {\n        isSelected: (id: number) => boolean;\n        select: (id: number, value: boolean) => void;\n        next: () => void;\n        prev: () => void;\n        selected: readonly number[];\n    };\n};\n\n/**\n * # makeEvTagGroupProps\n */\nexport const makeEvTagGroupProps = propsFactory(\n    {\n        column: Boolean,\n        filter: Boolean,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeEvSlideGroupProps(),\n        ...makeComponentProps(),\n        ...makeGroupProps({\n            selectedClass: \"is-selected\",\n            selectedAppearance: \"primary\",\n            selectedVariant: \"outlined\",\n        }),\n        ...makeTagProps(),\n    },\n    \"EvTagGroup\",\n);\n"],"names":["propsFactory","isDeepEqual","makeEvSlideGroupProps","makeComponentProps","makeGroupProps","makeTagProps"],"mappings":";;;;;;;;;AAOa,MAAA,mBAAmB,OAAO,IAAI,cAAc;AAelD,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAASC,YAAAA;AAAAA,IACb;AAAA,IAEA,GAAGC,mCAAsB;AAAA,IACzB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,qBAAe;AAAA,MACd,eAAe;AAAA,MACf,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,IAAA,CACpB;AAAA,IACD,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;"}

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

@@ -0,0 +1,60 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                  */
+const EvTagGroup = require("./EvTagGroup.cjs");
+const group = require("../../composables/group.cjs");
+const defaults = require("../../composables/defaults.cjs");
+const EvSlideGroup_vue_vue_type_script_setup_true_lang = require("../EvSlideGroup/EvSlideGroup.vue.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTagGroup",
+  props: {
+    ...EvTagGroup.makeEvTagGroupProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const { isSelected, select, next, previous, selected } = group.useGroup(
+      props,
+      EvTagGroup.EvTagGroupSymbol
+    );
+    const slotProps = vue.computed(() => {
+      return {
+        isSelected,
+        select,
+        next,
+        previous,
+        selected: selected.value
+      };
+    });
+    defaults.provideDefaults({
+      EvTag: {
+        disabled: vue.toRef(props, "disabled"),
+        filter: vue.toRef(props, "filter")
+      }
+    });
+    const slideGroupProps = vue.computed(
+      () => helpers.filterComponentProps(EvSlideGroup_vue_vue_type_script_setup_true_lang.default, props)
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvSlideGroup_vue_vue_type_script_setup_true_lang.default), vue.mergeProps(slideGroupProps.value, {
+        class: [
+          "ev-tag-group",
+          {
+            "is-column": props.column
+          },
+          props.class
+        ],
+        style: props.style
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps.value)))
+        ]),
+        _: 3
+      }, 16, ["class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvTagGroup.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvTagGroup.vue.cjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTagGroup.scss\";\nimport {\n    EvTagGroupSlots,\n    EvTagGroupSymbol,\n    makeEvTagGroupProps,\n} from \"./EvTagGroup.ts\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { computed, toRef } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\n\nconst props = defineProps({\n    ...makeEvTagGroupProps(),\n});\n\nconst { isSelected, select, next, previous, selected } = useGroup(\n    props as any as GroupProps,\n    EvTagGroupSymbol,\n);\n\ndefineSlots<EvTagGroupSlots>();\n\nconst slotProps = computed(() => {\n    return {\n        isSelected,\n        select,\n        next,\n        previous,\n        selected: selected.value,\n    };\n});\n\nprovideDefaults({\n    EvTag: {\n        disabled: toRef(props, \"disabled\"),\n        filter: toRef(props, \"filter\"),\n    },\n});\n\nconst slideGroupProps = computed(() =>\n    filterComponentProps(EvSlideGroup, props),\n);\n</script>\n\n<template>\n    <ev-slide-group\n        v-bind=\"slideGroupProps\"\n        :class=\"[\n            'ev-tag-group',\n            {\n                'is-column': props.column,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot v-bind=\"slotProps\" />\n    </ev-slide-group>\n</template>\n"],"names":["useGroup","EvTagGroupSymbol","computed","provideDefaults","toRef","filterComponentProps","EvSlideGroup"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,UAAM,EAAE,YAAY,QAAQ,MAAM,UAAU,aAAaA,MAAA;AAAA,MACrD;AAAA,MACAC,WAAAA;AAAAA,IACJ;AAIM,UAAA,YAAYC,IAAAA,SAAS,MAAM;AACtB,aAAA;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,SAAS;AAAA,MACvB;AAAA,IAAA,CACH;AAEeC,6BAAA;AAAA,MACZ,OAAO;AAAA,QACH,UAAUC,IAAAA,MAAM,OAAO,UAAU;AAAA,QACjC,QAAQA,IAAAA,MAAM,OAAO,QAAQ;AAAA,MAAA;AAAA,IACjC,CACH;AAED,UAAM,kBAAkBF,IAAA;AAAA,MAAS,MAC7BG,QAAAA,qBAAqBC,iDAAAA,SAAc,KAAK;AAAA,IAC5C;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const tag = require("../../composables/tag.cjs");
+const props = require("../../util/props.cjs");
+const EvTextSize = {
+  small: "small",
+  medium: "medium",
+  large: "large",
+  xLarge: "x-large"
+};
+const EvTextSizeClass = {
+  "x-large": "text-subtitle",
+  large: "text-large",
+  medium: "text-medium",
+  small: "text-small"
+};
+const makeEvTextProps = props.propsFactory(
+  {
+    appearance: String,
+    monospace: Boolean,
+    size: String,
+    text: String,
+    truncate: [Number, Boolean],
+    weight: String,
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps({
+      tag: "p"
+    })
+  },
+  "EvText"
+);
+exports.EvTextSize = EvTextSize;
+exports.EvTextSizeClass = EvTextSizeClass;
+exports.makeEvTextProps = makeEvTextProps;
+//# sourceMappingURL=EvText.cjs.map

package/dist/cjs/components/EvText/EvText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvText.cjs","sources":["../../../../src/components/EvText/EvText.ts"],"sourcesContent":["import { propsFactory, TextAppearanceProp } from \"@/util\";\r\nimport { PropType } from \"vue\";\r\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\r\nimport { makeTagProps, TagProps } from \"@/composables/tag\";\r\n\r\nexport const EvTextSize = {\r\n    small: \"small\",\r\n    medium: \"medium\",\r\n    large: \"large\",\r\n    xLarge: \"x-large\",\r\n} as const;\r\n\r\nexport type EvTextSizeProp = (typeof EvTextSize)[keyof typeof EvTextSize];\r\n\r\nexport const EvTextSizeClass = {\r\n    \"x-large\": \"text-subtitle\",\r\n    large: \"text-large\",\r\n    medium: \"text-medium\",\r\n    small: \"text-small\",\r\n} as const;\r\n\r\nexport type FontWeight = \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n\r\nexport interface EvTextProps extends ComponentProps, TagProps {\r\n    appearance?: TextAppearanceProp;\r\n    monospace?: boolean;\r\n    size?: EvTextSizeProp;\r\n    text?: string;\r\n    truncate?: number | boolean;\r\n    weight?: FontWeight;\r\n}\r\n\r\nexport const makeEvTextProps = propsFactory(\r\n    {\r\n        appearance: String as PropType<TextAppearanceProp>,\r\n        monospace: Boolean,\r\n        size: String as PropType<EvTextSizeProp>,\r\n        text: String,\r\n        truncate: [Number, Boolean],\r\n        weight: String as PropType<FontWeight>,\r\n        ...makeComponentProps(),\r\n        ...makeTagProps({\r\n            tag: \"p\",\r\n        }),\r\n    },\r\n    \"EvText\",\r\n);\r\n"],"names":["propsFactory","makeComponentProps","makeTagProps"],"mappings":";;;;;;AAKO,MAAM,aAAa;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACZ;AAIO,MAAM,kBAAkB;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAaO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,OAAO;AAAA,IAC1B,QAAQ;AAAA,IACR,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iBAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;"}

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

@@ -0,0 +1,71 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css              */
+const EvText = require("./EvText.cjs");
+const defaults = require("../../composables/defaults.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const appearance = require("../../util/appearance.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvText",
+  props: { ...EvText.makeEvTextProps() },
+  setup(__props) {
+    const definedProps = __props;
+    vue.useCssVars((_ctx) => ({
+      "c221e7f8": maxLines.value
+    }));
+    const props = defaults.useDefaults(definedProps);
+    const sizeClass = vue.computed(() => {
+      return EvText.EvTextSizeClass[props.size];
+    });
+    const truncateClass = vue.computed(() => {
+      if (!props.truncate) {
+        return void 0;
+      }
+      return isFunctions.isBoolean(props.truncate) ? "is-truncate" : "is-truncate-lines";
+    });
+    const maxLines = vue.computed(() => {
+      if (isFunctions.isNumber(props.truncate)) {
+        return props.truncate;
+      }
+      return 1;
+    });
+    const weightClass = vue.computed(() => {
+      return props.weight ? modifiers.makeClassName(props.weight, "text-weight") : void 0;
+    });
+    const appearanceClass = vue.computed(() => {
+      if (!props.appearance) {
+        return void 0;
+      }
+      const { appearanceClass: appearanceClass2 } = appearance.useAppearance(props);
+      return appearanceClass2.value;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(props).tag), {
+        class: vue.normalizeClass([
+          "ev-text",
+          {
+            "typeface-monospace": vue.unref(props).monospace
+          },
+          sizeClass.value,
+          weightClass.value,
+          truncateClass.value,
+          appearanceClass.value,
+          vue.unref(props).class
+        ]),
+        style: vue.normalizeStyle(vue.unref(props).style)
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvText.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvText.vue.cjs","sources":["../../../../src/components/EvText/EvText.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvText.scss\";\r\nimport { EvTextSizeClass, makeEvTextProps } from \"./EvText\";\r\nimport { computed } from \"vue\";\r\nimport {\r\n    AppearanceProps,\r\n    isBoolean,\r\n    isNumber,\r\n    makeClassName,\r\n    useAppearance,\r\n} from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({ ...makeEvTextProps() });\r\nconst props = useDefaults(definedProps);\r\n\r\nconst sizeClass = computed(() => {\r\n    return EvTextSizeClass[props.size];\r\n});\r\n\r\nconst truncateClass = computed(() => {\r\n    if (!props.truncate) {\r\n        return undefined;\r\n    }\r\n    return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\r\n});\r\n\r\nconst maxLines = computed(() => {\r\n    if (isNumber(props.truncate)) {\r\n        return props.truncate;\r\n    }\r\n    return 1;\r\n});\r\n\r\nconst weightClass = computed(() => {\r\n    return props.weight\r\n        ? makeClassName(props.weight, \"text-weight\")\r\n        : undefined;\r\n});\r\n\r\nconst appearanceClass = computed(() => {\r\n    if (!props.appearance) {\r\n        return undefined;\r\n    }\r\n    const { appearanceClass } = useAppearance(props as AppearanceProps);\r\n    return appearanceClass.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <component\r\n        :is=\"props.tag\"\r\n        :class=\"[\r\n            'ev-text',\r\n            {\r\n                'typeface-monospace': props.monospace,\r\n            },\r\n            sizeClass,\r\n            weightClass,\r\n            truncateClass,\r\n            appearanceClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\">\r\n        <slot>{{ props.text }}</slot>\r\n    </component>\r\n</template>\r\n\r\n<style>\r\n.ev-text {\r\n    --max-lines: v-bind(maxLines);\r\n}\r\n</style>\r\n"],"names":["useDefaults","computed","EvTextSizeClass","isBoolean","isNumber","makeClassName","appearanceClass","useAppearance"],"mappings":";;;;;;;;;;;;;;;;;;AAcM,UAAA,QAAQA,qBAAY,YAAY;AAEhC,UAAA,YAAYC,IAAAA,SAAS,MAAM;AACtB,aAAAC,OAAA,gBAAgB,MAAM,IAAI;AAAA,IAAA,CACpC;AAEK,UAAA,gBAAgBD,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,UAAU;AACV,eAAA;AAAA,MAAA;AAEX,aAAOE,YAAU,UAAA,MAAM,QAAQ,IAAI,gBAAgB;AAAA,IAAA,CACtD;AAEK,UAAA,WAAWF,IAAAA,SAAS,MAAM;AACxB,UAAAG,YAAA,SAAS,MAAM,QAAQ,GAAG;AAC1B,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA;AAAA,IAAA,CACV;AAEK,UAAA,cAAcH,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SACPI,UAAA,cAAc,MAAM,QAAQ,aAAa,IACzC;AAAA,IAAA,CACT;AAEK,UAAA,kBAAkBJ,IAAAA,SAAS,MAAM;AAC/B,UAAA,CAAC,MAAM,YAAY;AACZ,eAAA;AAAA,MAAA;AAEX,YAAM,EAAE,iBAAAK,qBAAoBC,WAAAA,cAAc,KAAwB;AAClE,aAAOD,iBAAgB;AAAA,IAAA,CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const validation = require("../../composables/validation.cjs");
+const EvLabel = require("../EvLabel/EvLabel.cjs");
+const props = require("../../util/props.cjs");
+const appearance = require("../../util/appearance.cjs");
+const makeEvTextareaProps = props.propsFactory(
+  {
+    autofocus: Boolean,
+    autoselect: Boolean,
+    autogrow: {
+      type: Boolean,
+      default: true
+    },
+    autosubmit: Function,
+    clearable: Boolean,
+    loading: Boolean,
+    placeholder: String,
+    ...EvLabel.makeLabelProps(),
+    ...validation.makeFormFieldProps(),
+    ...appearance.makeInputAppearanceProps(),
+    ...component.makeComponentProps()
+  },
+  "EvTextarea"
+);
+exports.makeEvTextareaProps = makeEvTextareaProps;
+//# sourceMappingURL=EvTextarea.cjs.map

package/dist/cjs/components/EvTextarea/EvTextarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTextarea.cjs","sources":["../../../../src/components/EvTextarea/EvTextarea.ts"],"sourcesContent":["import { makeInputAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvTextareaProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        autogrow: {\n            type: Boolean,\n            default: true,\n        },\n        autosubmit: Function,\n        clearable: Boolean,\n        loading: Boolean,\n        placeholder: String,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextarea\",\n);\n"],"names":["propsFactory","makeLabelProps","makeFormFieldProps","makeInputAppearanceProps","makeComponentProps"],"mappings":";;;;;;;;AAKO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IAEb,GAAGC,uBAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,oCAAyB;AAAA,IAC5B,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}