maz-ui 3.50.0 → 4.0.0-alpha.2

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

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

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

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

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