@eui/components 17.3.5-snapshot-1716168170059 → 17.3.5-snapshot-1716340702453

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/docs/components/EuiMenuComponent.html +10 -47
  2. package/docs/components/EuiMenuItemComponent.html +132 -62
  3. package/docs/components/EuiTimelineItemComponent.html +1 -1
  4. package/docs/dependencies.html +2 -2
  5. package/docs/js/menu-wc.js +3 -3
  6. package/docs/js/menu-wc_es5.js +1 -1
  7. package/docs/js/search/search_index.js +2 -2
  8. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  9. package/esm2022/eui-menu/eui-menu-item.component.mjs +37 -34
  10. package/esm2022/eui-menu/eui-menu.component.mjs +100 -49
  11. package/esm2022/eui-menu/eui-menu.module.mjs +24 -4
  12. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -4
  13. package/esm2022/eui-timeline/eui-timeline.component.mjs +6 -4
  14. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  15. package/eui-menu/eui-menu-item.component.d.ts +15 -6
  16. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  17. package/eui-menu/eui-menu.component.d.ts +31 -8
  18. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  19. package/eui-menu/eui-menu.module.d.ts.map +1 -1
  20. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  21. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  22. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  23. package/fesm2022/eui-components-eui-menu.mjs +155 -80
  24. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  25. package/fesm2022/eui-components-eui-timeline.mjs +7 -6
  26. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  27. package/package.json +3 -3
package/docs/components/EuiMenuComponent.html CHANGED
@@ -125,6 +125,7 @@
125
125
  <code>OnInit</code>
126
126
  <code>OnChanges</code>
127
127
  <code>OnDestroy</code>
128
+ <code>AfterViewInit</code>
128
129
  </p>
129
130
 
130
131
 
@@ -139,13 +140,6 @@
139
140
  <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
140
141
  </tr>
141
142
 
142
- <tr>
143
- <td class="col-md-3">HostDirectives</td>
144
- <td class="col-md-9">
145
- <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
146
- <br/>
147
- </td>
148
- </tr>
149
143
 
150
144
 
151
145
 
@@ -197,10 +191,6 @@
197
191
  <tr>
198
192
  <td class="col-md-4">
199
193
  <ul class="index-list">
200
- <li>
201
- <span class="modifier">Public</span>
202
- <a href="#baseStatesDirective" >baseStatesDirective</a>
203
- </li>
204
194
  <li>
205
195
  <a href="#itemsState" >itemsState</a>
206
196
  </li>
@@ -374,7 +364,7 @@
374
364
  <tbody>
375
365
  <tr>
376
366
  <td class="col-md-4">
377
- <code>constructor(router: Router, route: ActivatedRoute, baseStatesDirective: <a href="../directives/BaseStatesDirective.html" target="_self">BaseStatesDirective</a>)</code>
367
+ <code>constructor(router: Router, route: ActivatedRoute)</code>
378
368
  </td>
379
369
  </tr>
380
370
 
@@ -415,18 +405,6 @@
415
405
  </td>
416
406
 
417
407
  </tr>
418
- <tr>
419
- <td>baseStatesDirective</td>
420
-
421
- <td>
422
- <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
423
- </td>
424
-
425
- <td>
426
- No
427
- </td>
428
-
429
- </tr>
430
408
  </tbody>
431
409
  </table>
432
410
  </div>
@@ -457,6 +435,13 @@
457
435
  <i>Default value : </i><code>false</code>
458
436
  </td>
459
437
  </tr>
438
+ <tr>
439
+ <td class="col-md-4">
440
+ <div class="io-description"><p>Expand all items in the menu. Affects only items that have no expanded property set.
441
+ e.g. items = [{label: test, expanded: true}, {label: test2, expanded: false}, {label: test3}] will expand only test3.</p>
442
+ </div>
443
+ </td>
444
+ </tr>
460
445
  </tbody>
461
446
  </table>
