ngx-mat-input-tel 18.5.0 → 18.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +15 -4
  2. package/esm2022/lib/data/country-code.mjs +3 -3
  3. package/esm2022/lib/ngx-mat-input-tel.component.mjs +3 -3
  4. package/esm2022/lib/search.pipe.mjs +3 -3
  5. package/fesm2022/ngx-mat-input-tel.mjs +9 -9
  6. package/package.json +2 -2
package/README.md CHANGED
@@ -116,10 +116,21 @@ If you want to show the sample number for the country selected or errors , use m
116
116
  | countryChanged | `EventEmitter<Country>` | `undefined` | On country change |
117
117
 
118
118
  ## Css variable
119
- | Name | Default | Explanation |
120
- | ------------------------------- | -------------- | --------------------------------------------------- |
121
- | `--ngxMatInputTel-opacity` | `0` | If you wish the country flag to be shown by default |
122
- | `--ngxMatInputTel-flag-display` | `inline-block` | If you wish to hide the country flag |
119
+ | Name | Default | Explanation |
120
+ | -------------------------------------- | -------------- | ----------------------------------------------------------------------------- |
121
+ | `--ngxMatInputTel-opacity` | `0` | If you wish both, the country flag and the placeholder to be shown by default |
122
+ | `--ngxMatInputTel-selector-opacity` | `0` | If you wish the country flag to be shown by default |
123
+ | `--ngxMatInputTel-placeholder-opacity` | `0` | If you wish the placeholder flag to be shown by default |
124
+ | `--ngxMatInputTel-flag-display` | `inline-block` | If you wish to hide the country flag |
125
+
126
+ ## Validator
127
+ In case you had to manually remove the validator, the library exported it so you could add it back again.
128
+
129
+ | Name | Description | Example |
130
+ | ------------------------- | ----------------------------------------------- | ------------------------------------------------------ |
131
+ | `ngxMatInputTelValidator` | The actual phone validator used for the control | `phoneControl.addValidators([ngxMatInputTlValidator])` |
132
+
133
+
123
134
 
124
135
  ## Library Contributions
125
136
 
package/esm2022/lib/data/country-code.mjs CHANGED
@@ -297,10 +297,10 @@ export class CountryCode {
297
297
  ['Zimbabwe', 'zw', '263'],
298
298
  ['Åland Islands', 'ax', '358', 1],
299
299
  ];
300
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CountryCode, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
301
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CountryCode });
300
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountryCode, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
301
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountryCode });
302
302
  }
303
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CountryCode, decorators: [{
303
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountryCode, decorators: [{
304
304
  type: Injectable
305
305
  }] });
306
306
  export const Examples = {
package/esm2022/lib/ngx-mat-input-tel.component.mjs CHANGED
@@ -332,8 +332,8 @@ export class NgxMatInputTelComponent extends _ngxMatInputTelMixinBase {
332
332
  }
333
333
  this._previousFormattedNumber = this.phoneNumber.toString();
334
334
  }
335
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: NgxMatInputTelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.CountryCode }, { token: i2.FocusMonitor }, { token: i0.ElementRef }, { token: i3.NgControl, optional: true, self: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i4.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Component });
336
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: NgxMatInputTelComponent, isStandalone: true, selector: "ngx-mat-input-tel", inputs: { autocomplete: "autocomplete", cssClass: "cssClass", errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", maxLength: "maxLength", name: "name", onlyCountries: "onlyCountries", preferredCountries: "preferredCountries", searchPlaceholder: "searchPlaceholder", enablePlaceholder: ["enablePlaceholder", "enablePlaceholder", booleanAttribute], enableSearch: ["enableSearch", "enableSearch", booleanAttribute], resetOnChange: ["resetOnChange", "resetOnChange", booleanAttribute], format: "format", required: ["required", "required", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { countryChanged: "countryChanged" }, host: { properties: { "id": "this.id", "class.ngx-floating": "this.shouldLabelFloat" } }, providers: [
335
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NgxMatInputTelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.CountryCode }, { token: i2.FocusMonitor }, { token: i0.ElementRef }, { token: i3.NgControl, optional: true, self: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i4.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Component });
336
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: NgxMatInputTelComponent, isStandalone: true, selector: "ngx-mat-input-tel", inputs: { autocomplete: "autocomplete", cssClass: "cssClass", errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", maxLength: "maxLength", name: "name", onlyCountries: "onlyCountries", preferredCountries: "preferredCountries", searchPlaceholder: "searchPlaceholder", enablePlaceholder: ["enablePlaceholder", "enablePlaceholder", booleanAttribute], enableSearch: ["enableSearch", "enableSearch", booleanAttribute], resetOnChange: ["resetOnChange", "resetOnChange", booleanAttribute], format: "format", required: ["required", "required", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { countryChanged: "countryChanged" }, host: { properties: { "id": "this.id", "class.ngx-floating": "this.shouldLabelFloat" } }, providers: [
337
337
  CountryCode,
338
338
  { provide: MatFormFieldControl, useExisting: NgxMatInputTelComponent },
339
339
  {
@@ -349,7 +349,7 @@ export class NgxMatInputTelComponent extends _ngxMatInputTelMixinBase {
349
349
  // Pipes
350
350
  SearchPipe, name: "search" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
351
351
  }
352
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: NgxMatInputTelComponent, decorators: [{
352
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NgxMatInputTelComponent, decorators: [{
353
353
  type: Component,
354
354
  args: [{ standalone: true, selector: 'ngx-mat-input-tel', providers: [
355
355
  CountryCode,
package/esm2022/lib/search.pipe.mjs CHANGED
@@ -11,10 +11,10 @@ export class SearchPipe {
11
11
  .includes(searchCriteria.toLowerCase());
12
12
  });
13
13
  }
14
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
15
- static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: SearchPipe, isStandalone: true, name: "search" });
14
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
15
+ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: SearchPipe, isStandalone: true, name: "search" });
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SearchPipe, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SearchPipe, decorators: [{
18
18
  type: Pipe,
19
19
  args: [{
20
20
  name: 'search',
package/fesm2022/ngx-mat-input-tel.mjs CHANGED
@@ -314,10 +314,10 @@ class CountryCode {
314
314
  ['Zimbabwe', 'zw', '263'],
315
315
  ['Åland Islands', 'ax', '358', 1],
316
316
  ];
317
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CountryCode, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
318
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CountryCode });
317
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountryCode, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
318
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountryCode });
319
319
  }
320
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CountryCode, decorators: [{
320
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CountryCode, decorators: [{
321
321
  type: Injectable
322
322
  }] });
323
323
  const Examples = {
@@ -600,10 +600,10 @@ class SearchPipe {
600
600
  .includes(searchCriteria.toLowerCase());
601
601
  });
602
602
  }
603
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
604
- static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: SearchPipe, isStandalone: true, name: "search" });
603
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
604
+ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: SearchPipe, isStandalone: true, name: "search" });
605
605
  }
