@ozdao/martyrs 0.2.602 → 0.2.604

package/dist/martyrs.es8.js

@@ -0,0 +1,127 @@
+import { ref as f, watch as w, nextTick as c, onMounted as B, createElementBlock as o, openBlock as i, Fragment as C, createElementVNode as m, createVNode as F, normalizeClass as p, renderSlot as k, createBlock as g, createCommentVNode as d, resolveDynamicComponent as E, toDisplayString as b, Transition as I, withCtx as N } from "vue";
+import V from "./martyrs.es50.js";
+/* empty css             */
+import z from "./martyrs.es46.js";
+const D = {
+  key: 2,
+  class: "t-transp mn-r-small"
+}, H = { class: "ws-nowrap" }, S = { class: "w-100 pos-relative" }, T = ["type", "value", "placeholder", "tabindex", "disabled", "autofocus", "name", "id"], M = ["value", "placeholder", "tabindex", "disabled", "name", "id"], P = {
+  key: 4,
+  class: "t-transp mn-l-small"
+}, j = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
+}, q = {
+  __name: "Field",
+  props: {
+    label: null,
+    symbol: null,
+    type: "text",
+    placeholder: "Enter something here",
+    field: null,
+    value: null,
+    validation: !1,
+    disabled: null,
+    tabindex: -1,
+    autofocus: !1,
+    icon: null,
+    // Добавлен пропс для иконки
+    name: null,
+    // Имя поля для автозаполнения
+    id: null
+    // ID поля
+  },
+  emits: ["update:field", "focus", "blur"],
+  setup(e, { emit: $ }) {
+    const s = $, n = e;
+    n.value && s("update:field", n.value);
+    const u = f(null), v = f(null), r = f(!1);
+    function y() {
+      if (!u.value)
+        return;
+      const a = u.value;
+      a.style.height = "";
+      const t = a.scrollHeight;
+      t > 33 ? a.style.height = t + "px" : a.style.height = "";
+    }
+    function h() {
+      n.autofocus && (n.type === "textarea" && u.value ? u.value.focus() : v.value && v.value.focus());
+    }
+    w(() => n.field, () => {
+      n.type === "textarea" && c(y);
+    }), w(() => n.autofocus, (a) => {
+      a && c(h);
+    }), B(() => {
+      c(h), c(y);
+    });
+    const x = f(n.field);
+    return (a, t) => (i(), o(C, null, [
+      m("div", {
+        class: p([[
+          a.$attrs.class,
+          { "bg-fourth-nano": e.validation }
+        ], "field-wrapper flex-center flex-nowrap flex"])
+      }, [
+        a.$slots.icon ? k(a.$slots, "icon", { key: 0 }, void 0, !0) : e.icon ? (i(), g(E(e.icon), {
+          key: 1,
+          class: "i-medium t-transp mn-r-thin"
+        })) : d("", !0),
+        e.label ? (i(), o("div", D, [
+          m("span", H, b(e.label), 1)
+        ])) : d("", !0),
+        m("div", S, [
+          e.type !== "textarea" ? (i(), o("input", {
+            key: 0,
+            ref_key: "input",
+            ref: v,
+            onInput: t[0] || (t[0] = (l) => x.value = s("update:field", l.target.value)),
+            onFocus: t[1] || (t[1] = (l) => s("focus", l)),
+            onBlur: t[2] || (t[2] = (l) => s("blur", l)),
+            type: e.type === "password" && !r.value ? "password" : e.type === "password" ? "text" : e.type,
+            class: "w-100",
+            value: e.field,
+            placeholder: e.placeholder,
+            tabindex: e.tabindex,
+            disabled: e.disabled,
+            autofocus: e.autofocus,
+            name: e.name,
+            id: e.id
+          }, null, 40, T)) : (i(), o("textarea", {
+            key: 1,
+            ref_key: "textarea",
+            ref: u,
+            onInput: t[3] || (t[3] = (l) => x.value = s("update:field", l.target.value)),
+            onFocus: t[4] || (t[4] = (l) => s("focus", l)),
+            onBlur: t[5] || (t[5] = (l) => s("blur", l)),
+            class: "w-100",
+            value: e.field,
+            placeholder: e.placeholder,
+            tabindex: e.tabindex,
+            disabled: e.disabled,
+            name: e.name,
+            id: e.id
+          }, null, 40, M))
+        ]),
+        e.type === "password" ? (i(), g(V, {
+          key: 3,
+          show: !r.value,
+          onClick: t[6] || (t[6] = (l) => r.value = !r.value),
+          class: "i-medium cursor-pointer"
+        }, null, 8, ["show"])) : d("", !0),
+        k(a.$slots, "default", {}, void 0, !0),
+        e.symbol ? (i(), o("div", P, [
+          m("span", null, b(e.symbol), 1)
+        ])) : d("", !0)
+      ], 2),
+      F(I, { name: "fade" }, {
+        default: N(() => [
+          e.validation ? (i(), o("div", j, " * " + b(e.validation.message), 1)) : d("", !0)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}, L = /* @__PURE__ */ z(q, [["__scopeId", "data-v-ba38e654"]]);
+export {
+  L as default
+};

package/dist/martyrs.es81.js

@@ -0,0 +1,32 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+const C = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none"
+}, l = ["fill", "transform"], c = {
+  __name: "IconArrow",
+  props: {
+    fill: {
+      type: String,
+      default: "currentColor"
+    },
+    rotation: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(t) {
+    return (n, a) => (o(), e("svg", C, [
+      r("path", {
+        fill: t.fill,
+        transform: `rotate(${t.rotation}, 24, 24)`,
+        d: "M42.4938 21.6042L29.8525 8.96288C29.568 8.66354 29.2265 8.42416 28.8481 8.25884C28.4696 8.09352 28.062 8.0056 27.649 8.00026C27.2361 7.99492 26.8263 8.07226 26.4437 8.22774C26.0612 8.38322 25.7136 8.61368 25.4214 8.90556C25.1293 9.19743 24.8985 9.54482 24.7427 9.92725C24.5869 10.3097 24.5092 10.7194 24.5142 11.1324C24.5192 11.5453 24.6067 11.953 24.7717 12.3316C24.9367 12.7102 25.1758 13.0519 25.4749 13.3366L32.9475 20.7978H8.09504C7.27418 20.7978 6.48695 21.1238 5.90652 21.7043C5.32608 22.2847 5 23.0719 5 23.8928C5 24.7137 5.32608 25.5009 5.90652 26.0813C6.48695 26.6618 7.27418 26.9878 8.09504 26.9878H32.8784L25.4749 34.4029C24.9186 34.9882 24.6131 35.7677 24.6236 36.5751C24.634 37.3825 24.9596 38.1538 25.5308 38.7245C26.102 39.2952 26.8736 39.6201 27.681 39.6299C28.4884 39.6396 29.2677 39.3334 29.8525 38.7766L42.4938 26.1354C42.7822 25.8487 43.0108 25.5076 43.1664 25.1318C43.3219 24.7561 43.4013 24.3532 43.4 23.9466C43.402 23.921 43.402 23.8953 43.4 23.8698C43.4018 23.8442 43.4018 23.8185 43.4 23.793C43.3997 22.9721 43.0738 22.1849 42.4938 21.6042Z"
+      }, null, 8, l)
+    ]));
+  }
+};
+export {
+  c as default
+};

package/dist/martyrs.es86.js

@@ -0,0 +1,37 @@
+import { createElementBlock as C, openBlock as t, createElementVNode as e } from "vue";
+const n = {
+  width: "17",
+  height: "16",
+  viewBox: "0 0 17 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, o = ["fill"], i = ["fill"], f = ["fill"], s = {
+  __name: "IconInfo",
+  props: {
+    fill: {
+      type: String,
+      default: "currentColor"
+    }
+  },
+  setup(l) {
+    return (c, d) => (t(), C("svg", n, [
+      e("path", {
+        fill: l.fill,
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M8.48828 14.4941C10.2122 14.4941 11.8655 13.8093 13.0845 12.5903C14.3035 11.3713 14.9883 9.71805 14.9883 7.99414C14.9883 6.27023 14.3035 4.61693 13.0845 3.39795C11.8655 2.17896 10.2122 1.49414 8.48828 1.49414C6.76437 1.49414 5.11107 2.17896 3.89209 3.39795C2.6731 4.61693 1.98828 6.27023 1.98828 7.99414C1.98828 9.71805 2.6731 11.3713 3.89209 12.5903C5.11107 13.8093 6.76437 14.4941 8.48828 14.4941ZM14.1451 13.651C12.6448 15.1513 10.61 15.9941 8.48828 15.9941C6.36655 15.9941 4.33172 15.1513 2.83143 13.651C1.33114 12.1507 0.488281 10.1159 0.488281 7.99414C0.488281 5.87241 1.33114 3.83758 2.83143 2.33729C4.33172 0.836995 6.36655 -0.00585938 8.48828 -0.00585938C10.61 -0.00585938 12.6448 0.836995 14.1451 2.33729C15.6454 3.83758 16.4883 5.87241 16.4883 7.99414C16.4883 10.1159 15.6454 12.1507 14.1451 13.651Z"
+      }, null, 8, o),
+      e("path", {
+        fill: l.fill,
+        d: "M7.23828 10.4941H7.98828V8.49414H7.23828C6.82266 8.49414 6.48828 8.15977 6.48828 7.74414C6.48828 7.32852 6.82266 6.99414 7.23828 6.99414H8.73828C9.15391 6.99414 9.48828 7.32852 9.48828 7.74414V10.4941H9.73828C10.1539 10.4941 10.4883 10.8285 10.4883 11.2441C10.4883 11.6598 10.1539 11.9941 9.73828 11.9941H7.23828C6.82266 11.9941 6.48828 11.6598 6.48828 11.2441C6.48828 10.8285 6.82266 10.4941 7.23828 10.4941Z"
+      }, null, 8, i),
+      e("path", {
+        fill: l.fill,
+        d: "M8.48828 3.99414C8.7535 3.99414 9.00785 4.0995 9.19539 4.28703C9.38292 4.47457 9.48828 4.72892 9.48828 4.99414C9.48828 5.25936 9.38292 5.51371 9.19539 5.70125C9.00785 5.88878 8.7535 5.99414 8.48828 5.99414C8.22306 5.99414 7.96871 5.88878 7.78117 5.70125C7.59364 5.51371 7.48828 5.25936 7.48828 4.99414C7.48828 4.72892 7.59364 4.47457 7.78117 4.28703C7.96871 4.0995 8.22306 3.99414 8.48828 3.99414Z"
+      }, null, 8, f)
+    ]));
+  }
+};
+export {
+  s as default
+};

package/dist/martyrs.es89.js

@@ -0,0 +1,37 @@
+import { createElementBlock as c, openBlock as e, createElementVNode as t } from "vue";
+const i = {
+  width: "100pt",
+  height: "100pt",
+  version: "1.1",
+  viewBox: "0 0 100 100",
+  xmlns: "http://www.w3.org/2000/svg"
+}, o = ["fill"], n = ["fill"], s = ["fill"], f = ["fill"], d = {
+  __name: "IconGallery",
+  props: {
+    fill: {
+      type: String,
+      default: "currentColor"
+    }
+  },
+  setup(l) {
+    return (h, r) => (e(), c("svg", i, [
+      t("g", { fill: l.fill }, [
+        t("path", {
+          fill: l.fill,
+          d: "m78.938 3.125h-57.875c-4.1445 0-8.1172 1.6445-11.047 4.5781-2.9336 2.9297-4.5781 6.9023-4.5781 11.047v62.5c0 4.1445 1.6445 8.1172 4.5781 11.047 2.9297 2.9336 6.9023 4.5781 11.047 4.5781h57.875c4.1445 0 8.1172-1.6445 11.047-4.5781 2.9336-2.9297 4.5781-6.9023 4.5781-11.047v-62.5c0-4.1445-1.6445-8.1172-4.5781-11.047-2.9297-2.9336-6.9023-4.5781-11.047-4.5781zm9.375 78.125c0 5.1758-4.1992 9.375-9.375 9.375h-57.875c-5.1758 0-9.375-4.1992-9.375-9.375v-62.5c0-5.1758 4.1992-9.375 9.375-9.375h57.875c5.1758 0 9.375 4.1992 9.375 9.375z"
+        }, null, 8, n),
+        t("path", {
+          fill: l.fill,
+          d: "m65.281 55.406c-1.4336-2.1445-3.8672-3.4062-6.4453-3.3438-2.5781 0.066406-4.9453 1.4453-6.2734 3.6562l-7.8438 13.031c-0.28906 0.53516-0.92969 0.77734-1.5 0.5625l-6.6875-2.2188c-3.2617-1.0352-6.8086 0.24609-8.6562 3.125l-6.9688 10.281c-0.45312 0.70312-0.60547 1.5586-0.42578 2.375 0.18359 0.81641 0.68359 1.5234 1.3945 1.9688 0.51562 0.34766 1.125 0.53125 1.75 0.53125 1.0469-0.003906 2.0195-0.53125 2.5938-1.4062l6.9688-10.438c0.32031-0.47656 0.92188-0.68359 1.4688-0.5l6.6875 2.2188c3.3203 1.0117 6.8984-0.38281 8.6562-3.375l7.8125-13.031c0.23047-0.38672 0.64453-0.62109 1.0938-0.625 0.4375-0.011719 0.84766 0.19922 1.0938 0.5625l13.781 20.688c0.95703 1.4414 2.9023 1.832 4.3438 0.875s1.832-2.9023 0.875-4.3438z"
+        }, null, 8, s),
+        t("path", {
+          fill: l.fill,
+          d: "m81.5 40.781c0 3.3984-2.7578 6.1562-6.1562 6.1562s-6.1562-2.7578-6.1562-6.1562 2.7578-6.1562 6.1562-6.1562 6.1562 2.7578 6.1562 6.1562"
+        }, null, 8, f)
+      ], 8, o)
+    ]));
+  }
+};
+export {
+  d as default
+};

package/dist/martyrs.es9.js

@@ -0,0 +1,396 @@
+import { ref as d, onMounted as ge, computed as y, watch as O, nextTick as x, createElementBlock as m, openBlock as C, Fragment as q, createElementVNode as T, createVNode as be, normalizeStyle as B, normalizeClass as k, withDirectives as M, renderSlot as Se, withKeys as F, createCommentVNode as j, vModelText as Oe, renderList as we, toDisplayString as P, vShow as xe, unref as Ie, vModelDynamic as Te, Transition as ke, withCtx as je } from "vue";
+import Ae from "./martyrs.es48.js";
+import De from "./martyrs.es52.js";
+/* empty css             */
+import { parsePhoneNumber as H } from "./martyrs.es54.js";
+const Ve = ["tabindex"], Be = { class: "flex-nowrap flex flex-v-center p-regular vti__selection" }, Me = ["innerHTML"], Ee = ["placeholder", "disabled", "size"], Fe = ["onClick", "onMousemove"], Pe = ["innerHTML"], He = { key: 1 }, $e = ["type", "autocomplete", "autofocus", "disabled", "id", "maxlength", "name", "placeholder", "readonly", "required", "tabindex"], Le = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin invalid-feedback"
+}, Ke = {
+  __name: "FieldPhone",
+  props: {
+    modelValue: { type: String, default: "" },
+    badClass: { type: [String, Array, Object], default: "" },
+    goodClass: { type: [String, Array, Object], default: "" },
+    badStyle: { type: [String, Array, Object], default: "" },
+    goodStyle: { type: [String, Array, Object], default: "" },
+    badInputClass: { type: [String, Array, Object], default: "" },
+    goodInputClass: { type: [String, Array, Object], default: "" },
+    badInputStyle: { type: [String, Array, Object], default: "" },
+    goodInputStyle: { type: [String, Array, Object], default: "" },
+    allCountries: { type: Array, default: () => De },
+    autoFormat: { type: Boolean, default: !0 },
+    validation: { type: [Boolean, Object], default: !1 },
+    customValidate: { type: [Boolean, RegExp], default: !1 },
+    defaultCountry: { type: String, default: "" },
+    disabled: { type: Boolean, default: !1 },
+    autoDefaultCountry: { type: Boolean, default: !0 },
+    ignoredCountries: { type: Array, default: () => [] },
+    invalidMsg: { type: String, default: "" },
+    mode: { type: String, default: "auto" },
+    onlyCountries: { type: Array, default: () => [] },
+    preferredCountries: { type: Array, default: () => [] },
+    validCharactersOnly: { type: Boolean, default: !1 },
+    rootClass: { type: [String, Array, Object], default: "" },
+    inputClass: { type: [String, Array, Object], default: "" },
+    rootStyle: { type: [String, Array, Object], default: "" },
+    dropdownStyle: { type: [String, Array, Object], default: "" },
+    listStyle: { type: [String, Array, Object], default: "" },
+    inputStyle: { type: [String, Array, Object], default: "" },
+    inputId: { type: [String, Array, Object], default: "" },
+    Placeholder: { type: [String, Object, Function], default: "" },
+    dropdownOptions: {
+      type: Object,
+      default: () => ({
+        showDialCodeInList: !0,
+        showDialCodeInSelection: !1,
+        showFlags: !0,
+        tabindex: 0
+      })
+    },
+    inputOptions: {
+      type: Object,
+      default: () => ({
+        autocomplete: "on",
+        autofocus: !1,
+        id: "",
+        maxlength: 25,
+        name: "telephone",
+        placeholder: "Enter a phone number",
+        readonly: !1,
+        required: !1,
+        tabindex: 0,
+        type: "tel",
+        styleClasses: ""
+      })
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "validate",
+    "country-changed",
+    "open",
+    "close",
+    "blur",
+    "focus",
+    "enter",
+    "space"
+  ],
+  setup(a, { emit: K }) {
+    let W = Ae;
+    const l = a, c = K, o = d(l.modelValue || ""), v = d(""), i = d(""), g = d(""), p = d(!1), G = d(!1), r = d(null), E = d(""), $ = d(null), L = d("below"), R = d(l.Placeholder !== "" ? l.Placeholder : l.inputOptions.placeholder), N = d(null), s = d(null), I = d(null);
+    ge(() => {
+      l.modelValue && (o.value = l.modelValue), ie(), ae().then(() => {
+        !o.value && l.inputOptions?.showDialCode && v.value && (o.value = `+${v.value}`), h.value && l.dropdownOptions.showDialCodeInSelection && (i.value = `+${h.value.dialCode}`), c("validate", u.value);
+      }).catch(console.error).then(() => {
+        G.value = !0;
+      });
+    });
+    const h = y(() => D(v.value)), J = y(() => h.value ? h.value.flag : null), Q = y(() => l.mode === "auto" ? !o.value || o.value[0] !== "+" ? "national" : "international" : ["international", "national"].includes(l.mode) ? l.mode : (console.error('Invalid value of prop "mode"'), "international")), A = y(() => {
+      let e = l.allCountries;
+      if (l.onlyCountries && l.onlyCountries.length ? e = e.filter(
+        ({ iso2: t }) => l.onlyCountries.includes(t.toUpperCase())
+      ) : l.ignoredCountries && l.ignoredCountries.length && (e = e.filter(
+        ({ iso2: t }) => !l.ignoredCountries.includes(t.toUpperCase()) && !l.ignoredCountries.includes(t.toLowerCase())
+      )), g.value) {
+        const t = g.value.replace("+", "");
+        e = e.filter(
+          (n) => n.dialCode.startsWith(t)
+        );
+      }
+      return e;
+    }), b = y(() => [...oe(l.preferredCountries).filter((t) => {
+      if (!g.value) return !0;
+      const n = g.value.replace("+", "");
+      return t.dialCode.startsWith(n);
+    }).map((t) => ({ ...t, preferred: !0 })), ...A.value]), u = y(() => {
+      let e = {};
+      o.value?.[0] === "+" ? e = H(o.value) || {} : e = H(o.value, v.value) || {};
+      const { metadata: t, ...n } = e;
+      let f = e.isValid?.(), w = o.value;
+      return f && (w = e.format?.(Q.value.toUpperCase(), { nationalPrefix: !1 })), e.country && (l.ignoredCountries.length || l.onlyCountries.length) && (D(e.country) || (f = !1, e = { ...e, country: null })), {
+        ...n,
+        countryCode: e.country,
+        valid: f,
+        country: h.value,
+        formatted: w
+      };
+    }), X = y(() => u.value.valid === !0 ? l.goodClass : u.value.valid === !1 ? l.badClass : void 0), Y = y(() => u.value.valid === !0 ? l.goodStyle : u.value.valid === !1 ? l.badStyle : void 0), Z = y(() => u.value.valid === !0 ? l.goodInputClass : u.value.valid === !1 ? l.badInputClass : void 0), _ = y(() => u.value.valid === !0 ? l.goodInputStyle : u.value.valid === !1 ? l.badInputStyle : void 0);
+    O(h, (e, t) => {
+      if (!e && t?.iso2) {
+        v.value = t.iso2;
+        return;
+      }
+      e?.iso2 && (c("country-changed", e), U(), i.value = `+${e.dialCode}`);
+    }), O(() => u.value.countryCode, (e) => {
+      v.value = e;
+    }), O(() => u.value.valid, () => {
+      c("validate", u.value);
+    }), O(() => u.value.formatted, (e) => {
+      !l.autoFormat || l.customValidate || (V(e), x(() => {
+        e && !l.modelValue && (o.value = e);
+      }));
+    }), O(() => l.inputOptions.placeholder, () => {
+      U();
+    }), O(() => l.modelValue, (e, t) => {
+      re() ? o.value = e : x(() => {
+        o.value = t, z();
+      });
+    }), O(p, (e) => {
+      e ? (me(), c("open")) : c("close");
+    });
+    function ee() {
+      i.value.startsWith("+") || (i.value = "+" + i.value.replace(/^\+*/, "")), i.value = i.value.replace(/[^+\d]/g, ""), (i.value.match(/\+/g) || []).length > 1 && (i.value = "+" + i.value.replace(/\+/g, "")), g.value = i.value, p.value = !0;
+      const t = A.value.find(
+        (n) => `+${n.dialCode}` === i.value
+      );
+      t && b.value.length === 1 && S(t);
+    }
+    function te() {
+      setTimeout(() => {
+        !i.value && h.value && (i.value = `+${h.value.dialCode}`);
+      }, 200);
+    }
+    function le() {
+      l.disabled || (p.value = !0);
+    }
+    function ne(e, t) {
+      if (e.setSelectionRange)
+        e.focus(), e.setSelectionRange(t, t);
+      else if (e.createTextRange) {
+        const n = e.createTextRange();
+        n.collapse(!0), n.moveEnd("character", t), n.moveStart("character", t), n.select();
+      }
+    }
+    function U() {
+      R.value = l.inputOptions.placeholder;
+    }
+    function ae() {
+      return new Promise((e) => {
+        if (o.value?.[0] === "+") {
+          e();
+          return;
+        }
+        if (l.defaultCountry) {
+          S(l.defaultCountry), e();
+          return;
+        }
+        const t = l.preferredCountries[0] || A.value[0];
+        l.autoDefaultCountry ? fetch("https://ip2c.org/s").then((n) => n.text()).then((n) => {
+          const f = (n || "").toString();
+          if (!f || f[0] !== "1")
+            throw new Error("unable to fetch the country");
+          return f.substr(2, 2);
+        }).then((n) => {
+          S(n || v.value);
+        }).catch((n) => {
+          console.warn(n), S(t);
+        }).finally(() => {
+          e();
+        }) : (S(t), e());
+      });
+    }
+    function oe(e = []) {
+      return e.map((t) => D(t)).filter(Boolean);
+    }
+    function D(e = "") {
+      return A.value.find((t) => t.iso2 === e.toUpperCase());
+    }
+    function ue(e, t) {
+      const n = r.value === e, f = e === l.preferredCountries.length - 1, w = l.preferredCountries.some((Ce) => Ce.toUpperCase() === t);
+      return { highlighted: n, "last-preferred": f, preferred: w };
+    }
+    function S(e) {
+      let t = typeof e == "string" ? D(e) : e;
+      t && (o.value?.[0] === "+" && t.iso2 && u.value.nationalNumber ? (v.value = t.iso2, o.value = H(
+        u.value.nationalNumber,
+        t.iso2
+      ).formatInternational()) : v.value = t.iso2, i.value = `+${t.dialCode}`, g.value = "", p.value = !1, x(() => {
+        I.value && I.value.focus();
+      }), V(o.value));
+    }
+    function ie() {
+      const e = o.value;
+      if (l.validCharactersOnly) {
+        const t = o.value.match(/[()\-+0-9\s]*/g);
+        o.value = t.join("");
+      }
+      if (l.customValidate && l.customValidate instanceof RegExp) {
+        const t = o.value.match(l.customValidate);
+        o.value = t ? t.join("") : "";
+      }
+      e !== o.value && V(o.value);
+    }
+    function re() {
+      return l.validCharactersOnly && !/^[()\-+0-9\s]*$/.test(o.value) ? !1 : l.customValidate ? se() : !0;
+    }
+    function se() {
+      return l.customValidate instanceof RegExp ? l.customValidate.test(o.value) : !1;
+    }
+    function z() {
+      I.value.setCustomValidity(u.valid ? "" : l.invalidMsg), V(o.value);
+    }
+    function V(e) {
+      c("update:modelValue", e), u.value.valid ? (c("change", u.value.number), c("country", u.value.number)) : c("country", null);
+    }
+    function de() {
+      c("blur");
+    }
+    function ce() {
+      ne(I.value, o.value.length), c("focus");
+    }
+    function fe() {
+      c("enter");
+    }
+    function ve() {
+      c("space");
+    }
+    function pe() {
+      p.value = !1, g.value = "";
+    }
+    function ye(e) {
+      if (e.keyCode === 40)
+        e.preventDefault(), p.value = !0, r.value = r.value === null ? 0 : Math.min(b.value.length - 1, r.value + 1), x(() => {
+          const t = s.value.children[r.value];
+          t.offsetTop + t.clientHeight > s.value.scrollTop + s.value.clientHeight && (s.value.scrollTop = t.offsetTop - s.value.clientHeight + t.clientHeight);
+        });
+      else if (e.keyCode === 38)
+        e.preventDefault(), p.value = !0, r.value = r.value === null ? b.value.length - 1 : Math.max(0, r.value - 1), x(() => {
+          const t = s.value.children[r.value];
+          t.offsetTop < s.value.scrollTop && (s.value.scrollTop = t.offsetTop);
+        });
+      else if (e.keyCode === 13)
+        e.preventDefault(), r.value !== null && S(b.value[r.value]);
+      else {
+        if (e.target.classList.contains("vti__country-code-input")) return;
+        E.value += e.key, clearTimeout($), $ = setTimeout(() => {
+          E.value = "";
+        }, 700), x(() => {
+          const t = b.value.slice(l.preferredCountries.length).findIndex((n) => n.name.toLowerCase().startsWith(E.value));
+          if (t >= 0) {
+            r.value = l.preferredCountries.length + t;
+            const n = s.value.children[r.value];
+            (n.offsetTop < s.value.scrollTop || n.offsetTop + n.clientHeight > s.value.scrollTop + s.value.clientHeight) && (s.value.scrollTop = n.offsetTop - s.value.clientHeight / 2);
+          }
+        });
+      }
+    }
+    function he() {
+      r.value = b.value.map((e) => e.iso2).indexOf(v.value), p.value = !1;
+    }
+    function me() {
+      const t = window.innerHeight - N.value.getBoundingClientRect().bottom > 200;
+      L.value = t ? "below" : "above";
+    }
+    return (e, t) => (C(), m(q, null, [
+      T("div", {
+        class: k([[
+          a.rootClass,
+          X.value,
+          e.$attrs.class,
+          { "bg-fourth-nano": a.validation },
+          { disabled: a.disabled }
+        ], "field-wrapper vue3-reactive-tel-input"]),
+        style: B([a.rootStyle, Y.value]),
+        ref_key: "rootElement",
+        ref: N
+      }, [
+        M((C(), m("div", {
+          class: k([["vti__dropdown", { open: p.value }], "br-black-transp-10 br-1px radius-thin"]),
+          style: B([a.dropdownStyle]),
+          tabindex: a.dropdownOptions.tabindex,
+          onKeydown: F(he, ["esc"])
+        }, [
+          T("span", Be, [
+            a.dropdownOptions.showFlags ? (C(), m("span", {
+              key: 0,
+              innerHTML: J.value,
+              class: "mn-r-nano"
+            }, null, 8, Me)) : j("", !0),
+            a.dropdownOptions.showDialCodeInSelection ? M((C(), m("input", {
+              key: 1,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => i.value = n),
+              onInput: ee,
+              onFocus: le,
+              onBlur: te,
+              onKeydown: ye,
+              type: "text",
+              class: "vti__country-code-input",
+              placeholder: `+${h.value?.dialCode || ""}`,
+              disabled: a.disabled,
+              size: Math.max((i.value?.length || 0) + 1, 3),
+              maxlength: "5"
+            }, null, 40, Ee)), [
+              [Oe, i.value]
+            ]) : j("", !0)
+          ]),
+          M(T("ul", {
+            ref_key: "list",
+            ref: s,
+            class: k(["bs-black radius-small vti__dropdown-list", L.value]),
+            style: B([a.listStyle])
+          }, [
+            (C(!0), m(q, null, we(b.value, (n, f) => (C(), m("li", {
+              class: k(["flex-nowrap flex w-max", ["vti__dropdown-item", ue(f, n.iso2)]]),
+              key: n.iso2 + (n.preferred ? "-preferred" : ""),
+              onClick: (w) => S(n),
+              onMousemove: (w) => r.value = f
+            }, [
+              a.dropdownOptions.showFlags ? (C(), m("span", {
+                key: 0,
+                innerHTML: n.flag,
+                class: "mn-r-thin"
+              }, null, 8, Pe)) : j("", !0),
+              T("strong", null, P(n.name), 1),
+              a.dropdownOptions.showDialCodeInList ? (C(), m("span", He, " +" + P(n.dialCode), 1)) : j("", !0)
+            ], 42, Fe))), 128))
+          ], 6), [
+            [xe, p.value]
+          ])
+        ], 46, Ve)), [
+          [Ie(W), pe]
+        ]),
+        M(T("input", {
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n),
+          inputmode: "numeric",
+          pattern: "\\d*",
+          ref_key: "input",
+          ref: I,
+          type: a.inputOptions.type,
+          autocomplete: a.inputOptions.autocomplete,
+          autofocus: a.inputOptions.autofocus,
+          class: k(["vti__input", a.inputOptions.styleClasses, a.inputClass, Z.value]),
+          style: B([a.inputStyle, _.value]),
+          disabled: a.disabled,
+          id: a.inputId !== "" ? a.inputId : a.inputOptions.id,
+          maxlength: a.inputOptions.maxlength,
+          name: a.inputId !== "" ? a.inputId : a.inputOptions.name,
+          placeholder: R.value,
+          readonly: a.inputOptions.readonly,
+          required: a.inputOptions.required,
+          tabindex: a.inputOptions.tabindex,
+          onBlur: de,
+          onFocus: ce,
+          onInput: z,
+          onKeyup: [
+            F(fe, ["enter"]),
+            F(ve, ["space"])
+          ]
+        }, null, 46, $e), [
+          [Te, o.value]
+        ]),
+        Se(e.$slots, "default")
+      ], 6),
+      be(ke, { name: "fade" }, {
+        default: je(() => [
+          a.validation ? (C(), m("div", Le, " * " + P(a.validation.message), 1)) : j("", !0)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+};
+export {
+  Ke as default
+};