maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.3

package/dist/components/MazSlider.mjs

@@ -0,0 +1,231 @@
+import { defineComponent as te, ref as p, computed as f, watch as O, onMounted as ne, onBeforeUnmount as oe, nextTick as b, openBlock as g, createElementBlock as w, normalizeStyle as T, normalizeClass as F, createElementVNode as N, Fragment as K, renderList as j, toDisplayString as ae } from "vue";
+import { debounce as ue } from "../helpers/debounce.mjs";
+import { _ as le } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazSlider.D08gO9DD.css';function se(a) {
+  const i = document.documentElement, o = document.body, d = a.getBoundingClientRect();
+  return {
+    y: d.top + (window.pageYOffset || i.scrollTop) - (i.clientTop || o.clientTop || 0),
+    x: d.left + (window.pageXOffset || i.scrollLeft) - (i.clientLeft || o.clientLeft || 0)
+  };
+}
+function re(a, i, o = !1) {
+  const d = "targetTouches" in a ? a.targetTouches[0] : a, v = se(i), r = {
+    x: d.pageX - v.x,
+    y: d.pageY - v.y
+  };
+  return {
+    x: o ? i.offsetWidth - r.x : r.x,
+    y: o ? i.offsetHeight - r.y : r.y
+  };
+}
+function q(a, i, o, d) {
+  return d === "minus" ? i ? a >= i : !0 : o ? a <= o : !0;
+}
+function I(a, i, o) {
+  const d = a + 1, r = i < d ? d - i : i - d;
+  return 100 / o * r / 100;
+}
+const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"], de = /* @__PURE__ */ te({
+  __name: "MazSlider",
+  props: {
+    /** Array of cursors values */
+    modelValue: {
+      type: [Number, Array],
+      required: !0,
+      validator: (a) => ["number"].includes(typeof a) || Array.isArray(a) || a === null
+    },
+    /** array of cursors label */
+    labels: { type: Array, default: void 0 },
+    /** min value of sliders */
+    min: { type: Number, default: 0 },
+    /** max value of sliders */
+    max: { type: Number, default: 100 },
+    /** height size of slider bar */
+    size: { type: String, default: void 0 },
+    /** remove div in different colors */
+    noDivider: { type: Boolean, default: !1 },
+    /** become a logarithmic slider (exponential) */
+    log: { type: Boolean, default: !1 },
+    /** main slider color */
+    color: {
+      type: String,
+      default: "primary"
+    },
+    /** disables cursor animation when active */
+    noCursorAnim: { type: Boolean, default: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: i }) {
+    const o = a, d = i, v = p(), r = p(), m = p(), c = p(), B = p([]), _ = p([]), y = f(() => typeof o.modelValue == "number" ? [o.modelValue] : o.modelValue ? o.modelValue : [0]), M = f(() => Math.log(o.min || 1)), X = f(() => Math.log(o.max)), C = f(() => {
+      const { min: e, max: t } = o;
+      return (X.value - M.value) / (t - e);
+    }), L = f(() => {
+      const { min: e, max: t } = o;
+      return t - e;
+    }), Y = f(() => ({
+      paddingTop: o.labels ? "2.5em" : "1em"
+    })), H = f(() => Array.isArray(o.modelValue));
+    O(
+      () => o.modelValue,
+      () => c.value = y.value,
+      { immediate: !0 }
+    ), O(
+      () => [y.value, o.min, o.max, o.log].join(","),
+      () => z(!0)
+    );
+    const k = ue(() => z(), 300);
+    ne(() => {
+      z(!0), window.addEventListener("resize", k);
+    }), oe(() => {
+      window.removeEventListener("resize", k);
+    });
+    async function z(e) {
+      e === !0 && U(), await Q(), await b();
+      for (const [t] of y.value.entries())
+        P(t);
+    }
+    function R(e, t) {
+      e.key === "ArrowLeft" ? c.value && q(c.value[t] - 1, c.value[t - 1], c.value[t + 1], "minus") && (c.value[t]--, x(c.value)) : e.key === "ArrowRight" && c.value && q(c.value[t] + 1, c.value[t - 1], c.value[t + 1], "plus") && (c.value[t]++, x(c.value));
+    }
+    function A(e) {
+      r.value = void 0, $(e);
+    }
+    function U() {
+      const { min: e, max: t } = o, s = y.value.map(
+        (n) => n < e ? e : n > t ? t : n
+      );
+      x(s), c.value = s;
+    }
+    function x(e) {
+      const t = H.value ? [...e] : e[0];
+      d("update:model-value", t);
+    }
+    function G(e) {
+      const { labels: t } = o;
+      return t ? t[e] : void 0;
+    }
+    function P(e) {
+      $(e), o.noDivider || J();
+    }
+    async function $(e) {
+      var s;
+      await b();
+      const t = document.querySelectorAll(".m-slider .m-slider__btn");
+      if (t) {
+        const n = t[e], u = (n == null ? void 0 : n.clientWidth) + 16, l = {
+          left: typeof ((s = m.value) == null ? void 0 : s[e]) == "number" ? `${m.value[e] - u / 2 || 1}px` : ""
+        };
+        B.value[e] = l;
+      }
+    }
+    function J() {
+      if (m.value) {
+        const e = [...m.value];
+        e.push(0);
+        const t = e.length, s = Math.round(t / 2);
+        _.value = e.map((n, u) => ({
+          left: u === 0 ? 0 : `${e[u - 1]}px`,
+          // ATTENTION: buttonPositions.value[i - 1]
+          right: u + 1 === t ? 0 : `calc( 100% - ${n}px )`,
+          backgroundColor: s === u + 1 ? void 0 : u < s ? `rgba(255, 255, 255, ${I(u, s, t)})` : `rgba(0, 0, 0, ${I(u, s, t)})`
+          // darken
+        }));
+      }
+    }
+    async function Q() {
+      var u, l;
+      await b();
+      const { min: e, max: t, log: s } = o, n = (u = v.value) == null ? void 0 : u.clientWidth;
+      typeof n == "number" ? m.value = (l = c.value) == null ? void 0 : l.map(
+        (h) => s ? n / t * (e + (Math.log(h) - M.value) / C.value) : n / L.value * (h - e)
+      ) : console.warn("[maz-ui][MazSlider] ref component not found");
+    }
+    async function W() {
+      var u, l, h;
+      await b();
+      const { max: e, min: t, log: s } = o, n = (u = v.value) == null ? void 0 : u.clientWidth;
+      if (typeof n == "number")
+        return s ? (l = m.value) == null ? void 0 : l.map((V) => {
+          const Z = V / (n / e), ee = Math.exp((Z - t) * C.value + M.value);
+          return Math.round(ee);
+        }) : (h = m.value) == null ? void 0 : h.map(
+          (V) => Math.round(V / (n / L.value)) + t
+        );
+      console.warn("[maz-ui][MazSlider] ref component not found");
+    }
+    function S(e, t) {
+      r.value === void 0 && (r.value = t, P(t));
+    }
+    async function D() {
+      if (r.value === void 0)
+        return;
+      const e = await W();
+      e && x(e), r.value = void 0;
+    }
+    async function E(e) {
+      var s;
+      if (await b(), r.value === void 0)
+        return;
+      const t = (s = v.value) == null ? void 0 : s.clientWidth;
+      if (m.value) {
+        const n = m.value[r.value - 1] || 0, u = m.value[r.value + 1] || t;
+        if (!v.value)
+          return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");
+        m.value[r.value] = (() => {
+          const l = re(e, v.value).x;
+          return l < n ? n : u && l > u ? u : l;
+        })(), c.value = await W(), P(r.value);
+      }
+    }
+    return (e, t) => (g(), w("div", {
+      style: T([Y.value, { fontSize: a.size }]),
+      class: F(["m-slider m-reset-css", [`m-slider--${a.color}`]]),
+      role: "button",
+      tabindex: "-1",
+      onMousemovePassive: E,
+      onMouseupPassive: D,
+      onMouseleavePassive: D,
+      onTouchmovePassive: E
+    }, [
+      N("div", {
+        ref_key: "MazSlider",
+        ref: v,
+        class: "m-slider__bar",
+        role: "slider",
+        "aria-valuenow": a.modelValue.toString(),
+        "aria-valuemin": a.min,
+        "aria-valuemax": a.max
+      }, [
+        (g(!0), w(K, null, j(_.value, (s, n) => (g(), w("div", {
+          key: `divider-${n}`,
+          style: T([s]),
+          class: "m-slider__divider"
+        }, null, 4))), 128)),
+        (g(!0), w(K, null, j(y.value, (s, n) => {
+          var u;
+          return g(), w("button", {
+            key: `cursor-${n}`,
+            type: "button",
+            "data-label": G(n),
+            class: F(["m-slider__btn", {
+              "active-cursor": n === r.value && !a.noCursorAnim
+            }]),
+            style: T([B.value[n]]),
+            onMousedownPassive: (l) => S(l, n),
+            onTouchstartPassive: (l) => S(l, n),
+            onFocusPassive: (l) => S(l, n),
+            onBlurPassive: (l) => A(n),
+            onTouchendPassive: (l) => A(n),
+            onKeydownPassive: (l) => R(l, n)
+          }, [
+            N("span", null, ae((u = c.value) == null ? void 0 : u[n]), 1)
+          ], 46, ce);
+        }), 128))
+      ], 8, ie)
+    ], 38));
+  }
+}), pe = /* @__PURE__ */ le(de, [["__scopeId", "data-v-0ba9f676"]]);
+export {
+  pe as default
+};
+//# sourceMappingURL=MazSlider.mjs.map

