maz-ui 3.35.0 → 3.35.2

package/components/chunks/{MazSpinner-C5f5Mg-w.mjs → MazSpinner-DtdabLA2.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazTable-BNHsIaXl.mjs";
+import { _ as p } from "./MazTable-DECLgD3Z.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "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" },

package/components/chunks/{MazTable-BNHsIaXl.mjs → MazTable-DECLgD3Z.mjs}

@@ -156,7 +156,7 @@ const Ne = ({
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(v, { emit: y }) {
-    const a = G(() => Promise.resolve().then(() => No)), c = G(() => import("./MazIcon-COn5JlL6.mjs")), M = G(() => import("./eye-slash-tjfxO0LK.mjs")), S = G(() => import("./eye-DqO_Jx56.mjs")), w = G(() => Promise.resolve().then(() => Go)), o = v, N = y, _ = K(!1), z = K(!1), E = K(), B = Le(), J = Ne({
+    const a = G(() => Promise.resolve().then(() => No)), c = G(() => import("./MazIcon-pcOKJiIX.mjs")), M = G(() => import("./eye-slash-tjfxO0LK.mjs")), S = G(() => import("./eye-DqO_Jx56.mjs")), w = G(() => Promise.resolve().then(() => Go)), o = v, N = y, _ = K(!1), z = K(!1), E = K(), B = Le(), J = Ne({
       componentName: "MazInput",
       instance: B,
       providedId: o.id
@@ -433,9 +433,9 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(v, { emit: y }) {
     Ve((e) => ({
-      "48350faf": H.value,
-      "234b58a4": B.value,
-      27843996: J.value
+      "021d98d9": H.value,
+      "3f038458": B.value,
+      c194e680: J.value
     }));
     const a = G(() => Promise.resolve().then(() => el)), c = G(() => Promise.resolve().then(() => ro)), M = G(() => import("./chevron-down-CzMH-gFW.mjs")), S = G(() => import("./no-symbol-QAqP9IlR.mjs")), w = Le(), o = v, N = y, _ = K(!1), z = K(), E = d(
       () => ["black", "transparent", "white"].includes(o.color)
@@ -701,7 +701,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                        r.label && !r[e.optionValueKey] ? k(e.$slots, "optgroup", {
+                        r.label && R(r[e.optionValueKey]) ? k(e.$slots, "optgroup", {
                           key: 0,
                           label: r.label
                         }, () => [
@@ -772,7 +772,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Fe = /* @__PURE__ */ le(To, [["__scopeId", "data-v-45e382c1"]]), Oo = /* @__PURE__ */ oe({
+}), Fe = /* @__PURE__ */ le(To, [["__scopeId", "data-v-48c93d79"]]), Oo = /* @__PURE__ */ oe({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -797,7 +797,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
     contentClass: { default: void 0 }
   },
   setup(v) {
-    const y = G(() => import("./MazSpinner-C5f5Mg-w.mjs")), a = G(() => import("./MazIcon-COn5JlL6.mjs")), { href: c, to: M } = oo(), S = Pe(), w = v;
+    const y = G(() => import("./MazSpinner-DtdabLA2.mjs")), a = G(() => import("./MazIcon-pcOKJiIX.mjs")), { href: c, to: M } = oo(), S = Pe(), w = v;
     Oe(() => {
       w.icon && !w.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });

package/components/chunks/MazTabsBar-DOoSBfpp.mjs

@@ -0,0 +1,190 @@
+import "../assets/MazTabsBar.css";
+import { inject as I, ref as i, defineComponent as N, defineAsyncComponent as O, computed as V, onBeforeMount as W, onMounted as B, watch as j, openBlock as f, createElementBlock as p, normalizeClass as g, createElementVNode as q, normalizeStyle as S, Fragment as H, renderList as U, createCommentVNode as v, renderSlot as C, createTextVNode as T, toDisplayString as k, createBlock as Q, unref as X, withCtx as D } from "vue";
+function F(n, s) {
+  const o = I(n, s);
+  if (!o)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
+  return o;
+}
+const x = (n) => new Promise((s) => {
+  setTimeout(s, n);
+}), G = (n, s) => {
+  const o = n.__vccOpts || n;
+  for (const [c, b] of s)
+    o[c] = b;
+  return o;
+};
+i("system");
+i("system");
+const J = ["disabled", "onClick"], K = /* @__PURE__ */ N({
+  __name: "MazTabsBar",
+  props: {
+    items: {},
+    persistent: { type: Boolean },
+    queryParam: { default: "tab" },
+    block: { type: Boolean },
+    noElevation: { type: Boolean },
+    autoScroll: { type: Boolean, default: !0 }
+  },
+  setup(n) {
+    const s = O(() => import("./MazBadge-BD-ljwz4.mjs")), { currentTab: o, updateCurrentTab: c } = F("maz-tabs");
+    function b(e) {
+      c(e + 1), l.persistent && M(e + 1);
+    }
+    const l = n, h = i(), y = i([]);
+    function _(e) {
+      return o.value === e + 1;
+    }
+    function L({
+      mazBtn: e,
+      index: t
+    }) {
+      y.value[t] = e && "$el" in e ? e.$el : e;
+    }
+    const d = V(
+      () => l.items.map((e) => ({
+        label: typeof e == "string" ? e : e.label,
+        disabled: typeof e == "string" ? !1 : e.disabled ?? !1,
+        badge: typeof e == "string" ? void 0 : e.badge
+      }))
+    ), w = i(), m = i(!1);
+    async function z() {
+      if (!l.autoScroll)
+        return;
+      await x(150);
+      const e = h.value, t = y.value[o.value - 1];
+      if (!e || !t)
+        return;
+      const a = 50;
+      if (t.offsetLeft - a < e.scrollLeft || t.offsetLeft + t.offsetWidth > e.scrollLeft + e.clientWidth) {
+        const E = window.getComputedStyle(e, "padding-left").paddingLeft, R = Number(E.slice(0, -2));
+        e.scrollTo({
+          left: t.offsetLeft - R - a,
+          behavior: m.value ? "smooth" : "instant"
+        });
+      }
+      if (typeof o.value != "number")
+        return;
+      const r = (t == null ? void 0 : t.offsetWidth) ?? 0, u = (t == null ? void 0 : t.offsetHeight) ?? 0, A = (t == null ? void 0 : t.offsetLeft) ?? 0;
+      w.value = {
+        transform: `translateX(${A}px)`,
+        width: `${r}px`,
+        height: `${u}px`
+      }, m.value = !0;
+    }
+    function P(e, t) {
+      return t ? {} : o.value === e + 1 ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
+    }
+    W(() => {
+      (o.value < 1 || o.value > d.value.length) && console.error(
+        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${d.value.length}`
+      );
+    }), B(() => {
+      l.persistent && z();
+    }), j(
+      () => [o.value, d.value],
+      () => {
+        z();
+      }
+    );
+    function $() {
+      const e = new URL(window.location.href);
+      return Number(e.searchParams.get(l.queryParam));
+    }
+    function M(e) {
+      const t = new URL(window.location.href);
+      t.searchParams.set(l.queryParam, String(e)), window.history.replaceState({}, document.title, t.toString());
+    }
+    return B(async () => {
+      l.persistent && c($() || o.value || 1);
+    }), (e, t) => (f(), p(
+      "div",
+      {
+        ref_key: "tabsBarRef",
+        ref: h,
+        class: g(["m-tabs-bar", {
+          "--block": e.block,
+          "--elevation": !e.noElevation
+        }])
+      },
+      [
+        q(
+          "div",
+          {
+            class: g(["m-tabs-bar__indicator", { "--animated": m.value }]),
+            style: S([w.value])
+          },
+          null,
+          6
+          /* CLASS, STYLE */
+        ),
+        (f(!0), p(
+          H,
+          null,
+          U(d.value, (a, r) => (f(), p("button", {
+            key: r,
+            ref_for: !0,
+            ref: (u) => L({ mazBtn: u, index: r }),
+            class: g([{ "--active": _(r), "--disabled": a.disabled }, "m-tabs-bar__item"]),
+            disabled: a.disabled,
+            style: S(P(r, a.disabled)),
+            onClick: (u) => a.disabled ? void 0 : b(r)
+          }, [
+            v(`
+          @slot item - Content of item to display in the tabs bar
+            @binding {MazTabsBarItem[]} item - all data of the item
+            @binding {boolean} active - \`true\` if the tab is active
+            @binding {number} index - index of the item
+        `),
+            C(e.$slots, "item", {
+              item: a,
+              active: _(r),
+              index: r
+            }, () => [
+              T(
+                k(a.label) + " ",
+                1
+                /* TEXT */
+              ),
+              a.badge ? (f(), Q(X(s), {
+                key: 0,
+                color: a.badge.color,
+                pastel: a.badge.pastel,
+                outline: a.badge.outline,
+                "rounded-size": a.badge.roundedSize,
+                size: a.badge.size ?? "0.7rem",
+                class: "m-tabs-bar__item__badge"
+              }, {
+                default: D(() => [
+                  v(`
+              @slot badge-content - Content in the badge
+                @binding {string | number | boolean} content - content of the badge provided in item
+            `),
+                  C(e.$slots, "badge-content", {
+                    content: a.badge.content
+                  }, () => [
+                    T(
+                      k(a.badge.content),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["color", "pastel", "outline", "rounded-size", "size"])) : v("v-if", !0)
+            ], !0)
+          ], 14, J))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), ee = /* @__PURE__ */ G(K, [["__scopeId", "data-v-0c9a611c"]]);
+export {
+  ee as M,
+  G as _
+};

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.35.0"
+  "version": "3.35.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.35.0",
+  "version": "3.35.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",

package/types/components/MazTabsBar.vue.d.ts

@@ -3,7 +3,7 @@ export type MazTabsBarItem = {
     label: string;
     disabled?: boolean;
     badge?: {
-        value: string | number;
+        content: string | number | boolean;
         color?: BadgeColor;
         pastel?: boolean;
         outline?: boolean;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             label: string;
             disabled: boolean;
             badge: {
-                value: string | number;
+                content: string | number | boolean;
                 color?: BadgeColor | undefined;
                 pastel?: boolean | undefined;
                 outline?: boolean | undefined;
@@ -55,6 +55,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         active: boolean;
         index: number;
     }): any;
+    "badge-content"?(_: {
+        content: string | number | boolean;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/components/chunks/MazTabsBar-CMH7Jt-K.mjs

@@ -1,171 +0,0 @@
-import "../assets/MazTabsBar.css";
-import { inject as E, defineComponent as R, defineAsyncComponent as N, ref as p, computed as V, watchEffect as W, nextTick as j, onBeforeMount as q, onMounted as O, openBlock as d, createElementBlock as v, normalizeClass as y, createElementVNode as U, normalizeStyle as w, Fragment as x, renderList as H, createCommentVNode as T, renderSlot as Q, createTextVNode as _, toDisplayString as z, createBlock as X, unref as D, withCtx as F } from "vue";
-function G(n, l) {
-  const a = E(n, l);
-  if (!a)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
-  return a;
-}
-const B = (n) => new Promise((l) => {
-  setTimeout(l, n);
-}), J = ["disabled", "onClick"], K = /* @__PURE__ */ R({
-  __name: "MazTabsBar",
-  props: {
-    items: {},
-    persistent: { type: Boolean },
-    queryParam: { default: "tab" },
-    block: { type: Boolean },
-    noElevation: { type: Boolean },
-    autoScroll: { type: Boolean, default: !0 }
-  },
-  setup(n) {
-    const l = N(() => import("./MazBadge-DyDXRPZk.mjs")), { currentTab: a, updateCurrentTab: i } = G("maz-tabs");
-    function u(e) {
-      i(e + 1), s.persistent && L(e + 1);
-    }
-    const s = n, g = p(), f = p([]);
-    function m(e) {
-      return a.value === e + 1;
-    }
-    function S({
-      mazBtn: e,
-      index: o
-    }) {
-      f.value[o] = e && "$el" in e ? e.$el : e;
-    }
-    const b = V(
-      () => s.items.map((e) => ({
-        label: typeof e == "string" ? e : e.label,
-        disabled: typeof e == "string" ? !1 : e.disabled ?? !1,
-        badge: typeof e == "string" ? void 0 : e.badge
-      }))
-    ), h = p();
-    W(async () => {
-      if (!s.autoScroll)
-        return;
-      const e = g.value, o = f.value[a.value - 1];
-      if (!e || !o)
-        return;
-      if (await j(), await B(150), o.offsetLeft < e.scrollLeft || o.offsetLeft + o.offsetWidth > e.scrollLeft + e.clientWidth) {
-        const $ = window.getComputedStyle(e, "padding-left").paddingLeft, M = Number($.slice(0, -2));
-        e.scrollTo({
-          left: o.offsetLeft - M,
-          behavior: "smooth"
-          // Ajoutez le défilement fluide
-        }), await B(150);
-      }
-      if (typeof a.value != "number")
-        return {};
-      const t = f.value[a.value - 1], r = (t == null ? void 0 : t.offsetWidth) ?? 0, c = (t == null ? void 0 : t.offsetHeight) ?? 0, P = (t == null ? void 0 : t.offsetLeft) ?? 0;
-      h.value = {
-        transform: `translateX(${P}px)`,
-        width: `${r}px`,
-        height: `${c}px`
-      };
-    });
-    function k(e, o) {
-      return o ? {} : a.value === e + 1 ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
-    }
-    q(() => {
-      (a.value < 1 || a.value > b.value.length) && console.error(
-        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${b.value.length}`
-      );
-    });
-    function C() {
-      const e = new URL(window.location.href);
-      return Number(e.searchParams.get(s.queryParam));
-    }
-    function L(e) {
-      const o = new URL(window.location.href);
-      o.searchParams.set(s.queryParam, String(e)), window.history.replaceState({}, document.title, o.toString());
-    }
-    return O(async () => {
-      s.persistent && i(C() || a.value || 1);
-    }), (e, o) => (d(), v(
-      "div",
-      {
-        ref_key: "tabsBarRef",
-        ref: g,
-        class: y(["m-tabs-bar", {
-          "--block": e.block,
-          "--elevation": !e.noElevation
-        }])
-      },
-      [
-        U(
-          "div",
-          {
-            class: "m-tabs-bar__indicator",
-            style: w([h.value])
-          },
-          null,
-          4
-          /* STYLE */
-        ),
-        (d(!0), v(
-          x,
-          null,
-          H(b.value, (t, r) => (d(), v("button", {
-            key: r,
-            ref_for: !0,
-            ref: (c) => S({ mazBtn: c, index: r }),
-            class: y([{ "--active": m(r), "--disabled": t.disabled }, "m-tabs-bar__item"]),
-            disabled: t.disabled,
-            style: w(k(r, t.disabled)),
-            onClick: (c) => t.disabled ? void 0 : u(r)
-          }, [
-            T(`
-          @slot item - Content of item to display in the tabs bar
-            @binding {MazTabsBarItem[]} item - all data of the item
-            @binding {boolean} active - \`true\` if the tab is active
-            @binding {number} index - index of the item
-        `),
-            Q(e.$slots, "item", {
-              item: t,
-              active: m(r),
-              index: r
-            }, () => [
-              _(
-                z(t.label) + " ",
-                1
-                /* TEXT */
-              ),
-              t.badge ? (d(), X(D(l), {
-                key: 0,
-                color: t.badge.color,
-                pastel: t.badge.pastel,
-                outline: t.badge.outline,
-                "rounded-size": t.badge.roundedSize,
-                size: t.badge.size,
-                nowrap: ""
-              }, {
-                default: F(() => [
-                  _(
-                    z(t.badge.value),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["color", "pastel", "outline", "rounded-size", "size"])) : T("v-if", !0)
-            ], !0)
-          ], 14, J))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-}), Y = (n, l) => {
-  const a = n.__vccOpts || n;
-  for (const [i, u] of l)
-    a[i] = u;
-  return a;
-}, I = /* @__PURE__ */ Y(K, [["__scopeId", "data-v-56dbaa48"]]);
-export {
-  I as M,
-  Y as _
-};