@evance/evance-ui 1.0.40 → 1.0.41

package/dist/cjs/src/components/EvSlideGroup/helpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.cjs","sources":["../../../../../src/components/EvSlideGroup/helpers.ts"],"sourcesContent":["/**\n * # bias\n *\n * @param val\n */\nexport function bias(val: number) {\n    const c = 0.501;\n    const x = Math.abs(val);\n    return Math.sign(val) * (x / ((1 / c - 2) * (1 - x) + 1));\n}\n\n/**\n * # calculateUpdatedOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param currentScrollOffset\n * @param isHorizontal\n */\nexport function calculateUpdatedOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    currentScrollOffset,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    currentScrollOffset: number;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n    const adjustedOffsetStart =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize\n            : offsetStart;\n\n    const totalSize = containerSize + currentScrollOffset;\n    const itemOffset = clientSize + adjustedOffsetStart;\n    const additionalOffset = clientSize * 0.4; // @todo: why 0.4?\n\n    if (adjustedOffsetStart <= currentScrollOffset) {\n        currentScrollOffset = Math.max(\n            adjustedOffsetStart - additionalOffset,\n            0,\n        );\n    } else if (totalSize <= itemOffset) {\n        currentScrollOffset = Math.min(\n            currentScrollOffset - (totalSize - itemOffset - additionalOffset),\n            contentSize - containerSize,\n        );\n    }\n\n    return currentScrollOffset;\n}\n\n/**\n * # calculateCenteredOffset\n *\n * @param selectedElement\n * @param containerSize\n * @param contentSize\n * @param isRtl\n * @param isHorizontal\n */\nexport function calculateCenteredOffset({\n    selectedElement,\n    containerSize,\n    contentSize,\n    isRtl,\n    isHorizontal,\n}: {\n    selectedElement: HTMLElement;\n    containerSize: number;\n    contentSize: number;\n    isRtl: boolean;\n    isHorizontal: boolean;\n}): number {\n    const clientSize = isHorizontal\n        ? selectedElement.clientWidth\n        : selectedElement.clientHeight;\n    const offsetStart = isHorizontal\n        ? selectedElement.offsetLeft\n        : selectedElement.offsetTop;\n\n    const offsetCentered =\n        isRtl && isHorizontal\n            ? contentSize - offsetStart - clientSize / 2 - containerSize / 2\n            : offsetStart + clientSize / 2 - containerSize / 2;\n\n    return Math.min(contentSize - containerSize, Math.max(0, offsetCentered));\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,KAAK,KAAa;AAC9B,QAAM,IAAI;AACJ,QAAA,IAAI,KAAK,IAAI,GAAG;AACf,SAAA,KAAK,KAAK,GAAG,KAAK,MAAM,IAAI,IAAI,MAAM,IAAI,KAAK;AAC1D;AAYO,SAAS,uBAAuB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOW;AACP,QAAM,aAAa,eACb,gBAAgB,cAChB,gBAAgB;AACtB,QAAM,cAAc,eACd,gBAAgB,aAChB,gBAAgB;AACtB,QAAM,sBACF,SAAS,eACH,cAAc,cAAc,aAC5B;AAEV,QAAM,YAAY,gBAAgB;AAClC,QAAM,aAAa,aAAa;AAChC,QAAM,mBAAmB,aAAa;AAEtC,MAAI,uBAAuB,qBAAqB;AAC5C,0BAAsB,KAAK;AAAA,MACvB,sBAAsB;AAAA,MACtB;AAAA,IACJ;AAAA,EAAA,WACO,aAAa,YAAY;AAChC,0BAAsB,KAAK;AAAA,MACvB,uBAAuB,YAAY,aAAa;AAAA,MAChD,cAAc;AAAA,IAClB;AAAA,EAAA;AAGG,SAAA;AACX;AAWO,SAAS,wBAAwB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAMW;AACP,QAAM,aAAa,eACb,gBAAgB,cAChB,gBAAgB;AACtB,QAAM,cAAc,eACd,gBAAgB,aAChB,gBAAgB;AAEtB,QAAM,iBACF,SAAS,eACH,cAAc,cAAc,aAAa,IAAI,gBAAgB,IAC7D,cAAc,aAAa,IAAI,gBAAgB;AAElD,SAAA,KAAK,IAAI,cAAc,eAAe,KAAK,IAAI,GAAG,cAAc,CAAC;AAC5E;;;;"}

