@evance/evance-ui 1.0.2 → 1.0.3

package/dist/cjs/EvSlideGroupItem.vue_vue_type_script_setup_true_lang-DxQhmvSb.cjs

@@ -0,0 +1,32 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const groupItem = require("./groupItem-nVmYqx24.cjs");
+const EvSlideGroup = require("./EvSlideGroup-B1w93Qzb.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSlideGroupItem",
+  props: {
+    ...groupItem.makeGroupItemProps()
+  },
+  emits: ["group:selected"],
+  setup(__props) {
+    const props = __props;
+    const slideGroupItem = groupItem.useGroupItem(
+      props,
+      EvSlideGroup.EvSlideGroupSymbol
+    );
+    const slotProps = vue.computed(() => {
+      return {
+        isSelected: slideGroupItem.isSelected.value,
+        select: slideGroupItem.select,
+        toggle: slideGroupItem.toggle,
+        selectedClass: slideGroupItem.selectedClass.value
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps.value)));
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvSlideGroupItem.vue_vue_type_script_setup_true_lang-DxQhmvSb.cjs.map

package/dist/cjs/EvSlideGroupItem.vue_vue_type_script_setup_true_lang-DxQhmvSb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSlideGroupItem.vue_vue_type_script_setup_true_lang-DxQhmvSb.cjs","sources":["../../src/components/EvSlideGroup/EvSlideGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n    GroupItemProps,\n    GroupItemProvide,\n    makeGroupItemProps,\n    useGroupItem,\n} from \"@/composables/groupItem.ts\";\nimport { computed, UnwrapRef } from \"vue\";\nimport { EvSlideGroupSymbol } from \"@/components\";\n\ntype EvSlideGroupItemSlots = {\n    default: {\n        isSelected: UnwrapRef<GroupItemProvide[\"isSelected\"]>;\n        select: GroupItemProvide[\"select\"];\n        toggle: GroupItemProvide[\"toggle\"];\n        selectedClass: UnwrapRef<GroupItemProvide[\"selectedClass\"]>;\n    };\n};\n\ndefineEmits([\"group:selected\"]);\n\ndefineSlots<EvSlideGroupItemSlots>();\n\nconst props = defineProps({\n    ...makeGroupItemProps(),\n});\nconst slideGroupItem = useGroupItem(\n    props as any as GroupItemProps,\n    EvSlideGroupSymbol,\n);\nconst slotProps = computed(() => {\n    return {\n        isSelected: slideGroupItem!.isSelected.value,\n        select: slideGroupItem!.select,\n        toggle: slideGroupItem!.toggle,\n        selectedClass: slideGroupItem!.selectedClass.value,\n    };\n});\n</script>\n\n<template>\n    <slot v-bind=\"slotProps\" />\n</template>\n"],"names":["useGroupItem","EvSlideGroupSymbol","computed"],"mappings":";;;;;;;;;;;;;AA0BA,UAAM,iBAAiBA,UAAA;AAAA,MACnB;AAAA,MACAC,aAAA;AAAA,IAAA;AAEE,UAAA,YAAYC,IAAAA,SAAS,MAAM;AACtB,aAAA;AAAA,QACH,YAAY,eAAgB,WAAW;AAAA,QACvC,QAAQ,eAAgB;AAAA,QACxB,QAAQ,eAAgB;AAAA,QACxB,eAAe,eAAgB,cAAc;AAAA,MAAA;AAAA,IACjD,CACH;;;;;;;"}

package/dist/cjs/EvSpacer.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvSpacer_vue_vue_type_script_setup_true_lang = require("./EvSpacer.vue_vue_type_script_setup_true_lang-P9tmG8Y6.cjs");
+const EvSpacer_vue_vue_type_script_setup_true_lang = require("./EvSpacer.vue_vue_type_script_setup_true_lang-GFo1_AOM.cjs");
 exports.EvSpacer = EvSpacer_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvSpacerProps = EvSpacer_vue_vue_type_script_setup_true_lang.makeEvSpacerProps;
 //# sourceMappingURL=EvSpacer.cjs.map

package/dist/cjs/EvSpacer.vue_vue_type_script_setup_true_lang-GFo1_AOM.cjs

