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

package/components/chunks/MazInputNumber-OY_UqCMs.mjs

@@ -0,0 +1,593 @@
+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-DJ2t85tY.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-5aedac30"]]), 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
+};

package/components/chunks/{MazInputPrice-Y6lalrWq.mjs → MazInputPrice-DvVAZa12.mjs}

@@ -113,7 +113,7 @@ const be = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(l, { emit: r }) {
-    const t = l, n = r, d = z(() => import("./MazBtn-DgmsRNq_.mjs")), b = z(() => import("./MazIcon-BDGxCy9M.mjs")), C = z(() => import("./eye-slash-BoO00xzs.mjs")), I = z(() => import("./eye-f8zAUc30.mjs")), k = z(() => import("./check-BmubdHc_.mjs")), p = w(!1), y = w(!1), h = w(), E = ve({
+    const t = l, n = r, d = z(() => import("./MazBtn-BV212IYv.mjs")), b = z(() => import("./MazIcon-BbvBov5G.mjs")), C = z(() => import("./eye-slash-BoO00xzs.mjs")), I = z(() => import("./eye-f8zAUc30.mjs")), k = z(() => import("./check-BmubdHc_.mjs")), p = w(!1), y = w(!1), h = w(), E = ve({
       componentName: "MazInput",
       providedId: t.id
     });