@evance/evance-ui 1.1.8 → 1.1.10

package/dist/cjs/components/EvButton/EvButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButton.cjs","sources":["../../../../src/components/EvButton/EvButton.ts"],"sourcesContent":["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 { EvButtonSelectSymbol } from \"@/components/EvButtonSelect/EvButtonSelect\";\nimport { makeGroupItemProps } from \"@/composables/groupItem\";\nimport { makeThemeProps } from \"@/composables/theme\";\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: EvButtonSelectSymbol,\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        readonly: 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        ...makeThemeProps(),\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n        ...makeGroupItemProps(),\n    },\n    \"EvButton\",\n);\n"],"names":["propsFactory","EvButtonSelectSymbol","Appearance","IconProp","makeThemeProps","makeComponentProps","makeRouterLinkOrHrefProps","makeGroupItemProps"],"mappings":";;;;;;;;;;;AA6CO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAASC,eAAAA;AAAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASC,WAAAA,WAAW;AAAA,IACxB;AAAA,IACA,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,IAGxC,WAAWC,MAAA;AAAA,IACX,SAASA,MAAA;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAcA,MAAA;AAAA,IACd,mBAAmBA,MAAA;AAAA,IACnB,iBAAiBA,MAAA;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,qBAAe;AAAA,IAClB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iCAA0B;AAAA,IAC7B,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvButton/EvButton.vue.cjs