462
447
  <table class="table table-sm table-bordered">
@@ -1260,28 +1245,6 @@
1260
1245
  <h3 id="inputs">
1261
1246
  Properties
1262
1247
  </h3>
1263
- <table class="table table-sm table-bordered">
1264
- <tbody>
1265
- <tr>
1266
- <td class="col-md-4">
1267
- <a name="baseStatesDirective"></a>
1268
- <span class="name">
1269
- <span class="modifier">Public</span>
1270
- <span ><b>baseStatesDirective</b></span>
1271
- <a href="#baseStatesDirective"><span class="icon ion-ios-link"></span></a>
1272
- </span>
1273
- </td>
1274
- </tr>
1275
- <tr>
1276
- <td class="col-md-4">
1277
- <i>Type : </i> <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
1278
-
1279
- </td>
1280
- </tr>
1281
-
1282
-
1283
- </tbody>
1284
- </table>
1285
1248
  <table class="table table-sm table-bordered">
1286
1249
  <tbody>
1287
1250
  <tr>
@@ -1341,7 +1304,7 @@
1341
1304
  <script src="../js/libs/htmlparser.js"></script>
1342
1305
  <script src="../js/libs/deep-iterator.js"></script>
1343
1306
  <script>
1344
- var COMPONENT_TEMPLATE = '<div><div *ngIf="hasFilter && !isCollapsed" class="eui-menu-filter" (click)="onMenuFilterClick($event)"> <div class="eui-menu-filter__input-wrapper"> <input euiInputText [euiClearable]="true" (input)="onFilter($event)" class="eui-menu-filter__input" [placeholder]="searchFilterLabel" [attr.aria-label]="searchFilterLabel" [value]="filterValue" /> <eui-icon-svg icon="eui-search" class="eui-menu-filter__input-search" fillColor="grey-50" aria-label="Search Icon"></eui-icon-svg> </div></div><ul euiList class="eui-menu" role="menubar" aria-orientation="vertical"> <span *ngIf="!items" class="eui-menu--no-items">No menu items defined</span> <ng-template ngFor let-item let-index [ngForOf]="items"> <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template> </ng-template></ul><!-- describe the recursive template of the menu item --><ng-template #menuItemTemplateRef let-item="menuItem" let-i="index"> <!-- render the menu item--> <eui-menu-item *ngIf="item.filtered" [item]="item" [hasIcon]="hasIcons" [hasTooltip]="hasTooltip" [isCollapsed]="isCollapsed" [hasCollapsedInitials]="hasCollapsedInitials" [isLabelLowercase]="hasLowercaseItems" (expandToggle)="onExpandToggle($event)" (itemClick)="onClick($event)"> <!-- if the menu item has children, render the children --> <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label"> <ng-container *ngFor="let child of item.children; let childIndex = index"> <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex }"> </ng-template> </ng-container> </ul> </eui-menu-item></ng-template></div>'
1307
+ var COMPONENT_TEMPLATE = '<div><div *ngIf="hasFilter && !isCollapsed" class="eui-menu-filter" (click)="onMenuFilterClick($event)"> <div class="eui-menu-filter__input-wrapper"> <input #filterInput euiInputText [euiClearable]="true" (input)="onFilter($event)" class="eui-menu-filter__input" [placeholder]="searchFilterLabel" [attr.aria-label]="searchFilterLabel" [value]="filterValue" /> <eui-icon-svg icon="eui-search" class="eui-menu-filter__input-search" fillColor="grey-50" aria-label="Search Icon"></eui-icon-svg> </div></div><ul euiList class="eui-menu" role="menubar" aria-orientation="vertical"> <span *ngIf="!items" class="eui-menu--no-items">No menu items defined</span> <ng-template ngFor let-item let-index [ngForOf]="items"> <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template> </ng-template></ul><!-- describe the recursive template of the menu item --><ng-template #menuItemTemplateRef let-item="menuItem" let-i="index"> <!-- render the menu item--> <eui-menu-item *ngIf="item.filtered" [item]="item" [hasIcon]="hasIcons" [hasTooltip]="hasTooltip" [isCollapsed]="isCollapsed" [hasCollapsedInitials]="hasCollapsedInitials" [isLabelLowercase]="hasLowercaseItems" (expandToggle)="onExpandToggle($event)" (itemClick)="onClick($event)"> <!-- if the menu item has children, render the children --> <ul euiList *ngIf="item.children && (item.expanded || (hasFilter && item.filtered && filterInput?.nativeElement?.value.length > 0))" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label"> <ng-container *ngFor="let child of item.children; let childIndex = index"> <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex }"> </ng-template> </ng-container> </ul> </eui-menu-item></ng-template></div>'
1345
1308
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
1346
1309
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
1347
1310
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiCommonHeaderSubLabelContentDirective', 'selector': 'eui-common-header-sub-label'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
package/docs/components/EuiMenuItemComponent.html CHANGED
@@ -137,13 +137,6 @@
137
137
  <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
