maz-ui 3.47.1 → 3.47.2-beta.10

package/components/chunks/MazInputNumber-DYPVUz4k.mjs

@@ -1,593 +0,0 @@
-import { openBlock as r, createElementBlock as z, createElementVNode as F, defineComponent as L, defineAsyncComponent as $, useAttrs as ne, useSlots as K, computed as a, createBlock as d, resolveDynamicComponent as V, normalizeClass as b, withCtx as P, createCommentVNode as i, renderSlot as C, unref as c, createVNode as M, useId as oe, ref as A, onMounted as le, normalizeStyle as Y, withDirectives as ae, mergeProps as G, toHandlers as ie, vModelDynamic as re, createTextVNode as se, toDisplayString as ue, withModifiers as q, withKeys as U } from "vue";
-import '../assets/MazInputNumber.css';function H(m, o) {
-  let t;
-  return function(...u) {
-    clearTimeout(t), t = setTimeout(() => {
-      m.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(m, o) {
-  return r(), z("svg", de, o[0] || (o[0] = [
-    F(
-      "path",
-      {
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "1.5",
-        d: "M5 12h14"
-      },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
-}
-const ce = { render: fe }, me = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function pe(m, o) {
-  return r(), z("svg", me, o[0] || (o[0] = [
-    F(
-      "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__ */ L({
-  __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(m) {
-    const o = m, t = $(() => import("./MazSpinner-DH6C15pU.mjs")), u = $(() => import("./MazIcon-BbvBov5G.mjs")), { href: s, to: j } = ne(), k = K(), I = a(() => s ? "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"), n = a(() => !!k["left-icon"] || o.leftIcon), f = a(() => !!k["right-icon"] || o.rightIcon), p = a(() => n.value || f.value), T = a(() => o.icon || !!k.icon), D = a(() => I.value === "button" ? o.type : void 0), g = 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, N) => (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: P(() => [
-        i(`
-      @slot left-icon - The icon to display on the left of the button
-    `),
-        C(l.$slots, "left-icon", {}, () => [
-          typeof l.leftIcon == "string" ? (r(), d(c(u), {
-            key: 0,
-            name: l.leftIcon,
-            class: b([g.value])
-          }, null, 8, ["name", "class"])) : l.leftIcon ? (r(), d(V(l.leftIcon), {
-            key: 1,
-            class: b([g.value])
-          }, null, 8, ["class"])) : i("v-if", !0)
-        ], !0),
-        i(`
-      @slot icon - The icon to display on the fab button
-    `),
-        T.value ? C(l.$slots, "icon", { key: 0 }, () => [
-          typeof l.icon == "string" ? (r(), d(c(u), {
-            key: 0,
-            name: l.icon,
-            class: b([g.value])
-          }, null, 8, ["name", "class"])) : l.icon ? (r(), d(V(l.icon), {
-            key: 1,
-            class: b([g.value])
-          }, null, 8, ["class"])) : i("v-if", !0)
-        ], !0) : i("v-if", !0),
-        i(`
-      @slot default - The content of the button
-    `),
-        C(l.$slots, "default", {}, void 0, !0),
-        i(`
-      @slot left-icon - The icon to display on the left of the button
-    `),
-        f.value ? C(l.$slots, "right-icon", { key: 1 }, () => [
-          typeof l.rightIcon == "string" ? (r(), d(c(u), {
-            key: 0,
-            name: l.rightIcon,
-            class: b([g.value])
-          }, null, 8, ["name", "class"])) : l.rightIcon ? (r(), d(V(l.rightIcon), {
-            key: 1,
-            class: b([g.value])
-          }, null, 8, ["class"])) : i("v-if", !0)
-        ], !0) : i("v-if", !0),
-        S.value ? (r(), z("div", be, [
-          M(c(t), {
-            size: "2em",
-            color: l.color
-          }, null, 8, ["color"])
-        ])) : i("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), J = (m, o) => {
-  const t = m.__vccOpts || m;
-  for (const [u, s] of o)
-    t[u] = s;
-  return t;
-}, R = /* @__PURE__ */ J(ye, [["__scopeId", "data-v-d3a1ed01"]]), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: R
-}, Symbol.toStringTag, { value: "Module" }));
-function ze({
-  componentName: m,
-  providedId: o
-}) {
-  const t = oe();
-  return a(() => o ?? `${m}-${t}`);
-}
-const ge = {
-  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__ */ L({
-  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(m, { emit: o }) {
-    const t = m, u = o, s = $(() => Promise.resolve().then(() => he)), 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 = ze({
-      componentName: "MazInput",
-      providedId: t.id
-    });
-    le(() => {
-      var e;
-      t.autoFocus && ((e = w.value) == null || e.focus());
-    });
-    const n = a(() => t.type === "password"), f = a(() => v.value ? "text" : t.type), p = a(() => {
-      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 (y.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";
-      }
-    }), T = K(), D = a(() => {
-      const { required: e, placeholder: h } = t;
-      if (h)
-        return e ? `${h} *` : h;
-    }), g = a(() => N.value !== void 0 && N.value !== ""), O = H(
-      (e) => {
-        u("update:model-value", e);
-      },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    );
-    function l(e) {
-      if (t.debounce)
-        return O(e);
-      u("update:model-value", e);
-    }
-    const N = a({
-      get: () => t.modelValue,
-      set: (e) => l(e)
-    }), Q = a(() => (!!t.label || !!t.hint) && (y.value || !!g.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), W = a(() => !!t.label || !!t.hint);
-    function X() {
-      return !!T["right-icon"] || n.value || !!T["valid-button"] || t.validButton || !!t.rightIcon;
-    }
-    function Z() {
-      return !!T["left-icon"] || !!t.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 te(e) {
-      return u("input", e);
-    }
-    return (e, h) => (r(), z(
-      "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
-          },
-          t.class,
-          `--${e.color}`,
-          `--${e.size}`
-        ]]),
-        style: Y(e.style)
-      },
-      [
-        F(
-          "div",
-          {
-            class: b(["m-input-wrapper", [
-              e.inputClasses,
-              p.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
-            ]])
-          },
-          [
-            Z() ? (r(), z("div", ge, [
-              i(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              e.$slots["left-icon"] || e.leftIcon ? C(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (r(), d(c(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"
-                })) : i("v-if", !0)
-              ], !0) : i("v-if", !0)
-            ])) : i("v-if", !0),
-            F("div", ke, [
-              ae(F("input", G({
-                id: c(S),
-                ref_key: "input",
-                ref: w,
-                "onUpdate:modelValue": h[0] || (h[0] = (E) => N.value = E),
-                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"
-              }, ie({
-                blur: _,
-                focus: x,
-                change: ee,
-                input: te
-              }, !0), {
-                onClick: h[1] || (h[1] = (E) => e.$emit("click", E))
-              }), null, 16, Ie), [
-                [re, N.value]
-              ]),
-              e.label || e.hint ? (r(), z(
-                "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(), z("sup", Be, "*")) : i("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : i("v-if", !0)
-            ]),
-            X() ? (r(), z("div", we, [
-              i(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              e.$slots["right-icon"] || e.rightIcon ? C(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (r(), d(c(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"
-                })) : i("v-if", !0)
-              ], !0) : i("v-if", !0),
-              n.value ? (r(), d(c(s), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: h[2] || (h[2] = q((E) => v.value = !v.value, ["stop"]))
-              }, {
-                default: P(() => [
-                  v.value ? (r(), d(c(k), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (r(), d(c(I), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : i("v-if", !0),
-              i(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              e.$slots["valid-button"] || e.validButton ? C(e.$slots, "valid-button", { key: 2 }, () => [
-                M(c(s), {
-                  color: "transparent",
-                  disabled: e.disabled,
-                  tabindex: "-1",
-                  loading: e.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: P(() => [
-                    M(c(B), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : i("v-if", !0)
-            ])) : i("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Ce = /* @__PURE__ */ J($e, [["__scopeId", "data-v-b3e1e126"]]), Se = /* @__PURE__ */ L({
-  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(m, { emit: o }) {
-    const t = m, u = o, s = a({
-      get: () => t.modelValue,
-      set: (n) => B(n)
-    });
-    function j(n) {
-      return Math.round(n / t.step) * t.step;
-    }
-    function k(n) {
-      if (typeof n == "number")
-        return n <= t.min ? t.min : n >= t.max ? t.max : j(n);
-    }
-    const I = H((n) => B(n), 300);
-    function B(n) {
-      n = k(n), s.value !== n && u("update:model-value", n);
-    }
-    B(s.value);
-    const v = a(() => t.modelValue && t.modelValue >= t.max), y = a(() => t.modelValue && t.modelValue <= t.min);
-    function w() {
-      if (!(t.disabled || v.value)) {
-        if ((s.value === void 0 || s.value === null) && Number.isFinite(t.min)) {
-          s.value = t.min;
-          return;
-        }
-        s.value = (s.value ?? 0) + 1 * t.step;
-      }
-    }
-    function S() {
-      if (!(t.disabled || y.value)) {
-        if ((s.value === void 0 || s.value === null) && Number.isFinite(t.min)) {
-          s.value = t.min;
-          return;
-        }
-        s.value = (s.value ?? 0) - 1 * t.step;
-      }
-    }
-    return (n, f) => (r(), z(
-      "div",
-      {
-        class: b(["m-input-number", [`m-input-number--${n.size}`, t.class, { "--block": n.block }]]),
-        style: Y(n.style)
-      },
-      [
-        n.noButtons ? i("v-if", !0) : (r(), d(R, {
-          key: 0,
-          color: "transparent",
-          size: n.size,
-          tabindex: "-1",
-          class: "m-input-number__button m-input-number__decrement-button",
-          disabled: y.value || n.disabled,
-          onClick: S
-        }, {
-          default: P(() => [
-            M(c(ce), { class: "m-input-number__button__icon" })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["size", "disabled"])),
-        M(Ce, G({
-          "model-value": s.value,
-          type: "number",
-          class: ["m-input-number__input", { "--no-buttons": n.noButtons, "--text-center": n.textCenter }],
-          disabled: n.disabled,
-          min: n.min,
-          max: n.max,
-          step: n.step,
-          error: n.error,
-          success: n.success,
-          warning: n.warning,
-          hint: n.hint
-        }, n.$attrs, {
-          inputmode: n.inputmode,
-          size: n.size,
-          block: "",
-          onKeydown: [
-            U(q(w, ["prevent"]), ["up"]),
-            U(q(S, ["prevent"]), ["down"])
-          ],
-          onFocus: f[0] || (f[0] = (p) => n.$emit("focus", p)),
-          onChange: f[1] || (f[1] = (p) => n.$emit("change", p)),
-          onBlur: f[2] || (f[2] = (p) => n.$emit("blur", p)),
-          onClick: f[3] || (f[3] = (p) => n.$emit("click", p)),
-          "onUpdate:modelValue": f[4] || (f[4] = (p) => c(I)(p))
-        }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "error", "success", "warning", "hint", "inputmode", "size", "onKeydown"]),
-        n.noButtons ? i("v-if", !0) : (r(), d(R, {
-          key: 1,
-          color: "transparent",
-          "no-shadow": "",
-          tabindex: "-1",
-          size: n.size,
-          class: "m-input-number__button m-input-number__increment-button",
-          disabled: v.value || n.disabled,
-          onClick: w
-        }, {
-          default: P(() => [
-            M(c(ve), { class: "m-input-number__button__icon" })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["size", "disabled"]))
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-});
-export {
-  J as _,
-  Se as a
-};