@eui/components 18.0.0-rc.27 → 18.0.0-rc.29

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 (157) hide show
  1. package/docs/components/EuiChipComponent.html +1 -1
  2. package/docs/components/EuiIconStateComponent.html +1 -1
  3. package/docs/components/EuiMenuItemComponent.html +1 -0
  4. package/docs/components/EuiNotificationItemComponent.html +3 -3
  5. package/docs/components/EuiNotificationItemV2Component.html +1 -1
  6. package/docs/components/EuiNotificationsComponent.html +24 -92
  7. package/docs/components/EuiPaginatorComponent.html +1 -1
  8. package/docs/components/EuiTabComponent.html +0 -24
  9. package/docs/components/EuiTabLabelComponent.html +4 -11
  10. package/docs/components/EuiTabsComponent.html +1 -1
  11. package/docs/components/EuiTimelineComponent.html +55 -5
  12. package/docs/components/EuiTimelineItemComponent.html +0 -10
  13. package/docs/dependencies.html +1 -1
  14. package/docs/index.html +1 -1
  15. package/docs/interfaces/NotificationMetadata.html +546 -0
  16. package/docs/js/menu-wc.js +3 -0
  17. package/docs/js/menu-wc_es5.js +1 -1
  18. package/docs/js/search/search_index.js +2 -2
  19. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  20. package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
  21. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  22. package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
  23. package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
  24. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  25. package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
  26. package/esm2022/eui-card/eui-card.component.mjs +2 -2
  27. package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
  28. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
  29. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
  30. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
  31. package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
  32. package/esm2022/eui-icon/eui-icon-svg.component.mjs +2 -2
  33. package/esm2022/eui-icon-button/eui-icon-button.component.mjs +2 -2
  34. package/esm2022/eui-icon-state/eui-icon-state.component.mjs +3 -3
  35. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
  36. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
  37. package/esm2022/eui-label/eui-label.component.mjs +2 -2
  38. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +2 -2
  39. package/esm2022/eui-list/eui-list.component.mjs +2 -2
  40. package/esm2022/eui-menu/eui-menu-item.component.mjs +16 -2
  41. package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
  42. package/esm2022/eui-menu/models/eui-menu-item.model.mjs +2 -2
  43. package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
  44. package/esm2022/eui-page/eui-page.component.mjs +2 -2
  45. package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
  46. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +2 -2
  47. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
  48. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  49. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +3 -7
  50. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +3 -22
  51. package/esm2022/eui-tabs/eui-tabs.component.mjs +3 -3
  52. package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
  53. package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
  54. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -5
  55. package/esm2022/eui-timeline/eui-timeline.component.mjs +31 -13
  56. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
  57. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
  58. package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
  59. package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
  60. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +2 -2
  61. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +2 -2
  62. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +1 -1
  63. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +1 -25
  64. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +1 -1
  65. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +2 -2
  66. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
  67. package/eui-menu/eui-menu-item.component.d.ts +5 -4
  68. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  69. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  70. package/eui-tabs/eui-tab/eui-tab.component.d.ts +1 -3
  71. package/eui-tabs/eui-tab/eui-tab.component.d.ts.map +1 -1
  72. package/eui-tabs/eui-tab-label/eui-tab-label.component.d.ts +1 -1
  73. package/eui-tabs/eui-tab-label/eui-tab-label.component.d.ts.map +1 -1
  74. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  75. package/eui-timeline/eui-timeline.component.d.ts +9 -1
  76. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  77. package/fesm2022/eui-components-directives.mjs +2 -2
  78. package/fesm2022/eui-components-directives.mjs.map +1 -1
  79. package/fesm2022/eui-components-eui-alert.mjs +2 -2
  80. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  81. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  82. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  83. package/fesm2022/eui-components-eui-avatar.mjs +2 -2
  84. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  85. package/fesm2022/eui-components-eui-badge.mjs +2 -2
  86. package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
  87. package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
  88. package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
  89. package/fesm2022/eui-components-eui-button.mjs +2 -2
  90. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  91. package/fesm2022/eui-components-eui-card.mjs +2 -2
  92. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  93. package/fesm2022/eui-components-eui-chip.mjs +2 -2
  94. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  95. package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
  96. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  97. package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
  98. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  99. package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
  100. package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
  101. package/fesm2022/eui-components-eui-growl.mjs +2 -2
  102. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  103. package/fesm2022/eui-components-eui-icon-button.mjs +2 -2
  104. package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
  105. package/fesm2022/eui-components-eui-icon-state.mjs +2 -2
  106. package/fesm2022/eui-components-eui-icon-state.mjs.map +1 -1
  107. package/fesm2022/eui-components-eui-icon.mjs +2 -2
  108. package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
  109. package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
  110. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  111. package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
  112. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  113. package/fesm2022/eui-components-eui-label.mjs +2 -2
  114. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  115. package/fesm2022/eui-components-eui-list.mjs +4 -4
  116. package/fesm2022/eui-components-eui-list.mjs.map +1 -1
  117. package/fesm2022/eui-components-eui-menu.mjs +16 -3
  118. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  119. package/fesm2022/eui-components-eui-overlay.mjs +2 -2
  120. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  121. package/fesm2022/eui-components-eui-page.mjs +2 -2
  122. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  123. package/fesm2022/eui-components-eui-paginator.mjs +2 -2
  124. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  125. package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
  126. package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
  127. package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
  128. package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
  129. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  130. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  131. package/fesm2022/eui-components-eui-tabs.mjs +6 -29
  132. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  133. package/fesm2022/eui-components-eui-textarea.mjs +2 -2
  134. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  135. package/fesm2022/eui-components-eui-timebar.mjs +2 -2
  136. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  137. package/fesm2022/eui-components-eui-timeline.mjs +32 -16
  138. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  139. package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
  140. package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
  141. package/fesm2022/eui-components-eui-wizard.mjs +4 -4
  142. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  143. package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
  144. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  145. package/fesm2022/eui-components-layout.mjs +7 -31
  146. package/fesm2022/eui-components-layout.mjs.map +1 -1
  147. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +1 -1
  148. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  149. package/layout/eui-notifications/eui-notification-item.component.d.ts +12 -3
  150. package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
  151. package/layout/eui-notifications/eui-notifications.component.d.ts +16 -14
  152. package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
  153. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts +2 -1
  154. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
  155. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +1 -1
  156. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
  157. package/package.json +3 -3