@@ -0,0 +1,31 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const props = require("./props-vH_8_4_9.cjs");
+const component = require("./component-B8YXIj1A.cjs");
+const makeEvSpacerProps = props.propsFactory(
+  {
+    ...component.makeComponentProps()
+  },
+  "EvSpacer"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSpacer",
+  props: {
+    ...makeEvSpacerProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-spacer", props2.class]),
+        style: vue.normalizeStyle([props2.style])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvSpacerProps = makeEvSpacerProps;
+//# sourceMappingURL=EvSpacer.vue_vue_type_script_setup_true_lang-GFo1_AOM.cjs.map

package/dist/cjs/EvSpacer.vue_vue_type_script_setup_true_lang-GFo1_AOM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSpacer.vue_vue_type_script_setup_true_lang-GFo1_AOM.cjs","sources":["../../src/components/EvGrid/EvSpacer/EvSpacer.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\n\n/**\n * # makeEvSpacerProps\n */\nexport const makeEvSpacerProps = propsFactory(\n    {\n        ...makeComponentProps(),\n    },\n    \"EvSpacer\",\n);\n"],"names":["propsFactory","makeComponentProps"],"mappings":";;;;;AAMO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvSurface.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvSurface_vue_vue_type_script_setup_true_lang = require("./EvSurface.vue_vue_type_script_setup_true_lang-pn4dW5J4.cjs");
+const EvSurface_vue_vue_type_script_setup_true_lang = require("./EvSurface.vue_vue_type_script_setup_true_lang-B_B8V4QF.cjs");
 exports.EvSurface = EvSurface_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeElevationClass = EvSurface_vue_vue_type_script_setup_true_lang.makeElevationClass;
 exports.makeEvSurfaceProps = EvSurface_vue_vue_type_script_setup_true_lang.makeEvSurfaceProps;

package/dist/cjs/EvSurface.vue_vue_type_script_setup_true_lang-B_B8V4QF.cjs

@@ -0,0 +1,84 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const modifiers = require("./modifiers-CNRhMVDD.cjs");
+const props = require("./props-vH_8_4_9.cjs");
+const dimensions = require("./dimensions-BdUwmmzi.cjs");
+const isFunctions = require("./is-functions-Bf6pQOyz.cjs");
+function makeElevationClass(elevation) {
+  return modifiers.makeClassName(elevation, "elevation");
+}
+const makeEvSurfaceProps = props.propsFactory(
+  {
+    elevation: {
+      type: String,
+      default: "default"
+    },
+    // Rounded
+    rounded: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    // Scrollable
+    scrollable: {
+      type: [String, Boolean],
+      default: void 0
+    },
+    ...dimensions.makeDimensionsProps()
+  },
+  "EvSurface"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSurface",
+  props: {
+    ...makeEvSurfaceProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const dimensions$1 = dimensions.useDimensions(props2);
+    function makeRoundedClass(rounded) {
+      if (!rounded || isFunctions.isEmpty(rounded)) {
+        return void 0;
+      }
+      if (rounded === true) {
+        return "is-rounded";
+      }
+      if (!isFunctions.isString(rounded)) {
+        return void 0;
+      }
+      return modifiers.makeClassName(rounded, "is-rounded");
+    }
+    function makeScrollableClass(scrollable) {
+      if (typeof scrollable === "undefined") {
+        return void 0;
+      }
+      if (scrollable === false) {
+        return "is-overflow-hidden";
+      }
+      switch (scrollable) {
+        case "x":
+          return "is-scrollable-x";
+        case "y":
+          return "is-scrollable-y";
+        default:
+          return "is-scrollable";
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-surface", [
+          vue.unref(makeElevationClass)(props2.elevation),
+          makeRoundedClass(props2.rounded),
+          makeScrollableClass(props2.scrollable)
+        ]]),
+        style: vue.normalizeStyle([vue.unref(dimensions$1)])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeElevationClass = makeElevationClass;
+exports.makeEvSurfaceProps = makeEvSurfaceProps;
+//# sourceMappingURL=EvSurface.vue_vue_type_script_setup_true_lang-B_B8V4QF.cjs.map

package/dist/cjs/EvSurface.vue_vue_type_script_setup_true_lang-B_B8V4QF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSurface.vue_vue_type_script_setup_true_lang-B_B8V4QF.cjs","sources":["../../src/components/EvSurface/EvSurface.ts","../../src/components/EvSurface/EvSurface.vue"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions.ts\";\nimport { PropType } from \"vue\";\n\n/**\n * # Surface Elevation\n *\n * Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n *\n */\nexport type SurfaceElevation = \"default\" | \"panel\" | \"overlay\" | \"sunken\";\n\n/**\n * # Make Elevation Class\n */\nexport function makeElevationClass(elevation: string) {\n    return makeClassName(elevation, \"elevation\");\n}\n\n/**\n * # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n    {\n        elevation: {\n            type: String as PropType<SurfaceElevation>,\n            default: \"default\",\n        },\n        // Rounded\n        rounded: {\n            type: [String, Number, Boolean],\n            default: undefined,\n        },\n        // Scrollable\n        scrollable: {\n            type: [String, Boolean],\n            default: undefined,\n        },\n        ...makeDimensionsProps(),\n    },\n    \"EvSurface\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvSurface.scss\";\nimport { makeElevationClass, makeEvSurfaceProps } from \"./EvSurface.ts\";\nimport { isEmpty, isString, makeClassName } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions.ts\";\n\nconst props = defineProps({\n    ...makeEvSurfaceProps(),\n});\nconst dimensions = useDimensions(props);\n\n/**\n * @todo: this probably belongs in its own composable, if we expand on it or make it generic.\n *\n * @param rounded\n */\nfunction makeRoundedClass(rounded?: string | number | boolean) {\n    if (!rounded || isEmpty(rounded)) {\n        return undefined;\n    }\n    if (rounded === true) {\n        return \"is-rounded\";\n    }\n    if (!isString(rounded)) {\n        return undefined;\n    }\n    return makeClassName(rounded, \"is-rounded\");\n}\n\n/**\n * # Make Scrollable Class\n * @param scrollable\n */\nfunction makeScrollableClass(scrollable?: string | boolean) {\n    if (typeof scrollable === \"undefined\") {\n        return undefined;\n    }\n    if (scrollable === false) {\n        return \"is-overflow-hidden\";\n    }\n    switch (scrollable) {\n        case \"x\":\n            return \"is-scrollable-x\";\n        case \"y\":\n            return \"is-scrollable-y\";\n        default:\n            return \"is-scrollable\";\n    }\n}\n</script>\n\n<template>\n    <div\n        class=\"ev-surface\"\n        :class=\"[\n            makeElevationClass(props.elevation),\n            makeRoundedClass(props.rounded),\n            makeScrollableClass(props.scrollable),\n        ]\"\n        :style=\"[dimensions]\">\n        <slot />\n    </div>\n</template>\n"],"names":["makeClassName","propsFactory","makeDimensionsProps","dimensions","useDimensions","props","isEmpty","isString"],"mappings":";;;;;;;AAiBO,SAAS,mBAAmB,WAAmB;AAC3C,SAAAA,UAAA,cAAc,WAAW,WAAW;AAC/C;AAKO,MAAM,qBAAqBC,MAAA;AAAA,EAC9B;AAAA,IACI,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,SAAS;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,YAAY;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,+BAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;AClCM,UAAAC,eAAaC,yBAAcC,MAAK;AAOtC,aAAS,iBAAiB,SAAqC;AAC3D,UAAI,CAAC,WAAWC,oBAAQ,OAAO,GAAG;AACvB,eAAA;AAAA,MACX;AACA,UAAI,YAAY,MAAM;AACX,eAAA;AAAA,MACX;AACI,UAAA,CAACC,YAAAA,SAAS,OAAO,GAAG;AACb,eAAA;AAAA,MACX;AACO,aAAAP,UAAA,cAAc,SAAS,YAAY;AAAA,IAC9C;AAMA,aAAS,oBAAoB,YAA+B;AACpD,UAAA,OAAO,eAAe,aAAa;AAC5B,eAAA;AAAA,MACX;AACA,UAAI,eAAe,OAAO;AACf,eAAA;AAAA,MACX;AACA,cAAQ,YAAY;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX;AACW,iBAAA;AAAA,MACf;AAAA,IACJ;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvSwatch.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const _hoisted_1 = { class: "ev-swatch is-size-x-large" };

package/dist/cjs/EvSwitch.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvSwitch_vue_vue_type_script_setup_true_lang = require("./EvSwitch.vue_vue_type_script_setup_true_lang-BZP1URN1.cjs");
+const EvSwitch_vue_vue_type_script_setup_true_lang = require("./EvSwitch.vue_vue_type_script_setup_true_lang-BTsDeiTE.cjs");
 exports.EvSwitch = EvSwitch_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvSwitchProps = EvSwitch_vue_vue_type_script_setup_true_lang.makeEvSwitchProps;
 //# sourceMappingURL=EvSwitch.cjs.map

package/dist/cjs/EvSwitch.vue_vue_type_script_setup_true_lang-BTsDeiTE.cjs

@@ -0,0 +1,122 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-BRaDqrw_.cjs");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-hRerJGRe.cjs");
+const EvCheckbox = require("./EvCheckbox-YTuck6ST.cjs");
+const props = require("./props-vH_8_4_9.cjs");
+const validation = require("./validation-DI1yy4DV.cjs");
+const makeEvSwitchProps = props.propsFactory(
+  {
+    ...EvCheckbox.makeEvCheckboxProps()
+  },
+  "EvSwitch"
+);
+const _hoisted_1 = { class: "ev-switch--control" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-switch--track" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-switch--thumb" }, null, -1);
+const _hoisted_4 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"];
+const _hoisted_5 = {
+  key: 0,
+  class: "ev-switch--label"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "ev-switch--errors"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvSwitch",
+  props: {
+    ...makeEvSwitchProps()
+  },
+  emits: ["update:focused", "update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const attrs = vue.useAttrs();
+    const containerRef = vue.ref(null);
+    const inputRef = vue.ref(null);
+    const [containerAttrs, inputAttrs] = helpers.splitInputAttrs(attrs);
+    const formField = validation.useFormField(props2);
+    const { trueValue, isChecked } = EvCheckbox.useToggleControl(formField.model, props2);
+    function getInputElement() {
+      return inputRef.value;
+    }
+    function onInput(e) {
+      isChecked.value = e.target.checked;
+    }
+    __expose({
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      },
+      ...formField.expose()
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: ["ev-switch", [
+          {
+            "is-checked": vue.unref(isChecked),
+            "is-labelled": props2.label || vue.unref(slots).label
+          },
+          vue.unref(formField).classes,
+          props2.class
+        ]],
+        style: props2.style
+      }, vue.unref(containerAttrs)), [
+        vue.createElementVNode("div", _hoisted_1, [
+          _hoisted_2,
+          _hoisted_3,
+          vue.createElementVNode("input", vue.mergeProps({
+            id: vue.unref(formField).id,
+            ref_key: "inputRef",
+            ref: inputRef,
+            type: "checkbox",
+            role: "switch",
+            name: vue.unref(formField).name,
+            disabled: vue.unref(formField).isDisabled,
+            readonly: vue.unref(formField).isReadonly,
+            checked: vue.unref(isChecked),
+            value: vue.unref(trueValue),
+            "aria-disabled": vue.unref(formField).isDisabled,
+            "aria-checked": vue.unref(isChecked)
+          }, vue.unref(inputAttrs), {
+            onInput,
+            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => vue.unref(formField).focus && vue.unref(formField).focus(...args)),
+            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => vue.unref(formField).blur && vue.unref(formField).blur(...args))
+          }), null, 16, _hoisted_4)
+        ]),
+        props2.label || props2.hint || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createVNode(vue.unref(EvLabel_vue_vue_type_script_setup_true_lang._sfc_main), {
+            clickable: "",
+            for: vue.unref(formField).id,
+            title: props2.label,
+            hint: props2.hint
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "label")
+            ]),
+            _: 3
+          }, 8, ["for", "title", "hint"]),
+          vue.unref(formField).isShowErrorMessages ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            vue.createVNode(vue.unref(EvErrors_vue_vue_type_script_setup_true_lang._sfc_main), {
+              messages: vue.unref(formField).errorMessages
+            }, null, 8, ["messages"])
+          ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvSwitchProps = makeEvSwitchProps;
+//# sourceMappingURL=EvSwitch.vue_vue_type_script_setup_true_lang-BTsDeiTE.cjs.map

