maz-ui 3.47.2-beta.0 → 3.47.2-beta.11

package/components/chunks/MazInput-BQoQSRyL.mjs

@@ -1,302 +0,0 @@
-import { useId as Q, computed as r, defineComponent as W, defineAsyncComponent as f, ref as z, onMounted as X, useSlots as Y, openBlock as n, createElementBlock as p, normalizeClass as g, normalizeStyle as Z, createElementVNode as k, createCommentVNode as o, renderSlot as I, createBlock as d, unref as s, resolveDynamicComponent as C, withDirectives as x, mergeProps as _, toHandlers as ee, vModelDynamic as te, createTextVNode as oe, toDisplayString as ne, withModifiers as ae, withCtx as V, createVNode as S } from "vue";
-import '../assets/MazInput.css';function le({
-  componentName: i,
-  providedId: u
-}) {
-  const t = Q();
-  return r(() => u ?? `${i}-${t}`);
-}
-function re(i, u) {
-  let t;
-  return function(...a) {
-    clearTimeout(t), t = setTimeout(() => {
-      i.apply(this, a);
-    }, u);
-  };
-}
-const ie = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, se = { class: "m-input-wrapper-input" }, ue = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], de = { key: 0 }, ce = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, fe = /* @__PURE__ */ W({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    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", "input"],
-  setup(i, { emit: u }) {
-    const t = i, a = u, m = f(() => import("./MazBtn-BO3G90L3.mjs")), B = f(() => import("./MazIcon-BbvBov5G.mjs")), M = f(() => import("./eye-slash-BoO00xzs.mjs")), q = f(() => import("./eye-f8zAUc30.mjs")), T = f(() => import("./check-BmubdHc_.mjs")), v = z(!1), c = z(!1), w = z(), D = le({
-      componentName: "MazInput",
-      providedId: t.id
-    });
-    X(() => {
-      var e;
-      t.autoFocus && ((e = w.value) == null || e.focus());
-    });
-    const $ = r(() => t.type === "password"), E = r(() => v.value ? "text" : t.type), N = r(() => {
-      if (!t.noBorder) {
-        if (t.error)
-          return "maz-border-danger";
-        if (t.success)
-          return "maz-border-success";
-        if (t.warning)
-          return "maz-border-warning";
-        if (c.value || t.borderActive) {
-          if (t.color === "black")
-            return "maz-border-black";
-          if (t.color === "danger")
-            return "maz-border-danger";
-          if (t.color === "info")
-            return "maz-border-info";
-          if (t.color === "primary")
-            return "maz-border-primary";
-          if (t.color === "secondary")
-            return "maz-border-secondary";
-          if (t.color === "success")
-            return "maz-border-success";
-          if (t.color === "warning")
-            return "maz-border-warning";
-          if (t.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), h = Y(), P = r(() => {
-      const { required: e, placeholder: l } = t;
-      if (l)
-        return e ? `${l} *` : l;
-    }), A = r(() => y.value !== void 0 && y.value !== ""), F = re(
-      (e) => {
-        a("update:model-value", e);
-      },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    );
-    function L(e) {
-      if (t.debounce)
-        return F(e);
-      a("update:model-value", e);
-    }
-    const y = r({
-      get: () => t.modelValue,
-      set: (e) => L(e)
-    }), O = r(() => (!!t.label || !!t.hint) && (c.value || !!A.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), R = r(() => !!t.label || !!t.hint);
-    function U() {
-      return !!h["right-icon"] || $.value || !!h["valid-button"] || t.validButton || !!t.rightIcon;
-    }
-    function j() {
-      return !!h["left-icon"] || !!t.leftIcon;
-    }
-    function H(e) {
-      a("focus", e), c.value = !0;
-    }
-    function G(e) {
-      a("blur", e), c.value = !1;
-    }
-    function J(e) {
-      return a("change", e);
-    }
-    function K(e) {
-      return a("input", e);
-    }
-    return (e, l) => (n(), p(
-      "div",
-      {
-        class: g(["m-input", [
-          {
-            "--is-focused": c.value || e.borderActive,
-            "--should-up": O.value,
-            "--has-label": R.value,
-            "--is-disabled": e.disabled,
-            "--is-readonly": e.readonly,
-            "--has-z-2": e.error || e.warning || e.success,
-            "--has-state": e.error || e.warning || e.success,
-            "--block": e.block
-          },
-          t.class,
-          `--${e.color}`,
-          `--${e.size}`
-        ]]),
-        style: Z(e.style)
-      },
-      [
-        k(
-          "div",
-          {
-            class: g(["m-input-wrapper", [
-              e.inputClasses,
-              N.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
-            ]])
-          },
-          [
-            j() ? (n(), p("div", ie, [
-              o(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              e.$slots["left-icon"] || e.leftIcon ? I(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (n(), d(s(B), {
-                  key: 0,
-                  name: e.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (n(), d(C(e.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : o("v-if", !0)
-              ], !0) : o("v-if", !0)
-            ])) : o("v-if", !0),
-            k("div", se, [
-              x(k("input", _({
-                id: s(D),
-                ref_key: "input",
-                ref: w,
-                "onUpdate:modelValue": l[0] || (l[0] = (b) => y.value = b),
-                type: E.value,
-                name: e.name
-              }, e.$attrs, {
-                inputmode: e.inputmode,
-                placeholder: P.value,
-                "aria-label": e.label || e.placeholder,
-                disabled: e.disabled,
-                readonly: e.readonly,
-                required: e.required,
-                class: "m-input-input"
-              }, ee({
-                blur: G,
-                focus: H,
-                change: J,
-                input: K
-              }, !0), {
-                onClick: l[1] || (l[1] = (b) => e.$emit("click", b))
-              }), null, 16, ue), [
-                [te, y.value]
-              ]),
-              e.label || e.hint ? (n(), p(
-                "span",
-                {
-                  key: 0,
-                  class: g(["m-input-label", [
-                    {
-                      "maz-text-danger-600": e.error,
-                      "maz-text-success-600": e.success,
-                      "maz-text-warning-600": e.warning
-                    }
-                  ]])
-                },
-                [
-                  oe(
-                    ne(e.hint || e.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  e.required ? (n(), p("sup", de, "*")) : o("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : o("v-if", !0)
-            ]),
-            U() ? (n(), p("div", ce, [
-              o(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              e.$slots["right-icon"] || e.rightIcon ? I(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (n(), d(s(B), {
-                  key: 0,
-                  name: e.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (n(), d(C(e.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : o("v-if", !0)
-              ], !0) : o("v-if", !0),
-              $.value ? (n(), d(s(m), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: l[2] || (l[2] = ae((b) => v.value = !v.value, ["stop"]))
-              }, {
-                default: V(() => [
-                  v.value ? (n(), d(s(M), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (n(), d(s(q), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : o("v-if", !0),
-              o(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              e.$slots["valid-button"] || e.validButton ? I(e.$slots, "valid-button", { key: 2 }, () => [
-                S(s(m), {
-                  color: "transparent",
-                  disabled: e.disabled,
-                  tabindex: "-1",
-                  loading: e.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: V(() => [
-                    S(s(T), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : o("v-if", !0)
-            ])) : o("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), pe = (i, u) => {
-  const t = i.__vccOpts || i;
-  for (const [a, m] of u)
-    t[a] = m;
-  return t;
-}, ve = /* @__PURE__ */ pe(fe, [["__scopeId", "data-v-c42aaa7f"]]);
-export {
-  ve as M,
-  pe as _
-};

package/components/chunks/MazInput-CJQB68c-.mjs

@@ -1,290 +0,0 @@
-import { defineComponent as Q, defineAsyncComponent as d, ref as h, onMounted as W, computed as r, useSlots as X, openBlock as a, createElementBlock as f, normalizeClass as z, normalizeStyle as Y, createElementVNode as g, createCommentVNode as o, renderSlot as k, createBlock as u, unref as i, resolveDynamicComponent as C, 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-CY1Cv70T.mjs";
-import '../assets/MazInput.css';function re(v, y) {
-  let t;
-  return function(...l) {
-    clearTimeout(t), t = setTimeout(() => {
-      v.apply(this, l);
-    }, y);
-  };
-}
-const ie = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, ue = { class: "m-input-wrapper-input" }, se = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], de = { key: 0 }, fe = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, ce = /* @__PURE__ */ Q({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    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", "input"],
-  setup(v, { emit: y }) {
-    const t = v, l = y, I = d(() => import("./MazBtn-C87UEsVs.mjs")), B = d(() => import("./MazIcon-BbvBov5G.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), T = d(() => import("./MazChecklist-CY1Cv70T.mjs").then((e) => e.c)), c = h(!1), s = h(!1), w = h(), D = ne({
-      componentName: "MazInput",
-      providedId: t.id
-    });
-    W(() => {
-      var e;
-      t.autoFocus && ((e = w.value) == null || e.focus());
-    });
-    const $ = r(() => t.type === "password"), E = r(() => c.value ? "text" : t.type), N = r(() => {
-      if (!t.noBorder) {
-        if (t.error)
-          return "maz-border-danger";
-        if (t.success)
-          return "maz-border-success";
-        if (t.warning)
-          return "maz-border-warning";
-        if (s.value || t.borderActive) {
-          if (t.color === "black")
-            return "maz-border-black";
-          if (t.color === "danger")
-            return "maz-border-danger";
-          if (t.color === "info")
-            return "maz-border-info";
-          if (t.color === "primary")
-            return "maz-border-primary";
-          if (t.color === "secondary")
-            return "maz-border-secondary";
-          if (t.color === "success")
-            return "maz-border-success";
-          if (t.color === "warning")
-            return "maz-border-warning";
-          if (t.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), b = X(), P = r(() => {
-      const { required: e, placeholder: n } = t;
-      if (n)
-        return e ? `${n} *` : n;
-    }), A = r(() => p.value !== void 0 && p.value !== ""), F = re(
-      (e) => {
-        l("update:model-value", e);
-      },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    );
-    function L(e) {
-      if (t.debounce)
-        return F(e);
-      l("update:model-value", e);
-    }
-    const p = r({
-      get: () => t.modelValue,
-      set: (e) => L(e)
-    }), R = r(() => (!!t.label || !!t.hint) && (s.value || !!A.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), O = r(() => !!t.label || !!t.hint);
-    function U() {
-      return !!b["right-icon"] || $.value || !!b["valid-button"] || t.validButton || !!t.rightIcon;
-    }
-    function j() {
-      return !!b["left-icon"] || !!t.leftIcon;
-    }
-    function H(e) {
-      l("focus", e), s.value = !0;
-    }
-    function G(e) {
-      l("blur", e), s.value = !1;
-    }
-    function J(e) {
-      return l("change", e);
-    }
-    function K(e) {
-      return l("input", e);
-    }
-    return (e, n) => (a(), f(
-      "div",
-      {
-        class: z(["m-input", [
-          {
-            "--is-focused": s.value || e.borderActive,
-            "--should-up": R.value,
-            "--has-label": O.value,
-            "--is-disabled": e.disabled,
-            "--is-readonly": e.readonly,
-            "--has-z-2": e.error || e.warning || e.success,
-            "--has-state": e.error || e.warning || e.success,
-            "--block": e.block
-          },
-          t.class,
-          `--${e.color}`,
-          `--${e.size}`
-        ]]),
-        style: Y(e.style)
-      },
-      [
-        g(
-          "div",
-          {
-            class: z(["m-input-wrapper", [
-              e.inputClasses,
-              N.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
-            ]])
-          },
-          [
-            j() ? (a(), f("div", ie, [
-              o(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              e.$slots["left-icon"] || e.leftIcon ? k(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (a(), u(i(B), {
-                  key: 0,
-                  name: e.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (a(), u(C(e.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : o("v-if", !0)
-              ], !0) : o("v-if", !0)
-            ])) : o("v-if", !0),
-            g("div", ue, [
-              Z(g("input", x({
-                id: i(D),
-                ref_key: "input",
-                ref: w,
-                "onUpdate:modelValue": n[0] || (n[0] = (m) => p.value = m),
-                type: E.value,
-                name: e.name
-              }, e.$attrs, {
-                inputmode: e.inputmode,
-                placeholder: P.value,
-                "aria-label": e.label || e.placeholder,
-                disabled: e.disabled,
-                readonly: e.readonly,
-                required: e.required,
-                class: "m-input-input"
-              }, _({
-                blur: G,
-                focus: H,
-                change: J,
-                input: K
-              }, !0), {
-                onClick: n[1] || (n[1] = (m) => e.$emit("click", m))
-              }), null, 16, se), [
-                [ee, p.value]
-              ]),
-              e.label || e.hint ? (a(), f(
-                "span",
-                {
-                  key: 0,
-                  class: z(["m-input-label", [
-                    {
-                      "maz-text-danger-600": e.error,
-                      "maz-text-success-600": e.success,
-                      "maz-text-warning-600": e.warning
-                    }
-                  ]])
-                },
-                [
-                  te(
-                    oe(e.hint || e.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  e.required ? (a(), f("sup", de, "*")) : o("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : o("v-if", !0)
-            ]),
-            U() ? (a(), f("div", fe, [
-              o(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              e.$slots["right-icon"] || e.rightIcon ? k(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (a(), u(i(B), {
-                  key: 0,
-                  name: e.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (a(), u(C(e.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : o("v-if", !0)
-              ], !0) : o("v-if", !0),
-              $.value ? (a(), u(i(I), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: n[2] || (n[2] = ae((m) => c.value = !c.value, ["stop"]))
-              }, {
-                default: V(() => [
-                  c.value ? (a(), u(i(M), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (a(), u(i(q), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : o("v-if", !0),
-              o(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              e.$slots["valid-button"] || e.validButton ? k(e.$slots, "valid-button", { key: 2 }, () => [
-                S(i(I), {
-                  color: "transparent",
-                  disabled: e.disabled,
-                  tabindex: "-1",
-                  loading: e.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: V(() => [
-                    S(i(T), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : o("v-if", !0)
-            ])) : o("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), ve = /* @__PURE__ */ le(ce, [["__scopeId", "data-v-c42aaa7f"]]);
-export {
-  ve as default
-};