@eui/core 13.0.0-rc.26 → 13.0.0-rc.27
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/injectables/UxAppShellService.html +74 -0
- package/docs/interfaces/UIState.html +45 -0
- package/docs/miscellaneous/variables.html +1 -0
- package/esm2020/lib/services/ux-app-shell.service.mjs +17 -4
- package/fesm2015/eui-core.mjs +13 -3
- package/fesm2015/eui-core.mjs.map +1 -1
- package/fesm2020/eui-core.mjs +16 -3
- package/fesm2020/eui-core.mjs.map +1 -1
- package/lib/services/ux-app-shell.service.d.ts +3 -0
- package/lib/services/ux-app-shell.service.d.ts.map +1 -1
- package/package.json +1 -1
package/fesm2020/eui-core.mjs
CHANGED
|
@@ -1055,6 +1055,7 @@ const initialState = {
|
|
|
1055
1055
|
hasToolbarMenu: false,
|
|
1056
1056
|
environmentValue: '',
|
|
1057
1057
|
isSidebarHidden: false,
|
|
1058
|
+
hasTopMessage: false,
|
|
1058
1059
|
windowWidth: 0,
|
|
1059
1060
|
windowHeight: 0,
|
|
1060
1061
|
mainContentHeight: 0,
|
|
@@ -1080,7 +1081,7 @@ const initialState = {
|
|
|
1080
1081
|
hasModalActive: false,
|
|
1081
1082
|
isDimmerActive: false,
|
|
1082
1083
|
};
|
|
1083
|
-
//
|
|
1084
|
+
// TODO: this service needs to be transferred in the respective component
|
|
1084
1085
|
class UxAppShellService {
|
|
1085
1086
|
constructor(config, http, platformId, router, storeService, i18nService) {
|
|
1086
1087
|
this.config = config;
|
|
@@ -1097,8 +1098,6 @@ class UxAppShellService {
|
|
|
1097
1098
|
this.activeModals = [];
|
|
1098
1099
|
this.openModalId = new BehaviorSubject('');
|
|
1099
1100
|
this.cssVars = [];
|
|
1100
|
-
// super(UxAppShellService);
|
|
1101
|
-
console.log('UxAppShellService initialized');
|
|
1102
1101
|
let stateWithConfig = initialState;
|
|
1103
1102
|
const languages = config?.i18n?.i18nService?.languages || initialState.languages;
|
|
1104
1103
|
const defaultLanguage = config?.i18n?.i18nService?.defaultLanguage || initialState.activeLanguage;
|
|
@@ -1315,6 +1314,13 @@ class UxAppShellService {
|
|
|
1315
1314
|
});
|
|
1316
1315
|
this.activateHeaderCssVars();
|
|
1317
1316
|
}
|
|
1317
|
+
activateTopMessage() {
|
|
1318
|
+
this.setState({
|
|
1319
|
+
...this.state,
|
|
1320
|
+
hasTopMessage: true,
|
|
1321
|
+
});
|
|
1322
|
+
this.activateTopMessageCssVars();
|
|
1323
|
+
}
|
|
1318
1324
|
activateToolbar() {
|
|
1319
1325
|
this.setState({
|
|
1320
1326
|
...this.state,
|
|
@@ -1333,6 +1339,9 @@ class UxAppShellService {
|
|
|
1333
1339
|
'--eui-app-header-height-default',
|
|
1334
1340
|
'--eui-app-header-height-active',
|
|
1335
1341
|
'--eui-app-header-height-shrink',
|
|
1342
|
+
'--eui-app-top-message-height-default',
|
|
1343
|
+
'--eui-app-top-message-height-active',
|
|
1344
|
+
'--eui-app-top-message-height-shrink',
|
|
1336
1345
|
'--eui-app-toolbar-height-default',
|
|
1337
1346
|
'--eui-app-toolbar-height-active',
|
|
1338
1347
|
'--eui-app-sidebar-width-default',
|
|
@@ -1350,6 +1359,7 @@ class UxAppShellService {
|
|
|
1350
1359
|
}
|
|
1351
1360
|
initCssVars() {
|
|
1352
1361
|
this.setCssVar('--eui-app-header-height-default', '--eui-app-header-height');
|
|
1362
|
+
this.setCssVar('--eui-app-top-message-height-default', '--eui-app-top-message-height');
|
|
1353
1363
|
this.setCssVar('--eui-app-toolbar-height-default', '--eui-app-toolbar-height');
|
|
1354
1364
|
this.setCssVar('--eui-app-sidebar-width-default', '--eui-app-sidebar-width');
|
|
1355
1365
|
this.setCssVar('--eui-app-sidebar-width-close-default', '--eui-app-sidebar-width-close');
|
|
@@ -1359,6 +1369,9 @@ class UxAppShellService {
|
|
|
1359
1369
|
activateHeaderCssVars() {
|
|
1360
1370
|
this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height');
|
|
1361
1371
|
}
|
|
1372
|
+
activateTopMessageCssVars() {
|
|
1373
|
+
this.setCssVar('--eui-app-top-message-height-active', '--eui-app-top-message-height');
|
|
1374
|
+
}
|
|
1362
1375
|
activateToolbarCssVars() {
|
|
1363
1376
|
this.setCssVar('--eui-app-toolbar-height-active', '--eui-app-toolbar-height');
|
|
1364
1377
|
}
|