@eui/mobile-core 18.0.0-next.1 → 18.0.0-next.11

package/docs/components/EuimLanguageListComponent.html

@@ -114,7 +114,6 @@
     </p>
     <p class="comment">
                 <code>OnInit</code>
-                <code>OnDestroy</code>
     </p>
 
 
@@ -178,35 +177,35 @@
                         <ul class="index-list">
                             <li>
                                     <span class="modifier">Public</span>
-                                <a href="#appService" >appService</a>
+                                <a href="#appService" class="deprecated-name">appService</a>
                             </li>
                             <li>
                                     <span class="modifier">Public</span>
-                                <a href="#appShellService" >appShellService</a>
+                                <a href="#appShellService" class="deprecated-name">appShellService</a>
                             </li>
                             <li>
                                 <a href="#euLanguageList" >euLanguageList</a>
                             </li>
                             <li>
-                                <a href="#firstElementFromEUList" >firstElementFromEUList</a>
+                                <a href="#firstElementFromEUList" class="deprecated-name">firstElementFromEUList</a>
                             </li>
                             <li>
-                                <a href="#firstElementFromNonEUList" >firstElementFromNonEUList</a>
+                                <a href="#firstElementFromNonEUList" class="deprecated-name">firstElementFromNonEUList</a>
                             </li>
                             <li>
-                                <a href="#isKeyboardShown" >isKeyboardShown</a>
+                                <a href="#isKeyboardShown" class="deprecated-name">isKeyboardShown</a>
                             </li>
                             <li>
                                 <a href="#languages" >languages</a>
                             </li>
                             <li>
-                                <a href="#languagesSortedByEUAndNonEU" >languagesSortedByEUAndNonEU</a>
+                                <a href="#languagesSortedByEUAndNonEU" class="deprecated-name">languagesSortedByEUAndNonEU</a>
                             </li>
                             <li>
-                                <a href="#lastElementFromEUList" >lastElementFromEUList</a>
+                                <a href="#lastElementFromEUList" class="deprecated-name">lastElementFromEUList</a>
                             </li>
                             <li>
-                                <a href="#name" >name</a>
+                                <a href="#name" class="deprecated-name">name</a>
                             </li>
                             <li>
                                 <a href="#nonEULanguageList" >nonEULanguageList</a>
@@ -230,7 +229,7 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#onLanguageListClose" >onLanguageListClose</a>
+                                <a href="#isLastElementOfArray" >isLastElementOfArray</a>
                             </li>
                             <li>
                                 <a href="#onLanguageSelected" >onLanguageSelected</a>
@@ -253,7 +252,7 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-<code>constructor(cd: ChangeDetectorRef, translateService: TranslateService, appShellService: EuiAppShellService, appService: <a href="../injectables/EuimAppService.html" target="_self">EuimAppService</a>, modalCtrl: ModalController, platform: Platform)</code>
+<code>constructor(appShellService: EuiAppShellService, appService: <a href="../injectables/EuimAppService.html" target="_self">EuimAppService</a>, modalCtrl: ModalController, i18nService: I18nService)</code>
                     </td>
                 </tr>
 
@@ -270,30 +269,6 @@
                                             </tr>
                                         </thead>
                                         <tbody>
-                                                <tr>
-                                                        <td>cd</td>
-                                                  
-                                                        <td>
-                                                                    <code>ChangeDetectorRef</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                                <tr>
-                                                        <td>translateService</td>
-                                                  
-                                                        <td>
-                                                                    <code>TranslateService</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
                                                 <tr>
                                                         <td>appShellService</td>
                                                   
@@ -331,10 +306,10 @@
                                                     
                                                 </tr>
                                                 <tr>
-                                                        <td>platform</td>
+                                                        <td>i18nService</td>
                                                   
                                                         <td>
-                                                                    <code>Platform</code>
+                                                                    <code>I18nService</code>
                                                         </td>
                                                   
                                                     <td>
