@eui/components 17.0.3-snapshot-1703212038654 → 17.0.3-snapshot-1704334309393

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 (44) hide show
  1. package/docs/components/EuiAppSidebarMenuComponent.html +49 -1
  2. package/docs/components/EuiMenuComponent.html +49 -1
  3. package/docs/components/EuiMenuItemComponent.html +52 -4
  4. package/docs/components/EuiPageColumnComponent.html +91 -373
  5. package/docs/components/EuiPageColumnsComponent.html +87 -0
  6. package/docs/components/EuiSidebarMenuComponent.html +74 -327
  7. package/docs/components/EuiTimepickerComponent.html +26 -1
  8. package/docs/dependencies.html +2 -2
  9. package/docs/js/search/search_index.js +2 -2
  10. package/docs/miscellaneous/variables.html +21 -0
  11. package/esm2022/eui-menu/eui-menu-item.component.mjs +22 -19
  12. package/esm2022/eui-menu/eui-menu.component.mjs +20 -3
  13. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +58 -58
  14. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +19 -4
  15. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +27 -45
  16. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +21 -6
  17. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +11 -3
  18. package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
  19. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
  20. package/eui-menu/eui-menu-item.component.d.ts +11 -5
  21. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  22. package/eui-menu/eui-menu.component.d.ts +5 -1
  23. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  24. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +24 -25
  25. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  26. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts +10 -1
  27. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
  28. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +15 -17
  29. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  30. package/eui-timepicker/eui-timepicker.component.d.ts +5 -3
  31. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  32. package/fesm2022/eui-components-eui-menu.mjs +41 -21
  33. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  34. package/fesm2022/eui-components-eui-page.mjs +74 -60
  35. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  36. package/fesm2022/eui-components-eui-sidebar-menu.mjs +26 -44
  37. package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
  38. package/fesm2022/eui-components-eui-timepicker.mjs +20 -5
  39. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  40. package/fesm2022/eui-components-layout.mjs +13 -5
  41. package/fesm2022/eui-components-layout.mjs.map +1 -1
  42. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +5 -1
  43. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  44. package/package.json +7 -7
@@ -129,6 +129,7 @@
129
129
  </p>
130
130
  <p class="comment">
131
131
  <code>OnInit</code>
132
+ <code>OnDestroy</code>
132
133
  </p>
133
134
 
134
135
 
@@ -264,6 +265,9 @@
264
265
  <tr>
265
266
  <td class="col-md-4">
266
267
  <ul class="index-list">
268
+ <li>
269
+ <a href="#autoCollapseParentColumnsContainerWidth" >autoCollapseParentColumnsContainerWidth</a>
270
+ </li>
267
271
  <li>
268
272
  <a href="#hasHeaderBodyShrinkable" >hasHeaderBodyShrinkable</a>
269
273
  </li>
@@ -282,6 +286,9 @@
282
286
  <li>
283
287
  <a href="#isHighlighted" >isHighlighted</a>
284
288
  </li>
289
+ <li>
290
+ <a href="#isParentColumnsObserverActive" >isParentColumnsObserverActive</a>
291
+ </li>
285
292
  <li>
286
293
  <a href="#label" >label</a>
287
294
  </li>
@@ -441,24 +448,6 @@
441
448
  <tr>
442
449
  <td class="col-md-4">
443
450
  <ul class="index-list">
444
- <li>
445
- <a href="#isCollapsible" >isCollapsible</a>
446
- </li>
447
- <li>
448
- <a href="#isCollapsed" >isCollapsed</a>
449
- </li>
450
- <li>
451
- <a href="#isHighlighted" >isHighlighted</a>
452
- </li>
453
- <li>
454
- <a href="#isCollapsedWithIcons" >isCollapsedWithIcons</a>
455
- </li>
456
- <li>
457
- <a href="#hasSidebarMenu" >hasSidebarMenu</a>
458
- </li>
459
- <li>
460
- <a href="#hasHeaderBodyShrinkable" >hasHeaderBodyShrinkable</a>
461
- </li>
462
451
  <li>
463
452
  <a href="#cssClasses" >cssClasses</a>
464
453
  </li>
@@ -475,7 +464,7 @@
475
464
  <tbody>
476
465
  <tr>
477
466
  <td class="col-md-4">
478
- <code>constructor(asService: EuiAppShellService)</code>
467
+ <code>constructor(pageColumnsParentInjected, asService: EuiAppShellService)</code>
479
468
  </td>
480
469
  </tr>
481
470
 
@@ -492,6 +481,17 @@
492
481
  </tr>
493
482
  </thead>
494
483
  <tbody>
484
+ <tr>
485
+ <td>pageColumnsParentInjected</td>
486
+
487
+ <td>
488
+ </td>
489
+
490
+ <td>
491
+ No
492
+ </td>
493
+
494
+ </tr>
495
495
  <tr>
496
496
  <td>asService</td>
497
497
 
@@ -515,6 +515,27 @@
515
515
 
516
516
  <section data-compodoc="block-inputs">
517
517
  <h3 id="inputs">Inputs</h3>
518
+ <table class="table table-sm table-bordered">
519
+ <tbody>
520
+ <tr>
521
+ <td class="col-md-4">
522
+ <a name="autoCollapseParentColumnsContainerWidth"></a>
523
+ <b>autoCollapseParentColumnsContainerWidth</b>
524
+ </td>
525
+ </tr>
526
+ <tr>
527
+ <td class="col-md-4">
528
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
529
+
530
+ </td>
531
+ </tr>
532
+ <tr>
533
+ <td class="col-md-4">
534
+ <i>Default value : </i><code>null</code>
535
+ </td>
536
+ </tr>
537
+ </tbody>
538
+ </table>
518
539
  <table class="table table-sm table-bordered">
519
540
  <tbody>
520
541
  <tr>
@@ -529,6 +550,11 @@
529
550
 
530
551
  </td>
531
552
  </tr>
553
+ <tr>
554
+ <td class="col-md-4">
555
+ <i>Default value : </i><code>false</code>
556
+ </td>
557
+ </tr>
532
558
  </tbody>
533
559
  </table>
534
560
  <table class="table table-sm table-bordered">
@@ -545,6 +571,11 @@
545
571
 
546
572
  </td>
547
573
  </tr>
574
+ <tr>
575
+ <td class="col-md-4">
576
+ <i>Default value : </i><code>false</code>
577
+ </td>
578
+ </tr>
548
579
  </tbody>
549
580
  </table>
550
581
  <table class="table table-sm table-bordered">
@@ -561,6 +592,11 @@
561
592
 
562
593
  </td>
563
594
  </tr>
595
+ <tr>
596
+ <td class="col-md-4">
597
+ <i>Default value : </i><code>false</code>
598
+ </td>
599
+ </tr>
564
600
  </tbody>
565
601
  </table>
566
602
  <table class="table table-sm table-bordered">
@@ -577,6 +613,11 @@
577
613
 
578
614
  </td>
579
615
  </tr>
616
+ <tr>
617
+ <td class="col-md-4">
618
+ <i>Default value : </i><code>false</code>
619
+ </td>
620
+ </tr>
580
621
  </tbody>
581
622
  </table>
582
623
  <table class="table table-sm table-bordered">
@@ -593,6 +634,11 @@
593
634
 
594
635
  </td>
595
636
  </tr>
637
+ <tr>
638
+ <td class="col-md-4">
639
+ <i>Default value : </i><code>false</code>
640
+ </td>
641
+ </tr>
596
642
  </tbody>
597
643
  </table>
598
644
  <table class="table table-sm table-bordered">
@@ -609,6 +655,32 @@
609
655
 
610
656
  </td>
611
657
  </tr>
658
+ <tr>
659
+ <td class="col-md-4">
660
+ <i>Default value : </i><code>false</code>
661
+ </td>
662
+ </tr>
663
+ </tbody>
664
+ </table>
665
+ <table class="table table-sm table-bordered">
666
+ <tbody>
667
+ <tr>
668
+ <td class="col-md-4">
669
+ <a name="isParentColumnsObserverActive"></a>
670
+ <b>isParentColumnsObserverActive</b>
671
+ </td>
672
+ </tr>
673
+ <tr>
674
+ <td class="col-md-4">
675
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
676
+
677
+ </td>
678
+ </tr>
679
+ <tr>
680
+ <td class="col-md-4">
681
+ <i>Default value : </i><code>false</code>
682
+ </td>
683
+ </tr>
612
684
  </tbody>
613
685
  </table>
614
686
  <table class="table table-sm table-bordered">
@@ -1705,360 +1777,6 @@
1705
1777
  <h3 id="accessors">
1706
1778
  Accessors
1707
1779
  </h3>
