style disabled selector csc

my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html

@@ -5,7 +5,7 @@
      class="input-box"
 >
 
-  <i class="ri-search-line search-placeholder"></i>
+
   <div class="label">
         <span class="d-none">
     {{ label }}
@@ -13,18 +13,38 @@
   </div>
   <!-- (blur)="displayDropdown = false" (click)="onClickInput()" -->
   <!--  disabled: {{ disabled }}-->
-  <input
-    (focus)="onInputClickedOrFocused($event)"
-    (input)="onSearchInput($event)"
-    class=""
-    placeholder="{{label}}"
-    type="text">
 
+  @if (selectedChoices.length > 0) {
+    <div class="first-selection fake-input">
+
+      {{ selectedChoices[0].value }}
+    </div>
+  } @else {
+
+    @if (displayDropdown) {
+      <i class="ri-search-line search-placeholder"></i>
+      <input
+        (focus)="onInputClickedOrFocused($event)"
+        (input)="onSearchInput($event)"
+        class=""
+        placeholder="{{label}}"
+        type="text">
+    } @else {
+
+      <div class="placeholder">
+        {{ label }}
+      </div>
+
+    }
+
+
+  }
   <span (click)="resetChoicesLists()"
         [ngClass]="{ 'is-visible' : selectedChoices?.length}"
         class="selected-items-counter">
     {{ selectedChoices?.length || 0 }}
   </span>
+
   <div (click)="onClickInput()" class="dropdown-button selector-button">
     <!--          bouton-->
     <i class="ri-arrow-down-s-line"></i>