@@ -364,29 +339,79 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="onLanguageListClose"></a>
+                    <a name="isLastElementOfArray"></a>
                     <span class="name">
-                        <span ><b>onLanguageListClose</b></span>
-                        <a href="#onLanguageListClose"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>isLastElementOfArray</b></span>
+                        <a href="#isLastElementOfArray"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
             <tr>
                 <td class="col-md-4">
-<code>onLanguageListClose()</code>
+<code>isLastElementOfArray(array: T[], element: T)</code>
                 </td>
             </tr>
 
 
 
+                    <tr>
+                        <td class="col-md-4">
+                            <b>Type parameters :</b>
+                            <ul class="type-parameters">
+                                    <li>T</li>
+                            </ul>
+                        </td>
+                    </tr>
 
             <tr>
                 <td class="col-md-4">
 
+                            <div class="io-description">
+                                <b>Parameters :</b>
+                                
+                                <table class="params">
+                                    <thead>
+                                        <tr>
+                                            <td>Name</td>
+                                                <td>Type</td>
+                                            <td>Optional</td>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                                <td>array</td>
+                                            <td>
+                                                        <code>T[]</code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                        <tr>
+                                                <td>element</td>
+                                            <td>
+                                                        <code>T</code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
                         <div class="io-description">
-                            <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+                            <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
 
                         </div>
+                            <div class="io-description">
+                                
+                            </div>
                 </td>
             </tr>
         </tbody>
@@ -465,10 +490,15 @@
                     <a name="appService"></a>
                     <span class="name">
                             <span class="modifier">Public</span>
-                        <span ><b>appService</b></span>
+                        <span class="deprecated-name"><b>appService</b></span>
                         <a href="#appService"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -487,10 +517,15 @@
                     <a name="appShellService"></a>
                     <span class="name">
                             <span class="modifier">Public</span>
-                        <span ><b>appShellService</b></span>
+                        <span class="deprecated-name"><b>appShellService</b></span>
                         <a href="#appShellService"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -529,10 +564,15 @@
                 <td class="col-md-4">
                     <a name="firstElementFromEUList"></a>
                     <span class="name">
-                        <span ><b>firstElementFromEUList</b></span>
+                        <span class="deprecated-name"><b>firstElementFromEUList</b></span>
                         <a href="#firstElementFromEUList"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19. Use euLanguageList[0] instead.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -550,10 +590,15 @@
                 <td class="col-md-4">
                     <a name="firstElementFromNonEUList"></a>
                     <span class="name">
-                        <span ><b>firstElementFromNonEUList</b></span>
+                        <span class="deprecated-name"><b>firstElementFromNonEUList</b></span>
                         <a href="#firstElementFromNonEUList"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19. Use nonEULanguageList[0] instead.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -571,10 +616,15 @@
                 <td class="col-md-4">
                     <a name="isKeyboardShown"></a>
                     <span class="name">
-                        <span ><b>isKeyboardShown</b></span>
+                        <span class="deprecated-name"><b>isKeyboardShown</b></span>
                         <a href="#isKeyboardShown"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -613,10 +663,15 @@
                 <td class="col-md-4">
                     <a name="languagesSortedByEUAndNonEU"></a>
                     <span class="name">
-                        <span ><b>languagesSortedByEUAndNonEU</b></span>
+                        <span class="deprecated-name"><b>languagesSortedByEUAndNonEU</b></span>
                         <a href="#languagesSortedByEUAndNonEU"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will become private in eUI Mobile v19.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -625,6 +680,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>will become private in eUI Mobile v19.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -634,10 +695,15 @@
                 <td class="col-md-4">
                     <a name="lastElementFromEUList"></a>
                     <span class="name">