@@ -0,0 +1,189 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                */
+const EvButton = require("./EvButton.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const EvProgressCircular_vue_vue_type_script_setup_true_lang = require("../EvProgressCircular/EvProgressCircular.vue.cjs");
+const router = require("../../composables/router.cjs");
+const defaults = require("../../composables/defaults.cjs");
+const groupItem = require("../../composables/groupItem.cjs");
+const selectLink = require("../../composables/selectLink.cjs");
+const theme = require("../../composables/theme.cjs");
+const appearance = require("../../util/appearance.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+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: {
+    ...EvButton.makeEvButtonProps()
+  },
+  emits: ["group:selected"],
+  setup(__props, { expose: __expose }) {
+    const definedProps = __props;
+    const props = defaults.useDefaults(definedProps);
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const group = groupItem.useGroupItem(props, props.symbol, false);
+    const link = router.useRouterLinkOrHref(props, attrs);
+    const isActive = vue.computed(() => {
+      var _a;
+      if (props.active !== void 0) {
+        return props.active;
+      }
+      if (link.isLink.value) {
+        return (_a = link.isActive) == null ? void 0 : _a.value;
+      }
+      return group == null ? void 0 : group.isSelected.value;
+    });
+    const isDisabled = vue.computed(() => {
+      return (group == null ? void 0 : group.disabled.value) || props.disabled;
+    });
+    const isClickable = vue.computed(() => {
+      return !isDisabled.value && !props.loading;
+    });
+    const isIconLike = vue.computed(() => {
+      const icons = [props.icon, props.iconStart, props.iconEnd].filter(
+        (icon2) => !!icon2
+      );
+      return (icons.length === 1 && !slots.default && !props.text || props.icon === true) && !props.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);
+      group == null ? void 0 : group.toggle();
+    }
+    selectLink.useSelectLink(link, group == null ? void 0 : group.select);
+    const { appearanceClass, variantClass } = appearance.useAppearance(
+      props,
+      group,
+      isActive,
+      appearance.Variant.bold
+    );
+    const { themeClasses } = theme.provideTheme(props);
+    const valueAttr = vue.computed(() => {
+      if (props.value === void 0 || typeof props.value === "symbol") {
+        return void 0;
+      }
+      return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;
+    });
+    __expose({
+      group
+    });
+    const icon = vue.computed(() => {
+      return (group == null ? void 0 : group.isSelected.value) ? props.selectedIcon ?? props.icon : props.icon;
+    });
+    const iconStart = vue.computed(() => {
+      return (group == null ? void 0 : group.isSelected.value) ? props.selectedIconStart ?? props.iconStart : props.iconStart;
+    });
+    const iconEnd = vue.computed(() => {
+      return (group == null ? void 0 : group.isSelected.value) ? props.selectedIconEnd ?? props.iconEnd : props.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(group)) == null ? void 0 : _a.selectedClass.value,
+          vue.unref(themeClasses),
+          vue.unref(appearanceClass),
+          vue.unref(variantClass),
+          vue.unref(modifiers.sizeModifier)(vue.unref(props).size, [vue.unref(appearance.InputSize).default]),
+          {
+            "is-active": isActive.value,
+            "is-disabled": isDisabled.value,
+            "is-icon": isIconLike.value,
+            "is-fullwidth": vue.unref(props).fullWidth,
+            "is-loading": vue.unref(props).loading,
+            "is-readonly": vue.unref(props).readonly,
+            "is-rounded": vue.unref(props).rounded,
+            "is-clickable": isClickable.value
+          },
+          vue.unref(props).class
+        ]),
+        style: vue.normalizeStyle(vue.unref(props).style),
+        tabindex: vue.unref(props).readonly ? -1 : 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_script_setup_true_lang.default), { 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_script_setup_true_lang.default), { glyph: icon.value }, null, 8, ["glyph"])
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(props).text || vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(props).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_script_setup_true_lang.default), { glyph: iconEnd.value }, null, 8, ["glyph"])
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(props).loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
+            vue.createVNode(vue.unref(EvProgressCircular_vue_vue_type_script_setup_true_lang.default), { indeterminate: "" })
+          ])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "additional")
+        ]),
+        _: 3
+      }, 8, ["href", "class", "style", "tabindex", "disabled", "value"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvButton.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvButton.vue.cjs","sources":["../../../../src/components/EvButton/EvButton.vue"],"sourcesContent":["<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\";\nimport { provideTheme } from \"@/composables/theme\";\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);\nconst { themeClasses } = provideTheme(props);\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            themeClasses,\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-readonly': props.readonly,\n                'is-rounded': props.rounded,\n                'is-clickable': isClickable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :tabindex=\"props.readonly ? -1 : 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":["useDefaults","useAttrs","_useSlots","useGroupItem","useRouterLinkOrHref","computed","icon","useSelectLink","useAppearance","Variant","provideTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BM,UAAA,QAAQA,qBAAY,YAAY;AAItC,UAAM,QAAQC,IAAAA,SAAS;AACvB,UAAM,QAAQC,IAAAA;AASd,UAAM,QAAQC,UAAAA,aAAa,OAAO,MAAM,QAAQ,KAAK;AAC/C,UAAA,OAAOC,OAAAA,oBAAoB,OAAgC,KAAK;AAEhE,UAAA,WAAWC,IAAAA,SAAS,MAAM;;AACxB,UAAA,MAAM,WAAW,QAAW;AAC5B,eAAO,MAAM;AAAA,MAAA;AAEb,UAAA,KAAK,OAAO,OAAO;AACnB,gBAAO,UAAK,aAAL,mBAAe;AAAA,MAAA;AAE1B,aAAO,+BAAO,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AAEvB,cAAA,+BAAO,SAAS,UAAS,MAAM;AAAA,IAAA,CACzC;AAEK,UAAA,cAAcA,IAAAA,SAAS,MAAM;AAC/B,aAAO,CAAC,WAAW,SAAS,CAAC,MAAM;AAAA,IAAA,CACtC;AAYK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AACxB,YAAA,QAAQ,CAAC,MAAM,MAAM,MAAM,WAAW,MAAM,OAAO,EAAE;AAAA,QACvD,CAACC,UAAS,CAAC,CAACA;AAAAA,MAChB;AACA,cACM,MAAM,WAAW,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,QAC7C,MAAM,SAAS,SACnB,CAAC,MAAM;AAAA,IAAA,CAEd;AAMK,UAAA,SAASD,IAAAA,SAAS,MAAM;AAC1B,aAAO,KAAK,OAAO;AAAA,IAAA,CACtB;AASK,UAAA,mBAAmBA,IAAAA,SAAS,MAAM;AAC7B,aAAA,OAAO,QAAQ,MAAM;AAAA,IAAA,CAC/B;AAMD,aAAS,QAAQ,GAAqB;;AAClC,UACI,WAAW,SACV,OAAO,UACH,EAAE,WACC,EAAE,WACF,EAAE,YACF,EAAE,WAAW,KACb,MAAM,WAAW,WAC3B;AACE;AAAA,MAAA;AAEJ,iBAAK,aAAL,8BAAgB;AAChB,qCAAO;AAAA,IAAO;AAGJE,6BAAA,MAAM,+BAAO,MAAM;AAE3B,UAAA,EAAE,iBAAiB,aAAA,IAAiBC,WAAA;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACAC,mBAAQ;AAAA,IACZ;AACA,UAAM,EAAE,aAAA,IAAiBC,MAAA,aAAa,KAAK;AAErC,UAAA,YAAYL,IAAAA,SAAS,MAAM;AAC7B,UAAI,MAAM,UAAU,UAAa,OAAO,MAAM,UAAU,UAAU;AACvD,eAAA;AAAA,MAAA;AAEX,aAAO,OAAO,MAAM,KAAK,MAAM,MAAM,QAC/B,KAAK,UAAU,MAAM,OAAO,MAAM,CAAC,IACnC,MAAM;AAAA,IAAA,CACf;AAEY,aAAA;AAAA,MACT;AAAA,IAAA,CACH;AAEK,UAAA,OAAOA,IAAAA,SAAS,MAAM;AACxB,cAAO,+BAAO,WAAW,SACnB,MAAM,gBAAgB,MAAM,OAC5B,MAAM;AAAA,IAAA,CACf;AAEK,UAAA,YAAYA,IAAAA,SAAS,MAAM;AAC7B,cAAO,+BAAO,WAAW,SACnB,MAAM,qBAAqB,MAAM,YACjC,MAAM;AAAA,IAAA,CACf;AAEK,UAAA,UAAUA,IAAAA,SAAS,MAAM;AAC3B,cAAO,+BAAO,WAAW,SACnB,MAAM,mBAAmB,MAAM,UAC/B,MAAM;AAAA,IAAA,CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvButton/EvButton.vue2.cjs

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

package/dist/cjs/components/EvButtonGroup/EvButtonGroup.cjs

@@ -0,0 +1,35 @@
+"use strict";
+/*! Evance UI v1.1.10 | 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 appearance = require("../../util/appearance.cjs");
+const makeEvButtonGroupProps = props.propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    appearance: {
+      type: String,
+      default: appearance.Appearance.default
+    },
+    gap: {
+      type: String,
+      default: "auto"
+    },
+    grow: Boolean,
+    rounded: Boolean,
+    size: String,
+    variant: {
+      type: String,
+      default: "default"
+    },
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps()
+  },
+  "EvButtonGroup"
+);
+exports.makeEvButtonGroupProps = makeEvButtonGroupProps;
+//# sourceMappingURL=EvButtonGroup.cjs.map

package/dist/cjs/components/EvButtonGroup/EvButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonGroup.cjs","sources":["../../../../src/components/EvButtonGroup/EvButtonGroup.ts"],"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        grow: Boolean,\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"],"names":["propsFactory","Appearance","makeComponentProps","makeTagProps"],"mappings":";;;;;;;AAmBO,MAAM,yBAAyBA,MAAA;AAAA,EAClC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASC,WAAAA,WAAW;AAAA,IACxB;AAAA,IACA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;"}

package/dist/cjs/components/EvButtonGroup/EvButtonGroup.vue.cjs

@@ -0,0 +1,79 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                     */
+const EvButtonGroup = require("./EvButtonGroup.cjs");
+const defaults = require("../../composables/defaults.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("../EvButton/EvButton.vue.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _hoisted_1 = { class: "ev-button-group--container" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonGroup",
+  props: {
+    ...EvButtonGroup.makeEvButtonGroupProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const props = defaults.useDefaults(definedProps);
+    defaults.provideDefaults({
+      EvButton: {
+        appearance: vue.toRef(props, "appearance"),
+        rounded: vue.toRef(props, "rounded"),
+        size: vue.toRef(props, "size"),
+        variant: vue.toRef(props, "variant")
+      }
+    });
+    const parsedItems = vue.computed(() => {
+      const items = [];
+      for (const item of props.items) {
+        items.push({
+          props: item,
+          id: helpers.getNextId()
+        });
+      }
+      return items;
+    });
+    const appearanceClass = vue.computed(() => modifiers.appearanceModifier(props.appearance));
+    const variantClass = vue.computed(() => modifiers.variantModifier(props.variant));
+    const gapClass = vue.computed(() => {
+      const buttonSize = props.size ?? "medium";
+      if (props.gap === "auto") {
+        return modifiers.makeClassName(buttonSize, "is-gap");
+      }
+      return modifiers.makeClassName(props.gap, "is-gap");
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(props).tag), {
+        class: vue.normalizeClass([
+          "ev-button-group",
+          appearanceClass.value,
+          variantClass.value,
+          gapClass.value,
+          {
+            "is-rounded": vue.unref(props).rounded,
+            "is-grow": vue.unref(props).grow
+          },
+          vue.unref(props).class
+        ]),
+        style: vue.normalizeStyle(vue.unref(props).style)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(parsedItems.value, (item) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+                  key: item.id
+                }, item.props), null, 16);
+              }), 128))
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvButtonGroup.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonGroup.vue.cjs","sources":["../../../../src/components/EvButtonGroup/EvButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvButtonGroup\n */\nimport \"./EvButtonGroup.scss\";\nimport { makeEvButtonGroupProps } from \"./EvButtonGroup\";\nimport { provideDefaults, useDefaults } from \"@/composables/defaults\";\nimport { computed, toRef } from \"vue\";\nimport {\n    appearanceModifier,\n    getNextId,\n    makeClassName,\n    variantModifier,\n} from \"@/util\";\nimport { EvButton } from \"../EvButton\";\n\nconst definedProps = defineProps({\n    ...makeEvButtonGroupProps(),\n});\nconst props = useDefaults(definedProps);\n\ndefineSlots<{\n    default(): never;\n}>();\n\nprovideDefaults({\n    EvButton: {\n        appearance: toRef(props, \"appearance\"),\n        rounded: toRef(props, \"rounded\"),\n        size: toRef(props, \"size\"),\n        variant: toRef(props, \"variant\"),\n    },\n});\n\nconst parsedItems = computed(() => {\n    const items = [];\n    for (const item of props.items) {\n        items.push({\n            props: item,\n            id: getNextId(),\n        });\n    }\n    return items;\n});\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\nconst variantClass = computed(() => variantModifier(props.variant));\nconst gapClass = computed(() => {\n    const buttonSize = props.size ?? \"medium\";\n    if (props.gap === \"auto\") {\n        return makeClassName(buttonSize, \"is-gap\");\n    }\n    return makeClassName(props.gap, \"is-gap\");\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-button-group',\n            appearanceClass,\n            variantClass,\n            gapClass,\n            {\n                'is-rounded': props.rounded,\n                'is-grow': props.grow,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <div class=\"ev-button-group--container\">\n            <slot>\n                <ev-button\n                    v-for=\"item in parsedItems\"\n                    :key=\"item.id\"\n                    v-bind=\"item.props\" />\n            </slot>\n        </div>\n    </component>\n</template>\n"],"names":["useDefaults","provideDefaults","toRef","computed","getNextId","appearanceModifier","variantModifier","makeClassName"],"mappings":";;;;;;;;;;;;;;;;;;AAmBM,UAAA,QAAQA,qBAAY,YAAY;AAMtBC,6BAAA;AAAA,MACZ,UAAU;AAAA,QACN,YAAYC,IAAAA,MAAM,OAAO,YAAY;AAAA,QACrC,SAASA,IAAAA,MAAM,OAAO,SAAS;AAAA,QAC/B,MAAMA,IAAAA,MAAM,OAAO,MAAM;AAAA,QACzB,SAASA,IAAAA,MAAM,OAAO,SAAS;AAAA,MAAA;AAAA,IACnC,CACH;AAEK,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,YAAM,QAAQ,CAAC;AACJ,iBAAA,QAAQ,MAAM,OAAO;AAC5B,cAAM,KAAK;AAAA,UACP,OAAO;AAAA,UACP,IAAIC,QAAU,UAAA;AAAA,QAAA,CACjB;AAAA,MAAA;AAEE,aAAA;AAAA,IAAA,CACV;AAED,UAAM,kBAAkBD,IAAAA,SAAS,MAAME,UAAmB,mBAAA,MAAM,UAAU,CAAC;AAC3E,UAAM,eAAeF,IAAAA,SAAS,MAAMG,UAAgB,gBAAA,MAAM,OAAO,CAAC;AAC5D,UAAA,WAAWH,IAAAA,SAAS,MAAM;AACtB,YAAA,aAAa,MAAM,QAAQ;AAC7B,UAAA,MAAM,QAAQ,QAAQ;AACf,eAAAI,UAAA,cAAc,YAAY,QAAQ;AAAA,MAAA;AAEtC,aAAAA,wBAAc,MAAM,KAAK,QAAQ;AAAA,IAAA,CAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvButtonGroup/EvButtonGroup.vue2.cjs

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

