master-control 0.3.65 → 0.3.67

package/fesm2022/master-control.mjs

@@ -1643,15 +1643,12 @@ class MultipleSelectComponent {
         const maxVisible = 2;
         this.visibleChip = this.visibleChip.filter((element) => element !== item);
         this.selectedValues = this.selectedValues.filter((element) => element !== item);
-        this.inputValue = this.inputValue.filter((element) => element !== item);
         const found = this.field().options.find((i) => i.label === item);
         if (found) {
             found.value = false;
         }
         this.visibleChip = this.selectedValues.slice(0, maxVisible);
         this.remainingCount = this.selectedValues.length - maxVisible;
-        this.onChange(this.inputValue);
-        this.onTouched();
     }
     onSelectionChange() {
         const maxVisible = 2;
@@ -1785,7 +1782,7 @@ class SelectTextboxComponent {
                 useExisting: SelectTextboxComponent,
                 multi: true
             }
-        ], ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n}\"\r\n>\r\n@if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    class=\"vertically-align-middle\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n   />\r\n}@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    class=\"vertically-align-middle\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n   />\r\n}\r\n  <span matPrefix class=\"rupee-symbol\">\u20B9</span>\r\n  <!-- <span class=\"mx-3 right-amount-text\"> \u20B9 3.50 L </span> -->\r\n  <div matSuffix class=\"input-select\">\r\n    <!-- <mat-form-field> -->\r\n      <mat-select\r\n        [value]=\"selectValue\"\r\n        (selectionChange)=\"onSelectChange($event)\"\r\n        (openedChange)=\"onSelectOpened($event)\">\r\n        <mat-option *ngFor=\"let options of field()?.options\" [value]=\"options.value\">\r\n          {{ options.label }}\r\n        </mat-option>\r\n      </mat-select>\r\n    <!-- </mat-form-field> -->\r\n  </div>\r\n</mat-form-field>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .mat-mdc-select-arrow{border-style:solid!important;border-width:0 2px 2px 0!important;border-right:2px solid!important;content:\"\"!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;vertical-align:middle!important;width:unset!important;height:unset!important;color:#444!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-arrow svg{display:none!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{background:#fff!important}::ng-deep div.mat-mdc-select-panel{background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item{background:#fff!important;color:#444!important;font-weight:400}::ng-deep .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow{color:#fb0!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item{background:var(--custom-select-option-background-color, #fff)!important;color:var(--custom-select-option-font-color, #444)!important;font-weight:var(--custom-select-option-font-weight, 400)!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 12px)!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{padding:0!important;background:#fafafa!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel{padding:0!important}::ng-deep .mat-mdc-optgroup-label{background:#f5f5f5;color:#444;font-weight:800}::ng-deep .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{padding:0!important;background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600!important;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:unset!important}::ng-deep .mat-mdc-option .mat-pseudo-checkbox-minimal{display:none!important}::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{color:#8f8f8f!important;font-size:12px!important;vertical-align:sub}*{font-family:mulish!important}.input-select{height:30px;background:#f5f5f5;padding:4px 8px;min-width:4.5em;border-radius:0 6px 6px 0;transform:translate(-1px);border-left:1.5px solid #dadada}.input-select,.mat-mdc-select-trigger{bottom:3px;gap:4px}:host ::ng-deep .input-select .mat-mdc-select-arrow{color:#8f8f8f!important}.vertically-align-middle{vertical-align:middle}@media screen and (max-width: 768px){::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{font-size:14px!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 14px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-size:14px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], ngImport: i0, template: "<label class=\"field-lable\" *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n}\"\r\n>\r\n@if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    class=\"vertically-align-middle\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n   />\r\n}@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    class=\"vertically-align-middle\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n   />\r\n}\r\n  <span matPrefix class=\"rupee-symbol\">\u20B9</span>\r\n  <!-- <span class=\"mx-3 right-amount-text\"> \u20B9 3.50 L </span> -->\r\n  <div matSuffix class=\"input-select\">\r\n    <!-- <mat-form-field> -->\r\n      <mat-select\r\n        [value]=\"selectValue\"\r\n        [disabled]=\"field()?.configData?.isDisableDropdown\"\r\n        (selectionChange)=\"onSelectChange($event)\"\r\n        (openedChange)=\"onSelectOpened($event)\">\r\n        <mat-option *ngFor=\"let options of field()?.options\" [value]=\"options.value\">\r\n          {{ options.label }}\r\n        </mat-option>\r\n      </mat-select>\r\n    <!-- </mat-form-field> -->\r\n  </div>\r\n</mat-form-field>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .mat-mdc-select-arrow{border-style:solid!important;border-width:0 2px 2px 0!important;border-right:2px solid!important;content:\"\"!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;vertical-align:middle!important;width:unset!important;height:unset!important;color:#444!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-arrow svg{display:none!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{background:#fff!important}::ng-deep div.mat-mdc-select-panel{background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item{background:#fff!important;color:#444!important;font-weight:400}::ng-deep .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow{color:#fb0!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item{background:var(--custom-select-option-background-color, #fff)!important;color:var(--custom-select-option-font-color, #444)!important;font-weight:var(--custom-select-option-font-weight, 400)!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 12px)!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{padding:0!important;background:#fafafa!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel{padding:0!important}::ng-deep .mat-mdc-optgroup-label{background:#f5f5f5;color:#444;font-weight:800}::ng-deep .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{padding:0!important;background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600!important;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:unset!important}::ng-deep .mat-mdc-option .mat-pseudo-checkbox-minimal{display:none!important}::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{color:#8f8f8f!important;font-size:12px!important;vertical-align:sub}*{font-family:mulish!important}.input-select{height:30px;background:#f5f5f5;padding:4px 8px;border-radius:0 6px 6px 0;transform:translate(-1px);border-left:1.5px solid #dadada}.input-select,.mat-mdc-select-trigger{bottom:3px;gap:4px}:host ::ng-deep .input-select .mat-mdc-select-arrow{color:#8f8f8f!important}.vertically-align-middle{vertical-align:middle}@media screen and (max-width: 768px){::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{font-size:14px!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 14px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-size:14px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectTextboxComponent, decorators: [{
             type: Component,
@@ -1795,7 +1792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: SelectTextboxComponent,
                             multi: true
                         }
