up similar cases page

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

@@ -12,6 +12,7 @@
         </span>
   </div>
   <!-- (blur)="displayDropdown = false" (click)="onClickInput()" -->
+  <!--  disabled: {{ disabled }}-->
   <input
     (focus)="onInputClickedOrFocused($event)"
     (input)="onSearchInput($event)"
@@ -19,8 +20,8 @@
     placeholder="{{label}}"
     type="text">
 
-  <span [ngClass]="{ 'is-visible' : selectedChoices?.length}"
-  (click)="resetChoicesLists()"
+  <span (click)="resetChoicesLists()"
+        [ngClass]="{ 'is-visible' : selectedChoices?.length}"
         class="selected-items-counter">
     {{ selectedChoices?.length || 0 }}
   </span>
@@ -29,7 +30,7 @@
     <i class="ri-arrow-down-s-line"></i>
   </div>
 
-  @if (displayDropdown ) {
+  @if (displayDropdown) {
 
 
     <div class="dropdown">
@@ -39,36 +40,36 @@
         @if (selectedChoices?.length && availableChoices?.length) {
           <div class="selected-items">
 
-            @for(sc of getFilteredSelectedChoices(); track sc.value){
-            <div (click)="selectedChoicesChangeToggleItem(sc)"
+            @for (sc of getFilteredSelectedChoices(); track sc.value) {
+              <div (click)="selectedChoicesChangeToggleItem(sc)"
 
-                 class="dropdown-item"
-            >
-            <img alt="checkbox" src="checkbox-active.svg" /> 
-            <span class="label">
+                   class="dropdown-item"
+              >
+                <img alt="checkbox" src="checkbox-active.svg"/>
+                <span class="label">
             <!--  {{ sc.label }} -->
             </span>
-            </div>
+              </div>
             }
           </div>
 
-          
+
           <div class="separator">
-            
-          <div class="label">Add new part number</div>
-          <i class="ri-add-line"></i>
+
+            <div class="label">Add new part number</div>
+            <i class="ri-add-line"></i>
           </div>
         }
         <div class="available-items">
 
-<!--          disponibles:-->
+          <!--          disponibles:-->
           <!--      available:-->
-          @for(ac of getFilteredAvailableChoices(); track ac.value){
+          @for (ac of getFilteredAvailableChoices(); track ac.value) {
             <div (click)="availableChoicesChangeToggleItem(ac)"
 
                  class="dropdown-item"
             >
-              <img alt="checkbox" src="checkbox-inactive.svg" /> 
+              <img alt="checkbox" src="checkbox-inactive.svg"/>
               <span class="label">
                 {{ ac.label }}
               </span>