package/dist/cjs/components/EvButtonSelect/EvButtonSelect.cjs

@@ -0,0 +1,24 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const group = require("../../composables/group.cjs");
+const EvButtonGroup = require("../EvButtonGroup/EvButtonGroup.cjs");
+const props = require("../../util/props.cjs");
+const EvButtonSelectSymbol = Symbol.for("ev:button-select");
+const makeEvButtonSelectProps = props.propsFactory(
+  {
+    ...EvButtonGroup.makeEvButtonGroupProps({
+      gap: "none",
+      appearance: "default",
+      variant: "outlined"
+    }),
+    ...group.makeGroupProps({
+      selectedAppearance: "primary",
+      selectedVariant: "outlined"
+    })
+  },
+  "EvButtonSelect"
+);
+exports.EvButtonSelectSymbol = EvButtonSelectSymbol;
+exports.makeEvButtonSelectProps = makeEvButtonSelectProps;
+//# sourceMappingURL=EvButtonSelect.cjs.map

package/dist/cjs/components/EvButtonSelect/EvButtonSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonSelect.cjs","sources":["../../../../src/components/EvButtonSelect/EvButtonSelect.ts"],"sourcesContent":["import { GroupProvide, makeGroupProps } from \"@/composables/group\";\nimport { InjectionKey } from \"vue\";\nimport { propsFactory } from \"@/util\";\nimport { makeEvButtonGroupProps } from \"@/components/EvButtonGroup/EvButtonGroup\";\n\nexport type SelectButtonSlotProps =\n    | \"isSelected\"\n    | \"select\"\n    | \"selected\"\n    | \"next\"\n    | \"previous\";\nexport interface DefaultSelectButtonSlot\n    extends Pick<GroupProvide, SelectButtonSlotProps> {}\n\nexport const EvButtonSelectSymbol: InjectionKey<GroupProvide> =\n    Symbol.for(\"ev:button-select\");\n\nexport type EvButtonSelectSlots = {\n    default: DefaultSelectButtonSlot;\n};\n\n/**\n * # makeEvButtonSelectProps\n */\nexport const makeEvButtonSelectProps = propsFactory(\n    {\n        ...makeEvButtonGroupProps({\n            gap: \"none\",\n            appearance: \"default\",\n            variant: \"outlined\",\n        }),\n        ...makeGroupProps({\n            selectedAppearance: \"primary\",\n            selectedVariant: \"outlined\",\n        }),\n    },\n    \"EvButtonSelect\",\n);\n"],"names":["propsFactory","makeEvButtonGroupProps","makeGroupProps"],"mappings":";;;;;;AAca,MAAA,uBACT,OAAO,IAAI,kBAAkB;AAS1B,MAAM,0BAA0BA,MAAA;AAAA,EACnC;AAAA,IACI,GAAGC,qCAAuB;AAAA,MACtB,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA,CACZ;AAAA,IACD,GAAGC,qBAAe;AAAA,MACd,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,IACpB,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;"}

