@evance/evance-ui 1.0.6 → 1.0.8

package/dist/esm/EvTag.vue_vue_type_script_setup_true_lang-78CYYoyG.mjs

@@ -0,0 +1,289 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, useSlots, useAttrs, computed, unref, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withKeys, withCtx, withDirectives, createElementVNode, renderSlot, vShow, createCommentVNode, createElementBlock, Fragment, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createVNode } from "vue";
+import { A as Appearance, u as useAppearance } from "./appearance-DyIRnZmX.mjs";
+import { E as EventProp } from "./events-Cfk66haO.mjs";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeTagProps } from "./tag-C32PgN3Y.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { m as makeGroupItemProps, u as useGroupItem } from "./groupItem-Dw8r4eE2.mjs";
+import { a as makeRoundedProps, _ as _sfc_main$3 } from "./EvAvatar.vue_vue_type_script_setup_true_lang-DQaqaVeK.mjs";
+import { I as IconProp } from "./icons-CPwjz9RV.mjs";
+import { C as CheckIcon } from "./CheckIcon-C5AxTVqg.mjs";
+import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_script_setup_true_lang-DYiQ7prm.mjs";
+import "./EvIcon.vue_vue_type_style_index_0_lang-m-4HgkYd.mjs";
+import { _ as _sfc_main$2 } from "./EvDefaultsProvider.vue_vue_type_script_setup_true_lang-DAoKHWX1.mjs";
+import { C as CancelIcon } from "./CancelIcon-BTJevs6S.mjs";
+import { u as useLocaleFunctions } from "./locale-irdzfyx_.mjs";
+import { u as useModelProxy } from "./modelProxy-myoMk9SU.mjs";
+import { u as useRouterLinkOrHref } from "./router-BRX_uNxm.mjs";
+import { E as EvTagGroupSymbol } from "./EvTagGroup-B94VSbtv.mjs";
+import { EvTransitionExpandX } from "./EvTransitionExpand.mjs";
+import { u as useDefaults } from "./defaults-BzA2jgnm.mjs";
+const makeEvTagProps = propsFactory(
+  {
+    activeClass: String,
+    appearance: {
+      type: String,
+      default: Appearance.default
+    },
+    avatarEnd: String,
+    avatarStart: String,
+    closable: Boolean,
+    draggable: Boolean,
+    filter: Boolean,
+    iconEnd: IconProp,
+    iconFilter: {
+      type: IconProp,
+      default: CheckIcon
+    },
+    iconStart: IconProp,
+    link: {
+      type: Boolean,
+      default: void 0
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    },
+    text: String,
+    variant: {
+      type: String,
+      default: "default"
+    },
+    onClick: EventProp(),
+    onClickOnce: EventProp(),
+    ...makeGroupItemProps(),
+    ...makeComponentProps(),
+    ...makeRoundedProps(),
+    ...makeTagProps({ tag: "span" })
+  },
+  "EvTag"
+);
+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__ */ defineComponent({
+  __name: "EvTag",
+  props: {
+    ...makeEvTagProps()
+  },
+  emits: [
+    "click",
+    "click:close",
+    "group:selected",
+    "update:modelValue"
+  ],
+  setup(__props, { emit }) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const slots = useSlots();
+    const attrs = useAttrs();
+    const link = useRouterLinkOrHref(props, attrs);
+    const { t } = useLocaleFunctions();
+    const isActive = useModelProxy(props, "modelValue");
+    const group = useGroupItem(
+      props,
+      EvTagGroupSymbol,
+      false
+    );
+    const isLink = computed(() => {
+      return props.link !== false && link.isLink.value;
+    });
+    const isClickable = computed(() => {
+      return !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value);
+    });
+    const closeLabel = computed(() => {
+      return t("close");
+    });
+    const tag = 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 = computed(() => {
+      return (slots.filter || props.filter) && group;
+    });
+    const defaultSlotProps = 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 = computed(() => !!(props.avatarStart || props.iconStart));
+    const hasSuffixMedia = computed(() => !!(props.avatarEnd || props.iconEnd));
+    const hasPrefix = computed(() => !!(hasPrefixMedia.value || slots.prefix));
+    const hasSuffix = computed(() => !!(hasSuffixMedia.value || slots.suffix));
+    const { appearanceClass, variantClass } = useAppearance(
+      props,
+      group,
+      isActive
+    );
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return unref(isActive) ? (openBlock(), createBlock(resolveDynamicComponent(tag.value), {
+        key: 0,
+        class: normalizeClass([
+          "ev-tag",
+          {
+            "is-active": (_a = unref(group)) == null ? void 0 : _a.isSelected.value,
+            "is-clickable": isClickable.value,
+            "is-disabled": unref(props).disabled,
+            "is-filter": hasFilter.value,
+            "is-rounded": unref(props).rounded
+          },
+          (_b = unref(group)) == null ? void 0 : _b.selectedClass.value,
+          unref(appearanceClass),
+          unref(variantClass),
+          unref(props).class
+        ]),
+        style: normalizeStyle([unref(props).style]),
+        disabled: unref(props).disabled || void 0,
+        draggable: unref(props).draggable,
+        href: unref(link).href.value,
+        tabindex: isClickable.value ? 0 : void 0,
+        onClick,
+        onKeydown: [
+          withKeys(onKeyDown, ["enter"]),
+          withKeys(onKeyDown, ["space"])
+        ]
+      }, {
+        default: withCtx(() => [
+          hasFilter.value ? (openBlock(), createBlock(unref(EvTransitionExpandX), { key: "filter" }, {
+            default: withCtx(() => {
+              var _a2;
+              return [
+                withDirectives(createElementVNode("div", _hoisted_1, [
+                  !unref(slots).filter ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                    key: "filter-icon",
+                    glyph: unref(props).iconFilter
+                  }, null, 8, ["glyph"])) : (openBlock(), createBlock(unref(_sfc_main$2), {
+                    key: "filter-defaults",
+                    disabled: !unref(props).iconFilter,
+                    defaults: { EvIcon: { glyph: unref(props).iconFilter } }
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "filter")
+                    ]),
+                    _: 3
+                  }, 8, ["disabled", "defaults"]))
+                ], 512), [
+                  [vShow, (_a2 = unref(group)) == null ? void 0 : _a2.isSelected.value]
+                ])
+              ];
+            }),
+            _: 3
+          })) : createCommentVNode("", true),
+          hasPrefix.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            !unref(slots).prefix ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              unref(props).iconStart ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                key: "prefix-icon",
+                glyph: unref(props).iconStart
+              }, null, 8, ["glyph"])) : createCommentVNode("", true),
+              unref(props).avatarStart ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                key: "prefix-avatar",
+                image: unref(props).avatarStart
+              }, null, 8, ["image"])) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: "prefix-defaults",
+              disabled: !hasPrefixMedia.value,
+              defaults: {
+                EvAvatar: { image: unref(props).avatarStart },
+                EvIcon: { glyph: unref(props).iconStart }
+              }
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "prefix")
+              ]),
+              _: 3
+            }, 8, ["disabled", "defaults"]))
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(defaultSlotProps.value)), () => [
+              createTextVNode(toDisplayString(unref(props).text), 1)
+            ])
+          ]),
+          hasSuffix.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            !unref(slots).suffix ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              unref(props).iconEnd ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                key: "prefix-icon",
+                glyph: unref(props).iconEnd
+              }, null, 8, ["glyph"])) : createCommentVNode("", true),
+              unref(props).avatarEnd ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                key: "suffix-avatar",
+                image: unref(props).avatarEnd
+              }, null, 8, ["image"])) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: "suffix-defaults",
+              disabled: !hasSuffixMedia.value,
+              defaults: {
+                EvAvatar: { image: unref(props).avatarEnd },
+                EvIcon: { glyph: unref(props).iconEnd }
+              }
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "suffix")
+              ]),
+              _: 3
+            }, 8, ["disabled", "defaults"]))
+          ])) : createCommentVNode("", true),
+          unref(props).closable ? (openBlock(), createElementBlock("button", {
+            key: "close",
+            class: "ev-tag--close",
+            "aria-label": closeLabel.value,
+            onClick: onClickClose
+          }, [
+            createVNode(unref(_sfc_main$1), {
+              glyph: unref(CancelIcon),
+              size: "small"
+            }, null, 8, ["glyph"])
+          ], 8, _hoisted_5)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 40, ["class", "style", "disabled", "draggable", "href", "tabindex", "onKeydown"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvTagProps as m
+};
+//# sourceMappingURL=EvTag.vue_vue_type_script_setup_true_lang-78CYYoyG.mjs.map

package/dist/esm/EvTag.vue_vue_type_script_setup_true_lang-78CYYoyG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTag.vue_vue_type_script_setup_true_lang-78CYYoyG.mjs","sources":["../../src/components/EvTag/EvTag.ts","../../src/components/EvTag/EvTag.vue"],"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","<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":["_useSlots"],"mappings":"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"}

package/dist/esm/EvTagGroup-B94VSbtv.mjs

@@ -0,0 +1,32 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { c as isDeepEqual } from "./is-functions-t4AT-bOe.mjs";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeTagProps } from "./tag-C32PgN3Y.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { m as makeGroupProps } from "./group-DCRfGBYm.mjs";
+import { m as makeEvSlideGroupProps } from "./EvSlideGroup-CVwJ-zTE.mjs";
+const EvTagGroupSymbol = Symbol.for("ev:tag-group");
+const makeEvTagGroupProps = propsFactory(
+  {
+    column: Boolean,
+    filter: Boolean,
+    valueComparator: {
+      type: Function,
+      default: isDeepEqual
+    },
+    ...makeEvSlideGroupProps(),
+    ...makeComponentProps(),
+    ...makeGroupProps({
+      selectedClass: "is-selected",
+      selectedAppearance: "primary",
+      selectedVariant: "outlined"
+    }),
+    ...makeTagProps()
+  },
+  "EvTagGroup"
+);
+export {
+  EvTagGroupSymbol as E,
+  makeEvTagGroupProps as m
+};
+//# sourceMappingURL=EvTagGroup-B94VSbtv.mjs.map