package/dist/cjs/src/components/EvSurface/EvSurface.cjs

@@ -0,0 +1,36 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dimensions = require("../../composables/dimensions.cjs");
+const tag = require("../../composables/tag.cjs");
+const component = require("../../composables/component.cjs");
+const props = require("../../util/props.cjs");
+const modifiers = require("../../util/modifiers.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
+    },
+    ...component.makeComponentProps(),
+    ...dimensions.makeDimensionsProps(),
+    ...tag.makeTagProps()
+  },
+  "EvSurface"
+);
+exports.makeElevationClass = makeElevationClass;
+exports.makeEvSurfaceProps = makeEvSurfaceProps;
+//# sourceMappingURL=EvSurface.cjs.map

package/dist/cjs/src/components/EvSurface/EvSurface.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSurface.cjs","sources":["../../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\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        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n        ...makeTagProps(),\n    },\n    \"EvSurface\",\n);\n"],"names":["makeClassName","propsFactory","makeComponentProps","makeDimensionsProps","makeTagProps"],"mappings":";;;;;;;;AAmBO,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,6BAAmB;AAAA,IACtB,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;"}

package/dist/cjs/src/components/EvSurface/EvSurface.vue.cjs

@@ -0,0 +1,66 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                 */
+const EvSurface = require("./EvSurface.cjs");
+const dimensions = require("../../composables/dimensions.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSurface",
+  props: {
+    ...EvSurface.makeEvSurfaceProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const dimensions$1 = dimensions.useDimensions(props);
+    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.createBlock(vue.resolveDynamicComponent(props.tag), {
+        class: vue.normalizeClass([
+          "ev-surface",
+          vue.unref(EvSurface.makeElevationClass)(props.elevation),
+          makeRoundedClass(props.rounded),
+          makeScrollableClass(props.scrollable),
+          props.class
+        ]),
+        style: vue.normalizeStyle([vue.unref(dimensions$1), props.style])
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvSurface.vue.cjs.map

package/dist/cjs/src/components/EvSurface/EvSurface.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSurface.vue.cjs","sources":["../../../../../src/components/EvSurface/EvSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSurface.scss\";\nimport { makeElevationClass, makeEvSurfaceProps } from \"./EvSurface\";\nimport { isEmpty, isString, makeClassName } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\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    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-surface',\n            makeElevationClass(props.elevation),\n            makeRoundedClass(props.rounded),\n            makeScrollableClass(props.scrollable),\n            props.class,\n        ]\"\n        :style=\"[dimensions, props.style]\">\n        <slot />\n    </component>\n</template>\n"],"names":["dimensions","useDimensions","isEmpty","isString","makeClassName"],"mappings":";;;;;;;;;;;;;;;;AASM,UAAAA,eAAaC,yBAAc,KAAK;AAOtC,aAAS,iBAAiB,SAAqC;AAC3D,UAAI,CAAC,WAAWC,oBAAQ,OAAO,GAAG;AACvB,eAAA;AAAA,MAAA;AAEX,UAAI,YAAY,MAAM;AACX,eAAA;AAAA,MAAA;AAEP,UAAA,CAACC,YAAAA,SAAS,OAAO,GAAG;AACb,eAAA;AAAA,MAAA;AAEJ,aAAAC,UAAA,cAAc,SAAS,YAAY;AAAA,IAAA;AAO9C,aAAS,oBAAoB,YAA+B;AACpD,UAAA,OAAO,eAAe,aAAa;AAC5B,eAAA;AAAA,MAAA;AAEX,UAAI,eAAe,OAAO;AACf,eAAA;AAAA,MAAA;AAEX,cAAQ,YAAY;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvSurface/EvSurface.vue2.cjs

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

package/dist/cjs/src/components/EvSurface/EvSurface.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSurface.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/src/components/EvSwatch/EvSwatch.cjs

@@ -0,0 +1,13 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const props = require("../../util/props.cjs");
+const makeEvSwatchProps = props.propsFactory(
+  {
+    ...component.makeComponentProps()
+  },
+  "EvSwatch"
+);
+exports.makeEvSwatchProps = makeEvSwatchProps;
+//# sourceMappingURL=EvSwatch.cjs.map

package/dist/cjs/src/components/EvSwatch/EvSwatch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwatch.cjs","sources":["../../../../../src/components/EvSwatch/EvSwatch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvSwatchProps = propsFactory(\n    {\n        ...makeComponentProps(),\n    },\n    \"EvSwatch\",\n);\n"],"names":["propsFactory","makeComponentProps"],"mappings":";;;;;AAGO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}

package/dist/cjs/src/components/EvSwatch/EvSwatch.vue.cjs

@@ -0,0 +1,27 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                */
+const EvSwatch = require("./EvSwatch.cjs");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-swatch--sample" }, null, -1);
+const _hoisted_2 = [
+  _hoisted_1
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSwatch",
+  props: {
+    ...EvSwatch.makeEvSwatchProps()
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-swatch", props.class]),
+        style: vue.normalizeStyle(props.style)
+      }, _hoisted_2, 6);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvSwatch.vue.cjs.map

package/dist/cjs/src/components/EvSwatch/EvSwatch.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwatch.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvSwatch/EvSwatch.vue2.cjs

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

package/dist/cjs/src/components/EvSwatch/EvSwatch.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwatch.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/src/components/EvSwitch/EvSwitch.cjs

@@ -0,0 +1,13 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvCheckbox = require("../EvCheckbox/EvCheckbox.cjs");
+const props = require("../../util/props.cjs");
+const makeEvSwitchProps = props.propsFactory(
+  {
+    ...EvCheckbox.makeEvCheckboxProps()
+  },
+  "EvSwitch"
+);
+exports.makeEvSwitchProps = makeEvSwitchProps;
+//# sourceMappingURL=EvSwitch.cjs.map

package/dist/cjs/src/components/EvSwitch/EvSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwitch.cjs","sources":["../../../../../src/components/EvSwitch/EvSwitch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeEvCheckboxProps } from \"@/components/EvCheckbox\";\n\nexport const makeEvSwitchProps = propsFactory(\n    {\n        ...makeEvCheckboxProps(),\n    },\n    \"EvSwitch\",\n);\n"],"names":["propsFactory","makeEvCheckboxProps"],"mappings":";;;;;AAGO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,GAAGC,WAAoB,oBAAA;AAAA,EAC3B;AAAA,EACA;AACJ;;"}

