@evance/evance-ui 1.0.23 → 1.0.24

package/dist/cjs/EvBadge.vue_vue_type_script_setup_true_lang-BP4Mpq2Q.cjs

@@ -1,183 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.22 | MIT License */
-const vue = require("vue");
-const icons = require("./icons-xb_IXfZU.cjs");
-const component = require("./component-DsyXS-ec.cjs");
-const locale = require("./locale-aPS1rGRt.cjs");
-const anchor = require("./anchor-BkOtR48z.cjs");
-const props = require("./props-DdJFC6BD.cjs");
-const EvTransition = require("./EvTransition-B9RVoESi.cjs");
-const appearance = require("./appearance-CFp3YXLJ.cjs");
-const EvIcon_vue_vue_type_style_index_0_lang = require("./EvIcon.vue_vue_type_style_index_0_lang-rev9p7rs.cjs");
-const modelProxy = require("./modelProxy-BMICOorK.cjs");
-const defaults = require("./defaults-BLVjRTZa.cjs");
-const modifiers = require("./modifiers-C0RTVxH0.cjs");
-const makePositionProps = props.propsFactory(
-  {
-    position: String
-  },
-  "position"
-);
-const oppositeMap = {
-  center: "center",
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-};
-function usePosition(props2, opposite = false, offset) {
-  const { isRtl } = locale.useRtl();
-  const positionStyles = vue.computed(() => {
-    if (!props2.position) {
-      return {};
-    }
-    const anchor$1 = anchor.Anchor.fromSelector(props2.position, isRtl.value);
-    function getOffset(side) {
-      return offset ? offset(side) : 0;
-    }
-    const styles = {};
-    if (anchor$1.side !== "center" && anchor$1.side !== "auto") {
-      if (opposite) {
-        styles[oppositeMap[anchor$1.side]] = `calc(100% - ${getOffset(anchor$1.side)}px)`;
-      } else {
-        styles[anchor$1.side] = 0;
-      }
-    }
-    if (anchor$1.physicalAlignment !== "center") {
-      if (opposite) {
-        styles[oppositeMap[anchor$1.physicalAlignment]] = `calc(100% - ${getOffset(anchor$1.physicalAlignment)}px)`;
-      } else {
-        styles[anchor$1.physicalAlignment] = 0;
-      }
-    } else {
-      if (anchor$1.side === "center") {
-        styles.top = styles.left = "50%";
-      } else {
-        styles[{
-          top: "left",
-          bottom: "left",
-          left: "top",
-          right: "top"
-        }[anchor$1.side]] = "50%";
-      }
-      if (anchor$1.side !== "auto") {
-        styles.transform = {
-          top: "translateX(-50%)",
-          bottom: "translateX(-50%)",
-          left: "translateY(-50%)",
-          right: "translateY(-50%)",
-          center: "translate(-50%, -50%)"
-        }[anchor$1.side];
-      }
-    }
-    return styles;
-  });
-  return { positionStyles };
-}
-const makeEvBadgeProps = props.propsFactory(
-  {
-    icon: icons.IconProp,
-    bordered: Boolean,
-    content: [Number, String],
-    dot: Boolean,
-    floating: Boolean,
-    max: [Number, String],
-    bold: Boolean,
-    inline: Boolean,
-    modelValue: {
-      type: Boolean,
-      default: true
-    },
-    offsetX: [Number, String],
-    offsetY: [Number, String],
-    pulsate: Boolean,
-    ...component.makeComponentProps(),
-    ...makePositionProps({
-      position: "top end"
-    }),
-    ...appearance.makeAppearanceProps(),
-    ...EvTransition.makeEvTransitionProps({
-      transition: "scale-rotate-transition"
-    })
-  },
-  "EvBadge"
-);
-const _hoisted_1 = ["aria-label"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvBadge",
-  props: {
-    ...makeEvBadgeProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    const props2 = defaults.useDefaults(definedProps);
-    const slots = vue.useSlots();
-    const modelValue = modelProxy.useModelProxy(props2, "modelValue");
-    const contentNumber = vue.computed(() => {
-      return Number(props2.content);
-    });
-    const content = vue.computed(() => {
-      return !props2.max || isNaN(contentNumber.value) ? props2.content : contentNumber.value <= +props2.max ? contentNumber.value : `${props2.max}+`;
-    });
-    const { positionStyles } = usePosition(props2, true, (side) => {
-      const base = props2.floating ? props2.dot ? 2 : 4 : props2.dot ? 8 : 12;
-      return base + (["top", "bottom"].includes(side) ? +(props2.offsetY ?? 0) : ["left", "right"].includes(side) ? +(props2.offsetX ?? 0) : 0);
-    });
-    const isInline = vue.computed(() => {
-      return props2.inline ? true : !slots.default;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ev-badge",
-          {
-            "is-inline": isInline.value,
-            "is-dot": vue.unref(props2).dot,
-            "is-bordered": vue.unref(props2).bordered,
-            "is-floating": vue.unref(props2).floating
-          },
-          vue.unref(props2).class
-        ]),
-        style: vue.normalizeStyle(vue.unref(props2).style)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        vue.createVNode(vue.unref(EvTransition.EvTransition), {
-          appear: "",
-          transition: vue.unref(props2).transition
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass([
-                "ev-badge--content",
-                vue.unref(modifiers.appearanceModifier)(vue.unref(props2).appearance),
-                {
-                  "is-variant-bold": vue.unref(props2).bold,
-                  "is-pulsate": vue.unref(props2).pulsate
-                }
-              ]),
-              style: vue.normalizeStyle([isInline.value ? {} : vue.unref(positionStyles)]),
-              "aria-atomic": "true",
-              "aria-label": contentNumber.value.toString(),
-              "aria-live": "polite",
-              role: "status"
-            }, [
-              !vue.unref(props2).dot && vue.unref(slots).content ? vue.renderSlot(_ctx.$slots, "content", { key: 0 }) : vue.createCommentVNode("", true),
-              !vue.unref(props2).dot && vue.unref(props2).icon ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), {
-                key: 1,
-                glyph: vue.unref(props2).icon
-              }, null, 8, ["glyph"])) : !vue.unref(props2).dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                vue.createTextVNode(vue.toDisplayString(content.value), 1)
-              ], 64)) : vue.createCommentVNode("", true)
-            ], 14, _hoisted_1), [
-              [vue.vShow, vue.unref(modelValue)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["transition"])
-      ], 6);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvBadgeProps = makeEvBadgeProps;
-//# sourceMappingURL=EvBadge.vue_vue_type_script_setup_true_lang-BP4Mpq2Q.cjs.map

