@evance/evance-ui 1.0.12 → 1.0.13

package/dist/cjs/EvButtonGroup.vue_vue_type_script_setup_true_lang-BTc-vOAT.cjs

@@ -0,0 +1,74 @@
+"use strict";
+/*! Evance UI v1.0.13 | MIT License */
+const vue = require("vue");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-7SAM7L7r.cjs");
+const defaults = require("./defaults-CFIHOMj1.cjs");
+const modifiers = require("./modifiers-BImKvW33.cjs");
+const helpers = require("./helpers-CVaInvlS.cjs");
+const _hoisted_1 = { class: "ev-button-group--container" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonGroup",
+  props: {
+    ...EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonGroupProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const props = defaults.useDefaults(definedProps);
+    defaults.provideDefaults({
+      EvButton: {
+        appearance: vue.toRef(props, "appearance"),
+        variant: vue.toRef(props, "variant"),
+        size: vue.toRef(props, "size")
+      }
+    });
+    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
+          },
+          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._sfc_main), vue.mergeProps({
+                  key: item.id
+                }, item.props), null, 16);
+              }), 128))
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvButtonGroup.vue_vue_type_script_setup_true_lang-BTc-vOAT.cjs.map

package/dist/cjs/EvButtonGroup.vue_vue_type_script_setup_true_lang-BTc-vOAT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonGroup.vue_vue_type_script_setup_true_lang-BTc-vOAT.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        variant: toRef(props, \"variant\"),\n        size: toRef(props, \"size\"),\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            },\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,MAAA;AAAA,IAC7B,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/EvButtonToggle.cjs

@@ -1,8 +1,8 @@
 "use strict";
-/*! Evance UI v1.0.10 | MIT License */
+/*! Evance UI v1.0.13 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-BnAchEWu.cjs");
-const EvButtonToggle_vue_vue_type_script_setup_true_lang = require("./EvButtonToggle.vue_vue_type_script_setup_true_lang-CDKd59JF.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-7SAM7L7r.cjs");
+const EvButtonToggle_vue_vue_type_script_setup_true_lang = require("./EvButtonToggle.vue_vue_type_script_setup_true_lang-xIGrfMCD.cjs");
 exports.EvButtonToggleSymbol = EvButton_vue_vue_type_script_setup_true_lang.EvButtonToggleSymbol;
 exports.makeEvButtonToggleProps = EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonToggleProps;
 exports.EvButtonToggle = EvButtonToggle_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/EvButtonToggle.vue_vue_type_script_setup_true_lang-xIGrfMCD.cjs

@@ -0,0 +1,41 @@
+"use strict";
+/*! Evance UI v1.0.13 | MIT License */
+const vue = require("vue");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-7SAM7L7r.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("./EvButtonGroup.vue_vue_type_script_setup_true_lang-BTc-vOAT.cjs");
+const group = require("./group-qJWt1jXZ.cjs");
+const helpers = require("./helpers-CVaInvlS.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonToggle",
+  props: {
+    ...EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonToggleProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { isSelected, next, previous, select, selected } = group.useGroup(
+      props,
+      EvButton_vue_vue_type_script_setup_true_lang.EvButtonToggleSymbol
+    );
+    __expose({
+      next,
+      previous,
+      select
+    });
+    const groupProps = vue.computed(() => helpers.filterComponentProps(EvButtonGroup_vue_vue_type_script_setup_true_lang._sfc_main, 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._sfc_main), 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._sfc_main = _sfc_main;
+//# sourceMappingURL=EvButtonToggle.vue_vue_type_script_setup_true_lang-xIGrfMCD.cjs.map

package/dist/cjs/EvButtonToggle.vue_vue_type_script_setup_true_lang-xIGrfMCD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonToggle.vue_vue_type_script_setup_true_lang-xIGrfMCD.cjs","sources":["../../src/components/EvButtonToggle/EvButtonToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # EvButtonToggle\r\n */\r\nimport \"./EvButtonToggle.scss\";\r\nimport {\r\n    EvButtonToggleSlots,\r\n    EvButtonToggleSymbol,\r\n    makeEvButtonToggleProps,\r\n} from \"./EvButtonToggle\";\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    ...makeEvButtonToggleProps(),\r\n});\r\n\r\ndefineEmits([\"update:modelValue\"]);\r\n\r\ndefineSlots<EvButtonToggleSlots>();\r\n\r\nconst { isSelected, next, previous, select, selected } = useGroup(\r\n    props as any as GroupProps,\r\n    EvButtonToggleSymbol,\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","EvButtonToggleSymbol","computed","filterComponentProps","EvButtonGroup"],"mappings":";;;;;;;;;;;;;;;AAuBA,UAAM,EAAE,YAAY,MAAM,UAAU,QAAQ,aAAaA,MAAA;AAAA,MACrD;AAAA,MACAC,6CAAAA;AAAAA,IACJ;AAEa,aAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,aAAaC,IAAAA,SAAS,MAAMC,QAAqB,qBAAAC,kDAAA,WAAe,KAAK,CAAC;AAC5E,UAAM,YAAY,EAAE,YAAY,MAAM,UAAU,QAAQ,SAAS;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCard.cjs

@@ -1,9 +1,9 @@
 "use strict";
-/*! Evance UI v1.0.10 | MIT License */
+/*! Evance UI v1.0.13 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvCardActions_vue_vue_type_script_setup_true_lang = require("./EvCardActions.vue_vue_type_script_setup_true_lang-D4qL5F4h.cjs");
-const EvCardContent_vue_vue_type_script_setup_true_lang = require("./EvCardContent.vue_vue_type_script_setup_true_lang-i0yScHbt.cjs");
-const EvCard_vue_vue_type_script_setup_true_lang = require("./EvCard.vue_vue_type_script_setup_true_lang-C0KOJHpe.cjs");
+const EvCardActions_vue_vue_type_script_setup_true_lang = require("./EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs");
+const EvCardContent_vue_vue_type_script_setup_true_lang = require("./EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs");
+const EvCard_vue_vue_type_script_setup_true_lang = require("./EvCard.vue_vue_type_script_setup_true_lang-Dv9j7n-V.cjs");
 exports.EvCardActions = EvCardActions_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvCardActionsProps = EvCardActions_vue_vue_type_script_setup_true_lang.makeEvCardActionsProps;
 exports.EvCardContent = EvCardContent_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/EvCard.vue_vue_type_script_setup_true_lang-Dv9j7n-V.cjs

@@ -0,0 +1,170 @@
+"use strict";
+/*! Evance UI v1.0.13 | MIT License */
+const vue = require("vue");
+const component = require("./component-Rrl3Rq4l.cjs");
+const tag = require("./tag-CGE8MDJL.cjs");
+const icons = require("./icons-TlCKoLhe.cjs");
+const router = require("./router-DM_IhGK8.cjs");
+const props = require("./props-DfUdUHxq.cjs");
+const appearance = require("./appearance-BDxKwKXH.cjs");
+const EvCardContent_vue_vue_type_script_setup_true_lang = require("./EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs");
+const EvCardActions_vue_vue_type_script_setup_true_lang = require("./EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs");
+const EvSurface_vue_vue_type_script_setup_true_lang = require("./EvSurface.vue_vue_type_script_setup_true_lang-BYALBgXE.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"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-card--header"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-card--prefix"
+};
+const _hoisted_3 = { class: "ev-card--body" };
+const _hoisted_4 = {
+  key: 2,
+  class: "ev-card--suffix"
+};
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("span", { class: "ev-card--underlay" }, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvCard",
+  props: { ...makeEvCardProps() },
+  setup(__props) {
+    const props2 = __props;
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const link = router.useRouterLinkOrHref(props2, attrs);
+    const actionProps = vue.computed(() => {
+      return {
+        justify: props2.justifyActions,
+        size: props2.size,
+        items: props2.actions
+      };
+    });
+    const contentProps = vue.computed(() => {
+      return {
+        eyebrow: props2.eyebrow,
+        icon: props2.icon,
+        size: props2.size,
+        text: props2.text,
+        title: props2.title,
+        appearance: props2.iconAppearance ?? props2.appearance
+      };
+    });
+    const { appearanceClass, variantClass } = appearance.useAppearance(props2);
+    const isClickable = vue.computed(() => link.isClickable.value);
+    const componentElement = vue.computed(() => {
+      return link.isLink.value ? "a" : props2.tag;
+    });
+    const hasActions = vue.computed(() => {
+      return props2.actions || slots.actions;
+    });
+    const hasContent = vue.computed(() => {
+      return slots.text || props2.text || props2.title || props2.eyebrow;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvSurface_vue_vue_type_script_setup_true_lang._sfc_main), {
+        tag: componentElement.value,
+        href: vue.unref(link).href.value,
+        class: vue.normalizeClass([
+          "ev-card",
+          {
+            "is-clickable": isClickable.value,
+            "is-disabled": props2.disabled
+          },
+          vue.unref(appearanceClass),
+          vue.unref(variantClass),
+          props2.class
+        ]),
+        disabled: props2.disabled || void 0,
+        elevation: props2.elevation,
+        rounded: props2.rounded,
+        style: vue.normalizeStyle(props2.style),
+        tabindex: isClickable.value ? 0 : void 0
+      }, {
+        default: vue.withCtx(() => [
+          vue.unref(slots).header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "header")
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(slots).prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "prefix")
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3, [
+            hasContent.value ? (vue.openBlock(), vue.createBlock(vue.unref(EvCardContent_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.mergeProps({ key: 0 }, contentProps.value)), vue.createSlots({
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "text")
+              ]),
+              _: 2
+            }, [
+              vue.unref(slots).icon ? {
+                name: "icon",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "icon")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "default"),
+            hasActions.value ? (vue.openBlock(), vue.createBlock(vue.unref(EvCardActions_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.mergeProps({ key: 1 }, actionProps.value)), {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "actions")
+              ]),
+              _: 3
+            }, 16)) : vue.createCommentVNode("", true)
+          ]),
+          vue.unref(slots).suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.renderSlot(_ctx.$slots, "suffix")
+          ])) : vue.createCommentVNode("", true),
+          _hoisted_5
+        ]),
+        _: 3
+      }, 8, ["tag", "href", "class", "disabled", "elevation", "rounded", "style", "tabindex"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvCardProps = makeEvCardProps;
+//# sourceMappingURL=EvCard.vue_vue_type_script_setup_true_lang-Dv9j7n-V.cjs.map

package/dist/cjs/EvCard.vue_vue_type_script_setup_true_lang-Dv9j7n-V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCard.vue_vue_type_script_setup_true_lang-Dv9j7n-V.cjs","sources":["../../src/components/EvCard/EvCard.ts","../../src/components/EvCard/EvCard.vue"],"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","<script setup lang=\"ts\">\nimport \"./EvCard.scss\";\nimport { makeEvCardProps } from \"./EvCard\";\nimport { EvCardContent } from \"@/components/EvCard/EvCardContent\";\nimport { EvCardActions } from \"@/components/EvCard/EvCardActions\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { computed, useAttrs } from \"vue\";\nimport { useAppearance } from \"@/util\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\n\nconst props = defineProps({ ...makeEvCardProps() });\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    actions(): never;\n    default(): never;\n    header(): never;\n    icon(): never;\n    image(): never;\n    prefix(): never;\n    suffix(): never;\n    text(): never;\n}>();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst actionProps = computed(() => {\n    return {\n        justify: props.justifyActions,\n        size: props.size,\n        items: props.actions,\n    };\n});\n\nconst contentProps = computed(() => {\n    return {\n        eyebrow: props.eyebrow,\n        icon: props.icon,\n        size: props.size,\n        text: props.text,\n        title: props.title,\n        appearance: props.iconAppearance ?? props.appearance,\n    };\n});\n\nconst { appearanceClass, variantClass } = useAppearance(props);\n\nconst isClickable = computed(() => link.isClickable.value);\nconst componentElement = computed(() => {\n    return link.isLink.value ? \"a\" : props.tag;\n});\nconst hasActions = computed(() => {\n    return props.actions || slots.actions;\n});\nconst hasContent = computed(() => {\n    return slots.text || props.text || props.title || props.eyebrow;\n});\n</script>\n\n<template>\n    <ev-surface\n        :tag=\"componentElement\"\n        :href=\"link.href.value\"\n        :class=\"[\n            'ev-card',\n            {\n                'is-clickable': isClickable,\n                'is-disabled': props.disabled,\n            },\n            appearanceClass,\n            variantClass,\n            props.class,\n        ]\"\n        :disabled=\"props.disabled || undefined\"\n        :elevation=\"props.elevation\"\n        :rounded=\"props.rounded\"\n        :style=\"props.style\"\n        :tabindex=\"isClickable ? 0 : undefined\">\n        <div v-if=\"slots.header\" class=\"ev-card--header\">\n            <slot name=\"header\" />\n        </div>\n        <div v-if=\"slots.prefix\" class=\"ev-card--prefix\">\n            <slot name=\"prefix\" />\n        </div>\n        <div class=\"ev-card--body\">\n            <ev-card-content v-if=\"hasContent\" v-bind=\"contentProps\">\n                <template v-if=\"slots.icon\" #icon>\n                    <slot name=\"icon\" />\n                </template>\n                <slot name=\"text\" />\n            </ev-card-content>\n            <slot name=\"default\" />\n            <ev-card-actions v-if=\"hasActions\" v-bind=\"actionProps\">\n                <slot name=\"actions\" />\n            </ev-card-actions>\n        </div>\n        <div v-if=\"slots.suffix\" class=\"ev-card--suffix\">\n            <slot name=\"suffix\" />\n        </div>\n        <span class=\"ev-card--underlay\"></span>\n    </ev-surface>\n</template>\n"],"names":["propsFactory","Appearance","IconProp","makeComponentProps","makeRouterLinkOrHrefProps","makeTagProps","useAttrs","_useSlots","useRouterLinkOrHref","props","computed","useAppearance"],"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;;;;;;;;;;;;;;;;;;;;ACzCA,UAAM,QAAQC,IAAAA,SAAS;AACvB,UAAM,QAAQC,IAAAA;AAUR,UAAA,OAAOC,OAAAA,oBAAoBC,QAAgC,KAAK;AAEhE,UAAA,cAAcC,IAAAA,SAAS,MAAM;AACxB,aAAA;AAAA,QACH,SAASD,OAAM;AAAA,QACf,MAAMA,OAAM;AAAA,QACZ,OAAOA,OAAM;AAAA,MACjB;AAAA,IAAA,CACH;AAEK,UAAA,eAAeC,IAAAA,SAAS,MAAM;AACzB,aAAA;AAAA,QACH,SAASD,OAAM;AAAA,QACf,MAAMA,OAAM;AAAA,QACZ,MAAMA,OAAM;AAAA,QACZ,MAAMA,OAAM;AAAA,QACZ,OAAOA,OAAM;AAAA,QACb,YAAYA,OAAM,kBAAkBA,OAAM;AAAA,MAC9C;AAAA,IAAA,CACH;AAED,UAAM,EAAE,iBAAiB,iBAAiBE,WAAAA,cAAcF,MAAK;AAE7D,UAAM,cAAcC,IAAA,SAAS,MAAM,KAAK,YAAY,KAAK;AACnD,UAAA,mBAAmBA,IAAAA,SAAS,MAAM;AACpC,aAAO,KAAK,OAAO,QAAQ,MAAMD,OAAM;AAAA,IAAA,CAC1C;AACK,UAAA,aAAaC,IAAAA,SAAS,MAAM;AACvB,aAAAD,OAAM,WAAW,MAAM;AAAA,IAAA,CACjC;AACK,UAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,aAAO,MAAM,QAAQD,OAAM,QAAQA,OAAM,SAASA,OAAM;AAAA,IAAA,CAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCardActions.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.10 | MIT License */
+/*! Evance UI v1.0.13 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvCardActions_vue_vue_type_script_setup_true_lang = require("./EvCardActions.vue_vue_type_script_setup_true_lang-D4qL5F4h.cjs");
+const EvCardActions_vue_vue_type_script_setup_true_lang = require("./EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs");
 exports.EvCardActions = EvCardActions_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvCardActionsProps = EvCardActions_vue_vue_type_script_setup_true_lang.makeEvCardActionsProps;
 //# sourceMappingURL=EvCardActions.cjs.map

package/dist/cjs/EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs

@@ -0,0 +1,56 @@
+"use strict";
+/*! Evance UI v1.0.13 | MIT License */
+const vue = require("vue");
+const component = require("./component-Rrl3Rq4l.cjs");
+const props = require("./props-DfUdUHxq.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("./EvButtonGroup.vue_vue_type_script_setup_true_lang-BTc-vOAT.cjs");
+const defaults = require("./defaults-CFIHOMj1.cjs");
+const modifiers = require("./modifiers-BImKvW33.cjs");
+const makeEvCardActionsProps = props.propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    justify: {
+      type: String,
+      default: "end"
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    ...component.makeComponentProps()
+  },
+  "EvCardActions"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvCardActions",
+  props: { ...makeEvCardActionsProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props2 = defaults.useDefaults(definedProps);
+    vue.useSlots();
+    const justifyClass = vue.computed(() => modifiers.makeClassName(props2.justify, "justify"));
+    const sizeClass = vue.computed(() => modifiers.sizeModifier(props2.size));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-card-actions", justifyClass.value, sizeClass.value, vue.unref(props2).class]),
+        style: vue.normalizeStyle(vue.unref(props2).style)
+      }, [
+        vue.createVNode(vue.unref(EvButtonGroup_vue_vue_type_script_setup_true_lang._sfc_main), {
+          size: vue.unref(props2).size,
+          items: vue.unref(props2).items
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["size", "items"])
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvCardActionsProps = makeEvCardActionsProps;
+//# sourceMappingURL=EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs.map

package/dist/cjs/EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCardActions.vue_vue_type_script_setup_true_lang-BmC8IWAm.cjs","sources":["../../src/components/EvCard/EvCardActions/EvCardActions.ts","../../src/components/EvCard/EvCardActions/EvCardActions.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton/EvButton\";\nimport { JustifyContentValue } from \"@/components/EvGrid/EvLayout\";\nimport { EvCardContentSize } from \"@/components/EvCard/EvCardContent\";\n\nexport const makeEvCardActionsProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        justify: {\n            type: String as PropType<JustifyContentValue>,\n            default: \"end\",\n        },\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        ...makeComponentProps(),\n    },\n    \"EvCardActions\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvCardActions.scss\";\nimport { makeEvCardActionsProps } from \"./EvCardActions\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { computed } from \"vue\";\nimport { makeClassName, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({ ...makeEvCardActionsProps() });\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst justifyClass = computed(() => makeClassName(props.justify, \"justify\"));\nconst sizeClass = computed(() => sizeModifier(props.size));\n</script>\n\n<template>\n    <div\n        :class=\"['ev-card-actions', justifyClass, sizeClass, props.class]\"\n        :style=\"props.style\">\n        <ev-button-group :size=\"props.size\" :items=\"props.items\">\n            <slot />\n        </ev-button-group>\n    </div>\n</template>\n"],"names":["propsFactory","makeComponentProps","props","useDefaults","_useSlots","computed","makeClassName","sizeModifier"],"mappings":";;;;;;;;AAOO,MAAM,yBAAyBA,MAAA;AAAA,EAClC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACfM,UAAAC,SAAQC,qBAAY,YAAY;AACxBC;AAGd,UAAM,eAAeC,IAAAA,SAAS,MAAMC,UAAAA,cAAcJ,OAAM,SAAS,SAAS,CAAC;AAC3E,UAAM,YAAYG,IAAAA,SAAS,MAAME,UAAa,aAAAL,OAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCardContent.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.10 | MIT License */
+/*! Evance UI v1.0.13 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvCardContent_vue_vue_type_script_setup_true_lang = require("./EvCardContent.vue_vue_type_script_setup_true_lang-i0yScHbt.cjs");
+const EvCardContent_vue_vue_type_script_setup_true_lang = require("./EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs");
 exports.EvCardContent = EvCardContent_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvCardContentProps = EvCardContent_vue_vue_type_script_setup_true_lang.makeEvCardContentProps;
 //# sourceMappingURL=EvCardContent.cjs.map

package/dist/cjs/EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs

@@ -0,0 +1,118 @@
+"use strict";
+/*! Evance UI v1.0.13 | MIT License */
+const vue = require("vue");
+const icons = require("./icons-TlCKoLhe.cjs");
+const component = require("./component-Rrl3Rq4l.cjs");
+const props = require("./props-DfUdUHxq.cjs");
+const EvHeading_vue_vue_type_style_index_0_lang = require("./EvHeading.vue_vue_type_style_index_0_lang-Ca-C9thr.cjs");
+const EvText_vue_vue_type_style_index_0_lang = require("./EvText.vue_vue_type_style_index_0_lang-GdvWIcPN.cjs");
+const EvIcon_vue_vue_type_style_index_0_lang = require("./EvIcon.vue_vue_type_style_index_0_lang-DjEdc9lR.cjs");
+const EvEyebrow_vue_vue_type_script_setup_true_lang = require("./EvEyebrow.vue_vue_type_script_setup_true_lang-BgUNVpCM.cjs");
+const defaults = require("./defaults-CFIHOMj1.cjs");
+const isFunctions = require("./is-functions-CE_-xf1e.cjs");
+const helpers = require("./helpers-CVaInvlS.cjs");
+const modifiers = require("./modifiers-BImKvW33.cjs");
+const makeEvCardContentProps = props.propsFactory(
+  {
+    appearance: String,
+    eyebrow: String,
+    icon: icons.IconProp,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    text: [String, Array],
+    title: String,
+    ...component.makeComponentProps()
+  },
+  "EvCardContent"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-card-content--icon"
+};
+const _hoisted_2 = { class: "ev-card-content--detail" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvCardContent",
+  props: { ...makeEvCardContentProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props2 = defaults.useDefaults(definedProps);
+    const slots = vue.useSlots();
+    const textItems = vue.computed(() => {
+      if (!props2.text) {
+        return [];
+      }
+      const values = isFunctions.isString(props2.text) ? [props2.text] : [...props2.text];
+      for (const [index, value] of values.entries()) {
+        const textProps = isFunctions.isString(value) ? { text: value } : value;
+        values[index] = {
+          id: helpers.getNextId(),
+          props: Object.assign(
+            {
+              size: descriptionSize.value
+            },
+            textProps
+          )
+        };
+      }
+      return values;
+    });
+    const sizeClass = vue.computed(() => modifiers.sizeModifier(props2.size));
+    const descriptionSize = vue.computed(() => {
+      switch (props2.size) {
+        case "small":
+          return "medium";
+        default:
+          return props2.size;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-card-content", sizeClass.value, vue.unref(props2).class]),
+        style: vue.normalizeStyle(vue.unref(props2).style)
+      }, [
+        vue.unref(slots).icon || vue.unref(props2).icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+            vue.createVNode(vue.unref(EvIcon_vue_vue_type_style_index_0_lang._sfc_main), {
+              glyph: vue.unref(props2).icon,
+              appearance: vue.unref(props2).appearance
+            }, null, 8, ["glyph", "appearance"])
+          ])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.unref(props2).eyebrow ? (vue.openBlock(), vue.createBlock(vue.unref(EvEyebrow_vue_vue_type_script_setup_true_lang._sfc_main), {
+            key: 0,
+            class: "ev-card-content--eyebrow"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(props2).eyebrow), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.unref(slots).title || vue.unref(props2).title ? vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+            vue.createVNode(vue.unref(EvHeading_vue_vue_type_style_index_0_lang._sfc_main), {
+              size: vue.unref(props2).size,
+              class: "ev-card-content--title"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(props2).title), 1)
+              ]),
+              _: 1
+            }, 8, ["size"])
+          ]) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(textItems.value, (textItem) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(EvText_vue_vue_type_style_index_0_lang._sfc_main), vue.mergeProps({
+                key: textItem.id
+              }, textItem.props), null, 16);
+            }), 128))
+          ])
+        ])
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvCardContentProps = makeEvCardContentProps;
+//# sourceMappingURL=EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs.map