-                        <span ><b>lastElementFromEUList</b></span>
+                        <span class="deprecated-name"><b>lastElementFromEUList</b></span>
                         <a href="#lastElementFromEUList"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19. Use isLastElementOfArray() function instead.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -655,10 +721,15 @@
                 <td class="col-md-4">
                     <a name="name"></a>
                     <span class="name">
-                        <span ><b>name</b></span>
+                        <span class="deprecated-name"><b>name</b></span>
                         <a href="#name"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
+            </tr>
+            <tr>
+                <td class="col-md-4 deprecated">
+                    will be removed in eUI Mobile v19.
+                </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
@@ -749,9 +820,9 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><ion-header>  <ion-toolbar color="primary">    <ion-buttons slot="start">      <ion-button (click)="onClose()">        <ion-icon name="close-sharp" slot="icon-only"></ion-icon>      </ion-button>    </ion-buttons>    <ion-title> {{\'euim.language-list.SELECT-LANGUAGE\' | translate }}</ion-title>  </ion-toolbar>  <ion-toolbar color="primary" class="euim-language-selector__search">    <ion-searchbar (ionChange)="handleChange($event)"></ion-searchbar>  </ion-toolbar></ion-header><ion-content>  @if (results.length > 0) {    <ion-list>      @for (item of results; track item) {        @if (firstElementFromEUList?.code === item.code          || firstElementFromNonEUList?.code === item.code) {          <ion-item-divider>            {{ (firstElementFromEUList?.code === item.code)            ? (\'euim.language-list.EU-LANGUAGES\' | translate)            : \'euim.language-list.NON-EU-LANGUAGES\' | translate }}          </ion-item-divider>        }        <ion-item button (click)="onLanguageSelected(item)" [lines]="lastElementFromEUList === item ? \'none\' : \'inset\'">          <euim-avatar-icon  fill="solid" slot="start" variant="rounded" class="euim-language-selector__avatar">            <ion-icon name="language-sharp" class="euim-language-selector__internal-icon"></ion-icon>          </euim-avatar-icon>          <ion-label>            <div euimLabel euimLabelTitle>{{item.label}}</div>            <div euimLabel euimLabelMeta class="eui-u-text-uppercase">              {{item.code}}            </div>          </ion-label>          @if (selectedLanguage?.code===item.code) {            <ion-buttons>              <ion-button  fill="clear" >                <ion-icon name="checkmark-sharp" slot="icon-only" color="primary"></ion-icon>              </ion-button>            </ion-buttons>          }        </ion-item>      }    </ion-list>  }  @if (results.length < 1) {    <euim-empty-list-placeholder euimMarginTopLarge      class="euim-language-selector__empty-placeholder">    </euim-empty-list-placeholder>  }</ion-content></div>'
-    var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'name': 'EuimLabelComponent', 'selector': 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label'},{'name': 'EuimLanguageListComponent', 'selector': 'euim-language-list'},{'name': 'EuimLanguageSelectorComponent', 'selector': 'euim-language-selector'},{'name': 'EuimMediaHeaderComponent', 'selector': 'euim-media-header'},{'name': 'EuimMessageComponent', 'selector': 'euim-message'},{'name': 'EuimMessageTitleComponent', 'selector': 'euim-message-title'},{'name': 'EuimMultiselectComponent', 'selector': 'euim-multiselect'},{'name': 'EuimMultiselectFilterComponent', 'selector': 'euim-multiselect-filter'},{'name': 'EuimMultiselectInfoComponent', 'selector': 'euim-multiselect-info'},{'name': 'EuimMultiselectListComponent', 'selector': 'euim-multiselect-list'},{'name': 'EuimMultiselectToolbarComponent', 'selector': 'euim-multiselect-toolbar'},{'name': 'EuimNotificationItemComponent', 'selector': 'euim-notification-item'},{'name': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSidebarComponent', 'selector': 'euim-sidebar'},{'name': 'EuimSidebarContentComponent', 'selector': 'euim-sidebar-content'},{'name': 'EuimSkeletonListComponent', 'selector': 'euim-skeleton-list'},{'name': 'EuimSkeletonListItemComponent', 'selector': 'euim-skeleton-list-item'},{'name': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarTitleComponent', 'selector': 'euim-toolbar-title'},{'name': 'EuiMUserProfileActionComponent', 'selector': 'euim-user-profile-action'},{'name': 'EuiMUserProfileAvatarComponent', 'selector': 'euim-user-profile-avatar'},{'name': 'EuimUserProfileComponent', 'selector': 'euim-user-profile'},{'name': 'EuiMUserProfileInfosComponent', 'selector': 'euim-user-profile-infos'},{'name': 'EuiMUserProfileInfosItemComponent', 'selector': 'euim-user-profile-infos-item'}];
-    var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'name': 'EuimChipSelectorItemDirective', 'selector': '[euimChipSelectorItem]'},{'name': 'EuimDataSummaryColLabelDirective', 'selector': '[euimDataSummaryColLabel]'},{'name': 'EuimDataSummaryColValueDirective', 'selector': '[euimDataSummaryColValue]'},{'name': 'EuimDividerDirective', 'selector': '[euimDivider]'},{'name': 'EuimHeaderDetailsIconDirective', 'selector': '[euimHeaderDetailsIcon]'},{'name': 'EuimHeaderDetailsMetaDirective', 'selector': '[euimHeaderDetailsMeta]'},{'name': 'EuimHeaderDetailsTitleDirective', 'selector': '[euimHeaderDetailsTitle]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
+        var COMPONENT_TEMPLATE = '<div><ion-header>  <ion-toolbar color="branding">    <ion-buttons slot="start">      <ion-button (click)="onClose()">        <ion-icon name="close-sharp" slot="icon-only"></ion-icon>      </ion-button>    </ion-buttons>    <ion-title> {{\'euim.language-list.SELECT-LANGUAGE\' | translate }}</ion-title>  </ion-toolbar>  <ion-toolbar color="branding" class="euim-language-selector__search">    <ion-searchbar (ionChange)="handleChange($event)"></ion-searchbar>  </ion-toolbar></ion-header><ion-content>  @if (results.length > 0) {    <ion-list>      @for (item of results; track item) {        @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code          || nonEULanguageList[0]?.code === item.code) {          <ion-item-divider>            {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)            ? (\'euim.language-list.EU-LANGUAGES\' | translate)            : \'euim.language-list.NON-EU-LANGUAGES\' | translate }}          </ion-item-divider>        }        <ion-item button (click)="onLanguageSelected(item)" [lines]="lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? \'none\' : \'inset\'">            <euim-avatar fill="solid" slot="start" variant="rounded" class="euim-language-selector__avatar">                <euim-avatar-icon>                    <ion-icon name="language-sharp" class="euim-language-selector__internal-icon"></ion-icon>                </euim-avatar-icon>            </euim-avatar>          <ion-label>            <div euimLabel euimLabelTitle>{{item.label}}</div>            <div euimLabel euimLabelMeta class="eui-u-text-uppercase">              {{item.code}}            </div>          </ion-label>          @if (selectedLanguage?.code===item.code) {            <ion-buttons>              <ion-button  fill="clear" >                <ion-icon name="checkmark-sharp" slot="icon-only" color="primary"></ion-icon>              </ion-button>            </ion-buttons>          }        </ion-item>      }    </ion-list>  }  @if (results.length < 1) {    <euim-empty-list-placeholder euimMarginTopLarge      class="euim-language-selector__empty-placeholder">    </euim-empty-list-placeholder>  }</ion-content></div>'
+    var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarBadgeComponent', 'selector': 'euim-avatar-badge'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimAvatarIconSubComponent', 'selector': 'euim-avatar-icon-sub'},{'name': 'EuimAvatarImageComponent', 'selector': 'euim-avatar-image'},{'name': 'EuimAvatarTextComponent', 'selector': 'euim-avatar-text'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'name': 'EuimLabelComponent', 'selector': 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label'},{'name': 'EuimLanguageListComponent', 'selector': 'euim-language-list'},{'name': 'EuimLanguageSelectorComponent', 'selector': 'euim-language-selector'},{'name': 'EuimMediaHeaderComponent', 'selector': 'euim-media-header'},{'name': 'EuimMessageComponent', 'selector': 'euim-message'},{'name': 'EuimMessageTitleComponent', 'selector': 'euim-message-title'},{'name': 'EuimMultiselectComponent', 'selector': 'euim-multiselect'},{'name': 'EuimMultiselectFilterComponent', 'selector': 'euim-multiselect-filter'},{'name': 'EuimMultiselectInfoComponent', 'selector': 'euim-multiselect-info'},{'name': 'EuimMultiselectListComponent', 'selector': 'euim-multiselect-list'},{'name': 'EuimMultiselectToolbarComponent', 'selector': 'euim-multiselect-toolbar'},{'name': 'EuimNotificationItemComponent', 'selector': 'euim-notification-item'},{'name': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSidebarComponent', 'selector': 'euim-sidebar'},{'name': 'EuimSidebarContentComponent', 'selector': 'euim-sidebar-content'},{'name': 'EuimSkeletonListComponent', 'selector': 'euim-skeleton-list'},{'name': 'EuimSkeletonListItemComponent', 'selector': 'euim-skeleton-list-item'},{'name': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarTitleComponent', 'selector': 'euim-toolbar-title'},{'name': 'EuiMUserProfileActionComponent', 'selector': 'euim-user-profile-action'},{'name': 'EuiMUserProfileAvatarComponent', 'selector': 'euim-user-profile-avatar'},{'name': 'EuimUserProfileComponent', 'selector': 'euim-user-profile'},{'name': 'EuiMUserProfileInfosComponent', 'selector': 'euim-user-profile-infos'},{'name': 'EuiMUserProfileInfosItemComponent', 'selector': 'euim-user-profile-infos-item'}];
+    var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAlignCenterDirective', 'selector': '[euimAlignCenter]'},{'name': 'EuimAlignTopDirective', 'selector': '[euimAlignTop]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'name': 'EuimChipSelectorItemDirective', 'selector': '[euimChipSelectorItem]'},{'name': 'EuimDataSummaryColLabelDirective', 'selector': '[euimDataSummaryColLabel]'},{'name': 'EuimDataSummaryColValueDirective', 'selector': '[euimDataSummaryColValue]'},{'name': 'EuimDividerDirective', 'selector': '[euimDivider]'},{'name': 'EuimHeaderDetailsIconDirective', 'selector': '[euimHeaderDetailsIcon]'},{'name': 'EuimHeaderDetailsMetaDirective', 'selector': '[euimHeaderDetailsMeta]'},{'name': 'EuimHeaderDetailsTitleDirective', 'selector': '[euimHeaderDetailsTitle]'},{'name': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimListItemNoPaddingsDirective', 'selector': '[euimListItemNoPaddings]'},{'name': 'EuimMediaHeaderCustomContentDirective', 'selector': '[euimMediaHeaderCustomContent]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMinWidthDirective', 'selector': '[euimMinWidth]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimReadOnlyFormDirective', 'selector': '[euimReadOnlyForm]'},{'name': 'EuimReadOnlyFormLabelDirective', 'selector': '[euimReadOnlyFormLabel]'},{'name': 'EuimReadOnlyFormValueDirective', 'selector': '[euimReadOnlyFormValue]'},{'name': 'EuimSidebarFooterNoBordersDirective', 'selector': '[euimSidebarFooterNoBorders]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
     var ACTUAL_COMPONENT = {'name': 'EuimLanguageListComponent'};
 </script>
 <script src="../js/tree.js"></script>