maz-ui 3.44.0 → 3.44.2

package/components/chunks/{MazInputTags-CJofVaj5.mjs → MazInputTags-C7nZucYu.mjs}

@@ -1,5 +1,5 @@
-import { getCurrentInstance as ne, computed as u, defineComponent as N, defineAsyncComponent as V, ref as C, onMounted as ae, useSlots as H, openBlock as a, createElementBlock as y, normalizeClass as w, normalizeStyle as K, createElementVNode as E, createCommentVNode as r, renderSlot as S, createBlock as f, unref as b, resolveDynamicComponent as D, withDirectives as le, mergeProps as G, toHandlers as re, vModelDynamic as ie, createTextVNode as J, toDisplayString as Q, withModifiers as W, withCtx as F, createVNode as P, useAttrs as se, onBeforeMount as ue, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as U } from "vue";
-import '../assets/MazInputTags.css';function j(p) {
+import { getCurrentInstance as ne, computed as u, defineComponent as E, defineAsyncComponent as S, ref as C, onMounted as ae, useSlots as H, openBlock as a, createElementBlock as y, normalizeClass as w, normalizeStyle as K, createElementVNode as A, createCommentVNode as r, renderSlot as V, createBlock as f, unref as b, resolveDynamicComponent as L, withDirectives as le, mergeProps as G, toHandlers as re, vModelDynamic as ie, createTextVNode as J, toDisplayString as Q, withModifiers as W, withCtx as O, createVNode as D, useAttrs as se, onBeforeMount as ue, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as N } from "vue";
+import '../assets/MazInputTags.css';function U(p) {
   return !!p;
 }
 function pe({
@@ -23,7 +23,7 @@ const ve = {
 }, be = { class: "m-input-wrapper-input" }, ye = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], ge = { key: 0 }, he = {
   key: 1,
   class: "m-input-wrapper-right"
-}, ze = /* @__PURE__ */ N({
+}, ze = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -54,20 +54,20 @@ const ve = {
     validButtonLoading: { type: Boolean, default: !1 },
     autoFocus: { type: Boolean, default: !1 },
     borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(p, { emit: l }) {
-    const o = p, c = l, z = V(() => Promise.resolve().then(() => Ie)), h = V(() => import("./MazIcon-BDGxCy9M.mjs")), g = V(() => import("./eye-slash-tjfxO0LK.mjs")), v = V(() => import("./eye-DqO_Jx56.mjs")), M = V(() => import("./check-CL-vqe79.mjs")), m = C(!1), k = C(!1), L = C(), $ = pe({
+    const o = p, c = l, z = S(() => Promise.resolve().then(() => Ie)), h = S(() => import("./MazIcon-BDGxCy9M.mjs")), g = S(() => import("./eye-slash-tjfxO0LK.mjs")), v = S(() => import("./eye-DqO_Jx56.mjs")), M = S(() => import("./check-CL-vqe79.mjs")), m = C(!1), k = C(!1), F = C(), $ = pe({
       componentName: "MazInput",
       providedId: o.id
     });
     ae(() => {
       var e;
-      o.autoFocus && ((e = L.value) == null || e.focus());
+      o.autoFocus && ((e = F.value) == null || e.focus());
     });
     const T = u(() => o.type === "password"), n = u(() => m.value ? "text" : o.type), i = u(() => {
       if (!o.noBorder) {
@@ -101,20 +101,20 @@ const ve = {
       const { required: e, placeholder: I } = o;
       if (I)
         return e ? `${I} *` : I;
-    }), t = u(() => A.value !== void 0 && A.value !== ""), B = me(
+    }), t = u(() => P.value !== void 0 && P.value !== ""), B = me(
       (e) => {
         c("update:model-value", e);
       },
       typeof o.debounce == "number" ? o.debounce : o.debounceDelay ?? 500
     );
-    function R(e) {
+    function q(e) {
       if (o.debounce)
         return B(e);
       c("update:model-value", e);
     }
-    const A = u({
+    const P = u({
       get: () => o.modelValue,
-      set: (e) => R(e)
+      set: (e) => q(e)
     }), Y = u(() => (!!o.label || !!o.hint) && (k.value || !!t.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = u(() => !!o.label || !!o.hint);
     function _() {
       return !!s["right-icon"] || T.value || !!s["valid-button"] || o.validButton || !!o.rightIcon;
@@ -152,7 +152,7 @@ const ve = {
         style: K(e.style)
       },
       [
-        E(
+        A(
           "div",
           {
             class: w(["m-input-wrapper", [
@@ -166,23 +166,23 @@ const ve = {
               r(`
           @slot left-icon - The icon to display on the left of the input
         `),
-              e.$slots["left-icon"] || e.leftIcon ? S(e.$slots, "left-icon", { key: 0 }, () => [
+              e.$slots["left-icon"] || e.leftIcon ? V(e.$slots, "left-icon", { key: 0 }, () => [
                 typeof e.leftIcon == "string" ? (a(), f(b(h), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (a(), f(D(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (a(), f(L(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : r("v-if", !0)
               ], !0) : r("v-if", !0)
             ])) : r("v-if", !0),
-            E("div", be, [
-              le(E("input", G({
+            A("div", be, [
+              le(A("input", G({
                 id: b($),
                 ref_key: "input",
-                ref: L,
-                "onUpdate:modelValue": I[0] || (I[0] = (q) => A.value = q),
+                ref: F,
+                "onUpdate:modelValue": I[0] || (I[0] = (j) => P.value = j),
                 type: n.value,
                 name: e.name
               }, e.$attrs, {
@@ -198,9 +198,9 @@ const ve = {
                 focus: ee,
                 change: te
               }, !0), {
-                onClick: I[1] || (I[1] = (q) => e.$emit("click", q))
+                onClick: I[1] || (I[1] = (j) => e.$emit("click", j))
               }), null, 16, ye), [
-                [ie, A.value]
+                [ie, P.value]
               ]),
               e.label || e.hint ? (a(), y(
                 "span",
@@ -230,12 +230,12 @@ const ve = {
               r(`
           @slot right-icon - The icon to display on the right of the input
         `),
-              e.$slots["right-icon"] || e.rightIcon ? S(e.$slots, "right-icon", { key: 0 }, () => [
+              e.$slots["right-icon"] || e.rightIcon ? V(e.$slots, "right-icon", { key: 0 }, () => [
                 typeof e.rightIcon == "string" ? (a(), f(b(h), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (a(), f(D(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (a(), f(L(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : r("v-if", !0)
@@ -245,9 +245,9 @@ const ve = {
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: I[2] || (I[2] = W((q) => m.value = !m.value, ["stop"]))
+                onClick: I[2] || (I[2] = W((j) => m.value = !m.value, ["stop"]))
               }, {
-                default: F(() => [
+                default: O(() => [
                   m.value ? (a(), f(b(g), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
@@ -262,8 +262,8 @@ const ve = {
               r(`
           @slot valid-button - Replace the valid button by your own
         `),
-              e.$slots["valid-button"] || e.validButton ? S(e.$slots, "valid-button", { key: 2 }, () => [
-                P(b(z), {
+              e.$slots["valid-button"] || e.validButton ? V(e.$slots, "valid-button", { key: 2 }, () => [
+                D(b(z), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -272,8 +272,8 @@ const ve = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: F(() => [
-                    P(b(M), { class: "maz-text-2xl maz-text-normal" })
+                  default: O(() => [
+                    D(b(M), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -289,12 +289,12 @@ const ve = {
       /* CLASS, STYLE */
     ));
   }
-}), O = (p, l) => {
+}), R = (p, l) => {
   const o = p.__vccOpts || p;
   for (const [c, z] of l)
     o[c] = z;
   return o;
-}, ke = /* @__PURE__ */ O(ze, [["__scopeId", "data-v-e9affc48"]]), Be = /* @__PURE__ */ N({
+}, ke = /* @__PURE__ */ R(ze, [["__scopeId", "data-v-e9affc48"]]), Be = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -311,15 +311,15 @@ const ve = {
     loading: { type: Boolean },
     disabled: { type: Boolean },
     fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     noPadding: { type: Boolean },
     noElevation: { type: Boolean },
     contentClass: { default: void 0 }
   },
   setup(p) {
-    const l = p, o = V(() => import("./MazSpinner-D4CdHpP2.mjs")), c = V(() => import("./MazIcon-BDGxCy9M.mjs")), { href: z, to: h } = se(), g = H();
+    const l = p, o = S(() => import("./MazSpinner-DjR5FVqo.mjs")), c = S(() => import("./MazIcon-BDGxCy9M.mjs")), { href: z, to: h } = se(), g = H();
     ue(() => {
       l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -327,15 +327,15 @@ const ve = {
       () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
     ), m = u(
       () => (l.loading || l.disabled) && v.value === "button"
-    ), k = u(() => m.value ? "--cursor-default" : "--cursor-pointer"), L = u(() => `--is-${l.variant}`), $ = u(() => l.loading && l.variant === "button"), T = u(() => !!g["left-icon"] || l.leftIcon), n = u(() => !!g["right-icon"] || l.rightIcon), i = u(() => T.value || n.value), s = u(() => l.fab && (l.icon || !!g.icon)), d = u(() => v.value === "button" ? l.type : void 0);
-    return (t, B) => (a(), f(D(v.value), {
+    ), k = u(() => m.value ? "--cursor-default" : "--cursor-pointer"), F = u(() => `--is-${l.variant}`), $ = u(() => l.loading && l.variant === "button"), T = u(() => !!g["left-icon"] || l.leftIcon), n = u(() => !!g["right-icon"] || l.rightIcon), i = u(() => T.value || n.value), s = u(() => l.fab && (l.icon || !!g.icon)), d = u(() => v.value === "button" ? l.type : void 0);
+    return (t, B) => (a(), f(L(v.value), {
       disabled: m.value || void 0,
       class: w(["m-btn", [
         `--${t.size}`,
         !t.fab && t.roundedSize && `--rounded-${t.roundedSize}`,
         M.value,
         k.value,
-        L.value,
+        F.value,
         {
           "--block": t.block,
           "--no-underline": t.noUnderline,
@@ -351,7 +351,7 @@ const ve = {
       ]]),
       type: d.value
     }, {
-      default: F(() => [
+      default: O(() => [
         T.value ? (a(), y(
           "div",
           {
@@ -362,11 +362,11 @@ const ve = {
             r(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            S(t.$slots, "left-icon", {}, () => [
+            V(t.$slots, "left-icon", {}, () => [
               typeof t.leftIcon == "string" ? (a(), f(b(c), {
                 key: 0,
                 name: t.leftIcon
-              }, null, 8, ["name"])) : t.leftIcon ? (a(), f(D(t.leftIcon), { key: 1 })) : r("v-if", !0)
+              }, null, 8, ["name"])) : t.leftIcon ? (a(), f(L(t.leftIcon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
@@ -382,11 +382,11 @@ const ve = {
             r(`
         @slot icon - The icon to display on the fab button
       `),
-            S(t.$slots, "icon", {}, () => [
+            V(t.$slots, "icon", {}, () => [
               typeof t.icon == "string" ? (a(), f(b(c), {
                 key: 0,
                 name: t.icon
-              }, null, 8, ["name"])) : t.icon ? (a(), f(D(t.icon), { key: 1 })) : r("v-if", !0)
+              }, null, 8, ["name"])) : t.icon ? (a(), f(L(t.icon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
@@ -402,7 +402,7 @@ const ve = {
             r(`
         @slot default - The content of the button
       `),
-            S(t.$slots, "default", {}, void 0, !0)
+            V(t.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
@@ -417,11 +417,11 @@ const ve = {
             r(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            S(t.$slots, "right-icon", {}, () => [
+            V(t.$slots, "right-icon", {}, () => [
               typeof t.rightIcon == "string" ? (a(), f(b(c), {
                 key: 0,
                 name: t.rightIcon
-              }, null, 8, ["name"])) : t.rightIcon ? (a(), f(D(t.rightIcon), { key: 1 })) : r("v-if", !0)
+              }, null, 8, ["name"])) : t.rightIcon ? (a(), f(L(t.rightIcon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
@@ -438,7 +438,7 @@ const ve = {
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), X = /* @__PURE__ */ O(Be, [["__scopeId", "data-v-48f14785"]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), X = /* @__PURE__ */ R(Be, [["__scopeId", "data-v-48f14785"]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: X
 }, Symbol.toStringTag, { value: "Module" })), $e = {
@@ -447,7 +447,7 @@ const ve = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, we = /* @__PURE__ */ E(
+}, we = /* @__PURE__ */ A(
   "path",
   {
     stroke: "currentColor",
@@ -465,7 +465,7 @@ const ve = {
 function Ce(p, l) {
   return a(), y("svg", $e, [...Te]);
 }
-const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
+const Me = { render: Ce }, Se = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "MazInputTags",
   props: {
@@ -497,10 +497,10 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
     function k(n) {
       if (h.value) {
         v.value = void 0, n.preventDefault();
-        const s = h.value.trim().split(",").map((d) => d.trim() === "," ? void 0 : d.trim()).filter(j).filter(
+        const s = h.value.trim().split(",").map((d) => d.trim() === "," ? void 0 : d.trim()).filter(U).filter(
           (d) => {
             var t, B;
-            return !((B = (t = o.modelValue) == null ? void 0 : t.filter(j)) != null && B.some((R) => R === d));
+            return !((B = (t = o.modelValue) == null ? void 0 : t.filter(U)) != null && B.some((q) => q === d));
           }
         );
         c(
@@ -509,7 +509,7 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
         ), h.value = void 0;
       }
     }
-    const L = u(() => {
+    const F = u(() => {
       if (o.error)
         return "maz-border-danger";
       if (o.success)
@@ -550,14 +550,14 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
     return (n, i) => (a(), y(
       "div",
       {
-        class: w(["m-input-tags", [L.value, `--${n.color}`, `--${n.size}`, o.class, { "--block": n.block }]]),
+        class: w(["m-input-tags", [F.value, `--${n.color}`, `--${n.size}`, o.class, { "--block": n.block }]]),
         style: K(n.style),
         onFocusCapture: i[4] || (i[4] = (s) => z.value = !0),
         onBlurCapture: i[5] || (i[5] = (s) => z.value = !1)
       },
       [
-        P(de, { name: "maz-tags" }, {
-          default: F(() => [
+        D(de, { name: "maz-tags" }, {
+          default: O(() => [
             (a(!0), y(
               ce,
               null,
@@ -565,7 +565,7 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
                 key: `tag-${t}`,
                 class: "m-input-tags__wrapper"
               }, [
-                P(X, {
+                D(X, {
                   class: "m-input-tags__tag",
                   disabled: n.disabled,
                   size: n.size,
@@ -576,10 +576,10 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
                   onMouseleave: i[0] || (i[0] = (B) => g.value = void 0),
                   onBlur: i[1] || (i[1] = (B) => g.value = void 0)
                 }, {
-                  "right-icon": F(() => [
+                  "right-icon": O(() => [
                     g.value === d || v.value === d ? (a(), f(b(Me), { key: 0 })) : r("v-if", !0)
                   ]),
-                  default: F(() => [
+                  default: O(() => [
                     J(
                       Q(s) + " ",
                       1
@@ -597,7 +597,7 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
           _: 1
           /* STABLE */
         }),
-        P(ke, G({
+        D(ke, G({
           key: "input-tags",
           modelValue: h.value,
           "onUpdate:modelValue": i[2] || (i[2] = (s) => h.value = s)
@@ -613,8 +613,8 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
           "no-border": "",
           class: "m-input-tags__input",
           onKeydown: [
-            U(k, ["enter"]),
-            U($, ["delete"])
+            N(k, ["enter"]),
+            N($, ["delete"])
           ],
           onBlur: i[3] || (i[3] = (s) => n.addTagsOnBlur ? k(s) : void 0)
         }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "block", "size"])
@@ -623,8 +623,8 @@ const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Le = /* @__PURE__ */ O(Ve, [["__scopeId", "data-v-2915bccf"]]);
+}), Fe = /* @__PURE__ */ R(Se, [["__scopeId", "data-v-2915bccf"]]);
 export {
-  Le as M,
-  O as _
+  Fe as M,
+  R as _
 };

package/components/chunks/{MazLazyImg-Dboc6Xfz.mjs → MazLazyImg-DADMg49z.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazLazyImg.css';var v = Object.defineProperty;
 var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
-var n = (a, e, s) => (f(a, typeof e != "symbol" ? e + "" : e, s), s);
+var n = (a, e, s) => f(a, typeof e != "symbol" ? e + "" : e, s);
 import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as y, normalizeStyle as C, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
 const k = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", H = {
   baseClass: "m-lazy-img",
@@ -146,8 +146,7 @@ class w {
   }
   async imageHandler(e, s, t) {
     if (t === "update")
-      for await (const r of this.observers)
-        r.unobserve(e);
+      for await (const r of this.observers) r.unobserve(e);
     window.IntersectionObserver ? this.createObserver(e, s) : this.loadImage(e, s);
   }
   async bindUpdateHandler(e, s, t) {
@@ -204,7 +203,7 @@ const M = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, s = b(() => import("./MazSpinner-CNIlbDfg.mjs")), t = m(() => e.image || e.src), r = m(() => {
+    const e = a, s = b(() => import("./MazSpinner-D8k_MENa.mjs")), t = m(() => e.image || e.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });

package/components/chunks/{MazLazyImg-BFG6FIJZ.mjs → MazLazyImg-xLPMdfif.mjs}

@@ -1,8 +1,8 @@
 import '../assets/MazLazyImg.css';var v = Object.defineProperty;
 var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
-var n = (a, e, s) => (f(a, typeof e != "symbol" ? e + "" : e, s), s);
+var n = (a, e, s) => f(a, typeof e != "symbol" ? e + "" : e, s);
 import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as C, normalizeStyle as y, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
-import { _ as k } from "./MazAvatar-BU1nJFcV.mjs";
+import { _ as k } from "./MazAvatar-CoT6WIl0.mjs";
 const H = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", w = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -147,8 +147,7 @@ class U {
   }
   async imageHandler(e, s, t) {
     if (t === "update")
-      for await (const r of this.observers)
-        r.unobserve(e);
+      for await (const r of this.observers) r.unobserve(e);
     window.IntersectionObserver ? this.createObserver(e, s) : this.loadImage(e, s);
   }
   async bindUpdateHandler(e, s, t) {
@@ -205,7 +204,7 @@ const M = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, s = b(() => import("./MazSpinner-DkXequnp.mjs")), t = m(() => e.image || e.src), r = m(() => {
+    const e = a, s = b(() => import("./MazSpinner-D4gpZ7vL.mjs")), t = m(() => e.image || e.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });