master-control 0.1.7 → 0.1.8
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/esm2022/lib/add-document/add-document.component.mjs +18 -0
- package/esm2022/lib/amount-textbox/amount-textbox.component.mjs +24 -0
- package/esm2022/lib/autocomplete/autocomplete.component.mjs +47 -0
- package/esm2022/lib/download-document/download-document.component.mjs +18 -0
- package/esm2022/lib/hyperlink/hyperlink.component.mjs +14 -0
- package/esm2022/lib/icon-button/icon-button.component.mjs +14 -0
- package/esm2022/lib/image-upload/image-upload.component.mjs +18 -0
- package/esm2022/lib/master-control.component.mjs +33 -29
- package/esm2022/lib/multiple-select/multiple-select.component.mjs +50 -0
- package/esm2022/lib/otp-mob-number/otp-mob-number.component.mjs +25 -0
- package/esm2022/lib/otp-textbox/otp-textbox.component.mjs +29 -0
- package/esm2022/lib/suffix-textbox/suffix-textbox.component.mjs +27 -0
- package/esm2022/lib/tab/tab.component.mjs +16 -0
- package/esm2022/lib/tag-mob-number/tag-mob-number.component.mjs +28 -0
- package/esm2022/lib/textbox-with-image/textbox-with-image.component.mjs +3 -3
- package/esm2022/lib/textbox-with-underscore/textbox-with-underscore.component.mjs +32 -0
- package/esm2022/lib/underscore-mob-number/underscore-mob-number.component.mjs +35 -0
- package/esm2022/lib/upload/upload.component.mjs +3 -3
- package/esm2022/public-api.mjs +14 -8
- package/fesm2022/master-control.mjs +300 -27
- package/fesm2022/master-control.mjs.map +1 -1
- package/lib/add-document/add-document.component.d.ts +6 -0
- package/lib/amount-textbox/amount-textbox.component.d.ts +6 -0
- package/lib/autocomplete/autocomplete.component.d.ts +11 -0
- package/lib/download-document/download-document.component.d.ts +6 -0
- package/lib/hyperlink/hyperlink.component.d.ts +6 -0
- package/lib/icon-button/icon-button.component.d.ts +6 -0
- package/lib/image-upload/image-upload.component.d.ts +6 -0
- package/lib/multiple-select/multiple-select.component.d.ts +11 -0
- package/lib/otp-mob-number/otp-mob-number.component.d.ts +7 -0
- package/lib/otp-textbox/otp-textbox.component.d.ts +6 -0
- package/lib/suffix-textbox/suffix-textbox.component.d.ts +6 -0
- package/lib/tab/tab.component.d.ts +6 -0
- package/lib/tag-mob-number/tag-mob-number.component.d.ts +7 -0
- package/lib/textbox-with-underscore/textbox-with-underscore.component.d.ts +8 -0
- package/lib/underscore-mob-number/underscore-mob-number.component.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +13 -0
|
@@ -7,6 +7,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
|
|
|
7
7
|
import * as i1$1 from '@angular/common';
|
|
8
8
|
import { CommonModule } from '@angular/common';
|
|
9
9
|
import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, FormGroup } from '@angular/forms';
|
|
10
|
+
import * as i4$1 from '@angular/material/autocomplete';
|
|
10
11
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
11
12
|
import * as i3 from '@angular/material/core';
|
|
12
13
|
import { MatOptionModule, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
|
|
@@ -17,8 +18,14 @@ import { MatRadioModule } from '@angular/material/radio';
|
|
|
17
18
|
import { MomentDateAdapter, MomentDateModule } from '@angular/material-moment-adapter';
|
|
18
19
|
import * as i5 from '@angular/material/datepicker';
|
|
19
20
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
20
|
-
import * as
|
|
21
|
+
import * as i4 from '@angular/material/checkbox';
|
|
21
22
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
23
|
+
import * as i1$3 from '@angular/material/tabs';
|
|
24
|
+
import { MatTabsModule } from '@angular/material/tabs';
|
|
25
|
+
import * as i5$1 from '@angular/material/chips';
|
|
26
|
+
import { MatChipsModule } from '@angular/material/chips';
|
|
27
|
+
import * as i6 from '@angular/material/icon';
|
|
28
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
22
29
|
|
|
23
30
|
class MasterControlService {
|
|
24
31
|
constructor() { }
|
|
@@ -209,7 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
209
216
|
class UploadComponent {
|
|
210
217
|
field = input.required();
|
|
211
218
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
212
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: UploadComponent, isStandalone: true, selector: "lib-upload", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn\"\r\n (click)=\"fileInput.click()\"\r\n [ngClass]=\"field().label ? 'lightbackground' : 'successBackground'\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <ng-container *ngIf=\"field().label; else policyHolderPanFileNotEmpty\">\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/
|
|
219
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: UploadComponent, isStandalone: true, selector: "lib-upload", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn\"\r\n (click)=\"fileInput.click()\"\r\n [ngClass]=\"field().label ? 'lightbackground' : 'successBackground'\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <ng-container *ngIf=\"field().label; else policyHolderPanFileNotEmpty\">\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/Upload_documents.svg\"\r\n alt=\"\"\r\n /></span>\r\n <span>{{ field().label }}</span>\r\n </span>\r\n </ng-container>\r\n <ng-template #policyHolderPanFileNotEmpty>\r\n <span class=\"mt-2 right-icon\">\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/Tickmark.svg\" alt=\"\"\r\n /></span>\r\n <span title=\"uploaded file\">uploaded file</span>\r\n </span>\r\n <div class=\"mt-2 left-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\"\r\n alt=\"\"\r\n /></span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </ng-template>\r\n </button>\r\n <div class=\"upload-info\" *ngIf=\"field() && field().isVisible\">This scans your name & DOB. Max size 5 MB.</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
213
220
|
}
|
|
214
221
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadComponent, decorators: [{
|
|
215
222
|
type: Component,
|
|
@@ -217,7 +224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
217
224
|
CommonModule,
|
|
218
225
|
FormsModule,
|
|
219
226
|
ReactiveFormsModule
|
|
220
|
-
], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn\"\r\n (click)=\"fileInput.click()\"\r\n [ngClass]=\"field().label ? 'lightbackground' : 'successBackground'\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <ng-container *ngIf=\"field().label; else policyHolderPanFileNotEmpty\">\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/
|
|
227
|
+
], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn\"\r\n (click)=\"fileInput.click()\"\r\n [ngClass]=\"field().label ? 'lightbackground' : 'successBackground'\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <ng-container *ngIf=\"field().label; else policyHolderPanFileNotEmpty\">\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/Upload_documents.svg\"\r\n alt=\"\"\r\n /></span>\r\n <span>{{ field().label }}</span>\r\n </span>\r\n </ng-container>\r\n <ng-template #policyHolderPanFileNotEmpty>\r\n <span class=\"mt-2 right-icon\">\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/Tickmark.svg\" alt=\"\"\r\n /></span>\r\n <span title=\"uploaded file\">uploaded file</span>\r\n </span>\r\n <div class=\"mt-2 left-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\"\r\n alt=\"\"\r\n /></span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </ng-template>\r\n </button>\r\n <div class=\"upload-info\" *ngIf=\"field() && field().isVisible\">This scans your name & DOB. Max size 5 MB.</div>\r\n" }]
|
|
221
228
|
}] });
|
|
222
229
|
|
|
223
230
|
const MY_DATE_FORMAT = {
|
|
@@ -419,7 +426,7 @@ class CheckboxComponent {
|
|
|
419
426
|
useExisting: CheckboxComponent,
|
|
420
427
|
multi: true
|
|
421
428
|
}
|
|
422
|
-
], ngImport: i0, template: "<mat-checkbox *ngIf=\"field() && field().isVisible\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators?.isRequired\"\r\n [checked]=\"inputValue\"\r\n (change)=\"onCheckboxChange($event)\"\r\n>\r\n{{ field().label }}\r\n</mat-checkbox>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{field().validators?.isRequiredMessage}}.\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type:
|
|
429
|
+
], ngImport: i0, template: "<mat-checkbox *ngIf=\"field() && field().isVisible\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators?.isRequired\"\r\n [checked]=\"inputValue\"\r\n (change)=\"onCheckboxChange($event)\"\r\n>\r\n{{ field().label }}\r\n</mat-checkbox>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{field().validators?.isRequiredMessage}}.\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
423
430
|
}
|
|
424
431
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
425
432
|
type: Component,
|
|
@@ -442,6 +449,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
442
449
|
args: [{ selector: 'lib-textarea', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<textarea\r\n*ngIf=\"field() && field().isVisible\"\r\n cols=\"40\"\r\n rows=\"3\"\r\n autocomplete=\"nope\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators?.maxLength\"\r\n [minLength]=\"field().validators?.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators?.isRequired\"\r\n></textarea>\r\n" }]
|
|
443
450
|
}] });
|
|
444
451
|
|
|
452
|
+
class TabComponent {
|
|
453
|
+
field = input.required();
|
|
454
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
455
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TabComponent, isStandalone: true, selector: "lib-tab", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-tab-group *ngIf=\"field() && field().isVisible\"\r\n>\r\n <!-- [ngStyle]=\"{\r\n '--tab-border-color': fieldService.masterCssJson.borderColor ,\r\n '--tab-border-width': fieldService.masterCssJson.borderWidth,\r\n '--tab-font-size': fieldService.masterCssJson.fontSize,\r\n '--tab-font-weight': fieldService.masterCssJson.fontWeight,\r\n '--tab-font-color': fieldService.masterCssJson.color,\r\n }\" -->\r\n \r\n <!-- <mat-tab *ngFor=\"let data of field().options\" [label]=\"data.label\">\r\n <h6>Content</h6>\r\n </mat-tab> -->\r\n <mat-tab *ngFor=\"let data of field().options\">\r\n <ng-template mat-tab-label>\r\n <img [src]=\"data.value\" alt=\"\" class=\"mx-2\">\r\n {{ data.label }}\r\n </ng-template>\r\n <h6>Content</h6>\r\n </mat-tab>\r\n</mat-tab-group>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1$3.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i1$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
456
|
+
}
|
|
457
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabComponent, decorators: [{
|
|
458
|
+
type: Component,
|
|
459
|
+
args: [{ selector: 'lib-tab', standalone: true, imports: [MatTabsModule, CommonModule], template: "<mat-tab-group *ngIf=\"field() && field().isVisible\"\r\n>\r\n <!-- [ngStyle]=\"{\r\n '--tab-border-color': fieldService.masterCssJson.borderColor ,\r\n '--tab-border-width': fieldService.masterCssJson.borderWidth,\r\n '--tab-font-size': fieldService.masterCssJson.fontSize,\r\n '--tab-font-weight': fieldService.masterCssJson.fontWeight,\r\n '--tab-font-color': fieldService.masterCssJson.color,\r\n }\" -->\r\n \r\n <!-- <mat-tab *ngFor=\"let data of field().options\" [label]=\"data.label\">\r\n <h6>Content</h6>\r\n </mat-tab> -->\r\n <mat-tab *ngFor=\"let data of field().options\">\r\n <ng-template mat-tab-label>\r\n <img [src]=\"data.value\" alt=\"\" class=\"mx-2\">\r\n {{ data.label }}\r\n </ng-template>\r\n <h6>Content</h6>\r\n </mat-tab>\r\n</mat-tab-group>\r\n" }]
|
|
460
|
+
}] });
|
|
461
|
+
|
|
462
|
+
class AutocompleteComponent {
|
|
463
|
+
field = input.required();
|
|
464
|
+
selectedOption = null;
|
|
465
|
+
filteredOptions = [];
|
|
466
|
+
ngOnInit() {
|
|
467
|
+
this.filteredOptions = this.field().options;
|
|
468
|
+
}
|
|
469
|
+
filterOptions() {
|
|
470
|
+
if (!this.selectedOption) {
|
|
471
|
+
this.filteredOptions = this.field().options;
|
|
472
|
+
return;
|
|
473
|
+
}
|
|
474
|
+
const filterValue = this.selectedOption.toLowerCase();
|
|
475
|
+
this.filteredOptions = this.field().options.filter((option) => option.label.toLowerCase().includes(filterValue));
|
|
476
|
+
}
|
|
477
|
+
displayFn(option) {
|
|
478
|
+
return option ? option : '';
|
|
479
|
+
}
|
|
480
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
481
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AutocompleteComponent, isStandalone: true, selector: "lib-autocomplete", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: " <label *ngIf=\"field() && field().isVisible\" class=\"field-lable\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators?.isRequired\">*</span></label>\r\n <mat-form-field class=\"w-100\" appearance=\"outline\" *ngIf=\"field() && field().isVisible\">\r\n <input\r\n matInput\r\n type=\"text\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [matAutocomplete]=\"auto\"\r\n (ngModelChange)=\"filterOptions()\"\r\n (focus)=\"filterOptions()\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators?.isRequired\"\r\n [placeholder]=\"field().placeHolder\"\r\n />\r\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option.label\">\r\n {{ option.label }}\r\n </mat-option>\r\n</mat-autocomplete>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}\r\n </mat-error>\r\n </mat-form-field>\r\n <div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}.\r\n </div>\r\n <div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.patternMessage }}.\r\n </div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
482
|
+
}
|
|
483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteComponent, decorators: [{
|
|
484
|
+
type: Component,
|
|
485
|
+
args: [{ selector: 'lib-autocomplete', standalone: true, imports: [
|
|
486
|
+
MatFormFieldModule,
|
|
487
|
+
CommonModule,
|
|
488
|
+
MatInputModule,
|
|
489
|
+
MatAutocompleteModule,
|
|
490
|
+
MatOptionModule,
|
|
491
|
+
FormsModule,
|
|
492
|
+
ReactiveFormsModule
|
|
493
|
+
], template: " <label *ngIf=\"field() && field().isVisible\" class=\"field-lable\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators?.isRequired\">*</span></label>\r\n <mat-form-field class=\"w-100\" appearance=\"outline\" *ngIf=\"field() && field().isVisible\">\r\n <input\r\n matInput\r\n type=\"text\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [matAutocomplete]=\"auto\"\r\n (ngModelChange)=\"filterOptions()\"\r\n (focus)=\"filterOptions()\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators?.isRequired\"\r\n [placeholder]=\"field().placeHolder\"\r\n />\r\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option.label\">\r\n {{ option.label }}\r\n </mat-option>\r\n</mat-autocomplete>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}\r\n </mat-error>\r\n </mat-form-field>\r\n <div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}.\r\n </div>\r\n <div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.patternMessage }}.\r\n </div>\r\n" }]
|
|
494
|
+
}] });
|
|
495
|
+
|
|
496
|
+
class MultipleSelectComponent {
|
|
497
|
+
field = input.required();
|
|
498
|
+
selectedValues = [];
|
|
499
|
+
visibleChip = [];
|
|
500
|
+
remainingCount = 0;
|
|
501
|
+
removeItem(item) {
|
|
502
|
+
const maxVisible = 2;
|
|
503
|
+
this.visibleChip = this.visibleChip.filter((element) => element !== item);
|
|
504
|
+
this.selectedValues = this.selectedValues.filter((element) => element !== item);
|
|
505
|
+
const found = this.field().options.find((i) => i.label === item);
|
|
506
|
+
if (found) {
|
|
507
|
+
found.value = false;
|
|
508
|
+
}
|
|
509
|
+
this.visibleChip = this.selectedValues.slice(0, maxVisible);
|
|
510
|
+
this.remainingCount = this.selectedValues.length - maxVisible;
|
|
511
|
+
}
|
|
512
|
+
onSelectionChange() {
|
|
513
|
+
const maxVisible = 2;
|
|
514
|
+
this.visibleChip = this.selectedValues.slice(0, maxVisible);
|
|
515
|
+
this.remainingCount = this.selectedValues.length - maxVisible;
|
|
516
|
+
}
|
|
517
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MultipleSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
518
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MultipleSelectComponent, isStandalone: true, selector: "lib-multiple-select", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators?.isRequired\">*</span></label>\r\n<mat-form-field\r\n appearance=\"outline\"\r\n class=\"input-full-width full-width w-100 multi-select\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <mat-select\r\n multiple\r\n [id]=\"field().fieldName\"\r\n [(value)]=\"selectedValues\"\r\n (selectionChange)=\"onSelectionChange()\"\r\n [required]=\"field().validators?.isRequired\"\r\n [placeholder]=\"field().placeHolder\"\r\n [disabled]=\"field().isDisable\"\r\n >\r\n <mat-select-trigger>\r\n <mat-chip-listbox>\r\n @for (option of visibleChip; track option) {\r\n <mat-chip [removable]=\"true\" (removed)=\"removeItem(option)\">\r\n {{ option }}\r\n <mat-icon matChipRemove>close</mat-icon>\r\n </mat-chip>\r\n }\r\n <mat-chip *ngIf=\"remainingCount > 0\"> +{{ remainingCount }} </mat-chip>\r\n </mat-chip-listbox>\r\n </mat-select-trigger>\r\n @for (option of field().options; track option.label) {\r\n <mat-option [value]=\"option.label\">\r\n {{ option.label }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.requiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i2$1.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i5$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "directive", type: i5$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
519
|
+
}
|
|
520
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MultipleSelectComponent, decorators: [{
|
|
521
|
+
type: Component,
|
|
522
|
+
args: [{ selector: 'lib-multiple-select', standalone: true, imports: [
|
|
523
|
+
MatSelectModule,
|
|
524
|
+
MatFormFieldModule,
|
|
525
|
+
CommonModule,
|
|
526
|
+
MatChipsModule,
|
|
527
|
+
MatIconModule,
|
|
528
|
+
ReactiveFormsModule
|
|
529
|
+
], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators?.isRequired\">*</span></label>\r\n<mat-form-field\r\n appearance=\"outline\"\r\n class=\"input-full-width full-width w-100 multi-select\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <mat-select\r\n multiple\r\n [id]=\"field().fieldName\"\r\n [(value)]=\"selectedValues\"\r\n (selectionChange)=\"onSelectionChange()\"\r\n [required]=\"field().validators?.isRequired\"\r\n [placeholder]=\"field().placeHolder\"\r\n [disabled]=\"field().isDisable\"\r\n >\r\n <mat-select-trigger>\r\n <mat-chip-listbox>\r\n @for (option of visibleChip; track option) {\r\n <mat-chip [removable]=\"true\" (removed)=\"removeItem(option)\">\r\n {{ option }}\r\n <mat-icon matChipRemove>close</mat-icon>\r\n </mat-chip>\r\n }\r\n <mat-chip *ngIf=\"remainingCount > 0\"> +{{ remainingCount }} </mat-chip>\r\n </mat-chip-listbox>\r\n </mat-select-trigger>\r\n @for (option of field().options; track option.label) {\r\n <mat-option [value]=\"option.label\">\r\n {{ option.label }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.requiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n" }]
|
|
530
|
+
}] });
|
|
531
|
+
|
|
445
532
|
class SelectTextboxComponent {
|
|
446
533
|
field = input.required();
|
|
447
534
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -452,6 +539,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
452
539
|
args: [{ selector: 'lib-select-textbox', standalone: true, imports: [MatInputModule, MatSelectModule, MatFormFieldModule, CommonModule, MatInputModule, ReactiveFormsModule], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <div matSuffix class=\"input-select\">\r\n <!-- <mat-form-field> -->\r\n <mat-select>\r\n <mat-option *ngFor=\"let options of field().options\" [value]=\"options.value\">\r\n {{ options.label }}\r\n </mat-option>\r\n </mat-select>\r\n <!-- </mat-form-field> -->\r\n </div>\r\n</mat-form-field>\r\n" }]
|
|
453
540
|
}] });
|
|
454
541
|
|
|
542
|
+
class OtpTextboxComponent {
|
|
543
|
+
field = input.required();
|
|
544
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
545
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: OtpTextboxComponent, isStandalone: true, selector: "lib-otp-textbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n <div matSuffix class=\"get-otp mx-2\">\r\n <span class=\"mt-2\">Get OTP</span>\r\n </div>\r\n <div matSuffix class=\"verity-otp mx-2\" *ngIf=\"false\">\r\n <span class=\"mx-1\">Verify</span>\r\n </div>\r\n <span matSuffix class=\"mx-3\" *ngIf=\"false\">\r\n <img src=\"https://cdn.godigit.com/retail-life/check-circle-ou.svg\" alt=\"\" />\r\n </span>\r\n</mat-form-field>\r\n<div >\r\n <span class=\"checkbox-tag\">Tag as:</span>\r\n <span *ngFor=\"let options of field().options\" class=\"checkbox\">\r\n <mat-checkbox class=\"optional-checkbox\">\r\n {{options.label}}\r\n </mat-checkbox>\r\n </span>\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
546
|
+
}
|
|
547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpTextboxComponent, decorators: [{
|
|
548
|
+
type: Component,
|
|
549
|
+
args: [{ selector: 'lib-otp-textbox', standalone: true, imports: [
|
|
550
|
+
MatInputModule,
|
|
551
|
+
MatFormFieldModule,
|
|
552
|
+
CommonModule,
|
|
553
|
+
MatCheckboxModule,
|
|
554
|
+
MatSelectModule,
|
|
555
|
+
ReactiveFormsModule
|
|
556
|
+
], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n <div matSuffix class=\"get-otp mx-2\">\r\n <span class=\"mt-2\">Get OTP</span>\r\n </div>\r\n <div matSuffix class=\"verity-otp mx-2\" *ngIf=\"false\">\r\n <span class=\"mx-1\">Verify</span>\r\n </div>\r\n <span matSuffix class=\"mx-3\" *ngIf=\"false\">\r\n <img src=\"https://cdn.godigit.com/retail-life/check-circle-ou.svg\" alt=\"\" />\r\n </span>\r\n</mat-form-field>\r\n<div >\r\n <span class=\"checkbox-tag\">Tag as:</span>\r\n <span *ngFor=\"let options of field().options\" class=\"checkbox\">\r\n <mat-checkbox class=\"optional-checkbox\">\r\n {{options.label}}\r\n </mat-checkbox>\r\n </span>\r\n</div>\r\n\r\n" }]
|
|
557
|
+
}] });
|
|
558
|
+
|
|
559
|
+
class AmountTextboxComponent {
|
|
560
|
+
field = input.required();
|
|
561
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AmountTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
562
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AmountTextboxComponent, isStandalone: true, selector: "lib-amount-textbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n <mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n <span matPrefix class=\"rupee-symbol\">\u20B9</span>\r\n <span matSuffix class=\"mx-3 right-amount-text\"> \u20B9 3.50 L </span>\r\n </mat-form-field>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
563
|
+
}
|
|
564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AmountTextboxComponent, decorators: [{
|
|
565
|
+
type: Component,
|
|
566
|
+
args: [{ selector: 'lib-amount-textbox', standalone: true, imports: [
|
|
567
|
+
MatFormFieldModule,
|
|
568
|
+
CommonModule,
|
|
569
|
+
MatInputModule,
|
|
570
|
+
ReactiveFormsModule
|
|
571
|
+
], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n <mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n <span matPrefix class=\"rupee-symbol\">\u20B9</span>\r\n <span matSuffix class=\"mx-3 right-amount-text\"> \u20B9 3.50 L </span>\r\n </mat-form-field>\r\n" }]
|
|
572
|
+
}] });
|
|
573
|
+
|
|
574
|
+
class SuffixTextboxComponent {
|
|
575
|
+
field = input.required();
|
|
576
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuffixTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
577
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SuffixTextboxComponent, isStandalone: true, selector: "lib-suffix-textbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n <span matSuffix class=\"mx-3\" *ngIf=\"false\">\r\n <img src=\"https://cdn.godigit.com/retail-life/check-circle-ou.svg\" alt=\"\" />\r\n </span>\r\n <span matSuffix class=\"mx-3 right-input-text\"> Kg </span>\r\n</mat-form-field>\r\n<div>\r\n <span class=\"checkbox-tag\">Tag as:</span>\r\n <span *ngFor=\"let option of field().options\" class=\"checkbox\">\r\n <mat-checkbox class=\"optional-checkbox\">\r\n {{ option.label }}\r\n </mat-checkbox>\r\n </span>\r\n</div>\r\n<div *ngIf=\"false\">\r\n <span class=\"below-input-text\">Please enter the name as per any govt ID</span>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
578
|
+
}
|
|
579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuffixTextboxComponent, decorators: [{
|
|
580
|
+
type: Component,
|
|
581
|
+
args: [{ selector: 'lib-suffix-textbox', standalone: true, imports: [
|
|
582
|
+
MatFormFieldModule,
|
|
583
|
+
CommonModule,
|
|
584
|
+
MatInputModule,
|
|
585
|
+
MatCheckboxModule,
|
|
586
|
+
ReactiveFormsModule
|
|
587
|
+
], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n <span matSuffix class=\"mx-3\" *ngIf=\"false\">\r\n <img src=\"https://cdn.godigit.com/retail-life/check-circle-ou.svg\" alt=\"\" />\r\n </span>\r\n <span matSuffix class=\"mx-3 right-input-text\"> Kg </span>\r\n</mat-form-field>\r\n<div>\r\n <span class=\"checkbox-tag\">Tag as:</span>\r\n <span *ngFor=\"let option of field().options\" class=\"checkbox\">\r\n <mat-checkbox class=\"optional-checkbox\">\r\n {{ option.label }}\r\n </mat-checkbox>\r\n </span>\r\n</div>\r\n<div *ngIf=\"false\">\r\n <span class=\"below-input-text\">Please enter the name as per any govt ID</span>\r\n</div>\r\n" }]
|
|
588
|
+
}] });
|
|
589
|
+
|
|
590
|
+
class OtpMobNumberComponent {
|
|
591
|
+
CountryCode = '+91';
|
|
592
|
+
field = input.required();
|
|
593
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpMobNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
594
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: OtpMobNumberComponent, isStandalone: true, selector: "lib-otp-mob-number", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100 mobile-field\"\r\n appearance=\"outline\"\r\n>\r\n <div matTextPrefix class=\"prefix_alternate_mobile primary\">\r\n <div class=\"d-flex countryCode\">\r\n <span class=\"country_code_input\"> {{ CountryCode }} </span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/down-arrow.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </div>\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <div matSuffix class=\"get-otp mx-2\">\r\n <span class=\"mt-2\">Get OTP</span>\r\n </div>\r\n <div matSuffix class=\"verity-otp mx-2\" *ngIf=\"false\">\r\n <span class=\"mx-1\">Verify</span>\r\n </div>\r\n <span matSuffix class=\"mx-3\" *ngIf=\"false\">\r\n <img src=\"https://cdn.godigit.com/retail-life/check-circle-ou.svg\" alt=\"\" />\r\n </span>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<span class=\"success-text\" *ngIf=\"false\">Phone Number Verified</span>\r\n<span class=\"success-text\">\r\n <img src=\"https://cdn.godigit.com/retail-life/otp-circle-oui.svg\" alt=\"\" />\r\n OTP Sent\r\n</span>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
595
|
+
}
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpMobNumberComponent, decorators: [{
|
|
597
|
+
type: Component,
|
|
598
|
+
args: [{ selector: 'lib-otp-mob-number', standalone: true, imports: [
|
|
599
|
+
MatInputModule,
|
|
600
|
+
MatFormFieldModule,
|
|
601
|
+
CommonModule,
|
|
602
|
+
ReactiveFormsModule
|
|
603
|
+
], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100 mobile-field\"\r\n appearance=\"outline\"\r\n>\r\n <div matTextPrefix class=\"prefix_alternate_mobile primary\">\r\n <div class=\"d-flex countryCode\">\r\n <span class=\"country_code_input\"> {{ CountryCode }} </span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/down-arrow.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </div>\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <div matSuffix class=\"get-otp mx-2\">\r\n <span class=\"mt-2\">Get OTP</span>\r\n </div>\r\n <div matSuffix class=\"verity-otp mx-2\" *ngIf=\"false\">\r\n <span class=\"mx-1\">Verify</span>\r\n </div>\r\n <span matSuffix class=\"mx-3\" *ngIf=\"false\">\r\n <img src=\"https://cdn.godigit.com/retail-life/check-circle-ou.svg\" alt=\"\" />\r\n </span>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<span class=\"success-text\" *ngIf=\"false\">Phone Number Verified</span>\r\n<span class=\"success-text\">\r\n <img src=\"https://cdn.godigit.com/retail-life/otp-circle-oui.svg\" alt=\"\" />\r\n OTP Sent\r\n</span>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n" }]
|
|
604
|
+
}] });
|
|
605
|
+
|
|
606
|
+
class TagMobNumberComponent {
|
|
607
|
+
CountryCode = '+91';
|
|
608
|
+
field = input.required();
|
|
609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagMobNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
610
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TagMobNumberComponent, isStandalone: true, selector: "lib-tag-mob-number", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100 mobile-field\"\r\n appearance=\"outline\"\r\n>\r\n <div matTextPrefix class=\"prefix_alternate_mobile primary\">\r\n <div class=\"d-flex countryCode\">\r\n <span class=\"country_code_input\"> {{ CountryCode }} </span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/down-arrow.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </div>\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<div>\r\n <span class=\"checkbox-tag\">Tag as:</span>\r\n <span *ngFor=\"let option of field().options\" class=\"checkbox\">\r\n <mat-checkbox class=\"optional-checkbox\">\r\n {{ option.label }}\r\n </mat-checkbox>\r\n </span>\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
611
|
+
}
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagMobNumberComponent, decorators: [{
|
|
613
|
+
type: Component,
|
|
614
|
+
args: [{ selector: 'lib-tag-mob-number', standalone: true, imports: [
|
|
615
|
+
MatInputModule,
|
|
616
|
+
MatFormFieldModule,
|
|
617
|
+
CommonModule,
|
|
618
|
+
MatCheckboxModule,
|
|
619
|
+
ReactiveFormsModule
|
|
620
|
+
], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100 mobile-field\"\r\n appearance=\"outline\"\r\n>\r\n <div matTextPrefix class=\"prefix_alternate_mobile primary\">\r\n <div class=\"d-flex countryCode\">\r\n <span class=\"country_code_input\"> {{ CountryCode }} </span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/down-arrow.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </div>\r\n <input\r\n matInput\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n autocomplete=\"none\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<div>\r\n <span class=\"checkbox-tag\">Tag as:</span>\r\n <span *ngFor=\"let option of field().options\" class=\"checkbox\">\r\n <mat-checkbox class=\"optional-checkbox\">\r\n {{ option.label }}\r\n </mat-checkbox>\r\n </span>\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.requiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n" }]
|
|
621
|
+
}] });
|
|
622
|
+
|
|
455
623
|
class AgeDateComponent {
|
|
456
624
|
field = input.required();
|
|
457
625
|
dateDivisionFormat(event) {
|
|
@@ -549,11 +717,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
549
717
|
class TextboxWithImageComponent {
|
|
550
718
|
field = input.required();
|
|
551
719
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxWithImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
552
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TextboxWithImageComponent, isStandalone: true, selector: "lib-textbox-with-image", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <span matSuffix class=\"mx-3\">\r\n <img src=\"https://cdn.godigit.com/retail-life/location.svg\"
|
|
720
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TextboxWithImageComponent, isStandalone: true, selector: "lib-textbox-with-image", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <span matSuffix class=\"mx-3\">\r\n <img [src]='field().imageUrl' alt=\"\" />\r\n <!-- \"https://cdn.godigit.com/retail-life/location.svg\" -->\r\n </span>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
553
721
|
}
|
|
554
722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxWithImageComponent, decorators: [{
|
|
555
723
|
type: Component,
|
|
556
|
-
args: [{ selector: 'lib-textbox-with-image', standalone: true, imports: [MatInputModule, MatFormFieldModule, CommonModule, FormsModule, ReactiveFormsModule], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <span matSuffix class=\"mx-3\">\r\n <img src=\"https://cdn.godigit.com/retail-life/location.svg\"
|
|
724
|
+
args: [{ selector: 'lib-textbox-with-image', standalone: true, imports: [MatInputModule, MatFormFieldModule, CommonModule, FormsModule, ReactiveFormsModule], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n<mat-form-field\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [type]=\"field().controlType\"\r\n [name]=\"field().fieldName\"\r\n [id]=\"field().fieldName\"\r\n [placeholder]=\"field().placeHolder\"\r\n [maxLength]=\"field().validators.maxLength\"\r\n [minLength]=\"field().validators.minLength\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <span matSuffix class=\"mx-3\">\r\n <img [src]='field().imageUrl' alt=\"\" />\r\n <!-- \"https://cdn.godigit.com/retail-life/location.svg\" -->\r\n </span>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n" }]
|
|
557
725
|
}] });
|
|
558
726
|
|
|
559
727
|
class EmailWithDomainComponent {
|
|
@@ -569,22 +737,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
569
737
|
args: [{ selector: 'lib-email-with-domain', standalone: true, imports: [CommonModule, MatInputModule, MatFormFieldModule, FormsModule, ReactiveFormsModule], template: "<label *ngIf=\"field() && field().isVisible\" class=\"field-lable\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators.isRequired\">*</span></label>\r\n <mat-form-field class=\"w-100\" appearance=\"outline\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n class=\"email-left-side\"\r\n [name]=\"field().fieldName + '_1'\"\r\n [id]=\"field().fieldName + '_1'\"\r\n [placeholder]=\"field().placeHolder\"\r\n [required]=\"field().validators.isRequired\"\r\n [disabled]=\"field().isDisable\"\r\n [pattern]=\"field().validators.pattern\"\r\n />\r\n <span class=\"email-between\">@</span>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [name]=\"field().fieldName + '_2'\"\r\n [id]=\"field().fieldName + '_2'\"\r\n placeholder=\"domain.com\"\r\n class=\"email-right-side\"\r\n [required]=\"field().validators.isRequired\"\r\n [disabled]=\"field().isDisable\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}\r\n </mat-error>\r\n </mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.patternMessage }}.\r\n</div>\r\n" }]
|
|
570
738
|
}] });
|
|
571
739
|
|
|
740
|
+
class ImageUploadComponent {
|
|
741
|
+
field = input.required();
|
|
742
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
743
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ImageUploadComponent, isStandalone: true, selector: "lib-image-upload", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn\"\r\n (click)=\"fileInput.click()\"\r\n [ngClass]=\"field().label ? 'lightbackground' : 'successBackground'\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <ng-container *ngIf=\"field().label; else policyHolderPanFileNotEmpty\">\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/Upload_Icon.svg\"\r\n alt=\"\"\r\n class=\"mb-1\"\r\n /></span>\r\n <span class=\"upload-text\">{{ field().label }}</span>\r\n </span>\r\n </ng-container>\r\n <ng-template #policyHolderPanFileNotEmpty>\r\n <span class=\"mt-2 right-icon\">\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/Tickmark.svg\" alt=\"\"\r\n /></span>\r\n <span title=\"uploaded file\">uploaded file</span>\r\n </span>\r\n <div class=\"mt-2 left-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\"\r\n alt=\"\"\r\n /></span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </ng-template>\r\n </button>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
|
|
744
|
+
}
|
|
745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageUploadComponent, decorators: [{
|
|
746
|
+
type: Component,
|
|
747
|
+
args: [{ selector: 'lib-image-upload', standalone: true, imports: [
|
|
748
|
+
CommonModule,
|
|
749
|
+
FormsModule
|
|
750
|
+
], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn\"\r\n (click)=\"fileInput.click()\"\r\n [ngClass]=\"field().label ? 'lightbackground' : 'successBackground'\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <ng-container *ngIf=\"field().label; else policyHolderPanFileNotEmpty\">\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/Upload_Icon.svg\"\r\n alt=\"\"\r\n class=\"mb-1\"\r\n /></span>\r\n <span class=\"upload-text\">{{ field().label }}</span>\r\n </span>\r\n </ng-container>\r\n <ng-template #policyHolderPanFileNotEmpty>\r\n <span class=\"mt-2 right-icon\">\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/Tickmark.svg\" alt=\"\"\r\n /></span>\r\n <span title=\"uploaded file\">uploaded file</span>\r\n </span>\r\n <div class=\"mt-2 left-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/visibility-oui.svg\"\r\n alt=\"\"\r\n /></span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/delete-oui.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </ng-template>\r\n </button>\r\n" }]
|
|
751
|
+
}] });
|
|
752
|
+
|
|
753
|
+
class DownloadDocumentComponent {
|
|
754
|
+
field = input.required();
|
|
755
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
756
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DownloadDocumentComponent, isStandalone: true, selector: "lib-download-document", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn lightbackground\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\"\r\n alt=\"\"\r\n class=\"mb-1\"\r\n /></span>\r\n <span class=\"upload-text\">{{ field().label }}</span>\r\n </span>\r\n </button>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
|
|
757
|
+
}
|
|
758
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadDocumentComponent, decorators: [{
|
|
759
|
+
type: Component,
|
|
760
|
+
args: [{ selector: 'lib-download-document', standalone: true, imports: [
|
|
761
|
+
CommonModule,
|
|
762
|
+
FormsModule
|
|
763
|
+
], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn lightbackground\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <span class=\"upload-icon\">\r\n <span\r\n ><img\r\n src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\"\r\n alt=\"\"\r\n class=\"mb-1\"\r\n /></span>\r\n <span class=\"upload-text\">{{ field().label }}</span>\r\n </span>\r\n </button>\r\n" }]
|
|
764
|
+
}] });
|
|
765
|
+
|
|
766
|
+
class AddDocumentComponent {
|
|
767
|
+
field = input.required();
|
|
768
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
769
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AddDocumentComponent, isStandalone: true, selector: "lib-add-document", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn add-document-btn\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <span class=\"add-icon\">\r\n <span\r\n ><img class=\"mb-1\" src=\"https://cdn.godigit.com/retail-life/add.svg\"></span>\r\n <span class=\"upload-text\">{{ field().label }}</span>\r\n <span class=\"light-font\">(optional)</span>\r\n </span>\r\n </button>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
|
|
770
|
+
}
|
|
771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddDocumentComponent, decorators: [{
|
|
772
|
+
type: Component,
|
|
773
|
+
args: [{ selector: 'lib-add-document', standalone: true, imports: [
|
|
774
|
+
CommonModule,
|
|
775
|
+
FormsModule
|
|
776
|
+
], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field().isVisible\">{{field().label}}</label>\r\n <input\r\n hidden\r\n [type]=\"field().controlType\"\r\n #fileInput\r\n (click)=\"(fileInput.value)\"\r\n [required]=\"field().validators?.isRequired\"\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"upload-btn add-document-btn\"\r\n *ngIf=\"field() && field().isVisible\"\r\n >\r\n <span class=\"add-icon\">\r\n <span\r\n ><img class=\"mb-1\" src=\"https://cdn.godigit.com/retail-life/add.svg\"></span>\r\n <span class=\"upload-text\">{{ field().label }}</span>\r\n <span class=\"light-font\">(optional)</span>\r\n </span>\r\n </button>\r\n" }]
|
|
777
|
+
}] });
|
|
778
|
+
|
|
779
|
+
class HyperlinkComponent {
|
|
780
|
+
field = input.required();
|
|
781
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
782
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: HyperlinkComponent, isStandalone: true, selector: "lib-hyperlink", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<u *ngIf=\"field() && field().isVisible\" class=\"hyperlink\">\r\n <a href=\"Hyper_link\">Hyper link</a></u\r\n>\r\n<img src=\"https://cdn.godigit.com/retail-life/Hyperlink.svg\" alt=\"\">\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
783
|
+
}
|
|
784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HyperlinkComponent, decorators: [{
|
|
785
|
+
type: Component,
|
|
786
|
+
args: [{ selector: 'lib-hyperlink', standalone: true, imports: [CommonModule], template: "<u *ngIf=\"field() && field().isVisible\" class=\"hyperlink\">\r\n <a href=\"Hyper_link\">Hyper link</a></u\r\n>\r\n<img src=\"https://cdn.godigit.com/retail-life/Hyperlink.svg\" alt=\"\">\r\n" }]
|
|
787
|
+
}] });
|
|
788
|
+
|
|
789
|
+
class TextboxWithUnderscoreComponent {
|
|
790
|
+
field = input.required();
|
|
791
|
+
changeFormat(event) {
|
|
792
|
+
let digits = event.target.value.replace(/[^0-9]/g, '').slice(0, this.field().validators.maxLength);
|
|
793
|
+
let padded = digits.padEnd(this.field().validators.maxLength, '_');
|
|
794
|
+
event.target.value = padded;
|
|
795
|
+
setTimeout(() => {
|
|
796
|
+
let pos = digits.length;
|
|
797
|
+
if (pos > this.field().validators.maxLength)
|
|
798
|
+
pos = this.field().validators.maxLength;
|
|
799
|
+
event.target.setSelectionRange(pos, pos);
|
|
800
|
+
});
|
|
801
|
+
}
|
|
802
|
+
getUnderscorePlaceholder() {
|
|
803
|
+
return '_'.repeat(this.field().validators.maxLength);
|
|
804
|
+
}
|
|
805
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxWithUnderscoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
806
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: TextboxWithUnderscoreComponent, isStandalone: true, selector: "lib-textbox-with-underscore", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n <mat-form-field class=\"w-100 hyphen-input\" appearance=\"outline\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [placeholder]=\"getUnderscorePlaceholder()\"\r\n (keyup)=\"changeFormat($event)\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}\r\n </mat-error>\r\n </mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.patternMessage }}.\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }] });
|
|
807
|
+
}
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextboxWithUnderscoreComponent, decorators: [{
|
|
809
|
+
type: Component,
|
|
810
|
+
args: [{ selector: 'lib-textbox-with-underscore', standalone: true, imports: [CommonModule, MatInputModule, MatFormFieldModule], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}<span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n ></label\r\n>\r\n <mat-form-field class=\"w-100 hyphen-input\" appearance=\"outline\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [placeholder]=\"getUnderscorePlaceholder()\"\r\n (keyup)=\"changeFormat($event)\"\r\n />\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}\r\n </mat-error>\r\n </mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators?.patternMessage }}.\r\n</div>" }]
|
|
811
|
+
}] });
|
|
812
|
+
|
|
813
|
+
class UnderscoreMobNumberComponent {
|
|
814
|
+
CountryCode = '+91';
|
|
815
|
+
field = input.required();
|
|
816
|
+
changeFormat(event) {
|
|
817
|
+
let digits = event.target.value.replace(/[^0-9]/g, '').slice(0, this.field().validators.maxLength);
|
|
818
|
+
let padded = digits.padEnd(this.field().validators.maxLength, '_');
|
|
819
|
+
event.target.value = padded;
|
|
820
|
+
setTimeout(() => {
|
|
821
|
+
let pos = digits.length;
|
|
822
|
+
if (pos > this.field().validators.maxLength)
|
|
823
|
+
pos = this.field().validators.maxLength;
|
|
824
|
+
event.target.setSelectionRange(pos, pos);
|
|
825
|
+
});
|
|
826
|
+
}
|
|
827
|
+
getUnderscorePlaceholder() {
|
|
828
|
+
return '_'.repeat(this.field().validators.maxLength);
|
|
829
|
+
}
|
|
830
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnderscoreMobNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
831
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: UnderscoreMobNumberComponent, isStandalone: true, selector: "lib-underscore-mob-number", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators.isRequired\">*</span></label>\r\n<mat-form-field\r\n class=\"w-100 mobile-field hyphen-input\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <div matTextPrefix class=\"prefix_alternate_mobile primary\">\r\n <div class=\"d-flex countryCode\">\r\n <span class=\"country_code_input\"> {{ CountryCode }} </span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/down-arrow.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </div>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [type]=\"field().controlType\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n [placeholder]=\"getUnderscorePlaceholder()\"\r\n (keyup)=\"changeFormat($event)\"\r\n />\r\n <span matSuffix class=\"p-3\">\r\n <img src=\"https://cdn.godigit.com/retail-life/edit-icon.svg\" alt=\"\" />\r\n </span>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }] });
|
|
832
|
+
}
|
|
833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnderscoreMobNumberComponent, decorators: [{
|
|
834
|
+
type: Component,
|
|
835
|
+
args: [{ selector: 'lib-underscore-mob-number', standalone: true, imports: [CommonModule, MatInputModule, MatFormFieldModule, MatSelectModule, MatOptionModule], template: "<label class=\"field-lable\" *ngIf=\"field() && field().isVisible\">{{field().label}}<span style=\"color: red;\" *ngIf=\"field() && field().validators.isRequired\">*</span></label>\r\n<mat-form-field\r\n class=\"w-100 mobile-field hyphen-input\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\"\r\n>\r\n <div matTextPrefix class=\"prefix_alternate_mobile primary\">\r\n <div class=\"d-flex countryCode\">\r\n <span class=\"country_code_input\"> {{ CountryCode }} </span>\r\n <span\r\n ><img src=\"https://cdn.godigit.com/retail-life/down-arrow.svg\" alt=\"\"\r\n /></span>\r\n </div>\r\n </div>\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n [type]=\"field().controlType\"\r\n [disabled]=\"field().isDisable\"\r\n [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n [placeholder]=\"getUnderscorePlaceholder()\"\r\n (keyup)=\"changeFormat($event)\"\r\n />\r\n <span matSuffix class=\"p-3\">\r\n <img src=\"https://cdn.godigit.com/retail-life/edit-icon.svg\" alt=\"\" />\r\n </span>\r\n <mat-error *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}\r\n </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n {{ field().validators.patternMessage }}.\r\n</div>\r\n" }]
|
|
836
|
+
}] });
|
|
837
|
+
|
|
838
|
+
class IconButtonComponent {
|
|
839
|
+
field = input.required();
|
|
840
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
841
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<Button \r\nclass=\"icon-button\"\r\n*ngIf=\"field() && field().isVisible\" \r\n>\r\n<span>\r\n<img src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\">\r\n</span>\r\n</Button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
842
|
+
}
|
|
843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
844
|
+
type: Component,
|
|
845
|
+
args: [{ selector: 'lib-icon-button', standalone: true, imports: [CommonModule], template: "<Button \r\nclass=\"icon-button\"\r\n*ngIf=\"field() && field().isVisible\" \r\n>\r\n<span>\r\n<img src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\">\r\n</span>\r\n</Button>" }]
|
|
846
|
+
}] });
|
|
847
|
+
|
|
572
848
|
class MasterControlComponent {
|
|
573
849
|
field = input.required();
|
|
574
850
|
formGroup = new FormGroup({});
|
|
575
851
|
constructor() { }
|
|
576
852
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
577
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field().controlType) {\r\n @case('text') {\r\n <lib-textbox [field]=\"field()\"></lib-textbox>\r\n }\r\n @case('select') {\r\n <lib-select [field]=\"field()\"/>\r\n }\r\n\r\n @case('radio') {\r\n <lib-radio [field]=\"field()\" />\r\n }\r\n\r\n @case('toggle') {\r\n <lib-toggle [field]=\"field()\" />\r\n }\r\n\r\n @case('file') {\r\n <lib-upload [field]=\"field()\" />\r\n }\r\n\r\n @case('date') {\r\n <lib-dob [field]=\"field()\" />\r\n }\r\n\r\n @case('mobileNumber') {\r\n <lib-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case('info') {\r\n <lib-info [field]=\"field()\" />\r\n }\r\n\r\n @case('checkbox') {\r\n <lib-checkbox [field]=\"field()\" />\r\n }\r\n\r\n @case('textarea') {\r\n <lib-textarea [field]=\"field()\" />\r\n }\r\n\r\n @case ('button') {\r\n <lib-button [field]=\"field()\" />\r\n }\r\n\r\n
|
|
578
|
-
// TabComponent,
|
|
579
|
-
// AutocompleteComponent,
|
|
580
|
-
// MultipleSelectComponent,
|
|
581
|
-
SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field"] }, { kind: "component", type:
|
|
582
|
-
// OtpTextboxComponent,
|
|
583
|
-
// AmountTextboxComponent,
|
|
584
|
-
// SuffixTextboxComponent,
|
|
585
|
-
// OtpMobNumberComponent,
|
|
586
|
-
// TagMobNumberComponent,
|
|
587
|
-
AgeDateComponent, selector: "lib-age-date", inputs: ["field"] }, { kind: "component", type: AdditionButtonComponent, selector: "lib-addition-button", inputs: ["field"] }, { kind: "component", type: InfoTextboxComponent, selector: "lib-info-textbox", inputs: ["field"] }, { kind: "component", type: TextboxWithImageComponent, selector: "lib-textbox-with-image", inputs: ["field"] }, { kind: "component", type: EmailWithDomainComponent, selector: "lib-email-with-domain", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
853
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field().controlType) {\r\n @case('text') {\r\n <lib-textbox [field]=\"field()\"></lib-textbox>\r\n }\r\n @case('select') {\r\n <lib-select [field]=\"field()\"/>\r\n }\r\n\r\n @case('radio') {\r\n <lib-radio [field]=\"field()\" />\r\n }\r\n\r\n @case('toggle') {\r\n <lib-toggle [field]=\"field()\" />\r\n }\r\n\r\n @case('file') {\r\n <lib-upload [field]=\"field()\" />\r\n }\r\n\r\n @case('date') {\r\n <lib-dob [field]=\"field()\" />\r\n }\r\n\r\n @case('mobileNumber') {\r\n <lib-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case('info') {\r\n <lib-info [field]=\"field()\" />\r\n }\r\n\r\n @case('checkbox') {\r\n <lib-checkbox [field]=\"field()\" />\r\n }\r\n\r\n @case('textarea') {\r\n <lib-textarea [field]=\"field()\" />\r\n }\r\n\r\n @case ('button') {\r\n <lib-button [field]=\"field()\" />\r\n }\r\n\r\n @case ('tab') {\r\n <lib-tab [field]=\"field()\" />\r\n }\r\n\r\n @case ('autocomplete') {\r\n <lib-autocomplete [field]=\"field()\" />\r\n }\r\n\r\n @case ('multipleSelect') {\r\n <lib-multiple-select [field]=\"field()\" />\r\n }\r\n\r\n @case ('textboxWithSelect') {\r\n <lib-select-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('otpTextbox') {\r\n <lib-otp-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('amountTextbox') {\r\n <lib-amount-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('suffixTextbox') {\r\n <lib-suffix-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('otpMobNumber') {\r\n <lib-otp-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case ('tagMobNumber') {\r\n <lib-tag-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case ('dateWithAge') {\r\n <lib-age-date [field]=\"field()\" />\r\n }\r\n\r\n @case ('additionButton') {\r\n <lib-addition-button [field]=\"field()\" />\r\n }\r\n\r\n @case ('infoTextbox') {\r\n <lib-info-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('textboxWithImage') {\r\n <lib-textbox-with-image [field]=\"field()\" />\r\n }\r\n\r\n @case ('emailWithDomain') {\r\n <lib-email-with-domain [field]=\"field()\" />\r\n }\r\n\r\n @case ('imageUpload') {\r\n <lib-image-upload [field]=\"field()\" />\r\n }\r\n\r\n @case ('downloadDocument') {\r\n <lib-download-document [field]=\"field()\" />\r\n }\r\n\r\n @case ('addDocument') {\r\n <lib-add-document [field]=\"field()\" />\r\n }\r\n\r\n @case ('hyperlink') {\r\n <lib-hyperlink [field]=\"field()\" />\r\n }\r\n \r\n @case ('textboxWithUnderscore') {\r\n <lib-textbox-with-underscore [field]=\"field()\" />\r\n }\r\n\r\n @case ('underscoreMobNumber') {\r\n <lib-underscore-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case ('downloadIconButton') {\r\n <lib-icon-button [field]=\"field()\" />\r\n }\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["field"] }, { kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["field"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field"] }, { kind: "component", type: MobNumberComponent, selector: "lib-mob-number", inputs: ["field"] }, { kind: "component", type: InfoComponent, selector: "lib-info", inputs: ["field"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea", inputs: ["field"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: TabComponent, selector: "lib-tab", inputs: ["field"] }, { kind: "component", type: AutocompleteComponent, selector: "lib-autocomplete", inputs: ["field"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field"] }, { kind: "component", type: OtpTextboxComponent, selector: "lib-otp-textbox", inputs: ["field"] }, { kind: "component", type: AmountTextboxComponent, selector: "lib-amount-textbox", inputs: ["field"] }, { kind: "component", type: SuffixTextboxComponent, selector: "lib-suffix-textbox", inputs: ["field"] }, { kind: "component", type: OtpMobNumberComponent, selector: "lib-otp-mob-number", inputs: ["field"] }, { kind: "component", type: TagMobNumberComponent, selector: "lib-tag-mob-number", inputs: ["field"] }, { kind: "component", type: AgeDateComponent, selector: "lib-age-date", inputs: ["field"] }, { kind: "component", type: AdditionButtonComponent, selector: "lib-addition-button", inputs: ["field"] }, { kind: "component", type: InfoTextboxComponent, selector: "lib-info-textbox", inputs: ["field"] }, { kind: "component", type: TextboxWithImageComponent, selector: "lib-textbox-with-image", inputs: ["field"] }, { kind: "component", type: EmailWithDomainComponent, selector: "lib-email-with-domain", inputs: ["field"] }, { kind: "component", type: ImageUploadComponent, selector: "lib-image-upload", inputs: ["field"] }, { kind: "component", type: DownloadDocumentComponent, selector: "lib-download-document", inputs: ["field"] }, { kind: "component", type: AddDocumentComponent, selector: "lib-add-document", inputs: ["field"] }, { kind: "component", type: HyperlinkComponent, selector: "lib-hyperlink", inputs: ["field"] }, { kind: "component", type: TextboxWithUnderscoreComponent, selector: "lib-textbox-with-underscore", inputs: ["field"] }, { kind: "component", type: UnderscoreMobNumberComponent, selector: "lib-underscore-mob-number", inputs: ["field"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
588
854
|
}
|
|
589
855
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, decorators: [{
|
|
590
856
|
type: Component,
|
|
@@ -601,22 +867,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
601
867
|
CheckboxComponent,
|
|
602
868
|
TextareaComponent,
|
|
603
869
|
ButtonComponent,
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
870
|
+
TabComponent,
|
|
871
|
+
AutocompleteComponent,
|
|
872
|
+
MultipleSelectComponent,
|
|
607
873
|
SelectTextboxComponent,
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
874
|
+
OtpTextboxComponent,
|
|
875
|
+
AmountTextboxComponent,
|
|
876
|
+
SuffixTextboxComponent,
|
|
877
|
+
OtpMobNumberComponent,
|
|
878
|
+
TagMobNumberComponent,
|
|
613
879
|
AgeDateComponent,
|
|
614
880
|
AdditionButtonComponent,
|
|
615
881
|
InfoTextboxComponent,
|
|
616
882
|
TextboxWithImageComponent,
|
|
617
883
|
EmailWithDomainComponent,
|
|
884
|
+
ImageUploadComponent,
|
|
885
|
+
DownloadDocumentComponent,
|
|
886
|
+
AddDocumentComponent,
|
|
887
|
+
HyperlinkComponent,
|
|
888
|
+
TextboxWithUnderscoreComponent,
|
|
889
|
+
UnderscoreMobNumberComponent,
|
|
890
|
+
IconButtonComponent,
|
|
618
891
|
ReactiveFormsModule
|
|
619
|
-
], template: "@switch (field().controlType) {\r\n @case('text') {\r\n <lib-textbox [field]=\"field()\"></lib-textbox>\r\n }\r\n @case('select') {\r\n <lib-select [field]=\"field()\"/>\r\n }\r\n\r\n @case('radio') {\r\n <lib-radio [field]=\"field()\" />\r\n }\r\n\r\n @case('toggle') {\r\n <lib-toggle [field]=\"field()\" />\r\n }\r\n\r\n @case('file') {\r\n <lib-upload [field]=\"field()\" />\r\n }\r\n\r\n @case('date') {\r\n <lib-dob [field]=\"field()\" />\r\n }\r\n\r\n @case('mobileNumber') {\r\n <lib-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case('info') {\r\n <lib-info [field]=\"field()\" />\r\n }\r\n\r\n @case('checkbox') {\r\n <lib-checkbox [field]=\"field()\" />\r\n }\r\n\r\n @case('textarea') {\r\n <lib-textarea [field]=\"field()\" />\r\n }\r\n\r\n @case ('button') {\r\n <lib-button [field]=\"field()\" />\r\n }\r\n\r\n
|
|
892
|
+
], template: "@switch (field().controlType) {\r\n @case('text') {\r\n <lib-textbox [field]=\"field()\"></lib-textbox>\r\n }\r\n @case('select') {\r\n <lib-select [field]=\"field()\"/>\r\n }\r\n\r\n @case('radio') {\r\n <lib-radio [field]=\"field()\" />\r\n }\r\n\r\n @case('toggle') {\r\n <lib-toggle [field]=\"field()\" />\r\n }\r\n\r\n @case('file') {\r\n <lib-upload [field]=\"field()\" />\r\n }\r\n\r\n @case('date') {\r\n <lib-dob [field]=\"field()\" />\r\n }\r\n\r\n @case('mobileNumber') {\r\n <lib-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case('info') {\r\n <lib-info [field]=\"field()\" />\r\n }\r\n\r\n @case('checkbox') {\r\n <lib-checkbox [field]=\"field()\" />\r\n }\r\n\r\n @case('textarea') {\r\n <lib-textarea [field]=\"field()\" />\r\n }\r\n\r\n @case ('button') {\r\n <lib-button [field]=\"field()\" />\r\n }\r\n\r\n @case ('tab') {\r\n <lib-tab [field]=\"field()\" />\r\n }\r\n\r\n @case ('autocomplete') {\r\n <lib-autocomplete [field]=\"field()\" />\r\n }\r\n\r\n @case ('multipleSelect') {\r\n <lib-multiple-select [field]=\"field()\" />\r\n }\r\n\r\n @case ('textboxWithSelect') {\r\n <lib-select-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('otpTextbox') {\r\n <lib-otp-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('amountTextbox') {\r\n <lib-amount-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('suffixTextbox') {\r\n <lib-suffix-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('otpMobNumber') {\r\n <lib-otp-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case ('tagMobNumber') {\r\n <lib-tag-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case ('dateWithAge') {\r\n <lib-age-date [field]=\"field()\" />\r\n }\r\n\r\n @case ('additionButton') {\r\n <lib-addition-button [field]=\"field()\" />\r\n }\r\n\r\n @case ('infoTextbox') {\r\n <lib-info-textbox [field]=\"field()\" />\r\n }\r\n\r\n @case ('textboxWithImage') {\r\n <lib-textbox-with-image [field]=\"field()\" />\r\n }\r\n\r\n @case ('emailWithDomain') {\r\n <lib-email-with-domain [field]=\"field()\" />\r\n }\r\n\r\n @case ('imageUpload') {\r\n <lib-image-upload [field]=\"field()\" />\r\n }\r\n\r\n @case ('downloadDocument') {\r\n <lib-download-document [field]=\"field()\" />\r\n }\r\n\r\n @case ('addDocument') {\r\n <lib-add-document [field]=\"field()\" />\r\n }\r\n\r\n @case ('hyperlink') {\r\n <lib-hyperlink [field]=\"field()\" />\r\n }\r\n \r\n @case ('textboxWithUnderscore') {\r\n <lib-textbox-with-underscore [field]=\"field()\" />\r\n }\r\n\r\n @case ('underscoreMobNumber') {\r\n <lib-underscore-mob-number [field]=\"field()\" />\r\n }\r\n\r\n @case ('downloadIconButton') {\r\n <lib-icon-button [field]=\"field()\" />\r\n }\r\n}\r\n" }]
|
|
620
893
|
}], ctorParameters: () => [], propDecorators: { formGroup: [{
|
|
621
894
|
type: Input
|
|
622
895
|
}] } });
|
|
@@ -639,5 +912,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
639
912
|
* Generated bundle index. Do not edit.
|
|
640
913
|
*/
|
|
641
914
|
|
|
642
|
-
export { AdditionButtonComponent, AgeDateComponent, ButtonComponent, CheckboxComponent, DobComponent, EmailWithDomainComponent, InfoComponent, MY_DATE_FORMAT, MasterControlComponent, MasterControlService, MobNumberComponent, RadioComponent, SelectComponent, SelectTextboxComponent, TextareaComponent, TextboxComponent, TextboxWithImageComponent, ToggleComponent, UploadComponent };
|
|
915
|
+
export { AddDocumentComponent, AdditionButtonComponent, AgeDateComponent, AmountTextboxComponent, AutocompleteComponent, ButtonComponent, CheckboxComponent, DobComponent, DownloadDocumentComponent, EmailWithDomainComponent, HyperlinkComponent, IconButtonComponent, ImageUploadComponent, InfoComponent, MY_DATE_FORMAT, MasterControlComponent, MasterControlService, MobNumberComponent, MultipleSelectComponent, OtpMobNumberComponent, OtpTextboxComponent, RadioComponent, SelectComponent, SelectTextboxComponent, SuffixTextboxComponent, TabComponent, TextareaComponent, TextboxComponent, TextboxWithImageComponent, TextboxWithUnderscoreComponent, ToggleComponent, UploadComponent };
|
|
643
916
|
//# sourceMappingURL=master-control.mjs.map
|