package/dist/cjs/EvSwitch.vue_vue_type_script_setup_true_lang-BTsDeiTE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwitch.vue_vue_type_script_setup_true_lang-BTsDeiTE.cjs","sources":["../../src/components/EvSwitch/EvSwitch.ts","../../src/components/EvSwitch/EvSwitch.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeEvCheckboxProps } from \"@/components/EvCheckbox\";\n\nexport const makeEvSwitchProps = propsFactory(\n    {\n        ...makeEvCheckboxProps(),\n    },\n    \"EvSwitch\",\n);\n","<script setup lang=\"ts\">\n/**\n * # `<ev-switch>`\n */\nimport \"./EvSwitch.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useToggleControl } from \"@/components/EvCheckbox\";\nimport { makeEvSwitchProps } from \"./EvSwitch.ts\";\nimport { useFormField } from \"@/composables/validation.ts\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst props = defineProps({\n    ...makeEvSwitchProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Input\n * @param e\n */\nfunction onInput(e: Event) {\n    isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-switch\"\n        :class=\"[\n            {\n                'is-checked': isChecked,\n                'is-labelled': props.label || slots.label,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div class=\"ev-switch--control\">\n            <div class=\"ev-switch--track\"></div>\n            <div class=\"ev-switch--thumb\"></div>\n            <input\n                :id=\"formField.id\"\n                ref=\"inputRef\"\n                type=\"checkbox\"\n                role=\"switch\"\n                :name=\"formField.name\"\n                :disabled=\"formField.isDisabled\"\n                :readonly=\"formField.isReadonly\"\n                :checked=\"isChecked\"\n                :value=\"trueValue\"\n                :aria-disabled=\"formField.isDisabled\"\n                :aria-checked=\"isChecked\"\n                v-bind=\"inputAttrs\"\n                @input=\"onInput\"\n                @focus=\"formField.focus\"\n                @blur=\"formField.blur\" />\n        </div>\n\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-switch--label\">\n            <ev-label\n                clickable\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n\n            <div v-if=\"formField.isShowErrorMessages\" class=\"ev-switch--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","makeEvCheckboxProps","_useSlots","useAttrs","ref","splitInputAttrs","useFormField","props","useToggleControl"],"mappings":";;;;;;;;;AAGO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,GAAGC,+BAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;ACiBA,UAAM,QAAQC,IAAAA;AAOd,UAAM,QAAQC,IAAAA;AACR,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,wBAAgB,KAAK;AACpD,UAAA,YAAYC,wBAAaC,MAAK;AACpC,UAAM,EAAE,WAAW,cAAcC,WAAiB,iBAAA,UAAU,OAAOD,MAAK;AAKxE,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAMA,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AAAA,IACrD;AAKa,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvTab.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvTab_vue_vue_type_script_setup_true_lang = require("./EvTab.vue_vue_type_script_setup_true_lang-Cow1s-Q5.cjs");
+const EvTab_vue_vue_type_script_setup_true_lang = require("./EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs");
 exports.EvTab = EvTab_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvTabProps = EvTab_vue_vue_type_script_setup_true_lang.makeEvTabProps;
 //# sourceMappingURL=EvTab.cjs.map