138
138
  </tr>
139
139
 
140
- <tr>
141
- <td class="col-md-3">HostDirectives</td>
142
- <td class="col-md-9">
143
- <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
144
- <br/>
145
- </td>
146
- </tr>
147
140
 
148
141
 
149
142
 
@@ -199,10 +192,6 @@
199
192
  <span class="modifier"></span>
200
193
  <a href="#ariaLabel" >ariaLabel</a>
201
194
  </li>
202
- <li>
203
- <span class="modifier">Public</span>
204
- <a href="#baseStatesDirective" >baseStatesDirective</a>
205
- </li>
206
195
  <li>
207
196
  <a href="#collapseMenuLabel" >collapseMenuLabel</a>
208
197
  </li>
@@ -234,6 +223,9 @@
234
223
  <tr>
235
224
  <td class="col-md-4">
236
225
  <ul class="index-list">
226
+ <li>
227
+ <a href="#elementIsVisibleInViewport" >elementIsVisibleInViewport</a>
228
+ </li>
237
229
  <li>
238
230
  <span class="modifier">Public</span>
239
231
  <a href="#onActionIconClick" >onActionIconClick</a>
@@ -246,6 +238,9 @@
246
238
  <span class="modifier">Public</span>
247
239
  <a href="#onExpandToggle" >onExpandToggle</a>
248
240
  </li>
241
+ <li>
242
+ <a href="#scrollIntoView" >scrollIntoView</a>
243
+ </li>
249
244
  <li>
250
245
  <span class="modifier"></span>
251
246
  <span class="modifier">Public</span>
@@ -366,7 +361,7 @@
366
361
  <tbody>
367
362
  <tr>
368
363
  <td class="col-md-4">
369
- <code>constructor(baseStatesDirective: <a href="../directives/BaseStatesDirective.html" target="_self">BaseStatesDirective</a>)</code>
364
+ <code>constructor(elementRef: ElementRef)</code>
370
365
  </td>
371
366
  </tr>
372
367
 
@@ -384,10 +379,10 @@
384
379
  </thead>
385
380
  <tbody>
386
381
  <tr>
387
- <td>baseStatesDirective</td>
382
+ <td>elementRef</td>
388
383
 
389
384
  <td>
390
- <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
385
+ <code>ElementRef</code>
391
386
  </td>
392
387
 
393
388
  <td>
@@ -420,11 +415,6 @@
420
415
 
421
416
  </td>
422
417
  </tr>
423
- <tr>
424
- <td class="col-md-4">
425
- <i>Default value : </i><code>false</code>
426
- </td>
427
- </tr>
428
418
  </tbody>
429
419
  </table>
430
420
  <table class="table table-sm table-bordered">
@@ -441,11 +431,6 @@
441
431
 
442
432
  </td>
443
433
  </tr>
