@eui/components 17.0.1-snapshot-1701096824737 → 17.0.1-snapshot-1701254423874

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 (141) hide show
  1. package/directives/eui-smooth-scroll.directive.d.ts +0 -1
  2. package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
  3. package/docs/components/EuiAppTopMessageComponent.html +24 -0
  4. package/docs/components/EuiBadgeComponent.html +1 -1
  5. package/docs/components/EuiButtonComponent.html +54 -372
  6. package/docs/components/EuiButtonGroupComponent.html +65 -829
  7. package/docs/components/EuiButtonsComponent.html +25 -1
  8. package/docs/components/EuiCardComponent.html +59 -574
  9. package/docs/components/EuiChipComponent.html +34 -124
  10. package/docs/components/EuiChipListComponent.html +24 -0
  11. package/docs/components/EuiDatepickerComponent.html +24 -0
  12. package/docs/components/EuiDialogComponent.html +37 -0
  13. package/docs/components/EuiDiscussionThreadComponent.html +100 -1
  14. package/docs/components/EuiDiscussionThreadItemComponent.html +100 -1
  15. package/docs/components/EuiDropdownComponent.html +24 -0
  16. package/docs/components/EuiFeedbackMessageComponent.html +24 -0
  17. package/docs/components/EuiFooterComponent.html +24 -0
  18. package/docs/components/EuiIconComponent.html +24 -0
  19. package/docs/components/EuiIconSvgComponent.html +25 -1
  20. package/docs/components/EuiLabelComponent.html +24 -0
  21. package/docs/components/EuiLanguageSelectorComponent.html +24 -0
  22. package/docs/components/EuiListComponent.html +24 -0
  23. package/docs/components/EuiListItemComponent.html +24 -0
  24. package/docs/components/EuiMessageBoxComponent.html +37 -0
  25. package/docs/components/EuiOverlayBodyComponent.html +24 -0
  26. package/docs/components/EuiOverlayComponent.html +24 -0
  27. package/docs/components/EuiOverlayFooterComponent.html +24 -0
  28. package/docs/components/EuiOverlayHeaderComponent.html +24 -0
  29. package/docs/components/EuiOverlayHeaderTitleComponent.html +24 -0
  30. package/docs/components/EuiPageColumnComponent.html +24 -0
  31. package/docs/components/EuiPageFooterComponent.html +24 -0
  32. package/docs/components/EuiPageTopContentComponent.html +24 -0
  33. package/docs/components/EuiPopoverComponent.html +37 -0
  34. package/docs/components/EuiProgressCircleComponent.html +24 -0
  35. package/docs/components/EuiSlideToggleComponent.html +24 -0
  36. package/docs/components/EuiTabComponent.html +37 -0
  37. package/docs/components/EuiTableComponent.html +24 -0
  38. package/docs/components/EuiTableFilterComponent.html +24 -0
  39. package/docs/components/EuiTextareaComponent.html +37 -0
  40. package/docs/components/EuiToolbarItemsComponent.html +24 -0
  41. package/docs/components/EuiTreeComponent.html +26 -2
  42. package/docs/components/EuiUserProfileComponent.html +44 -9
  43. package/docs/dependencies.html +2 -2
  44. package/docs/directives/BaseDirective.html +57 -0
  45. package/docs/directives/BaseStatesDirective.html +138 -0
  46. package/docs/directives/EuiButtonsActionsContentTagDirective.html +119 -7
  47. package/docs/directives/EuiButtonsLocalMenuContentTagDirective.html +119 -7
  48. package/docs/directives/EuiSmoothScrollToDirective.html +0 -13
  49. package/docs/js/menu-wc.js +18 -18
  50. package/docs/js/menu-wc_es5.js +1 -1
  51. package/docs/js/search/search_index.js +2 -2
  52. package/esm2022/directives/eui-smooth-scroll.directive.mjs +2 -3
  53. package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
  54. package/esm2022/eui-badge/eui-badge.component.mjs +8 -3
  55. package/esm2022/eui-button/eui-button.component.mjs +23 -54
  56. package/esm2022/eui-button-group/eui-button-group.component.mjs +18 -31
  57. package/esm2022/eui-buttons/eui-buttons.component.mjs +19 -7
  58. package/esm2022/eui-card/eui-card.component.mjs +36 -87
  59. package/esm2022/eui-chip/eui-chip.component.mjs +23 -34
  60. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
  61. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +9 -5
  62. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +11 -5
  63. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
  64. package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
  65. package/esm2022/eui-icon/eui-icon.component.mjs +2 -2
  66. package/esm2022/eui-select/eui-select.component.mjs +2 -1
  67. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
  68. package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
  69. package/esm2022/eui-tree/eui-tree-helper.mjs +7 -4
  70. package/esm2022/eui-tree/eui-tree.component.mjs +119 -63
  71. package/esm2022/eui-tree/eui-tree.model.mjs +1 -1
  72. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +2 -2
  73. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +2 -2
  74. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +27 -38
  75. package/esm2022/shared/base/base-states.directive.mjs +22 -8
  76. package/esm2022/shared/base/base.directive.mjs +9 -8
  77. package/eui-badge/eui-badge.component.d.ts +1 -1
  78. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  79. package/eui-button/eui-button.component.d.ts +13 -20
  80. package/eui-button/eui-button.component.d.ts.map +1 -1
  81. package/eui-button-group/eui-button-group.component.d.ts +6 -11
  82. package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
  83. package/eui-buttons/eui-buttons.component.d.ts +2 -0
  84. package/eui-buttons/eui-buttons.component.d.ts.map +1 -1
  85. package/eui-card/eui-card.component.d.ts +16 -32
  86. package/eui-card/eui-card.component.d.ts.map +1 -1
  87. package/eui-chip/eui-chip.component.d.ts +7 -10
  88. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  89. package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts +1 -0
  90. package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
  91. package/eui-discussion-thread/eui-discussion-thread.component.d.ts +1 -0
  92. package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
  93. package/eui-icon/eui-icon-svg.component.d.ts +1 -1
  94. package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
  95. package/eui-select/eui-select.component.d.ts.map +1 -1
  96. package/eui-tree/eui-tree-helper.d.ts.map +1 -1
  97. package/eui-tree/eui-tree.component.d.ts +3 -1
  98. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  99. package/eui-tree/eui-tree.model.d.ts +1 -0
  100. package/eui-tree/eui-tree.model.d.ts.map +1 -1
  101. package/fesm2022/eui-components-directives.mjs +1 -2
  102. package/fesm2022/eui-components-directives.mjs.map +1 -1
  103. package/fesm2022/eui-components-eui-avatar.mjs +2 -2
  104. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  105. package/fesm2022/eui-components-eui-badge.mjs +7 -2
  106. package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
  107. package/fesm2022/eui-components-eui-button-group.mjs +17 -30
  108. package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
  109. package/fesm2022/eui-components-eui-button.mjs +22 -53
  110. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  111. package/fesm2022/eui-components-eui-buttons.mjs +18 -6
  112. package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
  113. package/fesm2022/eui-components-eui-card.mjs +35 -82
  114. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  115. package/fesm2022/eui-components-eui-chip.mjs +22 -33
  116. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  117. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  118. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  119. package/fesm2022/eui-components-eui-discussion-thread.mjs +17 -7
  120. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  121. package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
  122. package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
  123. package/fesm2022/eui-components-eui-icon.mjs +4 -4
  124. package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
  125. package/fesm2022/eui-components-eui-select.mjs +1 -0
  126. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  127. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  128. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  129. package/fesm2022/eui-components-eui-tree.mjs +124 -65
  130. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  131. package/fesm2022/eui-components-layout.mjs +98 -108
  132. package/fesm2022/eui-components-layout.mjs.map +1 -1
  133. package/fesm2022/eui-components-shared-base.mjs +28 -13
  134. package/fesm2022/eui-components-shared-base.mjs.map +1 -1
  135. package/layout/eui-user-profile/user-profile.component.d.ts +19 -11
  136. package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
  137. package/package.json +7 -7
  138. package/shared/base/base-states.directive.d.ts +5 -1
  139. package/shared/base/base-states.directive.d.ts.map +1 -1
  140. package/shared/base/base.directive.d.ts +1 -0
  141. package/shared/base/base.directive.d.ts.map +1 -1
