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

package/dist/chunks/MazTable.vue_vue_type_style_index_0_scoped_4101f1d3_lang.DUP8S_W0.js

@@ -1,533 +0,0 @@
-import { defineComponent as Ne, useCssVars as we, defineAsyncComponent as m, computed as d, toRefs as Le, provide as Me, ref as k, watch as E, useSlots as Te, onBeforeMount as Oe, openBlock as s, createElementBlock as p, normalizeClass as g, renderSlot as v, createElementVNode as h, toDisplayString as y, createCommentVNode as r, createBlock as S, unref as t, createVNode as i, normalizeStyle as le, createTextVNode as I, withCtx as c, Fragment as q, renderList as Y } from "vue";
-import '../assets/MazTable.D06R_2nI.css';const Ee = {
-  key: 0,
-  class: "m-table-header"
-}, Re = {
-  key: 0,
-  class: "m-table-spacer"
-}, Ke = { class: "m-table-header-title" }, De = {
-  key: 1,
-  class: "m-table-header-search"
-}, Fe = { key: 0 }, He = { key: 1 }, Ue = {
-  key: 0,
-  class: "m-table-sort-icon-wrapper"
-}, Qe = { class: "maz-text-center maz-text-muted" }, qe = {
-  key: 1,
-  class: "m-table-footer"
-}, Ye = {
-  key: 0,
-  class: "m-table-footer-pagination"
-}, je = { class: "m-table-footer-pagination-items-per-page" }, Ge = { class: "maz-hidden maz-text-sm tab-s:maz-block" }, Je = {
-  key: 0,
-  class: "maz-whitespace-nowrap maz-text-sm"
-}, We = { class: "m-table-footer-pagination-buttons" }, Xe = "maz-table", _e = /* @__PURE__ */ Ne({
-  __name: "MazTable",
-  props: {
-    tableClass: { default: void 0 },
-    tableStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    modelValue: { default: void 0 },
-    size: { default: "md" },
-    inputSize: {},
-    title: { default: void 0 },
-    headers: { default: void 0 },
-    sortable: { type: Boolean },
-    headersAlign: { default: "left" },
-    rows: { default: void 0 },
-    hoverable: { type: Boolean },
-    search: { type: Boolean },
-    noSearchInRow: { type: Boolean },
-    searchPlaceholder: { default: "Search" },
-    noSearchBy: { type: Boolean },
-    searchByPlaceholder: { default: "Search by" },
-    searchByAllLabel: { default: "All" },
-    searchQuery: { default: void 0 },
-    backgroundOdd: { type: Boolean },
-    backgroundEven: { type: Boolean },
-    elevation: { type: Boolean },
-    divider: { type: Boolean },
-    caption: { default: void 0 },
-    captionSide: { default: "bottom" },
-    pagination: { type: Boolean },
-    page: { default: 1 },
-    pageSize: { default: 20 },
-    totalPages: { default: void 0 },
-    paginationAllLabel: { default: "All" },
-    noPaginateRows: { type: Boolean },
-    totalItems: { default: void 0 },
-    loading: { type: Boolean },
-    selectable: { type: Boolean },
-    selectedKey: { default: void 0 },
-    tableLayout: { default: void 0 },
-    color: { default: "primary" },
-    translations: {},
-    roundedSize: { default: "lg" },
-    scrollable: { type: Boolean, default: !1 }
-  },
-  emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
-  setup(ae, { emit: te }) {
-    we((e) => ({
-      "4dfec98a": e.tableLayout,
-      "54e27d62": e.captionSide
-    }));
-    const o = ae, N = te, w = m(() => import("../components/MazBtn.js")), j = m(() => import("../components/MazCheckbox.js")), oe = m(() => import("../components/MazInput.js")), se = m(() => import("../components/MazLoadingBar.js")), G = m(() => import("../components/MazSelect.js")), L = m(() => import("../components/MazTableCell.js")), R = m(() => import("../components/MazTableRow.js")), K = m(() => import("../components/MazTableTitle.js")), ne = m(() => import("./arrow-up.HdMpMK4c.js")), J = m(() => import("./chevron-double-left.C1WkQBYN.js")), W = m(() => import("./chevron-left.njfuF_Vt.js")), ue = m(() => import("./magnifying-glass.6EkSEo-G.js")), re = {
-      noResults: "No results",
-      actionHeader: "Actions",
-      searchByAllLabel: "All",
-      searchByPlaceholder: "Search by",
-      searchPlaceholder: "Search",
-      paginationAllLabel: "All",
-      paginationRowsPerPage: "Rows per page",
-      paginationOf: "of"
-    }, C = d(() => {
-      const { translations: e, searchByAllLabel: a, searchByPlaceholder: l, searchPlaceholder: n, paginationAllLabel: u } = o;
-      return {
-        ...re,
-        ...e,
-        searchByAllLabel: a,
-        searchByPlaceholder: l,
-        searchPlaceholder: n,
-        paginationAllLabel: u
-      };
-    }), ie = d(
-      () => o.divider && !o.backgroundEven && !o.backgroundOdd
-    ), { size: b, hoverable: de, backgroundEven: ce, backgroundOdd: pe } = Le(o);
-    Me(Xe, {
-      size: b,
-      hoverable: de,
-      backgroundEven: ce,
-      backgroundOdd: pe
-    });
-    const D = k(_()), F = d(() => o.selectable || !!o.selectedKey), M = k(o.page);
-    E(
-      () => o.page,
-      (e) => {
-        M.value = e;
-      }
-    );
-    const f = d({
-      get: () => M.value,
-      set: (e) => {
-        M.value = e, N("update:page", e);
-      }
-    }), ve = d(() => [
-      { label: C.value.paginationAllLabel, value: Number.POSITIVE_INFINITY },
-      { label: 5, value: 5 },
-      { label: 10, value: 10 },
-      { label: 20, value: 20 },
-      { label: 50, value: 50 },
-      { label: 100, value: 100 },
-      { label: 200, value: 200 }
-    ]), H = k(o.pageSize);
-    E(
-      () => o.pageSize,
-      (e) => {
-        H.value = e;
-      }
-    );
-    const B = d({
-      get: () => H.value,
-      set: (e) => {
-        H.value = e, N("update:page-size", e);
-      }
-    }), A = d(() => {
-      var e;
-      return o.totalPages ?? (B.value === Number.POSITIVE_INFINITY || !((e = o.rows) != null && e.length)) ? 1 : Math.ceil(o.rows.length / B.value);
-    });
-    function me() {
-      f.value = 1;
-    }
-    function be() {
-      f.value = A.value;
-    }
-    function fe() {
-      f.value = f.value - 1;
-    }
-    function ge() {
-      f.value = f.value + 1;
-    }
-    const X = d(() => {
-      if (!o.pagination || o.noPaginateRows || B.value === Number.POSITIVE_INFINITY)
-        return D.value;
-      const e = (M.value - 1) * B.value, a = e + B.value;
-      return D.value.slice(e, a);
-    });
-    E(
-      () => [o.rows, o.modelValue],
-      () => {
-        D.value = _();
-      }
-    );
-    const $ = k(), z = k(), V = k(Ce()), T = k(), ye = d(() => [
-      { label: o.searchByAllLabel, value: null },
-      ...V.value.map((e) => ({
-        label: e.label,
-        value: e.key
-      }))
-    ]), U = k(o.searchQuery);
-    E(
-      () => o.searchQuery,
-      (e) => {
-        U.value = e;
-      }
-    );
-    const O = d({
-      get: () => U.value,
-      set: (e) => {
-        U.value = e, N("update:search-query", e);
-      }
-    });
-    function ze(e) {
-      return [...e].sort((a, l) => {
-        if ($.value === void 0 || z.value === void 0)
-          return 0;
-        const n = a[V.value[$.value].key], u = l[V.value[$.value].key];
-        return typeof n == "string" && typeof u == "string" ? z.value === "ASC" ? n.localeCompare(u) : u.localeCompare(n) : z.value === "ASC" ? n - u : u - n;
-      });
-    }
-    function he(e) {
-      if (o.noSearchInRow || typeof O.value != "string")
-        return X.value;
-      const a = O.value.toLowerCase();
-      return [...e].filter((l) => T.value ? String(l[T.value]).toLowerCase().includes(a) : Object.values(l).some((n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n).toLowerCase().includes(a) : !1));
-    }
-    const P = d(() => {
-      const e = he(X.value);
-      return ze(e);
-    }), Se = Te(), Z = d(() => o.search || !!o.title || !!Se.title), ke = d(() => o.pagination);
-    function Ce() {
-      var e;
-      return ((e = o.headers) == null ? void 0 : e.map(
-        (a) => typeof a == "string" ? { label: a, align: o.headersAlign } : { align: o.headersAlign, thHeaders: a.headers, ...a }
-      )) ?? [];
-    }
-    function _() {
-      var e;
-      return ((e = o.rows) == null ? void 0 : e.map((a) => {
-        var l;
-        return {
-          selected: (l = o.modelValue) == null ? void 0 : l.includes(o.selectedKey ? a[o.selectedKey] : a),
-          ...a
-        };
-      })) ?? [];
-    }
-    function Be(e) {
-      if (e === $.value) {
-        const a = z.value === "DESC" ? "ASC" : void 0;
-        z.value = z.value === void 0 ? "DESC" : a;
-      } else
-        z.value = "DESC";
-      $.value = z.value === void 0 ? void 0 : e;
-    }
-    const x = d({
-      get: () => P.value.every((e) => e.selected) ?? !1,
-      set: Ve
-    });
-    function Ve(e) {
-      for (const a of P.value)
-        a.selected = e;
-      Q();
-    }
-    function Pe(e, a) {
-      P.value[a].selected = e, Q();
-    }
-    function Q(e) {
-      e = e ?? ee();
-      const a = e != null && e.length ? e : void 0;
-      N("update:model-value", a);
-    }
-    function ee() {
-      return P.value.filter((e) => e.selected).map((e) => o.selectedKey ? e[o.selectedKey] : e);
-    }
-    return Oe(() => {
-      const e = ee();
-      e != null && e.length && Q(e);
-    }), (e, a) => (s(), p("div", {
-      class: g(["m-table m-reset-css", { "--has-header": Z.value }])
-    }, [
-      Z.value ? (s(), p("div", Ee, [
-        e.title || e.$slots.title ? (s(), p("div", Re, [
-          v(e.$slots, "title", {}, () => [
-            h("span", Ke, y(e.title), 1)
-          ], !0)
-        ])) : r("", !0),
-        e.search ? (s(), p("div", De, [
-          e.noSearchBy ? r("", !0) : (s(), S(t(G), {
-            key: 0,
-            modelValue: T.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => T.value = l),
-            "rounded-size": e.roundedSize,
-            color: e.color,
-            style: { width: "8rem" },
-            placeholder: C.value.searchByPlaceholder,
-            size: e.inputSize ?? t(b),
-            options: ye.value
-          }, null, 8, ["modelValue", "rounded-size", "color", "placeholder", "size", "options"])),
-          i(t(oe), {
-            modelValue: O.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => O.value = l),
-            size: e.inputSize ?? t(b),
-            "rounded-size": e.roundedSize,
-            color: e.color,
-            debounce: 300,
-            placeholder: C.value.searchPlaceholder,
-            "left-icon": t(ue)
-          }, null, 8, ["modelValue", "size", "rounded-size", "color", "placeholder", "left-icon"])
-        ])) : r("", !0)
-      ])) : r("", !0),
-      h("div", {
-        class: g(["m-table-wrapper", [`--rounded-${e.roundedSize}`, {
-          "--scrollable": e.scrollable
-        }]])
-      }, [
-        h("table", {
-          class: g([{ "--elevation": e.elevation, "--has-layout": e.tableLayout }, e.tableClass]),
-          style: le(e.tableStyle)
-        }, [
-          e.caption || e.$slots.caption ? (s(), p("caption", Fe, [
-            v(e.$slots, "caption", {}, () => [
-              I(y(e.caption), 1)
-            ], !0)
-          ])) : r("", !0),
-          V.value ? (s(), p("thead", He, [
-            v(e.$slots, "thead", {}, () => [
-              i(t(R), { "no-hoverable": "" }, {
-                default: c(() => [
-                  F.value ? (s(), S(t(K), {
-                    key: 0,
-                    align: "left",
-                    class: g([`--${t(b)}`, "m-table-select-column"])
-                  }, {
-                    default: c(() => [
-                      i(t(j), {
-                        modelValue: x.value,
-                        "onUpdate:modelValue": a[2] || (a[2] = (l) => x.value = l),
-                        size: "sm"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : r("", !0),
-                  (s(!0), p(q, null, Y(V.value, (l, n) => (s(), S(t(K), {
-                    key: n,
-                    scope: l.scope,
-                    align: l.align,
-                    rowspan: l.rowspan,
-                    colspan: l.colspan,
-                    headers: l.thHeaders,
-                    style: le({ width: l.width, textAlign: l.align }),
-                    class: g(["maz-group", [
-                      { "--hidden": l.hidden, "--sortable": l.sortable ?? e.sortable },
-                      l.classes,
-                      `--${t(b)}`
-                    ]]),
-                    onClick: (u) => (l.sortable ?? e.sortable) && Be(n)
-                  }, {
-                    default: c(() => [
-                      h("span", {
-                        class: g({ "maz-sr-only": l.srOnly })
-                      }, [
-                        v(e.$slots, "header", {
-                          header: l,
-                          label: l.label
-                        }, () => [
-                          v(e.$slots, `header-label-${l.key}`, {
-                            header: l,
-                            label: l.label
-                          }, () => [
-                            I(y(l.label), 1)
-                          ], !0),
-                          l.sortable ?? e.sortable ? (s(), p("div", Ue, [
-                            i(t(ne), {
-                              class: g(["m-table-sort-icon maz-hidden group-hover:maz-block", {
-                                "--sorted": n === $.value,
-                                "--up": z.value === "DESC",
-                                "--down": z.value === "ASC"
-                              }])
-                            }, null, 8, ["class"])
-                          ])) : r("", !0)
-                        ], !0)
-                      ], 2)
-                    ]),
-                    _: 2
-                  }, 1032, ["scope", "align", "rowspan", "colspan", "headers", "style", "class", "onClick"]))), 128)),
-                  e.$slots.actions ? (s(), S(t(K), {
-                    key: 1,
-                    align: "left",
-                    class: g(`--${t(b)}`)
-                  }, {
-                    default: c(() => [
-                      v(e.$slots, "actions-header", {}, () => [
-                        I(y(C.value.actionHeader), 1)
-                      ], !0)
-                    ]),
-                    _: 3
-                  }, 8, ["class"])) : r("", !0)
-                ]),
-                _: 3
-              })
-            ], !0)
-          ])) : r("", !0),
-          e.loading ? (s(), S(t(se), {
-            key: 2,
-            color: e.color,
-            class: "!maz-absolute"
-          }, null, 8, ["color"])) : r("", !0),
-          h("tbody", {
-            class: g({ "--divider": ie.value })
-          }, [
-            v(e.$slots, "default", {}, () => [
-              P.value.length > 0 ? (s(!0), p(q, { key: 0 }, Y(P.value, (l, n) => (s(), S(t(R), {
-                key: n,
-                class: g(l.classes),
-                onClick: (u) => l.action && l.action(l)
-              }, {
-                default: c(() => [
-                  F.value ? (s(), S(t(L), {
-                    key: 0,
-                    class: "m-table-select-column"
-                  }, {
-                    default: c(() => [
-                      v(e.$slots, "select", {
-                        row: l,
-                        selected: l.selected
-                      }, () => [
-                        i(t(j), {
-                          size: "sm",
-                          "model-value": l.selected,
-                          "onUpdate:modelValue": (u) => Pe(u, n)
-                        }, null, 8, ["model-value", "onUpdate:modelValue"])
-                      ], !0)
-                    ]),
-                    _: 2
-                  }, 1024)) : r("", !0),
-                  (s(!0), p(q, null, Y(V.value, ({ key: u, align: $e, classes: Ae }, Ie) => (s(), S(t(L), {
-                    key: Ie,
-                    align: $e,
-                    class: g(Ae)
-                  }, {
-                    default: c(() => [
-                      u ? v(e.$slots, "cell", {
-                        key: 0,
-                        row: l,
-                        value: l[u]
-                      }, () => [
-                        v(e.$slots, `cell-${u}`, {
-                          row: l,
-                          value: l[u]
-                        }, () => [
-                          I(y(l[u]), 1)
-                        ], !0)
-                      ], !0) : r("", !0)
-                    ]),
-                    _: 2
-                  }, 1032, ["align", "class"]))), 128)),
-                  e.$slots.actions ? (s(), S(t(L), { key: 1 }, {
-                    default: c(() => [
-                      v(e.$slots, "actions", { row: l }, void 0, !0)
-                    ]),
-                    _: 2
-                  }, 1024)) : r("", !0)
-                ]),
-                _: 2
-              }, 1032, ["class", "onClick"]))), 128)) : (s(), S(t(R), { key: 1 }, {
-                default: c(() => [
-                  i(t(L), {
-                    colspan: V.value.length + (F.value ? 1 : 0) + (e.$slots.actions ? 1 : 0)
-                  }, {
-                    default: c(() => [
-                      v(e.$slots, "no-results", {}, () => [
-                        h("p", Qe, [
-                          v(e.$slots, "no-results-text", {}, () => [
-                            I(y(C.value.noResults), 1)
-                          ], !0)
-                        ])
-                      ], !0)
-                    ]),
-                    _: 3
-                  }, 8, ["colspan"])
-                ]),
-                _: 3
-              }))
-            ], !0)
-          ], 2)
-        ], 6)
-      ], 2),
-      ke.value ? (s(), p("div", qe, [
-        a[4] || (a[4] = h("div", { class: "m-table-spacer" }, null, -1)),
-        e.pagination ? (s(), p("div", Ye, [
-          h("div", je, [
-            h("span", Ge, y(C.value.paginationRowsPerPage), 1),
-            i(t(G), {
-              modelValue: B.value,
-              "onUpdate:modelValue": a[3] || (a[3] = (l) => B.value = l),
-              options: ve.value,
-              "rounded-size": e.roundedSize,
-              size: e.inputSize ?? t(b),
-              color: e.color,
-              "list-position": "top",
-              style: { width: "5rem" }
-            }, null, 8, ["modelValue", "options", "rounded-size", "size", "color"])
-          ]),
-          A.value ? (s(), p("span", Je, y(f.value) + " - " + y(P.value.length) + " " + y(C.value.paginationOf) + " " + y(A.value), 1)) : r("", !0),
-          h("div", We, [
-            i(t(w), {
-              disabled: f.value === 1,
-              size: e.inputSize ?? t(b),
-              color: "transparent",
-              "rounded-size": e.roundedSize,
-              "no-elevation": "",
-              onClick: me
-            }, {
-              default: c(() => [
-                i(t(J), { class: "maz-text-base" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "size", "rounded-size"]),
-            i(t(w), {
-              disabled: f.value === 1,
-              size: e.inputSize ?? t(b),
-              color: "transparent",
-              "rounded-size": e.roundedSize,
-              "no-elevation": "",
-              onClick: fe
-            }, {
-              default: c(() => [
-                i(t(W), { class: "maz-text-base" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "size", "rounded-size"]),
-            i(t(w), {
-              disabled: f.value === A.value,
-              size: e.inputSize ?? t(b),
-              color: "transparent",
-              "rounded-size": e.roundedSize,
-              "no-elevation": "",
-              onClick: ge
-            }, {
-              default: c(() => [
-                i(t(W), { class: "maz-rotate-180 maz-text-base" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "size", "rounded-size"]),
-            i(t(w), {
-              disabled: f.value === A.value,
-              size: e.inputSize ?? t(b),
-              color: "transparent",
-              "rounded-size": e.roundedSize,
-              "no-elevation": "",
-              onClick: be
-            }, {
-              default: c(() => [
-                i(t(J), { class: "maz-rotate-180 maz-text-base" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "size", "rounded-size"])
-          ])
-        ])) : r("", !0)
-      ])) : r("", !0)
-    ], 2));
-  }
-});
-export {
-  _e as _,
-  Xe as m
-};

package/dist/chunks/MazTabs.vue_vue_type_script_setup_true_lang.DnbfPaVg.js

@@ -1,28 +0,0 @@
-import { defineComponent as n, ref as c, computed as m, provide as p, openBlock as d, createElementBlock as i, renderSlot as _ } from "vue";
-const v = { class: "m-tabs m-reset-css" }, T = /* @__PURE__ */ n({
-  __name: "MazTabs",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:model-value"],
-  setup(a, { emit: s }) {
-    const l = a, r = s, t = c(1), o = m({
-      get: () => l.modelValue ?? t.value,
-      set: (e) => {
-        t.value = e, r("update:model-value", e);
-      }
-    });
-    function u(e) {
-      return o.value = e, e;
-    }
-    return p("maz-tabs", {
-      currentTab: o,
-      updateCurrentTab: u
-    }), (e, f) => (d(), i("div", v, [
-      _(e.$slots, "default")
-    ]));
-  }
-});
-export {
-  T as _
-};

package/dist/chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.BXptx7-v.js

@@ -1,26 +0,0 @@
-import { defineComponent as n, ref as s, watch as l, openBlock as c, createElementBlock as m, normalizeClass as i, renderSlot as f } from "vue";
-import { debounce as u } from "../helpers/debounce.js";
-import { injectStrict as d } from "../helpers/injectStrict.js";
-const z = /* @__PURE__ */ n({
-  __name: "MazTabsContent",
-  setup(p) {
-    const e = s(!1), { currentTab: t } = d("maz-tabs"), o = u(() => {
-      e.value = !1;
-    }, 700);
-    function r() {
-      e.value = !0, o();
-    }
-    return l(
-      () => t.value,
-      () => r(),
-      { immediate: !0 }
-    ), (a, v) => (c(), m("div", {
-      class: i(["m-tabs-content m-reset-css maz-relative", { "maz-overflow-hidden": e.value }])
-    }, [
-      f(a.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  z as _
-};

package/dist/chunks/PhoneInput.BUrcSAlz.js

@@ -1,106 +0,0 @@
-import { defineComponent as B, mergeModels as h, useModel as g, computed as u, ref as P, onMounted as F, openBlock as V, createBlock as I, mergeProps as z, unref as N } from "vue";
-import E from "../components/MazInput.js";
-import { a as M, u as $ } from "./MazInputPhoneNumber.SX--TVUa.js";
-import { injectStrict as C } from "../helpers/injectStrict.js";
-import { _ as L } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/PhoneInput.utJQQXVJ.css';const S = /* @__PURE__ */ B({
-  __name: "PhoneInput",
-  props: /* @__PURE__ */ h({
-    style: {},
-    class: {},
-    placeholder: {},
-    label: {},
-    topLabel: {},
-    assistiveText: {},
-    name: {},
-    color: {},
-    type: {},
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    id: {},
-    error: { type: Boolean },
-    success: { type: Boolean },
-    warning: { type: Boolean },
-    hint: {},
-    inputClasses: {},
-    noBorder: { type: Boolean },
-    noRadius: { type: Boolean },
-    inputmode: {},
-    size: {},
-    debounce: { type: [Boolean, Number] },
-    debounceDelay: {},
-    validButton: { type: Boolean },
-    validButtonLoading: { type: Boolean },
-    autoFocus: { type: Boolean },
-    borderActive: { type: Boolean },
-    leftIcon: { type: [String, Function, Object] },
-    rightIcon: { type: [String, Function, Object] },
-    roundedSize: {},
-    block: { type: Boolean },
-    autocomplete: {},
-    locales: {},
-    noExample: { type: Boolean },
-    hasRadius: { type: Boolean },
-    autoFormat: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const { getPhoneNumberExample: p, getAsYouTypeFormat: m, loadExamples: c } = M(), { sanitizePhoneNumber: y } = $(), { results: n, selectedCountry: s } = C("data"), r = g(l, "modelValue"), v = u(() => {
-      const e = n.value.isValid ? n.value.formatNational : r.value;
-      return m(s.value, e) || e;
-    }), t = P(!1), d = u({
-      get: () => !t.value && l.autoFormat ? v.value : r.value,
-      set: (e) => {
-        r.value = y(e);
-      }
-    });
-    function b(e) {
-      const o = p(e);
-      return o ? `${l.locales.phoneInput.example} ${o}` : void 0;
-    }
-    const i = u(() => {
-      var o;
-      if (l.label || l.placeholder)
-        return l.label || l.placeholder;
-      const e = l.locales.phoneInput.placeholder;
-      if (l.noExample || !t.value)
-        return e;
-      {
-        const a = b(s.value);
-        return (o = n.value) != null && o.isValid || !a ? e : a;
-      }
-    }), f = u(() => l.placeholder ? { placeholder: i.value } : { label: i.value });
-    return F(() => {
-      l.noExample || c();
-    }), (e, o) => (V(), I(E, z({
-      id: e.id,
-      modelValue: d.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => d.value = a)
-    }, { ...e.$attrs, ...f.value }, {
-      disabled: e.disabled,
-      color: e.color,
-      error: e.error,
-      size: e.size,
-      success: e.success,
-      name: e.name,
-      inputmode: e.inputmode,
-      autocomplete: e.autocomplete,
-      class: ["m-phone-input", [
-        {
-          "--border-radius": e.hasRadius,
-          "--error": e.error || !N(n).isValid,
-          "--focused": t.value
-        }
-      ]],
-      onFocus: o[1] || (o[1] = (a) => t.value = !0),
-      onBlur: o[2] || (o[2] = (a) => t.value = !1)
-    }), null, 16, ["id", "modelValue", "disabled", "color", "error", "size", "success", "name", "inputmode", "autocomplete", "class"]));
-  }
-}), A = /* @__PURE__ */ L(S, [["__scopeId", "data-v-f91473ad"]]);
-export {
-  A as default
-};