@eui/ecl 18.0.0-next.39 → 18.0.0-next.40

package/assets/i18n-ecl/bg.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Изчисти всичко",
   "ecl.multiselect.SELECT-ALL": "Избери всички",
   "ecl.multiselect.NO-RESULTS-FOUND": "Не са намерени резултати",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Превключване на падащо меню",
   "ecl.news-ticker.NEXT-NEWS": "Следваща новина",
   "ecl.news-ticker.PREV-NEWS": "Предишна новина",
   "ecl.news-ticker.NEXT-ITEM": "Следващ елемент",

package/assets/i18n-ecl/cs.json

@@ -151,6 +151,7 @@
   "ecl.multiselect.CLEAR-ALL": "Vymazat vše",
   "ecl.multiselect.SELECT-ALL": "Vybrat vše",
   "ecl.multiselect.NO-RESULTS-FOUND": "Nebyly nalezeny žádné výsledky",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Přepnout rozbalovací seznam",
   "ecl.news-ticker.NEXT-NEWS": "Další novinky",
   "ecl.news-ticker.PREV-NEWS": "Předchozí novinky",
   "ecl.news-ticker.NEXT-ITEM": "Další položka",

package/assets/i18n-ecl/da.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Ryd alle",
   "ecl.multiselect.SELECT-ALL": "Vælg alle",
   "ecl.multiselect.NO-RESULTS-FOUND": "Ingen resultater fundet",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Skift rullemenu",
   "ecl.news-ticker.NEXT-NEWS": "Næste nyhed",
   "ecl.news-ticker.PREV-NEWS": "Forrige nyhed",
   "ecl.news-ticker.NEXT-ITEM": "Næste element",

package/assets/i18n-ecl/de.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Alles löschen",
   "ecl.multiselect.SELECT-ALL": "Alles auswählen",
   "ecl.multiselect.NO-RESULTS-FOUND": "Keine Ergebnisse gefunden",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Dropdown umschalten",
   "ecl.news-ticker.NEXT-NEWS": "Nächste Nachricht",
   "ecl.news-ticker.PREV-NEWS": "Vorherige Nachricht",
   "ecl.news-ticker.NEXT-ITEM": "Nächstes Element",

package/assets/i18n-ecl/el.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Καθαρισμός όλων",
   "ecl.multiselect.SELECT-ALL": "Επιλογή όλων",
   "ecl.multiselect.NO-RESULTS": "Δεν βρέθηκαν αποτελέσματα",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Εναλλαγή αναπτυσσόμενου μενού",
   "ecl.news-ticker.NEXT-NEWS": "Επόμενα νέα",
   "ecl.news-ticker.PREV-NEWS": "Προηγούμενα νέα",
   "ecl.news-ticker.NEXT-ITEM": "Επόμενο στοιχείο",

package/assets/i18n-ecl/en.json

@@ -152,6 +152,7 @@
     "ecl.multiselect.CLEAR-ALL": "Clear all",
     "ecl.multiselect.SELECT-ALL": "Select all",
     "ecl.multiselect.NO-RESULTS-FOUND": "No results found",
+    "ecl.multiselect.TOGGLE.DROPDOWN": "Toggle dropdown",
     "ecl.news-ticker.NEXT-NEWS": "Next news",
     "ecl.news-ticker.PREV-NEWS": "Previous news",
     "ecl.news-ticker.NEXT-ITEM": "Next item",

package/assets/i18n-ecl/es.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Borrar todo",
   "ecl.multiselect.SELECT-ALL": "Seleccionar todo",
   "ecl.multiselect.NO-RESULTS-FOUND": "No se encontraron resultados",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Alternar desplegable",
   "ecl.news-ticker.NEXT-NEWS": "Siguiente noticia",
   "ecl.news-ticker.PREV-NEWS": "Noticia anterior",
   "ecl.news-ticker.NEXT-ITEM": "Próximo elemento",

package/assets/i18n-ecl/et.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Tühjenda kõik",
   "ecl.multiselect.SELECT-ALL": "Vali kõik",
   "ecl.multiselect.NO-RESULTS-FOUND": "Tulemusi ei leitud",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Rippmenüü lülitamine",
   "ecl.news-ticker.NEXT-NEWS": "Järgmised uudised",
   "ecl.news-ticker.PREV-NEWS": "Eelmised uudised",
   "ecl.news-ticker.NEXT-ITEM": "Järgmine üksus",

