maz-ui 3.50.0 → 4.0.0-alpha.2

package/dist/components/MazInput.js

@@ -0,0 +1,264 @@
+import { defineComponent as Q, defineAsyncComponent as m, ref as v, onMounted as W, computed as n, useSlots as X, openBlock as o, createElementBlock as u, normalizeClass as p, normalizeStyle as Y, unref as l, toDisplayString as z, createCommentVNode as a, createElementVNode as g, renderSlot as h, createBlock as r, resolveDynamicComponent as C, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, withModifiers as te, withCtx as S, createVNode as V } from "vue";
+import { useInstanceUniqId as oe } from "../composables/useInstanceUniqId.js";
+import { debounce as ae } from "../helpers/debounce.js";
+import { _ as le } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazInput.C5uUOQLJ.css';const ne = ["for"], re = {
+  key: 0,
+  class: "m-input-wrapper-left"
+}, se = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], ie = {
+  key: 1,
+  class: "m-input-wrapper-right"
+}, ue = /* @__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 },
+    topLabel: {},
+    assistiveText: {},
+    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 },
+    autocomplete: {}
+  },
+  emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
+  setup(L, { emit: M }) {
+    const t = L, s = M, k = m(() => import("./MazIcon.js")), I = m(() => import("./MazBtn.js")), D = m(() => import("../chunks/eye-slash.BrQSe1kT.js")), E = m(() => import("../chunks/eye.yaEU50DN.js")), q = m(() => import("../chunks/check.B-gxQRxL.js")), f = v(!1), d = v(!1), w = v(), B = oe({
+      componentName: "MazInput",
+      providedId: t.id
+    });
+    W(() => {
+      var e;
+      t.autoFocus && ((e = w.value) == null || e.focus());
+    });
+    const $ = n(() => t.type === "password"), A = n(() => f.value ? "text" : t.type), F = n(() => {
+      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 (d.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";
+      }
+    }), y = X(), N = ae(
+      (e) => {
+        s("update:model-value", e);
+      },
+      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
+    );
+    function P(e) {
+      if (t.debounce)
+        return N(e);
+      s("update:model-value", e);
+    }
+    const c = n({
+      get: () => t.modelValue,
+      set: (e) => P(e)
+    }), T = n(() => c.value !== void 0 && c.value !== ""), O = n(() => (!!t.label || !!t.hint) && (d.value || !!T.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), R = n(() => !!t.label || !!t.hint);
+    function U() {
+      return !!y["right-icon"] || $.value || !!y["valid-button"] || t.validButton || !!t.rightIcon;
+    }
+    function j() {
+      return !!y["left-icon"] || !!t.leftIcon;
+    }
+    function H(e) {
+      s("focus", e), d.value = !0;
+    }
+    function G(e) {
+      s("blur", e), d.value = !1;
+    }
+    function J(e) {
+      return s("change", e);
+    }
+    function K(e) {
+      return s("input", e);
+    }
+    return (e, i) => (o(), u("div", {
+      class: p(["m-input", [
+        {
+          "--is-focused": d.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}`
+      ]]),
+      style: Y(e.style)
+    }, [
+      e.topLabel ? (o(), u("label", {
+        key: 0,
+        for: l(B),
+        class: "m-input-top-label"
+      }, z(e.topLabel), 9, ne)) : a("", !0),
+      g("div", {
+        class: p(["m-input-wrapper m-reset-css", [
+          e.inputClasses,
+          F.value,
+          e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius },
+          { "--block": e.block }
+        ]])
+      }, [
+        j() ? (o(), u("div", re, [
+          e.$slots["left-icon"] || e.leftIcon ? h(e.$slots, "left-icon", { key: 0 }, () => [
+            typeof e.leftIcon == "string" ? (o(), r(l(k), {
+              key: 0,
+              name: e.leftIcon,
+              class: "maz-text-xl maz-text-muted"
+            }, null, 8, ["name"])) : e.leftIcon ? (o(), r(C(e.leftIcon), {
+              key: 1,
+              class: "maz-text-xl maz-text-muted"
+            })) : a("", !0)
+          ], !0) : a("", !0)
+        ])) : a("", !0),
+        g("div", {
+          class: p(["m-input-wrapper-input", [`--${e.size}`, { "--top-label": !!e.topLabel }]])
+        }, [
+          Z(g("input", x({ id: l(B) }, e.$attrs, {
+            ref_key: "input",
+            ref: w,
+            "onUpdate:modelValue": i[0] || (i[0] = (b) => c.value = b),
+            name: e.name,
+            placeholder: e.placeholder,
+            "aria-label": e.label || e.placeholder,
+            type: A.value,
+            inputmode: e.inputmode,
+            disabled: e.disabled,
+            readonly: e.readonly,
+            autocomplete: e.autocomplete,
+            required: e.required,
+            class: "m-input-input"
+          }, _({
+            blur: G,
+            focus: H,
+            change: J,
+            input: K
+          }, !0), {
+            onClick: i[1] || (i[1] = (b) => e.$emit("click", b))
+          }), null, 16, se), [
+            [ee, c.value]
+          ]),
+          e.label || e.hint ? (o(), u("span", {
+            key: 0,
+            class: p(["m-input-label", [
+              {
+                "maz-text-danger-600": e.error,
+                "maz-text-success-600": e.success,
+                "maz-text-warning-600": e.warning
+              }
+            ]])
+          }, z(e.hint || e.label), 3)) : a("", !0)
+        ], 2),
+        U() ? (o(), u("div", ie, [
+          e.$slots["right-icon"] || e.rightIcon ? h(e.$slots, "right-icon", { key: 0 }, () => [
+            typeof e.rightIcon == "string" ? (o(), r(l(k), {
+              key: 0,
+              name: e.rightIcon,
+              class: "maz-text-xl maz-text-muted"
+            }, null, 8, ["name"])) : e.rightIcon ? (o(), r(C(e.rightIcon), {
+              key: 1,
+              class: "maz-text-xl maz-text-muted"
+            })) : a("", !0)
+          ], !0) : a("", !0),
+          $.value ? (o(), r(l(I), {
+            key: 1,
+            color: "transparent",
+            tabindex: "-1",
+            size: "mini",
+            onClick: i[2] || (i[2] = te((b) => f.value = !f.value, ["stop"]))
+          }, {
+            default: S(() => [
+              f.value ? (o(), r(l(D), {
+                key: 0,
+                class: "maz-text-xl maz-text-muted"
+              })) : (o(), r(l(E), {
+                key: 1,
+                class: "maz-text-xl maz-text-muted"
+              }))
+            ]),
+            _: 1
+          })) : a("", !0),
+          e.$slots["valid-button"] || e.validButton ? h(e.$slots, "valid-button", { key: 2 }, () => [
+            V(l(I), {
+              color: "transparent",
+              disabled: e.disabled,
+              tabindex: "-1",
+              loading: e.validButtonLoading,
+              class: "m-input-valid-button",
+              size: "mini",
+              type: "submit"
+            }, {
+              default: S(() => [
+                V(l(q), { class: "maz-text-2xl maz-text-normal" })
+              ]),
+              _: 1
+            }, 8, ["disabled", "loading"])
+          ], !0) : a("", !0)
+        ])) : a("", !0)
+      ], 2),
+      e.assistiveText ? (o(), u("div", {
+        key: 1,
+        class: p(["m-input-bottom-text", [
+          {
+            "maz-text-danger-600": e.error,
+            "maz-text-success-600": e.success,
+            "maz-text-warning-600": e.warning,
+            "maz-text-muted": !e.error && !e.success && !e.warning
+          }
+        ]])
+      }, z(e.assistiveText), 3)) : a("", !0)
+    ], 6));
+  }
+}), ce = /* @__PURE__ */ le(ue, [["__scopeId", "data-v-51071941"]]);
+export {
+  ce as default
+};