@@ -386,6 +386,9 @@
386
386
  <li>
387
387
  <a href="#class" >class</a>
388
388
  </li>
389
+ <li>
390
+ <a href="#attr.aria-disabled" >attr.aria-disabled</a>
391
+ </li>
389
392
  </ul>
390
393
  </td>
391
394
  </tr>
@@ -402,12 +405,6 @@
402
405
  <li>
403
406
  <a href="#cssClasses" >cssClasses</a>
404
407
  </li>
405
- <li>
406
- <a href="#isChipRemovable" >isChipRemovable</a>
407
- </li>
408
- <li>
409
- <a href="#isSquared" >isSquared</a>
410
- </li>
411
408
  </ul>
412
409
  </td>
413
410
  </tr>
@@ -540,6 +537,11 @@
540
537
 
541
538
  </td>
542
539
  </tr>
540
+ <tr>
541
+ <td class="col-md-4">
542
+ <i>Default value : </i><code>false</code>
543
+ </td>
544
+ </tr>
543
545
  </tbody>
544
546
  </table>
545
547
  <table class="table table-sm table-bordered">
@@ -556,6 +558,11 @@
556
558
 
557
559
  </td>
558
560
  </tr>
561
+ <tr>
562
+ <td class="col-md-4">
563
+ <i>Default value : </i><code>false</code>
564
+ </td>
565
+ </tr>
559
566
  </tbody>