package/assets/i18n-ecl/fi.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Tyhjennä kaikki",
   "ecl.multiselect.SELECT-ALL": "Valitse kaikki",
   "ecl.multiselect.NO-RESULTS-FOUND": "Ei tuloksia",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Vaihda avattava valikko",
   "ecl.news-ticker.NEXT-NEWS": "Seuraava uutinen",
   "ecl.news-ticker.PREV-NEWS": "Edellinen uutinen",
   "ecl.news-ticker.NEXT-ITEM": "Seuraava kohde",

package/assets/i18n-ecl/fr.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Tout effacer",
   "ecl.multiselect.SELECT-ALL": "Tout sélectionner",
   "ecl.multiselect.NO-RESULTS-FOUND": "Aucun résultat trouvé",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Basculer la liste déroulante",
   "ecl.news-ticker.NEXT-NEWS": "Actualité suivante",
   "ecl.news-ticker.PREV-NEWS": "Actualité précédente",
   "ecl.news-ticker.NEXT-ITEM": "Élément suivant",

package/assets/i18n-ecl/ga.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Glan ar fad",
   "ecl.multiselect.SELECT-ALL": "Roghnaigh ar fad",
   "ecl.multiselect.NO-RESULTS-FOUND": "Níor aimsíodh aon torthaí",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Athraon liosta anuas",
   "ecl.news-ticker.NEXT-NEWS": "An chéad nuacht",
   "ecl.news-ticker.PREV-NEWS": "An nuacht roimhe seo",
   "ecl.news-ticker.NEXT-ITEM": "Éileamh eile",

package/assets/i18n-ecl/hr.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Očisti sve",
   "ecl.multiselect.SELECT-ALL": "Odaberi sve",
   "ecl.multiselect.NO-RESULTS-FOUND": "Nema rezultata",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Prebaciti padajući izbornik",
   "ecl.news-ticker.NEXT-NEWS": "Sljedeće vijesti",
   "ecl.news-ticker.PREV-NEWS": "Prethodne vijesti",
   "ecl.news-ticker.NEXT-ITEM": "Sljedeći element",

package/assets/i18n-ecl/hu.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Összes törlése",
   "ecl.multiselect.SELECT-ALL": "Összes kiválasztása",
   "ecl.multiselect.NO-RESULTS-FOUND": "Nincs találat",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Legördülő lista váltása",
   "ecl.news-ticker.NEXT-NEWS": "Következő hír",
   "ecl.news-ticker.PREV-NEWS": "Előző hír",
   "ecl.news-ticker.NEXT-ITEM": "Következő elem",

package/assets/i18n-ecl/it.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Deseleziona tutto",
   "ecl.multiselect.SELECT-ALL": "Seleziona tutto",
   "ecl.multiselect.NO-RESULTS-FOUND": "Nessun risultato trovato",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Alternare il menu a discesa",
   "ecl.news-ticker.NEXT-NEWS": "Prossime notizie",
   "ecl.news-ticker.PREV-NEWS": "Notizie precedenti",
   "ecl.news-ticker.NEXT-ITEM": "Prossimo elemento",

package/assets/i18n-ecl/lt.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Išvalyti viską",
   "ecl.multiselect.SELECT-ALL": "Pasirinkti viską",
   "ecl.multiselect.NO-RESULTS-FOUND": "Rezultatų nerasta",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Perjungti išskleidžiamąjį meniu",
   "ecl.news-ticker.NEXT-NEWS": "Kita naujiena",
   "ecl.news-ticker.PREV-NEWS": "Ankstesnė naujiena",
   "ecl.news-ticker.NEXT-ITEM": "Kitas elementas",

package/assets/i18n-ecl/lv.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Notīrīt visu",
   "ecl.multiselect.SELECT-ALL": "Izvēlēties visu",
   "ecl.multiselect.NO-RESULTS-FOUND": "Nav atrasts neviens rezultāts",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Pārslēgt nolaižamo izvēlni",
   "ecl.news-ticker.NEXT-NEWS": "Nākamie jaunumi",
   "ecl.news-ticker.PREV-NEWS": "Iepriekšējie jaunumi",
   "ecl.news-ticker.NEXT-ITEM": "Nākamais elements",