package/dist/esm/EvTagGroup-B94VSbtv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTagGroup-B94VSbtv.mjs","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":[],"mappings":";;;;;;;AAOa,MAAA,mBAAmB,OAAO,IAAI,cAAc;AAelD,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,sBAAsB;AAAA,IACzB,GAAG,mBAAmB;AAAA,IACtB,GAAG,eAAe;AAAA,MACd,eAAe;AAAA,MACf,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,IAAA,CACpB;AAAA,IACD,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;"}

package/dist/esm/EvTagGroup.mjs

@@ -1,6 +1,6 @@
-/*! Evance UI v1.0.5 | MIT License */
-import { E, m } from "./EvTagGroup-B2wsaNma.mjs";
-import { _ } from "./EvTagGroup.vue_vue_type_script_setup_true_lang-B9JVye3b.mjs";
+/*! Evance UI v1.0.8 | MIT License */
+import { E, m } from "./EvTagGroup-B94VSbtv.mjs";
+import { _ } from "./EvTagGroup.vue_vue_type_script_setup_true_lang-Bl18q5rp.mjs";
 export {
   _ as EvTagGroup,
   E as EvTagGroupSymbol,

package/dist/esm/EvTagGroup.vue_vue_type_script_setup_true_lang-Bl18q5rp.mjs

@@ -0,0 +1,59 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, computed, toRef, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { m as makeEvTagGroupProps, E as EvTagGroupSymbol } from "./EvTagGroup-B94VSbtv.mjs";
+import { u as useGroup } from "./group-DCRfGBYm.mjs";
+import { p as provideDefaults } from "./defaults-BzA2jgnm.mjs";
+import { f as filterComponentProps } from "./helpers-CVFyfHL3.mjs";
+import { _ as _sfc_main$1 } from "./EvSlideGroup.vue_vue_type_script_setup_true_lang-C41HZ9c-.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvTagGroup",
+  props: {
+    ...makeEvTagGroupProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const { isSelected, select, next, previous, selected } = useGroup(
+      props,
+      EvTagGroupSymbol
+    );
+    const slotProps = computed(() => {
+      return {
+        isSelected,
+        select,
+        next,
+        previous,
+        selected: selected.value
+      };
+    });
+    provideDefaults({
+      EvTag: {
+        disabled: toRef(props, "disabled"),
+        filter: toRef(props, "filter")
+      }
+    });
+    const slideGroupProps = computed(
+      () => filterComponentProps(_sfc_main$1, props)
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(slideGroupProps.value, {
+        class: [
+          "ev-tag-group",
+          {
+            "is-column": props.column
+          },
+          props.class
+        ],
+        style: props.style
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))
+        ]),
+        _: 3
+      }, 16, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=EvTagGroup.vue_vue_type_script_setup_true_lang-Bl18q5rp.mjs.map

