{"_id":"@aymeric-lg/ion-intl-tel","_rev":"2-2a2143e38af0b85f5001f7693582f92d","name":"@aymeric-lg/ion-intl-tel","dist-tags":{"latest":"2.3.2"},"versions":{"2.3.0":{"version":"2.3.0","name":"@aymeric-lg/ion-intl-tel","title":"Ion Intl Tel","private":false,"description":"This is an continuation of the original project from azzamasghar1 (https://github.com/azzamasghar1/ion-intl-tel-input) which includes new features and some much requested features","author":{"name":"Aymeric Laurent Guenver","url":"Clicklab"},"license":"SEE LICENSE IN License.md","homepage":"https://github.com/aymericl/ion-intl-tel","repository":{"type":"git","url":"git+https://github.com/aymericl/ion-intl-tel.git"},"bugs":{"url":"https://github.com/aymericl/ion-intl-tel/issues"},"keywords":["ionic","ionic 2","ionic 3","ionic 4","ionic 5","ionic 6","Angular 16","Angular 17","ion-intl-tel","intl tel input","intl","tel","input","international","phone","phonenumber","telephone","number","elktech"],"scripts":{"ng":"ng","start":"ng serve","build":"ng build","test":"ng test","lint":"ng lint","e2e":"ng e2e","build_lib":"ng build ion-intl-tel","serve_lib":"ng build ion-intl-tel --watch","npm_pack":"cd dist/ion-intl-tel && npm pack","package":"npm run build_lib && npm run npm_pack","publish":"npm run package && cd dist/ion-intl-tel && npm publish --access public"},"dependencies":{"@angular/cdk":"^16.2.8","@angular/common":"~17.0.7","@angular/core":"~17.0.7","@angular/forms":"~17.0.7","@angular/platform-browser":"~17.0.7","@angular/platform-browser-dynamic":"~17.0.7","@angular/router":"~17.0.7","@ionic/angular":"^6.1.4","core-js":"^3.34.0","libphonenumber-js":"^1.10.52","rxjs":"~7.8.1","tslib":"^2.6.2","zone.js":"^0.14.2"},"devDependencies":{"@angular-devkit/architect":"~0.1700.7","@angular-devkit/build-angular":"~17.0.7","@angular-devkit/core":"~17.0.7","@angular-devkit/schematics":"~17.0.7","@angular/cli":"~17.0.7","@angular/compiler":"~17.0.7","@angular/compiler-cli":"~17.0.7","@angular/language-service":"~17.0.7","@ionic/angular-toolkit":"^10.0.0","@ionic/lab":"3.2.15","@types/jasmine":"~3.6.0","@types/jasminewd2":"~2.0.3","@types/node":"^16.0.0","codelyzer":"^6.0.2","jasmine-core":"~4.6.0","jasmine-spec-reporter":"~5.0.0","karma":"~6.3.2","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~2.1.0","karma-jasmine":"~5.1.0","karma-jasmine-html-reporter":"^2.1.0","ng-packagr":"^17.0.3","protractor":"~7.0.0","ts-node":"~10.9.2","typescript":"5.2.2"},"main":"karma.conf.js","gitHead":"161fd0c186746093af1e48b953498664ca86b28d","_id":"@aymeric-lg/ion-intl-tel@2.3.0","_nodeVersion":"20.3.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-rVy8kHi0Ta3MUMvp91aCRyUC+euyKTC98vMb/0jy6hwBzPIRNidBL1RkGYRgHQvqHdhjw2KeILLKOhGxGhvXXA==","shasum":"a549f6ced708724a0d5bd27d3c30eb54fc4c31a6","tarball":"https://registry.npmjs.org/@aymeric-lg/ion-intl-tel/-/ion-intl-tel-2.3.0.tgz","fileCount":39,"unpackedSize":116541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE2qPvxudZg5CGLte23UqYwg4XHe+BitlOVYsP3fM6kUAiAWN8noipFZCT/cX5SJghO9pFdgZdha1xasncx7rpVOLw=="}]},"_npmUser":{"name":"aymeric-lg","email":"aymericl.info@gmail.com"},"directories":{},"maintainers":[{"name":"aymeric-lg","email":"aymericl.info@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ion-intl-tel_2.3.0_1712074338538_0.017509421080554644"},"_hasShrinkwrap":false},"2.3.1":{"version":"2.3.1","name":"@aymeric-lg/ion-intl-tel","title":"Ion Intl Tel","private":false,"description":"This is an continuation of the original project from azzamasghar1 (https://github.com/azzamasghar1/ion-intl-tel-input) which includes new features and some much requested features","author":{"name":"Aymeric Laurent Guenver","url":"Clicklab"},"license":"SEE LICENSE IN License.md","homepage":"https://github.com/aymericl/ion-intl-tel","repository":{"type":"git","url":"git+https://github.com/aymericl/ion-intl-tel.git"},"bugs":{"url":"https://github.com/aymericl/ion-intl-tel/issues"},"keywords":["ionic","ionic 2","ionic 3","ionic 4","ionic 5","ionic 6","Angular 16","Angular 17","ion-intl-tel","intl tel input","intl","tel","input","international","phone","phonenumber","telephone","number","elktech"],"scripts":{"ng":"ng","start":"ng serve","build":"ng build","test":"ng test","lint":"ng lint","e2e":"ng e2e","build_lib":"ng build ion-intl-tel","serve_lib":"ng build ion-intl-tel --watch","npm_pack":"cd dist/ion-intl-tel && npm pack","package":"npm run build_lib && npm run npm_pack","publish":"npm run package && cd dist/ion-intl-tel && npm publish --access public"},"dependencies":{"@angular/cdk":"^16.2.8","@angular/common":"~17.0.7","@angular/core":"~17.0.7","@angular/forms":"~17.0.7","@angular/platform-browser":"~17.0.7","@angular/platform-browser-dynamic":"~17.0.7","@angular/router":"~17.0.7","@ionic/angular":"^6.1.4","core-js":"^3.34.0","libphonenumber-js":"^1.10.52","rxjs":"~7.8.1","tslib":"^2.6.2","zone.js":"^0.14.2"},"devDependencies":{"@angular-devkit/architect":"~0.1700.7","@angular-devkit/build-angular":"~17.0.7","@angular-devkit/core":"~17.0.7","@angular-devkit/schematics":"~17.0.7","@angular/cli":"~17.0.7","@angular/compiler":"~17.0.7","@angular/compiler-cli":"~17.0.7","@angular/language-service":"~17.0.7","@ionic/angular-toolkit":"^10.0.0","@ionic/lab":"3.2.15","@types/jasmine":"~3.6.0","@types/jasminewd2":"~2.0.3","@types/node":"^16.0.0","codelyzer":"^6.0.2","jasmine-core":"~4.6.0","jasmine-spec-reporter":"~5.0.0","karma":"~6.3.2","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~2.1.0","karma-jasmine":"~5.1.0","karma-jasmine-html-reporter":"^2.1.0","ng-packagr":"^17.0.3","protractor":"~7.0.0","ts-node":"~10.9.2","typescript":"5.2.2"},"main":"karma.conf.js","gitHead":"161fd0c186746093af1e48b953498664ca86b28d","_id":"@aymeric-lg/ion-intl-tel@2.3.1","_nodeVersion":"20.3.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-UtDkJJkN4FvFqPYM0nW9I3TkztOsGvT3A0QhTYCT7TC96VG1JfU7hnVJDAnvkxZtewkMlBWsA06GYOxMerBbVA==","shasum":"daa6a9904d018d4093fa95a25cf461a2d2652107","tarball":"https://registry.npmjs.org/@aymeric-lg/ion-intl-tel/-/ion-intl-tel-2.3.1.tgz","fileCount":39,"unpackedSize":116541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIED/E8ApXD/G3ZyRmK0yHarEh49wdRm3xpbqTcANMISBAiEAmiz/otzxXmkhYirR8ejE17WHfDwqUySVsJaGrOUNBds="}]},"_npmUser":{"name":"aymeric-lg","email":"aymericl.info@gmail.com"},"directories":{},"maintainers":[{"name":"aymeric-lg","email":"aymericl.info@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ion-intl-tel_2.3.1_1712074477621_0.19786103985345438"},"_hasShrinkwrap":false},"2.3.2":{"version":"2.3.2","name":"@aymeric-lg/ion-intl-tel","title":"Ion Intl Tel","private":false,"description":"This is an continuation of the original project from azzamasghar1 (https://github.com/azzamasghar1/ion-intl-tel-input) which includes new features and some much requested features","author":{"name":"Aymeric Laurent Guenver","url":"Clicklab"},"license":"SEE LICENSE IN License.md","homepage":"https://github.com/aymericl/ion-intl-tel","repository":{"type":"git","url":"git+https://github.com/aymericl/ion-intl-tel.git"},"bugs":{"url":"https://github.com/aymericl/ion-intl-tel/issues"},"keywords":["ionic","ionic 2","ionic 3","ionic 4","ionic 5","ionic 6","Angular 16","Angular 17","ion-intl-tel","intl tel input","intl","tel","input","international","phone","phonenumber","telephone","number","elktech"],"scripts":{"ng":"ng","start":"ng serve","build":"ng build","test":"ng test","lint":"ng lint","e2e":"ng e2e","build_lib":"ng build ion-intl-tel","serve_lib":"ng build ion-intl-tel --watch","npm_pack":"cd dist/ion-intl-tel && npm pack","package":"npm run build_lib && npm run npm_pack","publish":"npm run package && cd dist/ion-intl-tel && npm publish --access public"},"dependencies":{"@angular/cdk":"^16.2.8","@angular/common":"~17.0.7","@angular/core":"~17.0.7","@angular/forms":"~17.0.7","@angular/platform-browser":"~17.0.7","@angular/platform-browser-dynamic":"~17.0.7","@angular/router":"~17.0.7","@ionic/angular":"^6.1.4","core-js":"^3.34.0","libphonenumber-js":"^1.10.52","rxjs":"~7.8.1","tslib":"^2.6.2","zone.js":"^0.14.2"},"devDependencies":{"@angular-devkit/architect":"~0.1700.7","@angular-devkit/build-angular":"~17.0.7","@angular-devkit/core":"~17.0.7","@angular-devkit/schematics":"~17.0.7","@angular/cli":"~17.0.7","@angular/compiler":"~17.0.7","@angular/compiler-cli":"~17.0.7","@angular/language-service":"~17.0.7","@ionic/angular-toolkit":"^10.0.0","@ionic/lab":"3.2.15","@types/jasmine":"~3.6.0","@types/jasminewd2":"~2.0.3","@types/node":"^16.0.0","codelyzer":"^6.0.2","jasmine-core":"~4.6.0","jasmine-spec-reporter":"~5.0.0","karma":"~6.3.2","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~2.1.0","karma-jasmine":"~5.1.0","karma-jasmine-html-reporter":"^2.1.0","ng-packagr":"^17.0.3","protractor":"~7.0.0","ts-node":"~10.9.2","typescript":"5.2.2"},"main":"karma.conf.js","gitHead":"1f3f7b906f4cbb8d489eef35a4249ce0c6719ab4","_id":"@aymeric-lg/ion-intl-tel@2.3.2","_nodeVersion":"20.3.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-XKBD3Ntmoh7nmMR+Vv3zk9OuBRWRU8qY0PdQMKPNV4M19QWYYIsPDVIlY547RYSToNnG+uFw70I530zhFZbGCg==","shasum":"b1f85d2f326580c1d7d45f5393e8fd1198b25b37","tarball":"https://registry.npmjs.org/@aymeric-lg/ion-intl-tel/-/ion-intl-tel-2.3.2.tgz","fileCount":39,"unpackedSize":116541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFo3zHZu4Pvi7VR+uFl+fPyTX5MlOKKVz+6qxSRHNaIQAiEAgllJ5F/fUCCEnrS7QVXLlIS+SardBqKtCyBqUvUYu98="}]},"_npmUser":{"name":"aymeric-lg","email":"aymericl.info@gmail.com"},"directories":{},"maintainers":[{"name":"aymeric-lg","email":"aymericl.info@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ion-intl-tel_2.3.2_1712075096034_0.953427789178225"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-02T16:12:18.405Z","2.3.0":"2024-04-02T16:12:18.685Z","modified":"2024-04-02T16:24:56.386Z","2.3.1":"2024-04-02T16:14:37.850Z","2.3.2":"2024-04-02T16:24:56.218Z"},"maintainers":[{"name":"aymeric-lg","email":"aymericl.info@gmail.com"}],"description":"This is an continuation of the original project from azzamasghar1 (https://github.com/azzamasghar1/ion-intl-tel-input) which includes new features and some much requested features","homepage":"https://github.com/aymericl/ion-intl-tel","keywords":["ionic","ionic 2","ionic 3","ionic 4","ionic 5","ionic 6","Angular 16","Angular 17","ion-intl-tel","intl tel input","intl","tel","input","international","phone","phonenumber","telephone","number","elktech"],"repository":{"type":"git","url":"git+https://github.com/aymericl/ion-intl-tel.git"},"author":{"name":"Aymeric Laurent Guenver","url":"Clicklab"},"bugs":{"url":"https://github.com/aymericl/ion-intl-tel/issues"},"license":"SEE LICENSE IN License.md","readme":"# Interstellus Ionic International Telephone\n\nAn 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.\n\n## Contents\n- [Interstellus Ionic International Telephone Input](#interstellus-ionic-international-telephone-input)\n * [Contents](#Contents)\n * [Supported Ionic versions](#Supported-Ionic-Versions)\n * [Supported Angular versions](#Supported-Angular-Versions)\n * [Getting Started](#Getting-Started)\n + [Step 1: Install it.](#Step-1-Install-it)\n + [Step 2: Import it.](#Step-2-Import-it)\n + [Step 3: Add it to template.](#Step-3-Add-it-to-template)\n + [Step 4: Configure it.](#Step-4-Configure-it)\n + [Step 5: Add validation.](#Step-5-Add-validation)\n + [Step 6: Configure validation.](#Step-6-Configure-validation)\n * [Options](#Options)\n * [Events](#Events)\n * [Contributing](#Contributing)\n * [Versioning](#Versioning)\n * [Authors](#Authors)\n * [License](#License)\n * [Acknowledgments](#Acknowledgments)\n\n\n## Supported Ionic Versions\n\n- Ionic 6 (>=6.0.0)\n\n## Supported Angular Versions\n\n- Angular <=17\n\n## Getting Started\n\n### Step 1: Install it.\n#### Install Independently\n```\nnpm install ion-intl-tel-input --save\n```\n\n#### Or Install with All dependencies\n```\nnpm install ion-intl-tel flag-icon-css google-libphonenumber --save\n```\n\n#### Add flag styles\nAdd the following to your `styles` array of project in `angular.json` (located in projects root directory).\n```\n{\n \"input\": \"node_modules/flag-icon-css/sass/flag-icon.scss\"\n}\n```\n\n### Step 2: Import it.\n\nFirst, import `IsIonIntlTelInputModule` to your `app.module.ts` that is normally located in `src\\app\\app.module.ts`.\n\n```\nimport { IonIntlTelInputModule } from 'ion-intl-tel-input';\n\n@NgModule({\n imports: [\n IonIntlTelInputModule\n ]\n})\nexport class AppModule { }\n\n```\n\n**Note:** Additionally, if you are using lazy loaded pages. Check if your pages have a module file, for example, `home.module.ts`, and if they do then import `IsIonIntlTelInputModule` to each page module too.\n\n```\nimport { IonIntlTelInputModule } from 'ionic-selectable';\nimport { HomePage } from './home';\n\n@NgModule({\n declarations: [\n HomePage\n ],\n imports: [\n IonicPageModule.forChild(HomePage),\n IonIntlTelInputModule\n ]\n})\nexport class HomePageModule { }\n```\n\n### Step 3: Add it to template.\n\n#### a. Usage with Template Driven Forms\n```\n\n```\n\n#### b. Usage with Reactive Forms\n```\n\n```\n\n### Step 4: Configure it.\n\n#### a. Usage with Template Driven Forms\n```\n@Component({ ... })\nexport class HomePage {\n\n phoneNumber = '';\n\n constructor() { }\n}\n```\n\n#### b. Usage with Reactive Forms\n```\n\n@Component({ ... })\nexport class HomePage implements OnInit {\n\n formValue = {phoneNumber: '', test: ''};\n form: FormGroup;\n\n constructor() { }\n\n ngOnInit() {\n this.form = new FormGroup({\n phoneNumber: new FormControl({\n value: this.formValue.phoneNumber\n })\n });\n }\n\n get phoneNumber() { return this.form.get('phoneNumber'); }\n\n onSubmit() {\n console.log(this.phoneNumber.value);\n }\n}\n```\n\n### Step 5: Add validation.\n\n#### a. Usage with Template Driven Forms\n```\n\n```\n\n#### b. Usage with Reactive Forms\n```\n\n```\n\n### Step 6: Configure validation.\n\n#### a. Usage with Template Driven Forms\n```\n@Component({ ... })\nexport class HomePage {\n\n phoneNumber = '';\n\n constructor() { }\n}\n```\n\n#### b. Usage with Reactive Forms\n```\nimport { IonIntlTelInputValidators } from 'is-ion-intl-tel-input';\n\n@Component({ ... })\nexport class HomePage implements OnInit {\n\n formValue = {phoneNumber: '', test: ''};\n form: FormGroup;\n\n constructor() { }\n\n ngOnInit() {\n this.form = new FormGroup({\n phoneNumber: new FormControl({\n value: this.formValue.phoneNumber\n }, [\n Validators.required,\n IonIntlTelInputValidators.phone\n ])\n });\n }\n\n get phoneNumber() { return this.form.get('phoneNumber'); }\n\n onSubmit() {\n console.log(this.phoneNumber.value);\n }\n}\n```\n\n## Options\n\n| Option | Type | Default | Description |\n| ------------------------- | -------- | ------- | ----------- |\n| defaultCountryiso | string | NULL | Iso Code of default selected Country. |\n| dialCodePrefix | string | + | Determines whether to use `00` or `+` as dial code prefix. Available attributes are `+` and `00`. |\n| enableAutoCountrySelect | boolean | false | Determines whether to select automatic country based on user input. |\n| enablePlaceholder | boolean | true | Determines whether an example number will be shown as a placeholder in input. |\n| fallbackPlaceholder | string | NULL | A fallaback placeholder to be used if no example number is found for a country. |\n| inputPlaceholder | string | NULL | If a custom placeholder is needed for input. If this property is set it will override `enablePlaceholder`and only this placeholder will be shown. |\n| maxLength | string | 15 | Maximum Length for input. |\n| modalTitle | string | Select Country | Title of modal opened to select country dial code. |\n| modalCssClass | string | NULL | CSS class to attach to dial code selection modal. |\n| modalSearchPlaceholder | string | Enter country name | Placeholder for input in dial code selection modal. |\n| modalCloseText | string | Close | Text for close button in dial code selection modal. |\n| modalCloseButtonSlot | string | end | Slot for close button in dial code selection modal. [Ionic slots](https://ionicframework.com/docs/api/item) are supported. |\n| modalCanSearch | boolean | true | Determines whether dial code selection modal should be searchable or not. |\n| modalShouldBackdropClose | boolean | true | Determines whether dial code selection modal is closed on backdrop click. |\n| modalShouldFocusSearchbar | boolean | true | Determines whether input should be focused when dial code selection modal is opened. |\n| modalSearchFailText | string | No countries found | Determines whether input should be focused when dial code selection modal is opened. |\n| onlyCountries | 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. |\n| preferredCountries | string[] | [] | List of iso codes 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.\n| selectFirstCountry | boolean | true | Determines whether first country should be selected in dial code select or not. |\n| separateDialCode | boolean | true | Determines whether to visually separate dialcode into the drop down element. |\n\n## Events\n\n| Event Name | Type | Description |\n| -------------- | ------------------- | ----------- |\n| numberChange | `EventEmitter` | Fires when the Phone number Input is changed. |\n| numberBlur | `EventEmitter` | Fires when the Phone number Input is blurred. |\n| numberFocus | `EventEmitter` | Fires when the Phone number Input is focused. |\n| numberInput | `EventEmitter` | Fires when the user is typing in Phone number Input. |\n| codeChange | `EventEmitter` | Fires when the dial code selection is changed. |\n| codeOpen | `EventEmitter` | Fires when the dial code selection modal is opened. |\n| codeClose | `EventEmitter` | Fires when the dial code selection modal is closed. |\n| codeSelect | `EventEmitter` | Fires when a dial code is selected in dial code selection modal. |\n\n## Contributing\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n## Versioning\n\nWe use [SemVer](http://semver.org/) for versioning.\n\n## Authors\n\n* **Azzam Asghar** - *Initial work* - [Azzam Asghar](https://github.com/azzamasghar1)\n\nSee also the list of [contributors](https://github.com/azzamasghar1/is-ion-intl-tel-input/contributors) who participated in this project.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details\n\n## Acknowledgments\n\nThis project would never have been possible without the following great plugins:\n* [Ionic Selectable](https://github.com/eakoriakin/ionic-selectable) by [@eakoriakin](https://github.com/eakoriakin)\n* [International Telephone Input for Angular (NgxIntlTelInput)](https://github.com/webcat12345/ngx-intl-tel-input) by [@webcat12345](https://github.com/webcat12345)\n* [flag-icon-css](https://github.com/lipis/flag-icon-css) by [@lipis](https://github.com/lipis)\n\nSo please do go ahead and give them a star for their efforts.\n","readmeFilename":"README.md"}