master-control 0.2.14 → 0.2.15

package/src/lib/image-upload/image-upload.component.css

@@ -1,67 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.field-lable{
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  color: #444 !important;
-  margin-bottom: 0px !important;
-}
-.upload-label{
-  opacity: 0;
-}
-.upload-btn {
-  width: 100% !important;
-  height: 48px !important;
-  padding: 10px;
-  border-radius: 8px;
-}
-.upload-btn {
-  width: var(--upload-width , 100%) !important;
-  border-radius: var(--upload-border-radius , 8px) !important;
-}
-.lightbackground {
-  border-color:  #999;
-  border-width: 1px;
-  border-style: dashed;
-  background: #ffffff;
-  color: #444;
-  font-size: 14px;
-  font-weight: 700;
-}
-.lightbackground {
-  border-color:  var(--upload-border-color , #999) !important;
-  border-width: var(--upload-border-width , 1px) !important;
-  border-style: var(--upload-border-style , dashed) !important;
-  background: var(--upload-background-color , #ffffff) !important;
-}
-.successBackground {
-  border-color:  var(--upload-focus-border-color , #ddd) !important;
-  background: var(--upload-focus-background-color , #fafafa) !important;
-  color: var(--upload-focus-font-color , #444) !important;
-}
-.upload-icon {
-  display: flex;
-  justify-content: center;
-  gap: 7px;
-}
-.upload-text{
-  color: #444 !important;
-  font-weight: 700 !important;
-  font-size: 14px !important;
-}
-.upload-text{
-  color: var(--upload-font-color , #444) !important;
-  font-size: var( --upload-font-size , 14px) !important;
-  font-weight: var(--upload-font-weight , 700) !important;
-}
-.right-icon {
-  display: flex;
-  gap: 10px;
-  margin-left: 0.5em;
-}
-.left-icon {
-  display: flex;
-  gap: 15px;
-  margin-right: 1em;
-}

package/src/lib/image-upload/image-upload.component.html

@@ -1,61 +0,0 @@
-
-<label class="field-lable upload-label" *ngIf="field() && field()?.isVisible && field()?.isShowLabel">{{field()?.label}}</label>
-  <input
-    hidden
-    [type]="field()?.controlType"
-    #fileInput
-    (click)="(fileInput.value)"
-    [required]="field()?.validators?.isRequired"
-  />
-  <button
-    type="button"
-    class="upload-btn"
-    (click)="fileInput.click()"
-    [ngClass]="field()?.label ? 'lightbackground' : 'successBackground'"
-    *ngIf="field() && field()?.isVisible"
-    [ngStyle]="{
-'--upload-width': field()?.controlStyle?.width ,
-'--upload-border-radius': field()?.controlStyle?.borderRadius ,
-'--upload-border-color': field()?.controlStyle?.borderColor ,
-'--upload-border-width': field()?.controlStyle?.borderWidth ,
-'--upload-border-style': field()?.controlStyle?.borderStyle ,
-'--upload-background-color': field()?.controlStyle?.background ,
-'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,
-'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,
-}"
-  >
-    <ng-container *ngIf="field()?.label; else policyHolderPanFileNotEmpty">
-      <span class="upload-icon">
-        <span
-          ><img
-            src="https://cdn.godigit.com/retail-life/Upload_Icon.svg"
-            alt=""
-            class="mb-1"
-        /></span>
-        <span class="upload-text"  [ngStyle]="{
-'--upload-font-color': field()?.controlStyle?.color ,
-'--upload-font-size': field()?.controlStyle?.fontSize ,
-'--upload-font-weight': field()?.controlStyle?.fontWeight,
-'--upload-focus-font-color': field()?.controlStyle?.focusColor ,
-}">{{ field()?.label }}</span>
-      </span>
-    </ng-container>
-    <ng-template #policyHolderPanFileNotEmpty>
-      <span class="mt-2 right-icon">
-        <span
-          ><img src="https://cdn.godigit.com/retail-life/Tickmark.svg" alt=""
-        /></span>
-        <span title="uploaded file">uploaded file</span>
-      </span>
-      <div class="mt-2 left-icon">
-        <span
-          ><img
-            src="https://cdn.godigit.com/retail-life/visibility-oui.svg"
-            alt=""
-        /></span>
-        <span
-          ><img src="https://cdn.godigit.com/retail-life/delete-oui.svg" alt=""
-        /></span>
-      </div>
-    </ng-template>
-  </button>

package/src/lib/image-upload/image-upload.component.ts

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

package/src/lib/in-built-benefit/in-built-benefit.component.css

@@ -1,58 +0,0 @@
-.in-built-card {
-  max-width: var(--inbuilt-card-width, 757px) !important;
-  min-height: 114px;
-  border-radius: var(--inbuilt-card-border-radius, 12px) !important;
-  border: 1px solid #0bb68b;
-  border-color: var(--inbuilt-card-border-color, #0bb68b) !important;
-  border-width: var(--inbuilt-card-border-width, 1px) !important;
-  background: var(--inbuilt-card-bg-color, #e6f7f3) !important;
-  padding: 12px 16px 12px 16px;
-  position: relative;
-}
-.premium-header {
-  font-size: 14px;
-  font-weight: 700;
-  letter-spacing: 0px;
-  line-height: 18px;
-  color: #444;
-}
-.benefit-text {
-  font-size: 12px;
-  color: #696969;
-  font-weight: 700;
-  letter-spacing: 0%;
-  line-height: 16px;
-}
-.premium {
-  font-size: 12px;
-  padding: 4px 16px 4px 16px;
-  border-radius: 4px;
-  height: 24px;
-  width: 113px;
-  background: #ffffff;
-  color: #444;
-}
-.normal-text {
-  font-weight: 400;
-}
-.bold-text {
-  font-weight: 700;
-}
-.top-benefit-card {
-  border-radius: 25px;
-  background: #fff;
-  border: 1px solid #ececec;
-  height: 26px;
-  width: 114px;
-  padding: 0px 6px 5px 12px;
-  font-size: 12px;
-  font-weight: 400;
-  color: #444444;
-  letter-spacing: 0%;
-  position: absolute;
-  transform: translate(-6em, -2.2em);
-}
-.top-box {
-  position: absolute;
-  text-align: center;
-}

package/src/lib/in-built-benefit/in-built-benefit.component.html

@@ -1,30 +0,0 @@
-<div class="d-flex in-built-card"
- [ngStyle]="{
-'--inbuilt-card-border-color': field()?.controlStyle?.borderColor ,
-'--inbuilt-card-border-width': field()?.controlStyle?.borderWidth ,
-'--inbuilt-card-border-radius': field()?.controlStyle?.borderRadius ,
-'--inbuilt-card-bg-color': field()?.controlStyle?.background ,
-'--inbuilt-card-width': field()?.controlStyle?.width ,
- }"
->
-  <p class="w-100 top-box">
-    <span class="top-benefit-card">In-built Benefit</span>
-  </p>
-  <div>
-    <span class="premium-header">Return of Premium</span> <br />
-    <span class="benefit-text normal-text"
-      >Customer can get their premiums back on
-      <b class="bold-text"
-        >diagnosis of Critical Illness (CI) or Total and Permanent Disability
-        (TPD) before the age of 80.</b
-      ></span
-    >
-    <br />
-    <span class="premium"
-      ><b>{{ premiumAmount }}</b> ({{ premiumAmountShort }})</span
-    >
-  </div>
-  <div class="m-auto">
-    <img *ngIf="field()?.imageUrl" [src]="field().imageUrl" alt="" />
-  </div>
-</div>

package/src/lib/in-built-benefit/in-built-benefit.component.ts

@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, input } from '@angular/core';
-
-@Component({
-  selector: 'lib-in-built-benefit',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './in-built-benefit.component.html',
-  styleUrl: './in-built-benefit.component.css',
-})
-export class InBuiltBenefitComponent {
-  field: any = input.required<any>();
-
-  @Input() premiumAmount: any = '₹1,00,000';
-  @Input() premiumAmountShort: any = '1L';
-}

package/src/lib/info/info.component.css

@@ -1,25 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.info-background {
-  background: var(--custom-info-bg-color , #FFFBE5) !important;
-  border-radius: var(--custom-info-border-radius, 8px);
-  line-height: 20.08px;
-  padding: 12px 16px 12px 16px;
-  border-width: 1px solid var(--custom-info-border-width, 1px);
-  border-color: 1px solid var(--custom-info-border-color, #FFBB0033);
-  border-style: 1px solid var(--custom-info-border-style, solid);
-  color: var(--custom-info-font-color, #444);
-  font-weight: var(--custom-info-font-weight, 600); 
-  font-size: var(--custom-info-font-size, 12px) ;
-}
-.info-nudge-image{
- height: 25px;
- margin-right: 5px;
-}
-.info-nudge-text{
-  font-size: var(--custom-info-font-size, 16px);
-  font-family: var(--custom-info-font-family, 'Mulish');
-  font-weight: var(--custom-info-font-weight, 600);
-  color: var(--custom-info-font-color, #444);
-}

package/src/lib/info/info.component.html

@@ -1,21 +0,0 @@
-<div class="info-background" *ngIf="field() && field()?.isVisible" [ngStyle]="{
-  '--custom-info-bg-color': field()?.controlStyle?.background ,
-  '--custom-info-border-radius': field()?.controlStyle?.borderRadius,
-  '--custom-info-border-width': field()?.controlStyle?.borderWidth,
-  '--custom-info-border-color': field()?.controlStyle?.borderColor,
-  '--custom-info-border-style': field()?.controlStyle?.borderStyle,
-  }">
-  <span>
-    <img
-      class="info-nudge-image mb-1"
-      [src]="field()?.controlStyle?.nudgeDisplayImage"
-      alt=""
-    />
-    <span class="info-nudge-text" [ngStyle]="{
-  '--custom-info-font-size': field()?.controlStyle?.fontSize ,
-  '--custom-info-font-weight': field()?.controlStyle?.fontWeight ,
-  '--custom-info-font-family': field()?.controlStyle?.fontFamily ,
-  '--custom-info-font-color': field()?.controlStyle?.color ,
-  }">{{ field()?.label }}</span>
-  </span>
-</div>

package/src/lib/info/info.component.ts

@@ -1,15 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-import { MasterControlService } from '../master-control.service';
-
-@Component({
-  selector: 'lib-info',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './info.component.html',
-  styleUrl: './info.component.css'
-})
-export class InfoComponent {
-  constructor(public masterService : MasterControlService){}
-  field: any = input.required<any>();
-}

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

@@ -1,121 +0,0 @@
-.field-lable{
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  color: #444 !important;
-  margin-bottom: 0px !important;
-}
-.info-label{
-  display: flex;
-  justify-content: space-between;
-}
-.error-message{
-  color: red;
-}
-* {
-  font-family: "mulish" !important;
-}
-
-/* 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;
-}

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

@@ -1,83 +0,0 @@
-<label class="field-lable info-label" *ngIf="field() && field()?.isVisible && field().isShowLabel"
-  >{{ field()?.label
-  }}
-  <!-- <span style="color: red" *ngIf="field() && field()?.validators?.isRequired"
-    >*</span
-  > -->
-  <span style="justify-content: end;">
-    <img class="mx-1" src="https://cdn.godigit.com/retail-life/question-mark.svg" alt="">
-    <u>Where to find this? ></u></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"
-    [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
-    autocomplete="none"
-    [type]="field()?.controlType"
-    [name]="field()?.fieldName"
-    [id]="field()?.fieldName"
-    [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?.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/info-textbox/info-textbox.component.ts

@@ -1,52 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-
-@Component({
-  selector: 'lib-info-textbox',
-  standalone: true,
-  imports: [
-    MatFormFieldModule,
-    CommonModule,
-    MatInputModule,
-    ReactiveFormsModule
-  ],
-  templateUrl: './info-textbox.component.html',
-  styleUrl: './info-textbox.component.css',
-  providers: [
-        {
-          provide: NG_VALUE_ACCESSOR,
-          useExisting: InfoTextboxComponent,
-          multi: true
-        }
-      ]
-})
-export class InfoTextboxComponent {
- 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/label/label.component.css

@@ -1,13 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.master-label{
-  font-weight: 400;
-  font-size: 14px;
-  color: #000000;
-}
-.master-label{
-  color: var(--master-heading-font-color, #000000) !important;
-  font-size: var(--master-heading-font-size, 14px) !important;
-  font-weight: var(--master-heading-font-weight, 400) !important;
-}

package/src/lib/label/label.component.html

@@ -1,7 +0,0 @@
-<div>
-<span class="master-label" [ngStyle]="{
-'--master-heading-font-color': field()?.controlStyle?.color,
-'--master-heading-font-size': field()?.controlStyle?.fontSize,
-'--master-heading-font-weight': field()?.controlStyle?.fontWeight
-}">{{field()?.label}}</span>
-</div>

package/src/lib/label/label.component.ts

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

package/src/lib/label-value-card/label-value-card.component.css

@@ -1,34 +0,0 @@
-* {
-  font-family: "mulish" !important;
-}
-.master-labelValue{
-  font-weight: 400;
-  font-size: 14px;
-  color: #000000;
-}
-.master-labelValue{
-  color: var(--master-heading-font-color, #000000) !important;
-  font-size: var(--master-heading-font-size, 14px) !important;
-  font-weight: var(--master-heading-font-weight, 400) !important;
-}
-
-.labelValueCard{
-    display: flex;
-    flex-direction: column;
-}
-
-.labelHead{
-    font-size: 14px;
-    font-weight: 400;
-    color: #444444;
-    line-height: 20px;
-}
-
-.labelValue{
-    font-size: 16px;
-    font-weight: 700;
-    color: #444444;
-    line-height: 20px;
-    position: relative;
-    top: 8px;
-}

package/src/lib/label-value-card/label-value-card.component.html

@@ -1,12 +0,0 @@
-<div class="labelValueCard">
-    <div class="labelHead">
-        <span class="master-labelValue" [ngStyle]="{
-        '--master-heading-font-color': field()?.controlStyle?.color,
-        '--master-heading-font-size': field()?.controlStyle?.fontSize,
-        '--master-heading-font-weight': field()?.controlStyle?.fontWeight
-        }">{{field()?.label}}</span>
-    </div>
-    <div class="labelValue">
-        <span>{{field()?.placeHolder}}</span>
-    </div>
-</div>

package/src/lib/label-value-card/label-value-card.component.ts

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