@eui/core 21.0.0-alpha.14 → 21.0.0-alpha.15
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/CHANGELOG.md +140 -0
- package/docs/changelog.html +152 -0
- 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/index.d.ts +3 -0
- package/index.d.ts.map +1 -1
- package/package.json +3 -3
package/docs/properties.html
CHANGED
package/fesm2022/eui-core.mjs
CHANGED
|
@@ -2475,6 +2475,7 @@ class CssUtils {
|
|
|
2475
2475
|
this.setCssVar('--eui-app-breadcrumb-height-default', '--eui-app-breadcrumb-height', document, platform);
|
|
2476
2476
|
this.setCssVar('--eui-app-top-message-height-default', '--eui-app-top-message-height', document, platform);
|
|
2477
2477
|
this.setCssVar('--eui-app-toolbar-height-default', '--eui-app-toolbar-height', document, platform);
|
|
2478
|
+
this.setCssVar('--eui-app-toolbar-mega-menu-height-default', '--eui-app-toolbar-mega-menu-height', document, platform);
|
|
2478
2479
|
this.setCssVar('--eui-app-sidebar-width-default', '--eui-app-sidebar-width', document, platform);
|
|
2479
2480
|
this.setCssVar('--eui-app-sidebar-width-close-default', '--eui-app-sidebar-width-close', document, platform);
|
|
2480
2481
|
this.setCssVar('--eui-app-sidebar-header-height-default', '--eui-app-sidebar-header-height', document, platform);
|
|
@@ -2527,6 +2528,9 @@ class CssUtils {
|
|
|
2527
2528
|
static { this.activateToolbarCssVars = (document, platform) => {
|
|
2528
2529
|
this.setCssVar('--eui-app-toolbar-height-active', '--eui-app-toolbar-height', document, platform);
|
|
2529
2530
|
}; }
|
|
2531
|
+
static { this.activateToolbarMegaMenuCssVars = (document, platform) => {
|
|
2532
|
+
this.setCssVar('--eui-app-toolbar-mega-menu-height-active', '--eui-app-toolbar-mega-menu-height', document, platform);
|
|
2533
|
+
}; }
|
|
2530
2534
|
static { this.activateFooterCssVars = (document, platform) => {
|
|
2531
2535
|
this.setCssVar('--eui-app-footer-height-active', '--eui-app-footer-height', document, platform);
|
|
2532
2536
|
}; }
|
|
@@ -2971,6 +2975,7 @@ const initialState$1 = {
|
|
|
2971
2975
|
hasHeaderLogo: false,
|
|
2972
2976
|
hasHeaderEnvironment: false,
|
|
2973
2977
|
hasToolbar: false,
|
|
2978
|
+
hasToolbarMegaMenu: false,
|
|
2974
2979
|
hasToolbarMenu: false,
|
|
2975
2980
|
environmentValue: '',
|
|
2976
2981
|
isSidebarHidden: false,
|
|
@@ -3233,6 +3238,13 @@ class EuiAppShellService {
|
|
|
3233
3238
|
});
|
|
3234
3239
|
CssUtils.activateToolbarCssVars(this.document, this.platformId);
|
|
3235
3240
|
}
|
|
3241
|
+
activateToolbarMegaMenu() {
|
|
3242
|
+
this.setState({
|
|
3243
|
+
...this.state,
|
|
3244
|
+
hasToolbarMegaMenu: true,
|
|
3245
|
+
});
|
|
3246
|
+
CssUtils.activateToolbarMegaMenuCssVars(this.document, this.platformId);
|
|
3247
|
+
}
|
|
3236
3248
|
activateToolbarMenu() {
|
|
3237
3249
|
this.setState({
|
|
3238
3250
|
...this.state,
|