package/dist/components/MazSlider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazSlider.mjs","sources":["../../src/components/MazSlider/utils.ts","../../src/components/MazSlider.vue"],"sourcesContent":["interface IPosObject {\n  x: number\n  y: number\n}\n\nexport function getOffset(elem: HTMLDivElement): IPosObject {\n  const doc = document.documentElement as HTMLElement\n  const body = document.body as HTMLElement\n  const rect = elem.getBoundingClientRect()\n  const offset: IPosObject = {\n    y: rect.top + (window.pageYOffset || doc.scrollTop) - (doc.clientTop || body.clientTop || 0),\n    x:\n      rect.left + (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || body.clientLeft || 0),\n  }\n  return offset\n}\n\n/**\n * Get the position of the mouse/finger in the element\n * @param e Trigger event\n * @param elem Container element\n * @param isReverse From the right/bottom\n */\nexport function getPos(e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse = false): IPosObject {\n  const event = 'targetTouches' in e ? e.targetTouches[0] : e\n  const offset = getOffset(elem)\n  const posObj = {\n    x: event.pageX - offset.x,\n    y: event.pageY - offset.y,\n  }\n  return {\n    x: isReverse ? elem.offsetWidth - posObj.x : posObj.x,\n    y: isReverse ? elem.offsetHeight - posObj.y : posObj.y,\n  }\n}\n\nexport function isBetween(value: number, prev: number, next: number, direction: string) {\n  return direction === 'minus' ? (prev ? value >= prev : true) : next ? value <= next : true\n}\n\nexport function getOpacityCoeff(index: number, middle: number, length: number) {\n  const currentIndex = index + 1\n  const isBiggerThanMiddle = middle < currentIndex\n  const deviation = isBiggerThanMiddle ? currentIndex - middle : middle - currentIndex\n  return ((100 / length) * deviation) / 100\n}\n","<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { getOpacityCoeff, getPos, isBetween } from '@components/MazSlider/utils'\n\nimport { debounce } from '@helpers/debounce'\nimport {\n  computed,\n  type CSSProperties,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  type PropType,\n  ref,\n  watch,\n} from 'vue'\n\nconst props = defineProps({\n  /** Array of cursors values */\n  modelValue: {\n    type: [Number, Array] as PropType<number | number[]>,\n    required: true,\n    validator: (value: string) => {\n      return ['number'].includes(typeof value) || Array.isArray(value) || value === null\n    },\n  },\n  /** array of cursors label */\n  labels: { type: Array, default: undefined },\n  /** min value of sliders */\n  min: { type: Number, default: 0 },\n  /** max value of sliders */\n  max: { type: Number, default: 100 },\n  /** height size of slider bar */\n  size: { type: String, default: undefined },\n  /** remove div in different colors */\n  noDivider: { type: Boolean, default: false },\n  /** become a logarithmic slider (exponential) */\n  log: { type: Boolean, default: false },\n  /** main slider color */\n  color: {\n    type: String as PropType<Color>,\n    default: 'primary',\n  },\n  /** disables cursor animation when active */\n  noCursorAnim: { type: Boolean, default: false },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst MazSlider = ref<HTMLDivElement>()\n\nconst activeCursor = ref<number>()\nconst buttonPositions = ref<number[]>()\nconst tmpValues = ref<number[]>()\n\nconst buttonStyles = ref<CSSProperties[]>([])\nconst dividers = ref<CSSProperties[]>([])\n\n// COMPUTED\n\nconst computedValue = computed<number[]>(() => {\n  if (typeof props.modelValue === 'number') {\n    return [props.modelValue]\n  }\n  else if (props.modelValue) {\n    return props.modelValue\n  }\n  else {\n    return [0]\n  }\n})\nconst minLog = computed(() => {\n  return Math.log(props.min || 1)\n})\nconst maxLog = computed(() => {\n  return Math.log(props.max)\n})\nconst scale = computed(() => {\n  const { min, max } = props\n  return (maxLog.value - minLog.value) / (max - min)\n})\nconst range = computed(() => {\n  const { min, max } = props\n  return max - min\n})\nconst wrapperStyle = computed(() => {\n  return {\n    paddingTop: props.labels ? `2.5em` : `1em`,\n  }\n})\nconst hasMultipleValues = computed(() => Array.isArray(props.modelValue))\n\nwatch(\n  () => props.modelValue,\n  () => (tmpValues.value = computedValue.value),\n  { immediate: true },\n)\nwatch(\n  () => [computedValue.value, props.min, props.max, props.log].join(','),\n  () => buildComponent(true),\n)\n\nconst resizeListenerFunction = debounce(() => buildComponent(), 300)\n\nonMounted(() => {\n  buildComponent(true)\n\n  window.addEventListener('resize', resizeListenerFunction)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', resizeListenerFunction)\n})\n\nasync function buildComponent(emitValue?: boolean) {\n  if (emitValue === true)\n    checkValues()\n  await calcPos()\n  await nextTick()\n\n  for (const [index] of computedValue.value.entries()) {\n    setBtnDividers(index)\n  }\n}\n\nfunction cursorKeyDown(event: KeyboardEvent, i: number) {\n  if (event.key === 'ArrowLeft') {\n    if (\n      tmpValues.value\n      && isBetween(tmpValues.value[i] - 1, tmpValues.value[i - 1], tmpValues.value[i + 1], 'minus')\n    ) {\n      tmpValues.value[i]--\n      emitValue(tmpValues.value)\n    }\n  }\n  // ArrowRight\n  else if (\n    event.key === 'ArrowRight'\n    && tmpValues.value\n    && isBetween(tmpValues.value[i] + 1, tmpValues.value[i - 1], tmpValues.value[i + 1], 'plus')\n  ) {\n    tmpValues.value[i]++\n    emitValue(tmpValues.value)\n  }\n}\nfunction blurCursor(i: number) {\n  activeCursor.value = undefined\n  setBtnStyle(i)\n}\nfunction checkValues() {\n  // check if values are not below the min or above the max\n  const { min, max } = props\n  const valuesChecked = computedValue.value.map((v: number) =>\n    v < min ? min : v > max ? max : v,\n  )\n  emitValue(valuesChecked)\n  tmpValues.value = valuesChecked\n}\nfunction emitValue(values: number[]) {\n  const valueToEmit = hasMultipleValues.value ? [...values] : values[0]\n  emits('update:model-value', valueToEmit)\n}\nfunction getLabel(i: number) {\n  const { labels } = props\n  return labels ? labels[i] : undefined\n}\nfunction setBtnDividers(i: number) {\n  setBtnStyle(i)\n  if (!props.noDivider)\n    setDividers()\n}\nasync function setBtnStyle(i: number) {\n  await nextTick()\n\n  const currentCursor = document.querySelectorAll('.m-slider .m-slider__btn')\n\n  // get width of text in cursor + padding/space\n  if (currentCursor) {\n    const cursor = currentCursor[i]\n    const width = cursor?.clientWidth + 16\n\n    const btnStyle = {\n      left:\n          typeof buttonPositions.value?.[i] === 'number'\n            ? `${buttonPositions.value[i] - width / 2 || 1}px`\n            : '',\n    }\n\n    buttonStyles.value[i] = btnStyle\n  }\n}\n\nfunction setDividers() {\n  if (buttonPositions.value) {\n    // remove getters/setters of vue\n    const base = [...buttonPositions.value]\n    // add an item to generate one more divider\n    base.push(0)\n    const baseLength = base.length\n    const middle = Math.round(baseLength / 2)\n    // generate dividers items with style\n    dividers.value = base.map((pos, i) => ({\n      left: i === 0 ? 0 : `${base[i - 1]}px`, // ATTENTION: buttonPositions.value[i - 1]\n      right: i + 1 === baseLength ? 0 : `calc( 100% - ${pos}px )`,\n      backgroundColor:\n        middle === i + 1\n          ? undefined\n          : i < middle\n            ? `rgba(255, 255, 255, ${getOpacityCoeff(i, middle, baseLength)})` // lighten\n            : `rgba(0, 0, 0, ${getOpacityCoeff(i, middle, baseLength)})`, // darken\n    }))\n  }\n}\n\nasync function calcPos() {\n  await nextTick()\n  const { min, max, log } = props\n  const barWidth = MazSlider.value?.clientWidth\n  if (typeof barWidth === 'number') {\n    buttonPositions.value = tmpValues.value?.map(v =>\n      log\n        ? (barWidth / max) * (min + (Math.log(v) - minLog.value) / scale.value)\n        : (barWidth / range.value) * (v - min),\n    )\n  }\n  else {\n    console.warn('[maz-ui][MazSlider] ref component not found')\n  }\n}\nasync function getCursorsValues() {\n  await nextTick()\n  const { max, min, log } = props\n  const barWidth = MazSlider.value?.clientWidth\n  if (typeof barWidth === 'number') {\n    return log\n      ? buttonPositions.value?.map((pos: number) => {\n        const position = pos / (barWidth / max)\n        const value = Math.exp((position - min) * scale.value + minLog.value)\n        return Math.round(value)\n      })\n      : buttonPositions.value?.map(\n        (pos: number) => Math.round(pos / (barWidth / range.value)) + min,\n      )\n  }\n  else {\n    console.warn('[maz-ui][MazSlider] ref component not found')\n  }\n}\nfunction handleMousedown(_event: MouseEvent | TouchEvent | FocusEvent, i: number) {\n  if (activeCursor.value !== undefined)\n    return\n\n  activeCursor.value = i\n  setBtnDividers(i)\n}\nasync function handleMouseup() {\n  if (activeCursor.value === undefined)\n    return\n\n  const values = await getCursorsValues()\n\n  if (values)\n    emitValue(values)\n\n  activeCursor.value = undefined\n}\nasync function handleMousemove(event: MouseEvent | TouchEvent) {\n  await nextTick()\n  if (activeCursor.value === undefined)\n    return\n\n  const barWidth = MazSlider.value?.clientWidth\n\n  if (buttonPositions.value) {\n    const prevValue = buttonPositions.value[activeCursor.value - 1] || 0\n    const nextValue = buttonPositions.value[activeCursor.value + 1] || barWidth\n\n    if (!MazSlider.value)\n\n      return console.error('[maz-ui](MazSlider/handleMousemove) MazSlider not available')\n\n    buttonPositions.value[activeCursor.value] = (() => {\n      const movement = getPos(event, MazSlider.value).x\n\n      if (movement < prevValue) {\n        return prevValue\n      }\n      else if (nextValue && movement > nextValue) {\n        return nextValue\n      }\n\n      return movement\n    })()\n\n    tmpValues.value = await getCursorsValues()\n\n    setBtnDividers(activeCursor.value)\n  }\n}\n</script>\n\n<template>\n  <!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n  <div\n    :style=\"[wrapperStyle, { fontSize: size }]\"\n    class=\"m-slider m-reset-css\"\n    role=\"button\"\n    tabindex=\"-1\"\n    :class=\"[`m-slider--${color}`]\"\n    @mousemove.passive=\"handleMousemove\"\n    @mouseup.passive=\"handleMouseup\"\n    @mouseleave.passive=\"handleMouseup\"\n    @touchmove.passive=\"handleMousemove\"\n  >\n    <div\n      ref=\"MazSlider\"\n      class=\"m-slider__bar\"\n      role=\"slider\"\n      :aria-valuenow=\"modelValue.toString()\"\n      :aria-valuemin=\"min\"\n      :aria-valuemax=\"max\"\n    >\n      <div\n        v-for=\"(div, i) in dividers\"\n        :key=\"`divider-${i}`\"\n        :style=\"[div]\"\n        class=\"m-slider__divider\"\n      />\n\n      <button\n        v-for=\"(_btn, i) in computedValue\"\n        :key=\"`cursor-${i}`\"\n        type=\"button\"\n        :data-label=\"getLabel(i)\"\n        class=\"m-slider__btn\"\n        :class=\"{\n          'active-cursor': i === activeCursor && !noCursorAnim,\n        }\"\n        :style=\"[buttonStyles[i]]\"\n        @mousedown.passive=\"handleMousedown($event, i)\"\n        @touchstart.passive=\"handleMousedown($event, i)\"\n        @focus.passive=\"handleMousedown($event, i)\"\n        @blur.passive=\"blurCursor(i)\"\n        @touchend.passive=\"blurCursor(i)\"\n        @keydown.passive=\"cursorKeyDown($event, i)\"\n      >\n        <span>\n          {{ tmpValues?.[i] }}\n        </span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-slider {\n  padding: 1em 1.5rem;\n\n  &__bar {\n    @apply maz-relative maz-flex maz-items-center maz-justify-center maz-rounded-full;\n\n    height: 0.5em;\n  }\n\n  &__divider {\n    position: absolute;\n    border-radius: 2em;\n    height: 100%;\n  }\n\n  &__btn {\n    position: absolute;\n    outline: none;\n    cursor: pointer;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n    transition:\n      box-shadow 300ms ease-in-out,\n      width 300ms ease-in-out,\n      transform 300ms ease-in-out,\n      background-color 300ms ease-in-out;\n    z-index: 1;\n    user-select: none;\n\n    @apply maz-flex maz-items-center maz-justify-center maz-rounded-full maz-border\n        maz-border-border maz-bg-bg-light maz-shadow-md;\n\n    padding: 0.25em 0.5em;\n\n    & span {\n      @apply maz-flex maz-items-center maz-text-dark;\n\n      margin-left: 0.25em;\n      margin-right: 0.25em;\n    }\n\n    &.active-cursor {\n      transform: scale(1.3);\n\n      @apply maz-z-2;\n    }\n\n    &::before {\n      content: attr(data-label);\n      font-size: 0.8em;\n      top: -1.5em;\n\n      @apply maz-absolute maz-font-medium maz-text-normal;\n    }\n\n    &:hover {\n      @apply maz-bg-border;\n    }\n  }\n\n  &--primary {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-primary;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-primary maz-shadow-lg;\n      }\n    }\n  }\n\n  &--secondary {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-secondary;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-secondary maz-shadow-lg;\n      }\n    }\n  }\n\n  &--info {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-info;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-info maz-shadow-lg;\n      }\n    }\n  }\n\n  &--success {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-success;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-success maz-shadow-lg;\n      }\n    }\n  }\n\n  &--warning {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-warning;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-warning maz-shadow-lg;\n      }\n    }\n  }\n\n  &--danger {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-danger;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-danger maz-shadow-lg;\n      }\n    }\n  }\n\n  &--white {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-white;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-white maz-shadow-lg;\n      }\n    }\n  }\n\n  &--black {\n    & .m-slider {\n      &__bar {\n        @apply maz-bg-black;\n      }\n\n      &__btn.active-cursor {\n        @apply maz-border maz-border-black maz-shadow-lg;\n      }\n    }\n  }\n}\n</style>\n"],"names":["getOffset","elem","doc","body","rect","getPos","e","isReverse","event","offset","posObj","isBetween","value","prev","next","direction","getOpacityCoeff","index","middle","length","currentIndex","deviation","props","__props","emits","__emit","MazSlider","ref","activeCursor","buttonPositions","tmpValues","buttonStyles","dividers","computedValue","computed","minLog","maxLog","scale","min","max","range","wrapperStyle","hasMultipleValues","watch","buildComponent","resizeListenerFunction","debounce","onMounted","onBeforeUnmount","emitValue","checkValues","calcPos","nextTick","setBtnDividers","cursorKeyDown","i","blurCursor","setBtnStyle","valuesChecked","v","values","valueToEmit","getLabel","labels","setDividers","currentCursor","cursor","width","btnStyle","_a","base","baseLength","pos","log","barWidth","_b","getCursorsValues","position","_c","handleMousedown","_event","handleMouseup","handleMousemove","prevValue","nextValue","movement"],"mappings":"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"}

package/dist/components/MazSpinner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazSpinner.DTuz1RdS.css');const e=require("vue"),n=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),r=["width","height"],o=e.defineComponent({__name:"MazSpinner",props:{size:{default:"2em"},color:{default:"theme"}},setup(i){return(s,t)=>(e.openBlock(),e.createElementBlock("svg",{width:s.size,height:s.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner m-reset-css",`m-spinner--${s.color}`]),style:{"enable-background":"new 0 0 50 50"}},t[0]||(t[0]=[e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)]),10,r))}}),l=n._export_sfc(o,[["__scopeId","data-v-4f7cc2ae"]]);exports.default=l;
+//# sourceMappingURL=MazSpinner.cjs.map

package/dist/components/MazSpinner.cjs.map

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

package/dist/components/MazSpinner.mjs

@@ -0,0 +1,29 @@
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
+import { _ as a } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazSpinner.DTuz1RdS.css';const i = ["width", "height"], c = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { default: "2em" },
+    color: { default: "theme" }
+  },
+  setup(l) {
+    return (e, s) => (o(), t("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: r(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, s[0] || (s[0] = [
+      p("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1)
+    ]), 10, i));
+  }
+}), h = /* @__PURE__ */ a(c, [["__scopeId", "data-v-4f7cc2ae"]]);
+export {
+  h as default
+};
+//# sourceMappingURL=MazSpinner.mjs.map