package/dist/cjs/EvBadge.vue_vue_type_script_setup_true_lang-BP4Mpq2Q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvBadge.vue_vue_type_script_setup_true_lang-BP4Mpq2Q.cjs","sources":["../../src/composables/position.ts","../../src/components/EvBadge/EvBadge.ts","../../src/components/EvBadge/EvBadge.vue"],"sourcesContent":["import { Anchor, AnchorSelector, propsFactory } from \"@/util\";\nimport { computed, CSSProperties, PropType } from \"vue\";\nimport { useRtl } from \"@/composables/locale\";\n\nexport interface PositionProps {\n    position?: AnchorSelector;\n}\n\nexport const makePositionProps = propsFactory(\n    {\n        position: String as PropType<AnchorSelector>,\n    },\n    \"position\",\n);\n\nconst oppositeMap = {\n    center: \"center\",\n    top: \"bottom\",\n    bottom: \"top\",\n    left: \"right\",\n    right: \"left\",\n} as const;\n\nexport type Position = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type Alignment = \"left\" | \"right\" | \"center\";\n\nexport function usePosition(\n    props: PositionProps,\n    opposite = false,\n    offset?: (side: string) => number,\n) {\n    const { isRtl } = useRtl();\n\n    const positionStyles = computed(() => {\n        if (!props.position) {\n            return {};\n        }\n        const anchor = Anchor.fromSelector(props.position, isRtl.value);\n\n        function getOffset(side: string) {\n            return offset ? offset(side) : 0;\n        }\n\n        const styles = {} as CSSProperties;\n\n        if (anchor.side !== \"center\" && anchor.side !== \"auto\") {\n            if (opposite) {\n                styles[oppositeMap[anchor.side]] =\n                    `calc(100% - ${getOffset(anchor.side)}px)`;\n            } else {\n                styles[anchor.side] = 0;\n            }\n        }\n\n        if (anchor.physicalAlignment !== \"center\") {\n            if (opposite) {\n                styles[oppositeMap[anchor.physicalAlignment]] =\n                    `calc(100% - ${getOffset(anchor.physicalAlignment)}px)`;\n            } else {\n                styles[anchor.physicalAlignment] = 0;\n            }\n        } else {\n            if (anchor.side === \"center\") {\n                styles.top = styles.left = \"50%\";\n            } else {\n                styles[\n                    (\n                        {\n                            top: \"left\",\n                            bottom: \"left\",\n                            left: \"top\",\n                            right: \"top\",\n                        } as const\n                    )[anchor.side as Position]\n                ] = \"50%\";\n            }\n            if (anchor.side !== \"auto\") {\n                styles.transform = {\n                    top: \"translateX(-50%)\",\n                    bottom: \"translateX(-50%)\",\n                    left: \"translateY(-50%)\",\n                    right: \"translateY(-50%)\",\n                    center: \"translate(-50%, -50%)\",\n                }[anchor.side];\n            }\n        }\n\n        return styles;\n    });\n\n    return { positionStyles };\n}\n","import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makePositionProps } from \"@/composables/position\";\nimport { makeEvTransitionProps } from \"@/components/EvTransition\";\n\nexport const makeEvBadgeProps = propsFactory(\n    {\n        icon: IconProp,\n        bordered: Boolean,\n        content: [Number, String],\n        dot: Boolean,\n        floating: Boolean,\n        max: [Number, String],\n        bold: Boolean,\n        inline: Boolean,\n        modelValue: {\n            type: Boolean,\n            default: true,\n        },\n        offsetX: [Number, String],\n        offsetY: [Number, String],\n        pulsate: Boolean,\n\n        ...makeComponentProps(),\n        ...makePositionProps({\n            position: \"top end\",\n        } as const),\n        ...makeAppearanceProps(),\n        ...makeEvTransitionProps({\n            transition: \"scale-rotate-transition\",\n        }),\n    },\n    \"EvBadge\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-badge>`\n */\nimport \"./EvBadge.scss\";\nimport { makeEvBadgeProps } from \"./EvBadge\";\nimport { computed } from \"vue\";\nimport { appearanceModifier } from \"@/util\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { usePosition } from \"@/composables/position\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvBadgeProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    default(): never;\n    content(): never;\n}>();\n\nconst modelValue = useModelProxy(props, \"modelValue\");\n\nconst contentNumber = computed(() => {\n    return Number(props.content);\n});\n\nconst content = computed(() => {\n    return !props.max || isNaN(contentNumber.value)\n        ? props.content\n        : contentNumber.value <= +props.max\n          ? contentNumber.value\n          : `${props.max}+`;\n});\n\nconst { positionStyles } = usePosition(props, true, (side) => {\n    const base = props.floating ? (props.dot ? 2 : 4) : props.dot ? 8 : 12;\n\n    return (\n        base +\n        ([\"top\", \"bottom\"].includes(side)\n            ? +(props.offsetY ?? 0)\n            : [\"left\", \"right\"].includes(side)\n              ? +(props.offsetX ?? 0)\n              : 0)\n    );\n});\n\nconst isInline = computed(() => {\n    return props.inline ? true : !slots.default;\n});\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-badge',\n            {\n                'is-inline': isInline,\n                'is-dot': props.dot,\n                'is-bordered': props.bordered,\n                'is-floating': props.floating,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot />\n\n        <ev-transition appear :transition=\"props.transition\">\n            <div\n                v-show=\"modelValue\"\n                :class=\"[\n                    'ev-badge--content',\n                    appearanceModifier(props.appearance),\n                    {\n                        'is-variant-bold': props.bold,\n                        'is-pulsate': props.pulsate,\n                    },\n                ]\"\n                :style=\"[isInline ? {} : positionStyles]\"\n                aria-atomic=\"true\"\n                :aria-label=\"contentNumber.toString()\"\n                aria-live=\"polite\"\n                role=\"status\">\n                <slot v-if=\"!props.dot && slots.content\" name=\"content\" />\n                <ev-icon v-if=\"!props.dot && props.icon\" :glyph=\"props.icon\" />\n                <template v-else-if=\"!props.dot\">{{ content }}</template>\n            </div>\n        </ev-transition>\n    </div>\n</template>\n"],"names":["propsFactory","props","useRtl","computed","anchor","Anchor","IconProp","makeComponentProps","makeAppearanceProps","makeEvTransitionProps","useDefaults","_useSlots","useModelProxy"],"mappings":"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"}