606
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SearchPipe, decorators: [{
606
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SearchPipe, decorators: [{
607
607
  type: Pipe,
608
608
  args: [{
609
609
  name: 'search',
@@ -922,8 +922,8 @@ class NgxMatInputTelComponent extends _ngxMatInputTelMixinBase {
922
922
  }
923
923
  this._previousFormattedNumber = this.phoneNumber.toString();
924
924
  }
925
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: NgxMatInputTelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CountryCode }, { token: i2.FocusMonitor }, { token: i0.ElementRef }, { token: i3.NgControl, optional: true, self: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i4.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Component });
926
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: NgxMatInputTelComponent, isStandalone: true, selector: "ngx-mat-input-tel", inputs: { autocomplete: "autocomplete", cssClass: "cssClass", errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", maxLength: "maxLength", name: "name", onlyCountries: "onlyCountries", preferredCountries: "preferredCountries", searchPlaceholder: "searchPlaceholder", enablePlaceholder: ["enablePlaceholder", "enablePlaceholder", booleanAttribute], enableSearch: ["enableSearch", "enableSearch", booleanAttribute], resetOnChange: ["resetOnChange", "resetOnChange", booleanAttribute], format: "format", required: ["required", "required", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { countryChanged: "countryChanged" }, host: { properties: { "id": "this.id", "class.ngx-floating": "this.shouldLabelFloat" } }, providers: [
925
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NgxMatInputTelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: CountryCode }, { token: i2.FocusMonitor }, { token: i0.ElementRef }, { token: i3.NgControl, optional: true, self: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i4.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Component });
926
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: NgxMatInputTelComponent, isStandalone: true, selector: "ngx-mat-input-tel", inputs: { autocomplete: "autocomplete", cssClass: "cssClass", errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", maxLength: "maxLength", name: "name", onlyCountries: "onlyCountries", preferredCountries: "preferredCountries", searchPlaceholder: "searchPlaceholder", enablePlaceholder: ["enablePlaceholder", "enablePlaceholder", booleanAttribute], enableSearch: ["enableSearch", "enableSearch", booleanAttribute], resetOnChange: ["resetOnChange", "resetOnChange", booleanAttribute], format: "format", required: ["required", "required", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { countryChanged: "countryChanged" }, host: { properties: { "id": "this.id", "class.ngx-floating": "this.shouldLabelFloat" } }, providers: [
927
927
  CountryCode,
928
928
  { provide: MatFormFieldControl, useExisting: NgxMatInputTelComponent },
929
929
  {
@@ -939,7 +939,7 @@ class NgxMatInputTelComponent extends _ngxMatInputTelMixinBase {
939
939
  // Pipes
940
940
  SearchPipe, name: "search" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
941
941
  }
942
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: NgxMatInputTelComponent, decorators: [{
942
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NgxMatInputTelComponent, decorators: [{
943
943
  type: Component,
944
944
  args: [{ standalone: true, selector: 'ngx-mat-input-tel', providers: [
945
945
  CountryCode,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-mat-input-tel",
3
- "version": "18.5.0",
3
+ "version": "18.5.2",
4
4
  "author": {
5
5
  "name": "Raphaël Balet",
6
6
  "email": "raphael.balet@outlook.com"
@@ -59,4 +59,4 @@
59
59
  }
60
60
  },
61
61
  "sideEffects": false
62
- }
62
+ }