@evance/evance-ui 1.0.2 → 1.0.3

package/dist/esm/EvSpacer.vue_vue_type_script_setup_true_lang-o6T8p1_p.mjs

@@ -1,32 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
-const makeEvSpacerProps = propsFactory(
-  {
-    ...makeComponentProps()
-  },
-  "EvSpacer"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSpacer",
-  props: {
-    ...makeEvSpacerProps()
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-spacer", props.class]),
-        style: normalizeStyle([props.style])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvSpacerProps as m
-};
-//# sourceMappingURL=EvSpacer.vue_vue_type_script_setup_true_lang-o6T8p1_p.mjs.map

package/dist/esm/EvSpacer.vue_vue_type_script_setup_true_lang-o6T8p1_p.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvSpacer.vue_vue_type_script_setup_true_lang-o6T8p1_p.mjs","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":[],"mappings":";;;;AAMO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvSurface.vue_vue_type_script_setup_true_lang-DS0eZ8OO.mjs

@@ -1,85 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot } from "vue";
-import { m as makeClassName } from "./modifiers-CxxlSc0X.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-Boi8XxS9.mjs";
-import { d as isEmpty, a as isString } from "./is-functions-DDx5Oqi8.mjs";
-function makeElevationClass(elevation) {
-  return makeClassName(elevation, "elevation");
-}
-const makeEvSurfaceProps = propsFactory(
-  {
-    elevation: {
-      type: String,
-      default: "default"
-    },
-    // Rounded
-    rounded: {
-      type: [String, Number, Boolean],
-      default: void 0
-    },
-    // Scrollable
-    scrollable: {
-      type: [String, Boolean],
-      default: void 0
-    },
-    ...makeDimensionsProps()
-  },
-  "EvSurface"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSurface",
-  props: {
-    ...makeEvSurfaceProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const dimensions = useDimensions(props);
-    function makeRoundedClass(rounded) {
-      if (!rounded || isEmpty(rounded)) {
-        return void 0;
-      }
-      if (rounded === true) {
-        return "is-rounded";
-      }
-      if (!isString(rounded)) {
-        return void 0;
-      }
-      return 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 openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-surface", [
-          unref(makeElevationClass)(props.elevation),
-          makeRoundedClass(props.rounded),
-          makeScrollableClass(props.scrollable)
-        ]]),
-        style: normalizeStyle([unref(dimensions)])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvSurfaceProps as a,
-  makeElevationClass as m
-};
-//# sourceMappingURL=EvSurface.vue_vue_type_script_setup_true_lang-DS0eZ8OO.mjs.map

package/dist/esm/EvSurface.vue_vue_type_script_setup_true_lang-DS0eZ8OO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvSurface.vue_vue_type_script_setup_true_lang-DS0eZ8OO.mjs","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":[],"mappings":";;;;;;AAiBO,SAAS,mBAAmB,WAAmB;AAC3C,SAAA,cAAc,WAAW,WAAW;AAC/C;AAKO,MAAM,qBAAqB;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,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;AClCM,UAAA,aAAa,cAAc,KAAK;AAOtC,aAAS,iBAAiB,SAAqC;AAC3D,UAAI,CAAC,WAAW,QAAQ,OAAO,GAAG;AACvB,eAAA;AAAA,MACX;AACA,UAAI,YAAY,MAAM;AACX,eAAA;AAAA,MACX;AACI,UAAA,CAAC,SAAS,OAAO,GAAG;AACb,eAAA;AAAA,MACX;AACO,aAAA,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/esm/EvSwitch.vue_vue_type_script_setup_true_lang-BBAYA6nW.mjs

