@crodriguezdominguez/ion-intl-tel-input 2.0.0

package/lib/ion-intl-tel-input/ion-intl-tel-input.component.d.ts

@@ -0,0 +1,310 @@
+import { OnInit, EventEmitter, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { IonInput, ModalController, Platform } from '@ionic/angular';
+import { CountryI } from '../models/country.model';
+import { IonIntlTelInputService } from '../ion-intl-tel-input.service';
+import * as i0 from "@angular/core";
+/**
+ * @ignore
+ */
+export declare class IonIntlTelInputComponent implements ControlValueAccessor, OnInit, OnChanges {
+    private el;
+    private platform;
+    private ionIntlTelInputService;
+    private modalCtrl;
+    cssClass: boolean;
+    isIos: boolean;
+    isMD: boolean;
+    hasFocus: any;
+    get hasValueCssClass(): boolean;
+    get isEnabled(): boolean;
+    /**
+     * autocomplete, set to 'tel' if needed
+     *
+     * @default 'off'
+     * @memberof IonIntlTelInputComponent
+     */
+    autocomplete: string;
+    /**
+     * required, passed onto ion-input so we can be accessiblity compliant
+     *
+     * @default false
+     * @memberof IonIntlTelInputComponent
+     */
+    required: boolean;
+    /**
+     * Iso Code of default selected Country.
+     * See more on.
+     *
+     * @default ''
+     * @memberof IonIntlTelInputComponent
+     */
+    defaultCountryiso: string;
+    /**
+     * Determines whether to use `00` or `+` as dial code prefix.
+     * Available attributes are '+' | '00'.
+     * See more on.
+     *
+     * @default +
+     * @memberof IonIntlTelInputComponent
+     */
+    dialCodePrefix: '+' | '00';
+    /**
+     * Determines whether to select automatic country based on user input.
+     * See more on.
+     *
+     * @default true
+     * @memberof IonIntlTelInputComponent
+     */
+    enableAutoCountrySelect: boolean;
+    /**
+     * Determines whether an example number will be shown as a placeholder in input.
+     * See more on.
+     *
+     * @default true
+     * @memberof IonIntlTelInputComponent
+     */
+    enablePlaceholder: boolean;
+    /**
+     * A fallaback placeholder to be used if no example number is found for a country.
+     * See more on.
+     *
+     * @default ''
+     * @memberof IonIntlTelInputComponent
+     */
+    fallbackPlaceholder: string;
+    /**
+     * If a custom placeholder is needed for input.
+     * If this property is set it will override `enablePlaceholder` and only this placeholder will be shown.
+     * See more on.
+     *
+     * @default ''
+     * @memberof IonIntlTelInputComponent
+     */
+    inputPlaceholder: string;
+    /**
+     * Instead of an example phone number, use a x pattern. Such as xxx-xxx-xxxx, this will be obtained
+     * based on the example number from the google phone lib.
+     *
+     * @default true
+     * @memberof IonIntlTelInputComponent
+     */
+    usePatternPlaceholder: boolean;
+    /**
+     * Maximum Length for input.
+     * See more on.
+     *
+     * @default '15'
+     * @memberof IonIntlTelInputComponent
+     */
+    maxLength: string;
+    /**
+     * Title of modal opened to select country dial code.
+     * See more on.
+     *
+     * @default 'Select Country'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalTitle: string;
+    /**
+     * CSS class to attach to dial code selectionmodal.
+     * See more on.
+     *
+     * @default 'ion-intl-tel-modal'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalCssClass: string;
+    /**
+     * Placeholder for input in dial code selection modal.
+     * See more on.
+     *
+     * @default 'Enter country name'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalSearchPlaceholder: string;
+    /**
+     * Text for close button in dial code selection modal.
+     * See more on.
+     *
+     * @default 'Close'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalCloseText: string;
+    /**
+     * Slot for close button in dial code selection modal. [Ionic slots](https://ionicframework.com/docs/api/item) are supported
+     * See more on.
+     *
+     * @default 'end'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalCloseButtonSlot: 'start' | 'end' | 'primary' | 'secondary';
+    /**
+     * Determines whether dial code selection modal should be searchable or not.
+     * See more on.
+     *
+     * @default 'true'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalCanSearch: boolean;
+    /**
+     * Determines whether dial code selection modal is closed on backdrop click.
+     * See more on.
+     *
+     * @default 'true'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalShouldBackdropClose: boolean;
+    /**
+     * Determines whether input should be focused when dial code selection modal is opened.
+     * See more on.
+     *
+     * @default 'true'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalShouldFocusSearchbar: boolean;
+    /**
+     * Message to show when no countries are found for search in dial code selection modal.
+     * See more on.
+     *
+     * @default 'true'
+     * @memberof IonIntlTelInputComponent
+     */
+    modalSearchFailText: string;
+    /**
+     * List of iso codes of manually selected countries as string, which will appear in the dropdown.
+     * **Note**: `onlyCountries` should be a string array of country iso codes.
+     * See more on.
+     *
+     * @default null
+     * @memberof IonIntlTelInputComponent
+     */
+    onlyCountries: Array<string>;
+    /**
+     * List of iso codesn as string of  countries, which will appear at the top in dial code selection modal.
+     * **Note**: `preferredCountries` should be a string array of country iso codes.
+     * See more on.
+     *
+     * @default null
+     * @memberof IonIntlTelInputComponent
+     */
+    preferredCountries: Array<string>;
+    /**
+     * Determines whether first country should be selected in dial code select or not.
+     * See more on.
+     *
+     * @default true
+     * @memberof IonIntlTelInputComponent
+     */
+    selectFirstCountry: boolean;
+    /**
+     * Determines whether to visually separate dialcode into the drop down element.
+     * See more on.
+     *
+     * @default true
+     * @memberof IonIntlTelInputComponent
+     */
+    separateDialCode: boolean;
+    /**
+     * Fires when the Phone number Input is changed.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly numberChange: EventEmitter<Event>;
+    /**
+     * Fires when the Phone number Input is blurred.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly numberBlur: EventEmitter<void>;
+    /**
+     * Fires when the Phone number Input is focused.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly numberFocus: EventEmitter<void>;
+    /**
+     * Fires when the user is typing in Phone number Input.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly numberInput: EventEmitter<KeyboardEvent>;
+    /**
+     * Fires when the dial code selection is changed.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly codeChange: EventEmitter<any>;
+    /**
+     * Fires when the dial code selection modal is opened.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly codeOpen: EventEmitter<any>;
+    /**
+     * Fires when the dial code selection modal is closed.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly codeClose: EventEmitter<any>;
+    /**
+     * Fires when a dial code is selected in dial code selection modal.
+     * See more on.
+     *
+     * @memberof IonIntlTelInputComponent
+     */
+    readonly codeSelect: EventEmitter<any>;
+    numberInputEl: IonInput;
+    private _value;
+    country: CountryI;
+    phoneNumber: string;
+    countries: CountryI[];
+    disabled: boolean;
+    phoneUtil: any;
+    onTouched: () => void;
+    propagateChange: (_: string | null) => void;
+    constructor(el: ElementRef, platform: Platform, ionIntlTelInputService: IonIntlTelInputService, modalCtrl: ModalController);
+    get value(): string | null;
+    set value(value: string | null);
+    emitValueChange(change: string | null): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(obj: string): void;
+    setDisabledState(isDisabled: boolean): void;
+    fillValues(value: string): void;
+    hasValue(): boolean;
+    onCodeOpen(): void;
+    openModal(): Promise<void>;
+    onCodeChange(): void;
+    onCodeClose(): void;
+    onCodeSelect(): void;
+    onIonNumberChange(event: Event): void;
+    onIonNumberBlur(): void;
+    onIonNumberFocus(): void;
+    onIonNumberInput(event: KeyboardEvent): void;
+    onNumberChange(): void;
+    onNumberKeyDown(event: KeyboardEvent): void;
+    private filterCountries;
+    private getCountryIsoCode;
+    private fetchAllCountries;
+    private getCountryByIsoCode;
+    private isNullOrWhiteSpace;
+    private removeDialCode;
+    private setCountry;
+    private setPreferredCountries;
+    private startsWith;
+    private getClasses;
+    private setClasses;
+    private setIonicClasses;
+    private setItemClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonIntlTelInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonIntlTelInputComponent, "ion-intl-tel-input", never, { "isEnabled": "isEnabled"; "autocomplete": "autocomplete"; "required": "required"; "defaultCountryiso": "defaultCountryiso"; "dialCodePrefix": "dialCodePrefix"; "enableAutoCountrySelect": "enableAutoCountrySelect"; "enablePlaceholder": "enablePlaceholder"; "fallbackPlaceholder": "fallbackPlaceholder"; "inputPlaceholder": "inputPlaceholder"; "usePatternPlaceholder": "usePatternPlaceholder"; "maxLength": "maxLength"; "modalTitle": "modalTitle"; "modalCssClass": "modalCssClass"; "modalSearchPlaceholder": "modalSearchPlaceholder"; "modalCloseText": "modalCloseText"; "modalCloseButtonSlot": "modalCloseButtonSlot"; "modalCanSearch": "modalCanSearch"; "modalShouldBackdropClose": "modalShouldBackdropClose"; "modalShouldFocusSearchbar": "modalShouldFocusSearchbar"; "modalSearchFailText": "modalSearchFailText"; "onlyCountries": "onlyCountries"; "preferredCountries": "preferredCountries"; "selectFirstCountry": "selectFirstCountry"; "separateDialCode": "separateDialCode"; }, { "numberChange": "numberChange"; "numberBlur": "numberBlur"; "numberFocus": "numberFocus"; "numberInput": "numberInput"; "codeChange": "codeChange"; "codeOpen": "codeOpen"; "codeClose": "codeClose"; "codeSelect": "codeSelect"; }, never, never, false, never>;
+}

package/lib/ion-intl-tel-input.directive.d.ts

@@ -0,0 +1,10 @@
+import { Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class IonIntlTelInputValidators {
+    static phone(control: AbstractControl): ValidationErrors | null;
+}
+export declare class IonIntlTelInputValidatorDirective implements Validator {
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonIntlTelInputValidatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonIntlTelInputValidatorDirective, "[ionIntlTelInputValid]", never, {}, {}, never, never, false, never>;
+}

package/lib/ion-intl-tel-input.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pipes/country-placeholder";
+import * as i2 from "./ion-intl-tel-input.directive";
+import * as i3 from "./ion-intl-tel-input/ion-intl-tel-input.component";
+import * as i4 from "./ion-intl-tel-input/ion-intl-tel-code.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@ionic/angular";
+export declare class IonIntlTelInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonIntlTelInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IonIntlTelInputModule, [typeof i1.CountryPlaceholder, typeof i2.IonIntlTelInputValidatorDirective, typeof i3.IonIntlTelInputComponent, typeof i4.IonIntTelCodeComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.IonicModule], [typeof i3.IonIntlTelInputComponent, typeof i2.IonIntlTelInputValidatorDirective, typeof i4.IonIntTelCodeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IonIntlTelInputModule>;
+}

package/lib/ion-intl-tel-input.service.d.ts

@@ -0,0 +1,9 @@
+import { CountryI } from './models/country.model';
+import * as i0 from "@angular/core";
+export declare class IonIntlTelInputService {
+    countryList: CountryI[];
+    constructor();
+    getListOfCountries(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonIntlTelInputService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IonIntlTelInputService>;
+}

package/lib/models/country.model.d.ts

@@ -0,0 +1,10 @@
+export interface CountryI {
+    name: string;
+    isoCode: string;
+    dialCode: string;
+    flagClass: string;
+    priority: number;
+    placeholder: string;
+    areaCodes?: Array<string>;
+    displayDialCode?: string;
+}

package/lib/models/ion-intl-tel-input.model.d.ts

@@ -0,0 +1,6 @@
+export interface IonIntlTelInputModel {
+    internationalNumber: string;
+    nationalNumber: string;
+    isoCode: string;
+    dialCode: string;
+}

package/lib/pipes/country-placeholder.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { CountryI } from '../models/country.model';
+import * as i0 from "@angular/core";
+export declare class CountryPlaceholder implements PipeTransform {
+    transform(country: CountryI, inputPlaceholder: string, separateDialCode: boolean, fallbackPlaceholder: string, usePatternPlaceholder: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountryPlaceholder, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CountryPlaceholder, "countryPlaceholder", false>;
+}

package/lib/util/util.d.ts

@@ -0,0 +1 @@
+export declare const raf: (h: any) => any;

package/package.json

@@ -0,0 +1,64 @@
+{
+  "version": "2.0.0",
+  "name": "@crodriguezdominguez/ion-intl-tel-input",
+  "title": "Ion Intl Tel Input",
+  "private": false,
+  "description": "An Ionic component for International Phone Number Input, that allows all countries, validation with google phone lib, limited countries, preferred countries, virtual scrolling and much more.",
+  "author": {
+    "name": "Azzam Asghar",
+    "url": "https://github.com/azzamasghar1"
+  },
+  "license": "See license in LICENSE",
+  "homepage": "https://github.com/azzamasghar1/ion-intl-tel-input",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/azzamasghar1/ion-intl-tel-input"
+  },
+  "bugs": {
+    "url": "https://github.com/azzamasghar1/ion-intl-tel-input/issues"
+  },
+  "keywords": [
+    "ionic",
+    "ionic 2",
+    "ionic 3",
+    "ionic 4",
+    "ion-intl-tel-input",
+    "intl tel input",
+    "intl",
+    "tel",
+    "input",
+    "international",
+    "phone",
+    "phonenumber",
+    "telephone",
+    "number",
+    "elktech"
+  ],
+  "peerDependencies": {
+    "google-libphonenumber": "^3.2.6",
+    "flag-icon-css": "^4.1.7"
+  },
+  "module": "fesm2015/crodriguezdominguez-ion-intl-tel-input.mjs",
+  "es2020": "fesm2020/crodriguezdominguez-ion-intl-tel-input.mjs",
+  "esm2020": "esm2020/crodriguezdominguez-ion-intl-tel-input.mjs",
+  "fesm2020": "fesm2020/crodriguezdominguez-ion-intl-tel-input.mjs",
+  "fesm2015": "fesm2015/crodriguezdominguez-ion-intl-tel-input.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/crodriguezdominguez-ion-intl-tel-input.mjs",
+      "es2020": "./fesm2020/crodriguezdominguez-ion-intl-tel-input.mjs",
+      "es2015": "./fesm2015/crodriguezdominguez-ion-intl-tel-input.mjs",
+      "node": "./fesm2015/crodriguezdominguez-ion-intl-tel-input.mjs",
+      "default": "./fesm2020/crodriguezdominguez-ion-intl-tel-input.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/ion-intl-tel-input.directive';
+export * from './lib/ion-intl-tel-input/ion-intl-tel-input.component';
+export * from './lib/ion-intl-tel-input/ion-intl-tel-code.component';
+export * from './lib/ion-intl-tel-input.service';
+export * from './lib/models/ion-intl-tel-input.model';
+export * from './lib/ion-intl-tel-input.module';