package/dist/cjs/EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCardContent.vue_vue_type_script_setup_true_lang-k1w6kwjv.cjs","sources":["../../src/components/EvCard/EvCardContent/EvCardContent.ts","../../src/components/EvCard/EvCardContent/EvCardContent.vue"],"sourcesContent":["import { AppearanceProp, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport type EvCardContentSize = \"small\" | \"medium\" | \"large\" | \"x-large\";\n\nexport const makeEvCardContentProps = propsFactory(\n    {\n        appearance: String as PropType<AppearanceProp>,\n        eyebrow: String,\n        icon: IconProp,\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        text: [String, Array],\n        title: String,\n        ...makeComponentProps(),\n    },\n    \"EvCardContent\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvCardContent.scss\";\nimport { makeEvCardContentProps } from \"./EvCardContent\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport { EvText, EvTextProps } from \"@/components/EvText\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvEyebrow } from \"@/components/EvEyebrow\";\nimport { computed, ComputedRef } from \"vue\";\nimport { getNextId, isString, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({ ...makeEvCardContentProps() });\nconst props = useDefaults(definedProps);\n\nconst slots = defineSlots<{\n    default(): never;\n    icon(): never;\n    title(): never;\n}>();\n\ninterface TextItem {\n    id: number;\n    props: EvTextProps;\n}\n\nconst textItems: ComputedRef<TextItem[]> = computed(() => {\n    if (!props.text) {\n        return [];\n    }\n    const values = isString(props.text) ? [props.text] : [...props.text];\n\n    for (const [index, value] of values.entries()) {\n        const textProps = isString(value) ? { text: value } : value;\n        values[index] = {\n            id: getNextId(),\n            props: Object.assign(\n                {\n                    size: descriptionSize.value,\n                },\n                textProps,\n            ),\n        };\n    }\n    return values as TextItem[];\n});\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst descriptionSize = computed(() => {\n    switch (props.size) {\n        case \"small\":\n            return \"medium\";\n        default:\n            return props.size;\n    }\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-card-content', sizeClass, props.class]\"\n        :style=\"props.style\">\n        <div v-if=\"slots.icon || props.icon\" class=\"ev-card-content--icon\">\n            <slot name=\"icon\">\n                <ev-icon :glyph=\"props.icon\" :appearance=\"props.appearance\" />\n            </slot>\n        </div>\n        <div class=\"ev-card-content--detail\">\n            <ev-eyebrow v-if=\"props.eyebrow\" class=\"ev-card-content--eyebrow\">\n                {{ props.eyebrow }}\n            </ev-eyebrow>\n            <template v-if=\"slots.title || props.title\">\n                <slot name=\"title\">\n                    <ev-heading\n                        :size=\"props.size\"\n                        class=\"ev-card-content--title\">\n                        {{ props.title }}\n                    </ev-heading>\n                </slot>\n            </template>\n            <slot>\n                <ev-text\n                    v-for=\"textItem in textItems\"\n                    :key=\"textItem.id\"\n                    v-bind=\"textItem.props\" />\n            </slot>\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","IconProp","makeComponentProps","props","useDefaults","_useSlots","computed","isString","getNextId","sizeModifier"],"mappings":";;;;;;;;;;;;;;AAOO,MAAM,yBAAyBA,MAAA;AAAA,EAClC;AAAA,IACI,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAMC,MAAA;AAAA,IACN,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM,CAAC,QAAQ,KAAK;AAAA,IACpB,OAAO;AAAA,IACP,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;ACTM,UAAAC,SAAQC,qBAAY,YAAY;AAEtC,UAAM,QAAQC,IAAAA;AAWR,UAAA,YAAqCC,IAAAA,SAAS,MAAM;AAClD,UAAA,CAACH,OAAM,MAAM;AACb,eAAO,CAAC;AAAA,MAAA;AAEZ,YAAM,SAASI,YAAAA,SAASJ,OAAM,IAAI,IAAI,CAACA,OAAM,IAAI,IAAI,CAAC,GAAGA,OAAM,IAAI;AAEnE,iBAAW,CAAC,OAAO,KAAK,KAAK,OAAO,WAAW;AAC3C,cAAM,YAAYI,YAAAA,SAAS,KAAK,IAAI,EAAE,MAAM,UAAU;AACtD,eAAO,KAAK,IAAI;AAAA,UACZ,IAAIC,QAAAA,UAAU;AAAA,UACd,OAAO,OAAO;AAAA,YACV;AAAA,cACI,MAAM,gBAAgB;AAAA,YAC1B;AAAA,YACA;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAEG,aAAA;AAAA,IAAA,CACV;AAED,UAAM,YAAYF,IAAAA,SAAS,MAAMG,UAAa,aAAAN,OAAM,IAAI,CAAC;AAEnD,UAAA,kBAAkBG,IAAAA,SAAS,MAAM;AACnC,cAAQH,OAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX;AACI,iBAAOA,OAAM;AAAA,MAAA;AAAA,IACrB,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCheckbox-BD8QIq_F.cjs