package/assets/i18n-ecl/mt.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Ċħaxx kollox",
   "ecl.multiselect.SELECT-ALL": "Agħżel kollox",
   "ecl.multiselect.NO-RESULTS-FOUND": "M'hemmx riżultati magħżula",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Toggle dropdown",
   "ecl.news-ticker.NEXT-NEWS": "Aħbarijiet li ġejjin",
   "ecl.news-ticker.PREV-NEWS": "Aħbarijiet preċedenti",
   "ecl.news-ticker.NEXT-ITEM": "Artikolu li jmiss",

package/assets/i18n-ecl/nl.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Alles wissen",
   "ecl.multiselect.SELECT-ALL": "Alles selecteren",
   "ecl.multiselect.NO-RESULTS-FOUND": "Geen resultaten gevonden",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Dropdown omschakelen",
   "ecl.news-ticker.NEXT-NEWS": "Volgend nieuws",
   "ecl.news-ticker.PREV-NEWS": "Vorig nieuws",
   "ecl.news-ticker.NEXT-ITEM": "Volgend item",

package/assets/i18n-ecl/pl.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Wyczyść wszystko",
   "ecl.multiselect.SELECT-ALL": "Zaznacz wszystko",
   "ecl.multiselect.NO-RESULTS-FOUND": "Nie znaleziono wyników",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Przełącz rozwijane menu",
   "ecl.news-ticker.NEXT-NEWS": "Następne wiadomości",
   "ecl.news-ticker.PREV-NEWS": "Poprzednie wiadomości",
   "ecl.news-ticker.NEXT-ITEM": "Następny element",

package/assets/i18n-ecl/pt.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Limpiar todo",
   "ecl.multiselect.SELECT-ALL": "Seleccionar todo",
   "ecl.multiselect.NO-RESULTS-FOUND": "No se encontraron resultados",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Alternar lista suspensa",
   "ecl.news-ticker.NEXT-NEWS": "Siguiente noticia",
   "ecl.news-ticker.PREV-NEWS": "Noticia anterior",
   "ecl.news-ticker.NEXT-ITEM": "Próximo item",

package/assets/i18n-ecl/ro.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Șterge tot",
   "ecl.multiselect.SELECT-ALL": "Selectează tot",
   "ecl.multiselect.NO-RESULTS-FOUND": "Niciun rezultat găsit",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Comutare meniu derulant",
   "ecl.news-ticker.NEXT-NEWS": "Următoarea știre",
   "ecl.news-ticker.PREV-NEWS": "Știrea anterioară",
   "ecl.news-ticker.NEXT-ITEM": "Următorul element",

package/assets/i18n-ecl/sk.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Zrušiť výber",
   "ecl.multiselect.SELECT-ALL": "Vybrať všetko",
   "ecl.multiselect.NO-RESULTS-FOUND": "Neboli nájdené žiadne výsledky",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Prepínač rozbaľovacieho zoznamu",
   "ecl.news-ticker.NEXT-NEWS": "Ďalšie správy",
   "ecl.news-ticker.PREV-NEWS": "Predchádzajúce správy",
   "ecl.news-ticker.NEXT-ITEM": "Ďalší prvok",

package/assets/i18n-ecl/sl.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Počisti vse",
   "ecl.multiselect.SELECT-ALL": "Izberi vse",
   "ecl.multiselect.NO-RESULTS-FOUND": "Ni najdenih rezultatov",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Preklop spustnega menija",
   "ecl.news-ticker.NEXT-NEWS": "Naslednje novice",
   "ecl.news-ticker.PREV-NEWS": "Prejšnje novice",
   "ecl.news-ticker.NEXT-ITEM": "Naslednji element",

package/assets/i18n-ecl/sv.json

@@ -152,6 +152,7 @@
   "ecl.multiselect.CLEAR-ALL": "Rensa alla",
   "ecl.multiselect.SELECT-ALL": "Välj alla",
   "ecl.multiselect.NO-RESULTS-FOUND": "Inga resultat hittades",
+  "ecl.multiselect.TOGGLE.DROPDOWN": "Växla rullgardinsmeny",
   "ecl.news-ticker.NEXT-NEWS": "Nästa nyhet",
   "ecl.news-ticker.PREV-NEWS": "Föregående nyhet",
   "ecl.news-ticker.NEXT-ITEM": "Nästa objekt",

