master-control 0.2.14 → 0.2.15

package/src/lib/addition-button/addition-button.component.css

@@ -1,16 +0,0 @@
-.additional-button{
-  background: none !important;
-  border: none !important;
-}
-.additional-button-text{
-  font-size: 12px;
-  font-weight: 700;
-}
-.additional-button-img{
-  height: 12px;
-  width: 12px;
-  margin-bottom: 2px;
-}
-* {
-  font-family: "mulish" !important;
-}

package/src/lib/addition-button/addition-button.component.html

@@ -1,20 +0,0 @@
-<Button class="additional-button" *ngIf="field() && field()?.isVisible" [ngStyle]="
-{
-    '--button-border': field()?.controlStyle?.borderWidth ,
-    '--button-width': field()?.controlStyle?.width ,
-    '--button-font-size': field()?.controlStyle?.fontSize ,
-    '--button-font-weight': field()?.controlStyle?.fontWeight ,
-    '--button-background': field()?.controlStyle?.background ,
-    '--button-border-radius': field()?.controlStyle?.borderRadius ,
-    '--button-text-color': field()?.controlStyle?.color ,
-}">
-  <span class="additional-button-text">
-    <img
-      class="additional-button-img"
-      src="https://cdn.godigit.com/retail-life/add.svg"
-    />
-    <span
-      ><u>{{ field()?.label }}</u></span
-    >
-  </span>
-</Button>

package/src/lib/addition-button/addition-button.component.ts

@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-addition-button',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './addition-button.component.html',
-  styleUrl: './addition-button.component.css'
-})
-export class AdditionButtonComponent {
-field: any = input.required<any>();
-}

package/src/lib/age-date/age-date.component.css

@@ -1,126 +0,0 @@
-.field-lable{
-  font-size: 12px !important;
-  font-weight: 700 !important;
-  color: #444 !important;
-  margin-bottom: 0px;
-}
-.right-date-text{
-  padding: 4px 8px 4px 8px;
-  border-radius: 4px;
-  font-weight: 600;
-  font-size: 12px;
-  color: #444;
-  background: #f5f5f5;
-  margin-right: 7px;
-}
-.error-message{
-  color: red;
-}
-
-/* focus css for mat-form-field */
-  ::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 ,  7px) !important;
-}
-
-/* hover css for mat-form-field */
-
-::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;
-  }
-
-/* regular css for mat-form-field */
- ::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;
-}
-
-/* field css for mat-form-input-field */
-::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: var(--custom-font-size, 16px) !important; */
-  font-weight: var(--custom-font-weight, 400) !important;
-  font-family: var(--custom-font-family, 'Mulish') !important;
-  color: var(--custom-font-color, #444444) !important;
-  font-size: 12px !important;
-}
-/* Error state for mat-form-field */
-::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: 0px !important;
- }
-::ng-deep .mat-mdc-form-field-error-wrapper{
-  padding: 0px !important;
- }
- ::ng-deep .mat-mdc-form-field-error{
-  color: #EE0000 !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 ,  7px) !important;
-}
-::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece {
-    border-color:  var(--custom-border-color-error, red) !important;
-    border-width: var(--custom-border-width-error, 1.5px) !important;
-}
-
-::ng-deep .mat-mdc-form-field-subscript-wrapper {
-  display: none !important;
-}
-* {
-  font-family: "mulish" !important;
-}

package/src/lib/age-date/age-date.component.html

