maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazInputPrice-cd348d46.mjs

@@ -0,0 +1,392 @@
+import "../assets/MazInputPrice.css";
+import { computed as u, defineComponent as E, defineAsyncComponent as g, ref as k, getCurrentInstance as Q, onMounted as W, useSlots as X, openBlock as f, createElementBlock as h, normalizeClass as $, normalizeStyle as Z, createElementVNode as z, renderSlot as x, createVNode as I, unref as v, createCommentVNode as y, withDirectives as _, mergeProps as M, toHandlers as ee, vModelDynamic as te, createTextVNode as re, toDisplayString as ae, createBlock as B, withModifiers as ne, withCtx as C, nextTick as le, onBeforeMount as oe } from "vue";
+const ie = {
+  style: "currency",
+  minimumFractionDigits: 2,
+  round: !1
+}, ue = (e, l, r) => {
+  let i = Number(e);
+  return r.round && (i = Math.floor(i), r.minimumFractionDigits = 0), new Intl.NumberFormat(l, r).format(i);
+}, se = (e, l, r) => {
+  if (e === void 0)
+    throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
+  if (l === void 0)
+    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");
+  if (typeof l != "string")
+    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");
+  if (r.currency === void 0)
+    throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
+}, de = (e, l, r) => {
+  const i = {
+    ...ie,
+    ...r
+  };
+  se(e, l, i);
+  try {
+    return ue(e, l, i);
+  } catch (c) {
+    throw new Error(`[maz-ui](FilterCurrency) ${c}`);
+  }
+};
+function ce(e, l) {
+  let r;
+  return function(...i) {
+    clearTimeout(r), r = setTimeout(() => {
+      e.apply(this, i);
+    }, l);
+  };
+}
+const me = ({
+  componentName: e,
+  instance: l,
+  providedId: r
+}) => u(() => r ?? `${e}-${l == null ? void 0 : l.uid}`), fe = {
+  key: 0,
+  class: "m-input-wrapper-left"
+}, ye = { class: "m-input-wrapper-input" }, ve = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"], pe = { key: 0 }, be = {
+  key: 1,
+  class: "m-input-wrapper-right"
+}, ge = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "MazInput",
+  props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    label: { type: String, default: void 0 },
+    name: { type: String, default: "input" },
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => [
+        "text",
+        "date",
+        "number",
+        "tel",
+        "search",
+        "url",
+        "password",
+        "month",
+        "time",
+        "week",
+        "email"
+      ].includes(e)
+    },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    id: { type: String, default: void 0 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    hint: { type: String, default: void 0 },
+    inputClasses: { type: String, default: void 0 },
+    noBorder: { type: Boolean, default: !1 },
+    noRadius: { type: Boolean, default: !1 },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    debounce: { type: Boolean, default: !1 },
+    debounceDelay: { type: Number, 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, default: void 0 },
+    rightIcon: { type: String, default: void 0 }
+  },
+  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
+  setup(e, { emit: l }) {
+    const r = g(() => import("./MazBtn-571454f6.mjs")), i = g(() => import("./MazIcon-52a76873.mjs")), c = g(() => import("./eye-slash-fa42a017.mjs")), V = g(() => import("./eye-dc12ce09.mjs")), S = g(() => import("./check-c9b483c0.mjs")), t = e, s = l, p = k(!1), m = k(!1), o = k(), n = Q(), b = me({
+      componentName: "MazInput",
+      instance: n,
+      providedId: t.id
+    });
+    W(() => {
+      var a;
+      t.autoFocus && ((a = o.value) == null || a.focus());
+    });
+    const P = u(() => t.class), F = u(() => t.type === "password"), q = u(() => p.value ? "text" : t.type), A = u(() => {
+      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 (m.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";
+      }
+    }), N = X(), D = u(() => {
+      const { required: a, placeholder: d } = t;
+      if (d)
+        return a ? `${d} *` : d;
+    }), O = u(() => t.modelValue !== void 0 && t.modelValue !== ""), T = u({
+      get: () => t.modelValue,
+      set: (a) => K(a)
+    }), R = u(() => (!!t.label || !!t.hint) && (m.value || !!O.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), U = u(() => !!t.label || !!t.hint), j = () => !!N["right-icon"] || F.value || !!N["valid-button"] || t.validButton || !!t.rightIcon, L = () => !!N["left-icon"] || !!t.leftIcon, H = (a) => {
+      s("focus", a), m.value = !0;
+    }, Y = (a) => {
+      s("blur", a), m.value = !1;
+    }, G = (a) => s("change", a), J = ce((a) => {
+      s("update:model-value", a);
+    }, t.debounceDelay), K = (a) => {
+      if (t.debounce)
+        return J(a);
+      s("update:model-value", a);
+    };
+    return (a, d) => (f(), h(
+      "div",
+      {
+        class: $(["m-input", [
+          {
+            "--is-focused": m.value || e.borderActive,
+            "--should-up": R.value,
+            "--has-label": U.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
+          },
+          P.value,
+          `--${e.color}`,
+          `--${e.size}`
+        ]]),
+        style: Z(e.style)
+      },
+      [
+        z(
+          "div",
+          {
+            class: $(["m-input-wrapper", [e.inputClasses, A.value, { "maz-rounded": !e.noRadius }]])
+          },
+          [
+            L() ? (f(), h("div", fe, [
+              a.$slots["left-icon"] || e.leftIcon ? x(a.$slots, "left-icon", { key: 0 }, () => [
+                I(v(i), {
+                  name: e.leftIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : y("v-if", !0)
+            ])) : y("v-if", !0),
+            z("div", ye, [
+              _(z("input", M({
+                id: v(b),
+                ref_key: "input",
+                ref: o,
+                "onUpdate:modelValue": d[0] || (d[0] = (w) => T.value = w),
+                type: q.value,
+                name: e.name
+              }, a.$attrs, {
+                placeholder: D.value,
+                "aria-label": e.label || e.placeholder,
+                disabled: e.disabled,
+                readonly: e.readonly,
+                required: e.required,
+                class: "m-input-input"
+              }, ee({
+                blur: Y,
+                focus: H,
+                change: G
+              }, !0), {
+                onClick: d[1] || (d[1] = (w) => a.$emit("click", w))
+              }), null, 16, ve), [
+                [te, T.value]
+              ]),
+              e.label || e.hint ? (f(), h(
+                "span",
+                {
+                  key: 0,
+                  ref: "label",
+                  class: $(["m-input-label", [
+                    {
+                      "maz-text-danger-600": e.error,
+                      "maz-text-success-600": e.success,
+                      "maz-text-warning-600": e.warning
+                    }
+                  ]])
+                },
+                [
+                  re(
+                    ae(e.hint || e.label) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  e.required ? (f(), h("sup", pe, "*")) : y("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : y("v-if", !0)
+            ]),
+            j() ? (f(), h("div", be, [
+              a.$slots["right-icon"] || e.rightIcon ? x(a.$slots, "right-icon", { key: 0 }, () => [
+                I(v(i), {
+                  name: e.rightIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : y("v-if", !0),
+              F.value ? (f(), B(v(r), {
+                key: 1,
+                color: "transparent",
+                tabindex: "-1",
+                size: "mini",
+                onClick: d[2] || (d[2] = ne((w) => p.value = !p.value, ["stop"]))
+              }, {
+                default: C(() => [
+                  p.value ? (f(), B(v(c), {
+                    key: 0,
+                    class: "maz-text-xl maz-text-muted"
+                  })) : (f(), B(v(V), {
+                    key: 1,
+                    class: "maz-text-xl maz-text-muted"
+                  }))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : y("v-if", !0),
+              a.$slots["valid-button"] || e.validButton ? x(a.$slots, "valid-button", { key: 2 }, () => [
+                I(v(r), {
+                  color: "transparent",
+                  disabled: e.disabled,
+                  tabindex: "-1",
+                  loading: e.validButtonLoading,
+                  class: "m-input-valid-button",
+                  size: "mini",
+                  type: "submit"
+                }, {
+                  default: C(() => [
+                    I(v(S), { class: "maz-text-2xl maz-text-normal" })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "loading"])
+              ], !0) : y("v-if", !0)
+            ])) : y("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+const he = (e, l) => {
+  const r = e.__vccOpts || e;
+  for (const [i, c] of l)
+    r[i] = c;
+  return r;
+}, ze = /* @__PURE__ */ he(ge, [["__scopeId", "data-v-32fa5093"]]), we = /* @__PURE__ */ z(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    class: "maz-text-mute maz-ml-1 maz-h-6 maz-w-6"
+  },
+  [
+    /* @__PURE__ */ z("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"
+    })
+  ],
+  -1
+  /* HOISTED */
+), xe = /* @__PURE__ */ E({
+  __name: "MazInputPrice",
+  props: {
+    modelValue: { type: [Number, String], default: void 0 },
+    currency: { type: String, default: "EUR" },
+    locale: { type: String, default: "fr-FR" },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: Number.POSITIVE_INFINITY },
+    noIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["update:model-value", "formatted"],
+  setup(e, { emit: l }) {
+    const r = e, i = l, c = k(!1), V = u(() => s(r.modelValue).toString()), S = u(() => {
+      const o = typeof r.modelValue == "string" ? Number(r.modelValue) : r.modelValue;
+      return s(o);
+    }), t = u(
+      () => de(S.value, r.locale, { currency: r.currency })
+    ), s = (o) => {
+      let n = typeof o == "string" ? Number.parseFloat(
+        // eslint-disable-next-line no-useless-escape
+        o.replace(",", ".").replaceAll(/[^\d.]/g, "")
+      ) : o;
+      return (!n || Number.isNaN(n)) && (n = 0), n < r.min && (n = r.min), n > r.max && (n = r.max), n;
+    }, p = u({
+      get: () => {
+        if (c.value)
+          return V.value;
+        if (typeof r.modelValue == "number")
+          return t.value;
+      },
+      set: (o) => {
+        if (Number.isNaN(o))
+          m();
+        else {
+          const n = s(o);
+          m(n);
+        }
+      }
+    }), m = async (o) => {
+      const n = typeof o == "number" ? s(o) : void 0;
+      i("update:model-value", n), await le(), i("formatted", t.value);
+    };
+    return oe(() => {
+      m(s(r.modelValue));
+    }), (o, n) => (f(), B(ze, M({
+      modelValue: p.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (b) => p.value = b),
+      class: "maz-input-price"
+    }, o.$attrs, {
+      onFocus: n[1] || (n[1] = (b) => c.value = !0),
+      onBlur: n[2] || (n[2] = (b) => c.value = !1)
+    }), {
+      "left-icon": C(() => [
+        e.noIcon ? y("v-if", !0) : x(o.$slots, "left-icon", { key: 0 }, () => [
+          we
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["modelValue"]));
+  }
+});
+export {
+  he as _,
+  xe as a
+};