@eui/components 18.0.0-next.43 → 18.0.0-next.45

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 (149) hide show
  1. package/docs/components/EuiFieldsetComponent.html +37 -1
  2. package/docs/components/EuiPopoverComponent.html +1 -1
  3. package/docs/dependencies.html +1 -1
  4. package/docs/js/search/search_index.js +2 -2
  5. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  6. package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
  7. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  8. package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
  9. package/esm2022/eui-block-content/eui-block-content.component.mjs +2 -2
  10. package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
  11. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  12. package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
  13. package/esm2022/eui-card/eui-card.component.mjs +2 -2
  14. package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
  15. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
  16. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
  17. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
  18. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
  19. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
  20. package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
  21. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
  22. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
  23. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  24. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +14 -4
  25. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
  26. package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
  27. package/esm2022/eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.mjs +2 -2
  28. package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
  29. package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
  30. package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
  31. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
  32. package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
  33. package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
  34. package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
  35. package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
  36. package/esm2022/eui-page/eui-page.component.mjs +2 -2
  37. package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
  38. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
  39. package/esm2022/eui-select/eui-select.component.mjs +2 -2
  40. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +2 -2
  41. package/esm2022/eui-skeleton/eui-skeleton.component.mjs +2 -2
  42. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  43. package/esm2022/eui-table/eui-table.component.mjs +2 -2
  44. package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
  45. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
  46. package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
  47. package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
  48. package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
  49. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
  50. package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
  51. package/esm2022/eui-tree/eui-tree.component.mjs +2 -2
  52. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
  53. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
  54. package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
  55. package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
  56. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
  57. package/eui-fieldset/eui-fieldset.component.d.ts +7 -3
  58. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  59. package/fesm2022/eui-components-directives.mjs +2 -2
  60. package/fesm2022/eui-components-directives.mjs.map +1 -1
  61. package/fesm2022/eui-components-eui-alert.mjs +2 -2
  62. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  63. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  64. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  65. package/fesm2022/eui-components-eui-avatar.mjs +2 -2
  66. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  67. package/fesm2022/eui-components-eui-block-content.mjs +2 -2
  68. package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
  69. package/fesm2022/eui-components-eui-block-document.mjs +2 -2
  70. package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
  71. package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
  72. package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
  73. package/fesm2022/eui-components-eui-button.mjs +2 -2
  74. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  75. package/fesm2022/eui-components-eui-card.mjs +2 -2
  76. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  77. package/fesm2022/eui-components-eui-chip.mjs +2 -2
  78. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  79. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  80. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  81. package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
  82. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  83. package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
  84. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  85. package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
  86. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  87. package/fesm2022/eui-components-eui-dialog.mjs +4 -4
  88. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  89. package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
  90. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  91. package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
  92. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  93. package/fesm2022/eui-components-eui-fieldset.mjs +13 -3
  94. package/fesm2022/eui-components-eui-fieldset.mjs.map +2 -2
  95. package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
  96. package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
  97. package/fesm2022/eui-components-eui-growl.mjs +2 -2
  98. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  99. package/fesm2022/eui-components-eui-icon.mjs +4 -4
  100. package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
  101. package/fesm2022/eui-components-eui-input-group.mjs +2 -2
  102. package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
  103. package/fesm2022/eui-components-eui-input-number.mjs +2 -2
  104. package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
  105. package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
  106. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  107. package/fesm2022/eui-components-eui-input-text.mjs +2 -2
  108. package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
  109. package/fesm2022/eui-components-eui-menu.mjs +4 -4
  110. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  111. package/fesm2022/eui-components-eui-overlay.mjs +2 -2
  112. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  113. package/fesm2022/eui-components-eui-page.mjs +2 -2
  114. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  115. package/fesm2022/eui-components-eui-popover.mjs +2 -2
  116. package/fesm2022/eui-components-eui-popover.mjs.map +2 -2
  117. package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
  118. package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
  119. package/fesm2022/eui-components-eui-select.mjs +2 -2
  120. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  121. package/fesm2022/eui-components-eui-sidebar-menu.mjs +2 -2
  122. package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
  123. package/fesm2022/eui-components-eui-skeleton.mjs +2 -2
  124. package/fesm2022/eui-components-eui-skeleton.mjs.map +1 -1
  125. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  126. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  127. package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
  128. package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
  129. package/fesm2022/eui-components-eui-table.mjs +2 -2
  130. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  131. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  132. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  133. package/fesm2022/eui-components-eui-textarea.mjs +2 -2
  134. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  135. package/fesm2022/eui-components-eui-timebar.mjs +2 -2
  136. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  137. package/fesm2022/eui-components-eui-timeline.mjs +4 -4
  138. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  139. package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
  140. package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
  141. package/fesm2022/eui-components-eui-tree.mjs +2 -2
  142. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  143. package/fesm2022/eui-components-eui-wizard.mjs +4 -4
  144. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  145. package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
  146. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  147. package/fesm2022/eui-components-layout.mjs +2 -2
  148. package/fesm2022/eui-components-layout.mjs.map +1 -1
  149. package/package.json +3 -3