@@ -1,82 +0,0 @@
-<label *ngIf="field() && field()?.isVisible && field()?.isShowLabel" class="field-lable">{{field()?.label}}<span style="color: red;" *ngIf="field() && field()?.validators?.isRequired">*</span></label>
-<mat-form-field
-  class="w-100"
-  appearance="outline"
-  *ngIf="field() && field()?.isVisible"
-  [ngStyle]="{
-'--custom-border-color': field()?.controlStyle?.borderColor ,
-'--custom-border-width': field()?.controlStyle?.borderWidth ,
-'--custom-border-radius': field()?.controlStyle?.borderRadius ,
-'--custom-bg-color': field()?.controlStyle?.background ,
-'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,
-'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,
-'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,
-'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,
-'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,
-'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,
-'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,
-'--custom-font-size': field()?.controlStyle?.fontSize ,
-'--custom-font-weight': field()?.controlStyle?.fontWeight ,
-'--custom-font-family': field()?.controlStyle?.fontFamily ,
-'--custom-font-color': field()?.controlStyle?.color ,
-'--custom-caret-color': field()?.controlStyle?.caretColor ,
-'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,
-'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,
-}">
- @if(reactiveFormControlobject()) {
- <input
-    matInput
-    autocomplete="none"
-    [type]="field()?.controlType"
-    [name]="field()?.fieldName"
-    [id]="field()?.fieldName"
-    [placeholder]="field()?.placeHolder"
-    [required]="field()?.validators?.isRequired"
-    [pattern]="field()?.validators?.pattern"
-    [matDatepicker]="picker"
-    (keyup)="dateDivisionFormat($event)"
-    [disabled]="field()?.isDisable"
-    (dateChange)="onInputChange($event)"
-    (blur)="onInputBlur($event)"
-    [value]="inputValue"
-    [formControl]="reactiveFormControlobject()"
-  />
- }@else{
-    <input
-    matInput
-    autocomplete="none"
-    [type]="field()?.controlType"
-    [name]="field()?.fieldName"
-    [id]="field()?.fieldName"
-    [placeholder]="field()?.placeHolder"
-    [required]="field()?.validators?.isRequired"
-    [pattern]="field()?.validators?.pattern"
-    [matDatepicker]="picker"
-    (keyup)="dateDivisionFormat($event)"
-    [disabled]="field()?.isDisable"
-    (dateChange)="onInputChange($event)"
-    (blur)="onInputBlur($event)"
-    [value]="inputValue"
-  />
- }
-  <span matSuffix class="right-date-text">
-    33yrs
-  </span>
-  <mat-datepicker-toggle matSuffix [for]="picker" *ngIf="false">
-    <img
-      src="https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg"
-      style="width: 16px"
-      matDatepickerToggleIcon
-    />
-  </mat-datepicker-toggle>
-  <mat-datepicker #picker></mat-datepicker>
-   <mat-error *ngIf="false">
-    {{ field()?.validators?.isRequiredMessage }}
-  </mat-error>
-</mat-form-field>
-<div class="error-message" *ngIf="false">
-  {{ field()?.validators?.isRequiredMessage }}.
-</div>
-<div class="error-message" *ngIf="false">
-  {{ field()?.validators?.patternMessage }}.
-</div>

package/src/lib/age-date/age-date.component.ts

@@ -1,104 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
-import { MomentDateModule } from '@angular/material-moment-adapter';
-import { MAT_DATE_FORMATS } from '@angular/material/core';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MasterControlService } from '../master-control.service';
-
-@Component({
-  selector: 'lib-age-date',
-  standalone: true,
-  imports: [
-    MatInputModule,
-    MatFormFieldModule,
-    CommonModule,
-    MatDatepickerModule,
-    MomentDateModule,
-    ReactiveFormsModule
-  ],
-  providers: [{ provide: MAT_DATE_FORMATS, useValue: {
-  parse: {
-    dateInput: [
-      'DD-MM-YYYY',
-      'MM/DD/YYYY',
-      'YYYY/MM/DD',
-      'DD/MM/YYYY',
-      'DD MMM YYYY',
-      'DD MMMM YYYY',
-      'DD-MMM-YYYY',
-    ],
-  },
-  display: {
-    dateInput: 'DD-MMM-YYYY',
-    monthYearLabel: 'MMM YYYY',
-    dateA11yLabel: 'DD-MMM-YYYY',
-    monthYearA11yLabel: 'MMMM YYYY',
-  },
-  }
-  },
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: AgeDateComponent,
-      multi: true
-    },
-],
-  templateUrl: './age-date.component.html',
-  styleUrl: './age-date.component.css',
-})
-export class AgeDateComponent {
-  field: any = input.required<any>();
-  inputValue: any = null;
-  reactiveFormControlobject : any = input<any>();
-  constructor(public service : MasterControlService) {}
-
-  dateDivisionFormat(event: any) {
-    let evt = event.target;
-    if (evt.value.length > 2 && !evt.value.substr(2, 1).includes('-')) {
-      evt.value = [evt.value.slice(0, 2), '-', evt.value.slice(2)].join('');
-    } else if (
-      evt.value.length > 5 &&
-      Number(evt.value.substr(3, 2)) &&
-      !evt.value.substr(5, 1).includes('-')
-    ) {
-      evt.value = [evt.value.slice(0, 5), '-', evt.value.slice(5)].join('');
-    } else if (
-      evt.value.length > 6 &&
-      !Number(evt.value.substr(3, 2)) &&
-      !evt.value.substr(6, 1).includes('-')
-    ) {
-      evt.value = [evt.value.slice(0, 6), '-', evt.value.slice(6)].join('');
-    }
-  }
-   _onChange: any = (inputValue:any) => {};
-  _unTouched: any = () => {};
-
-  writeValue(obj: any): void{
-    this.inputValue=obj;
-  };
-  registerOnChange(fn: any): void{
-    this._onChange = fn;
-  };
-  registerOnTouched(fn: any): void{
-    this._unTouched = fn;
-  };
-  setDisabledState?(isDisabled: boolean): void{};
-
-  onInputChange(event: any): void {
-    this.inputValue = event.target.value;
-    this._onChange(this.inputValue);
-  }
-
-  onInputBlur(event : any): void {
-    if (!this.service.checkIfValueIsEmpty(event.target.value)) {
-      if (isNaN(Date.parse(event.target.value))) {
-        event.target.value = '';
-      }
-
-    }
-    this._unTouched();
-  }
-
-}