@@ -1,123 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, useSlots, useAttrs, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { s as splitInputAttrs } from "./helpers-pCeamm7z.mjs";
-import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-CZv0xVta.mjs";
-import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs";
-import { m as makeEvCheckboxProps, u as useToggleControl } from "./EvCheckbox-Dkepsd6q.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { u as useFormField } from "./validation-jCNfq7fU.mjs";
-const makeEvSwitchProps = propsFactory(
-  {
-    ...makeEvCheckboxProps()
-  },
-  "EvSwitch"
-);
-const _hoisted_1 = { class: "ev-switch--control" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--track" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ 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__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvSwitch",
-  props: {
-    ...makeEvSwitchProps()
-  },
-  emits: ["update:focused", "update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const slots = useSlots();
-    const attrs = useAttrs();
-    const containerRef = ref(null);
-    const inputRef = ref(null);
-    const [containerAttrs, inputAttrs] = splitInputAttrs(attrs);
-    const formField = useFormField(props);
-    const { trueValue, isChecked } = useToggleControl(formField.model, props);
-    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 openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: ["ev-switch", [
-          {
-            "is-checked": unref(isChecked),
-            "is-labelled": props.label || unref(slots).label
-          },
-          unref(formField).classes,
-          props.class
-        ]],
-        style: props.style
-      }, unref(containerAttrs)), [
-        createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          _hoisted_3,
-          createElementVNode("input", mergeProps({
-            id: unref(formField).id,
-            ref_key: "inputRef",
-            ref: inputRef,
-            type: "checkbox",
-            role: "switch",
-            name: unref(formField).name,
-            disabled: unref(formField).isDisabled,
-            readonly: unref(formField).isReadonly,
-            checked: unref(isChecked),
-            value: unref(trueValue),
-            "aria-disabled": unref(formField).isDisabled,
-            "aria-checked": unref(isChecked)
-          }, unref(inputAttrs), {
-            onInput,
-            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => unref(formField).focus && unref(formField).focus(...args)),
-            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-            (...args) => unref(formField).blur && unref(formField).blur(...args))
-          }), null, 16, _hoisted_4)
-        ]),
-        props.label || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(unref(_sfc_main$1), {
-            for: unref(formField).id,
-            clickable: ""
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label", {}, () => [
-                createTextVNode(toDisplayString(props.label), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["for"]),
-          unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(unref(_sfc_main$2), {
-              messages: unref(formField).errorMessages
-            }, null, 8, ["messages"])
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvSwitchProps as m
-};
-//# sourceMappingURL=EvSwitch.vue_vue_type_script_setup_true_lang-BBAYA6nW.mjs.map

package/dist/esm/EvSwitch.vue_vue_type_script_setup_true_lang-BBAYA6nW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvSwitch.vue_vue_type_script_setup_true_lang-BBAYA6nW.mjs","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 v-if=\"props.label || slots.label\" class=\"ev-switch--label\">\n            <ev-label :for=\"formField.id\" clickable>\n                <slot name=\"label\">{{ props.label }}</slot>\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"],"mappings":";;;;;;;;AAGO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;ACiBA,UAAM,QAAQA;AAOd,UAAM,QAAQ;AACR,UAAA,eAAe,IAAwB,IAAI;AAC3C,UAAA,WAAW,IAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAI,gBAAgB,KAAK;AACpD,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAc,iBAAiB,UAAU,OAAO,KAAK;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/esm/EvTab.vue_vue_type_script_setup_true_lang-Lamuf-tH.mjs

@@ -1,143 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, computed, ref, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, normalizeClass } from "vue";
-import { o as omit, f as filterComponentProps } from "./helpers-pCeamm7z.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { m as makeEvButtonProps, _ as _sfc_main$1 } from "./EvButton.vue_vue_type_script_setup_true_lang-BeUM0Yc7.mjs";
-import { m as makeTagProps } from "./tag-BExK_t_Z.mjs";
-import { m as makeEvSlideGroupProps } from "./EvSlideGroup-Bb9K_O_l.mjs";
-import { a as animate, e as easingStandard } from "./animate-8ikgrnlI.mjs";
-import { u as useDefaults } from "./defaults-85ybjluN.mjs";
-const makeEvTabProps = propsFactory(
-  {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    ...omit(
-      makeEvButtonProps({
-        variant: "subtle",
-        selectedClass: "is-selected",
-        selectedAppearance: "primary",
-        selectedVariant: "subtle"
-      }),
-      ["active", "symbol"]
-    )
-  },
-  "EvTab"
-);
-const EvTabsSymbol = Symbol.for("ev:tabs");
-const makeEvTabsProps = propsFactory(
-  {
-    alignTabs: {
-      type: String,
-      default: "start"
-    },
-    grow: Boolean,
-    items: {
-      type: Array,
-      default: () => []
-    },
-    size: String,
-    ...makeEvSlideGroupProps({ mandatory: "force" }),
-    ...makeTagProps()
-  },
-  "EvTabs"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvTab",
-  props: {
-    ...makeEvTabProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const isSelected = computed(
-      () => {
-        var _a, _b;
-        return ((_b = (_a = rootEl.value) == null ? void 0 : _a.group) == null ? void 0 : _b.isSelected.value) ?? false;
-      }
-    );
-    const isHorizontal = computed(() => props.direction === "horizontal");
-    const buttonProps = computed(() => {
-      return filterComponentProps(_sfc_main$1, props);
-    });
-    const rootEl = ref();
-    const sliderEl = 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(
-        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: easingStandard
-        }
-      );
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        ref_key: "rootEl",
-        ref: rootEl,
-        role: "tab",
-        class: ["ev-tab", unref(props).class],
-        active: void 0,
-        "aria-selected": String(isSelected.value),
-        symbol: unref(EvTabsSymbol),
-        tabindex: isSelected.value ? 0 : -1,
-        style: unref(props).style
-      }, buttonProps.value, { "onGroup:selected": updateSlider }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(unref(props).text), 1)
-          ]),
-          createElementVNode("div", {
-            ref_key: "sliderEl",
-            ref: sliderEl,
-            class: normalizeClass(["ev-tab--slider"])
-          }, null, 512)
-        ]),
-        _: 3
-      }, 16, ["class", "aria-selected", "symbol", "tabindex", "style"]);
-    };
-  }
-});
-export {
-  EvTabsSymbol as E,
-  _sfc_main as _,
-  makeEvTabsProps as a,
-  makeEvTabProps as m
-};
-//# sourceMappingURL=EvTab.vue_vue_type_script_setup_true_lang-Lamuf-tH.mjs.map