560
567
  </table>
561
568
  <table class="table table-sm table-bordered">
@@ -1130,6 +1137,27 @@
1130
1137
  </tr>
1131
1138
 
1132
1139
 
1140
+ </tbody>
1141
+ </table>
1142
+ <table class="table table-sm table-bordered">
1143
+ <tbody>
1144
+ <tr>
1145
+ <td class="col-md-4">
1146
+ <a name="attr.aria-disabled"></a>
1147
+ <span class="name">
1148
+ <span ><b>attr.aria-disabled</b></span>
1149
+ <a href="#attr.aria-disabled"><span class="icon ion-ios-link"></span></a>
1150
+ </span>
1151
+ </td>
1152
+ </tr>
1153
+ <tr>
1154
+ <td class="col-md-4">
1155
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1156
+
1157
+ </td>
1158
+ </tr>
1159
+
1160
+
1133
1161
  </tbody>
1134
1162
  </table>
1135
1163
  </section>
@@ -1427,124 +1455,6 @@
1427
1455
 
1428
1456
  </tbody>
1429
1457
  </table>
1430
- <table class="table table-sm table-bordered">
1431
- <tbody>
1432
- <tr>
1433
- <td class="col-md-4">
1434
- <a name="isChipRemovable"></a>
1435
- <span class="name"><b>isChipRemovable</b><a href="#isChipRemovable"><span class="icon ion-ios-link"></span></a></span>
1436
- </td>
1437
- </tr>
1438
-
1439
- <tr>
1440
- <td class="col-md-4">
1441
- <span class="accessor"><b>get</b><code>isChipRemovable()</code></span>
1442
- </td>
1443
- </tr>
1444
-
1445
- <tr>
1446
- <td class="col-md-4">
1447
- <span class="accessor"><b>set</b><code>isChipRemovable(value: BooleanInput)</code></span>
1448
- </td>
1449
- </tr>
1450
- <tr>
1451
- <td class="col-md-4">
1452
-
1453
- <div class="io-description">
1454
- <b>Parameters :</b>
1455
- <table class="params">
1456
- <thead>
1457
- <tr>
1458
- <td>Name</td>
1459
- <td>Type</td>
1460
- <td>Optional</td>
1461
- </tr>
1462
- </thead>
1463
- <tbody>
1464
- <tr>
1465
- <td>value</td>
1466
-
1467
- <td>
1468
- <code>BooleanInput</code>
1469
- </td>
1470
-
1471
- <td>
1472
- No
1473
- </td>
1474
-
1475
- </tr>
1476
- </tbody>
1477
- </table>
1478
- </div>
1479
- <div>
1480
- </div>
1481
- <div class="io-description">
1482
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1483
-
1484
- </div>
1485
- </td>
1486
- </tr>
1487
- </tbody>
1488
- </table>
1489
- <table class="table table-sm table-bordered">
1490
- <tbody>
1491
- <tr>
1492
- <td class="col-md-4">
1493
- <a name="isSquared"></a>
1494
- <span class="name"><b>isSquared</b><a href="#isSquared"><span class="icon ion-ios-link"></span></a></span>
1495
- </td>
1496
- </tr>
1497
-
1498
- <tr>
1499
- <td class="col-md-4">
1500
- <span class="accessor"><b>get</b><code>isSquared()</code></span>
1501
- </td>
1502
- </tr>
1503
-
1504
- <tr>
1505
- <td class="col-md-4">
1506
- <span class="accessor"><b>set</b><code>isSquared(value: BooleanInput)</code></span>
1507
- </td>
1508
- </tr>
1509
- <tr>
1510
- <td class="col-md-4">
1511
-
1512
- <div class="io-description">
1513
- <b>Parameters :</b>
1514
- <table class="params">
1515
- <thead>
1516
- <tr>
1517
- <td>Name</td>
1518
- <td>Type</td>
1519
- <td>Optional</td>
1520
- </tr>
1521
- </thead>
1522
- <tbody>
1523
- <tr>
1524
- <td>value</td>
1525
-
1526
- <td>
1527
- <code>BooleanInput</code>
1528
- </td>
1529
-
1530
- <td>
1531
- No
1532
- </td>
1533
-
1534
- </tr>
1535
- </tbody>
1536
- </table>
1537
- </div>
1538
- <div>
1539
- </div>
1540
- <div class="io-description">
1541
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1542
-
1543
- </div>
1544
- </td>
1545
- </tr>
1546
- </tbody>
1547
- </table>
1548
1458
  </section>