package/src/lib/amount-textbox/amount-textbox.component.css

@@ -1,131 +0,0 @@
-.field-lable{
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  color: #444 !important;
-  margin-bottom: 0px !important;
-}
-* {
-  font-family: "mulish" !important;
-}
-.right-amount-text{
-  font-weight: 600;
-  font-size: 10px;
-  color: #444;
-  background: #f5f5f5;
-  border-radius: 2px;
-  padding: 5.5px 6px 4px 6px;
-}
-.error-message{
-  color: red;
-}
-
-/* focus css for mat-form-field */
-  ::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 ,  7px) !important;
-}
-
-/* hover css for mat-form-field */
-
-::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;
-  }
-
-/* regular css for mat-form-field */
- ::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;
-}
-
-/* field css for mat-form-input-field */
-::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: var(--custom-font-size, 16px) !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;
-}
-/* Error state for mat-form-field */
-::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: 0px !important;
- }
-::ng-deep .mat-mdc-form-field-error-wrapper{
-  padding: 0px !important;
- }
- ::ng-deep .mat-mdc-form-field-error{
-  color: #EE0000 !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 ,  7px) !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;
-}
-
-.rupee-symbol{
-    color: #444;
-    font-size: 12px;
-    font-weight: 400;
-}

package/src/lib/amount-textbox/amount-textbox.component.html