package/docs/components/EclMultiselectComponent.html

@@ -257,6 +257,9 @@
                             <li>
                                 <a href="#isInvalid" >isInvalid</a>
                             </li>
+                            <li>
+                                <a href="#toggleLabel" >toggleLabel</a>
+                            </li>
                             <li>
                                 <a href="#class" >class</a>
                             </li>
@@ -334,7 +337,7 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-<code>constructor(injector: Injector, el: ElementRef, viewContainerRef: ViewContainerRef, differs: IterableDiffers)</code>
+<code>constructor(injector: Injector, el: ElementRef, viewContainerRef: ViewContainerRef, differs: IterableDiffers, renderer: Renderer2)</code>
                     </td>
                 </tr>
 
@@ -399,6 +402,18 @@
                                                     </td>
                                                     
                                                 </tr>
+                                                <tr>
+                                                        <td>renderer</td>
+                                                  
+                                                        <td>
+                                                                    <code>Renderer2</code>
+                                                        </td>
+                                                  
+                                                    <td>
+                                                            No
+                                                    </td>
+                                                    
+                                                </tr>
                                         </tbody>
                                     </table>
                             </div>
@@ -542,6 +557,27 @@
                 </tr>
             </tbody>
         </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="toggleLabel"></a>
+                        <b>toggleLabel</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>string | undefined</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>

package/docs/components/EclMultiselectDropdownComponent.html

@@ -246,6 +246,9 @@
                                     <span class="modifier"></span>
                                 <a href="#selectAllCheckbox" >selectAllCheckbox</a>
                             </li>
