@eui/core 15.0.0-next.2 → 15.0.0-next.20
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/dependencies.html +5 -3
- package/docs/injectables/UxAppShellService.html +94 -0
- package/docs/interfaces/UIState.html +45 -0
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +2 -1
- package/esm2020/lib/services/ux-app-shell.service.mjs +19 -2
- package/fesm2015/eui-core.mjs +15 -1
- package/fesm2015/eui-core.mjs.map +1 -1
- package/fesm2020/eui-core.mjs +18 -1
- package/fesm2020/eui-core.mjs.map +1 -1
- package/lib/services/ux-app-shell.service.d.ts +4 -0
- package/lib/services/ux-app-shell.service.d.ts.map +1 -1
- package/package.json +1 -1
package/fesm2020/eui-core.mjs
CHANGED
|
@@ -1093,7 +1093,7 @@ const initialState = {
|
|
|
1093
1093
|
userInfos: null,
|
|
1094
1094
|
userSubInfos: null,
|
|
1095
1095
|
impersonatedUserInfos: null,
|
|
1096
|
-
isSidebarOpen:
|
|
1096
|
+
isSidebarOpen: true,
|
|
1097
1097
|
isSidebarHover: false,
|
|
1098
1098
|
isSidebarActive: false,
|
|
1099
1099
|
isSidebarInnerActive: false,
|
|
@@ -1101,6 +1101,7 @@ const initialState = {
|
|
|
1101
1101
|
isSidebarExpandOnHover: true,
|
|
1102
1102
|
hasSidebar: false,
|
|
1103
1103
|
hasHeader: false,
|
|
1104
|
+
hasBreadcrumbs: false,
|
|
1104
1105
|
hasHeaderLogo: false,
|
|
1105
1106
|
hasHeaderEnvironment: false,
|
|
1106
1107
|
hasToolbar: false,
|
|
@@ -1243,6 +1244,9 @@ class UxAppShellService {
|
|
|
1243
1244
|
isBlockDocumentActive: isActive,
|
|
1244
1245
|
});
|
|
1245
1246
|
}
|
|
1247
|
+
get hasHeader() {
|
|
1248
|
+
return this.state.hasHeader;
|
|
1249
|
+
}
|
|
1246
1250
|
// Edit mode
|
|
1247
1251
|
get isDimmerActive() {
|
|
1248
1252
|
return this.state.isDimmerActive;
|
|
@@ -1370,6 +1374,13 @@ class UxAppShellService {
|
|
|
1370
1374
|
});
|
|
1371
1375
|
this.activateHeaderCssVars();
|
|
1372
1376
|
}
|
|
1377
|
+
activateBreadcrumbs() {
|
|
1378
|
+
this.setState({
|
|
1379
|
+
...this.state,
|
|
1380
|
+
hasBreadcrumbs: true,
|
|
1381
|
+
});
|
|
1382
|
+
this.activateBreadcrumbsCssVars();
|
|
1383
|
+
}
|
|
1373
1384
|
activateTopMessage(height) {
|
|
1374
1385
|
this.setState({
|
|
1375
1386
|
...this.state,
|
|
@@ -1395,6 +1406,8 @@ class UxAppShellService {
|
|
|
1395
1406
|
'--eui-app-header-height-default',
|
|
1396
1407
|
'--eui-app-header-height-active',
|
|
1397
1408
|
'--eui-app-header-height-shrink',
|
|
1409
|
+
'--eui-app-breadcrumbs-height-default',
|
|
1410
|
+
'--eui-app-breadcrumbs-height-active',
|
|
1398
1411
|
'--eui-app-top-message-height-default',
|
|
1399
1412
|
'--eui-app-top-message-height-active',
|
|
1400
1413
|
'--eui-app-top-message-height-shrink',
|
|
@@ -1415,6 +1428,7 @@ class UxAppShellService {
|
|
|
1415
1428
|
}
|
|
1416
1429
|
initCssVars() {
|
|
1417
1430
|
this.setCssVar('--eui-app-header-height-default', '--eui-app-header-height');
|
|
1431
|
+
this.setCssVar('--eui-app-breadcrumbs-height-default', '--eui-app-breadcrumbs-height');
|
|
1418
1432
|
this.setCssVar('--eui-app-top-message-height-default', '--eui-app-top-message-height');
|
|
1419
1433
|
this.setCssVar('--eui-app-toolbar-height-default', '--eui-app-toolbar-height');
|
|
1420
1434
|
this.setCssVar('--eui-app-sidebar-width-default', '--eui-app-sidebar-width');
|
|
@@ -1425,6 +1439,9 @@ class UxAppShellService {
|
|
|
1425
1439
|
activateHeaderCssVars() {
|
|
1426
1440
|
this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height');
|
|
1427
1441
|
}
|
|
1442
|
+
activateBreadcrumbsCssVars() {
|
|
1443
|
+
this.setCssVar('--eui-app-breadcrumbs-height-active', '--eui-app-breadcrumbs-height');
|
|
1444
|
+
}
|
|
1428
1445
|
activateTopMessageCssVars(height) {
|
|
1429
1446
|
this._setCssVarValue('--eui-app-top-message-height', `${height}px`);
|
|
1430
1447
|
}
|