@hitachivantara/app-shell-ui 1.8.0 → 1.9.0

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.
@@ -0,0 +1,22 @@
1
+ import { jsx } from "@emotion/react/jsx-runtime";
2
+ import { css } from "@emotion/css";
3
+ import { theme, useTheme, HvSnackbarProvider } from "@hitachivantara/uikit-react-core";
4
+ const snackbarClasses = {
5
+ containerRoot: /* @__PURE__ */ css("margin-top:", theme.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyUHJvdmlkZXIvU25hY2tiYXJQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyUHJvdmlkZXIvU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQge1xuICBIdlNuYWNrYmFyUHJvcHMsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWUsXG4gIHVzZVRoZW1lXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5jb25zdCBzbmFja2JhckNsYXNzZXMgPSB7XG4gIGNvbnRhaW5lclJvb3Q6IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke3RoZW1lLmhlYWRlci5oZWlnaHR9O1xuICBgXG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJQcm92aWRlclByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU25hY2tiYXJQcm92aWRlciA9ICh7IGNoaWxkcmVuIH06IFNuYWNrYmFyUHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcbiAgY29uc3QgYW5jaG9yT3JpZ2luOiBIdlNuYWNrYmFyUHJvcHNbXCJhbmNob3JPcmlnaW5cIl0gPSBpc1BlbnRhaG9UaGVtZVxuICAgID8geyB2ZXJ0aWNhbDogXCJib3R0b21cIiwgaG9yaXpvbnRhbDogXCJjZW50ZXJcIiB9XG4gICAgOiB1bmRlZmluZWQ7XG5cbiAgcmV0dXJuIChcbiAgICA8SHZTbmFja2JhclByb3ZpZGVyXG4gICAgICBhbmNob3JPcmlnaW49e2FuY2hvck9yaWdpbn1cbiAgICAgIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17YW5jaG9yT3JpZ2luID8gdW5kZWZpbmVkIDogc25hY2tiYXJDbGFzc2VzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */")
6
+ };
7
+ const SnackbarProvider = ({
8
+ children
9
+ }) => {
10
+ const {
11
+ activeTheme
12
+ } = useTheme();
13
+ const isPentahoTheme = activeTheme?.name === "pentahoPlus";
14
+ const anchorOrigin = isPentahoTheme ? {
15
+ vertical: "bottom",
16
+ horizontal: "center"
17
+ } : void 0;
18
+ return /* @__PURE__ */ jsx(HvSnackbarProvider, { anchorOrigin, notistackClassesOverride: anchorOrigin ? void 0 : snackbarClasses, children });
19
+ };
20
+ export {
21
+ SnackbarProvider as default
22
+ };
@@ -1,17 +1,14 @@
1
1
  import { jsx, jsxs } from "@emotion/react/jsx-runtime";
2
- import { css } from "@emotion/css";
3
2
  import { I18nextProvider } from "react-i18next";
4
3
  import { HelmetProvider } from "react-helmet-async";
5
- import { theme, HvProvider, HvSnackbarProvider } from "@hitachivantara/uikit-react-core";
4
+ import { HvProvider } from "@hitachivantara/uikit-react-core";
6
5
  import { ErrorBoundary } from "react-error-boundary";
7
6
  import GlobalStyles from "../GlobalStyles/GlobalStyles.js";
8
7
  import AppShellProvider from "../AppShellProvider/AppShellProvider.js";
9
8
  import createI18Next from "../../lib/i18n/index.js";
10
9
  import LayoutProvider from "../../providers/LayoutProvider.js";
11
10
  import GenericError from "../../pages/GenericError/GenericError.js";
12
- const snackbarClasses = {
13
- containerRoot: /* @__PURE__ */ css("margin-top:", theme.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2hvYy93aXRoR2xvYmFsUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvaG9jL3dpdGhHbG9iYWxQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyBJMThuZXh0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgSGVsbWV0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaGVsbWV0LWFzeW5jXCI7XG5cbmltcG9ydCB7XG4gIEh2UHJvdmlkZXIsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWVcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEVycm9yQm91bmRhcnkgfSBmcm9tIFwicmVhY3QtZXJyb3ItYm91bmRhcnlcIjtcblxuaW1wb3J0IEdsb2JhbFN0eWxlcyBmcm9tIFwiLi4vR2xvYmFsU3R5bGVzXCI7XG5pbXBvcnQgQXBwU2hlbGxQcm92aWRlciBmcm9tIFwiLi4vQXBwU2hlbGxQcm92aWRlci9BcHBTaGVsbFByb3ZpZGVyXCI7XG5pbXBvcnQgY3JlYXRlSTE4TmV4dCBmcm9tIFwiLi4vLi4vbGliL2kxOG5cIjtcbmltcG9ydCBMYXlvdXRQcm92aWRlciBmcm9tIFwiLi4vLi4vcHJvdmlkZXJzL0xheW91dFByb3ZpZGVyXCI7XG5pbXBvcnQgR2VuZXJpY0Vycm9yIGZyb20gXCIuLi8uLi9wYWdlcy9HZW5lcmljRXJyb3JcIjtcblxudHlwZSBXcmFwcGVkQ29tcG9uZW50UHJvcHM8VCBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IFJlYWN0LkNvbXBvbmVudFR5cGU8XG4gIFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+XG4+O1xuXG5jb25zdCBzbmFja2JhckNsYXNzZXMgPSB7XG4gIGNvbnRhaW5lclJvb3Q6IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke3RoZW1lLmhlYWRlci5oZWlnaHR9O1xuICBgXG59O1xuXG5jb25zdCB3aXRoR2xvYmFsUHJvdmlkZXIgPSA8VCBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPihcbiAgV3JhcHBlZENvbXBvbmVudDogV3JhcHBlZENvbXBvbmVudFByb3BzPFQ+XG4pID0+IHtcbiAgY29uc3QgZGlzcGxheU5hbWUgPSBXcmFwcGVkQ29tcG9uZW50LmRpc3BsYXlOYW1lID8/IFdyYXBwZWRDb21wb25lbnQubmFtZTtcblxuICBjb25zdCB7IGkxOG4gfSA9IGNyZWF0ZUkxOE5leHQoKTtcblxuICBjb25zdCBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIgPSAoe1xuICAgIC4uLndyYXBwZWRQcm9wc1xuICB9OiBSZWFjdC5Db21wb25lbnRQcm9wczxUPikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8SGVsbWV0UHJvdmlkZXI+XG4gICAgICAgIDxIdlByb3ZpZGVyPlxuICAgICAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgICAgICA8STE4bmV4dFByb3ZpZGVyIGkxOG49e2kxOG59PlxuICAgICAgICAgICAgPEVycm9yQm91bmRhcnlcbiAgICAgICAgICAgICAga2V5PVwiZ2VuZXJhbFwiXG4gICAgICAgICAgICAgIGZhbGxiYWNrPXs8R2VuZXJpY0Vycm9yIGZ1bGxQYWdlIGluY2x1ZGVGb290ZXI9e2ZhbHNlfSAvPn0+XG4gICAgICAgICAgICAgIDxBcHBTaGVsbFByb3ZpZGVyXG4gICAgICAgICAgICAgICAgY29uZmlnPXt3cmFwcGVkUHJvcHMuY29uZmlnfVxuICAgICAgICAgICAgICAgIGNvbmZpZ1VybD17d3JhcHBlZFByb3BzLmNvbmZpZ1VybH0+XG4gICAgICAgICAgICAgICAgPExheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgPEh2U25hY2tiYXJQcm92aWRlclxuICAgICAgICAgICAgICAgICAgICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU9e3NuYWNrYmFyQ2xhc3Nlc30+XG4gICAgICAgICAgICAgICAgICAgIDxXcmFwcGVkQ29tcG9uZW50IHsuLi53cmFwcGVkUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8L0xheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICA8L0FwcFNoZWxsUHJvdmlkZXI+XG4gICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgPC9JMThuZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvSHZQcm92aWRlcj5cbiAgICAgIDwvSGVsbWV0UHJvdmlkZXI+XG4gICAgKTtcbiAgfTtcblxuICBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIuZGlzcGxheU5hbWUgPSBgd2l0aEdsb2JhbFByb3ZpZGVyKCR7ZGlzcGxheU5hbWV9KWA7XG5cbiAgcmV0dXJuIENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhHbG9iYWxQcm92aWRlcjtcbiJdfQ== */")
14
- };
11
+ import SnackbarProvider from "../SnackbarProvider/SnackbarProvider.js";
15
12
  const withGlobalProvider = (WrappedComponent) => {
16
13
  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
17
14
  const {
@@ -22,7 +19,7 @@ const withGlobalProvider = (WrappedComponent) => {
22
19
  }) => {
23
20
  return /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsxs(HvProvider, { children: [
24
21
  /* @__PURE__ */ jsx(GlobalStyles, {}),
25
- /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: true, includeFooter: false }), children: /* @__PURE__ */ jsx(AppShellProvider, { config: wrappedProps.config, configUrl: wrappedProps.configUrl, children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(HvSnackbarProvider, { notistackClassesOverride: snackbarClasses, children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }) }) }, "general") })
22
+ /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: true, includeFooter: false }), children: /* @__PURE__ */ jsx(AppShellProvider, { config: wrappedProps.config, configUrl: wrappedProps.configUrl, children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(SnackbarProvider, { children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }) }) }, "general") })
26
23
  ] }) });