package/dist/cjs/EvBlock.vue_vue_type_script_setup_true_lang-DLtpe4oa.cjs

@@ -1,80 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.22 | MIT License */
-const vue = require("vue");
-const component = require("./component-DsyXS-ec.cjs");
-const tag = require("./tag-4EZqeEXF.cjs");
-const props = require("./props-DdJFC6BD.cjs");
-const display = require("./display-C-uMWpwu.cjs");
-const isFunctions = require("./is-functions-CK5nJYri.cjs");
-const makeEvBlockProps = props.propsFactory(
-  {
-    alignSelf: [String, Object],
-    offset: [String, Number, Object],
-    order: [String, Number, Object],
-    scrollable: Boolean,
-    size: [String, Number, Object],
-    hidden: [Boolean, String, Array],
-    height: [String, Number, Object],
-    width: [String, Number, Object],
-    ...component.makeComponentProps(),
-    ...tag.makeTagProps()
-  },
-  "EvBlock"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvBlock",
-  props: {
-    ...makeEvBlockProps()
-  },
-  setup(__props) {
-    const props2 = __props;
-    const sizeClasses = display.useBreakpointClasses(props2, "size", void 0, true);
-    const orderClasses = display.useBreakpointClasses(props2, "order", "order");
-    const offsetClasses = display.useBreakpointClasses(props2, "offset", "offset");
-    const alignSelfClasses = display.useBreakpointClasses(props2, "alignSelf", "align-self");
-    const widthStyles = vue.computed(() => {
-      const value = display.calculateDisplayRuleValue(props2.width);
-      if (isFunctions.isEmpty(value)) {
-        return void 0;
-      }
-      return value === "grow" ? { flex: "1 0 auto", maxWidth: "100%" } : { flex: `0 0 ${value}`, maxWidth: value };
-    });
-    const hiddenClasses = display.useDisplayRuleClasses(props2, "hidden", "hidden");
-    const hiddenAttribute = vue.computed(() => {
-      return isFunctions.isBoolean(props2.hidden) && props2.hidden;
-    });
-    const heightStyles = vue.computed(() => {
-      const value = display.calculateDisplayRuleValue(props2.height);
-      if (isFunctions.isEmpty(value)) {
-        return void 0;
-      }
-      return { height: value };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
-        class: vue.normalizeClass([
-          "ev-block",
-          {
-            "is-scrollable": props2.scrollable
-          },
-          ...vue.unref(sizeClasses),
-          ...vue.unref(orderClasses),
-          ...vue.unref(offsetClasses),
-          ...vue.unref(alignSelfClasses),
-          ...vue.unref(hiddenClasses),
-          props2.class
-        ]),
-        style: vue.normalizeStyle([props2.style, widthStyles.value, heightStyles.value]),
-        hidden: hiddenAttribute.value
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style", "hidden"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvBlockProps = makeEvBlockProps;
-//# sourceMappingURL=EvBlock.vue_vue_type_script_setup_true_lang-DLtpe4oa.cjs.map

package/dist/cjs/EvBlock.vue_vue_type_script_setup_true_lang-DLtpe4oa.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvBlock.vue_vue_type_script_setup_true_lang-DLtpe4oa.cjs","sources":["../../src/components/EvGrid/EvBlock/EvBlock.ts","../../src/components/EvGrid/EvBlock/EvBlock.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport {\n    DisplayBreakpoint,\n    DisplayRuleProp,\n    VisibilityRuleProp,\n} from \"@/composables/display\";\nimport { PropType } from \"vue\";\n\n/** Block Number Props */\nexport type BlockNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type BlockNumberPropValue = BlockNumber | `${BlockNumber}`;\nexport type BlockNumberPropObject = {\n    [key in DisplayBreakpoint]: BlockNumberPropValue;\n};\nexport type BlockNumberProp =\n    | BlockNumberPropValue\n    | BlockNumberPropObject\n    | undefined;\n\n/** Block Size Props **/\nexport type BlockSizePropValue = \"auto\" | \"grow\" | BlockNumberPropValue;\nexport type BlockSizePropObject = {\n    [key in DisplayBreakpoint]: BlockSizePropValue;\n};\nexport type BlockSizeProp = BlockSizePropValue | BlockSizePropObject;\n\n/** Responsive Props */\nexport type ResponsivePropValue = string | number | boolean;\nexport type ResponsivePropObject = {\n    [key in DisplayBreakpoint]: ResponsivePropValue;\n};\nexport type ResponsiveProp =\n    | ResponsivePropValue\n    | ResponsivePropObject\n    | undefined;\n\n/** Align Self Props */\nexport type AlignSelfPropValue =\n    | \"auto\"\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\nexport type AlignSelfPropObject = {\n    [key in DisplayBreakpoint]: AlignSelfPropValue;\n};\nexport type AlignSelfProp =\n    | AlignSelfPropValue\n    | AlignSelfPropObject\n    | undefined;\n\n/**\n * # makeEvBlockProps\n */\nexport const makeEvBlockProps = propsFactory(\n    {\n        alignSelf: [String, Object] as PropType<AlignSelfProp>,\n        offset: [String, Number, Object] as PropType<BlockNumberProp>,\n        order: [String, Number, Object] as PropType<BlockNumberProp>,\n        scrollable: Boolean,\n        size: [String, Number, Object] as PropType<BlockSizeProp>,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvBlock\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvBlock.scss\";\nimport { makeEvBlockProps } from \"./EvBlock\";\nimport { computed } from \"vue\";\nimport {\n    calculateDisplayRuleValue,\n    useBreakpointClasses,\n    useDisplayRuleClasses,\n} from \"@/composables/display.ts\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvBlockProps(),\n});\n\n/**\n * # Size Classes\n */\nconst sizeClasses = useBreakpointClasses(props, \"size\", undefined, true);\nconst orderClasses = useBreakpointClasses(props, \"order\", \"order\");\nconst offsetClasses = useBreakpointClasses(props, \"offset\", \"offset\");\nconst alignSelfClasses = useBreakpointClasses(props, \"alignSelf\", \"align-self\");\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\"\n        ? { flex: \"1 0 auto\", maxWidth: \"100%\" }\n        : { flex: `0 0 ${value}`, maxWidth: value };\n});\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-block',\n            {\n                'is-scrollable': props.scrollable,\n            },\n            ...sizeClasses,\n            ...orderClasses,\n            ...offsetClasses,\n            ...alignSelfClasses,\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":["propsFactory","makeComponentProps","makeTagProps","useBreakpointClasses","props","computed","calculateDisplayRuleValue","isEmpty","useDisplayRuleClasses","isBoolean"],"mappings":";;;;;;;;AAyDO,MAAM,mBAAmBA,MAAA;AAAA,EAC5B;AAAA,IACI,WAAW,CAAC,QAAQ,MAAM;AAAA,IAC1B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC9B,YAAY;AAAA,IACZ,MAAM,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC7B,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACtDA,UAAM,cAAcC,QAAAA,qBAAqBC,QAAO,QAAQ,QAAW,IAAI;AACvE,UAAM,eAAeD,QAAA,qBAAqBC,QAAO,SAAS,OAAO;AACjE,UAAM,gBAAgBD,QAAA,qBAAqBC,QAAO,UAAU,QAAQ;AACpE,UAAM,mBAAmBD,QAAA,qBAAqBC,QAAO,aAAa,YAAY;AAKxE,UAAA,cAAcC,IAAAA,SAAS,MAAM;AACzB,YAAA,QAAQC,QAAAA,0BAA0BF,OAAM,KAAK;AAC/C,UAAAG,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEX,aAAO,UAAU,SACX,EAAE,MAAM,YAAY,UAAU,OAAA,IAC9B,EAAE,MAAM,OAAO,KAAK,IAAI,UAAU,MAAM;AAAA,IAAA,CACjD;AAKD,UAAM,gBAAgBC,QAAA,sBAAsBJ,QAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkBC,IAAAA,SAAS,MAAM;AACnC,aAAOI,YAAU,UAAAL,OAAM,MAAM,KAAKA,OAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAeC,IAAAA,SAAS,MAAM;AAC1B,YAAA,QAAQC,QAAAA,0BAA0BF,OAAM,MAAM;AAChD,UAAAG,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,EAAE,QAAQ,MAAM;AAAA,IAAA,CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvButton.vue_vue_type_script_setup_true_lang-B-jAG08w.cjs

@@ -1,280 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.22 | MIT License */
-const vue = require("vue");
-const icons = require("./icons-xb_IXfZU.cjs");
-const router = require("./router-CyUaa6ds.cjs");
-const component = require("./component-DsyXS-ec.cjs");
-const group = require("./group-D5P2LjBX.cjs");
-const tag = require("./tag-4EZqeEXF.cjs");
-const props = require("./props-DdJFC6BD.cjs");
-const appearance = require("./appearance-CFp3YXLJ.cjs");
-const groupItem = require("./groupItem-Du8aFeeB.cjs");
-const EvIcon_vue_vue_type_style_index_0_lang = require("./EvIcon.vue_vue_type_style_index_0_lang-rev9p7rs.cjs");
-const EvProgressCircular_vue_vue_type_script_setup_true_lang = require("./EvProgressCircular.vue_vue_type_script_setup_true_lang-Bph2fAuA.cjs");
-const defaults = require("./defaults-BLVjRTZa.cjs");
-const modifiers = require("./modifiers-C0RTVxH0.cjs");
-const isFunctions = require("./is-functions-CK5nJYri.cjs");
-const makeEvButtonGroupProps = props.propsFactory(
-  {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    appearance: {
-      type: String,
-      default: appearance.Appearance.default
-    },
-    gap: {
-      type: String,
-      default: "auto"
-    },
-    rounded: Boolean,
-    size: String,
-    variant: {
-      type: String,
-      default: "default"
-    },
-    ...component.makeComponentProps(),
-    ...tag.makeTagProps()
-  },
-  "EvButtonGroup"
-);
-const EvButtonToggleSymbol = Symbol.for("ev:button-toggle");
-const makeEvButtonToggleProps = props.propsFactory(
-  {
-    ...makeEvButtonGroupProps({
-      gap: "none"
-    }),
-    ...group.makeGroupProps({
-      selectedAppearance: "primary",
-      selectedVariant: "tonal"
-    })
-  },
-  "EvButtonToggle"
-);
-const makeEvButtonProps = props.propsFactory(
-  {
-    active: {
-      type: Boolean,
-      default: void 0
-    },
-    symbol: {
-      type: null,
-      default: EvButtonToggleSymbol
-    },
-    appearance: {
-      type: String,
-      default: appearance.Appearance.default
-    },
-    icon: [Boolean, String, Function, Object],
-    iconStart: icons.IconProp,
-    iconEnd: icons.IconProp,
-    rounded: Boolean,
-    size: String,
-    fullWidth: Boolean,
-    selectedIcon: icons.IconProp,
-    selectedIconStart: icons.IconProp,
-    selectedIconEnd: icons.IconProp,
-    text: String,
-    loading: Boolean,
-    variant: {
-      type: String,
-      default: "default"
-    },
-    ...component.makeComponentProps(),
-    ...router.makeRouterLinkOrHrefProps(),
-    ...groupItem.makeGroupItemProps()
-  },
-  "EvButton"
-);
-function useSelectLink(link, select) {
-  vue.watch(
-    () => {
-      var _a;
-      return (_a = link.isActive) == null ? void 0 : _a.value;
-    },
-    (isActive) => {
-      if (link.isLink.value && isActive && select) {
-        vue.nextTick(() => {
-          select(true);
-        });
-      }
-    },
-    {
-      immediate: true
-    }
-  );
-}
-const _hoisted_1 = {
-  key: 0,
-  class: "ev-button--icon-start"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "ev-button--prefix"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "ev-button--icon"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "ev-button--content",
-  "data-no-activator": ""
-};
-const _hoisted_5 = {
-  key: 4,
-  class: "ev-button--suffix"
-};
-const _hoisted_6 = {
-  key: 5,
-  class: "ev-button--icon-end"
-};
-const _hoisted_7 = {
-  key: 6,
-  class: "ev-button--loading"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvButton",
-  props: {
-    ...makeEvButtonProps()
-  },
-  emits: ["group:selected"],
-  setup(__props, { expose: __expose }) {
-    const definedProps = __props;
-    const props2 = defaults.useDefaults(definedProps);
-    const attrs = vue.useAttrs();
-    const slots = vue.useSlots();
-    const group2 = groupItem.useGroupItem(props2, props2.symbol, false);
-    const link = router.useRouterLinkOrHref(props2, attrs);
-    const isActive = vue.computed(() => {
-      var _a;
-      if (props2.active !== void 0) {
-        return props2.active;
-      }
-      if (link.isLink.value) {
-        return (_a = link.isActive) == null ? void 0 : _a.value;
-      }
-      return group2 == null ? void 0 : group2.isSelected.value;
-    });
-    const isDisabled = vue.computed(() => {
-      return (group2 == null ? void 0 : group2.disabled.value) || props2.disabled;
-    });
-    const isClickable = vue.computed(() => {
-      return !isDisabled.value && !props2.loading;
-    });
-    const isIconLike = vue.computed(() => {
-      const icons2 = [props2.icon, props2.iconStart, props2.iconEnd].filter(
-        (icon2) => !!icon2
-      );
-      return (icons2.length === 1 && !slots.default && !props2.text || props2.icon === true) && !props2.fullWidth;
-    });
-    const isLink = vue.computed(() => {
-      return link.isLink.value;
-    });
-    const componentElement = vue.computed(() => {
-      return isLink.value ? "a" : "button";
-    });
-    function onClick(e) {
-      var _a;
-      if (isDisabled.value || isLink.value && (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0 || attrs.target === "_blank")) {
-        return;
-      }
-      (_a = link.navigate) == null ? void 0 : _a.call(link, e);
-      group2 == null ? void 0 : group2.toggle();
-    }
-    useSelectLink(link, group2 == null ? void 0 : group2.select);
-    const { appearanceClass, variantClass } = appearance.useAppearance(
-      props2,
-      group2,
-      isActive,
-      appearance.Variant.bold
-    );
-    const valueAttr = vue.computed(() => {
-      if (props2.value === void 0 || typeof props2.value === "symbol") {
-        return void 0;
-      }
-      return Object(props2.value) === props2.value ? JSON.stringify(props2.value, null, 0) : props2.value;
-    });
-    __expose({
-      group: group2
-    });
-    const icon = vue.computed(() => {
-      return (group2 == null ? void 0 : group2.isSelected.value) ? props2.selectedIcon ?? props2.icon : props2.icon;
-    });
-    const iconStart = vue.computed(() => {
-      return (group2 == null ? void 0 : group2.isSelected.value) ? props2.selectedIconStart ?? props2.iconStart : props2.iconStart;
-    });
-    const iconEnd = vue.computed(() => {
-      return (group2 == null ? void 0 : group2.isSelected.value) ? props2.selectedIconEnd ?? props2.iconEnd : props2.iconEnd;
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentElement.value), {
-        href: vue.unref(link).href.value,
-        class: vue.normalizeClass([
-          "ev-button",
-          (_a = vue.unref(group2)) == null ? void 0 : _a.selectedClass.value,
-          vue.unref(appearanceClass),
-          vue.unref(variantClass),
-          vue.unref(modifiers.sizeModifier)(vue.unref(props2).size, [vue.unref(appearance.InputSize).default]),
-          {
-            "is-active": isActive.value,
-            "is-disabled": isDisabled.value,
-            "is-icon": isIconLike.value,
-            "is-fullwidth": vue.unref(props2).fullWidth,
-            "is-loading": vue.unref(props2).loading,
-            "is-rounded": vue.unref(props2).rounded,
-            "is-clickable": isClickable.value
-          },
-          vue.unref(props2).class
-        ]),
-        style: vue.normalizeStyle(vue.unref(props2).style),
-        tabindex: "0",
-        disabled: isDisabled.value || void 0,
-        value: valueAttr.value,
-        onClick
-      }, {
-        default: vue.withCtx(() => [
-          iconStart.value || vue.unref(slots)["icon-start"] ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-            vue.renderSlot(_ctx.$slots, "icon-start", {}, () => [
-              vue.createVNode(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), { glyph: iconStart.value }, null, 8, ["glyph"])
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.unref(slots).prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
-            vue.renderSlot(_ctx.$slots, "prefix")
-          ])) : vue.createCommentVNode("", true),
-          (icon.value || vue.unref(slots).icon) && !vue.unref(isFunctions.isBoolean)(icon.value) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
-            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              vue.createVNode(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), { glyph: icon.value }, null, 8, ["glyph"])
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.unref(props2).text || vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(props2).text), 1)
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.unref(slots).suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
-            vue.renderSlot(_ctx.$slots, "suffix")
-          ])) : vue.createCommentVNode("", true),
-          iconEnd.value || vue.unref(slots)["icon-end"] ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
-            vue.renderSlot(_ctx.$slots, "icon-end", {}, () => [
-              vue.createVNode(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), { glyph: iconEnd.value }, null, 8, ["glyph"])
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.unref(props2).loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
-            vue.createVNode(vue.unref(EvProgressCircular_vue_vue_type_script_setup_true_lang._sfc_main), { indeterminate: "" })
-          ])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "additional")
-        ]),
-        _: 3
-      }, 8, ["href", "class", "style", "disabled", "value"]);
-    };
-  }
-});
-exports.EvButtonToggleSymbol = EvButtonToggleSymbol;
-exports._sfc_main = _sfc_main;
-exports.makeEvButtonGroupProps = makeEvButtonGroupProps;
-exports.makeEvButtonProps = makeEvButtonProps;
-exports.makeEvButtonToggleProps = makeEvButtonToggleProps;
-//# sourceMappingURL=EvButton.vue_vue_type_script_setup_true_lang-B-jAG08w.cjs.map

