ngxsmk-tel-input 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# ngxsmkTelInput
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build ngxsmk-tel-input
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/ngxsmk-tel-input
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/ngxsmk-tel-input.mjs

@@ -0,0 +1,377 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Optional, Inject, Injectable, EventEmitter, PLATFORM_ID, forwardRef, Output, Input, ViewChild, Component } from '@angular/core';
+import { parsePhoneNumberFromString, AsYouType } from 'libphonenumber-js';
+import { isPlatformBrowser } from '@angular/common';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+
+const ngxsmk_TEL_DEFAULTS = new InjectionToken('ngxsmk_TEL_DEFAULTS');
+class ngxsmkTelInputService {
+    defaults = {
+        defaultCountry: 'US',
+        nationalMode: false
+    };
+    constructor(cfg) {
+        this.defaults = { ...this.defaults, ...(cfg ?? {}) };
+    }
+    /** Update defaults at runtime if you need to (multi-tenant apps, theming, etc.) */
+    setDefaults(partial) {
+        this.defaults = { ...this.defaults, ...partial };
+    }
+    getDefaults() {
+        return this.defaults;
+    }
+    /** Fast check: '+...' → true-ish shape (not full validation) */
+    looksLikeE164(v) {
+        return !!v && /^\+\d{3,}$/.test(v);
+    }
+    /**
+     * Parse any user input into structured data.
+     * - If input starts with +, region is inferred from the number.
+     * - Else uses provided `country` or the configured default.
+     */
+    parse(input, country) {
+        const raw = (input ?? '').trim();
+        if (!raw)
+            return { e164: null, isValid: false };
+        const region = this.looksLikeE164(raw) ? undefined : (country ?? this.defaults.defaultCountry);
+        const pn = parsePhoneNumberFromString(raw, region);
+        if (!pn)
+            return { e164: null, isValid: false };
+        const isValid = pn.isValid();
+        return {
+            e164: isValid ? pn.number : null,
+            national: pn.formatNational(),
+            international: pn.formatInternational(),
+            country: pn.country,
+            isValid,
+            raw: pn
+        };
+    }
+    /** Validate a number (raw user input or E.164). Optionally force region. */
+    isValid(input, country) {
+        return this.parse(input, country).isValid;
+    }
+    /** Format to E.164 (or null if invalid) */
+    toE164(input, country) {
+        return this.parse(input, country).e164;
+    }
+    /** Format nicely for display (international vs national) */
+    formatDisplay(input, opts) {
+        const { international = !this.defaults.nationalMode, country } = opts ?? {};
+        const p = this.parse(input, country);
+        if (!p.raw)
+            return input;
+        return international ? p.raw.formatInternational() : p.raw.formatNational();
+    }
+    /** As-you-type formatting for text inputs (pure function) */
+    asYouType(nextText, country) {
+        const region = country ?? this.defaults.defaultCountry;
+        const ayt = new AsYouType(region);
+        return ayt.input(nextText ?? '');
+    }
+    /** Infer country from E.164 or raw input (best effort) */
+    inferCountry(input) {
+        const p = this.parse(input);
+        return p.country;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ngxsmkTelInputService, deps: [{ token: ngxsmk_TEL_DEFAULTS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵ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' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ngxsmk_TEL_DEFAULTS]
+                }] }] });
+
+class ngxsmkTelInputComponent {
+    zone;
+    tel;
+    platformId;
+    inputRef;
+    // ===== Inputs (public API) =====
+    /** Initial country (ISO2) or 'auto' to pick a default via geoIpLookup stub */
+    initialCountry = 'US';
+    /** Preferred countries on top of the dropdown */
+    preferredCountries = ['US', 'GB'];
+    /** Limit to these countries only (omit for all) */
+    onlyCountries;
+    /** Show national numbers instead of E.164 in the box (emits E.164) */
+    nationalMode = false;
+    /** Show the dial code separately before the input (intl-tel-input option) */
+    separateDialCode = false;
+    /** Allow opening the country dropdown */
+    allowDropdown = true;
+    /** Plain input attributes */
+    placeholder = 'Enter phone number';
+    autocomplete = 'tel';
+    name;
+    inputId;
+    /** Disabled state (also settable via Angular Forms) */
+    disabled = false;
+    // ===== Outputs =====
+    countryChange = new EventEmitter();
+    validityChange = new EventEmitter();
+    // ===== Internal =====
+    iti = null;
+    onChange = () => {
+    };
+    onTouched = () => {
+    };
+    lastEmittedValid = false;
+    pendingWrite = null; // cache writeValue before plugin ready
+    constructor(zone, tel, platformId) {
+        this.zone = zone;
+        this.tel = tel;
+        this.platformId = platformId;
+    }
+    // ========== Lifecycle ==========
+    async ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        await this.initIntlTelInput();
+        this.bindDomListeners();
+        // apply any pending value from writeValue
+        if (this.pendingWrite !== null) {
+            this.setInputValue(this.pendingWrite);
+            this.handleInput();
+            this.pendingWrite = null;
+        }
+    }
+    ngOnChanges(changes) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        // If config inputs changed after init, re-init the plugin (safe & simple)
+        const configChanged = ['initialCountry', 'preferredCountries', 'onlyCountries', 'separateDialCode', 'allowDropdown', 'nationalMode']
+            .some(k => k in changes && !changes[k].firstChange);
+        if (configChanged && this.iti) {
+            this.reinitPlugin();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyPlugin();
+    }
+    // ========== ControlValueAccessor ==========
+    writeValue(val) {
+        if (!this.inputRef)
+            return;
+        if (!this.iti) {
+            // cache until plugin is ready
+            this.pendingWrite = val ?? '';
+            return;
+        }
+        this.setInputValue(val ?? '');
+        // Do not trigger onChange here; writeValue is programmatic
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (this.inputRef)
+            this.inputRef.nativeElement.disabled = isDisabled;
+    }
+    // ========== Validator ==========
+    validate(_) {
+        const raw = this.currentRaw();
+        if (!raw)
+            return null; // let "required" handle empties
+        const valid = this.tel.isValid(raw, this.currentIso2());
+        if (valid !== this.lastEmittedValid) {
+            this.lastEmittedValid = valid;
+            this.validityChange.emit(valid);
+        }
+        return valid ? null : { phoneInvalid: true };
+    }
+    // ========== Public Helpers ==========
+    focus() {
+        this.inputRef?.nativeElement.focus();
+    }
+    selectCountry(iso2) {
+        if (this.iti) {
+            this.iti.setCountry(iso2.toLowerCase());
+            this.handleInput();
+        }
+    }
+    markTouched() {
+        this.onTouched();
+    }
+    // ========== Private: DOM & Plugin ==========
+    async initIntlTelInput() {
+        const [{ default: intlTelInput }] = await Promise.all([
+            import('intl-tel-input'),
+        ]);
+        // Minimal config – we rely on ngxsmkTelInputService for validation/formatting
+        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,
+            // If initialCountry is 'auto', provide a trivial geoIpLookup (customize in your app)
+            geoIpLookup: (cb) => cb('us'),
+            utilsScript: undefined // keep bundle small; we use libphonenumber-js via the service
+        };
+        this.zone.runOutsideAngular(() => {
+            this.iti = intlTelInput(this.inputRef.nativeElement, config);
+        });
+    }
+    reinitPlugin() {
+        this.destroyPlugin();
+        // keep current value
+        const current = this.currentRaw();
+        this.initIntlTelInput().then(() => {
+            if (current) {
+                this.setInputValue(current);
+                this.handleInput();
+            }
+        });
+    }
+    destroyPlugin() {
+        if (this.iti) {
+            this.iti.destroy();
+            this.iti = null;
+        }
+        // remove listeners by cloning node (simple & safe)
+        if (this.inputRef?.nativeElement) {
+            const el = this.inputRef.nativeElement;
+            const clone = el.cloneNode(true);
+            el.parentNode?.replaceChild(clone, el);
+            // update reference
+            this.inputRef.nativeElement = clone;
+        }
+    }
+    bindDomListeners() {
+        const el = this.inputRef.nativeElement;
+        this.zone.runOutsideAngular(() => {
+            el.addEventListener('input', () => this.handleInput());
+            el.addEventListener('countrychange', () => {
+                const iso2 = this.currentIso2();
+                this.zone.run(() => this.countryChange.emit({ iso2 }));
+                this.handleInput();
+            });
+            el.addEventListener('paste', () => queueMicrotask(() => this.handleInput()));
+            el.addEventListener('blur', () => this.zone.run(() => this.onTouched()));
+        });
+    }
+    handleInput() {
+        const raw = this.currentRaw();
+        const iso2 = this.currentIso2();
+        const parsed = this.tel.parse(raw, iso2);
+        // Emit E.164 (or null if invalid)
+        this.zone.run(() => this.onChange(parsed.e164));
+        // Optional: present national vs. international in the box without fighting the user
+        // We only normalize whitespace; avoid aggressive reformatting to preserve caret.
+        if (raw && this.nationalMode && parsed.national) {
+            // Replace double spaces etc. (intl-tel-input already styles)
+            const normalized = parsed.national.replace(/\s{2,}/g, ' ');
+            if (normalized !== raw)
+                this.setInputValue(normalized);
+        }
+    }
+    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 ?? '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ngxsmkTelInputComponent, deps: [{ token: i0.NgZone }, { token: ngxsmkTelInputService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.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" }, outputs: { countryChange: "countryChange", validityChange: "validityChange" }, 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-input__wrapper">
+      <input
+        #telInput
+        type="tel"
+        class="ngxsmk-tel-input__control"
+        [id]="inputId || null"
+        [attr.name]="name || null"
+        [attr.placeholder]="placeholder || null"
+        [attr.autocomplete]="autocomplete"
+        [disabled]="disabled"
+        (blur)="markTouched()"
+      />
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ngxsmkTelInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngxsmk-tel-input',
+                    standalone: true,
+                    template: `
+    <div class="ngxsmk-tel-input__wrapper">
+      <input
+        #telInput
+        type="tel"
+        class="ngxsmk-tel-input__control"
+        [id]="inputId || null"
+        [attr.name]="name || null"
+        [attr.placeholder]="placeholder || null"
+        [attr.autocomplete]="autocomplete"
+        [disabled]="disabled"
+        (blur)="markTouched()"
+      />
+    </div>
+  `,
+                    providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ngxsmkTelInputComponent), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => ngxsmkTelInputComponent), multi: true }
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: ngxsmkTelInputService }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], 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
+            }], countryChange: [{
+                type: Output
+            }], validityChange: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of ngxsmk-tel-input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ngxsmkTelInputComponent, ngxsmkTelInputService, ngxsmk_TEL_DEFAULTS };
+//# 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/public-api.ts","../../../projects/ngxsmk-tel-input/src/ngxsmk-tel-input.ts"],"sourcesContent":["import { Inject, Injectable, InjectionToken, Optional } from '@angular/core';\r\nimport {\r\n  AsYouType,\r\n  CountryCode,\r\n  parsePhoneNumberFromString,\r\n  PhoneNumber\r\n} from 'libphonenumber-js';\r\n\r\nexport type E164 = `+${string}`;\r\n\r\nexport interface ngxsmkTelDefaults {\r\n  /** Default country used when input is not in international form */\r\n  defaultCountry?: CountryCode;\r\n  /** If true, treat input/formatting as national by default */\r\n  nationalMode?: boolean;\r\n}\r\n\r\nexport const ngxsmk_TEL_DEFAULTS = new InjectionToken<ngxsmkTelDefaults>('ngxsmk_TEL_DEFAULTS');\r\n\r\n/** Result of parsing a phone input */\r\nexport interface ParsedPhone {\r\n  /** E.164 (+123...) if valid/parsable, else null */\r\n  e164: E164 | null;\r\n  /** National-formatted number (e.g., (415) 555-0123) */\r\n  national?: string;\r\n  /** International formatted number (e.g., +1 415 555 0123) */\r\n  international?: string;\r\n  /** 2-letter ISO country inferred by parser, if any */\r\n  country?: CountryCode;\r\n  /** Whether the number is valid for the country/region */\r\n  isValid: boolean;\r\n  /** Raw libphonenumber-js instance (optional) */\r\n  raw?: PhoneNumber;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class ngxsmkTelInputService {\r\n  private defaults: Required<ngxsmkTelDefaults> = {\r\n    defaultCountry: 'US',\r\n    nationalMode: false\r\n  };\r\n\r\n  constructor(@Optional() @Inject(ngxsmk_TEL_DEFAULTS) cfg?: ngxsmkTelDefaults) {\r\n    this.defaults = { ...this.defaults, ...(cfg ?? {}) };\r\n  }\r\n\r\n  /** Update defaults at runtime if you need to (multi-tenant apps, theming, etc.) */\r\n  setDefaults(partial: ngxsmkTelDefaults) {\r\n    this.defaults = { ...this.defaults, ...partial };\r\n  }\r\n\r\n  getDefaults(): Readonly<Required<ngxsmkTelDefaults>> {\r\n    return this.defaults;\r\n  }\r\n\r\n  /** Fast check: '+...' → true-ish shape (not full validation) */\r\n  looksLikeE164(v?: string | null): v is E164 {\r\n    return !!v && /^\\+\\d{3,}$/.test(v);\r\n  }\r\n\r\n  /**\r\n   * Parse any user input into structured data.\r\n   * - If input starts with +, region is inferred from the number.\r\n   * - Else uses provided `country` or the configured default.\r\n   */\r\n  parse(input: string | null | undefined, country?: CountryCode): ParsedPhone {\r\n    const raw = (input ?? '').trim();\r\n    if (!raw) return { e164: null, isValid: false };\r\n\r\n    const region = this.looksLikeE164(raw) ? undefined : (country ?? this.defaults.defaultCountry);\r\n    const pn = parsePhoneNumberFromString(raw, region);\r\n\r\n    if (!pn) return { e164: null, isValid: false };\r\n\r\n    const isValid = pn.isValid();\r\n    return {\r\n      e164: isValid ? (pn.number as E164) : null,\r\n      national: pn.formatNational(),\r\n      international: pn.formatInternational(),\r\n      country: pn.country as CountryCode | undefined,\r\n      isValid,\r\n      raw: pn\r\n    };\r\n  }\r\n\r\n  /** Validate a number (raw user input or E.164). Optionally force region. */\r\n  isValid(input: string, country?: CountryCode): boolean {\r\n    return this.parse(input, country).isValid;\r\n  }\r\n\r\n  /** Format to E.164 (or null if invalid) */\r\n  toE164(input: string, country?: CountryCode): E164 | null {\r\n    return this.parse(input, country).e164;\r\n  }\r\n\r\n  /** Format nicely for display (international vs national) */\r\n  formatDisplay(input: string, opts?: { international?: boolean; country?: CountryCode }): string {\r\n    const { international = !this.defaults.nationalMode, country } = opts ?? {};\r\n    const p = this.parse(input, country);\r\n    if (!p.raw) return input;\r\n    return international ? p.raw.formatInternational() : p.raw.formatNational();\r\n  }\r\n\r\n  /** As-you-type formatting for text inputs (pure function) */\r\n  asYouType(nextText: string, country?: CountryCode): string {\r\n    const region = country ?? this.defaults.defaultCountry;\r\n    const ayt = new AsYouType(region);\r\n    return ayt.input(nextText ?? '');\r\n  }\r\n\r\n  /** Infer country from E.164 or raw input (best effort) */\r\n  inferCountry(input: string): CountryCode | undefined {\r\n    const p = this.parse(input);\r\n    return p.country;\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} from '@angular/forms';\r\nimport type {CountryCode} from 'libphonenumber-js';\r\nimport {ngxsmkTelInputService} from './ngxsmk-tel-input.service';\r\n\r\ntype IntlTelInstance = any; // keep loose to avoid typing the plugin's full API\r\n\r\n@Component({\r\n  selector: 'ngxsmk-tel-input',\r\n  standalone: true,\r\n  template: `\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]=\"inputId || null\"\r\n        [attr.name]=\"name || null\"\r\n        [attr.placeholder]=\"placeholder || null\"\r\n        [attr.autocomplete]=\"autocomplete\"\r\n        [disabled]=\"disabled\"\r\n        (blur)=\"markTouched()\"\r\n      />\r\n    </div>\r\n  `,\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\r\n  implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {\r\n  @ViewChild('telInput', {static: true}) inputRef!: ElementRef<HTMLInputElement>;\r\n\r\n  // ===== Inputs (public API) =====\r\n  /** Initial country (ISO2) or 'auto' to pick a default via geoIpLookup stub */\r\n  @Input() initialCountry: CountryCode | 'auto' = 'US';\r\n  /** Preferred countries on top of the dropdown */\r\n  @Input() preferredCountries: CountryCode[] = ['US', 'GB'];\r\n  /** Limit to these countries only (omit for all) */\r\n  @Input() onlyCountries?: CountryCode[];\r\n  /** Show national numbers instead of E.164 in the box (emits E.164) */\r\n  @Input() nationalMode = false;\r\n  /** Show the dial code separately before the input (intl-tel-input option) */\r\n  @Input() separateDialCode = false;\r\n  /** Allow opening the country dropdown */\r\n  @Input() allowDropdown = true;\r\n\r\n  /** Plain input attributes */\r\n  @Input() placeholder = 'Enter phone number';\r\n  @Input() autocomplete = 'tel';\r\n  @Input() name?: string;\r\n  @Input() inputId?: string;\r\n\r\n  /** Disabled state (also settable via Angular Forms) */\r\n  @Input() disabled = false;\r\n\r\n  // ===== Outputs =====\r\n  @Output() countryChange = new EventEmitter<{ iso2: CountryCode }>();\r\n  @Output() validityChange = new EventEmitter<boolean>();\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 onTouched: () => void = () => {\r\n  };\r\n  private lastEmittedValid = false;\r\n  private pendingWrite: string | null = null; // cache writeValue before plugin ready\r\n\r\n  constructor(\r\n    private readonly zone: NgZone,\r\n    private readonly tel: ngxsmkTelInputService,\r\n    @Inject(PLATFORM_ID) private readonly platformId: Object\r\n  ) {\r\n  }\r\n\r\n  // ========== Lifecycle ==========\r\n  async ngAfterViewInit() {\r\n    if (!isPlatformBrowser(this.platformId)) return;\r\n\r\n    await this.initIntlTelInput();\r\n    this.bindDomListeners();\r\n\r\n    // apply any pending value from writeValue\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  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (!isPlatformBrowser(this.platformId)) return;\r\n\r\n    // If config inputs changed after init, re-init the plugin (safe & simple)\r\n    const configChanged = ['initialCountry', 'preferredCountries', 'onlyCountries', 'separateDialCode', 'allowDropdown', 'nationalMode']\r\n      .some(k => k in changes && !changes[k].firstChange);\r\n\r\n    if (configChanged && this.iti) {\r\n      this.reinitPlugin();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyPlugin();\r\n  }\r\n\r\n  // ========== ControlValueAccessor ==========\r\n  writeValue(val: string | null): void {\r\n    if (!this.inputRef) return;\r\n    if (!this.iti) {\r\n      // cache until plugin is ready\r\n      this.pendingWrite = val ?? '';\r\n      return;\r\n    }\r\n    this.setInputValue(val ?? '');\r\n    // Do not trigger onChange here; writeValue is programmatic\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.onTouched = 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; // let \"required\" handle empties\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  // ========== Public Helpers ==========\r\n  focus(): void {\r\n    this.inputRef?.nativeElement.focus();\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  markTouched() {\r\n    this.onTouched();\r\n  }\r\n\r\n  // ========== Private: DOM & Plugin ==========\r\n  private async initIntlTelInput() {\r\n    const [{default: intlTelInput}] = await Promise.all([\r\n      import('intl-tel-input'),\r\n    ]);\r\n\r\n    // Minimal config – we rely on ngxsmkTelInputService for validation/formatting\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      // If initialCountry is 'auto', provide a trivial geoIpLookup (customize in your app)\r\n      geoIpLookup: (cb: (iso2: string) => void) => cb('us'),\r\n      utilsScript: undefined // keep bundle small; we use libphonenumber-js via the service\r\n    };\r\n\r\n    this.zone.runOutsideAngular(() => {\r\n      this.iti = intlTelInput(this.inputRef.nativeElement, config);\r\n    });\r\n  }\r\n\r\n  private reinitPlugin() {\r\n    this.destroyPlugin();\r\n    // keep current value\r\n    const current = this.currentRaw();\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    // remove listeners by cloning node (simple & safe)\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      // update reference\r\n      (this.inputRef as any).nativeElement = clone;\r\n    }\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('input', () => this.handleInput());\r\n      el.addEventListener('countrychange', () => {\r\n        const iso2 = this.currentIso2();\r\n        this.zone.run(() => this.countryChange.emit({iso2}));\r\n        this.handleInput();\r\n      });\r\n      el.addEventListener('paste', () => queueMicrotask(() => this.handleInput()));\r\n      el.addEventListener('blur', () => this.zone.run(() => this.onTouched()));\r\n    });\r\n  }\r\n\r\n  private handleInput() {\r\n    const raw = this.currentRaw();\r\n    const iso2 = this.currentIso2();\r\n\r\n    const parsed = this.tel.parse(raw, iso2);\r\n    // Emit E.164 (or null if invalid)\r\n    this.zone.run(() => this.onChange(parsed.e164));\r\n\r\n    // Optional: present national vs. international in the box without fighting the user\r\n    // We only normalize whitespace; avoid aggressive reformatting to preserve caret.\r\n    if (raw && this.nationalMode && parsed.national) {\r\n      // Replace double spaces etc. (intl-tel-input already styles)\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 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').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","/*\r\n * Public API Surface of ngxsmk-tel-input\r\n */\r\n\r\nexport * from './lib/ngxsmk-tel-input.service';\r\nexport * from './lib/ngxsmk-tel-input.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

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

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

