RED-8342 - Component Editor not showing all values for a multi-value-component

src/lib/inputs/editable-input/editable-input.component.html

@@ -1,9 +1,7 @@
 <ng-container *ngIf="!editing">
-    <div *ngIf="showPreview" class="value">
-        <div>
-            <div *ngIf="showDot" class="dot"></div>
-        </div>
-        {{ value }}
+    <div *ngIf="showPreview">
+        <li *ngIf="listValue; else simpleValue">{{ value }}</li>
+        <ng-template #simpleValue> {{ value }} </ng-template>
     </div>
 
     <div class="flex">

src/lib/inputs/editable-input/editable-input.component.scss

@@ -22,15 +22,3 @@ textarea {
 form {
     width: 100%;
 }
-
-.value {
-    display: flex;
-    gap: 5px;
-
-    div {
-        .dot {
-            margin-top: 3px;
-            position: relative;
-        }
-    }
-}

src/lib/inputs/editable-input/editable-input.component.ts

@@ -25,7 +25,7 @@ export class EditableInputComponent implements OnChanges {
     @Input() buttonsType: CircleButtonType = CircleButtonTypes.default;
     @Input() helpModeKey: string = '';
     @Input() lastChild = false;
-    @Input() showDot = false;
+    @Input() listValue = false;
     @Output() readonly save = new EventEmitter<string>();
     parentDimensions?: { width: number; height: number };
     newValue = '';