ecabs-components 1.1.17 → 1.1.19
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.
- package/README.md +46 -44
- package/esm2022/lib/base/services/ecabs-components.service.mjs +2 -1
- package/esm2022/lib/ecabs-base-phone-input/ecabs-base-phone.component.mjs +2 -2
- package/esm2022/lib/ecabs-phone/ecabs-phone.component.mjs +21 -19
- package/fesm2022/ecabs-components.mjs +17 -12
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/base/services/ecabs-components.service.d.ts +1 -0
- package/lib/ecabs-base-phone-input/ecabs-base-phone.component.d.ts +1 -1
- package/lib/ecabs-phone/ecabs-phone.component.d.ts +5 -5
- package/package.json +1 -1
- package/src/assets/styles/material/overrides/_table.scss +4 -0
|
@@ -432,6 +432,7 @@ class EcabsComponentsService {
|
|
|
432
432
|
errorMessages: [...errorMessages],
|
|
433
433
|
i18n,
|
|
434
434
|
claims: [],
|
|
435
|
+
defaultPhoneDebounceTimeMs: 1000,
|
|
435
436
|
};
|
|
436
437
|
config;
|
|
437
438
|
_config = new BehaviorSubject(this.defaultConfig);
|
|
@@ -4224,7 +4225,7 @@ class EcabsBasePhoneComponent extends _NgxMatIntlTelInputMixinBase {
|
|
|
4224
4225
|
enableSearch = false;
|
|
4225
4226
|
searchPlaceholder;
|
|
4226
4227
|
describedBy = '';
|
|
4227
|
-
debounceTimeMs
|
|
4228
|
+
debounceTimeMs;
|
|
4228
4229
|
get format() {
|
|
4229
4230
|
return this._format;
|
|
4230
4231
|
}
|
|
@@ -4590,12 +4591,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4590
4591
|
class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
4591
4592
|
injector;
|
|
4592
4593
|
ecabsComponentsService;
|
|
4593
|
-
|
|
4594
|
+
destroyRef;
|
|
4594
4595
|
preferredCountries;
|
|
4595
4596
|
enablePlaceholder;
|
|
4596
4597
|
enableSearch = true;
|
|
4597
4598
|
useOnlyDisabledClass = false;
|
|
4598
4599
|
required;
|
|
4600
|
+
debounceTimeMs;
|
|
4599
4601
|
onblur = new EventEmitter();
|
|
4600
4602
|
phoneInput;
|
|
4601
4603
|
phoneForm;
|
|
@@ -4609,11 +4611,11 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4609
4611
|
this.phoneForm.setValue({ phone: val });
|
|
4610
4612
|
}
|
|
4611
4613
|
}
|
|
4612
|
-
constructor(injector, ecabsComponentsService,
|
|
4614
|
+
constructor(injector, ecabsComponentsService, destroyRef) {
|
|
4613
4615
|
super();
|
|
4614
4616
|
this.injector = injector;
|
|
4615
4617
|
this.ecabsComponentsService = ecabsComponentsService;
|
|
4616
|
-
this.
|
|
4618
|
+
this.destroyRef = destroyRef;
|
|
4617
4619
|
}
|
|
4618
4620
|
onInput(event) {
|
|
4619
4621
|
if (this.prohibitedCharacters.includes(event.key)) {
|
|
@@ -4626,11 +4628,14 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4626
4628
|
});
|
|
4627
4629
|
this.ecabsComponentsService
|
|
4628
4630
|
.getConfig()
|
|
4629
|
-
.pipe(
|
|
4631
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
4630
4632
|
.subscribe((val) => {
|
|
4631
4633
|
if (!this.preferredCountries?.length) {
|
|
4632
4634
|
this.preferredCountries = val.defaultCountries;
|
|
4633
4635
|
}
|
|
4636
|
+
if (!this.debounceTimeMs) {
|
|
4637
|
+
this.debounceTimeMs = val.defaultPhoneDebounceTimeMs;
|
|
4638
|
+
}
|
|
4634
4639
|
});
|
|
4635
4640
|
}
|
|
4636
4641
|
ngAfterViewInit() {
|
|
@@ -4684,27 +4689,25 @@ class EcabsPhoneComponent extends EcabsElementBaseComponent {
|
|
|
4684
4689
|
}
|
|
4685
4690
|
this.control?.setErrors(this.phoneForm.get('phone').errors);
|
|
4686
4691
|
}
|
|
4687
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsPhoneComponent, deps: [{ token: i0.Injector }, { token: EcabsComponentsService }, { token:
|
|
4688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsPhoneComponent, selector: "ecabs-phone", inputs: { preferredCountries: "preferredCountries", enablePlaceholder: "enablePlaceholder", enableSearch: "enableSearch", useOnlyDisabledClass: "useOnlyDisabledClass", required: "required" }, outputs: { onblur: "onblur" }, host: { listeners: { "keypress": "onInput($event)" } }, providers: [
|
|
4689
|
-
UnsubscribeService,
|
|
4692
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsPhoneComponent, deps: [{ token: i0.Injector }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4693
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsPhoneComponent, selector: "ecabs-phone", inputs: { preferredCountries: "preferredCountries", enablePlaceholder: "enablePlaceholder", enableSearch: "enableSearch", useOnlyDisabledClass: "useOnlyDisabledClass", required: "required", debounceTimeMs: "debounceTimeMs" }, outputs: { onblur: "onblur" }, host: { listeners: { "keypress": "onInput($event)" } }, providers: [
|
|
4690
4694
|
{
|
|
4691
4695
|
provide: NG_VALUE_ACCESSOR,
|
|
4692
4696
|
useExisting: EcabsPhoneComponent,
|
|
4693
4697
|
multi: true,
|
|
4694
4698
|
},
|
|
4695
|
-
], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\r\n <ecabs-base-phone\r\n
|
|
4699
|
+
], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\r\n <ecabs-base-phone\r\n [ngClass]=\"{ error: phoneForm.invalid && (phoneForm.dirty || phoneForm.touched) }\"\r\n #phoneInput\r\n [preferredCountries]=\"preferredCountries\"\r\n [enablePlaceholder]=\"enablePlaceholder\"\r\n [enableSearch]=\"enableSearch\"\r\n [disabled]=\"disabled\"\r\n [formControlName]=\"'phone'\"\r\n [inputPlaceholder]=\"placeholder\"\r\n [debounceTimeMs]=\"debounceTimeMs\"\r\n name=\"phone\"\r\n (focusout)=\"onBlur()\"\r\n >\r\n </ecabs-base-phone>\r\n </form>\r\n</ecabs-element-wrapper>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EcabsElementWrapperComponent, selector: "ecabs-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: EcabsBasePhoneComponent, selector: "ecabs-base-phone", inputs: ["preferredCountries", "enablePlaceholder", "inputPlaceholder", "cssClass", "name", "onlyCountries", "errorStateMatcher", "enableSearch", "searchPlaceholder", "describedBy", "debounceTimeMs", "format", "placeholder", "required", "disabled"], outputs: ["countryChanged"] }] });
|
|
4696
4700
|
}
|
|
4697
4701
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsPhoneComponent, decorators: [{
|
|
4698
4702
|
type: Component,
|
|
4699
4703
|
args: [{ selector: 'ecabs-phone', providers: [
|
|
4700
|
-
UnsubscribeService,
|
|
4701
4704
|
{
|
|
4702
4705
|
provide: NG_VALUE_ACCESSOR,
|
|
4703
4706
|
useExisting: EcabsPhoneComponent,
|
|
4704
4707
|
multi: true,
|
|
4705
4708
|
},
|
|
4706
|
-
], template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\r\n <ecabs-base-phone\r\n
|
|
4707
|
-
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: EcabsComponentsService }, { type:
|
|
4709
|
+
], template: "<ecabs-element-wrapper [data]=\"getData()\">\r\n <form #f=\"ngForm\" [formGroup]=\"phoneForm\">\r\n <ecabs-base-phone\r\n [ngClass]=\"{ error: phoneForm.invalid && (phoneForm.dirty || phoneForm.touched) }\"\r\n #phoneInput\r\n [preferredCountries]=\"preferredCountries\"\r\n [enablePlaceholder]=\"enablePlaceholder\"\r\n [enableSearch]=\"enableSearch\"\r\n [disabled]=\"disabled\"\r\n [formControlName]=\"'phone'\"\r\n [inputPlaceholder]=\"placeholder\"\r\n [debounceTimeMs]=\"debounceTimeMs\"\r\n name=\"phone\"\r\n (focusout)=\"onBlur()\"\r\n >\r\n </ecabs-base-phone>\r\n </form>\r\n</ecabs-element-wrapper>\r\n" }]
|
|
4710
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: EcabsComponentsService }, { type: i0.DestroyRef }]; }, propDecorators: { preferredCountries: [{
|
|
4708
4711
|
type: Input
|
|
4709
4712
|
}], enablePlaceholder: [{
|
|
4710
4713
|
type: Input
|
|
@@ -4714,6 +4717,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4714
4717
|
type: Input
|
|
4715
4718
|
}], required: [{
|
|
4716
4719
|
type: Input
|
|
4720
|
+
}], debounceTimeMs: [{
|
|
4721
|
+
type: Input
|
|
4717
4722
|
}], onblur: [{
|
|
4718
4723
|
type: Output
|
|
4719
4724
|
}], phoneInput: [{
|