package/dist/components/MazInputCode.js

@@ -0,0 +1,145 @@
+import { defineComponent as N, ref as V, watch as M, computed as d, openBlock as p, createElementBlock as f, normalizeClass as m, normalizeStyle as P, createElementVNode as g, Fragment as $, renderList as q, mergeProps as D, toDisplayString as E } from "vue";
+import { _ as F } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazInputCode.C1Mlb3p3.css';const K = ["disabled"], T = { class: "m-input-code__wrapper" }, W = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], j = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "MazInputCode",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    codeLength: { default: 4 },
+    type: { default: "text" },
+    acceptAlpha: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    color: { default: "primary" },
+    hint: {}
+  },
+  emits: ["update:model-value", "completed"],
+  setup(b, { emit: z }) {
+    const a = b, v = z, i = V([]), r = V(/* @__PURE__ */ new Map());
+    M(
+      () => a.modelValue,
+      (e, t) => {
+        e !== t && (r.value = I());
+      },
+      { immediate: !0 }
+    );
+    const c = d({
+      get: () => r.value,
+      set: (e) => {
+        const t = B(e);
+        v("update:model-value", t), (t == null ? void 0 : t.toString().length) === a.codeLength && v("completed");
+      }
+    });
+    function I(e = a.modelValue) {
+      const t = /* @__PURE__ */ new Map();
+      for (const o of Array.from({ length: a.codeLength }, (n, l) => l))
+        if (e === void 0)
+          t.set(o + 1, void 0);
+        else {
+          const n = [...e.toString()];
+          t.set(o + 1, n[o]);
+        }
+      return t;
+    }
+    function L(e, t) {
+      var n;
+      const o = h((n = e.target) == null ? void 0 : n.value);
+      c.value = r.value.set(t, o), o && u(t);
+    }
+    function B(e) {
+      const t = [...e.values()].join("");
+      return a.type === "text" ? t : t && !Number.isNaN(Number(t)) ? Number(t) : void 0;
+    }
+    function h(e) {
+      var t;
+      return (t = a.acceptAlpha ? e.match(/^[\w.]$/) : e.match(/\d+/g)) == null ? void 0 : t.toString();
+    }
+    function A(e, t) {
+      const o = r.value.get(t);
+      if (e.key === "ArrowRight" && u(t), e.key === "ArrowLeft" && u(t - 2), e.key === "Backspace" && !o) {
+        const n = t - 1 < 0 ? 0 : t - 1;
+        c.value = r.value.set(n, void 0), u(n - 1);
+      }
+    }
+    function _(e) {
+      var n;
+      const t = (n = e.clipboardData) == null ? void 0 : n.getData("text");
+      if (!t)
+        return;
+      const o = Array.from({ length: a.codeLength }, (l, s) => ({
+        index: s + 1,
+        value: [...t.toString()][s] ?? void 0
+      }));
+      for (const { index: l, value: s } of o) {
+        const w = s ? h(s) : void 0;
+        w && r.value.set(l, w);
+      }
+      setTimeout(() => {
+        const l = k(), s = l >= a.codeLength ? a.codeLength - 1 : l;
+        u(s, !1);
+      }, 0);
+    }
+    function k() {
+      return [...r.value.values()].filter(Boolean).length;
+    }
+    function u(e, t = !0) {
+      setTimeout(() => {
+        const o = i.value[e];
+        e + 1 > a.codeLength || !o || (o.focus(), t && y(e));
+      }, 0);
+    }
+    function y(e) {
+      const t = i.value[e];
+      e + 1 > a.codeLength || !t || t.select();
+    }
+    const S = d(() => a.error ? "!maz-border-danger" : a.success ? "!maz-border-success" : a.warning ? "!maz-border-warning" : ""), C = d(() => `var(--maz-color-${a.color})`);
+    return (e, t) => (p(), f("fieldset", {
+      class: m(["m-input-code m-reset-css", [e.size ? `--${e.size}` : void 0, a.class]]),
+      disabled: e.disabled,
+      style: P([e.style, { "--input-border-color": C.value }])
+    }, [
+      g("div", T, [
+        (p(!0), f($, null, q(e.codeLength, (o) => (p(), f("div", {
+          key: o,
+          class: m(["input-wrapper", S.value])
+        }, [
+          g("input", D({
+            ref_for: !0,
+            ref: (n) => {
+              i.value[o - 1] = n;
+            },
+            type: "text",
+            minlength: "1",
+            maxlength: "1",
+            inputmode: e.acceptAlpha ? "text" : "numeric",
+            pattern: e.acceptAlpha ? "[a-zA-Z0-9]{1}" : "[0-9]{1}",
+            autocomplete: "do-not-autofill",
+            required: e.required
+          }, e.$attrs, {
+            value: c.value.get(o),
+            onInput: (n) => L(n, o),
+            onKeydown: (n) => A(n, o),
+            onClick: (n) => y(o - 1),
+            onPaste: _
+          }), null, 16, W)
+        ], 2))), 128))
+      ]),
+      g("span", {
+        class: m(["m-input-code__hint", {
+          "--error": e.error,
+          "--success": e.success,
+          "--warning": e.warning
+        }])
+      }, E(e.hint), 3)
+    ], 14, K));
+  }
+}), Z = /* @__PURE__ */ F(j, [["__scopeId", "data-v-6d631df9"]]);
+export {
+  Z as default
+};

