@eui/components 17.0.0-rc.4 → 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 (50) 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/EuiToolbarComponent.html +1 -1
  5. package/docs/components/EuiTreeComponent.html +1 -1
  6. package/docs/dependencies.html +2 -2
  7. package/docs/directives/EuiDropdownContentDirective.html +119 -7
  8. package/docs/js/menu-wc.js +3 -3
  9. package/docs/js/menu-wc_es5.js +1 -1
  10. package/docs/js/search/search_index.js +2 -2
  11. package/esm2022/eui-autocomplete/models/eui-autocomplete-item.model.mjs +2 -1
  12. package/esm2022/eui-block-content/eui-block-content.component.mjs +28 -18
  13. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +10 -4
  14. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +34 -48
  15. package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
  16. package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
  17. package/esm2022/eui-skeleton/eui-skeleton.component.mjs +2 -2
  18. package/esm2022/eui-tree/eui-tree.component.mjs +9 -4
  19. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
  20. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -7
  21. package/esm2022/layout/eui-search/search.component.mjs +1 -2
  22. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
  23. package/eui-autocomplete/eui-autocomplete.component.d.ts +4 -4
  24. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  25. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts +2 -2
  26. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts.map +1 -1
  27. package/eui-block-content/eui-block-content.component.d.ts +6 -6
  28. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  29. package/eui-dropdown/directives/eui-dropdown-content.directive.d.ts +1 -0
  30. package/eui-dropdown/directives/eui-dropdown-content.directive.d.ts.map +1 -1
  31. package/eui-dropdown/eui-dropdown.component.d.ts +8 -18
  32. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  33. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  34. package/fesm2022/eui-components-eui-autocomplete.mjs +1 -0
  35. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  36. package/fesm2022/eui-components-eui-block-content.mjs +28 -18
  37. package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
  38. package/fesm2022/eui-components-eui-dropdown.mjs +41 -48
  39. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  40. package/fesm2022/eui-components-eui-menu.mjs +4 -4
  41. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  42. package/fesm2022/eui-components-eui-skeleton.mjs +2 -2
  43. package/fesm2022/eui-components-eui-skeleton.mjs.map +1 -1
  44. package/fesm2022/eui-components-eui-tree.mjs +8 -3
  45. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  46. package/fesm2022/eui-components-layout.mjs +6 -11
  47. package/fesm2022/eui-components-layout.mjs.map +1 -1
  48. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
  49. package/layout/eui-search/search.component.d.ts.map +1 -1
  50. package/package.json +12 -12
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>
package/docs/components/EuiToolbarComponent.html CHANGED
@@ -350,7 +350,7 @@
350
350
  <script src="../js/libs/htmlparser.js"></script>
351
351
  <script src="../js/libs/deep-iterator.js"></script>
352
352
  <script>
353
- var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="(asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlock"> <div class="eui-toolbar__left"> <eui-toolbar-logo *ngIf="(asService.state$ | async).hasHeaderLogo"></eui-toolbar-logo> <eui-toolbar-environment *ngIf="(asService.state$ | async).hasHeaderEnvironment"> {{ (asService.state$ | async).environmentValue }} </eui-toolbar-environment> <eui-toolbar-app *ngIf="(asService.state$ | async).appName" appName="{{ (asService.state$ | async).appName }}"></eui-toolbar-app> </div> <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container> <ng-container *ngTemplateOutlet="toolbarItems"></ng-container> <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container></ng-container><ng-template #elseBlock> <ng-container *ngIf="(asService.state$ | async).hasHeader; else elseBlockToolbarContent"> <ng-content select="eui-toolbar-menu"></ng-content> </ng-container> <ng-template #elseBlockToolbarContent> <div class="eui-toolbar__left"> <ng-content select="eui-toolbar-logo"></ng-content> <ng-content select="eui-toolbar-app"></ng-content> <ng-content select="eui-toolbar-environment"></ng-content> </div> </ng-template> <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container> <ng-container *ngTemplateOutlet="toolbarItems"></ng-container> <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container></ng-template><ng-template #toolbarCenter> <!-- <div class="eui-toolbar__center"> --> <ng-content select="eui-toolbar-center"></ng-content> <!-- </div> --></ng-template><ng-template #toolbarItems> <div class="eui-toolbar__right"> <ng-content select="eui-toolbar-items"></ng-content> </div></ng-template><ng-template #toolbarLanguageSelector> <ng-container *ngIf="hasLanguageSelector"> <div class="eui-toolbar__language-selector"> <ng-content select="eui-language-selector"></ng-content> </div> </ng-container></ng-template></div>'
353
+ var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="(asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlock"> <div class="eui-toolbar__left"> <eui-toolbar-logo *ngIf="(asService.state$ | async).hasHeaderLogo"></eui-toolbar-logo> <eui-toolbar-environment *ngIf="(asService.state$ | async).hasHeaderEnvironment"> {{ (asService.state$ | async).environmentValue }} </eui-toolbar-environment> <eui-toolbar-app *ngIf="(asService.state$ | async).appName" appName="{{ (asService.state$ | async).appName }}"></eui-toolbar-app> </div> <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container> <ng-container *ngTemplateOutlet="toolbarItems"></ng-container> <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container></ng-container><ng-template #elseBlock> <ng-container *ngIf="(asService.state$ | async).hasHeader; else elseBlockToolbarContent"> <div class="eui-toolbar__left"> <ng-content select="eui-toolbar-menu"></ng-content> </div> <ng-container *ngTemplateOutlet="toolbarItems"></ng-container> </ng-container> <ng-template #elseBlockToolbarContent> <div class="eui-toolbar__left"> <ng-content select="eui-toolbar-logo"></ng-content> <ng-content select="eui-toolbar-app"></ng-content> <ng-content select="eui-toolbar-environment"></ng-content> </div> <!-- <div class="eui-toolbar__center"> --> <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container> <!-- </div> --> <div class="eui-toolbar__right"> <ng-container *ngTemplateOutlet="toolbarItems"></ng-container> </div> </ng-template> <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container></ng-template><ng-template #toolbarCenter> <ng-content select="eui-toolbar-center"></ng-content></ng-template><ng-template #toolbarItems> <ng-content select="eui-toolbar-items"></ng-content></ng-template><ng-template #toolbarLanguageSelector> <ng-container *ngIf="hasLanguageSelector"> <div class="eui-toolbar__language-selector"> <ng-content select="eui-language-selector"></ng-content> </div> </ng-container></ng-template></div>'
354
354
  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,
355
355
  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': 'EuiUxTreeComponent', 'selector': 'eui-ux-tree'},{'name': 'EuiUxTreeNodeComponent', 'selector': 'eui-ux-tree-node'},{'name': 'EuiUxTreeToolbarComponent', 'selector': 'eui-ux-tree-toolbar'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
356
356
  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': '