+                            <li>
+                                <a href="#toggleLabel" >toggleLabel</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -2722,6 +2725,32 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="toggleLabel"></a>
+                    <span class="name">
+                        <span ><b>toggleLabel</b></span>
+                        <a href="#toggleLabel"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>string | undefined</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -2948,7 +2977,7 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [selectedItems]="selectedItems"    (mainInputClick)="onClickMainInput($event)" (mainInputKeydown)="onKeydownMainInput($event)" [isDisabled]="disabled"    [ariaLabeledby]="ariaLabeledby" [ariaDescribedby]="ariaDescribedby" [ariaControls]="dropdownId" [isInvalid]="isInvalid"    [isDropdownExpanded]="isShowMultiselectDropdown" [eclSize]="eclSize" [toggleId]="toggleId"></div><div    [style.display]="isShowMultiselectDropdown ? \'block\' : \'none\'"    class="ecl-select__multiple-dropdown ecl-select__container ecl-select__container--{{eclSize}}"    [id]="dropdownId">    <input        class="ecl-text-input"        type="search"        #searchInput        [placeholder]="searchFieldPlaceholder"        (input)="onSearch($event.target)"        (keydown.enter)="onEnterSearch($event)"        (keydown.arrowup)="onArrowUpSearch($event)"        (keydown.arrowdown)="onArrowDownSearch($event)" />    <div eclCheckbox #selectAll class="ecl-select__multiple-all">        <input            eclCheckboxInput            #selectAllCheckbox            [id]="selectAllId"            type="checkbox"            (click)="onSelectAll()"            (keydown.arrowup)="onArrowUpSelectAll($event)"            (keydown.arrowdown)="onArrowDownSelectAll($event)" />        <label [for]="selectAllId" eclCheckboxLabel> {{ \'ecl.multiselect.SELECT-ALL\' | translate }} ({{ optionsCount }}) </label>    </div>    <div class="ecl-select__multiple-options">        <ng-container *ngFor="let item of multiOptionDirectives">            <fieldset eclMultiselectOptgroup *ngIf="item.isOptGroup()" [label]="item.label">                <div                    eclMultiselectOption                    *ngFor="let elem of item.eclOptionItems"                    [value]="elem.value"                    [label]="elem.label"                    [disabled]="elem.disabled"                    [isChecked]="elem.selected"                    [class]="elem.class"                    (optionClick)="onOptionSelected($event)"                    (optionKeydown)="onKeydownOption($event)"></div>            </fieldset>            <div                eclMultiselectOption                *ngIf="!item.isOptGroup()"                [value]="item.value"                [label]="item.label"                [disabled]="item.disabled"                [isChecked]="item.selected"                [class]="item.class"                (optionClick)="onOptionSelected($event)"                (optionKeydown)="onKeydownOption($event)"></div>        </ng-container>        <div *ngIf="isShowNoResultsFound" class="ecl-select__multiple-no-results">            <span>{{ \'ecl.multiselect.NO-RESULTS-FOUND\' | translate }}</span>        </div>    </div>    <div *ngIf="isShowToolbar" class="ecl-select-multiple-toolbar">        <button            eclButton            variant="ghost"            #clearAllBtn            (keydown.arrowup)="onArrowUpCloseClear($event)"            (keydown.arrowright)="onArrowRightClear($event)"            (keydown.enter)="onEnterClear($event)"            (click)="onClickClearAll($event)">            {{ \'ecl.multiselect.CLEAR-ALL\' | translate }}        </button>        <button            eclButton            variant="primary"            #closeBtn            (keydown.arrowup)="onArrowUpCloseClear($event)"            (keydown.arrowleft)="onArrowLeftClose($event)"            (keydown.tab)="onTabClose($event)"            (click)="onClickClose($event)">            {{ \'ecl.common.CLOSE\' | translate }}        </button>    </div></div></div>'
+        var COMPONENT_TEMPLATE = '<div><div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [selectedItems]="selectedItems"    (mainInputClick)="onClickMainInput($event)" (mainInputKeydown)="onKeydownMainInput($event)" [isDisabled]="disabled"    [ariaLabeledby]="ariaLabeledby" [ariaDescribedby]="ariaDescribedby" [toggleLabel]="toggleLabel" [ariaControls]="dropdownId" [isInvalid]="isInvalid"    [isDropdownExpanded]="isShowMultiselectDropdown" [eclSize]="eclSize" [toggleId]="toggleId"></div><div    [style.display]="isShowMultiselectDropdown ? \'block\' : \'none\'"    class="ecl-select__multiple-dropdown ecl-select__container ecl-select__container--{{eclSize}}"    [id]="dropdownId">    <input        class="ecl-text-input"        type="search"        #searchInput        [placeholder]="searchFieldPlaceholder"        (input)="onSearch($event.target)"        (keydown.enter)="onEnterSearch($event)"        (keydown.arrowup)="onArrowUpSearch($event)"        (keydown.arrowdown)="onArrowDownSearch($event)" />    <div eclCheckbox #selectAll class="ecl-select__multiple-all">        <input            eclCheckboxInput            #selectAllCheckbox            [id]="selectAllId"            type="checkbox"            (click)="onSelectAll()"            (keydown.arrowup)="onArrowUpSelectAll($event)"            (keydown.arrowdown)="onArrowDownSelectAll($event)" />        <label [for]="selectAllId" eclCheckboxLabel> {{ \'ecl.multiselect.SELECT-ALL\' | translate }} ({{ optionsCount }}) </label>    </div>    <div class="ecl-select__multiple-options">        <ng-container *ngFor="let item of multiOptionDirectives">            @if (item.isOptGroup()) {                <fieldset eclMultiselectOptgroup [label]="item.label">                    <div                        eclMultiselectOption                        *ngFor="let elem of item.eclOptionItems"                        [value]="elem.value"                        [label]="elem.label"                        [disabled]="elem.disabled"                        [isChecked]="elem.selected"                        [class]="elem.class"                        (optionClick)="onOptionSelected($event)"                        (optionKeydown)="onKeydownOption($event)"></div>                </fieldset>            } @else if (!item.isOptGroup()) {                <div                    eclMultiselectOption                    [value]="item.value"                    [label]="item.label"                    [disabled]="item.disabled"                    [isChecked]="item.selected"                    [class]="item.class"                    (optionClick)="onOptionSelected($event)"                    (optionKeydown)="onKeydownOption($event)"></div>            }        </ng-container>        @if (isShowNoResultsFound) {            <div class="ecl-select__multiple-no-results">                <span>{{ \'ecl.multiselect.NO-RESULTS-FOUND\' | translate }}</span>            </div>        }    </div>    @if (isShowToolbar) {        <div class="ecl-select-multiple-toolbar">            <button                eclButton                variant="ghost"                #clearAllBtn                (keydown.arrowup)="onArrowUpCloseClear($event)"                (keydown.arrowright)="onArrowRightClear($event)"                (keydown.enter)="onEnterClear($event)"                (click)="onClickClearAll($event)">                {{ \'ecl.multiselect.CLEAR-ALL\' | translate }}            </button>            <button                eclButton                variant="primary"                #closeBtn                (keydown.arrowup)="onArrowUpCloseClear($event)"                (keydown.arrowleft)="onArrowLeftClose($event)"                (keydown.tab)="onTabClose($event)"                (click)="onClickClose($event)">                {{ \'ecl.common.CLOSE\' | translate }}            </button>        </div>    }</div></div>'
     var COMPONENTS = [{'name': 'EclAccordionComponent', 'selector': 'ecl-accordion'},{'name': 'EclAccordionItemComponent', 'selector': 'ecl-accordion-item'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'ecl-breadcrumb-segment'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'ecl-fact-figures'},{'name': 'EclFactFiguresDescriptionComponent', 'selector': 'ecl-fact-figures-description'},{'name': 'EclFactFiguresItemComponent', 'selector': 'ecl-fact-figures-item'},{'name': 'EclFactFiguresTitleComponent', 'selector': 'ecl-fact-figures-title'},{'name': 'EclFactFiguresValueComponent', 'selector': 'ecl-fact-figures-value'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFeaturedItemFooterComponent', 'selector': '[eclFeaturedItemFooter]'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileTaxonomyComponent', 'selector': 'ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'ecl-inpage-navigation-item'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item'},{'name': 'EclLoadingIndicatorComponent', 'selector': 'ecl-loading-indicator'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'fieldset[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListImageComponent', 'selector': 'div[eclNavigationListImage]'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclNotificationComponent', 'selector': 'ecl-notification'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'ecl-pagination-item'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'ecl-site-footer'},{'name': 'EclSiteFooterFixedContentECComponent', 'selector': 'ecl-site-footer-fixed-content-ec'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderNotificationComponent', 'selector': 'ecl-site-header-notification'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSocialMediaShareComponent', 'selector': 'ecl-social-media-share'},{'name': 'EclSocialMediaShareItemComponent', 'selector': 'ecl-social-media-share-item'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclTabComponent', 'selector': 'ecl-tab, [eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabMoreComponent', 'selector': 'ecl-tab-more'},{'name': 'EclTabsComponent', 'selector': 'nav[eclTabs], ecl-tabs'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTimelineComponent', 'selector': 'ecl-timeline'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler'}];
     var DIRECTIVES = [{'name': 'EclBannerCreditDirective', 'selector': '[eclBannerCredit]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDefinitionListDirective', 'selector': '[eclDescriptionListDefinitionList]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclFeaturedItemFooterLinkDirective', 'selector': '[eclFeaturedItemFooterLink]'},{'name': 'EclFeaturedItemFooterPictureDirective', 'selector': 'picture[eclFeaturedItemFooterPicture]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileDownloadDirective', 'selector': '[eclFileDownload]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFileTitleDirective', 'selector': '[eclFileTitle]'},{'name': 'EclFileTranslationDownloadDirective', 'selector': '[eclFileTranslationDownload]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclLoadingIndicatorLabelDirective', 'selector': '[eclLoadingIndicatorLabel]'},{'name': 'EclLoadingIndicatorOverlayDirective', 'selector': '[eclLoadingIndicatorOverlay]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclModalBodyFixedContentDirective', 'selector': '[eclModalBodyFixedContent]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclNotificationTitleDirective', 'selector': '[eclNotificationTitle]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderDescriptionContainerDirective', 'selector': '[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': '[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] '},{'name': 'EclPageHeaderInfoDirective', 'selector': '[eclPageHeaderInfo]'},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterContentDirective', 'selector': '[eclSiteFooterContent]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoDirective', 'selector': '[eclSiteFooterLogo]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoItemDirective', 'selector': '[eclSiteFooterLogoItem]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterLogoListDirective', 'selector': '[eclSiteFooterLogoList]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderImageDirective', 'selector': '[eclSiteHeaderImage]'},{'name': 'EclSiteHeaderLinkDirective', 'selector': '[eclSiteHeaderLink]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSiteHeaderPictureDirective', 'selector': '[eclSiteHeaderPicture]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSocialMediaShareLinkDirective', 'selector': '[eclSocialMediaShareLink]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTagSetDirective', 'selector': '[eclTagSet]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
     var ACTUAL_COMPONENT = {'name': 'EclMultiselectDropdownComponent'};