-                    ], template: "<label class=\"field-lable\" *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n}\"\r\n>\r\n@if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    class=\"vertically-align-middle\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n   />\r\n}@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    class=\"vertically-align-middle\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n   />\r\n}\r\n  <span matPrefix class=\"rupee-symbol\">\u20B9</span>\r\n  <!-- <span class=\"mx-3 right-amount-text\"> \u20B9 3.50 L </span> -->\r\n  <div matSuffix class=\"input-select\">\r\n    <!-- <mat-form-field> -->\r\n      <mat-select\r\n        [value]=\"selectValue\"\r\n        (selectionChange)=\"onSelectChange($event)\"\r\n        (openedChange)=\"onSelectOpened($event)\">\r\n        <mat-option *ngFor=\"let options of field()?.options\" [value]=\"options.value\">\r\n          {{ options.label }}\r\n        </mat-option>\r\n      </mat-select>\r\n    <!-- </mat-form-field> -->\r\n  </div>\r\n</mat-form-field>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .mat-mdc-select-arrow{border-style:solid!important;border-width:0 2px 2px 0!important;border-right:2px solid!important;content:\"\"!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;vertical-align:middle!important;width:unset!important;height:unset!important;color:#444!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-arrow svg{display:none!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{background:#fff!important}::ng-deep div.mat-mdc-select-panel{background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item{background:#fff!important;color:#444!important;font-weight:400}::ng-deep .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow{color:#fb0!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item{background:var(--custom-select-option-background-color, #fff)!important;color:var(--custom-select-option-font-color, #444)!important;font-weight:var(--custom-select-option-font-weight, 400)!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 12px)!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{padding:0!important;background:#fafafa!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel{padding:0!important}::ng-deep .mat-mdc-optgroup-label{background:#f5f5f5;color:#444;font-weight:800}::ng-deep .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{padding:0!important;background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600!important;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:unset!important}::ng-deep .mat-mdc-option .mat-pseudo-checkbox-minimal{display:none!important}::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{color:#8f8f8f!important;font-size:12px!important;vertical-align:sub}*{font-family:mulish!important}.input-select{height:30px;background:#f5f5f5;padding:4px 8px;min-width:4.5em;border-radius:0 6px 6px 0;transform:translate(-1px);border-left:1.5px solid #dadada}.input-select,.mat-mdc-select-trigger{bottom:3px;gap:4px}:host ::ng-deep .input-select .mat-mdc-select-arrow{color:#8f8f8f!important}.vertically-align-middle{vertical-align:middle}@media screen and (max-width: 768px){::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{font-size:14px!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 14px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-size:14px!important}}\n"] }]
+                    ], template: "<label class=\"field-lable\" *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n}\"\r\n>\r\n@if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    class=\"vertically-align-middle\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n   />\r\n}@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    class=\"vertically-align-middle\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [maxLength]=\"field()?.validators?.maxLength\"\r\n    [minLength]=\"field()?.validators?.minLength\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur()\"\r\n    [value]=\"inputValue\"\r\n   />\r\n}\r\n  <span matPrefix class=\"rupee-symbol\">\u20B9</span>\r\n  <!-- <span class=\"mx-3 right-amount-text\"> \u20B9 3.50 L </span> -->\r\n  <div matSuffix class=\"input-select\">\r\n    <!-- <mat-form-field> -->\r\n      <mat-select\r\n        [value]=\"selectValue\"\r\n        [disabled]=\"field()?.configData?.isDisableDropdown\"\r\n        (selectionChange)=\"onSelectChange($event)\"\r\n        (openedChange)=\"onSelectOpened($event)\">\r\n        <mat-option *ngFor=\"let options of field()?.options\" [value]=\"options.value\">\r\n          {{ options.label }}\r\n        </mat-option>\r\n      </mat-select>\r\n    <!-- </mat-form-field> -->\r\n  </div>\r\n</mat-form-field>\r\n", styles: [".field-lable{font-size:12px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 4px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 4px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .mat-mdc-select-arrow{border-style:solid!important;border-width:0 2px 2px 0!important;border-right:2px solid!important;content:\"\"!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;vertical-align:middle!important;width:unset!important;height:unset!important;color:#444!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-arrow svg{display:none!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{background:#fff!important}::ng-deep div.mat-mdc-select-panel{background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item{background:#fff!important;color:#444!important;font-weight:400}::ng-deep .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow{color:#fb0!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item{background:var(--custom-select-option-background-color, #fff)!important;color:var(--custom-select-option-font-color, #444)!important;font-weight:var(--custom-select-option-font-weight, 400)!important}::ng-deep .mat-mdc-option:focus.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option.mat-mdc-option-active.mdc-list-item{background:var(--custom-select-option-background-color-focus, #fffaeb)!important;color:var(--custom-select-option-font-color-focus, #444)!important;font-weight:var(--custom-select-option-font-weight-focus, 600)!important;border-left:var(--custom-select-option-border-left-focus, 4px solid #fb0)!important;border-radius:var(--custom-select-option-border-radius-focus, 3px)!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 12px)!important}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{padding:0!important;background:#fafafa!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important}::ng-deep .mat-mdc-form-field.mat-focused.mat-primary .mat-select-arrow{color:#fb0}::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel{padding:0!important}::ng-deep .mat-mdc-optgroup-label{background:#f5f5f5;color:#444;font-weight:800}::ng-deep .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible{padding:0!important;background:#fff!important}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background:#fffaeb!important;border-left:4px solid #fb0;font-weight:600!important;color:#444!important;border-radius:3px}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:unset!important}::ng-deep .mat-mdc-option .mat-pseudo-checkbox-minimal{display:none!important}::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{color:#8f8f8f!important;font-size:12px!important;vertical-align:sub}*{font-family:mulish!important}.input-select{height:30px;background:#f5f5f5;padding:4px 8px;border-radius:0 6px 6px 0;transform:translate(-1px);border-left:1.5px solid #dadada}.input-select,.mat-mdc-select-trigger{bottom:3px;gap:4px}:host ::ng-deep .input-select .mat-mdc-select-arrow{color:#8f8f8f!important}.vertically-align-middle{vertical-align:middle}@media screen and (max-width: 768px){::ng-deep .mat-mdc-form-field .mat-mdc-select-placeholder{font-size:14px!important}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{font-size:var(--custom-font-size, 14px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{font-size:14px!important}}\n"] }]
         }] });
 
 class OtpTextboxComponent {
@@ -2690,11 +2687,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class IconButtonComponent {
     field = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<Button \r\nclass=\"icon-button\"\r\n*ngIf=\"field() && field()?.isVisible\" \r\n[ngStyle]=\"\r\n{\r\n    '--icon-button-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--icon-button-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--icon-button-border-color': field()?.controlStyle?.borderColor ,\r\n    '--icon-button-width': field()?.controlStyle?.width ,\r\n    '--icon-button-background': field()?.controlStyle?.background ,\r\n    '--icon-button-border-radius': field()?.controlStyle?.borderRadius ,\r\n}\"\r\n>\r\n<span>\r\n<img src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\">\r\n</span>\r\n</Button>", styles: ["*{font-family:mulish!important}.icon-button{border-width:1px;border-color:#444;border-style:solid;background:#fff;border-radius:8px;width:48px;height:48px}.icon-button{border-width:var(--icon-button-border-width , 1px);border-color:var(--icon-button-border-color , #444);border-style:var(--icon-button-border-style , solid);background:var(--icon-button-background ,#fff);border-radius:var(--icon-button-border-radius , 8px);width:var(--icon-button-width , 48px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<Button\r\nclass=\"icon-button\"\r\n*ngIf=\"field() && field()?.isVisible\"\r\n[ngStyle]=\"\r\n{\r\n    '--icon-button-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--icon-button-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--icon-button-border-color': field()?.controlStyle?.borderColor ,\r\n    '--icon-button-width': field()?.controlStyle?.width ,\r\n    '--icon-button-background': field()?.controlStyle?.background ,\r\n    '--icon-button-border-radius': field()?.controlStyle?.borderRadius ,\r\n}\"\r\n>\r\n<span>\r\n<img [src]=\"field()?.imageUrl ? field()?.imageUrl : 'https://cdn.godigit.com/retail-life/Download_Icon.svg'\"/>\r\n</span>\r\n</Button>\r\n", styles: ["*{font-family:mulish!important}.icon-button{border-width:1px;border-color:#444;border-style:solid;background:#fff;border-radius:8px;width:48px;height:48px}.icon-button{border-width:var(--icon-button-border-width , 1px);border-color:var(--icon-button-border-color , #444);border-style:var(--icon-button-border-style , solid);background:var(--icon-button-background ,#fff);border-radius:var(--icon-button-border-radius , 8px);width:var(--icon-button-width , 48px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-icon-button', standalone: true, imports: [CommonModule], template: "<Button \r\nclass=\"icon-button\"\r\n*ngIf=\"field() && field()?.isVisible\" \r\n[ngStyle]=\"\r\n{\r\n    '--icon-button-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--icon-button-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--icon-button-border-color': field()?.controlStyle?.borderColor ,\r\n    '--icon-button-width': field()?.controlStyle?.width ,\r\n    '--icon-button-background': field()?.controlStyle?.background ,\r\n    '--icon-button-border-radius': field()?.controlStyle?.borderRadius ,\r\n}\"\r\n>\r\n<span>\r\n<img src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\">\r\n</span>\r\n</Button>", styles: ["*{font-family:mulish!important}.icon-button{border-width:1px;border-color:#444;border-style:solid;background:#fff;border-radius:8px;width:48px;height:48px}.icon-button{border-width:var(--icon-button-border-width , 1px);border-color:var(--icon-button-border-color , #444);border-style:var(--icon-button-border-style , solid);background:var(--icon-button-background ,#fff);border-radius:var(--icon-button-border-radius , 8px);width:var(--icon-button-width , 48px)}\n"] }]
+            args: [{ selector: 'lib-icon-button', standalone: true, imports: [CommonModule], template: "<Button\r\nclass=\"icon-button\"\r\n*ngIf=\"field() && field()?.isVisible\"\r\n[ngStyle]=\"\r\n{\r\n    '--icon-button-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--icon-button-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--icon-button-border-color': field()?.controlStyle?.borderColor ,\r\n    '--icon-button-width': field()?.controlStyle?.width ,\r\n    '--icon-button-background': field()?.controlStyle?.background ,\r\n    '--icon-button-border-radius': field()?.controlStyle?.borderRadius ,\r\n}\"\r\n>\r\n<span>\r\n<img [src]=\"field()?.imageUrl ? field()?.imageUrl : 'https://cdn.godigit.com/retail-life/Download_Icon.svg'\"/>\r\n</span>\r\n</Button>\r\n", styles: ["*{font-family:mulish!important}.icon-button{border-width:1px;border-color:#444;border-style:solid;background:#fff;border-radius:8px;width:48px;height:48px}.icon-button{border-width:var(--icon-button-border-width , 1px);border-color:var(--icon-button-border-color , #444);border-style:var(--icon-button-border-style , solid);background:var(--icon-button-background ,#fff);border-radius:var(--icon-button-border-radius , 8px);width:var(--icon-button-width , 48px)}\n"] }]
         }] });
 
 class ImageComponent {
@@ -2762,11 +2759,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class HrLineComponent {
     field = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HrLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: HrLineComponent, isStandalone: true, selector: "lib-hr-line", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"\">\r\n  <div class=\"hr-with-text\" [ngStyle]=\"{\r\n  '--hr-line-border-width': field()?.controlStyle?.borderWidth,\r\n  '--hr-line-border-color': field()?.controlStyle?.borderColor,\r\n  '--hr-line-border-style': field()?.controlStyle?.borderStyle\r\n}\">\r\n  <span class=\"hr-text\" [ngStyle]=\"{\r\n  '--hr-text-color': field()?.controlStyle?.color,\r\n  '--hr-text-weight': field()?.controlStyle?.fontWeight,\r\n  '--hr-text-size': field()?.controlStyle?.fontSize\r\n}\"\r\n*ngIf=\"field()?.configData?.hrText\">{{field()?.configData?.hrText}}</span>\r\n</div>\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.hr-with-text{display:flex;align-items:center;text-align:center;margin:20px 0}.hr-with-text:before{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-with-text:after{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-text{padding:0 15px;background:transparent;color:var(--hr-text-color , #666);font-weight:var(--hr-text-weight , 500);white-space:nowrap;font-size:var(--hr-text-size , 12px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: HrLineComponent, isStandalone: true, selector: "lib-hr-line", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"\">\r\n  <div class=\"hr-with-text\" [ngStyle]=\"{\r\n  '--hr-line-border-width': field()?.controlStyle?.borderWidth,\r\n  '--hr-line-border-color': field()?.controlStyle?.borderColor,\r\n  '--hr-line-border-style': field()?.controlStyle?.borderStyle\r\n}\">\r\n  <span class=\"hr-text\" [ngStyle]=\"{\r\n  '--hr-text-color': field()?.controlStyle?.color,\r\n  '--hr-text-weight': field()?.controlStyle?.fontWeight,\r\n  '--hr-text-size': field()?.controlStyle?.fontSize\r\n}\"\r\n*ngIf=\"field()?.configData?.hrText\">{{field()?.configData?.hrText}}</span>\r\n</div>\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.hr-with-text{display:flex;align-items:center;text-align:center;margin:16px 0}.hr-with-text:before{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-with-text:after{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-text{padding:0 15px;background:transparent;color:var(--hr-text-color , #666);font-weight:var(--hr-text-weight , 500);white-space:nowrap;font-size:var(--hr-text-size , 12px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HrLineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-hr-line', standalone: true, imports: [CommonModule], template: "<div class=\"\">\r\n  <div class=\"hr-with-text\" [ngStyle]=\"{\r\n  '--hr-line-border-width': field()?.controlStyle?.borderWidth,\r\n  '--hr-line-border-color': field()?.controlStyle?.borderColor,\r\n  '--hr-line-border-style': field()?.controlStyle?.borderStyle\r\n}\">\r\n  <span class=\"hr-text\" [ngStyle]=\"{\r\n  '--hr-text-color': field()?.controlStyle?.color,\r\n  '--hr-text-weight': field()?.controlStyle?.fontWeight,\r\n  '--hr-text-size': field()?.controlStyle?.fontSize\r\n}\"\r\n*ngIf=\"field()?.configData?.hrText\">{{field()?.configData?.hrText}}</span>\r\n</div>\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.hr-with-text{display:flex;align-items:center;text-align:center;margin:20px 0}.hr-with-text:before{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-with-text:after{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-text{padding:0 15px;background:transparent;color:var(--hr-text-color , #666);font-weight:var(--hr-text-weight , 500);white-space:nowrap;font-size:var(--hr-text-size , 12px)}\n"] }]