444
- <tr>
445
- <td class="col-md-4">
446
- <i>Default value : </i><code>false</code>
447
- </td>
448
- </tr>
449
434
  </tbody>
450
435
  </table>
451
436
  <table class="table table-sm table-bordered">
@@ -462,11 +447,6 @@
462
447
 
463
448
  </td>
464
449
  </tr>
465
- <tr>
466
- <td class="col-md-4">
467
- <i>Default value : </i><code>false</code>
468
- </td>
469
- </tr>
470
450
  </tbody>
471
451
  </table>
472
452
  <table class="table table-sm table-bordered">
@@ -483,11 +463,6 @@
483
463
 
484
464
  </td>
485
465
  </tr>
486
- <tr>
487
- <td class="col-md-4">
488
- <i>Default value : </i><code>false</code>
489
- </td>
490
- </tr>
491
466
  </tbody>
492
467
  </table>
493
468
  <table class="table table-sm table-bordered">
@@ -504,11 +479,6 @@
504
479
 
505
480
  </td>
506
481
  </tr>
507
- <tr>
508
- <td class="col-md-4">
509
- <i>Default value : </i><code>false</code>
510
- </td>
511
- </tr>
512
482
  </tbody>
513
483
  </table>
514
484
  <table class="table table-sm table-bordered">
@@ -673,6 +643,69 @@
673
643
  <h3 id="methods">
674
644
  Methods
675
645
  </h3>
646
+ <table class="table table-sm table-bordered">
647
+ <tbody>
648
+ <tr>
649
+ <td class="col-md-4">
650
+ <a name="elementIsVisibleInViewport"></a>
651
+ <span class="name">
652
+ <span ><b>elementIsVisibleInViewport</b></span>
653
+ <a href="#elementIsVisibleInViewport"><span class="icon ion-ios-link"></span></a>
654
+ </span>
655
+ </td>
656
+ </tr>
657
+ <tr>
658
+ <td class="col-md-4">
659
+ <code>elementIsVisibleInViewport(partiallyVisible)</code>
660
+ </td>
661
+ </tr>
662
+
663
+
664
+
665
+
666
+ <tr>
667
+ <td class="col-md-4">
668
+ <div class="io-description"><p>Check if an element is visible in the viewport</p>
669
+ </div>
670
+
671
+ <div class="io-description">
672
+ <b>Parameters :</b>
673
+
674
+ <table class="params">
675
+ <thead>
676
+ <tr>
677
+ <td>Name</td>
678
+ <td>Optional</td>
679
+ <td>Default value</td>
680
+ </tr>
681
+ </thead>
682
+ <tbody>
683
+ <tr>
684
+ <td>partiallyVisible</td>
685
+
686
+ <td>
687
+ No
688
+ </td>
689
+
690
+ <td>
691
+ <code>false</code>
692
+ </td>
693
+
694
+ </tr>
695
+ </tbody>
696
+ </table>
697
+ </div>
698
+ <div class="io-description">
699
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
700
+
701
+ </div>
702
+ <div class="io-description">
703
+
704
+ </div>
705
+ </td>
706
+ </tr>
707
+ </tbody>
708
+ </table>
676
709
  <table class="table table-sm table-bordered">
677
710
  <tbody>
678
711
  <tr>
@@ -862,6 +895,65 @@
862
895
  </tr>
863
896
  </tbody>
864
897
  </table>
