Skip to content

Commit

Permalink
feat: ✨ add 'enableSearch' option to enable or disable country search
Browse files Browse the repository at this point in the history
  • Loading branch information
@juanjotorres90
juanjotorres90 committed Mar 16, 2024
1 parent 8493228 commit f1eb773
Show file tree
Hide file tree
Showing 15 changed files with 948 additions and 959 deletions.
11 changes: 11 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,17 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).

## [17.3.0] - 2024-03-16

### Added

- Add 'enableSearch' option to enable or disable country search.
- Add 'excludedCountries' option to exclude countries from the list.

### Changed

- Update mat select dropdown styling.

## [17.2.2] - 2024-03-11

### Added
Expand Down
6 changes: 4 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,15 @@ Introducing an Angular library designed to streamline the input and validation o

Check out the [Demo](https://juanjotorres.net/projects/ngx-material-intl-tel-input)

<img src="assets/preview.png" alt="preview" width="500"/>
<img src="assets/preview.webp" alt="preview" width="500"/>

**Compatibility:**

Validation with [google-libphonenumber](https://github.com/google/libphonenumber)

| ngx-material-intl-tel-input | Angular |
| --------------------------- | --------- |
| 0.0.1 - 17.2.1 | >= 17.2.0 |
| 0.0.1 - 17.3.0 | >= 17.2.0 |

## Installation

Expand Down Expand Up @@ -59,8 +59,10 @@ imports: [NgxMaterialIntlTelInputComponent];
| autoSelectCountry | `boolean` | `true` | Enables or disables auto selecting a country on initialization. |
| autoSelectedCountry | `CountryISO \| string` | `''` | Sets the country to be auto selected. |
| numberValidation | `boolean` | `true` | Enables or disables phone number validation. |
| enableSearch | `boolean` | `true` | Enables or disables country search. |
| preferredCountries | `(CountryISO \| string)[]` | `[]` | Shows the specified countries on top of the list. |
| visibleCountries | `(CountryISO \| string)[]` | `[]` | Shows only the specified countries. |
| excludedCountries | `(CountryISO \| string)[]` | `[]` | Exclude the specified countries from the list. |
| enablePlaceholder | `boolean` | `true` | Input placeholder text for every country national number. |
| iconMakeCall | `boolean` | `true` | Click on phone icon to trigger call action. |
| initialValue | `string` | `''` | Sets initial telephone number value |
Expand Down
7 changes: 1 addition & 6 deletions apps/ngx-material-intl-tel-input/src/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,6 @@ $theme: mat.define-light-theme(
--mdc-outlined-text-field-focus-outline-color: #209ffc;
}


/* You can add global styles to this file, and also import other style files */

html,
Expand All @@ -131,11 +130,9 @@ body {
body {
margin: 0;
font-family: Roboto, 'Helvetica Neue', sans-serif;
overflow: hidden;
}




//! Material 3 Experimental Test
// https://material.angular.io/guide/material-3
// https://m3.material.io/theme-builder
Expand Down Expand Up @@ -250,5 +247,3 @@ body {
// .light-theme {
// @include mat.all-component-themes($m3-light-theme);
// }


Binary file added assets/preview.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/preview.webp
View file
Binary file not shown.
6 changes: 4 additions & 2 deletions libs/ngx-material-intl-tel-input-lib/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,15 @@ Introducing an Angular library designed to streamline the input and validation o

Check out the [Demo](https://juanjotorres.net/projects/ngx-material-intl-tel-input)

<img width="490" alt="preview" src="https://github.com/juanjotorres90/ngx-material-intl-tel-input/assets/49198908/770096e5-55f7-433f-a36d-046028196145">
<img width="490" alt="preview" src="https://github.com/juanjotorres90/ngx-material-intl-tel-input/assets/49198908/d0714418-c1bf-45af-a98c-8c54f3eb9144">

**Compatibility:**

Validation with [google-libphonenumber](https://github.com/google/libphonenumber)

| ngx-material-intl-tel-input | Angular |
| --------------------------- | --------- |
| 0.0.1 - 17.2.1 | >= 17.2.0 |
| 0.0.1 - 17.3.0 | >= 17.2.0 |

## Installation

Expand Down Expand Up @@ -59,8 +59,10 @@ imports: [NgxMaterialIntlTelInputComponent];
| autoSelectCountry | `boolean` | `true` | Enables or disables auto selecting a country on initialization. |
| autoSelectedCountry | `CountryISO \| string` | `''` | Sets the country to be auto selected. |
| numberValidation | `boolean` | `true` | Enables or disables phone number validation. |
| enableSearch | `boolean` | `true` | Enables or disables country search. |
| preferredCountries | `(CountryISO \| string)[]` | `[]` | Shows the specified countries on top of the list. |
| visibleCountries | `(CountryISO \| string)[]` | `[]` | Shows only the specified countries. |
| excludedCountries | `(CountryISO \| string)[]` | `[]` | Exclude the specified countries from the list. |
| enablePlaceholder | `boolean` | `true` | Input placeholder text for every country national number. |
| iconMakeCall | `boolean` | `true` | Click on phone icon to trigger call action. |
| initialValue | `string` | `''` | Sets initial telephone number value |
Expand Down
2 changes: 1 addition & 1 deletion libs/ngx-material-intl-tel-input-lib/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "ngx-material-intl-tel-input",
"version": "17.2.2",
"version": "17.3.0",
"license": "MIT",
"repository": {
"type": "git",
Expand Down
Loading

0 comments on commit f1eb773

Please sign in to comment.