package/dist/components/MazSpinner.mjs.map

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

package/dist/components/MazStepper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazStepper.BE3Mm9rm.css');const e=require("vue"),I=require("./MazExpandAnimation.cjs"),O=require("../chunks/MazIcon.vue_vue_type_script_setup_true_lang.C5NwBerh.cjs"),P=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),q=["id","disabled","onClick"],A={class:"m-stepper__header__wrapper"},M={class:"m-stepper__count --primary"},w={class:"m-stepper__count__circle"},T={class:"m-stepper__header__content"},F={class:"m-stepper__title"},W={key:0,class:"m-stepper__subtitle"},j={key:0,class:"m-stepper__right"},L={class:"m-stepper__content__wrapper"},H=e.defineComponent({__name:"MazStepper",props:{modelValue:{default:void 0},steps:{default:void 0},color:{default:"primary"},disabledNextSteps:{type:Boolean},disabledPreviousSteps:{type:Boolean},autoValidateSteps:{type:Boolean},allStepsOpened:{type:Boolean},allStepsValidated:{type:Boolean},canCloseSteps:{type:Boolean}},emits:["update:model-value"],setup(h,{emit:V}){const l=h,g=V,C=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/check-circle.D3i-p-t3.cjs"))),E=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/exclamation-circle.BXs0Yj0f.cjs"))),N=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/exclamation-triangle.BtW3be9S.cjs"))),$=e.computed(()=>`var(--maz-color-${l.color})`),D=e.computed(()=>`var(--maz-color-${l.color}-contrast)`),k=e.useSlots(),d=e.computed(()=>Object.keys(k).filter(o=>o.startsWith("content-")).length),y=e.ref(1),r=e.computed({get:()=>l.modelValue??y.value,set:o=>{y.value=o,g("update:model-value",o)}});function p(o){return b(o)?{icon:C,class:"--success"}:f(o)?{icon:N,class:"--warning"}:S(o)?{icon:E,class:"--error"}:{class:"--normal"}}function i(o){var n,t;return(t=(n=l.steps)==null?void 0:n[o-1])==null?void 0:t.icon}function m(o,n){var t,a;return(a=(t=l.steps)==null?void 0:t[n-1])==null?void 0:a[o]}function _(o){r.value===o&&l.canCloseSteps?r.value=0:o<1?r.value=1:o>d.value?r.value=d.value:r.value=o}function v(o,n){var s,u;const t=o==="titleInfo"?"title-info":o,a=Object.keys(k).filter(z=>z.startsWith(`${t}-`)).includes(`${t}-${n}`),c=!!((u=(s=l.steps)==null?void 0:s[n-1])!=null&&u[o]);return a||c}function b(o){var c,s;const n=(s=(c=l.steps)==null?void 0:c[o-1])==null?void 0:s.success,t=S(o)||f(o),a=l.autoValidateSteps&&o<r.value&&!t;return n??(a||l.allStepsValidated)}function B(o){var s,u;const n=(u=(s=l.steps)==null?void 0:s[o-1])==null?void 0:u.disabled,t=r.value===o&&!l.canCloseSteps,a=l.disabledNextSteps&&o>r.value,c=l.disabledPreviousSteps&&o<r.value;return n??(t||a||c||l.allStepsOpened)}function S(o){var n,t;return(t=(n=l.steps)==null?void 0:n[o-1])==null?void 0:t.error}function f(o){var n,t;return(t=(n=l.steps)==null?void 0:n[o-1])==null?void 0:t.warning}function x(o){return o===d.value}return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"m-stepper m-reset-css",style:e.normalizeStyle([{"--round-step-bg-color":$.value,"--round-step-text-color":D.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[v("title",t)?(e.openBlock(),e.createElementBlock("button",{key:0,id:`header-step-${t}`,type:"button",disabled:B(t),class:e.normalizeClass(["m-stepper__header",[{"--is-current-step":t===r.value||o.allStepsOpened,"--disabled":t!==r.value&&!o.allStepsOpened&&B(t)},`${p(t).class}`]]),onClick:a=>_(t)},[e.createElementVNode("div",A,[e.createElementVNode("span",M,[e.createElementVNode("div",w,[p(t).icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p(t).icon),{key:0,class:"icon maz-text-xl"})):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,`icon-${t}`,{},()=>[i(t)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[typeof i(t)=="string"?(e.openBlock(),e.createBlock(O._sfc_main,{key:0,name:i(t)},null,8,["name"])):i(t)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i(t)),{key:1})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t),1)],64))],!0)]),e.createElementVNode("div",T,[e.createElementVNode("span",F,[e.renderSlot(o.$slots,`title-${t}`,{},()=>[e.createTextVNode(e.toDisplayString(m("title",t)),1)],!0)]),v("subtitle",t)?(e.openBlock(),e.createElementBlock("span",W,[e.renderSlot(o.$slots,`subtitle-${t}`,{},()=>[e.createTextVNode(e.toDisplayString(m("subtitle",t)),1)],!0)])):e.createCommentVNode("",!0)])]),v("titleInfo",t)?(e.openBlock(),e.createElementBlock("span",j,[e.renderSlot(o.$slots,`title-info-${t}`,{},()=>[e.createTextVNode(e.toDisplayString(m("titleInfo",t)),1)],!0)])):e.createCommentVNode("",!0)],10,q)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["m-stepper__content",{"--no-border":x(t)}])},[e.createVNode(I.default,{"model-value":o.allStepsOpened||r.value===t,"aria-labelledby":`header-step-${t}`},{default:e.withCtx(()=>[e.createElementVNode("div",L,[e.renderSlot(o.$slots,`content-${t}`,{validated:b(t),error:S(t),warning:f(t),nextStep:()=>_(t+1),previousStep:()=>_(t-1)},void 0,!0)])]),_:2},1032,["model-value","aria-labelledby"])],2)],64))),128))],4))}}),G=P._export_sfc(H,[["__scopeId","data-v-7f5eb4dc"]]);exports.default=G;
+//# sourceMappingURL=MazStepper.cjs.map

