i-tech-shared-components 1.4.34 → 1.4.35
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.
|
@@ -2284,7 +2284,7 @@ class PhoneNumberInputComponent {
|
|
|
2284
2284
|
return this.form.value;
|
|
2285
2285
|
}
|
|
2286
2286
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PhoneNumberInputComponent, deps: [{ token: InputService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2287
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PhoneNumberInputComponent, isStandalone: true, selector: "i-tech-phone-number-input", inputs: { data: "data", submit: "submit" }, ngImport: i0, template: "<div class=\"phone_number_input\"\n [formGroup]=\"form\"\n [class.disabled]=\"!!(ngControl.control.disabled)\"\n data-testId=\"phone-number-element\"\n>\n <div class=\"flex_align_center\">\n <mat-label\n [ngClass]=\"{\n 'invalid-label-color': !!(ngControl.control.errors && submit),\n }\"\n >{{(data?.label || '') | translate}}</mat-label>\n <span *ngIf=\"data.required\" class=\"required-input\">*</span>\n </div>\n\n <mat-form-field appearance=\"outline\" class=\"w-100\">\n <div class=\"flex_center_align_center phoneNumber\">\n <mat-select [placeholder]=\"'Code'\"\n formControlName=\"code\"\n [errorStateMatcher]=\"customErrorStateMatcher\"\n panelClass=\"custome_panel_phone_number\"\n (selectionChange)=\"updateMask()\"\n >\n <mat-option *ngFor=\"let code of countries\"\n [value]=\"('+' + code)\"\n >\n +{{code}}\n </mat-option>\n </mat-select>\n <input [mask]=\"currentMask\"\n formControlName=\"phone\"\n matInput\n [errorStateMatcher]=\"customErrorStateMatcher\"\n type=\"text\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.stopPropagation()\"\n >\n </div>\n\n <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\"\n >\n {{ (ngControl.control | generateErrorMessages : (data.label || ''): 'pattern') }}\n </mat-error>\n </mat-form-field>\n</div>\n\n\n", styles: [".phone_number_input{width:210px;padding-left:3px}.phone_number_input.disabled .required-input,.phone_number_input.disabled mat-label{color:#d7d9de!important}.phone_number_input::ng-deep .mdc-text-field--no-label{padding:0 8px}.phone_number_input .phoneNumber{overflow:hidden}.phone_number_input .phoneNumber input{border:unset;outline:none;width:100%;padding:0;padding-left:8px!important}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select{border-right:1px solid #D7D9DE;padding-right:8px;width:85px!important;outline:none;font-size:16px}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-value{text-align:center}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-placeholder{color:#647081!important;font-weight:500!important;font-size:16px!important}\n"], dependencies: [{ kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: MatLabel$1, selector: "mat-label" }, { kind: "directive", type: MatError$1, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
|
|
2287
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PhoneNumberInputComponent, isStandalone: true, selector: "i-tech-phone-number-input", inputs: { data: "data", submit: "submit" }, ngImport: i0, template: "<div class=\"phone_number_input\"\n [formGroup]=\"form\"\n [class.disabled]=\"!!(ngControl.control.disabled)\"\n [attr.data-testId]=\"data.testId || 'phone-number-element'\"\n>\n <div class=\"flex_align_center\">\n <mat-label\n [ngClass]=\"{\n 'invalid-label-color': !!(ngControl.control.errors && submit),\n }\"\n >{{(data?.label || '') | translate}}</mat-label>\n <span *ngIf=\"data.required\" class=\"required-input\">*</span>\n </div>\n\n <mat-form-field appearance=\"outline\" class=\"w-100\">\n <div class=\"flex_center_align_center phoneNumber\">\n <mat-select [placeholder]=\"'Code'\"\n formControlName=\"code\"\n [errorStateMatcher]=\"customErrorStateMatcher\"\n panelClass=\"custome_panel_phone_number\"\n (selectionChange)=\"updateMask()\"\n [attr.data-testId]=\"data.testId ? (data.testId + '_code') : 'phone-number-code-element'\"\n >\n <mat-option *ngFor=\"let code of countries\"\n [value]=\"('+' + code)\"\n >\n +{{code}}\n </mat-option>\n </mat-select>\n <input [mask]=\"currentMask\"\n formControlName=\"phone\"\n matInput\n [attr.data-testId]=\"data.testId ? (data.testId + '_input') : 'phone-number-input'\"\n [errorStateMatcher]=\"customErrorStateMatcher\"\n type=\"text\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.stopPropagation()\"\n >\n </div>\n\n <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\"\n >\n {{ (ngControl.control | generateErrorMessages : (data.label || ''): 'pattern') }}\n </mat-error>\n </mat-form-field>\n</div>\n\n\n", styles: [".phone_number_input{width:210px;padding-left:3px}.phone_number_input.disabled .required-input,.phone_number_input.disabled mat-label{color:#d7d9de!important}.phone_number_input::ng-deep .mdc-text-field--no-label{padding:0 8px}.phone_number_input .phoneNumber{overflow:hidden}.phone_number_input .phoneNumber input{border:unset;outline:none;width:100%;padding:0;padding-left:8px!important}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select{border-right:1px solid #D7D9DE;padding-right:8px;width:85px!important;outline:none;font-size:16px}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-value{text-align:center}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-placeholder{color:#647081!important;font-weight:500!important;font-size:16px!important}\n"], dependencies: [{ kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: MatLabel$1, selector: "mat-label" }, { kind: "directive", type: MatError$1, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
|
|
2288
2288
|
}
|
|
2289
2289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PhoneNumberInputComponent, decorators: [{
|
|
2290
2290
|
type: Component,
|
|
@@ -2292,7 +2292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2292
2292
|
MatSelect, MatOption, NgForOf, TranslateModule, NgClass, ReactiveFormsModule,
|
|
2293
2293
|
NgIf, NgxMaskDirective, FormsModule, MatLabel$1, MatError$1,
|
|
2294
2294
|
GenerateErrorMessagesPipe, MatFormField, MatInput
|
|
2295
|
-
], template: "<div class=\"phone_number_input\"\n [formGroup]=\"form\"\n [class.disabled]=\"!!(ngControl.control.disabled)\"\n data-testId=\"phone-number-element\"\n>\n <div class=\"flex_align_center\">\n <mat-label\n [ngClass]=\"{\n 'invalid-label-color': !!(ngControl.control.errors && submit),\n }\"\n >{{(data?.label || '') | translate}}</mat-label>\n <span *ngIf=\"data.required\" class=\"required-input\">*</span>\n </div>\n\n <mat-form-field appearance=\"outline\" class=\"w-100\">\n <div class=\"flex_center_align_center phoneNumber\">\n <mat-select [placeholder]=\"'Code'\"\n formControlName=\"code\"\n [errorStateMatcher]=\"customErrorStateMatcher\"\n panelClass=\"custome_panel_phone_number\"\n (selectionChange)=\"updateMask()\"\n >\n <mat-option *ngFor=\"let code of countries\"\n [value]=\"('+' + code)\"\n >\n +{{code}}\n </mat-option>\n </mat-select>\n <input [mask]=\"currentMask\"\n formControlName=\"phone\"\n matInput\n [errorStateMatcher]=\"customErrorStateMatcher\"\n type=\"text\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.stopPropagation()\"\n >\n </div>\n\n <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\"\n >\n {{ (ngControl.control | generateErrorMessages : (data.label || ''): 'pattern') }}\n </mat-error>\n </mat-form-field>\n</div>\n\n\n", styles: [".phone_number_input{width:210px;padding-left:3px}.phone_number_input.disabled .required-input,.phone_number_input.disabled mat-label{color:#d7d9de!important}.phone_number_input::ng-deep .mdc-text-field--no-label{padding:0 8px}.phone_number_input .phoneNumber{overflow:hidden}.phone_number_input .phoneNumber input{border:unset;outline:none;width:100%;padding:0;padding-left:8px!important}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select{border-right:1px solid #D7D9DE;padding-right:8px;width:85px!important;outline:none;font-size:16px}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-value{text-align:center}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-placeholder{color:#647081!important;font-weight:500!important;font-size:16px!important}\n"] }]
|
|
2295
|
+
], template: "<div class=\"phone_number_input\"\n [formGroup]=\"form\"\n [class.disabled]=\"!!(ngControl.control.disabled)\"\n [attr.data-testId]=\"data.testId || 'phone-number-element'\"\n>\n <div class=\"flex_align_center\">\n <mat-label\n [ngClass]=\"{\n 'invalid-label-color': !!(ngControl.control.errors && submit),\n }\"\n >{{(data?.label || '') | translate}}</mat-label>\n <span *ngIf=\"data.required\" class=\"required-input\">*</span>\n </div>\n\n <mat-form-field appearance=\"outline\" class=\"w-100\">\n <div class=\"flex_center_align_center phoneNumber\">\n <mat-select [placeholder]=\"'Code'\"\n formControlName=\"code\"\n [errorStateMatcher]=\"customErrorStateMatcher\"\n panelClass=\"custome_panel_phone_number\"\n (selectionChange)=\"updateMask()\"\n [attr.data-testId]=\"data.testId ? (data.testId + '_code') : 'phone-number-code-element'\"\n >\n <mat-option *ngFor=\"let code of countries\"\n [value]=\"('+' + code)\"\n >\n +{{code}}\n </mat-option>\n </mat-select>\n <input [mask]=\"currentMask\"\n formControlName=\"phone\"\n matInput\n [attr.data-testId]=\"data.testId ? (data.testId + '_input') : 'phone-number-input'\"\n [errorStateMatcher]=\"customErrorStateMatcher\"\n type=\"text\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.stopPropagation()\"\n >\n </div>\n\n <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\"\n >\n {{ (ngControl.control | generateErrorMessages : (data.label || ''): 'pattern') }}\n </mat-error>\n </mat-form-field>\n</div>\n\n\n", styles: [".phone_number_input{width:210px;padding-left:3px}.phone_number_input.disabled .required-input,.phone_number_input.disabled mat-label{color:#d7d9de!important}.phone_number_input::ng-deep .mdc-text-field--no-label{padding:0 8px}.phone_number_input .phoneNumber{overflow:hidden}.phone_number_input .phoneNumber input{border:unset;outline:none;width:100%;padding:0;padding-left:8px!important}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select{border-right:1px solid #D7D9DE;padding-right:8px;width:85px!important;outline:none;font-size:16px}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-value{text-align:center}.phone_number_input .phoneNumber ::ng-deep .mat-mdc-select .mat-mdc-select-placeholder{color:#647081!important;font-weight:500!important;font-size:16px!important}\n"] }]
|
|
2296
2296
|
}], ctorParameters: () => [{ type: InputService }], propDecorators: { data: [{
|
|
2297
2297
|
type: Input
|
|
2298
2298
|
}], submit: [{
|