898
+ <table class="table table-sm table-bordered">
899
+ <tbody>
900
+ <tr>
901
+ <td class="col-md-4">
902
+ <a name="scrollIntoView"></a>
903
+ <span class="name">
904
+ <span ><b>scrollIntoView</b></span>
905
+ <a href="#scrollIntoView"><span class="icon ion-ios-link"></span></a>
906
+ </span>
907
+ </td>
908
+ </tr>
909
+ <tr>
910
+ <td class="col-md-4">
911
+ <code>scrollIntoView(properties)</code>
912
+ </td>
913
+ </tr>
914
+
915
+
916
+
917
+
918
+ <tr>
919
+ <td class="col-md-4">
920
+ <div class="io-description"><p>Scroll the element into view</p>
921
+ </div>
922
+
923
+ <div class="io-description">
924
+ <b>Parameters :</b>
925
+
926
+ <table class="params">
927
+ <thead>
928
+ <tr>
929
+ <td>Name</td>
930
+ <td>Optional</td>
931
+ </tr>
932
+ </thead>
933
+ <tbody>
934
+ <tr>
935
+ <td>properties</td>
936
+
937
+ <td>
938
+ No
939
+ </td>
940
+
941
+
942
+ </tr>
943
+ </tbody>
944
+ </table>
945
+ </div>
946
+ <div class="io-description">
947
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
948
+
949
+ </div>
950
+ <div class="io-description">
951
+
952
+ </div>
953
+ </td>
954
+ </tr>
955
+ </tbody>
956
+ </table>
865
957
  <table class="table table-sm table-bordered">
866
958
  <tbody>
867
959
  <tr>
@@ -973,28 +1065,6 @@
973
1065
  </tr>
974
1066
 
975
1067
 
976
- </tbody>
977
- </table>
978
- <table class="table table-sm table-bordered">
979
- <tbody>
980
- <tr>
981
- <td class="col-md-4">
982
- <a name="baseStatesDirective"></a>
983
- <span class="name">
984
- <span class="modifier">Public</span>
985
- <span ><b>baseStatesDirective</b></span>
986
- <a href="#baseStatesDirective"><span class="icon ion-ios-link"></span></a>
987
- </span>
988
- </td>
989
- </tr>
990
- <tr>
991
- <td class="col-md-4">
992
- <i>Type : </i> <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
993
-
994
- </td>
995
- </tr>
996
-
997
-
998
1068
  </tbody>
999
1069
  </table>
1000
1070
  <table class="table table-sm table-bordered">
@@ -1200,7 +1270,7 @@
1200
1270
  <script src="../js/libs/htmlparser.js"></script>
1201
1271
  <script src="../js/libs/deep-iterator.js"></script>
1202
1272
  <script>