package/dist/components/MazInputNumber.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.BC7pKYyR.js";
+export {
+  f as default
+};

package/dist/components/MazInputPhoneNumber.js

@@ -0,0 +1,5 @@
+import { M as a } from "../chunks/MazInputPhoneNumber.SX--TVUa.js";
+import "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+export {
+  a as default
+};

package/dist/components/MazInputPrice.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.DOtT8uOc.js";
+export {
+  f as default
+};

package/dist/components/MazInputTags.js

@@ -0,0 +1,153 @@
+import { defineComponent as D, defineAsyncComponent as S, ref as d, computed as p, openBlock as c, createElementBlock as g, normalizeClass as A, normalizeStyle as K, createVNode as b, TransitionGroup as L, withCtx as k, Fragment as N, renderList as O, unref as E, withModifiers as G, createTextVNode as H, toDisplayString as P, mergeProps as U, withKeys as B } from "vue";
+import j from "./MazBtn.js";
+import q from "./MazInput.js";
+import { truthyFilter as T } from "../helpers/truthyFilter.js";
+import { _ as J } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazInputTags.eygPFBJC.css';const Q = /* @__PURE__ */ D({
+  inheritAttrs: !1,
+  __name: "MazInputTags",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    placeholder: { default: void 0 },
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    color: { default: "primary" },
+    block: { type: Boolean },
+    addTagsOnBlur: { type: Boolean, default: !0 },
+    hint: {}
+  },
+  emits: ["update:model-value"],
+  setup($, { emit: V }) {
+    const r = $, z = V, h = S(() => import("../chunks/trash.lmwqE3cE.js")), f = d(!1), s = d(), i = d(), t = d(), v = d(), u = p(
+      () => {
+        var e;
+        return (e = r.modelValue) == null ? void 0 : e.map((o) => ({
+          tag: o,
+          // eslint-disable-next-line sonarjs/pseudo-random
+          id: `${Date.now()}-${Math.random().toString(36).slice(2)}`
+        }));
+      }
+    );
+    function y(e) {
+      if (s.value) {
+        t.value = void 0, e.preventDefault();
+        const l = s.value.trim().split(",").map((a) => a.trim() === "," ? void 0 : a.trim()).filter(T).filter(
+          (a) => {
+            var m, n;
+            return !((n = (m = r.modelValue) == null ? void 0 : m.filter(T)) != null && n.some((F) => F === a));
+          }
+        );
+        z(
+          "update:model-value",
+          r.modelValue ? [...r.modelValue, ...l] : [...l]
+        ), s.value = void 0;
+      }
+    }
+    const C = p(() => {
+      if (r.error)
+        return "maz-border-danger";
+      if (r.success)
+        return "maz-border-success";
+      if (r.warning)
+        return "maz-border-warning";
+      if (f.value) {
+        if (r.color === "primary")
+          return "maz-border-primary";
+        if (r.color === "secondary")
+          return "maz-border-secondary";
+        if (r.color === "info")
+          return "maz-border-info";
+        if (r.color === "danger")
+          return "maz-border-danger";
+        if (r.color === "success")
+          return "maz-border-success";
+        if (r.color === "warning")
+          return "maz-border-warning";
+        if (r.color === "black")
+          return "maz-border-black";
+        if (r.color === "white")
+          return "maz-border-white";
+      }
+      return "maz-border-border dark:maz-border-color-lighter";
+    });
+    function M() {
+      var e, o, l;
+      s.value || u.value && ((e = u.value) == null ? void 0 : e.length) === 0 || (v.value && clearTimeout(v.value), t.value ? (w(t.value), t.value = void 0) : (t.value = (l = (o = u.value) == null ? void 0 : o[u.value.length - 1]) == null ? void 0 : l.id, v.value = setTimeout(() => {
+        t.value = void 0;
+      }, 2e3)));
+    }
+    function w(e) {
+      var l;
+      const o = (l = u.value) == null ? void 0 : l.filter((a) => a.id !== e).map((a) => a.tag);
+      z("update:model-value", o);
+    }
+    const I = p(() => r.size === "mini" || r.size === "xs" ? "mini" : r.size === "sm" ? "xs" : r.size === "md" ? "sm" : r.size === "lg" ? "md" : r.size === "xl" ? "lg" : r.size);
+    return (e, o) => (c(), g("div", {
+      class: A(["m-input-tags m-reset-css", [C.value, `--${e.color}`, `--${e.size}`, r.class, { "--block": e.block }]]),
+      style: K(e.style),
+      onFocusCapture: o[4] || (o[4] = (l) => f.value = !0),
+      onBlurCapture: o[5] || (o[5] = (l) => f.value = !1)
+    }, [
+      b(L, { name: "maz-tags" }, {
+        default: k(() => [
+          (c(!0), g(N, null, O(u.value, ({ tag: l, id: a }, m) => (c(), g("div", {
+            key: `tag-${m}`,
+            class: "m-input-tags__wrapper"
+          }, [
+            b(j, {
+              class: "m-input-tags__tag",
+              disabled: e.disabled,
+              size: I.value,
+              color: i.value === a || t.value === a ? "danger" : e.color,
+              "right-icon": i.value === a || t.value === a ? E(h) : void 0,
+              onClick: G((n) => w(a), ["stop"]),
+              onMouseenter: (n) => i.value = a,
+              onFocus: (n) => i.value = a,
+              onMouseleave: o[0] || (o[0] = (n) => i.value = void 0),
+              onBlur: o[1] || (o[1] = (n) => i.value = void 0)
+            }, {
+              default: k(() => [
+                H(P(l), 1)
+              ]),
+              _: 2
+            }, 1032, ["disabled", "size", "color", "right-icon", "onClick", "onMouseenter", "onFocus"])
+          ]))), 128))
+        ]),
+        _: 1
+      }),
+      b(q, U({
+        key: "input-tags",
+        modelValue: s.value,
+        "onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l)
+      }, e.$attrs, {
+        placeholder: e.placeholder,
+        label: e.label,
+        "aria-label": e.label || e.placeholder,
+        error: e.error,
+        hint: e.hint,
+        success: e.success,
+        warning: e.warning,
+        disabled: e.disabled,
+        color: e.color,
+        block: e.block,
+        size: e.size,
+        "no-border": "",
+        class: "m-input-tags__input",
+        onKeydown: [
+          B(y, ["enter"]),
+          B(M, ["delete"])
+        ],
+        onBlur: o[3] || (o[3] = (l) => e.addTagsOnBlur ? y(l) : void 0)
+      }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
+    ], 38));
+  }
+}), x = /* @__PURE__ */ J(Q, [["__scopeId", "data-v-f2e2c63a"]]);
+export {
+  x as default
+};