package/fesm2022/eui-components-layout.mjs CHANGED
@@ -41,12 +41,12 @@ var EuiAppSidebarComponent = class _EuiAppSidebarComponent {
41
41
  this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiAppSidebarComponent, deps: [{ token: i1.EuiAppShellService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
42
42
  }
43
43
  static {
44
- this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAppSidebarComponent, selector: "eui-app-sidebar", host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-app-sidebar-content" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()" role="complementary">\n <ng-content select="eui-app-sidebar-header-user-profile"></ng-content>\n <ng-content select="eui-app-sidebar-header"></ng-content>\n <ng-content select="eui-app-sidebar-body"></ng-content>\n <ng-content select="eui-app-sidebar-footer"></ng-content>\n <ng-content select="eui-app-sidebar-drawer"></ng-content>\n</div>\n', styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-base-shadow-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-c-neutral-bg-light);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-s-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-c-bg);border-top:1px solid var(--eui-c-neutral-lightest);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-s-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
44
+ this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiAppSidebarComponent, selector: "eui-app-sidebar", host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-app-sidebar-content" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()" role="complementary">\n <ng-content select="eui-app-sidebar-header-user-profile"></ng-content>\n <ng-content select="eui-app-sidebar-header"></ng-content>\n <ng-content select="eui-app-sidebar-body"></ng-content>\n <ng-content select="eui-app-sidebar-footer"></ng-content>\n <ng-content select="eui-app-sidebar-drawer"></ng-content>\n</div>\n', styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-sh-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-c-neutral-bg-light);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-s-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-c-bg);border-top:1px solid var(--eui-c-neutral-lightest);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-s-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
45
45
  }
46
46
  };
47
47
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiAppSidebarComponent, decorators: [{
48
48
  type: Component,
49
- args: [{ selector: "eui-app-sidebar", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-app-sidebar-content" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()" role="complementary">\n <ng-content select="eui-app-sidebar-header-user-profile"></ng-content>\n <ng-content select="eui-app-sidebar-header"></ng-content>\n <ng-content select="eui-app-sidebar-body"></ng-content>\n <ng-content select="eui-app-sidebar-footer"></ng-content>\n <ng-content select="eui-app-sidebar-drawer"></ng-content>\n</div>\n', styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-base-shadow-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-c-neutral-bg-light);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-s-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-c-bg);border-top:1px solid var(--eui-c-neutral-lightest);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-s-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"] }]
49
+ args: [{ selector: "eui-app-sidebar", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-app-sidebar-content" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()" role="complementary">\n <ng-content select="eui-app-sidebar-header-user-profile"></ng-content>\n <ng-content select="eui-app-sidebar-header"></ng-content>\n <ng-content select="eui-app-sidebar-body"></ng-content>\n <ng-content select="eui-app-sidebar-footer"></ng-content>\n <ng-content select="eui-app-sidebar-drawer"></ng-content>\n</div>\n', styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-sh-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-c-neutral-bg-light);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-s-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-c-bg);border-top:1px solid var(--eui-c-neutral-lightest);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-s-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"] }]
50
50
  }], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
51
51
  type: Optional
52
52
  }] }], propDecorators: { string: [{