package/dist/cjs/components/EvButtonSelect/EvButtonSelect.scss.cjs

@@ -0,0 +1,3 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+//# sourceMappingURL=EvButtonSelect.scss.cjs.map

package/dist/cjs/components/EvButtonSelect/EvButtonSelect.vue.cjs

@@ -0,0 +1,43 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("./EvButtonSelect.scss.cjs");
+const EvButtonSelect = require("./EvButtonSelect.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("../EvButtonGroup/EvButtonGroup.vue.cjs");
+const group = require("../../composables/group.cjs");
+const helpers = require("../../util/helpers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonSelect",
+  props: {
+    ...EvButtonSelect.makeEvButtonSelectProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { isSelected, next, previous, select, selected } = group.useGroup(
+      props,
+      EvButtonSelect.EvButtonSelectSymbol
+    );
+    __expose({
+      next,
+      previous,
+      select
+    });
+    const groupProps = vue.computed(() => helpers.filterComponentProps(EvButtonGroup_vue_vue_type_script_setup_true_lang.default, props));
+    const slotProps = { isSelected, next, previous, select, selected };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvButtonGroup_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+        class: ["ev-button-toggle", props.class],
+        style: props.style
+      }, groupProps.value), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+        ]),
+        _: 3
+      }, 16, ["class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvButtonSelect.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonSelect.vue.cjs","sources":["../../../../src/components/EvButtonSelect/EvButtonSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvButtonSelect.scss\";\r\nimport {\r\n    EvButtonSelectSlots,\r\n    EvButtonSelectSymbol,\r\n    makeEvButtonSelectProps,\r\n} from \"./EvButtonSelect\";\r\nimport { EvButtonGroup } from \"../EvButtonGroup\";\r\nimport { GroupProps, useGroup } from \"@/composables/group\";\r\nimport { filterComponentProps } from \"@/util\";\r\nimport { computed } from \"vue\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvButtonSelectProps(),\r\n});\r\n\r\ndefineEmits([\"update:modelValue\"]);\r\n\r\ndefineSlots<EvButtonSelectSlots>();\r\n\r\nconst { isSelected, next, previous, select, selected } = useGroup(\r\n    props as any as GroupProps,\r\n    EvButtonSelectSymbol,\r\n);\r\n\r\ndefineExpose({\r\n    next,\r\n    previous,\r\n    select,\r\n});\r\n\r\nconst groupProps = computed(() => filterComponentProps(EvButtonGroup, props));\r\nconst slotProps = { isSelected, next, previous, select, selected };\r\n</script>\r\n\r\n<template>\r\n    <ev-button-group\r\n        :class=\"['ev-button-toggle', props.class]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"groupProps\">\r\n        <slot v-bind=\"slotProps\" />\r\n    </ev-button-group>\r\n</template>\r\n"],"names":["useGroup","EvButtonSelectSymbol","computed","filterComponentProps","EvButtonGroup"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,UAAM,EAAE,YAAY,MAAM,UAAU,QAAQ,aAAaA,MAAA;AAAA,MACrD;AAAA,MACAC,eAAAA;AAAAA,IACJ;AAEa,aAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,aAAaC,IAAAA,SAAS,MAAMC,QAAqB,qBAAAC,kDAAA,SAAe,KAAK,CAAC;AAC5E,UAAM,YAAY,EAAE,YAAY,MAAM,UAAU,QAAQ,SAAS;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvButtonSelect/EvButtonSelect.vue2.cjs

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

package/dist/cjs/components/EvButtonSwitch/EvButtonSwitch.cjs

@@ -0,0 +1,25 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const group = require("../../composables/group.cjs");
+const EvButton = require("../EvButton/EvButton.cjs");
+const helpers = require("../../util/helpers.cjs");
+const props = require("../../util/props.cjs");
+const EvButtonSwitchSymbol = Symbol.for("ev:switch-button");
+const makeEvButtonSwitchProps = props.propsFactory(
+  {
+    ...EvButton.makeEvButtonProps(),
+    ...helpers.omit(
+      group.makeGroupProps({
+        selectedAppearance: "primary",
+        selectedVariant: "outlined"
+      }),
+      ["max", "mandatory", "multiple"]
+    ),
+    selectedText: String
+  },
+  "EvButtonSwitch"
+);
+exports.EvButtonSwitchSymbol = EvButtonSwitchSymbol;
+exports.makeEvButtonSwitchProps = makeEvButtonSwitchProps;
+//# sourceMappingURL=EvButtonSwitch.cjs.map

package/dist/cjs/components/EvButtonSwitch/EvButtonSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonSwitch.cjs","sources":["../../../../src/components/EvButtonSwitch/EvButtonSwitch.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { InjectionKey } from \"vue\";\nimport { GroupProvide, makeGroupProps } from \"@/composables/group\";\nimport { makeEvButtonProps } from \"@/components/EvButton\";\n\nexport const EvButtonSwitchSymbol: InjectionKey<GroupProvide> =\n    Symbol.for(\"ev:switch-button\");\n\nexport const makeEvButtonSwitchProps = propsFactory(\n    {\n        ...makeEvButtonProps(),\n        ...omit(\n            makeGroupProps({\n                selectedAppearance: \"primary\",\n                selectedVariant: \"outlined\",\n            }),\n            [\"max\", \"mandatory\", \"multiple\"],\n        ),\n        selectedText: String,\n    },\n    \"EvButtonSwitch\",\n);"],"names":["propsFactory","makeEvButtonProps","omit","makeGroupProps"],"mappings":";;;;;;;AAKa,MAAA,uBACT,OAAO,IAAI,kBAAkB;AAE1B,MAAM,0BAA0BA,MAAA;AAAA,EACnC;AAAA,IACI,GAAGC,2BAAkB;AAAA,IACrB,GAAGC,QAAA;AAAA,MACCC,qBAAe;AAAA,QACX,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,MAAA,CACpB;AAAA,MACD,CAAC,OAAO,aAAa,UAAU;AAAA,IACnC;AAAA,IACA,cAAc;AAAA,EAClB;AAAA,EACA;AACJ;;;"}