package/dist/cjs/src/components/EvSwitch/EvSwitch.vue.cjs

@@ -0,0 +1,117 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                */
+const EvErrors_vue_vue_type_script_setup_true_lang = require("../EvErrors/EvErrors.vue.cjs");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("../EvLabel/EvLabel.vue.cjs");
+const EvCheckbox = require("../EvCheckbox/EvCheckbox.cjs");
+const EvSwitch = require("./EvSwitch.cjs");
+const validation = require("../../composables/validation.cjs");
+const helpers = require("../../util/helpers.cjs");
+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: {
+    ...EvSwitch.makeEvSwitchProps()
+  },
+  emits: ["update:focused", "update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __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(props);
+    const { trueValue, isChecked } = EvCheckbox.useToggleControl(formField.model, props);
+    function getInputElement() {
+      return inputRef.value;
+    }
+    function onInput(e) {
+      isChecked.value = e.target.checked;
+    }
+    __expose({
+      field: formField,
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      }
+    });
+    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": props.label || vue.unref(slots).label
+          },
+          vue.unref(formField).classes,
+          props.class
+        ]],
+        style: props.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)
+        ]),
+        props.label || props.hint || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createVNode(vue.unref(EvLabel_vue_vue_type_script_setup_true_lang.default), {
+            clickable: "",
+            for: vue.unref(formField).id,
+            title: props.label,
+            hint: props.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.default), {
+              messages: vue.unref(formField).errorMessages
+            }, null, 8, ["messages"])
+          ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvSwitch.vue.cjs.map

