master-control 0.3.22 → 0.3.23
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/dob/dob.component.mjs +3 -3
- package/esm2022/lib/medial-questions/medial-questions.component.mjs +126 -124
- package/esm2022/lib/toggle-button/toggle-button.component.mjs +3 -3
- package/fesm2022/master-control.mjs +129 -127
- package/fesm2022/master-control.mjs.map +1 -1
- package/master-control-0.3.23.tgz +0 -0
- package/package.json +2 -2
- package/master-control-0.3.22.tgz +0 -0
|
@@ -44,7 +44,7 @@ export class ToggleButtonComponent {
|
|
|
44
44
|
useExisting: ToggleButtonComponent,
|
|
45
45
|
multi: true,
|
|
46
46
|
},
|
|
47
|
-
], ngImport: i0, template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n
|
|
47
|
+
], ngImport: i0, template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }@else {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [(ngModel)]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\" [title]=\"data?.tooltipText ? data?.tooltipText : data?.label\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{border-radius:50px}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{height:32px!important;transform:translateY(-9px);font-size:12px;font-weight:400;color:#444;letter-spacing:1px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-button{background:#fff!important;border-radius:50px!important;box-shadow:0 0 15px #00000014!important;height:32px;padding:0 24px;border:1px solid #ffbb00}:host ::ng-deep .mat-button-toggle-button{padding:0 24px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600!important;letter-spacing:1px}:host ::ng-deep .mat-button-toggle .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:1px solid #ddd!important;background:#f5f5f5!important;height:33px}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background:#f5f5f5!important;border-radius:50px}.toggle-img{width:12px}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{overflow:unset!important}.second-box{position:relative;top:-4px}.top-green-card{font-size:10px;font-weight:800;color:#fff;background:#169f7d;border-top-left-radius:999px;border-top-right-radius:999px;position:absolute;right:3em;padding:2px 16px 2px 12px;transform:translate(5px,-19px);z-index:99999;height:18px}.green-card-img{width:14.86px;margin-bottom:6px}:host ::ng-deep .mat-button-toggle-button{width:var(--toggle-button-width , 100%)!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleButtonComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -54,10 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
54
54
|
useExisting: ToggleButtonComponent,
|
|
55
55
|
multi: true,
|
|
56
56
|
},
|
|
57
|
-
], template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n
|
|
57
|
+
], template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }@else {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [(ngModel)]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\" [title]=\"data?.tooltipText ? data?.tooltipText : data?.label\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{border-radius:50px}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{height:32px!important;transform:translateY(-9px);font-size:12px;font-weight:400;color:#444;letter-spacing:1px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-button{background:#fff!important;border-radius:50px!important;box-shadow:0 0 15px #00000014!important;height:32px;padding:0 24px;border:1px solid #ffbb00}:host ::ng-deep .mat-button-toggle-button{padding:0 24px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600!important;letter-spacing:1px}:host ::ng-deep .mat-button-toggle .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:1px solid #ddd!important;background:#f5f5f5!important;height:33px}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background:#f5f5f5!important;border-radius:50px}.toggle-img{width:12px}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{overflow:unset!important}.second-box{position:relative;top:-4px}.top-green-card{font-size:10px;font-weight:800;color:#fff;background:#169f7d;border-top-left-radius:999px;border-top-right-radius:999px;position:absolute;right:3em;padding:2px 16px 2px 12px;transform:translate(5px,-19px);z-index:99999;height:18px}.green-card-img{width:14.86px;margin-bottom:6px}:host ::ng-deep .mat-button-toggle-button{width:var(--toggle-button-width , 100%)!important}\n"] }]
|
|
58
58
|
}], propDecorators: { selectionChanged: [{
|
|
59
59
|
type: Output
|
|
60
60
|
}], change: [{
|
|
61
61
|
type: Output
|
|
62
62
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3RvZ2dsZS1idXR0b24vdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL3RvZ2dsZS1idXR0b24vdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQXdCLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNHLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7OztBQWdCeEUsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyx5QkFBeUIsR0FBUSxLQUFLLEVBQU8sQ0FBQztJQUM5QyxLQUFLLEdBQVMsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBQ3BDLGFBQWEsR0FBUSxJQUFJLENBQUM7SUFFMUIsbURBQW1EO0lBQ3pDLGdCQUFnQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDM0MsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFM0MsK0JBQStCO0lBQy9CLFFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFDekIsU0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUUxQixVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsa0NBQWtDO0lBQ3BDLENBQUM7SUFFRCwwQkFBMEI7SUFDMUIsaUJBQWlCLENBQUMsS0FBVTtRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUVqQixtQ0FBbUM7UUFDbkMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO3dHQXRDVSxxQkFBcUI7NEZBQXJCLHFCQUFxQiw0YkFSckI7WUFDUDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUscUJBQXFCO2dCQUNsQyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDakJMLHc3RUE0RUEsODhERHBFWSxxQkFBcUIsc29CQUFFLFlBQVkscVRBQUUsbUJBQW1CLHlUQUFFLFdBQVc7OzRGQVdwRSxxQkFBcUI7a0JBZGpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLHFCQUFxQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxXQUFXLENBQUMsYUFHckU7d0JBQ1A7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyx1QkFBdUI7NEJBQ2xDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQVFPLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24tdG9nZ2xlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXRvZ2dsZS1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdEJ1dHRvblRvZ2dsZU1vZHVsZSwgQ29tbW9uTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi90b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5jc3MnLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgICAgdXNlRXhpc3Rpbmc6IFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCxcclxuICAgICAgICBtdWx0aTogdHJ1ZSxcclxuICAgICAgfSxcclxuICAgIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb2dnbGVCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgcmVhY3RpdmVGb3JtQ29udHJvbG9iamVjdDogYW55ID0gaW5wdXQ8YW55PigpO1xyXG4gIGZpZWxkIDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG4gIHNlbGVjdGVkVmFsdWU6IGFueSA9IG51bGw7XHJcblxyXG4gIC8vIE91dHB1dCBldmVudHMgZm9yIHBhcmVudCBjb21wb25lbnQgY29tbXVuaWNhdGlvblxyXG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBtZXRob2RzXHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAvLyBIYW5kbGUgZGlzYWJsZWQgc3RhdGUgaWYgbmVlZGVkXHJcbiAgfVxyXG5cclxuICAvLyBIYW5kbGUgc2VsZWN0aW9uIGNoYW5nZVxyXG4gIG9uU2VsZWN0aW9uQ2hhbmdlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xyXG4gICAgXHJcbiAgICAvLyBFbWl0IGV2ZW50cyBmb3IgcGFyZW50IGNvbXBvbmVudFxyXG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2VkLmVtaXQodmFsdWUpO1xyXG4gICAgdGhpcy5jaGFuZ2UuZW1pdCh2YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgc3R5bGU9XCJwb3NpdGlvbjogcmVsYXRpdmVcIiBbbmdDbGFzc109XCJmaWVsZCgpPy5jc3NDbGFzc1wiPlxyXG4gIEBpZihyZWFjdGl2ZUZvcm1Db250cm9sb2JqZWN0KCkpIHtcclxuICAgICA8bWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXBcclxuICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICctLXRvZ2dsZS1idXR0b24td2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LndpZHRoICxcclxuICAgIH1cIlxyXG4gICAgbmFtZT1cImZvbnRTdHlsZVwiXHJcbiAgICBjbGFzcz1cImN1c3RvbS1tYXQtdG9nZ2xlXCJcclxuICAgIGFyaWEtbGFiZWw9XCJGb250IFN0eWxlXCJcclxuICAgICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGUgJiYgZmllbGQoKT8uY29uZmlnRGF0YT8ub3B0aW9uc1wiXHJcbiAgICBbdmFsdWVdPVwic2VsZWN0ZWRWYWx1ZVwiXHJcbiAgICAoY2hhbmdlKT1cIm9uU2VsZWN0aW9uQ2hhbmdlKCRldmVudC52YWx1ZSlcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cInJlYWN0aXZlRm9ybUNvbnRyb2xvYmplY3QoKVwiXHJcbiAgPlxyXG4gICAgQGZvciAoZGF0YSBvZiBmaWVsZCgpPy5jb25maWdEYXRhPy5vcHRpb25zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgIDxtYXQtYnV0dG9uLXRvZ2dsZSBbdmFsdWVdPVwiZGF0YS52YWx1ZVwiXHJcbiAgICAgID5cclxuICAgICAgPGltZ1xyXG4gICAgICAgICpuZ0lmPVwiZGF0YS5pbWdVcmxcIlxyXG4gICAgICAgIFtzcmNdPVwiZGF0YS5pbWdVcmxcIlxyXG4gICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgY2xhc3M9XCJ0b2dnbGUtaW1nIG14LTFcIlxyXG4gICAgICAvPlxyXG4gICAgICB7eyBkYXRhLmxhYmVsIH19XHJcbiAgICA8L21hdC1idXR0b24tdG9nZ2xlPlxyXG4gICAgPGRpdiBjbGFzcz1cInRvcC1ncmVlbi1jYXJkXCIgKm5nSWY9XCJkYXRhLnRvZ2dsZVRvcFRleHRcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzZWNvbmQtYm94XCI+XHJcbiAgICAgICAgPGltZ1xyXG4gICAgICAgICAgY2xhc3M9XCJncmVlbi1jYXJkLWltZ1wiXHJcbiAgICAgICAgICAqbmdJZj1cImRhdGEudG9wSW1hZ2VcIlxyXG4gICAgICAgICAgW3NyY109XCJkYXRhLnRvcEltYWdlXCJcclxuICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8c3Bhbj57eyBkYXRhLnRvZ2dsZVRvcFRleHQgfX08L3NwYW4+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gIDwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XHJcbiAgfUBlbHNlIHtcclxuICAgICA8bWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXBcclxuICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICctLXRvZ2dsZS1idXR0b24td2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LndpZHRoICxcclxuICAgIH1cIlxyXG4gICAgbmFtZT1cImZvbnRTdHlsZVwiXHJcbiAgICBjbGFzcz1cImN1c3RvbS1tYXQtdG9nZ2xlXCJcclxuICAgIGFyaWEtbGFiZWw9XCJGb250IFN0eWxlXCJcclxuICAgICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGUgJiYgZmllbGQoKT8uY29uZmlnRGF0YT8ub3B0aW9uc1wiXHJcbiAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkVmFsdWVcIlxyXG4gICAgKGNoYW5nZSk9XCJvblNlbGVjdGlvbkNoYW5nZSgkZXZlbnQudmFsdWUpXCJcclxuICA+XHJcbiAgICBAZm9yIChkYXRhIG9mIGZpZWxkKCk/LmNvbmZpZ0RhdGE/Lm9wdGlvbnM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgPG1hdC1idXR0b24tdG9nZ2xlIFt2YWx1ZV09XCJkYXRhLnZhbHVlXCIgW3RpdGxlXT1cImRhdGE/LnRvb2x0aXBUZXh0ID8gZGF0YT8udG9vbHRpcFRleHQgOiBkYXRhPy5sYWJlbFwiXHJcbiAgICAgID5cclxuICAgICAgPGltZ1xyXG4gICAgICAgICpuZ0lmPVwiZGF0YS5pbWdVcmxcIlxyXG4gICAgICAgIFtzcmNdPVwiZGF0YS5pbWdVcmxcIlxyXG4gICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgY2xhc3M9XCJ0b2dnbGUtaW1nIG14LTFcIlxyXG4gICAgICAvPlxyXG4gICAgICB7eyBkYXRhLmxhYmVsIH19XHJcbiAgICA8L21hdC1idXR0b24tdG9nZ2xlPlxyXG4gICAgPGRpdiBjbGFzcz1cInRvcC1ncmVlbi1jYXJkXCIgKm5nSWY9XCJkYXRhLnRvZ2dsZVRvcFRleHRcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzZWNvbmQtYm94XCI+XHJcbiAgICAgICAgPGltZ1xyXG4gICAgICAgICAgY2xhc3M9XCJncmVlbi1jYXJkLWltZ1wiXHJcbiAgICAgICAgICAqbmdJZj1cImRhdGEudG9wSW1hZ2VcIlxyXG4gICAgICAgICAgW3NyY109XCJkYXRhLnRvcEltYWdlXCJcclxuICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8c3Bhbj57eyBkYXRhLnRvZ2dsZVRvcFRleHQgfX08L3NwYW4+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gIDwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
|
|
@@ -846,7 +846,7 @@ class DobComponent {
|
|
|
846
846
|
deps: []
|
|
847
847
|
},
|
|
848
848
|
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMAT }
|
|
849
|
-
], ngImport: i0, template: "<label\r\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n class=\"field-lable\"\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 [ngStyle]=\"{\r\n '--custom-border-color': field()?.controlStyle?.borderColor ,\r\n '--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n '--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n '--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n '--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n '--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n '--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n '--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n '--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n '--custom-font-size': field()?.controlStyle?.fontSize ,\r\n '--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n '--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n '--custom-font-color': field()?.controlStyle?.color ,\r\n '--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n '--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n '--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n '--custom-bg-color': field()?.controlStyle?.background ,\r\n '--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n }\"\r\n>\r\n @if(reactiveFormControlobject()) {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (input)=\"onInputChange($event)\"\r\n (dateChange)=\"onDateChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n />\r\n }@else {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n />\r\n }\r\n\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\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=\"field()?.configData?.isInvalid\">\r\n {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}::ng-deep .mat-calendar-period-button .mdc-button__label{display:flex;flex-direction:row-reverse;align-items:center;gap:10px}\n"], 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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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 }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
849
|
+
], ngImport: i0, template: "<label\r\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n class=\"field-lable\"\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 [ngStyle]=\"{\r\n '--custom-border-color': field()?.controlStyle?.borderColor ,\r\n '--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n '--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n '--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n '--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n '--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n '--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n '--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n '--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n '--custom-font-size': field()?.controlStyle?.fontSize ,\r\n '--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n '--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n '--custom-font-color': field()?.controlStyle?.color ,\r\n '--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n '--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n '--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n '--custom-bg-color': field()?.controlStyle?.background ,\r\n '--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n }\"\r\n>\r\n @if(reactiveFormControlobject()) {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n />\r\n }@else {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n />\r\n }\r\n\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\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=\"field()?.configData?.isInvalid\">\r\n {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}::ng-deep .mat-calendar-period-button .mdc-button__label{display:flex;flex-direction:row-reverse;align-items:center;gap:10px}\n"], 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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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 }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
850
850
|
}
|
|
851
851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DobComponent, decorators: [{
|
|
852
852
|
type: Component,
|
|
@@ -862,7 +862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
862
862
|
deps: []
|
|
863
863
|
},
|
|
864
864
|
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMAT }
|
|
865
|
-
], template: "<label\r\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n class=\"field-lable\"\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 [ngStyle]=\"{\r\n '--custom-border-color': field()?.controlStyle?.borderColor ,\r\n '--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n '--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n '--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n '--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n '--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n '--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n '--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n '--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n '--custom-font-size': field()?.controlStyle?.fontSize ,\r\n '--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n '--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n '--custom-font-color': field()?.controlStyle?.color ,\r\n '--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n '--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n '--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n '--custom-bg-color': field()?.controlStyle?.background ,\r\n '--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n }\"\r\n>\r\n @if(reactiveFormControlobject()) {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (
|
|
865
|
+
], template: "<label\r\n *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n class=\"field-lable\"\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 [ngStyle]=\"{\r\n '--custom-border-color': field()?.controlStyle?.borderColor ,\r\n '--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n '--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n '--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n '--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n '--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n '--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n '--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n '--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n '--custom-font-size': field()?.controlStyle?.fontSize ,\r\n '--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n '--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n '--custom-font-color': field()?.controlStyle?.color ,\r\n '--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n '--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n '--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n '--custom-bg-color': field()?.controlStyle?.background ,\r\n '--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n }\"\r\n>\r\n @if(reactiveFormControlobject()) {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n />\r\n }@else {\r\n <input\r\n matInput\r\n autocomplete=\"none\"\r\n type=\"text\"\r\n [name]=\"field()?.fieldName\"\r\n [id]=\"field()?.fieldName\"\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 [min]=\"field()?.configData?.min\"\r\n [max]=\"field()?.configData?.max\"\r\n [disabled]=\"field()?.isDisable\"\r\n (dateChange)=\"onInputChange($event)\"\r\n (blur)=\"onInputBlur($event)\"\r\n [value]=\"inputValue\"\r\n />\r\n }\r\n\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\">\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=\"field()?.configData?.isInvalid\">\r\n {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}::ng-deep .mat-calendar-period-button .mdc-button__label{display:flex;flex-direction:row-reverse;align-items:center;gap:10px}\n"] }]
|
|
866
866
|
}], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { blur: [{
|
|
867
867
|
type: Output
|
|
868
868
|
}], valueChange: [{
|
|
@@ -2933,7 +2933,7 @@ class ToggleButtonComponent {
|
|
|
2933
2933
|
useExisting: ToggleButtonComponent,
|
|
2934
2934
|
multi: true,
|
|
2935
2935
|
},
|
|
2936
|
-
], ngImport: i0, template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n
|
|
2936
|
+
], ngImport: i0, template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }@else {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [(ngModel)]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\" [title]=\"data?.tooltipText ? data?.tooltipText : data?.label\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{border-radius:50px}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{height:32px!important;transform:translateY(-9px);font-size:12px;font-weight:400;color:#444;letter-spacing:1px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-button{background:#fff!important;border-radius:50px!important;box-shadow:0 0 15px #00000014!important;height:32px;padding:0 24px;border:1px solid #ffbb00}:host ::ng-deep .mat-button-toggle-button{padding:0 24px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600!important;letter-spacing:1px}:host ::ng-deep .mat-button-toggle .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:1px solid #ddd!important;background:#f5f5f5!important;height:33px}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background:#f5f5f5!important;border-radius:50px}.toggle-img{width:12px}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{overflow:unset!important}.second-box{position:relative;top:-4px}.top-green-card{font-size:10px;font-weight:800;color:#fff;background:#169f7d;border-top-left-radius:999px;border-top-right-radius:999px;position:absolute;right:3em;padding:2px 16px 2px 12px;transform:translate(5px,-19px);z-index:99999;height:18px}.green-card-img{width:14.86px;margin-bottom:6px}:host ::ng-deep .mat-button-toggle-button{width:var(--toggle-button-width , 100%)!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$3.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$3.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { 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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2937
2937
|
}
|
|
2938
2938
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleButtonComponent, decorators: [{
|
|
2939
2939
|
type: Component,
|
|
@@ -2943,7 +2943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2943
2943
|
useExisting: ToggleButtonComponent,
|
|
2944
2944
|
multi: true,
|
|
2945
2945
|
},
|
|
2946
|
-
], template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n
|
|
2946
|
+
], template: "<div style=\"position: relative\" [ngClass]=\"field()?.cssClass\">\r\n @if(reactiveFormControlobject()) {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [value]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n [formControl]=\"reactiveFormControlobject()\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }@else {\r\n <mat-button-toggle-group\r\n [ngStyle]=\"{\r\n '--toggle-button-width': field()?.controlStyle?.width ,\r\n }\"\r\n name=\"fontStyle\"\r\n class=\"custom-mat-toggle\"\r\n aria-label=\"Font Style\"\r\n *ngIf=\"field() && field()?.isVisible && field()?.configData?.options\"\r\n [(ngModel)]=\"selectedValue\"\r\n (change)=\"onSelectionChange($event.value)\"\r\n >\r\n @for (data of field()?.configData?.options; track $index) {\r\n <mat-button-toggle [value]=\"data.value\" [title]=\"data?.tooltipText ? data?.tooltipText : data?.label\"\r\n >\r\n <img\r\n *ngIf=\"data.imgUrl\"\r\n [src]=\"data.imgUrl\"\r\n alt=\"\"\r\n class=\"toggle-img mx-1\"\r\n />\r\n {{ data.label }}\r\n </mat-button-toggle>\r\n <div class=\"top-green-card\" *ngIf=\"data.toggleTopText\">\r\n <span class=\"second-box\">\r\n <img\r\n class=\"green-card-img\"\r\n *ngIf=\"data.topImage\"\r\n [src]=\"data.topImage\"\r\n alt=\"\"\r\n />\r\n <span>{{ data.toggleTopText }}</span>\r\n </span>\r\n </div>\r\n }\r\n </mat-button-toggle-group>\r\n }\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{border-radius:50px}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{height:32px!important;transform:translateY(-9px);font-size:12px;font-weight:400;color:#444;letter-spacing:1px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-button{background:#fff!important;border-radius:50px!important;box-shadow:0 0 15px #00000014!important;height:32px;padding:0 24px;border:1px solid #ffbb00}:host ::ng-deep .mat-button-toggle-button{padding:0 24px}:host ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{font-weight:600!important;letter-spacing:1px}:host ::ng-deep .mat-button-toggle .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:1px solid #ddd!important;background:#f5f5f5!important;height:33px}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border:none!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background:#f5f5f5!important;border-radius:50px}.toggle-img{width:12px}:host ::ng-deep .mat-button-toggle-standalone,.mat-button-toggle-group{overflow:unset!important}.second-box{position:relative;top:-4px}.top-green-card{font-size:10px;font-weight:800;color:#fff;background:#169f7d;border-top-left-radius:999px;border-top-right-radius:999px;position:absolute;right:3em;padding:2px 16px 2px 12px;transform:translate(5px,-19px);z-index:99999;height:18px}.green-card-img{width:14.86px;margin-bottom:6px}:host ::ng-deep .mat-button-toggle-button{width:var(--toggle-button-width , 100%)!important}\n"] }]
|
|
2947
2947
|
}], propDecorators: { selectionChanged: [{
|
|
2948
2948
|
type: Output
|
|
2949
2949
|
}], change: [{
|
|
@@ -4375,41 +4375,105 @@ class MedialQuestionsComponent {
|
|
|
4375
4375
|
this.questionList.forEach((singleSection) => {
|
|
4376
4376
|
// if (!this.checkIfValueIsEmpty(singlePersonObj['questionList'])) {
|
|
4377
4377
|
// singlePersonObj['questionList'].forEach((singleSection: any) => {
|
|
4378
|
-
if (
|
|
4379
|
-
|
|
4380
|
-
|
|
4381
|
-
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
|
|
4385
|
-
|
|
4386
|
-
|
|
4387
|
-
|
|
4388
|
-
|
|
4389
|
-
|
|
4390
|
-
|
|
4391
|
-
|
|
4392
|
-
|
|
4378
|
+
// if (
|
|
4379
|
+
// !this.checkIfValueIsEmpty(singleSection['sectionName']) &&
|
|
4380
|
+
// (singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
|
|
4381
|
+
// 'TELL_US_MORE' ||
|
|
4382
|
+
// singleSection['sectionName'].toUpperCase().replaceAll(' ', '_') ===
|
|
4383
|
+
// 'BASIC_DETAILS')
|
|
4384
|
+
// ) {
|
|
4385
|
+
// validation for height in cm
|
|
4386
|
+
let heightInCentimeterObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHT' || obj['questionId'] === this.personUwAnswers['medicalQuestionsHeightInput']);
|
|
4387
|
+
let heightInInchesObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTI' || obj['questionId'] === this.personUwAnswers['medicalQuestionsInchesInput']);
|
|
4388
|
+
let heightInFeetObj = singleSection['questions'].filter((obj) => obj['cammundaQuestionCode'] === 'QHTF' || obj['questionId'] === this.personUwAnswers['medicalQuestionFeetInput']);
|
|
4389
|
+
if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'CM' &&
|
|
4390
|
+
!this.checkIfValueIsEmpty(heightInCentimeterObj) &&
|
|
4391
|
+
!this.checkIfValueIsEmpty(heightInCentimeterObj) &&
|
|
4392
|
+
!this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsHeightInput'])) {
|
|
4393
|
+
// pass height in cm obj
|
|
4394
|
+
let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
|
|
4395
|
+
obj['personUWId'] === singleSection['personUWId']);
|
|
4396
|
+
if (cmObjInAnswersindex !== -1) {
|
|
4397
|
+
mainRequestForBothPersons[cmObjInAnswersindex]['answer'] =
|
|
4398
|
+
parseInt(this.personUwAnswers['medicalQuestionsHeightInput']).toString();
|
|
4399
|
+
}
|
|
4400
|
+
else {
|
|
4401
|
+
mainRequestForBothPersons.push({
|
|
4402
|
+
personUWId: singleSection['personUWId'],
|
|
4403
|
+
questionId: heightInCentimeterObj[0]['questionId'],
|
|
4404
|
+
answer: parseInt(this.personUwAnswers['medicalQuestionsHeightInput']).toString(),
|
|
4405
|
+
personUWParentId: 0,
|
|
4406
|
+
createdUser: this.getCookieValue('userId'),
|
|
4407
|
+
clusterId: heightInCentimeterObj[0]['clusterId'],
|
|
4408
|
+
});
|
|
4409
|
+
}
|
|
4410
|
+
// height in inches
|
|
4411
|
+
let heightInInches = (this.personUwAnswers['medicalQuestionsHeightInput'] * 0.393701).toFixed(2);
|
|
4412
|
+
let heightInFeet = parseFloat((heightInInches / 12).toString().split('.')[1]) > 12
|
|
4413
|
+
? (heightInInches / 12).toFixed(1)
|
|
4414
|
+
: (heightInInches / 12).toFixed(2);
|
|
4415
|
+
let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInInchesObj[0]['questionId'] &&
|
|
4416
|
+
obj['personUWId'] === singleSection['personUWId']);
|
|
4417
|
+
if (inchesobjInAnswersindex !== -1) {
|
|
4418
|
+
mainRequestForBothPersons[inchesobjInAnswersindex]['answer'] =
|
|
4419
|
+
parseInt(heightInInches).toString();
|
|
4420
|
+
}
|
|
4421
|
+
else {
|
|
4422
|
+
mainRequestForBothPersons.push({
|
|
4423
|
+
personUWId: singleSection['personUWId'],
|
|
4424
|
+
questionId: heightInInchesObj[0]['questionId'],
|
|
4425
|
+
answer: parseInt(heightInInches).toString(),
|
|
4426
|
+
personUWParentId: 0,
|
|
4427
|
+
createdUser: this.getCookieValue('userId'),
|
|
4428
|
+
clusterId: heightInInchesObj[0]['clusterId'],
|
|
4429
|
+
});
|
|
4430
|
+
}
|
|
4431
|
+
// height in feet
|
|
4432
|
+
let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInFeetObj[0]['questionId'] &&
|
|
4433
|
+
obj['personUWId'] === singleSection['personUWId']);
|
|
4434
|
+
if (feetObjInAnswersindex !== -1) {
|
|
4435
|
+
mainRequestForBothPersons[feetObjInAnswersindex]['answer'] =
|
|
4436
|
+
parseFloat(heightInFeet).toString();
|
|
4437
|
+
}
|
|
4438
|
+
else {
|
|
4439
|
+
mainRequestForBothPersons.push({
|
|
4440
|
+
personUWId: singleSection['personUWId'],
|
|
4441
|
+
questionId: heightInFeetObj[0]['questionId'],
|
|
4442
|
+
answer: parseFloat(heightInFeet).toString(),
|
|
4443
|
+
personUWParentId: 0,
|
|
4444
|
+
createdUser: this.getCookieValue('userId'),
|
|
4445
|
+
clusterId: heightInFeetObj[0]['clusterId'],
|
|
4446
|
+
});
|
|
4447
|
+
}
|
|
4448
|
+
}
|
|
4449
|
+
else if (this.personUwAnswers['medicalQuestionsHeightUnit'] === 'FEET' &&
|
|
4450
|
+
!this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionFeetInput']) &&
|
|
4451
|
+
!this.checkIfValueIsEmpty(this.personUwAnswers['medicalQuestionsInchesInput'])) {
|
|
4452
|
+
if (!this.checkIfValueIsEmpty(heightInFeetObj)) {
|
|
4453
|
+
let heightInInches = parseFloat(this.personUwAnswers['medicalQuestionFeetInput']) *
|
|
4454
|
+
12 +
|
|
4455
|
+
parseFloat(this.personUwAnswers['medicalQuestionsInchesInput']);
|
|
4456
|
+
let heightInCm = (parseFloat(heightInInches) / 0.393701).toFixed(2);
|
|
4457
|
+
let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInFeetObj[0]['questionId'] &&
|
|
4393
4458
|
obj['personUWId'] === singleSection['personUWId']);
|
|
4394
|
-
if (
|
|
4395
|
-
mainRequestForBothPersons[
|
|
4396
|
-
|
|
4459
|
+
if (feetObjInAnswersindex !== -1) {
|
|
4460
|
+
mainRequestForBothPersons[feetObjInAnswersindex]['answer'] =
|
|
4461
|
+
this.personUwAnswers['medicalQuestionFeetInput'].toString() +
|
|
4462
|
+
'.' +
|
|
4463
|
+
this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']].toString();
|
|
4397
4464
|
}
|
|
4398
4465
|
else {
|
|
4399
4466
|
mainRequestForBothPersons.push({
|
|
4400
4467
|
personUWId: singleSection['personUWId'],
|
|
4401
|
-
questionId:
|
|
4402
|
-
answer:
|
|
4468
|
+
questionId: heightInFeetObj[0]['questionId'],
|
|
4469
|
+
answer: this.personUwAnswers['medicalQuestionFeetInput'].toString() +
|
|
4470
|
+
'.' +
|
|
4471
|
+
this.personUwAnswers['medicalQuestionsInchesInput'].toString(),
|
|
4403
4472
|
personUWParentId: 0,
|
|
4404
4473
|
createdUser: this.getCookieValue('userId'),
|
|
4405
|
-
clusterId:
|
|
4474
|
+
clusterId: heightInFeetObj[0]['clusterId'],
|
|
4406
4475
|
});
|
|
4407
4476
|
}
|
|
4408
|
-
// height in inches
|
|
4409
|
-
let heightInInches = (this.personUwAnswers['medicalQuestionsHeightInput'] * 0.393701).toFixed(2);
|
|
4410
|
-
let heightInFeet = parseFloat((heightInInches / 12).toString().split('.')[1]) > 12
|
|
4411
|
-
? (heightInInches / 12).toFixed(1)
|
|
4412
|
-
: (heightInInches / 12).toFixed(2);
|
|
4413
4477
|
let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInInchesObj[0]['questionId'] &&
|
|
4414
4478
|
obj['personUWId'] === singleSection['personUWId']);
|
|
4415
4479
|
if (inchesobjInAnswersindex !== -1) {
|
|
@@ -4426,117 +4490,55 @@ class MedialQuestionsComponent {
|
|
|
4426
4490
|
clusterId: heightInInchesObj[0]['clusterId'],
|
|
4427
4491
|
});
|
|
4428
4492
|
}
|
|
4429
|
-
|
|
4430
|
-
let feetObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInFeetObj[0]['questionId'] &&
|
|
4493
|
+
let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
|
|
4431
4494
|
obj['personUWId'] === singleSection['personUWId']);
|
|
4432
|
-
if (
|
|
4433
|
-
mainRequestForBothPersons[
|
|
4434
|
-
|
|
4495
|
+
if (cmObjInAnswersindex !== -1) {
|
|
4496
|
+
mainRequestForBothPersons[cmObjInAnswersindex]['answer'] =
|
|
4497
|
+
parseInt(heightInCm).toString();
|
|
4435
4498
|
}
|
|
4436
4499
|
else {
|
|
4437
4500
|
mainRequestForBothPersons.push({
|
|
4438
4501
|
personUWId: singleSection['personUWId'],
|
|
4439
|
-
questionId:
|
|
4440
|
-
answer:
|
|
4502
|
+
questionId: heightInCentimeterObj[0]['questionId'],
|
|
4503
|
+
answer: parseInt(heightInCm).toString(),
|
|
4441
4504
|
personUWParentId: 0,
|
|
4442
4505
|
createdUser: this.getCookieValue('userId'),
|
|
4443
|
-
clusterId:
|
|
4506
|
+
clusterId: heightInCentimeterObj[0]['clusterId'],
|
|
4444
4507
|
});
|
|
4445
4508
|
}
|
|
4446
4509
|
}
|
|
4447
|
-
|
|
4448
|
-
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
|
|
4456
|
-
obj['personUWId'] === singleSection['personUWId']);
|
|
4457
|
-
if (feetObjInAnswersindex !== -1) {
|
|
4458
|
-
mainRequestForBothPersons[feetObjInAnswersindex]['answer'] =
|
|
4459
|
-
this.personUwAnswers['medicalQuestionFeetInput'].toString() +
|
|
4460
|
-
'.' +
|
|
4461
|
-
this.personUwAnswers[this.personUwAnswers['medicalQuestionsInchesInput']].toString();
|
|
4462
|
-
}
|
|
4463
|
-
else {
|
|
4464
|
-
mainRequestForBothPersons.push({
|
|
4465
|
-
personUWId: singleSection['personUWId'],
|
|
4466
|
-
questionId: heightInFeetObj[0]['questionId'],
|
|
4467
|
-
answer: this.personUwAnswers['medicalQuestionFeetInput'].toString() +
|
|
4468
|
-
'.' +
|
|
4469
|
-
this.personUwAnswers['medicalQuestionsInchesInput'].toString(),
|
|
4470
|
-
personUWParentId: 0,
|
|
4471
|
-
createdUser: this.getCookieValue('userId'),
|
|
4472
|
-
clusterId: heightInFeetObj[0]['clusterId'],
|
|
4473
|
-
});
|
|
4474
|
-
}
|
|
4475
|
-
let inchesobjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInInchesObj[0]['questionId'] &&
|
|
4476
|
-
obj['personUWId'] === singleSection['personUWId']);
|
|
4477
|
-
if (inchesobjInAnswersindex !== -1) {
|
|
4478
|
-
mainRequestForBothPersons[inchesobjInAnswersindex]['answer'] =
|
|
4479
|
-
parseInt(heightInInches).toString();
|
|
4480
|
-
}
|
|
4481
|
-
else {
|
|
4482
|
-
mainRequestForBothPersons.push({
|
|
4483
|
-
personUWId: singleSection['personUWId'],
|
|
4484
|
-
questionId: heightInInchesObj[0]['questionId'],
|
|
4485
|
-
answer: parseInt(heightInInches).toString(),
|
|
4486
|
-
personUWParentId: 0,
|
|
4487
|
-
createdUser: this.getCookieValue('userId'),
|
|
4488
|
-
clusterId: heightInInchesObj[0]['clusterId'],
|
|
4489
|
-
});
|
|
4490
|
-
}
|
|
4491
|
-
let cmObjInAnswersindex = mainRequestForBothPersons.findIndex((obj) => obj.questionId === heightInCentimeterObj[0]['questionId'] &&
|
|
4492
|
-
obj['personUWId'] === singleSection['personUWId']);
|
|
4493
|
-
if (cmObjInAnswersindex !== -1) {
|
|
4494
|
-
mainRequestForBothPersons[cmObjInAnswersindex]['answer'] =
|
|
4495
|
-
parseInt(heightInCm).toString();
|
|
4496
|
-
}
|
|
4497
|
-
else {
|
|
4498
|
-
mainRequestForBothPersons.push({
|
|
4499
|
-
personUWId: singleSection['personUWId'],
|
|
4500
|
-
questionId: heightInCentimeterObj[0]['questionId'],
|
|
4501
|
-
answer: parseInt(heightInCm).toString(),
|
|
4502
|
-
personUWParentId: 0,
|
|
4503
|
-
createdUser: this.getCookieValue('userId'),
|
|
4504
|
-
clusterId: heightInCentimeterObj[0]['clusterId'],
|
|
4505
|
-
});
|
|
4506
|
-
}
|
|
4507
|
-
}
|
|
4508
|
-
}
|
|
4509
|
-
if (!this.checkIfValueIsEmpty(heightInCentimeterObj) &&
|
|
4510
|
-
!this.checkIfValueIsEmpty(heightInCentimeterObj[0]['questionId'])) {
|
|
4511
|
-
let heightInCmAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
|
|
4512
|
-
heightInCentimeterObj[0]['questionId']);
|
|
4513
|
-
if (!this.checkIfValueIsEmpty(heightInCmAnswerObject) &&
|
|
4514
|
-
!this.checkIfValueIsEmpty(heightInCmAnswerObject[0]['answer'])) {
|
|
4515
|
-
this.personUwAnswers[heightInCentimeterObj[0]['questionId']] =
|
|
4516
|
-
heightInCmAnswerObject[0]['answer'];
|
|
4517
|
-
}
|
|
4510
|
+
}
|
|
4511
|
+
if (!this.checkIfValueIsEmpty(heightInCentimeterObj) &&
|
|
4512
|
+
!this.checkIfValueIsEmpty(heightInCentimeterObj[0]['questionId'])) {
|
|
4513
|
+
let heightInCmAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
|
|
4514
|
+
heightInCentimeterObj[0]['questionId']);
|
|
4515
|
+
if (!this.checkIfValueIsEmpty(heightInCmAnswerObject) &&
|
|
4516
|
+
!this.checkIfValueIsEmpty(heightInCmAnswerObject[0]['answer'])) {
|
|
4517
|
+
this.personUwAnswers[heightInCentimeterObj[0]['questionId']] =
|
|
4518
|
+
heightInCmAnswerObject[0]['answer'];
|
|
4518
4519
|
}
|
|
4519
|
-
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4520
|
+
}
|
|
4521
|
+
if (!this.checkIfValueIsEmpty(heightInInchesObj) &&
|
|
4522
|
+
!this.checkIfValueIsEmpty(heightInInchesObj[0]['questionId'])) {
|
|
4523
|
+
let heightInInchesAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
|
|
4524
|
+
heightInInchesObj[0]['questionId']);
|
|
4525
|
+
if (!this.checkIfValueIsEmpty(heightInInchesAnswerObject) &&
|
|
4526
|
+
!this.checkIfValueIsEmpty(heightInInchesAnswerObject[0]['answer'])) {
|
|
4527
|
+
this.personUwAnswers[heightInInchesObj[0]['questionId']] =
|
|
4528
|
+
heightInInchesAnswerObject[0]['answer'];
|
|
4528
4529
|
}
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4530
|
+
}
|
|
4531
|
+
if (!this.checkIfValueIsEmpty(heightInFeetObj) &&
|
|
4532
|
+
!this.checkIfValueIsEmpty(heightInFeetObj[0]['questionId'])) {
|
|
4533
|
+
let heightInFeetAnswerObject = mainRequestForBothPersons.filter((singleQuestion) => singleQuestion['questionId'] ===
|
|
4534
|
+
heightInFeetObj[0]['questionId']);
|
|
4535
|
+
if (!this.checkIfValueIsEmpty(heightInFeetAnswerObject) &&
|
|
4536
|
+
!this.checkIfValueIsEmpty(heightInFeetAnswerObject[0]['answer'])) {
|
|
4537
|
+
this.personUwAnswers[heightInFeetObj[0]['questionId']] =
|
|
4538
|
+
heightInFeetAnswerObject[0]['answer'];
|
|
4538
4539
|
}
|
|
4539
4540
|
}
|
|
4541
|
+
// }
|
|
4540
4542
|
let isNoDisplayQuestionInSection = !this.checkIfValueIsEmpty(singleSection['questions'])
|
|
4541
4543
|
? singleSection['questions'].filter((singleData) => singleData['questionType'] === 'NODISPLAY')
|
|
4542
4544
|
: [];
|