@eui/components 21.0.0-alpha.16 → 21.0.0-alpha.17

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 (24) hide show
  1. package/docs/changelog.html +56 -0
  2. package/docs/components/EuiAppSidebarMenuComponent.html +39 -1
  3. package/docs/components/EuiMenuComponent.html +53 -1
  4. package/docs/components/EuiTreeComponent.html +60 -0
  5. package/docs/js/search/search_index.js +2 -2
  6. package/docs/properties.html +1 -1
  7. package/eui-menu/index.d.ts +1 -0
  8. package/eui-menu/index.d.ts.map +1 -1
  9. package/eui-tree/index.d.ts +15 -1
  10. package/eui-tree/index.d.ts.map +1 -1
  11. package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
  12. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  13. package/fesm2022/eui-components-eui-menu.mjs +5 -2
  14. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  15. package/fesm2022/eui-components-eui-tree.mjs +29 -8
  16. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  17. package/fesm2022/eui-components-layout-eui-app.mjs +13 -3
  18. package/fesm2022/eui-components-layout-eui-app.mjs.map +1 -1
  19. package/fesm2022/eui-components-layout-eui-sidebar-toggle.mjs +9 -0
  20. package/fesm2022/eui-components-layout-eui-sidebar-toggle.mjs.map +1 -1
  21. package/layout/eui-app/index.d.ts +5 -3
  22. package/layout/eui-app/index.d.ts.map +1 -1
  23. package/layout/eui-sidebar-toggle/index.d.ts.map +1 -1
  24. package/package.json +7 -7
package/docs/changelog.html CHANGED
@@ -99,6 +99,62 @@
99
99
 
100
100
 
101
101
 
102
+ <h2>21.0.0-alpha.16 (2025-09-17)</h2>
103
+ <h5>Chores</h5>
104
+ <ul>
105
+ <li><strong>toolbar:</strong><ul>
106
+ <li>BREAKING CHANGE - remove toolbar-menu - replaced by toolbar-mega-menu component following EDS specs v1 - EUI-11294 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11294">EUI-11294</a> ([b697664f](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
107
+ /commits/b697664f110019bfc02451dd77bf4f63b9ac2fee))</li>
108
+ </ul>
109
+ </li>
110
+ <li><strong>charts:</strong><ul>
111
+ <li>remove remaining ngModule usages in components - EUI_CHARTS import has to be used instead of EuiChartsModule - EUI-11924 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11924">EUI-11924</a> ([aac43e8f](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
112
+ /commits/aac43e8ff59b6b35f77b5ad328260331376035b8))</li>
113
+ </ul>
114
+ </li>
115
+ <li><strong>eui-table:</strong><ul>
116
+ <li>BREAKING CHANGE - Replace eui-table by eui-table-v2 - EUI-11342 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11342">EUI-11342</a> ([099d5c0c](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
117
+ /commits/099d5c0c6ee9b13c57e437c657d948031ad6bd85))</li>
118
+ </ul>
119
+ </li>
120
+ <li><strong>breaking changes:</strong><ul>
121
+ <li>remove all modules exports from components - standalone export has to be used instead - EUI-11294 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11294">EUI-11294</a> ([e4a8eb2c](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
122
+ /commits/e4a8eb2ca66d7c90f00ca701292475467dc28c9f))</li>
123
+ <li>remove all module exports from components - EUI-11294 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11294">EUI-11294</a> ([fc50fac5](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
124
+ /commits/fc50fac5bafe00abe459f8cf89166422aea954c5))</li>
125
+ </ul>
126
+ </li>
127
+ <li><strong>styles:</strong><ul>
128
+ <li>Fixed eui-autocomplete &amp; eui-chips-list with chips positions &amp; vertical drag and drop - EUI-11354 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11354">EUI-11354</a> ([80a6bc87](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
129
+ /commits/80a6bc87ac813d91e4d8aa03da7d8a871525fa06))</li>
130
+ </ul>
131
+ </li>
132
+ <li><strong>showcase:</strong><ul>
133
+ <li>migrated all components to standalone - EUI-11294 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11294">EUI-11294</a> ([9974fc66](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
134
+ /commits/9974fc66af570b55787685ab094f7b2bae35c3a4))</li>
135
+ </ul>
136
+ </li>
137
+ <li><strong>layout:</strong><ul>
138
+ <li>BREAKING CHANGES - removal of EuiLayoutModule - EUI_LAYOUT and related sub-entries for layout components must be imported explicitely and in standalone way - EUI-11924 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11924">EUI-11924</a> ([7dd224be](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
139
+ /commits/7dd224beabd319b0417442d48c90d841577657b6))</li>
140
+ </ul>
141
+ </li>
142
+ <li><strong>deps:</strong><ul>
143
+ <li>BREAKING CHANGE - upgraded to Angular 21.0.0-next.3 - Typescript 5.9.2 - EUI-11294 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11294">EUI-11294</a> ([48e355f6](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
144
+ /commits/48e355f64fce1af1dc3437bcb75c8b2c0f9f772b))</li>
145
+ </ul>
146
+ </li>
147
+ </ul>
148
+ <h5>Bug Fixes</h5>
149
+ <ul>
150
+ <li><strong>ecl-banner:</strong><ul>
151
+ <li>flickering issue, updated the resize funtions from ECL EUI-11357 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11357">EUI-11357</a> ([57f6ffd2](<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git">https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui.git</a>
152
+ /commits/57f6ffd25ceb6267895d9d05bc9054b781023a4a))</li>
153
+ </ul>
154
+ </li>
155
+ </ul>
156
+ <hr>
157
+ <hr>
102
158
  <h2>21.0.0-alpha.15 (2025-09-12)</h2>
