maz-ui 3.50.1 → 4.0.0-alpha.2

package/dist/components/MazSpinner.js

@@ -0,0 +1,28 @@
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
+import { _ as a } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazSpinner.DTuz1RdS.css';const i = ["width", "height"], c = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { default: "2em" },
+    color: { default: "theme" }
+  },
+  setup(l) {
+    return (e, s) => (o(), t("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: r(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, s[0] || (s[0] = [
+      p("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1)
+    ]), 10, i));
+  }
+}), h = /* @__PURE__ */ a(c, [["__scopeId", "data-v-4f7cc2ae"]]);
+export {
+  h as default
+};

package/dist/components/MazStepper.js

@@ -0,0 +1,160 @@
+import { defineComponent as G, defineAsyncComponent as B, computed as S, useSlots as H, ref as J, openBlock as a, createElementBlock as i, normalizeStyle as K, Fragment as f, renderList as Q, normalizeClass as E, createElementVNode as c, createBlock as D, resolveDynamicComponent as N, createCommentVNode as m, renderSlot as _, createTextVNode as b, toDisplayString as y, createVNode as R, withCtx as U } from "vue";
+import X from "./MazExpandAnimation.js";
+import { _ as Y } from "../chunks/MazIcon.vue_vue_type_script_setup_true_lang.CMbhrIdI.js";
+import { _ as Z } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazStepper.BE3Mm9rm.css';const ee = ["id", "disabled", "onClick"], te = { class: "m-stepper__header__wrapper" }, oe = { class: "m-stepper__count --primary" }, se = { class: "m-stepper__count__circle" }, ne = { class: "m-stepper__header__content" }, ae = { class: "m-stepper__title" }, le = {
+  key: 0,
+  class: "m-stepper__subtitle"
+}, re = {
+  key: 0,
+  class: "m-stepper__right"
+}, ie = { class: "m-stepper__content__wrapper" }, ce = /* @__PURE__ */ G({
+  __name: "MazStepper",
+  props: {
+    modelValue: { default: void 0 },
+    steps: { default: void 0 },
+    color: { default: "primary" },
+    disabledNextSteps: { type: Boolean },
+    disabledPreviousSteps: { type: Boolean },
+    autoValidateSteps: { type: Boolean },
+    allStepsOpened: { type: Boolean },
+    allStepsValidated: { type: Boolean },
+    canCloseSteps: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(w, { emit: A }) {
+    const s = w, M = A, P = B(() => import("../chunks/check-circle.DhFkXzgc.js")), W = B(() => import("../chunks/exclamation-circle.D4z1YE7G.js")), j = B(() => import("../chunks/exclamation-triangle.DiZZcE2l.js")), F = S(() => `var(--maz-color-${s.color})`), L = S(() => `var(--maz-color-${s.color}-contrast)`), I = H(), v = S(
+      () => Object.keys(I).filter((t) => t.startsWith("content-")).length
+    ), x = J(1), n = S({
+      get: () => s.modelValue ?? x.value,
+      set: (t) => {
+        x.value = t, M("update:model-value", t);
+      }
+    });
+    function h(t) {
+      return z(t) ? { icon: P, class: "--success" } : V(t) ? { icon: j, class: "--warning" } : g(t) ? { icon: W, class: "--error" } : { class: "--normal" };
+    }
+    function d(t) {
+      var o, e;
+      return (e = (o = s.steps) == null ? void 0 : o[t - 1]) == null ? void 0 : e.icon;
+    }
+    function $(t, o) {
+      var e, l;
+      return (l = (e = s.steps) == null ? void 0 : e[o - 1]) == null ? void 0 : l[t];
+    }
+    function C(t) {
+      n.value === t && s.canCloseSteps ? n.value = 0 : t < 1 ? n.value = 1 : t > v.value ? n.value = v.value : n.value = t;
+    }
+    function k(t, o) {
+      var r, p;
+      const e = t === "titleInfo" ? "title-info" : t, l = Object.keys(I).filter((q) => q.startsWith(`${e}-`)).includes(`${e}-${o}`), u = !!((p = (r = s.steps) == null ? void 0 : r[o - 1]) != null && p[t]);
+      return l || u;
+    }
+    function z(t) {
+      var u, r;
+      const o = (r = (u = s.steps) == null ? void 0 : u[t - 1]) == null ? void 0 : r.success, e = g(t) || V(t), l = s.autoValidateSteps && t < n.value && !e;
+      return o ?? (l || s.allStepsValidated);
+    }
+    function O(t) {
+      var r, p;
+      const o = (p = (r = s.steps) == null ? void 0 : r[t - 1]) == null ? void 0 : p.disabled, e = n.value === t && !s.canCloseSteps, l = s.disabledNextSteps && t > n.value, u = s.disabledPreviousSteps && t < n.value;
+      return o ?? (e || l || u || s.allStepsOpened);
+    }
+    function g(t) {
+      var o, e;
+      return (e = (o = s.steps) == null ? void 0 : o[t - 1]) == null ? void 0 : e.error;
+    }
+    function V(t) {
+      var o, e;
+      return (e = (o = s.steps) == null ? void 0 : o[t - 1]) == null ? void 0 : e.warning;
+    }
+    function T(t) {
+      return t === v.value;
+    }
+    return (t, o) => (a(), i("div", {
+      class: "m-stepper m-reset-css",
+      style: K([{ "--round-step-bg-color": F.value, "--round-step-text-color": L.value }])
+    }, [
+      (a(!0), i(f, null, Q(v.value, (e) => (a(), i(f, { key: e }, [
+        k("title", e) ? (a(), i("button", {
+          key: 0,
+          id: `header-step-${e}`,
+          type: "button",
+          disabled: O(e),
+          class: E(["m-stepper__header", [
+            {
+              "--is-current-step": e === n.value || t.allStepsOpened,
+              "--disabled": e !== n.value && !t.allStepsOpened && O(e)
+            },
+            `${h(e).class}`
+          ]]),
+          onClick: (l) => C(e)
+        }, [
+          c("div", te, [
+            c("span", oe, [
+              c("div", se, [
+                h(e).icon ? (a(), D(N(h(e).icon), {
+                  key: 0,
+                  class: "icon maz-text-xl"
+                })) : m("", !0)
+              ]),
+              _(t.$slots, `icon-${e}`, {}, () => [
+                d(e) ? (a(), i(f, { key: 0 }, [
+                  typeof d(e) == "string" ? (a(), D(Y, {
+                    key: 0,
+                    name: d(e)
+                  }, null, 8, ["name"])) : d(e) ? (a(), D(N(d(e)), { key: 1 })) : m("", !0)
+                ], 64)) : (a(), i(f, { key: 1 }, [
+                  b(y(e), 1)
+                ], 64))
+              ], !0)
+            ]),
+            c("div", ne, [
+              c("span", ae, [
+                _(t.$slots, `title-${e}`, {}, () => [
+                  b(y($("title", e)), 1)
+                ], !0)
+              ]),
+              k("subtitle", e) ? (a(), i("span", le, [
+                _(t.$slots, `subtitle-${e}`, {}, () => [
+                  b(y($("subtitle", e)), 1)
+                ], !0)
+              ])) : m("", !0)
+            ])
+          ]),
+          k("titleInfo", e) ? (a(), i("span", re, [
+            _(t.$slots, `title-info-${e}`, {}, () => [
+              b(y($("titleInfo", e)), 1)
+            ], !0)
+          ])) : m("", !0)
+        ], 10, ee)) : m("", !0),
+        c("div", {
+          class: E(["m-stepper__content", {
+            "--no-border": T(e)
+          }])
+        }, [
+          R(X, {
+            "model-value": t.allStepsOpened || n.value === e,
+            "aria-labelledby": `header-step-${e}`
+          }, {
+            default: U(() => [
+              c("div", ie, [
+                _(t.$slots, `content-${e}`, {
+                  validated: z(e),
+                  error: g(e),
+                  warning: V(e),
+                  nextStep: () => C(e + 1),
+                  previousStep: () => C(e - 1)
+                }, void 0, !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["model-value", "aria-labelledby"])
+        ], 2)
+      ], 64))), 128))
+    ], 4));
+  }
+}), _e = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-7f5eb4dc"]]);
+export {
+  _e as default
+};

package/dist/components/MazSwitch.js

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

package/dist/components/MazTable.js

@@ -0,0 +1,8 @@
+import { _ as a } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.DUP8S_W0.js";
+import { m as _ } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.DUP8S_W0.js";
+import { _ as o } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+const r = /* @__PURE__ */ o(a, [["__scopeId", "data-v-4101f1d3"]]);
+export {
+  r as default,
+  _ as mazTableKey
+};

package/dist/components/MazTableCell.js

@@ -0,0 +1,18 @@
+import { defineComponent as o, openBlock as r, createElementBlock as a, normalizeClass as s, unref as l, renderSlot as c } from "vue";
+import { m } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.DUP8S_W0.js";
+import { injectStrict as n } from "../helpers/injectStrict.js";
+import { _ as p } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazTableCell.BDmda4j7.css';const _ = /* @__PURE__ */ o({
+  __name: "MazTableCell",
+  setup(f) {
+    const { size: e } = n(m);
+    return (t, i) => (r(), a("td", {
+      class: s(["m-table-cell m-reset-css", [`--${l(e)}`]])
+    }, [
+      c(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), C = /* @__PURE__ */ p(_, [["__scopeId", "data-v-214bcf1d"]]);
+export {
+  C as default
+};

package/dist/components/MazTableRow.js

@@ -0,0 +1,25 @@
+import { defineComponent as n, openBlock as s, createElementBlock as l, normalizeClass as c, unref as e, renderSlot as m } from "vue";
+import { m as d } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.DUP8S_W0.js";
+import { injectStrict as p } from "../helpers/injectStrict.js";
+import { _ as b } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazTableRow.Copw9RJN.css';const u = /* @__PURE__ */ n({
+  __name: "MazTableRow",
+  props: {
+    noHoverable: { type: Boolean }
+  },
+  setup(_) {
+    const { hoverable: r, backgroundEven: a, backgroundOdd: t } = p(d);
+    return (o, f) => (s(), l("tr", {
+      class: c(["m-table-row m-reset-css", {
+        "--hoverable": e(r) && !o.noHoverable,
+        "--background-odd": e(t),
+        "--background-even": e(a)
+      }])
+    }, [
+      m(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), z = /* @__PURE__ */ b(u, [["__scopeId", "data-v-73733853"]]);
+export {
+  z as default
+};

package/dist/components/MazTableTitle.js

@@ -0,0 +1,18 @@
+import { defineComponent as o, openBlock as r, createElementBlock as a, normalizeClass as s, unref as l, renderSlot as m } from "vue";
+import { m as c } from "../chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.DUP8S_W0.js";
+import { injectStrict as n } from "../helpers/injectStrict.js";
+import { _ as i } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazTableTitle.Cspgmj1g.css';const p = /* @__PURE__ */ o({
+  __name: "MazTableTitle",
+  setup(_) {
+    const { size: e } = n(c);
+    return (t, f) => (r(), a("th", {
+      class: s(["m-table-title m-reset-css", [`--${l(e)}`]])
+    }, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), T = /* @__PURE__ */ i(p, [["__scopeId", "data-v-b8c8f7ee"]]);
+export {
+  T as default
+};

package/dist/components/MazTabs.js

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

package/dist/components/MazTabsBar.js

@@ -0,0 +1,138 @@
+import { defineComponent as E, defineAsyncComponent as N, ref as c, computed as I, onBeforeMount as V, onMounted as h, watch as W, openBlock as i, createElementBlock as u, normalizeClass as f, createElementVNode as q, normalizeStyle as _, Fragment as H, renderList as O, renderSlot as w, createTextVNode as B, toDisplayString as S, createBlock as U, unref as Q, withCtx as X, createCommentVNode as j } from "vue";
+import { injectStrict as D } from "../helpers/injectStrict.js";
+import { sleep as F } from "../helpers/sleep.js";
+import { _ as G } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazTabsBar.-q3BbMXe.css';const J = ["disabled", "onClick"], K = /* @__PURE__ */ E({
+  __name: "MazTabsBar",
+  props: {
+    items: {},
+    persistent: { type: Boolean },
+    queryParam: { default: "tab" },
+    block: { type: Boolean },
+    noElevation: { type: Boolean },
+    autoScroll: { type: Boolean, default: !0 }
+  },
+  setup(z) {
+    const l = z, k = N(() => import("./MazBadge.js")), { currentTab: o, updateCurrentTab: b } = D("maz-tabs");
+    function L(e) {
+      b(e + 1), l.persistent && $(e + 1);
+    }
+    const p = c(), m = c([]);
+    function g(e) {
+      return o.value === e + 1;
+    }
+    function C({
+      mazBtn: e,
+      index: t
+    }) {
+      m.value[t] = e && "$el" in e ? e.$el : e;
+    }
+    const n = I(
+      () => l.items.map((e) => ({
+        label: typeof e == "string" ? e : e.label,
+        disabled: typeof e == "string" ? !1 : e.disabled ?? !1,
+        badge: typeof e == "string" ? void 0 : e.badge
+      }))
+    ), v = c(), d = c(!1);
+    async function y() {
+      if (!l.autoScroll)
+        return;
+      await F(150);
+      const e = p.value, t = m.value[o.value - 1];
+      if (!e || !t)
+        return;
+      const a = 50;
+      if (t.offsetLeft - a < e.scrollLeft || t.offsetLeft + t.offsetWidth > e.scrollLeft + e.clientWidth) {
+        const M = window.getComputedStyle(e, "padding-left").paddingLeft, R = Number(M.slice(0, -2));
+        e.scrollTo({
+          left: t.offsetLeft - R - a,
+          behavior: d.value ? "smooth" : "instant"
+        });
+      }
+      if (typeof o.value != "number")
+        return;
+      const r = (t == null ? void 0 : t.offsetWidth) ?? 0, s = (t == null ? void 0 : t.offsetHeight) ?? 0, A = (t == null ? void 0 : t.offsetLeft) ?? 0;
+      v.value = {
+        transform: `translateX(${A}px)`,
+        width: `${r}px`,
+        height: `${s}px`
+      }, d.value = !0;
+    }
+    function P(e, t) {
+      return t ? {} : o.value === e + 1 ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
+    }
+    V(() => {
+      (o.value < 1 || o.value > n.value.length) && console.error(
+        `[maz-ui](MazTabsBar) The model-value should be between 1 and ${n.value.length}`
+      );
+    }), h(() => {
+      (l.persistent || o.value) && y();
+    }), W(
+      () => [o.value, n.value],
+      () => {
+        y();
+      }
+    );
+    function T() {
+      const e = new URL(window.location.href);
+      return Number(e.searchParams.get(l.queryParam));
+    }
+    function $(e) {
+      const t = new URL(window.location.href);
+      t.searchParams.set(l.queryParam, String(e)), window.history.replaceState({}, document.title, t.toString());
+    }
+    return h(() => {
+      l.persistent && b(T() || o.value || 1);
+    }), (e, t) => (i(), u("div", {
+      ref_key: "tabsBarRef",
+      ref: p,
+      class: f(["m-tabs-bar m-reset-css", {
+        "--block": e.block,
+        "--elevation": !e.noElevation
+      }])
+    }, [
+      q("div", {
+        class: f(["m-tabs-bar__indicator", { "--animated": d.value }]),
+        style: _([v.value])
+      }, null, 6),
+      (i(!0), u(H, null, O(n.value, (a, r) => (i(), u("button", {
+        key: r,
+        ref_for: !0,
+        ref: (s) => C({ mazBtn: s, index: r }),
+        class: f([{ "--active": g(r), "--disabled": a.disabled }, "m-tabs-bar__item"]),
+        disabled: a.disabled,
+        style: _(P(r, a.disabled)),
+        onClick: (s) => a.disabled ? void 0 : L(r)
+      }, [
+        w(e.$slots, "item", {
+          item: a,
+          active: g(r),
+          index: r
+        }, () => [
+          B(S(a.label) + " ", 1),
+          a.badge ? (i(), U(Q(k), {
+            key: 0,
+            color: a.badge.color,
+            pastel: a.badge.pastel,
+            outline: a.badge.outline,
+            "rounded-size": a.badge.roundedSize,
+            size: a.badge.size ?? "0.7rem",
+            class: "m-tabs-bar__item__badge"
+          }, {
+            default: X(() => [
+              w(e.$slots, "badge-content", {
+                content: a.badge.content
+              }, () => [
+                B(S(a.badge.content), 1)
+              ], !0)
+            ]),
+            _: 2
+          }, 1032, ["color", "pastel", "outline", "rounded-size", "size"])) : j("", !0)
+        ], !0)
+      ], 14, J))), 128))
+    ], 2));
+  }
+}), te = /* @__PURE__ */ G(K, [["__scopeId", "data-v-186ca2f2"]]);
+export {
+  te as default
+};

package/dist/components/MazTabsContent.js

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

package/dist/components/MazTabsContentItem.js

@@ -0,0 +1,40 @@
+import { defineComponent as p, ref as r, watch as f, computed as o, openBlock as d, createBlock as l, Transition as _, withCtx as v, withDirectives as T, createElementVNode as z, renderSlot as C, vShow as I } from "vue";
+import { injectStrict as h } from "../helpers/injectStrict.js";
+import { _ as w } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazTabsContentItem.C0ygFU51.css';const y = /* @__PURE__ */ p({
+  __name: "MazTabsContentItem",
+  props: {
+    tab: { type: Number, required: !0 }
+  },
+  setup(s) {
+    const m = s, a = r("maz-tab-transition"), i = r(), { currentTab: n } = h("maz-tabs");
+    f(
+      () => n.value,
+      (t, e) => {
+        if (typeof t == "number" && typeof e == "number") {
+          const b = e < t;
+          a.value = b ? "maz-tab-transition" : "maz-tab-reverse-transition";
+        }
+      },
+      { immediate: !0 }
+    );
+    const c = o(() => m.tab - 1), u = o(() => n.value - 1 === c.value);
+    return (t, e) => (d(), l(_, { name: a.value }, {
+      default: v(() => [
+        T(z("div", {
+          ref_key: "MazTabsContentItem",
+          ref: i,
+          class: "m-tabs-content-item m-reset-css"
+        }, [
+          C(t.$slots, "default", {}, void 0, !0)
+        ], 512), [
+          [I, u.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), x = /* @__PURE__ */ w(y, [["__scopeId", "data-v-59df8523"]]);
+export {
+  x as default
+};

package/dist/components/MazTextarea.js

@@ -0,0 +1,175 @@
+import '../assets/MazTextarea.QTMu0OQv.css';var $ = Object.defineProperty;
+var I = (r, o, t) => o in r ? $(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var z = (r, o, t) => I(r, typeof o != "symbol" ? o + "" : o, t);
+import { defineComponent as R, ref as w, computed as a, onMounted as N, onBeforeUnmount as U, useSlots as C, openBlock as n, createElementBlock as l, normalizeClass as B, unref as m, normalizeStyle as H, renderSlot as k, createTextVNode as A, toDisplayString as E, createCommentVNode as p, withDirectives as D, createElementVNode as J, mergeProps as j, toHandlers as O, vModelText as P } from "vue";
+import { debounce as _ } from "../helpers/debounce.js";
+import { useInstanceUniqId as G } from "../composables/useInstanceUniqId.js";
+import { _ as K } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+class Q {
+  constructor(o) {
+    z(this, "element");
+    this.element = o, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = _(this.onResize.bind(this), 200), this.connect();
+  }
+  connect() {
+    this.element.addEventListener("focus", this.onFocus), this.element.style.resize = "none", this.element.style.boxSizing = "border-box";
+  }
+  disconnect() {
+    window.removeEventListener("resize", this.onResize), this.element.removeEventListener("input", this.autogrow);
+  }
+  onFocus() {
+    this.autogrow(), this.element.addEventListener("input", this.autogrow), window.addEventListener("resize", this.onResize), this.element.removeEventListener("focus", this.onFocus);
+  }
+  onResize() {
+    this.autogrow();
+  }
+  autogrow() {
+    this.element.style.height = "auto", this.element.style.overflow = "hidden", this.element.style.height = `${this.element.scrollHeight}px`;
+  }
+}
+const W = ["for"], X = ["for"], Y = { key: 1 }, Z = { key: 2 }, x = ["id", "placeholder", "name", "disabled", "required"], ee = {
+  key: 1,
+  class: "m-textarea__append"
+}, te = /* @__PURE__ */ R({
+  inheritAttrs: !1,
+  __name: "MazTextarea",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: "MazTextarea" },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    hint: { default: void 0 },
+    color: { default: "primary" },
+    roundedSize: {},
+    padding: { type: Boolean, default: !0 },
+    transparent: { type: Boolean, default: !1 },
+    border: { type: Boolean, default: !0 },
+    appendJustify: { default: "end" }
+  },
+  emits: ["update:model-value", "input", "focus", "blur", "change"],
+  setup(r, { emit: o }) {
+    const t = r, s = o;
+    let d;
+    const u = G({
+      componentName: "MazTextarea",
+      providedId: t.id
+    }), c = w(), i = w(!1), S = a(() => t.modelValue !== void 0 && t.modelValue !== "");
+    N(() => {
+      c.value && (d = new Q(c.value));
+    }), U(() => {
+      d == null || d.disconnect();
+    });
+    const h = a({
+      get: () => t.modelValue,
+      set: (e) => {
+        s("update:model-value", e), s("input", e);
+      }
+    });
+    function V(e) {
+      s("focus", e), i.value = !0;
+    }
+    function T(e) {
+      s("blur", e), i.value = !1;
+    }
+    function L(e) {
+      s("change", e);
+    }
+    const b = C(), f = a(() => t.label || t.hint || !!b.label), q = a(
+      () => f.value && (i.value || S.value || !!t.placeholder)
+    ), v = a(() => !!b.append), y = a(() => {
+      if (t.error)
+        return "maz-border-danger";
+      if (t.success)
+        return "maz-border-success";
+      if (t.warning)
+        return "maz-border-warning";
+      if (i.value) {
+        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";
+    }), F = a(() => y.value !== "--default-border");
+    return (e, g) => (n(), l("label", {
+      class: B(["m-textarea m-reset-css", [
+        {
+          "--is-disabled": e.disabled,
+          "--has-label": f.value,
+          "--background-transparent": e.transparent,
+          "--padding": e.padding,
+          "--border": e.border,
+          "--has-border-style": F.value
+        },
+        y.value,
+        e.roundedSize ? `--rounded-${e.roundedSize}` : "--rounded",
+        t.class
+      ]]),
+      for: m(u),
+      style: H([e.style, `--append-justify: ${e.appendJustify}`])
+    }, [
+      f.value ? (n(), l("label", {
+        key: 0,
+        for: m(u),
+        class: B(["m-textarea__label", [
+          {
+            "maz-text-danger-600": e.error,
+            "maz-text-success-600": e.success,
+            "maz-text-warning-600": e.warning,
+            "--has-state": e.error || e.warning || e.success,
+            "--should-up": q.value
+          }
+        ]])
+      }, [
+        e.hint ? (n(), l("span", Y, E(e.hint), 1)) : k(e.$slots, "label", { key: 0 }, () => [
+          A(E(e.label), 1)
+        ], !0),
+        e.required ? (n(), l("sup", Z, "*")) : p("", !0)
+      ], 10, X)) : p("", !0),
+      D(J("textarea", j({
+        id: m(u),
+        ref_key: "TextareaElement",
+        ref: c
+      }, e.$attrs, {
+        "onUpdate:modelValue": g[0] || (g[0] = (M) => h.value = M),
+        placeholder: e.placeholder,
+        name: e.name,
+        disabled: e.disabled,
+        required: e.required,
+        class: { "--has-append": v.value }
+      }, O({
+        blur: T,
+        focus: V,
+        change: L
+      }, !0)), null, 16, x), [
+        [P, h.value]
+      ]),
+      v.value ? (n(), l("div", ee, [
+        k(e.$slots, "append", {}, void 0, !0)
+      ])) : p("", !0)
+    ], 14, W));
+  }
+}), le = /* @__PURE__ */ K(te, [["__scopeId", "data-v-179fee42"]]);
+export {
+  le as default
+};