maz-ui 3.47.2-beta.4 → 3.47.2-beta.6

package/components/chunks/MazDropdown-7WqbXnPN.mjs

@@ -0,0 +1,442 @@
+import { inject as re, useId as le, computed as A, ref as b, nextTick as Y, defineComponent as Z, onMounted as se, watchEffect as ie, openBlock as w, createElementBlock as $, mergeProps as M, createCommentVNode as R, defineAsyncComponent as F, watch as K, withDirectives as Q, unref as m, normalizeClass as E, normalizeStyle as X, createElementVNode as J, withModifiers as H, renderSlot as g, createTextVNode as V, toDisplayString as q, createVNode as W, createSlots as ae, withCtx as D, createBlock as I, resolveDynamicComponent as ue, Transition as ce, Fragment as de, renderList as fe, vShow as pe } from "vue";
+import '../assets/MazDropdown.css';function me(l, s) {
+  const n = re(l, s);
+  if (!n)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${l}`);
+  return n;
+}
+function ve({
+  componentName: l,
+  providedId: s
+}) {
+  const n = le();
+  return A(() => s ?? `${l}-${n}`);
+}
+b("system");
+b("system");
+const T = "__maz-click-outside__";
+function _() {
+  return document.ontouchstart === null ? "touchstart" : "click";
+}
+async function x(l, s) {
+  try {
+    ee(l);
+    const n = s.instance, f = s.value, p = typeof f == "function";
+    if (!p)
+      throw new Error("[maz-ui](vClickOutside) the callback should be a function");
+    await Y(), l[T] = (h) => {
+      if ((!l || h.target && !l.contains(h.target)) && f && p)
+        return f.call(n, h);
+    };
+    const v = _();
+    document.addEventListener(v, l[T], { passive: !0 });
+  } catch (n) {
+    console.error("[maz-ui](vClickOutside)", n);
+  }
+}
+function ee(l) {
+  try {
+    const s = _();
+    document.removeEventListener(s, l[T], !1), delete l[T];
+  } catch (s) {
+    console.error("[maz-ui](vClickOutside)", s);
+  }
+}
+function ye(l, s) {
+  try {
+    if (s.value === s.oldValue)
+      return;
+    x(l, s);
+  } catch (n) {
+    console.error("[maz-ui](vClickOutside)", n);
+  }
+}
+const we = {
+  mounted: x,
+  updated: ye,
+  unmounted: ee
+};
+function he(l, s) {
+  let n;
+  return function(...f) {
+    clearTimeout(n), n = setTimeout(() => {
+      l.apply(this, f);
+    }, s);
+  };
+}
+const ge = {
+  cancelText: "Cancel",
+  confirmText: "Confirm",
+  cancelButton: {
+    text: "Cancel",
+    color: "danger"
+  },
+  confirmButton: {
+    text: "Confirm",
+    color: "success"
+  }
+};
+b(ge);
+b([]);
+const be = ["innerHTML"], ke = /* @__PURE__ */ Z({
+  __name: "MazIcon",
+  props: {
+    /** The source path of the SVG file - e.g: `/icons/home.svg` */
+    src: { type: String, default: void 0 },
+    /** The path of the folder where the SVG files are stored - e.g: `/icons` */
+    path: { type: String, default: void 0 },
+    /** The name of the SVG file - e.g: `home` */
+    name: { type: String, default: void 0 },
+    /** The size of the SVG file - e.g: `1em` */
+    size: { type: String, default: void 0 },
+    /** The title of the SVG file - e.g: `Home` */
+    title: { type: String, default: void 0 },
+    /** The function to transform the source of the SVG file - e.g: `(svg) => svg` */
+    transformSource: {
+      type: Function,
+      default: (l) => l
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(l, { emit: s }) {
+    const n = l, f = s, p = {}, v = b(), h = b();
+    function O() {
+      try {
+        return me("mazIconPath");
+      } catch {
+        return;
+      }
+    }
+    const u = A(() => n.path ?? O()), c = A(() => n.src ? n.src : u.value ? `${u.value}/${n.name}.svg` : `/${n.name}.svg`);
+    se(() => {
+      !n.name && !n.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
+    });
+    function S(t, a) {
+      const i = t.querySelectorAll("title");
+      if (i.length > 0)
+        i[0].textContent = a;
+      else {
+        const r = document.createElementNS("http://www.w3.org/2000/svg", "title");
+        r.textContent = a, t.append(r);
+      }
+    }
+    function y(t) {
+      return Object.keys(t).reduce((a, i) => (t[i] !== !1 && t[i] !== null && t[i] !== void 0 && (a[i] = t[i]), a), {});
+    }
+    function B(t) {
+      const a = {}, i = t.attributes;
+      if (!i)
+        return a;
+      for (let r = i.length - 1; r >= 0; r--)
+        a[i[r].name] = i[r].value;
+      return a;
+    }
+    function L(t) {
+      let a = t.cloneNode(!0);
+      return a = n.transformSource(t), n.title && S(a, n.title), t.innerHTML;
+    }
+    async function P(t) {
+      p[t] || (p[t] = N(t));
+      try {
+        v.value = await p[t], await Y(), f("loaded", h.value);
+      } catch (a) {
+        v.value && (v.value = void 0, f("unloaded")), delete p[t], f("error", a);
+      }
+    }
+    function N(t) {
+      return new Promise((a, i) => {
+        const r = new XMLHttpRequest();
+        r.open("GET", t, !0), r.addEventListener("load", () => {
+          if (r.status >= 200 && r.status < 400)
+            try {
+              let z = new DOMParser().parseFromString(r.responseText, "text/xml").querySelectorAll("svg")[0];
+              z ? (z = n.transformSource(z), a(z)) : i(new Error('Loaded file is not valid SVG"'));
+            } catch (k) {
+              i(k);
+            }
+          else
+            i(new Error("Error loading SVG"));
+        }), r.addEventListener("error", (k) => i(k)), r.send();
+      });
+    }
+    return ie(() => P(c.value)), (t, a) => v.value ? (w(), $("svg", M({
+      key: 0,
+      ref_key: "svgElem",
+      ref: h,
+      width: "1em",
+      height: "1em"
+    }, {
+      ...B(v.value),
+      ...y(t.$attrs)
+    }, {
+      style: `font-size: ${l.size}`,
+      innerHTML: L(v.value)
+    }), null, 16, be)) : R("v-if", !0);
+  }
+}), ze = ["id"], Ce = ["aria-expanded"], Se = ["id"], Ee = ["onClick"], De = /* @__PURE__ */ Z({
+  inheritAttrs: !1,
+  __name: "MazDropdown",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    items: { default: () => [] },
+    open: { type: Boolean },
+    id: { default: void 0 },
+    trigger: { default: "both" },
+    color: { default: "transparent" },
+    position: { default: "bottom left" },
+    noCloseOnClick: { type: Boolean },
+    disabled: { type: Boolean },
+    noChevron: { type: Boolean },
+    screenReaderDescription: { default: "Open menu dropdown" },
+    menuPanelClass: {},
+    menuPanelStyle: {},
+    block: { type: Boolean },
+    dropdownIcon: {},
+    dropdownIconAnimation: { type: Boolean, default: !0 },
+    size: { default: "md" }
+  },
+  emits: ["menuitem-clicked", "update:open"],
+  setup(l, { emit: s }) {
+    const n = l, f = s, p = ve({
+      componentName: "MazDropdown",
+      providedId: n.id
+    }), v = F(() => import("./MazBtn-DZb-6vcl.mjs")), h = F(() => import("./MazLink-yKgOtTlk.mjs")), O = F(() => import("./chevron-down-BkvtON3b.mjs")), u = b(n.open), c = b(), S = A(() => n.size === "xl" ? "maz-text-lg" : n.size === "lg" || n.size === "md" || n.size === "sm" ? "maz-text-base" : n.size === "xs" || n.size === "mini" ? "maz-text-sm" : "maz-text-lg"), y = he((e) => {
+      r(e);
+    }, 200);
+    function B() {
+      u.value && r(!1);
+    }
+    function L() {
+      r(!u.value);
+    }
+    function P() {
+      ["click"].includes(n.trigger) && L();
+    }
+    function N() {
+      ["hover", "both"].includes(n.trigger) && r(!0);
+    }
+    function t() {
+      ["hover", "both"].includes(n.trigger) && (u.value === !1 ? r(!0) : y(!0));
+    }
+    function a() {
+      ["hover", "both"].includes(n.trigger) && y(!1);
+    }
+    function i() {
+      y(!1);
+    }
+    function r(e) {
+      n.disabled || (u.value = e, f("update:open", e));
+    }
+    function k(e) {
+      return "action" in e;
+    }
+    function G(e) {
+      return "href" in e || "to" in e;
+    }
+    async function z(e, d) {
+      var o;
+      f("menuitem-clicked", d), await ((o = e.action) == null ? void 0 : o.call(e)), n.noCloseOnClick || U();
+    }
+    function U() {
+      n.noCloseOnClick === !1 && r(!1);
+    }
+    function j(e) {
+      e.key === "Escape" ? (e.preventDefault(), r(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? oe(e) : e.key === "Enter" && typeof c.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${p.value} .menuitem`)[c.value].click(), U());
+    }
+    function ne(e) {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && u.value === !1 && (e.preventDefault(), r(!0));
+    }
+    function oe(e) {
+      var C;
+      e.preventDefault();
+      const d = e.key;
+      u.value || r(!0);
+      const o = (C = n.items) == null ? void 0 : C.length;
+      o && (typeof c.value == "number" ? c.value === o - 1 && d === "ArrowDown" ? c.value = 0 : c.value === 0 && d === "ArrowUp" ? c.value = o - 1 : c.value = d === "ArrowDown" ? c.value + 1 : c.value - 1 : c.value = d === "ArrowDown" ? 0 : o - 1);
+    }
+    return K(
+      () => u.value,
+      (e) => {
+        e ? document.addEventListener("keydown", j) : document.removeEventListener("keydown", j), c.value = void 0;
+      }
+    ), K(
+      () => n.open,
+      (e) => r(e)
+    ), (e, d) => Q((w(), $("div", {
+      id: m(p),
+      class: E(["m-dropdown", [n.class, { "--block": e.block }]]),
+      style: X(e.style)
+    }, [
+      J("div", {
+        role: "button",
+        tabindex: "0",
+        class: "m-dropdown__wrapper",
+        "aria-expanded": u.value,
+        "aria-haspopup": "menu",
+        onClick: H(P, ["stop"]),
+        onFocus: N,
+        onBlur: i,
+        onKeydown: ne,
+        onMouseenter: t,
+        onMouseleave: a
+      }, [
+        e.screenReaderDescription || e.$slots["screen-reader-description"] ? (w(), $("span", {
+          key: 0,
+          id: `${m(p)}-labelspan`,
+          class: "maz-sr-only"
+        }, [
+          g(e.$slots, "screen-reader-description", {}, () => [
+            V(
+              q(e.screenReaderDescription),
+              1
+              /* TEXT */
+            )
+          ])
+        ], 8, Se)) : R("v-if", !0),
+        g(e.$slots, "element", { isOpen: u.value }, () => [
+          W(m(v), M({
+            "aria-labelledby": `${m(p)}-labelspan`,
+            color: e.color,
+            disabled: e.disabled
+          }, e.$attrs, {
+            tabindex: "-1",
+            block: e.block,
+            size: e.size
+          }), ae({
+            default: D(() => [
+              g(e.$slots, "default")
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            e.noChevron ? void 0 : {
+              name: "right-icon",
+              fn: D(() => [
+                g(e.$slots, "dropdown-icon", { isOpen: u.value }, () => [
+                  typeof e.dropdownIcon == "string" ? (w(), I(ke, {
+                    key: 0,
+                    name: e.dropdownIcon,
+                    class: E([{ "--open": u.value && e.dropdownIconAnimation }, S.value])
+                  }, null, 8, ["name", "class"])) : e.dropdownIcon ? (w(), I(ue(e.dropdownIcon), {
+                    key: 1,
+                    class: E([[{ "--open": u.value && e.dropdownIconAnimation }, S.value], "m-dropdown__icon"])
+                  }, null, 8, ["class"])) : (w(), I(m(O), {
+                    key: 2,
+                    class: E([[{ "--open": u.value && e.dropdownIconAnimation }, S.value], "m-dropdown__icon"])
+                  }, null, 8, ["class"]))
+                ])
+              ]),
+              key: "0"
+            }
+          ]), 1040, ["aria-labelledby", "color", "disabled", "block", "size"])
+        ])
+      ], 40, Ce),
+      W(ce, {
+        name: "maz-scale-fade",
+        persisted: ""
+      }, {
+        default: D(() => [
+          Q(J(
+            "div",
+            {
+              role: "menu",
+              "aria-label": "Menu",
+              class: E(["menu", [{
+                "--top": e.position.includes("top"),
+                "--left": e.position.includes("left"),
+                "--right": e.position.includes("right"),
+                "--bottom": e.position.includes("bottom")
+              }, e.menuPanelClass]]),
+              tabindex: "-1",
+              style: X(e.menuPanelStyle),
+              onFocus: d[0] || (d[0] = (o) => m(y)(!0)),
+              onBlur: d[1] || (d[1] = (o) => m(y)(!1)),
+              onMouseenter: d[2] || (d[2] = (o) => ["hover", "both"].includes(e.trigger) ? m(y)(!0) : void 0),
+              onMouseleave: d[3] || (d[3] = (o) => ["hover", "both"].includes(e.trigger) ? m(y)(!1) : void 0)
+            },
+            [
+              g(e.$slots, "dropdown", { items: e.items }, () => [
+                (w(!0), $(
+                  de,
+                  null,
+                  fe(e.items, (o, C) => g(e.$slots, "menuitem", {
+                    key: C,
+                    item: o
+                  }, () => [
+                    G(o) ? (w(), I(m(h), M({
+                      key: 0,
+                      target: o.href ? o.target ?? "_self" : void 0,
+                      to: o.to,
+                      href: o.href,
+                      color: o.color ?? "theme",
+                      ref_for: !0
+                    }, o, {
+                      "underline-only-hover": o.underlineOnlyHover ?? !1,
+                      class: ["menuitem", [
+                        {
+                          "--is-keyboard-selected": c.value === C
+                        },
+                        o.class
+                      ]],
+                      tabindex: "-1",
+                      onClick: H(U, ["stop"])
+                    }), {
+                      default: D(() => [
+                        g(e.$slots, "menuitem-label", { item: o }, () => [
+                          V(
+                            q(o.label),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : k(o) ? (w(), $("button", M({
+                      key: 1,
+                      tabindex: "-1",
+                      type: "button",
+                      ref_for: !0
+                    }, o, {
+                      class: ["menuitem menuitem__button", [
+                        {
+                          "--is-keyboard-selected": c.value === C
+                        },
+                        o.class,
+                        `--${o.color ?? "theme"}`
+                      ]],
+                      onClick: H((te) => z(o, te), ["stop"])
+                    }), [
+                      g(e.$slots, "menuitem-label", { item: o }, () => [
+                        V(
+                          q(o.label),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ], 16, Ee)) : R("v-if", !0)
+                  ])),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ],
+            38
+            /* CLASS, STYLE, NEED_HYDRATION */
+          ), [
+            [pe, u.value]
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ], 14, ze)), [
+      [m(we), B]
+    ]);
+  }
+});
+export {
+  ke as _,
+  De as a
+};

package/components/chunks/{MazGallery-VTZUhBKC.mjs → MazGallery-CRY5X5zS.mjs}

@@ -2,7 +2,7 @@ import '../assets/MazGallery.css';var Ae = Object.defineProperty;
 var Ie = (o, e, t) => e in o ? Ae(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var g = (o, e, t) => Ie(o, typeof e != "symbol" ? e + "" : e, t);
 import { createVNode as z, render as M, defineComponent as re, defineAsyncComponent as N, ref as p, reactive as Ee, computed as C, watch as we, onMounted as Ce, onBeforeUnmount as Le, openBlock as b, createElementBlock as A, withModifiers as O, withKeys as xe, unref as w, createCommentVNode as S, createElementVNode as k, normalizeClass as R, withDirectives as T, vShow as ze, useCssVars as ke, onBeforeMount as Pe, normalizeStyle as se, Fragment as ne, renderList as oe, toDisplayString as Oe } from "vue";
-import { _ as ie } from "./MazCard-BYB8y1_u.mjs";
+import { _ as ie } from "./MazCard-CAPZoSqv.mjs";
 function Se(o, e) {
   let t = e == null ? void 0 : e.element;
   function s() {
@@ -46,7 +46,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(o, { emit: e }) {
-    const t = o, s = e, r = N(() => import("./MazSpinner-DmiLBQgR.mjs")), l = N(() => import("./x-mark-CnZwVvA7.mjs")), u = N(() => import("./chevron-left-BqVOLRdC.mjs")), y = p(!1), x = p(!1), L = p(!1), h = p(!1), m = p(!1), c = Ee({
+    const t = o, s = e, r = N(() => import("./MazSpinner--fscjBdL.mjs")), l = N(() => import("./x-mark-CnZwVvA7.mjs")), u = N(() => import("./chevron-left-BqVOLRdC.mjs")), y = p(!1), x = p(!1), L = p(!1), h = p(!1), m = p(!1), c = Ee({
       running: !1,
       ended: !1
     }), d = p(t.clickedElement), le = C(() => t.clickedElement.getBoundingClientRect()), H = p(), D = p(t.src), q = p(t.alt), j = p(), v = p(), $ = p(!0), ce = C(() => ({

package/components/chunks/MazIcon-B3gy-jQ6.mjs

@@ -0,0 +1,4 @@
+import { _ as f } from "./MazDropdown-7WqbXnPN.mjs";
+export {
+  f as default
+};

package/components/chunks/{MazIcon-BdQtfzuy.mjs → MazIcon-D3TB52NM.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as T, ref as m, computed as v, onMounted as x, watchEffect as L, openBlock as P, createElementBlock as _, mergeProps as A, createCommentVNode as C, nextTick as $ } from "vue";
-import { i as q } from "./MazPhoneNumberInput-BTm8A0bL.mjs";
+import { i as q } from "./MazPhoneNumberInput-Bbr0zHPZ.mjs";
 const H = ["innerHTML"], V = /* @__PURE__ */ T({
   __name: "MazIcon",
   props: {

package/components/chunks/{MazInput-DzWkS-g8.mjs → MazInput-DG-grU7m.mjs}

@@ -58,7 +58,7 @@ const ie = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(i, { emit: u }) {
-    const t = i, a = u, m = f(() => import("./MazBtn-hUslV7wO.mjs")), B = f(() => import("./MazIcon-BbvBov5G.mjs")), M = f(() => import("./eye-slash-BoO00xzs.mjs")), q = f(() => import("./eye-f8zAUc30.mjs")), D = f(() => import("./check-BmubdHc_.mjs")), v = z(!1), c = z(!1), w = z(), E = le({
+    const t = i, a = u, m = f(() => import("./MazBtn-DHfi8M3z.mjs")), B = f(() => import("./MazIcon-BbvBov5G.mjs")), M = f(() => import("./eye-slash-BoO00xzs.mjs")), q = f(() => import("./eye-f8zAUc30.mjs")), D = f(() => import("./check-BmubdHc_.mjs")), v = z(!1), c = z(!1), w = z(), E = le({
       componentName: "MazInput",
       providedId: t.id
     });

package/components/chunks/{MazInput-geBqeT4i.mjs → MazInput-ROgC-JLt.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Q, defineAsyncComponent as d, ref as h, onMounted as W, computed as r, useSlots as X, openBlock as o, createElementBlock as f, normalizeClass as z, normalizeStyle as Y, createElementVNode as g, renderSlot as k, createBlock as u, unref as i, resolveDynamicComponent as C, createCommentVNode as n, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as oe, withModifiers as ae, withCtx as V, createVNode as S } from "vue";
-import { u as ne, _ as le } from "./MazChecklist-CQv-sXP1.mjs";
+import { u as ne, _ as le } from "./MazChecklist-Bqd7qTO1.mjs";
 import '../assets/MazInput.css';function re(v, y) {
   let t;
   return function(...l) {
@@ -52,7 +52,7 @@ const ie = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(v, { emit: y }) {
-    const t = v, l = y, I = d(() => import("./MazBtn-cUQ1Tykp.mjs")), B = d(() => import("./MazIcon-BbvBov5G.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./MazChecklist-CQv-sXP1.mjs").then((e) => e.c)), c = h(!1), s = h(!1), w = h(), E = ne({
+    const t = v, l = y, I = d(() => import("./MazBtn-DhEO9uvT.mjs")), B = d(() => import("./MazIcon-BbvBov5G.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./MazChecklist-Bqd7qTO1.mjs").then((e) => e.c)), c = h(!1), s = h(!1), w = h(), E = ne({
       componentName: "MazInput",
       providedId: t.id
     });

package/components/chunks/{MazInput-eOtg1L9F.mjs → MazInput-rW-KBJGJ.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as Q, defineAsyncComponent as d, ref as h, onMounted as W, computed as r, useSlots as X, openBlock as o, createElementBlock as f, normalizeClass as z, normalizeStyle as Y, createElementVNode as g, renderSlot as k, createBlock as u, unref as i, resolveDynamicComponent as C, createCommentVNode as n, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as oe, withModifiers as ae, withCtx as V, createVNode as S } from "vue";
 import { u as ne } from "./useInstanceUniqId-DW9jO1Sz.mjs";
-import { _ as le } from "./MazTable-BKdEx63E.mjs";
+import { _ as le } from "./MazTable-CWsaB02U.mjs";
 import '../assets/MazInput.css';function re(v, y) {
   let t;
   return function(...l) {
@@ -53,7 +53,7 @@ const ie = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(v, { emit: y }) {
-    const t = v, l = y, I = d(() => import("./MazBtn-psosbsi3.mjs")), B = d(() => import("./MazIcon-DjMuw8Bz.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./check-C9Q_W85g.mjs")), c = h(!1), s = h(!1), w = h(), E = ne({
+    const t = v, l = y, I = d(() => import("./MazBtn-BBb9-9O6.mjs")), B = d(() => import("./MazIcon-DjMuw8Bz.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./check-C9Q_W85g.mjs")), c = h(!1), s = h(!1), w = h(), E = ne({
       componentName: "MazInput",
       providedId: t.id
     });