1708
- <table class="table table-sm table-bordered">
1709
- <tbody>
1710
- <tr>
1711
- <td class="col-md-4">
1712
- <a name="isCollapsible"></a>
1713
- <span class="name"><b>isCollapsible</b><a href="#isCollapsible"><span class="icon ion-ios-link"></span></a></span>
1714
- </td>
1715
- </tr>
1716
-
1717
- <tr>
1718
- <td class="col-md-4">
1719
- <span class="accessor"><b>get</b><code>isCollapsible()</code></span>
1720
- </td>
1721
- </tr>
1722
-
1723
- <tr>
1724
- <td class="col-md-4">
1725
- <span class="accessor"><b>set</b><code>isCollapsible(value: BooleanInput)</code></span>
1726
- </td>
1727
- </tr>
1728
- <tr>
1729
- <td class="col-md-4">
1730
-
1731
- <div class="io-description">
1732
- <b>Parameters :</b>
1733
- <table class="params">
1734
- <thead>
1735
- <tr>
1736
- <td>Name</td>
1737
- <td>Type</td>
1738
- <td>Optional</td>
1739
- </tr>
1740
- </thead>
1741
- <tbody>
1742
- <tr>
1743
- <td>value</td>
1744
-
1745
- <td>
1746
- <code>BooleanInput</code>
1747
- </td>
1748
-
1749
- <td>
1750
- No
1751
- </td>
1752
-
1753
- </tr>
1754
- </tbody>
1755
- </table>
1756
- </div>
1757
- <div>
1758
- </div>
1759
- <div class="io-description">
1760
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1761
-
1762
- </div>
1763
- </td>
1764
- </tr>
1765
- </tbody>
1766
- </table>
1767
- <table class="table table-sm table-bordered">
1768
- <tbody>
1769
- <tr>
1770
- <td class="col-md-4">
1771
- <a name="isCollapsed"></a>
1772
- <span class="name"><b>isCollapsed</b><a href="#isCollapsed"><span class="icon ion-ios-link"></span></a></span>
1773
- </td>
1774
- </tr>
1775
-
1776
- <tr>
1777
- <td class="col-md-4">
1778
- <span class="accessor"><b>get</b><code>isCollapsed()</code></span>
1779
- </td>
1780
- </tr>
1781
-
1782
- <tr>
1783
- <td class="col-md-4">
1784
- <span class="accessor"><b>set</b><code>isCollapsed(value: BooleanInput)</code></span>
1785
- </td>
1786
- </tr>
1787
- <tr>
1788
- <td class="col-md-4">
1789
-
1790
- <div class="io-description">
1791
- <b>Parameters :</b>
1792
- <table class="params">
1793
- <thead>
1794
- <tr>
1795
- <td>Name</td>
1796
- <td>Type</td>
1797
- <td>Optional</td>
1798
- </tr>
1799
- </thead>
1800
- <tbody>
1801
- <tr>
1802
- <td>value</td>
1803
-
1804
- <td>
1805
- <code>BooleanInput</code>
1806
- </td>
1807
-
1808
- <td>
1809
- No
1810
- </td>
1811
-
1812
- </tr>
1813
- </tbody>
1814
- </table>
1815
- </div>
1816
- <div>
1817
- </div>
1818
- <div class="io-description">
1819
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1820
-
1821
- </div>
1822
- </td>
1823
- </tr>
1824
- </tbody>
1825
- </table>
1826
- <table class="table table-sm table-bordered">
1827
- <tbody>
1828
- <tr>
1829
- <td class="col-md-4">
1830
- <a name="isHighlighted"></a>
1831
- <span class="name"><b>isHighlighted</b><a href="#isHighlighted"><span class="icon ion-ios-link"></span></a></span>
1832
- </td>
1833
- </tr>
1834
-
1835
- <tr>
1836
- <td class="col-md-4">
1837
- <span class="accessor"><b>get</b><code>isHighlighted()</code></span>
1838
- </td>
1839
- </tr>
1840
-
1841
- <tr>
1842
- <td class="col-md-4">
1843
- <span class="accessor"><b>set</b><code>isHighlighted(value: BooleanInput)</code></span>
1844
- </td>
1845
- </tr>
1846
- <tr>
1847
- <td class="col-md-4">
1848
-
1849
- <div class="io-description">
1850
- <b>Parameters :</b>
1851
- <table class="params">
1852
- <thead>
1853
- <tr>
1854
- <td>Name</td>
1855
- <td>Type</td>
1856
- <td>Optional</td>
1857
- </tr>
1858
- </thead>
1859
- <tbody>
1860
- <tr>
1861
- <td>value</td>
1862
-
1863
- <td>
1864
- <code>BooleanInput</code>
1865
- </td>
1866
-
1867
- <td>
1868
- No
1869
- </td>
1870
-
1871
- </tr>
1872
- </tbody>
1873
- </table>
1874
- </div>
1875
- <div>
1876
- </div>
1877
- <div class="io-description">
1878
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1879
-
1880
- </div>
1881
- </td>
1882
- </tr>
1883
- </tbody>
1884
- </table>
1885
- <table class="table table-sm table-bordered">
1886
- <tbody>
1887
- <tr>
1888
- <td class="col-md-4">
1889
- <a name="isCollapsedWithIcons"></a>
1890
- <span class="name"><b>isCollapsedWithIcons</b><a href="#isCollapsedWithIcons"><span class="icon ion-ios-link"></span></a></span>
1891
- </td>
1892
- </tr>
1893
-
1894
- <tr>
1895
- <td class="col-md-4">
1896
- <span class="accessor"><b>get</b><code>isCollapsedWithIcons()</code></span>
1897
- </td>
1898
- </tr>
1899
-
1900
- <tr>
1901
- <td class="col-md-4">
1902
- <span class="accessor"><b>set</b><code>isCollapsedWithIcons(value: BooleanInput)</code></span>
1903
- </td>
1904
- </tr>
1905
- <tr>
1906
- <td class="col-md-4">
1907
-
1908
- <div class="io-description">
1909
- <b>Parameters :</b>
1910
- <table class="params">
1911
- <thead>
1912
- <tr>
1913
- <td>Name</td>
1914
- <td>Type</td>
1915
- <td>Optional</td>
1916
- </tr>
1917
- </thead>
1918
- <tbody>
1919
- <tr>
1920
- <td>value</td>
1921
-
1922
- <td>
1923
- <code>BooleanInput</code>
1924
- </td>
1925
-
1926
- <td>
1927
- No
1928
- </td>
1929
-
1930
- </tr>
1931
- </tbody>
1932
- </table>
1933
- </div>
1934
- <div>
1935
- </div>
1936
- <div class="io-description">
1937
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1938
-
1939
- </div>
1940
- </td>
1941
- </tr>
1942
- </tbody>
1943
- </table>
1944
- <table class="table table-sm table-bordered">
1945
- <tbody>
1946
- <tr>
1947
- <td class="col-md-4">
1948
- <a name="hasSidebarMenu"></a>
1949
- <span class="name"><b>hasSidebarMenu</b><a href="#hasSidebarMenu"><span class="icon ion-ios-link"></span></a></span>
1950
- </td>
1951
- </tr>
1952
-
1953
- <tr>
1954
- <td class="col-md-4">
1955
- <span class="accessor"><b>get</b><code>hasSidebarMenu()</code></span>
1956
- </td>
1957
- </tr>
1958
-
1959
- <tr>
1960
- <td class="col-md-4">
1961
- <span class="accessor"><b>set</b><code>hasSidebarMenu(value: BooleanInput)</code></span>
1962
- </td>
1963
- </tr>
1964
- <tr>
1965
- <td class="col-md-4">
1966
-
1967
- <div class="io-description">
1968
- <b>Parameters :</b>
1969
- <table class="params">
1970
- <thead>
1971
- <tr>
1972
- <td>Name</td>
1973
- <td>Type</td>
1974
- <td>Optional</td>
1975
- </tr>
1976
- </thead>
1977
- <tbody>
1978
- <tr>
1979
- <td>value</td>
1980
-
1981
- <td>
1982
- <code>BooleanInput</code>
1983
- </td>
1984
-
1985
- <td>
1986
- No
1987
- </td>
1988
-
1989
- </tr>
1990
- </tbody>
1991
- </table>
1992
- </div>
1993
- <div>
1994
- </div>
1995
- <div class="io-description">
1996
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1997
-
1998
- </div>
1999
- </td>
2000
- </tr>
2001
- </tbody>
2002
- </table>
2003
- <table class="table table-sm table-bordered">
2004
- <tbody>
2005
- <tr>
2006
- <td class="col-md-4">
2007
- <a name="hasHeaderBodyShrinkable"></a>
2008
- <span class="name"><b>hasHeaderBodyShrinkable</b><a href="#hasHeaderBodyShrinkable"><span class="icon ion-ios-link"></span></a></span>
2009
- </td>
2010
- </tr>
2011
-
2012
- <tr>
2013
- <td class="col-md-4">
2014
- <span class="accessor"><b>get</b><code>hasHeaderBodyShrinkable()</code></span>
2015
- </td>
2016
- </tr>
2017
-
2018
- <tr>
2019
- <td class="col-md-4">
2020
- <span class="accessor"><b>set</b><code>hasHeaderBodyShrinkable(value: BooleanInput)</code></span>
2021
- </td>
2022
- </tr>
2023
- <tr>
2024
- <td class="col-md-4">
2025
-
2026
- <div class="io-description">
2027
- <b>Parameters :</b>
2028
- <table class="params">
2029
- <thead>
2030
- <tr>
2031
- <td>Name</td>
2032
- <td>Type</td>
2033
- <td>Optional</td>
2034
- </tr>
2035
- </thead>
2036
- <tbody>
2037
- <tr>
2038
- <td>value</td>
2039
-
2040
- <td>
2041
- <code>BooleanInput</code>
2042
- </td>
2043
-
2044
- <td>
2045
- No
2046
- </td>
2047
-
2048
- </tr>
2049
- </tbody>
2050
- </table>
2051
- </div>
2052
- <div>
2053
- </div>
2054
- <div class="io-description">
2055
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2056
-
2057
- </div>
2058
- </td>
2059
- </tr>
2060
- </tbody>
2061
- </table>
2062
1780
  <table class="table table-sm table-bordered">
2063
1781
  <tbody>
2064
1782
  <tr>
@@ -118,6 +118,13 @@
118
118
 
119
119
 
120
120
 
121
+ <p class="comment">
122
+ <h3>Implements</h3>
123
+ </p>
124
+ <p class="comment">
125
+ <code>OnInit</code>
126
+ <code>OnDestroy</code>
127
+ </p>
121
128
 
122
129
 
123
130
  <section data-compodoc="block-metadata">
@@ -182,6 +189,10 @@
182
189
  <span class="modifier"></span>
183
190
  <a href="#class" >class</a>
184
191
  </li>
192
+ <li>
193
+ <span class="modifier">Public</span>
194
+ <a href="#width" >width</a>
195
+ </li>
185
196
  </ul>
186
197
  </td>
187
198
  </tr>
@@ -209,6 +220,61 @@
209
220
  </table>
210
221
  </section>
211
222
 
223
+ <section data-compodoc="block-constructor">
224
+ <h3 id="constructor">Constructor</h3>
225
+ <table class="table table-sm table-bordered">
226
+ <tbody>
227
+ <tr>
228
+ <td class="col-md-4">
229
+ <code>constructor(host: ElementRef, zone: NgZone)</code>
230
+ </td>
231
+ </tr>
232
+
233
+ <tr>
234
+ <td class="col-md-4">
235
+ <div>
236
+ <b>Parameters :</b>
237
+ <table class="params">
238
+ <thead>
239
+ <tr>
240
+ <td>Name</td>
241
+ <td>Type</td>
242
+ <td>Optional</td>
243
+ </tr>
244
+ </thead>
245
+ <tbody>
246
+ <tr>
247
+ <td>host</td>
248
+
249
+ <td>
250
+ <code>ElementRef</code>
251
+ </td>
252
+
253
+ <td>
254
+ No
255
+ </td>
256
+
257
+ </tr>
258
+ <tr>
259
+ <td>zone</td>
260
+
261
+ <td>
262
+ <code>NgZone</code>
263
+ </td>
264
+
265
+ <td>
266
+ No
267
+ </td>
268
+
269
+ </tr>
270
+ </tbody>
271
+ </table>
272
+ </div>
273
+ </td>
274
+ </tr>
275
+ </tbody>
276
+ </table>
277
+ </section>
212
278
 
213
279
 
214
280
 
@@ -282,6 +348,27 @@
282
348
  </tr>
283
349
 
284
350
 
351
+ </tbody>
352
+ </table>
353
+ <table class="table table-sm table-bordered">
354
+ <tbody>
355
+ <tr>
356
+ <td class="col-md-4">
357
+ <a name="width"></a>
358
+ <span class="name">
359
+ <span class="modifier">Public</span>
360
+ <span ><b>width</b></span>
361
+ <a href="#width"><span class="icon ion-ios-link"></span></a>
362
+ </span>
363
+ </td>
364
+ </tr>
365
+ <tr>
366
+ <td class="col-md-4">
367
+ <i>Default value : </i><code>new Subject</code>
368
+ </td>
369
+ </tr>
370
+
371
+
285
372
  </tbody>
286
373
  </table>
287
374
  </section>