1549
1459
  </div>
1550
1460
 
@@ -487,6 +487,9 @@
487
487
  <li>
488
488
  <a href="#class" >class</a>
489
489
  </li>
490
+ <li>
491
+ <a href="#attr.aria-disabled" >attr.aria-disabled</a>
492
+ </li>
490
493
  </ul>
491
494
  </td>
492
495
  </tr>
@@ -1474,6 +1477,27 @@
1474
1477
  </tr>
1475
1478
 
1476
1479
 
1480
+ </tbody>
1481
+ </table>
1482
+ <table class="table table-sm table-bordered">
1483
+ <tbody>
1484
+ <tr>
1485
+ <td class="col-md-4">
1486
+ <a name="attr.aria-disabled"></a>
1487
+ <span class="name">
1488
+ <span ><b>attr.aria-disabled</b></span>
1489
+ <a href="#attr.aria-disabled"><span class="icon ion-ios-link"></span></a>
1490
+ </span>
1491
+ </td>
1492
+ </tr>
1493
+ <tr>
1494
+ <td class="col-md-4">
1495
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1496
+
1497
+ </td>
1498
+ </tr>
1499
+
1500
+
1477
1501
  </tbody>
1478
1502
  </table>
1479
1503
  </section>
@@ -512,6 +512,9 @@
512
512
  <li>
513
513
  <a href="#class" >class</a>
514
514
  </li>
515
+ <li>
516
+ <a href="#attr.aria-disabled" >attr.aria-disabled</a>
517
+ </li>
515
518
  </ul>
516
519
  </td>
517
520
  </tr>
@@ -1682,6 +1685,27 @@
1682
1685
  </tr>
1683
1686
 
1684
1687
 