package/dist/cjs/EvButton.vue_vue_type_script_setup_true_lang-B-jAG08w.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvButton.vue_vue_type_script_setup_true_lang-B-jAG08w.cjs","sources":["../../src/components/EvButtonGroup/EvButtonGroup.ts","../../src/components/EvButtonToggle/EvButtonToggle.ts","../../src/components/EvButton/EvButton.ts","../../src/composables/selectLink.ts","../../src/components/EvButton/EvButton.vue"],"sourcesContent":["import { Appearance, InputSizeProp, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { PropType } from \"vue\";\nimport {\n    ButtonAppearanceProp,\n    ButtonVariantProp,\n    EvButtonProps,\n} from \"@/components/EvButton\";\n\nexport type ButtonGroupGap =\n    | \"none\"\n    | \"auto\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\";\n\nexport const makeEvButtonGroupProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        appearance: {\n            type: String as PropType<ButtonAppearanceProp>,\n            default: Appearance.default,\n        },\n        gap: {\n            type: String as PropType<ButtonGroupGap>,\n            default: \"auto\",\n        },\n        rounded: Boolean,\n        size: String as PropType<InputSizeProp>,\n        variant: {\n            type: String as PropType<ButtonVariantProp>,\n            default: \"default\",\n        },\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvButtonGroup\",\n);\n","import { GroupProvide, makeGroupProps } from \"@/composables/group\";\nimport { InjectionKey } from \"vue\";\nimport { propsFactory } from \"@/util\";\nimport { makeEvButtonGroupProps } from \"@/components/EvButtonGroup/EvButtonGroup\";\n\nexport type ButtonToggleSlotProps =\n    | \"isSelected\"\n    | \"select\"\n    | \"selected\"\n    | \"next\"\n    | \"previous\";\nexport interface DefaultButtonToggleSlot\n    extends Pick<GroupProvide, ButtonToggleSlotProps> {}\n\nexport const EvButtonToggleSymbol: InjectionKey<GroupProvide> =\n    Symbol.for(\"ev:button-toggle\");\n\nexport type EvButtonToggleSlots = {\n    default: DefaultButtonToggleSlot;\n};\n\n/**\n * # makeEvButtonToggleProps\n */\nexport const makeEvButtonToggleProps = propsFactory(\n    {\n        ...makeEvButtonGroupProps({\n            gap: \"none\",\n        }),\n        ...makeGroupProps({\n            selectedAppearance: \"primary\",\n            selectedVariant: \"tonal\",\n        }),\n    },\n    \"EvButtonToggle\",\n);\n","import {\n    Appearance,\n    AppearanceProp,\n    InputSizeProp,\n    propsFactory,\n    VariantProp,\n} from \"@/util\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport {\n    makeRouterLinkOrHrefProps,\n    RouterLinkOrHrefProps,\n} from \"@/composables/router\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { EvButtonToggleSymbol } from \"@/components/EvButtonToggle/EvButtonToggle\";\nimport { makeGroupItemProps } from \"@/composables/groupItem\";\n\n/**\n * ## Button Appearance\n */\nexport type ButtonAppearanceProp = AppearanceProp | \"inverse\";\nexport type ButtonVariantProp = VariantProp | \"link\";\n\n/**\n * # EvButtonProps\n */\nexport interface EvButtonProps extends RouterLinkOrHrefProps {\n    appearance?: ButtonAppearanceProp;\n    disabled?: boolean;\n    icon?: IconValue | boolean;\n    iconStart?: IconValue;\n    iconEnd?: IconValue;\n    rounded?: boolean;\n    size?: InputSizeProp;\n    fullWidth?: boolean;\n    text?: string;\n    loading?: boolean;\n    onClick?: () => void;\n    variant?: ButtonVariantProp;\n}\n\n/**\n * # EvButton Props\n */\nexport const makeEvButtonProps = propsFactory(\n    {\n        active: {\n            type: Boolean,\n            default: undefined,\n        },\n        symbol: {\n            type: null,\n            default: EvButtonToggleSymbol,\n        },\n        appearance: {\n            type: String as PropType<ButtonAppearanceProp>,\n            default: Appearance.default,\n        },\n        icon: [Boolean, String, Function, Object] as PropType<\n            boolean | IconValue\n        >,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        rounded: Boolean,\n        size: String as PropType<InputSizeProp>,\n        fullWidth: Boolean,\n        selectedIcon: IconProp,\n        selectedIconStart: IconProp,\n        selectedIconEnd: IconProp,\n        text: String,\n        loading: Boolean,\n        variant: {\n            type: String as PropType<ButtonVariantProp>,\n            default: \"default\",\n        },\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n        ...makeGroupItemProps(),\n    },\n    \"EvButton\",\n);\n","import { UseRouterLinkOrHref } from \"@/composables/router\";\nimport { nextTick, watch } from \"vue\";\n\n/**\n * # useSelectLink\n *\n * @param link\n * @param select\n */\nexport function useSelectLink(\n    link: UseRouterLinkOrHref,\n    select?: (value: boolean, e?: Event) => void,\n) {\n    watch(\n        () => link.isActive?.value,\n        (isActive) => {\n            if (link.isLink.value && isActive && select) {\n                nextTick(() => {\n                    select(true);\n                });\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n","<script setup lang=\"ts\">\n/**\n * # EvButton\n */\nimport \"./EvButton.scss\";\nimport { makeEvButtonProps } from \"./EvButton\";\nimport { computed, useAttrs } from \"vue\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\nimport {\n    AppearanceProps,\n    InputSize,\n    isBoolean,\n    sizeModifier,\n    useAppearance,\n    Variant,\n} from \"@/util\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { useDefaults } from \"@/composables/defaults\";\nimport { useGroupItem } from \"@/composables/groupItem\";\nimport { useSelectLink } from \"@/composables/selectLink\";\n\nconst definedProps = defineProps({\n    ...makeEvButtonProps(),\n});\nconst props = useDefaults(definedProps);\n\ndefineEmits([\"group:selected\"]);\n\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    default(): never;\n    icon(): never;\n    \"icon-end\"(): never;\n    \"icon-start\"(): never;\n    prefix(): never;\n    suffix(): never;\n    additional(): never;\n}>();\nconst group = useGroupItem(props, props.symbol, false);\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst isActive = computed(() => {\n    if (props.active !== undefined) {\n        return props.active;\n    }\n    if (link.isLink.value) {\n        return link.isActive?.value;\n    }\n    return group?.isSelected.value;\n});\n\nconst isDisabled = computed(() => {\n    // we'll add groups later\n    return group?.disabled.value || props.disabled;\n});\n\nconst isClickable = computed(() => {\n    return !isDisabled.value && !props.loading;\n});\n\n/**\n * ## Is Icon Like?\n *\n * Used to determine whether to apply `is-icon` modifier class.\n *\n * Returns `true` if only one icon is applied, the button is not full-width\n * and no text has been supplied.\n *\n * OR, the `icon` prop is supplied as `true`.\n */\nconst isIconLike = computed(() => {\n    const icons = [props.icon, props.iconStart, props.iconEnd].filter(\n        (icon) => !!icon,\n    );\n    return (\n        ((icons.length === 1 && !slots.default && !props.text) ||\n            props.icon === true) &&\n        !props.fullWidth\n    );\n});\n\n/**\n * ## Is Link?\n * Returns `true` if an `href` was supplied AND is NOT an empty string.\n */\nconst isLink = computed(() => {\n    return link.isLink.value;\n});\n\n/**\n * ## Component Element\n *\n * An `<ev-button>` may render as:\n * - `<a>` when an `href` is supplied\n * - `<button>` when `href` is NOT supplied, or is an empty string\n */\nconst componentElement = computed(() => {\n    return isLink.value ? \"a\" : \"button\";\n});\n\n/**\n * # On Click\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    if (\n        isDisabled.value ||\n        (isLink.value &&\n            (e.metaKey ||\n                e.ctrlKey ||\n                e.shiftKey ||\n                e.button !== 0 ||\n                attrs.target === \"_blank\"))\n    ) {\n        return;\n    }\n    link.navigate?.(e);\n    group?.toggle();\n}\n\nuseSelectLink(link, group?.select);\n\nconst { appearanceClass, variantClass } = useAppearance(\n    props as AppearanceProps,\n    group,\n    isActive,\n    Variant.bold,\n);\n\nconst valueAttr = computed(() => {\n    if (props.value === undefined || typeof props.value === \"symbol\") {\n        return undefined;\n    }\n    return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0)\n        : props.value;\n});\n\ndefineExpose({\n    group,\n});\n\nconst icon = computed(() => {\n    return group?.isSelected.value\n        ? props.selectedIcon ?? props.icon\n        : props.icon;\n});\n\nconst iconStart = computed(() => {\n    return group?.isSelected.value\n        ? props.selectedIconStart ?? props.iconStart\n        : props.iconStart;\n});\n\nconst iconEnd = computed(() => {\n    return group?.isSelected.value\n        ? props.selectedIconEnd ?? props.iconEnd\n        : props.iconEnd;\n});\n</script>\n\n<template>\n    <component\n        :is=\"componentElement\"\n        :href=\"link.href.value\"\n        :class=\"[\n            'ev-button',\n            group?.selectedClass.value,\n            appearanceClass,\n            variantClass,\n            sizeModifier(props.size as string, [InputSize.default]),\n            {\n                'is-active': isActive,\n                'is-disabled': isDisabled,\n                'is-icon': isIconLike,\n                'is-fullwidth': props.fullWidth,\n                'is-loading': props.loading,\n                'is-rounded': props.rounded,\n                'is-clickable': isClickable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        tabindex=\"0\"\n        :disabled=\"isDisabled || undefined\"\n        :value=\"valueAttr\"\n        @click=\"onClick\">\n        <span\n            v-if=\"iconStart || slots['icon-start']\"\n            class=\"ev-button--icon-start\">\n            <slot name=\"icon-start\">\n                <ev-icon :glyph=\"iconStart\" />\n            </slot>\n        </span>\n        <span v-if=\"slots.prefix\" class=\"ev-button--prefix\">\n            <slot name=\"prefix\" />\n        </span>\n        <span\n            v-if=\"(icon || slots.icon) && !isBoolean(icon)\"\n            class=\"ev-button--icon\">\n            <slot name=\"icon\">\n                <ev-icon :glyph=\"icon\" />\n            </slot>\n        </span>\n        <span\n            v-if=\"props.text || slots.default\"\n            class=\"ev-button--content\"\n            data-no-activator>\n            <slot>{{ props.text }}</slot>\n        </span>\n        <span v-if=\"slots.suffix\" class=\"ev-button--suffix\">\n            <slot name=\"suffix\" />\n        </span>\n        <span v-if=\"iconEnd || slots['icon-end']\" class=\"ev-button--icon-end\">\n            <slot name=\"icon-end\">\n                <ev-icon :glyph=\"iconEnd\" />\n            </slot>\n        </span>\n        <span v-if=\"props.loading\" class=\"ev-button--loading\">\n            <ev-progress-circular indeterminate />\n        </span>\n        <slot name=\"additional\" />\n    </component>\n</template>\n"],"names":["propsFactory","Appearance","makeComponentProps","makeTagProps","makeGroupProps","IconProp","makeRouterLinkOrHrefProps","makeGroupItemProps","watch","nextTick","props","useDefaults","useAttrs","_useSlots","group","useGroupItem","useRouterLinkOrHref","computed","icons","icon","useAppearance","Variant"],"mappings":"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"}