package/dist/cjs/components/EvButtonSwitch/EvButtonSwitch.scss.cjs

@@ -0,0 +1,3 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+//# sourceMappingURL=EvButtonSwitch.scss.cjs.map

package/dist/cjs/components/EvButtonSwitch/EvButtonSwitch.vue.cjs

@@ -0,0 +1,59 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("./EvButtonSwitch.scss.cjs");
+const EvButtonSwitch = require("./EvButtonSwitch.cjs");
+const group = require("../../composables/group.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("../EvButton/EvButton.vue.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonSwitch",
+  props: {
+    ...EvButtonSwitch.makeEvButtonSwitchProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    vue.useSlots();
+    const model = modelProxy.useModelProxy(props, "modelValue");
+    const selection = vue.ref(model.value);
+    group.useGroup(
+      {
+        disabled: props.disabled,
+        modelValue: selection,
+        selectedAppearance: props.selectedAppearance,
+        selectedVariant: props.selectedVariant,
+        selectedClass: props.selectedClass,
+        multiple: false,
+        mandatory: false
+      },
+      EvButtonSwitch.EvButtonSwitchSymbol
+    );
+    vue.watch(selection, (newValue, oldValue) => {
+      if (!!newValue !== !!oldValue) {
+        model.value = !!newValue;
+      }
+    });
+    vue.watch(model, (newValue, oldValue) => {
+      if (!!newValue !== !!oldValue) {
+        selection.value = !!newValue;
+      }
+    });
+    const label = vue.computed(() => {
+      if (model.value && props.selectedText) {
+        return props.selectedText;
+      }
+      return props.text;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), vue.mergeProps(props, {
+        value: true,
+        symbol: vue.unref(EvButtonSwitch.EvButtonSwitchSymbol),
+        text: label.value
+      }), null, 16, ["symbol", "text"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvButtonSwitch.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonSwitch.vue.cjs","sources":["../../../../src/components/EvButtonSwitch/EvButtonSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvButtonSwitch.scss\";\nimport {\n    EvButtonSwitchSymbol,\n    makeEvButtonSwitchProps,\n} from \"./EvButtonSwitch\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { useModelProxy } from \"@/composables\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvButtonSwitchProps(),\n});\n\ndefineEmits([\"update:modelValue\"]);\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst model = useModelProxy(props, \"modelValue\");\nconst selection = ref(model.value);\n\nuseGroup(\n    {\n        disabled: props.disabled,\n        modelValue: selection,\n        selectedAppearance: props.selectedAppearance,\n        selectedVariant: props.selectedVariant,\n        selectedClass: props.selectedClass,\n        multiple: false,\n        mandatory: false,\n    } as any as GroupProps,\n    EvButtonSwitchSymbol,\n);\n\nwatch(selection, (newValue, oldValue) => {\n    if (!!newValue !== !!oldValue) {\n        model.value = !!newValue;\n    }\n});\n\nwatch(model, (newValue, oldValue) => {\n    if (!!newValue !== !!oldValue) {\n        selection.value = !!newValue;\n    }\n});\n\nconst label = computed(() => {\n    if (model.value && props.selectedText) {\n        return props.selectedText;\n    }\n    return props.text;\n});\n</script>\n\n<template>\n    <ev-button\n        v-bind=\"props\"\n        :value=\"true\"\n        :symbol=\"EvButtonSwitchSymbol\"\n        :text=\"label\" />\n</template>\n"],"names":["_useSlots","useModelProxy","ref","useGroup","EvButtonSwitchSymbol","watch","computed"],"mappings":";;;;;;;;;;;;;;;;;AAiBcA;AAIR,UAAA,QAAQC,WAAAA,cAAc,OAAO,YAAY;AACzC,UAAA,YAAYC,IAAAA,IAAI,MAAM,KAAK;AAEjCC,UAAA;AAAA,MACI;AAAA,QACI,UAAU,MAAM;AAAA,QAChB,YAAY;AAAA,QACZ,oBAAoB,MAAM;AAAA,QAC1B,iBAAiB,MAAM;AAAA,QACvB,eAAe,MAAM;AAAA,QACrB,UAAU;AAAA,QACV,WAAW;AAAA,MACf;AAAA,MACAC,eAAAA;AAAAA,IACJ;AAEMC,QAAAA,MAAA,WAAW,CAAC,UAAU,aAAa;AACrC,UAAI,CAAC,CAAC,aAAa,CAAC,CAAC,UAAU;AACrB,cAAA,QAAQ,CAAC,CAAC;AAAA,MAAA;AAAA,IACpB,CACH;AAEKA,QAAAA,MAAA,OAAO,CAAC,UAAU,aAAa;AACjC,UAAI,CAAC,CAAC,aAAa,CAAC,CAAC,UAAU;AACjB,kBAAA,QAAQ,CAAC,CAAC;AAAA,MAAA;AAAA,IACxB,CACH;AAEK,UAAA,QAAQC,IAAAA,SAAS,MAAM;AACrB,UAAA,MAAM,SAAS,MAAM,cAAc;AACnC,eAAO,MAAM;AAAA,MAAA;AAEjB,aAAO,MAAM;AAAA,IAAA,CAChB;;;;;;;;;;;"}

package/dist/cjs/components/EvButtonSwitch/EvButtonSwitch.vue2.cjs

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

package/dist/cjs/components/EvCard/EvCard.cjs

@@ -0,0 +1,56 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const tag = require("../../composables/tag.cjs");
+const icons = require("../../composables/icons.cjs");
+const router = require("../../composables/router.cjs");
+const props = require("../../util/props.cjs");
+const appearance = require("../../util/appearance.cjs");
+const makeEvCardProps = props.propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: appearance.Appearance.default
+    },
+    disabled: Boolean,
+    elevation: {
+      type: String,
+      default: "panel"
+    },
+    rounded: {
+      type: [String, Number, Boolean],
+      default: true
+    },
+    icon: icons.IconProp,
+    iconAppearance: {
+      type: String,
+      default: void 0
+    },
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    justifyActions: {
+      type: String,
+      default: "end"
+    },
+    eyebrow: String,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    text: [String, Array],
+    title: String,
+    variant: {
+      type: String,
+      default: "subtle"
+    },
+    ...component.makeComponentProps(),
+    ...router.makeRouterLinkOrHrefProps(),
+    ...tag.makeTagProps()
+  },
+  "EvCard"
+);
+exports.makeEvCardProps = makeEvCardProps;
+//# sourceMappingURL=EvCard.cjs.map