@@ -0,0 +1,66 @@
+"use strict";
+/*! Evance UI v1.0.13 | MIT License */
+const validation = require("./validation-CMAFfw-C.cjs");
+const component = require("./component-Rrl3Rq4l.cjs");
+const vue = require("vue");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-gM0o3-ai.cjs");
+const props = require("./props-DfUdUHxq.cjs");
+const isFunctions = require("./is-functions-CE_-xf1e.cjs");
+const helpers = require("./helpers-CVaInvlS.cjs");
+const makeEvCheckboxProps = props.propsFactory(
+  {
+    indeterminate: Boolean,
+    trueValue: null,
+    falseValue: null,
+    value: null,
+    valueComparator: {
+      type: Function,
+      default: isFunctions.isDeepEqual
+    },
+    ...EvLabel_vue_vue_type_script_setup_true_lang.makeLabelProps(),
+    ...validation.makeFormFieldProps(),
+    ...component.makeComponentProps()
+  },
+  "EvSwitch"
+);
+function useToggleControl(modelProxy, props2) {
+  const trueValue = vue.computed(() => {
+    if (props2.trueValue !== void 0) {
+      return props2.trueValue;
+    }
+    return props2.value !== void 0 ? props2.value : true;
+  });
+  const falseValue = vue.computed(() => {
+    return props2.falseValue !== void 0 ? props2.falseValue : false;
+  });
+  const isMultiple = vue.computed(() => {
+    return Array.isArray(modelProxy.value);
+  });
+  const isChecked = vue.computed({
+    get() {
+      const value = modelProxy.value;
+      return isMultiple.value ? helpers.wrapInArray(value).some(
+        (v) => props2.valueComparator(v, trueValue.value)
+      ) : props2.valueComparator(value, trueValue.value);
+    },
+    set(value) {
+      if (props2.readonly) {
+        return;
+      }
+      const currentValue = value ? trueValue.value : falseValue.value;
+      let newValue = currentValue;
+      if (isMultiple.value) {
+        newValue = value ? [...helpers.wrapInArray(modelProxy.value), currentValue] : helpers.wrapInArray(modelProxy.value).filter((item) => !props2.valueComparator(item, trueValue.value));
+      }
+      modelProxy.value = newValue;
+    }
+  });
+  return {
+    trueValue,
+    falseValue,
+    isChecked
+  };
+}
+exports.makeEvCheckboxProps = makeEvCheckboxProps;
+exports.useToggleControl = useToggleControl;
+//# sourceMappingURL=EvCheckbox-BD8QIq_F.cjs.map

package/dist/cjs/EvCheckbox-BD8QIq_F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox-BD8QIq_F.cjs","sources":["../../src/components/EvCheckbox/EvCheckbox.ts"],"sourcesContent":["import { isDeepEqual, propsFactory, wrapInArray } from \"@/util\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { computed, ExtractPropTypes, PropType, Ref } from \"vue\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\n/**\n * # Make EvCheckbox Props\n */\nexport const makeEvCheckboxProps = propsFactory(\n    {\n        indeterminate: Boolean,\n        trueValue: null,\n        falseValue: null,\n        value: null,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeComponentProps(),\n    },\n    \"EvSwitch\",\n);\n\n/**\n * # Use Toggle Control\n *\n * @param modelProxy\n * @param props\n */\nexport function useToggleControl(\n    modelProxy: Ref<any>,\n    props: ExtractPropTypes<ReturnType<typeof makeEvCheckboxProps>>,\n) {\n    /**\n     * ## True Value\n     */\n    const trueValue = computed(() => {\n        if (props.trueValue !== undefined) {\n            return props.trueValue;\n        }\n        return props.value !== undefined ? props.value : true;\n    });\n\n    /**\n     * ## False Value\n     */\n    const falseValue = computed(() => {\n        return props.falseValue !== undefined ? props.falseValue : false;\n    });\n\n    const isMultiple = computed(() => {\n        return Array.isArray(modelProxy.value);\n    });\n\n    /**\n     * ## Is Checked\n     */\n    const isChecked = computed({\n        get() {\n            const value = modelProxy.value;\n            return isMultiple.value\n                ? wrapInArray(value).some((v: any) =>\n                      props.valueComparator(v, trueValue.value),\n                  )\n                : props.valueComparator(value, trueValue.value);\n        },\n        set(value: boolean) {\n            if (props.readonly) {\n                return;\n            }\n            const currentValue = value ? trueValue.value : falseValue.value;\n            let newValue = currentValue;\n            if (isMultiple.value) {\n                newValue = value\n                    ? [...wrapInArray(modelProxy.value), currentValue]\n                    : wrapInArray(modelProxy.value).filter((item: any) => !props.valueComparator(item, trueValue.value));\n            }\n            // I might do some funky stuff here later for multi-selection and groups\n            modelProxy.value = newValue;\n        },\n    });\n\n    return {\n        trueValue,\n        falseValue,\n        isChecked,\n    };\n}\n"],"names":["propsFactory","isDeepEqual","makeLabelProps","makeFormFieldProps","makeComponentProps","props","computed","wrapInArray"],"mappings":";;;;;;;;;AASO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,eAAe;AAAA,IACf,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAASC,YAAAA;AAAAA,IACb;AAAA,IAEA,GAAGC,2DAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;AAQgB,SAAA,iBACZ,YACAC,QACF;AAIQ,QAAA,YAAYC,IAAAA,SAAS,MAAM;AACzB,QAAAD,OAAM,cAAc,QAAW;AAC/B,aAAOA,OAAM;AAAA,IAAA;AAEjB,WAAOA,OAAM,UAAU,SAAYA,OAAM,QAAQ;AAAA,EAAA,CACpD;AAKK,QAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,WAAOD,OAAM,eAAe,SAAYA,OAAM,aAAa;AAAA,EAAA,CAC9D;AAEK,QAAA,aAAaC,IAAAA,SAAS,MAAM;AACvB,WAAA,MAAM,QAAQ,WAAW,KAAK;AAAA,EAAA,CACxC;AAKD,QAAM,YAAYA,IAAAA,SAAS;AAAA,IACvB,MAAM;AACF,YAAM,QAAQ,WAAW;AACzB,aAAO,WAAW,QACZC,oBAAY,KAAK,EAAE;AAAA,QAAK,CAAC,MACrBF,OAAM,gBAAgB,GAAG,UAAU,KAAK;AAAA,MAE5C,IAAAA,OAAM,gBAAgB,OAAO,UAAU,KAAK;AAAA,IACtD;AAAA,IACA,IAAI,OAAgB;AAChB,UAAIA,OAAM,UAAU;AAChB;AAAA,MAAA;AAEJ,YAAM,eAAe,QAAQ,UAAU,QAAQ,WAAW;AAC1D,UAAI,WAAW;AACf,UAAI,WAAW,OAAO;AACP,mBAAA,QACL,CAAC,GAAGE,QAAA,YAAY,WAAW,KAAK,GAAG,YAAY,IAC/CA,oBAAY,WAAW,KAAK,EAAE,OAAO,CAAC,SAAc,CAACF,OAAM,gBAAgB,MAAM,UAAU,KAAK,CAAC;AAAA,MAAA;AAG3G,iBAAW,QAAQ;AAAA,IAAA;AAAA,EACvB,CACH;AAEM,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;;;"}