package/dist/esm/EvTab.vue_vue_type_script_setup_true_lang-Lamuf-tH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvTab.vue_vue_type_script_setup_true_lang-Lamuf-tH.mjs","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 { makeEvButtonProps } from \"@/components\";\nimport { PropType } from \"vue\";\n\n/**\n * # makeEvTabProps()\n */\nexport const makeEvTabProps = propsFactory(\n    {\n        direction: {\n            type: String as PropType<\"horizontal\" | \"vertical\">,\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\ndefineSlots<{\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</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        <slot name=\"default\">{{ props.text }}</slot>\r\n\r\n        <div ref=\"sliderEl\" :class=\"['ev-tab--slider']\"></div>\r\n    </ev-button>\r\n</template>\r\n"],"names":["EvButton"],"mappings":"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"}

package/dist/esm/EvTabs.vue_vue_type_script_setup_true_lang-Cr1R_PfQ.mjs

@@ -1,71 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, computed, toRef, openBlock, createBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementBlock, Fragment, renderList } from "vue";
-import { a as makeEvTabsProps, E as EvTabsSymbol, _ as _sfc_main$2 } from "./EvTab.vue_vue_type_script_setup_true_lang-Lamuf-tH.mjs";
-import { _ as _sfc_main$1 } from "./EvSlideGroup.vue_vue_type_script_setup_true_lang-DjFHk8cB.mjs";
-import { u as useModelProxy } from "./modelProxy-B-YOpPOA.mjs";
-import { f as filterComponentProps } from "./helpers-pCeamm7z.mjs";
-import { i as isObject } from "./is-functions-DDx5Oqi8.mjs";
-import { p as provideDefaults } from "./defaults-85ybjluN.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvTabs",
-  props: {
-    ...makeEvTabsProps()
-  },
-  setup(__props) {
-    const props = __props;
-    function parseItems(items) {
-      if (!items) {
-        return [];
-      }
-      return items.map((item) => {
-        return !isObject(item) ? { text: item, value: item } : item;
-      });
-    }
-    const model = useModelProxy(props, "modelValue");
-    const parsedItems = computed(() => parseItems(props.items));
-    provideDefaults({
-      EvTab: {
-        direction: toRef(props, "direction"),
-        size: toRef(props, "size"),
-        selectedAppearance: toRef(props, "selectedAppearance"),
-        selectedVariant: toRef(props, "selectedVariant")
-      }
-    });
-    const slideGroupProps = computed(
-      () => filterComponentProps(_sfc_main$1, props)
-    );
-    const alignTabsClass = computed(() => `is-align-tabs-${props.alignTabs}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(slideGroupProps.value, {
-        modelValue: unref(model),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
-        role: "tablist",
-        class: [
-          "ev-tabs",
-          alignTabsClass.value,
-          {
-            "is-grow": props.grow
-          },
-          props.class
-        ],
-        style: props.style,
-        symbol: unref(EvTabsSymbol)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(parsedItems.value, (item) => {
-              return openBlock(), createBlock(unref(_sfc_main$2), mergeProps({
-                key: item.text
-              }, item), null, 16);
-            }), 128))
-          ])
-        ]),
-        _: 3
-      }, 16, ["modelValue", "class", "style", "symbol"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvTabs.vue_vue_type_script_setup_true_lang-Cr1R_PfQ.mjs.map

package/dist/esm/EvTabs.vue_vue_type_script_setup_true_lang-Cr1R_PfQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvTabs.vue_vue_type_script_setup_true_lang-Cr1R_PfQ.mjs","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":["EvSlideGroup"],"mappings":";;;;;;;;;;;;;;;AAkBA,aAAS,WAAW,OAAuC;AACvD,UAAI,CAAC,OAAO;AACR,eAAO;MACX;AACO,aAAA,MAAM,IAAI,CAAC,SAAS;AAChB,eAAA,CAAC,SAAS,IAAI,IAAI,EAAE,MAAM,MAAM,OAAO,KAAS,IAAA;AAAA,MAAA,CAC1D;AAAA,IACL;AAKM,UAAA,QAAQ,cAAc,OAAO,YAAY;AAC/C,UAAM,cAAc,SAAS,MAAM,WAAW,MAAM,KAAK,CAAC;AAE1C,oBAAA;AAAA,MACZ,OAAO;AAAA,QACH,WAAW,MAAM,OAAO,WAAW;AAAA,QACnC,MAAM,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAoB,MAAM,OAAO,oBAAoB;AAAA,QACrD,iBAAiB,MAAM,OAAO,iBAAiB;AAAA,MACnD;AAAA,IAAA,CACH;AAED,UAAM,kBAAkB;AAAA,MAAS,MAC7B,qBAAqBA,aAAc,KAAK;AAAA,IAAA;AAE5C,UAAM,iBAAiB,SAAS,MAAM,iBAAiB,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}