1688
+ </tbody>
1689
+ </table>
1690
+ <table class="table table-sm table-bordered">
1691
+ <tbody>
1692
+ <tr>
1693
+ <td class="col-md-4">
1694
+ <a name="attr.aria-disabled"></a>
1695
+ <span class="name">
1696
+ <span ><b>attr.aria-disabled</b></span>
1697
+ <a href="#attr.aria-disabled"><span class="icon ion-ios-link"></span></a>
1698
+ </span>
1699
+ </td>
1700
+ </tr>
1701
+ <tr>
1702
+ <td class="col-md-4">
1703
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1704
+
1705
+ </td>
1706
+ </tr>
1707
+
1708
+
1685
1709
  </tbody>
1686
1710
  </table>
1687
1711
  </section>
@@ -475,6 +475,20 @@
475
475
  </td>
476
476
  </tr>
477
477
 
478
+ <tr>
479
+ <td class="col-md-4">
480
+ <h6><b>HostBindings</b></h6>
481
+ </td>
482
+ </tr>
483
+ <tr>
484
+ <td class="col-md-4">
485
+ <ul class="index-list">
486
+ <li>
487
+ <a href="#attr.aria-disabled" >attr.aria-disabled</a>
488
+ </li>
489
+ </ul>
490
+ </td>
491
+ </tr>
478
492
 
479
493
 
480
494
  <tr>
@@ -1558,6 +1572,29 @@
1558
1572
  </tbody>
1559
1573
  </table>
1560
1574
  </section>
1575
+ <section data-compodoc="block-properties">
1576
+ <h3>HostBindings</h3> <table class="table table-sm table-bordered">
1577
+ <tbody>
1578
+ <tr>
1579
+ <td class="col-md-4">
1580
+ <a name="attr.aria-disabled"></a>
1581
+ <span class="name">
1582
+ <span ><b>attr.aria-disabled</b></span>
1583
+ <a href="#attr.aria-disabled"><span class="icon ion-ios-link"></span></a>
1584
+ </span>
1585
+ </td>
1586
+ </tr>
1587
+ <tr>
1588
+ <td class="col-md-4">
1589
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1590
+
1591
+ </td>
1592
+ </tr>
1593
+
1594
+
1595
+ </tbody>
1596
+ </table>
1597
+ </section>
1561
1598
 
1562
1599
 
1563
1600
  <section data-compodoc="block-methods">
@@ -174,6 +174,21 @@
174
174
  <h3 id="index">Index</h3>
175
175
  <table class="table table-sm table-bordered index-table">
176
176
  <tbody>
177
+ <tr>
178
+ <td class="col-md-4">
179
+ <h6><b>Properties</b></h6>
180
+ </td>
181
+ </tr>
182
+ <tr>
183
+ <td class="col-md-4">
184
+ <ul class="index-list">
185
+ <li>
186
+ <span class="modifier"></span>
187
+ <a href="#role" >role</a>
188
+ </li>
189
+ </ul>
190
+ </td>
191
+ </tr>
177
192
 
178
193
  <tr>
179
194
  <td class="col-md-4">
@@ -216,6 +231,20 @@
216
231
  </tr>
217
232
 
218
233
 
234
+ <tr>
235
+ <td class="col-md-4">
236
+ <h6><b>HostBindings</b></h6>
237
+ </td>
238
+ </tr>
239
+ <tr>
240
+ <td class="col-md-4">
241
+ <ul class="index-list">
242
+ <li>
243
+ <a href="#attr.role" >attr.role</a>
244
+ </li>
245
+ </ul>
246
+ </td>
247
+ </tr>
219
248
 
220
249
 
221
250
  </tbody>
@@ -291,6 +320,34 @@
291
320
  </table>
292
321
  </section>
293
322
 