@@ -1,69 +0,0 @@
-<label class="field-lable" *ngIf="field() && field()?.isVisible && field()?.isShowLabel"
-  >{{ field().label
-  }}<span style="color: red" *ngIf="field() && field()?.validators.isRequired"
-    >*</span
-  ></label
->
-  <mat-form-field class="w-100" appearance="outline" [ngStyle]="{
-'--custom-border-color': field()?.controlStyle?.borderColor ,
-'--custom-border-width': field()?.controlStyle?.borderWidth ,
-'--custom-border-radius': field()?.controlStyle?.borderRadius ,
-'--custom-bg-color': field()?.controlStyle?.background ,
-'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,
-'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,
-'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,
-'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,
-'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,
-'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,
-'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,
-'--custom-font-size': field()?.controlStyle?.fontSize ,
-'--custom-font-weight': field()?.controlStyle?.fontWeight ,
-'--custom-font-family': field()?.controlStyle?.fontFamily ,
-'--custom-font-color': field()?.controlStyle?.color ,
-'--custom-caret-color': field()?.controlStyle?.caretColor ,
-'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,
-'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,
-}">
- @if(reactiveFormControlobject()) {
-<input
-      matInput
-      [type]="field()?.controlType"
-      [name]="field()?.fieldName"
-      [id]="field()?.fieldName"
-      autocomplete="none"
-      [placeholder]="field()?.placeHolder"
-      [maxLength]="field()?.validators?.maxLength"
-      [minLength]="field()?.validators?.minLength"
-      [disabled]="field()?.isDisable"
-      [required]="field()?.validators?.isRequired"
-      [pattern]="field()?.validators?.pattern"
-      (input)="onInputChange($event)"
-      (blur)="onInputBlur()"
-      [value]="inputValue"
-      [formControl]="reactiveFormControlobject()"
-    />
- }@else {
-  <input
-      matInput
-      [type]="field()?.controlType"
-      [name]="field()?.fieldName"
-      [id]="field()?.fieldName"
-      autocomplete="none"
-      [placeholder]="field()?.placeHolder"
-      [maxLength]="field()?.validators?.maxLength"
-      [minLength]="field()?.validators?.minLength"
-      [disabled]="field()?.isDisable"
-      [required]="field()?.validators?.isRequired"
-      [pattern]="field()?.validators?.pattern"
-      (input)="onInputChange($event)"
-      (blur)="onInputBlur()"
-      [value]="inputValue"
-    />
- }
-
-    <mat-error *ngIf="false">
-      {{ field()?.validators?.requiredMessage }}
-    </mat-error>
-    <span matPrefix class="rupee-symbol px-2">₹</span>
-    <span matSuffix class="me-2 right-amount-text"> ₹ 3.50 L </span>
-  </mat-form-field>

package/src/lib/amount-textbox/amount-textbox.component.ts

@@ -1,53 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
-
-@Component({
-  selector: 'lib-amount-textbox',
-  standalone: true,
-  imports: [
-    MatFormFieldModule,
-    CommonModule,
-    MatInputModule,
-    ReactiveFormsModule
-  ],
-  templateUrl: './amount-textbox.component.html',
-  styleUrl: './amount-textbox.component.css',
-  providers: [
-      {
-        provide: NG_VALUE_ACCESSOR,
-        useExisting: AmountTextboxComponent,
-        multi: true
-      }
-    ]
-})
-export class AmountTextboxComponent {
-  constructor(){}
-  field : any = input.required<any>();
-  inputValue: any = null;
-  reactiveFormControlobject : any = input<any>();
-  _onChange: any = (inputValue:any) => {};
-  _unTouched: any = () => {};
-
-  writeValue(obj: any): void{
-    this.inputValue=obj;
-  };
-  registerOnChange(fn: any): void{
-    this._onChange = fn;
-  };
-  registerOnTouched(fn: any): void{
-    this._unTouched = fn;
-  };
-  setDisabledState?(isDisabled: boolean): void{};
-
-  onInputChange(event: any): void {
-    this.inputValue = event.target.value;
-    this._onChange(this.inputValue);
-  }
-
-  onInputBlur(): void {
-    this._unTouched();
-  }
-}

package/src/lib/annuity-rate-logo/annuity-rate-logo.component.css

@@ -1,9 +0,0 @@
-.annuity-percent {
-  position: absolute;
-  font-weight: 900;
-  font-size: 12px;
-  transform: translate(31px, 17px);
-}
-.annuity-box {
-  position: relative;
-}

package/src/lib/annuity-rate-logo/annuity-rate-logo.component.html

@@ -1,6 +0,0 @@
-<div>
-  <span class="annuity-box">
-    <span class="annuity-percent">{{ ratePercent }}</span>
-    <img src="https://cdn.godigit.com/retail-life/annuity-rate.svg" alt="" />
-  </span>
-</div>

package/src/lib/annuity-rate-logo/annuity-rate-logo.component.ts

@@ -1,13 +0,0 @@
-import { Component, input, Input } from '@angular/core';
-
-@Component({
-  selector: 'lib-annuity-rate-logo',
-  standalone: true,
-  imports: [],
-  templateUrl: './annuity-rate-logo.component.html',
-  styleUrl: './annuity-rate-logo.component.css'
-})
-export class AnnuityRateLogoComponent {
-field: any = input.required<any>();
-@Input() ratePercent: any = '7%';
-}