@@ -841,7 +841,7 @@
841
841
  <script src="../js/libs/htmlparser.js"></script>
842
842
  <script src="../js/libs/deep-iterator.js"></script>
843
843
  <script>
844
- var COMPONENT_TEMPLATE = '<div><div class="eui-chip-wrapper"> <div class="eui-chip__content-container" #chipLabel> <ng-content></ng-content> </div> <eui-icon-button *ngIf="isChipRemovable" class="eui-chip__remove-icon" ariaLabel="Remove chip" icon="close:outline" euiRounded hasNoPadding (keydown.enter)="onRemove($event)" (keydown.backspace)="onRemove($event)" (buttonClick)="onRemove($event)"> </eui-icon-button></div></div>'
844
+ var COMPONENT_TEMPLATE = '<div><div class="eui-chip-wrapper"> <div class="eui-chip__content-container" #chipLabel> <ng-content></ng-content> </div> <eui-icon-button *ngIf="isChipRemovable" class="eui-chip__remove-icon" ariaLabel="Remove chip" size="s" icon="close:outline" fillColor="neutral-light" euiRounded hasNoPadding (keydown.enter)="onRemove($event)" (keydown.backspace)="onRemove($event)" (buttonClick)="onRemove($event)"> </eui-icon-button></div></div>'
845
845
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'DefaultComponent', 'selector': ''},{'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': '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': 'EuiButtonV2Component', 'selector': 'eui-button-v2'},{'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': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'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': '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': '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,
846
846
  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': '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': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'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': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'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': 'EuiTableV2Component', 'selector': 'eui-table-v2, table[euiTableV2]'},{'name': 'EuiTableV2FilterComponent', 'selector': 'eui-table-v2-filter'},{'name': 'EuiTableV2SelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableV2SelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableV2SortableColComponent', 'selector': 'th[isSortable]'},{'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': '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': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
847
847
  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': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -419,7 +419,7 @@
419
419
  <script src="../js/libs/htmlparser.js"></script>
420
420
  <script src="../js/libs/deep-iterator.js"></script>
421
421
  <script>
422
- var COMPONENT_TEMPLATE = '<div>@if (baseStatesDirective.euiSuccess) { <eui-icon-svg icon="checkmark-circle:outline" fillColor="success" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiWarning) { <eui-icon-svg icon="warning:outline" fillColor="warning-darker" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiDanger) { <eui-icon-svg icon="alert-circle:outline" fillColor="danger" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiPrimary) { <eui-icon-svg icon="help-circle:outline" fillColor="primary" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiSecondary) { <eui-icon-svg icon="help-circle:outline" fillColor="neutral-light" size="{{size}}"></eui-icon-svg>} @else { <eui-icon-svg icon="information-circle:outline" fillColor="info" size="{{size}}"></eui-icon-svg>}</div>'
422
+ var COMPONENT_TEMPLATE = '<div>@if (baseStatesDirective.euiSuccess) { <eui-icon-svg icon="checkmark-circle:outline" fillColor="success-dark" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiWarning) { <eui-icon-svg icon="warning:outline" fillColor="warning-darker" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiDanger) { <eui-icon-svg icon="alert-circle:outline" fillColor="danger-dark" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiPrimary) { <eui-icon-svg icon="help-circle:outline" fillColor="primary" size="{{size}}"></eui-icon-svg>} @else if (baseStatesDirective.euiSecondary) { <eui-icon-svg icon="help-circle:outline" fillColor="neutral-light" size="{{size}}"></eui-icon-svg>} @else { <eui-icon-svg icon="information-circle:outline" fillColor="info" size="{{size}}"></eui-icon-svg>}</div>'
423
423
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'DefaultComponent', 'selector': ''},{'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': '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': 'EuiButtonV2Component', 'selector': 'eui-button-v2'},{'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': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'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': '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': '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,
424
424
  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': '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': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'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': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'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': 'EuiTableV2Component', 'selector': 'eui-table-v2, table[euiTableV2]'},{'name': 'EuiTableV2FilterComponent', 'selector': 'eui-table-v2-filter'},{'name': 'EuiTableV2SelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableV2SelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableV2SortableColComponent', 'selector': 'th[isSortable]'},{'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': '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': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
425
425
  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': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -114,6 +114,7 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <code>OnInit</code>
117
+ <code>OnChanges</code>
117
118
  <code><a href="../interfaces/Focus.html" target="_self" >FocusableOption</a></code>
118
119
  </p>
119
120
 
@@ -325,7 +325,7 @@
325
325
  </tr>
326
326
  <tr>
327
327
  <td class="col-md-4">
328
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
328
+ <i>Type : </i> <code><a href="../interfaces/NotificationMetadata.html" target="_self" >UxLinkLegacy&lt;NotificationMetadata&gt;</a></code>
329
329
 
330
330
  </td>
331
331
  </tr>
@@ -365,7 +365,7 @@
365
365
  </tr>
366
366
  <tr>
367
367
  <td class="col-md-4">
368
- <i>Type : </i> <code>EventEmitter&lt;UxLinkLegacy&gt;</code>
368
+ <i>Type : </i> <code><a href="../interfaces/NotificationMetadata.html" target="_self" >EventEmitter&lt;UxLinkLegacy&lt;NotificationMetadata&gt;&gt;</a></code>
369
369
 
370
370
  </td>
371
371
  </tr>
@@ -381,7 +381,7 @@
381
381
  </tr>
382
382
  <tr>
383
383
  <td class="col-md-4">
384
- <i>Type : </i> <code>EventEmitter&lt;UxLinkLegacy&gt;</code>
384
+ <i>Type : </i> <code><a href="../interfaces/NotificationMetadata.html" target="_self" >EventEmitter&lt;UxLinkLegacy&lt;NotificationMetadata&gt;&gt;</a></code>
385
385
 
386
386
  </td>
387
387
  </tr>
@@ -325,7 +325,7 @@
325
325
  </tr>
326
326
  <tr>
327
327
  <td class="col-md-4">
328
- <i>Type : </i> <code>UxLinkLegacy</code>
328
+ <i>Type : </i> <code><a href="../interfaces/NotificationMetadata.html" target="_self" >UxLinkLegacy&lt;NotificationMetadata&gt;</a></code>
329
329
 
330
330
  </td>
331
331
  </tr>
@@ -243,9 +243,6 @@
243
243
  <li>
244
244
  <a href="#onViewAllClick" >onViewAllClick</a>
245
245
  </li>
246
- <li>
247
- <a href="#trackByFn" >trackByFn</a>
248
- </li>
249
246
  </ul>
250
247
  </td>
251
248
  </tr>
@@ -876,7 +873,7 @@
876
873
  </tr>
877
874
  <tr>
878
875
  <td class="col-md-4">
879
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
876
+ <i>Type : </i> <code><a href="../interfaces/NotificationMetadata.html" target="_self" >EventEmitter&lt;UxLinkLegacy&lt;NotificationMetadata&gt;&gt;</a></code>
880
877
 
881
878
  </td>
882
879
  </tr>
@@ -892,7 +889,7 @@
892
889
  </tr>
893
890
  <tr>
894
891
  <td class="col-md-4">
895
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
892
+ <i>Type : </i> <code><a href="../interfaces/NotificationMetadata.html" target="_self" >EventEmitter&lt;UxLinkLegacy&lt;NotificationMetadata&gt;&gt;</a></code>
896
893
 
897
894
  </td>
898
895
  </tr>
@@ -908,7 +905,7 @@
908
905
  </tr>
909
906
  <tr>
910
907
  <td class="col-md-4">
911
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
908
+ <i>Type : </i> <code>EventEmitter&lt;MouseEvent&gt;</code>
912
909
 
913
910
  </td>
914
911
  </tr>
@@ -924,7 +921,7 @@
924
921
  </tr>
925
922
  <tr>
926
923
  <td class="col-md-4">
927
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
924
+ <i>Type : </i> <code>EventEmitter&lt;void&gt;</code>
928
925
 
929
926
  </td>
930
927
  </tr>
@@ -940,7 +937,7 @@
940
937
  </tr>
941
938
  <tr>
942
939
  <td class="col-md-4">
943
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
940
+ <i>Type : </i> <code>EventEmitter&lt;void&gt;</code>
944
941
 
945
942
  </td>
946
943
  </tr>
@@ -956,7 +953,7 @@
956
953
  </tr>
957
954
  <tr>
958
955
  <td class="col-md-4">
959
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
956
+ <i>Type : </i> <code>EventEmitter&lt;void&gt;</code>
960
957
 
961
958
  </td>
962
959
  </tr>
@@ -972,7 +969,7 @@
972
969
  </tr>
973
970
  <tr>
974
971
  <td class="col-md-4">
975
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
972
+ <i>Type : </i> <code>EventEmitter&lt;MouseEvent&gt;</code>
976
973
 
977
974
  </td>
978
975
  </tr>
@@ -988,7 +985,7 @@
988
985
  </tr>
989
986
  <tr>
990
987
  <td class="col-md-4">
991
- <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
988
+ <i>Type : </i> <code>EventEmitter&lt;void&gt;</code>
992
989
 
993
990
  </td>
994
991
  </tr>
@@ -1066,7 +1063,7 @@
1066
1063
  </tr>
1067
1064
  <tr>
1068
1065
  <td class="col-md-4">
1069
- <code>onClicked(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1066
+ <code>onClicked(event: MouseEvent | Event)</code>
1070
1067
  </td>
1071
1068
  </tr>
1072
1069
 
@@ -1091,7 +1088,7 @@
1091
1088
  <tr>
1092
1089
  <td>event</td>
1093
1090
  <td>
1094
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1091
+ <code>MouseEvent | Event</code>
1095
1092
  </td>
1096
1093
 
1097
1094
  <td>
@@ -1167,7 +1164,7 @@
1167
1164
  </tr>
1168
1165
  <tr>
1169
1166
  <td class="col-md-4">
1170
- <code>onItemClick(link: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1167
+ <code>onItemClick(link: <a href="../interfaces/NotificationMetadata.html" target="_self">UxLinkLegacy&lt;NotificationMetadata&gt;</a>)</code>
1171
1168
  </td>
1172
1169
  </tr>
1173
1170
 
@@ -1192,7 +1189,7 @@
1192
1189
  <tr>
1193
1190
  <td>link</td>
1194
1191
  <td>
1195
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1192
+ <code><a href="../interfaces/NotificationMetadata.html" target="_self" >UxLinkLegacy&lt;NotificationMetadata&gt;</a></code>
1196
1193
  </td>
1197
1194
 
1198
1195
  <td>
@@ -1228,7 +1225,7 @@
1228
1225
  </tr>
1229
1226
  <tr>
1230
1227
  <td class="col-md-4">
1231
- <code>onItemMarkAsRead(link: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1228
+ <code>onItemMarkAsRead(link: <a href="../interfaces/NotificationMetadata.html" target="_self">UxLinkLegacy&lt;NotificationMetadata&gt;</a>)</code>
1232
1229
  </td>
1233
1230
  </tr>
1234
1231
 
@@ -1253,7 +1250,7 @@
1253
1250
  <tr>
1254
1251
  <td>link</td>
1255
1252
  <td>
1256
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1253
+ <code><a href="../interfaces/NotificationMetadata.html" target="_self" >UxLinkLegacy&lt;NotificationMetadata&gt;</a></code>
1257
1254
  </td>
1258
1255
 
1259
1256
  <td>
@@ -1289,7 +1286,7 @@
1289
1286
  </tr>
1290
1287
  <tr>
1291
1288
  <td class="col-md-4">
1292
- <code>onMarkAllAsRead(e)</code>
1289
+ <code>onMarkAllAsRead(e: MouseEvent)</code>
1293
1290
  </td>
1294
1291
  </tr>
1295
1292
 
@@ -1306,12 +1303,16 @@
1306
1303
  <thead>
1307
1304
  <tr>
1308
1305
  <td>Name</td>
1306
+ <td>Type</td>
1309
1307
  <td>Optional</td>
1310
1308
  </tr>
1311
1309
  </thead>
1312
1310
  <tbody>
1313
1311
  <tr>
1314
1312
  <td>e</td>
1313
+ <td>
1314
+ <code>MouseEvent</code>
1315
+ </td>
1315
1316
 
1316
1317
  <td>
1317
1318
  No
@@ -1438,7 +1439,7 @@
1438
1439
  </tr>
1439
1440
  <tr>
1440
1441
  <td class="col-md-4">
1441
- <code>onSettings(e)</code>
1442
+ <code>onSettings(e: MouseEvent)</code>
1442
1443
  </td>
1443
1444
  </tr>
1444
1445
 
@@ -1455,12 +1456,16 @@
1455
1456
  <thead>
1456
1457
  <tr>
1457
1458
  <td>Name</td>
1459
+ <td>Type</td>
1458
1460
  <td>Optional</td>
1459
1461
  </tr>
1460
1462
  </thead>
1461
1463
  <tbody>
1462
1464
  <tr>
1463
1465
  <td>e</td>
1466
+ <td>
1467
+ <code>MouseEvent</code>
1468
+ </td>
1464
1469
 
1465
1470
  <td>
1466
1471
  No
@@ -1543,79 +1548,6 @@
1543
1548
  </tr>
1544
1549
  </tbody>
1545
1550
  </table>
1546
- <table class="table table-sm table-bordered">
1547
- <tbody>
1548
- <tr>
1549
- <td class="col-md-4">
1550
- <a name="trackByFn"></a>
1551
- <span class="name">
1552
- <span ><b>trackByFn</b></span>
1553
- <a href="#trackByFn"><span class="icon ion-ios-link"></span></a>
1554
- </span>
1555
- </td>
1556
- </tr>
1557
- <tr>
1558
- <td class="col-md-4">
1559
- <code>trackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, item: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1560
- </td>
1561
- </tr>
1562
-
1563
-
1564
-
1565
-
1566
- <tr>
1567
- <td class="col-md-4">
1568
-
1569
- <div class="io-description">
1570
- <b>Parameters :</b>
1571
-
1572
- <table class="params">
1573
- <thead>
1574
- <tr>
1575
- <td>Name</td>
1576
- <td>Type</td>
1577
- <td>Optional</td>
1578
- </tr>
1579
- </thead>
1580
- <tbody>
1581
- <tr>
1582
- <td>index</td>
1583
- <td>
1584
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1585
- </td>
1586
-
1587
- <td>
1588
- No
1589
- </td>
1590
-
1591
-
1592
- </tr>
1593
- <tr>
1594
- <td>item</td>
1595
- <td>
1596
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1597
- </td>
1598
-
1599
- <td>
1600
- No
1601
- </td>
1602
-
1603
-
1604
- </tr>
1605
- </tbody>
1606
- </table>
1607
- </div>
1608
- <div class="io-description">
1609
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1610
-
1611
- </div>
1612
- <div class="io-description">
1613
-
1614
- </div>
1615
- </td>
1616
- </tr>
1617
- </tbody>
1618
- </table>
1619
1551
  </section>
1620
1552
  <section data-compodoc="block-properties">
1621
1553
 
@@ -1345,7 +1345,7 @@
1345
1345
  <script src="../js/libs/htmlparser.js"></script>
1346
1346
  <script src="../js/libs/deep-iterator.js"></script>
1347
1347
  <script>
1348
- var COMPONENT_TEMPLATE = '<div><div class="eui-paginator__page"> <div class="eui-paginator__page-selector"> <div>{{ \'eui.euitable.ITEMS-PER-PAGE\' | translate }}:</div> <div class="eui-u-pl-xs eui-u-pb-2xs"> <select euiSelect class="page-size__select" aria-label="Page size selected" [(ngModel)]="pageSize" (ngModelChange)="changePageSize($event)"> <option *ngFor="let pageSizeOption of pageSizeOptions" value="{{ pageSizeOption }}">{{ pageSizeOption }}</option> </select> </div> </div> <div *ngIf="(length$ | async) > 0" class="eui-paginator__page-range"> {{ \'eui.euitable.SHOWING-RANGE\' | translate: { range: range } }} {{ \'eui.euitable.RANGE-LABEL\' | translate }} {{ rangeLength | number }} </div></div><div class="eui-paginator__page-navigation"> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page === 0 || length === 0" (click)="goFirstPage()"> <eui-icon-svg icon="play-skip-back:sharp" fillColor="primary" aria-label="Go to first page"></eui-icon-svg> </button> </div> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page === 0 || length === 0" (click)="goPreviousPage()"> <!-- to be compliant with DS as play-back is not existing in ionicons --> <eui-icon-svg icon="play:sharp" fillColor="primary" transform="rotate-180" aria-label="Go to previous page"></eui-icon-svg> </button> </div> <div class="eui-paginator__page-navigation-numbers" *ngIf="hasPageNumberNavigation"> <button type="button" euiSizeS *ngFor="let pageNumber of pageNumberNavigation" euiButton euiBasicButton euiRounded euiIconButton [euiOutline]="pageNumber === page" (click)="goToPage(pageNumber)"> {{ pageNumber + 1 | number }} </button> </div> <div *ngIf="(length$ | async) > 0" class="eui-paginator__page-range"> {{ range }} {{ \'eui.euitable.RANGE-LABEL\' | translate }} {{ rangeLength }} </div> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page + 1 === nbPage || length === 0" (click)="goNextPage()"> <eui-icon-svg icon="play:sharp" fillColor="primary" aria-label="Go to next page"></eui-icon-svg> </button> </div> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page + 1 === nbPage || length === 0" (click)="goLastPage()"> <eui-icon-svg icon="play-skip-forward:sharp" fillColor="primary" aria-label="Go to last page"></eui-icon-svg> </button> </div></div></div>'
1348
+ var COMPONENT_TEMPLATE = '<div><div class="eui-paginator__page"> <div class="eui-paginator__page-selector"> <div>{{ \'eui.euitable.ITEMS-PER-PAGE\' | translate }}:</div> <div class="eui-u-pl-xs eui-u-pb-2xs"> <select euiSelect class="page-size__select" aria-label="Page size selected" [(ngModel)]="pageSize" (ngModelChange)="changePageSize($event)"> <option *ngFor="let pageSizeOption of pageSizeOptions" value="{{ pageSizeOption }}">{{ pageSizeOption }}</option> </select> </div> </div> <div *ngIf="(length$ | async) > 0" class="eui-paginator__page-range-main"> {{ \'eui.euitable.SHOWING-RANGE\' | translate: { range: range } }} {{ \'eui.euitable.RANGE-LABEL\' | translate }} {{ rangeLength | number }} </div></div><div class="eui-paginator__page-navigation"> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page === 0 || length === 0" (click)="goFirstPage()"> <eui-icon-svg icon="play-skip-back:sharp" fillColor="primary" aria-label="Go to first page"></eui-icon-svg> </button> </div> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page === 0 || length === 0" (click)="goPreviousPage()"> <!-- to be compliant with DS as play-back is not existing in ionicons --> <eui-icon-svg icon="play:sharp" fillColor="primary" transform="rotate-180" aria-label="Go to previous page"></eui-icon-svg> </button> </div> <div class="eui-paginator__page-navigation-numbers" *ngIf="hasPageNumberNavigation"> <button type="button" euiSizeS *ngFor="let pageNumber of pageNumberNavigation" euiButton euiBasicButton euiRounded euiIconButton [euiOutline]="pageNumber === page" (click)="goToPage(pageNumber)"> {{ pageNumber + 1 | number }} </button> </div> <div *ngIf="(length$ | async) > 0" class="eui-paginator__page-range"> {{ range }} {{ \'eui.euitable.RANGE-LABEL\' | translate }} {{ rangeLength }} </div> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page + 1 === nbPage || length === 0" (click)="goNextPage()"> <eui-icon-svg icon="play:sharp" fillColor="primary" aria-label="Go to next page"></eui-icon-svg> </button> </div> <div class="eui-paginator__page-navigation-item"> <button type="button" euiSizeS euiButton euiIconButton euiBasicButton euiRounded [euiDisabled]="page + 1 === nbPage || length === 0" (click)="goLastPage()"> <eui-icon-svg icon="play-skip-forward:sharp" fillColor="primary" aria-label="Go to last page"></eui-icon-svg> </button> </div></div></div>'
1349
1349
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'DefaultComponent', 'selector': ''},{'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': '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': 'EuiButtonV2Component', 'selector': 'eui-button-v2'},{'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': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'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': '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': '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,
1350
1350
  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': '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': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'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': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'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': 'EuiTableV2Component', 'selector': 'eui-table-v2, table[euiTableV2]'},{'name': 'EuiTableV2FilterComponent', 'selector': 'eui-table-v2-filter'},{'name': 'EuiTableV2SelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableV2SelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableV2SortableColComponent', 'selector': 'th[isSortable]'},{'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': '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': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
1351
1351
  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': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -197,9 +197,6 @@
197
197
  <li>
198
198
  <a href="#e2eAttr" >e2eAttr</a>
199
199
  </li>
200
- <li>
201
- <a href="#hasBackgroundFilled" >hasBackgroundFilled</a>
202
- </li>
203
200
  <li>
204
201
  <a href="#isActive" >isActive</a>
205
202
  </li>
@@ -316,27 +313,6 @@
316
313
  </tr>
317
314
  </tbody>
318
315
  </table>
319
- <table class="table table-sm table-bordered">
320
- <tbody>
321
- <tr>
322
- <td class="col-md-4">
323
- <a name="hasBackgroundFilled"></a>
324
- <b>hasBackgroundFilled</b>
325
- </td>
326
- </tr>
327
- <tr>
328
- <td class="col-md-4">
329
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
330
-
331
- </td>
332
- </tr>
333
- <tr>
334
- <td class="col-md-4">
335
- <i>Default value : </i><code>false</code>
336
- </td>
337
- </tr>
338
- </tbody>
339
- </table>
340
316
  <table class="table table-sm table-bordered">
341
317
  <tbody>
342
318
  <tr>