package/dist/cjs/EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs

@@ -0,0 +1,150 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const props = require("./props-vH_8_4_9.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B8M3UyxX.cjs");
+const tag = require("./tag-DeOxLlrk.cjs");
+const EvSlideGroup = require("./EvSlideGroup-B1w93Qzb.cjs");
+const animate = require("./animate-Dqt-jUCE.cjs");
+const defaults = require("./defaults-BJGtZCWo.cjs");
+const makeEvTabProps = props.propsFactory(
+  {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    ...helpers.omit(
+      EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonProps({
+        variant: "subtle",
+        selectedClass: "is-selected",
+        selectedAppearance: "primary",
+        selectedVariant: "subtle"
+      }),
+      ["active", "symbol"]
+    )
+  },
+  "EvTab"
+);
+const EvTabsSymbol = Symbol.for("ev:tabs");
+const makeEvTabsProps = props.propsFactory(
+  {
+    alignTabs: {
+      type: String,
+      default: "start"
+    },
+    grow: Boolean,
+    items: {
+      type: Array,
+      default: () => []
+    },
+    size: String,
+    ...EvSlideGroup.makeEvSlideGroupProps({ mandatory: "force" }),
+    ...tag.makeTagProps()
+  },
+  "EvTabs"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTab",
+  props: {
+    ...makeEvTabProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const slots = vue.useSlots();
+    const props2 = defaults.useDefaults(definedProps);
+    const isSelected = vue.computed(
+      () => {
+        var _a, _b;
+        return ((_b = (_a = rootEl.value) == null ? void 0 : _a.group) == null ? void 0 : _b.isSelected.value) ?? false;
+      }
+    );
+    const isHorizontal = vue.computed(() => props2.direction === "horizontal");
+    const buttonProps = vue.computed(() => {
+      return helpers.filterComponentProps(EvButton_vue_vue_type_script_setup_true_lang._sfc_main, props2);
+    });
+    const rootEl = vue.ref();
+    const sliderEl = vue.ref();
+    function updateSlider({ value }) {
+      var _a, _b;
+      if (!value) {
+        return;
+      }
+      const prevEl = (_b = (_a = rootEl.value) == null ? void 0 : _a.$el.parentElement) == null ? void 0 : _b.querySelector(
+        ".ev-tab.is-active .ev-tab--slider"
+      );
+      const nextEl = sliderEl.value;
+      if (!prevEl || !nextEl) {
+        return;
+      }
+      const color = getComputedStyle(prevEl).color;
+      const prevBox = prevEl.getBoundingClientRect();
+      const nextBox = nextEl.getBoundingClientRect();
+      const xy = isHorizontal.value ? "x" : "y";
+      const XY = isHorizontal.value ? "X" : "Y";
+      const rightBottom = isHorizontal.value ? "right" : "bottom";
+      const widthHeight = isHorizontal.value ? "width" : "height";
+      const prevPos = prevBox[xy];
+      const nextPos = nextBox[xy];
+      const delta = prevPos > nextPos ? prevBox[rightBottom] - nextBox[rightBottom] : prevBox[xy] - nextBox[xy];
+      const origin = Math.sign(delta) > 0 ? isHorizontal.value ? "right" : "bottom" : Math.sign(delta) < 0 ? isHorizontal.value ? "left" : "top" : "center";
+      const size = Math.abs(delta) + (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight]);
+      const scale = size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) || 0;
+      const initialScale = prevBox[widthHeight] / nextBox[widthHeight] || 0;
+      const sigma = 1.5;
+      animate.animate(
+        nextEl,
+        {
+          backgroundColor: [color, "currentcolor"],
+          transform: [
+            `translate${XY}(${delta}px) scale${XY}(${initialScale})`,
+            `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`,
+            "none"
+          ],
+          transformOrigin: Array(3).fill(origin)
+        },
+        {
+          duration: 225,
+          easing: animate.easingStandard
+        }
+      );
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+        ref_key: "rootEl",
+        ref: rootEl,
+        role: "tab",
+        class: ["ev-tab", vue.unref(props2).class],
+        active: void 0,
+        "aria-selected": String(isSelected.value),
+        symbol: vue.unref(EvTabsSymbol),
+        tabindex: isSelected.value ? 0 : -1,
+        style: vue.unref(props2).style
+      }, buttonProps.value, { "onGroup:selected": updateSlider }), vue.createSlots({
+        additional: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref_key: "sliderEl",
+            ref: sliderEl,
+            class: vue.normalizeClass(["ev-tab--slider"])
+          }, null, 512)
+        ]),
+        _: 2
+      }, [
+        vue.unref(props2).text || vue.unref(slots).default ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(props2).text), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "aria-selected", "symbol", "tabindex", "style"]);
+    };
+  }
+});
+exports.EvTabsSymbol = EvTabsSymbol;
+exports._sfc_main = _sfc_main;
+exports.makeEvTabProps = makeEvTabProps;
+exports.makeEvTabsProps = makeEvTabsProps;
+//# sourceMappingURL=EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs.map