1203
- var COMPONENT_TEMPLATE = '<div><li *ngIf="isLabelItem && item.visible && item.filtered" role="none" id="{{item.id}}" class="eui-menu-item eui-menu-item__category" [attr.data-e2e]="item.e2eAttr" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled" [euiTooltip]="menuItemTooltip" position="after"> <ng-template *ngTemplateOutlet="itemIconContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> <span class="eui-menu-item__category-label"> <span class="eui-menu-item__label">{{ item.label }}</span> </span></li><li *ngIf="isUrlItem && item.visible && item.filtered" role="none" id="{{item.id}}" [attr.data-e2e]="item.e2eAttr" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded"> <a (click)="onClick($event)" [tabindex]="item.disabled ? \'-1\' : \'0\'" [routerLink]="item.url ? item.url : null" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-haspopup]="item?.children?.length > 0" [attr.aria-disabled]="item.disabled" [routerLinkActive]="item.url ? \'eui-menu-item__link--active\' : \'\'" [class.eui-menu-item__link--active]="item.active" [euiTooltip]="menuItemTooltip" position="after"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><li *ngIf="isLinkItem && item.visible && item.filtered" role="none" id="{{item.id}}" [attr.data-e2e]="item.e2eAttr" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded"> <a (click)="onClick($event)" [tabindex]="item.disabled ? \'-1\' : \'0\'" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-haspopup]="item?.children?.length > 0" [attr.aria-disabled]="item.disabled" [class.eui-menu-item__link--active]="item.active" href="javascript:void(0)" [euiTooltip]="menuItemTooltip" position="after"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><ng-template #linkContent> <ng-template *ngTemplateOutlet="itemIconContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> <eui-icon-svg *ngIf="item.hasMarker && !hasCollapsedInitials" class="eui-menu-item__link-marker eui-menu-item__link-marker--default" fillColor="{{ item?.markerTypeClass }}-100" icon="eui-ellipse" size="xs" [aria-label]="item.markerTypeClass + \' \' + \'marker\'"> </eui-icon-svg> <span class="eui-menu-item__link-label" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled"> <span class="eui-menu-item__label">{{ item.label }}</span> <eui-icon-svg *ngIf="item.urlExternal && item.urlExternalTarget === \'_blank\'" class="eui-menu-item__label-external" icon="eui-ecl-external" size="2xs" aria-label="external link icon"> </eui-icon-svg> </span> <div class="eui-menu-item__link-right-content"> <eui-chip *ngIf="item.tagLabel" euiSizeXS euiOutline styleClass="eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}" [ariaLabel]="item.tagLabel"> <span euiLabel class="eui-label">{{ item.tagLabel }}</span> </eui-chip> <button *ngIf="item.actionIcon" euiButton euiRounded euiIconButton euiSizeS euiBasicButton type="button" class="eui-menu-item__link-action-icon" [euiDisabled]="item.disabled" [attr.aria-label]="item.actionIcon?.label" (click)="onActionIconClick($event)"> <eui-icon-svg [icon]="item.actionIcon?.icon" [fillColor]="item.actionIcon?.color"></eui-icon-svg> </button> <button *ngIf="item.children?.length > 0" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary type="button" [euiDisabled]="item.disabled" class="eui-menu-item__link-toggle" [attr.aria-label]="item.expanded ? collapseMenuLabel : expandMenuLabel" (click)="onExpandToggle($event)"> <eui-icon-svg *ngIf="item.expanded" icon="eui-chevron-up"></eui-icon-svg> <eui-icon-svg *ngIf="!item.expanded" icon="eui-chevron-down"></eui-icon-svg> </button> </div></ng-template><ng-template #content> <ng-content></ng-content></ng-template><ng-template #itemIconContent> @if (!isCollapsed) { <eui-icon-svg *ngIf="hasIcon && item.iconSvgName && !item.iconClass" class="eui-menu-item__link-icon" icon="{{ item.iconSvgName }}" fillColor="{{ item.iconTypeClass }}" size="s"> </eui-icon-svg> <span *ngIf="hasIcon && item.iconClass && !item.iconSvgName" [attr.aria-label]="item.iconLabel" class="eui-menu-item__link-icon eui-icon {{item.iconClass}}"> </span> } @else { @if (hasCollapsedInitials) { <span class="eui-menu-item__link-initials eui-u-bg-color-{{item.iconTypeClass}}"> {{ item.initials }} </span> } @else { @if (hasIcon) { <!-- with SVG icon--> <eui-icon-svg *ngIf="!item.iconClass && item.iconSvgName" icon="{{ item.iconSvgName }}" fillColor="{{ item.iconTypeClass }}" size="s"> </eui-icon-svg> <eui-icon-svg *ngIf="!item.iconClass && !item.iconSvgName && !item.hasMarker" class="eui-menu-item__category-icon--default" icon="eui-ellipse" fillColor="grey-75" size="xs"> </eui-icon-svg> <!-- with webfont icon (TODO v18: deprecated) --> <span *ngIf="item.iconClass && !item.iconSvgName" [attr.aria-label]="item.iconLabel" class="eui-icon {{item.iconClass}}"> </span> } @else { <eui-icon-svg *ngIf="!item.hasMarker" class="eui-menu-item__link-icon--default" icon="eui-ellipse" size="xs" [aria-label]="item.iconLabel"> </eui-icon-svg> } } }</ng-template></div>'
1273
+ var COMPONENT_TEMPLATE = '<div><li *ngIf="isLabelItem && item.visible && item.filtered" role="none" id="{{item.id}}" class="eui-menu-item eui-menu-item__category" [attr.data-e2e]="item.e2eAttr" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled" [euiTooltip]="menuItemTooltip" position="after"> <ng-template *ngTemplateOutlet="itemIconContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> <span class="eui-menu-item__category-label"> <span class="eui-menu-item__label">{{ item.label }}</span> </span></li><li *ngIf="isUrlItem && item.visible && item.filtered" role="none" id="{{item.id}}" [attr.data-e2e]="item.e2eAttr" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded || item.filtered"> <a (click)="onClick($event)" [tabindex]="item.disabled ? \'-1\' : \'0\'" [routerLink]="item.url ? item.url : null" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-haspopup]="item?.children?.length > 0" [attr.aria-disabled]="item.disabled" [routerLinkActive]="item.url ? \'eui-menu-item__link--active\' : \'\'" [class.eui-menu-item__link--active]="item.active" [euiTooltip]="menuItemTooltip" position="after"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><li *ngIf="isLinkItem && item.visible && item.filtered" role="none" id="{{item.id}}" [attr.data-e2e]="item.e2eAttr" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded || item.filtered"> <a (click)="onClick($event)" [tabindex]="item.disabled ? \'-1\' : \'0\'" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-haspopup]="item?.children?.length > 0" [attr.aria-disabled]="item.disabled" [class.eui-menu-item__link--active]="item.active" href="javascript:void(0)" [euiTooltip]="menuItemTooltip" position="after"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><ng-template #linkContent> <ng-template *ngTemplateOutlet="itemIconContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> <eui-icon-svg *ngIf="item.hasMarker && !hasCollapsedInitials" class="eui-menu-item__link-marker eui-menu-item__link-marker--default" fillColor="{{ item?.markerTypeClass }}-100" icon="eui-ellipse" size="xs" [aria-label]="item.markerTypeClass + \' \' + \'marker\'"> </eui-icon-svg> <span class="eui-menu-item__link-label" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled"> <span class="eui-menu-item__label">{{ item.label }}</span> <eui-icon-svg *ngIf="item.urlExternal && item.urlExternalTarget === \'_blank\'" class="eui-menu-item__label-external" icon="eui-ecl-external" size="2xs" aria-label="external link icon"> </eui-icon-svg> </span> <div class="eui-menu-item__link-right-content"> <eui-chip *ngIf="item.tagLabel" euiSizeXS euiOutline styleClass="eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}" [ariaLabel]="item.tagLabel"> <span euiLabel class="eui-label">{{ item.tagLabel }}</span> </eui-chip> <button *ngIf="item.actionIcon" euiButton euiRounded euiIconButton euiSizeS euiBasicButton type="button" class="eui-menu-item__link-action-icon" [euiDisabled]="item.disabled" [attr.aria-label]="item.actionIcon?.label" (click)="onActionIconClick($event)"> <eui-icon-svg [icon]="item.actionIcon?.icon" [fillColor]="item.actionIcon?.color"></eui-icon-svg> </button> <button *ngIf="item.children?.length > 0" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary type="button" [euiDisabled]="item.disabled" class="eui-menu-item__link-toggle" [attr.aria-label]="item.expanded ? collapseMenuLabel : expandMenuLabel" (click)="onExpandToggle($event)"> <eui-icon-svg *ngIf="item.expanded" icon="eui-chevron-up"></eui-icon-svg> <eui-icon-svg *ngIf="!item.expanded" icon="eui-chevron-down"></eui-icon-svg> </button> </div></ng-template><ng-template #content> <ng-content></ng-content></ng-template><ng-template #itemIconContent> @if (!isCollapsed) { <eui-icon-svg *ngIf="hasIcon && item.iconSvgName && !item.iconClass" class="eui-menu-item__link-icon" icon="{{ item.iconSvgName }}" fillColor="{{ item.iconTypeClass }}" size="s"> </eui-icon-svg> <span *ngIf="hasIcon && item.iconClass && !item.iconSvgName" [attr.aria-label]="item.iconLabel" class="eui-menu-item__link-icon eui-icon {{item.iconClass}}"> </span> } @else { @if (hasCollapsedInitials) { <span class="eui-menu-item__link-initials eui-u-bg-color-{{item.iconTypeClass}}"> {{ item.initials }} </span> } @else { @if (hasIcon) { <!-- with SVG icon--> <eui-icon-svg *ngIf="!item.iconClass && item.iconSvgName" icon="{{ item.iconSvgName }}" fillColor="{{ item.iconTypeClass }}" size="s"> </eui-icon-svg> <eui-icon-svg *ngIf="!item.iconClass && !item.iconSvgName && !item.hasMarker" class="eui-menu-item__category-icon--default" icon="eui-ellipse" fillColor="grey-75" size="xs"> </eui-icon-svg> <!-- with webfont icon (TODO v18: deprecated) --> <span *ngIf="item.iconClass && !item.iconSvgName" [attr.aria-label]="item.iconLabel" class="eui-icon {{item.iconClass}}"> </span> } @else { <eui-icon-svg *ngIf="!item.hasMarker" class="eui-menu-item__link-icon--default" icon="eui-ellipse" size="xs" [aria-label]="item.iconLabel"> </eui-icon-svg> } } }</ng-template></div>'
1204
1274
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
1205
1275
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
1206
1276
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiCommonHeaderSubLabelContentDirective', 'selector': 'eui-common-header-sub-label'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
package/docs/components/EuiTimelineItemComponent.html CHANGED
@@ -581,7 +581,7 @@
581
581
  <script src="../js/libs/htmlparser.js"></script>