package/dist/components/MazStepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazStepper.cjs","sources":["../../src/components/MazStepper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color, Icon } from '@components/types'\nimport MazExpandAnimation from '@components/MazExpandAnimation.vue'\nimport MazIcon from '@components/MazIcon.vue'\n\nimport {\n  type Component,\n  computed,\n  defineAsyncComponent,\n  ref,\n  useSlots,\n} from 'vue'\n\nexport interface MazStepperStep {\n  title?: string\n  subtitle?: string\n  titleInfo?: string\n  disabled?: boolean\n  error?: boolean\n  success?: boolean\n  warning?: boolean\n  icon?: string | Icon\n}\nexport type MazStepperSteps = MazStepperStep[]\n\nconst props = withDefaults(defineProps<MazStepperProps>(), {\n  modelValue: undefined,\n  steps: undefined,\n  color: 'primary',\n})\n\nconst emits = defineEmits<{\n  'update:model-value': [value: number]\n}>()\n\nconst CheckCircleIcon = defineAsyncComponent(() => import('@icons/check-circle.svg'))\nconst ExclamationCircleIcon = defineAsyncComponent(() => import('@icons/exclamation-circle.svg'))\nconst ExclamationIcon = defineAsyncComponent(() => import('@icons/exclamation-triangle.svg'))\n\nexport interface MazStepperProps {\n  /** The current step */\n  modelValue?: number\n  /** The steps */\n  steps?: MazStepperSteps\n  /**\n   * The color of the stepper\n   * @default primary\n   */\n  color?: Color\n  /** Disable the next steps */\n  disabledNextSteps?: boolean\n  /** Disable the previous steps */\n  disabledPreviousSteps?: boolean\n  /** Auto validate the steps */\n  autoValidateSteps?: boolean\n  /** Open all steps */\n  allStepsOpened?: boolean\n  /** Validate all steps */\n  allStepsValidated?: boolean\n  /** Allow to close the steps */\n  canCloseSteps?: boolean\n}\n\nconst roundStepBgColor = computed(() => `var(--maz-color-${props.color})`)\nconst roundStepTextColor = computed(() => `var(--maz-color-${props.color}-contrast)`)\n\nconst slots = useSlots()\n\nconst stepCount = computed<number>(\n  () => Object.keys(slots).filter(slot => slot.startsWith('content-')).length,\n)\n\nconst localModelValue = ref(1)\n\nconst currentStep = computed({\n  get: () => props.modelValue ?? localModelValue.value,\n  set: (value: number) => {\n    localModelValue.value = value\n    emits('update:model-value', value)\n  },\n})\n\nfunction getStepStateData(step: number): { icon?: Component, class: string } {\n  if (isStepSuccess(step)) {\n    return { icon: CheckCircleIcon, class: '--success' }\n  }\n  else if (isStepWarning(step)) {\n    return { icon: ExclamationIcon, class: '--warning' }\n  }\n  else if (isStepError(step)) {\n    return { icon: ExclamationCircleIcon, class: '--error' }\n  }\n\n  return { class: '--normal' }\n}\n\nfunction getStepIcon(step: number): Icon | string | undefined {\n  return props.steps?.[step - 1]?.icon\n}\n\nfunction getPropertyInStep(property: 'title' | 'titleInfo' | 'subtitle', step: number) {\n  return props.steps?.[step - 1]?.[property]\n}\n\nfunction selectStep(step: number) {\n  if (currentStep.value === step && props.canCloseSteps) {\n    currentStep.value = 0\n  }\n  else if (step < 1) {\n    currentStep.value = 1\n  }\n  else if (step > stepCount.value) {\n    currentStep.value = stepCount.value\n  }\n  else {\n    currentStep.value = step\n  }\n}\n\nfunction hasDataForStep(property: 'title' | 'titleInfo' | 'subtitle', step: number): boolean {\n  const data = property === 'titleInfo' ? 'title-info' : property\n\n  const hasSlot = Object.keys(slots)\n    .filter(slot => slot.startsWith(`${data}-`))\n    .includes(`${data}-${step}`)\n\n  const hasData = !!props.steps?.[step - 1]?.[property]\n\n  return hasSlot || hasData\n}\n\nfunction isStepSuccess(step: number): boolean {\n  const isValidated = props.steps?.[step - 1]?.success\n  const hasErrorOrWarningState = isStepError(step) || isStepWarning(step)\n\n  const isAutoValidated\n      = props.autoValidateSteps && step < currentStep.value && !hasErrorOrWarningState\n  return isValidated ?? (isAutoValidated || props.allStepsValidated)\n}\n\nfunction isStepDisabled(step: number): boolean {\n  const isDisabled = props.steps?.[step - 1]?.disabled\n  const isCurrentStepDisabled = currentStep.value === step && !props.canCloseSteps\n  const isAutoDisabledNext = props.disabledNextSteps && step > currentStep.value\n  const isAutoDisabledPrevious = props.disabledPreviousSteps && step < currentStep.value\n\n  return (\n    isDisabled\n    ?? (isCurrentStepDisabled\n      || isAutoDisabledNext\n      || isAutoDisabledPrevious\n      || props.allStepsOpened)\n  )\n}\n\nfunction isStepError(step: number) {\n  return props.steps?.[step - 1]?.error\n}\n\nfunction isStepWarning(step: number) {\n  return props.steps?.[step - 1]?.warning\n}\n\nfunction isLastStep(step: number): boolean {\n  return step === stepCount.value\n}\n</script>\n\n<template>\n  <div class=\"m-stepper m-reset-css\" :style=\"[{ '--round-step-bg-color': roundStepBgColor, '--round-step-text-color': roundStepTextColor }]\">\n    <template v-for=\"step in stepCount\" :key=\"step\">\n      <button\n        v-if=\"hasDataForStep('title', step)\"\n        :id=\"`header-step-${step}`\"\n        type=\"button\"\n        :disabled=\"isStepDisabled(step)\"\n        class=\"m-stepper__header\"\n        :class=\"[\n          {\n            '--is-current-step': step === currentStep || allStepsOpened,\n            '--disabled': step !== currentStep && !allStepsOpened && isStepDisabled(step),\n          },\n          `${getStepStateData(step).class}`,\n        ]\"\n        @click=\"selectStep(step)\"\n      >\n        <div class=\"m-stepper__header__wrapper\">\n          <span class=\"m-stepper__count --primary\">\n            <div class=\"m-stepper__count__circle\">\n              <Component\n                :is=\"getStepStateData(step).icon\"\n                v-if=\"getStepStateData(step).icon\"\n                class=\"icon maz-text-xl\"\n              />\n            </div>\n            <!--\n              @slot icon-${step} - Replace step number in the circle by an icon for the step\n            -->\n            <slot :name=\"`icon-${step}`\">\n              <template v-if=\"getStepIcon(step)\">\n                <MazIcon\n                  v-if=\"typeof getStepIcon(step) === 'string'\"\n                  :name=\"getStepIcon(step) as string\"\n                />\n                <Component :is=\"getStepIcon(step)\" v-else-if=\"getStepIcon(step)\" />\n              </template>\n              <template v-else>\n                {{ step }}\n              </template>\n            </slot>\n          </span>\n\n          <div class=\"m-stepper__header__content\">\n            <span class=\"m-stepper__title\">\n              <!--\n                @slot title-${step} - Title of the step\n              -->\n              <slot :name=\"`title-${step}`\">\n                {{ getPropertyInStep('title', step) }}\n              </slot>\n            </span>\n            <span v-if=\"hasDataForStep('subtitle', step)\" class=\"m-stepper__subtitle\">\n              <!--\n                @slot title-${step} - Subtitle of the step\n              -->\n              <slot :name=\"`subtitle-${step}`\">\n                {{ getPropertyInStep('subtitle', step) }}\n              </slot>\n            </span>\n          </div>\n        </div>\n\n        <span v-if=\"hasDataForStep('titleInfo', step)\" class=\"m-stepper__right\">\n          <!--\n            @slot title-info-${step} - Info of the right of the step\n          -->\n          <slot :name=\"`title-info-${step}`\">\n            {{ getPropertyInStep('titleInfo', step) }}\n          </slot>\n        </span>\n      </button>\n\n      <div\n        class=\"m-stepper__content\"\n        :class=\"{\n          '--no-border': isLastStep(step),\n        }\"\n      >\n        <MazExpandAnimation\n          :model-value=\"allStepsOpened || currentStep === step\"\n          :aria-labelledby=\"`header-step-${step}`\"\n        >\n          <div class=\"m-stepper__content__wrapper\">\n            <!-- @slot content-${step} - Content of the step\n                @binding {boolean} validated - If the step is validated\n                @binding {boolean} error - If the step has an error\n                @binding {boolean} warning - If the step has a warning\n                @binding {Function} previous-step - Function to go to the previous step\n                @binding {Function} next-step - Function to go to the next step\n              -->\n            <slot\n              :name=\"`content-${step}`\"\n              :validated=\"isStepSuccess(step)\"\n              :error=\"isStepError(step)\"\n              :warning=\"isStepWarning(step)\"\n              :next-step=\"() => selectStep(step + 1)\"\n              :previous-step=\"() => selectStep(step - 1)\"\n            />\n          </div>\n        </MazExpandAnimation>\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-stepper {\n  &__right {\n    @apply maz-truncate maz-text-end maz-text-sm maz-text-primary;\n  }\n\n  &__header {\n    @apply maz-flex maz-w-full maz-cursor-pointer maz-select-text maz-items-center\n        maz-justify-between maz-space-x-4 maz-rounded maz-px-4 maz-py-2 maz-text-start\n        maz-transition-colors maz-duration-200;\n\n    &__content {\n      @apply maz-flex maz-flex-none maz-flex-col maz-items-start;\n    }\n\n    &:not(:disabled) {\n      @apply hover:maz-bg-color-lighter hover:dark:maz-bg-color-light;\n    }\n\n    &:disabled {\n      @apply maz-cursor-not-allowed;\n    }\n\n    &.--disabled {\n      @apply maz-text-gray-400 dark:maz-text-gray-500;\n    }\n\n    &.--is-current-step {\n      @apply maz-cursor-default;\n    }\n\n    &__wrapper {\n      @apply maz-flex maz-items-center maz-space-x-4;\n    }\n\n    &.--success {\n      .m-stepper__count__circle {\n        @apply maz-scale-100 maz-bg-success;\n      }\n\n      .m-stepper__right {\n        @apply maz-text-success;\n      }\n\n      svg {\n        @apply maz-text-success-contrast;\n      }\n    }\n\n    &.--warning {\n      .m-stepper__count__circle {\n        @apply maz-scale-100 maz-bg-warning;\n      }\n\n      .m-stepper__right {\n        @apply maz-text-warning;\n      }\n\n      svg {\n        @apply maz-text-warning-contrast;\n      }\n    }\n\n    &.--error {\n      .m-stepper__count__circle {\n        @apply maz-scale-100 maz-bg-danger;\n      }\n\n      .m-stepper__right {\n        @apply maz-text-danger;\n      }\n\n      svg {\n        @apply maz-text-danger-contrast;\n      }\n    }\n  }\n\n  &__title {\n    @apply maz-text-lg;\n  }\n\n  &__subtitle {\n    @apply maz-mt-1 maz-text-sm maz-text-muted;\n  }\n\n  &__count {\n    @apply maz-relative maz-flex maz-h-8 maz-w-8 maz-flex-none\n        maz-overflow-hidden maz-rounded-full maz-text-lg maz-flex-center;\n\n    background-color: var(--round-step-bg-color);\n    color: var(--round-step-text-color);\n\n    &__circle {\n      @apply maz-absolute maz-inset-0 maz-flex maz-scale-0 maz-rounded-full\n          maz-transition-all maz-duration-300 maz-ease-in-out maz-flex-center;\n    }\n\n    svg {\n      @apply maz-text-success-contrast;\n    }\n  }\n\n  &__content {\n    @apply maz-ml-[1.95rem] maz-border-l-2 maz-border-transparent maz-py-2 maz-pl-8;\n\n    &__wrapper {\n      @apply maz-py-2;\n    }\n\n    &:not(.--no-border) {\n      @apply maz-border-color-light dark:maz-border-color-lighter;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","CheckCircleIcon","defineAsyncComponent","ExclamationCircleIcon","ExclamationIcon","roundStepBgColor","computed","roundStepTextColor","slots","useSlots","stepCount","slot","localModelValue","ref","currentStep","value","getStepStateData","step","isStepSuccess","isStepWarning","isStepError","getStepIcon","_b","_a","getPropertyInStep","property","selectStep","hasDataForStep","data","hasSlot","hasData","isValidated","hasErrorOrWarningState","isAutoValidated","isStepDisabled","isDisabled","isCurrentStepDisabled","isAutoDisabledNext","isAutoDisabledPrevious","isLastStep"],"mappings":"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"}