package/dist/cjs/EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs","sources":["../../src/components/EvTabs/EvTab/EvTab.ts","../../src/components/EvTabs/EvTabs.ts","../../src/components/EvTabs/EvTab/EvTab.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { EvButtonProps, makeEvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\n\nexport type TabDirection = \"horizontal\" | \"vertical\";\n\nexport interface EvTabProps extends Omit<EvButtonProps, \"active\" | \"symbol\"> {\n    direction?: TabDirection;\n}\n\n/**\n * # makeEvTabProps()\n */\nexport const makeEvTabProps = propsFactory(\n    {\n        direction: {\n            type: String as PropType<TabDirection>,\n            default: \"horizontal\",\n        },\n\n        ...omit(\n            makeEvButtonProps({\n                variant: \"subtle\" as const,\n                selectedClass: \"is-selected\",\n                selectedAppearance: \"primary\",\n                selectedVariant: \"subtle\",\n            }),\n            [\"active\", \"symbol\"],\n        ),\n    },\n    \"EvTab\",\n);\n","import { InjectionKey, PropType } from \"vue\";\nimport { GroupProvide } from \"@/composables/group.ts\";\nimport { InputSizeProp, propsFactory } from \"@/util\";\nimport { makeEvSlideGroupProps } from \"@/components\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\n\nexport const EvTabsSymbol: InjectionKey<GroupProvide> = Symbol.for(\"ev:tabs\");\n\nexport type TabItem = string | number | Record<string, any>;\n\nexport const makeEvTabsProps = propsFactory(\n    {\n        alignTabs: {\n            type: String as PropType<\"start\" | \"center\" | \"end\">,\n            default: \"start\",\n        },\n        grow: Boolean,\n        items: {\n            type: Array as PropType<readonly TabItem[]>,\n            default: () => [],\n        },\n        size: String as PropType<InputSizeProp>,\n\n        ...makeEvSlideGroupProps({ mandatory: \"force\" as const }),\n        ...makeTagProps(),\n    },\n    \"EvTabs\",\n);\n","<script setup lang=\"ts\">\r\n/**\r\n * # EvTab\r\n */\r\nimport \"./EvTab.scss\";\r\nimport { makeEvTabProps } from \"./EvTab.ts\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvTabsSymbol } from \"@/components/EvTabs/EvTabs.ts\";\r\nimport { computed, ref } from \"vue\";\r\nimport { animate, easingStandard, filterComponentProps } from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({\r\n    ...makeEvTabProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n}>();\r\nconst props = useDefaults(definedProps);\r\nconst isSelected = computed(\r\n    () => rootEl.value?.group?.isSelected.value ?? false,\r\n);\r\nconst isHorizontal = computed(() => props.direction === \"horizontal\");\r\nconst buttonProps = computed(() => {\r\n    return filterComponentProps(EvButton, props);\r\n});\r\nconst rootEl = ref<typeof EvButton>();\r\nconst sliderEl = ref<HTMLElement>();\r\n\r\nfunction updateSlider({ value }: { value: boolean }) {\r\n    if (!value) {\r\n        return;\r\n    }\r\n\r\n    const prevEl: HTMLElement | undefined =\r\n        rootEl.value?.$el.parentElement?.querySelector(\r\n            \".ev-tab.is-active .ev-tab--slider\",\r\n        );\r\n    const nextEl = sliderEl.value;\r\n    if (!prevEl || !nextEl) {\r\n        return;\r\n    }\r\n\r\n    const color = getComputedStyle(prevEl).color;\r\n    const prevBox = prevEl.getBoundingClientRect();\r\n    const nextBox = nextEl.getBoundingClientRect();\r\n\r\n    const xy = isHorizontal.value ? \"x\" : \"y\";\r\n    const XY = isHorizontal.value ? \"X\" : \"Y\";\r\n    const rightBottom = isHorizontal.value ? \"right\" : \"bottom\";\r\n    const widthHeight = isHorizontal.value ? \"width\" : \"height\";\r\n\r\n    const prevPos = prevBox[xy];\r\n    const nextPos = nextBox[xy];\r\n    const delta =\r\n        prevPos > nextPos\r\n            ? prevBox[rightBottom] - nextBox[rightBottom]\r\n            : prevBox[xy] - nextBox[xy];\r\n\r\n    const origin =\r\n        Math.sign(delta) > 0\r\n            ? isHorizontal.value\r\n                ? \"right\"\r\n                : \"bottom\"\r\n            : Math.sign(delta) < 0\r\n              ? isHorizontal.value\r\n                  ? \"left\"\r\n                  : \"top\"\r\n              : \"center\";\r\n\r\n    const size =\r\n        Math.abs(delta) +\r\n        (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight]);\r\n    const scale =\r\n        size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) || 0;\r\n    const initialScale = prevBox[widthHeight] / nextBox[widthHeight] || 0;\r\n\r\n    const sigma = 1.5;\r\n    animate(\r\n        nextEl,\r\n        {\r\n            backgroundColor: [color, \"currentcolor\"],\r\n            transform: [\r\n                `translate${XY}(${delta}px) scale${XY}(${initialScale})`,\r\n                `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`,\r\n                \"none\",\r\n            ],\r\n            transformOrigin: Array(3).fill(origin),\r\n        },\r\n        {\r\n            duration: 225,\r\n            easing: easingStandard,\r\n        },\r\n    );\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n    <ev-button\r\n        ref=\"rootEl\"\r\n        role=\"tab\"\r\n        :class=\"['ev-tab', props.class]\"\r\n        :active=\"undefined\"\r\n        :aria-selected=\"String(isSelected)\"\r\n        :symbol=\"EvTabsSymbol\"\r\n        :tabindex=\"isSelected ? 0 : -1\"\r\n        :style=\"props.style\"\r\n        v-bind=\"buttonProps\"\r\n        @group:selected=\"updateSlider\">\r\n        <template v-if=\"props.text || slots.default\" #default>\r\n            <slot name=\"default\">{{ props.text }}</slot>\r\n        </template>\r\n        <template #additional>\r\n            <div ref=\"sliderEl\" :class=\"['ev-tab--slider']\"></div>\r\n        </template>\r\n    </ev-button>\r\n</template>\r\n"],"names":["propsFactory","omit","makeEvButtonProps","makeEvSlideGroupProps","makeTagProps","_useSlots","props","useDefaults","computed","filterComponentProps","EvButton","ref","animate","easingStandard"],"mappings":"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"}

