npm - master-control - Versions diffs - 0.4.22 → 0.4.24 - Mend

master-control 0.4.22 → 0.4.24

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.

Files changed (11) hide show

package/esm2022/lib/other-benefits/other-benefits.component.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import * as i1 from "@angular/common";
 export class OtherBenefitsComponent {
     field = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n     <p class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Other Benefit</span>\n  </p>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2\">\n      <img [src]=\"data.imageUrl\" alt=\"\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <span [innerHTML]=\"data.htmlInnerText\"></span>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #dadada;padding:20px 16px;position:relative;border-color:var(--other-benefit-border-color, #dadada)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.7em)}.top-box{position:absolute;text-align:center}.sub-benefit-card{min-height:110px;min-width:194px;padding:12px;border-radius:.75rem}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Additional Benefits</span>\n  </div>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2 align-items-start\">\n      <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n      {{data.highlightText}}\n    </div>\n    <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n     <p class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Other Benefit</span>\n  </p>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2\">\n      <img [src]=\"data.imageUrl\" alt=\"\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <span [innerHTML]=\"data.htmlInnerText\"></span>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #dadada;padding:20px 16px;position:relative;border-color:var(--other-benefit-border-color, #dadada)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.7em)}.top-box{position:absolute;text-align:center}.sub-benefit-card{min-height:110px;min-width:194px;padding:12px;border-radius:.75rem}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
+            args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Additional Benefits</span>\n  </div>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2 align-items-start\">\n      <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n      {{data.highlightText}}\n    </div>\n    <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3RoZXItYmVuZWZpdHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9vdGhlci1iZW5lZml0cy9vdGhlci1iZW5lZml0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL290aGVyLWJlbmVmaXRzL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3hELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQzt3R0FEeEIsc0JBQXNCOzRGQUF0QixzQkFBc0IsaU5DVm5DLHcxQkFzQkEsMCtDRGhCWSxZQUFZOzs0RkFJWCxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItb3RoZXItYmVuZWZpdHMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIE90aGVyQmVuZWZpdHNDb21wb25lbnQge1xuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xufVxuIiwiPGRpdiBjbGFzcz1cIm90aGVyLWJlbmVmaXQtY2FyZCBkLWZsZXggZ2FwLTJcIlxuIFtuZ1N0eWxlXT1cIntcbictLW90aGVyLWJlbmVmaXQtY29sb3ItYm9yZGVyLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJDb2xvciAsXG4nLS1vdGhlci1iZW5lZml0LWNvbG9yLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tb3RoZXItYmVuZWZpdC1jb2xvci1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxuJy0tb3RoZXItYmVuZWZpdC1jb2xvci1iZy1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYmFja2dyb3VuZFxuIH1cIlxuICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxuPlxuICAgICA8cCBjbGFzcz1cInctMTAwIHRvcC1ib3hcIj5cbiAgICA8c3BhbiBjbGFzcz1cInRvcC1iZW5lZml0LWNhcmRcIj5PdGhlciBCZW5lZml0PC9zcGFuPlxuICA8L3A+XG4gIEBmb3IgKGRhdGEgb2YgZmllbGQoKT8uY29uZmlnRGF0YT8ub3RoZXJCZW5lZml0czsgdHJhY2sgJGluZGV4KSB7XG4gIDxkaXYgY2xhc3M9XCJzdWItYmVuZWZpdC1jYXJkXCI+XG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBnYXAtMlwiPlxuICAgICAgPGltZyBbc3JjXT1cImRhdGEuaW1hZ2VVcmxcIiBhbHQ9XCJcIiAvPlxuICAgICAgPHNwYW4gY2xhc3M9XCJoZWFkZXItdHh0XCI+e3sgZGF0YS5oZWFkZXJUZXh0IH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZGF0YS5odG1sSW5uZXJUZXh0XCI+PC9zcGFuPlxuICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3RoZXItYmVuZWZpdHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9vdGhlci1iZW5lZml0cy9vdGhlci1iZW5lZml0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL290aGVyLWJlbmVmaXRzL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3hELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQzt3R0FEeEIsc0JBQXNCOzRGQUF0QixzQkFBc0IsaU5DVm5DLDBnQ0F5QkEsaXRERG5CWSxZQUFZOzs0RkFJWCxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItb3RoZXItYmVuZWZpdHMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL290aGVyLWJlbmVmaXRzLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIE90aGVyQmVuZWZpdHNDb21wb25lbnQge1xuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xufVxuIiwiPGRpdiBjbGFzcz1cIm90aGVyLWJlbmVmaXQtY2FyZCBkLWZsZXggZ2FwLTJcIlxuIFtuZ1N0eWxlXT1cIntcbictLW90aGVyLWJlbmVmaXQtY29sb3ItYm9yZGVyLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJDb2xvciAsXG4nLS1vdGhlci1iZW5lZml0LWNvbG9yLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxuJy0tb3RoZXItYmVuZWZpdC1jb2xvci1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxuJy0tb3RoZXItYmVuZWZpdC1jb2xvci1iZy1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYmFja2dyb3VuZFxuIH1cIlxuICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxuPlxuICA8ZGl2IGNsYXNzPVwidy0xMDAgdG9wLWJveFwiPlxuICAgIDxzcGFuIGNsYXNzPVwidG9wLWJlbmVmaXQtY2FyZFwiPkFkZGl0aW9uYWwgQmVuZWZpdHM8L3NwYW4+XG4gIDwvZGl2PlxuICBAZm9yIChkYXRhIG9mIGZpZWxkKCk/LmNvbmZpZ0RhdGE/Lm90aGVyQmVuZWZpdHM7IHRyYWNrICRpbmRleCkge1xuICA8ZGl2IGNsYXNzPVwic3ViLWJlbmVmaXQtY2FyZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZ2FwLTIgYWxpZ24taXRlbXMtc3RhcnRcIj5cbiAgICAgIDxpbWcgW3NyY109XCJkYXRhLmltYWdlVXJsXCIgYWx0PVwiXCIgY2xhc3M9XCJiZW5lZml0LWljb25cIiAvPlxuICAgICAgPHNwYW4gY2xhc3M9XCJoZWFkZXItdHh0XCI+e3sgZGF0YS5oZWFkZXJUZXh0IH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJoaWdobGlnaHQtYm94XCIgKm5nSWY9XCJkYXRhLmhpZ2hsaWdodFRleHRcIj5cbiAgICAgIHt7ZGF0YS5oaWdobGlnaHRUZXh0fX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb24tdHh0XCIgW2lubmVySFRNTF09XCJkYXRhLmh0bWxJbm5lclRleHRcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19

package/fesm2022/master-control.mjs CHANGED Viewed

@@ -3490,11 +3490,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class OtherBenefitsComponent {
     field = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n     <p class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Other Benefit</span>\n  </p>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2\">\n      <img [src]=\"data.imageUrl\" alt=\"\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <span [innerHTML]=\"data.htmlInnerText\"></span>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #dadada;padding:20px 16px;position:relative;border-color:var(--other-benefit-border-color, #dadada)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.7em)}.top-box{position:absolute;text-align:center}.sub-benefit-card{min-height:110px;min-width:194px;padding:12px;border-radius:.75rem}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OtherBenefitsComponent, isStandalone: true, selector: "lib-other-benefits", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Additional Benefits</span>\n  </div>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2 align-items-start\">\n      <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n      {{data.highlightText}}\n    </div>\n    <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtherBenefitsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n     <p class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Other Benefit</span>\n  </p>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2\">\n      <img [src]=\"data.imageUrl\" alt=\"\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <span [innerHTML]=\"data.htmlInnerText\"></span>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #dadada;padding:20px 16px;position:relative;border-color:var(--other-benefit-border-color, #dadada)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem}.top-benefit-card{border-radius:25px;background:#fff;border:1px solid #ececec;height:26px;width:114px;padding:0 6px 5px 12px;font-size:12px;font-weight:400;color:#444;letter-spacing:0%;position:absolute;transform:translate(-6em,-2.7em)}.top-box{position:absolute;text-align:center}.sub-benefit-card{min-height:110px;min-width:194px;padding:12px;border-radius:.75rem}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
+            args: [{ selector: 'lib-other-benefits', standalone: true, imports: [CommonModule], template: "<div class=\"other-benefit-card d-flex gap-2\"\n [ngStyle]=\"{\n'--other-benefit-color-border-color': field()?.controlStyle?.borderColor ,\n'--other-benefit-color-border-width': field()?.controlStyle?.borderWidth ,\n'--other-benefit-color-border-radius': field()?.controlStyle?.borderRadius ,\n'--other-benefit-color-bg-color': field()?.controlStyle?.background\n }\"\n *ngIf=\"field() && field()?.isVisible\"\n>\n  <div class=\"w-100 top-box\">\n    <span class=\"top-benefit-card\">Additional Benefits</span>\n  </div>\n  @for (data of field()?.configData?.otherBenefits; track $index) {\n  <div class=\"sub-benefit-card\">\n    <div class=\"d-flex gap-2 align-items-start\">\n      <img [src]=\"data.imageUrl\" alt=\"\" class=\"benefit-icon\" />\n      <span class=\"header-txt\">{{ data.headerText }}</span>\n    </div>\n    <div class=\"highlight-box\" *ngIf=\"data.highlightText\">\n      {{data.highlightText}}\n    </div>\n    <div class=\"description-txt\" [innerHTML]=\"data.htmlInnerText\"></div>\n  </div>\n  }\n</div>\n", styles: [".other-benefit-card{min-height:142px;border:1px solid #DADADA;padding:24px 16px 20px;position:relative;border-color:var(--other-benefit-border-color, #DADADA)!important;border-width:var(--other-benefit-border-width, 1px)!important;background:var(--other-benefit-bg-color, #fff)!important;border-radius:.75rem;margin-top:20px}.top-benefit-card{border-radius:25px;background:#444;border:1px solid #444444;height:26px;padding:0 16px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0%;display:inline-block}.top-box{position:absolute;top:-13px;left:0;text-align:center;width:100%}.sub-benefit-card{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.sub-benefit-card:not(:last-child){border-right:1px solid #dddddd}.highlight-box{background-color:#e6f7f3;color:#444;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;width:fit-content}.description-txt{font-size:12px;color:#696969;line-height:16px}.benefit-icon{width:20px;height:20px}::ng-deep .premium{font-size:12px;background:#fff;color:#696969}::ng-deep .tax-benefit-txt{font-size:12px;font-weight:400;line-height:16px;color:#696969;letter-spacing:0px}.header-txt{font-size:14px;font-weight:700;color:#444;line-height:18px;letter-spacing:0px}::ng-deep .annuity-rate-txt{font-size:12px!important;font-weight:700!important;line-height:16px!important;color:#696969!important;letter-spacing:0px!important}::ng-deep .normal-txt{font-size:12px!important;font-weight:400!important;line-height:16px!important;letter-spacing:0px!important}::ng-deep .db-txt{font-size:12px!important;letter-spacing:0px!important;line-height:16px!important;color:#696969!important}::ng-deep .bold-txt{font-weight:700!important}\n"] }]
         }] });
 class AnnuityRateLogoComponent {
@@ -3583,6 +3583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class MedialQuestionsComponent {
     ngZone;
     masterService;
+    questionsValueChange = new EventEmitter();
     medialQuestionResponse = input();
     personUWOpenQuoteResponse = input();
     defaultValues = input();
@@ -4810,6 +4811,7 @@ class MedialQuestionsComponent {
         console.log('questions list', this.questionList);
         console.log('questions answers', this.personUwAnswers);
         this.saveQuestionDetails();
+        this.questionsValueChange.emit(this.personUwAnswers);
     }
     showQuestion(currentQuestion) {
         let showQuestion = false;
@@ -5965,7 +5967,7 @@ class MedialQuestionsComponent {
         this.removeSubQuestionValues();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, deps: [{ token: i0.NgZone }, { token: MasterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div *ngFor=\"let section of questionList\">\n    <div\n      *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \"\n      class=\"card p-3 mb-4\"\n      id=\"personUwMedicalQuestions\"\n    >\n      <h6 class=\"page-title bold-label\">\n        {{ getTitleCase(section[\"sectionName\"]) }}\n      </h6>\n      <lib-hr-line [field]=\"horizontalLineObj\" />\n      <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <!-- <label class=\"field-lable d-block\"\n            >{{ questions[\"questionText\"] }}\n            <span\n              *ngIf=\"\n                questions.optionalQuestion === 'N'\n              \"\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label> -->\n          <div class=\"col-12 px-0 my-1\">\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\n          </div>\n        </div>\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <label class=\"card-topic d-block field-lable\"\n            >Height\n            <span\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label>\n          <div\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\n\n          >\n            <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n              <div class=\"col-7 py-0 heightInputs\">\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\n              </div>\n              <div class=\"col-5\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n            <div\n              class=\"row\"\n              *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \"\n            >\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\n              </div>\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\n              </div>\n              <div\n                class=\"col-4 py-0 my-1\"\n              >\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"row mt-0 pt-0\"\n          *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n\n\n          <div class=\"map-container\">\n            <div class=\"address-search-container mb-3\">\n\n    <div class=\"row mb-3\">\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Longitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"longitude\"\n          placeholder=\"Enter longitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Latitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"latitude\"\n          placeholder=\"Enter latitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n    </div>\n\n      <input\n        #addressInput\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"Search for address\"\n        (keyup)=\"onAddressInputKeyup($event)\"\n        (focus)=\"showDropdown = true\"\n        (blur)=\"onInputBlur()\"\n        autocomplete=\"off\"\n      >\n      <div\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\n  >\n    <div\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\n      class=\"dropdown-item p-2\"\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\n      (mousedown)=\"selectAddress(suggestion)\"\n      (mouseenter)=\"hoveredIndex = i\"\n      [class.bg-light]=\"hoveredIndex === i\"\n    >\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n    </div>\n  </div>\n      <small class=\"text-muted\">Start typing to search for addresses</small>\n    </div>\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\n            </google-map>\n          </div>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\n          <lib-file-preview\n            *ngIf=\"previewFile\"\n            [field]=\"questions['field']\"\n            [file]=\"previewFile\"\n            (closed)=\"closeFilePreview()\">\n          </lib-file-preview>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        <!-- pending -->\n        </div>\n      </div>\n    </div>\n  </div>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i4$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: MedialQuestionsComponent, isStandalone: true, selector: "lib-medial-questions", inputs: { medialQuestionResponse: { classPropertyName: "medialQuestionResponse", publicName: "medialQuestionResponse", isSignal: true, isRequired: false, transformFunction: null }, personUWOpenQuoteResponse: { classPropertyName: "personUWOpenQuoteResponse", publicName: "personUWOpenQuoteResponse", isSignal: true, isRequired: false, transformFunction: null }, defaultValues: { classPropertyName: "defaultValues", publicName: "defaultValues", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { questionsValueChange: "questionsValueChange" }, viewQueries: [{ propertyName: "addressInput", first: true, predicate: ["addressInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div *ngFor=\"let section of questionList\">\n    <div\n      *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \"\n      class=\"card p-3 mb-4\"\n      id=\"personUwMedicalQuestions\"\n    >\n      <h6 class=\"page-title bold-label\">\n        {{ getTitleCase(section[\"sectionName\"]) }}\n      </h6>\n      <lib-hr-line [field]=\"horizontalLineObj\" />\n      <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <!-- <label class=\"field-lable d-block\"\n            >{{ questions[\"questionText\"] }}\n            <span\n              *ngIf=\"\n                questions.optionalQuestion === 'N'\n              \"\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label> -->\n          <div class=\"col-12 px-0 my-1\">\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\n          </div>\n        </div>\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <label class=\"card-topic d-block field-lable\"\n            >Height\n            <span\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label>\n          <div\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\n\n          >\n            <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n              <div class=\"col-7 py-0 heightInputs\">\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\n              </div>\n              <div class=\"col-5\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n            <div\n              class=\"row\"\n              *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \"\n            >\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\n              </div>\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\n              </div>\n              <div\n                class=\"col-4 py-0 my-1\"\n              >\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"row mt-0 pt-0\"\n          *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n\n\n          <div class=\"map-container\">\n            <div class=\"address-search-container mb-3\">\n\n    <div class=\"row mb-3\">\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Longitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"longitude\"\n          placeholder=\"Enter longitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Latitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"latitude\"\n          placeholder=\"Enter latitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n    </div>\n\n      <input\n        #addressInput\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"Search for address\"\n        (keyup)=\"onAddressInputKeyup($event)\"\n        (focus)=\"showDropdown = true\"\n        (blur)=\"onInputBlur()\"\n        autocomplete=\"off\"\n      >\n      <div\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\n  >\n    <div\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\n      class=\"dropdown-item p-2\"\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\n      (mousedown)=\"selectAddress(suggestion)\"\n      (mouseenter)=\"hoveredIndex = i\"\n      [class.bg-light]=\"hoveredIndex === i\"\n    >\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n    </div>\n  </div>\n      <small class=\"text-muted\">Start typing to search for addresses</small>\n    </div>\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\n            </google-map>\n          </div>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\n          <lib-file-preview\n            *ngIf=\"previewFile\"\n            [field]=\"questions['field']\"\n            [file]=\"previewFile\"\n            (closed)=\"closeFilePreview()\">\n          </lib-file-preview>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        <!-- pending -->\n        </div>\n      </div>\n    </div>\n  </div>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: GoogleMapsModule }, { kind: "component", type: i4$3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i4$3.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: FilePreviewComponent, selector: "lib-file-preview", inputs: ["field", "file"], outputs: ["closed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MedialQuestionsComponent, decorators: [{
             type: Component,
@@ -5984,7 +5986,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         HrLineComponent,
                         FilePreviewComponent
                     ], template: "\n<div *ngFor=\"let section of questionList\">\n    <div\n      *ngIf=\"\n        !checkIfValueIsEmpty(section['questions']) &&\n        section['showSection']\n      \"\n      class=\"card p-3 mb-4\"\n      id=\"personUwMedicalQuestions\"\n    >\n      <h6 class=\"page-title bold-label\">\n        {{ getTitleCase(section[\"sectionName\"]) }}\n      </h6>\n      <lib-hr-line [field]=\"horizontalLineObj\" />\n      <div *ngFor=\"let questions of section['questions']\" class=\"row\">\n        <!-- <div *ngIf=\"questions['questionType'] === 'IMAGE TEXT'\">\n          <img [src]=\"questions['sampleS3Link']\" class=\"d-block mx-auto\" [alt]=\"questions['title']\">\n          <h3 [innerHTML]=\"questions['questionText']\"></h3>\n        </div> -->\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'FREE TEXT' &&\n            questions['cammundaQuestionCode'] !== 'QHT' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <!-- <label class=\"field-lable d-block\"\n            >{{ questions[\"questionText\"] }}\n            <span\n              *ngIf=\"\n                questions.optionalQuestion === 'N'\n              \"\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label> -->\n          <div class=\"col-12 px-0 my-1\">\n            <lib-textbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (blur)=\"removeSubQuestionValues()\" />\n          </div>\n        </div>\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <label class=\"card-topic d-block field-lable\"\n            >Height\n            <span\n              style=\"color: #ee0000\"\n              >&#42;</span\n            >\n          </label>\n          <div\n            class=\"col-auto px-0 my-0 py-0 heightinput\"\n\n          >\n            <div class=\"row col-12 my-1\" *ngIf=\"personUwAnswers['medicalQuestionsHeightUnit'] === 'CM'\">\n              <div class=\"col-7 py-0 heightInputs\">\n                <lib-textbox [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHT']['field']\"   />\n              </div>\n              <div class=\"col-5\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n            <div\n              class=\"row\"\n              *ngIf=\"\n                personUwAnswers[\n                  'medicalQuestionsHeightUnit'\n                ] === 'FEET'\n              \"\n            >\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionFeetInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTF']['field']\" />\n              </div>\n              <div class=\"col-4 py-0 my-1\">\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsInchesInput']\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"medQuestionObj['QHTI']['field']\" />\n              </div>\n              <div\n                class=\"col-4 py-0 my-1\"\n              >\n                <lib-select [(ngModel)]=\"personUwAnswers['medicalQuestionsHeightUnit']\" [field]=\"medQuestionObj['heightObjectTypes']\" (ngModelChange)=\"checkAndUpdateHeightUnit()\" />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"row mt-0 pt-0\"\n          *ngIf=\"\n            questions['questionType'] === 'MAP' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n\n\n          <div class=\"map-container\">\n            <div class=\"address-search-container mb-3\">\n\n    <div class=\"row mb-3\">\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Longitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"longitude\"\n          placeholder=\"Enter longitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n      <div class=\"col-6\">\n        <label class=\"form-label card-topic\">Latitude</label>\n        <input\n          type=\"number\"\n          class=\"form-control\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"latitude\"\n          placeholder=\"Enter latitude\"\n          step=\"any\"\n          readonly\n        >\n      </div>\n    </div>\n\n      <input\n        #addressInput\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"Search for address\"\n        (keyup)=\"onAddressInputKeyup($event)\"\n        (focus)=\"showDropdown = true\"\n        (blur)=\"onInputBlur()\"\n        autocomplete=\"off\"\n      >\n      <div\n    *ngIf=\"showDropdown && addressSuggestions.length > 0\"\n    class=\"autocomplete-dropdown position-absolute w-100 mt-1\"\n    style=\"z-index: 1000; max-height: 200px; overflow-y: auto; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\"\n  >\n    <div\n      *ngFor=\"let suggestion of addressSuggestions; let i = index\"\n      class=\"dropdown-item p-2\"\n      style=\"cursor: pointer; border-bottom: 1px solid #eee;\"\n      (mousedown)=\"selectAddress(suggestion)\"\n      (mouseenter)=\"hoveredIndex = i\"\n      [class.bg-light]=\"hoveredIndex === i\"\n    >\n      <div class=\"fw-bold\">{{ suggestion.main_text }}</div>\n      <small class=\"text-muted\">{{ suggestion.secondary_text }}</small>\n    </div>\n  </div>\n      <small class=\"text-muted\">Start typing to search for addresses</small>\n    </div>\n            <google-map [center]=\"center\" [zoom]=\"zoom\">\n              <map-marker [position]=\"currentCoordinates\"></map-marker>\n            </google-map>\n          </div>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            (questions['questionType'] === 'RADIO BUTTON' ||\n              questions['questionType'] === 'ADDMORE') &&\n              questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-radio [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CHECKBOX' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-multiple-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"valueChangeForMultiselect(questions)\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DECLARATION' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-checkbox [(ngModel)]=\"personUwAnswers[questions.questionId]\" (ngModelChange)=\"removeSubQuestionValues()\" [field]=\"questions['field']\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DROPDOWN' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-select [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'CALENDAR' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-dob [(ngModel)]=\"personUwAnswers[questions.questionId]\" [field]=\"questions['field']\" (ngModelChange)=\"removeSubQuestionValues()\" />\n        </div>\n\n        <!-- <div\n          class=\"\"\n          *ngIf=\"\n            questions['questionType'] === 'HEIGHTINPUT' &&\n            questions['cammundaQuestionCode'] === 'QHTF' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        </div> -->\n        <div\n          class=\"my-1\"\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'DOCUPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n          <lib-upload [field]=\"questions['field']\" (filePreview)=\"onDocumentFilePreview($event)\" />\n          <lib-file-preview\n            *ngIf=\"previewFile\"\n            [field]=\"questions['field']\"\n            [file]=\"previewFile\"\n            (closed)=\"closeFilePreview()\">\n          </lib-file-preview>\n        </div>\n\n\n        <div\n          [ngClass]=\"questions?.field?.cssClass\"\n          *ngIf=\"\n            questions['questionType'] === 'PASSPORT_UPLOAD' &&\n            questions['isShowQuestionInUI']\n          \"\n        >\n        <!-- pending -->\n        </div>\n      </div>\n    </div>\n  </div>\n", styles: [".map-container{width:100%;position:relative}.address-search-container{position:relative}.address-search-container input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.address-search-container input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.pac-container{z-index:10000!important;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 6px #0000004d}.pac-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.pac-item:hover{background-color:#f5f5f5}.selected-address{padding:8px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #28a745}.map-container ::ng-deep google-map>div{height:400px!important;width:auto!important}.medicalQues{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.heightinput{border:2px solid #fb0;padding:10px;border-radius:4px;width:fit-content}.heightInputs{display:flex;align-items:center;gap:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: MasterService }], propDecorators: { addressInput: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: MasterService }], propDecorators: { questionsValueChange: [{
+                type: Output
+            }], addressInput: [{
                 type: ViewChild,
                 args: ['addressInput']
             }] } });
@@ -6570,6 +6574,27 @@ class AnnuityPremiumCalculatorComponent {
         "annuitycalculatorTable4val2": "",
         "annuitycalculatorTable4val3": ""
     };
+    digitBossToggleConfig = {
+        controlType: 'toggle',
+        fieldName: 'digitBossToggle',
+        isVisible: true,
+        isDisable: false,
+        isShowLabel: true,
+        configData: {
+            leftLabel: ''
+        },
+        controlStyle: {
+            background: 'transparent',
+            borderColor: 'transparent',
+            width: 'fit-content',
+            borderWidth: '0px'
+        }
+    };
+    onDigitBossSwitchChange(event) {
+        if (this.premiumDetails() && this.premiumDetails().digitBossSwitch) {
+            this.premiumDetails().digitBossSwitch.isSwitchOn = event;
+        }
+    }
     annuityPremiumObj = {
         controlStyle: {
             controlType: 'amountTextbox',
@@ -7256,7 +7281,7 @@ class AnnuityPremiumCalculatorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnnuityPremiumCalculatorComponent, deps: [{ token: MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnnuityPremiumCalculatorComponent, isStandalone: true, selector: "lib-annuity-premium-calculator", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumDetails: { classPropertyName: "premiumDetails", publicName: "premiumDetails", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCalcualteButtonClick: "onCalcualteButtonClick", onGenerateSummaryClick: "onGenerateSummaryClick", onAnnuityPremiumChange: "onAnnuityPremiumChange", onMinimumPremiumValueChange: "onMinimumPremiumValueChange", onAutioDebitValueChange: "onAutioDebitValueChange", onGuranteedAnnuityValueChange: "onGuranteedAnnuityValueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's your Premium\n      to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Enter Premium\n        </div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative;\">\n        <!-- Vertical center line split around icon -->\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px;height: calc(50% - 16px); top: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% - 16px); bottom: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \">\n        <div class=\"mx-4\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div>\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}\n"], dependencies: [{ kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: AnnuityPremiumCalculatorComponent, isStandalone: true, selector: "lib-annuity-premium-calculator", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, premiumDetails: { classPropertyName: "premiumDetails", publicName: "premiumDetails", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCalcualteButtonClick: "onCalcualteButtonClick", onGenerateSummaryClick: "onGenerateSummaryClick", onAnnuityPremiumChange: "onAnnuityPremiumChange", onMinimumPremiumValueChange: "onMinimumPremiumValueChange", onAutioDebitValueChange: "onAutioDebitValueChange", onGuranteedAnnuityValueChange: "onGuranteedAnnuityValueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's your Premium\n      to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Enter Premium\n        </div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative;\">\n        <!-- Vertical center line split around icon -->\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px;height: calc(50% - 16px); top: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% - 16px); bottom: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <div class=\"digit-boss-banner\" *ngIf=\"premiumDetails()?.digitBossSwitch?.isVisible && !premiumDetails()?.isDigitBossBrand\">\n        <lib-toggle [field]=\"digitBossToggleConfig\" [ngModel]=\"premiumDetails()?.digitBossSwitch?.isSwitchOn\" (ngModelChange)=\"onDigitBossSwitchChange($event)\"></lib-toggle>\n        <div class=\"digit-boss-text\">\n          {{premiumDetails()?.digitBossSwitch?.prefixText}} \n          <span class=\"highlight\">{{premiumDetails()?.digitBossSwitch?.highlightText}}</span> \n          {{premiumDetails()?.digitBossSwitch?.subText}}\n          <span class=\"arrow-icon\">\u2197</span>\n        </div>\n      </div>\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \">\n        <div class=\"mx-4\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div>\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}.digit-boss-banner{background-color:#333;color:#fff;display:flex;align-items:center;padding:8px 16px;border-radius:4px;margin-bottom:16px;gap:8px;font-size:12px;min-height:16px;opacity:1;transform:rotate(0)}.digit-boss-banner ::ng-deep .toggle-background{margin-top:0!important;padding:0!important;background-color:transparent!important;border:none!important}.digit-boss-banner ::ng-deep .toggle_switch{margin-top:0!important;gap:0!important}.digit-boss-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#fb0;font-weight:700}.arrow-icon{color:#fb0;margin-left:4px;font-size:14px}\n"], dependencies: [{ kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnnuityPremiumCalculatorComponent, decorators: [{
             type: Component,
@@ -7268,7 +7293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         RadioComponent,
                         CommonModule,
                         FormsModule
-                    ], template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's your Premium\n      to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Enter Premium\n        </div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative;\">\n        <!-- Vertical center line split around icon -->\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px;height: calc(50% - 16px); top: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% - 16px); bottom: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \">\n        <div class=\"mx-4\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div>\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}\n"] }]
+                    ], template: "<div class=\"card px-3\" style=\"padding: 16px;\">\n  <div class=\"row\">\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img\n          src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's your Premium\n      to Annuity Calculator</h4>\n  </div>\n  <!-- <div class=\"row\"> -->\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\n    <!-- <div class=\"custom-grid-template\">\n\n    </div> -->\n\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\n    </div>\n    <!-- </div> -->\n    <div class=\" col-12\" style=\"\n    justify-content: center;\n    flex-direction: row;\n    display: flex;\n\">\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\"\n          (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\n          Enter Premium\n        </div>\n        <div>\n          <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n            (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n        </div>\n      </div>\n      <div class=\"col-2 col-lg-2 d-flex justify-content-center align-items-center\"\n        style=\"display: flex; align-items: flex-end; transform: translate(0px, 6px); position: relative;\">\n        <!-- Vertical center line split around icon -->\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px;height: calc(50% - 16px); top: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\n        <div\n          style=\"position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: calc(50% - 16px); bottom: 0; background: rgba(221, 221, 221, 1)\">\n        </div>\n      </div>\n      <div class=\"col-5 col-lg-5 d-flex flex-column p-0\">\n        <lib-select-textbox [field]=\"minimumAnnuityPayoutObj\" [(ngModel)]=\"minumumAnnuityPayout\"\n          (ngModelChange)=\"onMinPremiumValueChange($event)\" />\n        <div class=\"minium-annuity mt-3\" *ngIf=\"guranteedannuityObj['isVisible']\">\n          <div class=\"annuity-msg w-100 px-2 py-1\">\n            Value based on assumed 10% annual growth of Nifty 50 index.\n          </div>\n          <div class=\"w-100 px-2 py-1\">\n            <lib-radio [field]=\"guranteedannuityObj\" [(ngModel)]=\"selectedGuranteedAnnuity\"\n              (ngModelChange)=\"onGuranteedAnnuityChange($event)\" />\n          </div>\n          <div class=\"annuity-msg-1 d-flex align-items-center flex-nowrap w-100 px-2 py-1\">\n            <img src=\"https://cdn.godigit.com/digitPlusAssets/streamline_graph-arrow-increase-remix.png\"\n              style=\"max-width: 24px;\" />\n            <span>Potential for higher returns by lowering the minimum guaranteed annuity rate.</span>\n          </div>\n        </div>\n\n      </div>\n    </div>\n    <!-- <div class=\"vertical-line\"></div> -->\n    <!-- <div class=\"custom-grid-template\">\n      <div>\n        <lib-toggle [field]=\"enableAutoDebitObj\" [(ngModel)]=\"isEnableAutoDebit\"\n          (ngModelChange)=\"onEnableAutoDebitValueChange($event)\" />\n      </div>\n    </div> -->\n\n  </div>\n\n\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\n    <div class=\"mx-4\">\n      <div class=\"digit-boss-banner\" *ngIf=\"premiumDetails()?.digitBossSwitch?.isVisible && !premiumDetails()?.isDigitBossBrand\">\n        <lib-toggle [field]=\"digitBossToggleConfig\" [ngModel]=\"premiumDetails()?.digitBossSwitch?.isSwitchOn\" (ngModelChange)=\"onDigitBossSwitchChange($event)\"></lib-toggle>\n        <div class=\"digit-boss-text\">\n          {{premiumDetails()?.digitBossSwitch?.prefixText}} \n          <span class=\"highlight\">{{premiumDetails()?.digitBossSwitch?.highlightText}}</span> \n          {{premiumDetails()?.digitBossSwitch?.subText}}\n          <span class=\"arrow-icon\">\u2197</span>\n        </div>\n      </div>\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\n      <div class=\"card  mb-0 mt-2\"\n        style=\"align-items: center;border:none;font-size: 8px;font-weight: 400;color:rgba(68, 68, 68, 1) \">\n        <div class=\"mx-4\"><img src=\"https://cdn.godigit.com/digitPlusAssets/Group+1010106336.png\"\n            style=\"margin-left: 3px;\" />\n          <span style=\"margin-left: 6px;\">Every time you make a change above, please click recalculate.</span>\n        </div>\n      </div>\n    </div>\n    <div\n      style=\"display: flex;align-items: center;justify-content: center;border:none;font-size: 10px;font-weight: 700;height:32px;background-color: rgba(255, 250, 235, 1);gap: 8px;margin: 4px;\"\n      *ngIf=\"annuityTableCalculator?.isVisible\">\n      <img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" />\n      Minimum Guaranteed Payout(A) + Variable Payout(B) = Total Payout(C)\n    </div>\n    <!-- annuity calculator table -->\n    <div class=\"annuity-tables-main-container\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <div class=\"d-flex flex-row annuity-tables-container\">\n        <!-- Table 1 -->\n        <div class=\"annuity-calculator-table1\">\n          <div class=\"table-header annuitytable1-header\">Minimum Guaranteed Annuity Payout(A)</div>\n          <div class=\"table-body\">\n            <div class=\"table-cell\"><span class=\"rupee-icon\">\u20B9</span><span\n                style=\"font-size:12px; color: rgba(68, 68, 68, 1);\">\n                <{{annuityTableCalculator.annuitycalculatorTable1val1}}>\n              </span></div>\n            <button class=\"annuitytable-button\">{{annuityTableCalculator.annuitycalculatorTable1val2}}</button>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">+</div>\n\n        <!-- Table 2 -->\n        <div class=\"annuity-calculator-table2\">\n          <div class=\"table-header annuitytable1-header\">Assume growth of BenchMark index</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val1}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val2}}</div>\n            <div class=\"table-row\">&#64;{{annuityTableCalculator.annuitycalculatorTable2val3}}</div>\n          </div>\n        </div>\n\n        <!-- Table 3 -->\n        <div class=\"annuity-calculator-table3\">\n          <div class=\"table-header annuitytable1-header\">1st Variable Annuity Payout(B)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val1}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val2}}</div>\n            <div class=\"table-row\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable3val3}}</div>\n          </div>\n        </div>\n\n        <div class=\"operator-symbol\">=</div>\n\n        <!-- Table 4 -->\n        <div class=\"annuity-calculator-table4\">\n          <div class=\"table-header annuitytable4-header\">1st TotalPayout/Frequency(C)</div>\n          <div class=\"table-body\">\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val1}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val2}}</div>\n            <div class=\"table-row annuitytable4-bg\"><span\n                class=\"rupee-icon\">\u20B9</span>{{annuityTableCalculator.annuitycalculatorTable4val3}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"annuity-calculator-paragraph\" *ngIf=\"annuityTableCalculator?.isVisible\">\n      <span class=\"annuity-calculator-paragraph1\">This is an assumed growth percentage for the index basis which the\n        values in columns B and C are calculated.</span> Actual growth will depend on index performance and may affect\n      your variable annuity payout and total annuity payout.\n    </div>\n\n    <div>\n      <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\n    </div>\n  </div>\n", styles: [".card-main-title{font-size:16px;font-family:Mulish!important;letter-spacing:0px!important;font-weight:800;line-height:24px;padding-bottom:16px}.col-5-5{flex:0 0 auto;max-width:44.16666667%}.custom-grid-template{display:grid;grid-template-columns:4fr .5fr 4fr;align-items:end}.vertical-line{border-left:2px solid #ccc;height:100px;margin:0 10px}.error-message{font-size:12px;font-weight:500;color:#e00;letter-spacing:0px}.annuity-msg{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e5f0fa;height:fit-content}.annuity-msg-1{padding:4px 6px;margin-top:8px;font-size:10px;font-weight:400;color:#444;background-color:#e6f7f3;height:fit-content;flex-wrap:nowrap!important}.annuity-tables-main-container{border:2px solid rgba(221,221,221,1);border-radius:8px;display:flex}.annuity-tables-container{display:flex;align-items:stretch;gap:0;width:100%}.annuity-calculator-table1,.annuity-calculator-table2,.annuity-calculator-table3,.annuity-calculator-table4{display:flex;flex-direction:column;height:100%;flex:1;color:#444;font-weight:400;font-size:10px}.annuity-calculator-table1{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table2{border-left:1px solid rgba(221,221,221,1);border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table3{border-right:1px solid rgba(221,221,221,1)}.annuity-calculator-table4{border-left:1px solid rgba(221,221,221,1)}.table-header{padding:12px;font-size:10px;font-weight:700;text-align:center;border-bottom:1px solid rgba(221,221,221,1);height:60px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;hyphens:auto}.annuitytable1-header{background-color:#ececec;color:#444}.annuitytable4-header{background-color:#fb03;color:#444}.table-body{display:flex;flex-direction:column;flex:1}.table-cell{padding:12px;text-align:center;font-size:16px;font-weight:600;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.table-row{padding:12px;text-align:center;font-size:14px;font-weight:500;background-color:#fff;border-bottom:1px solid #999;flex:1;display:flex;align-items:center;justify-content:center}.table-row:last-child{border-bottom:none}.annuitytable4-bg{background-color:#e6f7f3!important;color:#444}.annuitytable-button{background-color:#ececec;border:none;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;cursor:pointer;margin-top:0;width:auto;min-width:30%;max-width:90%;height:24px;display:block;margin-left:auto;margin-right:auto;position:relative;bottom:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rupee-icon{font-weight:700;margin-right:2px;font-size:12px;color:#444}.operator-symbol{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0 16px;color:#f90}.annuity-calculator-paragraph{padding:16px 8px 4px;font-size:10px;margin:0 0 20px auto;width:73%;font-weight:400;color:#444;background-color:#ebf1ff}.annuity-calculator-paragraph1{font-weight:700;font-size:10px}.minium-annuity{display:flex;flex-direction:column}@media (max-width: 991px) and (min-width: 768px){.table-header{padding:8px 4px;font-size:9px;line-height:1.1}}@media (max-width: 767px) and (min-width: 576px){.table-header{padding:10px 6px;font-size:9px}}@media (max-width: 575px){.table-header{padding:8px 4px;font-size:8px}}@media (max-width: 575px){.annuity-msg{font-size:10px;line-height:1;height:fit-content}}@media (max-width: 575px){.annuity-msg-1{font-size:10px;line-height:1;flex-wrap:nowrap!important;height:fit-content}.annuity-msg-1 .img{width:4px;height:4px}}@media (max-width: 991px) and (min-width: 768px){.annuity-msg,.annuity-msg-1{font-size:9px;line-height:1.1;height:fit-content}}@media (max-width: 767px) and (min-width: 576px){.annuity-msg,.annuity-msg-1{font-size:10px;line-height:1.1;height:fit-content}}.digit-boss-banner{background-color:#333;color:#fff;display:flex;align-items:center;padding:8px 16px;border-radius:4px;margin-bottom:16px;gap:8px;font-size:12px;min-height:16px;opacity:1;transform:rotate(0)}.digit-boss-banner ::ng-deep .toggle-background{margin-top:0!important;padding:0!important;background-color:transparent!important;border:none!important}.digit-boss-banner ::ng-deep .toggle_switch{margin-top:0!important;gap:0!important}.digit-boss-text{display:flex;align-items:center;gap:4px;white-space:nowrap}.highlight{color:#fb0;font-weight:700}.arrow-icon{color:#fb0;margin-left:4px;font-size:14px}\n"] }]
         }], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { onCalcualteButtonClick: [{
                 type: Output
             }], onGenerateSummaryClick: [{
@@ -7302,7 +7327,7 @@ class MasterControlComponent {
     formGroup = new FormGroup({});
     constructor() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field()?.controlType) {\n  @case ('top-header') {\n    <lib-top-header [field]=\"field()\" />\n  }\n  @case ('footer') {\n    <lib-footer [field]=\"field()\" />\n  }\n  @case('footer-buttons')\n  {\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\n  }\n  @case('text') {\n   <lib-textbox [field]=\"field()\"></lib-textbox>\n  }\n  @case('select') {\n    <lib-select [field]=\"field()\"/>\n  }\n\n  @case('radio') {\n    <lib-radio [field]=\"field()\" />\n  }\n\n  @case('toggle') {\n    <lib-toggle [field]=\"field()\" />\n  }\n\n  @case('file') {\n    <lib-upload [field]=\"field()\" />\n  }\n\n  @case('date') {\n    <lib-dob [field]=\"field()\" />\n  }\n\n  @case('mobileNumber') {\n    <lib-mob-number [field]=\"field()\" />\n  }\n\n  @case('info') {\n    <lib-info [field]=\"field()\" />\n  }\n\n  @case('checkbox') {\n    <lib-checkbox [field]=\"field()\" />\n  }\n\n  @case('textarea') {\n    <lib-textarea [field]=\"field()\" />\n  }\n\n  @case ('button') {\n    <lib-button [field]=\"field()\" />\n  }\n\n  @case ('tab') {\n    <lib-tab [field]=\"field()\" />\n  }\n\n  @case ('autocomplete') {\n    <lib-autocomplete [field]=\"field()\" />\n  }\n\n  @case ('multipleSelect') {\n    <lib-multiple-select [field]=\"field()\" />\n  }\n\n  @case ('textboxWithSelect') {\n    <lib-select-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpTextbox') {\n    <lib-otp-textbox [field]=\"field()\" />\n  }\n\n  @case ('amountTextbox') {\n    <lib-amount-textbox [field]=\"field()\" />\n  }\n\n  @case ('suffixTextbox') {\n    <lib-suffix-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpMobNumber') {\n    <lib-otp-mob-number [field]=\"field()\" />\n  }\n\n  @case ('tagMobNumber') {\n    <lib-tag-mob-number [field]=\"field()\" />\n  }\n\n  @case ('dateWithAge') {\n     <lib-age-date [field]=\"field()\" />\n  }\n\n  @case ('additionButton') {\n    <lib-addition-button [field]=\"field()\" />\n  }\n\n  @case ('infoTextbox') {\n    <lib-info-textbox [field]=\"field()\" />\n  }\n\n  @case ('textboxWithImage') {\n    <lib-textbox-with-image [field]=\"field()\" />\n  }\n\n  @case ('emailWithDomain') {\n    <lib-email-with-domain [field]=\"field()\" />\n  }\n\n  @case ('imageUpload') {\n     <lib-image-upload [field]=\"field()\" />\n  }\n\n  @case ('downloadDocument') {\n     <lib-download-document [field]=\"field()\" />\n  }\n\n  @case ('addDocument') {\n    <lib-add-document [field]=\"field()\" />\n  }\n\n  @case ('hyperlink') {\n    <lib-hyperlink [field]=\"field()\" />\n  }\n\n  @case ('textboxWithUnderscore') {\n    <lib-textbox-with-underscore [field]=\"field()\" />\n  }\n\n  @case ('underscoreMobNumber') {\n    <lib-underscore-mob-number [field]=\"field()\" />\n  }\n\n  @case ('downloadIconButton') {\n    <lib-icon-button [field]=\"field()\" />\n  }\n\n  @case ('image') {\n    <lib-image [field]=\"field()\" />\n  }\n  @case ('stepper') {\n    <lib-stepper [field]=\"field()\" />\n  }\n   @case ('card') {\n    <lib-card [field]=\"field()\" />\n  }\n  @case ('hrLine') {\n    <lib-hr-line [field]=\"field()\" />\n  }\n  @case ('searchMultiSelect') {\n    <lib-search-multi-select [field]=\"field()\" />\n  }\n  @case ('subscriptTextbox') {\n    <lib-subscript-textbox [field]=\"field()\" />\n  }\n  @case ('label') {\n    <lib-label [field]=\"field()\" />\n  }\n  @case ('subHeading') {\n    <lib-sub-header [field]=\"field()\" />\n  }\n  @case ('heading') {\n    <lib-header [field]=\"field()\" />\n  }\n  @case ('table') {\n  <lib-table [field]=\"field()\" />\n  }\n  @case ('textboxWithText') {\n    <lib-textbox-with-text [field]=\"field()\" />\n  }\n    @case ('loader') {\n    <lib-loader [field]=\"field()\" />\n    }\n  @case ('discount') {\n    <lib-discount [field]=\"field()\" />\n  }\n  @case ('optionalBenefitCard') {\n    <lib-benefit-card [field]=\"field()\" />\n  }\n  @case ('errorSnackbar') {\n    <lib-error-snackbar [field]=\"field()\" />\n  }\n   @case ('warningSnackbar') {\n    <lib-warning-snackbar [field]=\"field()\" />\n  }\n   @case ('successSnackbar') {\n    <lib-success-snackbar [field]=\"field()\" />\n  }\n   @case ('neutralSnackbar') {\n    <lib-neutral-snackbar [field]=\"field()\" />\n  }\n  @case ('boldLabel') {\n    <lib-grey-label [field]=\"field()\" />\n  }\n  @case ('iframe') {\n    <lib-iframe [field]=\"field()\" />\n  }\n  @case ('toggleButton') {\n    <lib-toggle-button [field]=\"field()\" />\n  }\n  @case ('payGetCard') {\n    <lib-pay-get-card [field]=\"field()\"  />\n  }\n  @case ('inBuiltBenefit') {\n    <lib-in-built-benefit [field]=\"field()\" />\n  }\n  @case ('otherBenefit') {\n    <lib-other-benefits [field]=\"field()\" />\n  }\n  @case ('annuityRateLogo') {\n    <lib-annuity-rate-logo [field]=\"field()\" />\n  }\n  @case ('discountAnnuity') {\n    <lib-discount-v2 [field]=\"field()\" />\n  }\n  @case ('labelValue'){\n    <lib-label-value-card [field]=\"field()\" />\n  }\n  @case ('medicalQuestions'){\n    <lib-medial-questions [field]=\"field()\" />\n  }\n  @case ('nudge'){\n    <lib-page-nudge  [field]=\"field()\"/>\n  }\n  @case ('progressBar'){\n    <lib-progress-bar  [field]=\"field()\"/>\n  }\n  @case ('accordian'){\n    <lib-accordian  [field]=\"field()\"/>\n  }\n  @case ('miscInfo'){\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\n  }\n  @case ('plainText'){\n    <lib-plain-text [field]=\"field()\"/>\n  }\n  @case ('menu'){\n    <lib-menu [field]=\"field()\" />\n  }\n  @case ('stepperWithArrow') {\n    <lib-stepper-with-arrow [field]=\"field()\" />\n  }\n  @case ('labelWithImage') {\n    <lib-label-with-image [field]=\"field()\" />\n  }\n  @case ('motorGlowPlanDetails') {\n    <lib-motor-glow-plan-details [field]=\"field()\" />\n  }\n  @case ('premiumToAnnuityCalculator') {\n    <lib-annuity-premium-calculator [field]=\"field()\" />\n  } @case ('footerProgressBar') {\n    <lib-footer-design [field]=\"field()\" />\n  }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: MobNumberComponent, selector: "lib-mob-number", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: InfoComponent, selector: "lib-info", inputs: ["field"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: TabComponent, selector: "lib-tab", inputs: ["field"], outputs: ["selectedIndexChange"] }, { kind: "component", type: AutocompleteComponent, selector: "lib-autocomplete", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "selectionChanged", "valueChanged", "optionSelected"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: OtpTextboxComponent, selector: "lib-otp-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AmountTextboxComponent, selector: "lib-amount-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SuffixTextboxComponent, selector: "lib-suffix-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: OtpMobNumberComponent, selector: "lib-otp-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: TagMobNumberComponent, selector: "lib-tag-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AgeDateComponent, selector: "lib-age-date", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: AdditionButtonComponent, selector: "lib-addition-button", inputs: ["field"] }, { kind: "component", type: InfoTextboxComponent, selector: "lib-info-textbox", inputs: ["field", "reactiveFormControlobject", "fields"], outputs: ["infoClick"] }, { kind: "component", type: TextboxWithImageComponent, selector: "lib-textbox-with-image", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: EmailWithDomainComponent, selector: "lib-email-with-domain", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: ImageUploadComponent, selector: "lib-image-upload", inputs: ["field"] }, { kind: "component", type: DownloadDocumentComponent, selector: "lib-download-document", inputs: ["field"] }, { kind: "component", type: AddDocumentComponent, selector: "lib-add-document", inputs: ["field"] }, { kind: "component", type: HyperlinkComponent, selector: "lib-hyperlink", inputs: ["field"] }, { kind: "component", type: TextboxWithUnderscoreComponent, selector: "lib-textbox-with-underscore", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: UnderscoreMobNumberComponent, selector: "lib-underscore-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ImageComponent, selector: "lib-image", inputs: ["field"] }, { kind: "component", type: StepperComponent, selector: "lib-stepper", inputs: ["field"] }, { kind: "component", type: CardComponent, selector: "lib-card", inputs: ["field"], outputs: ["cardDetailsClicked"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: SearchMultiSelectComponent, selector: "lib-search-multi-select", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: SubscriptTextboxComponent, selector: "lib-subscript-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: LabelComponent, selector: "lib-label", inputs: ["field"] }, { kind: "component", type: SubHeaderComponent, selector: "lib-sub-header", inputs: ["field"] }, { kind: "component", type: HeaderComponent, selector: "lib-header", inputs: ["field"] }, { kind: "component", type: TextboxWithTextComponent, selector: "lib-textbox-with-text", inputs: ["reactiveFormControlobject", "field"], outputs: ["blur"] }, { kind: "component", type: DiscountComponent, selector: "lib-discount", inputs: ["field"] }, { kind: "component", type: BenefitCardComponent, selector: "lib-benefit-card", inputs: ["field"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["field", "readonly"], outputs: ["actionItemClicked", "tablePaginationClicked"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["field"] }, { kind: "component", type: WarningSnackbarComponent, selector: "lib-warning-snackbar", inputs: ["field"] }, { kind: "component", type: SuccessSnackbarComponent, selector: "lib-success-snackbar", inputs: ["field"] }, { kind: "component", type: NeutralSnackbarComponent, selector: "lib-neutral-snackbar", inputs: ["field"] }, { kind: "component", type: ErrorSnackbarComponent, selector: "lib-error-snackbar", inputs: ["field"] }, { kind: "component", type: GreyLabelComponent, selector: "lib-grey-label", inputs: ["field"] }, { kind: "component", type: IframeComponent, selector: "lib-iframe", inputs: ["field"] }, { kind: "component", type: ToggleButtonComponent, selector: "lib-toggle-button", inputs: ["reactiveFormControlobject", "field"], outputs: ["selectionChanged", "change"] }, { kind: "component", type: PayGetCardComponent, selector: "lib-pay-get-card", inputs: ["field", "payAmount", "premiumAmount", "ptValue", "years", "frequency"] }, { kind: "component", type: InBuiltBenefitComponent, selector: "lib-in-built-benefit", inputs: ["field", "premiumAmount", "premiumAmountShort"] }, { kind: "component", type: OtherBenefitsComponent, selector: "lib-other-benefits", inputs: ["field"] }, { kind: "component", type: AnnuityRateLogoComponent, selector: "lib-annuity-rate-logo", inputs: ["field", "ratePercent"] }, { kind: "component", type: DiscountV2Component, selector: "lib-discount-v2", inputs: ["field"] }, { kind: "component", type: LabelValueCardComponent, selector: "lib-label-value-card", inputs: ["field"] }, { kind: "component", type: MedialQuestionsComponent, selector: "lib-medial-questions", inputs: ["medialQuestionResponse", "personUWOpenQuoteResponse", "defaultValues", "field"] }, { kind: "component", type: PageNudgeComponent, selector: "lib-page-nudge", inputs: ["field"] }, { kind: "component", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: ["field"] }, { kind: "component", type: AccordianComponent, selector: "lib-accordian", inputs: ["field"] }, { kind: "component", type: MiscellaneousInfoBarComponent, selector: "lib-miscellaneous-info-bar", inputs: ["field", "details"] }, { kind: "component", type: PlainTextComponent, selector: "lib-plain-text", inputs: ["field"] }, { kind: "component", type: MenuComponent, selector: "lib-menu", inputs: ["field"] }, { kind: "component", type: StepperWIthArrowComponent, selector: "lib-stepper-with-arrow", inputs: ["field", "currentStepValue", "autoProgress", "autoProgressDelay"], outputs: ["selectedStep"] }, { kind: "component", type: LabelWithImageComponent, selector: "lib-label-with-image", inputs: ["field"] }, { kind: "component", type: TopHeaderComponent, selector: "lib-top-header", inputs: ["field"] }, { kind: "component", type: FooterComponent, selector: "lib-footer", inputs: ["field"] }, { kind: "component", type: FooterWithButtonsComponent, selector: "lib-footer-with-buttons", inputs: ["field"] }, { kind: "component", type: MotorGlowPlanDetailsComponent, selector: "lib-motor-glow-plan-details", inputs: ["field"], outputs: ["editPlanClick"] }, { kind: "component", type: AnnuityPremiumCalculatorComponent, selector: "lib-annuity-premium-calculator", inputs: ["field", "premiumDetails"], outputs: ["onCalcualteButtonClick", "onGenerateSummaryClick", "onAnnuityPremiumChange", "onMinimumPremiumValueChange", "onAutioDebitValueChange", "onGuranteedAnnuityValueChange"] }, { kind: "component", type: FooterDesignComponent, selector: "lib-footer-design", inputs: ["field"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field()?.controlType) {\n  @case ('top-header') {\n    <lib-top-header [field]=\"field()\" />\n  }\n  @case ('footer') {\n    <lib-footer [field]=\"field()\" />\n  }\n  @case('footer-buttons')\n  {\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\n  }\n  @case('text') {\n   <lib-textbox [field]=\"field()\"></lib-textbox>\n  }\n  @case('select') {\n    <lib-select [field]=\"field()\"/>\n  }\n\n  @case('radio') {\n    <lib-radio [field]=\"field()\" />\n  }\n\n  @case('toggle') {\n    <lib-toggle [field]=\"field()\" />\n  }\n\n  @case('file') {\n    <lib-upload [field]=\"field()\" />\n  }\n\n  @case('date') {\n    <lib-dob [field]=\"field()\" />\n  }\n\n  @case('mobileNumber') {\n    <lib-mob-number [field]=\"field()\" />\n  }\n\n  @case('info') {\n    <lib-info [field]=\"field()\" />\n  }\n\n  @case('checkbox') {\n    <lib-checkbox [field]=\"field()\" />\n  }\n\n  @case('textarea') {\n    <lib-textarea [field]=\"field()\" />\n  }\n\n  @case ('button') {\n    <lib-button [field]=\"field()\" />\n  }\n\n  @case ('tab') {\n    <lib-tab [field]=\"field()\" />\n  }\n\n  @case ('autocomplete') {\n    <lib-autocomplete [field]=\"field()\" />\n  }\n\n  @case ('multipleSelect') {\n    <lib-multiple-select [field]=\"field()\" />\n  }\n\n  @case ('textboxWithSelect') {\n    <lib-select-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpTextbox') {\n    <lib-otp-textbox [field]=\"field()\" />\n  }\n\n  @case ('amountTextbox') {\n    <lib-amount-textbox [field]=\"field()\" />\n  }\n\n  @case ('suffixTextbox') {\n    <lib-suffix-textbox [field]=\"field()\" />\n  }\n\n  @case ('otpMobNumber') {\n    <lib-otp-mob-number [field]=\"field()\" />\n  }\n\n  @case ('tagMobNumber') {\n    <lib-tag-mob-number [field]=\"field()\" />\n  }\n\n  @case ('dateWithAge') {\n     <lib-age-date [field]=\"field()\" />\n  }\n\n  @case ('additionButton') {\n    <lib-addition-button [field]=\"field()\" />\n  }\n\n  @case ('infoTextbox') {\n    <lib-info-textbox [field]=\"field()\" />\n  }\n\n  @case ('textboxWithImage') {\n    <lib-textbox-with-image [field]=\"field()\" />\n  }\n\n  @case ('emailWithDomain') {\n    <lib-email-with-domain [field]=\"field()\" />\n  }\n\n  @case ('imageUpload') {\n     <lib-image-upload [field]=\"field()\" />\n  }\n\n  @case ('downloadDocument') {\n     <lib-download-document [field]=\"field()\" />\n  }\n\n  @case ('addDocument') {\n    <lib-add-document [field]=\"field()\" />\n  }\n\n  @case ('hyperlink') {\n    <lib-hyperlink [field]=\"field()\" />\n  }\n\n  @case ('textboxWithUnderscore') {\n    <lib-textbox-with-underscore [field]=\"field()\" />\n  }\n\n  @case ('underscoreMobNumber') {\n    <lib-underscore-mob-number [field]=\"field()\" />\n  }\n\n  @case ('downloadIconButton') {\n    <lib-icon-button [field]=\"field()\" />\n  }\n\n  @case ('image') {\n    <lib-image [field]=\"field()\" />\n  }\n  @case ('stepper') {\n    <lib-stepper [field]=\"field()\" />\n  }\n   @case ('card') {\n    <lib-card [field]=\"field()\" />\n  }\n  @case ('hrLine') {\n    <lib-hr-line [field]=\"field()\" />\n  }\n  @case ('searchMultiSelect') {\n    <lib-search-multi-select [field]=\"field()\" />\n  }\n  @case ('subscriptTextbox') {\n    <lib-subscript-textbox [field]=\"field()\" />\n  }\n  @case ('label') {\n    <lib-label [field]=\"field()\" />\n  }\n  @case ('subHeading') {\n    <lib-sub-header [field]=\"field()\" />\n  }\n  @case ('heading') {\n    <lib-header [field]=\"field()\" />\n  }\n  @case ('table') {\n  <lib-table [field]=\"field()\" />\n  }\n  @case ('textboxWithText') {\n    <lib-textbox-with-text [field]=\"field()\" />\n  }\n    @case ('loader') {\n    <lib-loader [field]=\"field()\" />\n    }\n  @case ('discount') {\n    <lib-discount [field]=\"field()\" />\n  }\n  @case ('optionalBenefitCard') {\n    <lib-benefit-card [field]=\"field()\" />\n  }\n  @case ('errorSnackbar') {\n    <lib-error-snackbar [field]=\"field()\" />\n  }\n   @case ('warningSnackbar') {\n    <lib-warning-snackbar [field]=\"field()\" />\n  }\n   @case ('successSnackbar') {\n    <lib-success-snackbar [field]=\"field()\" />\n  }\n   @case ('neutralSnackbar') {\n    <lib-neutral-snackbar [field]=\"field()\" />\n  }\n  @case ('boldLabel') {\n    <lib-grey-label [field]=\"field()\" />\n  }\n  @case ('iframe') {\n    <lib-iframe [field]=\"field()\" />\n  }\n  @case ('toggleButton') {\n    <lib-toggle-button [field]=\"field()\" />\n  }\n  @case ('payGetCard') {\n    <lib-pay-get-card [field]=\"field()\"  />\n  }\n  @case ('inBuiltBenefit') {\n    <lib-in-built-benefit [field]=\"field()\" />\n  }\n  @case ('otherBenefit') {\n    <lib-other-benefits [field]=\"field()\" />\n  }\n  @case ('annuityRateLogo') {\n    <lib-annuity-rate-logo [field]=\"field()\" />\n  }\n  @case ('discountAnnuity') {\n    <lib-discount-v2 [field]=\"field()\" />\n  }\n  @case ('labelValue'){\n    <lib-label-value-card [field]=\"field()\" />\n  }\n  @case ('medicalQuestions'){\n    <lib-medial-questions [field]=\"field()\" />\n  }\n  @case ('nudge'){\n    <lib-page-nudge  [field]=\"field()\"/>\n  }\n  @case ('progressBar'){\n    <lib-progress-bar  [field]=\"field()\"/>\n  }\n  @case ('accordian'){\n    <lib-accordian  [field]=\"field()\"/>\n  }\n  @case ('miscInfo'){\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\n  }\n  @case ('plainText'){\n    <lib-plain-text [field]=\"field()\"/>\n  }\n  @case ('menu'){\n    <lib-menu [field]=\"field()\" />\n  }\n  @case ('stepperWithArrow') {\n    <lib-stepper-with-arrow [field]=\"field()\" />\n  }\n  @case ('labelWithImage') {\n    <lib-label-with-image [field]=\"field()\" />\n  }\n  @case ('motorGlowPlanDetails') {\n    <lib-motor-glow-plan-details [field]=\"field()\" />\n  }\n  @case ('premiumToAnnuityCalculator') {\n    <lib-annuity-premium-calculator [field]=\"field()\" />\n  } @case ('footerProgressBar') {\n    <lib-footer-design [field]=\"field()\" />\n  }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: TextboxComponent, selector: "lib-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SelectComponent, selector: "lib-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange", "infoClick"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["reactiveFormControlobject", "field"], outputs: ["change"] }, { kind: "component", type: ToggleComponent, selector: "lib-toggle", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: UploadComponent, selector: "lib-upload", inputs: ["documentUploaderField", "field", "reactiveFormControlobject"], outputs: ["filesChanged", "fileRemoved", "filePreview"] }, { kind: "component", type: DobComponent, selector: "lib-dob", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: MobNumberComponent, selector: "lib-mob-number", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: InfoComponent, selector: "lib-info", inputs: ["field"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["change"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: TabComponent, selector: "lib-tab", inputs: ["field"], outputs: ["selectedIndexChange"] }, { kind: "component", type: AutocompleteComponent, selector: "lib-autocomplete", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "selectionChanged", "valueChanged", "optionSelected"] }, { kind: "component", type: MultipleSelectComponent, selector: "lib-multiple-select", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: SelectTextboxComponent, selector: "lib-select-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["selectionChange"] }, { kind: "component", type: OtpTextboxComponent, selector: "lib-otp-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AmountTextboxComponent, selector: "lib-amount-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: SuffixTextboxComponent, selector: "lib-suffix-textbox", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: OtpMobNumberComponent, selector: "lib-otp-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: TagMobNumberComponent, selector: "lib-tag-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: AgeDateComponent, selector: "lib-age-date", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur", "valueChange", "dateSelected", "invalidDate"] }, { kind: "component", type: AdditionButtonComponent, selector: "lib-addition-button", inputs: ["field"] }, { kind: "component", type: InfoTextboxComponent, selector: "lib-info-textbox", inputs: ["field", "reactiveFormControlobject", "fields"], outputs: ["infoClick"] }, { kind: "component", type: TextboxWithImageComponent, selector: "lib-textbox-with-image", inputs: ["field", "reactiveFormControlobject"], outputs: ["blur"] }, { kind: "component", type: EmailWithDomainComponent, selector: "lib-email-with-domain", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: ImageUploadComponent, selector: "lib-image-upload", inputs: ["field"] }, { kind: "component", type: DownloadDocumentComponent, selector: "lib-download-document", inputs: ["field"] }, { kind: "component", type: AddDocumentComponent, selector: "lib-add-document", inputs: ["field"] }, { kind: "component", type: HyperlinkComponent, selector: "lib-hyperlink", inputs: ["field"] }, { kind: "component", type: TextboxWithUnderscoreComponent, selector: "lib-textbox-with-underscore", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: UnderscoreMobNumberComponent, selector: "lib-underscore-mob-number", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ImageComponent, selector: "lib-image", inputs: ["field"] }, { kind: "component", type: StepperComponent, selector: "lib-stepper", inputs: ["field"] }, { kind: "component", type: CardComponent, selector: "lib-card", inputs: ["field"], outputs: ["cardDetailsClicked"] }, { kind: "component", type: HrLineComponent, selector: "lib-hr-line", inputs: ["field"] }, { kind: "component", type: SearchMultiSelectComponent, selector: "lib-search-multi-select", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: SubscriptTextboxComponent, selector: "lib-subscript-textbox", inputs: ["field", "reactiveFormControlobject"] }, { kind: "component", type: LabelComponent, selector: "lib-label", inputs: ["field"] }, { kind: "component", type: SubHeaderComponent, selector: "lib-sub-header", inputs: ["field"] }, { kind: "component", type: HeaderComponent, selector: "lib-header", inputs: ["field"] }, { kind: "component", type: TextboxWithTextComponent, selector: "lib-textbox-with-text", inputs: ["reactiveFormControlobject", "field"], outputs: ["blur"] }, { kind: "component", type: DiscountComponent, selector: "lib-discount", inputs: ["field"] }, { kind: "component", type: BenefitCardComponent, selector: "lib-benefit-card", inputs: ["field"] }, { kind: "component", type: TableComponent, selector: "lib-table", inputs: ["field", "readonly"], outputs: ["actionItemClicked", "tablePaginationClicked"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["field"] }, { kind: "component", type: WarningSnackbarComponent, selector: "lib-warning-snackbar", inputs: ["field"] }, { kind: "component", type: SuccessSnackbarComponent, selector: "lib-success-snackbar", inputs: ["field"] }, { kind: "component", type: NeutralSnackbarComponent, selector: "lib-neutral-snackbar", inputs: ["field"] }, { kind: "component", type: ErrorSnackbarComponent, selector: "lib-error-snackbar", inputs: ["field"] }, { kind: "component", type: GreyLabelComponent, selector: "lib-grey-label", inputs: ["field"] }, { kind: "component", type: IframeComponent, selector: "lib-iframe", inputs: ["field"] }, { kind: "component", type: ToggleButtonComponent, selector: "lib-toggle-button", inputs: ["reactiveFormControlobject", "field"], outputs: ["selectionChanged", "change"] }, { kind: "component", type: PayGetCardComponent, selector: "lib-pay-get-card", inputs: ["field", "payAmount", "premiumAmount", "ptValue", "years", "frequency"] }, { kind: "component", type: InBuiltBenefitComponent, selector: "lib-in-built-benefit", inputs: ["field", "premiumAmount", "premiumAmountShort"] }, { kind: "component", type: OtherBenefitsComponent, selector: "lib-other-benefits", inputs: ["field"] }, { kind: "component", type: AnnuityRateLogoComponent, selector: "lib-annuity-rate-logo", inputs: ["field", "ratePercent"] }, { kind: "component", type: DiscountV2Component, selector: "lib-discount-v2", inputs: ["field"] }, { kind: "component", type: LabelValueCardComponent, selector: "lib-label-value-card", inputs: ["field"] }, { kind: "component", type: MedialQuestionsComponent, selector: "lib-medial-questions", inputs: ["medialQuestionResponse", "personUWOpenQuoteResponse", "defaultValues", "field"], outputs: ["questionsValueChange"] }, { kind: "component", type: PageNudgeComponent, selector: "lib-page-nudge", inputs: ["field"] }, { kind: "component", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: ["field"] }, { kind: "component", type: AccordianComponent, selector: "lib-accordian", inputs: ["field"] }, { kind: "component", type: MiscellaneousInfoBarComponent, selector: "lib-miscellaneous-info-bar", inputs: ["field", "details"] }, { kind: "component", type: PlainTextComponent, selector: "lib-plain-text", inputs: ["field"] }, { kind: "component", type: MenuComponent, selector: "lib-menu", inputs: ["field"] }, { kind: "component", type: StepperWIthArrowComponent, selector: "lib-stepper-with-arrow", inputs: ["field", "currentStepValue", "autoProgress", "autoProgressDelay"], outputs: ["selectedStep"] }, { kind: "component", type: LabelWithImageComponent, selector: "lib-label-with-image", inputs: ["field"] }, { kind: "component", type: TopHeaderComponent, selector: "lib-top-header", inputs: ["field"] }, { kind: "component", type: FooterComponent, selector: "lib-footer", inputs: ["field"] }, { kind: "component", type: FooterWithButtonsComponent, selector: "lib-footer-with-buttons", inputs: ["field"] }, { kind: "component", type: MotorGlowPlanDetailsComponent, selector: "lib-motor-glow-plan-details", inputs: ["field"], outputs: ["editPlanClick"] }, { kind: "component", type: AnnuityPremiumCalculatorComponent, selector: "lib-annuity-premium-calculator", inputs: ["field", "premiumDetails"], outputs: ["onCalcualteButtonClick", "onGenerateSummaryClick", "onAnnuityPremiumChange", "onMinimumPremiumValueChange", "onAutioDebitValueChange", "onGuranteedAnnuityValueChange"] }, { kind: "component", type: FooterDesignComponent, selector: "lib-footer-design", inputs: ["field"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, decorators: [{
             type: Component,