@intl-tel-input/vue 28.0.6 → 28.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1661,6 +1661,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1661
1661
|
#w = null;
|
|
1662
1662
|
#T = /* @__PURE__ */ new Map();
|
|
1663
1663
|
#E = null;
|
|
1664
|
+
#D;
|
|
1664
1665
|
telInputEl;
|
|
1665
1666
|
hadInitialPlaceholder;
|
|
1666
1667
|
constructor(e, t, n) {
|
|
@@ -1675,12 +1676,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1675
1676
|
}
|
|
1676
1677
|
buildMarkup(e, t) {
|
|
1677
1678
|
this.#i = e, this.#a = t, this.telInputEl.classList.add("iti__tel-input"), this.telInputEl.hasAttribute("type") || this.telInputEl.setAttribute("type", "tel"), this.telInputEl.hasAttribute("autocomplete") || this.telInputEl.setAttribute("autocomplete", "tel"), this.telInputEl.hasAttribute("inputmode") || this.telInputEl.setAttribute("inputmode", "tel");
|
|
1678
|
-
let n = this.#
|
|
1679
|
-
this.#
|
|
1679
|
+
let n = this.#O();
|
|
1680
|
+
this.#k(n), n.appendChild(this.telInputEl), this.#M(), this.#I(), this.#N(n), this.ensureDropdownWidthSet();
|
|
1680
1681
|
}
|
|
1681
|
-
#
|
|
1682
|
+
#O() {
|
|
1682
1683
|
let { allowDropdown: e, showFlags: t, containerClass: n, useFullscreenPopup: r } = this.#e, i = q("div", { class: K({
|
|
1683
1684
|
iti: !0,
|
|
1685
|
+
"iti--input-container": !0,
|
|
1684
1686
|
"iti--allow-dropdown": e,
|
|
1685
1687
|
"iti--show-flags": t,
|
|
1686
1688
|
"iti--inline-dropdown": !r,
|
|
@@ -1688,7 +1690,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1688
1690
|
}) });
|
|
1689
1691
|
return this.#n && i.setAttribute("dir", "ltr"), this.telInputEl.before(i), i;
|
|
1690
1692
|
}
|
|
1691
|
-
#
|
|
1693
|
+
#k(e) {
|
|
1692
1694
|
let { allowDropdown: t, separateDialCode: n, showFlags: r } = this.#e;
|
|
1693
1695
|
if (!t && !r && !n) return;
|
|
1694
1696
|
this.#c = q("div", { class: `iti__country-container ${_.V_HIDE}` }, e), t ? (this.#l = q("button", {
|
|
@@ -1703,7 +1705,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1703
1705
|
this.#u = q("div", { class: _.FLAG }, i), t && (this.#f = q("div", {
|
|
1704
1706
|
class: "iti__arrow",
|
|
1705
1707
|
[I.HIDDEN]: "true"
|
|
1706
|
-
}, i)), n && (this.#d = q("div", { class: "iti__selected-dial-code" }, this.#l)), t && this.#
|
|
1708
|
+
}, i)), n && (this.#d = q("div", { class: "iti__selected-dial-code" }, this.#l)), t && this.#A();
|
|
1707
1709
|
}
|
|
1708
1710
|
ensureDropdownWidthSet() {
|
|
1709
1711
|
let { fixDropdownWidth: e, allowDropdown: t } = this.#e;
|
|
@@ -1711,19 +1713,19 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1711
1713
|
let n = this.telInputEl.offsetWidth;
|
|
1712
1714
|
n > 0 && (this.#p.style.width = `${n}px`);
|
|
1713
1715
|
}
|
|
1714
|
-
#
|
|
1716
|
+
#A() {
|
|
1715
1717
|
let { fixDropdownWidth: e, useFullscreenPopup: t, countrySearch: n, i18n: r, dropdownContainer: i, containerClass: a } = this.#e, o = e ? "" : "iti--flexible-dropdown-width";
|
|
1716
1718
|
this.#p = q("div", {
|
|
1717
1719
|
id: `iti-${this.#t}__dropdown-content`,
|
|
1718
1720
|
class: `iti__dropdown-content ${_.HIDE} ${o}`,
|
|
1719
1721
|
role: "dialog",
|
|
1720
1722
|
[I.MODAL]: "true"
|
|
1721
|
-
}), this.#n && this.#p.setAttribute("dir", "rtl"), n && this.#
|
|
1723
|
+
}), this.#n && this.#p.setAttribute("dir", "rtl"), n && this.#j(), this.#_ = q("ul", {
|
|
1722
1724
|
class: "iti__country-list",
|
|
1723
1725
|
id: `iti-${this.#t}__country-listbox`,
|
|
1724
1726
|
role: "listbox",
|
|
1725
1727
|
[I.LABEL]: r.countryListAriaLabel
|
|
1726
|
-
}, this.#p), this.#
|
|
1728
|
+
}, this.#p), this.#P(), n && this.#B(), t || (this.#s = this.#z(), n && (this.#p.style.height = `${this.#s}px`)), i ? (this.#S = q("div", { class: K({
|
|
1727
1729
|
iti: !0,
|
|
1728
1730
|
"iti--container": !0,
|
|
1729
1731
|
"iti--fullscreen-popup": t,
|
|
@@ -1731,7 +1733,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1731
1733
|
[a]: !!a
|
|
1732
1734
|
}) }), this.#S.appendChild(this.#p)) : this.#c.appendChild(this.#p);
|
|
1733
1735
|
}
|
|
1734
|
-
#
|
|
1736
|
+
#j() {
|
|
1735
1737
|
let { i18n: e, searchInputClass: t } = this.#e, n = q("div", { class: "iti__search-input-wrapper" }, this.#p);
|
|
1736
1738
|
this.#m = q("span", {
|
|
1737
1739
|
class: "iti__search-icon",
|
|
@@ -1757,10 +1759,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1757
1759
|
[I.HIDDEN]: "true"
|
|
1758
1760
|
}, this.#p), this.#b.textContent = e.searchEmptyState ?? null;
|
|
1759
1761
|
}
|
|
1760
|
-
#
|
|
1761
|
-
this.#c && (this.#
|
|
1762
|
+
#M() {
|
|
1763
|
+
this.#c && (this.#F(), this.#c.classList.remove(_.V_HIDE));
|
|
1762
1764
|
}
|
|
1763
|
-
#
|
|
1765
|
+
#N(e) {
|
|
1764
1766
|
let { hiddenInput: t } = this.#e;
|
|
1765
1767
|
if (!t) return;
|
|
1766
1768
|
let n = t(this.telInputEl.getAttribute("name") || "");
|
|
@@ -1779,7 +1781,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1779
1781
|
}), e.appendChild(this.#y));
|
|
1780
1782
|
}
|
|
1781
1783
|
}
|
|
1782
|
-
#
|
|
1784
|
+
#P() {
|
|
1783
1785
|
let e = document.createDocumentFragment();
|
|
1784
1786
|
for (let t = 0; t < this.#i.length; t++) {
|
|
1785
1787
|
let n = this.#i[t], r = K({ [_.COUNTRY_ITEM]: !0 }), i = q("li", {
|
|
@@ -1797,13 +1799,18 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1797
1799
|
}
|
|
1798
1800
|
this.#_.appendChild(e);
|
|
1799
1801
|
}
|
|
1800
|
-
#
|
|
1802
|
+
#F() {
|
|
1801
1803
|
if (this.#l) {
|
|
1802
|
-
let e = this.#e.separateDialCode ? S.FALLBACK_SELECTED_WITH_DIAL_WIDTH : S.FALLBACK_SELECTED_NO_DIAL_WIDTH, t = (this.#l.offsetWidth || this.#
|
|
1804
|
+
let e = this.#e.separateDialCode ? S.FALLBACK_SELECTED_WITH_DIAL_WIDTH : S.FALLBACK_SELECTED_NO_DIAL_WIDTH, t = (this.#l.offsetWidth || this.#R() || e) + S.INPUT_PADDING_EXTRA_LEFT;
|
|
1803
1805
|
this.telInputEl.style.paddingLeft = `${t}px`;
|
|
1804
1806
|
}
|
|
1805
1807
|
}
|
|
1806
|
-
|
|
1808
|
+
#I() {
|
|
1809
|
+
!this.#l || typeof ResizeObserver > "u" || (this.#D = new ResizeObserver(() => {
|
|
1810
|
+
this.#l?.offsetWidth && this.#F();
|
|
1811
|
+
}), this.#D.observe(this.#l));
|
|
1812
|
+
}
|
|
1813
|
+
static #L() {
|
|
1807
1814
|
let e;
|
|
1808
1815
|
try {
|
|
1809
1816
|
e = window.top.document.body;
|
|
@@ -1812,9 +1819,9 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1812
1819
|
}
|
|
1813
1820
|
return e;
|
|
1814
1821
|
}
|
|
1815
|
-
#
|
|
1822
|
+
#R() {
|
|
1816
1823
|
if (!this.telInputEl.parentNode) return 0;
|
|
1817
|
-
let t = e.#
|
|
1824
|
+
let t = e.#L(), n = this.telInputEl.parentNode.cloneNode(!1);
|
|
1818
1825
|
n.style.visibility = "hidden", t.appendChild(n);
|
|
1819
1826
|
let r = this.#c.cloneNode();
|
|
1820
1827
|
n.appendChild(r);
|
|
@@ -1823,53 +1830,53 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1823
1830
|
let a = i.offsetWidth;
|
|
1824
1831
|
return t.removeChild(n), a;
|
|
1825
1832
|
}
|
|
1826
|
-
#
|
|
1827
|
-
let t = e.#
|
|
1833
|
+
#z() {
|
|
1834
|
+
let t = e.#L();
|
|
1828
1835
|
this.#p.classList.remove(_.HIDE);
|
|
1829
1836
|
let n = q("div", { class: "iti iti--inline-dropdown" });
|
|
1830
1837
|
n.appendChild(this.#p), n.style.visibility = "hidden", t.appendChild(n);
|
|
1831
1838
|
let r = this.#p.offsetHeight;
|
|
1832
1839
|
return t.removeChild(n), n.style.visibility = "", this.#p.classList.add(_.HIDE), r > 0 ? r : S.FALLBACK_DROPDOWN_HEIGHT;
|
|
1833
1840
|
}
|
|
1834
|
-
#
|
|
1841
|
+
#B() {
|
|
1835
1842
|
let { i18n: e } = this.#e, t = this.#_.childElementCount;
|
|
1836
1843
|
this.#x.textContent = e.searchSummaryAria(t);
|
|
1837
1844
|
}
|
|
1838
|
-
#
|
|
1845
|
+
#V(e) {
|
|
1839
1846
|
let t;
|
|
1840
1847
|
if (e === "") t = this.#i;
|
|
1841
1848
|
else {
|
|
1842
1849
|
let n = ge.toAscii(e);
|
|
1843
1850
|
t = me(this.#i, this.#a, n);
|
|
1844
1851
|
}
|
|
1845
|
-
this.#
|
|
1852
|
+
this.#ne(t);
|
|
1846
1853
|
}
|
|
1847
1854
|
prefillSearchWithPlus() {
|
|
1848
|
-
this.#h.value = "+", this.#h.focus(), this.#
|
|
1855
|
+
this.#h.value = "+", this.#h.focus(), this.#V("");
|
|
1849
1856
|
}
|
|
1850
|
-
#
|
|
1857
|
+
#H() {
|
|
1851
1858
|
let e = this.#h.value.trim();
|
|
1852
|
-
this.#
|
|
1859
|
+
this.#V(e), this.#h.value ? this.#g.classList.remove(_.HIDE) : this.#g.classList.add(_.HIDE);
|
|
1853
1860
|
}
|
|
1854
|
-
#
|
|
1861
|
+
#U() {
|
|
1855
1862
|
this.#o && clearTimeout(this.#o), this.#o = setTimeout(() => {
|
|
1856
|
-
this.#
|
|
1863
|
+
this.#H(), this.#o = null;
|
|
1857
1864
|
}, x.SEARCH_DEBOUNCE_MS);
|
|
1858
1865
|
}
|
|
1859
|
-
#
|
|
1860
|
-
this.#h.value = "", this.#h.focus(), this.#
|
|
1866
|
+
#W() {
|
|
1867
|
+
this.#h.value = "", this.#h.focus(), this.#H();
|
|
1861
1868
|
}
|
|
1862
|
-
#
|
|
1869
|
+
#G(e) {
|
|
1863
1870
|
let t = this.#_, n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = r.top - n.top + t.scrollTop;
|
|
1864
1871
|
r.top < n.top ? t.scrollTop = i : r.bottom > n.bottom && (t.scrollTop = i - n.height + r.height);
|
|
1865
1872
|
}
|
|
1866
|
-
#
|
|
1873
|
+
#K(e, t = !0) {
|
|
1867
1874
|
if (this.#w?.classList.remove(_.HIGHLIGHT), e) {
|
|
1868
1875
|
if (e.classList.add(_.HIGHLIGHT), this.#e.countrySearch) {
|
|
1869
1876
|
let t = e.getAttribute("id") || "";
|
|
1870
1877
|
this.#h.setAttribute(I.ACTIVE_DESCENDANT, t);
|
|
1871
1878
|
}
|
|
1872
|
-
t && this.#
|
|
1879
|
+
t && this.#G(e), this.#w = e;
|
|
1873
1880
|
} else this.#w = null;
|
|
1874
1881
|
}
|
|
1875
1882
|
bindHiddenInputSubmitListener(e, t, n) {
|
|
@@ -1896,41 +1903,41 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1896
1903
|
}
|
|
1897
1904
|
openDropdown(e, t) {
|
|
1898
1905
|
let { countrySearch: n, dropdownAlwaysOpen: r, dropdownContainer: i } = this.#e;
|
|
1899
|
-
if (this.#E = new AbortController(), this.ensureDropdownWidthSet(), i) this.#
|
|
1906
|
+
if (this.#E = new AbortController(), this.ensureDropdownWidthSet(), i) this.#ie();
|
|
1900
1907
|
else {
|
|
1901
|
-
let e = this.#
|
|
1908
|
+
let e = this.#re(), t = this.telInputEl.offsetHeight + S.DROPDOWN_MARGIN;
|
|
1902
1909
|
e ? this.#p.style.top = `${t}px` : this.#p.style.bottom = `${t}px`;
|
|
1903
1910
|
}
|
|
1904
1911
|
this.#p.classList.remove(_.HIDE), this.#l.setAttribute(I.EXPANDED, "true");
|
|
1905
1912
|
let a = this.#C ?? this.#_.firstElementChild;
|
|
1906
|
-
a && this.#
|
|
1907
|
-
this.#
|
|
1908
|
-
}, { signal: this.#E.signal }), this.#f.classList.add(_.ARROW_UP), this.#
|
|
1913
|
+
a && this.#K(a), n && !r && this.#h.focus(), this.#e.useFullscreenPopup && this.#S && window.visualViewport && window.visualViewport.addEventListener("resize", () => {
|
|
1914
|
+
this.#ae(), this.#w && this.#G(this.#w);
|
|
1915
|
+
}, { signal: this.#E.signal }), this.#f.classList.add(_.ARROW_UP), this.#q(e, t);
|
|
1909
1916
|
}
|
|
1910
|
-
#
|
|
1917
|
+
#q(e, t) {
|
|
1911
1918
|
let n = this.#E.signal;
|
|
1912
|
-
this.#
|
|
1919
|
+
this.#J(n), this.#Y(n, e), this.#e.dropdownAlwaysOpen || this.#X(n, t), this.#Z(n, e, t), this.#e.countrySearch && this.#Q(n), !this.#e.useFullscreenPopup && this.#e.dropdownContainer && window.addEventListener("scroll", t, { signal: n });
|
|
1913
1920
|
}
|
|
1914
|
-
#
|
|
1921
|
+
#J(e) {
|
|
1915
1922
|
this.#_.addEventListener("mouseover", (e) => {
|
|
1916
1923
|
let t = e.target?.closest(`.${_.COUNTRY_ITEM}`);
|
|
1917
|
-
t && this.#
|
|
1924
|
+
t && this.#K(t, !1);
|
|
1918
1925
|
}, { signal: e });
|
|
1919
1926
|
}
|
|
1920
|
-
#
|
|
1927
|
+
#Y(e, t) {
|
|
1921
1928
|
this.#_.addEventListener("click", (e) => {
|
|
1922
1929
|
let n = e.target?.closest(`.${_.COUNTRY_ITEM}`);
|
|
1923
1930
|
n && t(n);
|
|
1924
1931
|
}, { signal: e });
|
|
1925
1932
|
}
|
|
1926
|
-
#
|
|
1933
|
+
#X(e, t) {
|
|
1927
1934
|
setTimeout(() => {
|
|
1928
1935
|
document.documentElement.addEventListener("click", (e) => {
|
|
1929
1936
|
this.#p.contains(e.target) || t();
|
|
1930
1937
|
}, { signal: e });
|
|
1931
1938
|
}, 0);
|
|
1932
1939
|
}
|
|
1933
|
-
#
|
|
1940
|
+
#Z(e, t, n) {
|
|
1934
1941
|
let r = "", i = null;
|
|
1935
1942
|
document.addEventListener("keydown", (e) => {
|
|
1936
1943
|
[
|
|
@@ -1938,53 +1945,53 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1938
1945
|
v.ARROW_DOWN,
|
|
1939
1946
|
v.ENTER,
|
|
1940
1947
|
v.ESC
|
|
1941
|
-
].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === v.ARROW_UP || e.key === v.ARROW_DOWN ? this.#
|
|
1948
|
+
].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === v.ARROW_UP || e.key === v.ARROW_DOWN ? this.#ee(e.key) : e.key === v.ENTER && !e.isComposing ? t(this.#w) : e.key === v.ESC && (n(), this.#l.focus())), !this.#e.countrySearch && e.target !== this.telInputEl && b.HIDDEN_SEARCH_CHAR.test(e.key) && (e.stopPropagation(), i && clearTimeout(i), r += e.key.toLowerCase(), this.#$(r), i = setTimeout(() => {
|
|
1942
1949
|
r = "";
|
|
1943
1950
|
}, x.HIDDEN_SEARCH_RESET_MS));
|
|
1944
1951
|
}, { signal: e });
|
|
1945
1952
|
}
|
|
1946
|
-
#
|
|
1947
|
-
this.#h.addEventListener("input", () => this.#
|
|
1953
|
+
#Q(e) {
|
|
1954
|
+
this.#h.addEventListener("input", () => this.#U(), { signal: e }), this.#g.addEventListener("click", () => this.#W(), { signal: e });
|
|
1948
1955
|
}
|
|
1949
|
-
|
|
1956
|
+
#$(e) {
|
|
1950
1957
|
let t = he(this.#i, this.#a, e);
|
|
1951
1958
|
if (t) {
|
|
1952
1959
|
let e = this.#T.get(t.iso2);
|
|
1953
|
-
this.#
|
|
1960
|
+
this.#K(e);
|
|
1954
1961
|
}
|
|
1955
1962
|
}
|
|
1956
|
-
#
|
|
1963
|
+
#ee(e) {
|
|
1957
1964
|
let t = e === v.ARROW_UP ? this.#w?.previousElementSibling : this.#w?.nextElementSibling;
|
|
1958
|
-
!t && this.#_.childElementCount > 1 && (t = e === v.ARROW_UP ? this.#_.lastElementChild : this.#_.firstElementChild), t && this.#
|
|
1965
|
+
!t && this.#_.childElementCount > 1 && (t = e === v.ARROW_UP ? this.#_.lastElementChild : this.#_.firstElementChild), t && this.#K(t);
|
|
1959
1966
|
}
|
|
1960
|
-
|
|
1967
|
+
#te(e) {
|
|
1961
1968
|
if (this.#C && this.#C.dataset[F.ISO2] !== e && (this.#C.setAttribute(I.SELECTED, "false"), this.#C.querySelector(".iti__country-check")?.remove(), this.#C = null), e && !this.#C) {
|
|
1962
1969
|
let t = this.#_.querySelector(`[data-iso2="${e}"]`);
|
|
1963
1970
|
t && (t.setAttribute(I.SELECTED, "true"), q("span", {
|
|
1964
1971
|
class: "iti__country-check",
|
|
1965
1972
|
[I.HIDDEN]: "true"
|
|
1966
|
-
}, t).appendChild(de()), this.#C = t, this.#e.dropdownAlwaysOpen && this.#
|
|
1973
|
+
}, t).appendChild(de()), this.#C = t, this.#e.dropdownAlwaysOpen && this.#K(t));
|
|
1967
1974
|
}
|
|
1968
1975
|
}
|
|
1969
|
-
#
|
|
1976
|
+
#ne(e) {
|
|
1970
1977
|
this.#_.replaceChildren();
|
|
1971
1978
|
let t = !0;
|
|
1972
1979
|
for (let n of e) {
|
|
1973
1980
|
let e = this.#T.get(n.iso2);
|
|
1974
|
-
e && (this.#_.appendChild(e), t &&= (this.#
|
|
1981
|
+
e && (this.#_.appendChild(e), t &&= (this.#K(e, !1), !1));
|
|
1975
1982
|
}
|
|
1976
|
-
t ? (this.#
|
|
1983
|
+
t ? (this.#K(null), this.#b && this.#b.classList.remove(_.HIDE)) : this.#b && this.#b.classList.add(_.HIDE), this.#_.scrollTop = 0, this.#B();
|
|
1977
1984
|
}
|
|
1978
1985
|
closeDropdown() {
|
|
1979
1986
|
let { countrySearch: e, dropdownContainer: t } = this.#e;
|
|
1980
|
-
this.#E.abort(), this.#E = null, this.#p.classList.add(_.HIDE), this.#l.setAttribute(I.EXPANDED, "false"), e && (this.#h.removeAttribute(I.ACTIVE_DESCENDANT), this.#h.value = "", this.#
|
|
1987
|
+
this.#E.abort(), this.#E = null, this.#p.classList.add(_.HIDE), this.#l.setAttribute(I.EXPANDED, "false"), e && (this.#h.removeAttribute(I.ACTIVE_DESCENDANT), this.#h.value = "", this.#H(), this.#w &&= (this.#w.classList.remove(_.HIGHLIGHT), null)), this.#f.classList.remove(_.ARROW_UP), t ? (this.#S.remove(), this.#S.style.top = "", this.#S.style.bottom = "", this.#S.style.paddingLeft = "", this.#S.style.paddingRight = "") : (this.#p.style.top = "", this.#p.style.bottom = "");
|
|
1981
1988
|
}
|
|
1982
|
-
#
|
|
1989
|
+
#re() {
|
|
1983
1990
|
if (this.#e.dropdownAlwaysOpen) return !0;
|
|
1984
1991
|
let e = this.telInputEl.getBoundingClientRect(), t = e.top, n = window.innerHeight - e.bottom;
|
|
1985
1992
|
return n >= this.#s || n >= t;
|
|
1986
1993
|
}
|
|
1987
|
-
#
|
|
1994
|
+
#ie() {
|
|
1988
1995
|
let { dropdownContainer: e, useFullscreenPopup: t } = this.#e;
|
|
1989
1996
|
if (t) {
|
|
1990
1997
|
if (window.innerWidth >= S.NARROW_VIEWPORT_WIDTH) {
|
|
@@ -1993,11 +2000,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
1993
2000
|
}
|
|
1994
2001
|
} else {
|
|
1995
2002
|
let e = this.telInputEl.getBoundingClientRect();
|
|
1996
|
-
this.#S.style.left = `${e.left}px`, this.#
|
|
2003
|
+
this.#S.style.left = `${e.left}px`, this.#re() ? this.#S.style.top = `${e.bottom + S.DROPDOWN_MARGIN}px` : (this.#S.style.top = "unset", this.#S.style.bottom = `${window.innerHeight - e.top + S.DROPDOWN_MARGIN}px`);
|
|
1997
2004
|
}
|
|
1998
2005
|
e.appendChild(this.#S);
|
|
1999
2006
|
}
|
|
2000
|
-
#
|
|
2007
|
+
#ae() {
|
|
2001
2008
|
let e = window.visualViewport;
|
|
2002
2009
|
if (!e || !this.#S) return;
|
|
2003
2010
|
let t = window.innerHeight - e.height;
|
|
@@ -2020,17 +2027,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
2020
2027
|
}
|
|
2021
2028
|
setCountry(e) {
|
|
2022
2029
|
let { allowDropdown: t, showFlags: n, separateDialCode: r, i18n: i } = this.#e, a = e?.name, o = e?.dialCode, s = e?.iso2 ?? "";
|
|
2023
|
-
if (t && this
|
|
2030
|
+
if (t && this.#te(s), this.#l) {
|
|
2024
2031
|
let e = s && n ? `${_.FLAG} iti__${s}` : `${_.FLAG} ${_.GLOBE}`, t, r, c = null;
|
|
2025
2032
|
s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), n || (c = fe())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = fe()), this.#u.className = e, this.#l.setAttribute("title", r), this.#l.setAttribute(I.LABEL, t), c ? this.#u.replaceChildren(c) : this.#u.replaceChildren();
|
|
2026
2033
|
}
|
|
2027
2034
|
if (r) {
|
|
2028
2035
|
let e = o ? `+${o}` : "";
|
|
2029
|
-
this.#d.textContent = e, this.#
|
|
2036
|
+
this.#d.textContent = e, this.#F();
|
|
2030
2037
|
}
|
|
2031
2038
|
}
|
|
2032
2039
|
destroy() {
|
|
2033
|
-
this.telInputEl.iti = void 0, delete this.telInputEl.dataset[F.INSTANCE_ID], this.telInputEl.style.paddingLeft = this.#r;
|
|
2040
|
+
this.telInputEl.iti = void 0, delete this.telInputEl.dataset[F.INSTANCE_ID], this.#D?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
|
|
2034
2041
|
let e = this.telInputEl.parentNode;
|
|
2035
2042
|
e && (e.before(this.telInputEl), e.remove()), this.#T.clear();
|
|
2036
2043
|
}
|
|
@@ -2367,7 +2374,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
2367
2374
|
this.#e.telInputEl.dispatchEvent(n);
|
|
2368
2375
|
}
|
|
2369
2376
|
#U() {
|
|
2370
|
-
this.#e.openDropdown((e) => this.#Q(e), () => this.#$()), this.#H(g.OPEN_COUNTRY_DROPDOWN);
|
|
2377
|
+
this.#e.isDropdownOpen() || (this.#e.openDropdown((e) => this.#Q(e), () => this.#$()), this.#H(g.OPEN_COUNTRY_DROPDOWN));
|
|
2371
2378
|
}
|
|
2372
2379
|
#W(e) {
|
|
2373
2380
|
let { formatOnDisplay: t, nationalMode: n, separateDialCode: r } = this.#t, i = e;
|
|
@@ -2637,7 +2644,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
|
|
|
2637
2644
|
},
|
|
2638
2645
|
startedLoadingUtils: !1,
|
|
2639
2646
|
startedLoadingAutoCountry: !1,
|
|
2640
|
-
version: "28.0.
|
|
2647
|
+
version: "28.0.8",
|
|
2641
2648
|
NUMBER_FORMAT: M,
|
|
2642
2649
|
NUMBER_TYPE: N,
|
|
2643
2650
|
VALIDATION_ERROR: P
|
package/dist/IntlTelInput.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intl-tel-input/vue",
|
|
3
|
-
"version": "28.0.
|
|
3
|
+
"version": "28.0.8",
|
|
4
4
|
"description": "A Vue component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"README.md"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"intl-tel-input": "^28.0.
|
|
27
|
+
"intl-tel-input": "^28.0.8"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"vue": "^3.0.0"
|