@orchidui/core 0.0.1 → 0.3.0

package/dist/OcPaymentTab-Cna1IAhO.js

@@ -0,0 +1,170 @@
+import { ref as h, computed as p, onMounted as B, watch as C, openBlock as n, createElementBlock as s, normalizeClass as u, createVNode as A, unref as S, withModifiers as I, createCommentVNode as x, createElementVNode as g, Fragment as O, renderList as P, renderSlot as M, toDisplayString as y, nextTick as q } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as j } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const E = ["onClick"], H = {
+  key: 0,
+  class: "bg-oc-error rounded-full h-6 w-6 flex items-center justify-center text-xs font-bold text-white px-4"
+}, T = 100, z = 35, te = {
+  __name: "OcTabs",
+  props: {
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "pills"].includes(e)
+    },
+    tabs: Array,
+    modelValue: [String, Array],
+    maxCount: Number,
+    isArrows: Boolean,
+    direction: {
+      type: String,
+      default: "horizontal",
+      validator: (e) => ["horizontal", "vertical"].includes(e)
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: d }) {
+    const o = e, m = h(0), f = h(0), v = h(), N = d, w = p(() => o.tabs.findIndex((a) => a.value === o.modelValue)), i = p(() => o.variant === "pills"), r = p(() => o.direction === "vertical"), b = () => {
+      r.value ? f.value = Math.round(v.value.clientHeight / z) : f.value = Math.round(v.value.clientWidth / T);
+    }, V = (a) => {
+      var c;
+      const l = a === "left" ? --w.value : ++w.value, t = (c = o.tabs[l]) == null ? void 0 : c.value;
+      t !== void 0 && N("update:modelValue", t);
+    }, k = () => {
+      const a = o.tabs.findIndex((l) => l.value === o.modelValue);
+      a > -1 && q(() => {
+        var t;
+        b(), m.value = a;
+        const l = {};
+        r.value ? l.top = a * z : l.left = a * T, (t = v.value) == null || t.scroll({
+          ...l,
+          behavior: "smooth"
+        });
+      });
+    };
+    return B(() => {
+      b(), o.isArrows && k();
+    }), C(
+      () => o.tabs,
+      () => {
+        b();
+      },
+      {
+        deep: !0
+      }
+    ), C(
+      () => o.modelValue,
+      () => {
+        k();
+      }
+    ), (a, l) => (n(), s("div", {
+      id: "test",
+      ref_key: "tabsContainer",
+      ref: v,
+      class: u(["flex normal-case", {
+        "gap-x-2": i.value,
+        "border-b border-oc-gray-200": !i.value,
+        "overflow-hidden relative": e.isArrows,
+        "flex-col max-h-full": r.value,
+        "gap-y-2": i.value && r.value
+      }])
+    }, [
+      m.value > 0 && e.isArrows ? (n(), s("div", {
+        key: 0,
+        class: u(["sticky top-0 bottom-0 left-0 z-[1] flex items-center bg-white", { "pb-4": !i.value, "justify-center": r.value }])
+      }, [
+        A(S(j), {
+          name: r.value ? "chevron-up" : "chevron-left",
+          width: "16",
+          height: "16",
+          class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
+          onClick: l[0] || (l[0] = I((t) => V("left"), ["prevent"]))
+        }, null, 8, ["name"])
+      ], 2)) : x("", !0),
+      g("div", {
+        class: u(["flex items-center", { "flex-col": r.value }])
+      }, [
+        (n(!0), s(O, null, P(e.tabs, (t) => {
+          var c, $;
+          return n(), s("div", {
+            key: t.value,
+            class: u(["relative cursor-pointer min-w-[48px] gap-x-3 items-center flex justify-center text-sm hover:text-oc-text-500", [
+              t.class,
+              i.value ? "py-2 px-3 rounded" : "px-4 pb-3 border-b-2 -mb-[1px]",
+              ((c = e.modelValue) == null ? void 0 : c.toString()) === (($ = t.value) == null ? void 0 : $.toString()) ? i.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : i.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
+              e.isArrows ? "!justify-normal !min-w-[100px]" : "",
+              r.value ? "!justify-start w-full py-3 px-5" : "",
+              r.value && e.isArrows ? "!min-h-[35px]" : ""
+            ]]),
+            onClick: (D) => a.$emit("update:modelValue", t.value)
+          }, [
+            M(a.$slots, t.value, {}, () => [
+              g("div", {
+                class: u({ truncate: e.isArrows })
+              }, y(t.label), 3),
+              t.count ? (n(), s("div", H, y(t.count > e.maxCount ? `${e.maxCount}+` : t.count), 1)) : x("", !0)
+            ])
+          ], 10, E);
+        }), 128))
+      ], 2),
+      f.value + m.value < e.tabs.length && e.isArrows ? (n(), s("div", {
+        key: 1,
+        class: u(["sticky top-0 bottom-0 right-0 flex items-center bg-white", {
+          "pb-4": !i.value,
+          "justify-center": r.value
+        }])
+      }, [
+        A(S(j), {
+          name: r.value ? "chevron-down" : "chevron-right",
+          width: "16",
+          height: "16",
+          class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
+          onClick: l[1] || (l[1] = (t) => V("right"))
+        }, null, 8, ["name"])
+      ], 2)) : x("", !0)
+    ], 2));
+  }
+}, L = ["src"], W = { class: "shrink-0" }, oe = {
+  __name: "OcPaymentTab",
+  props: {
+    tab: {
+      type: Object,
+      required: !0
+    },
+    modelValue: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (d, o) => (n(), s("div", {
+      class: u(["flex items-center rounded-sm cursor-pointer text-sm p-3 gap-x-3 border h-[40px] border-oc-gray-200", { "border-oc-primary border-2 font-medium": e.modelValue === e.tab.value }]),
+      onClick: o[0] || (o[0] = (m) => d.$emit("update:modelValue", e.tab.value))
+    }, [
+      M(d.$slots, "logo", {}, () => [
+        e.tab.logo ? (n(), s("img", {
+          key: 0,
+          src: e.tab.logo,
+          alt: "logo"
+        }, null, 8, L)) : x("", !0)
+      ]),
+      g("div", W, y(e.tab.label), 1)
+    ], 2));
+  }
+};
+export {
+  te as _,
+  oe as a
+};