+            args: [{ selector: 'lib-hr-line', standalone: true, imports: [CommonModule], template: "<div class=\"\">\r\n  <div class=\"hr-with-text\" [ngStyle]=\"{\r\n  '--hr-line-border-width': field()?.controlStyle?.borderWidth,\r\n  '--hr-line-border-color': field()?.controlStyle?.borderColor,\r\n  '--hr-line-border-style': field()?.controlStyle?.borderStyle\r\n}\">\r\n  <span class=\"hr-text\" [ngStyle]=\"{\r\n  '--hr-text-color': field()?.controlStyle?.color,\r\n  '--hr-text-weight': field()?.controlStyle?.fontWeight,\r\n  '--hr-text-size': field()?.controlStyle?.fontSize\r\n}\"\r\n*ngIf=\"field()?.configData?.hrText\">{{field()?.configData?.hrText}}</span>\r\n</div>\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.hr-with-text{display:flex;align-items:center;text-align:center;margin:16px 0}.hr-with-text:before{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-with-text:after{content:\"\";flex:1;border-style:var(--hr-line-border-style, dashed)!important;border-width:var(--hr-line-border-width, 1px)!important;border-color:var(--hr-line-border-color, #ddd)!important}.hr-text{padding:0 15px;background:transparent;color:var(--hr-text-color , #666);font-weight:var(--hr-text-weight , 500);white-space:nowrap;font-size:var(--hr-text-size , 12px)}\n"] }]
         }] });
 
 class SearchMultiSelectComponent {
@@ -6194,12 +6191,695 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class AnnuityPremiumCalculatorComponent {
+    masterService;
+    field = input.required();
+    premiumDetails = input({});
+    annuityPremium = {
+        textValue: '',
+        selectValue: ''
+    };
+    minumumAnnuityPayout = {
+        textValue: '',
+        selectValue: ''
+    };
+    onCalcualteButtonClick = new EventEmitter();
+    onGenerateSummaryClick = new EventEmitter();
+    onAnnuityPremiumChange = new EventEmitter();
+    validations = {
+        ispremiumEntry: false
+    };
+    annuityPremiumToggleObj = {
+        controlType: 'toggle',
+        fieldName: 'annuityPremiumToggle',
+        label: 'Enter Annuity',
+        placeHolder: null,
+        metaId: 'LI_DP_GEN_CTRL_toggle_annuityPremiumToggle_V1',
+        isVisible: true,
+        isDisable: false,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'This field cannot be empty',
+            minLength: null,
+            minLengthMessage: null,
+            maxLength: 150,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: '',
+        },
+        options: null,
+        cssClass: ' col-sm-12 col-md-12 col-lg-12 col-xl-12 mx-auto d-flex align-items-center justify-content-center',
+        value: null,
+        style: null,
+        imageUrl: null,
+        isShowLabel: true,
+        controlStyle: {
+            controlType: 'toggle',
+            borderColor: '#DADADA',
+            borderWidth: '1px',
+            borderRadius: '999px',
+            fontSize: '12px',
+            fontWeight: '400',
+            fontFamily: 'Mulish',
+            color: '#444444',
+            background: '#FFFFFF',
+            caretColor: null,
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: 'fit-content',
+            focusBorderWidth: '0.094rem',
+            focusBorderColor: null,
+            focusBackground: null,
+            focusColor: null,
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: null,
+            hoverBorderWidth: '0.094rem',
+            hoverColor: null,
+            disableColor: '#ECECEC',
+            disableBackground: '#ECECEC',
+            errorBorderColor: null,
+            errorBorderWidth: '0.094rem',
+            errorColor: null,
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: 'LI_DP_GEN_CTRL_toggle_annuityPremiumToggle_V1',
+            borderStyle: null,
+            height: null,
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        columnIndex: 0,
+        configData: {
+            leftLabel: 'Enter Premium',
+        },
+        controlStyles: null,
+    };
+    annuityPremiumObj = {
+        controlStyle: {
+            controlType: 'amountTextbox',
+            borderColor: '#DADADA',
+            borderWidth: '0.094rem',
+            borderRadius: null,
+            fontSize: '16px',
+            fontWeight: '400',
+            fontFamily: 'Mulish',
+            color: '#444444',
+            background: '#FFFFFF',
+            caretColor: '#ffbb00',
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: null,
+            focusBorderWidth: '0.094rem',
+            focusBorderColor: '#ffbb00',
+            focusBackground: null,
+            focusColor: '#444444',
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: '#FFBB00',
+            hoverBorderWidth: '0.094rem',
+            hoverColor: '#444444',
+            disableColor: '#ECECEC',
+            disableBackground: '#ECECEC',
+            errorBorderColor: '#EE0000',
+            errorBorderWidth: '0.094rem',
+            errorColor: '#444444',
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: 'ALL_DP_DP_CTRL_amountTextbox_annuityPremium_V1',
+            borderStyle: null,
+            height: null,
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        fieldName: 'annuityPremium',
+        label: 'Premium',
+        placeHolder: 'Enter Premium',
+        metaId: 'ALL_DP_DP_CTRL_amountTextbox_annuityPremium_V1',
+        isVisible: true,
+        isDisable: false,
+        defaultValue: null,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'Enter Premium',
+            minLength: 4,
+            minLengthMessage: null,
+            maxLength: 10,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: null,
+        },
+        options: [
+            {
+                value: 'Monthly',
+                label: 'Monthly',
+            },
+            {
+                value: 'One Time',
+                label: 'One Time',
+            },
+            {
+                value: 'Quarterly',
+                label: 'Quarterly',
+            },
+            {
+                value: 'Half Yearly',
+                label: 'Half Yearly',
+            },
+            {
+                value: 'Yearly',
+                label: 'Yearly',
+            },
+        ],
+        cssClass: ' col-sm-12 col-md-3 col-lg-3 col-xl-3 py-0 pl-3 pr-0 mt-5 pt-2',
+        value: null,
+        style: null,
+        imageUrl: null,
+        configData: {
+            isCommaAllowed: true,
+        },
+        metaDataObj: null,
+        isShowLabel: true,
+        isMasterControl: false,
+        controlType: 'amountTextbox',
+    };
+    minimumAnnuityPayout = {
+        controlStyle: {
+            controlType: 'amountTextbox',
+            borderColor: '#DADADA',
+            borderWidth: '0.094rem',
+            borderRadius: null,
+            fontSize: '16px',
+            fontWeight: '400',
+            fontFamily: 'Mulish',
+            color: '#444444',
+            background: '#FFFFFF',
+            caretColor: '#ffbb00',
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: null,
+            focusBorderWidth: '0.094rem',
+            focusBorderColor: '#ffbb00',
+            focusBackground: null,
+            focusColor: '#444444',
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: '#FFBB00',
+            hoverBorderWidth: '0.094rem',
+            hoverColor: '#444444',
+            disableColor: '#999999',
+            disableBackground: '#ECECEC',
+            errorBorderColor: '#EE0000',
+            errorBorderWidth: '0.094rem',
+            errorColor: '#444444',
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: 'ALL_DP_DP_CTRL_amountTextbox_minimumGuaranteedAnnuityPayout_V1',
+            borderStyle: null,
+            height: null,
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        fieldName: 'minimumGuaranteedAnnuityPayout',
+        label: 'Minimum Guaranteed Annuity Payout',
+        placeHolder: 'Enter Annuity Payout',
+        metaId: 'ALL_DP_DP_CTRL_amountTextbox_minimumGuaranteedAnnuityPayout_V1',
+        isVisible: true,
+        isDisable: true,
+        defaultValue: null,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'Enter Annuity Payout',
+            minLength: 4,
+            minLengthMessage: null,
+            maxLength: 10,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: null,
+        },
+        options: [
+            {
+                value: 'Monthly',
+                label: 'Monthly',
+            },
+            {
+                value: 'One Time',
+                label: 'One Time',
+            },
+            {
+                value: 'Quarterly',
+                label: 'Quarterly',
+            },
+            {
+                value: 'Half Yearly',
+                label: 'Half Yearly',
+            },
+            {
+                value: 'Yearly',
+                label: 'Yearly',
+            },
+        ],
+        cssClass: ' col-sm-12 col-md-3 col-lg-3 col-xl-3 py-0 pl-3 mt-1 pr-0 minimumGuaranteedAnnuityPayout',
+        value: null,
+        style: null,
+        imageUrl: null,
+        configData: {
+            isCommaAllowed: true,
+        },
+        metaDataObj: null,
+        isShowLabel: true,
+        isMasterControl: false,
+        controlType: 'amountTextbox',
+    };
+    enableAutoDebitObj = {
+        controlType: 'toggle',
+        fieldName: 'autoDebit',
+        label: 'Enable Auto Pay to get higher annuity rate',
+        placeHolder: '',
+        metaId: 'ALL_COM_GEN_CTRL_toggle_autoDebit_V1',
+        isVisible: true,
+        isDisable: false,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'This field cannot be empty',
+            minLength: null,
+            minLengthMessage: null,
+            maxLength: null,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: '',
+        },
+        options: null,
+        cssClass: 'col-sm-12 col-md-5 col-lg-5 col-xl-5 mt-4 autoPay',
+        value: false,
+        style: null,
+        imageUrl: null,
+        isShowLabel: true,
+        controlStyle: {
+            controlType: 'toggle',
+            borderColor: null,
+            borderWidth: '0.094rem',
+            borderRadius: null,
+            fontSize: '12px',
+            fontWeight: '400',
+            fontFamily: 'Mulish',
+            color: '#444444',
+            background: '#E6F7F3',
+            caretColor: null,
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: null,
+            focusBorderWidth: '0.094rem',
+            focusBorderColor: null,
+            focusBackground: null,
+            focusColor: null,
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: null,
+            hoverBorderWidth: '0.094rem',
+            hoverColor: null,
+            disableColor: '#ECECEC',
+            disableBackground: '#ECECEC',
+            errorBorderColor: null,
+            errorBorderWidth: '0.094rem',
+            errorColor: null,
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: 'ALL_COM_GEN_CTRL_toggle_mailingAddressToggle_V1',
+            borderStyle: null,
+            height: null,
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        columnIndex: 0,
+        configData: {},
+        controlStyles: null,
+    };
+    recalculateButton = {
+        controlType: 'button',
+        fieldName: 'calculateAnnuityPayout',
+        label: 'Calculate Annuity Payout',
+        placeHolder: null,
+        metaId: 'LI_DP_GEN_CTRL_button_calculateAnnuityPayout_V1',
+        isVisible: true,
+        isDisable: false,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'This field cannot be empty',
+            minLength: null,
+            minLengthMessage: null,
+            maxLength: null,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: '',
+        },
+        options: null,
+        cssClass: ' col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3',
+        value: null,
+        style: null,
+        imageUrl: null,
+        isShowLabel: true,
+        controlStyle: {
+            controlType: null,
+            borderColor: null,
+            borderWidth: null,
+            borderRadius: '4px',
+            fontSize: '12px',
+            fontWeight: null,
+            fontFamily: null,
+            color: null,
+            background: '#FFBB00',
+            caretColor: null,
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: '100%',
+            focusBorderWidth: null,
+            focusBorderColor: null,
+            focusBackground: null,
+            focusColor: null,
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: null,
+            hoverBorderWidth: null,
+            hoverColor: null,
+            disableColor: null,
+            disableBackground: null,
+            errorBorderColor: null,
+            errorBorderWidth: null,
+            errorColor: null,
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: 'LI_DP_GEN_CTRL_button_calculateAnnuityPayout_V1',
+            borderStyle: null,
+            height: null,
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        columnIndex: 0,
+        configData: {},
+        controlStyles: null,
+    };
+    interchangeButtonObj = {
+        controlStyle: {
+            controlType: null,
+            borderColor: '#DDDDDD',
+            borderWidth: '0px',
+            borderRadius: '50%',
+            fontSize: null,
+            fontWeight: null,
+            fontFamily: null,
+            color: null,
+            background: null,
+            caretColor: null,
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: '100%',
+            focusBorderWidth: null,
+            focusBorderColor: null,
+            focusBackground: null,
+            focusColor: null,
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: null,
+            hoverBorderWidth: null,
+            hoverColor: null,
+            disableColor: null,
+            disableBackground: null,
+            errorBorderColor: null,
+            errorBorderWidth: null,
+            errorColor: null,
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: null,
+            borderStyle: null,
+            height: '20px',
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        fieldName: 'annuityInterChange',
+        label: 'Annuity Interchange Button',
+        placeHolder: null,
+        metaId: 'ALL_COM_GEN_MCTRL_downloadIconButton_annuityInterChange_V1',
+        isVisible: true,
+        isDisable: false,
+        defaultValue: null,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'This field cannot be empty',
+            minLength: null,
+            minLengthMessage: null,
+            maxLength: null,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: '',
+        },
+        options: [],
+        cssClass: null,
+        value: null,
+        style: null,
+        imageUrl: 'https://cdn.godigit.com/digitPlusAssets/Transition-with-border-icon.svg',
+        configData: {},
+        metaDataObj: null,
+        isShowLabel: true,
+        isMasterControl: true,
+        controlType: 'downloadIconButton',
+    };
+    generateSummaryObj = {
+        controlType: 'button',
+        fieldName: 'generateSummary',
+        label: 'Generate Summary',
+        placeHolder: null,
+        metaId: 'LI_DP_GEN_CTRL_button_generateSummary_V1',
+        isVisible: true,
+        isDisable: true,
+        validators: {
+            isRequired: false,
+            requiredMessage: 'This field cannot be empty',
+            minLength: null,
+            minLengthMessage: null,
+            maxLength: null,
+            maxLengthMessage: null,
+            pattern: null,
+            patternMessage: '',
+        },
+        options: null,
+        cssClass: ' col-sm-12 col-md-12 col-lg-12 col-xl-12 my-1 mt-3',
+        value: null,
+        style: null,
+        imageUrl: null,
+        isShowLabel: true,
+        controlStyle: {
+            controlType: null,
+            borderColor: null,
+            borderWidth: null,
+            borderRadius: '4px',
+            fontSize: '12px',
+            fontWeight: null,
+            fontFamily: null,
+            color: null,
+            background: '#FFBB00',
+            caretColor: null,
+            nudgeDisplayImage: null,
+            dropdownOptionBgColor: null,
+            dropdownOptionColor: null,
+            dropdownOptionFontWeight: null,
+            width: '100%',
+            focusBorderWidth: null,
+            focusBorderColor: null,
+            focusBackground: null,
+            focusColor: null,
+            focusDropdownOptionBgColor: null,
+            focusDropdownOptionColor: null,
+            focusDropdownOptionFontWeight: null,
+            focusDropdownOptionBorderLeft: null,
+            focusDropdownOptionBorderRadius: null,
+            hoverBorderColor: null,
+            hoverBorderWidth: null,
+            hoverColor: null,
+            disableColor: null,
+            disableBackground: null,
+            errorBorderColor: null,
+            errorBorderWidth: null,
+            errorColor: null,
+            createdDate: null,
+            padding: null,
+            margin: null,
+            isMasterCss: null,
+            controlMetaId: 'LI_DP_GEN_CTRL_button_generateSummary_V1',
+            borderStyle: null,
+            height: null,
+            minHeight: null,
+            maxHeight: null,
+            minWidth: null,
+            maxWidth: null,
+            cssClass: null,
+        },
+        columnIndex: 0,
+        configData: {},
+        controlStyles: null,
+    };
+    constructor(masterService) {
+        this.masterService = masterService;
+    }
+    ngOnChanges(changes) {
+        if ((changes['premiumDetails']) && !this.masterService.checkIfValueIsEmpty(changes['premiumDetails'].currentValue)) {
+            if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.Premium)) {
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.Premium['textValue'])) {
+                    this.annuityPremium['textValue'] = this.premiumDetails()?.Premium['textValue'];
+                }
+                if (Object.hasOwn(this.premiumDetails()?.Premium, 'isDisable')) {
+                    this.annuityPremiumObj['isDisable'] = this.premiumDetails()?.Premium['isDisable'];
+                }
+                if (Object.hasOwn(this.premiumDetails()?.Premium, 'isDisableDropdown')) {
+                    this.annuityPremiumObj['configData']['isDisableDropdown'] = this.premiumDetails()?.Premium['isDisableDropdown'];
+                }
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.Premium['selectValue'])) {
+                    this.annuityPremium['selectValue'] = this.premiumDetails()?.Premium['selectValue'];
+                }
+            }
+            if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.annuity)) {
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.annuity['textValue'])) {
+                    this.minumumAnnuityPayout['textValue'] = this.premiumDetails()?.annuity['textValue'];
+                }
+                if (Object.hasOwn(this.premiumDetails()?.Premium, 'isDisable')) {
+                    this.minimumAnnuityPayout['isDisable'] = this.premiumDetails()?.annuity['isDisable'];
+                }
+                if (Object.hasOwn(this.premiumDetails()?.Premium, 'isDisableDropdown')) {
+                    this.minimumAnnuityPayout['configData']['isDisableDropdown'] = this.premiumDetails()?.annuity['isDisableDropdown'];
+                }
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.annuity['selectValue'])) {
+                    this.minumumAnnuityPayout['selectValue'] = this.premiumDetails()?.annuity['selectValue'];
+                }
+            }
+            if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.calculateAnnuity)) {
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.calculateAnnuity['label'])) {
+                    this.recalculateButton['label'] = this.premiumDetails()?.calculateAnnuity['label'];
+                }
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.calculateAnnuity['isDisable'])) {
+                    this.recalculateButton['isDisable'] = this.premiumDetails()?.calculateAnnuity['isDisable'];
+                }
+            }
+            if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.generateSummary)) {
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.generateSummary['label'])) {
+                    this.generateSummaryObj['label'] = this.premiumDetails()?.generateSummary['label'];
+                }
+                if (!this.masterService.checkIfValueIsEmpty(this.premiumDetails()?.generateSummary['isDisable'])) {
+                    this.generateSummaryObj['isDisable'] = this.premiumDetails()?.generateSummary['isDisable'];
+                }
+            }
+        }
+    }
+    calculateButtonClicked() {
+        this.validations.ispremiumEntry = false;
+        if (this.masterService.checkIfValueIsEmpty(this.annuityPremium)) {
+            this.validations.ispremiumEntry = true;
+        }
+        this.onCalcualteButtonClick.emit();
+    }
+    generateSummaryClicked() {
+        this.onGenerateSummaryClick.emit();
+    }
+    onAnnuityPremiumValueChange(value) {
+        this.annuityPremium = value;
+        this.validations.ispremiumEntry = false;
+        if (this.masterService.checkIfValueIsEmpty(this.annuityPremium)) {
+            this.validations.ispremiumEntry = true;
+        }
+        this.onAnnuityPremiumChange.emit(value);
+    }
+    annualIncomefocusOut() {
+        this.validations.ispremiumEntry = false;
+        if (this.masterService.checkIfValueIsEmpty(this.annuityPremium)) {
+            this.validations.ispremiumEntry = true;
+        }
+    }
+    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" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card px-3\" style=\"padding: 16px;\">\r\n  <div class=\"row\">\r\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's your Premium to Annuity Calculator</h4>\r\n  </div>\r\n  <!-- <div class=\"row\"> -->\r\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\r\n    <!-- <div class=\"custom-grid-template\">\r\n\r\n    </div> -->\r\n\r\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\r\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\r\n    </div>\r\n    <!-- </div> -->\r\n    <div class=\"custom-grid-template\">\r\n      <div class=\"\">\r\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\" (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\r\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\r\n          Enter Premium\r\n        </div>\r\n      </div>\r\n      <div class=\"mt-3\">\r\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\r\n      </div>\r\n      <div class=\"\">\r\n        <lib-select-textbox [field]=\"minimumAnnuityPayout\" [(ngModel)]=\"minumumAnnuityPayout\" />\r\n      </div>\r\n    </div>\r\n    <!-- <div class=\"vertical-line\"></div> -->\r\n    <div class=\"custom-grid-template\">\r\n      <div>\r\n        <lib-toggle [field]=\"enableAutoDebitObj\" />\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\r\n    <div class=\"mx-4\">\r\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\r\n    </div>\r\n  </div>\r\n\r\n  <div>\r\n    <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\r\n  </div>\r\n</div>\r\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}.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}\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"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["field"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["field"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.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,
+            args: [{ selector: 'lib-annuity-premium-calculator', standalone: true, imports: [
+                        ToggleComponent,
+                        SelectTextboxComponent,
+                        ButtonComponent,
+                        IconButtonComponent,
+                        CommonModule,
+                        FormsModule
+                    ], template: "<div class=\"card px-3\" style=\"padding: 16px;\">\r\n  <div class=\"row\">\r\n    <h4 class=\"card-main-title\"><span style=\"margin-right: 12px;\"><img src=\"https://cdn.godigit.com/retail-life/calculator.svg\" alt=\"annuity calculator\"></span>Here's your Premium to Annuity Calculator</h4>\r\n  </div>\r\n  <!-- <div class=\"row\"> -->\r\n  <div class=\"card pb-4 px-4\" style=\"border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;\">\r\n    <!-- <div class=\"custom-grid-template\">\r\n\r\n    </div> -->\r\n\r\n    <div class=\"row mx-auto\" style=\"transform: translate(0px, -58%);\">\r\n      <lib-toggle class=\"col-auto\" [field]=\"annuityPremiumToggleObj\" />\r\n    </div>\r\n    <!-- </div> -->\r\n    <div class=\"custom-grid-template\">\r\n      <div class=\"\">\r\n        <lib-select-textbox [field]=\"annuityPremiumObj\" [(ngModel)]=\"annuityPremium\" (ngModelChange)=\"onAnnuityPremiumValueChange($event)\" />\r\n        <div class=\"error-message\" *ngIf=\"validations.ispremiumEntry\">\r\n          Enter Premium\r\n        </div>\r\n      </div>\r\n      <div class=\"mt-3\">\r\n        <lib-icon-button [field]=\"interchangeButtonObj\" />\r\n      </div>\r\n      <div class=\"\">\r\n        <lib-select-textbox [field]=\"minimumAnnuityPayout\" [(ngModel)]=\"minumumAnnuityPayout\" />\r\n      </div>\r\n    </div>\r\n    <!-- <div class=\"vertical-line\"></div> -->\r\n    <div class=\"custom-grid-template\">\r\n      <div>\r\n        <lib-toggle [field]=\"enableAutoDebitObj\" />\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <div class=\"card py-3 mb-4 border-top-0\" style=\"border-top-left-radius: 0px; border-top-right-radius: 0px;\">\r\n    <div class=\"mx-4\">\r\n      <lib-button [field]=\"recalculateButton\" (click)=\"calculateButtonClicked()\" />\r\n    </div>\r\n  </div>\r\n\r\n  <div>\r\n    <lib-button [field]=\"generateSummaryObj\" (click)=\"generateSummaryClicked()\" />\r\n  </div>\r\n</div>\r\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}.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}\n"] }]
+        }], ctorParameters: () => [{ type: MasterControlService }], propDecorators: { onCalcualteButtonClick: [{
+                type: Output
+            }], onGenerateSummaryClick: [{
+                type: Output
+            }], onAnnuityPremiumChange: [{
+                type: Output
+            }] } });
+
 class MasterControlComponent {
     field = input.required();
     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) {\r\n  @case ('top-header') {\r\n    <lib-top-header [field]=\"field()\" />\r\n  }\r\n  @case ('footer') {\r\n    <lib-footer [field]=\"field()\" />\r\n  }\r\n  @case('footer-buttons')\r\n  {\r\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\r\n  }\r\n  @case('text') {\r\n   <lib-textbox [field]=\"field()\"></lib-textbox>\r\n  }\r\n  @case('select') {\r\n    <lib-select [field]=\"field()\"/>\r\n  }\r\n\r\n  @case('radio') {\r\n    <lib-radio [field]=\"field()\" />\r\n  }\r\n\r\n  @case('toggle') {\r\n    <lib-toggle [field]=\"field()\" />\r\n  }\r\n\r\n  @case('file') {\r\n    <lib-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case('date') {\r\n    <lib-dob [field]=\"field()\" />\r\n  }\r\n\r\n  @case('mobileNumber') {\r\n    <lib-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case('info') {\r\n    <lib-info [field]=\"field()\" />\r\n  }\r\n\r\n  @case('checkbox') {\r\n    <lib-checkbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case('textarea') {\r\n    <lib-textarea [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('button') {\r\n    <lib-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tab') {\r\n    <lib-tab [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('autocomplete') {\r\n    <lib-autocomplete [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('multipleSelect') {\r\n    <lib-multiple-select [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithSelect') {\r\n    <lib-select-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpTextbox') {\r\n    <lib-otp-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('amountTextbox') {\r\n    <lib-amount-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('suffixTextbox') {\r\n    <lib-suffix-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpMobNumber') {\r\n    <lib-otp-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tagMobNumber') {\r\n    <lib-tag-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('dateWithAge') {\r\n     <lib-age-date [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('additionButton') {\r\n    <lib-addition-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('infoTextbox') {\r\n    <lib-info-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithImage') {\r\n    <lib-textbox-with-image [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('emailWithDomain') {\r\n    <lib-email-with-domain [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('imageUpload') {\r\n     <lib-image-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadDocument') {\r\n     <lib-download-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('addDocument') {\r\n    <lib-add-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('hyperlink') {\r\n    <lib-hyperlink [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithUnderscore') {\r\n    <lib-textbox-with-underscore [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('underscoreMobNumber') {\r\n    <lib-underscore-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadIconButton') {\r\n    <lib-icon-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('image') {\r\n    <lib-image [field]=\"field()\" />\r\n  }\r\n  @case ('stepper') {\r\n    <lib-stepper [field]=\"field()\" />\r\n  }\r\n   @case ('card') {\r\n    <lib-card [field]=\"field()\" />\r\n  }\r\n  @case ('hrLine') {\r\n    <lib-hr-line [field]=\"field()\" />\r\n  }\r\n  @case ('searchMultiSelect') {\r\n    <lib-search-multi-select [field]=\"field()\" />\r\n  }\r\n  @case ('subscriptTextbox') {\r\n    <lib-subscript-textbox [field]=\"field()\" />\r\n  }\r\n  @case ('label') {\r\n    <lib-label [field]=\"field()\" />\r\n  }\r\n  @case ('subHeading') {\r\n    <lib-sub-header [field]=\"field()\" />\r\n  }\r\n  @case ('heading') {\r\n    <lib-header [field]=\"field()\" />\r\n  }\r\n  @case ('table') {\r\n  <lib-table [field]=\"field()\" />\r\n  }\r\n  @case ('textboxWithText') {\r\n    <lib-textbox-with-text [field]=\"field()\" />\r\n  }\r\n    @case ('loader') {\r\n    <lib-loader [field]=\"field()\" />\r\n    }\r\n  @case ('discount') {\r\n    <lib-discount [field]=\"field()\" />\r\n  }\r\n  @case ('optionalBenefitCard') {\r\n    <lib-benefit-card [field]=\"field()\" />\r\n  }\r\n  @case ('errorSnackbar') {\r\n    <lib-error-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('warningSnackbar') {\r\n    <lib-warning-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('successSnackbar') {\r\n    <lib-success-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('neutralSnackbar') {\r\n    <lib-neutral-snackbar [field]=\"field()\" />\r\n  }\r\n  @case ('boldLabel') {\r\n    <lib-grey-label [field]=\"field()\" />\r\n  }\r\n  @case ('iframe') {\r\n    <lib-iframe [field]=\"field()\" />\r\n  }\r\n  @case ('toggleButton') {\r\n    <lib-toggle-button [field]=\"field()\" />\r\n  }\r\n  @case ('payGetCard') {\r\n    <lib-pay-get-card [field]=\"field()\"  />\r\n  }\r\n  @case ('inBuiltBenefit') {\r\n    <lib-in-built-benefit [field]=\"field()\" />\r\n  }\r\n  @case ('otherBenefit') {\r\n    <lib-other-benefits [field]=\"field()\" />\r\n  }\r\n  @case ('annuityRateLogo') {\r\n    <lib-annuity-rate-logo [field]=\"field()\" />\r\n  }\r\n  @case ('discountAnnuity') {\r\n    <lib-discount-v2 [field]=\"field()\" />\r\n  }\r\n  @case ('labelValue'){\r\n    <lib-label-value-card [field]=\"field()\" />\r\n  }\r\n  @case ('medicalQuestions'){\r\n    <lib-medial-questions [field]=\"field()\" />\r\n  }\r\n  @case ('nudge'){\r\n    <lib-page-nudge  [field]=\"field()\"/>\r\n  }\r\n  @case ('progressBar'){\r\n    <lib-progress-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('accordian'){\r\n    <lib-accordian  [field]=\"field()\"/>\r\n  }\r\n  @case ('miscInfo'){\r\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('plainText'){\r\n    <lib-plain-text [field]=\"field()\"/>\r\n  }\r\n  @case ('menu'){\r\n    <lib-menu [field]=\"field()\" />\r\n  }\r\n  @case ('stepperWithArrow') {\r\n    <lib-stepper-with-arrow [field]=\"field()\" />\r\n  }\r\n  @case ('labelWithImage') {\r\n    <lib-label-with-image [field]=\"field()\" />\r\n  }\r\n  @case ('motorGlowPlanDetails') {\r\n    <lib-motor-glow-plan-details [field]=\"field()\" />\r\n  }\r\n}\r\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"] }, { 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"] }, { 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"] }, { 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"] }, { 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", "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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MasterControlComponent, isStandalone: true, selector: "lib-master-control", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (field()?.controlType) {\r\n  @case ('top-header') {\r\n    <lib-top-header [field]=\"field()\" />\r\n  }\r\n  @case ('footer') {\r\n    <lib-footer [field]=\"field()\" />\r\n  }\r\n  @case('footer-buttons')\r\n  {\r\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\r\n  }\r\n  @case('text') {\r\n   <lib-textbox [field]=\"field()\"></lib-textbox>\r\n  }\r\n  @case('select') {\r\n    <lib-select [field]=\"field()\"/>\r\n  }\r\n\r\n  @case('radio') {\r\n    <lib-radio [field]=\"field()\" />\r\n  }\r\n\r\n  @case('toggle') {\r\n    <lib-toggle [field]=\"field()\" />\r\n  }\r\n\r\n  @case('file') {\r\n    <lib-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case('date') {\r\n    <lib-dob [field]=\"field()\" />\r\n  }\r\n\r\n  @case('mobileNumber') {\r\n    <lib-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case('info') {\r\n    <lib-info [field]=\"field()\" />\r\n  }\r\n\r\n  @case('checkbox') {\r\n    <lib-checkbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case('textarea') {\r\n    <lib-textarea [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('button') {\r\n    <lib-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tab') {\r\n    <lib-tab [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('autocomplete') {\r\n    <lib-autocomplete [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('multipleSelect') {\r\n    <lib-multiple-select [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithSelect') {\r\n    <lib-select-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpTextbox') {\r\n    <lib-otp-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('amountTextbox') {\r\n    <lib-amount-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('suffixTextbox') {\r\n    <lib-suffix-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpMobNumber') {\r\n    <lib-otp-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tagMobNumber') {\r\n    <lib-tag-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('dateWithAge') {\r\n     <lib-age-date [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('additionButton') {\r\n    <lib-addition-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('infoTextbox') {\r\n    <lib-info-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithImage') {\r\n    <lib-textbox-with-image [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('emailWithDomain') {\r\n    <lib-email-with-domain [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('imageUpload') {\r\n     <lib-image-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadDocument') {\r\n     <lib-download-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('addDocument') {\r\n    <lib-add-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('hyperlink') {\r\n    <lib-hyperlink [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithUnderscore') {\r\n    <lib-textbox-with-underscore [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('underscoreMobNumber') {\r\n    <lib-underscore-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadIconButton') {\r\n    <lib-icon-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('image') {\r\n    <lib-image [field]=\"field()\" />\r\n  }\r\n  @case ('stepper') {\r\n    <lib-stepper [field]=\"field()\" />\r\n  }\r\n   @case ('card') {\r\n    <lib-card [field]=\"field()\" />\r\n  }\r\n  @case ('hrLine') {\r\n    <lib-hr-line [field]=\"field()\" />\r\n  }\r\n  @case ('searchMultiSelect') {\r\n    <lib-search-multi-select [field]=\"field()\" />\r\n  }\r\n  @case ('subscriptTextbox') {\r\n    <lib-subscript-textbox [field]=\"field()\" />\r\n  }\r\n  @case ('label') {\r\n    <lib-label [field]=\"field()\" />\r\n  }\r\n  @case ('subHeading') {\r\n    <lib-sub-header [field]=\"field()\" />\r\n  }\r\n  @case ('heading') {\r\n    <lib-header [field]=\"field()\" />\r\n  }\r\n  @case ('table') {\r\n  <lib-table [field]=\"field()\" />\r\n  }\r\n  @case ('textboxWithText') {\r\n    <lib-textbox-with-text [field]=\"field()\" />\r\n  }\r\n    @case ('loader') {\r\n    <lib-loader [field]=\"field()\" />\r\n    }\r\n  @case ('discount') {\r\n    <lib-discount [field]=\"field()\" />\r\n  }\r\n  @case ('optionalBenefitCard') {\r\n    <lib-benefit-card [field]=\"field()\" />\r\n  }\r\n  @case ('errorSnackbar') {\r\n    <lib-error-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('warningSnackbar') {\r\n    <lib-warning-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('successSnackbar') {\r\n    <lib-success-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('neutralSnackbar') {\r\n    <lib-neutral-snackbar [field]=\"field()\" />\r\n  }\r\n  @case ('boldLabel') {\r\n    <lib-grey-label [field]=\"field()\" />\r\n  }\r\n  @case ('iframe') {\r\n    <lib-iframe [field]=\"field()\" />\r\n  }\r\n  @case ('toggleButton') {\r\n    <lib-toggle-button [field]=\"field()\" />\r\n  }\r\n  @case ('payGetCard') {\r\n    <lib-pay-get-card [field]=\"field()\"  />\r\n  }\r\n  @case ('inBuiltBenefit') {\r\n    <lib-in-built-benefit [field]=\"field()\" />\r\n  }\r\n  @case ('otherBenefit') {\r\n    <lib-other-benefits [field]=\"field()\" />\r\n  }\r\n  @case ('annuityRateLogo') {\r\n    <lib-annuity-rate-logo [field]=\"field()\" />\r\n  }\r\n  @case ('discountAnnuity') {\r\n    <lib-discount-v2 [field]=\"field()\" />\r\n  }\r\n  @case ('labelValue'){\r\n    <lib-label-value-card [field]=\"field()\" />\r\n  }\r\n  @case ('medicalQuestions'){\r\n    <lib-medial-questions [field]=\"field()\" />\r\n  }\r\n  @case ('nudge'){\r\n    <lib-page-nudge  [field]=\"field()\"/>\r\n  }\r\n  @case ('progressBar'){\r\n    <lib-progress-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('accordian'){\r\n    <lib-accordian  [field]=\"field()\"/>\r\n  }\r\n  @case ('miscInfo'){\r\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('plainText'){\r\n    <lib-plain-text [field]=\"field()\"/>\r\n  }\r\n  @case ('menu'){\r\n    <lib-menu [field]=\"field()\" />\r\n  }\r\n  @case ('stepperWithArrow') {\r\n    <lib-stepper-with-arrow [field]=\"field()\" />\r\n  }\r\n  @case ('labelWithImage') {\r\n    <lib-label-with-image [field]=\"field()\" />\r\n  }\r\n  @case ('motorGlowPlanDetails') {\r\n    <lib-motor-glow-plan-details [field]=\"field()\" />\r\n  }\r\n  @case ('premiumToAnnuityCalculator') {\r\n    <lib-annuity-premium-calculator [field]=\"field()\" />\r\n  }\r\n}\r\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"] }, { 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"] }, { 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"] }, { 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"] }, { 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", "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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MasterControlComponent, decorators: [{
             type: Component,
@@ -6278,8 +6958,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FooterComponent,
                         FooterWithButtonsComponent,
                         MotorGlowPlanDetailsComponent,
-                        FilePreviewComponent
-                    ], template: "@switch (field()?.controlType) {\r\n  @case ('top-header') {\r\n    <lib-top-header [field]=\"field()\" />\r\n  }\r\n  @case ('footer') {\r\n    <lib-footer [field]=\"field()\" />\r\n  }\r\n  @case('footer-buttons')\r\n  {\r\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\r\n  }\r\n  @case('text') {\r\n   <lib-textbox [field]=\"field()\"></lib-textbox>\r\n  }\r\n  @case('select') {\r\n    <lib-select [field]=\"field()\"/>\r\n  }\r\n\r\n  @case('radio') {\r\n    <lib-radio [field]=\"field()\" />\r\n  }\r\n\r\n  @case('toggle') {\r\n    <lib-toggle [field]=\"field()\" />\r\n  }\r\n\r\n  @case('file') {\r\n    <lib-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case('date') {\r\n    <lib-dob [field]=\"field()\" />\r\n  }\r\n\r\n  @case('mobileNumber') {\r\n    <lib-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case('info') {\r\n    <lib-info [field]=\"field()\" />\r\n  }\r\n\r\n  @case('checkbox') {\r\n    <lib-checkbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case('textarea') {\r\n    <lib-textarea [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('button') {\r\n    <lib-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tab') {\r\n    <lib-tab [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('autocomplete') {\r\n    <lib-autocomplete [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('multipleSelect') {\r\n    <lib-multiple-select [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithSelect') {\r\n    <lib-select-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpTextbox') {\r\n    <lib-otp-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('amountTextbox') {\r\n    <lib-amount-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('suffixTextbox') {\r\n    <lib-suffix-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpMobNumber') {\r\n    <lib-otp-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tagMobNumber') {\r\n    <lib-tag-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('dateWithAge') {\r\n     <lib-age-date [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('additionButton') {\r\n    <lib-addition-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('infoTextbox') {\r\n    <lib-info-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithImage') {\r\n    <lib-textbox-with-image [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('emailWithDomain') {\r\n    <lib-email-with-domain [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('imageUpload') {\r\n     <lib-image-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadDocument') {\r\n     <lib-download-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('addDocument') {\r\n    <lib-add-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('hyperlink') {\r\n    <lib-hyperlink [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithUnderscore') {\r\n    <lib-textbox-with-underscore [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('underscoreMobNumber') {\r\n    <lib-underscore-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadIconButton') {\r\n    <lib-icon-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('image') {\r\n    <lib-image [field]=\"field()\" />\r\n  }\r\n  @case ('stepper') {\r\n    <lib-stepper [field]=\"field()\" />\r\n  }\r\n   @case ('card') {\r\n    <lib-card [field]=\"field()\" />\r\n  }\r\n  @case ('hrLine') {\r\n    <lib-hr-line [field]=\"field()\" />\r\n  }\r\n  @case ('searchMultiSelect') {\r\n    <lib-search-multi-select [field]=\"field()\" />\r\n  }\r\n  @case ('subscriptTextbox') {\r\n    <lib-subscript-textbox [field]=\"field()\" />\r\n  }\r\n  @case ('label') {\r\n    <lib-label [field]=\"field()\" />\r\n  }\r\n  @case ('subHeading') {\r\n    <lib-sub-header [field]=\"field()\" />\r\n  }\r\n  @case ('heading') {\r\n    <lib-header [field]=\"field()\" />\r\n  }\r\n  @case ('table') {\r\n  <lib-table [field]=\"field()\" />\r\n  }\r\n  @case ('textboxWithText') {\r\n    <lib-textbox-with-text [field]=\"field()\" />\r\n  }\r\n    @case ('loader') {\r\n    <lib-loader [field]=\"field()\" />\r\n    }\r\n  @case ('discount') {\r\n    <lib-discount [field]=\"field()\" />\r\n  }\r\n  @case ('optionalBenefitCard') {\r\n    <lib-benefit-card [field]=\"field()\" />\r\n  }\r\n  @case ('errorSnackbar') {\r\n    <lib-error-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('warningSnackbar') {\r\n    <lib-warning-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('successSnackbar') {\r\n    <lib-success-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('neutralSnackbar') {\r\n    <lib-neutral-snackbar [field]=\"field()\" />\r\n  }\r\n  @case ('boldLabel') {\r\n    <lib-grey-label [field]=\"field()\" />\r\n  }\r\n  @case ('iframe') {\r\n    <lib-iframe [field]=\"field()\" />\r\n  }\r\n  @case ('toggleButton') {\r\n    <lib-toggle-button [field]=\"field()\" />\r\n  }\r\n  @case ('payGetCard') {\r\n    <lib-pay-get-card [field]=\"field()\"  />\r\n  }\r\n  @case ('inBuiltBenefit') {\r\n    <lib-in-built-benefit [field]=\"field()\" />\r\n  }\r\n  @case ('otherBenefit') {\r\n    <lib-other-benefits [field]=\"field()\" />\r\n  }\r\n  @case ('annuityRateLogo') {\r\n    <lib-annuity-rate-logo [field]=\"field()\" />\r\n  }\r\n  @case ('discountAnnuity') {\r\n    <lib-discount-v2 [field]=\"field()\" />\r\n  }\r\n  @case ('labelValue'){\r\n    <lib-label-value-card [field]=\"field()\" />\r\n  }\r\n  @case ('medicalQuestions'){\r\n    <lib-medial-questions [field]=\"field()\" />\r\n  }\r\n  @case ('nudge'){\r\n    <lib-page-nudge  [field]=\"field()\"/>\r\n  }\r\n  @case ('progressBar'){\r\n    <lib-progress-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('accordian'){\r\n    <lib-accordian  [field]=\"field()\"/>\r\n  }\r\n  @case ('miscInfo'){\r\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('plainText'){\r\n    <lib-plain-text [field]=\"field()\"/>\r\n  }\r\n  @case ('menu'){\r\n    <lib-menu [field]=\"field()\" />\r\n  }\r\n  @case ('stepperWithArrow') {\r\n    <lib-stepper-with-arrow [field]=\"field()\" />\r\n  }\r\n  @case ('labelWithImage') {\r\n    <lib-label-with-image [field]=\"field()\" />\r\n  }\r\n  @case ('motorGlowPlanDetails') {\r\n    <lib-motor-glow-plan-details [field]=\"field()\" />\r\n  }\r\n}\r\n" }]
+                        FilePreviewComponent,
+                        AnnuityPremiumCalculatorComponent
+                    ], template: "@switch (field()?.controlType) {\r\n  @case ('top-header') {\r\n    <lib-top-header [field]=\"field()\" />\r\n  }\r\n  @case ('footer') {\r\n    <lib-footer [field]=\"field()\" />\r\n  }\r\n  @case('footer-buttons')\r\n  {\r\n    <lib-footer-with-buttons [field]=\"field()\"></lib-footer-with-buttons>\r\n  }\r\n  @case('text') {\r\n   <lib-textbox [field]=\"field()\"></lib-textbox>\r\n  }\r\n  @case('select') {\r\n    <lib-select [field]=\"field()\"/>\r\n  }\r\n\r\n  @case('radio') {\r\n    <lib-radio [field]=\"field()\" />\r\n  }\r\n\r\n  @case('toggle') {\r\n    <lib-toggle [field]=\"field()\" />\r\n  }\r\n\r\n  @case('file') {\r\n    <lib-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case('date') {\r\n    <lib-dob [field]=\"field()\" />\r\n  }\r\n\r\n  @case('mobileNumber') {\r\n    <lib-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case('info') {\r\n    <lib-info [field]=\"field()\" />\r\n  }\r\n\r\n  @case('checkbox') {\r\n    <lib-checkbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case('textarea') {\r\n    <lib-textarea [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('button') {\r\n    <lib-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tab') {\r\n    <lib-tab [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('autocomplete') {\r\n    <lib-autocomplete [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('multipleSelect') {\r\n    <lib-multiple-select [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithSelect') {\r\n    <lib-select-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpTextbox') {\r\n    <lib-otp-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('amountTextbox') {\r\n    <lib-amount-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('suffixTextbox') {\r\n    <lib-suffix-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('otpMobNumber') {\r\n    <lib-otp-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('tagMobNumber') {\r\n    <lib-tag-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('dateWithAge') {\r\n     <lib-age-date [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('additionButton') {\r\n    <lib-addition-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('infoTextbox') {\r\n    <lib-info-textbox [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithImage') {\r\n    <lib-textbox-with-image [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('emailWithDomain') {\r\n    <lib-email-with-domain [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('imageUpload') {\r\n     <lib-image-upload [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadDocument') {\r\n     <lib-download-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('addDocument') {\r\n    <lib-add-document [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('hyperlink') {\r\n    <lib-hyperlink [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('textboxWithUnderscore') {\r\n    <lib-textbox-with-underscore [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('underscoreMobNumber') {\r\n    <lib-underscore-mob-number [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('downloadIconButton') {\r\n    <lib-icon-button [field]=\"field()\" />\r\n  }\r\n\r\n  @case ('image') {\r\n    <lib-image [field]=\"field()\" />\r\n  }\r\n  @case ('stepper') {\r\n    <lib-stepper [field]=\"field()\" />\r\n  }\r\n   @case ('card') {\r\n    <lib-card [field]=\"field()\" />\r\n  }\r\n  @case ('hrLine') {\r\n    <lib-hr-line [field]=\"field()\" />\r\n  }\r\n  @case ('searchMultiSelect') {\r\n    <lib-search-multi-select [field]=\"field()\" />\r\n  }\r\n  @case ('subscriptTextbox') {\r\n    <lib-subscript-textbox [field]=\"field()\" />\r\n  }\r\n  @case ('label') {\r\n    <lib-label [field]=\"field()\" />\r\n  }\r\n  @case ('subHeading') {\r\n    <lib-sub-header [field]=\"field()\" />\r\n  }\r\n  @case ('heading') {\r\n    <lib-header [field]=\"field()\" />\r\n  }\r\n  @case ('table') {\r\n  <lib-table [field]=\"field()\" />\r\n  }\r\n  @case ('textboxWithText') {\r\n    <lib-textbox-with-text [field]=\"field()\" />\r\n  }\r\n    @case ('loader') {\r\n    <lib-loader [field]=\"field()\" />\r\n    }\r\n  @case ('discount') {\r\n    <lib-discount [field]=\"field()\" />\r\n  }\r\n  @case ('optionalBenefitCard') {\r\n    <lib-benefit-card [field]=\"field()\" />\r\n  }\r\n  @case ('errorSnackbar') {\r\n    <lib-error-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('warningSnackbar') {\r\n    <lib-warning-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('successSnackbar') {\r\n    <lib-success-snackbar [field]=\"field()\" />\r\n  }\r\n   @case ('neutralSnackbar') {\r\n    <lib-neutral-snackbar [field]=\"field()\" />\r\n  }\r\n  @case ('boldLabel') {\r\n    <lib-grey-label [field]=\"field()\" />\r\n  }\r\n  @case ('iframe') {\r\n    <lib-iframe [field]=\"field()\" />\r\n  }\r\n  @case ('toggleButton') {\r\n    <lib-toggle-button [field]=\"field()\" />\r\n  }\r\n  @case ('payGetCard') {\r\n    <lib-pay-get-card [field]=\"field()\"  />\r\n  }\r\n  @case ('inBuiltBenefit') {\r\n    <lib-in-built-benefit [field]=\"field()\" />\r\n  }\r\n  @case ('otherBenefit') {\r\n    <lib-other-benefits [field]=\"field()\" />\r\n  }\r\n  @case ('annuityRateLogo') {\r\n    <lib-annuity-rate-logo [field]=\"field()\" />\r\n  }\r\n  @case ('discountAnnuity') {\r\n    <lib-discount-v2 [field]=\"field()\" />\r\n  }\r\n  @case ('labelValue'){\r\n    <lib-label-value-card [field]=\"field()\" />\r\n  }\r\n  @case ('medicalQuestions'){\r\n    <lib-medial-questions [field]=\"field()\" />\r\n  }\r\n  @case ('nudge'){\r\n    <lib-page-nudge  [field]=\"field()\"/>\r\n  }\r\n  @case ('progressBar'){\r\n    <lib-progress-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('accordian'){\r\n    <lib-accordian  [field]=\"field()\"/>\r\n  }\r\n  @case ('miscInfo'){\r\n    <lib-miscellaneous-info-bar  [field]=\"field()\"/>\r\n  }\r\n  @case ('plainText'){\r\n    <lib-plain-text [field]=\"field()\"/>\r\n  }\r\n  @case ('menu'){\r\n    <lib-menu [field]=\"field()\" />\r\n  }\r\n  @case ('stepperWithArrow') {\r\n    <lib-stepper-with-arrow [field]=\"field()\" />\r\n  }\r\n  @case ('labelWithImage') {\r\n    <lib-label-with-image [field]=\"field()\" />\r\n  }\r\n  @case ('motorGlowPlanDetails') {\r\n    <lib-motor-glow-plan-details [field]=\"field()\" />\r\n  }\r\n  @case ('premiumToAnnuityCalculator') {\r\n    <lib-annuity-premium-calculator [field]=\"field()\" />\r\n  }\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { formGroup: [{
                 type: Input
             }] } });