package/dist/components/MazLazyImg.js

@@ -0,0 +1,68 @@
+import { defineComponent as p, defineAsyncComponent as A, computed as l, withDirectives as g, openBlock as a, createElementBlock as r, normalizeClass as f, normalizeStyle as v, Fragment as y, renderList as b, createElementVNode as h, mergeProps as z, createVNode as B, unref as n, createCommentVNode as O, renderSlot as k } from "vue";
+import { d as L } from "../chunks/lazy-img.directive.Cjz2aiGf.js";
+import { _ as C } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazLazyImg.BvztvWbf.css';const I = ["data-lazy-srcset", "media"], S = ["alt"], $ = {
+  key: 0,
+  class: "m-lazy-img-component-loader"
+}, E = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "MazLazyImg",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    image: { default: void 0 },
+    src: { default: void 0 },
+    alt: { default: void 0 },
+    noPhoto: { type: Boolean },
+    noLoader: { type: Boolean },
+    noObserverOnce: { type: Boolean },
+    loadOnce: { type: Boolean },
+    imageHeightFull: { type: Boolean },
+    observerOptions: { default: void 0 },
+    fallbackSrc: { default: void 0 },
+    imgClass: {},
+    block: { type: Boolean }
+  },
+  emits: ["intersecting", "loading", "loaded", "error"],
+  setup(i) {
+    const t = i, d = A(() => import("./MazSpinner.js")), s = l(() => t.image || t.src), c = l(() => {
+      var e;
+      return typeof s.value == "string" ? [{ srcset: s.value }] : (e = s.value) == null ? void 0 : e.sources;
+    });
+    return (e, P) => g((a(), r("picture", {
+      class: f(["m-lazy-img-component m-reset-css", [{ "--use-loader": !e.noLoader, "--height-full": e.imageHeightFull, "--block": e.block }, t.class]]),
+      style: v(e.style)
+    }, [
+      (a(!0), r(y, null, b(c.value, ({ srcset: o, media: m }, u) => (a(), r("source", {
+        key: u,
+        "data-lazy-srcset": o,
+        media: m
+      }, null, 8, I))), 128)),
+      h("img", z(e.$attrs, {
+        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+        loading: "lazy",
+        alt: e.alt,
+        class: e.imgClass
+      }), null, 16, S),
+      e.noLoader ? O("", !0) : (a(), r("div", $, [
+        B(n(d), { size: "2em" })
+      ])),
+      k(e.$slots, "default", {}, void 0, !0)
+    ], 6)), [
+      [n(L), {
+        noPhoto: e.noPhoto,
+        loadOnce: e.loadOnce,
+        observerOptions: e.observerOptions,
+        fallbackSrc: e.fallbackSrc,
+        observerOnce: !e.noObserverOnce,
+        onIntersecting: (o) => e.$emit("intersecting", o),
+        onLoading: (o) => e.$emit("loading", o),
+        onLoaded: (o) => e.$emit("loaded", o),
+        onError: (o) => e.$emit("error", o)
+      }]
+    ]);
+  }
+}), N = /* @__PURE__ */ C(E, [["__scopeId", "data-v-9b2463ae"]]);
+export {
+  N as default
+};