package/dist/OcPhoneInput-AC6BgQhN.js

@@ -0,0 +1,432 @@
+import { ref as y, computed as w, openBlock as g, createBlock as E, unref as s, withCtx as m, createVNode as C, createElementVNode as a, withModifiers as v, createElementBlock as L, Fragment as K, renderList as D, normalizeClass as h, toDisplayString as M } from "vue";
+import "dayjs";
+import { D as k } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as G } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import { _ as N } from "./OcInput-tcRxG3Y2.js";
+import { preventEventIfNotNumberInput as U } from "./composables/helpers.js";
+import { parsePhoneNumber as O } from "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const F = [
+  { country: "Afghanistan", code: "93", iso: "AF" },
+  { country: "Albania", code: "355", iso: "AL" },
+  { country: "Algeria", code: "213", iso: "DZ" },
+  { country: "American Samoa", code: "1-684", iso: "AS" },
+  { country: "Andorra", code: "376", iso: "AD" },
+  { country: "Angola", code: "244", iso: "AO" },
+  { country: "Anguilla", code: "1-264", iso: "AI" },
+  { country: "Antarctica", code: "672", iso: "AQ" },
+  { country: "Antigua and Barbuda", code: "1-268", iso: "AG" },
+  { country: "Argentina", code: "54", iso: "AR" },
+  { country: "Armenia", code: "374", iso: "AM" },
+  { country: "Aruba", code: "297", iso: "AW" },
+  { country: "Australia", code: "61", iso: "AU" },
+  { country: "Austria", code: "43", iso: "AT" },
+  { country: "Azerbaijan", code: "994", iso: "AZ" },
+  { country: "Bahamas", code: "1-242", iso: "BS" },
+  { country: "Bahrain", code: "973", iso: "BH" },
+  { country: "Bangladesh", code: "880", iso: "BD" },
+  { country: "Barbados", code: "1-246", iso: "BB" },
+  { country: "Belarus", code: "375", iso: "BY" },
+  { country: "Belgium", code: "32", iso: "BE" },
+  { country: "Belize", code: "501", iso: "BZ" },
+  { country: "Benin", code: "229", iso: "BJ" },
+  { country: "Bermuda", code: "1-441", iso: "BM" },
+  { country: "Bhutan", code: "975", iso: "BT" },
+  { country: "Bolivia", code: "591", iso: "BO" },
+  { country: "Bosnia and Herzegovina", code: "387", iso: "BA" },
+  { country: "Botswana", code: "267", iso: "BW" },
+  { country: "Brazil", code: "55", iso: "BR" },
+  { country: "British Indian Ocean Territory", code: "246", iso: "IO" },
+  { country: "British Virgin Islands", code: "1-284", iso: "VG" },
+  { country: "Brunei", code: "673", iso: "BN" },
+  { country: "Bulgaria", code: "359", iso: "BG" },
+  { country: "Burkina Faso", code: "226", iso: "BF" },
+  { country: "Burundi", code: "257", iso: "BI" },
+  { country: "Cambodia", code: "855", iso: "KH" },
+  { country: "Cameroon", code: "237", iso: "CM" },
+  { country: "Canada", code: "1", iso: "CA" },
+  { country: "Cape Verde", code: "238", iso: "CV" },
+  { country: "Cayman Islands", code: "1-345", iso: "KY" },
+  { country: "Central African Republic", code: "236", iso: "CF" },
+  { country: "Chad", code: "235", iso: "TD" },
+  { country: "Chile", code: "56", iso: "CL" },
+  { country: "China", code: "86", iso: "CN" },
+  { country: "Christmas Island", code: "61", iso: "CX" },
+  { country: "Cocos Islands", code: "61", iso: "CC" },
+  { country: "Colombia", code: "57", iso: "CO" },
+  { country: "Comoros", code: "269", iso: "KM" },
+  { country: "Cook Islands", code: "682", iso: "CK" },
+  { country: "Costa Rica", code: "506", iso: "CR" },
+  { country: "Croatia", code: "385", iso: "HR" },
+  { country: "Cuba", code: "53", iso: "CU" },
+  { country: "Curacao", code: "599", iso: "CW" },
+  { country: "Cyprus", code: "357", iso: "CY" },
+  { country: "Czech Republic", code: "420", iso: "CZ" },
+  { country: "Democratic Republic of the Congo", code: "243", iso: "CD" },
+  { country: "Denmark", code: "45", iso: "DK" },
+  { country: "Djibouti", code: "253", iso: "DJ" },
+  { country: "Dominica", code: "1-767", iso: "DM" },
+  { country: "Dominican Republic", code: "1-809, 1-829, 1-849", iso: "DO" },
+  { country: "East Timor", code: "670", iso: "TL" },
+  { country: "Ecuador", code: "593", iso: "EC" },
+  { country: "Egypt", code: "20", iso: "EG" },
+  { country: "El Salvador", code: "503", iso: "SV" },
+  { country: "Equatorial Guinea", code: "240", iso: "GQ" },
+  { country: "Eritrea", code: "291", iso: "ER" },
+  { country: "Estonia", code: "372", iso: "EE" },
+  { country: "Ethiopia", code: "251", iso: "ET" },
+  { country: "Falkland Islands", code: "500", iso: "FK" },
+  { country: "Faroe Islands", code: "298", iso: "FO" },
+  { country: "Fiji", code: "679", iso: "FJ" },
+  { country: "Finland", code: "358", iso: "FI" },
+  { country: "France", code: "33", iso: "FR" },
+  { country: "French Polynesia", code: "689", iso: "PF" },
+  { country: "Gabon", code: "241", iso: "GA" },
+  { country: "Gambia", code: "220", iso: "GM" },
+  { country: "Georgia", code: "995", iso: "GE" },
+  { country: "Germany", code: "49", iso: "DE" },
+  { country: "Ghana", code: "233", iso: "GH" },
+  { country: "Gibraltar", code: "350", iso: "GI" },
+  { country: "Greece", code: "30", iso: "GR" },
+  { country: "Greenland", code: "299", iso: "GL" },
+  { country: "Grenada", code: "1-473", iso: "GD" },
+  { country: "Guam", code: "1-671", iso: "GU" },
+  { country: "Guatemala", code: "502", iso: "GT" },
+  { country: "Guernsey", code: "44-1481", iso: "GG" },
+  { country: "Guinea", code: "224", iso: "GN" },
+  { country: "Guinea-Bissau", code: "245", iso: "GW" },
+  { country: "Guyana", code: "592", iso: "GY" },
+  { country: "Haiti", code: "509", iso: "HT" },
+  { country: "Honduras", code: "504", iso: "HN" },
+  { country: "Hong Kong", code: "852", iso: "HK" },
+  { country: "Hungary", code: "36", iso: "HU" },
+  { country: "Iceland", code: "354", iso: "IS" },
+  { country: "India", code: "91", iso: "IN" },
+  { country: "Indonesia", code: "62", iso: "ID" },
+  { country: "Iran", code: "98", iso: "IR" },
+  { country: "Iraq", code: "964", iso: "IQ" },
+  { country: "Ireland", code: "353", iso: "IE" },
+  { country: "Isle of Man", code: "44-1624", iso: "IM" },
+  { country: "Israel", code: "972", iso: "IL" },
+  { country: "Italy", code: "39", iso: "IT" },
+  { country: "Ivory Coast", code: "225", iso: "CI" },
+  { country: "Jamaica", code: "1-876", iso: "JM" },
+  { country: "Japan", code: "81", iso: "JP" },
+  { country: "Jersey", code: "44-1534", iso: "JE" },
+  { country: "Jordan", code: "962", iso: "JO" },
+  { country: "Kazakhstan", code: "7", iso: "KZ" },
+  { country: "Kenya", code: "254", iso: "KE" },
+  { country: "Kiribati", code: "686", iso: "KI" },
+  { country: "Kosovo", code: "383", iso: "XK" },
+  { country: "Kuwait", code: "965", iso: "KW" },
+  { country: "Kyrgyzstan", code: "996", iso: "KG" },
+  { country: "Laos", code: "856", iso: "LA" },
+  { country: "Latvia", code: "371", iso: "LV" },
+  { country: "Lebanon", code: "961", iso: "LB" },
+  { country: "Lesotho", code: "266", iso: "LS" },
+  { country: "Liberia", code: "231", iso: "LR" },
+  { country: "Libya", code: "218", iso: "LY" },
+  { country: "Liechtenstein", code: "423", iso: "LI" },
+  { country: "Lithuania", code: "370", iso: "LT" },
+  { country: "Luxembourg", code: "352", iso: "LU" },
+  { country: "Macao", code: "853", iso: "MO" },
+  { country: "Macedonia", code: "389", iso: "MK" },
+  { country: "Madagascar", code: "261", iso: "MG" },
+  { country: "Malawi", code: "265", iso: "MW" },
+  { country: "Malaysia", code: "60", iso: "MY" },
+  { country: "Maldives", code: "960", iso: "MV" },
+  { country: "Mali", code: "223", iso: "ML" },
+  { country: "Malta", code: "356", iso: "MT" },
+  { country: "Marshall Islands", code: "692", iso: "MH" },
+  { country: "Mauritania", code: "222", iso: "MR" },
+  { country: "Mauritius", code: "230", iso: "MU" },
+  { country: "Mayotte", code: "262", iso: "YT" },
+  { country: "Mexico", code: "52", iso: "MX" },
+  { country: "Micronesia", code: "691", iso: "FM" },
+  { country: "Moldova", code: "373", iso: "MD" },
+  { country: "Monaco", code: "377", iso: "MC" },
+  { country: "Mongolia", code: "976", iso: "MN" },
+  { country: "Montenegro", code: "382", iso: "ME" },
+  { country: "Montserrat", code: "1-664", iso: "MS" },
+  { country: "Morocco", code: "212", iso: "MA" },
+  { country: "Mozambique", code: "258", iso: "MZ" },
+  { country: "Myanmar", code: "95", iso: "MM" },
+  { country: "Namibia", code: "264", iso: "NA" },
+  { country: "Nauru", code: "674", iso: "NR" },
+  { country: "Nepal", code: "977", iso: "NP" },
+  { country: "Netherlands", code: "31", iso: "NL" },
+  { country: "Netherlands Antilles", code: "599", iso: "AN" },
+  { country: "New Caledonia", code: "687", iso: "NC" },
+  { country: "New Zealand", code: "64", iso: "NZ" },
+  { country: "Nicaragua", code: "505", iso: "NI" },
+  { country: "Niger", code: "227", iso: "NE" },
+  { country: "Nigeria", code: "234", iso: "NG" },
+  { country: "Niue", code: "683", iso: "NU" },
+  { country: "North Korea", code: "850", iso: "KP" },
+  { country: "Northern Mariana Islands", code: "1-670", iso: "MP" },
+  { country: "Norway", code: "47", iso: "NO" },
+  { country: "Oman", code: "968", iso: "OM" },
+  { country: "Pakistan", code: "92", iso: "PK" },
+  { country: "Palau", code: "680", iso: "PW" },
+  { country: "Palestine", code: "970", iso: "PS" },
+  { country: "Panama", code: "507", iso: "PA" },
+  { country: "Papua New Guinea", code: "675", iso: "PG" },
+  { country: "Paraguay", code: "595", iso: "PY" },
+  { country: "Peru", code: "51", iso: "PE" },
+  { country: "Philippines", code: "63", iso: "PH" },
+  { country: "Pitcairn", code: "64", iso: "PN" },
+  { country: "Poland", code: "48", iso: "PL" },
+  { country: "Portugal", code: "351", iso: "PT" },
+  { country: "Puerto Rico", code: "1-787, 1-939", iso: "PR" },
+  { country: "Qatar", code: "974", iso: "QA" },
+  { country: "Republic of the Congo", code: "242", iso: "CG" },
+  { country: "Reunion", code: "262", iso: "RE" },
+  { country: "Romania", code: "40", iso: "RO" },
+  { country: "Russia", code: "7", iso: "RU" },
+  { country: "Rwanda", code: "250", iso: "RW" },
+  { country: "Saint Barthelemy", code: "590", iso: "BL" },
+  { country: "Saint Helena", code: "290", iso: "SH" },
+  { country: "Saint Kitts and Nevis", code: "1-869", iso: "KN" },
+  { country: "Saint Lucia", code: "1-758", iso: "LC" },
+  { country: "Saint Martin", code: "590", iso: "MF" },
+  { country: "Saint Pierre and Miquelon", code: "508", iso: "PM" },
+  { country: "Saint Vincent and the Grenadines", code: "1-784", iso: "VC" },
+  { country: "Samoa", code: "685", iso: "WS" },
+  { country: "San Marino", code: "378", iso: "SM" },
+  { country: "Sao Tome and Principe", code: "239", iso: "ST" },
+  { country: "Saudi Arabia", code: "966", iso: "SA" },
+  { country: "Senegal", code: "221", iso: "SN" },
+  { country: "Serbia", code: "381", iso: "RS" },
+  { country: "Seychelles", code: "248", iso: "SC" },
+  { country: "Sierra Leone", code: "232", iso: "SL" },
+  { country: "Singapore", code: "65", iso: "SG" },
+  { country: "Sint Maarten", code: "1-721", iso: "SX" },
+  { country: "Slovakia", code: "421", iso: "SK" },
+  { country: "Slovenia", code: "386", iso: "SI" },
+  { country: "Solomon Islands", code: "677", iso: "SB" },
+  { country: "Somalia", code: "252", iso: "SO" },
+  { country: "South Africa", code: "27", iso: "ZA" },
+  { country: "South Korea", code: "82", iso: "KR" },
+  { country: "South Sudan", code: "211", iso: "SS" },
+  { country: "Spain", code: "34", iso: "ES" },
+  { country: "Sri Lanka", code: "94", iso: "LK" },
+  { country: "Sudan", code: "249", iso: "SD" },
+  { country: "Suriname", code: "597", iso: "SR" },
+  { country: "Svalbard and Jan Mayen", code: "47", iso: "SJ" },
+  { country: "Swaziland", code: "268", iso: "SZ" },
+  { country: "Sweden", code: "46", iso: "SE" },
+  { country: "Switzerland", code: "41", iso: "CH" },
+  { country: "Syria", code: "963", iso: "SY" },
+  { country: "Taiwan", code: "886", iso: "TW" },
+  { country: "Tajikistan", code: "992", iso: "TJ" },
+  { country: "Tanzania", code: "255", iso: "TZ" },
+  { country: "Thailand", code: "66", iso: "TH" },
+  { country: "Togo", code: "228", iso: "TG" },
+  { country: "Tokelau", code: "690", iso: "TK" },
+  { country: "Tonga", code: "676", iso: "TO" },
+  { country: "Trinidad and Tobago", code: "1-868", iso: "TT" },
+  { country: "Tunisia", code: "216", iso: "TN" },
+  { country: "Turkey", code: "90", iso: "TR" },
+  { country: "Turkmenistan", code: "993", iso: "TM" },
+  { country: "Turks and Caicos Islands", code: "1-649", iso: "TC" },
+  { country: "Tuvalu", code: "688", iso: "TV" },
+  { country: "U.S. Virgin Islands", code: "1-340", iso: "VI" },
+  { country: "Uganda", code: "256", iso: "UG" },
+  { country: "Ukraine", code: "380", iso: "UA" },
+  { country: "United Arab Emirates", code: "971", iso: "AE" },
+  { country: "United Kingdom", code: "44", iso: "GB" },
+  { country: "United States", code: "1", iso: "US" },
+  { country: "Uruguay", code: "598", iso: "UY" },
+  { country: "Uzbekistan", code: "998", iso: "UZ" },
+  { country: "Vanuatu", code: "678", iso: "VU" },
+  { country: "Vatican", code: "379", iso: "VA" },
+  { country: "Venezuela", code: "58", iso: "VE" },
+  { country: "Vietnam", code: "84", iso: "VN" },
+  { country: "Wallis and Futuna", code: "681", iso: "WF" },
+  { country: "Western Sahara", code: "212", iso: "EH" },
+  { country: "Yemen", code: "967", iso: "YE" },
+  { country: "Zambia", code: "260", iso: "ZM" },
+  { country: "Zimbabwe", code: "263", iso: "ZW" }
+], H = { class: "flex gap-x-2 items-center" }, Z = { class: "text-oc-text-400 font-medium text-sm" }, z = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, J = ["onClick"], W = { class: "text-oc-text-300" }, Y = { class: "text-oc-text-400" }, uo = {
+  __name: "OcPhoneInput",
+  props: {
+    countryCodes: { type: Array, default: () => F },
+    initialCountryCode: {
+      type: String,
+      default: "sg"
+    },
+    errorMessage: String,
+    modelValue: {
+      type: Array,
+      default: () => ["sg", ""]
+    },
+    placeholder: String,
+    hint: String,
+    label: String,
+    isInlineLabel: Boolean,
+    isDisabled: Boolean,
+    shouldParseCountryCode: Boolean,
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(n, { emit: V }) {
+    const t = n, u = V;
+    let f = t.initialCountryCode;
+    if (t.modelValue && t.modelValue[0]) {
+      const e = t.countryCodes.find((o) => o.code === t.modelValue[0].toString());
+      e && (f = e.iso.toLowerCase());
+    }
+    const i = y(f), p = y(!1), S = y(""), b = w(
+      () => t.countryCodes.filter((e) => e.country.toLowerCase().includes(S.value.toLowerCase())).sort((e, o) => e.country.localeCompare(o.country))
+    ), I = (e) => t.countryCodes.find((o) => o.iso.toLowerCase() === e.toLowerCase()) || null, d = (e) => {
+      var o;
+      return ((o = I(e)) == null ? void 0 : o.code) || "";
+    }, x = (e) => {
+      u("update:modelValue", [d(i.value), e]);
+    }, B = (e, o, r = null) => {
+      var c;
+      i.value = e.toLowerCase(), u("update:modelValue", [o, r || ((c = t.modelValue) == null ? void 0 : c[1]) || ""]), p.value = !1;
+    }, T = y(null), A = y([]), P = () => {
+      setTimeout(() => {
+        const e = b.value.indexOf(
+          I(i.value)
+        ), r = A.value[e].offsetTop;
+        T.value.scrollTo(0, r - 60, { behavior: "smooth" });
+      }, 10);
+    }, R = (e) => {
+      let o = e.clipboardData.getData("Text");
+      try {
+        if (o.search(/[^0-9]/g) < 0)
+          if (o = o.slice(0, 19), o.length > 5 && t.shouldParseCountryCode) {
+            const { nationalNumber: r, countryCallingCode: c, country: l } = O(
+              "+" + o.replace("+", "")
+            );
+            c && l ? B(l, c, r) : u("update:modelValue", [d(i.value), r]);
+          } else
+            u("update:modelValue", [d(i.value), o]);
+      } catch {
+        u("update:modelValue", [d(i.value), o]);
+      }
+      e.preventDefault();
+    };
+    return (e, o) => {
+      var r;
+      return g(), E(s(N), {
+        "error-message": n.errorMessage,
+        "model-value": ((r = n.modelValue) == null ? void 0 : r[1]) || "",
+        placeholder: n.placeholder,
+        label: n.label,
+        "is-inline-label": n.isInlineLabel,
+        disabled: n.isDisabled,
+        hint: n.hint,
+        "is-required": n.isRequired,
+        "label-icon": n.labelIcon,
+        "tooltip-text": n.tooltipText,
+        "tooltip-options": n.tooltipOptions,
+        onPaste: R,
+        onKeydown: s(U),
+        "onUpdate:modelValue": x
+      }, {
+        trailing: m(() => [
+          C(s(k), {
+            modelValue: p.value,
+            "onUpdate:modelValue": [
+              o[3] || (o[3] = (c) => p.value = c),
+              P
+            ],
+            distance: 10,
+            placement: "bottom-start"
+          }, {
+            menu: m(() => [
+              a("div", {
+                ref_key: "countryListRef",
+                ref: T,
+                class: "flex flex-col max-h-[300px] py-2 overflow-y-scroll hidden-scrollbar"
+              }, [
+                a("div", z, [
+                  C(s(N), {
+                    modelValue: S.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (c) => S.value = c),
+                    icon: "search",
+                    placeholder: "Search",
+                    onKeydown: o[1] || (o[1] = v(() => {
+                    }, ["stop"])),
+                    onClick: o[2] || (o[2] = v(() => {
+                    }, ["stop"]))
+                  }, {
+                    icon: m(() => [
+                      C(s(G), {
+                        class: "w-5 h-5 text-oc-text-400",
+                        name: "search"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                (g(!0), L(K, null, D(b.value, (c, l) => (g(), L("div", {
+                  ref_for: !0,
+                  ref_key: "countryListItemRef",
+                  ref: A,
+                  key: l,
+                  class: h([
+                    "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
+                    i.value === c.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                  ]),
+                  onClick: (q) => B(c.iso, c.code)
+                }, [
+                  a("div", {
+                    class: h(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${c.iso.toLowerCase()}`])
+                  }, null, 2),
+                  a("span", W, "+" + M(c.code), 1),
+                  a("span", Y, M(c.country), 1)
+                ], 10, J))), 128))
+              ], 512)
+            ]),
+            default: m(() => [
+              a("div", H, [
+                a("div", {
+                  class: h(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${i.value}`])
+                }, null, 2),
+                a("span", Z, " +" + M(d(i.value)), 1),
+                C(s(G), {
+                  width: "16",
+                  height: "16",
+                  class: "text-oc-text-400",
+                  name: "chevron-down"
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["error-message", "model-value", "placeholder", "label", "is-inline-label", "disabled", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options", "onKeydown"]);
+    };
+  }
+};
+export {
+  uo as _
+};