@@ -0,0 +1,61 @@
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
+import type { CountryCode } from 'libphonenumber-js';
+import { ngxsmkTelInputService } from './ngxsmk-tel-input.service';
+import * as i0 from "@angular/core";
+export declare class ngxsmkTelInputComponent implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
+    private readonly zone;
+    private readonly tel;
+    private readonly platformId;
+    inputRef: ElementRef<HTMLInputElement>;
+    /** Initial country (ISO2) or 'auto' to pick a default via geoIpLookup stub */
+    initialCountry: CountryCode | 'auto';
+    /** Preferred countries on top of the dropdown */
+    preferredCountries: CountryCode[];
+    /** Limit to these countries only (omit for all) */
+    onlyCountries?: CountryCode[];
+    /** Show national numbers instead of E.164 in the box (emits E.164) */
+    nationalMode: boolean;
+    /** Show the dial code separately before the input (intl-tel-input option) */
+    separateDialCode: boolean;
+    /** Allow opening the country dropdown */
+    allowDropdown: boolean;
+    /** Plain input attributes */
+    placeholder: string;
+    autocomplete: string;
+    name?: string;
+    inputId?: string;
+    /** Disabled state (also settable via Angular Forms) */
+    disabled: boolean;
+    countryChange: EventEmitter<{
+        iso2: CountryCode;
+    }>;
+    validityChange: EventEmitter<boolean>;
+    private iti;
+    private onChange;
+    private onTouched;
+    private lastEmittedValid;
+    private pendingWrite;
+    constructor(zone: NgZone, tel: ngxsmkTelInputService, platformId: Object);
+    ngAfterViewInit(): Promise<void>;
+    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;
+    focus(): void;
+    selectCountry(iso2: CountryCode): void;
+    markTouched(): void;
+    private initIntlTelInput;
+    private reinitPlugin;
+    private destroyPlugin;
+    private bindDomListeners;
+    private handleInput;
+    private currentRaw;
+    private currentIso2;
+    private setInputValue;
+    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; }; }, { "countryChange": "countryChange"; "validityChange": "validityChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,56 @@
+import { InjectionToken } from '@angular/core';
+import { CountryCode, PhoneNumber } from 'libphonenumber-js';
+import * as i0 from "@angular/core";
+export type E164 = `+${string}`;
+export interface ngxsmkTelDefaults {
+    /** Default country used when input is not in international form */
+    defaultCountry?: CountryCode;
+    /** If true, treat input/formatting as national by default */
+    nationalMode?: boolean;
+}
+export declare const ngxsmk_TEL_DEFAULTS: InjectionToken<ngxsmkTelDefaults>;
+/** Result of parsing a phone input */
+export interface ParsedPhone {
+    /** E.164 (+123...) if valid/parsable, else null */
+    e164: E164 | null;
+    /** National-formatted number (e.g., (415) 555-0123) */
+    national?: string;
+    /** International formatted number (e.g., +1 415 555 0123) */
+    international?: string;
+    /** 2-letter ISO country inferred by parser, if any */
+    country?: CountryCode;
+    /** Whether the number is valid for the country/region */
+    isValid: boolean;
+    /** Raw libphonenumber-js instance (optional) */
+    raw?: PhoneNumber;
+}
+export declare class ngxsmkTelInputService {
+    private defaults;
+    constructor(cfg?: ngxsmkTelDefaults);
+    /** Update defaults at runtime if you need to (multi-tenant apps, theming, etc.) */
+    setDefaults(partial: ngxsmkTelDefaults): void;
+    getDefaults(): Readonly<Required<ngxsmkTelDefaults>>;
+    /** Fast check: '+...' → true-ish shape (not full validation) */
+    looksLikeE164(v?: string | null): v is E164;
+    /**
+     * Parse any user input into structured data.
+     * - If input starts with +, region is inferred from the number.
+     * - Else uses provided `country` or the configured default.
+     */
+    parse(input: string | null | undefined, country?: CountryCode): ParsedPhone;
+    /** Validate a number (raw user input or E.164). Optionally force region. */
+    isValid(input: string, country?: CountryCode): boolean;
+    /** Format to E.164 (or null if invalid) */
+    toE164(input: string, country?: CountryCode): E164 | null;
+    /** Format nicely for display (international vs national) */
+    formatDisplay(input: string, opts?: {
+        international?: boolean;
+        country?: CountryCode;
+    }): string;
+    /** As-you-type formatting for text inputs (pure function) */
+    asYouType(nextText: string, country?: CountryCode): string;
+    /** Infer country from E.164 or raw input (best effort) */
+    inferCountry(input: string): CountryCode | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ngxsmkTelInputService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ngxsmkTelInputService>;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "ngxsmk-tel-input",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ngxsmk-tel-input.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ngxsmk-tel-input.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/ngxsmk-tel-input.service';
+export * from './lib/ngxsmk-tel-input.component';