maz-ui 3.36.0 → 3.36.2

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

@@ -1,5 +1,5 @@
 import "../assets/MazTable.css";
-import { openBlock as s, createElementBlock as h, createElementVNode as I, computed as d, defineComponent as oe, defineAsyncComponent as G, ref as K, getCurrentInstance as Le, onMounted as Ze, useSlots as Pe, normalizeClass as V, normalizeStyle as se, createCommentVNode as i, renderSlot as k, createBlock as $, unref as f, resolveDynamicComponent as ce, withDirectives as Ge, mergeProps as Te, toHandlers as Je, vModelDynamic as Xe, createTextVNode as de, toDisplayString as x, withModifiers as ve, withCtx as T, createVNode as C, inject as xe, useCssVars as Ve, onBeforeMount as Oe, Transition as eo, Fragment as he, renderList as we, nextTick as Be, useAttrs as oo, pushScopeId as He, popScopeId as qe, toRefs as lo, provide as to, watch as ke } from "vue";
+import { openBlock as s, createElementBlock as h, createElementVNode as I, computed as d, defineComponent as oe, defineAsyncComponent as Z, ref as K, getCurrentInstance as Le, onMounted as Ye, useSlots as Pe, normalizeClass as V, normalizeStyle as se, createCommentVNode as i, renderSlot as k, createBlock as $, unref as f, resolveDynamicComponent as ce, withDirectives as Ze, mergeProps as Te, toHandlers as Je, vModelDynamic as Xe, createTextVNode as de, toDisplayString as x, withModifiers as ve, withCtx as T, createVNode as C, inject as xe, useCssVars as Ve, onBeforeMount as Oe, Transition as eo, Fragment as he, renderList as we, nextTick as Be, useAttrs as oo, pushScopeId as He, popScopeId as qe, toRefs as lo, provide as to, watch as ke } from "vue";
 const ao = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -156,12 +156,12 @@ 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-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({
+    const a = Z(() => Promise.resolve().then(() => No)), c = Z(() => import("./MazIcon-BHpbiW6o.mjs")), M = Z(() => import("./eye-slash-tjfxO0LK.mjs")), S = Z(() => import("./eye-DqO_Jx56.mjs")), w = Z(() => Promise.resolve().then(() => Zo)), o = v, N = y, _ = K(!1), z = K(!1), E = K(), B = Le(), J = Ne({
       componentName: "MazInput",
       instance: B,
       providedId: o.id
     });
-    Ze(() => {
+    Ye(() => {
       var t;
       o.autoFocus && ((t = E.value) == null || t.focus());
     });
@@ -219,7 +219,7 @@ const Ne = ({
     function pe(t) {
       N("focus", t), z.value = !0;
     }
-    function Y(t) {
+    function G(t) {
       N("blur", t), z.value = !1;
     }
     function ee(t) {
@@ -271,7 +271,7 @@ const Ne = ({
               ], !0) : i("v-if", !0)
             ])) : i("v-if", !0),
             I("div", Vo, [
-              Ge(I("input", Te({
+              Ze(I("input", Te({
                 id: f(J),
                 ref_key: "input",
                 ref: E,
@@ -287,7 +287,7 @@ const Ne = ({
                 required: t.required,
                 class: "m-input-input"
               }, Je({
-                blur: Y,
+                blur: G,
                 focus: pe,
                 change: ee
               }, !0), {
@@ -433,11 +433,11 @@ 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) => ({
-      "021d98d9": H.value,
-      "3f038458": B.value,
-      c194e680: J.value
+      "39733c9a": H.value,
+      "014b4cd9": B.value,
+      56278181: 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(
+    const a = Z(() => Promise.resolve().then(() => el)), c = Z(() => Promise.resolve().then(() => ro)), M = Z(() => import("./chevron-down-CzMH-gFW.mjs")), S = Z(() => import("./no-symbol-QAqP9IlR.mjs")), w = Le(), o = v, N = y, _ = K(!1), z = K(), E = d(
       () => ["black", "transparent", "white"].includes(o.color)
     ), B = d(
       () => E.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
@@ -472,7 +472,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
         return [];
       for (const r of o.options)
         typeof r == "string" || typeof r == "number" || typeof r == "boolean" ? e.push(q(r)) : "options" in r && Array.isArray(r.options) ? e.push(
-          { label: r.label },
+          { label: r.label, isOptGroup: !0 },
           ...r.options.map(
             (p) => typeof p == "string" || typeof p == "number" || typeof p == "boolean" ? q(p) : b(p)
           )
@@ -496,16 +496,19 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
       )) ?? !1) && !R(e[o.optionValueKey]);
     }
     const pe = d(() => {
-      var e, n;
-      return o.multiple && o.modelValue && Array.isArray(o.modelValue) ? o.modelValue.map(
-        (r) => {
-          var p, P;
-          return (P = (p = X.value) == null ? void 0 : p.find((W) => W[o.optionValueKey] === r)) == null ? void 0 : P[o.optionInputValueKey];
-        }
-      ).join(", ") : (n = (e = X.value) == null ? void 0 : e.find(
-        (r) => o.modelValue && r[o.optionValueKey] === o.modelValue
-      )) == null ? void 0 : n[o.optionInputValueKey];
-    }), Y = d(
+      var n;
+      if (o.multiple && o.modelValue && Array.isArray(o.modelValue))
+        return o.modelValue.map(
+          (r) => {
+            var p, P;
+            return (P = (p = X.value) == null ? void 0 : p.find((W) => W[o.optionValueKey] === r)) == null ? void 0 : P[o.optionInputValueKey];
+          }
+        ).join(", ");
+      const e = (n = X.value) == null ? void 0 : n.find(
+        (r) => r[o.optionValueKey] === o.modelValue
+      );
+      return R(o.modelValue) || e == null ? void 0 : e[o.optionInputValueKey];
+    }), G = d(
       () => o.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
     ), ee = K(""), t = K("");
     function F(e) {
@@ -521,7 +524,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
         return D(p, e) || D(P, e) || D(W, e);
       }) : X.value;
     }
-    const Q = d(() => ye(ee.value)), Z = async (e) => {
+    const Q = d(() => ye(ee.value)), Y = async (e) => {
       var n;
       if (e && ("relatedTarget" in e && ((n = re.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
@@ -534,7 +537,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
       (n = ((e = U.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.focus();
     }
     function ze(e) {
-      _.value ? Z(e) : ge();
+      _.value ? Y(e) : ge();
     }
     function Ie(e) {
       var n, r;
@@ -555,7 +558,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
       /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), j(e), o.search ? Ie(n) : Se(n)) : me(e);
     }, me = (e) => {
       const n = e.code, r = ["ArrowUp", "ArrowDown"].includes(n), p = ["Enter", "Space"].includes(n), P = n === "Escape" && m.value;
-      r ? l(e, z.value) : p ? g(e, z.value) : P && Z();
+      r ? l(e, z.value) : p ? g(e, z.value) : P && Y();
     }, l = (e, n) => {
       var P;
       e.preventDefault();
@@ -590,7 +593,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
     }
     const O = (e, n = !0) => {
       var W;
-      n && !o.multiple && Be(() => Z()), ee.value = "";
+      n && !o.multiple && Be(() => Y()), ee.value = "";
       const r = (W = te.value) == null ? void 0 : W.some(
         (ue) => ue[o.optionValueKey] === e[o.optionValueKey]
       );
@@ -608,7 +611,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
         ref: re,
         class: V(["m-select", [{ "--is-open": m.value, "--disabled": e.disabled }, o.class, `--${e.size}`]]),
         style: se(e.style),
-        onBlurCapture: Z
+        onBlurCapture: Y
       },
       [
         C(Ke, Te({
@@ -643,7 +646,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        C(eo, { name: Y.value }, {
+        C(eo, { name: G.value }, {
           default: T(() => [
             m.value ? (s(), h(
               "div",
@@ -701,7 +704,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(r[e.optionValueKey]) ? k(e.$slots, "optgroup", {
+                        r.label && r.isOptGroup ? k(e.$slots, "optgroup", {
                           key: 0,
                           label: r.label
                         }, () => [
@@ -772,7 +775,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Fe = /* @__PURE__ */ le(To, [["__scopeId", "data-v-48c93d79"]]), Oo = /* @__PURE__ */ oe({
+}), Fe = /* @__PURE__ */ le(To, [["__scopeId", "data-v-6be8854d"]]), Oo = /* @__PURE__ */ oe({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -797,7 +800,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
     contentClass: { default: void 0 }
   },
   setup(v) {
-    const y = G(() => import("./MazSpinner-DtdabLA2.mjs")), a = G(() => import("./MazIcon-pcOKJiIX.mjs")), { href: c, to: M } = oo(), S = Pe(), w = v;
+    const y = Z(() => import("./MazSpinner-BwOdmgr3.mjs")), a = Z(() => import("./MazIcon-BHpbiW6o.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');
     });
@@ -1006,7 +1009,7 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Yo = /* @__PURE__ */ I(
+}, Go = /* @__PURE__ */ I(
   "path",
   {
     stroke: "currentColor",
@@ -1018,13 +1021,13 @@ const Ao = ["aria-label"], Ko = { class: "m-select-list__no-results" }, Mo = {
   null,
   -1
   /* HOISTED */
-), Zo = [
-  Yo
+), Yo = [
+  Go
 ];
 function Qe(v, y) {
-  return s(), h("svg", Wo, [...Zo]);
+  return s(), h("svg", Wo, [...Yo]);
 }
-const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const We = { render: Qe }, Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: We,
   render: Qe
@@ -1137,7 +1140,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 }), Me = /* @__PURE__ */ le(xo, [["__scopeId", "data-v-41945bef"]]), el = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Me
-}, Symbol.toStringTag, { value: "Module" })), Ye = (v) => (He("data-v-6799f047"), v = v(), qe(), v), ol = {
+}, Symbol.toStringTag, { value: "Module" })), Ge = (v) => (He("data-v-6799f047"), v = v(), qe(), v), ol = {
   key: 0,
   class: "m-table-header"
 }, ll = { class: "m-table-spacer" }, tl = { class: "m-table-header-title" }, al = {
@@ -1149,7 +1152,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 }, il = { class: "maz-text-center maz-text-muted" }, ul = {
   key: 1,
   class: "m-table-footer"
-}, dl = /* @__PURE__ */ Ye(() => /* @__PURE__ */ I(
+}, dl = /* @__PURE__ */ Ge(() => /* @__PURE__ */ I(
   "div",
   { class: "m-table-spacer" },
   null,
@@ -1158,7 +1161,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 )), cl = {
   key: 0,
   class: "m-table-footer-pagination"
-}, pl = { class: "m-table-footer-pagination-items-per-page" }, fl = /* @__PURE__ */ Ye(() => /* @__PURE__ */ I(
+}, pl = { class: "m-table-footer-pagination-items-per-page" }, fl = /* @__PURE__ */ Ge(() => /* @__PURE__ */ I(
   "span",
   { class: "maz-hidden maz-text-sm maz-text-muted tab-s:maz-block" },
   " Item per page ",
@@ -1303,9 +1306,9 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     });
     function ne(l) {
       return [...l].sort((g, u) => {
-        if (Z.value === void 0 || j.value === void 0)
+        if (Y.value === void 0 || j.value === void 0)
           return 0;
-        const A = g[D.value[Z.value].key], O = u[D.value[Z.value].key];
+        const A = g[D.value[Y.value].key], O = u[D.value[Y.value].key];
         return typeof A == "string" && typeof O == "string" ? j.value === "ASC" ? A.localeCompare(O) : O.localeCompare(A) : j.value === "ASC" ? A - O : O - A;
       });
     }
@@ -1315,7 +1318,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       const g = R.value.toLowerCase();
       return [...l].filter((u) => U.value ? String(u[U.value]).toLowerCase().includes(g) : Object.values(u).some((A) => typeof A == "string" || typeof A == "number" || typeof A == "boolean" ? String(A).toLowerCase().includes(g) : !1));
     }
-    const Y = d(() => {
+    const G = d(() => {
       const l = pe(re.value);
       return ne(l);
     }), ee = Pe(), t = d(() => a.search || !!a.title || !!ee.title), F = d(() => a.pagination), D = K(ye());
@@ -1335,21 +1338,21 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         };
       })) ?? [];
     }
-    const Z = K(), j = K();
+    const Y = K(), j = K();
     function ge(l) {
-      l === Z.value ? j.value = j.value === void 0 ? "DESC" : j.value === "DESC" ? "ASC" : void 0 : j.value = "DESC", Z.value = j.value === void 0 ? void 0 : l;
+      l === Y.value ? j.value = j.value === void 0 ? "DESC" : j.value === "DESC" ? "ASC" : void 0 : j.value = "DESC", Y.value = j.value === void 0 ? void 0 : l;
     }
     const ze = d({
-      get: () => Y.value.every((l) => l.selected) ?? !1,
+      get: () => G.value.every((l) => l.selected) ?? !1,
       set: Ie
     });
     function Ie(l) {
-      for (const g of Y.value)
+      for (const g of G.value)
         g.selected = l;
       fe();
     }
     function Se(l, g) {
-      Y.value[g].selected = l, fe();
+      G.value[g].selected = l, fe();
     }
     function fe(l) {
       l = l ?? me();
@@ -1357,7 +1360,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       M("update:model-value", g);
     }
     function me() {
-      return Y.value.filter((l) => l.selected).map((l) => a.selectedKey ? l[a.selectedKey] : l);
+      return G.value.filter((l) => l.selected).map((l) => a.selectedKey ? l[a.selectedKey] : l);
     }
     return Oe(() => {
       const l = me();
@@ -1494,7 +1497,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                 u.sortable ?? l.sortable ? (s(), h("div", rl, [
                                   C(f(fo), {
                                     class: V(["m-table-sort-icon maz-hidden group-hover:maz-block", {
-                                      "--sorted": A === Z.value,
+                                      "--sorted": A === Y.value,
                                       "--up": j.value === "DESC",
                                       "--down": j.value === "ASC"
                                     }])
@@ -1546,10 +1549,10 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
               },
               [
                 k(l.$slots, "default", {}, () => [
-                  Y.value.length > 0 ? (s(!0), h(
+                  G.value.length > 0 ? (s(!0), h(
                     he,
                     { key: 0 },
-                    we(Y.value, (u, A) => (s(), $(_e, {
+                    we(G.value, (u, A) => (s(), $(_e, {
                       key: A,
                       class: V(u.classes),
                       onClick: (O) => u.action && u.action(u)
@@ -1697,7 +1700,7 @@ const We = { render: Qe }, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
             L.value ? (s(), h(
               "span",
               ml,
-              x(B.value) + " - " + x(Y.value.length) + " of " + x(L.value),
+              x(B.value) + " - " + x(G.value.length) + " of " + x(L.value),
               1
               /* TEXT */
             )) : i("v-if", !0),

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.36.0"
+  "version": "3.36.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.36.0",
+  "version": "3.36.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",
@@ -104,16 +104,16 @@
     "@babel/core": "^7.24.0",
     "@babel/preset-env": "^7.24.0",
     "@babel/preset-typescript": "^7.23.3",
-    "@nuxt/kit": "^3.10.3",
-    "@nuxt/schema": "^3.10.3",
+    "@nuxt/kit": "^3.11.0",
+    "@nuxt/schema": "^3.11.0",
     "@types/dropzone": "^5.7.8",
     "@types/google.maps": "^3.55.4",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/coverage-v8": "^1.3.1",
+    "@vitest/coverage-v8": "^1.4.0",
     "@vue/compiler-sfc": "^3.4.21",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/test-utils": "^2.4.4",
+    "@vue/test-utils": "^2.4.5",
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.18",
     "c8": "^9.1.0",
@@ -129,10 +129,10 @@
     "json-templater": "^1.2.0",
     "libphonenumber-js": "^1.10.58",
     "minimist": "^1.2.8",
-    "nuxt": "^3.10.3",
+    "nuxt": "^3.11.0",
     "onchange": "^7.1.0",
     "path": "^0.12.7",
-    "postcss": "^8.4.35",
+    "postcss": "^8.4.36",
     "postcss-html": "^1.6.0",
     "postcss-import": "^16.0.1",
     "postcss-nested": "^6.0.0",
@@ -141,7 +141,7 @@
     "prettier-plugin-tailwindcss": "^0.5.12",
     "replace-in-file": "^7.1.0",
     "rimraf": "^5.0.5",
-    "sass": "^1.71.1",
+    "sass": "^1.72.0",
     "semver": "^7.6.0",
     "sirv": "^2.0.4",
     "stylelint": "^16.2.1",
@@ -156,7 +156,7 @@
     "vite-plugin-lib-inject-css": "^2.0.0",
     "vite-plugin-static-copy": "^1.0.1",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "^1.3.1",
+    "vitest": "^1.4.0",
     "vitest-canvas-mock": "^0.3.3",
     "vue": "^3.4.21",
     "vue-chartjs": "^5.3.0",

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

@@ -1,5 +1,5 @@
 import { type Color, type Size, type Props as MazBtnProps } from './MazBtn.vue';
-export type Props = {
+type MazPagnationProps = {
     /** @model The current page number. */
     modelValue?: number;
     /**
@@ -31,7 +31,8 @@ export type Props = {
      */
     loading?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+export type { MazPagnationProps as Props };
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MazPagnationProps>, {
     modelValue: number;
     buttonProps: undefined;
     pageRange: number;
@@ -40,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MazPagnationProps>, {
     modelValue: number;
     buttonProps: undefined;
     pageRange: number;