27
24
  };
28
25
  ComponentWithGlobalProvider.displayName = `withGlobalProvider(${displayName})`;
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "@emotion/react/jsx-runtime";
2
2
  import { css } from "@emotion/css";
3
- import { theme } from "@hitachivantara/uikit-react-core";
3
+ import { useTheme, theme } from "@hitachivantara/uikit-react-core";
4
4
  import useNavigationContext from "../../../providers/hooks/useNavigationContext.js";
5
5
  import { StyledContainer, StyledMain } from "./styles.js";
6
6
  import useLayoutContext from "../../../providers/hooks/useLayoutContext.js";
@@ -19,14 +19,18 @@ const Main = ({
19
19
  bannerMaxHeight,
20
20
  verticalNavigationWidth
21
21
  } = useLayoutContext();
22
+ const {
23
+ activeTheme
24
+ } = useTheme();
25
+ const isPentahoTheme = activeTheme?.name === "pentahoPlus";
22
26
  return /* @__PURE__ */ jsxs(StyledContainer, { style: {
23
27
  ["--vNavWidth"]: `${verticalNavigationWidth}px`,
24
28
  ["--headerHeight"]: showHeaderSubMenu && !isCompactMode ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight})` : theme.header.height
25
29
  }, children: [
26
30
  hasVerticalNavigation && verticalNavigationMode !== "CLOSED" && /* @__PURE__ */ jsx(VerticalNavigation, { onClickAway: isCompactMode ? switchVerticalNavigationMode : void 0 }),
27
- /* @__PURE__ */ jsx(StyledMain, { className: /* @__PURE__ */ css({
31
+ /* @__PURE__ */ jsx(StyledMain, { className: isPentahoTheme ? void 0 : /* @__PURE__ */ css({
28
32
  paddingTop: bannerMaxHeight ? `calc(${bannerMaxHeight}px + ${theme.space.xs})` : void 0
29
- }, process.env.NODE_ENV === "production" ? "" : ";label:Main;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL01haW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDbUIiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L01haW4vTWFpbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuLi8uLi8uLi9wcm92aWRlcnMvaG9va3MvdXNlTmF2aWdhdGlvbkNvbnRleHRcIjtcbmltcG9ydCBWZXJ0aWNhbE5hdmlnYXRpb24gZnJvbSBcIi4uL1ZlcnRpY2FsTmF2aWdhdGlvblwiO1xuXG5pbXBvcnQgeyBTdHlsZWRNYWluLCBTdHlsZWRDb250YWluZXIgfSBmcm9tIFwiLi9zdHlsZXNcIjtcbmltcG9ydCB1c2VMYXlvdXRDb250ZXh0IGZyb20gXCIuLi8uLi8uLi9wcm92aWRlcnMvaG9va3MvdXNlTGF5b3V0Q29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBNYWluUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBNYWluID0gKHsgY2hpbGRyZW4gfTogTWFpblByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBoYXNWZXJ0aWNhbE5hdmlnYXRpb24sXG4gICAgdmVydGljYWxOYXZpZ2F0aW9uTW9kZSxcbiAgICBzaG93SGVhZGVyU3ViTWVudSxcbiAgICBpc0NvbXBhY3RNb2RlLFxuICAgIHN3aXRjaFZlcnRpY2FsTmF2aWdhdGlvbk1vZGVcbiAgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgYmFubmVyTWF4SGVpZ2h0LCB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgW1wiLS12TmF2V2lkdGhcIiBhcyBzdHJpbmddOiBgJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weGAsXG4gICAgICAgIFtcIi0taGVhZGVySGVpZ2h0XCIgYXMgc3RyaW5nXTpcbiAgICAgICAgICBzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZVxuICAgICAgICAgICAgPyBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9KWBcbiAgICAgICAgICAgIDogdGhlbWUuaGVhZGVyLmhlaWdodFxuICAgICAgfX0+XG4gICAgICB7aGFzVmVydGljYWxOYXZpZ2F0aW9uICYmIHZlcnRpY2FsTmF2aWdhdGlvbk1vZGUgIT09IFwiQ0xPU0VEXCIgJiYgKFxuICAgICAgICA8VmVydGljYWxOYXZpZ2F0aW9uXG4gICAgICAgICAgb25DbGlja0F3YXk9e2lzQ29tcGFjdE1vZGUgPyBzd2l0Y2hWZXJ0aWNhbE5hdmlnYXRpb25Nb2RlIDogdW5kZWZpbmVkfVxuICAgICAgICAvPlxuICAgICAgKX1cblxuICAgICAgPFN0eWxlZE1haW5cbiAgICAgICAgY2xhc3NOYW1lPXtjc3Moe1xuICAgICAgICAgIHBhZGRpbmdUb3A6IGJhbm5lck1heEhlaWdodFxuICAgICAgICAgICAgPyBgY2FsYygke2Jhbm5lck1heEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UueHN9KWBcbiAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIH0pfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRNYWluPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFpbjtcbiJdfQ== */"), children })
33
+ }, process.env.NODE_ENV === "production" ? "" : ";label:Main;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL01haW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDYyIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvY29tcG9uZW50cy9sYXlvdXQvTWFpbi9NYWluLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHRoZW1lLCB1c2VUaGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuLi8uLi8uLi9wcm92aWRlcnMvaG9va3MvdXNlTmF2aWdhdGlvbkNvbnRleHRcIjtcbmltcG9ydCBWZXJ0aWNhbE5hdmlnYXRpb24gZnJvbSBcIi4uL1ZlcnRpY2FsTmF2aWdhdGlvblwiO1xuXG5pbXBvcnQgeyBTdHlsZWRNYWluLCBTdHlsZWRDb250YWluZXIgfSBmcm9tIFwiLi9zdHlsZXNcIjtcbmltcG9ydCB1c2VMYXlvdXRDb250ZXh0IGZyb20gXCIuLi8uLi8uLi9wcm92aWRlcnMvaG9va3MvdXNlTGF5b3V0Q29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBNYWluUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBNYWluID0gKHsgY2hpbGRyZW4gfTogTWFpblByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBoYXNWZXJ0aWNhbE5hdmlnYXRpb24sXG4gICAgdmVydGljYWxOYXZpZ2F0aW9uTW9kZSxcbiAgICBzaG93SGVhZGVyU3ViTWVudSxcbiAgICBpc0NvbXBhY3RNb2RlLFxuICAgIHN3aXRjaFZlcnRpY2FsTmF2aWdhdGlvbk1vZGVcbiAgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgYmFubmVyTWF4SGVpZ2h0LCB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIFtcIi0tdk5hdldpZHRoXCIgYXMgc3RyaW5nXTogYCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHhgLFxuICAgICAgICBbXCItLWhlYWRlckhlaWdodFwiIGFzIHN0cmluZ106XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSlgXG4gICAgICAgICAgICA6IHRoZW1lLmhlYWRlci5oZWlnaHRcbiAgICAgIH19PlxuICAgICAge2hhc1ZlcnRpY2FsTmF2aWdhdGlvbiAmJiB2ZXJ0aWNhbE5hdmlnYXRpb25Nb2RlICE9PSBcIkNMT1NFRFwiICYmIChcbiAgICAgICAgPFZlcnRpY2FsTmF2aWdhdGlvblxuICAgICAgICAgIG9uQ2xpY2tBd2F5PXtpc0NvbXBhY3RNb2RlID8gc3dpdGNoVmVydGljYWxOYXZpZ2F0aW9uTW9kZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgLz5cbiAgICAgICl9XG5cbiAgICAgIDxTdHlsZWRNYWluXG4gICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgaXNQZW50YWhvVGhlbWVcbiAgICAgICAgICAgID8gdW5kZWZpbmVkXG4gICAgICAgICAgICA6IGNzcyh7XG4gICAgICAgICAgICAgICAgcGFkZGluZ1RvcDogYmFubmVyTWF4SGVpZ2h0XG4gICAgICAgICAgICAgICAgICA/IGBjYWxjKCR7YmFubmVyTWF4SGVpZ2h0fXB4ICsgJHt0aGVtZS5zcGFjZS54c30pYFxuICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRNYWluPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFpbjtcbiJdfQ== */"), children })
30
34
  ] });
31
35
  };
32
36
  export {
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "@emotion/react/jsx-runtime";
2
2
  import { createContext, useState, useMemo, useEffect } from "react";
3
3
  import { css } from "@emotion/css";
4
4
  import { uid } from "uid";
5
- import { theme, HvBanner } from "@hitachivantara/uikit-react-core";
5
+ import { useTheme, theme, HvBanner } from "@hitachivantara/uikit-react-core";
6
6
  import { useTranslation } from "react-i18next";
7
7
  import useNavigationContext from "./hooks/useNavigationContext.js";
8
8
  import useLayoutContext from "./hooks/useLayoutContext.js";
@@ -20,6 +20,9 @@ const BannerProvider = ({
20
20
  } = useTranslation(void 0, {
21
21
  keyPrefix: "notifications.banner"
22
22
  });
23
+ const {
24
+ activeTheme
25
+ } = useTheme();
23
26
  const {
24
27
  showHeaderSubMenu,
25
28
  isCompactMode
@@ -29,6 +32,7 @@ const BannerProvider = ({
29
32
  setBannerMaxHeight
30
33
  } = useLayoutContext();
31
34
  const [banners, setBanners] = useState([]);
35
+ const isPentahoTheme = activeTheme?.name === "pentahoPlus";
32
36
  const show = (notification) => {
33
37
  const id = uid();
34
38
  const newBanner = {
@@ -57,26 +61,44 @@ const BannerProvider = ({
57
61
  setBannerMaxHeight(0);
58
62
  }
59
63
  }, [banners, setBannerMaxHeight]);
60
- const styles = useMemo(() => {
64
+ const {
65
+ root,
66
+ topCenter,
67
+ bottomCenter
68
+ } = useMemo(() => {
61
69
  const paddingY = theme.space.xs;
62
70
  const paddingX = theme.space.sm;
63
- return /* @__PURE__ */ css({
64
- marginTop: showHeaderSubMenu && !isCompactMode ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${paddingY})` : `calc(${theme.header.height} + ${paddingY})`,
65
- left: `calc(${verticalNavigationWidth}px + ${paddingX})`,
66
- width: `calc(100% - (${verticalNavigationWidth}px + ${paddingX}) - ${paddingX})`,
67
- transform: "unset",
68
- minWidth: "unset",
69
- zIndex: theme.zIndices.banner
70
- }, process.env.NODE_ENV === "production" ? "" : ";label:styles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GVyIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHVpZCB9IGZyb20gXCJ1aWRcIjtcblxuaW1wb3J0IHsgSHZCYW5uZXIsIHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5pbXBvcnQgeyBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL2FwcC1zaGVsbC1ldmVudHNcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB1c2VOYXZpZ2F0aW9uQ29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VOYXZpZ2F0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHVzZUxheW91dENvbnRleHQgZnJvbSBcIi4vaG9va3MvdXNlTGF5b3V0Q29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBCYW5uZXJQcm92aWRlclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXIgZXh0ZW5kcyBPbWl0PEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiwgXCJ0eXBlXCI+IHtcbiAgaWQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJDb250ZXh0VmFsdWUge1xuICBzaG93OiAobm90aWZpY2F0aW9uOiBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24pID0+IHZvaWQ7XG4gIGRpc21pc3M6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8QmFubmVyQ29udGV4dFZhbHVlPih7XG4gIHNob3c6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9LFxuICBkaXNtaXNzOiAoKSA9PiB7XG4gICAgLy8gRW1wdHkgZnVuY3Rpb25cbiAgfVxufSk7XG5cbmNvbnN0IEJhbm5lclByb3ZpZGVyID0gKHsgY2hpbGRyZW4gfTogQmFubmVyUHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKHVuZGVmaW5lZCwge1xuICAgIGtleVByZWZpeDogXCJub3RpZmljYXRpb25zLmJhbm5lclwiXG4gIH0pO1xuICBjb25zdCB7IHNob3dIZWFkZXJTdWJNZW51LCBpc0NvbXBhY3RNb2RlIH0gPSB1c2VOYXZpZ2F0aW9uQ29udGV4dCgpO1xuICBjb25zdCB7IHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoLCBzZXRCYW5uZXJNYXhIZWlnaHQgfSA9IHVzZUxheW91dENvbnRleHQoKTtcbiAgY29uc3QgW2Jhbm5lcnMsIHNldEJhbm5lcnNdID0gdXNlU3RhdGU8QmFubmVyW10+KFtdKTtcblxuICBjb25zdCBzaG93ID0gKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB7XG4gICAgY29uc3QgaWQgPSB1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCBzdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBwYWRkaW5nWSA9IHRoZW1lLnNwYWNlLnhzOyAvLyBzaG91bGQgYmUgYWxpZ25lZCB3aXRoIGBNYWluYCdzIHBhZGRpbmdUb3BcbiAgICBjb25zdCBwYWRkaW5nWCA9IHRoZW1lLnNwYWNlLnNtO1xuICAgIHJldHVybiBjc3Moe1xuICAgICAgbWFyZ2luVG9wOlxuICAgICAgICBzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZVxuICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgICAgICA6IGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3BhZGRpbmdZfSlgLFxuICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICR7cGFkZGluZ1h9KWAsXG4gICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHtwYWRkaW5nWH0pIC0gJHtwYWRkaW5nWH0pYCxcbiAgICAgIHRyYW5zZm9ybTogXCJ1bnNldFwiLFxuICAgICAgbWluV2lkdGg6IFwidW5zZXRcIixcbiAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyXG4gICAgfSk7XG4gIH0sIFtpc0NvbXBhY3RNb2RlLCBzaG93SGVhZGVyU3ViTWVudSwgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGhdKTtcblxuICByZXR1cm4gKFxuICAgIDxCYW5uZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICB7YmFubmVycy5tYXAoYmFubmVyID0+IChcbiAgICAgICAgPEh2QmFubmVyXG4gICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgYW5jaG9yT3JpZ2luVG9wQ2VudGVyOiBzdHlsZXNcbiAgICAgICAgICB9fVxuICAgICAgICAgIGlkPXtiYW5uZXIuaWR9XG4gICAgICAgICAga2V5PXtiYW5uZXIuaWR9XG4gICAgICAgICAgb2Zmc2V0PXswfVxuICAgICAgICAgIG9wZW5cbiAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBkaXNtaXNzKGJhbm5lci5pZCl9XG4gICAgICAgICAgdmFyaWFudD17YmFubmVyLnZhcmlhbnR9XG4gICAgICAgICAgbGFiZWw9e2Jhbm5lci5tZXNzYWdlfVxuICAgICAgICAgIHNob3dJY29uXG4gICAgICAgICAgYWN0aW9ucz17YmFubmVyLmFjdGlvbnN9XG4gICAgICAgICAgYWN0aW9uc0NhbGxiYWNrPXtiYW5uZXIuYWN0aW9uc0NhbGxiYWNrfVxuICAgICAgICAgIGJhbm5lckNvbnRlbnRQcm9wcz17e1xuICAgICAgICAgICAgYWN0aW9uUHJvcHM6IHsgXCJhcmlhLWxhYmVsXCI6IHQoXCJjbG9zZVwiKSB9XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQmFubmVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhbm5lclByb3ZpZGVyO1xuIl19 */");
71
- }, [isCompactMode, showHeaderSubMenu, verticalNavigationWidth]);
71
+ return {
72
+ root: /* @__PURE__ */ css({
73
+ left: `calc(${verticalNavigationWidth}px + ${paddingX})`,
74
+ width: `calc(100% - (${verticalNavigationWidth}px + ${paddingX}) - ${paddingX})`,
75
+ transform: "unset",
76
+ minWidth: "unset",
77
+ zIndex: theme.zIndices.banner,
78
+ ...isPentahoTheme && {
79
+ maxWidth: 540,
80
+ left: `calc(${verticalNavigationWidth}px + (100% - ${verticalNavigationWidth}px) / 2)`,
81
+ transform: `translateX(-50%)`
82
+ }
83
+ }, process.env.NODE_ENV === "production" ? "" : ";label:root;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGWSIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHVpZCB9IGZyb20gXCJ1aWRcIjtcblxuaW1wb3J0IHsgSHZCYW5uZXIsIHRoZW1lLCB1c2VUaGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuaW1wb3J0IHsgSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS9hcHAtc2hlbGwtZXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgdXNlTmF2aWdhdGlvbkNvbnRleHQgZnJvbSBcIi4vaG9va3MvdXNlTmF2aWdhdGlvbkNvbnRleHRcIjtcbmltcG9ydCB1c2VMYXlvdXRDb250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZUxheW91dENvbnRleHRcIjtcblxuZXhwb3J0IHR5cGUgQmFubmVyUHJvdmlkZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyIGV4dGVuZHMgT21pdDxIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24sIFwidHlwZVwiPiB7XG4gIGlkOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQ29udGV4dFZhbHVlIHtcbiAgc2hvdzogKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB2b2lkO1xuICBkaXNtaXNzOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PEJhbm5lckNvbnRleHRWYWx1ZT4oe1xuICBzaG93OiAoKSA9PiB7XG4gICAgLy8gRW1wdHkgZnVuY3Rpb25cbiAgfSxcbiAgZGlzbWlzczogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH1cbn0pO1xuXG5jb25zdCBCYW5uZXJQcm92aWRlciA9ICh7IGNoaWxkcmVuIH06IEJhbm5lclByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbih1bmRlZmluZWQsIHtcbiAgICBrZXlQcmVmaXg6IFwibm90aWZpY2F0aW9ucy5iYW5uZXJcIlxuICB9KTtcbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBzaG93SGVhZGVyU3ViTWVudSwgaXNDb21wYWN0TW9kZSB9ID0gdXNlTmF2aWdhdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgeyB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aCwgc2V0QmFubmVyTWF4SGVpZ2h0IH0gPSB1c2VMYXlvdXRDb250ZXh0KCk7XG4gIGNvbnN0IFtiYW5uZXJzLCBzZXRCYW5uZXJzXSA9IHVzZVN0YXRlPEJhbm5lcltdPihbXSk7XG5cbiAgY29uc3QgaXNQZW50YWhvVGhlbWUgPSBhY3RpdmVUaGVtZT8ubmFtZSA9PT0gXCJwZW50YWhvUGx1c1wiO1xuXG4gIGNvbnN0IHNob3cgPSAobm90aWZpY2F0aW9uOiBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24pID0+IHtcbiAgICBjb25zdCBpZCA9IHVpZCgpO1xuXG4gICAgY29uc3QgbmV3QmFubmVyOiBCYW5uZXIgPSB7XG4gICAgICBpZCxcbiAgICAgIC4uLm5vdGlmaWNhdGlvbixcbiAgICAgIHZhcmlhbnQ6IG5vdGlmaWNhdGlvbi52YXJpYW50ID8/IFwiZGVmYXVsdFwiXG4gICAgfTtcbiAgICBzZXRCYW5uZXJzKHByZXZCYW5uZXJzID0+IFsuLi5wcmV2QmFubmVycywgbmV3QmFubmVyXSk7XG4gIH07XG5cbiAgY29uc3QgZGlzbWlzcyA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBwcmV2QmFubmVycy5maWx0ZXIoYmFubmVyID0+IGJhbm5lci5pZCAhPT0gaWQpKTtcbiAgfTtcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNob3csXG4gICAgICBkaXNtaXNzXG4gICAgfSksXG4gICAgW11cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChiYW5uZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIC8vIEdldCBhbGwgaGVpZ2h0cyBmcm9tIHRoZSByZW5kZXJlZCBiYW5uZXJzXG4gICAgICBjb25zdCBiYW5uZXJIZWlnaHRzID0gYmFubmVycy5tYXAoaXRlbSA9PiB7XG4gICAgICAgIGNvbnN0IGJhbm5lckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpdGVtLmlkKTtcbiAgICAgICAgcmV0dXJuIGJhbm5lckVsZW1lbnQgPyBiYW5uZXJFbGVtZW50LmNsaWVudEhlaWdodCA6IDA7XG4gICAgICB9KTtcblxuICAgICAgLy8gRmluZCB0aGUgJ3RhbGxlc3QnIGJhbm5lclxuICAgICAgY29uc3QgbWF4QmFubmVySGVpZ2h0ID0gTWF0aC5tYXgoLi4uYmFubmVySGVpZ2h0cyk7XG5cbiAgICAgIC8vIFVwZGF0ZSBwYWRkaW5nIHZhbHVlXG4gICAgICBzZXRCYW5uZXJNYXhIZWlnaHQobWF4QmFubmVySGVpZ2h0KTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KDApO1xuICAgIH1cbiAgfSwgW2Jhbm5lcnMsIHNldEJhbm5lck1heEhlaWdodF0pO1xuXG4gIGNvbnN0IHsgcm9vdCwgdG9wQ2VudGVyLCBib3R0b21DZW50ZXIgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHBhZGRpbmdZID0gdGhlbWUuc3BhY2UueHM7IC8vIHNob3VsZCBiZSBhbGlnbmVkIHdpdGggYE1haW5gJ3MgcGFkZGluZ1RvcFxuICAgIGNvbnN0IHBhZGRpbmdYID0gdGhlbWUuc3BhY2Uuc207XG5cbiAgICByZXR1cm4ge1xuICAgICAgcm9vdDogY3NzKHtcbiAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICR7cGFkZGluZ1h9KWAsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3BhZGRpbmdYfSkgLSAke3BhZGRpbmdYfSlgLFxuICAgICAgICB0cmFuc2Zvcm06IFwidW5zZXRcIixcbiAgICAgICAgbWluV2lkdGg6IFwidW5zZXRcIixcbiAgICAgICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gICAgICAgIC4uLihpc1BlbnRhaG9UaGVtZSAmJiB7XG4gICAgICAgICAgbWF4V2lkdGg6IDU0MCxcbiAgICAgICAgICBsZWZ0OiBgY2FsYygke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgKDEwMCUgLSAke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4KSAvIDIpYCxcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKC01MCUpYFxuICAgICAgICB9KVxuICAgICAgfSksXG4gICAgICB0b3BDZW50ZXI6IGNzcyh7XG4gICAgICAgIG1hcmdpblRvcDpcbiAgICAgICAgICBzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZVxuICAgICAgICAgICAgPyBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9ICsgJHtwYWRkaW5nWX0pYFxuICAgICAgICAgICAgOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtwYWRkaW5nWX0pYFxuICAgICAgfSksXG4gICAgICBib3R0b21DZW50ZXI6IGNzcyh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UubWRcbiAgICAgIH0pXG4gICAgfTtcbiAgfSwgW1xuICAgIGlzQ29tcGFjdE1vZGUsXG4gICAgaXNQZW50YWhvVGhlbWUsXG4gICAgc2hvd0hlYWRlclN1Yk1lbnUsXG4gICAgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGhcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAge2Jhbm5lcnMubWFwKGJhbm5lciA9PiAoXG4gICAgICAgIDxIdkJhbm5lclxuICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgIHJvb3QsXG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Cb3R0b21DZW50ZXI6IGJvdHRvbUNlbnRlcixcbiAgICAgICAgICAgIGFuY2hvck9yaWdpblRvcENlbnRlcjogdG9wQ2VudGVyXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpZD17YmFubmVyLmlkfVxuICAgICAgICAgIGtleT17YmFubmVyLmlkfVxuICAgICAgICAgIG9mZnNldD17MH1cbiAgICAgICAgICBvcGVuXG4gICAgICAgICAgb25DbG9zZT17KCkgPT4gZGlzbWlzcyhiYW5uZXIuaWQpfVxuICAgICAgICAgIHZhcmlhbnQ9e2Jhbm5lci52YXJpYW50fVxuICAgICAgICAgIGxhYmVsPXtiYW5uZXIubWVzc2FnZX1cbiAgICAgICAgICBzaG93SWNvblxuICAgICAgICAgIGFjdGlvbnM9e2Jhbm5lci5hY3Rpb25zfVxuICAgICAgICAgIGFjdGlvbnNDYWxsYmFjaz17YmFubmVyLmFjdGlvbnNDYWxsYmFja31cbiAgICAgICAgICBiYW5uZXJDb250ZW50UHJvcHM9e3tcbiAgICAgICAgICAgIGFjdGlvblByb3BzOiB7IFwiYXJpYS1sYWJlbFwiOiB0KFwiY2xvc2VcIikgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgYW5jaG9yT3JpZ2luPXtpc1BlbnRhaG9UaGVtZSA/IFwiYm90dG9tXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgdHJhbnNpdGlvbkRpcmVjdGlvbj17aXNQZW50YWhvVGhlbWUgPyBcInVwXCIgOiB1bmRlZmluZWR9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYW5uZXJQcm92aWRlcjtcbiJdfQ== */"),
84
+ topCenter: /* @__PURE__ */ css({
85
+ marginTop: showHeaderSubMenu && !isCompactMode ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${paddingY})` : `calc(${theme.header.height} + ${paddingY})`
86
+ }, process.env.NODE_ENV === "production" ? "" : ";label:topCenter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUIiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3Byb3ZpZGVycy9CYW5uZXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB1aWQgfSBmcm9tIFwidWlkXCI7XG5cbmltcG9ydCB7IEh2QmFubmVyLCB0aGVtZSwgdXNlVGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24odW5kZWZpbmVkLCB7XG4gICAga2V5UHJlZml4OiBcIm5vdGlmaWNhdGlvbnMuYmFubmVyXCJcbiAgfSk7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgc2hvd0hlYWRlclN1Yk1lbnUsIGlzQ29tcGFjdE1vZGUgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGgsIHNldEJhbm5lck1heEhlaWdodCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCBbYmFubmVycywgc2V0QmFubmVyc10gPSB1c2VTdGF0ZTxCYW5uZXJbXT4oW10pO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcblxuICBjb25zdCBzaG93ID0gKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB7XG4gICAgY29uc3QgaWQgPSB1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCB7IHJvb3QsIHRvcENlbnRlciwgYm90dG9tQ2VudGVyIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBwYWRkaW5nWSA9IHRoZW1lLnNwYWNlLnhzOyAvLyBzaG91bGQgYmUgYWxpZ25lZCB3aXRoIGBNYWluYCdzIHBhZGRpbmdUb3BcbiAgICBjb25zdCBwYWRkaW5nWCA9IHRoZW1lLnNwYWNlLnNtO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHJvb3Q6IGNzcyh7XG4gICAgICAgIGxlZnQ6IGBjYWxjKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3BhZGRpbmdYfSlgLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHtwYWRkaW5nWH0pIC0gJHtwYWRkaW5nWH0pYCxcbiAgICAgICAgdHJhbnNmb3JtOiBcInVuc2V0XCIsXG4gICAgICAgIG1pbldpZHRoOiBcInVuc2V0XCIsXG4gICAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyLFxuICAgICAgICAuLi4oaXNQZW50YWhvVGhlbWUgJiYge1xuICAgICAgICAgIG1heFdpZHRoOiA1NDAsXG4gICAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICgxMDAlIC0gJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCkgLyAyKWAsXG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtNTAlKWBcbiAgICAgICAgfSlcbiAgICAgIH0pLFxuICAgICAgdG9wQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Ub3A6XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgIH0pLFxuICAgICAgYm90dG9tQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLm1kXG4gICAgICB9KVxuICAgIH07XG4gIH0sIFtcbiAgICBpc0NvbXBhY3RNb2RlLFxuICAgIGlzUGVudGFob1RoZW1lLFxuICAgIHNob3dIZWFkZXJTdWJNZW51LFxuICAgIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoXG4gIF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtiYW5uZXJzLm1hcChiYW5uZXIgPT4gKFxuICAgICAgICA8SHZCYW5uZXJcbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290LFxuICAgICAgICAgICAgYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyOiBib3R0b21DZW50ZXIsXG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Ub3BDZW50ZXI6IHRvcENlbnRlclxuICAgICAgICAgIH19XG4gICAgICAgICAgaWQ9e2Jhbm5lci5pZH1cbiAgICAgICAgICBrZXk9e2Jhbm5lci5pZH1cbiAgICAgICAgICBvZmZzZXQ9ezB9XG4gICAgICAgICAgb3BlblxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGRpc21pc3MoYmFubmVyLmlkKX1cbiAgICAgICAgICB2YXJpYW50PXtiYW5uZXIudmFyaWFudH1cbiAgICAgICAgICBsYWJlbD17YmFubmVyLm1lc3NhZ2V9XG4gICAgICAgICAgc2hvd0ljb25cbiAgICAgICAgICBhY3Rpb25zPXtiYW5uZXIuYWN0aW9uc31cbiAgICAgICAgICBhY3Rpb25zQ2FsbGJhY2s9e2Jhbm5lci5hY3Rpb25zQ2FsbGJhY2t9XG4gICAgICAgICAgYmFubmVyQ29udGVudFByb3BzPXt7XG4gICAgICAgICAgICBhY3Rpb25Qcm9wczogeyBcImFyaWEtbGFiZWxcIjogdChcImNsb3NlXCIpIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGFuY2hvck9yaWdpbj17aXNQZW50YWhvVGhlbWUgPyBcImJvdHRvbVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHRyYW5zaXRpb25EaXJlY3Rpb249e2lzUGVudGFob1RoZW1lID8gXCJ1cFwiIDogdW5kZWZpbmVkfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYW5uZXJDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyUHJvdmlkZXI7XG4iXX0= */"),
87
+ bottomCenter: /* @__PURE__ */ css({
88
+ marginBottom: theme.space.md
89
+ }, process.env.NODE_ENV === "production" ? "" : ";label:bottomCenter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJHb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3Byb3ZpZGVycy9CYW5uZXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB1aWQgfSBmcm9tIFwidWlkXCI7XG5cbmltcG9ydCB7IEh2QmFubmVyLCB0aGVtZSwgdXNlVGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24odW5kZWZpbmVkLCB7XG4gICAga2V5UHJlZml4OiBcIm5vdGlmaWNhdGlvbnMuYmFubmVyXCJcbiAgfSk7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgc2hvd0hlYWRlclN1Yk1lbnUsIGlzQ29tcGFjdE1vZGUgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGgsIHNldEJhbm5lck1heEhlaWdodCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCBbYmFubmVycywgc2V0QmFubmVyc10gPSB1c2VTdGF0ZTxCYW5uZXJbXT4oW10pO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcblxuICBjb25zdCBzaG93ID0gKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB7XG4gICAgY29uc3QgaWQgPSB1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCB7IHJvb3QsIHRvcENlbnRlciwgYm90dG9tQ2VudGVyIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBwYWRkaW5nWSA9IHRoZW1lLnNwYWNlLnhzOyAvLyBzaG91bGQgYmUgYWxpZ25lZCB3aXRoIGBNYWluYCdzIHBhZGRpbmdUb3BcbiAgICBjb25zdCBwYWRkaW5nWCA9IHRoZW1lLnNwYWNlLnNtO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHJvb3Q6IGNzcyh7XG4gICAgICAgIGxlZnQ6IGBjYWxjKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3BhZGRpbmdYfSlgLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHtwYWRkaW5nWH0pIC0gJHtwYWRkaW5nWH0pYCxcbiAgICAgICAgdHJhbnNmb3JtOiBcInVuc2V0XCIsXG4gICAgICAgIG1pbldpZHRoOiBcInVuc2V0XCIsXG4gICAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyLFxuICAgICAgICAuLi4oaXNQZW50YWhvVGhlbWUgJiYge1xuICAgICAgICAgIG1heFdpZHRoOiA1NDAsXG4gICAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICgxMDAlIC0gJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCkgLyAyKWAsXG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtNTAlKWBcbiAgICAgICAgfSlcbiAgICAgIH0pLFxuICAgICAgdG9wQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Ub3A6XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgIH0pLFxuICAgICAgYm90dG9tQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLm1kXG4gICAgICB9KVxuICAgIH07XG4gIH0sIFtcbiAgICBpc0NvbXBhY3RNb2RlLFxuICAgIGlzUGVudGFob1RoZW1lLFxuICAgIHNob3dIZWFkZXJTdWJNZW51LFxuICAgIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoXG4gIF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtiYW5uZXJzLm1hcChiYW5uZXIgPT4gKFxuICAgICAgICA8SHZCYW5uZXJcbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290LFxuICAgICAgICAgICAgYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyOiBib3R0b21DZW50ZXIsXG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Ub3BDZW50ZXI6IHRvcENlbnRlclxuICAgICAgICAgIH19XG4gICAgICAgICAgaWQ9e2Jhbm5lci5pZH1cbiAgICAgICAgICBrZXk9e2Jhbm5lci5pZH1cbiAgICAgICAgICBvZmZzZXQ9ezB9XG4gICAgICAgICAgb3BlblxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGRpc21pc3MoYmFubmVyLmlkKX1cbiAgICAgICAgICB2YXJpYW50PXtiYW5uZXIudmFyaWFudH1cbiAgICAgICAgICBsYWJlbD17YmFubmVyLm1lc3NhZ2V9XG4gICAgICAgICAgc2hvd0ljb25cbiAgICAgICAgICBhY3Rpb25zPXtiYW5uZXIuYWN0aW9uc31cbiAgICAgICAgICBhY3Rpb25zQ2FsbGJhY2s9e2Jhbm5lci5hY3Rpb25zQ2FsbGJhY2t9XG4gICAgICAgICAgYmFubmVyQ29udGVudFByb3BzPXt7XG4gICAgICAgICAgICBhY3Rpb25Qcm9wczogeyBcImFyaWEtbGFiZWxcIjogdChcImNsb3NlXCIpIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGFuY2hvck9yaWdpbj17aXNQZW50YWhvVGhlbWUgPyBcImJvdHRvbVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHRyYW5zaXRpb25EaXJlY3Rpb249e2lzUGVudGFob1RoZW1lID8gXCJ1cFwiIDogdW5kZWZpbmVkfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYW5uZXJDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyUHJvdmlkZXI7XG4iXX0= */")
90
+ };
91
+ }, [isCompactMode, isPentahoTheme, showHeaderSubMenu, verticalNavigationWidth]);
72
92
  return /* @__PURE__ */ jsxs(BannerContext.Provider, { value, children: [
73
93
  banners.map((banner) => /* @__PURE__ */ jsx(HvBanner, { classes: {
74
- anchorOriginTopCenter: styles
94
+ root,
95
+ anchorOriginBottomCenter: bottomCenter,
96
+ anchorOriginTopCenter: topCenter
75
97
  }, id: banner.id, offset: 0, open: true, onClose: () => dismiss(banner.id), variant: banner.variant, label: banner.message, showIcon: true, actions: banner.actions, actionsCallback: banner.actionsCallback, bannerContentProps: {
76
98
  actionProps: {
77
99
  "aria-label": t("close")
78
100
  }
79
- } }, banner.id)),
101
+ }, anchorOrigin: isPentahoTheme ? "bottom" : void 0, transitionDirection: isPentahoTheme ? "up" : void 0 }, banner.id)),
80
102
  children
81
103
  ] });
82
104
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/app-shell-ui",
3
- "version": "1.8.0",
3
+ "version": "1.9.0",
4
4
  "description": "AppShell Component",
5
5
  "author": "Hitachi Vantara - Boba Fett Team",
6
6
  "license": "Apache-2.0",
@@ -64,5 +64,5 @@
64
64
  "rimraf": "^5.0.5",
65
65
  "vite": "^5.0.4"
66
66
  },
67
- "gitHead": "c87f40fe0a0d1ec7ca5dfbfae1ee6db01cdcd41e"
67
+ "gitHead": "5f7f4f89193ccb0b5c9e2e8851394a646427ab1f"
68
68
  }