[AAE-15741] ADF CardView component - headers for multivalued strings, integers and floats (#8789)

[AAE-15741] add configuration for display label for multivalued chip property



Co-authored-by: “chndn004” <“chandanchatterjee04@gmail.com”>

demo-shell/src/app/components/card-view/card-view.component.html

@@ -6,7 +6,8 @@
             [properties]="properties"
             [editable]="isEditable"
             [displayClearAction]="showClearDateAction"
-            [displayNoneOption]="showNoneOption">
+            [displayNoneOption]="showNoneOption"
+            [displayLabelForChips]="showLabelForChips">
         </adf-card-view>
     </mat-card>
 
@@ -38,6 +39,13 @@
         (change)="toggleNoneOption()"
         [checked]="showNoneOption">
         Show none option
+    </mat-slide-toggle><br>
+    <mat-slide-toggle
+        id="app-toggle-label-multivalued-chip"
+        [color]="'primary'"
+        (change)="toggleLabelForChips()"
+        [checked]="showLabelForChips">
+        Show label for chips property
     </mat-slide-toggle>
 </p>
 

demo-shell/src/app/components/card-view/card-view.component.ts

@@ -47,6 +47,7 @@ export class CardViewComponent implements OnInit, OnDestroy {
     logs: string[];
     showClearDateAction = false;
     showNoneOption = false;
+    showLabelForChips = false;
 
     private onDestroy$ = new Subject<boolean>();
 
@@ -268,6 +269,10 @@ export class CardViewComponent implements OnInit, OnDestroy {
         this.showNoneOption = !this.showNoneOption;
     }
 
+    toggleLabelForChips() {
+        this.showLabelForChips = !this.showLabelForChips;
+    }
+
     reset() {
         this.isEditable = true;
         this.createCard();