103
159
  <h5>Chores</h5>
104
160
  <ul>
package/docs/components/EuiAppSidebarMenuComponent.html CHANGED
@@ -134,6 +134,7 @@
134
134
  </p>
135
135
  <p class="comment">
136
136
  <code>OnInit</code>
137
+ <code>AfterViewInit</code>
137
138
  <code>OnChanges</code>
138
139
  <code>OnDestroy</code>
139
140
  </p>
@@ -211,6 +212,11 @@
211
212
  <span class="modifier"></span>
212
213
  <a href="#class" >class</a>
213
214
  </li>
215
+ <li>
216
+ <span class="modifier"></span>
217
+ <span class="modifier">Optional</span>
218
+ <a href="#menu" >menu</a>
219
+ </li>
214
220
  </ul>
215
221
  </td>
216
222
  </tr>
@@ -841,6 +847,38 @@
841
847
  </tr>
842
848
 
843
849
 
850
+ </tbody>
851
+ </table>
852
+ <table class="table table-sm table-bordered">
853
+ <tbody>
854
+ <tr>
855
+ <td class="col-md-4">
856
+ <a name="menu"></a>
857
+ <span class="name">
858
+ <span class="modifier"></span>
859
+ <span class="modifier">Optional</span>
860
+ <span ><b>menu</b></span>
861
+ <a href="#menu"><span class="icon ion-ios-link"></span></a>
862
+ </span>
863
+ </td>
864
+ </tr>
865
+ <tr>
866
+ <td class="col-md-4">
867
+ <i>Type : </i> <code><a href="../components/EuiMenuComponent.html" target="_self" >EuiMenuComponent</a></code>
868
+
869
+ </td>
870
+ </tr>
871
+ <tr>
872
+ <td class="col-md-4">
873
+ <b>Decorators : </b>
874
+ <br />
875
+ <code>
876
+ @ViewChild(&#x27;menu&#x27;, {static: false})<br />
877
+ </code>
878
+ </td>
879
+ </tr>
880
+
881
+
844
882
  </tbody>
845
883
  </table>
846
884
  </section>
@@ -859,7 +897,7 @@
859
897
  <script src="../js/libs/htmlparser.js"></script>
860
898
  <script src="../js/libs/deep-iterator.js"></script>
861
899
  <script>
862
- var COMPONENT_TEMPLATE = '<div><eui-menu [items]="items" [hasFilter]="hasFilter" [hasIcons]="hasIcons" [hasIconsLabels]="hasIconsLabels" [hasTooltip]="hasTooltip" [hasTooltipOnExpanded]="hasTooltipOnExpanded" [expandAllItems]="expandAllItems" [isFlat]="isFlat" [hasScrollToItem]="hasScrollToItem" [hasCollapsedInitials]="hasCollapsedInitials" [hasBoldRootLevel]="hasBoldRootLevel" [isCollapsed]="!(asService.state$ | async).isSidebarOpen" (itemClick)="onMenuItemClicked($event)" (expandToggle)="onSidebarItemToggled($event)" /></div>'
900
+ var COMPONENT_TEMPLATE = '<div><eui-menu #menu [items]="items" [hasFilter]="hasFilter" [hasIcons]="hasIcons" [hasIconsLabels]="hasIconsLabels" [hasTooltip]="hasTooltip" [hasTooltipOnExpanded]="hasTooltipOnExpanded" [expandAllItems]="expandAllItems" [isFlat]="isFlat" [hasScrollToItem]="hasScrollToItem" [hasCollapsedInitials]="hasCollapsedInitials" [hasBoldRootLevel]="hasBoldRootLevel" [isCollapsed]="!(asService.state$ | async).isSidebarOpen" (itemClick)="onMenuItemClicked($event)" (expandToggle)="onSidebarItemToggled($event)" /></div>'
863
901
  var COMPONENTS = [{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAccordionComponent', 'selector': 'eui-accordion'},{'name': 'EuiAccordionItemComponent', 'selector': 'eui-accordion-item'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAlertTitleComponent', 'selector': 'eui-alert-title'},{'name': 'EuiApexChartComponent', 'selector': 'eui-apex-chart'},{'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': 'EuiAvatarContentComponent', 'selector': 'eui-avatar-content'},{'name': 'EuiAvatarContentLabelComponent', 'selector': 'eui-avatar-content-label'},{'name': 'EuiAvatarContentSublabelComponent', 'selector': 'eui-avatar-content-sublabel'},{'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': 'EuiBannerComponent', 'selector': 'eui-banner'},{'name': 'EuiBannerCtaComponent', 'selector': 'eui-banner-cta'},{'name': 'EuiBannerDescriptionComponent', 'selector': 'eui-banner-description'},{'name': 'EuiBannerTitleComponent', 'selector': 'eui-banner-title'},{'name': 'EuiBannerVideoComponent', 'selector': 'eui-banner-video'},{'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': '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': 'EuiCardFooterMenuComponent', 'selector': 'eui-card-footer-menu'},{'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': 'EuiChipGroupComponent', 'selector': 'eui-chip-group'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommentItemComponent', 'selector': 'eui-comment-item'},{'name': 'EuiCommentItemRightActionsComponent', 'selector': 'eui-comment-item-right-actions'},{'name': 'EuiCommentTextareaComponent', 'selector': 'eui-comment-textarea'},{'name': 'EuiCommentThreadComponent', 'selector': 'eui-comment-thread'},{'name': 'EuiContentCardBodyComponent', 'selector': 'eui-content-card-body'},{'name': 'EuiContentCardBodyTopComponent', 'selector': 'eui-content-card-body-top'},{'name': 'EuiContentCardComponent', 'selector': 'eui-content-card'},{'name': 'EuiContentCardFooterComponent', 'selector': 'eui-content-card-footer'},{'name': 'EuiContentCardHeaderComponent', 'selector': 'eui-content-card-header'},{'name': 'EuiContentCardHeaderEndComponent', 'selector': 'eui-content-card-header-end'},{'name': 'EuiContentCardHeaderMetadataComponent', 'selector': 'eui-content-card-header-metadata'},{'name': 'EuiContentCardHeaderStartComponent', 'selector': 'eui-content-card-header-start'},{'name': 'EuiContentCardHeaderSubmetadataComponent', 'selector': 'eui-content-card-header-submetadata'},{'name': 'EuiContentCardHeaderSubtitleComponent', 'selector': 'eui-content-card-header-subtitle'},{'name': 'EuiContentCardHeaderTitleComponent', 'selector': 'eui-content-card-header-title'},{'name': 'EuiContentCardMediaComponent', 'selector': 'eui-content-card-media'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDashboardCardContentBodyComponent', 'selector': 'eui-dashboard-card-content-body'},{'name': 'EuiDashboardCardContentComponent', 'selector': 'eui-dashboard-card-content'},{'name': 'EuiDashboardCardContentFooterComponent', 'selector': 'eui-dashboard-card-content-footer'},{'name': 'EuiDashboardCardContentHeaderActionComponent', 'selector': 'eui-dashboard-card-content-header-action'},{'name': 'EuiDashboardCardContentHeaderComponent', 'selector': 'eui-dashboard-card-content-header'},{'name': 'EuiDashboardCardContentHeaderIconComponent', 'selector': 'eui-dashboard-card-content-header-icon'},{'name': 'EuiDashboardCardContentHeaderTitleComponent', 'selector': 'eui-dashboard-card-content-header-title'},{'name': 'EuiDashboardCardStatusContentComponent', 'selector': 'eui-dashboard-card-status-content'},{'name': 'EuiDateBlockComponent', 'selector': 'eui-date-block'},{'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': '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': 'EuiHeaderSearchComponent', 'selector': 'eui-header-search'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconButtonComponent', 'selector': 'eui-icon-button'},{'name': 'EuiIconButtonExpanderComponent', 'selector': 'eui-icon-button-expander'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconInputComponent', 'selector': 'eui-icon-input'},{'name': 'EuiIconStateComponent', 'selector': 'eui-icon-state'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupAddOnComponent', 'selector': 'div[euiInputGroupAddOn], eui-input-group-addon'},{'name': 'EuiInputGroupAddOnItemComponent', 'selector': 'div[euiInputGroupAddOnItem], eui-input-group-addon-item'},{'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,
864
902
  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': 'EuiNavbarComponent', 'selector': 'eui-navbar'},{'name': 'EuiNavbarItemComponent', 'selector': 'eui-navbar-item'},{'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': 'EuiOverlayContentComponent', 'selector': 'eui-overlay-content'},{'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': 'EuiPageHeaderActionItemsComponent', 'selector': 'eui-page-header-action-items'},{'name': 'EuiPageHeaderBodyComponent', 'selector': 'eui-page-header-body'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeaderSubLabelComponent', 'selector': 'eui-page-header-sub-label'},{'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': 'EuiRatingComponent', 'selector': 'eui-rating'},{'name': 'EuiRatingTestComponent', 'selector': ''},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSectionHeaderActionComponent', 'selector': 'eui-section-header-action'},{'name': 'EuiSectionHeaderComponent', 'selector': 'eui-section-header'},{'name': 'EuiSectionHeaderDescriptionComponent', 'selector': 'eui-section-header-description'},{'name': 'EuiSectionHeaderIconComponent', 'selector': 'eui-section-header-icon'},{'name': 'EuiSectionHeaderTitleComponent', 'selector': 'eui-section-header-title'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSliderComponent', 'selector': 'eui-slider'},{'name': 'EuiSliderTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'name': 'EuiStatusBadgeComponent', 'selector': 'div[euiStatusBadge], span[euiStatusBadge], eui-status-badge'},{'name': 'EuiTabBodyComponent', 'selector': 'eui-tab-body'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabHeaderComponent', 'selector': 'eui-tab-header'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[isSortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTabsRightContentComponent', 'selector': 'eui-tabs-right-content'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiTimeRangepickerComponent', 'selector': 'eui-time-range-picker'},{'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': 'EuiToolbarMegaMenuComponent', 'selector': 'eui-toolbar-mega-menu'},{'name': 'EuiToolbarNavbarComponent', 'selector': 'eui-toolbar-navbar'},{'name': 'EuiToolbarNavbarItemComponent', 'selector': 'eui-toolbar-navbar-item'},{'name': 'EuiToolbarSearchComponent', 'selector': 'eui-toolbar-search'},{'name': 'EuiToolbarSelectorComponent', 'selector': 'eui-toolbar-selector'},{'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': 'PaginationComponent', 'selector': ''},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
865
903
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'EuiAccordionItemHeaderDirective', 'selector': 'eui-accordion-item-header'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiArrowKeyNavigableDirective', 'selector': '[euiArrowKeyNavigable]'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'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': 'EuiIconDirective', 'selector': 'input[euiInputText][euiIcon]'},{'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/EuiMenuComponent.html CHANGED
@@ -204,6 +204,21 @@
204
204
  <h3 id="index">Index</h3>
205
205
  <table class="table table-sm table-bordered index-table">
206
206
  <tbody>
207
+ <tr>
208
+ <td class="col-md-4">
209
+ <h6><b>Properties</b></h6>
210
+ </td>
211
+ </tr>
212
+ <tr>
213
+ <td class="col-md-4">
214
+ <ul class="index-list">
215
+ <li>
216
+ <span class="modifier"></span>
217
+ <a href="#menubar" >menubar</a>
218
+ </li>
219
+ </ul>
220
+ </td>
221
+ </tr>
207
222
 
208
223
  <tr>
209
224
  <td class="col-md-4">
@@ -921,6 +936,43 @@ e.g. items = [{label: test, expanded: true}, {label: test2, expanded: false}, {l
921
936
  </tbody>
922
937
  </table>
923
938
  </section>
939
+ <section data-compodoc="block-properties">
940
+
941
+ <h3 id="inputs">
942
+ Properties
943
+ </h3>
944
+ <table class="table table-sm table-bordered">
945
+ <tbody>
946
+ <tr>
947
+ <td class="col-md-4">
948
+ <a name="menubar"></a>
949
+ <span class="name">
950
+ <span class="modifier"></span>
951
+ <span ><b>menubar</b></span>
952
+ <a href="#menubar"><span class="icon ion-ios-link"></span></a>
953
+ </span>
954
+ </td>
955
+ </tr>
956
+ <tr>
957
+ <td class="col-md-4">
958
+ <i>Type : </i> <code>ElementRef&lt;HTMLUListElement&gt;</code>
959
+
960
+ </td>
961
+ </tr>
962
+ <tr>
963
+ <td class="col-md-4">
964
+ <b>Decorators : </b>
965
+ <br />
966
+ <code>
967
+ @ViewChild(&#x27;menubar&#x27;, {read: ElementRef})<br />
968
+ </code>
969
+ </td>
970
+ </tr>
971
+
972
+
973
+ </tbody>
974
+ </table>
975
+ </section>
924
976
 
925
977
  <section data-compodoc="block-accessors">
926
978
  <h3 id="accessors">
@@ -958,7 +1010,7 @@ e.g. items = [{label: test, expanded: true}, {label: test2, expanded: false}, {l
958
1010
  <script src="../js/libs/htmlparser.js"></script>
959
1011
  <script src="../js/libs/deep-iterator.js"></script>
960
1012
  <script>
961
- var COMPONENT_TEMPLATE = '<div>@if (hasFilter) { <div class="eui-menu-filter" [class.eui-menu-filter--collapsed]="isCollapsed" (click)="onMenuFilterClick($event)"> <eui-icon-input> <eui-icon-svg icon="eui-search" fillColor="secondary" aria-label="Search Icon"></eui-icon-svg> <input #filterInput euiInputText [euiClearable]="true" (input)="onFilter($event)" [placeholder]="searchFilterLabel" [attr.aria-label]="searchFilterLabel" [value]="filterValue" /> </eui-icon-input> </div>}<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)"> @if (items) { @for (item of items; track item.id; let index = $index) { <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"></ng-template> } } @else { <span class="eui-menu--no-items">No menu items defined</span> }</ul><!-- describe the recursive template of the menu item --><ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index"> <!-- render the menu item--> @if (item.filtered) { <eui-menu-item [item]="item" [parent]="parent" [hasIcon]="hasIcons" [hasIconLabel]="hasIconsLabels" [hasTooltip]="hasTooltip" [hasTooltipOnExpanded]="hasTooltipOnExpanded" [isCollapsed]="isCollapsed" [hasBoldRootLevel]="hasBoldRootLevel" [hasCollapsedInitials]="hasCollapsedInitials" (expandToggle)="onExpandToggle($event)" (itemClick)="onClick($event)" [hasExpandIcon]="hasExpandIcon"> <!-- if the menu item has children, render the children --> @if (shouldRenderChild(item)) { <ul euiList class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1"> @for (child of item.children; track child.id; let childIndex = $index) { <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }"> </ng-template> } </ul> } </eui-menu-item> }</ng-template></div>'
1013
+ var COMPONENT_TEMPLATE = '<div>@if (hasFilter) { <div class="eui-menu-filter" [class.eui-menu-filter--collapsed]="isCollapsed" (click)="onMenuFilterClick($event)"> <eui-icon-input> <eui-icon-svg icon="eui-search" fillColor="secondary" aria-label="Search Icon"></eui-icon-svg> <input #filterInput euiInputText [euiClearable]="true" (input)="onFilter($event)" [placeholder]="searchFilterLabel" [attr.aria-label]="searchFilterLabel" [value]="filterValue" /> </eui-icon-input> </div>}<ul #menubar euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)"> @if (items) { @for (item of items; track item.id; let index = $index) { <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"></ng-template> } } @else { <span class="eui-menu--no-items">No menu items defined</span> }</ul><!-- describe the recursive template of the menu item --><ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index"> <!-- render the menu item--> @if (item.filtered) { <eui-menu-item [item]="item" [parent]="parent" [hasIcon]="hasIcons" [hasIconLabel]="hasIconsLabels" [hasTooltip]="hasTooltip" [hasTooltipOnExpanded]="hasTooltipOnExpanded" [isCollapsed]="isCollapsed" [hasBoldRootLevel]="hasBoldRootLevel" [hasCollapsedInitials]="hasCollapsedInitials" (expandToggle)="onExpandToggle($event)" (itemClick)="onClick($event)" [hasExpandIcon]="hasExpandIcon"> <!-- if the menu item has children, render the children --> @if (shouldRenderChild(item)) { <ul euiList class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1"> @for (child of item.children; track child.id; let childIndex = $index) { <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }"> </ng-template> } </ul> } </eui-menu-item> }</ng-template></div>'
962
1014
  var COMPONENTS = [{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAccordionComponent', 'selector': 'eui-accordion'},{'name': 'EuiAccordionItemComponent', 'selector': 'eui-accordion-item'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAlertTitleComponent', 'selector': 'eui-alert-title'},{'name': 'EuiApexChartComponent', 'selector': 'eui-apex-chart'},{'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': 'EuiAvatarContentComponent', 'selector': 'eui-avatar-content'},{'name': 'EuiAvatarContentLabelComponent', 'selector': 'eui-avatar-content-label'},{'name': 'EuiAvatarContentSublabelComponent', 'selector': 'eui-avatar-content-sublabel'},{'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': 'EuiBannerComponent', 'selector': 'eui-banner'},{'name': 'EuiBannerCtaComponent', 'selector': 'eui-banner-cta'},{'name': 'EuiBannerDescriptionComponent', 'selector': 'eui-banner-description'},{'name': 'EuiBannerTitleComponent', 'selector': 'eui-banner-title'},{'name': 'EuiBannerVideoComponent', 'selector': 'eui-banner-video'},{'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': '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': 'EuiCardFooterMenuComponent', 'selector': 'eui-card-footer-menu'},{'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': 'EuiChipGroupComponent', 'selector': 'eui-chip-group'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommentItemComponent', 'selector': 'eui-comment-item'},{'name': 'EuiCommentItemRightActionsComponent', 'selector': 'eui-comment-item-right-actions'},{'name': 'EuiCommentTextareaComponent', 'selector': 'eui-comment-textarea'},{'name': 'EuiCommentThreadComponent', 'selector': 'eui-comment-thread'},{'name': 'EuiContentCardBodyComponent', 'selector': 'eui-content-card-body'},{'name': 'EuiContentCardBodyTopComponent', 'selector': 'eui-content-card-body-top'},{'name': 'EuiContentCardComponent', 'selector': 'eui-content-card'},{'name': 'EuiContentCardFooterComponent', 'selector': 'eui-content-card-footer'},{'name': 'EuiContentCardHeaderComponent', 'selector': 'eui-content-card-header'},{'name': 'EuiContentCardHeaderEndComponent', 'selector': 'eui-content-card-header-end'},{'name': 'EuiContentCardHeaderMetadataComponent', 'selector': 'eui-content-card-header-metadata'},{'name': 'EuiContentCardHeaderStartComponent', 'selector': 'eui-content-card-header-start'},{'name': 'EuiContentCardHeaderSubmetadataComponent', 'selector': 'eui-content-card-header-submetadata'},{'name': 'EuiContentCardHeaderSubtitleComponent', 'selector': 'eui-content-card-header-subtitle'},{'name': 'EuiContentCardHeaderTitleComponent', 'selector': 'eui-content-card-header-title'},{'name': 'EuiContentCardMediaComponent', 'selector': 'eui-content-card-media'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDashboardCardContentBodyComponent', 'selector': 'eui-dashboard-card-content-body'},{'name': 'EuiDashboardCardContentComponent', 'selector': 'eui-dashboard-card-content'},{'name': 'EuiDashboardCardContentFooterComponent', 'selector': 'eui-dashboard-card-content-footer'},{'name': 'EuiDashboardCardContentHeaderActionComponent', 'selector': 'eui-dashboard-card-content-header-action'},{'name': 'EuiDashboardCardContentHeaderComponent', 'selector': 'eui-dashboard-card-content-header'},{'name': 'EuiDashboardCardContentHeaderIconComponent', 'selector': 'eui-dashboard-card-content-header-icon'},{'name': 'EuiDashboardCardContentHeaderTitleComponent', 'selector': 'eui-dashboard-card-content-header-title'},{'name': 'EuiDashboardCardStatusContentComponent', 'selector': 'eui-dashboard-card-status-content'},{'name': 'EuiDateBlockComponent', 'selector': 'eui-date-block'},{'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': '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': 'EuiHeaderSearchComponent', 'selector': 'eui-header-search'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconButtonComponent', 'selector': 'eui-icon-button'},{'name': 'EuiIconButtonExpanderComponent', 'selector': 'eui-icon-button-expander'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconInputComponent', 'selector': 'eui-icon-input'},{'name': 'EuiIconStateComponent', 'selector': 'eui-icon-state'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupAddOnComponent', 'selector': 'div[euiInputGroupAddOn], eui-input-group-addon'},{'name': 'EuiInputGroupAddOnItemComponent', 'selector': 'div[euiInputGroupAddOnItem], eui-input-group-addon-item'},{'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,
963
1015
  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': 'EuiNavbarComponent', 'selector': 'eui-navbar'},{'name': 'EuiNavbarItemComponent', 'selector': 'eui-navbar-item'},{'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': 'EuiOverlayContentComponent', 'selector': 'eui-overlay-content'},{'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': 'EuiPageHeaderActionItemsComponent', 'selector': 'eui-page-header-action-items'},{'name': 'EuiPageHeaderBodyComponent', 'selector': 'eui-page-header-body'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeaderSubLabelComponent', 'selector': 'eui-page-header-sub-label'},{'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': 'EuiRatingComponent', 'selector': 'eui-rating'},{'name': 'EuiRatingTestComponent', 'selector': ''},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSectionHeaderActionComponent', 'selector': 'eui-section-header-action'},{'name': 'EuiSectionHeaderComponent', 'selector': 'eui-section-header'},{'name': 'EuiSectionHeaderDescriptionComponent', 'selector': 'eui-section-header-description'},{'name': 'EuiSectionHeaderIconComponent', 'selector': 'eui-section-header-icon'},{'name': 'EuiSectionHeaderTitleComponent', 'selector': 'eui-section-header-title'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSliderComponent', 'selector': 'eui-slider'},{'name': 'EuiSliderTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'name': 'EuiStatusBadgeComponent', 'selector': 'div[euiStatusBadge], span[euiStatusBadge], eui-status-badge'},{'name': 'EuiTabBodyComponent', 'selector': 'eui-tab-body'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabHeaderComponent', 'selector': 'eui-tab-header'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[isSortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTabsRightContentComponent', 'selector': 'eui-tabs-right-content'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiTimeRangepickerComponent', 'selector': 'eui-time-range-picker'},{'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': 'EuiToolbarMegaMenuComponent', 'selector': 'eui-toolbar-mega-menu'},{'name': 'EuiToolbarNavbarComponent', 'selector': 'eui-toolbar-navbar'},{'name': 'EuiToolbarNavbarItemComponent', 'selector': 'eui-toolbar-navbar-item'},{'name': 'EuiToolbarSearchComponent', 'selector': 'eui-toolbar-search'},{'name': 'EuiToolbarSelectorComponent', 'selector': 'eui-toolbar-selector'},{'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': 'PaginationComponent', 'selector': ''},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
964
1016
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'EuiAccordionItemHeaderDirective', 'selector': 'eui-accordion-item-header'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiArrowKeyNavigableDirective', 'selector': '[euiArrowKeyNavigable]'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'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': 'EuiIconDirective', 'selector': 'input[euiInputText][euiIcon]'},{'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/EuiTreeComponent.html CHANGED
@@ -382,6 +382,12 @@ that could affect the rendered data such as expand, collapse, direct actions, ex
382
382
  <li>
383
383
  <a href="#showUnderlinedLinks" >showUnderlinedLinks</a>
384
384
  </li>
385
+ <li>
386
+ <a href="#virtualScrollPageSize" >virtualScrollPageSize</a>
387
+ </li>
388
+ <li>
389
+ <a href="#virtualScrollThreshold" >virtualScrollThreshold</a>
390
+ </li>
385
391
  </ul>
386
392
  </td>
387
393
  </tr>
@@ -849,6 +855,60 @@ that could affect the rendered data such as expand, collapse, direct actions, ex
849
855
  <tr>
850
856
  <td class="col-md-4">
851
857
  <div class="io-description"><p>Whether the links are underlined on hiver in the tree.</p>
858
+ </div>
859
+ </td>
860
+ </tr>
861
+ </tbody>
862
+ </table>
863
+ <table class="table table-sm table-bordered">
864
+ <tbody>
865
+ <tr>
866
+ <td class="col-md-4">
867
+ <a name="virtualScrollPageSize"></a>
868
+ <b>virtualScrollPageSize</b>
869
+ </td>
870
+ </tr>
871
+ <tr>
872
+ <td class="col-md-4">
873
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
874
+
875
+ </td>
876
+ </tr>
877
+ <tr>
878
+ <td class="col-md-4">
879
+ <i>Default value : </i><code>400</code>
880
+ </td>
881
+ </tr>
882
+ <tr>
883
+ <td class="col-md-4">
884
+ <div class="io-description"><p>Size of the virtaul scroll pages</p>
885
+ </div>
886
+ </td>
887
+ </tr>
888
+ </tbody>
889
+ </table>
890
+ <table class="table table-sm table-bordered">
891
+ <tbody>
892
+ <tr>
893
+ <td class="col-md-4">
894
+ <a name="virtualScrollThreshold"></a>
895
+ <b>virtualScrollThreshold</b>
896
+ </td>
897
+ </tr>
898
+ <tr>
899
+ <td class="col-md-4">
900
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
901
+
902
+ </td>
903
+ </tr>
904
+ <tr>
905
+ <td class="col-md-4">
906
+ <i>Default value : </i><code>800</code>
907
+ </td>
908
+ </tr>
909
+ <tr>
910
+ <td class="col-md-4">
911
+ <div class="io-description"><p>Treshold for the virtual scroll to be activated</p>
852
912
  </div>
853
913
  </td>
854
914
  </tr>