323
+ <section data-compodoc="block-properties">
324
+ <h3>HostBindings</h3> <table class="table table-sm table-bordered">
325
+ <tbody>
326
+ <tr>
327
+ <td class="col-md-4">
328
+ <a name="attr.role"></a>
329
+ <span class="name">
330
+ <span ><b>attr.role</b></span>
331
+ <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
332
+ </span>
333
+ </td>
334
+ </tr>
335
+ <tr>
336
+ <td class="col-md-4">
337
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
338
+
339
+ </td>
340
+ </tr>
341
+ <tr>
342
+ <td class="col-md-4">
343
+ <i>Default value : </i><code>&#x27;list&#x27;</code>
344
+ </td>
345
+ </tr>
346
+
347
+
348
+ </tbody>
349
+ </table>
350
+ </section>
294
351
 
295
352
 
296
353
  <section data-compodoc="block-methods">
@@ -374,6 +431,48 @@
374
431
  </tbody>
375
432
  </table>
376
433
  </section>
434
+ <section data-compodoc="block-properties">
435
+
436
+ <h3 id="inputs">
437
+ Properties
438
+ </h3>
439
+ <table class="table table-sm table-bordered">
440
+ <tbody>
441
+ <tr>
442
+ <td class="col-md-4">
443
+ <a name="role"></a>
444
+ <span class="name">
445
+ <span class="modifier"></span>
446
+ <span ><b>role</b></span>
447
+ <a href="#role"><span class="icon ion-ios-link"></span></a>
448
+ </span>
449
+ </td>
450
+ </tr>
451
+ <tr>
452
+ <td class="col-md-4">
453
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
454
+
455
+ </td>
456
+ </tr>
457
+ <tr>
458
+ <td class="col-md-4">
459
+ <i>Default value : </i><code>&#x27;list&#x27;</code>
460
+ </td>
461
+ </tr>
462
+ <tr>
463
+ <td class="col-md-4">
464
+ <b>Decorators : </b>
465
+ <br />
466
+ <code>
467
+ @HostBinding(&#x27;attr.role&#x27;)<br />
468
+ </code>
469
+ </td>
470
+ </tr>
471
+
472
+
473
+ </tbody>
474
+ </table>
475
+ </section>
377
476
 
378
477
  </div>
379
478
 
@@ -389,7 +488,7 @@
389
488
  <script src="../js/libs/htmlparser.js"></script>
390
489
  <script src="../js/libs/deep-iterator.js"></script>
391
490
  <script>
392
- var COMPONENT_TEMPLATE = '<div><div class="eui-discussion-thread-wrapper"> <div class="eui-discussion-thread-wrapper-header"> <div class="eui-discussion-thread-wrapper-header__title">{{ titleLabel }}</div> <div class="eui-discussion-thread-wrapper-header__subtitle">{{ subTitleLabel }}</div> </div> <ul class="eui-discussion-thread"> <ng-template [ngIf]="items"> <eui-discussion-thread-item *ngFor="let item of items; let o = odd; let e = even; trackBy: trackByFn" [isOdd]="o" id="{{ item.id }}" typeClass="{{ item.typeClass }}" date="{{ item.date }}" author="{{ item.author }}" body="{{ item.body }}" tooltip="{{ item.tooltip }}"> </eui-discussion-thread-item> </ng-template> <ng-template [ngIf]="!items"> <ng-content></ng-content> </ng-template> </ul></div></div>'
491
+ var COMPONENT_TEMPLATE = '<div><div class="eui-discussion-thread-wrapper"> <div class="eui-discussion-thread-wrapper-header"> <div class="eui-discussion-thread-wrapper-header__title">{{ titleLabel }}</div> <div class="eui-discussion-thread-wrapper-header__subtitle">{{ subTitleLabel }}</div> </div> <ul role="none" class="eui-discussion-thread"> <ng-template [ngIf]="items"> <eui-discussion-thread-item *ngFor="let item of items; let o = odd; let e = even; trackBy: trackByFn" [isOdd]="o" id="{{ item.id }}" typeClass="{{ item.typeClass }}" date="{{ item.date }}" author="{{ item.author }}" body="{{ item.body }}" tooltip="{{ item.tooltip }}"> </eui-discussion-thread-item> </ng-template> <ng-template [ngIf]="!items"> <ng-content></ng-content> </ng-template> </ul></div></div>'
393
492
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
394
493
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
395
494
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '