@eui/components 17.0.0-rc.5 → 17.0.0-rc.6

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 (45) hide show
  1. package/docs/classes/EuiAutoCompleteItem.html +1 -1
  2. package/docs/components/EuiBlockContentComponent.html +205 -728
  3. package/docs/components/EuiDropdownComponent.html +43 -385
  4. package/docs/components/EuiTreeComponent.html +1 -1
  5. package/docs/dependencies.html +2 -2
  6. package/docs/directives/EuiDropdownContentDirective.html +119 -7
  7. package/docs/js/menu-wc.js +3 -3
  8. package/docs/js/menu-wc_es5.js +1 -1
  9. package/docs/js/search/search_index.js +2 -2
  10. package/esm2022/eui-autocomplete/models/eui-autocomplete-item.model.mjs +2 -1
  11. package/esm2022/eui-block-content/eui-block-content.component.mjs +28 -18
  12. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +10 -4
  13. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +34 -48
  14. package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
  15. package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
  16. package/esm2022/eui-tree/eui-tree.component.mjs +9 -4
  17. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
  18. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -7
  19. package/esm2022/layout/eui-search/search.component.mjs +1 -2
  20. package/eui-autocomplete/eui-autocomplete.component.d.ts +4 -4
  21. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  22. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts +2 -2
  23. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts.map +1 -1
  24. package/eui-block-content/eui-block-content.component.d.ts +6 -6
  25. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  26. package/eui-dropdown/directives/eui-dropdown-content.directive.d.ts +1 -0
  27. package/eui-dropdown/directives/eui-dropdown-content.directive.d.ts.map +1 -1
  28. package/eui-dropdown/eui-dropdown.component.d.ts +8 -18
  29. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  30. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  31. package/fesm2022/eui-components-eui-autocomplete.mjs +1 -0
  32. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  33. package/fesm2022/eui-components-eui-block-content.mjs +28 -18
  34. package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
  35. package/fesm2022/eui-components-eui-dropdown.mjs +41 -48
  36. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  37. package/fesm2022/eui-components-eui-menu.mjs +4 -4
  38. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  39. package/fesm2022/eui-components-eui-tree.mjs +8 -3
  40. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  41. package/fesm2022/eui-components-layout.mjs +4 -9
  42. package/fesm2022/eui-components-layout.mjs.map +1 -1
  43. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
  44. package/layout/eui-search/search.component.d.ts.map +1 -1
  45. package/package.json +1 -1
package/docs/components/EuiDropdownComponent.html CHANGED
@@ -150,10 +150,6 @@
150
150
  <span class="modifier">Public</span>
151
151
  <a href="#parentDropdown" >parentDropdown</a>
152
152
  </li>
153
- <li>
154
- <span class="modifier"></span>
155
- <a href="#role" >role</a>
156
- </li>
157
153
  <li>
158
154
  <span class="modifier"></span>
159
155
  <a href="#templatePortalContent" >templatePortalContent</a>
@@ -341,9 +337,6 @@
341
337
  <tr>
342
338
  <td class="col-md-4">
343
339
  <ul class="index-list">
344
- <li>
345
- <a href="#attr.role" >attr.role</a>
346
- </li>
347
340
  <li>
348
341
  <a href="#class" >class</a>
349
342
  </li>
@@ -360,21 +353,6 @@
360
353
  <tr>
361
354
  <td class="col-md-4">
362
355
  <ul class="index-list">
363
- <li>
364
- <a href="#isDropDownRightAligned" >isDropDownRightAligned</a>
365
- </li>
366
- <li>
367
- <a href="#isClosedOnClickInside" >isClosedOnClickInside</a>
368
- </li>
369
- <li>
370
- <a href="#isLabelUpdatedFromSelectedItem" >isLabelUpdatedFromSelectedItem</a>
371
- </li>
372
- <li>
373
- <a href="#isExpandOnHover" >isExpandOnHover</a>
374
- </li>
375
- <li>
376
- <a href="#hasTabNavigation" >hasTabNavigation</a>
377
- </li>
378
356
  <li>
379
357
  <a href="#cssClasses" >cssClasses</a>
380
358
  </li>
@@ -394,7 +372,7 @@
394
372
  <tbody>
395
373
  <tr>
396
374
  <td class="col-md-4">
397
- <code>constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, scrollDispatcher: ScrollDispatcher, dropdownService: <a href="../injectables/EuiDropdownService.html" target="_self">EuiDropdownService</a>)</code>
375
+ <code>constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, scrollDispatcher: ScrollDispatcher, dropdownService: <a href="../injectables/EuiDropdownService.html" target="_self">EuiDropdownService</a>, _renderer: Renderer2)</code>
398
376
  </td>
399
377
  </tr>
400
378
 
@@ -459,6 +437,18 @@
459
437
  </td>
460
438
 
461
439
  </tr>
440
+ <tr>
441
+ <td>_renderer</td>
442
+
443
+ <td>
444
+ <code>Renderer2</code>
445
+ </td>
446
+
447
+ <td>
448
+ No
449
+ </td>
450
+
451
+ </tr>
462
452
  </tbody>
463
453
  </table>
464
454
  </div>
@@ -501,10 +491,15 @@
501
491
  </tr>
502
492
  <tr>
503
493
  <td class="col-md-4">
504
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
494
+ <i>Type : </i> <code>BooleanInput</code>
505
495
 
506
496
  </td>
507
497
  </tr>
498
+ <tr>
499
+ <td class="col-md-4">
500
+ <i>Default value : </i><code>false</code>
501
+ </td>
502
+ </tr>
508
503
  </tbody>
509
504
  </table>
510
505
  <table class="table table-sm table-bordered">
@@ -517,10 +512,15 @@
517
512
  </tr>
518
513
  <tr>
519
514
  <td class="col-md-4">
520
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
515
+ <i>Type : </i> <code>BooleanInput</code>
521
516
 
522
517
  </td>
523
518
  </tr>
519
+ <tr>
520
+ <td class="col-md-4">
521
+ <i>Default value : </i><code>true</code>
522
+ </td>
523
+ </tr>
524
524
  </tbody>
525
525
  </table>
526
526
  <table class="table table-sm table-bordered">
@@ -533,10 +533,15 @@
533
533
  </tr>
534
534
  <tr>
535
535
  <td class="col-md-4">
536
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
536
+ <i>Type : </i> <code>BooleanInput</code>
537
537
 
538
538
  </td>
539
539
  </tr>
540
+ <tr>
541
+ <td class="col-md-4">
542
+ <i>Default value : </i><code>false</code>
543
+ </td>
544
+ </tr>
540
545
  </tbody>
541
546
  </table>
542
547
  <table class="table table-sm table-bordered">
@@ -549,10 +554,15 @@
549
554
  </tr>
550
555
  <tr>
551
556
  <td class="col-md-4">
552
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
557
+ <i>Type : </i> <code>BooleanInput</code>
553
558
 
554
559
  </td>
555
560
  </tr>
561
+ <tr>
562
+ <td class="col-md-4">
563
+ <i>Default value : </i><code>false</code>
564
+ </td>
565
+ </tr>
556
566
  </tbody>
557
567
  </table>
558
568
  <table class="table table-sm table-bordered">
@@ -565,10 +575,15 @@
565
575
  </tr>
566
576
  <tr>
567
577
  <td class="col-md-4">
568
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
578
+ <i>Type : </i> <code>BooleanInput</code>
569
579
 
570
580
  </td>
571
581
  </tr>
582
+ <tr>
583
+ <td class="col-md-4">
584
+ <i>Default value : </i><code>false</code>
585
+ </td>
586
+ </tr>
572
587
  </tbody>
573
588
  </table>
574
589
  <table class="table table-sm table-bordered">
@@ -1086,32 +1101,6 @@
1086
1101
 
1087
1102
  <section data-compodoc="block-properties">
1088
1103
  <h3>HostBindings</h3> <table class="table table-sm table-bordered">
1089
- <tbody>
1090
- <tr>
1091
- <td class="col-md-4">
1092
- <a name="attr.role"></a>
1093
- <span class="name">
1094
- <span ><b>attr.role</b></span>
1095
- <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
1096
- </span>
1097
- </td>
1098
- </tr>
1099
- <tr>
1100
- <td class="col-md-4">
1101
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1102
-
1103
- </td>
1104
- </tr>
1105
- <tr>
1106
- <td class="col-md-4">
1107
- <i>Default value : </i><code>&#x27;menu&#x27;</code>
1108
- </td>
1109
- </tr>
1110
-
1111
-
1112
- </tbody>
1113
- </table>
1114
- <table class="table table-sm table-bordered">
1115
1104
  <tbody>
1116
1105
  <tr>
1117
1106
  <td class="col-md-4">
@@ -1585,42 +1574,6 @@
1585
1574
  </tr>
1586
1575
 
1587
1576
 
1588
- </tbody>
1589
- </table>
1590
- <table class="table table-sm table-bordered">
1591
- <tbody>
1592
- <tr>
1593
- <td class="col-md-4">
1594
- <a name="role"></a>
1595
- <span class="name">
1596
- <span class="modifier"></span>
1597
- <span ><b>role</b></span>
1598
- <a href="#role"><span class="icon ion-ios-link"></span></a>
1599
- </span>
1600
- </td>
1601
- </tr>
1602
- <tr>
1603
- <td class="col-md-4">
1604
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1605
-
1606
- </td>
1607
- </tr>
1608
- <tr>
1609
- <td class="col-md-4">
1610
- <i>Default value : </i><code>&#x27;menu&#x27;</code>
1611
- </td>
1612
- </tr>
1613
- <tr>
1614
- <td class="col-md-4">
1615
- <b>Decorators : </b>
1616
- <br />
1617
- <code>
1618
- @HostBinding(&#x27;attr.role&#x27;)<br />
1619
- </code>
1620
- </td>
1621
- </tr>
1622
-
1623
-
1624
1577
  </tbody>
1625
1578
  </table>
1626
1579
  <table class="table table-sm table-bordered">
@@ -1712,301 +1665,6 @@
1712
1665
  <h3 id="accessors">
1713
1666
  Accessors
1714
1667
  </h3>
1715
- <table class="table table-sm table-bordered">
1716
- <tbody>
1717
- <tr>
1718
- <td class="col-md-4">
1719
- <a name="isDropDownRightAligned"></a>
1720
- <span class="name"><b>isDropDownRightAligned</b><a href="#isDropDownRightAligned"><span class="icon ion-ios-link"></span></a></span>
1721
- </td>
1722
- </tr>
1723
-
1724
- <tr>
1725
- <td class="col-md-4">
1726
- <span class="accessor"><b>get</b><code>isDropDownRightAligned()</code></span>
1727
- </td>
1728
- </tr>
1729
-
1730
- <tr>
1731
- <td class="col-md-4">
1732
- <span class="accessor"><b>set</b><code>isDropDownRightAligned(value: BooleanInput)</code></span>
1733
- </td>
1734
- </tr>
1735
- <tr>
1736
- <td class="col-md-4">
1737
-
1738
- <div class="io-description">
1739
- <b>Parameters :</b>
1740
- <table class="params">
1741
- <thead>
1742
- <tr>
1743
- <td>Name</td>
1744
- <td>Type</td>
1745
- <td>Optional</td>
1746
- </tr>
1747
- </thead>
1748
- <tbody>
1749
- <tr>
1750
- <td>value</td>
1751
-
1752
- <td>
1753
- <code>BooleanInput</code>
1754
- </td>
1755
-
1756
- <td>
1757
- No
1758
- </td>
1759
-
1760
- </tr>
1761
- </tbody>
1762
- </table>
1763
- </div>
1764
- <div>
1765
- </div>
1766
- <div class="io-description">
1767
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1768
-
1769
- </div>
1770
- </td>
1771
- </tr>
1772
- </tbody>
1773
- </table>
1774
- <table class="table table-sm table-bordered">
1775
- <tbody>
1776
- <tr>
1777
- <td class="col-md-4">
1778
- <a name="isClosedOnClickInside"></a>
1779
- <span class="name"><b>isClosedOnClickInside</b><a href="#isClosedOnClickInside"><span class="icon ion-ios-link"></span></a></span>
1780
- </td>
1781
- </tr>
1782
-
1783
- <tr>
1784
- <td class="col-md-4">
1785
- <span class="accessor"><b>get</b><code>isClosedOnClickInside()</code></span>
1786
- </td>
1787
- </tr>
1788
-
1789
- <tr>
1790
- <td class="col-md-4">
1791
- <span class="accessor"><b>set</b><code>isClosedOnClickInside(value: BooleanInput)</code></span>
1792
- </td>
1793
- </tr>
1794
- <tr>
1795
- <td class="col-md-4">
1796
-
1797
- <div class="io-description">
1798
- <b>Parameters :</b>
1799
- <table class="params">
1800
- <thead>
1801
- <tr>
1802
- <td>Name</td>
1803
- <td>Type</td>
1804
- <td>Optional</td>
1805
- </tr>
1806
- </thead>
1807
- <tbody>
1808
- <tr>
1809
- <td>value</td>
1810
-
1811
- <td>
1812
- <code>BooleanInput</code>
1813
- </td>
1814
-
1815
- <td>
1816
- No
1817
- </td>
1818
-
1819
- </tr>
1820
- </tbody>
1821
- </table>
1822
- </div>
1823
- <div>
1824
- </div>
1825
- <div class="io-description">
1826
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1827
-
1828
- </div>
1829
- </td>
1830
- </tr>
1831
- </tbody>
1832
- </table>
1833
- <table class="table table-sm table-bordered">
1834
- <tbody>
1835
- <tr>
1836
- <td class="col-md-4">
1837
- <a name="isLabelUpdatedFromSelectedItem"></a>
1838
- <span class="name"><b>isLabelUpdatedFromSelectedItem</b><a href="#isLabelUpdatedFromSelectedItem"><span class="icon ion-ios-link"></span></a></span>
1839
- </td>
1840
- </tr>
1841
-
1842
- <tr>
1843
- <td class="col-md-4">
1844
- <span class="accessor"><b>get</b><code>isLabelUpdatedFromSelectedItem()</code></span>
1845
- </td>
1846
- </tr>
1847
-
1848
- <tr>
1849
- <td class="col-md-4">
1850
- <span class="accessor"><b>set</b><code>isLabelUpdatedFromSelectedItem(value: BooleanInput)</code></span>
1851
- </td>
1852
- </tr>
1853
- <tr>
1854
- <td class="col-md-4">
1855
-
1856
- <div class="io-description">
1857
- <b>Parameters :</b>
1858
- <table class="params">
1859
- <thead>
1860
- <tr>
1861
- <td>Name</td>
1862
- <td>Type</td>
1863
- <td>Optional</td>
1864
- </tr>
1865
- </thead>
1866
- <tbody>
1867
- <tr>
1868
- <td>value</td>
1869
-
1870
- <td>
1871
- <code>BooleanInput</code>
1872
- </td>
1873
-
1874
- <td>
1875
- No
1876
- </td>
1877
-
1878
- </tr>
1879
- </tbody>
1880
- </table>
1881
- </div>
1882
- <div>
1883
- </div>
1884
- <div class="io-description">
1885
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1886
-
1887
- </div>
1888
- </td>
1889
- </tr>
1890
- </tbody>
1891
- </table>
1892
- <table class="table table-sm table-bordered">
1893
- <tbody>
1894
- <tr>
1895
- <td class="col-md-4">
1896
- <a name="isExpandOnHover"></a>
1897
- <span class="name"><b>isExpandOnHover</b><a href="#isExpandOnHover"><span class="icon ion-ios-link"></span></a></span>
1898
- </td>
1899
- </tr>
1900
-
1901
- <tr>
1902
- <td class="col-md-4">
1903
- <span class="accessor"><b>get</b><code>isExpandOnHover()</code></span>
1904
- </td>
1905
- </tr>
1906
-
1907
- <tr>
1908
- <td class="col-md-4">
1909
- <span class="accessor"><b>set</b><code>isExpandOnHover(value: BooleanInput)</code></span>
1910
- </td>
1911
- </tr>
1912
- <tr>
1913
- <td class="col-md-4">
1914
-
1915
- <div class="io-description">
1916
- <b>Parameters :</b>
1917
- <table class="params">
1918
- <thead>
1919
- <tr>
1920
- <td>Name</td>
1921
- <td>Type</td>
1922
- <td>Optional</td>
1923
- </tr>
1924
- </thead>
1925
- <tbody>
1926
- <tr>
1927
- <td>value</td>
1928
-
1929
- <td>
1930
- <code>BooleanInput</code>
1931
- </td>
1932
-
1933
- <td>
1934
- No
1935
- </td>
1936
-
1937
- </tr>
1938
- </tbody>
1939
- </table>
1940
- </div>
1941
- <div>
1942
- </div>
1943
- <div class="io-description">
1944
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1945
-
1946
- </div>
1947
- </td>
1948
- </tr>
1949
- </tbody>
1950
- </table>
1951
- <table class="table table-sm table-bordered">
1952
- <tbody>
1953
- <tr>
1954
- <td class="col-md-4">
1955
- <a name="hasTabNavigation"></a>
1956
- <span class="name"><b>hasTabNavigation</b><a href="#hasTabNavigation"><span class="icon ion-ios-link"></span></a></span>
1957
- </td>
1958
- </tr>
1959
-
1960
- <tr>
1961
- <td class="col-md-4">
1962
- <span class="accessor"><b>get</b><code>hasTabNavigation()</code></span>
1963
- </td>
1964
- </tr>
1965
-
1966
- <tr>
1967
- <td class="col-md-4">
1968
- <span class="accessor"><b>set</b><code>hasTabNavigation(value: BooleanInput)</code></span>
1969
- </td>
1970
- </tr>
1971
- <tr>
1972
- <td class="col-md-4">
1973
-
1974
- <div class="io-description">
1975
- <b>Parameters :</b>
1976
- <table class="params">
1977
- <thead>
1978
- <tr>
1979
- <td>Name</td>
1980
- <td>Type</td>
1981
- <td>Optional</td>
1982
- </tr>
1983
- </thead>
1984
- <tbody>
1985
- <tr>
1986
- <td>value</td>
1987
-
1988
- <td>
1989
- <code>BooleanInput</code>
1990
- </td>
1991
-
1992
- <td>
1993
- No
1994
- </td>
1995
-
1996
- </tr>
1997
- </tbody>
1998
- </table>
1999
- </div>
2000
- <div>
2001
- </div>
2002
- <div class="io-description">
2003
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2004
-
2005
- </div>
2006
- </td>
2007
- </tr>
2008
- </tbody>
2009
- </table>
2010
1668
  <table class="table table-sm table-bordered">
2011
1669
  <tbody>
2012
1670
  <tr>