ngxsmk-tel-input 1.8.0 → 1.8.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.
Files changed (6) hide show
  1. package/README.md +2 -1
  2. package/fesm2022/ngxsmk-tel-input.mjs +16 -4
  3. package/fesm2022/ngxsmk-tel-input.mjs.map +1 -1
  4. package/lib/ngxsmk-tel-input.component.d.ts +4 -2
  5. package/lib/ngxsmk-tel-input.component.d.ts.map +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -21,6 +21,7 @@ Wraps [`intl-tel-input`](https://github.com/jackocnr/intl-tel-input) for the UI
21
21
  * **Mobile responsive**: Optimized for touch devices with proper tap targets, prevents iOS zoom, and responsive dropdown
22
22
  * **Dark & Light themes**: Comprehensive theme system with automatic system preference detection
23
23
  * **Accessibility**: Full ARIA support, screen reader compatibility, keyboard navigation
24
+ * **Parent fieldset disabled detection**: Natively reacts to parent `<fieldset>` disabled state changes (via `DoCheck` hook), disabling dropdown and matching application styles.
24
25
  * **Integrations & Ionic ready**: Built-in support for Twilio, Vonage, AWS SNS, and Ionic Framework overlays/themes (see [INTEGRATIONS.md](./INTEGRATIONS.md))
25
26
  * SSR‑friendly (no `window` on the server)
26
27
  * Easy theming via CSS variables
@@ -422,4 +423,4 @@ Clear `.angular/cache`, rebuild the lib, and restart `ng serve`.
422
423
  * UI powered by [`intl-tel-input`](https://github.com/jackocnr/intl-tel-input)
423
424
  * Parsing & validation by [`libphonenumber-js`](https://github.com/catamphetamine/libphonenumber-js)
424
425
 
425
- Last updated: 2025-01-21
426
+ Last updated: 2026-06-06
package/fesm2022/ngxsmk-tel-input.mjs CHANGED
@@ -545,6 +545,17 @@ class NgxsmkTelInputComponent {
545
545
  ngOnInit() {
546
546
  this.ngControl = this.injector.get(NgControl, null);
547
547
  }
548
+ ngDoCheck() {
549
+ if (this.inputRef && this.inputRef.nativeElement) {
550
+ const isCurrentlyDisabled = this.inputRef.nativeElement.matches(':disabled');
551
+ if (this.isNativelyDisabled !== isCurrentlyDisabled) {
552
+ this.isNativelyDisabled = isCurrentlyDisabled;
553
+ this.applyDisabledUi(isCurrentlyDisabled || (this.disabledSignal() ?? this.disabled));
554
+ this.stateChanges.next();
555
+ this.cdr.markForCheck();
556
+ }
557
+ }
558
+ }
548
559
  get id() {
549
560
  return this.resolvedId;
550
561
  }
@@ -601,6 +612,7 @@ class NgxsmkTelInputComponent {
601
612
  this.cdr = cdr;
602
613
  this.injector = inject(Injector);
603
614
  this.ngControl = null;
615
+ this.isNativelyDisabled = false;
604
616
  // ========== Signal-based API (Angular 17+) ==========
605
617
  /** Signal-based input: Initial country to select. Use 'auto' for geo-location detection. */
606
618
  this.initialCountrySignal = input(undefined);
@@ -2002,7 +2014,7 @@ class NgxsmkTelInputComponent {
2002
2014
  { provide: MatFormFieldControl, useExisting: forwardRef(() => NgxsmkTelInputComponent) }
2003
2015
  ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["telInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
2004
2016
  <div class="ngxsmk-tel"
2005
- [class.disabled]="(disabledSignal() ?? disabled)"
2017
+ [class.disabled]="(disabledSignal() ?? disabled) || isNativelyDisabled"
2006
2018
  [class.ngxsmk-tel--hide-flags]="!(showFlagsSignal() ?? showFlags)"
2007
2019
  [attr.data-size]="(sizeSignal() ?? size)"
2008
2020
  [attr.data-variant]="(variantSignal() ?? variant)"
@@ -2064,13 +2076,13 @@ class NgxsmkTelInputComponent {
2064
2076
  [attr.aria-live]="'polite'"
2065
2077
  [attr.aria-atomic]="true">{{ getAriaStatusMessage() }}</div>
2066
2078
  </div>
2067
- `, isInline: true, styles: [":host{--tel-bg: var(--ion-background-color, #fff);--tel-fg: var(--ion-text-color, #0f172a);--tel-border: var(--ion-border-color, #e2e8f0);--tel-border-hover: var(--ion-color-step-300, #cbd5e1);--tel-ring: var(--ion-color-primary, #2563eb);--tel-placeholder: var(--ion-color-step-400, #94a3b8);--tel-error: var(--ion-color-danger, #ef4444);--tel-success: var(--ion-color-success, #10b981);--tel-warning: var(--ion-color-warning, #f59e0b);--tel-radius: var(--ion-border-radius, 12px);--tel-focus-shadow: 0 0 0 4px rgba(var(--ion-color-primary-rgb, 37, 99, 235), .15);--tel-dd-bg: var(--ion-background-color, #fff);--tel-dd-border: var(--ion-border-color, rgba(0, 0, 0, .08));--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08);--tel-dd-radius: 0;--tel-dd-item-hover: var(--ion-color-step-100, rgba(148, 163, 184, .08));--tel-dd-z: 2000;--tel-dd-search-bg: var(--ion-color-step-50, rgba(148, 163, 184, .04));display:block;contain:layout style;isolation:isolate}:host-context(.dark):not([data-theme=light]):not(.light),:host([data-theme=dark]),:host(.dark){--tel-bg: #0f172a;--tel-fg: #e2e8f0;--tel-border: #334155;--tel-border-hover: #475569;--tel-ring: #60a5fa;--tel-placeholder: #94a3b8;--tel-error: #f87171;--tel-success: #34d399;--tel-warning: #fbbf24;--tel-focus-shadow: 0 0 0 4px rgba(96, 165, 250, .15);--tel-dd-bg: #1e293b;--tel-dd-border: rgba(255, 255, 255, .08);--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .2);--tel-dd-search-bg: rgba(255, 255, 255, .02)}:host([data-theme=light]),:host(.light){--tel-bg: #fff !important;--tel-fg: #0f172a !important;--tel-border: #e2e8f0 !important;--tel-border-hover: #cbd5e1 !important;--tel-ring: #2563eb !important;--tel-placeholder: #94a3b8 !important;--tel-error: #ef4444 !important;--tel-success: #10b981 !important;--tel-warning: #f59e0b !important;--tel-focus-shadow: 0 0 0 4px rgba(37, 99, 235, .15) !important;--tel-dd-bg: #fff !important;--tel-dd-border: rgba(0, 0, 0, .08) !important;--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;--tel-dd-search-bg: rgba(148, 163, 184, .04) !important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-list,:host([data-theme=dark]) ::ng-deep .iti__country-list,:host(.dark) ::ng-deep .iti__country-list{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__search-input,:host([data-theme=dark]) ::ng-deep .iti__search-input,:host(.dark) ::ng-deep .iti__search-input{background:var(--tel-dd-search-bg)!important;color:#fff!important;border-bottom-color:var(--tel-dd-border)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country,:host([data-theme=dark]) ::ng-deep .iti__country,:host(.dark) ::ng-deep .iti__country{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country.iti__highlight,:host([data-theme=dark]) ::ng-deep .iti__country.iti__highlight,:host(.dark) ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-name,:host([data-theme=dark]) ::ng-deep .iti__country-name,:host(.dark) ::ng-deep .iti__country-name{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-code,:host([data-theme=dark]) ::ng-deep .iti__country-code,:host(.dark) ::ng-deep .iti__country-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__dial-code,:host([data-theme=dark]) ::ng-deep .iti__dial-code,:host(.dark) ::ng-deep .iti__dial-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow,:host([data-theme=dark]) ::ng-deep .iti__arrow,:host(.dark) ::ng-deep .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow.iti__arrow--up,:host([data-theme=dark]) ::ng-deep .iti__arrow.iti__arrow--up,:host(.dark) ::ng-deep .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}.ngxsmk-tel{width:100%;color:var(--tel-fg)}.ngxsmk-tel.disabled{opacity:.7;cursor:not-allowed}.ngxsmk-tel__label{display:inline-block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--tel-fg)}.ngxsmk-tel__wrap{position:relative}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%}.ngxsmk-tel-input__control{width:100%;height:42px;font:inherit;color:var(--tel-fg);background:var(--tel-bg);border:1px solid var(--tel-border);border-radius:var(--tel-radius);padding:10px 40px 10px 14px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,transform .2s ease;will-change:border-color,box-shadow,background-color,transform;transform:translateZ(0);box-shadow:0 1px 2px #00000005;font-size:15px;line-height:1.5;box-sizing:border-box}.ngxsmk-tel-input__control::placeholder{color:var(--tel-placeholder)}.ngxsmk-tel-input__control:hover:not(:disabled):not(:focus){border-color:var(--tel-border-hover);box-shadow:0 2px 4px #0000000a}.ngxsmk-tel-input__control:focus{border-color:var(--tel-ring);box-shadow:var(--tel-focus-shadow);background:var(--tel-bg);color:var(--tel-fg)}[data-size=sm] .ngxsmk-tel-input__control{height:34px;font-size:13px;padding:6px 36px 6px 10px;border-radius:6px}[data-size=sm] .ngxsmk-tel__label{font-size:12px;margin-bottom:6px}[data-size=sm] .ngxsmk-tel__hint,[data-size=sm] .ngxsmk-tel__error{font-size:11px;margin-top:6px}[data-size=sm] .ngxsmk-tel__clear{width:20px;height:20px;right:8px}[data-size=sm] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:10px;height:10px}[data-size=sm] :host ::ng-deep .iti__selected-flag{padding:0 8px}[data-size=sm] :host ::ng-deep .iti__flag-box{width:16px;height:12px}[data-size=sm] :host ::ng-deep .iti__selected-dial-code{font-size:13px}[data-size=sm] :host ::ng-deep .iti__arrow{transform:scale(.8);margin-left:4px}[data-size=lg] .ngxsmk-tel-input__control{height:48px;font-size:17px;padding:12px 48px 12px 14px;border-radius:10px}[data-size=lg] .ngxsmk-tel__label{font-size:16px;margin-bottom:10px}[data-size=lg] .ngxsmk-tel__hint,[data-size=lg] .ngxsmk-tel__error{font-size:13px;margin-top:10px}[data-size=lg] .ngxsmk-tel__clear{width:28px;height:28px;right:12px}[data-size=lg] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:14px;height:14px}[data-size=lg] :host ::ng-deep .iti__selected-flag{padding:0 12px}[data-size=lg] :host ::ng-deep .iti__flag-box{width:22px;height:16.5px}[data-size=lg] :host ::ng-deep .iti__selected-dial-code{font-size:17px}[data-size=lg] :host ::ng-deep .iti__arrow{transform:scale(1.1);margin-left:8px}:host ::ng-deep .iti__selected-dial-code{font-size:15px}:host ::ng-deep .iti__country-list,:host ::ng-deep .iti__search-input,:host ::ng-deep .iti__country,:host ::ng-deep .iti__country-name,:host ::ng-deep .iti__country-code,:host ::ng-deep .iti__dial-code{font-size:15px}::ng-deep .iti__country-list[data-size=sm] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-input{font-size:12px!important;padding:6px 28px 6px 10px!important;margin:6px!important;width:calc(100% - 12px)!important;border-radius:6px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear{width:20px!important;height:20px!important;right:10px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear svg{width:10px;height:10px}::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{padding:8px 12px!important;min-height:36px!important;font-size:13px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{grid-template-columns:24px 1fr auto!important;column-gap:.375rem!important}}::ng-deep .iti__country-list[data-size=sm] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-name{font-size:13px!important}::ng-deep .iti__country-list[data-size=sm] .iti__country-code,::ng-deep .iti__country-list[data-size=sm] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__dial-code{font-size:12px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-input{font-size:15px!important;padding:10px 36px 10px 14px!important;margin:10px!important;width:calc(100% - 20px)!important;border-radius:10px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear{width:28px!important;height:28px!important;right:16px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear svg{width:14px;height:14px}::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{padding:12px 16px!important;min-height:48px!important;font-size:17px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{grid-template-columns:32px 1fr auto!important;column-gap:.625rem!important}}::ng-deep .iti__country-list[data-size=lg] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-name{font-size:17px!important}::ng-deep .iti__country-list[data-size=lg] .iti__country-code,::ng-deep .iti__country-list[data-size=lg] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__dial-code{font-size:15px!important}[data-variant=filled] .ngxsmk-tel-input__control{background:#94a3b814}[data-variant=underline] .ngxsmk-tel-input__control{border:0;border-bottom:2px solid var(--tel-border);border-radius:0;padding-left:0;padding-right:34px}[data-variant=underline] .ngxsmk-tel-input__control:focus{border-bottom-color:var(--tel-ring);box-shadow:none}:host ::ng-deep .iti__flag-container{border:none!important;background:transparent!important}:host ::ng-deep .iti__selected-flag{height:100%;padding:0 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-flag:focus,:host ::ng-deep .iti__selected-flag:active,:host ::ng-deep .iti__selected-flag:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-country{z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;outline:none!important}:host ::ng-deep .iti__selected-country:focus,:host ::ng-deep .iti__selected-country:active,:host ::ng-deep .iti__selected-country:focus-visible{outline:none!important}:host ::ng-deep .iti__country-list{background:var(--tel-dd-bg);border:1px solid var(--tel-dd-border);border-radius:0!important;box-shadow:var(--tel-dd-shadow);max-height:360px;max-height:min(50vh,360px);overflow:auto;padding:6px 0;width:100%;min-width:0;box-sizing:border-box;z-index:var(--tel-dd-z);contain:layout style;isolation:isolate;will-change:transform;color:var(--tel-fg);display:block;animation:dropdownOpen .25s cubic-bezier(.34,1.56,.64,1)}:host ::ng-deep .iti__country-list::-webkit-scrollbar{width:6px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-track{background:transparent}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:3px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb:hover{background:#94a3b873}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:host ::ng-deep .iti--container .iti__country-list{z-index:var(--tel-dd-z);width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .iti__search-input{position:-webkit-sticky;position:sticky;top:0;margin:8px;padding:8px 32px 8px 12px;width:calc(100% - 16px);border:1px solid var(--tel-border);border-radius:8px;outline:none;background:var(--tel-dd-search-bg);color:var(--tel-fg);font-size:14px!important;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}:host ::ng-deep .iti__search-input:focus{border-color:var(--tel-ring);box-shadow:0 0 0 2px var(--tel-focus-shadow)}:host ::ng-deep .iti__search-box,:host ::ng-deep .iti__country-list>div:first-child{position:relative}:host ::ng-deep .iti__search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--tel-placeholder);padding:0;z-index:10;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}:host ::ng-deep .iti__search-clear:hover{color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}:host ::ng-deep .iti__search-clear:active{opacity:.7;transform:translateY(-50%) scale(.95)}:host ::ng-deep .iti__search-input::placeholder{color:var(--tel-placeholder)}:host ::ng-deep .iti__country{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px;cursor:pointer;color:var(--tel-fg);transition:background-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);margin:0!important;border-radius:0!important}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:.5rem}}:host ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important;transform:none}:host ::ng-deep .iti__dial-code{color:var(--tel-placeholder);font-weight:600;margin-left:10px}:host ::ng-deep .iti__country-name{color:var(--tel-fg);font-weight:500}:host ::ng-deep .iti__country-code{color:var(--tel-placeholder);font-weight:500}.ngxsmk-tel__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#94a3b81a;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--tel-placeholder);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ngxsmk-tel__clear:hover{background-color:#94a3b833;color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}.ngxsmk-tel__clear:active{transform:translateY(-50%) scale(.95)}.ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:12px;height:12px}.ngxsmk-tel__hint{margin-top:8px;font-size:12px;color:var(--tel-placeholder)}.ngxsmk-tel__error{margin-top:8px;font-size:12px;color:var(--tel-error)}.ngxsmk-tel__wrap.has-error .ngxsmk-tel-input__control{border-color:var(--tel-error);box-shadow:0 0 0 3px #ef444426}.ngxsmk-tel.disabled .iti__flag-container,.ngxsmk-tel.disabled .iti__selected-flag{pointer-events:none;opacity:.6}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control,:host([data-theme=dark]) .ngxsmk-tel-input__control{background:#0f172a!important;color:#e2e8f0!important;border-color:#334155!important;box-shadow:0 1px 3px #0000004d!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:focus,:host([data-theme=dark]) .ngxsmk-tel-input__control:focus{background:#0f172a!important;color:#e2e8f0!important;border-color:#60a5fa!important;box-shadow:0 0 0 .2rem #60a5fa40!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control::placeholder,:host([data-theme=dark]) .ngxsmk-tel-input__control::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__label,:host([data-theme=dark]) .ngxsmk-tel__label{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__hint,:host([data-theme=dark]) .ngxsmk-tel__hint{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__error,:host([data-theme=dark]) .ngxsmk-tel__error{color:#f87171!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear,:host([data-theme=dark]) .ngxsmk-tel__clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear:hover,:host([data-theme=dark]) .ngxsmk-tel__clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-input::placeholder,:host([data-theme=dark]) ::ng-deep .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear,:host([data-theme=dark]) ::ng-deep .iti__search-clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear:hover,:host([data-theme=dark]) ::ng-deep .iti__search-clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-dial-code,:host([data-theme=dark]) ::ng-deep .iti__selected-dial-code{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-flag,:host([data-theme=dark]) ::ng-deep .iti__selected-flag{color:#e2e8f0!important}:host([data-theme=light]) .ngxsmk-tel-input__control{background:#fff!important;background-color:#fff!important;color:#0f172a!important;border-color:silver!important;box-shadow:0 1px 3px #0000001a!important}:host([data-theme=light]) .ngxsmk-tel-input__control:focus{background:#fff!important;color:#0f172a!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb40!important}:host([data-theme=light]) .ngxsmk-tel-input__control::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__label{color:#0f172a!important}:host([data-theme=light]) .ngxsmk-tel__hint{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__error{color:#ef4444!important}:host([data-theme=light]) .ngxsmk-tel__clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-input{background:#94a3b814!important;color:#0f172a!important;border-bottom-color:silver!important}:host([data-theme=light]) ::ng-deep .iti__search-input::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__selected-dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__selected-flag{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__arrow{border-top-color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__arrow:hover{opacity:1}:host([data-theme=light]) ::ng-deep .iti--allow-dropdown .iti__arrow{border-top-color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-list{background:#fff!important;border-color:silver!important;color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-name{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__flag-container{background:#fff!important;border-color:silver!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.ngxsmk-tel__wrap{position:relative;width:100%;max-width:100%;overflow:visible}:host{width:100%;max-width:100%;display:block}.ngxsmk-tel{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel-input__control{font-size:16px!important;padding:12px 44px 12px 12px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px;right:4px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px;padding:0 12px;touch-action:manipulation;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:20px;height:15px}:host ::ng-deep .iti__country-list{width:100%!important;max-width:100%!important;min-width:0!important;max-height:400px;max-height:min(70vh,400px);-webkit-overflow-scrolling:touch;overflow-x:hidden;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;box-shadow:0 4px 12px #00000026!important;box-sizing:border-box}:host ::ng-deep .iti--container{position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__dropdown{position:relative!important;width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__country-list{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:28px!important;height:28px!important;font-size:20px!important;right:6px!important}:host ::ng-deep .iti__country{min-height:48px;padding:12px 14px;font-size:15px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;column-gap:.625rem}}:host ::ng-deep .iti__country-name{font-size:15px!important;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .iti__country-code{font-size:13px!important;line-height:1.4}:host ::ng-deep .iti__dial-code{font-size:14px!important;line-height:1.4;margin-left:8px;white-space:nowrap}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:12px 14px;min-height:44px;width:100%!important;box-sizing:border-box}.ngxsmk-tel__label{font-size:.9375rem;margin-bottom:8px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.8125rem;margin-top:8px;line-height:1.4}[data-size=sm] .ngxsmk-tel-input__control{min-height:40px;font-size:16px!important;padding:10px 40px 10px 10px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-size=lg] .ngxsmk-tel-input__control{min-height:48px;font-size:16px!important;padding:14px 48px 14px 14px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-variant=underline] .ngxsmk-tel-input__control{padding-right:40px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){:host{width:100%;max-width:100%}.ngxsmk-tel,.ngxsmk-tel__wrap{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important}.ngxsmk-tel-input__control{padding:10px 40px 10px 10px;font-size:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__selected-flag{padding:0 8px;min-width:40px;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:18px;height:14px}:host ::ng-deep .iti__country-list{max-height:350px;max-height:min(60vh,350px);border-radius:0!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:24px!important;height:24px!important;font-size:18px!important;right:6px!important}:host ::ng-deep .iti__country{padding:10px 12px;min-height:44px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:26px 1fr auto;column-gap:.5rem}}:host ::ng-deep .iti__country-name{font-size:14px!important}:host ::ng-deep .iti__country-code{font-size:12px!important}:host ::ng-deep .iti__dial-code{font-size:13px!important;margin-left:6px}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:10px 12px;min-height:44px}.ngxsmk-tel__clear{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;right:2px}.ngxsmk-tel__label{font-size:.875rem;margin-bottom:6px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.75rem;line-height:1.4}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}[data-size=sm] :host ::ng-deep .iti__country-name,[data-size=sm] :host ::ng-deep .iti__country-code,[data-size=sm] :host ::ng-deep .iti__dial-code{font-size:13px!important}[data-size=lg] :host ::ng-deep .iti__country-name,[data-size=lg] :host ::ng-deep .iti__country-code,[data-size=lg] :host ::ng-deep .iti__dial-code{font-size:15px!important}}@media(max-width:768px)and (orientation:landscape){:host ::ng-deep .iti__country-list{max-height:300px;max-height:min(50vh,300px)}}@media(min-width:481px)and (max-width:1024px){.ngxsmk-tel-input__control{padding:11px 42px 11px 12px}:host ::ng-deep .iti__country-list{max-height:400px;max-height:min(60vh,400px)}}@media(hover:none)and (pointer:coarse){.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px}:host ::ng-deep .iti__country{min-height:48px}:host ::ng-deep .iti__country:active{background-color:var(--tel-dd-item-hover)}.ngxsmk-tel__clear:active{background-color:#0000001a;transform:translateY(-50%) scale(.95)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ngxsmk-tel-input__control{border-width:.5px}}@media screen and (max-width:768px){.ngxsmk-tel-input__control{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@supports (padding: max(0px)){@media(max-width:768px){:host ::ng-deep .iti__country-list{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}}::ng-deep .iti__country-list[data-theme=dark],::ng-deep .iti__country-list.dark-theme{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important;box-shadow:0 10px 30px #0003!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-track,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input,::ng-deep .iti__country-list.dark-theme .iti__search-input{background:#ffffff05!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input::placeholder,::ng-deep .iti__country-list.dark-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input:focus,::ng-deep .iti__country-list.dark-theme .iti__search-input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 4px #60a5fa26!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear,::ng-deep .iti__country-list.dark-theme .iti__search-clear{color:#94a3b8!important;right:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear:hover,::ng-deep .iti__country-list.dark-theme .iti__search-clear:hover{color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country,::ng-deep .iti__country-list.dark-theme .iti__country{color:#e2e8f0!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country.iti__highlight,::ng-deep .iti__country-list.dark-theme .iti__country.iti__highlight{background-color:#ffffff0f!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-name,::ng-deep .iti__country-list.dark-theme .iti__country-name{color:#e2e8f0!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-code,::ng-deep .iti__country-list[data-theme=dark] .iti__dial-code,::ng-deep .iti__country-list.dark-theme .iti__country-code,::ng-deep .iti__country-list.dark-theme .iti__dial-code{color:#94a3b8!important}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow,::ng-deep .iti__country-list.dark-theme .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.dark-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=light],::ng-deep .iti__country-list.light-theme{background:#ffffffd9!important;backdrop-filter:blur(16px)!important;border-color:#00000014!important;color:#0f172a!important;box-shadow:0 10px 30px #00000014!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-track,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-thumb{background:#94a3b840!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=light] .iti__search-input,::ng-deep .iti__country-list.light-theme .iti__search-input{background:#94a3b80a!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-input::placeholder,::ng-deep .iti__country-list.light-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__search-input:focus,::ng-deep .iti__country-list.light-theme .iti__search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb26!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear,::ng-deep .iti__country-list.light-theme .iti__search-clear{color:#6b7280!important;right:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear:hover,::ng-deep .iti__country-list.light-theme .iti__search-clear:hover{color:#0f172a!important}::ng-deep .iti__country-list[data-theme=light] .iti__country,::ng-deep .iti__country-list.light-theme .iti__country{color:#0f172a!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=light] .iti__country.iti__highlight,::ng-deep .iti__country-list.light-theme .iti__country.iti__highlight{background-color:#94a3b814!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-name,::ng-deep .iti__country-list.light-theme .iti__country-name{color:#0f172a!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-code,::ng-deep .iti__country-list[data-theme=light] .iti__dial-code,::ng-deep .iti__country-list.light-theme .iti__country-code,::ng-deep .iti__country-list.light-theme .iti__dial-code{color:#6b7280!important}::ng-deep .iti__country-list[data-theme=light] .iti__arrow,::ng-deep .iti__country-list.light-theme .iti__arrow{border-top-color:#0f172a!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.light-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#0f172a!important}.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag,.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag-box{display:none!important}::ng-deep .iti__country-list[data-show-flags=false] .iti__flag-box,::ng-deep .iti__country-list[data-search-country-flag=false] .iti__flag-box{display:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2079
+ `, isInline: true, styles: [":host{--tel-bg: var(--ion-background-color, #fff);--tel-fg: var(--ion-text-color, #0f172a);--tel-border: var(--ion-border-color, #e2e8f0);--tel-border-hover: var(--ion-color-step-300, #cbd5e1);--tel-ring: var(--ion-color-primary, #2563eb);--tel-placeholder: var(--ion-color-step-400, #94a3b8);--tel-error: var(--ion-color-danger, #ef4444);--tel-success: var(--ion-color-success, #10b981);--tel-warning: var(--ion-color-warning, #f59e0b);--tel-radius: var(--ion-border-radius, 12px);--tel-focus-shadow: 0 0 0 4px rgba(var(--ion-color-primary-rgb, 37, 99, 235), .15);--tel-dd-bg: var(--ion-background-color, #fff);--tel-dd-border: var(--ion-border-color, rgba(0, 0, 0, .08));--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08);--tel-dd-radius: 0;--tel-dd-item-hover: var(--ion-color-step-100, rgba(148, 163, 184, .08));--tel-dd-z: 2000;--tel-dd-search-bg: var(--ion-color-step-50, rgba(148, 163, 184, .04));display:block;contain:layout style;isolation:isolate}:host-context(.dark):not([data-theme=light]):not(.light),:host([data-theme=dark]),:host(.dark){--tel-bg: #0f172a;--tel-fg: #e2e8f0;--tel-border: #334155;--tel-border-hover: #475569;--tel-ring: #60a5fa;--tel-placeholder: #94a3b8;--tel-error: #f87171;--tel-success: #34d399;--tel-warning: #fbbf24;--tel-focus-shadow: 0 0 0 4px rgba(96, 165, 250, .15);--tel-dd-bg: #1e293b;--tel-dd-border: rgba(255, 255, 255, .08);--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .2);--tel-dd-search-bg: rgba(255, 255, 255, .02)}:host([data-theme=light]),:host(.light){--tel-bg: #fff !important;--tel-fg: #0f172a !important;--tel-border: #e2e8f0 !important;--tel-border-hover: #cbd5e1 !important;--tel-ring: #2563eb !important;--tel-placeholder: #94a3b8 !important;--tel-error: #ef4444 !important;--tel-success: #10b981 !important;--tel-warning: #f59e0b !important;--tel-focus-shadow: 0 0 0 4px rgba(37, 99, 235, .15) !important;--tel-dd-bg: #fff !important;--tel-dd-border: rgba(0, 0, 0, .08) !important;--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;--tel-dd-search-bg: rgba(148, 163, 184, .04) !important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-list,:host([data-theme=dark]) ::ng-deep .iti__country-list,:host(.dark) ::ng-deep .iti__country-list{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__search-input,:host([data-theme=dark]) ::ng-deep .iti__search-input,:host(.dark) ::ng-deep .iti__search-input{background:var(--tel-dd-search-bg)!important;color:#fff!important;border-bottom-color:var(--tel-dd-border)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country,:host([data-theme=dark]) ::ng-deep .iti__country,:host(.dark) ::ng-deep .iti__country{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country.iti__highlight,:host([data-theme=dark]) ::ng-deep .iti__country.iti__highlight,:host(.dark) ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-name,:host([data-theme=dark]) ::ng-deep .iti__country-name,:host(.dark) ::ng-deep .iti__country-name{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-code,:host([data-theme=dark]) ::ng-deep .iti__country-code,:host(.dark) ::ng-deep .iti__country-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__dial-code,:host([data-theme=dark]) ::ng-deep .iti__dial-code,:host(.dark) ::ng-deep .iti__dial-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow,:host([data-theme=dark]) ::ng-deep .iti__arrow,:host(.dark) ::ng-deep .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow.iti__arrow--up,:host([data-theme=dark]) ::ng-deep .iti__arrow.iti__arrow--up,:host(.dark) ::ng-deep .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}.ngxsmk-tel{width:100%;color:var(--tel-fg)}.ngxsmk-tel.disabled,.ngxsmk-tel:has(input:disabled){opacity:.7;cursor:not-allowed}.ngxsmk-tel-input__control:disabled{background-color:#f1f5f9;color:#94a3b8;border-color:#cbd5e1;cursor:not-allowed}.ngxsmk-tel__label{display:inline-block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--tel-fg)}.ngxsmk-tel__wrap{position:relative}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%}.ngxsmk-tel-input__control{width:100%;height:42px;font:inherit;color:var(--tel-fg);background:var(--tel-bg);border:1px solid var(--tel-border);border-radius:var(--tel-radius);padding:10px 40px 10px 14px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,transform .2s ease;will-change:border-color,box-shadow,background-color,transform;transform:translateZ(0);box-shadow:0 1px 2px #00000005;font-size:15px;line-height:1.5;box-sizing:border-box}.ngxsmk-tel-input__control::placeholder{color:var(--tel-placeholder)}.ngxsmk-tel-input__control:hover:not(:disabled):not(:focus){border-color:var(--tel-border-hover);box-shadow:0 2px 4px #0000000a}.ngxsmk-tel-input__control:focus{border-color:var(--tel-ring);box-shadow:var(--tel-focus-shadow);background:var(--tel-bg);color:var(--tel-fg)}[data-size=sm] .ngxsmk-tel-input__control{height:34px;font-size:13px;padding:6px 36px 6px 10px;border-radius:6px}[data-size=sm] .ngxsmk-tel__label{font-size:12px;margin-bottom:6px}[data-size=sm] .ngxsmk-tel__hint,[data-size=sm] .ngxsmk-tel__error{font-size:11px;margin-top:6px}[data-size=sm] .ngxsmk-tel__clear{width:20px;height:20px;right:8px}[data-size=sm] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:10px;height:10px}[data-size=sm] :host ::ng-deep .iti__selected-flag{padding:0 8px}[data-size=sm] :host ::ng-deep .iti__flag-box{width:16px;height:12px}[data-size=sm] :host ::ng-deep .iti__selected-dial-code{font-size:13px}[data-size=sm] :host ::ng-deep .iti__arrow{transform:scale(.8);margin-left:4px}[data-size=lg] .ngxsmk-tel-input__control{height:48px;font-size:17px;padding:12px 48px 12px 14px;border-radius:10px}[data-size=lg] .ngxsmk-tel__label{font-size:16px;margin-bottom:10px}[data-size=lg] .ngxsmk-tel__hint,[data-size=lg] .ngxsmk-tel__error{font-size:13px;margin-top:10px}[data-size=lg] .ngxsmk-tel__clear{width:28px;height:28px;right:12px}[data-size=lg] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:14px;height:14px}[data-size=lg] :host ::ng-deep .iti__selected-flag{padding:0 12px}[data-size=lg] :host ::ng-deep .iti__flag-box{width:22px;height:16.5px}[data-size=lg] :host ::ng-deep .iti__selected-dial-code{font-size:17px}[data-size=lg] :host ::ng-deep .iti__arrow{transform:scale(1.1);margin-left:8px}:host ::ng-deep .iti__selected-dial-code{font-size:15px}:host ::ng-deep .iti__country-list,:host ::ng-deep .iti__search-input,:host ::ng-deep .iti__country,:host ::ng-deep .iti__country-name,:host ::ng-deep .iti__country-code,:host ::ng-deep .iti__dial-code{font-size:15px}::ng-deep .iti__country-list[data-size=sm] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-input{font-size:12px!important;padding:6px 28px 6px 10px!important;margin:6px!important;width:calc(100% - 12px)!important;border-radius:6px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear{width:20px!important;height:20px!important;right:10px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear svg{width:10px;height:10px}::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{padding:8px 12px!important;min-height:36px!important;font-size:13px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{grid-template-columns:24px 1fr auto!important;column-gap:.375rem!important}}::ng-deep .iti__country-list[data-size=sm] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-name{font-size:13px!important}::ng-deep .iti__country-list[data-size=sm] .iti__country-code,::ng-deep .iti__country-list[data-size=sm] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__dial-code{font-size:12px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-input{font-size:15px!important;padding:10px 36px 10px 14px!important;margin:10px!important;width:calc(100% - 20px)!important;border-radius:10px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear{width:28px!important;height:28px!important;right:16px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear svg{width:14px;height:14px}::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{padding:12px 16px!important;min-height:48px!important;font-size:17px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{grid-template-columns:32px 1fr auto!important;column-gap:.625rem!important}}::ng-deep .iti__country-list[data-size=lg] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-name{font-size:17px!important}::ng-deep .iti__country-list[data-size=lg] .iti__country-code,::ng-deep .iti__country-list[data-size=lg] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__dial-code{font-size:15px!important}[data-variant=filled] .ngxsmk-tel-input__control{background:#94a3b814}[data-variant=underline] .ngxsmk-tel-input__control{border:0;border-bottom:2px solid var(--tel-border);border-radius:0;padding-left:0;padding-right:34px}[data-variant=underline] .ngxsmk-tel-input__control:focus{border-bottom-color:var(--tel-ring);box-shadow:none}:host ::ng-deep .iti__flag-container{border:none!important;background:transparent!important}:host ::ng-deep .iti__selected-flag{height:100%;padding:0 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-flag:focus,:host ::ng-deep .iti__selected-flag:active,:host ::ng-deep .iti__selected-flag:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-country{z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;outline:none!important}:host ::ng-deep .iti__selected-country:focus,:host ::ng-deep .iti__selected-country:active,:host ::ng-deep .iti__selected-country:focus-visible{outline:none!important}:host ::ng-deep .iti__country-list{background:var(--tel-dd-bg);border:1px solid var(--tel-dd-border);border-radius:0!important;box-shadow:var(--tel-dd-shadow);max-height:360px;max-height:min(50vh,360px);overflow:auto;padding:6px 0;width:100%;min-width:0;box-sizing:border-box;z-index:var(--tel-dd-z);contain:layout style;isolation:isolate;will-change:transform;color:var(--tel-fg);display:block;animation:dropdownOpen .25s cubic-bezier(.34,1.56,.64,1)}:host ::ng-deep .iti__country-list::-webkit-scrollbar{width:6px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-track{background:transparent}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:3px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb:hover{background:#94a3b873}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:host ::ng-deep .iti--container .iti__country-list{z-index:var(--tel-dd-z);width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .iti__search-input{position:-webkit-sticky;position:sticky;top:0;margin:8px;padding:8px 32px 8px 12px;width:calc(100% - 16px);border:1px solid var(--tel-border);border-radius:8px;outline:none;background:var(--tel-dd-search-bg);color:var(--tel-fg);font-size:14px!important;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}:host ::ng-deep .iti__search-input:focus{border-color:var(--tel-ring);box-shadow:0 0 0 2px var(--tel-focus-shadow)}:host ::ng-deep .iti__search-box,:host ::ng-deep .iti__country-list>div:first-child{position:relative}:host ::ng-deep .iti__search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--tel-placeholder);padding:0;z-index:10;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}:host ::ng-deep .iti__search-clear:hover{color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}:host ::ng-deep .iti__search-clear:active{opacity:.7;transform:translateY(-50%) scale(.95)}:host ::ng-deep .iti__search-input::placeholder{color:var(--tel-placeholder)}:host ::ng-deep .iti__country{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px;cursor:pointer;color:var(--tel-fg);transition:background-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);margin:0!important;border-radius:0!important}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:.5rem}}:host ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important;transform:none}:host ::ng-deep .iti__dial-code{color:var(--tel-placeholder);font-weight:600;margin-left:10px}:host ::ng-deep .iti__country-name{color:var(--tel-fg);font-weight:500}:host ::ng-deep .iti__country-code{color:var(--tel-placeholder);font-weight:500}.ngxsmk-tel__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#94a3b81a;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--tel-placeholder);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ngxsmk-tel__clear:hover{background-color:#94a3b833;color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}.ngxsmk-tel__clear:active{transform:translateY(-50%) scale(.95)}.ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:12px;height:12px}.ngxsmk-tel__hint{margin-top:8px;font-size:12px;color:var(--tel-placeholder)}.ngxsmk-tel__error{margin-top:8px;font-size:12px;color:var(--tel-error)}.ngxsmk-tel__wrap.has-error .ngxsmk-tel-input__control{border-color:var(--tel-error);box-shadow:0 0 0 3px #ef444426}.ngxsmk-tel.disabled .iti__flag-container,.ngxsmk-tel.disabled .iti__selected-flag,.ngxsmk-tel:has(input:disabled) .iti__flag-container,.ngxsmk-tel:has(input:disabled) .iti__selected-flag{pointer-events:none;opacity:.6}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:not(:disabled),:host([data-theme=dark]) .ngxsmk-tel-input__control:not(:disabled){background:#0f172a!important;color:#e2e8f0!important;border-color:#334155!important;box-shadow:0 1px 3px #0000004d!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:disabled,:host([data-theme=dark]) .ngxsmk-tel-input__control:disabled{background-color:#1e293b!important;color:#64748b!important;border-color:#334155!important;box-shadow:none!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:focus,:host([data-theme=dark]) .ngxsmk-tel-input__control:focus{background:#0f172a!important;color:#e2e8f0!important;border-color:#60a5fa!important;box-shadow:0 0 0 .2rem #60a5fa40!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control::placeholder,:host([data-theme=dark]) .ngxsmk-tel-input__control::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__label,:host([data-theme=dark]) .ngxsmk-tel__label{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__hint,:host([data-theme=dark]) .ngxsmk-tel__hint{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__error,:host([data-theme=dark]) .ngxsmk-tel__error{color:#f87171!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear,:host([data-theme=dark]) .ngxsmk-tel__clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear:hover,:host([data-theme=dark]) .ngxsmk-tel__clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-input::placeholder,:host([data-theme=dark]) ::ng-deep .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear,:host([data-theme=dark]) ::ng-deep .iti__search-clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear:hover,:host([data-theme=dark]) ::ng-deep .iti__search-clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-dial-code,:host([data-theme=dark]) ::ng-deep .iti__selected-dial-code{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-flag,:host([data-theme=dark]) ::ng-deep .iti__selected-flag{color:#e2e8f0!important}:host([data-theme=light]) .ngxsmk-tel-input__control:not(:disabled){background:#fff!important;background-color:#fff!important;color:#0f172a!important;border-color:silver!important;box-shadow:0 1px 3px #0000001a!important}:host([data-theme=light]) .ngxsmk-tel-input__control:focus:not(:disabled){background:#fff!important;color:#0f172a!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb40!important}:host([data-theme=light]) .ngxsmk-tel-input__control::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__label{color:#0f172a!important}:host([data-theme=light]) .ngxsmk-tel__hint{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__error{color:#ef4444!important}:host([data-theme=light]) .ngxsmk-tel__clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-input{background:#94a3b814!important;color:#0f172a!important;border-bottom-color:silver!important}:host([data-theme=light]) ::ng-deep .iti__search-input::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__selected-dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__selected-flag{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__arrow{border-top-color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__arrow:hover{opacity:1}:host([data-theme=light]) ::ng-deep .iti--allow-dropdown .iti__arrow{border-top-color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-list{background:#fff!important;border-color:silver!important;color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-name{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__flag-container{background:#fff!important;border-color:silver!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.ngxsmk-tel__wrap{position:relative;width:100%;max-width:100%;overflow:visible}:host{width:100%;max-width:100%;display:block}.ngxsmk-tel{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel-input__control{font-size:16px!important;padding:12px 44px 12px 12px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px;right:4px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px;padding:0 12px;touch-action:manipulation;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:20px;height:15px}:host ::ng-deep .iti__country-list{width:100%!important;max-width:100%!important;min-width:0!important;max-height:400px;max-height:min(70vh,400px);-webkit-overflow-scrolling:touch;overflow-x:hidden;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;box-shadow:0 4px 12px #00000026!important;box-sizing:border-box}:host ::ng-deep .iti--container{position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__dropdown{position:relative!important;width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__country-list{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:28px!important;height:28px!important;font-size:20px!important;right:6px!important}:host ::ng-deep .iti__country{min-height:48px;padding:12px 14px;font-size:15px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;column-gap:.625rem}}:host ::ng-deep .iti__country-name{font-size:15px!important;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .iti__country-code{font-size:13px!important;line-height:1.4}:host ::ng-deep .iti__dial-code{font-size:14px!important;line-height:1.4;margin-left:8px;white-space:nowrap}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:12px 14px;min-height:44px;width:100%!important;box-sizing:border-box}.ngxsmk-tel__label{font-size:.9375rem;margin-bottom:8px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.8125rem;margin-top:8px;line-height:1.4}[data-size=sm] .ngxsmk-tel-input__control{min-height:40px;font-size:16px!important;padding:10px 40px 10px 10px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-size=lg] .ngxsmk-tel-input__control{min-height:48px;font-size:16px!important;padding:14px 48px 14px 14px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-variant=underline] .ngxsmk-tel-input__control{padding-right:40px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){:host{width:100%;max-width:100%}.ngxsmk-tel,.ngxsmk-tel__wrap{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important}.ngxsmk-tel-input__control{padding:10px 40px 10px 10px;font-size:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__selected-flag{padding:0 8px;min-width:40px;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:18px;height:14px}:host ::ng-deep .iti__country-list{max-height:350px;max-height:min(60vh,350px);border-radius:0!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:24px!important;height:24px!important;font-size:18px!important;right:6px!important}:host ::ng-deep .iti__country{padding:10px 12px;min-height:44px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:26px 1fr auto;column-gap:.5rem}}:host ::ng-deep .iti__country-name{font-size:14px!important}:host ::ng-deep .iti__country-code{font-size:12px!important}:host ::ng-deep .iti__dial-code{font-size:13px!important;margin-left:6px}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:10px 12px;min-height:44px}.ngxsmk-tel__clear{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;right:2px}.ngxsmk-tel__label{font-size:.875rem;margin-bottom:6px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.75rem;line-height:1.4}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}[data-size=sm] :host ::ng-deep .iti__country-name,[data-size=sm] :host ::ng-deep .iti__country-code,[data-size=sm] :host ::ng-deep .iti__dial-code{font-size:13px!important}[data-size=lg] :host ::ng-deep .iti__country-name,[data-size=lg] :host ::ng-deep .iti__country-code,[data-size=lg] :host ::ng-deep .iti__dial-code{font-size:15px!important}}@media(max-width:768px)and (orientation:landscape){:host ::ng-deep .iti__country-list{max-height:300px;max-height:min(50vh,300px)}}@media(min-width:481px)and (max-width:1024px){.ngxsmk-tel-input__control{padding:11px 42px 11px 12px}:host ::ng-deep .iti__country-list{max-height:400px;max-height:min(60vh,400px)}}@media(hover:none)and (pointer:coarse){.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px}:host ::ng-deep .iti__country{min-height:48px}:host ::ng-deep .iti__country:active{background-color:var(--tel-dd-item-hover)}.ngxsmk-tel__clear:active{background-color:#0000001a;transform:translateY(-50%) scale(.95)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ngxsmk-tel-input__control{border-width:.5px}}@media screen and (max-width:768px){.ngxsmk-tel-input__control{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@supports (padding: max(0px)){@media(max-width:768px){:host ::ng-deep .iti__country-list{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}}::ng-deep .iti__country-list[data-theme=dark],::ng-deep .iti__country-list.dark-theme{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important;box-shadow:0 10px 30px #0003!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-track,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input,::ng-deep .iti__country-list.dark-theme .iti__search-input{background:#ffffff05!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input::placeholder,::ng-deep .iti__country-list.dark-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input:focus,::ng-deep .iti__country-list.dark-theme .iti__search-input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 4px #60a5fa26!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear,::ng-deep .iti__country-list.dark-theme .iti__search-clear{color:#94a3b8!important;right:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear:hover,::ng-deep .iti__country-list.dark-theme .iti__search-clear:hover{color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country,::ng-deep .iti__country-list.dark-theme .iti__country{color:#e2e8f0!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country.iti__highlight,::ng-deep .iti__country-list.dark-theme .iti__country.iti__highlight{background-color:#ffffff0f!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-name,::ng-deep .iti__country-list.dark-theme .iti__country-name{color:#e2e8f0!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-code,::ng-deep .iti__country-list[data-theme=dark] .iti__dial-code,::ng-deep .iti__country-list.dark-theme .iti__country-code,::ng-deep .iti__country-list.dark-theme .iti__dial-code{color:#94a3b8!important}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow,::ng-deep .iti__country-list.dark-theme .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.dark-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=light],::ng-deep .iti__country-list.light-theme{background:#ffffffd9!important;backdrop-filter:blur(16px)!important;border-color:#00000014!important;color:#0f172a!important;box-shadow:0 10px 30px #00000014!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-track,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-thumb{background:#94a3b840!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=light] .iti__search-input,::ng-deep .iti__country-list.light-theme .iti__search-input{background:#94a3b80a!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-input::placeholder,::ng-deep .iti__country-list.light-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__search-input:focus,::ng-deep .iti__country-list.light-theme .iti__search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb26!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear,::ng-deep .iti__country-list.light-theme .iti__search-clear{color:#6b7280!important;right:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear:hover,::ng-deep .iti__country-list.light-theme .iti__search-clear:hover{color:#0f172a!important}::ng-deep .iti__country-list[data-theme=light] .iti__country,::ng-deep .iti__country-list.light-theme .iti__country{color:#0f172a!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=light] .iti__country.iti__highlight,::ng-deep .iti__country-list.light-theme .iti__country.iti__highlight{background-color:#94a3b814!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-name,::ng-deep .iti__country-list.light-theme .iti__country-name{color:#0f172a!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-code,::ng-deep .iti__country-list[data-theme=light] .iti__dial-code,::ng-deep .iti__country-list.light-theme .iti__country-code,::ng-deep .iti__country-list.light-theme .iti__dial-code{color:#6b7280!important}::ng-deep .iti__country-list[data-theme=light] .iti__arrow,::ng-deep .iti__country-list.light-theme .iti__arrow{border-top-color:#0f172a!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.light-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#0f172a!important}.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag,.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag-box{display:none!important}::ng-deep .iti__country-list[data-show-flags=false] .iti__flag-box,::ng-deep .iti__country-list[data-search-country-flag=false] .iti__flag-box{display:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2068
2080
  }
2069
2081
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NgxsmkTelInputComponent, decorators: [{
2070
2082
  type: Component,
2071
2083
  args: [{ selector: 'ngxsmk-tel-input', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: `
2072
2084
  <div class="ngxsmk-tel"
2073
- [class.disabled]="(disabledSignal() ?? disabled)"
2085
+ [class.disabled]="(disabledSignal() ?? disabled) || isNativelyDisabled"
2074
2086
  [class.ngxsmk-tel--hide-flags]="!(showFlagsSignal() ?? showFlags)"
2075
2087
  [attr.data-size]="(sizeSignal() ?? size)"
2076
2088
  [attr.data-variant]="(variantSignal() ?? variant)"
@@ -2136,7 +2148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
2136
2148
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true },
2137
2149
  { provide: NG_VALIDATORS, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true },
2138
2150
  { provide: MatFormFieldControl, useExisting: forwardRef(() => NgxsmkTelInputComponent) }
2139
- ], styles: [":host{--tel-bg: var(--ion-background-color, #fff);--tel-fg: var(--ion-text-color, #0f172a);--tel-border: var(--ion-border-color, #e2e8f0);--tel-border-hover: var(--ion-color-step-300, #cbd5e1);--tel-ring: var(--ion-color-primary, #2563eb);--tel-placeholder: var(--ion-color-step-400, #94a3b8);--tel-error: var(--ion-color-danger, #ef4444);--tel-success: var(--ion-color-success, #10b981);--tel-warning: var(--ion-color-warning, #f59e0b);--tel-radius: var(--ion-border-radius, 12px);--tel-focus-shadow: 0 0 0 4px rgba(var(--ion-color-primary-rgb, 37, 99, 235), .15);--tel-dd-bg: var(--ion-background-color, #fff);--tel-dd-border: var(--ion-border-color, rgba(0, 0, 0, .08));--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08);--tel-dd-radius: 0;--tel-dd-item-hover: var(--ion-color-step-100, rgba(148, 163, 184, .08));--tel-dd-z: 2000;--tel-dd-search-bg: var(--ion-color-step-50, rgba(148, 163, 184, .04));display:block;contain:layout style;isolation:isolate}:host-context(.dark):not([data-theme=light]):not(.light),:host([data-theme=dark]),:host(.dark){--tel-bg: #0f172a;--tel-fg: #e2e8f0;--tel-border: #334155;--tel-border-hover: #475569;--tel-ring: #60a5fa;--tel-placeholder: #94a3b8;--tel-error: #f87171;--tel-success: #34d399;--tel-warning: #fbbf24;--tel-focus-shadow: 0 0 0 4px rgba(96, 165, 250, .15);--tel-dd-bg: #1e293b;--tel-dd-border: rgba(255, 255, 255, .08);--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .2);--tel-dd-search-bg: rgba(255, 255, 255, .02)}:host([data-theme=light]),:host(.light){--tel-bg: #fff !important;--tel-fg: #0f172a !important;--tel-border: #e2e8f0 !important;--tel-border-hover: #cbd5e1 !important;--tel-ring: #2563eb !important;--tel-placeholder: #94a3b8 !important;--tel-error: #ef4444 !important;--tel-success: #10b981 !important;--tel-warning: #f59e0b !important;--tel-focus-shadow: 0 0 0 4px rgba(37, 99, 235, .15) !important;--tel-dd-bg: #fff !important;--tel-dd-border: rgba(0, 0, 0, .08) !important;--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;--tel-dd-search-bg: rgba(148, 163, 184, .04) !important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-list,:host([data-theme=dark]) ::ng-deep .iti__country-list,:host(.dark) ::ng-deep .iti__country-list{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__search-input,:host([data-theme=dark]) ::ng-deep .iti__search-input,:host(.dark) ::ng-deep .iti__search-input{background:var(--tel-dd-search-bg)!important;color:#fff!important;border-bottom-color:var(--tel-dd-border)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country,:host([data-theme=dark]) ::ng-deep .iti__country,:host(.dark) ::ng-deep .iti__country{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country.iti__highlight,:host([data-theme=dark]) ::ng-deep .iti__country.iti__highlight,:host(.dark) ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-name,:host([data-theme=dark]) ::ng-deep .iti__country-name,:host(.dark) ::ng-deep .iti__country-name{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-code,:host([data-theme=dark]) ::ng-deep .iti__country-code,:host(.dark) ::ng-deep .iti__country-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__dial-code,:host([data-theme=dark]) ::ng-deep .iti__dial-code,:host(.dark) ::ng-deep .iti__dial-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow,:host([data-theme=dark]) ::ng-deep .iti__arrow,:host(.dark) ::ng-deep .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow.iti__arrow--up,:host([data-theme=dark]) ::ng-deep .iti__arrow.iti__arrow--up,:host(.dark) ::ng-deep .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}.ngxsmk-tel{width:100%;color:var(--tel-fg)}.ngxsmk-tel.disabled{opacity:.7;cursor:not-allowed}.ngxsmk-tel__label{display:inline-block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--tel-fg)}.ngxsmk-tel__wrap{position:relative}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%}.ngxsmk-tel-input__control{width:100%;height:42px;font:inherit;color:var(--tel-fg);background:var(--tel-bg);border:1px solid var(--tel-border);border-radius:var(--tel-radius);padding:10px 40px 10px 14px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,transform .2s ease;will-change:border-color,box-shadow,background-color,transform;transform:translateZ(0);box-shadow:0 1px 2px #00000005;font-size:15px;line-height:1.5;box-sizing:border-box}.ngxsmk-tel-input__control::placeholder{color:var(--tel-placeholder)}.ngxsmk-tel-input__control:hover:not(:disabled):not(:focus){border-color:var(--tel-border-hover);box-shadow:0 2px 4px #0000000a}.ngxsmk-tel-input__control:focus{border-color:var(--tel-ring);box-shadow:var(--tel-focus-shadow);background:var(--tel-bg);color:var(--tel-fg)}[data-size=sm] .ngxsmk-tel-input__control{height:34px;font-size:13px;padding:6px 36px 6px 10px;border-radius:6px}[data-size=sm] .ngxsmk-tel__label{font-size:12px;margin-bottom:6px}[data-size=sm] .ngxsmk-tel__hint,[data-size=sm] .ngxsmk-tel__error{font-size:11px;margin-top:6px}[data-size=sm] .ngxsmk-tel__clear{width:20px;height:20px;right:8px}[data-size=sm] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:10px;height:10px}[data-size=sm] :host ::ng-deep .iti__selected-flag{padding:0 8px}[data-size=sm] :host ::ng-deep .iti__flag-box{width:16px;height:12px}[data-size=sm] :host ::ng-deep .iti__selected-dial-code{font-size:13px}[data-size=sm] :host ::ng-deep .iti__arrow{transform:scale(.8);margin-left:4px}[data-size=lg] .ngxsmk-tel-input__control{height:48px;font-size:17px;padding:12px 48px 12px 14px;border-radius:10px}[data-size=lg] .ngxsmk-tel__label{font-size:16px;margin-bottom:10px}[data-size=lg] .ngxsmk-tel__hint,[data-size=lg] .ngxsmk-tel__error{font-size:13px;margin-top:10px}[data-size=lg] .ngxsmk-tel__clear{width:28px;height:28px;right:12px}[data-size=lg] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:14px;height:14px}[data-size=lg] :host ::ng-deep .iti__selected-flag{padding:0 12px}[data-size=lg] :host ::ng-deep .iti__flag-box{width:22px;height:16.5px}[data-size=lg] :host ::ng-deep .iti__selected-dial-code{font-size:17px}[data-size=lg] :host ::ng-deep .iti__arrow{transform:scale(1.1);margin-left:8px}:host ::ng-deep .iti__selected-dial-code{font-size:15px}:host ::ng-deep .iti__country-list,:host ::ng-deep .iti__search-input,:host ::ng-deep .iti__country,:host ::ng-deep .iti__country-name,:host ::ng-deep .iti__country-code,:host ::ng-deep .iti__dial-code{font-size:15px}::ng-deep .iti__country-list[data-size=sm] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-input{font-size:12px!important;padding:6px 28px 6px 10px!important;margin:6px!important;width:calc(100% - 12px)!important;border-radius:6px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear{width:20px!important;height:20px!important;right:10px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear svg{width:10px;height:10px}::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{padding:8px 12px!important;min-height:36px!important;font-size:13px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{grid-template-columns:24px 1fr auto!important;column-gap:.375rem!important}}::ng-deep .iti__country-list[data-size=sm] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-name{font-size:13px!important}::ng-deep .iti__country-list[data-size=sm] .iti__country-code,::ng-deep .iti__country-list[data-size=sm] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__dial-code{font-size:12px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-input{font-size:15px!important;padding:10px 36px 10px 14px!important;margin:10px!important;width:calc(100% - 20px)!important;border-radius:10px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear{width:28px!important;height:28px!important;right:16px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear svg{width:14px;height:14px}::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{padding:12px 16px!important;min-height:48px!important;font-size:17px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{grid-template-columns:32px 1fr auto!important;column-gap:.625rem!important}}::ng-deep .iti__country-list[data-size=lg] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-name{font-size:17px!important}::ng-deep .iti__country-list[data-size=lg] .iti__country-code,::ng-deep .iti__country-list[data-size=lg] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__dial-code{font-size:15px!important}[data-variant=filled] .ngxsmk-tel-input__control{background:#94a3b814}[data-variant=underline] .ngxsmk-tel-input__control{border:0;border-bottom:2px solid var(--tel-border);border-radius:0;padding-left:0;padding-right:34px}[data-variant=underline] .ngxsmk-tel-input__control:focus{border-bottom-color:var(--tel-ring);box-shadow:none}:host ::ng-deep .iti__flag-container{border:none!important;background:transparent!important}:host ::ng-deep .iti__selected-flag{height:100%;padding:0 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-flag:focus,:host ::ng-deep .iti__selected-flag:active,:host ::ng-deep .iti__selected-flag:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-country{z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;outline:none!important}:host ::ng-deep .iti__selected-country:focus,:host ::ng-deep .iti__selected-country:active,:host ::ng-deep .iti__selected-country:focus-visible{outline:none!important}:host ::ng-deep .iti__country-list{background:var(--tel-dd-bg);border:1px solid var(--tel-dd-border);border-radius:0!important;box-shadow:var(--tel-dd-shadow);max-height:360px;max-height:min(50vh,360px);overflow:auto;padding:6px 0;width:100%;min-width:0;box-sizing:border-box;z-index:var(--tel-dd-z);contain:layout style;isolation:isolate;will-change:transform;color:var(--tel-fg);display:block;animation:dropdownOpen .25s cubic-bezier(.34,1.56,.64,1)}:host ::ng-deep .iti__country-list::-webkit-scrollbar{width:6px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-track{background:transparent}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:3px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb:hover{background:#94a3b873}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:host ::ng-deep .iti--container .iti__country-list{z-index:var(--tel-dd-z);width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .iti__search-input{position:-webkit-sticky;position:sticky;top:0;margin:8px;padding:8px 32px 8px 12px;width:calc(100% - 16px);border:1px solid var(--tel-border);border-radius:8px;outline:none;background:var(--tel-dd-search-bg);color:var(--tel-fg);font-size:14px!important;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}:host ::ng-deep .iti__search-input:focus{border-color:var(--tel-ring);box-shadow:0 0 0 2px var(--tel-focus-shadow)}:host ::ng-deep .iti__search-box,:host ::ng-deep .iti__country-list>div:first-child{position:relative}:host ::ng-deep .iti__search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--tel-placeholder);padding:0;z-index:10;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}:host ::ng-deep .iti__search-clear:hover{color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}:host ::ng-deep .iti__search-clear:active{opacity:.7;transform:translateY(-50%) scale(.95)}:host ::ng-deep .iti__search-input::placeholder{color:var(--tel-placeholder)}:host ::ng-deep .iti__country{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px;cursor:pointer;color:var(--tel-fg);transition:background-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);margin:0!important;border-radius:0!important}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:.5rem}}:host ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important;transform:none}:host ::ng-deep .iti__dial-code{color:var(--tel-placeholder);font-weight:600;margin-left:10px}:host ::ng-deep .iti__country-name{color:var(--tel-fg);font-weight:500}:host ::ng-deep .iti__country-code{color:var(--tel-placeholder);font-weight:500}.ngxsmk-tel__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#94a3b81a;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--tel-placeholder);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ngxsmk-tel__clear:hover{background-color:#94a3b833;color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}.ngxsmk-tel__clear:active{transform:translateY(-50%) scale(.95)}.ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:12px;height:12px}.ngxsmk-tel__hint{margin-top:8px;font-size:12px;color:var(--tel-placeholder)}.ngxsmk-tel__error{margin-top:8px;font-size:12px;color:var(--tel-error)}.ngxsmk-tel__wrap.has-error .ngxsmk-tel-input__control{border-color:var(--tel-error);box-shadow:0 0 0 3px #ef444426}.ngxsmk-tel.disabled .iti__flag-container,.ngxsmk-tel.disabled .iti__selected-flag{pointer-events:none;opacity:.6}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control,:host([data-theme=dark]) .ngxsmk-tel-input__control{background:#0f172a!important;color:#e2e8f0!important;border-color:#334155!important;box-shadow:0 1px 3px #0000004d!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:focus,:host([data-theme=dark]) .ngxsmk-tel-input__control:focus{background:#0f172a!important;color:#e2e8f0!important;border-color:#60a5fa!important;box-shadow:0 0 0 .2rem #60a5fa40!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control::placeholder,:host([data-theme=dark]) .ngxsmk-tel-input__control::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__label,:host([data-theme=dark]) .ngxsmk-tel__label{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__hint,:host([data-theme=dark]) .ngxsmk-tel__hint{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__error,:host([data-theme=dark]) .ngxsmk-tel__error{color:#f87171!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear,:host([data-theme=dark]) .ngxsmk-tel__clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear:hover,:host([data-theme=dark]) .ngxsmk-tel__clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-input::placeholder,:host([data-theme=dark]) ::ng-deep .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear,:host([data-theme=dark]) ::ng-deep .iti__search-clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear:hover,:host([data-theme=dark]) ::ng-deep .iti__search-clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-dial-code,:host([data-theme=dark]) ::ng-deep .iti__selected-dial-code{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-flag,:host([data-theme=dark]) ::ng-deep .iti__selected-flag{color:#e2e8f0!important}:host([data-theme=light]) .ngxsmk-tel-input__control{background:#fff!important;background-color:#fff!important;color:#0f172a!important;border-color:silver!important;box-shadow:0 1px 3px #0000001a!important}:host([data-theme=light]) .ngxsmk-tel-input__control:focus{background:#fff!important;color:#0f172a!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb40!important}:host([data-theme=light]) .ngxsmk-tel-input__control::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__label{color:#0f172a!important}:host([data-theme=light]) .ngxsmk-tel__hint{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__error{color:#ef4444!important}:host([data-theme=light]) .ngxsmk-tel__clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-input{background:#94a3b814!important;color:#0f172a!important;border-bottom-color:silver!important}:host([data-theme=light]) ::ng-deep .iti__search-input::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__selected-dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__selected-flag{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__arrow{border-top-color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__arrow:hover{opacity:1}:host([data-theme=light]) ::ng-deep .iti--allow-dropdown .iti__arrow{border-top-color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-list{background:#fff!important;border-color:silver!important;color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-name{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__flag-container{background:#fff!important;border-color:silver!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.ngxsmk-tel__wrap{position:relative;width:100%;max-width:100%;overflow:visible}:host{width:100%;max-width:100%;display:block}.ngxsmk-tel{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel-input__control{font-size:16px!important;padding:12px 44px 12px 12px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px;right:4px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px;padding:0 12px;touch-action:manipulation;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:20px;height:15px}:host ::ng-deep .iti__country-list{width:100%!important;max-width:100%!important;min-width:0!important;max-height:400px;max-height:min(70vh,400px);-webkit-overflow-scrolling:touch;overflow-x:hidden;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;box-shadow:0 4px 12px #00000026!important;box-sizing:border-box}:host ::ng-deep .iti--container{position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__dropdown{position:relative!important;width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__country-list{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:28px!important;height:28px!important;font-size:20px!important;right:6px!important}:host ::ng-deep .iti__country{min-height:48px;padding:12px 14px;font-size:15px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;column-gap:.625rem}}:host ::ng-deep .iti__country-name{font-size:15px!important;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .iti__country-code{font-size:13px!important;line-height:1.4}:host ::ng-deep .iti__dial-code{font-size:14px!important;line-height:1.4;margin-left:8px;white-space:nowrap}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:12px 14px;min-height:44px;width:100%!important;box-sizing:border-box}.ngxsmk-tel__label{font-size:.9375rem;margin-bottom:8px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.8125rem;margin-top:8px;line-height:1.4}[data-size=sm] .ngxsmk-tel-input__control{min-height:40px;font-size:16px!important;padding:10px 40px 10px 10px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-size=lg] .ngxsmk-tel-input__control{min-height:48px;font-size:16px!important;padding:14px 48px 14px 14px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-variant=underline] .ngxsmk-tel-input__control{padding-right:40px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){:host{width:100%;max-width:100%}.ngxsmk-tel,.ngxsmk-tel__wrap{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important}.ngxsmk-tel-input__control{padding:10px 40px 10px 10px;font-size:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__selected-flag{padding:0 8px;min-width:40px;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:18px;height:14px}:host ::ng-deep .iti__country-list{max-height:350px;max-height:min(60vh,350px);border-radius:0!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:24px!important;height:24px!important;font-size:18px!important;right:6px!important}:host ::ng-deep .iti__country{padding:10px 12px;min-height:44px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:26px 1fr auto;column-gap:.5rem}}:host ::ng-deep .iti__country-name{font-size:14px!important}:host ::ng-deep .iti__country-code{font-size:12px!important}:host ::ng-deep .iti__dial-code{font-size:13px!important;margin-left:6px}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:10px 12px;min-height:44px}.ngxsmk-tel__clear{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;right:2px}.ngxsmk-tel__label{font-size:.875rem;margin-bottom:6px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.75rem;line-height:1.4}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}[data-size=sm] :host ::ng-deep .iti__country-name,[data-size=sm] :host ::ng-deep .iti__country-code,[data-size=sm] :host ::ng-deep .iti__dial-code{font-size:13px!important}[data-size=lg] :host ::ng-deep .iti__country-name,[data-size=lg] :host ::ng-deep .iti__country-code,[data-size=lg] :host ::ng-deep .iti__dial-code{font-size:15px!important}}@media(max-width:768px)and (orientation:landscape){:host ::ng-deep .iti__country-list{max-height:300px;max-height:min(50vh,300px)}}@media(min-width:481px)and (max-width:1024px){.ngxsmk-tel-input__control{padding:11px 42px 11px 12px}:host ::ng-deep .iti__country-list{max-height:400px;max-height:min(60vh,400px)}}@media(hover:none)and (pointer:coarse){.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px}:host ::ng-deep .iti__country{min-height:48px}:host ::ng-deep .iti__country:active{background-color:var(--tel-dd-item-hover)}.ngxsmk-tel__clear:active{background-color:#0000001a;transform:translateY(-50%) scale(.95)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ngxsmk-tel-input__control{border-width:.5px}}@media screen and (max-width:768px){.ngxsmk-tel-input__control{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@supports (padding: max(0px)){@media(max-width:768px){:host ::ng-deep .iti__country-list{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}}::ng-deep .iti__country-list[data-theme=dark],::ng-deep .iti__country-list.dark-theme{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important;box-shadow:0 10px 30px #0003!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-track,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input,::ng-deep .iti__country-list.dark-theme .iti__search-input{background:#ffffff05!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input::placeholder,::ng-deep .iti__country-list.dark-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input:focus,::ng-deep .iti__country-list.dark-theme .iti__search-input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 4px #60a5fa26!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear,::ng-deep .iti__country-list.dark-theme .iti__search-clear{color:#94a3b8!important;right:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear:hover,::ng-deep .iti__country-list.dark-theme .iti__search-clear:hover{color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country,::ng-deep .iti__country-list.dark-theme .iti__country{color:#e2e8f0!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country.iti__highlight,::ng-deep .iti__country-list.dark-theme .iti__country.iti__highlight{background-color:#ffffff0f!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-name,::ng-deep .iti__country-list.dark-theme .iti__country-name{color:#e2e8f0!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-code,::ng-deep .iti__country-list[data-theme=dark] .iti__dial-code,::ng-deep .iti__country-list.dark-theme .iti__country-code,::ng-deep .iti__country-list.dark-theme .iti__dial-code{color:#94a3b8!important}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow,::ng-deep .iti__country-list.dark-theme .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.dark-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=light],::ng-deep .iti__country-list.light-theme{background:#ffffffd9!important;backdrop-filter:blur(16px)!important;border-color:#00000014!important;color:#0f172a!important;box-shadow:0 10px 30px #00000014!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-track,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-thumb{background:#94a3b840!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=light] .iti__search-input,::ng-deep .iti__country-list.light-theme .iti__search-input{background:#94a3b80a!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-input::placeholder,::ng-deep .iti__country-list.light-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__search-input:focus,::ng-deep .iti__country-list.light-theme .iti__search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb26!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear,::ng-deep .iti__country-list.light-theme .iti__search-clear{color:#6b7280!important;right:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear:hover,::ng-deep .iti__country-list.light-theme .iti__search-clear:hover{color:#0f172a!important}::ng-deep .iti__country-list[data-theme=light] .iti__country,::ng-deep .iti__country-list.light-theme .iti__country{color:#0f172a!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=light] .iti__country.iti__highlight,::ng-deep .iti__country-list.light-theme .iti__country.iti__highlight{background-color:#94a3b814!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-name,::ng-deep .iti__country-list.light-theme .iti__country-name{color:#0f172a!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-code,::ng-deep .iti__country-list[data-theme=light] .iti__dial-code,::ng-deep .iti__country-list.light-theme .iti__country-code,::ng-deep .iti__country-list.light-theme .iti__dial-code{color:#6b7280!important}::ng-deep .iti__country-list[data-theme=light] .iti__arrow,::ng-deep .iti__country-list.light-theme .iti__arrow{border-top-color:#0f172a!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.light-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#0f172a!important}.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag,.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag-box{display:none!important}::ng-deep .iti__country-list[data-show-flags=false] .iti__flag-box,::ng-deep .iti__country-list[data-search-country-flag=false] .iti__flag-box{display:none!important}\n"] }]
2151
+ ], styles: [":host{--tel-bg: var(--ion-background-color, #fff);--tel-fg: var(--ion-text-color, #0f172a);--tel-border: var(--ion-border-color, #e2e8f0);--tel-border-hover: var(--ion-color-step-300, #cbd5e1);--tel-ring: var(--ion-color-primary, #2563eb);--tel-placeholder: var(--ion-color-step-400, #94a3b8);--tel-error: var(--ion-color-danger, #ef4444);--tel-success: var(--ion-color-success, #10b981);--tel-warning: var(--ion-color-warning, #f59e0b);--tel-radius: var(--ion-border-radius, 12px);--tel-focus-shadow: 0 0 0 4px rgba(var(--ion-color-primary-rgb, 37, 99, 235), .15);--tel-dd-bg: var(--ion-background-color, #fff);--tel-dd-border: var(--ion-border-color, rgba(0, 0, 0, .08));--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08);--tel-dd-radius: 0;--tel-dd-item-hover: var(--ion-color-step-100, rgba(148, 163, 184, .08));--tel-dd-z: 2000;--tel-dd-search-bg: var(--ion-color-step-50, rgba(148, 163, 184, .04));display:block;contain:layout style;isolation:isolate}:host-context(.dark):not([data-theme=light]):not(.light),:host([data-theme=dark]),:host(.dark){--tel-bg: #0f172a;--tel-fg: #e2e8f0;--tel-border: #334155;--tel-border-hover: #475569;--tel-ring: #60a5fa;--tel-placeholder: #94a3b8;--tel-error: #f87171;--tel-success: #34d399;--tel-warning: #fbbf24;--tel-focus-shadow: 0 0 0 4px rgba(96, 165, 250, .15);--tel-dd-bg: #1e293b;--tel-dd-border: rgba(255, 255, 255, .08);--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .2);--tel-dd-search-bg: rgba(255, 255, 255, .02)}:host([data-theme=light]),:host(.light){--tel-bg: #fff !important;--tel-fg: #0f172a !important;--tel-border: #e2e8f0 !important;--tel-border-hover: #cbd5e1 !important;--tel-ring: #2563eb !important;--tel-placeholder: #94a3b8 !important;--tel-error: #ef4444 !important;--tel-success: #10b981 !important;--tel-warning: #f59e0b !important;--tel-focus-shadow: 0 0 0 4px rgba(37, 99, 235, .15) !important;--tel-dd-bg: #fff !important;--tel-dd-border: rgba(0, 0, 0, .08) !important;--tel-dd-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;--tel-dd-search-bg: rgba(148, 163, 184, .04) !important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-list,:host([data-theme=dark]) ::ng-deep .iti__country-list,:host(.dark) ::ng-deep .iti__country-list{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__search-input,:host([data-theme=dark]) ::ng-deep .iti__search-input,:host(.dark) ::ng-deep .iti__search-input{background:var(--tel-dd-search-bg)!important;color:#fff!important;border-bottom-color:var(--tel-dd-border)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country,:host([data-theme=dark]) ::ng-deep .iti__country,:host(.dark) ::ng-deep .iti__country{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country.iti__highlight,:host([data-theme=dark]) ::ng-deep .iti__country.iti__highlight,:host(.dark) ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-name,:host([data-theme=dark]) ::ng-deep .iti__country-name,:host(.dark) ::ng-deep .iti__country-name{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__country-code,:host([data-theme=dark]) ::ng-deep .iti__country-code,:host(.dark) ::ng-deep .iti__country-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__dial-code,:host([data-theme=dark]) ::ng-deep .iti__dial-code,:host(.dark) ::ng-deep .iti__dial-code{color:#94a3b8!important}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow,:host([data-theme=dark]) ::ng-deep .iti__arrow,:host(.dark) ::ng-deep .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]):not(.light) ::ng-deep .iti__arrow.iti__arrow--up,:host([data-theme=dark]) ::ng-deep .iti__arrow.iti__arrow--up,:host(.dark) ::ng-deep .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}.ngxsmk-tel{width:100%;color:var(--tel-fg)}.ngxsmk-tel.disabled,.ngxsmk-tel:has(input:disabled){opacity:.7;cursor:not-allowed}.ngxsmk-tel-input__control:disabled{background-color:#f1f5f9;color:#94a3b8;border-color:#cbd5e1;cursor:not-allowed}.ngxsmk-tel__label{display:inline-block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--tel-fg)}.ngxsmk-tel__wrap{position:relative}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%}.ngxsmk-tel-input__control{width:100%;height:42px;font:inherit;color:var(--tel-fg);background:var(--tel-bg);border:1px solid var(--tel-border);border-radius:var(--tel-radius);padding:10px 40px 10px 14px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,transform .2s ease;will-change:border-color,box-shadow,background-color,transform;transform:translateZ(0);box-shadow:0 1px 2px #00000005;font-size:15px;line-height:1.5;box-sizing:border-box}.ngxsmk-tel-input__control::placeholder{color:var(--tel-placeholder)}.ngxsmk-tel-input__control:hover:not(:disabled):not(:focus){border-color:var(--tel-border-hover);box-shadow:0 2px 4px #0000000a}.ngxsmk-tel-input__control:focus{border-color:var(--tel-ring);box-shadow:var(--tel-focus-shadow);background:var(--tel-bg);color:var(--tel-fg)}[data-size=sm] .ngxsmk-tel-input__control{height:34px;font-size:13px;padding:6px 36px 6px 10px;border-radius:6px}[data-size=sm] .ngxsmk-tel__label{font-size:12px;margin-bottom:6px}[data-size=sm] .ngxsmk-tel__hint,[data-size=sm] .ngxsmk-tel__error{font-size:11px;margin-top:6px}[data-size=sm] .ngxsmk-tel__clear{width:20px;height:20px;right:8px}[data-size=sm] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:10px;height:10px}[data-size=sm] :host ::ng-deep .iti__selected-flag{padding:0 8px}[data-size=sm] :host ::ng-deep .iti__flag-box{width:16px;height:12px}[data-size=sm] :host ::ng-deep .iti__selected-dial-code{font-size:13px}[data-size=sm] :host ::ng-deep .iti__arrow{transform:scale(.8);margin-left:4px}[data-size=lg] .ngxsmk-tel-input__control{height:48px;font-size:17px;padding:12px 48px 12px 14px;border-radius:10px}[data-size=lg] .ngxsmk-tel__label{font-size:16px;margin-bottom:10px}[data-size=lg] .ngxsmk-tel__hint,[data-size=lg] .ngxsmk-tel__error{font-size:13px;margin-top:10px}[data-size=lg] .ngxsmk-tel__clear{width:28px;height:28px;right:12px}[data-size=lg] .ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:14px;height:14px}[data-size=lg] :host ::ng-deep .iti__selected-flag{padding:0 12px}[data-size=lg] :host ::ng-deep .iti__flag-box{width:22px;height:16.5px}[data-size=lg] :host ::ng-deep .iti__selected-dial-code{font-size:17px}[data-size=lg] :host ::ng-deep .iti__arrow{transform:scale(1.1);margin-left:8px}:host ::ng-deep .iti__selected-dial-code{font-size:15px}:host ::ng-deep .iti__country-list,:host ::ng-deep .iti__search-input,:host ::ng-deep .iti__country,:host ::ng-deep .iti__country-name,:host ::ng-deep .iti__country-code,:host ::ng-deep .iti__dial-code{font-size:15px}::ng-deep .iti__country-list[data-size=sm] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-input{font-size:12px!important;padding:6px 28px 6px 10px!important;margin:6px!important;width:calc(100% - 12px)!important;border-radius:6px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear{width:20px!important;height:20px!important;right:10px!important}::ng-deep .iti__country-list[data-size=sm] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__search-clear svg{width:10px;height:10px}::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{padding:8px 12px!important;min-height:36px!important;font-size:13px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=sm] .iti__country,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country{grid-template-columns:24px 1fr auto!important;column-gap:.375rem!important}}::ng-deep .iti__country-list[data-size=sm] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-name{font-size:13px!important}::ng-deep .iti__country-list[data-size=sm] .iti__country-code,::ng-deep .iti__country-list[data-size=sm] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=sm] ::ng-deep .iti__country-list .iti__dial-code{font-size:12px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-input,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-input{font-size:15px!important;padding:10px 36px 10px 14px!important;margin:10px!important;width:calc(100% - 20px)!important;border-radius:10px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear{width:28px!important;height:28px!important;right:16px!important}::ng-deep .iti__country-list[data-size=lg] .iti__search-clear svg,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__search-clear svg{width:14px;height:14px}::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{padding:12px 16px!important;min-height:48px!important;font-size:17px!important}@supports (display: grid){::ng-deep .iti__country-list[data-size=lg] .iti__country,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country{grid-template-columns:32px 1fr auto!important;column-gap:.625rem!important}}::ng-deep .iti__country-list[data-size=lg] .iti__country-name,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-name{font-size:17px!important}::ng-deep .iti__country-list[data-size=lg] .iti__country-code,::ng-deep .iti__country-list[data-size=lg] .iti__dial-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__country-code,::ng-deep .ngxsmk-tel[data-size=lg] ::ng-deep .iti__country-list .iti__dial-code{font-size:15px!important}[data-variant=filled] .ngxsmk-tel-input__control{background:#94a3b814}[data-variant=underline] .ngxsmk-tel-input__control{border:0;border-bottom:2px solid var(--tel-border);border-radius:0;padding-left:0;padding-right:34px}[data-variant=underline] .ngxsmk-tel-input__control:focus{border-bottom-color:var(--tel-ring);box-shadow:none}:host ::ng-deep .iti__flag-container{border:none!important;background:transparent!important}:host ::ng-deep .iti__selected-flag{height:100%;padding:0 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-flag:focus,:host ::ng-deep .iti__selected-flag:active,:host ::ng-deep .iti__selected-flag:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}:host ::ng-deep .iti__selected-country{z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;outline:none!important}:host ::ng-deep .iti__selected-country:focus,:host ::ng-deep .iti__selected-country:active,:host ::ng-deep .iti__selected-country:focus-visible{outline:none!important}:host ::ng-deep .iti__country-list{background:var(--tel-dd-bg);border:1px solid var(--tel-dd-border);border-radius:0!important;box-shadow:var(--tel-dd-shadow);max-height:360px;max-height:min(50vh,360px);overflow:auto;padding:6px 0;width:100%;min-width:0;box-sizing:border-box;z-index:var(--tel-dd-z);contain:layout style;isolation:isolate;will-change:transform;color:var(--tel-fg);display:block;animation:dropdownOpen .25s cubic-bezier(.34,1.56,.64,1)}:host ::ng-deep .iti__country-list::-webkit-scrollbar{width:6px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-track{background:transparent}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:3px}:host ::ng-deep .iti__country-list::-webkit-scrollbar-thumb:hover{background:#94a3b873}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:host ::ng-deep .iti--container .iti__country-list{z-index:var(--tel-dd-z);width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .iti__search-input{position:-webkit-sticky;position:sticky;top:0;margin:8px;padding:8px 32px 8px 12px;width:calc(100% - 16px);border:1px solid var(--tel-border);border-radius:8px;outline:none;background:var(--tel-dd-search-bg);color:var(--tel-fg);font-size:14px!important;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}:host ::ng-deep .iti__search-input:focus{border-color:var(--tel-ring);box-shadow:0 0 0 2px var(--tel-focus-shadow)}:host ::ng-deep .iti__search-box,:host ::ng-deep .iti__country-list>div:first-child{position:relative}:host ::ng-deep .iti__search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--tel-placeholder);padding:0;z-index:10;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}:host ::ng-deep .iti__search-clear:hover{color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}:host ::ng-deep .iti__search-clear:active{opacity:.7;transform:translateY(-50%) scale(.95)}:host ::ng-deep .iti__search-input::placeholder{color:var(--tel-placeholder)}:host ::ng-deep .iti__country{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px;cursor:pointer;color:var(--tel-fg);transition:background-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);margin:0!important;border-radius:0!important}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:.5rem}}:host ::ng-deep .iti__country.iti__highlight{background-color:var(--tel-dd-item-hover)!important;transform:none}:host ::ng-deep .iti__dial-code{color:var(--tel-placeholder);font-weight:600;margin-left:10px}:host ::ng-deep .iti__country-name{color:var(--tel-fg);font-weight:500}:host ::ng-deep .iti__country-code{color:var(--tel-placeholder);font-weight:500}.ngxsmk-tel__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#94a3b81a;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--tel-placeholder);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ngxsmk-tel__clear:hover{background-color:#94a3b833;color:var(--tel-fg);transform:translateY(-50%) scale(1.05)}.ngxsmk-tel__clear:active{transform:translateY(-50%) scale(.95)}.ngxsmk-tel__clear .ngxsmk-tel__clear-icon{width:12px;height:12px}.ngxsmk-tel__hint{margin-top:8px;font-size:12px;color:var(--tel-placeholder)}.ngxsmk-tel__error{margin-top:8px;font-size:12px;color:var(--tel-error)}.ngxsmk-tel__wrap.has-error .ngxsmk-tel-input__control{border-color:var(--tel-error);box-shadow:0 0 0 3px #ef444426}.ngxsmk-tel.disabled .iti__flag-container,.ngxsmk-tel.disabled .iti__selected-flag,.ngxsmk-tel:has(input:disabled) .iti__flag-container,.ngxsmk-tel:has(input:disabled) .iti__selected-flag{pointer-events:none;opacity:.6}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:not(:disabled),:host([data-theme=dark]) .ngxsmk-tel-input__control:not(:disabled){background:#0f172a!important;color:#e2e8f0!important;border-color:#334155!important;box-shadow:0 1px 3px #0000004d!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:disabled,:host([data-theme=dark]) .ngxsmk-tel-input__control:disabled{background-color:#1e293b!important;color:#64748b!important;border-color:#334155!important;box-shadow:none!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control:focus,:host([data-theme=dark]) .ngxsmk-tel-input__control:focus{background:#0f172a!important;color:#e2e8f0!important;border-color:#60a5fa!important;box-shadow:0 0 0 .2rem #60a5fa40!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel-input__control::placeholder,:host([data-theme=dark]) .ngxsmk-tel-input__control::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__label,:host([data-theme=dark]) .ngxsmk-tel__label{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__hint,:host([data-theme=dark]) .ngxsmk-tel__hint{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__error,:host([data-theme=dark]) .ngxsmk-tel__error{color:#f87171!important}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear,:host([data-theme=dark]) .ngxsmk-tel__clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) .ngxsmk-tel__clear:hover,:host([data-theme=dark]) .ngxsmk-tel__clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-input::placeholder,:host([data-theme=dark]) ::ng-deep .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear,:host([data-theme=dark]) ::ng-deep .iti__search-clear{color:#94a3b8!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__search-clear:hover,:host([data-theme=dark]) ::ng-deep .iti__search-clear:hover{color:#e2e8f0!important;opacity:1}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-dial-code,:host([data-theme=dark]) ::ng-deep .iti__selected-dial-code{color:#e2e8f0!important}:host-context(.dark):not([data-theme=light]) ::ng-deep .iti__selected-flag,:host([data-theme=dark]) ::ng-deep .iti__selected-flag{color:#e2e8f0!important}:host([data-theme=light]) .ngxsmk-tel-input__control:not(:disabled){background:#fff!important;background-color:#fff!important;color:#0f172a!important;border-color:silver!important;box-shadow:0 1px 3px #0000001a!important}:host([data-theme=light]) .ngxsmk-tel-input__control:focus:not(:disabled){background:#fff!important;color:#0f172a!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb40!important}:host([data-theme=light]) .ngxsmk-tel-input__control::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__label{color:#0f172a!important}:host([data-theme=light]) .ngxsmk-tel__hint{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__error{color:#ef4444!important}:host([data-theme=light]) .ngxsmk-tel__clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) .ngxsmk-tel__clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-input{background:#94a3b814!important;color:#0f172a!important;border-bottom-color:silver!important}:host([data-theme=light]) ::ng-deep .iti__search-input::placeholder{color:#9ca3af!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear{color:#6b7280!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__search-clear:hover{color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__selected-dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__selected-flag{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__arrow{border-top-color:#0f172a!important;opacity:1}:host([data-theme=light]) ::ng-deep .iti__arrow:hover{opacity:1}:host([data-theme=light]) ::ng-deep .iti--allow-dropdown .iti__arrow{border-top-color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-list{background:#fff!important;border-color:silver!important;color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-name{color:#0f172a!important}:host([data-theme=light]) ::ng-deep .iti__country-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__dial-code{color:#6b7280!important}:host([data-theme=light]) ::ng-deep .iti__flag-container{background:#fff!important;border-color:silver!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.ngxsmk-tel__wrap{position:relative;width:100%;max-width:100%;overflow:visible}:host{width:100%;max-width:100%;display:block}.ngxsmk-tel{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel-input__control{font-size:16px!important;padding:12px 44px 12px 12px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px;right:4px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px;padding:0 12px;touch-action:manipulation;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:20px;height:15px}:host ::ng-deep .iti__country-list{width:100%!important;max-width:100%!important;min-width:0!important;max-height:400px;max-height:min(70vh,400px);-webkit-overflow-scrolling:touch;overflow-x:hidden;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;box-shadow:0 4px 12px #00000026!important;box-sizing:border-box}:host ::ng-deep .iti--container{position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__dropdown{position:relative!important;width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__country-list{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:28px!important;height:28px!important;font-size:20px!important;right:6px!important}:host ::ng-deep .iti__country{min-height:48px;padding:12px 14px;font-size:15px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;column-gap:.625rem}}:host ::ng-deep .iti__country-name{font-size:15px!important;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .iti__country-code{font-size:13px!important;line-height:1.4}:host ::ng-deep .iti__dial-code{font-size:14px!important;line-height:1.4;margin-left:8px;white-space:nowrap}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:12px 14px;min-height:44px;width:100%!important;box-sizing:border-box}.ngxsmk-tel__label{font-size:.9375rem;margin-bottom:8px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.8125rem;margin-top:8px;line-height:1.4}[data-size=sm] .ngxsmk-tel-input__control{min-height:40px;font-size:16px!important;padding:10px 40px 10px 10px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-size=lg] .ngxsmk-tel-input__control{min-height:48px;font-size:16px!important;padding:14px 48px 14px 14px;width:100%!important;max-width:100%!important;box-sizing:border-box}[data-variant=underline] .ngxsmk-tel-input__control{padding-right:40px;min-height:44px;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){:host{width:100%;max-width:100%}.ngxsmk-tel,.ngxsmk-tel__wrap{width:100%;max-width:100%}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%!important;max-width:100%!important}.ngxsmk-tel-input__control{padding:10px 40px 10px 10px;font-size:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__selected-flag{padding:0 8px;min-width:40px;font-size:16px!important}:host ::ng-deep .iti__flag-box{width:18px;height:14px}:host ::ng-deep .iti__country-list{max-height:350px;max-height:min(60vh,350px);border-radius:0!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;transform:none!important;margin-top:4px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}:host ::ng-deep .iti__search-input{padding-right:36px!important}:host ::ng-deep .iti__search-clear{width:24px!important;height:24px!important;font-size:18px!important;right:6px!important}:host ::ng-deep .iti__country{padding:10px 12px;min-height:44px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@supports (display: grid){:host ::ng-deep .iti__country{display:grid;grid-template-columns:26px 1fr auto;column-gap:.5rem}}:host ::ng-deep .iti__country-name{font-size:14px!important}:host ::ng-deep .iti__country-code{font-size:12px!important}:host ::ng-deep .iti__dial-code{font-size:13px!important;margin-left:6px}:host ::ng-deep .iti__search-input{font-size:16px!important;padding:10px 12px;min-height:44px}.ngxsmk-tel__clear{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px;right:2px}.ngxsmk-tel__label{font-size:.875rem;margin-bottom:6px;line-height:1.4}.ngxsmk-tel__hint,.ngxsmk-tel__error{font-size:.75rem;line-height:1.4}:host ::ng-deep .iti__flag-container{max-width:100%;overflow:hidden}:host ::ng-deep .iti__selected-dial-code{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60px}[data-size=sm] :host ::ng-deep .iti__country-name,[data-size=sm] :host ::ng-deep .iti__country-code,[data-size=sm] :host ::ng-deep .iti__dial-code{font-size:13px!important}[data-size=lg] :host ::ng-deep .iti__country-name,[data-size=lg] :host ::ng-deep .iti__country-code,[data-size=lg] :host ::ng-deep .iti__dial-code{font-size:15px!important}}@media(max-width:768px)and (orientation:landscape){:host ::ng-deep .iti__country-list{max-height:300px;max-height:min(50vh,300px)}}@media(min-width:481px)and (max-width:1024px){.ngxsmk-tel-input__control{padding:11px 42px 11px 12px}:host ::ng-deep .iti__country-list{max-height:400px;max-height:min(60vh,400px)}}@media(hover:none)and (pointer:coarse){.ngxsmk-tel__clear{width:44px;height:44px;min-width:44px;min-height:44px}:host ::ng-deep .iti__selected-flag{min-width:44px;min-height:44px}:host ::ng-deep .iti__country{min-height:48px}:host ::ng-deep .iti__country:active{background-color:var(--tel-dd-item-hover)}.ngxsmk-tel__clear:active{background-color:#0000001a;transform:translateY(-50%) scale(.95)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ngxsmk-tel-input__control{border-width:.5px}}@media screen and (max-width:768px){.ngxsmk-tel-input__control{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@supports (padding: max(0px)){@media(max-width:768px){:host ::ng-deep .iti__country-list{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}}::ng-deep .iti__country-list[data-theme=dark],::ng-deep .iti__country-list.dark-theme{background:#1e293bd9!important;backdrop-filter:blur(16px)!important;border-color:#ffffff14!important;color:#e2e8f0!important;box-shadow:0 10px 30px #0003!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-track,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=dark]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.dark-theme::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input,::ng-deep .iti__country-list.dark-theme .iti__search-input{background:#ffffff05!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input::placeholder,::ng-deep .iti__country-list.dark-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__search-input:focus,::ng-deep .iti__country-list.dark-theme .iti__search-input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 4px #60a5fa26!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear,::ng-deep .iti__country-list.dark-theme .iti__search-clear{color:#94a3b8!important;right:14px!important}::ng-deep .iti__country-list[data-theme=dark] .iti__search-clear:hover,::ng-deep .iti__country-list.dark-theme .iti__search-clear:hover{color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country,::ng-deep .iti__country-list.dark-theme .iti__country{color:#e2e8f0!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country.iti__highlight,::ng-deep .iti__country-list.dark-theme .iti__country.iti__highlight{background-color:#ffffff0f!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-name,::ng-deep .iti__country-list.dark-theme .iti__country-name{color:#e2e8f0!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=dark] .iti__country-code,::ng-deep .iti__country-list[data-theme=dark] .iti__dial-code,::ng-deep .iti__country-list.dark-theme .iti__country-code,::ng-deep .iti__country-list.dark-theme .iti__dial-code{color:#94a3b8!important}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow,::ng-deep .iti__country-list.dark-theme .iti__arrow{border-top-color:#e2e8f0!important;opacity:1}::ng-deep .iti__country-list[data-theme=dark] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.dark-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#e2e8f0!important}::ng-deep .iti__country-list[data-theme=light],::ng-deep .iti__country-list.light-theme{background:#ffffffd9!important;backdrop-filter:blur(16px)!important;border-color:#00000014!important;color:#0f172a!important;box-shadow:0 10px 30px #00000014!important;border-radius:0!important;padding:6px 0!important}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar{width:6px}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-track,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-track{background:transparent}::ng-deep .iti__country-list[data-theme=light]::-webkit-scrollbar-thumb,::ng-deep .iti__country-list.light-theme::-webkit-scrollbar-thumb{background:#94a3b840!important;border-radius:3px}::ng-deep .iti__country-list[data-theme=light] .iti__search-input,::ng-deep .iti__country-list.light-theme .iti__search-input{background:#94a3b80a!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:8px!important;margin:8px!important;width:calc(100% - 16px)!important;padding:8px 32px 8px 12px!important;font-size:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-input::placeholder,::ng-deep .iti__country-list.light-theme .iti__search-input::placeholder{color:#94a3b8!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__search-input:focus,::ng-deep .iti__country-list.light-theme .iti__search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb26!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear,::ng-deep .iti__country-list.light-theme .iti__search-clear{color:#6b7280!important;right:14px!important}::ng-deep .iti__country-list[data-theme=light] .iti__search-clear:hover,::ng-deep .iti__country-list.light-theme .iti__search-clear:hover{color:#0f172a!important}::ng-deep .iti__country-list[data-theme=light] .iti__country,::ng-deep .iti__country-list.light-theme .iti__country{color:#0f172a!important;padding:10px 14px!important;margin:0!important;border-radius:0!important}::ng-deep .iti__country-list[data-theme=light] .iti__country.iti__highlight,::ng-deep .iti__country-list.light-theme .iti__country.iti__highlight{background-color:#94a3b814!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-name,::ng-deep .iti__country-list.light-theme .iti__country-name{color:#0f172a!important;font-weight:500!important}::ng-deep .iti__country-list[data-theme=light] .iti__country-code,::ng-deep .iti__country-list[data-theme=light] .iti__dial-code,::ng-deep .iti__country-list.light-theme .iti__country-code,::ng-deep .iti__country-list.light-theme .iti__dial-code{color:#6b7280!important}::ng-deep .iti__country-list[data-theme=light] .iti__arrow,::ng-deep .iti__country-list.light-theme .iti__arrow{border-top-color:#0f172a!important;opacity:1}::ng-deep .iti__country-list[data-theme=light] .iti__arrow.iti__arrow--up,::ng-deep .iti__country-list.light-theme .iti__arrow.iti__arrow--up{border-top-color:transparent!important;border-bottom-color:#0f172a!important}.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag,.ngxsmk-tel--hide-flags ::ng-deep .iti__selected-flag .iti__flag-box{display:none!important}::ng-deep .iti__country-list[data-show-flags=false] .iti__flag-box,::ng-deep .iti__country-list[data-search-country-flag=false] .iti__flag-box{display:none!important}\n"] }]
2140
2152
  }], ctorParameters: () => [{ type: i0.NgZone, decorators: [{
2141
2153
  type: Optional
2142
2154
  }] }, { type: NgxsmkTelInputService }, { type: i0.ChangeDetectorRef }], propDecorators: { inputRef: [{