master-control 0.1.6 → 0.1.7
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/addition-button/addition-button.component.mjs +14 -0
- package/esm2022/lib/age-date/age-date.component.mjs +82 -0
- package/esm2022/lib/button/button.component.mjs +14 -0
- package/esm2022/lib/checkbox/checkbox.component.mjs +46 -3
- package/esm2022/lib/dob/dob.component.mjs +69 -25
- package/esm2022/lib/email-with-domain/email-with-domain.component.mjs +22 -0
- package/esm2022/lib/info/info.component.mjs +3 -3
- package/esm2022/lib/info-textbox/info-textbox.component.mjs +24 -0
- package/esm2022/lib/master-control.component.mjs +52 -6
- package/esm2022/lib/master-control.service.mjs +11 -1
- package/esm2022/lib/mob-number/mob-number.component.mjs +40 -3
- package/esm2022/lib/radio/radio.component.mjs +38 -4
- package/esm2022/lib/select/select.component.mjs +43 -5
- package/esm2022/lib/select-textbox/select-textbox.component.mjs +22 -0
- package/esm2022/lib/textarea/textarea.component.mjs +6 -3
- package/esm2022/lib/textbox/textbox.component.mjs +42 -4
- package/esm2022/lib/textbox-with-image/textbox-with-image.component.mjs +19 -0
- package/esm2022/lib/toggle/toggle.component.mjs +4 -3
- package/esm2022/lib/upload/upload.component.mjs +6 -5
- package/esm2022/public-api.mjs +14 -1
- package/fesm2022/master-control.mjs +456 -50
- package/fesm2022/master-control.mjs.map +1 -1
- package/lib/addition-button/addition-button.component.d.ts +6 -0
- package/lib/age-date/age-date.component.d.ts +7 -0
- package/lib/button/button.component.d.ts +6 -0
- package/lib/checkbox/checkbox.component.d.ts +12 -1
- package/lib/dob/dob.component.d.ts +14 -12
- package/lib/email-with-domain/email-with-domain.component.d.ts +9 -0
- package/lib/info-textbox/info-textbox.component.d.ts +6 -0
- package/lib/master-control.component.d.ts +3 -1
- package/lib/master-control.service.d.ts +1 -0
- package/lib/mob-number/mob-number.component.d.ts +11 -1
- package/lib/radio/radio.component.d.ts +10 -1
- package/lib/select/select.component.d.ts +12 -1
- package/lib/select-textbox/select-textbox.component.d.ts +6 -0
- package/lib/textbox/textbox.component.d.ts +11 -1
- package/lib/textbox-with-image/textbox-with-image.component.d.ts +6 -0
- package/package.json +1 -1
- package/public-api.d.ts +6 -0
- package/master-control-0.1.2.tgz +0 -0
- package/master-control-0.1.3.tgz +0 -0
- package/master-control-0.1.4.tgz +0 -0
- package/master-control-0.1.5.tgz +0 -0
- package/master-control-0.1.6.tgz +0 -0
- package/radio/radio.component.css +0 -0
- package/radio/radio.component.html +0 -1
- package/radio/radio.component.ts +0 -12
- package/select/select.component.css +0 -0
- package/select/select.component.html +0 -1
- package/select/select.component.ts +0 -12
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class AdditionButtonComponent {
|
|
6
|
+
field = input.required();
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdditionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AdditionButtonComponent, isStandalone: true, selector: "lib-addition-button", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<Button class=\"additional-button\" *ngIf=\"field() && field().isVisible\">\r\n <span class=\"additional-button-text\">\r\n <img\r\n class=\"additional-button-img\"\r\n src=\"https://cdn.godigit.com/retail-life/add.svg\"\r\n />\r\n <span\r\n ><u>{{ field().label }}</u></span\r\n >\r\n </span>\r\n</Button>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdditionButtonComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'lib-addition-button', standalone: true, imports: [CommonModule], template: "<Button class=\"additional-button\" *ngIf=\"field() && field().isVisible\">\r\n <span class=\"additional-button-text\">\r\n <img\r\n class=\"additional-button-img\"\r\n src=\"https://cdn.godigit.com/retail-life/add.svg\"\r\n />\r\n <span\r\n ><u>{{ field().label }}</u></span\r\n >\r\n </span>\r\n</Button>\r\n" }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvYWRkaXRpb24tYnV0dG9uL2FkZGl0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2FkZGl0aW9uLWJ1dHRvbi9hZGRpdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsTUFBTSxPQUFPLHVCQUF1QjtJQUNwQyxLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO3dHQUR0Qix1QkFBdUI7NEZBQXZCLHVCQUF1QixrTkNWcEMscVZBV0EseURETFksWUFBWTs7NEZBSVgsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZGRpdGlvbi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2FkZGl0aW9uLWJ1dHRvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWRkaXRpb25CdXR0b25Db21wb25lbnQge1xyXG5maWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG59XHJcbiIsIjxCdXR0b24gY2xhc3M9XCJhZGRpdGlvbmFsLWJ1dHRvblwiICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpLmlzVmlzaWJsZVwiPlxyXG4gIDxzcGFuIGNsYXNzPVwiYWRkaXRpb25hbC1idXR0b24tdGV4dFwiPlxyXG4gICAgPGltZ1xyXG4gICAgICBjbGFzcz1cImFkZGl0aW9uYWwtYnV0dG9uLWltZ1wiXHJcbiAgICAgIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL3JldGFpbC1saWZlL2FkZC5zdmdcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuXHJcbiAgICAgID48dT57eyBmaWVsZCgpLmxhYmVsIH19PC91Pjwvc3BhblxyXG4gICAgPlxyXG4gIDwvc3Bhbj5cclxuPC9CdXR0b24+XHJcbiJdfQ==
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, input } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MomentDateModule } from '@angular/material-moment-adapter';
|
|
5
|
+
import { MAT_DATE_FORMATS } from '@angular/material/core';
|
|
6
|
+
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
7
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
8
|
+
import { MatInputModule } from '@angular/material/input';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "@angular/material/input";
|
|
11
|
+
import * as i2 from "@angular/material/form-field";
|
|
12
|
+
import * as i3 from "@angular/common";
|
|
13
|
+
import * as i4 from "@angular/material/datepicker";
|
|
14
|
+
export class AgeDateComponent {
|
|
15
|
+
field = input.required();
|
|
16
|
+
dateDivisionFormat(event) {
|
|
17
|
+
let evt = event.target;
|
|
18
|
+
if (evt.value.length > 2 && !evt.value.substr(2, 1).includes('-')) {
|
|
19
|
+
evt.value = [evt.value.slice(0, 2), '-', evt.value.slice(2)].join('');
|
|
20
|
+
}
|
|
21
|
+
else if (evt.value.length > 5 &&
|
|
22
|
+
Number(evt.value.substr(3, 2)) &&
|
|
23
|
+
!evt.value.substr(5, 1).includes('-')) {
|
|
24
|
+
evt.value = [evt.value.slice(0, 5), '-', evt.value.slice(5)].join('');
|
|
25
|
+
}
|
|
26
|
+
else if (evt.value.length > 6 &&
|
|
27
|
+
!Number(evt.value.substr(3, 2)) &&
|
|
28
|
+
!evt.value.substr(6, 1).includes('-')) {
|
|
29
|
+
evt.value = [evt.value.slice(0, 6), '-', evt.value.slice(6)].join('');
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AgeDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AgeDateComponent, isStandalone: true, selector: "lib-age-date", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{ provide: MAT_DATE_FORMATS, useValue: {
|
|
34
|
+
parse: {
|
|
35
|
+
dateInput: [
|
|
36
|
+
'DD-MM-YYYY',
|
|
37
|
+
'MM/DD/YYYY',
|
|
38
|
+
'YYYY/MM/DD',
|
|
39
|
+
'DD/MM/YYYY',
|
|
40
|
+
'DD MMM YYYY',
|
|
41
|
+
'DD MMMM YYYY',
|
|
42
|
+
'DD-MMM-YYYY',
|
|
43
|
+
],
|
|
44
|
+
},
|
|
45
|
+
display: {
|
|
46
|
+
dateInput: 'DD-MMM-YYYY',
|
|
47
|
+
monthYearLabel: 'MMM YYYY',
|
|
48
|
+
dateA11yLabel: 'DD-MMM-YYYY',
|
|
49
|
+
monthYearA11yLabel: 'MMMM YYYY',
|
|
50
|
+
},
|
|
51
|
+
} }], 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\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\">\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 [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n [matDatepicker]=\"picker\"\r\n (keyup)=\"dateDivisionFormat($event)\"\r\n [disabled]=\"field().isDisable\"\r\n />\r\n <span matSuffix class=\"right-date-text\">\r\n 33yrs\r\n </span>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\" *ngIf=\"false\">\r\n <img\r\n src=\"https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg\"\r\n style=\"width: 16px\"\r\n matDatepickerToggleIcon\r\n />\r\n </mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i4.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "ngmodule", type: MomentDateModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
52
|
+
}
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AgeDateComponent, decorators: [{
|
|
54
|
+
type: Component,
|
|
55
|
+
args: [{ selector: 'lib-age-date', standalone: true, imports: [
|
|
56
|
+
MatInputModule,
|
|
57
|
+
MatFormFieldModule,
|
|
58
|
+
CommonModule,
|
|
59
|
+
MatDatepickerModule,
|
|
60
|
+
MomentDateModule,
|
|
61
|
+
ReactiveFormsModule
|
|
62
|
+
], providers: [{ provide: MAT_DATE_FORMATS, useValue: {
|
|
63
|
+
parse: {
|
|
64
|
+
dateInput: [
|
|
65
|
+
'DD-MM-YYYY',
|
|
66
|
+
'MM/DD/YYYY',
|
|
67
|
+
'YYYY/MM/DD',
|
|
68
|
+
'DD/MM/YYYY',
|
|
69
|
+
'DD MMM YYYY',
|
|
70
|
+
'DD MMMM YYYY',
|
|
71
|
+
'DD-MMM-YYYY',
|
|
72
|
+
],
|
|
73
|
+
},
|
|
74
|
+
display: {
|
|
75
|
+
dateInput: 'DD-MMM-YYYY',
|
|
76
|
+
monthYearLabel: 'MMM YYYY',
|
|
77
|
+
dateA11yLabel: 'DD-MMM-YYYY',
|
|
78
|
+
monthYearA11yLabel: 'MMMM YYYY',
|
|
79
|
+
},
|
|
80
|
+
} }], 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\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\">\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 [required]=\"field().validators.isRequired\"\r\n [pattern]=\"field().validators.pattern\"\r\n [matDatepicker]=\"picker\"\r\n (keyup)=\"dateDivisionFormat($event)\"\r\n [disabled]=\"field().isDisable\"\r\n />\r\n <span matSuffix class=\"right-date-text\">\r\n 33yrs\r\n </span>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\" *ngIf=\"false\">\r\n <img\r\n src=\"https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg\"\r\n style=\"width: 16px\"\r\n matDatepickerToggleIcon\r\n />\r\n </mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\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" }]
|
|
81
|
+
}] });
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdlLWRhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9hZ2UtZGF0ZS9hZ2UtZGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2FnZS1kYXRlL2FnZS1kYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQW1DekQsTUFBTSxPQUFPLGdCQUFnQjtJQUMzQixLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBRW5DLGtCQUFrQixDQUFDLEtBQVU7UUFDM0IsSUFBSSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUN2QixJQUFJLEdBQUcsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUNsRSxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4RSxDQUFDO2FBQU0sSUFDTCxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDO1lBQ3BCLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDOUIsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUNyQyxDQUFDO1lBQ0QsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEUsQ0FBQzthQUFNLElBQ0wsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQztZQUNwQixDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDL0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUNyQyxDQUFDO1lBQ0QsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEUsQ0FBQztJQUNILENBQUM7d0dBcEJVLGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDhMQXRCaEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUU7b0JBQ25ELEtBQUssRUFBRTt3QkFDTCxTQUFTLEVBQUU7NEJBQ1QsWUFBWTs0QkFDWixZQUFZOzRCQUNaLFlBQVk7NEJBQ1osWUFBWTs0QkFDWixhQUFhOzRCQUNiLGNBQWM7NEJBQ2QsYUFBYTt5QkFDZDtxQkFDRjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsU0FBUyxFQUFFLGFBQWE7d0JBQ3hCLGNBQWMsRUFBRSxVQUFVO3dCQUMxQixhQUFhLEVBQUUsYUFBYTt3QkFDNUIsa0JBQWtCLEVBQUUsV0FBVztxQkFDaEM7aUJBQ0YsRUFBRSxDQUFDLDBCQ3RDSiwrZ0RBd0NBLHlERDNCSSxjQUFjLG14QkFDZCxrQkFBa0IsOEJBQ2xCLFlBQVksa0lBQ1osbUJBQW1CLGltQkFDbkIsZ0JBQWdCLDhCQUNoQixtQkFBbUI7OzRGQXdCVixnQkFBZ0I7a0JBakM1QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjtxQkFDcEIsYUFDVSxDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRTtnQ0FDbkQsS0FBSyxFQUFFO29DQUNMLFNBQVMsRUFBRTt3Q0FDVCxZQUFZO3dDQUNaLFlBQVk7d0NBQ1osWUFBWTt3Q0FDWixZQUFZO3dDQUNaLGFBQWE7d0NBQ2IsY0FBYzt3Q0FDZCxhQUFhO3FDQUNkO2lDQUNGO2dDQUNELE9BQU8sRUFBRTtvQ0FDUCxTQUFTLEVBQUUsYUFBYTtvQ0FDeEIsY0FBYyxFQUFFLFVBQVU7b0NBQzFCLGFBQWEsRUFBRSxhQUFhO29DQUM1QixrQkFBa0IsRUFBRSxXQUFXO2lDQUNoQzs2QkFDRixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1vbWVudERhdGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC1tb21lbnQtYWRhcHRlcic7XHJcbmltcG9ydCB7IE1BVF9EQVRFX0ZPUk1BVFMgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZ2UtZGF0ZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbiAgICBNb21lbnREYXRlTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBNQVRfREFURV9GT1JNQVRTLCB1c2VWYWx1ZToge1xyXG4gIHBhcnNlOiB7XHJcbiAgICBkYXRlSW5wdXQ6IFtcclxuICAgICAgJ0RELU1NLVlZWVknLFxyXG4gICAgICAnTU0vREQvWVlZWScsXHJcbiAgICAgICdZWVlZL01NL0REJyxcclxuICAgICAgJ0REL01NL1lZWVknLFxyXG4gICAgICAnREQgTU1NIFlZWVknLFxyXG4gICAgICAnREQgTU1NTSBZWVlZJyxcclxuICAgICAgJ0RELU1NTS1ZWVlZJyxcclxuICAgIF0sXHJcbiAgfSxcclxuICBkaXNwbGF5OiB7XHJcbiAgICBkYXRlSW5wdXQ6ICdERC1NTU0tWVlZWScsXHJcbiAgICBtb250aFllYXJMYWJlbDogJ01NTSBZWVlZJyxcclxuICAgIGRhdGVBMTF5TGFiZWw6ICdERC1NTU0tWVlZWScsXHJcbiAgICBtb250aFllYXJBMTF5TGFiZWw6ICdNTU1NIFlZWVknLFxyXG4gIH0sXHJcbn0gfV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FnZS1kYXRlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWdlLWRhdGUuY29tcG9uZW50LmNzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZ2VEYXRlQ29tcG9uZW50IHtcclxuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG5cclxuICBkYXRlRGl2aXNpb25Gb3JtYXQoZXZlbnQ6IGFueSkge1xyXG4gICAgbGV0IGV2dCA9IGV2ZW50LnRhcmdldDtcclxuICAgIGlmIChldnQudmFsdWUubGVuZ3RoID4gMiAmJiAhZXZ0LnZhbHVlLnN1YnN0cigyLCAxKS5pbmNsdWRlcygnLScpKSB7XHJcbiAgICAgIGV2dC52YWx1ZSA9IFtldnQudmFsdWUuc2xpY2UoMCwgMiksICctJywgZXZ0LnZhbHVlLnNsaWNlKDIpXS5qb2luKCcnKTtcclxuICAgIH0gZWxzZSBpZiAoXHJcbiAgICAgIGV2dC52YWx1ZS5sZW5ndGggPiA1ICYmXHJcbiAgICAgIE51bWJlcihldnQudmFsdWUuc3Vic3RyKDMsIDIpKSAmJlxyXG4gICAgICAhZXZ0LnZhbHVlLnN1YnN0cig1LCAxKS5pbmNsdWRlcygnLScpXHJcbiAgICApIHtcclxuICAgICAgZXZ0LnZhbHVlID0gW2V2dC52YWx1ZS5zbGljZSgwLCA1KSwgJy0nLCBldnQudmFsdWUuc2xpY2UoNSldLmpvaW4oJycpO1xyXG4gICAgfSBlbHNlIGlmIChcclxuICAgICAgZXZ0LnZhbHVlLmxlbmd0aCA+IDYgJiZcclxuICAgICAgIU51bWJlcihldnQudmFsdWUuc3Vic3RyKDMsIDIpKSAmJlxyXG4gICAgICAhZXZ0LnZhbHVlLnN1YnN0cig2LCAxKS5pbmNsdWRlcygnLScpXHJcbiAgICApIHtcclxuICAgICAgZXZ0LnZhbHVlID0gW2V2dC52YWx1ZS5zbGljZSgwLCA2KSwgJy0nLCBldnQudmFsdWUuc2xpY2UoNildLmpvaW4oJycpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8bGFiZWwgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkuaXNWaXNpYmxlXCIgY2xhc3M9XCJmaWVsZC1sYWJsZVwiPnt7ZmllbGQoKS5sYWJlbH19PHNwYW4gc3R5bGU9XCJjb2xvcjogcmVkO1wiICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpLnZhbGlkYXRvcnMuaXNSZXF1aXJlZFwiPio8L3NwYW4+PC9sYWJlbD5cclxuPG1hdC1mb3JtLWZpZWxkXHJcbiAgY2xhc3M9XCJ3LTEwMFwiXHJcbiAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpLmlzVmlzaWJsZVwiPlxyXG4gIDxpbnB1dFxyXG4gICAgbWF0SW5wdXRcclxuICAgIGF1dG9jb21wbGV0ZT1cIm5vbmVcIlxyXG4gICAgW25hbWVdPVwiZmllbGQoKS5maWVsZE5hbWVcIlxyXG4gICAgW2lkXT1cImZpZWxkKCkuZmllbGROYW1lXCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJmaWVsZCgpLnBsYWNlSG9sZGVyXCJcclxuICAgIFttYXhMZW5ndGhdPVwiZmllbGQoKS52YWxpZGF0b3JzLm1heExlbmd0aFwiXHJcbiAgICBbbWluTGVuZ3RoXT1cImZpZWxkKCkudmFsaWRhdG9ycy5taW5MZW5ndGhcIlxyXG4gICAgW3JlcXVpcmVkXT1cImZpZWxkKCkudmFsaWRhdG9ycy5pc1JlcXVpcmVkXCJcclxuICAgIFtwYXR0ZXJuXT1cImZpZWxkKCkudmFsaWRhdG9ycy5wYXR0ZXJuXCJcclxuICAgIFttYXREYXRlcGlja2VyXT1cInBpY2tlclwiXHJcbiAgICAoa2V5dXApPVwiZGF0ZURpdmlzaW9uRm9ybWF0KCRldmVudClcIlxyXG4gICAgW2Rpc2FibGVkXT1cImZpZWxkKCkuaXNEaXNhYmxlXCJcclxuICAvPlxyXG4gIDxzcGFuIG1hdFN1ZmZpeCBjbGFzcz1cInJpZ2h0LWRhdGUtdGV4dFwiPlxyXG4gICAgMzN5cnNcclxuICA8L3NwYW4+XHJcbiAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAgICA8aW1nXHJcbiAgICAgIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL2RpZ2l0UGx1c0Fzc2V0cy9yZXRhaWwtbGlmZS1pY29uL3N2Z2ljb24vZGF0ZV9waWNrZXJfaWNvbi5zdmdcIlxyXG4gICAgICBzdHlsZT1cIndpZHRoOiAxNnB4XCJcclxuICAgICAgbWF0RGF0ZXBpY2tlclRvZ2dsZUljb25cclxuICAgIC8+XHJcbiAgPC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XHJcbiAgPG1hdC1kYXRlcGlja2VyICNwaWNrZXI+PC9tYXQtZGF0ZXBpY2tlcj5cclxuICAgPG1hdC1lcnJvciAqbmdJZj1cImZhbHNlXCI+XHJcbiAgICB7eyBmaWVsZCgpLnZhbGlkYXRvcnMuaXNSZXF1aXJlZE1lc3NhZ2UgfX1cclxuICA8L21hdC1lcnJvcj5cclxuPC9tYXQtZm9ybS1maWVsZD5cclxuPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAge3sgZmllbGQoKS52YWxpZGF0b3JzLmlzUmVxdWlyZWRNZXNzYWdlIH19LlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAge3sgZmllbGQoKS52YWxpZGF0b3JzLnBhdHRlcm5NZXNzYWdlIH19LlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class ButtonComponent {
|
|
6
|
+
field = input.required();
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<Button \r\nclass=\"button\"\r\n*ngIf=\"field() && field().isVisible\" \r\n>\r\n<span class=\"button-text\">\r\n<img src=\"https://cdn.godigit.com/retail-life/add.svg\">\r\n<span>{{field().label}}</span>\r\n</span>\r\n</Button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'lib-button', standalone: true, imports: [CommonModule], template: "<Button \r\nclass=\"button\"\r\n*ngIf=\"field() && field().isVisible\" \r\n>\r\n<span class=\"button-text\">\r\n<img src=\"https://cdn.godigit.com/retail-life/add.svg\">\r\n<span>{{field().label}}</span>\r\n</span>\r\n</Button>" }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGVBQWU7SUFDMUIsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQzt3R0FEeEIsZUFBZTs0RkFBZixlQUFlLHlNQ1Y1QixxT0FRUyx5RERGRyxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG59XHJcbiIsIjxCdXR0b24gXHJcbmNsYXNzPVwiYnV0dG9uXCJcclxuKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkuaXNWaXNpYmxlXCIgXHJcbj5cclxuPHNwYW4gY2xhc3M9XCJidXR0b24tdGV4dFwiPlxyXG48aW1nIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL3JldGFpbC1saWZlL2FkZC5zdmdcIj5cclxuPHNwYW4+e3tmaWVsZCgpLmxhYmVsfX08L3NwYW4+XHJcbjwvc3Bhbj5cclxuPC9CdXR0b24+Il19
|
|
@@ -1,16 +1,59 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { Component, input } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
|
|
3
4
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/common";
|
|
6
7
|
import * as i2 from "@angular/material/checkbox";
|
|
7
8
|
export class CheckboxComponent {
|
|
8
9
|
field = input.required();
|
|
10
|
+
inputValue = null;
|
|
11
|
+
_onChange = (inputValue) => { };
|
|
12
|
+
_unTouched = () => { };
|
|
13
|
+
writeValue(obj) {
|
|
14
|
+
this.inputValue = obj;
|
|
15
|
+
}
|
|
16
|
+
;
|
|
17
|
+
registerOnChange(fn) {
|
|
18
|
+
this._onChange = fn;
|
|
19
|
+
}
|
|
20
|
+
;
|
|
21
|
+
registerOnTouched(fn) {
|
|
22
|
+
this._unTouched = fn;
|
|
23
|
+
}
|
|
24
|
+
;
|
|
25
|
+
setDisabledState(isDisabled) { }
|
|
26
|
+
;
|
|
27
|
+
onInputChange(event) {
|
|
28
|
+
this.inputValue = event.target.value;
|
|
29
|
+
this._onChange(this.inputValue);
|
|
30
|
+
}
|
|
31
|
+
onCheckboxChange(event) {
|
|
32
|
+
// const target = event.target as HTMLInputElement;
|
|
33
|
+
this.inputValue = event.checked;
|
|
34
|
+
this._onChange(this.inputValue);
|
|
35
|
+
this._unTouched();
|
|
36
|
+
}
|
|
37
|
+
onInputBlur() {
|
|
38
|
+
this._unTouched();
|
|
39
|
+
}
|
|
9
40
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } },
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
|
|
42
|
+
{
|
|
43
|
+
provide: NG_VALUE_ACCESSOR,
|
|
44
|
+
useExisting: CheckboxComponent,
|
|
45
|
+
multi: true
|
|
46
|
+
}
|
|
47
|
+
], 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.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 }] });
|
|
11
48
|
}
|
|
12
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
13
50
|
type: Component,
|
|
14
|
-
args: [{ selector: 'lib-checkbox', standalone: true, imports: [CommonModule, MatCheckboxModule],
|
|
51
|
+
args: [{ selector: 'lib-checkbox', standalone: true, imports: [CommonModule, MatCheckboxModule, ReactiveFormsModule], providers: [
|
|
52
|
+
{
|
|
53
|
+
provide: NG_VALUE_ACCESSOR,
|
|
54
|
+
useExisting: CheckboxComponent,
|
|
55
|
+
multi: true
|
|
56
|
+
}
|
|
57
|
+
], 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" }]
|
|
15
58
|
}] });
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFnQi9ELE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUVuQyxVQUFVLEdBQVEsSUFBSSxDQUFDO0lBQ3ZCLFNBQVMsR0FBUSxDQUFDLFVBQWMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQ3hDLFVBQVUsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFM0IsVUFBVSxDQUFDLEdBQVE7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBQyxHQUFHLENBQUM7SUFDdEIsQ0FBQztJQUFBLENBQUM7SUFDRixnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFBQSxDQUFDO0lBQ0YsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBQUEsQ0FBQztJQUNGLGdCQUFnQixDQUFFLFVBQW1CLElBQVEsQ0FBQztJQUFBLENBQUM7SUFFL0MsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUNyQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixtREFBbUQ7UUFDbkQsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO3dHQWhDVSxpQkFBaUI7NEZBQWpCLGlCQUFpQiw4TEFSZjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxpQkFBaUI7Z0JBQzlCLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNqQkwsMGJBYUEseURETFksWUFBWSxrSUFBRyxpQkFBaUIsb1lBQUUsbUJBQW1COzs0RkFXcEQsaUJBQWlCO2tCQWQ3QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUcsaUJBQWlCLEVBQUUsbUJBQW1CLENBQUMsYUFHbkQ7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxtQkFBbUI7NEJBQzlCLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1hdENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItY2hlY2tib3gnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSAsIE1hdENoZWNrYm94TW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuY3NzJyxcclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgICAgdXNlRXhpc3Rpbmc6IENoZWNrYm94Q29tcG9uZW50LFxyXG4gICAgICAgIG11bHRpOiB0cnVlXHJcbiAgICAgIH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIGZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XHJcblxyXG4gIGlucHV0VmFsdWU6IGFueSA9IG51bGw7XHJcbiAgX29uQ2hhbmdlOiBhbnkgPSAoaW5wdXRWYWx1ZTphbnkpID0+IHt9O1xyXG4gIF91blRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZHtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZT1vYmo7XHJcbiAgfTtcclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lke1xyXG4gICAgdGhpcy5fb25DaGFuZ2UgPSBmbjtcclxuICB9O1xyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lke1xyXG4gICAgdGhpcy5fdW5Ub3VjaGVkID0gZm47XHJcbiAgfTtcclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZHt9O1xyXG5cclxuICBvbklucHV0Q2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcclxuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMuaW5wdXRWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbkNoZWNrYm94Q2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIC8vIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgdGhpcy5pbnB1dFZhbHVlID0gZXZlbnQuY2hlY2tlZDtcclxuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMuaW5wdXRWYWx1ZSk7XHJcbiAgICB0aGlzLl91blRvdWNoZWQoKTtcclxuICB9XHJcblxyXG4gIG9uSW5wdXRCbHVyKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5Ub3VjaGVkKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtY2hlY2tib3ggKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkuaXNWaXNpYmxlXCJcclxuICBbbmFtZV09XCJmaWVsZCgpLmZpZWxkTmFtZVwiXHJcbiAgW2lkXT1cImZpZWxkKCkuZmllbGROYW1lXCJcclxuICBbZGlzYWJsZWRdPVwiZmllbGQoKS5pc0Rpc2FibGVcIlxyXG4gIFtyZXF1aXJlZF09XCJmaWVsZCgpLnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRcIlxyXG4gIFtjaGVja2VkXT1cImlucHV0VmFsdWVcIlxyXG4gIChjaGFuZ2UpPVwib25DaGVja2JveENoYW5nZSgkZXZlbnQpXCJcclxuPlxyXG57eyBmaWVsZCgpLmxhYmVsIH19XHJcbjwvbWF0LWNoZWNrYm94PlxyXG48ZGl2IGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiICpuZ0lmPVwiZmFsc2VcIj5cclxuICAgIHt7ZmllbGQoKS52YWxpZGF0b3JzPy5pc1JlcXVpcmVkTWVzc2FnZX19LlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,27 +1,18 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { Component, input } from '@angular/core';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MomentDateAdapter, MomentDateModule } from '@angular/material-moment-adapter';
|
|
5
|
+
import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
|
|
5
6
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
6
7
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
7
8
|
import { MatInputModule } from '@angular/material/input';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "
|
|
10
|
-
import * as i2 from "@angular/material/
|
|
11
|
-
import * as i3 from "@angular/
|
|
12
|
-
import * as i4 from "@angular/
|
|
10
|
+
import * as i1 from "../master-control.service";
|
|
11
|
+
import * as i2 from "@angular/material/input";
|
|
12
|
+
import * as i3 from "@angular/material/form-field";
|
|
13
|
+
import * as i4 from "@angular/common";
|
|
14
|
+
import * as i5 from "@angular/material/datepicker";
|
|
13
15
|
export const MY_DATE_FORMAT = {
|
|
14
|
-
parse: {
|
|
15
|
-
dateInput: 'DD/MM/YYYY'
|
|
16
|
-
},
|
|
17
|
-
display: {
|
|
18
|
-
dateInput: 'DD/MM/YYYY',
|
|
19
|
-
monthYearLabel: 'MMM YYYY',
|
|
20
|
-
dateA11yLabel: 'LL',
|
|
21
|
-
monthYearA11yLabel: 'MMMM YYYY'
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
export const MY_FORMATS = {
|
|
25
16
|
parse: {
|
|
26
17
|
dateInput: [
|
|
27
18
|
'DD-MM-YYYY',
|
|
@@ -41,7 +32,12 @@ export const MY_FORMATS = {
|
|
|
41
32
|
}
|
|
42
33
|
};
|
|
43
34
|
export class DobComponent {
|
|
35
|
+
service;
|
|
44
36
|
field = input.required();
|
|
37
|
+
inputValue = null;
|
|
38
|
+
constructor(service) {
|
|
39
|
+
this.service = service;
|
|
40
|
+
}
|
|
45
41
|
dateDivisionFormat(event) {
|
|
46
42
|
let evt = event.target;
|
|
47
43
|
if (evt.value.length > 2 && !evt.value.substr(2, 1).includes('-')) {
|
|
@@ -58,15 +54,63 @@ export class DobComponent {
|
|
|
58
54
|
evt.value = [evt.value.slice(0, 6), '-', evt.value.slice(6)].join('');
|
|
59
55
|
}
|
|
60
56
|
}
|
|
61
|
-
|
|
57
|
+
_onChange = (inputValue) => { };
|
|
58
|
+
_unTouched = () => { };
|
|
59
|
+
writeValue(obj) {
|
|
60
|
+
this.inputValue = obj;
|
|
61
|
+
}
|
|
62
|
+
;
|
|
63
|
+
registerOnChange(fn) {
|
|
64
|
+
this._onChange = fn;
|
|
65
|
+
}
|
|
66
|
+
;
|
|
67
|
+
registerOnTouched(fn) {
|
|
68
|
+
this._unTouched = fn;
|
|
69
|
+
}
|
|
70
|
+
;
|
|
71
|
+
setDisabledState(isDisabled) { }
|
|
72
|
+
;
|
|
73
|
+
onInputChange(event) {
|
|
74
|
+
this.inputValue = event.target.value;
|
|
75
|
+
this._onChange(this.inputValue);
|
|
76
|
+
}
|
|
77
|
+
onInputBlur(event) {
|
|
78
|
+
if (!this.service.checkIfValueIsEmpty(event.target.value)) {
|
|
79
|
+
if (isNaN(Date.parse(event.target.value))) {
|
|
80
|
+
event.target.value = '';
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
this._unTouched();
|
|
84
|
+
}
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DobComponent, deps: [{ token: i1.MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
86
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DobComponent, isStandalone: true, selector: "lib-dob", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
|
|
63
|
-
{
|
|
64
|
-
|
|
87
|
+
{
|
|
88
|
+
provide: NG_VALUE_ACCESSOR,
|
|
89
|
+
useExisting: DobComponent,
|
|
90
|
+
multi: true
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
provide: DateAdapter,
|
|
94
|
+
useClass: MomentDateAdapter,
|
|
95
|
+
deps: []
|
|
96
|
+
},
|
|
97
|
+
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMAT }
|
|
98
|
+
], 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\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [placeholder]=\"field().placeHolder\"\r\n [required]=\"field().validators?.isRequired\"\r\n [pattern]=\"field().validators?.pattern\"\r\n [matDatepicker]=\"picker\"\r\n (keyup)=\"dateDivisionFormat($event)\"\r\n [disabled]=\"field().isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n />\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\" *ngIf=\"false\">\r\n <img\r\n src=\"https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg\"\r\n style=\"width: 16px\"\r\n matDatepickerToggleIcon\r\n />\r\n </mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\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: i2.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "ngmodule", type: MomentDateModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
65
99
|
}
|
|
66
100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DobComponent, decorators: [{
|
|
67
101
|
type: Component,
|
|
68
|
-
args: [{ selector: 'lib-dob', standalone: true, imports: [MatInputModule, MatFormFieldModule, CommonModule, MatDatepickerModule, MomentDateModule], providers: [
|
|
69
|
-
{
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
102
|
+
args: [{ selector: 'lib-dob', standalone: true, imports: [MatInputModule, MatFormFieldModule, CommonModule, MatDatepickerModule, MomentDateModule, ReactiveFormsModule], providers: [
|
|
103
|
+
{
|
|
104
|
+
provide: NG_VALUE_ACCESSOR,
|
|
105
|
+
useExisting: DobComponent,
|
|
106
|
+
multi: true
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
provide: DateAdapter,
|
|
110
|
+
useClass: MomentDateAdapter,
|
|
111
|
+
deps: []
|
|
112
|
+
},
|
|
113
|
+
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMAT }
|
|
114
|
+
], 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\r\n class=\"w-100\"\r\n appearance=\"outline\"\r\n *ngIf=\"field() && field().isVisible\">\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [placeholder]=\"field().placeHolder\"\r\n [required]=\"field().validators?.isRequired\"\r\n [pattern]=\"field().validators?.pattern\"\r\n [matDatepicker]=\"picker\"\r\n (keyup)=\"dateDivisionFormat($event)\"\r\n [disabled]=\"field().isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n />\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\" *ngIf=\"false\">\r\n <img\r\n src=\"https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg\"\r\n style=\"width: 16px\"\r\n matDatepickerToggleIcon\r\n />\r\n </mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\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" }]
|
|
115
|
+
}], ctorParameters: () => [{ type: i1.MasterControlService }] });
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9iLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvZG9iL2RvYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2RvYi9kb2IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN2RixPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7O0FBSXpELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRztJQUM1QixLQUFLLEVBQUU7UUFDTCxTQUFTLEVBQUU7WUFDVCxZQUFZO1lBQ1osWUFBWTtZQUNaLFlBQVk7WUFDWixZQUFZO1lBQ1osYUFBYTtZQUNiLGNBQWM7WUFDZCxhQUFhO1NBQ2Q7S0FDRjtJQUNELE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxhQUFhO1FBQ3hCLGNBQWMsRUFBRSxVQUFVO1FBQzFCLGFBQWEsRUFBRSxhQUFhO1FBQzVCLGtCQUFrQixFQUFFLFdBQVc7S0FDaEM7Q0FDRixDQUFDO0FBc0JGLE1BQU0sT0FBTyxZQUFZO0lBSUo7SUFIbkIsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUNuQyxVQUFVLEdBQVEsSUFBSSxDQUFDO0lBRXZCLFlBQW1CLE9BQThCO1FBQTlCLFlBQU8sR0FBUCxPQUFPLENBQXVCO0lBQUcsQ0FBQztJQUVyRCxrQkFBa0IsQ0FBQyxLQUFVO1FBQzNCLElBQUksR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDdkIsSUFBSSxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDbEUsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEUsQ0FBQzthQUFNLElBQ0wsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQztZQUNwQixNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQzlCLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFDckMsQ0FBQztZQUNELEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3hFLENBQUM7YUFBTSxJQUNMLEdBQUcsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUM7WUFDcEIsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQy9CLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFDckMsQ0FBQztZQUNELEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3hFLENBQUM7SUFDSCxDQUFDO0lBRUQsU0FBUyxHQUFRLENBQUMsVUFBYyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFDeEMsVUFBVSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUUzQixVQUFVLENBQUMsR0FBUTtRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFDLEdBQUcsQ0FBQztJQUN0QixDQUFDO0lBQUEsQ0FBQztJQUNGLGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUFBLENBQUM7SUFDRixpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFBQSxDQUFDO0lBQ0YsZ0JBQWdCLENBQUUsVUFBbUIsSUFBUSxDQUFDO0lBQUEsQ0FBQztJQUUvQyxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBVztRQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDMUQsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDMUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1lBQzFCLENBQUM7UUFFSCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7d0dBcERVLFlBQVk7NEZBQVosWUFBWSx5TEFoQlY7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsWUFBWTtnQkFDekIsS0FBSyxFQUFFLElBQUk7YUFDWjtZQUNIO2dCQUNFLE9BQU8sRUFBRSxXQUFXO2dCQUNwQixRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixJQUFJLEVBQUUsRUFBRTthQUNUO1lBQ0QsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRTtTQUN4RCwwQkMvQ0gsbzZDQXFDQSx5RERIWSxjQUFjLG14QkFBRSxrQkFBa0IsOEJBQUUsWUFBWSxrSUFBRSxtQkFBbUIsaW1CQUFFLGdCQUFnQiw4QkFBRSxtQkFBbUI7OzRGQWlCM0csWUFBWTtrQkFwQnhCLFNBQVM7K0JBQ0UsU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLENBQUMsYUFDMUc7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxjQUFjOzRCQUN6QixLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDSDs0QkFDRSxPQUFPLEVBQUUsV0FBVzs0QkFDcEIsUUFBUSxFQUFFLGlCQUFpQjs0QkFDM0IsSUFBSSxFQUFFLEVBQUU7eUJBQ1Q7d0JBQ0QsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRTtxQkFDeEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTW9tZW50RGF0ZUFkYXB0ZXIsIE1vbWVudERhdGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC1tb21lbnQtYWRhcHRlcic7XHJcbmltcG9ydCB7IERhdGVBZGFwdGVyLCBNQVRfREFURV9GT1JNQVRTIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcbmltcG9ydCB7IE1hdERhdGVwaWNrZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5pbXBvcnQgeyBNYXN0ZXJDb250cm9sU2VydmljZSB9IGZyb20gJy4uL21hc3Rlci1jb250cm9sLnNlcnZpY2UnO1xyXG5cclxuXHJcbmV4cG9ydCBjb25zdCBNWV9EQVRFX0ZPUk1BVCA9IHtcclxuICBwYXJzZToge1xyXG4gICAgZGF0ZUlucHV0OiBbXHJcbiAgICAgICdERC1NTS1ZWVlZJyxcclxuICAgICAgJ01NL0REL1lZWVknLFxyXG4gICAgICAnWVlZWS9NTS9ERCcsXHJcbiAgICAgICdERC9NTS9ZWVlZJyxcclxuICAgICAgJ0REIE1NTSBZWVlZJyxcclxuICAgICAgJ0REIE1NTU0gWVlZWScsXHJcbiAgICAgICdERC1NTU0tWVlZWSdcclxuICAgIF1cclxuICB9LFxyXG4gIGRpc3BsYXk6IHtcclxuICAgIGRhdGVJbnB1dDogJ0RELU1NTS1ZWVlZJyxcclxuICAgIG1vbnRoWWVhckxhYmVsOiAnTU1NIFlZWVknLFxyXG4gICAgZGF0ZUExMXlMYWJlbDogJ0RELU1NTS1ZWVlZJyxcclxuICAgIG1vbnRoWWVhckExMXlMYWJlbDogJ01NTU0gWVlZWSdcclxuICB9XHJcbn07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1kb2InLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdElucHV0TW9kdWxlLCBNYXRGb3JtRmllbGRNb2R1bGUsIENvbW1vbk1vZHVsZSwgTWF0RGF0ZXBpY2tlck1vZHVsZSwgTW9tZW50RGF0ZU1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAge1xyXG4gICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICAgIHVzZUV4aXN0aW5nOiBEb2JDb21wb25lbnQsXHJcbiAgICAgICAgbXVsdGk6IHRydWVcclxuICAgICAgfSxcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogRGF0ZUFkYXB0ZXIsXHJcbiAgICAgIHVzZUNsYXNzOiBNb21lbnREYXRlQWRhcHRlcixcclxuICAgICAgZGVwczogW11cclxuICAgIH0sXHJcbiAgICB7IHByb3ZpZGU6IE1BVF9EQVRFX0ZPUk1BVFMsIHVzZVZhbHVlOiBNWV9EQVRFX0ZPUk1BVCB9XHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vZG9iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZG9iLmNvbXBvbmVudC5jc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRG9iQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIGZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XHJcbiAgaW5wdXRWYWx1ZTogYW55ID0gbnVsbDtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHNlcnZpY2UgOiBNYXN0ZXJDb250cm9sU2VydmljZSkge31cclxuXHJcbiAgZGF0ZURpdmlzaW9uRm9ybWF0KGV2ZW50OiBhbnkpIHtcclxuICAgIGxldCBldnQgPSBldmVudC50YXJnZXQ7XHJcbiAgICBpZiAoZXZ0LnZhbHVlLmxlbmd0aCA+IDIgJiYgIWV2dC52YWx1ZS5zdWJzdHIoMiwgMSkuaW5jbHVkZXMoJy0nKSkge1xyXG4gICAgICBldnQudmFsdWUgPSBbZXZ0LnZhbHVlLnNsaWNlKDAsIDIpLCAnLScsIGV2dC52YWx1ZS5zbGljZSgyKV0uam9pbignJyk7XHJcbiAgICB9IGVsc2UgaWYgKFxyXG4gICAgICBldnQudmFsdWUubGVuZ3RoID4gNSAmJlxyXG4gICAgICBOdW1iZXIoZXZ0LnZhbHVlLnN1YnN0cigzLCAyKSkgJiZcclxuICAgICAgIWV2dC52YWx1ZS5zdWJzdHIoNSwgMSkuaW5jbHVkZXMoJy0nKVxyXG4gICAgKSB7XHJcbiAgICAgIGV2dC52YWx1ZSA9IFtldnQudmFsdWUuc2xpY2UoMCwgNSksICctJywgZXZ0LnZhbHVlLnNsaWNlKDUpXS5qb2luKCcnKTtcclxuICAgIH0gZWxzZSBpZiAoXHJcbiAgICAgIGV2dC52YWx1ZS5sZW5ndGggPiA2ICYmXHJcbiAgICAgICFOdW1iZXIoZXZ0LnZhbHVlLnN1YnN0cigzLCAyKSkgJiZcclxuICAgICAgIWV2dC52YWx1ZS5zdWJzdHIoNiwgMSkuaW5jbHVkZXMoJy0nKVxyXG4gICAgKSB7XHJcbiAgICAgIGV2dC52YWx1ZSA9IFtldnQudmFsdWUuc2xpY2UoMCwgNiksICctJywgZXZ0LnZhbHVlLnNsaWNlKDYpXS5qb2luKCcnKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIF9vbkNoYW5nZTogYW55ID0gKGlucHV0VmFsdWU6YW55KSA9PiB7fTtcclxuICBfdW5Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcclxuXHJcbiAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWR7XHJcbiAgICB0aGlzLmlucHV0VmFsdWU9b2JqO1xyXG4gIH07XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZHtcclxuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XHJcbiAgfTtcclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZHtcclxuICAgIHRoaXMuX3VuVG91Y2hlZCA9IGZuO1xyXG4gIH07XHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWR7fTtcclxuXHJcbiAgb25JbnB1dENoYW5nZShldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmlucHV0VmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLmlucHV0VmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25JbnB1dEJsdXIoZXZlbnQgOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5zZXJ2aWNlLmNoZWNrSWZWYWx1ZUlzRW1wdHkoZXZlbnQudGFyZ2V0LnZhbHVlKSkge1xyXG4gICAgICBpZiAoaXNOYU4oRGF0ZS5wYXJzZShldmVudC50YXJnZXQudmFsdWUpKSkge1xyXG4gICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9ICcnO1xyXG4gICAgICB9XHJcblxyXG4gICAgfVxyXG4gICAgdGhpcy5fdW5Ub3VjaGVkKCk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8bGFiZWwgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkuaXNWaXNpYmxlXCIgY2xhc3M9XCJmaWVsZC1sYWJsZVwiPnt7ZmllbGQoKS5sYWJlbH19PHNwYW4gc3R5bGU9XCJjb2xvcjogcmVkO1wiICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpLnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRcIj4qPC9zcGFuPjwvbGFiZWw+XHJcbjxtYXQtZm9ybS1maWVsZFxyXG4gIGNsYXNzPVwidy0xMDBcIlxyXG4gIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKS5pc1Zpc2libGVcIj5cclxuICA8aW5wdXRcclxuICAgIG1hdElucHV0XHJcbiAgICBhdXRvY29tcGxldGU9XCJub25lXCJcclxuICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJmaWVsZCgpLnBsYWNlSG9sZGVyXCJcclxuICAgIFtyZXF1aXJlZF09XCJmaWVsZCgpLnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRcIlxyXG4gICAgW3BhdHRlcm5dPVwiZmllbGQoKS52YWxpZGF0b3JzPy5wYXR0ZXJuXCJcclxuICAgIFttYXREYXRlcGlja2VyXT1cInBpY2tlclwiXHJcbiAgICAoa2V5dXApPVwiZGF0ZURpdmlzaW9uRm9ybWF0KCRldmVudClcIlxyXG4gICAgW2Rpc2FibGVkXT1cImZpZWxkKCkuaXNEaXNhYmxlXCJcclxuICAgIChkYXRlQ2hhbmdlKT1cIm9uSW5wdXRDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAoYmx1cik9XCJvbklucHV0Qmx1cigkZXZlbnQpXCJcclxuICAgIFt2YWx1ZV09XCJpbnB1dFZhbHVlXCJcclxuICAvPlxyXG4gIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0U3VmZml4IFtmb3JdPVwicGlja2VyXCIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAgPGltZ1xyXG4gICAgICBzcmM9XCJodHRwczovL2Nkbi5nb2RpZ2l0LmNvbS9kaWdpdFBsdXNBc3NldHMvcmV0YWlsLWxpZmUtaWNvbi9zdmdpY29uL2RhdGVfcGlja2VyX2ljb24uc3ZnXCJcclxuICAgICAgc3R5bGU9XCJ3aWR0aDogMTZweFwiXHJcbiAgICAgIG1hdERhdGVwaWNrZXJUb2dnbGVJY29uXHJcbiAgICAvPlxyXG4gIDwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxyXG4gIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XHJcbiAgIDxtYXQtZXJyb3IgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAge3sgZmllbGQoKS52YWxpZGF0b3JzPy5pc1JlcXVpcmVkTWVzc2FnZSB9fVxyXG4gIDwvbWF0LWVycm9yPlxyXG48L21hdC1mb3JtLWZpZWxkPlxyXG48ZGl2IGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiICpuZ0lmPVwiZmFsc2VcIj5cclxuICB7eyBmaWVsZCgpLnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRNZXNzYWdlIH19LlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAge3sgZmllbGQoKS52YWxpZGF0b3JzPy5wYXR0ZXJuTWVzc2FnZSB9fS5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, input } from '@angular/core';
|
|
3
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import { MatInputModule } from '@angular/material/input';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "@angular/material/input";
|
|
9
|
+
import * as i3 from "@angular/material/form-field";
|
|
10
|
+
export class EmailWithDomainComponent {
|
|
11
|
+
pincode = '';
|
|
12
|
+
emailUser = '';
|
|
13
|
+
emailDomain = '';
|
|
14
|
+
field = input.required();
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmailWithDomainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: EmailWithDomainComponent, isStandalone: true, selector: "lib-email-with-domain", 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\">\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", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmailWithDomainComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
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" }]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtd2l0aC1kb21haW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9lbWFpbC13aXRoLWRvbWFpbi9lbWFpbC13aXRoLWRvbWFpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2VtYWlsLXdpdGgtZG9tYWluL2VtYWlsLXdpdGgtZG9tYWluLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQVN6RCxNQUFNLE9BQU8sd0JBQXdCO0lBQ3JDLE9BQU8sR0FBUSxFQUFFLENBQUM7SUFDaEIsU0FBUyxHQUFLLEVBQUUsQ0FBQztJQUNqQixXQUFXLEdBQUssRUFBRSxDQUFDO0lBRW5CLEtBQUssR0FBUSxLQUFLLENBQUMsUUFBUSxFQUFPLENBQUM7d0dBTHhCLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLG9OQ2JyQyxpMUNBa0NBLHlERHpCWSxZQUFZLGtJQUFFLGNBQWMsa3BCQUFFLGtCQUFrQiw4QkFBRSxXQUFXLDhCQUFFLG1CQUFtQjs7NEZBSWpGLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbWFpbC13aXRoLWRvbWFpbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRJbnB1dE1vZHVsZSwgTWF0Rm9ybUZpZWxkTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2VtYWlsLXdpdGgtZG9tYWluLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZW1haWwtd2l0aC1kb21haW4uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEVtYWlsV2l0aERvbWFpbkNvbXBvbmVudCB7XHJcbnBpbmNvZGU6IGFueSA9ICcnO1xyXG4gIGVtYWlsVXNlcjphbnk9Jyc7XHJcbiAgZW1haWxEb21haW46YW55PScnO1xyXG5cclxuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG59XHJcbiIsIjxsYWJlbCAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKS5pc1Zpc2libGVcIiBjbGFzcz1cImZpZWxkLWxhYmxlXCI+e3tmaWVsZCgpLmxhYmVsfX08c3BhbiBzdHlsZT1cImNvbG9yOiByZWQ7XCIgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkudmFsaWRhdG9ycy5pc1JlcXVpcmVkXCI+Kjwvc3Bhbj48L2xhYmVsPlxyXG4gIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cInctMTAwXCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICBtYXRJbnB1dFxyXG4gICAgICBhdXRvY29tcGxldGU9XCJub25lXCJcclxuICAgICAgY2xhc3M9XCJlbWFpbC1sZWZ0LXNpZGVcIlxyXG4gICAgICBbbmFtZV09XCJmaWVsZCgpLmZpZWxkTmFtZSArICdfMSdcIlxyXG4gICAgICBbaWRdPVwiZmllbGQoKS5maWVsZE5hbWUgKyAnXzEnXCJcclxuICAgICAgW3BsYWNlaG9sZGVyXT1cImZpZWxkKCkucGxhY2VIb2xkZXJcIlxyXG4gICAgICBbcmVxdWlyZWRdPVwiZmllbGQoKS52YWxpZGF0b3JzLmlzUmVxdWlyZWRcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZmllbGQoKS5pc0Rpc2FibGVcIlxyXG4gICAgICBbcGF0dGVybl09XCJmaWVsZCgpLnZhbGlkYXRvcnMucGF0dGVyblwiXHJcbiAgICAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJlbWFpbC1iZXR3ZWVuXCI+JiM2NDs8L3NwYW4+XHJcbiAgICA8aW5wdXRcclxuICAgICAgbWF0SW5wdXRcclxuICAgICAgYXV0b2NvbXBsZXRlPVwibm9uZVwiXHJcbiAgICAgIFtuYW1lXT1cImZpZWxkKCkuZmllbGROYW1lICsgJ18yJ1wiXHJcbiAgICAgIFtpZF09XCJmaWVsZCgpLmZpZWxkTmFtZSArICdfMidcIlxyXG4gICAgICBwbGFjZWhvbGRlcj1cImRvbWFpbi5jb21cIlxyXG4gICAgICBjbGFzcz1cImVtYWlsLXJpZ2h0LXNpZGVcIlxyXG4gICAgICBbcmVxdWlyZWRdPVwiZmllbGQoKS52YWxpZGF0b3JzLmlzUmVxdWlyZWRcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZmllbGQoKS5pc0Rpc2FibGVcIlxyXG4gICAgLz5cclxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAgICB7eyBmaWVsZCgpLnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRNZXNzYWdlIH19XHJcbiAgICA8L21hdC1lcnJvcj5cclxuICA8L21hdC1mb3JtLWZpZWxkPlxyXG48ZGl2IGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiICpuZ0lmPVwiZmFsc2VcIj5cclxuICB7eyBmaWVsZCgpLnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRNZXNzYWdlIH19LlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAge3sgZmllbGQoKS52YWxpZGF0b3JzPy5wYXR0ZXJuTWVzc2FnZSB9fS5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -6,10 +6,10 @@ export class InfoComponent {
|
|
|
6
6
|
field = input.required();
|
|
7
7
|
nudgeDisplayImage = 'https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/blubIcon.svg';
|
|
8
8
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InfoComponent, isStandalone: true, selector: "lib-info", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"info-background\" *ngIf=\"field() && field().
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InfoComponent, isStandalone: true, selector: "lib-info", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"info-background\" *ngIf=\"field() && field().isVisible\">\r\n <span>\r\n <img\r\n class=\"info-nudge-image mb-1\"\r\n [src]=\"nudgeDisplayImage\"\r\n alt=\"\"\r\n />\r\n <span class=\"info-nudge-text\">{{ field().label }}</span>\r\n </span>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InfoComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'lib-info', standalone: true, imports: [CommonModule], template: "<div class=\"info-background\" *ngIf=\"field() && field().
|
|
13
|
+
args: [{ selector: 'lib-info', standalone: true, imports: [CommonModule], template: "<div class=\"info-background\" *ngIf=\"field() && field().isVisible\">\r\n <span>\r\n <img\r\n class=\"info-nudge-image mb-1\"\r\n [src]=\"nudgeDisplayImage\"\r\n alt=\"\"\r\n />\r\n <span class=\"info-nudge-text\">{{ field().label }}</span>\r\n </span>\r\n</div>\r\n" }]
|
|
14
14
|
}] });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luZm8vaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luZm8vaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sYUFBYTtJQUN4QixLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBQ25DLGlCQUFpQixHQUFTLCtFQUErRSxDQUFDO3dHQUYvRixhQUFhOzRGQUFiLGFBQWEsdU1DVjFCLHVTQVVBLHlEREpZLFlBQVk7OzRGQUlYLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWluZm8nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZm8uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pbmZvLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbmZvQ29tcG9uZW50IHtcclxuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG4gIG51ZGdlRGlzcGxheUltYWdlIDogYW55ID0gJ2h0dHBzOi8vY2RuLmdvZGlnaXQuY29tL2RpZ2l0UGx1c0Fzc2V0cy9yZXRhaWwtbGlmZS1pY29uL3N2Z2ljb24vYmx1Ykljb24uc3ZnJztcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImluZm8tYmFja2dyb3VuZFwiICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpLmlzVmlzaWJsZVwiPlxyXG4gIDxzcGFuPlxyXG4gICAgPGltZ1xyXG4gICAgICBjbGFzcz1cImluZm8tbnVkZ2UtaW1hZ2UgbWItMVwiXHJcbiAgICAgIFtzcmNdPVwibnVkZ2VEaXNwbGF5SW1hZ2VcIlxyXG4gICAgICBhbHQ9XCJcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwiaW5mby1udWRnZS10ZXh0XCI+e3sgZmllbGQoKS5sYWJlbCB9fTwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, input } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import { MatInputModule } from '@angular/material/input';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/material/form-field";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
import * as i3 from "@angular/material/input";
|
|
10
|
+
export class InfoTextboxComponent {
|
|
11
|
+
field = input.required();
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InfoTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: InfoTextboxComponent, isStandalone: true, selector: "lib-info-textbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable info-label\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}\r\n <!-- <span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n > -->\r\n <span style=\"justify-content: end;\">\r\n <img class=\"mx-1\" src=\"https://cdn.godigit.com/retail-life/question-mark.svg\" alt=\"\">\r\n <u>Where to find this? ></u></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 <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: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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 }] });
|
|
14
|
+
}
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InfoTextboxComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'lib-info-textbox', standalone: true, imports: [
|
|
18
|
+
MatFormFieldModule,
|
|
19
|
+
CommonModule,
|
|
20
|
+
MatInputModule,
|
|
21
|
+
ReactiveFormsModule
|
|
22
|
+
], template: "<label class=\"field-lable info-label\" *ngIf=\"field() && field().isVisible\"\r\n >{{ field().label\r\n }}\r\n <!-- <span style=\"color: red\" *ngIf=\"field() && field().validators.isRequired\"\r\n >*</span\r\n > -->\r\n <span style=\"justify-content: end;\">\r\n <img class=\"mx-1\" src=\"https://cdn.godigit.com/retail-life/question-mark.svg\" alt=\"\">\r\n <u>Where to find this? ></u></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 <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" }]
|
|
23
|
+
}] });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby10ZXh0Ym94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvaW5mby10ZXh0Ym94L2luZm8tdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2luZm8tdGV4dGJveC9pbmZvLXRleHRib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFjekQsTUFBTSxPQUFPLG9CQUFvQjtJQUNoQyxLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO3dHQUR2QixvQkFBb0I7NEZBQXBCLG9CQUFvQiwrTUNsQmpDLG8wQ0F1Q0EseUREN0JJLGtCQUFrQixzVUFDbEIsWUFBWSxrSUFDWixjQUFjLDBXQUNkLG1CQUFtQjs7NEZBS1Ysb0JBQW9CO2tCQVpoQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1A7d0JBQ1Asa0JBQWtCO3dCQUNsQixZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsbUJBQW1CO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItaW5mby10ZXh0Ym94JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdElucHV0TW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZm8tdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2luZm8tdGV4dGJveC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5mb1RleHRib3hDb21wb25lbnQge1xyXG4gZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJmaWVsZC1sYWJsZSBpbmZvLWxhYmVsXCIgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkuaXNWaXNpYmxlXCJcclxuICA+e3sgZmllbGQoKS5sYWJlbFxyXG4gIH19XHJcbiAgPCEtLSA8c3BhbiBzdHlsZT1cImNvbG9yOiByZWRcIiAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKS52YWxpZGF0b3JzLmlzUmVxdWlyZWRcIlxyXG4gICAgPio8L3NwYW5cclxuICA+IC0tPlxyXG4gIDxzcGFuIHN0eWxlPVwianVzdGlmeS1jb250ZW50OiBlbmQ7XCI+XHJcbiAgICA8aW1nIGNsYXNzPVwibXgtMVwiIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL3JldGFpbC1saWZlL3F1ZXN0aW9uLW1hcmsuc3ZnXCIgYWx0PVwiXCI+XHJcbiAgICA8dT5XaGVyZSB0byBmaW5kIHRoaXM/ID48L3U+PC9zcGFuPlxyXG4gIDwvbGFiZWxcclxuPlxyXG48bWF0LWZvcm0tZmllbGRcclxuICBjbGFzcz1cInctMTAwXCJcclxuICBhcHBlYXJhbmNlPVwib3V0bGluZVwiXHJcbiAgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCkuaXNWaXNpYmxlXCJcclxuPlxyXG4gIDxpbnB1dFxyXG4gICAgbWF0SW5wdXRcclxuICAgIGF1dG9jb21wbGV0ZT1cIm5vbmVcIlxyXG4gICAgW3R5cGVdPVwiZmllbGQoKS5jb250cm9sVHlwZVwiXHJcbiAgICBbbmFtZV09XCJmaWVsZCgpLmZpZWxkTmFtZVwiXHJcbiAgICBbaWRdPVwiZmllbGQoKS5maWVsZE5hbWVcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cImZpZWxkKCkucGxhY2VIb2xkZXJcIlxyXG4gICAgW21heExlbmd0aF09XCJmaWVsZCgpLnZhbGlkYXRvcnMubWF4TGVuZ3RoXCJcclxuICAgIFttaW5MZW5ndGhdPVwiZmllbGQoKS52YWxpZGF0b3JzLm1pbkxlbmd0aFwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZmllbGQoKS5pc0Rpc2FibGVcIlxyXG4gICAgW3JlcXVpcmVkXT1cImZpZWxkKCkudmFsaWRhdG9ycy5pc1JlcXVpcmVkXCJcclxuICAgIFtwYXR0ZXJuXT1cImZpZWxkKCkudmFsaWRhdG9ycy5wYXR0ZXJuXCJcclxuICAvPlxyXG4gIDxtYXQtZXJyb3IgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAge3sgZmllbGQoKS52YWxpZGF0b3JzLmlzUmVxdWlyZWRNZXNzYWdlIH19XHJcbiAgPC9tYXQtZXJyb3I+XHJcbjwvbWF0LWZvcm0tZmllbGQ+XHJcbjxkaXYgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gIHt7IGZpZWxkKCkudmFsaWRhdG9ycy5pc1JlcXVpcmVkTWVzc2FnZSB9fS5cclxuPC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gIHt7IGZpZWxkKCkudmFsaWRhdG9ycy5wYXR0ZXJuTWVzc2FnZSB9fS5cclxuPC9kaXY+XHJcbiJdfQ==
|