package/dist/esm/EvTagGroup.vue_vue_type_script_setup_true_lang-Bl18q5rp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTagGroup.vue_vue_type_script_setup_true_lang-Bl18q5rp.mjs","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":["EvSlideGroup"],"mappings":";;;;;;;;;;;;;;AAiBA,UAAM,EAAE,YAAY,QAAQ,MAAM,UAAU,aAAa;AAAA,MACrD;AAAA,MACA;AAAA,IAAA;AAKE,UAAA,YAAY,SAAS,MAAM;AACtB,aAAA;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,SAAS;AAAA,MAAA;AAAA,IACvB,CACH;AAEe,oBAAA;AAAA,MACZ,OAAO;AAAA,QACH,UAAU,MAAM,OAAO,UAAU;AAAA,QACjC,QAAQ,MAAM,OAAO,QAAQ;AAAA,MACjC;AAAA,IAAA,CACH;AAED,UAAM,kBAAkB;AAAA,MAAS,MAC7B,qBAAqBA,aAAc,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvText.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.5 | MIT License */
-import { _, E, a, m } from "./EvText.vue_vue_type_script_setup_true_lang-B658dOT3.mjs";
+/*! Evance UI v1.0.8 | MIT License */
+import { _, E, a, m } from "./EvText.vue_vue_type_script_setup_true_lang-qLaiuVw0.mjs";
 export {
   _ as EvText,
   E as EvTextSize,

package/dist/esm/EvText.vue_vue_type_script_setup_true_lang-qLaiuVw0.mjs

@@ -0,0 +1,96 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, useCssVars, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, normalizeStyle, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { m as makeTagProps } from "./tag-C32PgN3Y.mjs";
+import { u as useAppearance } from "./appearance-DyIRnZmX.mjs";
+import { b as isBoolean, k as isNumber } from "./is-functions-t4AT-bOe.mjs";
+import { m as makeClassName } from "./modifiers-C2p5hdCc.mjs";
+import { u as useDefaults } from "./defaults-BzA2jgnm.mjs";
+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 = propsFactory(
+  {
+    appearance: String,
+    monospace: Boolean,
+    size: String,
+    text: String,
+    truncate: [Number, Boolean],
+    weight: String,
+    ...makeComponentProps(),
+    ...makeTagProps({
+      tag: "p"
+    })
+  },
+  "EvText"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvText",
+  props: { ...makeEvTextProps() },
+  setup(__props) {
+    const definedProps = __props;
+    useCssVars((_ctx) => ({
+      "31a61152": maxLines.value
+    }));
+    const props = useDefaults(definedProps);
+    const sizeClass = computed(() => {
+      return EvTextSizeClass[props.size];
+    });
+    const truncateClass = computed(() => {
+      if (!props.truncate) {
+        return void 0;
+      }
+      return isBoolean(props.truncate) ? "is-truncate" : "is-truncate-lines";
+    });
+    const maxLines = computed(() => {
+      if (isNumber(props.truncate)) {
+        return props.truncate;
+      }
+      return 1;
+    });
+    const weightClass = computed(() => {
+      return props.weight ? makeClassName(props.weight, "text-weight") : void 0;
+    });
+    const { appearanceClass } = useAppearance(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass([
+          "ev-text",
+          {
+            "typeface-monospace": unref(props).monospace
+          },
+          sizeClass.value,
+          weightClass.value,
+          truncateClass.value,
+          unref(appearanceClass),
+          unref(props).class
+        ]),
+        style: normalizeStyle(unref(props).style)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  EvTextSize as E,
+  _sfc_main as _,
+  EvTextSizeClass as a,
+  makeEvTextProps as m
+};
+//# sourceMappingURL=EvText.vue_vue_type_script_setup_true_lang-qLaiuVw0.mjs.map

package/dist/esm/EvText.vue_vue_type_script_setup_true_lang-qLaiuVw0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvText.vue_vue_type_script_setup_true_lang-qLaiuVw0.mjs","sources":["../../src/components/EvText/EvText.ts","../../src/components/EvText/EvText.vue"],"sourcesContent":["import { AppearanceProp, propsFactory } 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 type TextAppearanceProp = AppearanceProp | \"inverse\" | \"subtle\";\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","<script setup lang=\"ts\">\r\nimport \"./EvText.scss\";\r\nimport { EvTextSizeClass, makeEvTextProps } from \"./EvText\";\r\nimport { computed } from \"vue\";\r\nimport { AppearanceProps, isBoolean, isNumber, makeClassName, useAppearance } 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 } = useAppearance(props as AppearanceProps);\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":[],"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;AAeO,MAAM,kBAAkB;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,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,MACZ,KAAK;AAAA,IAAA,CACR;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;ACxCM,UAAA,QAAQ,YAAY,YAAY;AAEhC,UAAA,YAAY,SAAS,MAAM;AACtB,aAAA,gBAAgB,MAAM,IAAI;AAAA,IAAA,CACpC;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,UAAU;AACV,eAAA;AAAA,MACX;AACA,aAAO,UAAU,MAAM,QAAQ,IAAI,gBAAgB;AAAA,IAAA,CACtD;AAEK,UAAA,WAAW,SAAS,MAAM;AACxB,UAAA,SAAS,MAAM,QAAQ,GAAG;AAC1B,eAAO,MAAM;AAAA,MACjB;AACO,aAAA;AAAA,IAAA,CACV;AAEK,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,MAAM,SACP,cAAc,MAAM,QAAQ,aAAa,IACzC;AAAA,IAAA,CACT;AAED,UAAM,EAAE,gBAAA,IAAoB,cAAc,KAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvTextarea.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.5 | MIT License */
-import { _, m } from "./EvTextarea.vue_vue_type_script_setup_true_lang-BhJtt8Tf.mjs";
+/*! Evance UI v1.0.8 | MIT License */
+import { _, m } from "./EvTextarea.vue_vue_type_script_setup_true_lang-C13_9fmh.mjs";
 export {
   _ as EvTextarea,
   m as makeEvTextareaProps