@@ -6292,5 +6973,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddDocumentComponent, AdditionButtonComponent, AgeDateComponent, AmountTextboxComponent, AnnuityRateLogoComponent, AutocompleteComponent, BenefitCardComponent, ButtonComponent, CardComponent, CheckboxComponent, DiscountComponent, DiscountV2Component, DobComponent, DownloadDocumentComponent, EmailWithDomainComponent, ErrorSnackbarComponent, FilePreviewComponent, GreyLabelComponent, HeaderComponent, HrLineComponent, HyperlinkComponent, IconButtonComponent, IframeComponent, ImageComponent, ImageUploadComponent, InBuiltBenefitComponent, InfoComponent, InfoTextboxComponent, LabelComponent, LabelValueCardComponent, LabelWithImageComponent, LoaderComponent, MY_DATE_FORMAT, MasterControlComponent, MasterControlService, MedialQuestionsComponent, MenuComponent, MobNumberComponent, MotorGlowPlanDetailsComponent, MultipleSelectComponent, NeutralSnackbarComponent, OtherBenefitsComponent, OtpMobNumberComponent, OtpTextboxComponent, PageNudgeComponent, PayGetCardComponent, RadioComponent, SearchMultiSelectComponent, SelectComponent, SelectTextboxComponent, StepperComponent, StepperWIthArrowComponent, SubHeaderComponent, SubscriptTextboxComponent, SuccessSnackbarComponent, SuffixTextboxComponent, TabComponent, TableComponent, TextareaComponent, TextboxComponent, TextboxWithImageComponent, TextboxWithTextComponent, TextboxWithUnderscoreComponent, ToggleButtonComponent, ToggleComponent, UnderscoreMobNumberComponent, UploadComponent, WarningSnackbarComponent };
+export { AddDocumentComponent, AdditionButtonComponent, AgeDateComponent, AmountTextboxComponent, AnnuityPremiumCalculatorComponent, AnnuityRateLogoComponent, AutocompleteComponent, BenefitCardComponent, ButtonComponent, CardComponent, CheckboxComponent, DiscountComponent, DiscountV2Component, DobComponent, DownloadDocumentComponent, EmailWithDomainComponent, ErrorSnackbarComponent, FilePreviewComponent, GreyLabelComponent, HeaderComponent, HrLineComponent, HyperlinkComponent, IconButtonComponent, IframeComponent, ImageComponent, ImageUploadComponent, InBuiltBenefitComponent, InfoComponent, InfoTextboxComponent, LabelComponent, LabelValueCardComponent, LabelWithImageComponent, LoaderComponent, MY_DATE_FORMAT, MasterControlComponent, MasterControlService, MedialQuestionsComponent, MenuComponent, MobNumberComponent, MotorGlowPlanDetailsComponent, MultipleSelectComponent, NeutralSnackbarComponent, OtherBenefitsComponent, OtpMobNumberComponent, OtpTextboxComponent, PageNudgeComponent, PayGetCardComponent, RadioComponent, SearchMultiSelectComponent, SelectComponent, SelectTextboxComponent, StepperComponent, StepperWIthArrowComponent, SubHeaderComponent, SubscriptTextboxComponent, SuccessSnackbarComponent, SuffixTextboxComponent, TabComponent, TableComponent, TextareaComponent, TextboxComponent, TextboxWithImageComponent, TextboxWithTextComponent, TextboxWithUnderscoreComponent, ToggleButtonComponent, ToggleComponent, UnderscoreMobNumberComponent, UploadComponent, WarningSnackbarComponent };
 //# sourceMappingURL=master-control.mjs.map