582
582
  <script src="../js/libs/deep-iterator.js"></script>
583
583
  <script>
584
- var COMPONENT_TEMPLATE = '<div><div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content"> <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div> <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div></div><div class="eui-timeline-item__icon" [class.eui-timeline-item__icon--group]="isGroup"></div><div class="eui-timeline-item__content"> <ng-container #customContent> <ng-content></ng-content> </ng-container> <ng-container *ngIf="customContent?.childNodes.length === 0"> <div class="eui-timeline-item__title">{{ label }}</div> <div class="eui-timeline-item__subtitle">{{ subLabel }}</div> <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div> <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div> </ng-container></div></div>'
584
+ var COMPONENT_TEMPLATE = '<div>@if ( !isLeftAligned ) { <div class="eui-timeline-item__left-content"> @if ( date ) { <div class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div> } @if ( time ) { <div class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div> } </div>}<div class="eui-timeline-item__icon" [class.eui-timeline-item__icon--group]="isGroup"></div><div class="eui-timeline-item__content"> <ng-container #customContent> <ng-content></ng-content> </ng-container> @if ( !customContent?.hasChildNodes() ) { <div class="eui-timeline-item__title">{{ label }}</div> <div class="eui-timeline-item__subtitle">{{ subLabel }}</div> @if ( isLeftAligned && date ) { <div class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div> } @if ( isLeftAligned && time ) { <div class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div> } }</div></div>'
585
585
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
586
586
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
587
587
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiCommonHeaderSubLabelContentDirective', 'selector': 'eui-common-header-sub-label'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
package/docs/dependencies.html CHANGED
@@ -311,9 +311,9 @@
311
311
  <li>
312
312
  <b>@stackblitz/sdk</b> : 1.9.0</li>
313
313
  <li>
314
- <b>@eui/styles-base</b> : 17.3.5-snapshot-1715822309799</li>
314
+ <b>@eui/styles-base</b> : 17.3.5-snapshot-1716168170059</li>
315
315
  <li>
316
- <b>@eui/ecl</b> : 17.3.5-snapshot-1715822309799</li>
316
+ <b>@eui/ecl</b> : 17.3.5-snapshot-1716168170059</li>
317
317
  <li>
318
318
  <b>@eui/tools</b> : ^6.0.0</li>
319
319
  </ul>