package/dist/components/MazStepper.mjs

@@ -0,0 +1,161 @@
+import { defineComponent as G, defineAsyncComponent as B, computed as S, useSlots as H, ref as J, openBlock as a, createElementBlock as i, normalizeStyle as K, Fragment as f, renderList as Q, normalizeClass as E, createElementVNode as c, createBlock as D, resolveDynamicComponent as N, createCommentVNode as m, renderSlot as _, createTextVNode as b, toDisplayString as y, createVNode as R, withCtx as U } from "vue";
+import X from "./MazExpandAnimation.mjs";
+import { _ as Y } from "../chunks/MazIcon.vue_vue_type_script_setup_true_lang.CLoEj0Zf.mjs";
+import { _ as Z } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazStepper.BE3Mm9rm.css';const ee = ["id", "disabled", "onClick"], te = { class: "m-stepper__header__wrapper" }, oe = { class: "m-stepper__count --primary" }, se = { class: "m-stepper__count__circle" }, ne = { class: "m-stepper__header__content" }, ae = { class: "m-stepper__title" }, le = {
+  key: 0,
+  class: "m-stepper__subtitle"
+}, re = {
+  key: 0,
+  class: "m-stepper__right"
+}, ie = { class: "m-stepper__content__wrapper" }, ce = /* @__PURE__ */ G({
+  __name: "MazStepper",
+  props: {
+    modelValue: { default: void 0 },
+    steps: { default: void 0 },
+    color: { default: "primary" },
+    disabledNextSteps: { type: Boolean },
+    disabledPreviousSteps: { type: Boolean },
+    autoValidateSteps: { type: Boolean },
+    allStepsOpened: { type: Boolean },
+    allStepsValidated: { type: Boolean },
+    canCloseSteps: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(w, { emit: A }) {
+    const s = w, M = A, P = B(() => import("../chunks/check-circle.DhFkXzgc.mjs")), W = B(() => import("../chunks/exclamation-circle.D4z1YE7G.mjs")), j = B(() => import("../chunks/exclamation-triangle.DiZZcE2l.mjs")), F = S(() => `var(--maz-color-${s.color})`), L = S(() => `var(--maz-color-${s.color}-contrast)`), I = H(), v = S(
+      () => Object.keys(I).filter((t) => t.startsWith("content-")).length
+    ), x = J(1), n = S({
+      get: () => s.modelValue ?? x.value,
+      set: (t) => {
+        x.value = t, M("update:model-value", t);
+      }
+    });
+    function h(t) {
+      return z(t) ? { icon: P, class: "--success" } : V(t) ? { icon: j, class: "--warning" } : g(t) ? { icon: W, class: "--error" } : { class: "--normal" };
+    }
+    function d(t) {
+      var o, e;
+      return (e = (o = s.steps) == null ? void 0 : o[t - 1]) == null ? void 0 : e.icon;
+    }
+    function $(t, o) {
+      var e, l;
+      return (l = (e = s.steps) == null ? void 0 : e[o - 1]) == null ? void 0 : l[t];
+    }
+    function C(t) {
+      n.value === t && s.canCloseSteps ? n.value = 0 : t < 1 ? n.value = 1 : t > v.value ? n.value = v.value : n.value = t;
+    }
+    function k(t, o) {
+      var r, p;
+      const e = t === "titleInfo" ? "title-info" : t, l = Object.keys(I).filter((q) => q.startsWith(`${e}-`)).includes(`${e}-${o}`), u = !!((p = (r = s.steps) == null ? void 0 : r[o - 1]) != null && p[t]);
+      return l || u;
+    }
+    function z(t) {
+      var u, r;
+      const o = (r = (u = s.steps) == null ? void 0 : u[t - 1]) == null ? void 0 : r.success, e = g(t) || V(t), l = s.autoValidateSteps && t < n.value && !e;
+      return o ?? (l || s.allStepsValidated);
+    }
+    function O(t) {
+      var r, p;
+      const o = (p = (r = s.steps) == null ? void 0 : r[t - 1]) == null ? void 0 : p.disabled, e = n.value === t && !s.canCloseSteps, l = s.disabledNextSteps && t > n.value, u = s.disabledPreviousSteps && t < n.value;
+      return o ?? (e || l || u || s.allStepsOpened);
+    }
+    function g(t) {
+      var o, e;
+      return (e = (o = s.steps) == null ? void 0 : o[t - 1]) == null ? void 0 : e.error;
+    }
+    function V(t) {
+      var o, e;
+      return (e = (o = s.steps) == null ? void 0 : o[t - 1]) == null ? void 0 : e.warning;
+    }
+    function T(t) {
+      return t === v.value;
+    }
+    return (t, o) => (a(), i("div", {
+      class: "m-stepper m-reset-css",
+      style: K([{ "--round-step-bg-color": F.value, "--round-step-text-color": L.value }])
+    }, [
+      (a(!0), i(f, null, Q(v.value, (e) => (a(), i(f, { key: e }, [
+        k("title", e) ? (a(), i("button", {
+          key: 0,
+          id: `header-step-${e}`,
+          type: "button",
+          disabled: O(e),
+          class: E(["m-stepper__header", [
+            {
+              "--is-current-step": e === n.value || t.allStepsOpened,
+              "--disabled": e !== n.value && !t.allStepsOpened && O(e)
+            },
+            `${h(e).class}`
+          ]]),
+          onClick: (l) => C(e)
+        }, [
+          c("div", te, [
+            c("span", oe, [
+              c("div", se, [
+                h(e).icon ? (a(), D(N(h(e).icon), {
+                  key: 0,
+                  class: "icon maz-text-xl"
+                })) : m("", !0)
+              ]),
+              _(t.$slots, `icon-${e}`, {}, () => [
+                d(e) ? (a(), i(f, { key: 0 }, [
+                  typeof d(e) == "string" ? (a(), D(Y, {
+                    key: 0,
+                    name: d(e)
+                  }, null, 8, ["name"])) : d(e) ? (a(), D(N(d(e)), { key: 1 })) : m("", !0)
+                ], 64)) : (a(), i(f, { key: 1 }, [
+                  b(y(e), 1)
+                ], 64))
+              ], !0)
+            ]),
+            c("div", ne, [
+              c("span", ae, [
+                _(t.$slots, `title-${e}`, {}, () => [
+                  b(y($("title", e)), 1)
+                ], !0)
+              ]),
+              k("subtitle", e) ? (a(), i("span", le, [
+                _(t.$slots, `subtitle-${e}`, {}, () => [
+                  b(y($("subtitle", e)), 1)
+                ], !0)
+              ])) : m("", !0)
+            ])
+          ]),
+          k("titleInfo", e) ? (a(), i("span", re, [
+            _(t.$slots, `title-info-${e}`, {}, () => [
+              b(y($("titleInfo", e)), 1)
+            ], !0)
+          ])) : m("", !0)
+        ], 10, ee)) : m("", !0),
+        c("div", {
+          class: E(["m-stepper__content", {
+            "--no-border": T(e)
+          }])
+        }, [
+          R(X, {
+            "model-value": t.allStepsOpened || n.value === e,
+            "aria-labelledby": `header-step-${e}`
+          }, {
+            default: U(() => [
+              c("div", ie, [
+                _(t.$slots, `content-${e}`, {
+                  validated: z(e),
+                  error: g(e),
+                  warning: V(e),
+                  nextStep: () => C(e + 1),
+                  previousStep: () => C(e - 1)
+                }, void 0, !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["model-value", "aria-labelledby"])
+        ], 2)
+      ], 64))), 128))
+    ], 4));
+  }
+}), _e = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-7f5eb4dc"]]);
+export {
+  _e as default
+};
+//# sourceMappingURL=MazStepper.mjs.map

package/dist/components/MazStepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazStepper.mjs","sources":["../../src/components/MazStepper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color, Icon } from '@components/types'\nimport MazExpandAnimation from '@components/MazExpandAnimation.vue'\nimport MazIcon from '@components/MazIcon.vue'\n\nimport {\n  type Component,\n  computed,\n  defineAsyncComponent,\n  ref,\n  useSlots,\n} from 'vue'\n\nexport interface MazStepperStep {\n  title?: string\n  subtitle?: string\n  titleInfo?: string\n  disabled?: boolean\n  error?: boolean\n  success?: boolean\n  warning?: boolean\n  icon?: string | Icon\n}\nexport type MazStepperSteps = MazStepperStep[]\n\nconst props = withDefaults(defineProps<MazStepperProps>(), {\n  modelValue: undefined,\n  steps: undefined,\n  color: 'primary',\n})\n\nconst emits = defineEmits<{\n  'update:model-value': [value: number]\n}>()\n\nconst CheckCircleIcon = defineAsyncComponent(() => import('@icons/check-circle.svg'))\nconst ExclamationCircleIcon = defineAsyncComponent(() => import('@icons/exclamation-circle.svg'))\nconst ExclamationIcon = defineAsyncComponent(() => import('@icons/exclamation-triangle.svg'))\n\nexport interface MazStepperProps {\n  /** The current step */\n  modelValue?: number\n  /** The steps */\n  steps?: MazStepperSteps\n  /**\n   * The color of the stepper\n   * @default primary\n   */\n  color?: Color\n  /** Disable the next steps */\n  disabledNextSteps?: boolean\n  /** Disable the previous steps */\n  disabledPreviousSteps?: boolean\n  /** Auto validate the steps */\n  autoValidateSteps?: boolean\n  /** Open all steps */\n  allStepsOpened?: boolean\n  /** Validate all steps */\n  allStepsValidated?: boolean\n  /** Allow to close the steps */\n  canCloseSteps?: boolean\n}\n\nconst roundStepBgColor = computed(() => `var(--maz-color-${props.color})`)\nconst roundStepTextColor = computed(() => `var(--maz-color-${props.color}-contrast)`)\n\nconst slots = useSlots()\n\nconst stepCount = computed<number>(\n  () => Object.keys(slots).filter(slot => slot.startsWith('content-')).length,\n)\n\nconst localModelValue = ref(1)\n\nconst currentStep = computed({\n  get: () => props.modelValue ?? localModelValue.value,\n  set: (value: number) => {\n    localModelValue.value = value\n    emits('update:model-value', value)\n  },\n})\n\nfunction getStepStateData(step: number): { icon?: Component, class: string } {\n  if (isStepSuccess(step)) {\n    return { icon: CheckCircleIcon, class: '--success' }\n  }\n  else if (isStepWarning(step)) {\n    return { icon: ExclamationIcon, class: '--warning' }\n  }\n  else if (isStepError(step)) {\n    return { icon: ExclamationCircleIcon, class: '--error' }\n  }\n\n  return { class: '--normal' }\n}\n\nfunction getStepIcon(step: number): Icon | string | undefined {\n  return props.steps?.[step - 1]?.icon\n}\n\nfunction getPropertyInStep(property: 'title' | 'titleInfo' | 'subtitle', step: number) {\n  return props.steps?.[step - 1]?.[property]\n}\n\nfunction selectStep(step: number) {\n  if (currentStep.value === step && props.canCloseSteps) {\n    currentStep.value = 0\n  }\n  else if (step < 1) {\n    currentStep.value = 1\n  }\n  else if (step > stepCount.value) {\n    currentStep.value = stepCount.value\n  }\n  else {\n    currentStep.value = step\n  }\n}\n\nfunction hasDataForStep(property: 'title' | 'titleInfo' | 'subtitle', step: number): boolean {\n  const data = property === 'titleInfo' ? 'title-info' : property\n\n  const hasSlot = Object.keys(slots)\n    .filter(slot => slot.startsWith(`${data}-`))\n    .includes(`${data}-${step}`)\n\n  const hasData = !!props.steps?.[step - 1]?.[property]\n\n  return hasSlot || hasData\n}\n\nfunction isStepSuccess(step: number): boolean {\n  const isValidated = props.steps?.[step - 1]?.success\n  const hasErrorOrWarningState = isStepError(step) || isStepWarning(step)\n\n  const isAutoValidated\n      = props.autoValidateSteps && step < currentStep.value && !hasErrorOrWarningState\n  return isValidated ?? (isAutoValidated || props.allStepsValidated)\n}\n\nfunction isStepDisabled(step: number): boolean {\n  const isDisabled = props.steps?.[step - 1]?.disabled\n  const isCurrentStepDisabled = currentStep.value === step && !props.canCloseSteps\n  const isAutoDisabledNext = props.disabledNextSteps && step > currentStep.value\n  const isAutoDisabledPrevious = props.disabledPreviousSteps && step < currentStep.value\n\n  return (\n    isDisabled\n    ?? (isCurrentStepDisabled\n      || isAutoDisabledNext\n      || isAutoDisabledPrevious\n      || props.allStepsOpened)\n  )\n}\n\nfunction isStepError(step: number) {\n  return props.steps?.[step - 1]?.error\n}\n\nfunction isStepWarning(step: number) {\n  return props.steps?.[step - 1]?.warning\n}\n\nfunction isLastStep(step: number): boolean {\n  return step === stepCount.value\n}\n</script>\n\n<template>\n  <div class=\"m-stepper m-reset-css\" :style=\"[{ '--round-step-bg-color': roundStepBgColor, '--round-step-text-color': roundStepTextColor }]\">\n    <template v-for=\"step in stepCount\" :key=\"step\">\n      <button\n        v-if=\"hasDataForStep('title', step)\"\n        :id=\"`header-step-${step}`\"\n        type=\"button\"\n        :disabled=\"isStepDisabled(step)\"\n        class=\"m-stepper__header\"\n        :class=\"[\n          {\n            '--is-current-step': step === currentStep || allStepsOpened,\n            '--disabled': step !== currentStep && !allStepsOpened && isStepDisabled(step),\n          },\n          `${getStepStateData(step).class}`,\n        ]\"\n        @click=\"selectStep(step)\"\n      >\n        <div class=\"m-stepper__header__wrapper\">\n          <span class=\"m-stepper__count --primary\">\n            <div class=\"m-stepper__count__circle\">\n              <Component\n                :is=\"getStepStateData(step).icon\"\n                v-if=\"getStepStateData(step).icon\"\n                class=\"icon maz-text-xl\"\n              />\n            </div>\n            <!--\n              @slot icon-${step} - Replace step number in the circle by an icon for the step\n            -->\n            <slot :name=\"`icon-${step}`\">\n              <template v-if=\"getStepIcon(step)\">\n                <MazIcon\n                  v-if=\"typeof getStepIcon(step) === 'string'\"\n                  :name=\"getStepIcon(step) as string\"\n                />\n                <Component :is=\"getStepIcon(step)\" v-else-if=\"getStepIcon(step)\" />\n              </template>\n              <template v-else>\n                {{ step }}\n              </template>\n            </slot>\n          </span>\n\n          <div class=\"m-stepper__header__content\">\n            <span class=\"m-stepper__title\">\n              <!--\n                @slot title-${step} - Title of the step\n              -->\n              <slot :name=\"`title-${step}`\">\n                {{ getPropertyInStep('title', step) }}\n              </slot>\n            </span>\n            <span v-if=\"hasDataForStep('subtitle', step)\" class=\"m-stepper__subtitle\">\n              <!--\n                @slot title-${step} - Subtitle of the step\n              -->\n              <slot :name=\"`subtitle-${step}`\">\n                {{ getPropertyInStep('subtitle', step) }}\n              </slot>\n            </span>\n          </div>\n        </div>\n\n        <span v-if=\"hasDataForStep('titleInfo', step)\" class=\"m-stepper__right\">\n          <!--\n            @slot title-info-${step} - Info of the right of the step\n          -->\n          <slot :name=\"`title-info-${step}`\">\n            {{ getPropertyInStep('titleInfo', step) }}\n          </slot>\n        </span>\n      </button>\n\n      <div\n        class=\"m-stepper__content\"\n        :class=\"{\n          '--no-border': isLastStep(step),\n        }\"\n      >\n        <MazExpandAnimation\n          :model-value=\"allStepsOpened || currentStep === step\"\n          :aria-labelledby=\"`header-step-${step}`\"\n        >\n          <div class=\"m-stepper__content__wrapper\">\n            <!-- @slot content-${step} - Content of the step\n                @binding {boolean} validated - If the step is validated\n                @binding {boolean} error - If the step has an error\n                @binding {boolean} warning - If the step has a warning\n                @binding {Function} previous-step - Function to go to the previous step\n                @binding {Function} next-step - Function to go to the next step\n              -->\n            <slot\n              :name=\"`content-${step}`\"\n              :validated=\"isStepSuccess(step)\"\n              :error=\"isStepError(step)\"\n              :warning=\"isStepWarning(step)\"\n              :next-step=\"() => selectStep(step + 1)\"\n              :previous-step=\"() => selectStep(step - 1)\"\n            />\n          </div>\n        </MazExpandAnimation>\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-stepper {\n  &__right {\n    @apply maz-truncate maz-text-end maz-text-sm maz-text-primary;\n  }\n\n  &__header {\n    @apply maz-flex maz-w-full maz-cursor-pointer maz-select-text maz-items-center\n        maz-justify-between maz-space-x-4 maz-rounded maz-px-4 maz-py-2 maz-text-start\n        maz-transition-colors maz-duration-200;\n\n    &__content {\n      @apply maz-flex maz-flex-none maz-flex-col maz-items-start;\n    }\n\n    &:not(:disabled) {\n      @apply hover:maz-bg-color-lighter hover:dark:maz-bg-color-light;\n    }\n\n    &:disabled {\n      @apply maz-cursor-not-allowed;\n    }\n\n    &.--disabled {\n      @apply maz-text-gray-400 dark:maz-text-gray-500;\n    }\n\n    &.--is-current-step {\n      @apply maz-cursor-default;\n    }\n\n    &__wrapper {\n      @apply maz-flex maz-items-center maz-space-x-4;\n    }\n\n    &.--success {\n      .m-stepper__count__circle {\n        @apply maz-scale-100 maz-bg-success;\n      }\n\n      .m-stepper__right {\n        @apply maz-text-success;\n      }\n\n      svg {\n        @apply maz-text-success-contrast;\n      }\n    }\n\n    &.--warning {\n      .m-stepper__count__circle {\n        @apply maz-scale-100 maz-bg-warning;\n      }\n\n      .m-stepper__right {\n        @apply maz-text-warning;\n      }\n\n      svg {\n        @apply maz-text-warning-contrast;\n      }\n    }\n\n    &.--error {\n      .m-stepper__count__circle {\n        @apply maz-scale-100 maz-bg-danger;\n      }\n\n      .m-stepper__right {\n        @apply maz-text-danger;\n      }\n\n      svg {\n        @apply maz-text-danger-contrast;\n      }\n    }\n  }\n\n  &__title {\n    @apply maz-text-lg;\n  }\n\n  &__subtitle {\n    @apply maz-mt-1 maz-text-sm maz-text-muted;\n  }\n\n  &__count {\n    @apply maz-relative maz-flex maz-h-8 maz-w-8 maz-flex-none\n        maz-overflow-hidden maz-rounded-full maz-text-lg maz-flex-center;\n\n    background-color: var(--round-step-bg-color);\n    color: var(--round-step-text-color);\n\n    &__circle {\n      @apply maz-absolute maz-inset-0 maz-flex maz-scale-0 maz-rounded-full\n          maz-transition-all maz-duration-300 maz-ease-in-out maz-flex-center;\n    }\n\n    svg {\n      @apply maz-text-success-contrast;\n    }\n  }\n\n  &__content {\n    @apply maz-ml-[1.95rem] maz-border-l-2 maz-border-transparent maz-py-2 maz-pl-8;\n\n    &__wrapper {\n      @apply maz-py-2;\n    }\n\n    &:not(.--no-border) {\n      @apply maz-border-color-light dark:maz-border-color-lighter;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","CheckCircleIcon","defineAsyncComponent","ExclamationCircleIcon","ExclamationIcon","roundStepBgColor","computed","roundStepTextColor","slots","useSlots","stepCount","slot","localModelValue","ref","currentStep","value","getStepStateData","step","isStepSuccess","isStepWarning","isStepError","getStepIcon","_b","_a","getPropertyInStep","property","selectStep","hasDataForStep","data","hasSlot","hasData","isValidated","hasErrorOrWarningState","isAutoValidated","isStepDisabled","isDisabled","isCurrentStepDisabled","isAutoDisabledNext","isAutoDisabledPrevious","isLastStep"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,IAAQC,GAMRC,IAAQC,GAIRC,IAAkBC,EAAqB,MAAM,OAAO,qCAAyB,CAAC,GAC9EC,IAAwBD,EAAqB,MAAM,OAAO,2CAA+B,CAAC,GAC1FE,IAAkBF,EAAqB,MAAM,OAAO,6CAAiC,CAAC,GA0BtFG,IAAmBC,EAAS,MAAM,mBAAmBT,EAAM,KAAK,GAAG,GACnEU,IAAqBD,EAAS,MAAM,mBAAmBT,EAAM,KAAK,YAAY,GAE9EW,IAAQC,EAAS,GAEjBC,IAAYJ;AAAA,MAChB,MAAM,OAAO,KAAKE,CAAK,EAAE,OAAO,CAAAG,MAAQA,EAAK,WAAW,UAAU,CAAC,EAAE;AAAA,IACvE,GAEMC,IAAkBC,EAAI,CAAC,GAEvBC,IAAcR,EAAS;AAAA,MAC3B,KAAK,MAAMT,EAAM,cAAce,EAAgB;AAAA,MAC/C,KAAK,CAACG,MAAkB;AACtB,QAAAH,EAAgB,QAAQG,GACxBhB,EAAM,sBAAsBgB,CAAK;AAAA,MAAA;AAAA,IACnC,CACD;AAED,aAASC,EAAiBC,GAAmD;AACvE,aAAAC,EAAcD,CAAI,IACb,EAAE,MAAMhB,GAAiB,OAAO,YAAY,IAE5CkB,EAAcF,CAAI,IAClB,EAAE,MAAMb,GAAiB,OAAO,YAAY,IAE5CgB,EAAYH,CAAI,IAChB,EAAE,MAAMd,GAAuB,OAAO,UAAU,IAGlD,EAAE,OAAO,WAAW;AAAA,IAAA;AAG7B,aAASkB,EAAYJ,GAAyC;;AAC5D,cAAOK,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,gBAAAK,EAAyB;AAAA,IAAA;AAGzB,aAAAE,EAAkBC,GAA8CR,GAAc;;AACrF,cAAOK,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,gBAAAK,EAA0BG;AAAA,IAAQ;AAG3C,aAASC,EAAWT,GAAc;AAChC,MAAIH,EAAY,UAAUG,KAAQpB,EAAM,gBACtCiB,EAAY,QAAQ,IAEbG,IAAO,IACdH,EAAY,QAAQ,IAEbG,IAAOP,EAAU,QACxBI,EAAY,QAAQJ,EAAU,QAG9BI,EAAY,QAAQG;AAAA,IACtB;AAGO,aAAAU,EAAeF,GAA8CR,GAAuB;;AACrF,YAAAW,IAAOH,MAAa,cAAc,eAAeA,GAEjDI,IAAU,OAAO,KAAKrB,CAAK,EAC9B,OAAO,OAAQG,EAAK,WAAW,GAAGiB,CAAI,GAAG,CAAC,EAC1C,SAAS,GAAGA,CAAI,IAAIX,CAAI,EAAE,GAEvBa,IAAU,CAAC,GAACR,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,QAAAK,EAA0BG;AAE5C,aAAOI,KAAWC;AAAA,IAAA;AAGpB,aAASZ,EAAcD,GAAuB;;AAC5C,YAAMc,KAAcT,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,gBAAAK,EAAyB,SACvCU,IAAyBZ,EAAYH,CAAI,KAAKE,EAAcF,CAAI,GAEhEgB,IACApC,EAAM,qBAAqBoB,IAAOH,EAAY,SAAS,CAACkB;AACvD,aAAAD,MAAgBE,KAAmBpC,EAAM;AAAA,IAAA;AAGlD,aAASqC,EAAejB,GAAuB;;AAC7C,YAAMkB,KAAab,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,gBAAAK,EAAyB,UACtCc,IAAwBtB,EAAY,UAAUG,KAAQ,CAACpB,EAAM,eAC7DwC,IAAqBxC,EAAM,qBAAqBoB,IAAOH,EAAY,OACnEwB,IAAyBzC,EAAM,yBAAyBoB,IAAOH,EAAY;AAEjF,aACEqB,MACIC,KACCC,KACAC,KACAzC,EAAM;AAAA,IAAA;AAIf,aAASuB,EAAYH,GAAc;;AACjC,cAAOK,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,gBAAAK,EAAyB;AAAA,IAAA;AAGlC,aAASH,EAAcF,GAAc;;AACnC,cAAOK,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAcN,IAAO,OAArB,gBAAAK,EAAyB;AAAA,IAAA;AAGlC,aAASiB,EAAWtB,GAAuB;AACzC,aAAOA,MAASP,EAAU;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazSwitch.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazSwitch.DMLND-p2.css');const e=require("../chunks/MazSwitch.vue_vue_type_script_setup_true_lang.C74s_H37.cjs");exports.default=e._sfc_main;
+//# sourceMappingURL=MazSwitch.cjs.map

package/dist/components/MazSwitch.cjs.map

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

package/dist/components/MazSwitch.mjs

@@ -0,0 +1,5 @@
+import { _ as f } from "../chunks/MazSwitch.vue_vue_type_script_setup_true_lang.jyNV3g3U.mjs";
+import '../assets/MazSwitch.DMLND-p2.css';export {
+  f as default
+};
+//# sourceMappingURL=MazSwitch.mjs.map

package/dist/components/MazSwitch.mjs.map

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

package/dist/components/MazTable.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Ctmf2NVE.cjs"),_=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),a=_._export_sfc(e._sfc_main,[["__scopeId","data-v-4101f1d3"]]);exports.mazTableKey=e.mazTableKey;exports.default=a;
+//# sourceMappingURL=MazTable.cjs.map

package/dist/components/MazTable.cjs.map

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

package/dist/components/MazTable.mjs

@@ -0,0 +1,9 @@
+import { _ as a } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Dwkx-V96.mjs";
+import { m as _ } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Dwkx-V96.mjs";
+import { _ as o } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+const r = /* @__PURE__ */ o(a, [["__scopeId", "data-v-4101f1d3"]]);
+export {
+  r as default,
+  _ as mazTableKey
+};
+//# sourceMappingURL=MazTable.mjs.map

package/dist/components/MazTable.mjs.map

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

package/dist/components/MazTableCell.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazTableCell.BDmda4j7.css');const e=require("vue"),r=require("../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.Ctmf2NVE.cjs"),s=require("../helpers/injectStrict.cjs"),c=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),n=e.defineComponent({__name:"MazTableCell",setup(_){const{size:t}=s.injectStrict(r.mazTableKey);return(l,a)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["m-table-cell m-reset-css",[`--${e.unref(t)}`]])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2))}}),o=c._export_sfc(n,[["__scopeId","data-v-214bcf1d"]]);exports.default=o;
+//# sourceMappingURL=MazTableCell.cjs.map

package/dist/components/MazTableCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazTableCell.cjs","sources":["../../src/components/MazTableCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MazTableProvide } from '@components/MazTable.vue'\nimport { mazTableKey } from '@components/MazTable.vue'\nimport { injectStrict } from '@helpers/injectStrict'\n\nconst { size } = injectStrict<MazTableProvide>(mazTableKey)\n</script>\n\n<template>\n  <td class=\"m-table-cell  m-reset-css\" :class=\"[`--${size}`]\">\n    <slot />\n  </td>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-table-cell {\n  &.--truncate {\n    @apply maz-truncate;\n  }\n\n  &.--xl {\n    @apply maz-px-5 maz-py-5 maz-text-xl;\n  }\n\n  &.--lg {\n    @apply maz-px-4 maz-py-4 maz-text-lg;\n  }\n\n  &.--md {\n    @apply maz-px-3 maz-py-3 maz-text-base;\n  }\n\n  &.--sm {\n    @apply maz-px-2 maz-py-2 maz-text-sm;\n  }\n\n  &.--xs {\n    @apply maz-px-1 maz-py-1 maz-text-xs;\n  }\n\n  &.--mini {\n    @apply maz-px-0.5 maz-py-0.5 maz-text-xs;\n  }\n}\n</style>\n"],"names":["size","injectStrict","mazTableKey"],"mappings":"2XAKA,KAAM,CAAE,KAAAA,CAAA,EAASC,EAAA,aAA8BC,aAAW"}