intl-tel-input 27.2.1 → 27.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/README.md +25 -14
- package/angular/dist/IntlTelInput.d.ts +3 -1
- package/angular/dist/IntlTelInput.js +157 -86
- package/angular/dist/IntlTelInputWithUtils.js +487 -393
- package/dist/css/intlTelInput-no-assets.css +1116 -1
- package/dist/css/intlTelInput-no-assets.min.css +1 -1
- package/dist/css/intlTelInput.css +1122 -1
- package/dist/css/intlTelInput.min.css +1 -1
- package/dist/js/data.d.ts +1 -4
- package/dist/js/data.js +2 -8
- package/dist/js/data.min.js +2 -2
- package/dist/js/data.mjs +1 -7
- package/dist/js/intlTelInput.d.ts +2 -4
- package/dist/js/intlTelInput.js +148 -85
- package/dist/js/intlTelInput.min.js +3 -3
- package/dist/js/intlTelInput.mjs +147 -84
- package/dist/js/intlTelInputWithUtils.js +478 -392
- package/dist/js/intlTelInputWithUtils.min.js +8 -8
- package/dist/js/intlTelInputWithUtils.mjs +477 -391
- package/dist/js/utils.js +50 -51
- package/package.json +3 -7
- package/react/dist/IntlTelInput.js +151 -84
- package/react/dist/IntlTelInputWithUtils.js +481 -391
- package/svelte/src/IntlTelInput.svelte +9 -2
- package/vue/dist/{IntlTelInput-CzuiSLVt.js → IntlTelInput-DWpqqgvZ.js} +463 -428
- package/vue/dist/IntlTelInput.js +1 -1
- package/vue/dist/IntlTelInputWithUtils.js +35 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dropdown-bg:white;--iti-icon-color:#555;--iti-spacer-horizontal:10px;--iti-flag-width:20px;--iti-flag-height:calc(var(--iti-flag-width) * 3 / 4);--iti-globe-icon-size:17px;--iti-clear-icon-size:15px;--iti-border-width:1px;--iti-arrow-size:5px;--iti-arrow-width:1.5px;--iti-arrow-padding:7px;--iti-flag-sprite-width:244;--iti-flag-sprite-height:1;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;display:block;min-width:100%;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);margin-top:-2px;width:var(--iti-arrow-size);height:var(--iti-arrow-size);box-sizing:border-box;border-right:var(--iti-arrow-width) solid var(--iti-icon-color);border-bottom:var(--iti-arrow-width) solid var(--iti-icon-color);transform:rotate(45deg)}.iti__arrow--up{margin-top:4px;transform:rotate(-135deg)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content{position:absolute;z-index:2;left:0}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));padding-right:calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal))}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__country,.iti__search-input{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:var(--iti-spacer-horizontal);display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:var(--iti-spacer-horizontal)}.iti__search-icon-svg{width:var(--iti-globe-icon-size);height:var(--iti-globe-icon-size);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:calc(var(--iti-spacer-horizontal)/2);background:rgba(0,0,0,0);border:0;border-radius:3px;cursor:pointer;padding:calc(var(--iti-spacer-horizontal)/2);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}.iti__search-clear-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}[dir=rtl] .iti__search-clear{right:auto;left:var(--iti-spacer-horizontal)}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media(max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:0}.iti__country-name{flex-grow:1}.iti__country-check{margin-left:var(--iti-spacer-horizontal);display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti__country-list .iti__flag{flex-shrink:0}.iti--allow-dropdown .iti__country-container:has(+input[disabled]) button.iti__selected-country,.iti--allow-dropdown .iti__country-container:has(+input[readonly]) button.iti__selected-country{cursor:not-allowed}.iti--allow-dropdown .iti__country-container:has(+input[disabled]) button.iti__selected-country .iti__arrow,.iti--allow-dropdown .iti__country-container:has(+input[readonly]) button.iti__selected-country .iti__arrow{visibility:hidden}.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:calc(var(--iti-flag-offset)*var(--iti-flag-width)) 0;background-size:calc(var(--iti-flag-sprite-width)*var(--iti-flag-width)) calc(var(--iti-flag-sprite-height)*var(--iti-flag-height))}.iti__loading{position:relative;background:0 0;box-shadow:none}.iti__loading::after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__ac{--iti-flag-offset:0}.iti__ad{--iti-flag-offset:-1}.iti__ae{--iti-flag-offset:-2}.iti__af{--iti-flag-offset:-3}.iti__ag{--iti-flag-offset:-4}.iti__ai{--iti-flag-offset:-5}.iti__al{--iti-flag-offset:-6}.iti__am{--iti-flag-offset:-7}.iti__ao{--iti-flag-offset:-8}.iti__ar{--iti-flag-offset:-9}.iti__as{--iti-flag-offset:-10}.iti__at{--iti-flag-offset:-11}.iti__au{--iti-flag-offset:-12}.iti__aw{--iti-flag-offset:-13}.iti__ax{--iti-flag-offset:-14}.iti__az{--iti-flag-offset:-15}.iti__ba{--iti-flag-offset:-16}.iti__bb{--iti-flag-offset:-17}.iti__bd{--iti-flag-offset:-18}.iti__be{--iti-flag-offset:-19}.iti__bf{--iti-flag-offset:-20}.iti__bg{--iti-flag-offset:-21}.iti__bh{--iti-flag-offset:-22}.iti__bi{--iti-flag-offset:-23}.iti__bj{--iti-flag-offset:-24}.iti__bl{--iti-flag-offset:-25}.iti__bm{--iti-flag-offset:-26}.iti__bn{--iti-flag-offset:-27}.iti__bo{--iti-flag-offset:-28}.iti__bq{--iti-flag-offset:-29}.iti__br{--iti-flag-offset:-30}.iti__bs{--iti-flag-offset:-31}.iti__bt{--iti-flag-offset:-32}.iti__bw{--iti-flag-offset:-33}.iti__by{--iti-flag-offset:-34}.iti__bz{--iti-flag-offset:-35}.iti__ca{--iti-flag-offset:-36}.iti__cc{--iti-flag-offset:-37}.iti__cd{--iti-flag-offset:-38}.iti__cf{--iti-flag-offset:-39}.iti__cg{--iti-flag-offset:-40}.iti__ch{--iti-flag-offset:-41}.iti__ci{--iti-flag-offset:-42}.iti__ck{--iti-flag-offset:-43}.iti__cl{--iti-flag-offset:-44}.iti__cm{--iti-flag-offset:-45}.iti__cn{--iti-flag-offset:-46}.iti__co{--iti-flag-offset:-47}.iti__cr{--iti-flag-offset:-48}.iti__cu{--iti-flag-offset:-49}.iti__cv{--iti-flag-offset:-50}.iti__cw{--iti-flag-offset:-51}.iti__cx{--iti-flag-offset:-52}.iti__cy{--iti-flag-offset:-53}.iti__cz{--iti-flag-offset:-54}.iti__de{--iti-flag-offset:-55}.iti__dj{--iti-flag-offset:-56}.iti__dk{--iti-flag-offset:-57}.iti__dm{--iti-flag-offset:-58}.iti__do{--iti-flag-offset:-59}.iti__dz{--iti-flag-offset:-60}.iti__ec{--iti-flag-offset:-61}.iti__ee{--iti-flag-offset:-62}.iti__eg{--iti-flag-offset:-63}.iti__eh{--iti-flag-offset:-64}.iti__er{--iti-flag-offset:-65}.iti__es{--iti-flag-offset:-66}.iti__et{--iti-flag-offset:-67}.iti__fi{--iti-flag-offset:-68}.iti__fj{--iti-flag-offset:-69}.iti__fk{--iti-flag-offset:-70}.iti__fm{--iti-flag-offset:-71}.iti__fo{--iti-flag-offset:-72}.iti__fr{--iti-flag-offset:-73}.iti__ga{--iti-flag-offset:-74}.iti__gb{--iti-flag-offset:-75}.iti__gd{--iti-flag-offset:-76}.iti__ge{--iti-flag-offset:-77}.iti__gf{--iti-flag-offset:-78}.iti__gg{--iti-flag-offset:-79}.iti__gh{--iti-flag-offset:-80}.iti__gi{--iti-flag-offset:-81}.iti__gl{--iti-flag-offset:-82}.iti__gm{--iti-flag-offset:-83}.iti__gn{--iti-flag-offset:-84}.iti__gp{--iti-flag-offset:-85}.iti__gq{--iti-flag-offset:-86}.iti__gr{--iti-flag-offset:-87}.iti__gt{--iti-flag-offset:-88}.iti__gu{--iti-flag-offset:-89}.iti__gw{--iti-flag-offset:-90}.iti__gy{--iti-flag-offset:-91}.iti__hk{--iti-flag-offset:-92}.iti__hn{--iti-flag-offset:-93}.iti__hr{--iti-flag-offset:-94}.iti__ht{--iti-flag-offset:-95}.iti__hu{--iti-flag-offset:-96}.iti__id{--iti-flag-offset:-97}.iti__ie{--iti-flag-offset:-98}.iti__il{--iti-flag-offset:-99}.iti__im{--iti-flag-offset:-100}.iti__in{--iti-flag-offset:-101}.iti__io{--iti-flag-offset:-102}.iti__iq{--iti-flag-offset:-103}.iti__ir{--iti-flag-offset:-104}.iti__is{--iti-flag-offset:-105}.iti__it{--iti-flag-offset:-106}.iti__je{--iti-flag-offset:-107}.iti__jm{--iti-flag-offset:-108}.iti__jo{--iti-flag-offset:-109}.iti__jp{--iti-flag-offset:-110}.iti__ke{--iti-flag-offset:-111}.iti__kg{--iti-flag-offset:-112}.iti__kh{--iti-flag-offset:-113}.iti__ki{--iti-flag-offset:-114}.iti__km{--iti-flag-offset:-115}.iti__kn{--iti-flag-offset:-116}.iti__kp{--iti-flag-offset:-117}.iti__kr{--iti-flag-offset:-118}.iti__kw{--iti-flag-offset:-119}.iti__ky{--iti-flag-offset:-120}.iti__kz{--iti-flag-offset:-121}.iti__la{--iti-flag-offset:-122}.iti__lb{--iti-flag-offset:-123}.iti__lc{--iti-flag-offset:-124}.iti__li{--iti-flag-offset:-125}.iti__lk{--iti-flag-offset:-126}.iti__lr{--iti-flag-offset:-127}.iti__ls{--iti-flag-offset:-128}.iti__lt{--iti-flag-offset:-129}.iti__lu{--iti-flag-offset:-130}.iti__lv{--iti-flag-offset:-131}.iti__ly{--iti-flag-offset:-132}.iti__ma{--iti-flag-offset:-133}.iti__mc{--iti-flag-offset:-134}.iti__md{--iti-flag-offset:-135}.iti__me{--iti-flag-offset:-136}.iti__mf{--iti-flag-offset:-137}.iti__mg{--iti-flag-offset:-138}.iti__mh{--iti-flag-offset:-139}.iti__mk{--iti-flag-offset:-140}.iti__ml{--iti-flag-offset:-141}.iti__mm{--iti-flag-offset:-142}.iti__mn{--iti-flag-offset:-143}.iti__mo{--iti-flag-offset:-144}.iti__mp{--iti-flag-offset:-145}.iti__mq{--iti-flag-offset:-146}.iti__mr{--iti-flag-offset:-147}.iti__ms{--iti-flag-offset:-148}.iti__mt{--iti-flag-offset:-149}.iti__mu{--iti-flag-offset:-150}.iti__mv{--iti-flag-offset:-151}.iti__mw{--iti-flag-offset:-152}.iti__mx{--iti-flag-offset:-153}.iti__my{--iti-flag-offset:-154}.iti__mz{--iti-flag-offset:-155}.iti__na{--iti-flag-offset:-156}.iti__nc{--iti-flag-offset:-157}.iti__ne{--iti-flag-offset:-158}.iti__nf{--iti-flag-offset:-159}.iti__ng{--iti-flag-offset:-160}.iti__ni{--iti-flag-offset:-161}.iti__nl{--iti-flag-offset:-162}.iti__no{--iti-flag-offset:-163}.iti__np{--iti-flag-offset:-164}.iti__nr{--iti-flag-offset:-165}.iti__nu{--iti-flag-offset:-166}.iti__nz{--iti-flag-offset:-167}.iti__om{--iti-flag-offset:-168}.iti__pa{--iti-flag-offset:-169}.iti__pe{--iti-flag-offset:-170}.iti__pf{--iti-flag-offset:-171}.iti__pg{--iti-flag-offset:-172}.iti__ph{--iti-flag-offset:-173}.iti__pk{--iti-flag-offset:-174}.iti__pl{--iti-flag-offset:-175}.iti__pm{--iti-flag-offset:-176}.iti__pr{--iti-flag-offset:-177}.iti__ps{--iti-flag-offset:-178}.iti__pt{--iti-flag-offset:-179}.iti__pw{--iti-flag-offset:-180}.iti__py{--iti-flag-offset:-181}.iti__qa{--iti-flag-offset:-182}.iti__re{--iti-flag-offset:-183}.iti__ro{--iti-flag-offset:-184}.iti__rs{--iti-flag-offset:-185}.iti__ru{--iti-flag-offset:-186}.iti__rw{--iti-flag-offset:-187}.iti__sa{--iti-flag-offset:-188}.iti__sb{--iti-flag-offset:-189}.iti__sc{--iti-flag-offset:-190}.iti__sd{--iti-flag-offset:-191}.iti__se{--iti-flag-offset:-192}.iti__sg{--iti-flag-offset:-193}.iti__sh{--iti-flag-offset:-194}.iti__si{--iti-flag-offset:-195}.iti__sj{--iti-flag-offset:-196}.iti__sk{--iti-flag-offset:-197}.iti__sl{--iti-flag-offset:-198}.iti__sm{--iti-flag-offset:-199}.iti__sn{--iti-flag-offset:-200}.iti__so{--iti-flag-offset:-201}.iti__sr{--iti-flag-offset:-202}.iti__ss{--iti-flag-offset:-203}.iti__st{--iti-flag-offset:-204}.iti__sv{--iti-flag-offset:-205}.iti__sx{--iti-flag-offset:-206}.iti__sy{--iti-flag-offset:-207}.iti__sz{--iti-flag-offset:-208}.iti__tc{--iti-flag-offset:-209}.iti__td{--iti-flag-offset:-210}.iti__tg{--iti-flag-offset:-211}.iti__th{--iti-flag-offset:-212}.iti__tj{--iti-flag-offset:-213}.iti__tk{--iti-flag-offset:-214}.iti__tl{--iti-flag-offset:-215}.iti__tm{--iti-flag-offset:-216}.iti__tn{--iti-flag-offset:-217}.iti__to{--iti-flag-offset:-218}.iti__tr{--iti-flag-offset:-219}.iti__tt{--iti-flag-offset:-220}.iti__tv{--iti-flag-offset:-221}.iti__tw{--iti-flag-offset:-222}.iti__tz{--iti-flag-offset:-223}.iti__ua{--iti-flag-offset:-224}.iti__ug{--iti-flag-offset:-225}.iti__us{--iti-flag-offset:-226}.iti__uy{--iti-flag-offset:-227}.iti__uz{--iti-flag-offset:-228}.iti__va{--iti-flag-offset:-229}.iti__vc{--iti-flag-offset:-230}.iti__ve{--iti-flag-offset:-231}.iti__vg{--iti-flag-offset:-232}.iti__vi{--iti-flag-offset:-233}.iti__vn{--iti-flag-offset:-234}.iti__vu{--iti-flag-offset:-235}.iti__wf{--iti-flag-offset:-236}.iti__ws{--iti-flag-offset:-237}.iti__xk{--iti-flag-offset:-238}.iti__ye{--iti-flag-offset:-239}.iti__yt{--iti-flag-offset:-240}.iti__za{--iti-flag-offset:-241}.iti__zm{--iti-flag-offset:-242}.iti__zw{--iti-flag-offset:-243}.iti__globe{background:0 0;box-shadow:none;height:var(--iti-globe-icon-size);display:flex;align-items:center;justify-content:center;padding:0}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports(-webkit-appearance:none) and (not (background:-webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x:url('../img/flags.webp');--iti-path-flags-2x:url('../img/flags@2x.webp')}
|
|
1
|
+
:root{--iti-flag-width: 20px;--iti-flag-count: 244}.iti__ac{--iti-flag-offset: 0}.iti__ad{--iti-flag-offset: -1}.iti__ae{--iti-flag-offset: -2}.iti__af{--iti-flag-offset: -3}.iti__ag{--iti-flag-offset: -4}.iti__ai{--iti-flag-offset: -5}.iti__al{--iti-flag-offset: -6}.iti__am{--iti-flag-offset: -7}.iti__ao{--iti-flag-offset: -8}.iti__ar{--iti-flag-offset: -9}.iti__as{--iti-flag-offset: -10}.iti__at{--iti-flag-offset: -11}.iti__au{--iti-flag-offset: -12}.iti__aw{--iti-flag-offset: -13}.iti__ax{--iti-flag-offset: -14}.iti__az{--iti-flag-offset: -15}.iti__ba{--iti-flag-offset: -16}.iti__bb{--iti-flag-offset: -17}.iti__bd{--iti-flag-offset: -18}.iti__be{--iti-flag-offset: -19}.iti__bf{--iti-flag-offset: -20}.iti__bg{--iti-flag-offset: -21}.iti__bh{--iti-flag-offset: -22}.iti__bi{--iti-flag-offset: -23}.iti__bj{--iti-flag-offset: -24}.iti__bl{--iti-flag-offset: -25}.iti__bm{--iti-flag-offset: -26}.iti__bn{--iti-flag-offset: -27}.iti__bo{--iti-flag-offset: -28}.iti__bq{--iti-flag-offset: -29}.iti__br{--iti-flag-offset: -30}.iti__bs{--iti-flag-offset: -31}.iti__bt{--iti-flag-offset: -32}.iti__bw{--iti-flag-offset: -33}.iti__by{--iti-flag-offset: -34}.iti__bz{--iti-flag-offset: -35}.iti__ca{--iti-flag-offset: -36}.iti__cc{--iti-flag-offset: -37}.iti__cd{--iti-flag-offset: -38}.iti__cf{--iti-flag-offset: -39}.iti__cg{--iti-flag-offset: -40}.iti__ch{--iti-flag-offset: -41}.iti__ci{--iti-flag-offset: -42}.iti__ck{--iti-flag-offset: -43}.iti__cl{--iti-flag-offset: -44}.iti__cm{--iti-flag-offset: -45}.iti__cn{--iti-flag-offset: -46}.iti__co{--iti-flag-offset: -47}.iti__cr{--iti-flag-offset: -48}.iti__cu{--iti-flag-offset: -49}.iti__cv{--iti-flag-offset: -50}.iti__cw{--iti-flag-offset: -51}.iti__cx{--iti-flag-offset: -52}.iti__cy{--iti-flag-offset: -53}.iti__cz{--iti-flag-offset: -54}.iti__de{--iti-flag-offset: -55}.iti__dj{--iti-flag-offset: -56}.iti__dk{--iti-flag-offset: -57}.iti__dm{--iti-flag-offset: -58}.iti__do{--iti-flag-offset: -59}.iti__dz{--iti-flag-offset: -60}.iti__ec{--iti-flag-offset: -61}.iti__ee{--iti-flag-offset: -62}.iti__eg{--iti-flag-offset: -63}.iti__eh{--iti-flag-offset: -64}.iti__er{--iti-flag-offset: -65}.iti__es{--iti-flag-offset: -66}.iti__et{--iti-flag-offset: -67}.iti__fi{--iti-flag-offset: -68}.iti__fj{--iti-flag-offset: -69}.iti__fk{--iti-flag-offset: -70}.iti__fm{--iti-flag-offset: -71}.iti__fo{--iti-flag-offset: -72}.iti__fr{--iti-flag-offset: -73}.iti__ga{--iti-flag-offset: -74}.iti__gb{--iti-flag-offset: -75}.iti__gd{--iti-flag-offset: -76}.iti__ge{--iti-flag-offset: -77}.iti__gf{--iti-flag-offset: -78}.iti__gg{--iti-flag-offset: -79}.iti__gh{--iti-flag-offset: -80}.iti__gi{--iti-flag-offset: -81}.iti__gl{--iti-flag-offset: -82}.iti__gm{--iti-flag-offset: -83}.iti__gn{--iti-flag-offset: -84}.iti__gp{--iti-flag-offset: -85}.iti__gq{--iti-flag-offset: -86}.iti__gr{--iti-flag-offset: -87}.iti__gt{--iti-flag-offset: -88}.iti__gu{--iti-flag-offset: -89}.iti__gw{--iti-flag-offset: -90}.iti__gy{--iti-flag-offset: -91}.iti__hk{--iti-flag-offset: -92}.iti__hn{--iti-flag-offset: -93}.iti__hr{--iti-flag-offset: -94}.iti__ht{--iti-flag-offset: -95}.iti__hu{--iti-flag-offset: -96}.iti__id{--iti-flag-offset: -97}.iti__ie{--iti-flag-offset: -98}.iti__il{--iti-flag-offset: -99}.iti__im{--iti-flag-offset: -100}.iti__in{--iti-flag-offset: -101}.iti__io{--iti-flag-offset: -102}.iti__iq{--iti-flag-offset: -103}.iti__ir{--iti-flag-offset: -104}.iti__is{--iti-flag-offset: -105}.iti__it{--iti-flag-offset: -106}.iti__je{--iti-flag-offset: -107}.iti__jm{--iti-flag-offset: -108}.iti__jo{--iti-flag-offset: -109}.iti__jp{--iti-flag-offset: -110}.iti__ke{--iti-flag-offset: -111}.iti__kg{--iti-flag-offset: -112}.iti__kh{--iti-flag-offset: -113}.iti__ki{--iti-flag-offset: -114}.iti__km{--iti-flag-offset: -115}.iti__kn{--iti-flag-offset: -116}.iti__kp{--iti-flag-offset: -117}.iti__kr{--iti-flag-offset: -118}.iti__kw{--iti-flag-offset: -119}.iti__ky{--iti-flag-offset: -120}.iti__kz{--iti-flag-offset: -121}.iti__la{--iti-flag-offset: -122}.iti__lb{--iti-flag-offset: -123}.iti__lc{--iti-flag-offset: -124}.iti__li{--iti-flag-offset: -125}.iti__lk{--iti-flag-offset: -126}.iti__lr{--iti-flag-offset: -127}.iti__ls{--iti-flag-offset: -128}.iti__lt{--iti-flag-offset: -129}.iti__lu{--iti-flag-offset: -130}.iti__lv{--iti-flag-offset: -131}.iti__ly{--iti-flag-offset: -132}.iti__ma{--iti-flag-offset: -133}.iti__mc{--iti-flag-offset: -134}.iti__md{--iti-flag-offset: -135}.iti__me{--iti-flag-offset: -136}.iti__mf{--iti-flag-offset: -137}.iti__mg{--iti-flag-offset: -138}.iti__mh{--iti-flag-offset: -139}.iti__mk{--iti-flag-offset: -140}.iti__ml{--iti-flag-offset: -141}.iti__mm{--iti-flag-offset: -142}.iti__mn{--iti-flag-offset: -143}.iti__mo{--iti-flag-offset: -144}.iti__mp{--iti-flag-offset: -145}.iti__mq{--iti-flag-offset: -146}.iti__mr{--iti-flag-offset: -147}.iti__ms{--iti-flag-offset: -148}.iti__mt{--iti-flag-offset: -149}.iti__mu{--iti-flag-offset: -150}.iti__mv{--iti-flag-offset: -151}.iti__mw{--iti-flag-offset: -152}.iti__mx{--iti-flag-offset: -153}.iti__my{--iti-flag-offset: -154}.iti__mz{--iti-flag-offset: -155}.iti__na{--iti-flag-offset: -156}.iti__nc{--iti-flag-offset: -157}.iti__ne{--iti-flag-offset: -158}.iti__nf{--iti-flag-offset: -159}.iti__ng{--iti-flag-offset: -160}.iti__ni{--iti-flag-offset: -161}.iti__nl{--iti-flag-offset: -162}.iti__no{--iti-flag-offset: -163}.iti__np{--iti-flag-offset: -164}.iti__nr{--iti-flag-offset: -165}.iti__nu{--iti-flag-offset: -166}.iti__nz{--iti-flag-offset: -167}.iti__om{--iti-flag-offset: -168}.iti__pa{--iti-flag-offset: -169}.iti__pe{--iti-flag-offset: -170}.iti__pf{--iti-flag-offset: -171}.iti__pg{--iti-flag-offset: -172}.iti__ph{--iti-flag-offset: -173}.iti__pk{--iti-flag-offset: -174}.iti__pl{--iti-flag-offset: -175}.iti__pm{--iti-flag-offset: -176}.iti__pr{--iti-flag-offset: -177}.iti__ps{--iti-flag-offset: -178}.iti__pt{--iti-flag-offset: -179}.iti__pw{--iti-flag-offset: -180}.iti__py{--iti-flag-offset: -181}.iti__qa{--iti-flag-offset: -182}.iti__re{--iti-flag-offset: -183}.iti__ro{--iti-flag-offset: -184}.iti__rs{--iti-flag-offset: -185}.iti__ru{--iti-flag-offset: -186}.iti__rw{--iti-flag-offset: -187}.iti__sa{--iti-flag-offset: -188}.iti__sb{--iti-flag-offset: -189}.iti__sc{--iti-flag-offset: -190}.iti__sd{--iti-flag-offset: -191}.iti__se{--iti-flag-offset: -192}.iti__sg{--iti-flag-offset: -193}.iti__sh{--iti-flag-offset: -194}.iti__si{--iti-flag-offset: -195}.iti__sj{--iti-flag-offset: -196}.iti__sk{--iti-flag-offset: -197}.iti__sl{--iti-flag-offset: -198}.iti__sm{--iti-flag-offset: -199}.iti__sn{--iti-flag-offset: -200}.iti__so{--iti-flag-offset: -201}.iti__sr{--iti-flag-offset: -202}.iti__ss{--iti-flag-offset: -203}.iti__st{--iti-flag-offset: -204}.iti__sv{--iti-flag-offset: -205}.iti__sx{--iti-flag-offset: -206}.iti__sy{--iti-flag-offset: -207}.iti__sz{--iti-flag-offset: -208}.iti__tc{--iti-flag-offset: -209}.iti__td{--iti-flag-offset: -210}.iti__tg{--iti-flag-offset: -211}.iti__th{--iti-flag-offset: -212}.iti__tj{--iti-flag-offset: -213}.iti__tk{--iti-flag-offset: -214}.iti__tl{--iti-flag-offset: -215}.iti__tm{--iti-flag-offset: -216}.iti__tn{--iti-flag-offset: -217}.iti__to{--iti-flag-offset: -218}.iti__tr{--iti-flag-offset: -219}.iti__tt{--iti-flag-offset: -220}.iti__tv{--iti-flag-offset: -221}.iti__tw{--iti-flag-offset: -222}.iti__tz{--iti-flag-offset: -223}.iti__ua{--iti-flag-offset: -224}.iti__ug{--iti-flag-offset: -225}.iti__us{--iti-flag-offset: -226}.iti__uy{--iti-flag-offset: -227}.iti__uz{--iti-flag-offset: -228}.iti__va{--iti-flag-offset: -229}.iti__vc{--iti-flag-offset: -230}.iti__ve{--iti-flag-offset: -231}.iti__vg{--iti-flag-offset: -232}.iti__vi{--iti-flag-offset: -233}.iti__vn{--iti-flag-offset: -234}.iti__vu{--iti-flag-offset: -235}.iti__wf{--iti-flag-offset: -236}.iti__ws{--iti-flag-offset: -237}.iti__xk{--iti-flag-offset: -238}.iti__ye{--iti-flag-offset: -239}.iti__yt{--iti-flag-offset: -240}.iti__za{--iti-flag-offset: -241}.iti__zm{--iti-flag-offset: -242}.iti__zw{--iti-flag-offset: -243}:root{--iti-hover-color: rgba(0, 0, 0, .05);--iti-border-color: #ccc;--iti-dropdown-bg: white;--iti-icon-color: #555;--iti-spacer-horizontal: 10px;--iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);--iti-globe-icon-size: 17px;--iti-clear-icon-size: 15px;--iti-border-width: 1px;--iti-arrow-size: 5px;--iti-arrow-width: 1.5px;--iti-arrow-padding: 7px;--iti-mobile-popup-margin: 30px;--iti-strict-reject-flash-color: rgba(255, 0, 0, .12)}.iti{position:relative;display:inline-block;*{box-sizing:border-box}input.iti__tel-input,input.iti__tel-input[type=text],input.iti__tel-input[type=tel]{position:relative;z-index:0;display:block;min-width:100%;margin:0!important}}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:none;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__selected-dial-code{margin-left:4px}.iti__arrow{margin-left:var(--iti-arrow-padding);margin-top:-2px;width:var(--iti-arrow-size);height:var(--iti-arrow-size);box-sizing:border-box;border-right:var(--iti-arrow-width) solid var(--iti-icon-color);border-bottom:var(--iti-arrow-width) solid var(--iti-icon-color);transform:rotate(45deg)}.iti__arrow--up{margin-top:4px;transform:rotate(-135deg)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg);.iti--inline-dropdown &{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003}.iti--inline-dropdown:not(.iti--container) &{position:absolute;z-index:2;left:0}}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));padding-right:calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));[dir=rtl] &{padding-left:inherit;padding-right:30px;background-position:right 8px center}&::-webkit-search-cancel-button{appearance:none}}.iti__search-input,.iti__country{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:var(--iti-spacer-horizontal);display:flex;pointer-events:none;[dir=rtl] &{left:auto;right:var(--iti-spacer-horizontal)}}.iti__search-icon-svg{width:var(--iti-globe-icon-size);height:var(--iti-globe-icon-size);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:calc(var(--iti-spacer-horizontal) / 2);background:transparent;border:0;border-radius:3px;cursor:pointer;padding:calc(var(--iti-spacer-horizontal) / 2);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;.iti__search-clear-x{stroke-width:2}.iti__search-clear-bg{fill:var(--iti-icon-color)}[dir=rtl] &{right:auto;left:var(--iti-spacer-horizontal)}&:hover,&:focus-visible{background:var(--iti-hover-color);outline:none}}.iti__search-clear-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch;.iti--inline-dropdown &{max-height:185px}}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap;@media(max-width:500px){white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:none;&.iti__highlight{background-color:var(--iti-hover-color)}}.iti__country-name{flex-grow:1}.iti__country-check{margin-left:var(--iti-spacer-horizontal);display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal);flex-shrink:0;[dir=rtl] &{margin-right:0;margin-left:var(--iti-spacer-horizontal)}}.iti--allow-dropdown{.iti__country-container:has(+input[disabled]),.iti__country-container:has(+input[readonly]){button.iti__selected-country{cursor:not-allowed;.iti__arrow{visibility:hidden}}}.iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])){.iti__selected-country-primary:hover,.iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}}}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;&:hover{cursor:pointer}}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup{&.iti--container{background-color:#00000080;inset:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti__country,.iti__search-input{padding-top:10px;padding-bottom:10px}.iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}}.iti__flag{height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;background-size:calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height)}.iti__loading{position:relative;background:none;box-shadow:none;&:after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__strict-reject-animation{.iti__tel-input,.iti__selected-country{animation:iti-strict-reject-shake .3s cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.iti__tel-input{animation:iti-strict-reject-flash .3s ease-out both}.iti__selected-country{animation:none}}}@keyframes iti-strict-reject-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes iti-strict-reject-flash{40%{background-color:var(--iti-strict-reject-flash-color)}}.iti__globe{background:none;box-shadow:none;height:var(--iti-globe-icon-size);display:flex;align-items:center;justify-content:center;padding:0;.iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}}@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x: url(../img/flags.webp);--iti-path-flags-2x: url(../img/flags@2x.webp)}
|
package/dist/js/data.d.ts
CHANGED
|
@@ -1592,15 +1592,12 @@ export declare const rawCountryData: readonly [
|
|
|
1592
1592
|
];
|
|
1593
1593
|
export type Iso2 = (typeof rawCountryData)[number][0];
|
|
1594
1594
|
export type Country = {
|
|
1595
|
+
name: string;
|
|
1595
1596
|
iso2: Iso2;
|
|
1596
1597
|
dialCode: string;
|
|
1597
1598
|
priority: number;
|
|
1598
1599
|
areaCodes: readonly string[] | null;
|
|
1599
1600
|
nationalPrefix: string | null;
|
|
1600
|
-
name: string;
|
|
1601
|
-
normalisedName: string;
|
|
1602
|
-
initials: string;
|
|
1603
|
-
dialCodePlus: string;
|
|
1604
1601
|
};
|
|
1605
1602
|
declare const allCountries: Country[];
|
|
1606
1603
|
export declare const iso2Set: Set<Iso2>;
|
package/dist/js/data.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* International Telephone Input v27.
|
|
2
|
+
* International Telephone Input v27.3.1
|
|
3
3
|
* git+https://github.com/jackocnr/intl-tel-input.git
|
|
4
4
|
* Licensed under the MIT license
|
|
5
5
|
*/
|
|
@@ -1775,13 +1775,7 @@ var _factory = (() => {
|
|
|
1775
1775
|
dialCode: c[1],
|
|
1776
1776
|
priority: c[2] || 0,
|
|
1777
1777
|
areaCodes: c[3] || null,
|
|
1778
|
-
nationalPrefix: c[4] || null
|
|
1779
|
-
normalisedName: "",
|
|
1780
|
-
// populated in the plugin
|
|
1781
|
-
initials: "",
|
|
1782
|
-
// populated in the plugin
|
|
1783
|
-
dialCodePlus: ""
|
|
1784
|
-
// populated in the plugin
|
|
1778
|
+
nationalPrefix: c[4] || null
|
|
1785
1779
|
});
|
|
1786
1780
|
}
|
|
1787
1781
|
var iso2Set = new Set(allCountries.map((c) => c.iso2));
|
package/dist/js/data.min.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* International Telephone Input v27.
|
|
2
|
+
* International Telephone Input v27.3.1
|
|
3
3
|
* git+https://github.com/jackocnr/intl-tel-input.git
|
|
4
4
|
* Licensed under the MIT license
|
|
5
5
|
*/
|
|
6
|
-
"use strict";var _factory=(()=>{var t=Object.defineProperty;var
|
|
6
|
+
"use strict";var _factory=(()=>{var t=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var c=(l,n)=>{for(var s in n)t(l,s,{get:n[s],enumerable:!0})},p=(l,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of i(n))!g.call(l,u)&&u!==s&&t(l,u,{get:()=>n[u],enumerable:!(o=m(n,u))||o.enumerable});return l};var b=l=>p(t({},"__esModule",{value:!0}),l);var y={};c(y,{default:()=>k,isIso2:()=>d,iso2Set:()=>r,rawCountryData:()=>e});var e=[["af","93",0,null,"0"],["ax","358",1,["18","4"],"0"],["al","355",0,null,"0"],["dz","213",0,null,"0"],["as","1",5,["684"],"1"],["ad","376"],["ao","244"],["ai","1",6,["264"],"1"],["ag","1",7,["268"],"1"],["ar","54",0,null,"0"],["am","374",0,null,"0"],["aw","297"],["ac","247"],["au","61",0,["4"],"0"],["at","43",0,null,"0"],["az","994",0,null,"0"],["bs","1",8,["242"],"1"],["bh","973"],["bd","880",0,null,"0"],["bb","1",9,["246"],"1"],["by","375",0,null,"8"],["be","32",0,null,"0"],["bz","501"],["bj","229"],["bm","1",10,["441"],"1"],["bt","975"],["bo","591",0,null,"0"],["ba","387",0,null,"0"],["bw","267"],["br","55",0,null,"0"],["io","246"],["vg","1",11,["284"],"1"],["bn","673"],["bg","359",0,null,"0"],["bf","226"],["bi","257"],["kh","855",0,null,"0"],["cm","237"],["ca","1",1,["204","226","236","249","250","257","263","289","306","343","354","365","367","368","382","403","416","418","428","431","437","438","450","468","474","506","514","519","548","579","581","584","587","604","613","639","647","672","683","705","709","742","753","778","780","782","807","819","825","867","873","879","902","905","942"],"1"],["cv","238"],["bq","599",1,["3","4","7"]],["ky","1",12,["345"],"1"],["cf","236"],["td","235"],["cl","56"],["cn","86",0,null,"0"],["cx","61",2,["4","89164"],"0"],["cc","61",1,["4","89162"],"0"],["co","57",0,null,"0"],["km","269"],["cg","242"],["cd","243",0,null,"0"],["ck","682"],["cr","506"],["ci","225"],["hr","385",0,null,"0"],["cu","53",0,null,"0"],["cw","599",0],["cy","357"],["cz","420"],["dk","45"],["dj","253"],["dm","1",13,["767"],"1"],["do","1",2,["809","829","849"],"1"],["ec","593",0,null,"0"],["eg","20",0,null,"0"],["sv","503"],["gq","240"],["er","291",0,null,"0"],["ee","372"],["sz","268"],["et","251",0,null,"0"],["fk","500"],["fo","298"],["fj","679"],["fi","358",0,["4"],"0"],["fr","33",0,null,"0"],["gf","594",0,null,"0"],["pf","689"],["ga","241"],["gm","220"],["ge","995",0,null,"0"],["de","49",0,null,"0"],["gh","233",0,null,"0"],["gi","350"],["gr","30"],["gl","299"],["gd","1",14,["473"],"1"],["gp","590",0,null,"0"],["gu","1",15,["671"],"1"],["gt","502"],["gg","44",1,["1481","7781","7839","7911"],"0"],["gn","224"],["gw","245"],["gy","592"],["ht","509"],["hn","504"],["hk","852"],["hu","36",0,null,"06"],["is","354"],["in","91",0,null,"0"],["id","62",0,null,"0"],["ir","98",0,null,"0"],["iq","964",0,null,"0"],["ie","353",0,null,"0"],["im","44",2,["1624","74576","7524","7624","7924"],"0"],["il","972",0,null,"0"],["it","39",0,["3"]],["jm","1",4,["658","876"],"1"],["jp","81",0,null,"0"],["je","44",3,["1534","7509","7700","7797","7829","7937"],"0"],["jo","962",0,null,"0"],["kz","7",1,["33","7"],"8"],["ke","254",0,null,"0"],["ki","686",0,null,"0"],["xk","383",0,null,"0"],["kw","965"],["kg","996",0,null,"0"],["la","856",0,null,"0"],["lv","371"],["lb","961",0,null,"0"],["ls","266"],["lr","231",0,null,"0"],["ly","218",0,null,"0"],["li","423",0,null,"0"],["lt","370",0,null,"0"],["lu","352"],["mo","853"],["mg","261",0,null,"0"],["mw","265",0,null,"0"],["my","60",0,null,"0"],["mv","960"],["ml","223"],["mt","356"],["mh","692",0,null,"1"],["mq","596",0,null,"0"],["mr","222"],["mu","230"],["yt","262",1,["269","639"],"0"],["mx","52"],["fm","691"],["md","373",0,null,"0"],["mc","377",0,null,"0"],["mn","976",0,null,"0"],["me","382",0,null,"0"],["ms","1",16,["664"],"1"],["ma","212",0,["6","7"],"0"],["mz","258"],["mm","95",0,null,"0"],["na","264",0,null,"0"],["nr","674"],["np","977",0,null,"0"],["nl","31",0,null,"0"],["nc","687"],["nz","64",0,null,"0"],["ni","505"],["ne","227"],["ng","234",0,null,"0"],["nu","683"],["nf","672"],["kp","850",0,null,"0"],["mk","389",0,null,"0"],["mp","1",17,["670"],"1"],["no","47",0,["4","9"]],["om","968"],["pk","92",0,null,"0"],["pw","680"],["ps","970",0,null,"0"],["pa","507"],["pg","675"],["py","595",0,null,"0"],["pe","51",0,null,"0"],["ph","63",0,null,"0"],["pl","48"],["pt","351"],["pr","1",3,["787","939"],"1"],["qa","974"],["re","262",0,null,"0"],["ro","40",0,null,"0"],["ru","7",0,["33"],"8"],["rw","250",0,null,"0"],["ws","685"],["sm","378"],["st","239"],["sa","966",0,null,"0"],["sn","221"],["rs","381",0,null,"0"],["sc","248"],["sl","232",0,null,"0"],["sg","65"],["sx","1",21,["721"],"1"],["sk","421",0,null,"0"],["si","386",0,null,"0"],["sb","677"],["so","252",0,null,"0"],["za","27",0,null,"0"],["kr","82",0,null,"0"],["ss","211",0,null,"0"],["es","34"],["lk","94",0,null,"0"],["bl","590",1,null,"0"],["sh","290"],["kn","1",18,["869"],"1"],["lc","1",19,["758"],"1"],["mf","590",2,null,"0"],["pm","508",0,null,"0"],["vc","1",20,["784"],"1"],["sd","249",0,null,"0"],["sr","597"],["sj","47",1,["4","79","9"]],["se","46",0,null,"0"],["ch","41",0,null,"0"],["sy","963",0,null,"0"],["tw","886",0,null,"0"],["tj","992"],["tz","255",0,null,"0"],["th","66",0,null,"0"],["tl","670"],["tg","228"],["tk","690"],["to","676"],["tt","1",22,["868"],"1"],["tn","216"],["tr","90",0,null,"0"],["tm","993",0,null,"8"],["tc","1",23,["649"],"1"],["tv","688"],["vi","1",24,["340"],"1"],["ug","256",0,null,"0"],["ua","380",0,null,"0"],["ae","971",0,null,"0"],["gb","44",0,null,"0"],["us","1",0,null,"1"],["uy","598",0,null,"0"],["uz","998"],["vu","678"],["va","39",1,["06698","3"]],["ve","58",0,null,"0"],["vn","84",0,null,"0"],["wf","681"],["eh","212",1,["5288","5289","6","7"],"0"],["ye","967",0,null,"0"],["zm","260",0,null,"0"],["zw","263",0,null,"0"]],a=[];for(let l of e)a.push({name:"",iso2:l[0],dialCode:l[1],priority:l[2]||0,areaCodes:l[3]||null,nationalPrefix:l[4]||null});var r=new Set(a.map(l=>l.iso2)),d=l=>r.has(l),k=a;return b(y);})();
|
|
7
7
|
var allCountries = _factory.default;
|
package/dist/js/data.mjs
CHANGED
|
@@ -1743,13 +1743,7 @@ for (const c of rawCountryData) {
|
|
|
1743
1743
|
dialCode: c[1],
|
|
1744
1744
|
priority: c[2] || 0,
|
|
1745
1745
|
areaCodes: c[3] || null,
|
|
1746
|
-
nationalPrefix: c[4] || null
|
|
1747
|
-
normalisedName: "",
|
|
1748
|
-
// populated in the plugin
|
|
1749
|
-
initials: "",
|
|
1750
|
-
// populated in the plugin
|
|
1751
|
-
dialCodePlus: ""
|
|
1752
|
-
// populated in the plugin
|
|
1746
|
+
nationalPrefix: c[4] || null
|
|
1753
1747
|
});
|
|
1754
1748
|
}
|
|
1755
1749
|
var iso2Set = new Set(allCountries.map((c) => c.iso2));
|
|
@@ -1592,15 +1592,12 @@ declare const rawCountryData: readonly [
|
|
|
1592
1592
|
];
|
|
1593
1593
|
export type Iso2 = (typeof rawCountryData)[number][0];
|
|
1594
1594
|
export type Country = {
|
|
1595
|
+
name: string;
|
|
1595
1596
|
iso2: Iso2;
|
|
1596
1597
|
dialCode: string;
|
|
1597
1598
|
priority: number;
|
|
1598
1599
|
areaCodes: readonly string[] | null;
|
|
1599
1600
|
nationalPrefix: string | null;
|
|
1600
|
-
name: string;
|
|
1601
|
-
normalisedName: string;
|
|
1602
|
-
initials: string;
|
|
1603
|
-
dialCodePlus: string;
|
|
1604
1601
|
};
|
|
1605
1602
|
export type I18n = Partial<Record<Iso2, string>> & {
|
|
1606
1603
|
selectedCountryAriaLabel?: string;
|
|
@@ -1709,6 +1706,7 @@ export interface AllOptions {
|
|
|
1709
1706
|
placeholderNumberType: NumberType;
|
|
1710
1707
|
searchInputClass: string;
|
|
1711
1708
|
separateDialCode: boolean;
|
|
1709
|
+
strictRejectAnimation: boolean;
|
|
1712
1710
|
showFlags: boolean;
|
|
1713
1711
|
strictMode: boolean;
|
|
1714
1712
|
useFullscreenPopup: boolean;
|
package/dist/js/intlTelInput.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* International Telephone Input v27.
|
|
2
|
+
* International Telephone Input v27.3.1
|
|
3
3
|
* git+https://github.com/jackocnr/intl-tel-input.git
|
|
4
4
|
* Licensed under the MIT license
|
|
5
5
|
*/
|
|
@@ -1775,13 +1775,7 @@ var _factory = (() => {
|
|
|
1775
1775
|
dialCode: c[1],
|
|
1776
1776
|
priority: c[2] || 0,
|
|
1777
1777
|
areaCodes: c[3] || null,
|
|
1778
|
-
nationalPrefix: c[4] || null
|
|
1779
|
-
normalisedName: "",
|
|
1780
|
-
// populated in the plugin
|
|
1781
|
-
initials: "",
|
|
1782
|
-
// populated in the plugin
|
|
1783
|
-
dialCodePlus: ""
|
|
1784
|
-
// populated in the plugin
|
|
1778
|
+
nationalPrefix: c[4] || null
|
|
1785
1779
|
});
|
|
1786
1780
|
}
|
|
1787
1781
|
var iso2Set = new Set(allCountries.map((c) => c.iso2));
|
|
@@ -1998,6 +1992,8 @@ var _factory = (() => {
|
|
|
1998
1992
|
searchInputClass: "",
|
|
1999
1993
|
//* Display the international dial code next to the selected flag.
|
|
2000
1994
|
separateDialCode: false,
|
|
1995
|
+
//* When strictMode rejects a key (etc), play a short feedback animation
|
|
1996
|
+
strictRejectAnimation: false,
|
|
2001
1997
|
//* Show flags - for both the selected country, and in the country dropdown
|
|
2002
1998
|
showFlags: true,
|
|
2003
1999
|
//* Only allow certain chars e.g. a plus followed by numeric digits, and cap at max valid length.
|
|
@@ -2073,6 +2069,7 @@ var _factory = (() => {
|
|
|
2073
2069
|
case "showFlags":
|
|
2074
2070
|
case "separateDialCode":
|
|
2075
2071
|
case "strictMode":
|
|
2072
|
+
case "strictRejectAnimation":
|
|
2076
2073
|
case "useFullscreenPopup":
|
|
2077
2074
|
if (typeof value !== "boolean") {
|
|
2078
2075
|
warnOption(key, "a boolean", value);
|
|
@@ -2291,7 +2288,20 @@ var _factory = (() => {
|
|
|
2291
2288
|
</svg>`;
|
|
2292
2289
|
|
|
2293
2290
|
// src/js/core/countrySearch.ts
|
|
2294
|
-
var
|
|
2291
|
+
var buildSearchTokens = (countries) => {
|
|
2292
|
+
const tokens = /* @__PURE__ */ new Map();
|
|
2293
|
+
for (const c of countries) {
|
|
2294
|
+
const normalisedName = normaliseString(c.name);
|
|
2295
|
+
const initials = normalisedName.split(/[^a-z]/).map((word) => word[0]).join("");
|
|
2296
|
+
tokens.set(c.iso2, {
|
|
2297
|
+
normalisedName,
|
|
2298
|
+
initials,
|
|
2299
|
+
dialCodePlus: `+${c.dialCode}`
|
|
2300
|
+
});
|
|
2301
|
+
}
|
|
2302
|
+
return tokens;
|
|
2303
|
+
};
|
|
2304
|
+
var getMatchedCountries = (countries, searchTokens, query) => {
|
|
2295
2305
|
const normalisedQuery = normaliseString(query);
|
|
2296
2306
|
const iso2Matches = [];
|
|
2297
2307
|
const nameStartsWith = [];
|
|
@@ -2300,17 +2310,18 @@ var _factory = (() => {
|
|
|
2300
2310
|
const dialCodeContains = [];
|
|
2301
2311
|
const initialsMatches = [];
|
|
2302
2312
|
for (const c of countries) {
|
|
2313
|
+
const t = searchTokens.get(c.iso2);
|
|
2303
2314
|
if (c.iso2 === normalisedQuery) {
|
|
2304
2315
|
iso2Matches.push(c);
|
|
2305
|
-
} else if (
|
|
2316
|
+
} else if (t.normalisedName.startsWith(normalisedQuery)) {
|
|
2306
2317
|
nameStartsWith.push(c);
|
|
2307
|
-
} else if (
|
|
2318
|
+
} else if (t.normalisedName.includes(normalisedQuery)) {
|
|
2308
2319
|
nameContains.push(c);
|
|
2309
|
-
} else if (normalisedQuery === c.dialCode || normalisedQuery ===
|
|
2320
|
+
} else if (normalisedQuery === c.dialCode || normalisedQuery === t.dialCodePlus) {
|
|
2310
2321
|
dialCodeMatches.push(c);
|
|
2311
|
-
} else if (
|
|
2322
|
+
} else if (t.dialCodePlus.includes(normalisedQuery)) {
|
|
2312
2323
|
dialCodeContains.push(c);
|
|
2313
|
-
} else if (
|
|
2324
|
+
} else if (t.initials.includes(normalisedQuery)) {
|
|
2314
2325
|
initialsMatches.push(c);
|
|
2315
2326
|
}
|
|
2316
2327
|
}
|
|
@@ -2325,16 +2336,75 @@ var _factory = (() => {
|
|
|
2325
2336
|
...initialsMatches
|
|
2326
2337
|
];
|
|
2327
2338
|
};
|
|
2328
|
-
var findFirstCountryStartingWith = (countries, query) => {
|
|
2339
|
+
var findFirstCountryStartingWith = (countries, searchTokens, query) => {
|
|
2329
2340
|
const normalisedQuery = normaliseString(query);
|
|
2330
2341
|
for (const c of countries) {
|
|
2331
|
-
|
|
2342
|
+
const { normalisedName } = searchTokens.get(c.iso2);
|
|
2343
|
+
if (normalisedName.startsWith(normalisedQuery)) {
|
|
2332
2344
|
return c;
|
|
2333
2345
|
}
|
|
2334
2346
|
}
|
|
2335
2347
|
return null;
|
|
2336
2348
|
};
|
|
2337
2349
|
|
|
2350
|
+
// src/js/core/numerals.ts
|
|
2351
|
+
var Numerals = class _Numerals {
|
|
2352
|
+
#userNumeralSet;
|
|
2353
|
+
//* Stateless conversion of any Arabic-Indic / Persian digits to ASCII 0-9.
|
|
2354
|
+
//* Use this when you need to normalise digits without affecting any instance's tracked numeral set (e.g. for the country-search query).
|
|
2355
|
+
static toAscii(str) {
|
|
2356
|
+
if (!str) {
|
|
2357
|
+
return "";
|
|
2358
|
+
}
|
|
2359
|
+
return str.replace(
|
|
2360
|
+
/[٠-٩]/g,
|
|
2361
|
+
(ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - 1632))
|
|
2362
|
+
).replace(
|
|
2363
|
+
/[۰-۹]/g,
|
|
2364
|
+
(ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - 1776))
|
|
2365
|
+
);
|
|
2366
|
+
}
|
|
2367
|
+
constructor(initialValue) {
|
|
2368
|
+
if (initialValue) {
|
|
2369
|
+
this.#updateNumeralSet(initialValue);
|
|
2370
|
+
}
|
|
2371
|
+
}
|
|
2372
|
+
// If any Arabic-Indic digits, then label it as that set. Same for Persian. Otherwise assume ASCII.
|
|
2373
|
+
#updateNumeralSet(str) {
|
|
2374
|
+
if (/[٠-٩]/.test(str)) {
|
|
2375
|
+
this.#userNumeralSet = "arabic-indic";
|
|
2376
|
+
} else if (/[۰-۹]/.test(str)) {
|
|
2377
|
+
this.#userNumeralSet = "persian";
|
|
2378
|
+
} else {
|
|
2379
|
+
this.#userNumeralSet = "ascii";
|
|
2380
|
+
}
|
|
2381
|
+
}
|
|
2382
|
+
// Denormalise ASCII 0-9 to the user's numeral set. If not yet known, return as-is.
|
|
2383
|
+
// NOTE: normalise is always called before this, so it should be impossible for the numeral set to be unknown at this point.
|
|
2384
|
+
denormalise(str) {
|
|
2385
|
+
if (!this.#userNumeralSet || this.#userNumeralSet === "ascii") {
|
|
2386
|
+
return str;
|
|
2387
|
+
}
|
|
2388
|
+
const base = this.#userNumeralSet === "arabic-indic" ? 1632 : 1776;
|
|
2389
|
+
return str.replace(/[0-9]/g, (d) => String.fromCharCode(base + Number(d)));
|
|
2390
|
+
}
|
|
2391
|
+
// Normalize Eastern Arabic (U+0660-0669) and Persian/Extended Arabic-Indic (U+06F0-06F9) numerals to ASCII 0-9.
|
|
2392
|
+
// Tracks the user's numeral set as a side effect so denormalise can mirror it back.
|
|
2393
|
+
normalise(str) {
|
|
2394
|
+
if (!str) {
|
|
2395
|
+
return "";
|
|
2396
|
+
}
|
|
2397
|
+
this.#updateNumeralSet(str);
|
|
2398
|
+
if (this.#userNumeralSet === "ascii") {
|
|
2399
|
+
return str;
|
|
2400
|
+
}
|
|
2401
|
+
return _Numerals.toAscii(str);
|
|
2402
|
+
}
|
|
2403
|
+
isAscii() {
|
|
2404
|
+
return !this.#userNumeralSet || this.#userNumeralSet === "ascii";
|
|
2405
|
+
}
|
|
2406
|
+
};
|
|
2407
|
+
|
|
2338
2408
|
// src/js/core/ui.ts
|
|
2339
2409
|
var UI = class _UI {
|
|
2340
2410
|
// private
|
|
@@ -2343,6 +2413,7 @@ var _factory = (() => {
|
|
|
2343
2413
|
#isRTL;
|
|
2344
2414
|
#originalPaddingLeft = "";
|
|
2345
2415
|
#countries;
|
|
2416
|
+
#searchTokens;
|
|
2346
2417
|
#searchDebounceTimer = null;
|
|
2347
2418
|
#inlineDropdownHeight;
|
|
2348
2419
|
#countryContainerEl;
|
|
@@ -2388,8 +2459,9 @@ var _factory = (() => {
|
|
|
2388
2459
|
}
|
|
2389
2460
|
}
|
|
2390
2461
|
//* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
|
|
2391
|
-
buildMarkup(countries) {
|
|
2462
|
+
buildMarkup(countries, searchTokens) {
|
|
2392
2463
|
this.#countries = countries;
|
|
2464
|
+
this.#searchTokens = searchTokens;
|
|
2393
2465
|
this.telInputEl.classList.add("iti__tel-input");
|
|
2394
2466
|
if (!this.telInputEl.hasAttribute("type")) {
|
|
2395
2467
|
this.telInputEl.setAttribute("type", "tel");
|
|
@@ -2757,7 +2829,12 @@ var _factory = (() => {
|
|
|
2757
2829
|
if (query === "") {
|
|
2758
2830
|
matchedCountries = this.#countries;
|
|
2759
2831
|
} else {
|
|
2760
|
-
|
|
2832
|
+
const normalisedQuery = Numerals.toAscii(query);
|
|
2833
|
+
matchedCountries = getMatchedCountries(
|
|
2834
|
+
this.#countries,
|
|
2835
|
+
this.#searchTokens,
|
|
2836
|
+
normalisedQuery
|
|
2837
|
+
);
|
|
2761
2838
|
}
|
|
2762
2839
|
this.#showFilteredCountries(matchedCountries);
|
|
2763
2840
|
}
|
|
@@ -3052,7 +3129,11 @@ var _factory = (() => {
|
|
|
3052
3129
|
}
|
|
3053
3130
|
//* Hidden search (countrySearch disabled): jump to the first list item whose name starts with the query.
|
|
3054
3131
|
#searchForCountry(query) {
|
|
3055
|
-
const match = findFirstCountryStartingWith(
|
|
3132
|
+
const match = findFirstCountryStartingWith(
|
|
3133
|
+
this.#countries,
|
|
3134
|
+
this.#searchTokens,
|
|
3135
|
+
query
|
|
3136
|
+
);
|
|
3056
3137
|
if (match) {
|
|
3057
3138
|
const listItem = this.#listItemByIso2.get(match.iso2);
|
|
3058
3139
|
this.#highlightListItem(listItem);
|
|
@@ -3364,13 +3445,6 @@ var _factory = (() => {
|
|
|
3364
3445
|
return a.name.localeCompare(b.name);
|
|
3365
3446
|
});
|
|
3366
3447
|
};
|
|
3367
|
-
var cacheSearchTokens = (countries) => {
|
|
3368
|
-
for (const c of countries) {
|
|
3369
|
-
c.normalisedName = normaliseString(c.name);
|
|
3370
|
-
c.initials = c.normalisedName.split(/[^a-z]/).map((word) => word[0]).join("");
|
|
3371
|
-
c.dialCodePlus = `+${c.dialCode}`;
|
|
3372
|
-
}
|
|
3373
|
-
};
|
|
3374
3448
|
|
|
3375
3449
|
// src/js/data/intl-regionless.ts
|
|
3376
3450
|
var regionlessDialCodes = /* @__PURE__ */ new Set([
|
|
@@ -3456,54 +3530,6 @@ var _factory = (() => {
|
|
|
3456
3530
|
return false;
|
|
3457
3531
|
};
|
|
3458
3532
|
|
|
3459
|
-
// src/js/core/numerals.ts
|
|
3460
|
-
var Numerals = class {
|
|
3461
|
-
#userNumeralSet;
|
|
3462
|
-
constructor(initialValue) {
|
|
3463
|
-
if (initialValue) {
|
|
3464
|
-
this.#updateNumeralSet(initialValue);
|
|
3465
|
-
}
|
|
3466
|
-
}
|
|
3467
|
-
// If any Arabic-Indic digits, then label it as that set. Same for Persian. Otherwise assume ASCII.
|
|
3468
|
-
#updateNumeralSet(str) {
|
|
3469
|
-
if (/[\u0660-\u0669]/.test(str)) {
|
|
3470
|
-
this.#userNumeralSet = "arabic-indic";
|
|
3471
|
-
} else if (/[\u06F0-\u06F9]/.test(str)) {
|
|
3472
|
-
this.#userNumeralSet = "persian";
|
|
3473
|
-
} else {
|
|
3474
|
-
this.#userNumeralSet = "ascii";
|
|
3475
|
-
}
|
|
3476
|
-
}
|
|
3477
|
-
// Denormalise ASCII 0-9 to the user's numeral set. If not yet known, return as-is.
|
|
3478
|
-
// NOTE: normalise is always called before this, so it should be impossible for the numeral set to be unknown at this point.
|
|
3479
|
-
denormalise(str) {
|
|
3480
|
-
if (!this.#userNumeralSet || this.#userNumeralSet === "ascii") {
|
|
3481
|
-
return str;
|
|
3482
|
-
}
|
|
3483
|
-
const base = this.#userNumeralSet === "arabic-indic" ? 1632 : 1776;
|
|
3484
|
-
return str.replace(/[0-9]/g, (d) => String.fromCharCode(base + Number(d)));
|
|
3485
|
-
}
|
|
3486
|
-
// Normalize Eastern Arabic (U+0660-0669) and Persian/Extended Arabic-Indic (U+06F0-06F9) numerals to ASCII 0-9
|
|
3487
|
-
normalise(str) {
|
|
3488
|
-
if (!str) {
|
|
3489
|
-
return "";
|
|
3490
|
-
}
|
|
3491
|
-
this.#updateNumeralSet(str);
|
|
3492
|
-
if (this.#userNumeralSet === "ascii") {
|
|
3493
|
-
return str;
|
|
3494
|
-
}
|
|
3495
|
-
const base = this.#userNumeralSet === "arabic-indic" ? 1632 : 1776;
|
|
3496
|
-
const regex = this.#userNumeralSet === "arabic-indic" ? /[\u0660-\u0669]/g : /[\u06F0-\u06F9]/g;
|
|
3497
|
-
return str.replace(
|
|
3498
|
-
regex,
|
|
3499
|
-
(ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - base))
|
|
3500
|
-
);
|
|
3501
|
-
}
|
|
3502
|
-
isAscii() {
|
|
3503
|
-
return !this.#userNumeralSet || this.#userNumeralSet === "ascii";
|
|
3504
|
-
}
|
|
3505
|
-
};
|
|
3506
|
-
|
|
3507
3533
|
// src/js/intlTelInput.ts
|
|
3508
3534
|
var nextId = 0;
|
|
3509
3535
|
var ensureUtils = (methodName) => {
|
|
@@ -3538,6 +3564,7 @@ var _factory = (() => {
|
|
|
3538
3564
|
#dialCodeToIso2Map;
|
|
3539
3565
|
#dialCodes;
|
|
3540
3566
|
#countryByIso2;
|
|
3567
|
+
#searchTokens;
|
|
3541
3568
|
#selectedCountry = null;
|
|
3542
3569
|
#maxCoreNumberLength = null;
|
|
3543
3570
|
#fallbackCountryIso2;
|
|
@@ -3561,9 +3588,7 @@ var _factory = (() => {
|
|
|
3561
3588
|
this.#numerals = new Numerals(input.value);
|
|
3562
3589
|
this.promise = this.#createInitPromise(this.#options);
|
|
3563
3590
|
this.#countries = processAllCountries(this.#options);
|
|
3564
|
-
const { dialCodes, dialCodeMaxLength, dialCodeToIso2Map } = processDialCodes(
|
|
3565
|
-
this.#countries
|
|
3566
|
-
);
|
|
3591
|
+
const { dialCodes, dialCodeMaxLength, dialCodeToIso2Map } = processDialCodes(this.#countries);
|
|
3567
3592
|
this.#dialCodes = dialCodes;
|
|
3568
3593
|
this.#dialCodeMaxLength = dialCodeMaxLength;
|
|
3569
3594
|
this.#dialCodeToIso2Map = dialCodeToIso2Map;
|
|
@@ -3596,7 +3621,7 @@ var _factory = (() => {
|
|
|
3596
3621
|
#init() {
|
|
3597
3622
|
this.#abortController = new AbortController();
|
|
3598
3623
|
this.#processCountryData();
|
|
3599
|
-
this.#ui.buildMarkup(this.#countries);
|
|
3624
|
+
this.#ui.buildMarkup(this.#countries, this.#searchTokens);
|
|
3600
3625
|
this.#setInitialState();
|
|
3601
3626
|
this.#initListeners();
|
|
3602
3627
|
this.#startAsyncLoads();
|
|
@@ -3611,7 +3636,7 @@ var _factory = (() => {
|
|
|
3611
3636
|
#processCountryData() {
|
|
3612
3637
|
generateCountryNames(this.#countries, this.#options);
|
|
3613
3638
|
sortCountries(this.#countries, this.#options);
|
|
3614
|
-
|
|
3639
|
+
this.#searchTokens = buildSearchTokens(this.#countries);
|
|
3615
3640
|
}
|
|
3616
3641
|
//* Set the initial state of the input value and the selected country by:
|
|
3617
3642
|
//* 1. Extracting a dial code from the given number
|
|
@@ -3734,7 +3759,7 @@ var _factory = (() => {
|
|
|
3734
3759
|
#bindAllTelInputListeners() {
|
|
3735
3760
|
this.#bindInputListener();
|
|
3736
3761
|
this.#bindKeydownListener();
|
|
3737
|
-
this.#
|
|
3762
|
+
this.#bindStrictPasteListener();
|
|
3738
3763
|
}
|
|
3739
3764
|
//* Android workaround for handling plus when separateDialCode enabled (as impossible to handle with keydown/keyup, for which e.key always returns "Unidentified", see https://stackoverflow.com/q/59584061/217866)
|
|
3740
3765
|
#handleAndroidPlusKey(inputValue) {
|
|
@@ -3745,6 +3770,7 @@ var _factory = (() => {
|
|
|
3745
3770
|
#handleAndroidStrictReject(inputValue, rejectedInput) {
|
|
3746
3771
|
const newCaretPos = this.#removeJustTypedChar(inputValue);
|
|
3747
3772
|
this.#ui.telInputEl.setSelectionRange(newCaretPos, newCaretPos);
|
|
3773
|
+
this.#playStrictRejectAnimation();
|
|
3748
3774
|
this.#dispatchEvent(EVENTS.STRICT_REJECT, {
|
|
3749
3775
|
source: "key",
|
|
3750
3776
|
rejectedInput,
|
|
@@ -3804,7 +3830,13 @@ var _factory = (() => {
|
|
|
3804
3830
|
//* On input event: (1) Update selected country, (2) Format-as-you-type.
|
|
3805
3831
|
//* Note that this fires AFTER the input is updated.
|
|
3806
3832
|
#handleInputEvent = (e) => {
|
|
3807
|
-
const {
|
|
3833
|
+
const {
|
|
3834
|
+
strictMode,
|
|
3835
|
+
formatAsYouType,
|
|
3836
|
+
separateDialCode,
|
|
3837
|
+
allowDropdown,
|
|
3838
|
+
countrySearch
|
|
3839
|
+
} = this.#options;
|
|
3808
3840
|
const detail = e?.detail;
|
|
3809
3841
|
if (detail?.["isCountryChange"]) {
|
|
3810
3842
|
return;
|
|
@@ -3886,6 +3918,7 @@ var _factory = (() => {
|
|
|
3886
3918
|
const newCountry = this.#resolveCountryChangeFromNumber(newFullNumber);
|
|
3887
3919
|
const isChangingDialCode = newCountry !== null;
|
|
3888
3920
|
if (!isAllowedChar || hasExceededMaxLength && !isChangingDialCode && !isInitialPlus) {
|
|
3921
|
+
this.#playStrictRejectAnimation();
|
|
3889
3922
|
this.#dispatchEvent(EVENTS.STRICT_REJECT, {
|
|
3890
3923
|
source: "key",
|
|
3891
3924
|
rejectedInput: e.key,
|
|
@@ -3894,15 +3927,16 @@ var _factory = (() => {
|
|
|
3894
3927
|
e.preventDefault();
|
|
3895
3928
|
}
|
|
3896
3929
|
};
|
|
3897
|
-
#
|
|
3930
|
+
#bindStrictPasteListener() {
|
|
3898
3931
|
if (!this.#options.strictMode) {
|
|
3899
3932
|
return;
|
|
3900
3933
|
}
|
|
3901
|
-
this.#ui.telInputEl.addEventListener("paste", this.#
|
|
3934
|
+
this.#ui.telInputEl.addEventListener("paste", this.#handleStrictPasteEvent, {
|
|
3902
3935
|
signal: this.#abortController.signal
|
|
3903
3936
|
});
|
|
3904
3937
|
}
|
|
3905
|
-
|
|
3938
|
+
// Handle paste events when strictMode is enabled by sanitising the pasted content before it's inserted into the input, and rejecting it entirely if it would result in an invalid number
|
|
3939
|
+
#handleStrictPasteEvent = (e) => {
|
|
3906
3940
|
e.preventDefault();
|
|
3907
3941
|
const input = this.#ui.telInputEl;
|
|
3908
3942
|
const selStart = input.selectionStart;
|
|
@@ -3921,6 +3955,15 @@ var _factory = (() => {
|
|
|
3921
3955
|
const sanitised = hasLeadingPlus && allowLeadingPlus ? `+${numerics}` : numerics;
|
|
3922
3956
|
let newValue = before + sanitised + after;
|
|
3923
3957
|
let rejectReason = sanitised !== pasted ? "invalid" : null;
|
|
3958
|
+
if (newValue.length > 30) {
|
|
3959
|
+
this.#playStrictRejectAnimation();
|
|
3960
|
+
this.#dispatchEvent(EVENTS.STRICT_REJECT, {
|
|
3961
|
+
source: "paste",
|
|
3962
|
+
rejectedInput: pastedRaw,
|
|
3963
|
+
reason: "max-length"
|
|
3964
|
+
});
|
|
3965
|
+
return;
|
|
3966
|
+
}
|
|
3924
3967
|
if (newValue.length > 5 && intlTelInput.utils) {
|
|
3925
3968
|
let coreNumber = intlTelInput.utils.getCoreNumber(newValue, iso2);
|
|
3926
3969
|
while (coreNumber.length === 0 && newValue.length > 0) {
|
|
@@ -3928,6 +3971,7 @@ var _factory = (() => {
|
|
|
3928
3971
|
coreNumber = intlTelInput.utils.getCoreNumber(newValue, iso2);
|
|
3929
3972
|
}
|
|
3930
3973
|
if (!coreNumber) {
|
|
3974
|
+
this.#playStrictRejectAnimation();
|
|
3931
3975
|
this.#dispatchEvent(EVENTS.STRICT_REJECT, {
|
|
3932
3976
|
source: "paste",
|
|
3933
3977
|
rejectedInput: pastedRaw,
|
|
@@ -3941,6 +3985,7 @@ var _factory = (() => {
|
|
|
3941
3985
|
newValue = newValue.slice(0, newValue.length - trimLength);
|
|
3942
3986
|
rejectReason = "max-length";
|
|
3943
3987
|
} else {
|
|
3988
|
+
this.#playStrictRejectAnimation();
|
|
3944
3989
|
this.#dispatchEvent(EVENTS.STRICT_REJECT, {
|
|
3945
3990
|
source: "paste",
|
|
3946
3991
|
rejectedInput: pastedRaw,
|
|
@@ -3955,6 +4000,9 @@ var _factory = (() => {
|
|
|
3955
4000
|
input.setSelectionRange(caretPos, caretPos);
|
|
3956
4001
|
input.dispatchEvent(new InputEvent("input", { bubbles: true }));
|
|
3957
4002
|
if (rejectReason) {
|
|
4003
|
+
if (pasted.length > 0 && sanitised.length === 0) {
|
|
4004
|
+
this.#playStrictRejectAnimation();
|
|
4005
|
+
}
|
|
3958
4006
|
this.#dispatchEvent(EVENTS.STRICT_REJECT, {
|
|
3959
4007
|
source: "paste",
|
|
3960
4008
|
rejectedInput: pastedRaw,
|
|
@@ -3967,6 +4015,21 @@ var _factory = (() => {
|
|
|
3967
4015
|
const max = Number(this.#ui.telInputEl.getAttribute("maxlength"));
|
|
3968
4016
|
return max && number.length > max ? number.substring(0, max) : number;
|
|
3969
4017
|
}
|
|
4018
|
+
//* Play the strict-reject animation (shake, or background-colour flash under prefers-reduced-motion) on the wrapper.
|
|
4019
|
+
//* Called when strictMode rejects the whole input (keystroke, or whole paste).
|
|
4020
|
+
//* Uses the wrapper (not the input) so any separateDialCode / country button move together with the input.
|
|
4021
|
+
#playStrictRejectAnimation() {
|
|
4022
|
+
if (!this.#options.strictRejectAnimation) {
|
|
4023
|
+
return;
|
|
4024
|
+
}
|
|
4025
|
+
const wrapperEl = this.#ui.telInputEl.parentElement;
|
|
4026
|
+
if (!wrapperEl) {
|
|
4027
|
+
return;
|
|
4028
|
+
}
|
|
4029
|
+
wrapperEl.classList.remove("iti__strict-reject-animation");
|
|
4030
|
+
void wrapperEl.offsetWidth;
|
|
4031
|
+
wrapperEl.classList.add("iti__strict-reject-animation");
|
|
4032
|
+
}
|
|
3970
4033
|
//* Trigger a custom event on the input (typed via ItiEventMap).
|
|
3971
4034
|
#dispatchEvent(name, detailProps = {}) {
|
|
3972
4035
|
const e = new CustomEvent(name, {
|
|
@@ -4603,7 +4666,7 @@ var _factory = (() => {
|
|
|
4603
4666
|
attachUtils,
|
|
4604
4667
|
startedLoadingUtils: false,
|
|
4605
4668
|
startedLoadingAutoCountry: false,
|
|
4606
|
-
version: "27.
|
|
4669
|
+
version: "27.3.1"
|
|
4607
4670
|
}
|
|
4608
4671
|
);
|
|
4609
4672
|
var intlTelInput_default = intlTelInput;
|