@eui/core 19.3.3-snapshot-1756410268787 → 19.3.3-snapshot-1756878104096
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.
- package/docs/classes/CssUtils.html +27 -0
- package/docs/injectables/EuiAppShellService.html +37 -0
- package/docs/interfaces/UIState.html +45 -0
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +1 -0
- package/docs/properties.html +1 -1
- package/fesm2022/eui-core.mjs +12 -0
- package/fesm2022/eui-core.mjs.map +1 -1
- package/lib/helpers/css-utils.d.ts +1 -0
- package/lib/helpers/css-utils.d.ts.map +1 -1
- package/lib/services/eui-app-shell.service.d.ts +2 -0
- package/lib/services/eui-app-shell.service.d.ts.map +1 -1
- package/package.json +3 -3
package/docs/properties.html
CHANGED
package/fesm2022/eui-core.mjs
CHANGED
|
@@ -2502,6 +2502,7 @@ class CssUtils {
|
|
|
2502
2502
|
this.setCssVar('--eui-app-breadcrumb-height-default', '--eui-app-breadcrumb-height', document, platform);
|
|
2503
2503
|
this.setCssVar('--eui-app-top-message-height-default', '--eui-app-top-message-height', document, platform);
|
|
2504
2504
|
this.setCssVar('--eui-app-toolbar-height-default', '--eui-app-toolbar-height', document, platform);
|
|
2505
|
+
this.setCssVar('--eui-app-toolbar-mega-menu-height-default', '--eui-app-toolbar-mega-menu-height', document, platform);
|
|
2505
2506
|
this.setCssVar('--eui-app-sidebar-width-default', '--eui-app-sidebar-width', document, platform);
|
|
2506
2507
|
this.setCssVar('--eui-app-sidebar-width-close-default', '--eui-app-sidebar-width-close', document, platform);
|
|
2507
2508
|
this.setCssVar('--eui-app-sidebar-header-height-default', '--eui-app-sidebar-header-height', document, platform);
|
|
@@ -2554,6 +2555,9 @@ class CssUtils {
|
|
|
2554
2555
|
static { this.activateToolbarCssVars = (document, platform) => {
|
|
2555
2556
|
this.setCssVar('--eui-app-toolbar-height-active', '--eui-app-toolbar-height', document, platform);
|
|
2556
2557
|
}; }
|
|
2558
|
+
static { this.activateToolbarMegaMenuCssVars = (document, platform) => {
|
|
2559
|
+
this.setCssVar('--eui-app-toolbar-mega-menu-height-active', '--eui-app-toolbar-mega-menu-height', document, platform);
|
|
2560
|
+
}; }
|
|
2557
2561
|
static { this.activateFooterCssVars = (document, platform) => {
|
|
2558
2562
|
this.setCssVar('--eui-app-footer-height-active', '--eui-app-footer-height', document, platform);
|
|
2559
2563
|
}; }
|
|
@@ -3005,6 +3009,7 @@ const initialState$1 = {
|
|
|
3005
3009
|
hasHeaderLogo: false,
|
|
3006
3010
|
hasHeaderEnvironment: false,
|
|
3007
3011
|
hasToolbar: false,
|
|
3012
|
+
hasToolbarMegaMenu: false,
|
|
3008
3013
|
hasToolbarMenu: false,
|
|
3009
3014
|
environmentValue: '',
|
|
3010
3015
|
isSidebarHidden: false,
|
|
@@ -3266,6 +3271,13 @@ class EuiAppShellService {
|
|
|
3266
3271
|
});
|
|
3267
3272
|
CssUtils.activateToolbarCssVars(this.document, this.platformId);
|
|
3268
3273
|
}
|
|
3274
|
+
activateToolbarMegaMenu() {
|
|
3275
|
+
this.setState({
|
|
3276
|
+
...this.state,
|
|
3277
|
+
hasToolbarMegaMenu: true,
|
|
3278
|
+
});
|
|
3279
|
+
CssUtils.activateToolbarMegaMenuCssVars(this.document, this.platformId);
|
|
3280
|
+
}
|
|
3269
3281
|
activateToolbarMenu() {
|
|
3270
3282
|
this.setState({
|
|
3271
3283
|
...this.state,
|