package/dist/cjs/src/components/EvSwitch/EvSwitch.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwitch.vue.cjs","sources":["../../../../../src/components/EvSwitch/EvSwitch.vue"],"sourcesContent":["<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\";\nimport { useFormField } from \"@/composables/validation\";\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    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\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":["_useSlots","useAttrs","ref","splitInputAttrs","useFormField","useToggleControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQA,IAAAA;AAOd,UAAM,QAAQC,IAAAA,SAAS;AACjB,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,QAAAA,gBAAgB,KAAK;AACpD,UAAA,YAAYC,wBAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAcC,WAAiB,iBAAA,UAAU,OAAO,KAAK;AAKxE,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IAAA;AAOpB,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AAAA,IAAA;AAMxC,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvSwitch/EvSwitch.vue2.cjs

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

package/dist/cjs/src/components/EvSwitch/EvSwitch.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSwitch.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/src/components/EvTabs/EvTab/EvTab.cjs

@@ -0,0 +1,26 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvButton = require("../../EvButton/EvButton.cjs");
+const props = require("../../../util/props.cjs");
+const helpers = require("../../../util/helpers.cjs");
+const makeEvTabProps = props.propsFactory(
+  {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    ...helpers.omit(
+      EvButton.makeEvButtonProps({
+        variant: "subtle",
+        selectedClass: "is-selected",
+        selectedAppearance: "primary",
+        selectedVariant: "subtle"
+      }),
+      ["active", "symbol"]
+    )
+  },
+  "EvTab"
+);
+exports.makeEvTabProps = makeEvTabProps;
+//# sourceMappingURL=EvTab.cjs.map

package/dist/cjs/src/components/EvTabs/EvTab/EvTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTab.cjs","sources":["../../../../../../src/components/EvTabs/EvTab/EvTab.ts"],"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"],"names":["propsFactory","omit","makeEvButtonProps"],"mappings":";;;;;;AAaO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,QAAA;AAAA,MACCC,2BAAkB;AAAA,QACd,SAAS;AAAA,QACT,eAAe;AAAA,QACf,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,MAAA,CACpB;AAAA,MACD,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA;AACJ;;"}

package/dist/cjs/src/components/EvTabs/EvTab/EvTab.vue.cjs

@@ -0,0 +1,112 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css             */
+const EvTab = require("./EvTab.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("../../EvButton/EvButton.vue.cjs");
+const EvTabs = require("../EvTabs.cjs");
+const defaults = require("../../../composables/defaults.cjs");
+const helpers = require("../../../util/helpers.cjs");
+const animate = require("../../../util/animate.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTab",
+  props: {
+    ...EvTab.makeEvTabProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const slots = vue.useSlots();
+    const props = 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(() => props.direction === "horizontal");
+    const buttonProps = vue.computed(() => {
+      return helpers.filterComponentProps(EvButton_vue_vue_type_script_setup_true_lang.default, props);
+    });
+    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.default), vue.mergeProps({
+        ref_key: "rootEl",
+        ref: rootEl,
+        role: "tab",
+        class: ["ev-tab", vue.unref(props).class],
+        active: void 0,
+        "aria-selected": String(isSelected.value),
+        symbol: vue.unref(EvTabs.EvTabsSymbol),
+        tabindex: isSelected.value ? 0 : -1,
+        style: vue.unref(props).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(props).text || vue.unref(slots).default ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(props).text), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "aria-selected", "symbol", "tabindex", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvTab.vue.cjs.map

package/dist/cjs/src/components/EvTabs/EvTab/EvTab.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTab.vue.cjs","sources":["../../../../../../src/components/EvTabs/EvTab/EvTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # EvTab\r\n */\r\nimport \"./EvTab.scss\";\r\nimport { makeEvTabProps } from \"./EvTab\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvTabsSymbol } from \"@/components/EvTabs/EvTabs\";\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":["_useSlots","useDefaults","computed","filterComponentProps","EvButton","ref","animate","easingStandard"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAM,QAAQA,IAAAA,SAAA;AAGR,UAAA,QAAQC,qBAAY,YAAY;AACtC,UAAM,aAAaC,IAAA;AAAA,MACf,MAAA;;AAAM,mCAAO,UAAP,mBAAc,UAAd,mBAAqB,WAAW,UAAS;AAAA;AAAA,IACnD;AACA,UAAM,eAAeA,IAAA,SAAS,MAAM,MAAM,cAAc,YAAY;AAC9D,UAAA,cAAcA,IAAAA,SAAS,MAAM;AACxB,aAAAC,QAAA,qBAAqBC,sDAAU,KAAK;AAAA,IAAA,CAC9C;AACD,UAAM,SAASC,IAAAA,IAAqB;AACpC,UAAM,WAAWA,IAAAA,IAAiB;AAEzB,aAAA,aAAa,EAAE,SAA6B;;AACjD,UAAI,CAAC,OAAO;AACR;AAAA,MAAA;AAGJ,YAAM,UACF,kBAAO,UAAP,mBAAc,IAAI,kBAAlB,mBAAiC;AAAA,QAC7B;AAAA;AAER,YAAM,SAAS,SAAS;AACpB,UAAA,CAAC,UAAU,CAAC,QAAQ;AACpB;AAAA,MAAA;AAGE,YAAA,QAAQ,iBAAiB,MAAM,EAAE;AACjC,YAAA,UAAU,OAAO,sBAAsB;AACvC,YAAA,UAAU,OAAO,sBAAsB;AAEvC,YAAA,KAAK,aAAa,QAAQ,MAAM;AAChC,YAAA,KAAK,aAAa,QAAQ,MAAM;AAChC,YAAA,cAAc,aAAa,QAAQ,UAAU;AAC7C,YAAA,cAAc,aAAa,QAAQ,UAAU;AAE7C,YAAA,UAAU,QAAQ,EAAE;AACpB,YAAA,UAAU,QAAQ,EAAE;AAC1B,YAAM,QACF,UAAU,UACJ,QAAQ,WAAW,IAAI,QAAQ,WAAW,IAC1C,QAAQ,EAAE,IAAI,QAAQ,EAAE;AAElC,YAAM,SACF,KAAK,KAAK,KAAK,IAAI,IACb,aAAa,QACT,UACA,WACJ,KAAK,KAAK,KAAK,IAAI,IACjB,aAAa,QACT,SACA,QACJ;AAEZ,YAAM,OACF,KAAK,IAAI,KAAK,KACb,KAAK,KAAK,KAAK,IAAI,IAAI,QAAQ,WAAW,IAAI,QAAQ,WAAW;AAChE,YAAA,QACF,OAAO,KAAK,IAAI,QAAQ,WAAW,GAAG,QAAQ,WAAW,CAAC,KAAK;AACnE,YAAM,eAAe,QAAQ,WAAW,IAAI,QAAQ,WAAW,KAAK;AAEpE,YAAM,QAAQ;AACdC,cAAA;AAAA,QACI;AAAA,QACA;AAAA,UACI,iBAAiB,CAAC,OAAO,cAAc;AAAA,UACvC,WAAW;AAAA,YACP,YAAY,EAAE,IAAI,KAAK,YAAY,EAAE,IAAI,YAAY;AAAA,YACrD,YAAY,EAAE,IAAI,QAAQ,KAAK,YAAY,EAAE,KAAK,QAAQ,KAAK,QAAQ,CAAC;AAAA,YACxE;AAAA,UACJ;AAAA,UACA,iBAAiB,MAAM,CAAC,EAAE,KAAK,MAAM;AAAA,QACzC;AAAA,QACA;AAAA,UACI,UAAU;AAAA,UACV,QAAQC,QAAAA;AAAAA,QAAA;AAAA,MAEhB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvTabs/EvTab/EvTab.vue2.cjs

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

package/dist/cjs/src/components/EvTabs/EvTab/EvTab.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTab.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/src/components/EvTabs/EvTabs.cjs

@@ -0,0 +1,27 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tag = require("../../composables/tag.cjs");
+const props = require("../../util/props.cjs");
+const EvSlideGroup = require("../EvSlideGroup/EvSlideGroup.cjs");
+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"
+);
+exports.EvTabsSymbol = EvTabsSymbol;
+exports.makeEvTabsProps = makeEvTabsProps;
+//# sourceMappingURL=EvTabs.cjs.map

package/dist/cjs/src/components/EvTabs/EvTabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTabs.cjs","sources":["../../../../../src/components/EvTabs/EvTabs.ts"],"sourcesContent":["import { InjectionKey, PropType } from \"vue\";\nimport { GroupProvide } from \"@/composables/group\";\nimport { InputSizeProp, propsFactory } from \"@/util\";\nimport { makeEvSlideGroupProps } from \"@/components\";\nimport { makeTagProps } from \"@/composables/tag\";\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"],"names":["propsFactory","makeEvSlideGroupProps","makeTagProps"],"mappings":";;;;;;AAMa,MAAA,eAA2C,OAAO,IAAI,SAAS;AAIrE,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,IAEN,GAAGC,mCAAsB,EAAE,WAAW,SAAkB;AAAA,IACxD,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;"}

package/dist/cjs/src/components/EvTabs/EvTabs.scss.cjs

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

package/dist/cjs/src/components/EvTabs/EvTabs.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTabs.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}