ngxsmk-tel-input 1.3.9 → 1.4.1

package/fesm2022/ngxsmk-tel-input.mjs

@@ -0,0 +1,554 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, inject, PLATFORM_ID, forwardRef, Output, Input, ViewChild, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { parsePhoneNumberFromString, AsYouType } from 'libphonenumber-js';
+
+class NgxsmkTelInputService {
+    parse(input, iso2) {
+        const phone = parsePhoneNumberFromString(input || '', iso2);
+        if (!phone)
+            return { e164: null, national: null, isValid: false };
+        const isValid = phone.isValid();
+        return { e164: isValid ? phone.number : null, national: phone.formatNational(), isValid };
+    }
+    isValid(input, iso2) {
+        const phone = parsePhoneNumberFromString(input || '', iso2);
+        return !!phone && phone.isValid();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgxsmkTelInputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgxsmkTelInputService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgxsmkTelInputService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class NgxsmkTelInputComponent {
+    set telI18n(v) {
+        this.i18n = v;
+    }
+    set telLocalizedCountries(v) {
+        this.localizedCountries = v;
+    }
+    constructor(zone, tel) {
+        this.zone = zone;
+        this.tel = tel;
+        /* Core config */
+        this.initialCountry = 'US';
+        this.preferredCountries = ['US', 'GB'];
+        this.nationalMode = false;
+        this.separateDialCode = false;
+        this.allowDropdown = true;
+        this.autocomplete = 'tel';
+        this.disabled = false;
+        this.size = 'md';
+        this.variant = 'outline';
+        this.showClear = true;
+        this.autoFocus = false;
+        this.selectOnFocus = false;
+        this.formatOnBlur = true;
+        this.showErrorWhenTouched = true;
+        /* Dropdown plumbing */
+        this.dropdownAttachToBody = true;
+        this.dropdownZIndex = 2000;
+        this.clearAriaLabel = 'Clear phone number';
+        this.dir = 'ltr';
+        /* Placeholders (intl-tel-input) */
+        this.autoPlaceholder = 'off'; // default OFF since no utils fallback
+        this.formatWhenValid = 'blur';
+        /* Digits-only controls */
+        this.digitsOnly = true;
+        this.allowLeadingPlus = true;
+        /* Outputs */
+        this.countryChange = new EventEmitter();
+        this.validityChange = new EventEmitter();
+        this.inputChange = new EventEmitter();
+        /* Internal */
+        this.iti = null;
+        this.onChange = () => {
+        };
+        this.onTouchedCb = () => {
+        };
+        this.lastEmittedValid = false;
+        this.pendingWrite = null;
+        this.touched = false;
+        this.resolvedId = this.inputId || ('tel-' + Math.random().toString(36).slice(2));
+        this.platformId = inject(PLATFORM_ID);
+    }
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        void this.initAndWire();
+    }
+    async initAndWire() {
+        await this.initIntlTelInput();
+        this.bindDomListeners();
+        if (this.pendingWrite !== null) {
+            this.setInputValue(this.pendingWrite);
+            this.handleInput();
+            this.pendingWrite = null;
+        }
+        if (this.autoFocus)
+            setTimeout(() => this.focus(), 0);
+    }
+    ngOnChanges(changes) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const configChanged = [
+            'initialCountry', 'preferredCountries', 'onlyCountries',
+            'separateDialCode', 'allowDropdown', 'nationalMode',
+            'i18n', 'localizedCountries', 'dir',
+            'autoPlaceholder', 'utilsScript', 'customPlaceholder',
+            'digitsOnly', 'allowLeadingPlus'
+        ].some(k => k in changes && !changes[k]?.firstChange);
+        if (configChanged && this.iti) {
+            this.reinitPlugin();
+            this.validatorChange?.();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyPlugin();
+    }
+    // ----- CVA -----
+    writeValue(val) {
+        if (!this.inputRef)
+            return;
+        if (!this.iti) {
+            this.pendingWrite = val ?? '';
+            return;
+        }
+        this.setInputValue(val ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedCb = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (this.inputRef)
+            this.inputRef.nativeElement.disabled = isDisabled;
+    }
+    // ----- Validator -----
+    validate(_) {
+        const raw = this.currentRaw();
+        if (!raw)
+            return null;
+        const valid = this.tel.isValid(raw, this.currentIso2());
+        if (valid !== this.lastEmittedValid) {
+            this.lastEmittedValid = valid;
+            this.validityChange.emit(valid);
+        }
+        return valid ? null : { phoneInvalid: true };
+    }
+    registerOnValidatorChange(fn) {
+        this.validatorChange = fn;
+    }
+    // ----- Public helpers -----
+    focus() {
+        this.inputRef?.nativeElement.focus();
+        if (this.selectOnFocus) {
+            const el = this.inputRef.nativeElement;
+            queueMicrotask(() => el.setSelectionRange(0, el.value.length));
+        }
+    }
+    selectCountry(iso2) {
+        if (this.iti) {
+            this.iti.setCountry(iso2.toLowerCase());
+            this.handleInput();
+        }
+    }
+    clearInput() {
+        this.setInputValue('');
+        this.handleInput();
+        this.inputRef.nativeElement.focus();
+    }
+    // ----- Plugin wiring -----
+    async initIntlTelInput() {
+        const [{ default: intlTelInput }] = await Promise.all([import('intl-tel-input')]);
+        const toLowerKeys = (m) => {
+            if (!m)
+                return undefined;
+            const out = {};
+            for (const k in m) {
+                if (Object.prototype.hasOwnProperty.call(m, k)) {
+                    const v = m[k];
+                    if (v != null)
+                        out[k.toLowerCase()] = v;
+                }
+            }
+            return out;
+        };
+        const config = {
+            initialCountry: this.initialCountry === 'auto' ? 'auto' : (this.initialCountry?.toLowerCase() || 'us'),
+            preferredCountries: (this.preferredCountries ?? []).map(c => c.toLowerCase()),
+            onlyCountries: (this.onlyCountries ?? []).map(c => c.toLowerCase()),
+            nationalMode: this.nationalMode,
+            allowDropdown: this.allowDropdown,
+            separateDialCode: this.separateDialCode,
+            geoIpLookup: (cb) => cb('us'),
+            // placeholders
+            autoPlaceholder: this.autoPlaceholder,
+            utilsScript: this.utilsScript,
+            customPlaceholder: this.customPlaceholder,
+            // localization
+            i18n: this.i18n,
+            localizedCountries: toLowerKeys(this.localizedCountries),
+            // dropdown container
+            dropdownContainer: this.dropdownAttachToBody && typeof document !== 'undefined' ? document.body : undefined
+        };
+        this.zone.runOutsideAngular(() => {
+            this.iti = intlTelInput(this.inputRef.nativeElement, config);
+        });
+        this.inputRef.nativeElement.style.setProperty('--tel-dd-z', String(this.dropdownZIndex));
+    }
+    reinitPlugin() {
+        const current = this.currentRaw();
+        this.destroyPlugin();
+        this.initIntlTelInput().then(() => {
+            if (current) {
+                this.setInputValue(current);
+                this.handleInput();
+            }
+        });
+    }
+    destroyPlugin() {
+        if (this.iti) {
+            this.iti.destroy();
+            this.iti = null;
+        }
+        if (this.inputRef?.nativeElement) {
+            const el = this.inputRef.nativeElement;
+            const clone = el.cloneNode(true);
+            el.parentNode?.replaceChild(clone, el);
+            this.inputRef.nativeElement = clone;
+        }
+    }
+    // ----- Input filtering (digits-only) -----
+    sanitizeDigits(value) {
+        if (!this.digitsOnly)
+            return value;
+        let v = value.replace(/[^\d+]/g, '');
+        if (this.allowLeadingPlus) {
+            const hasLeadingPlus = v.startsWith('+');
+            v = (hasLeadingPlus ? '+' : '') + v.replace(/\+/g, '');
+        }
+        else {
+            v = v.replace(/\+/g, '');
+        }
+        return v;
+    }
+    bindDomListeners() {
+        const el = this.inputRef.nativeElement;
+        this.zone.runOutsideAngular(() => {
+            el.addEventListener('beforeinput', (ev) => {
+                if (!this.digitsOnly)
+                    return;
+                const data = ev.data;
+                if (!data || ev.inputType !== 'insertText')
+                    return;
+                const pos = el.selectionStart ?? 0;
+                const isDigit = data >= '0' && data <= '9';
+                const isPlusAtStart = this.allowLeadingPlus && data === '+' && pos === 0 && !el.value.includes('+');
+                if (!isDigit && !isPlusAtStart)
+                    ev.preventDefault();
+            });
+            el.addEventListener('paste', (e) => {
+                if (!this.digitsOnly)
+                    return;
+                e.preventDefault();
+                const text = (e.clipboardData || window.clipboardData).getData('text');
+                const sanitized = this.sanitizeDigits(text);
+                const start = el.selectionStart ?? el.value.length;
+                const end = el.selectionEnd ?? el.value.length;
+                el.setRangeText(sanitized, start, end, 'end');
+                queueMicrotask(() => this.handleInput());
+            });
+            el.addEventListener('input', () => {
+                if (this.digitsOnly) {
+                    const val = el.value;
+                    const sanitized = this.sanitizeDigits(val);
+                    if (val !== sanitized) {
+                        const caret = el.selectionStart ?? sanitized.length;
+                        el.value = sanitized;
+                        el.setSelectionRange(caret, caret);
+                    }
+                }
+                this.handleInput();
+            });
+            el.addEventListener('countrychange', () => {
+                const iso2 = this.currentIso2();
+                this.zone.run(() => {
+                    this.countryChange.emit({ iso2 });
+                    this.validatorChange?.();
+                });
+                this.handleInput();
+            });
+            el.addEventListener('blur', () => this.onBlur());
+        });
+    }
+    onBlur() {
+        this.touched = true;
+        this.zone.run(() => this.onTouchedCb());
+        if (!this.formatOnBlur)
+            return;
+        const raw = this.currentRaw();
+        if (!raw)
+            return;
+        const parsed = this.tel.parse(raw, this.currentIso2());
+        if (this.nationalMode && parsed.national) {
+            this.setInputValue((parsed.national || '').replace(/\s{2,}/g, ' '));
+        }
+    }
+    onFocus() {
+        if (this.selectOnFocus) {
+            const el = this.inputRef.nativeElement;
+            queueMicrotask(() => el.setSelectionRange(0, el.value.length));
+        }
+    }
+    handleInput() {
+        let raw = this.currentRaw();
+        const iso2 = this.currentIso2();
+        // live format while typing (optional)
+        if (this.formatWhenValid === 'typing' && raw) {
+            const formatted = this.formatAsYouType(raw, iso2);
+            if (formatted !== raw) {
+                // keep caret sane (end)
+                this.setInputValue(formatted);
+                raw = formatted;
+            }
+        }
+        const parsed = this.tel.parse(raw, iso2);
+        this.zone.run(() => this.onChange(parsed.e164)); // E.164 or null
+        this.zone.run(() => this.inputChange.emit({ raw, e164: parsed.e164, iso2 }));
+        // pretty print on blur already handled; keep this for nationalMode normalization
+        if (raw && this.nationalMode && parsed.national) {
+            const normalized = parsed.national.replace(/\s{2,}/g, ' ');
+            if (normalized !== raw)
+                this.setInputValue(normalized);
+        }
+    }
+    formatAsYouType(raw, iso2) {
+        try {
+            // When a region is provided, AsYouType returns NATIONAL formatting
+            const fmt = new AsYouType(iso2);
+            return fmt.input(raw);
+        }
+        catch {
+            return raw;
+        }
+    }
+    currentRaw() {
+        return (this.inputRef?.nativeElement.value ?? '').trim();
+    }
+    currentIso2() {
+        const iso2 = (this.iti?.getSelectedCountryData?.().iso2 ?? this.initialCountry ?? 'US')
+            .toString().toUpperCase();
+        return iso2;
+    }
+    setInputValue(v) {
+        this.inputRef.nativeElement.value = v ?? '';
+    }
+    get showError() {
+        const invalid = !!this.validate({});
+        return this.showErrorWhenTouched ? (this.touched && invalid) : invalid;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgxsmkTelInputComponent, deps: [{ token: i0.NgZone }, { token: NgxsmkTelInputService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgxsmkTelInputComponent, isStandalone: true, selector: "ngxsmk-tel-input", inputs: { initialCountry: "initialCountry", preferredCountries: "preferredCountries", onlyCountries: "onlyCountries", nationalMode: "nationalMode", separateDialCode: "separateDialCode", allowDropdown: "allowDropdown", placeholder: "placeholder", autocomplete: "autocomplete", name: "name", inputId: "inputId", disabled: "disabled", label: "label", hint: "hint", errorText: "errorText", size: "size", variant: "variant", showClear: "showClear", autoFocus: "autoFocus", selectOnFocus: "selectOnFocus", formatOnBlur: "formatOnBlur", showErrorWhenTouched: "showErrorWhenTouched", dropdownAttachToBody: "dropdownAttachToBody", dropdownZIndex: "dropdownZIndex", i18n: "i18n", telI18n: "telI18n", localizedCountries: "localizedCountries", telLocalizedCountries: "telLocalizedCountries", clearAriaLabel: "clearAriaLabel", dir: "dir", autoPlaceholder: "autoPlaceholder", utilsScript: "utilsScript", customPlaceholder: "customPlaceholder", formatWhenValid: "formatWhenValid", digitsOnly: "digitsOnly", allowLeadingPlus: "allowLeadingPlus" }, outputs: { countryChange: "countryChange", validityChange: "validityChange", inputChange: "inputChange" }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true }
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["telInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="ngxsmk-tel"
+         [class.disabled]="disabled"
+         [attr.data-size]="size"
+         [attr.data-variant]="variant"
+         [attr.dir]="dir">
+      @if (label) {
+        <label class="ngxsmk-tel__label" [for]="resolvedId">{{ label }}</label>
+      }
+
+      <div class="ngxsmk-tel__wrap" [class.has-error]="showError">
+        <div class="ngxsmk-tel-input__wrapper">
+          <input
+            #telInput
+            type="tel"
+            class="ngxsmk-tel-input__control"
+            [id]="resolvedId"
+            [attr.name]="name || null"
+            [attr.placeholder]="placeholder || null"
+            [attr.autocomplete]="autocomplete"
+            [attr.inputmode]="digitsOnly ? 'numeric' : 'tel'"
+            [attr.pattern]="digitsOnly ? (allowLeadingPlus ? '\\\\+?[0-9]*' : '[0-9]*') : null"
+            [disabled]="disabled"
+            [attr.aria-invalid]="showError ? 'true' : 'false'"
+            (blur)="onBlur()"
+            (focus)="onFocus()"
+          />
+        </div>
+
+        @if (showClear && currentRaw()) {
+          <button type="button"
+                  class="ngxsmk-tel__clear"
+                  (click)="clearInput()"
+                  [attr.aria-label]="clearAriaLabel">
+            ×
+          </button>
+        }
+      </div>
+
+      @if (hint && !showError) {
+        <div class="ngxsmk-tel__hint">{{ hint }}</div>
+      }
+
+      @if (showError) {
+        <div class="ngxsmk-tel__error">{{ errorText || 'Please enter a valid phone number.' }}</div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{--tel-bg: #fff;--tel-fg: #0f172a;--tel-border: #c0c0c0;--tel-border-hover: #9aa0a6;--tel-ring: #2563eb;--tel-placeholder: #9ca3af;--tel-error: #ef4444;--tel-radius: 12px;--tel-focus-shadow: 0 0 0 3px rgba(37, 99, 235, .25);--tel-dd-bg: var(--tel-bg);--tel-dd-border: var(--tel-border);--tel-dd-shadow: 0 24px 60px rgba(0, 0, 0, .18);--tel-dd-radius: 12px;--tel-dd-item-hover: rgba(37, 99, 235, .08);--tel-dd-z: 2000;--tel-dd-search-bg: rgba(148, 163, 184, .08);display:block}:host-context(.dark){--tel-bg: #0b0f17;--tel-fg: #e5e7eb;--tel-border: #334155;--tel-border-hover: #475569;--tel-ring: #60a5fa;--tel-placeholder: #94a3b8;--tel-dd-bg: #0f1521;--tel-dd-border: #324056;--tel-dd-search-bg: rgba(148, 163, 184, .12)}.ngxsmk-tel{width:100%;color:var(--tel-fg)}.ngxsmk-tel.disabled{opacity:.7;cursor:not-allowed}.ngxsmk-tel__label{display:inline-block;margin-bottom:6px;font-size:.875rem;font-weight:500}.ngxsmk-tel__wrap{position:relative}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%}.ngxsmk-tel-input__control{width:100%;height:40px;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 12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.ngxsmk-tel-input__control::placeholder{color:var(--tel-placeholder)}.ngxsmk-tel-input__control:hover{border-color:var(--tel-border-hover)}.ngxsmk-tel-input__control:focus{border-color:var(--tel-ring);box-shadow:var(--tel-focus-shadow)}[data-size=sm] .ngxsmk-tel-input__control{height:34px;font-size:13px;padding:6px 36px 6px 10px;border-radius:10px}[data-size=lg] .ngxsmk-tel-input__control{height:46px;font-size:16px;padding:12px 44px 12px 14px;border-radius:14px}[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-top-left-radius:var(--tel-radius);border-bottom-left-radius:var(--tel-radius);border:1px solid var(--tel-border);border-right:none;background:var(--tel-bg)}:host ::ng-deep .iti__selected-flag{height:100%;padding:0 10px;display:inline-flex;align-items:center}:host ::ng-deep .iti__country-list{background:var(--tel-dd-bg);border:1px solid var(--tel-dd-border);border-radius:var(--tel-dd-radius);box-shadow:var(--tel-dd-shadow);max-height:min(50vh,360px);overflow:auto;padding:6px 0;width:max(280px,100%);z-index:var(--tel-dd-z)}:host ::ng-deep .iti--container .iti__country-list{z-index:var(--tel-dd-z)}:host ::ng-deep .iti__search-input{position:sticky;top:0;margin:0;padding:10px 12px;width:100%;border:0;border-bottom:1px solid var(--tel-dd-border);outline:none;background:var(--tel-dd-search-bg);color:var(--tel-fg)}:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:.5rem;padding:10px 12px;cursor:pointer}:host ::ng-deep .iti__dial-code{color:var(--tel-placeholder);font-weight:600;margin-left:10px}.ngxsmk-tel__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;line-height:1;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--tel-placeholder)}.ngxsmk-tel__clear:hover{background:#94a3b826}.ngxsmk-tel__hint{margin-top:6px;font-size:12px;color:var(--tel-placeholder)}.ngxsmk-tel__error{margin-top:6px;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}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgxsmkTelInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngxsmk-tel-input', standalone: true, imports: [], template: `
+    <div class="ngxsmk-tel"
+         [class.disabled]="disabled"
+         [attr.data-size]="size"
+         [attr.data-variant]="variant"
+         [attr.dir]="dir">
+      @if (label) {
+        <label class="ngxsmk-tel__label" [for]="resolvedId">{{ label }}</label>
+      }
+
+      <div class="ngxsmk-tel__wrap" [class.has-error]="showError">
+        <div class="ngxsmk-tel-input__wrapper">
+          <input
+            #telInput
+            type="tel"
+            class="ngxsmk-tel-input__control"
+            [id]="resolvedId"
+            [attr.name]="name || null"
+            [attr.placeholder]="placeholder || null"
+            [attr.autocomplete]="autocomplete"
+            [attr.inputmode]="digitsOnly ? 'numeric' : 'tel'"
+            [attr.pattern]="digitsOnly ? (allowLeadingPlus ? '\\\\+?[0-9]*' : '[0-9]*') : null"
+            [disabled]="disabled"
+            [attr.aria-invalid]="showError ? 'true' : 'false'"
+            (blur)="onBlur()"
+            (focus)="onFocus()"
+          />
+        </div>
+
+        @if (showClear && currentRaw()) {
+          <button type="button"
+                  class="ngxsmk-tel__clear"
+                  (click)="clearInput()"
+                  [attr.aria-label]="clearAriaLabel">
+            ×
+          </button>
+        }
+      </div>
+
+      @if (hint && !showError) {
+        <div class="ngxsmk-tel__hint">{{ hint }}</div>
+      }
+
+      @if (showError) {
+        <div class="ngxsmk-tel__error">{{ errorText || 'Please enter a valid phone number.' }}</div>
+      }
+    </div>
+  `, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true }
+                    ], styles: [":host{--tel-bg: #fff;--tel-fg: #0f172a;--tel-border: #c0c0c0;--tel-border-hover: #9aa0a6;--tel-ring: #2563eb;--tel-placeholder: #9ca3af;--tel-error: #ef4444;--tel-radius: 12px;--tel-focus-shadow: 0 0 0 3px rgba(37, 99, 235, .25);--tel-dd-bg: var(--tel-bg);--tel-dd-border: var(--tel-border);--tel-dd-shadow: 0 24px 60px rgba(0, 0, 0, .18);--tel-dd-radius: 12px;--tel-dd-item-hover: rgba(37, 99, 235, .08);--tel-dd-z: 2000;--tel-dd-search-bg: rgba(148, 163, 184, .08);display:block}:host-context(.dark){--tel-bg: #0b0f17;--tel-fg: #e5e7eb;--tel-border: #334155;--tel-border-hover: #475569;--tel-ring: #60a5fa;--tel-placeholder: #94a3b8;--tel-dd-bg: #0f1521;--tel-dd-border: #324056;--tel-dd-search-bg: rgba(148, 163, 184, .12)}.ngxsmk-tel{width:100%;color:var(--tel-fg)}.ngxsmk-tel.disabled{opacity:.7;cursor:not-allowed}.ngxsmk-tel__label{display:inline-block;margin-bottom:6px;font-size:.875rem;font-weight:500}.ngxsmk-tel__wrap{position:relative}.ngxsmk-tel-input__wrapper,:host ::ng-deep .iti{width:100%}.ngxsmk-tel-input__control{width:100%;height:40px;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 12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.ngxsmk-tel-input__control::placeholder{color:var(--tel-placeholder)}.ngxsmk-tel-input__control:hover{border-color:var(--tel-border-hover)}.ngxsmk-tel-input__control:focus{border-color:var(--tel-ring);box-shadow:var(--tel-focus-shadow)}[data-size=sm] .ngxsmk-tel-input__control{height:34px;font-size:13px;padding:6px 36px 6px 10px;border-radius:10px}[data-size=lg] .ngxsmk-tel-input__control{height:46px;font-size:16px;padding:12px 44px 12px 14px;border-radius:14px}[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-top-left-radius:var(--tel-radius);border-bottom-left-radius:var(--tel-radius);border:1px solid var(--tel-border);border-right:none;background:var(--tel-bg)}:host ::ng-deep .iti__selected-flag{height:100%;padding:0 10px;display:inline-flex;align-items:center}:host ::ng-deep .iti__country-list{background:var(--tel-dd-bg);border:1px solid var(--tel-dd-border);border-radius:var(--tel-dd-radius);box-shadow:var(--tel-dd-shadow);max-height:min(50vh,360px);overflow:auto;padding:6px 0;width:max(280px,100%);z-index:var(--tel-dd-z)}:host ::ng-deep .iti--container .iti__country-list{z-index:var(--tel-dd-z)}:host ::ng-deep .iti__search-input{position:sticky;top:0;margin:0;padding:10px 12px;width:100%;border:0;border-bottom:1px solid var(--tel-dd-border);outline:none;background:var(--tel-dd-search-bg);color:var(--tel-fg)}:host ::ng-deep .iti__country{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:.5rem;padding:10px 12px;cursor:pointer}:host ::ng-deep .iti__dial-code{color:var(--tel-placeholder);font-weight:600;margin-left:10px}.ngxsmk-tel__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;line-height:1;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--tel-placeholder)}.ngxsmk-tel__clear:hover{background:#94a3b826}.ngxsmk-tel__hint{margin-top:6px;font-size:12px;color:var(--tel-placeholder)}.ngxsmk-tel__error{margin-top:6px;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}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: NgxsmkTelInputService }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ['telInput', { static: true }]
+            }], initialCountry: [{
+                type: Input
+            }], preferredCountries: [{
+                type: Input
+            }], onlyCountries: [{
+                type: Input
+            }], nationalMode: [{
+                type: Input
+            }], separateDialCode: [{
+                type: Input
+            }], allowDropdown: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], autoFocus: [{
+                type: Input
+            }], selectOnFocus: [{
+                type: Input
+            }], formatOnBlur: [{
+                type: Input
+            }], showErrorWhenTouched: [{
+                type: Input
+            }], dropdownAttachToBody: [{
+                type: Input
+            }], dropdownZIndex: [{
+                type: Input
+            }], i18n: [{
+                type: Input,
+                args: ['i18n']
+            }], telI18n: [{
+                type: Input,
+                args: ['telI18n']
+            }], localizedCountries: [{
+                type: Input,
+                args: ['localizedCountries']
+            }], telLocalizedCountries: [{
+                type: Input,
+                args: ['telLocalizedCountries']
+            }], clearAriaLabel: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], autoPlaceholder: [{
+                type: Input
+            }], utilsScript: [{
+                type: Input
+            }], customPlaceholder: [{
+                type: Input
+            }], formatWhenValid: [{
+                type: Input
+            }], digitsOnly: [{
+                type: Input
+            }], allowLeadingPlus: [{
+                type: Input
+            }], countryChange: [{
+                type: Output
+            }], validityChange: [{
+                type: Output
+            }], inputChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxsmkTelInputComponent, NgxsmkTelInputService };
+//# sourceMappingURL=ngxsmk-tel-input.mjs.map

package/fesm2022/ngxsmk-tel-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-tel-input.mjs","sources":["../../../projects/ngxsmk-tel-input/src/lib/ngxsmk-tel-input.service.ts","../../../projects/ngxsmk-tel-input/src/lib/ngxsmk-tel-input.component.ts","../../../projects/ngxsmk-tel-input/src/ngxsmk-tel-input.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { parsePhoneNumberFromString, type CountryCode } from 'libphonenumber-js';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class NgxsmkTelInputService {\r\n  parse(input: string, iso2: CountryCode): { e164: string | null; national: string | null; isValid: boolean } {\r\n    const phone = parsePhoneNumberFromString(input || '', iso2);\r\n    if (!phone) return { e164: null, national: null, isValid: false };\r\n    const isValid = phone.isValid();\r\n    return { e164: isValid ? phone.number : null, national: phone.formatNational(), isValid };\r\n  }\r\n\r\n  isValid(input: string, iso2: CountryCode): boolean {\r\n    const phone = parsePhoneNumberFromString(input || '', iso2);\r\n    return !!phone && phone.isValid();\r\n  }\r\n}\r\n","import {\r\n  AfterViewInit,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  forwardRef,\r\n  inject,\r\n  Input,\r\n  NgZone,\r\n  OnChanges,\r\n  OnDestroy,\r\n  Output,\r\n  PLATFORM_ID,\r\n  SimpleChanges,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport {isPlatformBrowser} from '@angular/common';\r\nimport {\r\n  AbstractControl,\r\n  ControlValueAccessor,\r\n  NG_VALIDATORS,\r\n  NG_VALUE_ACCESSOR,\r\n  ValidationErrors,\r\n  Validator\r\n} from '@angular/forms';\r\nimport {AsYouType, CountryCode} from 'libphonenumber-js';\r\nimport {NgxsmkTelInputService} from './ngxsmk-tel-input.service';\r\nimport {CountryMap, IntlTelI18n} from './types';\r\n\r\ntype IntlTelInstance = any;\r\n\r\n@Component({\r\n  selector: 'ngxsmk-tel-input',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <div class=\"ngxsmk-tel\"\r\n         [class.disabled]=\"disabled\"\r\n         [attr.data-size]=\"size\"\r\n         [attr.data-variant]=\"variant\"\r\n         [attr.dir]=\"dir\">\r\n      @if (label) {\r\n        <label class=\"ngxsmk-tel__label\" [for]=\"resolvedId\">{{ label }}</label>\r\n      }\r\n\r\n      <div class=\"ngxsmk-tel__wrap\" [class.has-error]=\"showError\">\r\n        <div class=\"ngxsmk-tel-input__wrapper\">\r\n          <input\r\n            #telInput\r\n            type=\"tel\"\r\n            class=\"ngxsmk-tel-input__control\"\r\n            [id]=\"resolvedId\"\r\n            [attr.name]=\"name || null\"\r\n            [attr.placeholder]=\"placeholder || null\"\r\n            [attr.autocomplete]=\"autocomplete\"\r\n            [attr.inputmode]=\"digitsOnly ? 'numeric' : 'tel'\"\r\n            [attr.pattern]=\"digitsOnly ? (allowLeadingPlus ? '\\\\\\\\+?[0-9]*' : '[0-9]*') : null\"\r\n            [disabled]=\"disabled\"\r\n            [attr.aria-invalid]=\"showError ? 'true' : 'false'\"\r\n            (blur)=\"onBlur()\"\r\n            (focus)=\"onFocus()\"\r\n          />\r\n        </div>\r\n\r\n        @if (showClear && currentRaw()) {\r\n          <button type=\"button\"\r\n                  class=\"ngxsmk-tel__clear\"\r\n                  (click)=\"clearInput()\"\r\n                  [attr.aria-label]=\"clearAriaLabel\">\r\n            ×\r\n          </button>\r\n        }\r\n      </div>\r\n\r\n      @if (hint && !showError) {\r\n        <div class=\"ngxsmk-tel__hint\">{{ hint }}</div>\r\n      }\r\n\r\n      @if (showError) {\r\n        <div class=\"ngxsmk-tel__error\">{{ errorText || 'Please enter a valid phone number.' }}</div>\r\n      }\r\n    </div>\r\n  `,\r\n  styleUrls: ['./ngxsmk-tel-input.component.scss'],\r\n  providers: [\r\n    {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true},\r\n    {provide: NG_VALIDATORS, useExisting: forwardRef(() => NgxsmkTelInputComponent), multi: true}\r\n  ]\r\n})\r\nexport class NgxsmkTelInputComponent implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {\r\n\r\n  @ViewChild('telInput', {static: true}) inputRef!: ElementRef<HTMLInputElement>;\r\n\r\n  /* Core config */\r\n  @Input() initialCountry: CountryCode | 'auto' = 'US';\r\n  @Input() preferredCountries: CountryCode[] = ['US', 'GB'];\r\n  @Input() onlyCountries?: CountryCode[];\r\n  @Input() nationalMode: boolean = false;\r\n  @Input() separateDialCode: boolean = false;\r\n  @Input() allowDropdown: boolean = true;\r\n\r\n  /* UX */\r\n  @Input() placeholder?: string;\r\n  @Input() autocomplete = 'tel';\r\n  @Input() name?: string;\r\n  @Input() inputId?: string;\r\n  @Input() disabled: boolean = false;\r\n\r\n  @Input() label?: string;\r\n  @Input() hint?: string;\r\n  @Input() errorText?: string;\r\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\r\n  @Input() variant: 'outline' | 'filled' | 'underline' = 'outline';\r\n  @Input() showClear: boolean = true;\r\n  @Input() autoFocus: boolean = false;\r\n  @Input() selectOnFocus: boolean = false;\r\n  @Input() formatOnBlur: boolean = true;\r\n  @Input() showErrorWhenTouched: boolean = true;\r\n\r\n  /* Dropdown plumbing */\r\n  @Input() dropdownAttachToBody: boolean = true;\r\n  @Input() dropdownZIndex: number = 2000;\r\n\r\n  /* Localization + RTL */\r\n  @Input('i18n') i18n?: IntlTelI18n;\r\n\r\n  @Input('telI18n') set telI18n(v: IntlTelI18n | undefined) {\r\n    this.i18n = v;\r\n  }\r\n\r\n  @Input('localizedCountries') localizedCountries?: CountryMap;\r\n\r\n  @Input('telLocalizedCountries') set telLocalizedCountries(v: CountryMap | undefined) {\r\n    this.localizedCountries = v;\r\n  }\r\n\r\n  @Input() clearAriaLabel: string = 'Clear phone number';\r\n  @Input() dir: 'ltr' | 'rtl' = 'ltr';\r\n\r\n  /* Placeholders (intl-tel-input) */\r\n  @Input() autoPlaceholder: 'off' | 'polite' | 'aggressive' = 'off'; // default OFF since no utils fallback\r\n  @Input() utilsScript?: string;\r\n  @Input() customPlaceholder?: (example: string, country: any) => string;\r\n\r\n  @Input() formatWhenValid: 'off' | 'blur' | 'typing' = 'blur';\r\n\r\n  /* Digits-only controls */\r\n  @Input() digitsOnly: boolean = true;\r\n  @Input() allowLeadingPlus: boolean = true;\r\n\r\n  /* Outputs */\r\n  @Output() countryChange = new EventEmitter<{ iso2: CountryCode }>();\r\n  @Output() validityChange = new EventEmitter<boolean>();\r\n  @Output() inputChange = new EventEmitter<{ raw: string; e164: string | null; iso2: CountryCode }>();\r\n\r\n  /* Internal */\r\n  private iti: IntlTelInstance | null = null;\r\n  private onChange: (val: string | null) => void = () => {\r\n  };\r\n  private onTouchedCb: () => void = () => {\r\n  };\r\n  private validatorChange?: () => void;\r\n  private lastEmittedValid = false;\r\n  private pendingWrite: string | null = null;\r\n  private touched: boolean = false;\r\n\r\n  readonly resolvedId: string = this.inputId || ('tel-' + Math.random().toString(36).slice(2));\r\n\r\n  private readonly platformId = inject(PLATFORM_ID);\r\n\r\n  constructor(\r\n    private readonly zone: NgZone,\r\n    private readonly tel: NgxsmkTelInputService\r\n  ) {\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    if (!isPlatformBrowser(this.platformId)) return;\r\n    void this.initAndWire();\r\n  }\r\n\r\n  private async initAndWire(): Promise<void> {\r\n    await this.initIntlTelInput();\r\n    this.bindDomListeners();\r\n\r\n    if (this.pendingWrite !== null) {\r\n      this.setInputValue(this.pendingWrite);\r\n      this.handleInput();\r\n      this.pendingWrite = null;\r\n    }\r\n    if (this.autoFocus) setTimeout(() => this.focus(), 0);\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (!isPlatformBrowser(this.platformId)) return;\r\n    const configChanged = [\r\n      'initialCountry', 'preferredCountries', 'onlyCountries',\r\n      'separateDialCode', 'allowDropdown', 'nationalMode',\r\n      'i18n', 'localizedCountries', 'dir',\r\n      'autoPlaceholder', 'utilsScript', 'customPlaceholder',\r\n      'digitsOnly', 'allowLeadingPlus'\r\n    ].some(k => k in changes && !changes[k]?.firstChange);\r\n    if (configChanged && this.iti) {\r\n      this.reinitPlugin();\r\n      this.validatorChange?.();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyPlugin();\r\n  }\r\n\r\n  // ----- CVA -----\r\n  writeValue(val: string | null): void {\r\n    if (!this.inputRef) return;\r\n    if (!this.iti) {\r\n      this.pendingWrite = val ?? '';\r\n      return;\r\n    }\r\n    this.setInputValue(val ?? '');\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouchedCb = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n    if (this.inputRef) this.inputRef.nativeElement.disabled = isDisabled;\r\n  }\r\n\r\n  // ----- Validator -----\r\n  validate(_: AbstractControl): ValidationErrors | null {\r\n    const raw = this.currentRaw();\r\n    if (!raw) return null;\r\n    const valid = this.tel.isValid(raw, this.currentIso2());\r\n    if (valid !== this.lastEmittedValid) {\r\n      this.lastEmittedValid = valid;\r\n      this.validityChange.emit(valid);\r\n    }\r\n    return valid ? null : {phoneInvalid: true};\r\n  }\r\n\r\n  registerOnValidatorChange(fn: () => void): void {\r\n    this.validatorChange = fn;\r\n  }\r\n\r\n  // ----- Public helpers -----\r\n  focus(): void {\r\n    this.inputRef?.nativeElement.focus();\r\n    if (this.selectOnFocus) {\r\n      const el = this.inputRef.nativeElement;\r\n      queueMicrotask(() => el.setSelectionRange(0, el.value.length));\r\n    }\r\n  }\r\n\r\n  selectCountry(iso2: CountryCode): void {\r\n    if (this.iti) {\r\n      this.iti.setCountry(iso2.toLowerCase());\r\n      this.handleInput();\r\n    }\r\n  }\r\n\r\n  clearInput() {\r\n    this.setInputValue('');\r\n    this.handleInput();\r\n    this.inputRef.nativeElement.focus();\r\n  }\r\n\r\n  // ----- Plugin wiring -----\r\n  private async initIntlTelInput() {\r\n    const [{default: intlTelInput}] = await Promise.all([import('intl-tel-input')]);\r\n\r\n    const toLowerKeys = (m?: CountryMap) => {\r\n      if (!m) return undefined;\r\n      const out: Record<string, string> = {};\r\n      for (const k in m) {\r\n        if (Object.prototype.hasOwnProperty.call(m, k)) {\r\n          const v = (m as Record<string, string | undefined>)[k];\r\n          if (v != null) out[k.toLowerCase()] = v;\r\n        }\r\n      }\r\n      return out;\r\n    };\r\n\r\n    const config: any = {\r\n      initialCountry: this.initialCountry === 'auto' ? 'auto' : (this.initialCountry?.toLowerCase() || 'us'),\r\n      preferredCountries: (this.preferredCountries ?? []).map(c => c.toLowerCase()),\r\n      onlyCountries: (this.onlyCountries ?? []).map(c => c.toLowerCase()),\r\n      nationalMode: this.nationalMode,\r\n      allowDropdown: this.allowDropdown,\r\n      separateDialCode: this.separateDialCode,\r\n      geoIpLookup: (cb: (iso2: string) => void) => cb('us'),\r\n\r\n      // placeholders\r\n      autoPlaceholder: this.autoPlaceholder,\r\n      utilsScript: this.utilsScript,\r\n      customPlaceholder: this.customPlaceholder,\r\n\r\n      // localization\r\n      i18n: this.i18n,\r\n      localizedCountries: toLowerKeys(this.localizedCountries),\r\n\r\n      // dropdown container\r\n      dropdownContainer: this.dropdownAttachToBody && typeof document !== 'undefined' ? document.body : undefined\r\n    };\r\n\r\n    this.zone.runOutsideAngular(() => {\r\n      this.iti = intlTelInput(this.inputRef.nativeElement, config);\r\n    });\r\n\r\n    (this.inputRef.nativeElement as HTMLElement).style.setProperty('--tel-dd-z', String(this.dropdownZIndex));\r\n  }\r\n\r\n  private reinitPlugin() {\r\n    const current = this.currentRaw();\r\n    this.destroyPlugin();\r\n    this.initIntlTelInput().then(() => {\r\n      if (current) {\r\n        this.setInputValue(current);\r\n        this.handleInput();\r\n      }\r\n    });\r\n  }\r\n\r\n  private destroyPlugin() {\r\n    if (this.iti) {\r\n      this.iti.destroy();\r\n      this.iti = null;\r\n    }\r\n    if (this.inputRef?.nativeElement) {\r\n      const el = this.inputRef.nativeElement;\r\n      const clone = el.cloneNode(true) as HTMLInputElement;\r\n      el.parentNode?.replaceChild(clone, el);\r\n      (this.inputRef as any).nativeElement = clone;\r\n    }\r\n  }\r\n\r\n  // ----- Input filtering (digits-only) -----\r\n  private sanitizeDigits(value: string): string {\r\n    if (!this.digitsOnly) return value;\r\n    let v = value.replace(/[^\\d+]/g, '');\r\n    if (this.allowLeadingPlus) {\r\n      const hasLeadingPlus = v.startsWith('+');\r\n      v = (hasLeadingPlus ? '+' : '') + v.replace(/\\+/g, '');\r\n    } else {\r\n      v = v.replace(/\\+/g, '');\r\n    }\r\n    return v;\r\n  }\r\n\r\n  private bindDomListeners() {\r\n    const el = this.inputRef.nativeElement;\r\n\r\n    this.zone.runOutsideAngular(() => {\r\n      el.addEventListener('beforeinput', (ev: InputEvent) => {\r\n        if (!this.digitsOnly) return;\r\n        const data = (ev as any).data as string | null;\r\n        if (!data || ev.inputType !== 'insertText') return;\r\n\r\n        const pos = el.selectionStart ?? 0;\r\n        const isDigit = data >= '0' && data <= '9';\r\n        const isPlusAtStart = this.allowLeadingPlus && data === '+' && pos === 0 && !el.value.includes('+');\r\n\r\n        if (!isDigit && !isPlusAtStart) ev.preventDefault();\r\n      });\r\n\r\n      el.addEventListener('paste', (e: ClipboardEvent) => {\r\n        if (!this.digitsOnly) return;\r\n        e.preventDefault();\r\n        const text = (e.clipboardData || (window as any).clipboardData).getData('text');\r\n        const sanitized = this.sanitizeDigits(text);\r\n        const start = el.selectionStart ?? el.value.length;\r\n        const end = el.selectionEnd ?? el.value.length;\r\n        el.setRangeText(sanitized, start, end, 'end');\r\n        queueMicrotask(() => this.handleInput());\r\n      });\r\n\r\n      el.addEventListener('input', () => {\r\n        if (this.digitsOnly) {\r\n          const val = el.value;\r\n          const sanitized = this.sanitizeDigits(val);\r\n          if (val !== sanitized) {\r\n            const caret = el.selectionStart ?? sanitized.length;\r\n            el.value = sanitized;\r\n            el.setSelectionRange(caret, caret);\r\n          }\r\n        }\r\n        this.handleInput();\r\n      });\r\n\r\n      el.addEventListener('countrychange', () => {\r\n        const iso2 = this.currentIso2();\r\n        this.zone.run(() => {\r\n          this.countryChange.emit({iso2});\r\n          this.validatorChange?.();\r\n        });\r\n        this.handleInput();\r\n      });\r\n\r\n      el.addEventListener('blur', () => this.onBlur());\r\n    });\r\n  }\r\n\r\n  onBlur() {\r\n    this.touched = true;\r\n    this.zone.run(() => this.onTouchedCb());\r\n    if (!this.formatOnBlur) return;\r\n    const raw = this.currentRaw();\r\n    if (!raw) return;\r\n    const parsed = this.tel.parse(raw, this.currentIso2());\r\n    if (this.nationalMode && parsed.national) {\r\n      this.setInputValue((parsed.national || '').replace(/\\s{2,}/g, ' '));\r\n    }\r\n  }\r\n\r\n  onFocus() {\r\n    if (this.selectOnFocus) {\r\n      const el = this.inputRef.nativeElement;\r\n      queueMicrotask(() => el.setSelectionRange(0, el.value.length));\r\n    }\r\n  }\r\n\r\n  private handleInput() {\r\n    let raw = this.currentRaw();\r\n    const iso2 = this.currentIso2();\r\n\r\n    // live format while typing (optional)\r\n    if (this.formatWhenValid === 'typing' && raw) {\r\n      const formatted = this.formatAsYouType(raw, iso2);\r\n      if (formatted !== raw) {\r\n        // keep caret sane (end)\r\n        this.setInputValue(formatted);\r\n        raw = formatted;\r\n      }\r\n    }\r\n\r\n    const parsed = this.tel.parse(raw, iso2);\r\n    this.zone.run(() => this.onChange(parsed.e164)); // E.164 or null\r\n    this.zone.run(() => this.inputChange.emit({ raw, e164: parsed.e164, iso2 }));\r\n\r\n    // pretty print on blur already handled; keep this for nationalMode normalization\r\n    if (raw && this.nationalMode && parsed.national) {\r\n      const normalized = parsed.national.replace(/\\s{2,}/g, ' ');\r\n      if (normalized !== raw) this.setInputValue(normalized);\r\n    }\r\n  }\r\n\r\n  private formatAsYouType(raw: string, iso2: CountryCode): string {\r\n    try {\r\n      // When a region is provided, AsYouType returns NATIONAL formatting\r\n      const fmt = new AsYouType(iso2);\r\n      return fmt.input(raw);\r\n    } catch {\r\n      return raw;\r\n    }\r\n  }\r\n\r\n  currentRaw(): string {\r\n    return (this.inputRef?.nativeElement.value ?? '').trim();\r\n  }\r\n\r\n  private currentIso2(): CountryCode {\r\n    const iso2 = (this.iti?.getSelectedCountryData?.().iso2 ?? this.initialCountry ?? 'US')\r\n      .toString().toUpperCase();\r\n    return iso2 as CountryCode;\r\n  }\r\n\r\n  private setInputValue(v: string) {\r\n    this.inputRef.nativeElement.value = v ?? '';\r\n  }\r\n\r\n  get showError(): boolean {\r\n    const invalid = !!this.validate({} as AbstractControl);\r\n    return this.showErrorWhenTouched ? (this.touched && invalid) : invalid;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.NgxsmkTelInputService"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngxsmk-tel-input" />
+export * from './public-api';
+//# sourceMappingURL=ngxsmk-tel-input.d.ts.map

package/lib/ngxsmk-tel-input.component.d.ts

@@ -0,0 +1,94 @@
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { CountryCode } from 'libphonenumber-js';
+import { NgxsmkTelInputService } from './ngxsmk-tel-input.service';
+import { CountryMap, IntlTelI18n } from './types';
+import * as i0 from "@angular/core";
+export declare class NgxsmkTelInputComponent implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {
+    private readonly zone;
+    private readonly tel;
+    inputRef: ElementRef<HTMLInputElement>;
+    initialCountry: CountryCode | 'auto';
+    preferredCountries: CountryCode[];
+    onlyCountries?: CountryCode[];
+    nationalMode: boolean;
+    separateDialCode: boolean;
+    allowDropdown: boolean;
+    placeholder?: string;
+    autocomplete: string;
+    name?: string;
+    inputId?: string;
+    disabled: boolean;
+    label?: string;
+    hint?: string;
+    errorText?: string;
+    size: 'sm' | 'md' | 'lg';
+    variant: 'outline' | 'filled' | 'underline';
+    showClear: boolean;
+    autoFocus: boolean;
+    selectOnFocus: boolean;
+    formatOnBlur: boolean;
+    showErrorWhenTouched: boolean;
+    dropdownAttachToBody: boolean;
+    dropdownZIndex: number;
+    i18n?: IntlTelI18n;
+    set telI18n(v: IntlTelI18n | undefined);
+    localizedCountries?: CountryMap;
+    set telLocalizedCountries(v: CountryMap | undefined);
+    clearAriaLabel: string;
+    dir: 'ltr' | 'rtl';
+    autoPlaceholder: 'off' | 'polite' | 'aggressive';
+    utilsScript?: string;
+    customPlaceholder?: (example: string, country: any) => string;
+    formatWhenValid: 'off' | 'blur' | 'typing';
+    digitsOnly: boolean;
+    allowLeadingPlus: boolean;
+    countryChange: EventEmitter<{
+        iso2: CountryCode;
+    }>;
+    validityChange: EventEmitter<boolean>;
+    inputChange: EventEmitter<{
+        raw: string;
+        e164: string | null;
+        iso2: CountryCode;
+    }>;
+    private iti;
+    private onChange;
+    private onTouchedCb;
+    private validatorChange?;
+    private lastEmittedValid;
+    private pendingWrite;
+    private touched;
+    readonly resolvedId: string;
+    private readonly platformId;
+    constructor(zone: NgZone, tel: NgxsmkTelInputService);
+    ngAfterViewInit(): void;
+    private initAndWire;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    writeValue(val: string | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(_: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    focus(): void;
+    selectCountry(iso2: CountryCode): void;
+    clearInput(): void;
+    private initIntlTelInput;
+    private reinitPlugin;
+    private destroyPlugin;
+    private sanitizeDigits;
+    private bindDomListeners;
+    onBlur(): void;
+    onFocus(): void;
+    private handleInput;
+    private formatAsYouType;
+    currentRaw(): string;
+    private currentIso2;
+    private setInputValue;
+    get showError(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkTelInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkTelInputComponent, "ngxsmk-tel-input", never, { "initialCountry": { "alias": "initialCountry"; "required": false; }; "preferredCountries": { "alias": "preferredCountries"; "required": false; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; }; "nationalMode": { "alias": "nationalMode"; "required": false; }; "separateDialCode": { "alias": "separateDialCode"; "required": false; }; "allowDropdown": { "alias": "allowDropdown"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "formatOnBlur": { "alias": "formatOnBlur"; "required": false; }; "showErrorWhenTouched": { "alias": "showErrorWhenTouched"; "required": false; }; "dropdownAttachToBody": { "alias": "dropdownAttachToBody"; "required": false; }; "dropdownZIndex": { "alias": "dropdownZIndex"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "telI18n": { "alias": "telI18n"; "required": false; }; "localizedCountries": { "alias": "localizedCountries"; "required": false; }; "telLocalizedCountries": { "alias": "telLocalizedCountries"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "autoPlaceholder": { "alias": "autoPlaceholder"; "required": false; }; "utilsScript": { "alias": "utilsScript"; "required": false; }; "customPlaceholder": { "alias": "customPlaceholder"; "required": false; }; "formatWhenValid": { "alias": "formatWhenValid"; "required": false; }; "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowLeadingPlus": { "alias": "allowLeadingPlus"; "required": false; }; }, { "countryChange": "countryChange"; "validityChange": "validityChange"; "inputChange": "inputChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=ngxsmk-tel-input.component.d.ts.map

package/lib/ngxsmk-tel-input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-tel-input.component.d.ts","sourceRoot":"","sources":["../../../projects/ngxsmk-tel-input/src/lib/ngxsmk-tel-input.component.ts"],"names":[],"mappings":"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"}

package/lib/ngxsmk-tel-input.service.d.ts

@@ -0,0 +1,13 @@
+import { type CountryCode } from 'libphonenumber-js';
+import * as i0 from "@angular/core";
+export declare class NgxsmkTelInputService {
+    parse(input: string, iso2: CountryCode): {
+        e164: string | null;
+        national: string | null;
+        isValid: boolean;
+    };
+    isValid(input: string, iso2: CountryCode): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkTelInputService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxsmkTelInputService>;
+}
+//# sourceMappingURL=ngxsmk-tel-input.service.d.ts.map

package/lib/ngxsmk-tel-input.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-tel-input.service.d.ts","sourceRoot":"","sources":["../../../projects/ngxsmk-tel-input/src/lib/ngxsmk-tel-input.service.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;;AAEjF,qBACa,qBAAqB;IAChC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG;QAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE;IAO3G,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,OAAO;yCARvC,qBAAqB;6CAArB,qBAAqB;CAYjC"}

package/lib/types.d.ts

@@ -0,0 +1,10 @@
+import type { CountryCode } from 'libphonenumber-js';
+export type CountryMap = Partial<Record<CountryCode, string>>;
+export interface IntlTelI18n {
+    selectedCountryAriaLabel?: string;
+    countryListAriaLabel?: string;
+    searchPlaceholder?: string;
+    zeroSearchResults?: string;
+    noCountrySelected?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../projects/ngxsmk-tel-input/src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/ngxsmk-tel-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsmk-tel-input.d.ts","sourceRoot":"","sources":["../../projects/ngxsmk-tel-input/src/ngxsmk-tel-input.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngxsmk-tel-input",
-  "version": "1.3.9",
+  "version": "1.4.1",
   "description": "Angular international telephone input (intl-tel-input UI + libphonenumber-js validation). ControlValueAccessor. SSR-safe.",
   "license": "MIT",
   "sideEffects": false,
@@ -20,16 +20,6 @@
   "bugs": {
     "url": "https://github.com/toozuuu/ngxsmk-tel-input/issues"
   },
-  "schematics": "./schematics/collection.json",
-  "files": [
-    "bundles/",
-    "fesm*",
-    "esm*",
-    "schematics/",
-    "migrations/",
-    "README.md",
-    "LICENSE"
-  ],
   "keywords": [
     "ngxsmk-tel-input",
     "angular",

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export { NgxsmkTelInputComponent } from './lib/ngxsmk-tel-input.component';
+export { NgxsmkTelInputService } from './lib/ngxsmk-tel-input.service';
+export type { IntlTelI18n, CountryMap } from './lib/types';
+//# sourceMappingURL=public-api.d.ts.map

package/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/ngxsmk-tel-input/src/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/schematics/collection.json

@@ -1,9 +0,0 @@
-{
-  "$schema": "http://json.schemastore.org/schematics",
-  "schematics": {
-    "ng-add": {
-      "description": "Wire peer deps and intl-tel-input assets/styles",
-      "factory": "./ng-add/index.js"
-    }
-  }
-}

package/schematics/ng-add/index.ts

@@ -1,59 +0,0 @@
-import { Rule, SchematicContext, Tree, chain } from '@angular-devkit/schematics';
-import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
-import { addPackageJsonDependency, NodeDependencyType } from '@schematics/angular/utility/dependencies';
-import { updateWorkspace } from '@schematics/angular/utility/workspace';
-
-export default function ngAdd(): Rule {
-  return chain([
-    // 1) add peer deps and trigger install
-    (tree: Tree, ctx: SchematicContext) => {
-      addPackageJsonDependency(tree, {
-        type: NodeDependencyType.Default,
-        name: 'intl-tel-input',
-        version: '^25.3.2',
-      });
-      addPackageJsonDependency(tree, {
-        type: NodeDependencyType.Default,
-        name: 'libphonenumber-js',
-        version: '^1.12.11',
-      });
-      ctx.addTask(new NodePackageInstallTask());
-      ctx.logger.info('✅ Added intl-tel-input and libphonenumber-js to package.json');
-      return tree;
-    },
-
-    // 2) update angular.json (styles + assets) and persist via updateWorkspace
-    updateWorkspace((workspace) => {
-      const defaultProjectName =
-        (workspace.extensions['defaultProject'] as string) ??
-        workspace.projects.keys().next().value;
-
-      const project = defaultProjectName ? workspace.projects.get(defaultProjectName) : undefined;
-      if (!project) return;
-
-      const build = project.targets.get('build');
-      if (!build || !build.options) return;
-
-      const opts = build.options as any;
-
-      // add CSS
-      const cssPath = 'node_modules/intl-tel-input/build/css/intlTelInput.css';
-      const styles: any[] = Array.isArray(opts.styles) ? opts.styles : [];
-      if (!styles.includes(cssPath)) styles.push(cssPath);
-      opts.styles = styles;
-
-      // add flag assets
-      const flagsEntry = {
-        glob: '**/*',
-        input: 'node_modules/intl-tel-input/build/img',
-        output: 'assets/intl-tel-input/img',
-      };
-      const assets: any[] = Array.isArray(opts.assets) ? opts.assets : [];
-      const hasFlags = assets.some(
-        (a) => a && a.input === flagsEntry.input && a.output === flagsEntry.output
-      );
-      if (!hasFlags) assets.push(flagsEntry);
-      opts.assets = assets;
-    }),
-  ]);
-}