@salla.sa/twilight-components 1.0.19 → 1.0.21

package/dist/cjs/salla-button_5.cjs.entry.js

@@ -1,1686 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-4b8b3ffe.js');
-const Helper = require('./Helper-fcea994c.js');
-const sallaLogin = require('./salla-login-008cc893.js');
-
-const sallaButtonCss = ":host{display:block}";
-
-const SallaButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.btnStyle = 'primary';
-    this.loading = false;
-    this.disabled = false;
-    this.loaderPosition = 'before';
-    this.wide = false;
-    this.hostAttributes = {};
-    //============= Initiate Button Attributes =============//
-    for (let i = 0; i < this.host.attributes.length; i++) {
-      this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-    }
-    this.hostAttributes.type = this.hostAttributes.type || 'button';
-    this.hostAttributes.class += ' s-button-btn btn--has-loading'
-      + ' s-button-' + this.btnStyle
-      + (this.wide ? ' s-button-wide ' : '')
-      + ' loader-' + this.loaderPosition
-      + (this.loaderPosition == 'before' ? ' s-button-loader-after' : '');
-    delete this.hostAttributes['btn-style'];
-    delete this.hostAttributes['id'];
-    if (this.wide) {
-      this.host.classList.add('s-button-wide');
-    }
-  }
-  async load() {
-    if (this.loaderPosition == 'center')
-      this.text.classList.add('s-button-hide');
-    this.host.setAttribute('loading', '');
-    return this.host;
-  }
-  async stop() {
-    this.host.removeAttribute('loading');
-    return this.host;
-  }
-  async disable() {
-    this.host.setAttribute('disabled', '');
-  }
-  async enable() {
-    this.host.removeAttribute('disabled');
-  }
-  handleVisible(newKind, oldKind) {
-    //todo::use united styles
-    this.btn.classList.remove('btn-' + oldKind);
-    this.btn.classList.add('btn-' + newKind);
-  }
-  handleLoading(newVal) {
-    //todo::use united styles
-    Helper.Helper.toggleElement(this.btn, 'btn--is-loading', 'btn--no-loading', () => newVal);
-  }
-  render() {
-    return (
-    //TODO:: use HOST then fake button behaviours
-    index.h(index.Host, { class: "s-button-host-tag" }, index.h("button", Object.assign({ ref: btn => this.btn = btn, disabled: this.disabled }, this.hostAttributes), index.h("span", { class: "s-button-text", ref: el => this.text = el }, index.h("slot", null)), this.loading ? index.h("span", { class: {
-        //todo::use united styles
-        's-button-loader': true,
-        's-button-loader-start': this.loaderPosition === 'start',
-        's-button-loader-end': this.loaderPosition === 'end',
-        's-button-loader-center': this.loaderPosition === 'center',
-      } }) : '')));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "btnStyle": ["handleVisible"],
-    "loading": ["handleLoading"]
-  }; }
-};
-SallaButton.style = sallaButtonCss;
-
-const SallaModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.modalOpened = index.createEvent(this, "modalOpened", 7);
-    this.modalClosed = index.createEvent(this, "modalClosed", 7);
-    var _a;
-    //todo:: unite three colors (error, success, primary) in one prop
-    this.error = false;
-    this.success = false;
-    this.primary = false;
-    this.isClosable = true;
-    this.width = 'md';
-    this.visible = false;
-    this.isLoading = false;
-    this.subTitleFirst = false;
-    this.subTitle = '';
-    this.icon = '';
-    this.imageIcon = '';
-    Helper.Helper.setHost(this.host);
-    salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.show());
-    salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.hide());
-    this.title = this.host.title;
-    this.host.removeAttribute('title');
-    (_a = Helper.Helper.getElement('[slot=body]')) === null || _a === void 0 ? void 0 : _a.classList.add('s-modal-body', 's-modal-' + this.width);
-  }
-  handleVisible(newValue) {
-    if (!newValue) {
-      this.toggleModal(false);
-      this.modalClosed.emit();
-      return;
-    }
-    this.host.classList.remove('hidden');
-    setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden
-    this.modalOpened.emit();
-  }
-  async show() {
-    this.host.setAttribute('visible', '');
-    return this.host;
-  }
-  async hide() {
-    this.host.removeAttribute('visible');
-    return this.host;
-  }
-  async setTitle(title) {
-    this.title = title;
-    return this.host;
-  }
-  async loading() {
-    this.isLoading = true;
-    return this.host;
-  }
-  async stopLoading() {
-    this.isLoading = false;
-    return this.host;
-  }
-  toggleModal(isOpen) {
-    Helper.Helper
-      // .toggleElement(this.host.querySelector('.s-modal-body'), 's-modal-entering', 's-modal-leaving', () => isOpen)
-      .toggleElement(this.host.querySelector('[slot=body]') || this.host, 's-modal-entering', 's-modal-leaving', () => isOpen)
-      .toggleElement(this.overlay, 's-modal-entering', 's-modal-overlay-leaving', () => isOpen)
-      //todo:: use united class names
-      .toggleElement(document.body, 'modal-is-open', 'modal-is-closed', () => isOpen);
-    if (!isOpen) {
-      setTimeout(() => this.host.classList.add('hidden'), 350);
-    }
-  }
-  closeModal() {
-    if (!this.isClosable) {
-      return;
-    }
-    this.host.removeAttribute('visible');
-  }
-  //todo:: pref for each modal
-  render() {
-    this.host.id = this.host.id || 'salla-modal';
-    return (
-    //todo:: use suitable class name instead of hidden
-    index.h(index.Host, { class: 's-modal-container hidden', "aria-modal": "true", role: "dialog" }, index.h("div", { class: "s-modal-wrapper" }, index.h("div", { class: "s-modal-overlay", ref: el => this.overlay = el, onClick: () => this.closeModal() }), index.h("span", { class: "s-modal-spacer" }, "\u200B"), index.h("slot", { name: "body" }, index.h("div", { class: 's-modal-body ' + 's-modal-' + this.width, slot: "body" }, this.isLoading
-      ? index.h("span", null, "Loading...")
-      : [index.h("div", { class: { 's-modal-header': true, 's-modal-is-center': this.icon != '' || this.imageIcon != '' } }, this.isClosable ?
-          //todo:: remove cursor-pointer
-          index.h("button", { class: "s-modal-close cursor-pointer", onClick: () => this.closeModal(), type: "button" }, index.h("span", { class: "sicon-cancel" }))
-          : '', this.error || this.success || this.icon
-          ? index.h("div", { class: {
-              's-modal-icon': true,
-              's-modal-bg-error': this.error,
-              's-modal-bg-success': this.success,
-              's-modal-bg-normal': !this.error && !this.success,
-              's-modal-bg-primary': this.primary
-            } }, index.h("i", { class: {
-              [this.icon]: true,
-              's-modal-text-error': this.error,
-              's-modal-text-success': this.success,
-            } }))
-          : this.imageIcon ?
-            index.h("img", { class: "s-modal-header-img", src: this.imageIcon })
-            : '', this.title || this.subTitle ?
-          index.h("div", { class: "s-modal-header-content" }, index.h("div", { class: { 's-modal-title': true, 's-modal-title-below': this.subTitleFirst }, innerHTML: this.title }), index.h("p", { class: { 's-modal-sub-title': true }, innerHTML: this.subTitle }))
-          : ''),
-        index.h("slot", null),
-        index.h("slot", { name: "footer" })
-      ])))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "visible": ["handleVisible"]
-  }; }
-};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var intlTelInput$1 = createCommonjsModule(function (module) {
-/*
- * International Telephone Input v17.0.15
- * https://github.com/jackocnr/intl-tel-input.git
- * Licensed under the MIT license
- */
-
-// wrap in UMD
-(function(factory) {
-    if (module.exports) module.exports = factory(); else window.intlTelInput = factory();
-})(function(undefined$1) {
-    return function() {
-        // Array of country objects for the flag dropdown.
-        // Here is the criteria for the plugin to support a given country/territory
-        // - It has an iso2 code: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
-        // - It has it's own country calling code (it is not a sub-region of another country): https://en.wikipedia.org/wiki/List_of_country_calling_codes
-        // - It has a flag in the region-flags project: https://github.com/behdad/region-flags/tree/gh-pages/png
-        // - It is supported by libphonenumber (it must be listed on this page): https://github.com/googlei18n/libphonenumber/blob/master/resources/ShortNumberMetadata.xml
-        // Each country array has the following information:
-        // [
-        //    Country name,
-        //    iso2 code,
-        //    International dial code,
-        //    Order (if >1 country with same dial code),
-        //    Area codes
-        // ]
-        var allCountries = [ [ "Afghanistan (‫افغانستان‬‎)", "af", "93" ], [ "Albania (Shqipëri)", "al", "355" ], [ "Algeria (‫الجزائر‬‎)", "dz", "213" ], [ "American Samoa", "as", "1", 5, [ "684" ] ], [ "Andorra", "ad", "376" ], [ "Angola", "ao", "244" ], [ "Anguilla", "ai", "1", 6, [ "264" ] ], [ "Antigua and Barbuda", "ag", "1", 7, [ "268" ] ], [ "Argentina", "ar", "54" ], [ "Armenia (Հայաստան)", "am", "374" ], [ "Aruba", "aw", "297" ], [ "Ascension Island", "ac", "247" ], [ "Australia", "au", "61", 0 ], [ "Austria (Österreich)", "at", "43" ], [ "Azerbaijan (Azərbaycan)", "az", "994" ], [ "Bahamas", "bs", "1", 8, [ "242" ] ], [ "Bahrain (‫البحرين‬‎)", "bh", "973" ], [ "Bangladesh (বাংলাদেশ)", "bd", "880" ], [ "Barbados", "bb", "1", 9, [ "246" ] ], [ "Belarus (Беларусь)", "by", "375" ], [ "Belgium (België)", "be", "32" ], [ "Belize", "bz", "501" ], [ "Benin (Bénin)", "bj", "229" ], [ "Bermuda", "bm", "1", 10, [ "441" ] ], [ "Bhutan (འབྲུག)", "bt", "975" ], [ "Bolivia", "bo", "591" ], [ "Bosnia and Herzegovina (Босна и Херцеговина)", "ba", "387" ], [ "Botswana", "bw", "267" ], [ "Brazil (Brasil)", "br", "55" ], [ "British Indian Ocean Territory", "io", "246" ], [ "British Virgin Islands", "vg", "1", 11, [ "284" ] ], [ "Brunei", "bn", "673" ], [ "Bulgaria (България)", "bg", "359" ], [ "Burkina Faso", "bf", "226" ], [ "Burundi (Uburundi)", "bi", "257" ], [ "Cambodia (កម្ពុជា)", "kh", "855" ], [ "Cameroon (Cameroun)", "cm", "237" ], [ "Canada", "ca", "1", 1, [ "204", "226", "236", "249", "250", "289", "306", "343", "365", "387", "403", "416", "418", "431", "437", "438", "450", "506", "514", "519", "548", "579", "581", "587", "604", "613", "639", "647", "672", "705", "709", "742", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905" ] ], [ "Cape Verde (Kabu Verdi)", "cv", "238" ], [ "Caribbean Netherlands", "bq", "599", 1, [ "3", "4", "7" ] ], [ "Cayman Islands", "ky", "1", 12, [ "345" ] ], [ "Central African Republic (République centrafricaine)", "cf", "236" ], [ "Chad (Tchad)", "td", "235" ], [ "Chile", "cl", "56" ], [ "China (中国)", "cn", "86" ], [ "Christmas Island", "cx", "61", 2, [ "89164" ] ], [ "Cocos (Keeling) Islands", "cc", "61", 1, [ "89162" ] ], [ "Colombia", "co", "57" ], [ "Comoros (‫جزر القمر‬‎)", "km", "269" ], [ "Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)", "cd", "243" ], [ "Congo (Republic) (Congo-Brazzaville)", "cg", "242" ], [ "Cook Islands", "ck", "682" ], [ "Costa Rica", "cr", "506" ], [ "Côte d’Ivoire", "ci", "225" ], [ "Croatia (Hrvatska)", "hr", "385" ], [ "Cuba", "cu", "53" ], [ "Curaçao", "cw", "599", 0 ], [ "Cyprus (Κύπρος)", "cy", "357" ], [ "Czech Republic (Česká republika)", "cz", "420" ], [ "Denmark (Danmark)", "dk", "45" ], [ "Djibouti", "dj", "253" ], [ "Dominica", "dm", "1", 13, [ "767" ] ], [ "Dominican Republic (República Dominicana)", "do", "1", 2, [ "809", "829", "849" ] ], [ "Ecuador", "ec", "593" ], [ "Egypt (‫مصر‬‎)", "eg", "20" ], [ "El Salvador", "sv", "503" ], [ "Equatorial Guinea (Guinea Ecuatorial)", "gq", "240" ], [ "Eritrea", "er", "291" ], [ "Estonia (Eesti)", "ee", "372" ], [ "Eswatini", "sz", "268" ], [ "Ethiopia", "et", "251" ], [ "Falkland Islands (Islas Malvinas)", "fk", "500" ], [ "Faroe Islands (Føroyar)", "fo", "298" ], [ "Fiji", "fj", "679" ], [ "Finland (Suomi)", "fi", "358", 0 ], [ "France", "fr", "33" ], [ "French Guiana (Guyane française)", "gf", "594" ], [ "French Polynesia (Polynésie française)", "pf", "689" ], [ "Gabon", "ga", "241" ], [ "Gambia", "gm", "220" ], [ "Georgia (საქართველო)", "ge", "995" ], [ "Germany (Deutschland)", "de", "49" ], [ "Ghana (Gaana)", "gh", "233" ], [ "Gibraltar", "gi", "350" ], [ "Greece (Ελλάδα)", "gr", "30" ], [ "Greenland (Kalaallit Nunaat)", "gl", "299" ], [ "Grenada", "gd", "1", 14, [ "473" ] ], [ "Guadeloupe", "gp", "590", 0 ], [ "Guam", "gu", "1", 15, [ "671" ] ], [ "Guatemala", "gt", "502" ], [ "Guernsey", "gg", "44", 1, [ "1481", "7781", "7839", "7911" ] ], [ "Guinea (Guinée)", "gn", "224" ], [ "Guinea-Bissau (Guiné Bissau)", "gw", "245" ], [ "Guyana", "gy", "592" ], [ "Haiti", "ht", "509" ], [ "Honduras", "hn", "504" ], [ "Hong Kong (香港)", "hk", "852" ], [ "Hungary (Magyarország)", "hu", "36" ], [ "Iceland (Ísland)", "is", "354" ], [ "India (भारत)", "in", "91" ], [ "Indonesia", "id", "62" ], [ "Iran (‫ایران‬‎)", "ir", "98" ], [ "Iraq (‫العراق‬‎)", "iq", "964" ], [ "Ireland", "ie", "353" ], [ "Isle of Man", "im", "44", 2, [ "1624", "74576", "7524", "7924", "7624" ] ], [ "Israel (‫ישראל‬‎)", "il", "972" ], [ "Italy (Italia)", "it", "39", 0 ], [ "Jamaica", "jm", "1", 4, [ "876", "658" ] ], [ "Japan (日本)", "jp", "81" ], [ "Jersey", "je", "44", 3, [ "1534", "7509", "7700", "7797", "7829", "7937" ] ], [ "Jordan (‫الأردن‬‎)", "jo", "962" ], [ "Kazakhstan (Казахстан)", "kz", "7", 1, [ "33", "7" ] ], [ "Kenya", "ke", "254" ], [ "Kiribati", "ki", "686" ], [ "Kosovo", "xk", "383" ], [ "Kuwait (‫الكويت‬‎)", "kw", "965" ], [ "Kyrgyzstan (Кыргызстан)", "kg", "996" ], [ "Laos (ລາວ)", "la", "856" ], [ "Latvia (Latvija)", "lv", "371" ], [ "Lebanon (‫لبنان‬‎)", "lb", "961" ], [ "Lesotho", "ls", "266" ], [ "Liberia", "lr", "231" ], [ "Libya (‫ليبيا‬‎)", "ly", "218" ], [ "Liechtenstein", "li", "423" ], [ "Lithuania (Lietuva)", "lt", "370" ], [ "Luxembourg", "lu", "352" ], [ "Macau (澳門)", "mo", "853" ], [ "North Macedonia (Македонија)", "mk", "389" ], [ "Madagascar (Madagasikara)", "mg", "261" ], [ "Malawi", "mw", "265" ], [ "Malaysia", "my", "60" ], [ "Maldives", "mv", "960" ], [ "Mali", "ml", "223" ], [ "Malta", "mt", "356" ], [ "Marshall Islands", "mh", "692" ], [ "Martinique", "mq", "596" ], [ "Mauritania (‫موريتانيا‬‎)", "mr", "222" ], [ "Mauritius (Moris)", "mu", "230" ], [ "Mayotte", "yt", "262", 1, [ "269", "639" ] ], [ "Mexico (México)", "mx", "52" ], [ "Micronesia", "fm", "691" ], [ "Moldova (Republica Moldova)", "md", "373" ], [ "Monaco", "mc", "377" ], [ "Mongolia (Монгол)", "mn", "976" ], [ "Montenegro (Crna Gora)", "me", "382" ], [ "Montserrat", "ms", "1", 16, [ "664" ] ], [ "Morocco (‫المغرب‬‎)", "ma", "212", 0 ], [ "Mozambique (Moçambique)", "mz", "258" ], [ "Myanmar (Burma) (မြန်မာ)", "mm", "95" ], [ "Namibia (Namibië)", "na", "264" ], [ "Nauru", "nr", "674" ], [ "Nepal (नेपाल)", "np", "977" ], [ "Netherlands (Nederland)", "nl", "31" ], [ "New Caledonia (Nouvelle-Calédonie)", "nc", "687" ], [ "New Zealand", "nz", "64" ], [ "Nicaragua", "ni", "505" ], [ "Niger (Nijar)", "ne", "227" ], [ "Nigeria", "ng", "234" ], [ "Niue", "nu", "683" ], [ "Norfolk Island", "nf", "672" ], [ "North Korea (조선 민주주의 인민 공화국)", "kp", "850" ], [ "Northern Mariana Islands", "mp", "1", 17, [ "670" ] ], [ "Norway (Norge)", "no", "47", 0 ], [ "Oman (‫عُمان‬‎)", "om", "968" ], [ "Pakistan (‫پاکستان‬‎)", "pk", "92" ], [ "Palau", "pw", "680" ], [ "Palestine (‫فلسطين‬‎)", "ps", "970" ], [ "Panama (Panamá)", "pa", "507" ], [ "Papua New Guinea", "pg", "675" ], [ "Paraguay", "py", "595" ], [ "Peru (Perú)", "pe", "51" ], [ "Philippines", "ph", "63" ], [ "Poland (Polska)", "pl", "48" ], [ "Portugal", "pt", "351" ], [ "Puerto Rico", "pr", "1", 3, [ "787", "939" ] ], [ "Qatar (‫قطر‬‎)", "qa", "974" ], [ "Réunion (La Réunion)", "re", "262", 0 ], [ "Romania (România)", "ro", "40" ], [ "Russia (Россия)", "ru", "7", 0 ], [ "Rwanda", "rw", "250" ], [ "Saint Barthélemy", "bl", "590", 1 ], [ "Saint Helena", "sh", "290" ], [ "Saint Kitts and Nevis", "kn", "1", 18, [ "869" ] ], [ "Saint Lucia", "lc", "1", 19, [ "758" ] ], [ "Saint Martin (Saint-Martin (partie française))", "mf", "590", 2 ], [ "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", "pm", "508" ], [ "Saint Vincent and the Grenadines", "vc", "1", 20, [ "784" ] ], [ "Samoa", "ws", "685" ], [ "San Marino", "sm", "378" ], [ "São Tomé and Príncipe (São Tomé e Príncipe)", "st", "239" ], [ "Saudi Arabia (‫المملكة العربية السعودية‬‎)", "sa", "966" ], [ "Senegal (Sénégal)", "sn", "221" ], [ "Serbia (Србија)", "rs", "381" ], [ "Seychelles", "sc", "248" ], [ "Sierra Leone", "sl", "232" ], [ "Singapore", "sg", "65" ], [ "Sint Maarten", "sx", "1", 21, [ "721" ] ], [ "Slovakia (Slovensko)", "sk", "421" ], [ "Slovenia (Slovenija)", "si", "386" ], [ "Solomon Islands", "sb", "677" ], [ "Somalia (Soomaaliya)", "so", "252" ], [ "South Africa", "za", "27" ], [ "South Korea (대한민국)", "kr", "82" ], [ "South Sudan (‫جنوب السودان‬‎)", "ss", "211" ], [ "Spain (España)", "es", "34" ], [ "Sri Lanka (ශ්‍රී ලංකාව)", "lk", "94" ], [ "Sudan (‫السودان‬‎)", "sd", "249" ], [ "Suriname", "sr", "597" ], [ "Svalbard and Jan Mayen", "sj", "47", 1, [ "79" ] ], [ "Sweden (Sverige)", "se", "46" ], [ "Switzerland (Schweiz)", "ch", "41" ], [ "Syria (‫سوريا‬‎)", "sy", "963" ], [ "Taiwan (台灣)", "tw", "886" ], [ "Tajikistan", "tj", "992" ], [ "Tanzania", "tz", "255" ], [ "Thailand (ไทย)", "th", "66" ], [ "Timor-Leste", "tl", "670" ], [ "Togo", "tg", "228" ], [ "Tokelau", "tk", "690" ], [ "Tonga", "to", "676" ], [ "Trinidad and Tobago", "tt", "1", 22, [ "868" ] ], [ "Tunisia (‫تونس‬‎)", "tn", "216" ], [ "Turkey (Türkiye)", "tr", "90" ], [ "Turkmenistan", "tm", "993" ], [ "Turks and Caicos Islands", "tc", "1", 23, [ "649" ] ], [ "Tuvalu", "tv", "688" ], [ "U.S. Virgin Islands", "vi", "1", 24, [ "340" ] ], [ "Uganda", "ug", "256" ], [ "Ukraine (Україна)", "ua", "380" ], [ "United Arab Emirates (‫الإمارات العربية المتحدة‬‎)", "ae", "971" ], [ "United Kingdom", "gb", "44", 0 ], [ "United States", "us", "1", 0 ], [ "Uruguay", "uy", "598" ], [ "Uzbekistan (Oʻzbekiston)", "uz", "998" ], [ "Vanuatu", "vu", "678" ], [ "Vatican City (Città del Vaticano)", "va", "39", 1, [ "06698" ] ], [ "Venezuela", "ve", "58" ], [ "Vietnam (Việt Nam)", "vn", "84" ], [ "Wallis and Futuna (Wallis-et-Futuna)", "wf", "681" ], [ "Western Sahara (‫الصحراء الغربية‬‎)", "eh", "212", 1, [ "5288", "5289" ] ], [ "Yemen (‫اليمن‬‎)", "ye", "967" ], [ "Zambia", "zm", "260" ], [ "Zimbabwe", "zw", "263" ], [ "Åland Islands", "ax", "358", 1, [ "18" ] ] ];
-        // loop over all of the countries above, restructuring the data to be objects with named keys
-        for (var i = 0; i < allCountries.length; i++) {
-            var c = allCountries[i];
-            allCountries[i] = {
-                name: c[0],
-                iso2: c[1],
-                dialCode: c[2],
-                priority: c[3] || 0,
-                areaCodes: c[4] || null
-            };
-        }
-        function _classCallCheck(instance, Constructor) {
-            if (!(instance instanceof Constructor)) {
-                throw new TypeError("Cannot call a class as a function");
-            }
-        }
-        function _defineProperties(target, props) {
-            for (var i = 0; i < props.length; i++) {
-                var descriptor = props[i];
-                descriptor.enumerable = descriptor.enumerable || false;
-                descriptor.configurable = true;
-                if ("value" in descriptor) descriptor.writable = true;
-                Object.defineProperty(target, descriptor.key, descriptor);
-            }
-        }
-        function _createClass(Constructor, protoProps, staticProps) {
-            if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-            if (staticProps) _defineProperties(Constructor, staticProps);
-            return Constructor;
-        }
-        var intlTelInputGlobals = {
-            getInstance: function getInstance(input) {
-                var id = input.getAttribute("data-intl-tel-input-id");
-                return window.intlTelInputGlobals.instances[id];
-            },
-            instances: {},
-            // using a global like this allows us to mock it in the tests
-            documentReady: function documentReady() {
-                return document.readyState === "complete";
-            }
-        };
-        if (typeof window === "object") window.intlTelInputGlobals = intlTelInputGlobals;
-        // these vars persist through all instances of the plugin
-        var id = 0;
-        var defaults = {
-            // whether or not to allow the dropdown
-            allowDropdown: true,
-            // if there is just a dial code in the input: remove it on blur
-            autoHideDialCode: true,
-            // add a placeholder in the input with an example number for the selected country
-            autoPlaceholder: "polite",
-            // modify the parentClass
-            customContainer: "",
-            // modify the auto placeholder
-            customPlaceholder: null,
-            // append menu to specified element
-            dropdownContainer: null,
-            // don't display these countries
-            excludeCountries: [],
-            // format the input value during initialisation and on setNumber
-            formatOnDisplay: true,
-            // geoIp lookup function
-            geoIpLookup: null,
-            // inject a hidden input with this name, and on submit, populate it with the result of getNumber
-            hiddenInput: "",
-            // initial country
-            initialCountry: "",
-            // localized country names e.g. { 'de': 'Deutschland' }
-            localizedCountries: null,
-            // don't insert international dial codes
-            nationalMode: true,
-            // display only these countries
-            onlyCountries: [],
-            // number type to use for placeholders
-            placeholderNumberType: "MOBILE",
-            // the countries at the top of the list. defaults to united states and united kingdom
-            preferredCountries: [ "us", "gb" ],
-            // display the country dial code next to the selected flag so it's not part of the typed number
-            separateDialCode: false,
-            // specify the path to the libphonenumber script to enable validation/formatting
-            utilsScript: ""
-        };
-        // https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes#Non-geographic_area_codes
-        var regionlessNanpNumbers = [ "800", "822", "833", "844", "855", "866", "877", "880", "881", "882", "883", "884", "885", "886", "887", "888", "889" ];
-        // utility function to iterate over an object. can't use Object.entries or native forEach because
-        // of IE11
-        var forEachProp = function forEachProp(obj, callback) {
-            var keys = Object.keys(obj);
-            for (var i = 0; i < keys.length; i++) {
-                callback(keys[i], obj[keys[i]]);
-            }
-        };
-        // run a method on each instance of the plugin
-        var forEachInstance = function forEachInstance(method) {
-            forEachProp(window.intlTelInputGlobals.instances, function(key) {
-                window.intlTelInputGlobals.instances[key][method]();
-            });
-        };
-        // this is our plugin class that we will create an instance of
-        // eslint-disable-next-line no-unused-vars
-        var Iti = /*#__PURE__*/
-        function() {
-            function Iti(input, options) {
-                var _this = this;
-                _classCallCheck(this, Iti);
-                this.id = id++;
-                this.telInput = input;
-                this.activeItem = null;
-                this.highlightedItem = null;
-                // process specified options / defaults
-                // alternative to Object.assign, which isn't supported by IE11
-                var customOptions = options || {};
-                this.options = {};
-                forEachProp(defaults, function(key, value) {
-                    _this.options[key] = customOptions.hasOwnProperty(key) ? customOptions[key] : value;
-                });
-                this.hadInitialPlaceholder = Boolean(input.getAttribute("placeholder"));
-            }
-            _createClass(Iti, [ {
-                key: "_init",
-                value: function _init() {
-                    var _this2 = this;
-                    // if in nationalMode, disable options relating to dial codes
-                    if (this.options.nationalMode) this.options.autoHideDialCode = false;
-                    // if separateDialCode then doesn't make sense to A) insert dial code into input
-                    // (autoHideDialCode), and B) display national numbers (because we're displaying the country
-                    // dial code next to them)
-                    if (this.options.separateDialCode) {
-                        this.options.autoHideDialCode = this.options.nationalMode = false;
-                    }
-                    // we cannot just test screen size as some smartphones/website meta tags will report desktop
-                    // resolutions
-                    // Note: for some reason jasmine breaks if you put this in the main Plugin function with the
-                    // rest of these declarations
-                    // Note: to target Android Mobiles (and not Tablets), we must find 'Android' and 'Mobile'
-                    this.isMobile = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-                    if (this.isMobile) {
-                        // trigger the mobile dropdown css
-                        document.body.classList.add("iti-mobile");
-                        // on mobile, we want a full screen dropdown, so we must append it to the body
-                        if (!this.options.dropdownContainer) this.options.dropdownContainer = document.body;
-                    }
-                    // these promises get resolved when their individual requests complete
-                    // this way the dev can do something like iti.promise.then(...) to know when all requests are
-                    // complete
-                    if (typeof Promise !== "undefined") {
-                        var autoCountryPromise = new Promise(function(resolve, reject) {
-                            _this2.resolveAutoCountryPromise = resolve;
-                            _this2.rejectAutoCountryPromise = reject;
-                        });
-                        var utilsScriptPromise = new Promise(function(resolve, reject) {
-                            _this2.resolveUtilsScriptPromise = resolve;
-                            _this2.rejectUtilsScriptPromise = reject;
-                        });
-                        this.promise = Promise.all([ autoCountryPromise, utilsScriptPromise ]);
-                    } else {
-                        // prevent errors when Promise doesn't exist
-                        this.resolveAutoCountryPromise = this.rejectAutoCountryPromise = function() {};
-                        this.resolveUtilsScriptPromise = this.rejectUtilsScriptPromise = function() {};
-                    }
-                    // in various situations there could be no country selected initially, but we need to be able
-                    // to assume this variable exists
-                    this.selectedCountryData = {};
-                    // process all the data: onlyCountries, excludeCountries, preferredCountries etc
-                    this._processCountryData();
-                    // generate the markup
-                    this._generateMarkup();
-                    // set the initial state of the input value and the selected flag
-                    this._setInitialState();
-                    // start all of the event listeners: autoHideDialCode, input keydown, selectedFlag click
-                    this._initListeners();
-                    // utils script, and auto country
-                    this._initRequests();
-                }
-            }, {
-                key: "_processCountryData",
-                value: function _processCountryData() {
-                    // process onlyCountries or excludeCountries array if present
-                    this._processAllCountries();
-                    // process the countryCodes map
-                    this._processCountryCodes();
-                    // process the preferredCountries
-                    this._processPreferredCountries();
-                    // translate countries according to localizedCountries option
-                    if (this.options.localizedCountries) this._translateCountriesByLocale();
-                    // sort countries by name
-                    if (this.options.onlyCountries.length || this.options.localizedCountries) {
-                        this.countries.sort(this._countryNameSort);
-                    }
-                }
-            }, {
-                key: "_addCountryCode",
-                value: function _addCountryCode(iso2, countryCode, priority) {
-                    if (countryCode.length > this.countryCodeMaxLen) {
-                        this.countryCodeMaxLen = countryCode.length;
-                    }
-                    if (!this.countryCodes.hasOwnProperty(countryCode)) {
-                        this.countryCodes[countryCode] = [];
-                    }
-                    // bail if we already have this country for this countryCode
-                    for (var i = 0; i < this.countryCodes[countryCode].length; i++) {
-                        if (this.countryCodes[countryCode][i] === iso2) return;
-                    }
-                    // check for undefined as 0 is falsy
-                    var index = priority !== undefined$1 ? priority : this.countryCodes[countryCode].length;
-                    this.countryCodes[countryCode][index] = iso2;
-                }
-            }, {
-                key: "_processAllCountries",
-                value: function _processAllCountries() {
-                    if (this.options.onlyCountries.length) {
-                        var lowerCaseOnlyCountries = this.options.onlyCountries.map(function(country) {
-                            return country.toLowerCase();
-                        });
-                        this.countries = allCountries.filter(function(country) {
-                            return lowerCaseOnlyCountries.indexOf(country.iso2) > -1;
-                        });
-                    } else if (this.options.excludeCountries.length) {
-                        var lowerCaseExcludeCountries = this.options.excludeCountries.map(function(country) {
-                            return country.toLowerCase();
-                        });
-                        this.countries = allCountries.filter(function(country) {
-                            return lowerCaseExcludeCountries.indexOf(country.iso2) === -1;
-                        });
-                    } else {
-                        this.countries = allCountries;
-                    }
-                }
-            }, {
-                key: "_translateCountriesByLocale",
-                value: function _translateCountriesByLocale() {
-                    for (var i = 0; i < this.countries.length; i++) {
-                        var iso = this.countries[i].iso2.toLowerCase();
-                        if (this.options.localizedCountries.hasOwnProperty(iso)) {
-                            this.countries[i].name = this.options.localizedCountries[iso];
-                        }
-                    }
-                }
-            }, {
-                key: "_countryNameSort",
-                value: function _countryNameSort(a, b) {
-                    return a.name.localeCompare(b.name);
-                }
-            }, {
-                key: "_processCountryCodes",
-                value: function _processCountryCodes() {
-                    this.countryCodeMaxLen = 0;
-                    // here we store just dial codes
-                    this.dialCodes = {};
-                    // here we store "country codes" (both dial codes and their area codes)
-                    this.countryCodes = {};
-                    // first: add dial codes
-                    for (var i = 0; i < this.countries.length; i++) {
-                        var c = this.countries[i];
-                        if (!this.dialCodes[c.dialCode]) this.dialCodes[c.dialCode] = true;
-                        this._addCountryCode(c.iso2, c.dialCode, c.priority);
-                    }
-                    // next: add area codes
-                    // this is a second loop over countries, to make sure we have all of the "root" countries
-                    // already in the map, so that we can access them, as each time we add an area code substring
-                    // to the map, we also need to include the "root" country's code, as that also matches
-                    for (var _i = 0; _i < this.countries.length; _i++) {
-                        var _c = this.countries[_i];
-                        // area codes
-                        if (_c.areaCodes) {
-                            var rootCountryCode = this.countryCodes[_c.dialCode][0];
-                            // for each area code
-                            for (var j = 0; j < _c.areaCodes.length; j++) {
-                                var areaCode = _c.areaCodes[j];
-                                // for each digit in the area code to add all partial matches as well
-                                for (var k = 1; k < areaCode.length; k++) {
-                                    var partialDialCode = _c.dialCode + areaCode.substr(0, k);
-                                    // start with the root country, as that also matches this dial code
-                                    this._addCountryCode(rootCountryCode, partialDialCode);
-                                    this._addCountryCode(_c.iso2, partialDialCode);
-                                }
-                                // add the full area code
-                                this._addCountryCode(_c.iso2, _c.dialCode + areaCode);
-                            }
-                        }
-                    }
-                }
-            }, {
-                key: "_processPreferredCountries",
-                value: function _processPreferredCountries() {
-                    this.preferredCountries = [];
-                    for (var i = 0; i < this.options.preferredCountries.length; i++) {
-                        var countryCode = this.options.preferredCountries[i].toLowerCase();
-                        var countryData = this._getCountryData(countryCode, false, true);
-                        if (countryData) this.preferredCountries.push(countryData);
-                    }
-                }
-            }, {
-                key: "_createEl",
-                value: function _createEl(name, attrs, container) {
-                    var el = document.createElement(name);
-                    if (attrs) forEachProp(attrs, function(key, value) {
-                        return el.setAttribute(key, value);
-                    });
-                    if (container) container.appendChild(el);
-                    return el;
-                }
-            }, {
-                key: "_generateMarkup",
-                value: function _generateMarkup() {
-                    // if autocomplete does not exist on the element and its form, then
-                    // prevent autocomplete as there's no safe, cross-browser event we can react to, so it can
-                    // easily put the plugin in an inconsistent state e.g. the wrong flag selected for the
-                    // autocompleted number, which on submit could mean wrong number is saved (esp in nationalMode)
-                    if (!this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete"))) {
-                        this.telInput.setAttribute("autocomplete", "off");
-                    }
-                    // containers (mostly for positioning)
-                    var parentClass = "iti";
-                    if (this.options.allowDropdown) parentClass += " iti--allow-dropdown";
-                    if (this.options.separateDialCode) parentClass += " iti--separate-dial-code";
-                    if (this.options.customContainer) {
-                        parentClass += " ";
-                        parentClass += this.options.customContainer;
-                    }
-                    var wrapper = this._createEl("div", {
-                        "class": parentClass
-                    });
-                    this.telInput.parentNode.insertBefore(wrapper, this.telInput);
-                    this.flagsContainer = this._createEl("div", {
-                        "class": "iti__flag-container"
-                    }, wrapper);
-                    wrapper.appendChild(this.telInput);
-                    // selected flag (displayed to left of input)
-                    this.selectedFlag = this._createEl("div", {
-                        "class": "iti__selected-flag",
-                        role: "combobox",
-                        "aria-controls": "iti-".concat(this.id, "__country-listbox"),
-                        "aria-owns": "iti-".concat(this.id, "__country-listbox"),
-                        "aria-expanded": "false"
-                    }, this.flagsContainer);
-                    this.selectedFlagInner = this._createEl("div", {
-                        "class": "iti__flag"
-                    }, this.selectedFlag);
-                    if (this.options.separateDialCode) {
-                        this.selectedDialCode = this._createEl("div", {
-                            "class": "iti__selected-dial-code"
-                        }, this.selectedFlag);
-                    }
-                    if (this.options.allowDropdown) {
-                        // make element focusable and tab navigable
-                        this.selectedFlag.setAttribute("tabindex", "0");
-                        this.dropdownArrow = this._createEl("div", {
-                            "class": "iti__arrow"
-                        }, this.selectedFlag);
-                        // country dropdown: preferred countries, then divider, then all countries
-                        this.countryList = this._createEl("ul", {
-                            "class": "iti__country-list iti__hide",
-                            id: "iti-".concat(this.id, "__country-listbox"),
-                            role: "listbox",
-                            "aria-label": "List of countries"
-                        });
-                        if (this.preferredCountries.length) {
-                            this._appendListItems(this.preferredCountries, "iti__preferred", true);
-                            this._createEl("li", {
-                                "class": "iti__divider",
-                                role: "separator",
-                                "aria-disabled": "true"
-                            }, this.countryList);
-                        }
-                        this._appendListItems(this.countries, "iti__standard");
-                        // create dropdownContainer markup
-                        if (this.options.dropdownContainer) {
-                            this.dropdown = this._createEl("div", {
-                                "class": "iti iti--container"
-                            });
-                            this.dropdown.appendChild(this.countryList);
-                        } else {
-                            this.flagsContainer.appendChild(this.countryList);
-                        }
-                    }
-                    if (this.options.hiddenInput) {
-                        var hiddenInputName = this.options.hiddenInput;
-                        var name = this.telInput.getAttribute("name");
-                        if (name) {
-                            var i = name.lastIndexOf("[");
-                            // if input name contains square brackets, then give the hidden input the same name,
-                            // replacing the contents of the last set of brackets with the given hiddenInput name
-                            if (i !== -1) hiddenInputName = "".concat(name.substr(0, i), "[").concat(hiddenInputName, "]");
-                        }
-                        this.hiddenInput = this._createEl("input", {
-                            type: "hidden",
-                            name: hiddenInputName
-                        });
-                        wrapper.appendChild(this.hiddenInput);
-                    }
-                }
-            }, {
-                key: "_appendListItems",
-                value: function _appendListItems(countries, className, preferred) {
-                    // we create so many DOM elements, it is faster to build a temp string
-                    // and then add everything to the DOM in one go at the end
-                    var tmp = "";
-                    // for each country
-                    for (var i = 0; i < countries.length; i++) {
-                        var c = countries[i];
-                        var idSuffix = preferred ? "-preferred" : "";
-                        // open the list item
-                        tmp += "<li class='iti__country ".concat(className, "' tabIndex='-1' id='iti-").concat(this.id, "__item-").concat(c.iso2).concat(idSuffix, "' role='option' data-dial-code='").concat(c.dialCode, "' data-country-code='").concat(c.iso2, "' aria-selected='false'>");
-                        // add the flag
-                        tmp += "<div class='iti__flag-box'><div class='iti__flag iti__".concat(c.iso2, "'></div></div>");
-                        // and the country name and dial code
-                        tmp += "<span class='iti__country-name'>".concat(c.name, "</span>");
-                        tmp += "<span class='iti__dial-code'>+".concat(c.dialCode, "</span>");
-                        // close the list item
-                        tmp += "</li>";
-                    }
-                    this.countryList.insertAdjacentHTML("beforeend", tmp);
-                }
-            }, {
-                key: "_setInitialState",
-                value: function _setInitialState() {
-                    // fix firefox bug: when first load page (with input with value set to number with intl dial
-                    // code) and initialising plugin removes the dial code from the input, then refresh page,
-                    // and we try to init plugin again but this time on number without dial code so get grey flag
-                    var attributeValue = this.telInput.getAttribute("value");
-                    var inputValue = this.telInput.value;
-                    var useAttribute = attributeValue && attributeValue.charAt(0) === "+" && (!inputValue || inputValue.charAt(0) !== "+");
-                    var val = useAttribute ? attributeValue : inputValue;
-                    var dialCode = this._getDialCode(val);
-                    var isRegionlessNanp = this._isRegionlessNanp(val);
-                    var _this$options = this.options, initialCountry = _this$options.initialCountry, nationalMode = _this$options.nationalMode, autoHideDialCode = _this$options.autoHideDialCode, separateDialCode = _this$options.separateDialCode;
-                    // if we already have a dial code, and it's not a regionlessNanp, we can go ahead and set the
-                    // flag, else fall back to the default country
-                    if (dialCode && !isRegionlessNanp) {
-                        this._updateFlagFromNumber(val);
-                    } else if (initialCountry !== "auto") {
-                        // see if we should select a flag
-                        if (initialCountry) {
-                            this._setFlag(initialCountry.toLowerCase());
-                        } else {
-                            if (dialCode && isRegionlessNanp) {
-                                // has intl dial code, is regionless nanp, and no initialCountry, so default to US
-                                this._setFlag("us");
-                            } else {
-                                // no dial code and no initialCountry, so default to first in list
-                                this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2;
-                                if (!val) {
-                                    this._setFlag(this.defaultCountry);
-                                }
-                            }
-                        }
-                        // if empty and no nationalMode and no autoHideDialCode then insert the default dial code
-                        if (!val && !nationalMode && !autoHideDialCode && !separateDialCode) {
-                            this.telInput.value = "+".concat(this.selectedCountryData.dialCode);
-                        }
-                    }
-                    // NOTE: if initialCountry is set to auto, that will be handled separately
-                    // format - note this wont be run after _updateDialCode as that's only called if no val
-                    if (val) this._updateValFromNumber(val);
-                }
-            }, {
-                key: "_initListeners",
-                value: function _initListeners() {
-                    this._initKeyListeners();
-                    if (this.options.autoHideDialCode) this._initBlurListeners();
-                    if (this.options.allowDropdown) this._initDropdownListeners();
-                    if (this.hiddenInput) this._initHiddenInputListener();
-                }
-            }, {
-                key: "_initHiddenInputListener",
-                value: function _initHiddenInputListener() {
-                    var _this3 = this;
-                    this._handleHiddenInputSubmit = function() {
-                        _this3.hiddenInput.value = _this3.getNumber();
-                    };
-                    if (this.telInput.form) this.telInput.form.addEventListener("submit", this._handleHiddenInputSubmit);
-                }
-            }, {
-                key: "_getClosestLabel",
-                value: function _getClosestLabel() {
-                    var el = this.telInput;
-                    while (el && el.tagName !== "LABEL") {
-                        el = el.parentNode;
-                    }
-                    return el;
-                }
-            }, {
-                key: "_initDropdownListeners",
-                value: function _initDropdownListeners() {
-                    var _this4 = this;
-                    // hack for input nested inside label (which is valid markup): clicking the selected-flag to
-                    // open the dropdown would then automatically trigger a 2nd click on the input which would
-                    // close it again
-                    this._handleLabelClick = function(e) {
-                        // if the dropdown is closed, then focus the input, else ignore the click
-                        if (_this4.countryList.classList.contains("iti__hide")) _this4.telInput.focus(); else e.preventDefault();
-                    };
-                    var label = this._getClosestLabel();
-                    if (label) label.addEventListener("click", this._handleLabelClick);
-                    // toggle country dropdown on click
-                    this._handleClickSelectedFlag = function() {
-                        // only intercept this event if we're opening the dropdown
-                        // else let it bubble up to the top ("click-off-to-close" listener)
-                        // we cannot just stopPropagation as it may be needed to close another instance
-                        if (_this4.countryList.classList.contains("iti__hide") && !_this4.telInput.disabled && !_this4.telInput.readOnly) {
-                            _this4._showDropdown();
-                        }
-                    };
-                    this.selectedFlag.addEventListener("click", this._handleClickSelectedFlag);
-                    // open dropdown list if currently focused
-                    this._handleFlagsContainerKeydown = function(e) {
-                        var isDropdownHidden = _this4.countryList.classList.contains("iti__hide");
-                        if (isDropdownHidden && [ "ArrowUp", "Up", "ArrowDown", "Down", " ", "Enter" ].indexOf(e.key) !== -1) {
-                            // prevent form from being submitted if "ENTER" was pressed
-                            e.preventDefault();
-                            // prevent event from being handled again by document
-                            e.stopPropagation();
-                            _this4._showDropdown();
-                        }
-                        // allow navigation from dropdown to input on TAB
-                        if (e.key === "Tab") _this4._closeDropdown();
-                    };
-                    this.flagsContainer.addEventListener("keydown", this._handleFlagsContainerKeydown);
-                }
-            }, {
-                key: "_initRequests",
-                value: function _initRequests() {
-                    var _this5 = this;
-                    // if the user has specified the path to the utils script, fetch it on window.load, else resolve
-                    if (this.options.utilsScript && !window.intlTelInputUtils) {
-                        // if the plugin is being initialised after the window.load event has already been fired
-                        if (window.intlTelInputGlobals.documentReady()) {
-                            window.intlTelInputGlobals.loadUtils(this.options.utilsScript);
-                        } else {
-                            // wait until the load event so we don't block any other requests e.g. the flags image
-                            window.addEventListener("load", function() {
-                                window.intlTelInputGlobals.loadUtils(_this5.options.utilsScript);
-                            });
-                        }
-                    } else this.resolveUtilsScriptPromise();
-                    if (this.options.initialCountry === "auto") this._loadAutoCountry(); else this.resolveAutoCountryPromise();
-                }
-            }, {
-                key: "_loadAutoCountry",
-                value: function _loadAutoCountry() {
-                    // 3 options:
-                    // 1) already loaded (we're done)
-                    // 2) not already started loading (start)
-                    // 3) already started loading (do nothing - just wait for loading callback to fire)
-                    if (window.intlTelInputGlobals.autoCountry) {
-                        this.handleAutoCountry();
-                    } else if (!window.intlTelInputGlobals.startedLoadingAutoCountry) {
-                        // don't do this twice!
-                        window.intlTelInputGlobals.startedLoadingAutoCountry = true;
-                        if (typeof this.options.geoIpLookup === "function") {
-                            this.options.geoIpLookup(function(countryCode) {
-                                window.intlTelInputGlobals.autoCountry = countryCode.toLowerCase();
-                                // tell all instances the auto country is ready
-                                // TODO: this should just be the current instances
-                                // UPDATE: use setTimeout in case their geoIpLookup function calls this callback straight
-                                // away (e.g. if they have already done the geo ip lookup somewhere else). Using
-                                // setTimeout means that the current thread of execution will finish before executing
-                                // this, which allows the plugin to finish initialising.
-                                setTimeout(function() {
-                                    return forEachInstance("handleAutoCountry");
-                                });
-                            }, function() {
-                                return forEachInstance("rejectAutoCountryPromise");
-                            });
-                        }
-                    }
-                }
-            }, {
-                key: "_initKeyListeners",
-                value: function _initKeyListeners() {
-                    var _this6 = this;
-                    // update flag on keyup
-                    this._handleKeyupEvent = function() {
-                        if (_this6._updateFlagFromNumber(_this6.telInput.value)) {
-                            _this6._triggerCountryChange();
-                        }
-                    };
-                    this.telInput.addEventListener("keyup", this._handleKeyupEvent);
-                    // update flag on cut/paste events (now supported in all major browsers)
-                    this._handleClipboardEvent = function() {
-                        // hack because "paste" event is fired before input is updated
-                        setTimeout(_this6._handleKeyupEvent);
-                    };
-                    this.telInput.addEventListener("cut", this._handleClipboardEvent);
-                    this.telInput.addEventListener("paste", this._handleClipboardEvent);
-                }
-            }, {
-                key: "_cap",
-                value: function _cap(number) {
-                    var max = this.telInput.getAttribute("maxlength");
-                    return max && number.length > max ? number.substr(0, max) : number;
-                }
-            }, {
-                key: "_initBlurListeners",
-                value: function _initBlurListeners() {
-                    var _this7 = this;
-                    // on blur or form submit: if just a dial code then remove it
-                    this._handleSubmitOrBlurEvent = function() {
-                        _this7._removeEmptyDialCode();
-                    };
-                    if (this.telInput.form) this.telInput.form.addEventListener("submit", this._handleSubmitOrBlurEvent);
-                    this.telInput.addEventListener("blur", this._handleSubmitOrBlurEvent);
-                }
-            }, {
-                key: "_removeEmptyDialCode",
-                value: function _removeEmptyDialCode() {
-                    if (this.telInput.value.charAt(0) === "+") {
-                        var numeric = this._getNumeric(this.telInput.value);
-                        // if just a plus, or if just a dial code
-                        if (!numeric || this.selectedCountryData.dialCode === numeric) {
-                            this.telInput.value = "";
-                        }
-                    }
-                }
-            }, {
-                key: "_getNumeric",
-                value: function _getNumeric(s) {
-                    return s.replace(/\D/g, "");
-                }
-            }, {
-                key: "_trigger",
-                value: function _trigger(name) {
-                    // have to use old school document.createEvent as IE11 doesn't support `new Event()` syntax
-                    var e = document.createEvent("Event");
-                    e.initEvent(name, true, true);
-                    // can bubble, and is cancellable
-                    this.telInput.dispatchEvent(e);
-                }
-            }, {
-                key: "_showDropdown",
-                value: function _showDropdown() {
-                    this.countryList.classList.remove("iti__hide");
-                    this.selectedFlag.setAttribute("aria-expanded", "true");
-                    this._setDropdownPosition();
-                    // update highlighting and scroll to active list item
-                    if (this.activeItem) {
-                        this._highlightListItem(this.activeItem, false);
-                        this._scrollTo(this.activeItem, true);
-                    }
-                    // bind all the dropdown-related listeners: mouseover, click, click-off, keydown
-                    this._bindDropdownListeners();
-                    // update the arrow
-                    this.dropdownArrow.classList.add("iti__arrow--up");
-                    this._trigger("open:countrydropdown");
-                }
-            }, {
-                key: "_toggleClass",
-                value: function _toggleClass(el, className, shouldHaveClass) {
-                    if (shouldHaveClass && !el.classList.contains(className)) el.classList.add(className); else if (!shouldHaveClass && el.classList.contains(className)) el.classList.remove(className);
-                }
-            }, {
-                key: "_setDropdownPosition",
-                value: function _setDropdownPosition() {
-                    var _this8 = this;
-                    if (this.options.dropdownContainer) {
-                        this.options.dropdownContainer.appendChild(this.dropdown);
-                    }
-                    if (!this.isMobile) {
-                        var pos = this.telInput.getBoundingClientRect();
-                        // windowTop from https://stackoverflow.com/a/14384091/217866
-                        var windowTop = window.pageYOffset || document.documentElement.scrollTop;
-                        var inputTop = pos.top + windowTop;
-                        var dropdownHeight = this.countryList.offsetHeight;
-                        // dropdownFitsBelow = (dropdownBottom < windowBottom)
-                        var dropdownFitsBelow = inputTop + this.telInput.offsetHeight + dropdownHeight < windowTop + window.innerHeight;
-                        var dropdownFitsAbove = inputTop - dropdownHeight > windowTop;
-                        // by default, the dropdown will be below the input. If we want to position it above the
-                        // input, we add the dropup class.
-                        this._toggleClass(this.countryList, "iti__country-list--dropup", !dropdownFitsBelow && dropdownFitsAbove);
-                        // if dropdownContainer is enabled, calculate postion
-                        if (this.options.dropdownContainer) {
-                            // by default the dropdown will be directly over the input because it's not in the flow.
-                            // If we want to position it below, we need to add some extra top value.
-                            var extraTop = !dropdownFitsBelow && dropdownFitsAbove ? 0 : this.telInput.offsetHeight;
-                            // calculate placement
-                            this.dropdown.style.top = "".concat(inputTop + extraTop, "px");
-                            this.dropdown.style.left = "".concat(pos.left + document.body.scrollLeft, "px");
-                            // close menu on window scroll
-                            this._handleWindowScroll = function() {
-                                return _this8._closeDropdown();
-                            };
-                            window.addEventListener("scroll", this._handleWindowScroll);
-                        }
-                    }
-                }
-            }, {
-                key: "_getClosestListItem",
-                value: function _getClosestListItem(target) {
-                    var el = target;
-                    while (el && el !== this.countryList && !el.classList.contains("iti__country")) {
-                        el = el.parentNode;
-                    }
-                    // if we reached the countryList element, then return null
-                    return el === this.countryList ? null : el;
-                }
-            }, {
-                key: "_bindDropdownListeners",
-                value: function _bindDropdownListeners() {
-                    var _this9 = this;
-                    // when mouse over a list item, just highlight that one
-                    // we add the class "highlight", so if they hit "enter" we know which one to select
-                    this._handleMouseoverCountryList = function(e) {
-                        // handle event delegation, as we're listening for this event on the countryList
-                        var listItem = _this9._getClosestListItem(e.target);
-                        if (listItem) _this9._highlightListItem(listItem, false);
-                    };
-                    this.countryList.addEventListener("mouseover", this._handleMouseoverCountryList);
-                    // listen for country selection
-                    this._handleClickCountryList = function(e) {
-                        var listItem = _this9._getClosestListItem(e.target);
-                        if (listItem) _this9._selectListItem(listItem);
-                    };
-                    this.countryList.addEventListener("click", this._handleClickCountryList);
-                    // click off to close
-                    // (except when this initial opening click is bubbling up)
-                    // we cannot just stopPropagation as it may be needed to close another instance
-                    var isOpening = true;
-                    this._handleClickOffToClose = function() {
-                        if (!isOpening) _this9._closeDropdown();
-                        isOpening = false;
-                    };
-                    document.documentElement.addEventListener("click", this._handleClickOffToClose);
-                    // listen for up/down scrolling, enter to select, or letters to jump to country name.
-                    // use keydown as keypress doesn't fire for non-char keys and we want to catch if they
-                    // just hit down and hold it to scroll down (no keyup event).
-                    // listen on the document because that's where key events are triggered if no input has focus
-                    var query = "";
-                    var queryTimer = null;
-                    this._handleKeydownOnDropdown = function(e) {
-                        // prevent down key from scrolling the whole page,
-                        // and enter key from submitting a form etc
-                        e.preventDefault();
-                        // up and down to navigate
-                        if (e.key === "ArrowUp" || e.key === "Up" || e.key === "ArrowDown" || e.key === "Down") _this9._handleUpDownKey(e.key); else if (e.key === "Enter") _this9._handleEnterKey(); else if (e.key === "Escape") _this9._closeDropdown(); else if (/^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(e.key)) {
-                            // jump to countries that start with the query string
-                            if (queryTimer) clearTimeout(queryTimer);
-                            query += e.key.toLowerCase();
-                            _this9._searchForCountry(query);
-                            // if the timer hits 1 second, reset the query
-                            queryTimer = setTimeout(function() {
-                                query = "";
-                            }, 1e3);
-                        }
-                    };
-                    document.addEventListener("keydown", this._handleKeydownOnDropdown);
-                }
-            }, {
-                key: "_handleUpDownKey",
-                value: function _handleUpDownKey(key) {
-                    var next = key === "ArrowUp" || key === "Up" ? this.highlightedItem.previousElementSibling : this.highlightedItem.nextElementSibling;
-                    if (next) {
-                        // skip the divider
-                        if (next.classList.contains("iti__divider")) {
-                            next = key === "ArrowUp" || key === "Up" ? next.previousElementSibling : next.nextElementSibling;
-                        }
-                        this._highlightListItem(next, true);
-                    }
-                }
-            }, {
-                key: "_handleEnterKey",
-                value: function _handleEnterKey() {
-                    if (this.highlightedItem) this._selectListItem(this.highlightedItem);
-                }
-            }, {
-                key: "_searchForCountry",
-                value: function _searchForCountry(query) {
-                    for (var i = 0; i < this.countries.length; i++) {
-                        if (this._startsWith(this.countries[i].name, query)) {
-                            var listItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(this.countries[i].iso2));
-                            // update highlighting and scroll
-                            this._highlightListItem(listItem, false);
-                            this._scrollTo(listItem, true);
-                            break;
-                        }
-                    }
-                }
-            }, {
-                key: "_startsWith",
-                value: function _startsWith(a, b) {
-                    return a.substr(0, b.length).toLowerCase() === b;
-                }
-            }, {
-                key: "_updateValFromNumber",
-                value: function _updateValFromNumber(originalNumber) {
-                    var number = originalNumber;
-                    if (this.options.formatOnDisplay && window.intlTelInputUtils && this.selectedCountryData) {
-                        var useNational = !this.options.separateDialCode && (this.options.nationalMode || number.charAt(0) !== "+");
-                        var _intlTelInputUtils$nu = intlTelInputUtils.numberFormat, NATIONAL = _intlTelInputUtils$nu.NATIONAL, INTERNATIONAL = _intlTelInputUtils$nu.INTERNATIONAL;
-                        var format = useNational ? NATIONAL : INTERNATIONAL;
-                        number = intlTelInputUtils.formatNumber(number, this.selectedCountryData.iso2, format);
-                    }
-                    number = this._beforeSetNumber(number);
-                    this.telInput.value = number;
-                }
-            }, {
-                key: "_updateFlagFromNumber",
-                value: function _updateFlagFromNumber(originalNumber) {
-                    // if we're in nationalMode and we already have US/Canada selected, make sure the number starts
-                    // with a +1 so _getDialCode will be able to extract the area code
-                    // update: if we dont yet have selectedCountryData, but we're here (trying to update the flag
-                    // from the number), that means we're initialising the plugin with a number that already has a
-                    // dial code, so fine to ignore this bit
-                    var number = originalNumber;
-                    var selectedDialCode = this.selectedCountryData.dialCode;
-                    var isNanp = selectedDialCode === "1";
-                    if (number && this.options.nationalMode && isNanp && number.charAt(0) !== "+") {
-                        if (number.charAt(0) !== "1") number = "1".concat(number);
-                        number = "+".concat(number);
-                    }
-                    // update flag if user types area code for another country
-                    if (this.options.separateDialCode && selectedDialCode && number.charAt(0) !== "+") {
-                        number = "+".concat(selectedDialCode).concat(number);
-                    }
-                    // try and extract valid dial code from input
-                    var dialCode = this._getDialCode(number, true);
-                    var numeric = this._getNumeric(number);
-                    var countryCode = null;
-                    if (dialCode) {
-                        var countryCodes = this.countryCodes[this._getNumeric(dialCode)];
-                        // check if the right country is already selected. this should be false if the number is
-                        // longer than the matched dial code because in this case we need to make sure that if
-                        // there are multiple country matches, that the first one is selected (note: we could
-                        // just check that here, but it requires the same loop that we already have later)
-                        var alreadySelected = countryCodes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
-                        var isRegionlessNanpNumber = selectedDialCode === "1" && this._isRegionlessNanp(numeric);
-                        // only update the flag if:
-                        // A) NOT (we currently have a NANP flag selected, and the number is a regionlessNanp)
-                        // AND
-                        // B) the right country is not already selected
-                        if (!isRegionlessNanpNumber && !alreadySelected) {
-                            // if using onlyCountries option, countryCodes[0] may be empty, so we must find the first
-                            // non-empty index
-                            for (var j = 0; j < countryCodes.length; j++) {
-                                if (countryCodes[j]) {
-                                    countryCode = countryCodes[j];
-                                    break;
-                                }
-                            }
-                        }
-                    } else if (number.charAt(0) === "+" && numeric.length) {
-                        // invalid dial code, so empty
-                        // Note: use getNumeric here because the number has not been formatted yet, so could contain
-                        // bad chars
-                        countryCode = "";
-                    } else if (!number || number === "+") {
-                        // empty, or just a plus, so default
-                        countryCode = this.defaultCountry;
-                    }
-                    if (countryCode !== null) {
-                        return this._setFlag(countryCode);
-                    }
-                    return false;
-                }
-            }, {
-                key: "_isRegionlessNanp",
-                value: function _isRegionlessNanp(number) {
-                    var numeric = this._getNumeric(number);
-                    if (numeric.charAt(0) === "1") {
-                        var areaCode = numeric.substr(1, 3);
-                        return regionlessNanpNumbers.indexOf(areaCode) !== -1;
-                    }
-                    return false;
-                }
-            }, {
-                key: "_highlightListItem",
-                value: function _highlightListItem(listItem, shouldFocus) {
-                    var prevItem = this.highlightedItem;
-                    if (prevItem) prevItem.classList.remove("iti__highlight");
-                    this.highlightedItem = listItem;
-                    this.highlightedItem.classList.add("iti__highlight");
-                    if (shouldFocus) this.highlightedItem.focus();
-                }
-            }, {
-                key: "_getCountryData",
-                value: function _getCountryData(countryCode, ignoreOnlyCountriesOption, allowFail) {
-                    var countryList = ignoreOnlyCountriesOption ? allCountries : this.countries;
-                    for (var i = 0; i < countryList.length; i++) {
-                        if (countryList[i].iso2 === countryCode) {
-                            return countryList[i];
-                        }
-                    }
-                    if (allowFail) {
-                        return null;
-                    }
-                    throw new Error("No country data for '".concat(countryCode, "'"));
-                }
-            }, {
-                key: "_setFlag",
-                value: function _setFlag(countryCode) {
-                    var prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
-                    // do this first as it will throw an error and stop if countryCode is invalid
-                    this.selectedCountryData = countryCode ? this._getCountryData(countryCode, false, false) : {};
-                    // update the defaultCountry - we only need the iso2 from now on, so just store that
-                    if (this.selectedCountryData.iso2) {
-                        this.defaultCountry = this.selectedCountryData.iso2;
-                    }
-                    this.selectedFlagInner.setAttribute("class", "iti__flag iti__".concat(countryCode));
-                    // update the selected country's title attribute
-                    var title = countryCode ? "".concat(this.selectedCountryData.name, ": +").concat(this.selectedCountryData.dialCode) : "Unknown";
-                    this.selectedFlag.setAttribute("title", title);
-                    if (this.options.separateDialCode) {
-                        var dialCode = this.selectedCountryData.dialCode ? "+".concat(this.selectedCountryData.dialCode) : "";
-                        this.selectedDialCode.innerHTML = dialCode;
-                        // offsetWidth is zero if input is in a hidden container during initialisation
-                        var selectedFlagWidth = this.selectedFlag.offsetWidth || this._getHiddenSelectedFlagWidth();
-                        // add 6px of padding after the grey selected-dial-code box, as this is what we use in the css
-                        this.telInput.style.paddingLeft = "".concat(selectedFlagWidth + 6, "px");
-                    }
-                    // and the input's placeholder
-                    this._updatePlaceholder();
-                    // update the active list item
-                    if (this.options.allowDropdown) {
-                        var prevItem = this.activeItem;
-                        if (prevItem) {
-                            prevItem.classList.remove("iti__active");
-                            prevItem.setAttribute("aria-selected", "false");
-                        }
-                        if (countryCode) {
-                            // check if there is a preferred item first, else fall back to standard
-                            var nextItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(countryCode, "-preferred")) || this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(countryCode));
-                            nextItem.setAttribute("aria-selected", "true");
-                            nextItem.classList.add("iti__active");
-                            this.activeItem = nextItem;
-                            this.selectedFlag.setAttribute("aria-activedescendant", nextItem.getAttribute("id"));
-                        }
-                    }
-                    // return if the flag has changed or not
-                    return prevCountry.iso2 !== countryCode;
-                }
-            }, {
-                key: "_getHiddenSelectedFlagWidth",
-                value: function _getHiddenSelectedFlagWidth() {
-                    // to get the right styling to apply, all we need is a shallow clone of the container,
-                    // and then to inject a deep clone of the selectedFlag element
-                    var containerClone = this.telInput.parentNode.cloneNode();
-                    containerClone.style.visibility = "hidden";
-                    document.body.appendChild(containerClone);
-                    var flagsContainerClone = this.flagsContainer.cloneNode();
-                    containerClone.appendChild(flagsContainerClone);
-                    var selectedFlagClone = this.selectedFlag.cloneNode(true);
-                    flagsContainerClone.appendChild(selectedFlagClone);
-                    var width = selectedFlagClone.offsetWidth;
-                    containerClone.parentNode.removeChild(containerClone);
-                    return width;
-                }
-            }, {
-                key: "_updatePlaceholder",
-                value: function _updatePlaceholder() {
-                    var shouldSetPlaceholder = this.options.autoPlaceholder === "aggressive" || !this.hadInitialPlaceholder && this.options.autoPlaceholder === "polite";
-                    if (window.intlTelInputUtils && shouldSetPlaceholder) {
-                        var numberType = intlTelInputUtils.numberType[this.options.placeholderNumberType];
-                        var placeholder = this.selectedCountryData.iso2 ? intlTelInputUtils.getExampleNumber(this.selectedCountryData.iso2, this.options.nationalMode, numberType) : "";
-                        placeholder = this._beforeSetNumber(placeholder);
-                        if (typeof this.options.customPlaceholder === "function") {
-                            placeholder = this.options.customPlaceholder(placeholder, this.selectedCountryData);
-                        }
-                        this.telInput.setAttribute("placeholder", placeholder);
-                    }
-                }
-            }, {
-                key: "_selectListItem",
-                value: function _selectListItem(listItem) {
-                    // update selected flag and active list item
-                    var flagChanged = this._setFlag(listItem.getAttribute("data-country-code"));
-                    this._closeDropdown();
-                    this._updateDialCode(listItem.getAttribute("data-dial-code"), true);
-                    // focus the input
-                    this.telInput.focus();
-                    // put cursor at end - this fix is required for FF and IE11 (with nationalMode=false i.e. auto
-                    // inserting dial code), who try to put the cursor at the beginning the first time
-                    var len = this.telInput.value.length;
-                    this.telInput.setSelectionRange(len, len);
-                    if (flagChanged) {
-                        this._triggerCountryChange();
-                    }
-                }
-            }, {
-                key: "_closeDropdown",
-                value: function _closeDropdown() {
-                    this.countryList.classList.add("iti__hide");
-                    this.selectedFlag.setAttribute("aria-expanded", "false");
-                    // update the arrow
-                    this.dropdownArrow.classList.remove("iti__arrow--up");
-                    // unbind key events
-                    document.removeEventListener("keydown", this._handleKeydownOnDropdown);
-                    document.documentElement.removeEventListener("click", this._handleClickOffToClose);
-                    this.countryList.removeEventListener("mouseover", this._handleMouseoverCountryList);
-                    this.countryList.removeEventListener("click", this._handleClickCountryList);
-                    // remove menu from container
-                    if (this.options.dropdownContainer) {
-                        if (!this.isMobile) window.removeEventListener("scroll", this._handleWindowScroll);
-                        if (this.dropdown.parentNode) this.dropdown.parentNode.removeChild(this.dropdown);
-                    }
-                    this._trigger("close:countrydropdown");
-                }
-            }, {
-                key: "_scrollTo",
-                value: function _scrollTo(element, middle) {
-                    var container = this.countryList;
-                    // windowTop from https://stackoverflow.com/a/14384091/217866
-                    var windowTop = window.pageYOffset || document.documentElement.scrollTop;
-                    var containerHeight = container.offsetHeight;
-                    var containerTop = container.getBoundingClientRect().top + windowTop;
-                    var containerBottom = containerTop + containerHeight;
-                    var elementHeight = element.offsetHeight;
-                    var elementTop = element.getBoundingClientRect().top + windowTop;
-                    var elementBottom = elementTop + elementHeight;
-                    var newScrollTop = elementTop - containerTop + container.scrollTop;
-                    var middleOffset = containerHeight / 2 - elementHeight / 2;
-                    if (elementTop < containerTop) {
-                        // scroll up
-                        if (middle) newScrollTop -= middleOffset;
-                        container.scrollTop = newScrollTop;
-                    } else if (elementBottom > containerBottom) {
-                        // scroll down
-                        if (middle) newScrollTop += middleOffset;
-                        var heightDifference = containerHeight - elementHeight;
-                        container.scrollTop = newScrollTop - heightDifference;
-                    }
-                }
-            }, {
-                key: "_updateDialCode",
-                value: function _updateDialCode(newDialCodeBare, hasSelectedListItem) {
-                    var inputVal = this.telInput.value;
-                    // save having to pass this every time
-                    var newDialCode = "+".concat(newDialCodeBare);
-                    var newNumber;
-                    if (inputVal.charAt(0) === "+") {
-                        // there's a plus so we're dealing with a replacement (doesn't matter if nationalMode or not)
-                        var prevDialCode = this._getDialCode(inputVal);
-                        if (prevDialCode) {
-                            // current number contains a valid dial code, so replace it
-                            newNumber = inputVal.replace(prevDialCode, newDialCode);
-                        } else {
-                            // current number contains an invalid dial code, so ditch it
-                            // (no way to determine where the invalid dial code ends and the rest of the number begins)
-                            newNumber = newDialCode;
-                        }
-                    } else if (this.options.nationalMode || this.options.separateDialCode) {
-                        // don't do anything
-                        return;
-                    } else {
-                        // nationalMode is disabled
-                        if (inputVal) {
-                            // there is an existing value with no dial code: prefix the new dial code
-                            newNumber = newDialCode + inputVal;
-                        } else if (hasSelectedListItem || !this.options.autoHideDialCode) {
-                            // no existing value and either they've just selected a list item, or autoHideDialCode is
-                            // disabled: insert new dial code
-                            newNumber = newDialCode;
-                        } else {
-                            return;
-                        }
-                    }
-                    this.telInput.value = newNumber;
-                }
-            }, {
-                key: "_getDialCode",
-                value: function _getDialCode(number, includeAreaCode) {
-                    var dialCode = "";
-                    // only interested in international numbers (starting with a plus)
-                    if (number.charAt(0) === "+") {
-                        var numericChars = "";
-                        // iterate over chars
-                        for (var i = 0; i < number.length; i++) {
-                            var c = number.charAt(i);
-                            // if char is number (https://stackoverflow.com/a/8935649/217866)
-                            if (!isNaN(parseInt(c, 10))) {
-                                numericChars += c;
-                                // if current numericChars make a valid dial code
-                                if (includeAreaCode) {
-                                    if (this.countryCodes[numericChars]) {
-                                        // store the actual raw string (useful for matching later)
-                                        dialCode = number.substr(0, i + 1);
-                                    }
-                                } else {
-                                    if (this.dialCodes[numericChars]) {
-                                        dialCode = number.substr(0, i + 1);
-                                        // if we're just looking for a dial code, we can break as soon as we find one
-                                        break;
-                                    }
-                                }
-                                // stop searching as soon as we can - in this case when we hit max len
-                                if (numericChars.length === this.countryCodeMaxLen) {
-                                    break;
-                                }
-                            }
-                        }
-                    }
-                    return dialCode;
-                }
-            }, {
-                key: "_getFullNumber",
-                value: function _getFullNumber() {
-                    var val = this.telInput.value.trim();
-                    var dialCode = this.selectedCountryData.dialCode;
-                    var prefix;
-                    var numericVal = this._getNumeric(val);
-                    if (this.options.separateDialCode && val.charAt(0) !== "+" && dialCode && numericVal) {
-                        // when using separateDialCode, it is visible so is effectively part of the typed number
-                        prefix = "+".concat(dialCode);
-                    } else {
-                        prefix = "";
-                    }
-                    return prefix + val;
-                }
-            }, {
-                key: "_beforeSetNumber",
-                value: function _beforeSetNumber(originalNumber) {
-                    var number = originalNumber;
-                    if (this.options.separateDialCode) {
-                        var dialCode = this._getDialCode(number);
-                        // if there is a valid dial code
-                        if (dialCode) {
-                            // in case _getDialCode returned an area code as well
-                            dialCode = "+".concat(this.selectedCountryData.dialCode);
-                            // a lot of numbers will have a space separating the dial code and the main number, and
-                            // some NANP numbers will have a hyphen e.g. +1 684-733-1234 - in both cases we want to get
-                            // rid of it
-                            // NOTE: don't just trim all non-numerics as may want to preserve an open parenthesis etc
-                            var start = number[dialCode.length] === " " || number[dialCode.length] === "-" ? dialCode.length + 1 : dialCode.length;
-                            number = number.substr(start);
-                        }
-                    }
-                    return this._cap(number);
-                }
-            }, {
-                key: "_triggerCountryChange",
-                value: function _triggerCountryChange() {
-                    this._trigger("countrychange");
-                }
-            }, {
-                key: "handleAutoCountry",
-                value: function handleAutoCountry() {
-                    if (this.options.initialCountry === "auto") {
-                        // we must set this even if there is an initial val in the input: in case the initial val is
-                        // invalid and they delete it - they should see their auto country
-                        this.defaultCountry = window.intlTelInputGlobals.autoCountry;
-                        // if there's no initial value in the input, then update the flag
-                        if (!this.telInput.value) {
-                            this.setCountry(this.defaultCountry);
-                        }
-                        this.resolveAutoCountryPromise();
-                    }
-                }
-            }, {
-                key: "handleUtils",
-                value: function handleUtils() {
-                    // if the request was successful
-                    if (window.intlTelInputUtils) {
-                        // if there's an initial value in the input, then format it
-                        if (this.telInput.value) {
-                            this._updateValFromNumber(this.telInput.value);
-                        }
-                        this._updatePlaceholder();
-                    }
-                    this.resolveUtilsScriptPromise();
-                }
-            }, {
-                key: "destroy",
-                value: function destroy() {
-                    var form = this.telInput.form;
-                    if (this.options.allowDropdown) {
-                        // make sure the dropdown is closed (and unbind listeners)
-                        this._closeDropdown();
-                        this.selectedFlag.removeEventListener("click", this._handleClickSelectedFlag);
-                        this.flagsContainer.removeEventListener("keydown", this._handleFlagsContainerKeydown);
-                        // label click hack
-                        var label = this._getClosestLabel();
-                        if (label) label.removeEventListener("click", this._handleLabelClick);
-                    }
-                    // unbind hiddenInput listeners
-                    if (this.hiddenInput && form) form.removeEventListener("submit", this._handleHiddenInputSubmit);
-                    // unbind autoHideDialCode listeners
-                    if (this.options.autoHideDialCode) {
-                        if (form) form.removeEventListener("submit", this._handleSubmitOrBlurEvent);
-                        this.telInput.removeEventListener("blur", this._handleSubmitOrBlurEvent);
-                    }
-                    // unbind key events, and cut/paste events
-                    this.telInput.removeEventListener("keyup", this._handleKeyupEvent);
-                    this.telInput.removeEventListener("cut", this._handleClipboardEvent);
-                    this.telInput.removeEventListener("paste", this._handleClipboardEvent);
-                    // remove attribute of id instance: data-intl-tel-input-id
-                    this.telInput.removeAttribute("data-intl-tel-input-id");
-                    // remove markup (but leave the original input)
-                    var wrapper = this.telInput.parentNode;
-                    wrapper.parentNode.insertBefore(this.telInput, wrapper);
-                    wrapper.parentNode.removeChild(wrapper);
-                    delete window.intlTelInputGlobals.instances[this.id];
-                }
-            }, {
-                key: "getExtension",
-                value: function getExtension() {
-                    if (window.intlTelInputUtils) {
-                        return intlTelInputUtils.getExtension(this._getFullNumber(), this.selectedCountryData.iso2);
-                    }
-                    return "";
-                }
-            }, {
-                key: "getNumber",
-                value: function getNumber(format) {
-                    if (window.intlTelInputUtils) {
-                        var iso2 = this.selectedCountryData.iso2;
-                        return intlTelInputUtils.formatNumber(this._getFullNumber(), iso2, format);
-                    }
-                    return "";
-                }
-            }, {
-                key: "getNumberType",
-                value: function getNumberType() {
-                    if (window.intlTelInputUtils) {
-                        return intlTelInputUtils.getNumberType(this._getFullNumber(), this.selectedCountryData.iso2);
-                    }
-                    return -99;
-                }
-            }, {
-                key: "getSelectedCountryData",
-                value: function getSelectedCountryData() {
-                    return this.selectedCountryData;
-                }
-            }, {
-                key: "getValidationError",
-                value: function getValidationError() {
-                    if (window.intlTelInputUtils) {
-                        var iso2 = this.selectedCountryData.iso2;
-                        return intlTelInputUtils.getValidationError(this._getFullNumber(), iso2);
-                    }
-                    return -99;
-                }
-            }, {
-                key: "isValidNumber",
-                value: function isValidNumber() {
-                    var val = this._getFullNumber().trim();
-                    var countryCode = this.options.nationalMode ? this.selectedCountryData.iso2 : "";
-                    return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(val, countryCode) : null;
-                }
-            }, {
-                key: "setCountry",
-                value: function setCountry(originalCountryCode) {
-                    var countryCode = originalCountryCode.toLowerCase();
-                    // check if already selected
-                    if (!this.selectedFlagInner.classList.contains("iti__".concat(countryCode))) {
-                        this._setFlag(countryCode);
-                        this._updateDialCode(this.selectedCountryData.dialCode, false);
-                        this._triggerCountryChange();
-                    }
-                }
-            }, {
-                key: "setNumber",
-                value: function setNumber(number) {
-                    // we must update the flag first, which updates this.selectedCountryData, which is used for
-                    // formatting the number before displaying it
-                    var flagChanged = this._updateFlagFromNumber(number);
-                    this._updateValFromNumber(number);
-                    if (flagChanged) {
-                        this._triggerCountryChange();
-                    }
-                }
-            }, {
-                key: "setPlaceholderNumberType",
-                value: function setPlaceholderNumberType(type) {
-                    this.options.placeholderNumberType = type;
-                    this._updatePlaceholder();
-                }
-            } ]);
-            return Iti;
-        }();
-        /********************
- *  STATIC METHODS
- ********************/
-        // get the country data object
-        intlTelInputGlobals.getCountryData = function() {
-            return allCountries;
-        };
-        // inject a <script> element to load utils.js
-        var injectScript = function injectScript(path, handleSuccess, handleFailure) {
-            // inject a new script element into the page
-            var script = document.createElement("script");
-            script.onload = function() {
-                forEachInstance("handleUtils");
-                if (handleSuccess) handleSuccess();
-            };
-            script.onerror = function() {
-                forEachInstance("rejectUtilsScriptPromise");
-                if (handleFailure) handleFailure();
-            };
-            script.className = "iti-load-utils";
-            script.async = true;
-            script.src = path;
-            document.body.appendChild(script);
-        };
-        // load the utils script
-        intlTelInputGlobals.loadUtils = function(path) {
-            // 2 options:
-            // 1) not already started loading (start)
-            // 2) already started loading (do nothing - just wait for the onload callback to fire, which will
-            // trigger handleUtils on all instances, invoking their resolveUtilsScriptPromise functions)
-            if (!window.intlTelInputUtils && !window.intlTelInputGlobals.startedLoadingUtilsScript) {
-                // only do this once
-                window.intlTelInputGlobals.startedLoadingUtilsScript = true;
-                // if we have promises, then return a promise
-                if (typeof Promise !== "undefined") {
-                    return new Promise(function(resolve, reject) {
-                        return injectScript(path, resolve, reject);
-                    });
-                }
-                injectScript(path);
-            }
-            return null;
-        };
-        // default options
-        intlTelInputGlobals.defaults = defaults;
-        // version
-        intlTelInputGlobals.version = "17.0.15";
-        // convenience wrapper
-        return function(input, options) {
-            var iti = new Iti(input, options);
-            iti._init();
-            input.setAttribute("data-intl-tel-input-id", iti.id);
-            window.intlTelInputGlobals.instances[iti.id] = iti;
-            return iti;
-        };
-    }();
-});
-});
-
-/**
- * Exposing intl-tel-input as a component
- */
-var intlTelInput = intlTelInput$1;
-
-const SallaTelInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    console.log(intlTelInput);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null, index.h("h1", null, "Test Tel Input"))));
-  }
-};
-
-const SallaVerify = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.verified = index.createEvent(this, "verified", 7);
-    this.backClicked = index.createEvent(this, "backClicked", 7);
-    this.url = 'profile/verify-mobile';
-    this.by = 'sms';
-    this.autoReload = true;
-    Helper.Helper.setHost(this.host);
-    if (this.withoutModal) {
-      this.modal = { show: () => '', hide: () => '' };
-    }
-    else {
-      salla.event.on('profile::verify.mobile', data => this.show(data));
-    }
-  }
-  async getCode() {
-    return this.code.value;
-  }
-  async show(data) {
-    this.data = data;
-    this.resendTimer();
-    this.otpInputs = document.querySelectorAll('.s-verify-input');
-    this.otpInputs[0].focus();
-    Helper.Helper.on('input', '.s-verify-input', e => salla.helpers.digitsOnly(e.target));
-    Helper.Helper.onKeyUp('.s-verify-input', event => {
-      var _a, _b, _c, _d;
-      let key = event.keyCode || event.charCode;
-      if (event.target.value) {
-        (_a = event.target.nextElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
-        (_b = event.target.nextElementSibling) === null || _b === void 0 ? void 0 : _b.select();
-      }
-      else if ([8, 46].includes(key)) {
-        (_c = event.target.previousElementSibling) === null || _c === void 0 ? void 0 : _c.focus();
-        (_d = event.target.previousElementSibling) === null || _d === void 0 ? void 0 : _d.select();
-      }
-      this.toggleOTPSubmit();
-    });
-    Helper.Helper.on('paste', '.s-verify-input', event => {
-      let text = event.clipboardData.getData('text').toArabicDigits().replace(/[^0-9.]/g, '').replace('..', '.');
-      this.otpInputs.forEach((input, i) => input.value = text[i] || '');
-      this.toggleOTPSubmit();
-      setTimeout(() => this.otpInputs[3].focus(), 100);
-    });
-    return this.modal.show();
-  }
-  toggleOTPSubmit() {
-    let otp = [];
-    this.otpInputs.forEach(input => input.value && otp.push(input.value));
-    this.code.value = otp.join('');
-    if (otp.length === 4) {
-      this.btn.removeAttribute('disabled');
-      this.btn.click();
-      return;
-    }
-    this.btn.setAttribute('disabled', '');
-  }
-  resendTimer() {
-    Helper.Helper.showElement(this.resendMessage).hideElement(this.resend);
-    let resendAfter = 30;
-    let timerId = setInterval(() => {
-      if (resendAfter === -1) {
-        clearTimeout(timerId);
-        Helper.Helper.hideElement(this.resendMessage).showElement(this.resend);
-      }
-      else {
-        this.timer.innerHTML = `${resendAfter >= 10 ? resendAfter : '0' + resendAfter} : 00`;
-        resendAfter--;
-      }
-    }, 1000);
-  }
-  resendCode() {
-    return this.btn.stop()
-      .then(() => this.btn.disable())
-      .then(() => {
-      this.otpInputs.forEach(input => input.value = '');
-      this.otpInputs[0].focus();
-    })
-      .then(() => salla.api.auth.resend(Object.assign({ resend_by: this.by }, this.data)))
-      .then(() => this.resendTimer())
-      .catch(() => this.resendTimer());
-  }
-  submit() {
-    return this.btn.load()
-      .then(() => this.btn.disable())
-      .then(() => salla.document.api.request(this.url, Object.assign({ code: this.code.value }, this.data)))
-      .then(response => this.verified.emit(response))
-      .then(() => this.btn.stop() && this.btn.disable())
-      .then(() => this.modal.hide())
-      .then(() => this.autoReload && window.location.reload())
-      .catch(() => this.btn.stop() && this.btn.enable());
-  }
-  render() {
-    return this.withoutModal ? this.myBody() :
-      index.h("salla-modal", { id: "s-verify", ref: modal => this.modal = modal, title: salla.lang.get('pages.profile.verify_title') }, this.myBody());
-  }
-  myBody() {
-    return [
-      index.h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }),
-      // <label class="s-verify-label">{salla.lang.get('pages.profile.verify_placeholder')}</label>,
-      index.h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }),
-      index.h("div", { class: "s-verify-codes", dir: "ltr" }, [1, 2, 3, 4].map(() => index.h("input", { type: "text", maxlength: "1", class: "s-verify-input", required: true }))),
-      index.h("div", { slot: "footer", class: "s-verify-footer" }, index.h("salla-button", { class: "s-verify-submit", disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), index.h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), index.h("b", { class: "s-verify-timer", ref: el => this.timer = el })), index.h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit')), this.backText ?
-        index.h("a", { href: "#", class: "s-verify-resend", onClick: () => this.backClicked.emit() }, this.backText)
-        : '')
-    ];
-  }
-  get host() { return index.getElement(this); }
-};
-
-exports.salla_login = sallaLogin.SallaLogin;
-exports.salla_button = SallaButton;
-exports.salla_modal = SallaModal;
-exports.salla_tel_input = SallaTelInput;
-exports.salla_verify = SallaVerify;