{"_id":"@bdwellons/ngx-intltel-input","_rev":"2-bc51bf88fa76a8ec08f8c528f6a32d9c","name":"@bdwellons/ngx-intltel-input","dist-tags":{"latest":"2.3.5"},"versions":{"2.3.4":{"name":"@bdwellons/ngx-intltel-input","version":"2.3.4","peerDependencies":{"@angular/common":"^8.0.0","@angular/core":"^8.0.0","@angular/forms":"^8.0.0","google-libphonenumber":"^3.2.1","intl-tel-input":"^14.0.6","ngx-bootstrap":"^5.1.0"},"repository":{"type":"git","url":"git+https://github.com/bdwellons/ngx-intl-tel-input.git"},"author":{"name":"webcat12345","email":"webcat91@gmail.com"},"keywords":["angular","ng2","ng4","ng5","ng6","ng7","ng8","angular 8","intl-tel-input","phone number","validation"],"license":"MIT","bugs":{"url":"https://github.com/bdwellons/ngx-intl-tel-input/issues"},"devDependencies":{"@types/google-libphonenumber":"^7.4.17"},"homepage":"https://github.com/bdwellons/ngx-intl-tel-input#readme","_id":"@bdwellons/ngx-intltel-input@2.3.4","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-lk08070NsYJNP/IC7O3ehTVmGV79KsRn0ScGxNfWpFLky2HX9e58IELLsfXCgJRzGzZtgAo9FEuU4u2VZgMeXw==","shasum":"594e48e002631118954211201a71ba2d423d4bcb","tarball":"https://registry.npmjs.org/@bdwellons/ngx-intltel-input/-/ngx-intltel-input-2.3.4.tgz","fileCount":21,"unpackedSize":47484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKe+dCRA9TVsSAnZWagAA6GkP/2vFdbZem+vBGprZJXPI\n7eB5hR5IVBfsPwBBD56v94Sxzg+BZgnNnhNsV0yADqPxiWycBWXpsLLBglNm\ny4GbtMObnqAcyV96Koaotacq6YiDNBYWaNS+bBt0x2mDnOfAU1r1qdMI3dkN\nHD9ZavrSAnRZwaFUC6bJlNdKsWpA53os0o6wmuO3zUEMLmED86ZZj0eMpTwi\nWwQeHt4tqD6miTfa+AuohpZo27R8QTlUjvsKtELOzblOl8rNN9exzqOfzbWf\nCw8nO+KIWpLrhKuGVW2NY8+mTTy+lSzVKneGG044HBNd40NURXuVkTD7hXxP\nZxoaQwO0HOIjIGhM++akTMH06BEYlsCiib83ShK3jxoNisUcZprcyM1uy52+\nxZzuLXqK2lwKxQ4h4u8JzUT7ajZgp7JNPCEdXLTFdESZKuRCfDVGnKn5jVmf\nPoVv86vM9r1KW22j46NXwSa3aF1JyzTKGdFLtk2etGRJUojZpHTV+U0AwrXL\neuNYEpzzNvGyB1YVKofeb3+a2bIN6WZscIE7dWwFE1iavdc4ak72BvVj0+iq\n0XAhXYR0tI6A9716LLsj2u0C1M/UhA1RKeC2GDctzlqpvXKZccZVhotV8MQA\nZEc4qDlBaSgUZlrdql2rTRPy/3bqk8b7f2E4GWiOY7y9+PtisvtvZ6BPVoLe\nbJpu\r\n=f/g/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEtjYE0VUC6UxhXfUSqXFYbFGua75Hd0Cir/wePis8lpAiBmTlKRu3WMbegd9V/aeiNHfqBB2jLKwuvahvhpuBFYvQ=="}]},"maintainers":[{"name":"bdwellons","email":"brant@brantwellons.com"}],"_npmUser":{"name":"bdwellons","email":"brant@brantwellons.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-intltel-input_2.3.4_1579806621419_0.1747523332610743"},"_hasShrinkwrap":false},"2.3.5":{"name":"@bdwellons/ngx-intltel-input","version":"2.3.5","peerDependencies":{"@angular/common":"^8.0.0","@angular/core":"^8.0.0","@angular/forms":"^8.0.0","google-libphonenumber":"^3.2.1","intl-tel-input":"^14.0.6","ngx-bootstrap":"^5.1.0"},"repository":{"type":"git","url":"git+https://github.com/bdwellons/ngx-intl-tel-input.git"},"author":{"name":"webcat12345","email":"webcat91@gmail.com"},"keywords":["angular","ng2","ng4","ng5","ng6","ng7","ng8","angular 8","intl-tel-input","phone number","validation"],"license":"MIT","bugs":{"url":"https://github.com/bdwellons/ngx-intl-tel-input/issues"},"devDependencies":{"@types/google-libphonenumber":"^7.4.17"},"description":"[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)","homepage":"https://github.com/bdwellons/ngx-intl-tel-input#readme","_id":"@bdwellons/ngx-intltel-input@2.3.5","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-B1unG5riLne2GMpMhTfInKKLJX/Q7elbAmoLDV2YSrhZAmF97XSdR/iil7LmNr6B/Jnm5xlRGxqkmkVs3YUX2w==","shasum":"371e7c114a4cc5f508c4130ed6c9bd3db86ebf6e","tarball":"https://registry.npmjs.org/@bdwellons/ngx-intltel-input/-/ngx-intltel-input-2.3.5.tgz","fileCount":22,"unpackedSize":57331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKfAJCRA9TVsSAnZWagAA8KsP/1VWzOjcBntkjS0zPzl1\nW/Uni8NxwyrypV5ZbNr63hdWfV9cyvjq5yaxKdGBZDru8cK4if8NNRJEOzYY\nPkDZjRenUeTzr2Oympxqp4SLcl4GjeaioXH2WEbUk/fioXDWFkZm1UZBCL4u\nlHwe9bRUeF0uCZ0H0K4NpWzVXlShqwPg9xH2LvLNjZJACAgODv0fOXRN5U2s\nl8aH6CzJUPwn97HBYV5loS++/gSEu4A8Nt9PZBSFVRJBDEAsAfxzDiQfxvow\nk2v+Z3mAq/yrqQUqokgXg627BdzDBgu9stTo26dX+4cHwXKtCLWT8Twf1QS4\nuAJVYiusgiDop7DPDKmHKu745CA6O7y9n057wx4FSF+6bFX2g7qn8AJuIwWJ\ngcIeGMxEffDmmHv4cO7e2OplJR6wkypQgY4mC0yBG0w2QRB9ZXdfHEoWAQ2u\nCt0jswSX/3M2PfPOkCZbt27SRxejDtJaSp8UW9efBNQv9tc84O60s8L6rAMF\nv+pjwvzHtc/NmTy5WDopRa2yzC/HD261S/+9qft7kuy3cwVRn6gjc3UzImUb\nw1tSvPv2S3gjqwXbhvyE1BUleZghGkNviASVey7nrMW8hgF74LQWUipSWWfQ\ntMP3ezj4T+rXn2cuvP7l1d1IRnXsOYOAJM+rWuoF8q8eZYIGbgNqt1yQpt+U\ntpZ4\r\n=aR2T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyo6TLtPpnU0ReQOkXYkDdV+cnEVyBEfrZpH/naX7YXQIgLrBV8waSjE0hsSlpTRijL2sbFX3UMGy1fOOAP/0HYrk="}]},"maintainers":[{"name":"bdwellons","email":"brant@brantwellons.com"}],"_npmUser":{"name":"bdwellons","email":"brant@brantwellons.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-intltel-input_2.3.5_1579806729139_0.9340962077247377"},"_hasShrinkwrap":false}},"time":{"created":"2020-01-23T19:10:21.385Z","2.3.4":"2020-01-23T19:10:21.586Z","modified":"2022-04-04T18:04:01.338Z","2.3.5":"2020-01-23T19:12:09.265Z"},"maintainers":[{"name":"bdwellons","email":"brant@brantwellons.com"}],"homepage":"https://github.com/bdwellons/ngx-intl-tel-input#readme","keywords":["angular","ng2","ng4","ng5","ng6","ng7","ng8","angular 8","intl-tel-input","phone number","validation"],"repository":{"type":"git","url":"git+https://github.com/bdwellons/ngx-intl-tel-input.git"},"author":{"name":"webcat12345","email":"webcat91@gmail.com"},"bugs":{"url":"https://github.com/bdwellons/ngx-intl-tel-input/issues"},"license":"MIT","readme":"# International Telephone Input for Angular (NgxIntlTelInput)\r\n[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)\r\n\r\n[![Build Status](https://travis-ci.org/webcat12345/ngx-intl-tel-input.svg?branch=master)](https://travis-ci.org/webcat12345/ngx-intl-tel-input) [![npm version](https://badge.fury.io/js/ngx-intl-tel-input.svg)](https://badge.fury.io/js/ngx-intl-tel-input) [![npm](https://img.shields.io/npm/dm/localeval.svg)](https://www.npmjs.com/package/ngx-intl-tel-input)\r\n\r\nAn Angular package for entering and validating international telephone numbers. It adds a flag dropdown to any input, detects the user's country, displays a relevant placeholder and provides formatting/validation methods.\r\n\r\n![alt](readme-assets/ngx-intl-tel-input.jpg)\r\n\r\n**NOTE**\r\nThis is a fork of ngx-intl-tel-input with some modifications. Namely, it allows for providing uniqiue IDs to the input fields. I am NOT the original author.\r\n\r\n**Supports:**\r\n\r\n- Angular 8\r\n- ReactiveFormsModule\r\n- FormsModule\r\n- Validation with [google-libphonenumber](https://github.com/ruimarinho/google-libphonenumber)\r\n\r\n## Installation\r\n\r\n### Install Dependencies\r\n\r\n```$ npm install intl-tel-input@14.1.0 --save```\r\n\r\n```$ npm install google-libphonenumber --save```\r\n\r\n```$ ng add ngx-bootstrap```\r\n\r\n### Add Dependency Style\r\n\r\nAdd *'intl-tel-input'* style file: \r\n\r\n```./node_modules/intl-tel-input/build/css/intlTelInput.css```\r\n\r\nto **angular.json** styles array:\r\n\r\n```json\r\n\r\n\"styles\": [\r\n \"./node_modules/bootstrap/dist/css/bootstrap.min.css\",\r\n \"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css\",\r\n \"./node_modules/intl-tel-input/build/css/intlTelInput.css\",\r\n \"src/styles.css\"\r\n],\r\n\r\n```\r\n\r\n### Install This Library\r\n\r\n```$ npm install ngx-intltel-input --save```\r\n\r\n## Usage\r\n\r\n### Import\r\n\r\nAdd ```BsDropDownModule``` and ```NgxIntlTelInputModule``` to your module file:\r\n\r\n```javascript\r\n\r\nimports: [\r\n BsDropdownModule.forRoot(),\r\n NgxIntlTelInputModule,\r\n ]\r\n\r\n```\r\n\r\n## Example\r\n\r\nRefer to main app in this repository for working example.\r\n\r\nOr this [Stackblitz Demo](https://stackblitz.com/edit/ngx-intl-tel-input-demo).\r\n\r\n```html\r\n\r\n
\r\n \r\n \r\n\r\n```\r\n\r\n## Options\r\n\r\n| Options | Type | Default | Description |\r\n| ------------------------------|------------------------|--------------------|-------------------------------------------------------------------------------------|\r\n| cssClass | ```string``` | ```control-form``` | Bootstrap input css class or your own custom one. |\r\n| preferredCountries | ```[]``` | ```[]``` | List of countries, which will appear at the top. |\r\n| onlyCountries | ```[]``` | ```[]``` | List of manually selected countries, which will appear in the dropdown. |\r\n| enableAutoCountrySelect | ```boolean``` | ```false``` | Toggle automatic country (flag) selection based on user input. |\r\n| enablePlaceholder | ```boolean``` | ```true``` | Input placeholder text, which addapts to the country selected. |\r\n| searchCountryFlag | ```boolean``` | ```false``` | Enables input search box for countries in the flag dropdown. |\r\n| searchCountryField | ```[]``` | ```[SearchCountryField.All]``` | Customize which fields to search in, if ```searchCountryFlag``` is enabled. Use ```SearchCountryField``` helper enum. |\r\n| searchCountryPlaceholder | ```string``` | ```'Search Country'``` | Placeholder value for ```searchCountryField``` |\r\n| maxLength | ```number``` | ```None``` | Add character limit.|\r\n| tooltipField | `````` | ```None``` | Set tooltip on flag hover. Use ```TooltipLabel``` helper enum for label type options. |\r\n| selectFirstCountry | ```boolean``` | ```true``` | Selects first country from ```preferredCountries``` if is set. If not then uses main list. |\r\n| phoneValidation | ```boolean``` | ```true``` | Disable phone validation. |\r\n| id | ```string``` | ```phone``` | Unique ID for input. |\r\n| selectedCountryISO | `````` | ```None```| Set specific country on load. |\r\n| separateDialCode | ```boolean``` | ```false``` | Visually separate dialcode into the drop down element. |\r\n| countryChange | `````` | ```None``` | Emits country value when the user selects a country from the dropdown. |\r\n\r\n## Library Contributions\r\n\r\n- Fork repo.\r\n- Update ```./projects/ngx-intl-tel-input```\r\n- Build / test library.\r\n- Update ```./src/app``` with new functionality.\r\n- Update README.md\r\n- Pull request.\r\n\r\n### Helpful commands\r\n\r\n- Build lib: ```$ npm run build_lib```\r\n- Copy license and readme files: ```$ npm run copy-files```\r\n- Create package: ```$ npm run npm_pack```\r\n- Build lib and create package: ```$ npm run package```\r\n\r\n### Use localy\r\n\r\nAfter building and creating package, you can use it localy too.\r\n\r\nIn your project run:\r\n\r\n```$ npm install --save {{path to your local '*.tgz' package file}}```\r\n\r\n## Contributors\r\n\r\nThanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):\r\n\r\n\r\n\r\n
\"webcat_black\"/
webcat_black
🎨 💻 📖 🤔 💬 🚇 💡 🚧 👀 ⚠️		\"Aleksandr
Aleksandr Pasevin
💻 📖 🐛 📦 🔌 💬 🚇 💡 🚧 👀 ⚠️		\"Dviejo\"/
Dviejo
💻 🐛 💡 ⚠️ 💬 🚧 👀		\"Jens
Jens Wagner
💻
\r\n\r\n\r\n\r\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\r\n","readmeFilename":"README.md","description":"[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)"}