package/dist/cjs/EvTabs.cjs

@@ -1,8 +1,8 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvTab_vue_vue_type_script_setup_true_lang = require("./EvTab.vue_vue_type_script_setup_true_lang-Cow1s-Q5.cjs");
-const EvTabs_vue_vue_type_script_setup_true_lang = require("./EvTabs.vue_vue_type_script_setup_true_lang-BcRcV9AA.cjs");
+const EvTab_vue_vue_type_script_setup_true_lang = require("./EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs");
+const EvTabs_vue_vue_type_script_setup_true_lang = require("./EvTabs.vue_vue_type_script_setup_true_lang-DEOXyIxL.cjs");
 exports.EvTab = EvTab_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.EvTabsSymbol = EvTab_vue_vue_type_script_setup_true_lang.EvTabsSymbol;
 exports.makeEvTabProps = EvTab_vue_vue_type_script_setup_true_lang.makeEvTabProps;

package/dist/cjs/EvTabs.vue_vue_type_script_setup_true_lang-DEOXyIxL.cjs

@@ -0,0 +1,70 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const EvTab_vue_vue_type_script_setup_true_lang = require("./EvTab.vue_vue_type_script_setup_true_lang-mWRIjYil.cjs");
+const EvSlideGroup_vue_vue_type_script_setup_true_lang = require("./EvSlideGroup.vue_vue_type_script_setup_true_lang-CYrpqZPf.cjs");
+const modelProxy = require("./modelProxy-c6YDF-1a.cjs");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const isFunctions = require("./is-functions-Bf6pQOyz.cjs");
+const defaults = require("./defaults-BJGtZCWo.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTabs",
+  props: {
+    ...EvTab_vue_vue_type_script_setup_true_lang.makeEvTabsProps()
+  },
+  setup(__props) {
+    const props = __props;
+    function parseItems(items) {
+      if (!items) {
+        return [];
+      }
+      return items.map((item) => {
+        return !isFunctions.isObject(item) ? { text: item, value: item } : item;
+      });
+    }
+    const model = modelProxy.useModelProxy(props, "modelValue");
+    const parsedItems = vue.computed(() => parseItems(props.items));
+    defaults.provideDefaults({
+      EvTab: {
+        direction: vue.toRef(props, "direction"),
+        size: vue.toRef(props, "size"),
+        selectedAppearance: vue.toRef(props, "selectedAppearance"),
+        selectedVariant: vue.toRef(props, "selectedVariant")
+      }
+    });
+    const slideGroupProps = vue.computed(
+      () => helpers.filterComponentProps(EvSlideGroup_vue_vue_type_script_setup_true_lang._sfc_main, props)
+    );
+    const alignTabsClass = vue.computed(() => `is-align-tabs-${props.alignTabs}`);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvSlideGroup_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps(slideGroupProps.value, {
+        modelValue: vue.unref(model),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(model) ? model.value = $event : null),
+        role: "tablist",
+        class: [
+          "ev-tabs",
+          alignTabsClass.value,
+          {
+            "is-grow": props.grow
+          },
+          props.class
+        ],
+        style: props.style,
+        symbol: vue.unref(EvTab_vue_vue_type_script_setup_true_lang.EvTabsSymbol)
+      }), {
+        default: vue.withCtx(() => [
+          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(EvTab_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+                key: item.text
+              }, item), null, 16);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 16, ["modelValue", "class", "style", "symbol"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvTabs.vue_vue_type_script_setup_true_lang-DEOXyIxL.cjs.map

package/dist/cjs/EvTabs.vue_vue_type_script_setup_true_lang-DEOXyIxL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTabs.vue_vue_type_script_setup_true_lang-DEOXyIxL.cjs","sources":["../../src/components/EvTabs/EvTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * EvTabs\n * ---\n */\nimport \"./EvTabs.scss\";\nimport { EvTabsSymbol, makeEvTabsProps, TabItem } from \"./EvTabs.ts\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { computed, toRef } from \"vue\";\nimport { filterComponentProps, isObject } from \"@/util\";\nimport { provideDefaults } from \"@/composables/defaults.ts\";\nimport { EvTab } from \"@/components\";\n\n/**\n * ## parseItems\n * @param items\n */\nfunction parseItems(items: readonly TabItem[] | undefined) {\n    if (!items) {\n        return [];\n    }\n    return items.map((item) => {\n        return !isObject(item) ? { text: item, value: item } : item;\n    });\n}\n\nconst props = defineProps({\n    ...makeEvTabsProps(),\n});\nconst model = useModelProxy(props, \"modelValue\");\nconst parsedItems = computed(() => parseItems(props.items));\n\nprovideDefaults({\n    EvTab: {\n        direction: toRef(props, \"direction\"),\n        size: toRef(props, \"size\"),\n        selectedAppearance: toRef(props, \"selectedAppearance\"),\n        selectedVariant: toRef(props, \"selectedVariant\"),\n    },\n});\n\nconst slideGroupProps = computed(() =>\n    filterComponentProps(EvSlideGroup, props),\n);\nconst alignTabsClass = computed(() => `is-align-tabs-${props.alignTabs}`);\n</script>\n\n<template>\n    <ev-slide-group\n        v-bind=\"slideGroupProps\"\n        v-model=\"model\"\n        role=\"tablist\"\n        :class=\"[\n            'ev-tabs',\n            alignTabsClass,\n            {\n                'is-grow': props.grow,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :symbol=\"EvTabsSymbol\">\n        <slot>\n            <ev-tab\n                v-for=\"item in parsedItems\"\n                :key=\"item.text\"\n                v-bind=\"item\"></ev-tab>\n        </slot>\n    </ev-slide-group>\n</template>\n"],"names":["isObject","useModelProxy","computed","provideDefaults","toRef","filterComponentProps","EvSlideGroup"],"mappings":";;;;;;;;;;;;;;;;AAkBA,aAAS,WAAW,OAAuC;AACvD,UAAI,CAAC,OAAO;AACR,eAAO;MACX;AACO,aAAA,MAAM,IAAI,CAAC,SAAS;AAChB,eAAA,CAACA,YAAAA,SAAS,IAAI,IAAI,EAAE,MAAM,MAAM,OAAO,KAAS,IAAA;AAAA,MAAA,CAC1D;AAAA,IACL;AAKM,UAAA,QAAQC,WAAAA,cAAc,OAAO,YAAY;AAC/C,UAAM,cAAcC,IAAAA,SAAS,MAAM,WAAW,MAAM,KAAK,CAAC;AAE1CC,6BAAA;AAAA,MACZ,OAAO;AAAA,QACH,WAAWC,IAAAA,MAAM,OAAO,WAAW;AAAA,QACnC,MAAMA,IAAAA,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAoBA,IAAAA,MAAM,OAAO,oBAAoB;AAAA,QACrD,iBAAiBA,IAAAA,MAAM,OAAO,iBAAiB;AAAA,MACnD;AAAA,IAAA,CACH;AAED,UAAM,kBAAkBF,IAAA;AAAA,MAAS,MAC7BG,QAAqB,qBAAAC,iDAAA,WAAc,KAAK;AAAA,IAAA;AAE5C,UAAM,iBAAiBJ,IAAAA,SAAS,MAAM,iBAAiB,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvTag.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvTag_vue_vue_type_script_setup_true_lang = require("./EvTag.vue_vue_type_script_setup_true_lang-GcVSpvQ4.cjs");
+const EvTag_vue_vue_type_script_setup_true_lang = require("./EvTag.vue_vue_type_script_setup_true_lang-CEfdxMYM.cjs");
 exports.EvTag = EvTag_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvTagProps = EvTag_vue_vue_type_script_setup_true_lang.makeEvTagProps;
 //# sourceMappingURL=EvTag.cjs.map