package/dist/cjs/components/EvCard/EvCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCard.cjs","sources":["../../../../src/components/EvCard/EvCard.ts"],"sourcesContent":["import { Appearance, AppearanceProp, propsFactory, VariantProp } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\nimport { EvCardContentSize } from \"@/components/EvCard/EvCardContent\";\nimport { SurfaceElevation } from \"@/components/EvSurface\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\nimport { JustifyContentValue } from \"@/components/EvGrid/EvLayout\";\n\nexport const makeEvCardProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<AppearanceProp>,\n            default: Appearance.default,\n        },\n        disabled: Boolean,\n        elevation: {\n            type: String as PropType<SurfaceElevation>,\n            default: \"panel\",\n        },\n        rounded: {\n            type: [String, Number, Boolean],\n            default: true,\n        },\n        icon: IconProp,\n        iconAppearance: {\n            type: String as PropType<AppearanceProp>,\n            default: undefined,\n        },\n        actions: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        justifyActions: {\n            type: String as PropType<JustifyContentValue>,\n            default: \"end\",\n        },\n        eyebrow: String,\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        text: [String, Array],\n        title: String,\n        variant: {\n            type: String as PropType<VariantProp>,\n            default: \"subtle\",\n        },\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n        ...makeTagProps(),\n    },\n    \"EvCard\",\n);\n"],"names":["propsFactory","Appearance","IconProp","makeComponentProps","makeRouterLinkOrHrefProps","makeTagProps"],"mappings":";;;;;;;;;AAWO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASC,WAAAA,WAAW;AAAA,IACxB;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,MAAMC,MAAA;AAAA,IACN,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM,CAAC,QAAQ,KAAK;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iCAA0B;AAAA,IAC7B,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;"}