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

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 (54) hide show
  1. package/docs/components/EuiMenuItemComponent.html +1 -0
  2. package/docs/components/EuiNotificationItemComponent.html +3 -3
  3. package/docs/components/EuiNotificationItemV2Component.html +1 -1
  4. package/docs/components/EuiNotificationsComponent.html +24 -92
  5. package/docs/components/EuiPaginatorComponent.html +1 -1
  6. package/docs/components/EuiTimelineComponent.html +55 -5
  7. package/docs/components/EuiTimelineItemComponent.html +0 -10
  8. package/docs/dependencies.html +1 -1
  9. package/docs/index.html +1 -1
  10. package/docs/interfaces/NotificationMetadata.html +546 -0
  11. package/docs/js/menu-wc.js +3 -0
  12. package/docs/js/menu-wc_es5.js +1 -1
  13. package/docs/js/search/search_index.js +2 -2
  14. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  15. package/esm2022/eui-menu/eui-menu-item.component.mjs +16 -2
  16. package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
  17. package/esm2022/eui-menu/models/eui-menu-item.model.mjs +2 -2
  18. package/esm2022/eui-page/eui-page.component.mjs +2 -2
  19. package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
  20. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +1 -3
  21. package/esm2022/eui-timeline/eui-timeline.component.mjs +29 -11
  22. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +1 -1
  23. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +1 -25
  24. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +1 -1
  25. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +2 -2
  26. package/eui-menu/eui-menu-item.component.d.ts +5 -4
  27. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  28. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  29. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  30. package/eui-timeline/eui-timeline.component.d.ts +9 -1
  31. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  32. package/fesm2022/eui-components-eui-button.mjs +2 -2
  33. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  34. package/fesm2022/eui-components-eui-menu.mjs +16 -3
  35. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  36. package/fesm2022/eui-components-eui-page.mjs +2 -2
  37. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  38. package/fesm2022/eui-components-eui-paginator.mjs +2 -2
  39. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  40. package/fesm2022/eui-components-eui-timeline.mjs +28 -12
  41. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  42. package/fesm2022/eui-components-layout.mjs +1 -25
  43. package/fesm2022/eui-components-layout.mjs.map +1 -1
  44. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +1 -1
  45. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  46. package/layout/eui-notifications/eui-notification-item.component.d.ts +12 -3
  47. package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
  48. package/layout/eui-notifications/eui-notifications.component.d.ts +16 -14
  49. package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
  50. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts +2 -1
  51. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
  52. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +1 -1
  53. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
  54. package/package.json +3 -3
package/docs/components/EuiMenuItemComponent.html CHANGED
@@ -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
 
package/docs/components/EuiNotificationItemComponent.html CHANGED
@@ -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>
package/docs/components/EuiNotificationItemV2Component.html CHANGED
@@ -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>
package/docs/components/EuiNotificationsComponent.html CHANGED
@@ -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
 
package/docs/components/EuiPaginatorComponent.html CHANGED
@@ -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': '
package/docs/components/EuiTimelineComponent.html CHANGED
@@ -238,6 +238,61 @@
238
238
  </table>
239
239
  </section>
240
240
 
241
+ <section data-compodoc="block-constructor">
242
+ <h3 id="constructor">Constructor</h3>
243
+ <table class="table table-sm table-bordered">
244
+ <tbody>
245
+ <tr>
246
+ <td class="col-md-4">
247
+ <code>constructor(cd: ChangeDetectorRef, ngZone: NgZone)</code>
248
+ </td>
249
+ </tr>
250
+
251
+ <tr>
252
+ <td class="col-md-4">
253
+ <div>
254
+ <b>Parameters :</b>
255
+ <table class="params">
256
+ <thead>
257
+ <tr>
258
+ <td>Name</td>
259
+ <td>Type</td>
260
+ <td>Optional</td>
261
+ </tr>
262
+ </thead>
263
+ <tbody>
264
+ <tr>
265
+ <td>cd</td>
266
+
267
+ <td>
268
+ <code>ChangeDetectorRef</code>
269
+ </td>
270
+
271
+ <td>
272
+ No
273
+ </td>
274
+
275
+ </tr>
276
+ <tr>
277
+ <td>ngZone</td>
278
+
279
+ <td>
280
+ <code>NgZone</code>
281
+ </td>
282
+
283
+ <td>
284
+ No
285
+ </td>
286
+
287
+ </tr>
288
+ </tbody>
289
+ </table>
290
+ </div>
291
+ </td>
292
+ </tr>
293
+ </tbody>
294
+ </table>
295
+ </section>
241
296
 
242
297
  <section data-compodoc="block-inputs">
243
298
  <h3 id="inputs">Inputs</h3>
@@ -276,11 +331,6 @@
276
331
 
277
332
  </td>
278
333
  </tr>
279
- <tr>
280
- <td class="col-md-4">
281
- <i>Default value : </i><code>false</code>
282
- </td>
283
- </tr>
284
334
  </tbody>
285
335
  </table>
286
336
  </section>
package/docs/components/EuiTimelineItemComponent.html CHANGED
@@ -382,11 +382,6 @@
382
382
 
383
383
  </td>
384
384
  </tr>
385
- <tr>
386
- <td class="col-md-4">
387
- <i>Default value : </i><code>false</code>
388
- </td>
389
- </tr>
390
385
  </tbody>
391
386
  </table>
392
387
  <table class="table table-sm table-bordered">
@@ -403,11 +398,6 @@
403
398
 
404
399
  </td>
405
400
  </tr>
406
- <tr>
407
- <td class="col-md-4">
408
- <i>Default value : </i><code>false</code>
409
- </td>
410
- </tr>
411
401
  </tbody>
412
402
  </table>
413
403
  <table class="table table-sm table-bordered">
package/docs/dependencies.html CHANGED
@@ -284,7 +284,7 @@
284
284
  <li>
285
285
  <b>@stackblitz/sdk</b> : 1.10.0</li>
286
286
  <li>
287
- <b>@eui/ecl</b> : 18.0.0-rc.26</li>
287
+ <b>@eui/ecl</b> : 18.0.0-rc.27</li>
288
288
  <li>
289
289
  <b>@eui/tools</b> : ^6.0.0</li>
290
290
  </ul>
package/docs/index.html CHANGED
@@ -142,7 +142,7 @@
142
142
  <div class="card text-center">
143
143
  <div class="card-block">
144
144
  <h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
145
- <p class="card-text">68 Interfaces</p>
145
+ <p class="card-text">69 Interfaces</p>
146
146
  </div>
147
147
  </div>
148
148
  </div>