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

package/components/chunks/MazInputNumber-DRXQXHRv.mjs

@@ -1,572 +0,0 @@
-import { openBlock as r, createElementBlock as g, createElementVNode as P, defineComponent as R, defineAsyncComponent as $, useAttrs as te, useSlots as K, computed as a, createBlock as d, resolveDynamicComponent as V, normalizeClass as b, withCtx as E, renderSlot as C, unref as m, createCommentVNode as s, createVNode as M, useId as oe, ref as A, onMounted as le, normalizeStyle as Y, withDirectives as ae, mergeProps as G, toHandlers as re, vModelDynamic as ie, createTextVNode as se, toDisplayString as ue, withModifiers as q, withKeys as U } from "vue";
-import '../assets/MazInputNumber.css';function H(c, o) {
-  let n;
-  return function(...u) {
-    clearTimeout(n), n = setTimeout(() => {
-      c.apply(this, u);
-    }, o);
-  };
-}
-const de = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function fe(c, o) {
-  return r(), g("svg", de, o[0] || (o[0] = [
-    P(
-      "path",
-      {
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "1.5",
-        d: "M5 12h14"
-      },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
-}
-const me = { render: fe }, ce = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function pe(c, o) {
-  return r(), g("svg", ce, o[0] || (o[0] = [
-    P(
-      "path",
-      {
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "1.5",
-        d: "M12 4.5v15m7.5-7.5h-15"
-      },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
-}
-const ve = { render: pe }, be = {
-  key: 2,
-  class: "m-btn-loader-container"
-}, ye = /* @__PURE__ */ R({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    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 },
-    justify: { default: "center" }
-  },
-  setup(c) {
-    const o = c, n = $(() => import("./MazSpinner-eC03bFP5.mjs")), u = $(() => import("./MazIcon-BbvBov5G.mjs")), { href: i, to: j } = te(), k = K(), I = a(() => i ? "a" : j ? "router-link" : "button"), B = a(
-      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
-    ), v = a(
-      () => (o.loading || o.disabled) && I.value === "button"
-    ), y = a(() => v.value ? "--cursor-default" : "--cursor-pointer"), w = a(() => `--is-${o.variant}`), S = a(() => o.loading && o.variant === "button"), t = a(() => !!k["left-icon"] || o.leftIcon), f = a(() => !!k["right-icon"] || o.rightIcon), p = a(() => t.value || f.value), N = a(() => o.icon || !!k.icon), D = a(() => I.value === "button" ? o.type : void 0), h = a(() => o.size === "xl" ? "maz-text-3xl" : o.size === "lg" ? "maz-text-2xl" : o.size === "md" ? "maz-text-xl" : o.size === "sm" ? "maz-text-lg" : o.size === "xs" ? "maz-text-base" : o.size === "mini" ? "maz-text-sm" : "md"), O = a(() => o.justify === "start" ? "maz-justify-start" : o.justify === "end" ? "maz-justify-end" : o.justify === "center" ? "maz-justify-center" : o.justify === "between" ? "maz-justify-between" : o.justify === "around" ? "maz-justify-around" : o.justify === "evenly" ? "maz-justify-evenly" : "maz-justify-center");
-    return (l, F) => (r(), d(V(I.value), {
-      disabled: v.value || void 0,
-      class: b(["m-btn", [
-        `--${l.size}`,
-        !l.fab && !l.rounded && l.roundedSize && `--rounded-${l.roundedSize}`,
-        B.value,
-        y.value,
-        w.value,
-        O.value,
-        {
-          "--block": l.block,
-          "--no-underline": l.noUnderline,
-          "--fab": l.fab,
-          "--loading": l.loading,
-          "--disabled": v.value,
-          "--icon": p.value,
-          "--rounded": l.rounded,
-          "--no-rounded": l.noRounded,
-          "--no-padding": l.noPadding,
-          "--no-elevation": l.noElevation
-        }
-      ]]),
-      type: D.value
-    }, {
-      default: E(() => [
-        C(l.$slots, "left-icon", {}, () => [
-          typeof l.leftIcon == "string" ? (r(), d(m(u), {
-            key: 0,
-            name: l.leftIcon,
-            class: b([h.value])
-          }, null, 8, ["name", "class"])) : l.leftIcon ? (r(), d(V(l.leftIcon), {
-            key: 1,
-            class: b([h.value])
-          }, null, 8, ["class"])) : s("v-if", !0)
-        ], !0),
-        N.value ? C(l.$slots, "icon", { key: 0 }, () => [
-          typeof l.icon == "string" ? (r(), d(m(u), {
-            key: 0,
-            name: l.icon,
-            class: b([h.value])
-          }, null, 8, ["name", "class"])) : l.icon ? (r(), d(V(l.icon), {
-            key: 1,
-            class: b([h.value])
-          }, null, 8, ["class"])) : s("v-if", !0)
-        ], !0) : s("v-if", !0),
-        C(l.$slots, "default", {}, void 0, !0),
-        f.value ? C(l.$slots, "right-icon", { key: 1 }, () => [
-          typeof l.rightIcon == "string" ? (r(), d(m(u), {
-            key: 0,
-            name: l.rightIcon,
-            class: b([h.value])
-          }, null, 8, ["name", "class"])) : l.rightIcon ? (r(), d(V(l.rightIcon), {
-            key: 1,
-            class: b([h.value])
-          }, null, 8, ["class"])) : s("v-if", !0)
-        ], !0) : s("v-if", !0),
-        S.value ? (r(), g("div", be, [
-          M(m(n), {
-            size: "2em",
-            color: l.color
-          }, null, 8, ["color"])
-        ])) : s("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), J = (c, o) => {
-  const n = c.__vccOpts || c;
-  for (const [u, i] of o)
-    n[u] = i;
-  return n;
-}, L = /* @__PURE__ */ J(ye, [["__scopeId", "data-v-d3a1ed01"]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: L
-}, Symbol.toStringTag, { value: "Module" }));
-function ge({
-  componentName: c,
-  providedId: o
-}) {
-  const n = oe();
-  return a(() => o ?? `${c}-${n}`);
-}
-const he = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, ke = { class: "m-input-wrapper-input" }, Ie = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Be = { key: 0 }, we = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, $e = /* @__PURE__ */ R({
-  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(c, { emit: o }) {
-    const n = c, u = o, i = $(() => Promise.resolve().then(() => ze)), j = $(() => import("./MazIcon-BbvBov5G.mjs")), k = $(() => import("./eye-slash-BoO00xzs.mjs")), I = $(() => import("./eye-f8zAUc30.mjs")), B = $(() => import("./check-BmubdHc_.mjs")), v = A(!1), y = A(!1), w = A(), S = ge({
-      componentName: "MazInput",
-      providedId: n.id
-    });
-    le(() => {
-      var e;
-      n.autoFocus && ((e = w.value) == null || e.focus());
-    });
-    const t = a(() => n.type === "password"), f = a(() => v.value ? "text" : n.type), p = a(() => {
-      if (!n.noBorder) {
-        if (n.error)
-          return "maz-border-danger";
-        if (n.success)
-          return "maz-border-success";
-        if (n.warning)
-          return "maz-border-warning";
-        if (y.value || n.borderActive) {
-          if (n.color === "black")
-            return "maz-border-black";
-          if (n.color === "danger")
-            return "maz-border-danger";
-          if (n.color === "info")
-            return "maz-border-info";
-          if (n.color === "primary")
-            return "maz-border-primary";
-          if (n.color === "secondary")
-            return "maz-border-secondary";
-          if (n.color === "success")
-            return "maz-border-success";
-          if (n.color === "warning")
-            return "maz-border-warning";
-          if (n.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), N = K(), D = a(() => {
-      const { required: e, placeholder: z } = n;
-      if (z)
-        return e ? `${z} *` : z;
-    }), h = a(() => F.value !== void 0 && F.value !== ""), O = H(
-      (e) => {
-        u("update:model-value", e);
-      },
-      typeof n.debounce == "number" ? n.debounce : n.debounceDelay ?? 500
-    );
-    function l(e) {
-      if (n.debounce)
-        return O(e);
-      u("update:model-value", e);
-    }
-    const F = a({
-      get: () => n.modelValue,
-      set: (e) => l(e)
-    }), Q = a(() => (!!n.label || !!n.hint) && (y.value || !!h.value || !!n.placeholder || ["date", "month", "week"].includes(n.type))), W = a(() => !!n.label || !!n.hint);
-    function X() {
-      return !!N["right-icon"] || t.value || !!N["valid-button"] || n.validButton || !!n.rightIcon;
-    }
-    function Z() {
-      return !!N["left-icon"] || !!n.leftIcon;
-    }
-    function x(e) {
-      u("focus", e), y.value = !0;
-    }
-    function _(e) {
-      u("blur", e), y.value = !1;
-    }
-    function ee(e) {
-      return u("change", e);
-    }
-    function ne(e) {
-      return u("input", e);
-    }
-    return (e, z) => (r(), g(
-      "div",
-      {
-        class: b(["m-input", [
-          {
-            "--is-focused": y.value || e.borderActive,
-            "--should-up": Q.value,
-            "--has-label": W.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
-          },
-          n.class,
-          `--${e.color}`,
-          `--${e.size}`
-        ]]),
-        style: Y(e.style)
-      },
-      [
-        P(
-          "div",
-          {
-            class: b(["m-input-wrapper", [
-              e.inputClasses,
-              p.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
-            ]])
-          },
-          [
-            Z() ? (r(), g("div", he, [
-              e.$slots["left-icon"] || e.leftIcon ? C(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (r(), d(m(j), {
-                  key: 0,
-                  name: e.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (r(), d(V(e.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : s("v-if", !0)
-              ], !0) : s("v-if", !0)
-            ])) : s("v-if", !0),
-            P("div", ke, [
-              ae(P("input", G({
-                id: m(S),
-                ref_key: "input",
-                ref: w,
-                "onUpdate:modelValue": z[0] || (z[0] = (T) => F.value = T),
-                type: f.value,
-                name: e.name
-              }, e.$attrs, {
-                inputmode: e.inputmode,
-                placeholder: D.value,
-                "aria-label": e.label || e.placeholder,
-                disabled: e.disabled,
-                readonly: e.readonly,
-                required: e.required,
-                class: "m-input-input"
-              }, re({
-                blur: _,
-                focus: x,
-                change: ee,
-                input: ne
-              }, !0), {
-                onClick: z[1] || (z[1] = (T) => e.$emit("click", T))
-              }), null, 16, Ie), [
-                [ie, F.value]
-              ]),
-              e.label || e.hint ? (r(), g(
-                "span",
-                {
-                  key: 0,
-                  class: b(["m-input-label", [
-                    {
-                      "maz-text-danger-600": e.error,
-                      "maz-text-success-600": e.success,
-                      "maz-text-warning-600": e.warning
-                    }
-                  ]])
-                },
-                [
-                  se(
-                    ue(e.hint || e.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  e.required ? (r(), g("sup", Be, "*")) : s("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : s("v-if", !0)
-            ]),
-            X() ? (r(), g("div", we, [
-              e.$slots["right-icon"] || e.rightIcon ? C(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (r(), d(m(j), {
-                  key: 0,
-                  name: e.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (r(), d(V(e.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : s("v-if", !0)
-              ], !0) : s("v-if", !0),
-              t.value ? (r(), d(m(i), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: z[2] || (z[2] = q((T) => v.value = !v.value, ["stop"]))
-              }, {
-                default: E(() => [
-                  v.value ? (r(), d(m(k), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (r(), d(m(I), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : s("v-if", !0),
-              e.$slots["valid-button"] || e.validButton ? C(e.$slots, "valid-button", { key: 2 }, () => [
-                M(m(i), {
-                  color: "transparent",
-                  disabled: e.disabled,
-                  tabindex: "-1",
-                  loading: e.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: E(() => [
-                    M(m(B), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : s("v-if", !0)
-            ])) : s("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Ce = /* @__PURE__ */ J($e, [["__scopeId", "data-v-c42aaa7f"]]), Se = /* @__PURE__ */ R({
-  inheritAttrs: !1,
-  __name: "MazInputNumber",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    max: { default: Number.POSITIVE_INFINITY },
-    min: { default: Number.NEGATIVE_INFINITY },
-    step: { default: 1 },
-    size: { default: "md" },
-    noButtons: { type: Boolean, default: !1 },
-    textCenter: { type: Boolean, default: !0 },
-    inputmode: { default: "numeric" },
-    block: { type: Boolean },
-    error: { type: Boolean },
-    hint: {},
-    success: { type: Boolean },
-    warning: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(c, { emit: o }) {
-    const n = c, u = o, i = a({
-      get: () => n.modelValue,
-      set: (t) => B(t)
-    });
-    function j(t) {
-      return Math.round(t / n.step) * n.step;
-    }
-    function k(t) {
-      if (typeof t == "number")
-        return t <= n.min ? n.min : t >= n.max ? n.max : j(t);
-    }
-    const I = H((t) => B(t), 300);
-    function B(t) {
-      t = k(t), i.value !== t && u("update:model-value", t);
-    }
-    B(i.value);
-    const v = a(() => n.modelValue && n.modelValue >= n.max), y = a(() => n.modelValue && n.modelValue <= n.min);
-    function w() {
-      if (!(n.disabled || v.value)) {
-        if ((i.value === void 0 || i.value === null) && Number.isFinite(n.min)) {
-          i.value = n.min;
-          return;
-        }
-        i.value = (i.value ?? 0) + 1 * n.step;
-      }
-    }
-    function S() {
-      if (!(n.disabled || y.value)) {
-        if ((i.value === void 0 || i.value === null) && Number.isFinite(n.min)) {
-          i.value = n.min;
-          return;
-        }
-        i.value = (i.value ?? 0) - 1 * n.step;
-      }
-    }
-    return (t, f) => (r(), g(
-      "div",
-      {
-        class: b(["m-input-number", [`m-input-number--${t.size}`, n.class, { "--block": t.block }]]),
-        style: Y(t.style)
-      },
-      [
-        t.noButtons ? s("v-if", !0) : (r(), d(L, {
-          key: 0,
-          color: "transparent",
-          size: t.size,
-          tabindex: "-1",
-          class: "m-input-number__button m-input-number__decrement-button",
-          disabled: y.value || t.disabled,
-          onClick: S
-        }, {
-          default: E(() => [
-            M(m(me), { class: "m-input-number__button__icon" })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["size", "disabled"])),
-        M(Ce, G({
-          "model-value": i.value,
-          type: "number",
-          class: ["m-input-number__input", { "--no-buttons": t.noButtons, "--text-center": t.textCenter }],
-          disabled: t.disabled,
-          min: t.min,
-          max: t.max,
-          step: t.step,
-          error: t.error,
-          success: t.success,
-          warning: t.warning,
-          hint: t.hint
-        }, t.$attrs, {
-          inputmode: t.inputmode,
-          size: t.size,
-          block: "",
-          onKeydown: [
-            U(q(w, ["prevent"]), ["up"]),
-            U(q(S, ["prevent"]), ["down"])
-          ],
-          onFocus: f[0] || (f[0] = (p) => t.$emit("focus", p)),
-          onChange: f[1] || (f[1] = (p) => t.$emit("change", p)),
-          onBlur: f[2] || (f[2] = (p) => t.$emit("blur", p)),
-          onClick: f[3] || (f[3] = (p) => t.$emit("click", p)),
-          "onUpdate:modelValue": f[4] || (f[4] = (p) => m(I)(p))
-        }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "error", "success", "warning", "hint", "inputmode", "size", "onKeydown"]),
-        t.noButtons ? s("v-if", !0) : (r(), d(L, {
-          key: 1,
-          color: "transparent",
-          "no-shadow": "",
-          tabindex: "-1",
-          size: t.size,
-          class: "m-input-number__button m-input-number__increment-button",
-          disabled: v.value || t.disabled,
-          onClick: w
-        }, {
-          default: E(() => [
-            M(m(ve), { class: "m-input-number__button__icon" })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["size", "disabled"]))
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-});
-export {
-  J as _,
-  Se as a
-};