maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/components/MazSpinner.js

@@ -1,28 +0,0 @@
-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

@@ -1,160 +0,0 @@
-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

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

package/dist/components/MazTable.js

@@ -1,8 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

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

package/dist/components/MazTabsBar.js

@@ -1,138 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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

@@ -1,175 +0,0 @@
-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
-};