@hitachivantara/app-shell-ui 1.1.0 → 1.2.1

package/dist/esm/components/layout/VerticalNavigation/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/VerticalNavigation/styles.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\n\nimport {\n  HvVerticalNavigation,\n  theme,\n  verticalNavigationTreeClasses\n} from \"@hitachivantara/uikit-react-core\";\n\ninterface StyledHvVerticalNavigationProps {\n  isCompactMode: boolean;\n}\n\nconst StyledHvVerticalNavigation = styled(\n  HvVerticalNavigation\n)<StyledHvVerticalNavigationProps>`\n  height: calc(100vh - ${theme.header.height});\n  top: ${theme.header.height};\n  z-index: ${theme.zIndices.overlay};\n\n  position: ${props => {\n    if (props.isCompactMode) {\n      return \"fixed\";\n    }\n\n    return \"sticky\";\n  }};\n`;\n\nconst navigationPopupStyles = css({\n  maxHeight: `calc(100vh - ${theme.header.height})`,\n  overflowY: \"auto\",\n  boxShadow: theme.colors.shadow,\n  [`& .${verticalNavigationTreeClasses.popup}`]: { boxShadow: \"none\" }\n});\n\nexport { StyledHvVerticalNavigation, navigationPopupStyles };\n"],"names":["StyledHvVerticalNavigation","HvVerticalNavigation","process","env","NODE_ENV","target","label","theme","header","height","zIndices","overlay","props","isCompactMode","navigationPopupStyles","css","maxHeight","overflowY","boxShadow","colors","shadow","verticalNavigationTreeClasses","popup"],"mappings":";;;AAaA,MAAMA,IACJC,gBAAAA,EAAAA,GAAoBC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACtB,0BACyBC,EAAMC,OAAOC,kBAC7BF,EAAMC,OAAOC,qBACTF,EAAMG,SAASC,SAEdC,cAAAA,CAASA,MACfA,EAAMC,gBACD,UAGF,iBACRX,QAAAC,IAAAC,aACF,eAAA,KAAA,ksDAAA,GAEKU,IAA4B,gBAAAC,EAAA;AAAA,EAChCC,WAAY,gBAAeT,EAAMC,OAAOC,MAAO;AAAA,EAC/CQ,WAAW;AAAA,EACXC,WAAWX,EAAMY,OAAOC;AAAAA,EACxB,CAAE,MAAKC,EAA8BC,KAAM,EAAC,GAAG;AAAA,IAAEJ,WAAW;AAAA,EAAO;AACrE,GAAChB,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iCAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qsDAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/VerticalNavigation/styles.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport {\n  theme,\n  verticalNavigationTreeClasses\n} from \"@hitachivantara/uikit-react-core\";\n\nexport const classes = {\n  navigation: css({\n    height: `calc(100vh - ${theme.header.height})`,\n    top: theme.header.height,\n    zIndex: theme.zIndices.overlay,\n    position: \"sticky\"\n  }),\n  navigationCompact: css({\n    position: \"fixed\"\n  }),\n  navigationPopup: css({\n    maxHeight: `calc(100vh - ${theme.header.height})`,\n    overflowY: \"auto\",\n    boxShadow: theme.colors.shadow,\n    [`& .${verticalNavigationTreeClasses.popup}`]: { boxShadow: \"none\" }\n  })\n};\n"],"names":["classes","navigation","css","height","theme","header","top","zIndex","zIndices","overlay","position","process","env","NODE_ENV","navigationCompact","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","navigationPopup","maxHeight","overflowY","boxShadow","colors","shadow","verticalNavigationTreeClasses","popup"],"mappings":";;;;;AAMO,MAAMA,IAAU;AAAA,EACrBC,YAAgB,gBAAAC,EAAA;AAAA,IACdC,QAAS,gBAAeC,EAAMC,OAAOF,MAAO;AAAA,IAC5CG,KAAKF,EAAMC,OAAOF;AAAAA,IAClBI,QAAQH,EAAMI,SAASC;AAAAA,IACvBC,UAAU;AAAA,EACXC,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,sBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,6yCAAA;AAAA,EACFC,mBAAmBZ,gBAAAA,EAAGS,QAAAC,IAAAC,aAAA,eAAA;AAAA,IAAAE,MAAA;AAAA,IAAAC,QAAA;AAAA,EAAA,IAAA;AAAA,IAAAD,MAAA;AAAA,IAAAC,QAAA;AAAA,IAAAC,KAAA;AAAA,IAAAC,UAAAC;AAAAA,EAAAA,CAErB;AAAA,EACDC,iBAAqB,gBAAAlB,EAAA;AAAA,IACnBmB,WAAY,gBAAejB,EAAMC,OAAOF,MAAO;AAAA,IAC/CmB,WAAW;AAAA,IACXC,WAAWnB,EAAMoB,OAAOC;AAAAA,IACxB,CAAE,MAAKC,EAA8BC,KAAM,EAAC,GAAG;AAAA,MAAEJ,WAAW;AAAA,IAAO;AAAA,EACpEZ,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,2BAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,izCAAA;AACH;"}

package/dist/esm/lib/hooks/useClearLocationState.js

@@ -1,10 +1,10 @@
 import { useCallback as a } from "react";
 import { useLocation as e, useBeforeUnload as r } from "react-router-dom";
-import { useHvNavigation as n } from "@hitachivantara/app-shell-navigation";
-const s = () => {
+import { useHvNavigation as i } from "@hitachivantara/app-shell-navigation";
+const l = () => {
   const o = e(), {
     navigate: t
-  } = n();
+  } = i();
   r(a(() => {
     t({
       ...o
@@ -12,8 +12,8 @@ const s = () => {
       replace: !0
     });
   }, [o, t]));
-}, u = s;
+};
 export {
-  u as default
+  l as default
 };
 //# sourceMappingURL=useClearLocationState.js.map

package/dist/esm/lib/hooks/useClearLocationState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClearLocationState.js","sources":["../../../../src/lib/hooks/useClearLocationState.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useBeforeUnload, useLocation } from \"react-router-dom\";\n\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nconst useClearLocationState = () => {\n  const location = useLocation();\n  const { navigate } = useHvNavigation();\n\n  // This will only be called when the user reloads the page or navigates away from the app and is required when\n  // the configuration changes (refresh is mandatory) so that useLocation `state` property is reset.\n  useBeforeUnload(\n    useCallback(() => {\n      navigate({ ...location }, { replace: true });\n    }, [location, navigate])\n  );\n};\n\nexport default useClearLocationState;\n"],"names":["useClearLocationState","location","useLocation","navigate","useHvNavigation","useBeforeUnload","useCallback","replace","useClearLocationState$1"],"mappings":";;;AAKA,MAAMA,IAAwBA,MAAM;AAClC,QAAMC,IAAWC,KACX;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB;AAIrCC,EAAAA,EACEC,EAAY,MAAM;AACP,IAAAH,EAAA;AAAA,MAAE,GAAGF;AAAAA,IAAAA,GAAY;AAAA,MAAEM,SAAS;AAAA,IAAA,CAAM;AAAA,EAC1C,GAAA,CAACN,GAAUE,CAAQ,CAAC,CACzB;AACF,GAEAK,IAAeR;"}
+{"version":3,"file":"useClearLocationState.js","sources":["../../../../src/lib/hooks/useClearLocationState.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useBeforeUnload, useLocation } from \"react-router-dom\";\n\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nconst useClearLocationState = () => {\n  const location = useLocation();\n  const { navigate } = useHvNavigation();\n\n  // This will only be called when the user reloads the page or navigates away from the app and is required when\n  // the configuration changes (refresh is mandatory) so that useLocation `state` property is reset.\n  useBeforeUnload(\n    useCallback(() => {\n      navigate({ ...location }, { replace: true });\n    }, [location, navigate])\n  );\n};\n\nexport default useClearLocationState;\n"],"names":["useClearLocationState","location","useLocation","navigate","useHvNavigation","useBeforeUnload","useCallback","replace"],"mappings":";;;AAKA,MAAMA,IAAwBA,MAAM;AAClC,QAAMC,IAAWC,KACX;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB;AAIrCC,EAAAA,EACEC,EAAY,MAAM;AACP,IAAAH,EAAA;AAAA,MAAE,GAAGF;AAAAA,IAAAA,GAAY;AAAA,MAAEM,SAAS;AAAA,IAAA,CAAM;AAAA,EAC1C,GAAA,CAACN,GAAUE,CAAQ,CAAC,CACzB;AACF;"}

package/dist/esm/lib/hooks/useCustomEventListener.js

@@ -2,7 +2,7 @@ import { useEffect as o } from "react";
 import { HvAppShellEventNotificationTrigger as n, HvAppShellEventThemeTrigger as i } from "@hitachivantara/app-shell-events";
 import r from "./useNotificationsEventListener.js";
 import s from "./useThemeEventListener.js";
-const v = () => {
+const E = () => {
   const {
     handleNotificationEvent: e
   } = r(), {
@@ -11,8 +11,8 @@ const v = () => {
   o(() => (globalThis.addEventListener(n, e), globalThis.addEventListener(i, t), () => {
     globalThis.removeEventListener(n, e), globalThis.removeEventListener(i, t);
   }), [e, t]);
-}, h = v;
+};
 export {
-  h as default
+  E as default
 };
 //# sourceMappingURL=useCustomEventListener.js.map

package/dist/esm/lib/hooks/useCustomEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEventListener.js","sources":["../../../../src/lib/hooks/useCustomEventListener.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n  HvAppShellEventThemeTrigger,\n  HvAppShellEventNotificationTrigger\n} from \"@hitachivantara/app-shell-events\";\nimport useNotificationsEventListener from \"./useNotificationsEventListener\";\nimport useThemeEventListener from \"./useThemeEventListener\";\n\nconst useCustomEventListener = () => {\n  const { handleNotificationEvent } = useNotificationsEventListener();\n  const { handleThemeEvent } = useThemeEventListener();\n\n  useEffect(() => {\n    globalThis.addEventListener(\n      HvAppShellEventNotificationTrigger,\n      handleNotificationEvent as EventListener\n    );\n    globalThis.addEventListener(\n      HvAppShellEventThemeTrigger,\n      handleThemeEvent as EventListener\n    );\n\n    return () => {\n      globalThis.removeEventListener(\n        HvAppShellEventNotificationTrigger,\n        handleNotificationEvent as EventListener\n      );\n      globalThis.removeEventListener(\n        HvAppShellEventThemeTrigger,\n        handleThemeEvent as EventListener\n      );\n    };\n  }, [handleNotificationEvent, handleThemeEvent]);\n};\n\nexport default useCustomEventListener;\n"],"names":["useCustomEventListener","handleNotificationEvent","useNotificationsEventListener","handleThemeEvent","useThemeEventListener","useEffect","addEventListener","HvAppShellEventNotificationTrigger","HvAppShellEventThemeTrigger","removeEventListener","useCustomEventListener$1"],"mappings":";;;;AAQA,MAAMA,IAAyBA,MAAM;AAC7B,QAAA;AAAA,IAAEC,yBAAAA;AAAAA,MAA4BC,EAA8B,GAC5D;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB;AAEnDC,EAAAA,EAAU,OACGC,WAAAA,iBACTC,GACAN,CACF,GACWK,WAAAA,iBACTE,GACAL,CACF,GAEO,MAAM;AACAM,eAAAA,oBACTF,GACAN,CACF,GACWQ,WAAAA,oBACTD,GACAL,CACF;AAAA,EAAA,IAED,CAACF,GAAyBE,CAAgB,CAAC;AAChD,GAEAO,IAAeV;"}
+{"version":3,"file":"useCustomEventListener.js","sources":["../../../../src/lib/hooks/useCustomEventListener.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n  HvAppShellEventThemeTrigger,\n  HvAppShellEventNotificationTrigger\n} from \"@hitachivantara/app-shell-events\";\nimport useNotificationsEventListener from \"./useNotificationsEventListener\";\nimport useThemeEventListener from \"./useThemeEventListener\";\n\nconst useCustomEventListener = () => {\n  const { handleNotificationEvent } = useNotificationsEventListener();\n  const { handleThemeEvent } = useThemeEventListener();\n\n  useEffect(() => {\n    globalThis.addEventListener(\n      HvAppShellEventNotificationTrigger,\n      handleNotificationEvent as EventListener\n    );\n    globalThis.addEventListener(\n      HvAppShellEventThemeTrigger,\n      handleThemeEvent as EventListener\n    );\n\n    return () => {\n      globalThis.removeEventListener(\n        HvAppShellEventNotificationTrigger,\n        handleNotificationEvent as EventListener\n      );\n      globalThis.removeEventListener(\n        HvAppShellEventThemeTrigger,\n        handleThemeEvent as EventListener\n      );\n    };\n  }, [handleNotificationEvent, handleThemeEvent]);\n};\n\nexport default useCustomEventListener;\n"],"names":["useCustomEventListener","handleNotificationEvent","useNotificationsEventListener","handleThemeEvent","useThemeEventListener","useEffect","addEventListener","HvAppShellEventNotificationTrigger","HvAppShellEventThemeTrigger","removeEventListener"],"mappings":";;;;AAQA,MAAMA,IAAyBA,MAAM;AAC7B,QAAA;AAAA,IAAEC,yBAAAA;AAAAA,MAA4BC,EAA8B,GAC5D;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB;AAEnDC,EAAAA,EAAU,OACGC,WAAAA,iBACTC,GACAN,CACF,GACWK,WAAAA,iBACTE,GACAL,CACF,GAEO,MAAM;AACAM,eAAAA,oBACTF,GACAN,CACF,GACWQ,WAAAA,oBACTD,GACAL,CACF;AAAA,EAAA,IAED,CAACF,GAAyBE,CAAgB,CAAC;AAChD;"}

package/dist/esm/lib/hooks/useLocalStorage.js

@@ -1,11 +1,11 @@
-import { useState as n, useEffect as c } from "react";
-const g = {
+import { useState as n, useEffect as l } from "react";
+const u = {
   COLOR_MODE: "hv/user-preferences/color-mode"
-}, l = (e) => {
+}, d = (e) => {
   const [r, a] = n(() => localStorage.getItem(e)), s = (t) => {
     localStorage.setItem(e, t);
   };
-  return c(() => {
+  return l(() => {
     const t = (o) => {
       o.key === e && a(o.newValue);
     };
@@ -16,9 +16,9 @@ const g = {
     value: r,
     setStoredValue: s
   };
-}, S = l;
+};
 export {
-  g as LOCAL_STORAGE_KEYS,
-  S as default
+  u as LOCAL_STORAGE_KEYS,
+  d as default
 };
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/esm/lib/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../../../src/lib/hooks/useLocalStorage.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const LOCAL_STORAGE_KEYS = {\n  COLOR_MODE: \"hv/user-preferences/color-mode\"\n};\n\nconst useLocalStorage = (key: string) => {\n  const [value, setValue] = useState(() => localStorage.getItem(key));\n\n  const setStoredValue = (newValue: string) => {\n    localStorage.setItem(key, newValue);\n  };\n\n  useEffect(() => {\n    const handleStorageChange = (event: StorageEvent) => {\n      if (event.key === key) {\n        setValue(event.newValue);\n      }\n    };\n\n    window.addEventListener(\"storage\", handleStorageChange);\n\n    return () => {\n      window.removeEventListener(\"storage\", handleStorageChange);\n    };\n  }, [key]);\n\n  return { value, setStoredValue };\n};\n\nexport default useLocalStorage;\n"],"names":["LOCAL_STORAGE_KEYS","COLOR_MODE","useLocalStorage","key","value","setValue","useState","localStorage","getItem","setStoredValue","newValue","setItem","useEffect","handleStorageChange","event","addEventListener","removeEventListener","useLocalStorage$1"],"mappings":";AAEO,MAAMA,IAAqB;AAAA,EAChCC,YAAY;AACd,GAEMC,IAAkBA,CAACC,MAAgB;AACjC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAMC,aAAaC,QAAQL,CAAG,CAAC,GAE5DM,IAAiBA,CAACC,MAAqB;AAC9BC,iBAAAA,QAAQR,GAAKO,CAAQ;AAAA,EAAA;AAGpCE,SAAAA,EAAU,MAAM;AACRC,UAAAA,IAAsBA,CAACC,MAAwB;AAC/CA,MAAAA,EAAMX,QAAQA,KAChBE,EAASS,EAAMJ,QAAQ;AAAA,IACzB;AAGKK,kBAAAA,iBAAiB,WAAWF,CAAmB,GAE/C,MAAM;AACJG,aAAAA,oBAAoB,WAAWH,CAAmB;AAAA,IAAA;AAAA,EAC3D,GACC,CAACV,CAAG,CAAC,GAED;AAAA,IAAEC,OAAAA;AAAAA,IAAOK,gBAAAA;AAAAA,EAAAA;AAClB,GAEAQ,IAAef;"}
+{"version":3,"file":"useLocalStorage.js","sources":["../../../../src/lib/hooks/useLocalStorage.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const LOCAL_STORAGE_KEYS = {\n  COLOR_MODE: \"hv/user-preferences/color-mode\"\n};\n\nconst useLocalStorage = (key: string) => {\n  const [value, setValue] = useState(() => localStorage.getItem(key));\n\n  const setStoredValue = (newValue: string) => {\n    localStorage.setItem(key, newValue);\n  };\n\n  useEffect(() => {\n    const handleStorageChange = (event: StorageEvent) => {\n      if (event.key === key) {\n        setValue(event.newValue);\n      }\n    };\n\n    window.addEventListener(\"storage\", handleStorageChange);\n\n    return () => {\n      window.removeEventListener(\"storage\", handleStorageChange);\n    };\n  }, [key]);\n\n  return { value, setStoredValue };\n};\n\nexport default useLocalStorage;\n"],"names":["LOCAL_STORAGE_KEYS","COLOR_MODE","useLocalStorage","key","value","setValue","useState","localStorage","getItem","setStoredValue","newValue","setItem","useEffect","handleStorageChange","event","addEventListener","removeEventListener"],"mappings":";AAEO,MAAMA,IAAqB;AAAA,EAChCC,YAAY;AACd,GAEMC,IAAkBA,CAACC,MAAgB;AACjC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAMC,aAAaC,QAAQL,CAAG,CAAC,GAE5DM,IAAiBA,CAACC,MAAqB;AAC9BC,iBAAAA,QAAQR,GAAKO,CAAQ;AAAA,EAAA;AAGpCE,SAAAA,EAAU,MAAM;AACRC,UAAAA,IAAsBA,CAACC,MAAwB;AAC/CA,MAAAA,EAAMX,QAAQA,KAChBE,EAASS,EAAMJ,QAAQ;AAAA,IACzB;AAGKK,kBAAAA,iBAAiB,WAAWF,CAAmB,GAE/C,MAAM;AACJG,aAAAA,oBAAoB,WAAWH,CAAmB;AAAA,IAAA;AAAA,EAC3D,GACC,CAACV,CAAG,CAAC,GAED;AAAA,IAAEC,OAAAA;AAAAA,IAAOK,gBAAAA;AAAAA,EAAAA;AAClB;"}

package/dist/esm/lib/hooks/useNavigationMenuItems.js

@@ -1,12 +1,12 @@
-import { useContext as c, useMemo as f, useEffect as g } from "react";
-import { useLocation as p } from "react-router-dom";
+import { useContext as c, useMemo as f, useEffect as p } from "react";
+import { useLocation as g } from "react-router-dom";
 import { useHvAppShellConfig as v, HvAppShellRuntimeContext as M, CONFIG_TRANSLATIONS_NAMESPACE as I, useHvMenuItems as N } from "@hitachivantara/app-shell-shared";
 import { useHvNavigation as d } from "@hitachivantara/app-shell-navigation";
 import { createNavigationMenuItems as l } from "../utils/navigationUtil.js";
-const A = 2, T = () => {
+const A = 2, H = () => {
   const {
     pathname: s
-  } = p(), {
+  } = g(), {
     navigationMode: m
   } = v(), {
     navigate: i
@@ -18,7 +18,7 @@ const A = 2, T = () => {
     selectedMenuItemId: n,
     rootMenuItemId: u
   } = N(), r = l(a, t, m === "ONLY_TOP" ? A : void 0);
-  return g(() => {
+  return p(() => {
     var o;
     !n && s === "/" && ((o = t[0]) != null && o.href) && i(t[0].href);
   }, [s, t, i, n]), {
@@ -26,8 +26,8 @@ const A = 2, T = () => {
     selectedMenuItemId: n,
     rootMenuItemId: u
   };
-}, O = T;
+};
 export {
-  O as default
+  H as default
 };
 //# sourceMappingURL=useNavigationMenuItems.js.map

package/dist/esm/lib/hooks/useNavigationMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigationMenuItems.js","sources":["../../../../src/lib/hooks/useNavigationMenuItems.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellRuntimeContext,\n  useHvAppShellConfig,\n  useHvMenuItems\n} from \"@hitachivantara/app-shell-shared\";\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport { createNavigationMenuItems } from \"../utils/navigationUtil\";\nimport { MenuItemsContext } from \"../types\";\n\nconst MAX_TOP_MENU_DEPTH = 2;\n\nconst useNavigationMenuItems = (): MenuItemsContext => {\n  // use the i18n instance from the app shell runtime context to ensure we're using\n  // the app shell instance of i18n and not the one from the embedded app\n  const { pathname } = useLocation();\n  const { navigationMode } = useHvAppShellConfig();\n  const { navigate } = useHvNavigation();\n  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};\n  const tConfig = useMemo(\n    () =>\n      i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ??\n      // should not happen, but fallback if the i18n instance is not available\n      ((l: string) => l),\n    [i18n]\n  );\n\n  const { items, selectedMenuItemId, rootMenuItemId } = useHvMenuItems();\n  const navigationMenuItemsTmp = createNavigationMenuItems(\n    tConfig,\n    items,\n    navigationMode === \"ONLY_TOP\" ? MAX_TOP_MENU_DEPTH : undefined\n  );\n  useEffect(() => {\n    // First render (or a refresh) without written user url, then navigate to the first menu item\n    if (!selectedMenuItemId && pathname === \"/\" && items[0]?.href) {\n      navigate(items[0].href);\n    }\n  }, [pathname, items, navigate, selectedMenuItemId]);\n  return {\n    items: navigationMenuItemsTmp,\n    selectedMenuItemId,\n    rootMenuItemId\n  };\n};\n\nexport default useNavigationMenuItems;\n"],"names":["MAX_TOP_MENU_DEPTH","useNavigationMenuItems","pathname","useLocation","navigationMode","useHvAppShellConfig","navigate","useHvNavigation","i18n","useContext","HvAppShellRuntimeContext","tConfig","useMemo","getFixedT","language","CONFIG_TRANSLATIONS_NAMESPACE","l","items","selectedMenuItemId","rootMenuItemId","useHvMenuItems","navigationMenuItemsTmp","createNavigationMenuItems","undefined","useEffect","href","useNavigationMenuItems$1"],"mappings":";;;;;AAcA,MAAMA,IAAqB,GAErBC,IAAyBA,MAAwB;AAG/C,QAAA;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAY,GAC3B;AAAA,IAAEC,gBAAAA;AAAAA,MAAmBC,EAAoB,GACzC;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAC/B;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,IAASC,EAAWC,CAAwB,KAAK,IACnDC,IAAUC,EACd,OACEJ,KAAAA,gBAAAA,EAAMK,UAAUL,EAAKM,UAAUC;AAAAA,GAE9B,CAACC,MAAcA,IAClB,CAACR,CAAI,CACP,GAEM;AAAA,IAAES,OAAAA;AAAAA,IAAOC,oBAAAA;AAAAA,IAAoBC,gBAAAA;AAAAA,MAAmBC,EAAe,GAC/DC,IAAyBC,EAC7BX,GACAM,GACAb,MAAmB,aAAaJ,IAAqBuB,MACvD;AACAC,SAAAA,EAAU,MAAM;;AAEd,IAAI,CAACN,KAAsBhB,MAAa,SAAOe,IAAAA,EAAM,CAAC,MAAPA,QAAAA,EAAUQ,SAC9CR,EAAAA,EAAM,CAAC,EAAEQ,IAAI;AAAA,KAEvB,CAACvB,GAAUe,GAAOX,GAAUY,CAAkB,CAAC,GAC3C;AAAA,IACLD,OAAOI;AAAAA,IACPH,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA;AAEJ,GAEAO,IAAezB;"}
+{"version":3,"file":"useNavigationMenuItems.js","sources":["../../../../src/lib/hooks/useNavigationMenuItems.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellRuntimeContext,\n  useHvAppShellConfig,\n  useHvMenuItems\n} from \"@hitachivantara/app-shell-shared\";\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport { createNavigationMenuItems } from \"../utils/navigationUtil\";\nimport { MenuItemsContext } from \"../types\";\n\nconst MAX_TOP_MENU_DEPTH = 2;\n\nconst useNavigationMenuItems = (): MenuItemsContext => {\n  // use the i18n instance from the app shell runtime context to ensure we're using\n  // the app shell instance of i18n and not the one from the embedded app\n  const { pathname } = useLocation();\n  const { navigationMode } = useHvAppShellConfig();\n  const { navigate } = useHvNavigation();\n  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};\n  const tConfig = useMemo(\n    () =>\n      i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ??\n      // should not happen, but fallback if the i18n instance is not available\n      ((l: string) => l),\n    [i18n]\n  );\n\n  const { items, selectedMenuItemId, rootMenuItemId } = useHvMenuItems();\n  const navigationMenuItemsTmp = createNavigationMenuItems(\n    tConfig,\n    items,\n    navigationMode === \"ONLY_TOP\" ? MAX_TOP_MENU_DEPTH : undefined\n  );\n  useEffect(() => {\n    // First render (or a refresh) without written user url, then navigate to the first menu item\n    if (!selectedMenuItemId && pathname === \"/\" && items[0]?.href) {\n      navigate(items[0].href);\n    }\n  }, [pathname, items, navigate, selectedMenuItemId]);\n  return {\n    items: navigationMenuItemsTmp,\n    selectedMenuItemId,\n    rootMenuItemId\n  };\n};\n\nexport default useNavigationMenuItems;\n"],"names":["MAX_TOP_MENU_DEPTH","useNavigationMenuItems","pathname","useLocation","navigationMode","useHvAppShellConfig","navigate","useHvNavigation","i18n","useContext","HvAppShellRuntimeContext","tConfig","useMemo","getFixedT","language","CONFIG_TRANSLATIONS_NAMESPACE","l","items","selectedMenuItemId","rootMenuItemId","useHvMenuItems","navigationMenuItemsTmp","createNavigationMenuItems","undefined","useEffect","href"],"mappings":";;;;;AAcA,MAAMA,IAAqB,GAErBC,IAAyBA,MAAwB;AAG/C,QAAA;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAY,GAC3B;AAAA,IAAEC,gBAAAA;AAAAA,MAAmBC,EAAoB,GACzC;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAC/B;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,IAASC,EAAWC,CAAwB,KAAK,IACnDC,IAAUC,EACd,OACEJ,KAAAA,gBAAAA,EAAMK,UAAUL,EAAKM,UAAUC;AAAAA,GAE9B,CAACC,MAAcA,IAClB,CAACR,CAAI,CACP,GAEM;AAAA,IAAES,OAAAA;AAAAA,IAAOC,oBAAAA;AAAAA,IAAoBC,gBAAAA;AAAAA,MAAmBC,EAAe,GAC/DC,IAAyBC,EAC7BX,GACAM,GACAb,MAAmB,aAAaJ,IAAqBuB,MACvD;AACAC,SAAAA,EAAU,MAAM;;AAEd,IAAI,CAACN,KAAsBhB,MAAa,SAAOe,IAAAA,EAAM,CAAC,MAAPA,QAAAA,EAAUQ,SAC9CR,EAAAA,EAAM,CAAC,EAAEQ,IAAI;AAAA,KAEvB,CAACvB,GAAUe,GAAOX,GAAUY,CAAkB,CAAC,GAC3C;AAAA,IACLD,OAAOI;AAAAA,IACPH,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/esm/lib/hooks/useNotificationsEventListener.js

@@ -1,31 +1,31 @@
 import { useHvSnackbar as f } from "@hitachivantara/uikit-react-core";
 import u from "../../providers/hooks/useBannerContext.js";
-const v = () => {
+const k = () => {
   const {
     enqueueSnackbar: o
   } = f(), {
     show: s
-  } = u(), i = (t) => {
+  } = u(), i = (a) => {
     const {
       message: n,
       variant: r,
-      actions: a,
+      actions: t,
       actionsCallback: l
-    } = t;
+    } = a;
     let e;
-    a && (e = {
-      action: Array.isArray(a) ? a[0] : a,
+    t && (e = {
+      action: Array.isArray(t) ? t[0] : t,
       actionCallback: l
     }), n && o(n, {
       variant: r ?? "default",
       snackbarContentProps: e
     });
-  }, c = (t) => {
-    t.message && s(t);
+  }, c = (a) => {
+    a.message && s(a);
   };
   return {
-    handleNotificationEvent: (t) => {
-      const n = t.detail;
+    handleNotificationEvent: (a) => {
+      const n = a.detail;
       switch (n.type) {
         case "snackbar":
           i(n);
@@ -38,8 +38,8 @@ const v = () => {
       }
     }
   };
-}, m = v;
+};
 export {
-  m as default
+  k as default
 };
 //# sourceMappingURL=useNotificationsEventListener.js.map

package/dist/esm/lib/hooks/useNotificationsEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationsEventListener.js","sources":["../../../../src/lib/hooks/useNotificationsEventListener.ts"],"sourcesContent":["import { useHvSnackbar } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\n\nimport useBannerContext from \"../../providers/hooks/useBannerContext\";\n\nconst useNotificationsEventListener = () => {\n  const { enqueueSnackbar } = useHvSnackbar();\n  const { show } = useBannerContext();\n\n  const handleCustomEventSnackbar = (\n    notification: HvAppShellEventNotification\n  ) => {\n    const { message, variant, actions, actionsCallback } = notification;\n\n    let snackbarContentProps;\n    if (actions) {\n      snackbarContentProps = {\n        action: Array.isArray(actions) ? actions[0] : actions,\n        actionCallback: actionsCallback\n      };\n    }\n\n    if (message) {\n      enqueueSnackbar(message, {\n        variant: variant ?? \"default\",\n\n        snackbarContentProps\n      });\n    }\n  };\n\n  const handleCustomEventBanner = (\n    notification: HvAppShellEventNotification\n  ) => {\n    if (notification.message) {\n      show(notification);\n    }\n  };\n\n  const handleNotificationEvent = (\n    event: CustomEvent<HvAppShellEventNotification>\n  ) => {\n    const notificationEvent = event.detail;\n    switch (notificationEvent.type) {\n      case \"snackbar\":\n        handleCustomEventSnackbar(notificationEvent);\n        break;\n      case \"banner\":\n        handleCustomEventBanner(notificationEvent);\n        break;\n      default:\n        console.warn(\"Invalid notification type\", notificationEvent.type);\n    }\n  };\n\n  return { handleNotificationEvent };\n};\n\nexport default useNotificationsEventListener;\n"],"names":["useNotificationsEventListener","enqueueSnackbar","useHvSnackbar","show","useBannerContext","handleCustomEventSnackbar","notification","message","variant","actions","actionsCallback","snackbarContentProps","action","Array","isArray","actionCallback","handleCustomEventBanner","handleNotificationEvent","event","notificationEvent","detail","type","warn","useNotificationsEventListener$1"],"mappings":";;AAKA,MAAMA,IAAgCA,MAAM;AACpC,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,MAAoBC,EAAc,GACpC;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAiB,GAE5BC,IAA4BA,CAChCC,MACG;AACG,UAAA;AAAA,MAAEC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,iBAAAA;AAAAA,IAAoBJ,IAAAA;AAEnDK,QAAAA;AACJ,IAAIF,MACqBE,IAAA;AAAA,MACrBC,QAAQC,MAAMC,QAAQL,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAAA,MAC9CM,gBAAgBL;AAAAA,IAAAA,IAIhBH,KACFN,EAAgBM,GAAS;AAAA,MACvBC,SAASA,KAAW;AAAA,MAEpBG,sBAAAA;AAAAA,IAAAA,CACD;AAAA,EACH,GAGIK,IAA0BA,CAC9BV,MACG;AACH,IAAIA,EAAaC,WACfJ,EAAKG,CAAY;AAAA,EACnB;AAmBK,SAAA;AAAA,IAAEW,yBAhBuBA,CAC9BC,MACG;AACH,YAAMC,IAAoBD,EAAME;AAChC,cAAQD,EAAkBE,MAAI;AAAA,QAC5B,KAAK;AACHhB,UAAAA,EAA0Bc,CAAiB;AAC3C;AAAA,QACF,KAAK;AACHH,UAAAA,EAAwBG,CAAiB;AACzC;AAAA,QACF;AACUG,kBAAAA,KAAK,6BAA6BH,EAAkBE,IAAI;AAAA,MACpE;AAAA,IAAA;AAAA,EAGOJ;AACX,GAEAM,IAAevB;"}
+{"version":3,"file":"useNotificationsEventListener.js","sources":["../../../../src/lib/hooks/useNotificationsEventListener.ts"],"sourcesContent":["import { useHvSnackbar } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\n\nimport useBannerContext from \"../../providers/hooks/useBannerContext\";\n\nconst useNotificationsEventListener = () => {\n  const { enqueueSnackbar } = useHvSnackbar();\n  const { show } = useBannerContext();\n\n  const handleCustomEventSnackbar = (\n    notification: HvAppShellEventNotification\n  ) => {\n    const { message, variant, actions, actionsCallback } = notification;\n\n    let snackbarContentProps;\n    if (actions) {\n      snackbarContentProps = {\n        action: Array.isArray(actions) ? actions[0] : actions,\n        actionCallback: actionsCallback\n      };\n    }\n\n    if (message) {\n      enqueueSnackbar(message, {\n        variant: variant ?? \"default\",\n\n        snackbarContentProps\n      });\n    }\n  };\n\n  const handleCustomEventBanner = (\n    notification: HvAppShellEventNotification\n  ) => {\n    if (notification.message) {\n      show(notification);\n    }\n  };\n\n  const handleNotificationEvent = (\n    event: CustomEvent<HvAppShellEventNotification>\n  ) => {\n    const notificationEvent = event.detail;\n    switch (notificationEvent.type) {\n      case \"snackbar\":\n        handleCustomEventSnackbar(notificationEvent);\n        break;\n      case \"banner\":\n        handleCustomEventBanner(notificationEvent);\n        break;\n      default:\n        console.warn(\"Invalid notification type\", notificationEvent.type);\n    }\n  };\n\n  return { handleNotificationEvent };\n};\n\nexport default useNotificationsEventListener;\n"],"names":["useNotificationsEventListener","enqueueSnackbar","useHvSnackbar","show","useBannerContext","handleCustomEventSnackbar","notification","message","variant","actions","actionsCallback","snackbarContentProps","action","Array","isArray","actionCallback","handleCustomEventBanner","handleNotificationEvent","event","notificationEvent","detail","type","warn"],"mappings":";;AAKA,MAAMA,IAAgCA,MAAM;AACpC,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,MAAoBC,EAAc,GACpC;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAiB,GAE5BC,IAA4BA,CAChCC,MACG;AACG,UAAA;AAAA,MAAEC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,iBAAAA;AAAAA,IAAoBJ,IAAAA;AAEnDK,QAAAA;AACJ,IAAIF,MACqBE,IAAA;AAAA,MACrBC,QAAQC,MAAMC,QAAQL,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAAA,MAC9CM,gBAAgBL;AAAAA,IAAAA,IAIhBH,KACFN,EAAgBM,GAAS;AAAA,MACvBC,SAASA,KAAW;AAAA,MAEpBG,sBAAAA;AAAAA,IAAAA,CACD;AAAA,EACH,GAGIK,IAA0BA,CAC9BV,MACG;AACH,IAAIA,EAAaC,WACfJ,EAAKG,CAAY;AAAA,EACnB;AAmBK,SAAA;AAAA,IAAEW,yBAhBuBA,CAC9BC,MACG;AACH,YAAMC,IAAoBD,EAAME;AAChC,cAAQD,EAAkBE,MAAI;AAAA,QAC5B,KAAK;AACHhB,UAAAA,EAA0Bc,CAAiB;AAC3C;AAAA,QACF,KAAK;AACHH,UAAAA,EAAwBG,CAAiB;AACzC;AAAA,QACF;AACUG,kBAAAA,KAAK,6BAA6BH,EAAkBE,IAAI;AAAA,MACpE;AAAA,IAAA;AAAA,EAGOJ;AACX;"}

package/dist/esm/lib/hooks/useThemeEventListener.js

@@ -1,27 +1,27 @@
 import { useTheme as h } from "@hitachivantara/uikit-react-core";
 import m, { LOCAL_STORAGE_KEYS as a } from "./useLocalStorage.js";
-const i = () => {
+const O = () => {
   const {
     selectedTheme: s,
     changeTheme: d,
     selectedMode: r,
-    colorModes: t
+    colorModes: o
   } = h(), {
     setStoredValue: c
   } = m(a.COLOR_MODE), l = () => {
-    const e = (t.indexOf(r) + 1) % t.length;
-    return t[e];
+    const e = (o.indexOf(r) + 1) % o.length;
+    return o[e];
   };
   return {
-    handleThemeEvent: (o) => {
+    handleThemeEvent: (t) => {
       const {
         colorMode: e
-      } = o.detail, n = !e || t.indexOf(e) === -1 ? l() : e;
+      } = t.detail, n = !e || o.indexOf(e) === -1 ? l() : e;
       d(s, n), c(n);
     }
   };
-}, E = i;
+};
 export {
-  E as default
+  O as default
 };
 //# sourceMappingURL=useThemeEventListener.js.map

package/dist/esm/lib/hooks/useThemeEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeEventListener.js","sources":["../../../../src/lib/hooks/useThemeEventListener.ts"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvAppShellEventTheme } from \"@hitachivantara/app-shell-events\";\nimport useLocalStorage, { LOCAL_STORAGE_KEYS } from \"./useLocalStorage\";\n\nconst useThemeEventListener = () => {\n  const { selectedTheme, changeTheme, selectedMode, colorModes } = useTheme();\n  const { setStoredValue } = useLocalStorage(LOCAL_STORAGE_KEYS.COLOR_MODE);\n\n  const getNextColorMode = () => {\n    const index = colorModes.indexOf(selectedMode);\n\n    const nextIndex = (index + 1) % colorModes.length;\n    return colorModes[nextIndex];\n  };\n\n  const handleThemeEvent = (event: CustomEvent<HvAppShellEventTheme>) => {\n    const { colorMode } = event.detail;\n    const newColorMode =\n      !colorMode || colorModes.indexOf(colorMode) === -1\n        ? getNextColorMode()\n        : colorMode;\n\n    // For now we only want to change the colorMode\n    changeTheme(selectedTheme, newColorMode);\n    setStoredValue(newColorMode);\n  };\n\n  return { handleThemeEvent };\n};\n\nexport default useThemeEventListener;\n"],"names":["useThemeEventListener","selectedTheme","changeTheme","selectedMode","colorModes","useTheme","setStoredValue","useLocalStorage","LOCAL_STORAGE_KEYS","COLOR_MODE","getNextColorMode","nextIndex","indexOf","length","handleThemeEvent","event","colorMode","detail","newColorMode","useThemeEventListener$1"],"mappings":";;AAKA,MAAMA,IAAwBA,MAAM;AAC5B,QAAA;AAAA,IAAEC,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,YAAAA;AAAAA,MAAeC,EAAS,GACpE;AAAA,IAAEC,gBAAAA;AAAAA,EAAAA,IAAmBC,EAAgBC,EAAmBC,UAAU,GAElEC,IAAmBA,MAAM;AAGvBC,UAAAA,KAFQP,EAAWQ,QAAQT,CAAY,IAElB,KAAKC,EAAWS;AAC3C,WAAOT,EAAWO,CAAS;AAAA,EAAA;AAetB,SAAA;AAAA,IAAEG,kBAZgBA,CAACC,MAA6C;AAC/D,YAAA;AAAA,QAAEC,WAAAA;AAAAA,MAAAA,IAAcD,EAAME,QACtBC,IACJ,CAACF,KAAaZ,EAAWQ,QAAQI,CAAS,MAAM,KAC5CN,EACAM,IAAAA;AAGNd,MAAAA,EAAYD,GAAeiB,CAAY,GACvCZ,EAAeY,CAAY;AAAA,IAAA;AAAA,EAGpBJ;AACX,GAEAK,IAAenB;"}
+{"version":3,"file":"useThemeEventListener.js","sources":["../../../../src/lib/hooks/useThemeEventListener.ts"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvAppShellEventTheme } from \"@hitachivantara/app-shell-events\";\nimport useLocalStorage, { LOCAL_STORAGE_KEYS } from \"./useLocalStorage\";\n\nconst useThemeEventListener = () => {\n  const { selectedTheme, changeTheme, selectedMode, colorModes } = useTheme();\n  const { setStoredValue } = useLocalStorage(LOCAL_STORAGE_KEYS.COLOR_MODE);\n\n  const getNextColorMode = () => {\n    const index = colorModes.indexOf(selectedMode);\n\n    const nextIndex = (index + 1) % colorModes.length;\n    return colorModes[nextIndex];\n  };\n\n  const handleThemeEvent = (event: CustomEvent<HvAppShellEventTheme>) => {\n    const { colorMode } = event.detail;\n    const newColorMode =\n      !colorMode || colorModes.indexOf(colorMode) === -1\n        ? getNextColorMode()\n        : colorMode;\n\n    // For now we only want to change the colorMode\n    changeTheme(selectedTheme, newColorMode);\n    setStoredValue(newColorMode);\n  };\n\n  return { handleThemeEvent };\n};\n\nexport default useThemeEventListener;\n"],"names":["useThemeEventListener","selectedTheme","changeTheme","selectedMode","colorModes","useTheme","setStoredValue","useLocalStorage","LOCAL_STORAGE_KEYS","COLOR_MODE","getNextColorMode","nextIndex","indexOf","length","handleThemeEvent","event","colorMode","detail","newColorMode"],"mappings":";;AAKA,MAAMA,IAAwBA,MAAM;AAC5B,QAAA;AAAA,IAAEC,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,YAAAA;AAAAA,MAAeC,EAAS,GACpE;AAAA,IAAEC,gBAAAA;AAAAA,EAAAA,IAAmBC,EAAgBC,EAAmBC,UAAU,GAElEC,IAAmBA,MAAM;AAGvBC,UAAAA,KAFQP,EAAWQ,QAAQT,CAAY,IAElB,KAAKC,EAAWS;AAC3C,WAAOT,EAAWO,CAAS;AAAA,EAAA;AAetB,SAAA;AAAA,IAAEG,kBAZgBA,CAACC,MAA6C;AAC/D,YAAA;AAAA,QAAEC,WAAAA;AAAAA,MAAAA,IAAcD,EAAME,QACtBC,IACJ,CAACF,KAAaZ,EAAWQ,QAAQI,CAAS,MAAM,KAC5CN,EACAM,IAAAA;AAGNd,MAAAA,EAAYD,GAAeiB,CAAY,GACvCZ,EAAeY,CAAY;AAAA,IAAA;AAAA,EAGpBJ;AACX;"}

package/dist/esm/lib/i18n/index.js

@@ -3,12 +3,12 @@ import { initReactI18next as d } from "react-i18next";
 import u from "i18next-browser-languagedetector";
 import i from "./localization/en.json.js";
 import l from "./localization/pt.json.js";
-const t = "appShell", g = (e, n, r) => {
+const t = "appShell", x = (e, n, r) => {
   Object.entries(n).forEach((o) => {
     const [a, c] = o;
     e.addResourceBundle(a, r ?? t, c);
   });
-}, m = () => {
+}, B = () => {
   const e = s.createInstance();
   return e.use(u).use(d).init({
     defaultNS: t,
@@ -20,10 +20,10 @@ const t = "appShell", g = (e, n, r) => {
   }), e.addResourceBundle("en", t, i), e.addResourceBundle("pt", t, l), {
     i18n: e
   };
-}, B = m;
+};
 export {
   t as APP_SHELL_NAMESPACE,
-  g as addResourceBundles,
+  x as addResourceBundles,
   B as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/lib/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/i18n/index.ts"],"sourcesContent":["import i18next, { i18n } from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport en from \"./localization/en.json\";\nimport pt from \"./localization/pt.json\";\n\nexport const APP_SHELL_NAMESPACE = \"appShell\";\nexport const addResourceBundles = (\n  i18nInstance: i18n,\n  bundles: Record<string, object>,\n  namespace?: string\n) => {\n  Object.entries(bundles).forEach(entry => {\n    const [key, value] = entry;\n    i18nInstance.addResourceBundle(\n      key,\n      namespace ?? APP_SHELL_NAMESPACE,\n      value\n    );\n  });\n};\n\nconst createI18Next = () => {\n  const newInstance = i18next.createInstance();\n  newInstance\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      defaultNS: APP_SHELL_NAMESPACE,\n      fallbackLng: \"en\",\n      detection: { order: [\"navigator\"] },\n      resources: {}\n    });\n\n  newInstance.addResourceBundle(\"en\", APP_SHELL_NAMESPACE, en);\n  newInstance.addResourceBundle(\"pt\", APP_SHELL_NAMESPACE, pt);\n\n  return {\n    i18n: newInstance\n  };\n};\n\nexport default createI18Next;\n"],"names":["APP_SHELL_NAMESPACE","addResourceBundles","i18nInstance","bundles","namespace","Object","entries","forEach","entry","key","value","addResourceBundle","createI18Next","newInstance","i18next","createInstance","use","LanguageDetector","initReactI18next","init","defaultNS","fallbackLng","detection","order","resources","en","pt","i18n","createI18Next$1"],"mappings":";;;;;AAMO,MAAMA,IAAsB,YACtBC,IAAqBA,CAChCC,GACAC,GACAC,MACG;AACHC,SAAOC,QAAQH,CAAO,EAAEI,QAAQC,CAASA,MAAA;AACjC,UAAA,CAACC,GAAKC,CAAK,IAAIF;AACrBN,IAAAA,EAAaS,kBACXF,GACAL,KAAaJ,GACbU,CACF;AAAA,EAAA,CACD;AACH,GAEME,IAAgBA,MAAM;AACpBC,QAAAA,IAAcC,EAAQC;AAC5BF,SAAAA,EACGG,IAAIC,CAAgB,EACpBD,IAAIE,CAAgB,EACpBC,KAAK;AAAA,IACJC,WAAWpB;AAAAA,IACXqB,aAAa;AAAA,IACbC,WAAW;AAAA,MAAEC,OAAO,CAAC,WAAW;AAAA,IAAE;AAAA,IAClCC,WAAW,CAAC;AAAA,EAAA,CACb,GAESb,EAAAA,kBAAkB,MAAMX,GAAqByB,CAAE,GAC/Cd,EAAAA,kBAAkB,MAAMX,GAAqB0B,CAAE,GAEpD;AAAA,IACLC,MAAMd;AAAAA,EAAAA;AAEV,GAEAe,IAAehB;"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/i18n/index.ts"],"sourcesContent":["import i18next, { i18n } from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport en from \"./localization/en.json\";\nimport pt from \"./localization/pt.json\";\n\nexport const APP_SHELL_NAMESPACE = \"appShell\";\nexport const addResourceBundles = (\n  i18nInstance: i18n,\n  bundles: Record<string, object>,\n  namespace?: string\n) => {\n  Object.entries(bundles).forEach(entry => {\n    const [key, value] = entry;\n    i18nInstance.addResourceBundle(\n      key,\n      namespace ?? APP_SHELL_NAMESPACE,\n      value\n    );\n  });\n};\n\nconst createI18Next = () => {\n  const newInstance = i18next.createInstance();\n  newInstance\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      defaultNS: APP_SHELL_NAMESPACE,\n      fallbackLng: \"en\",\n      detection: { order: [\"navigator\"] },\n      resources: {}\n    });\n\n  newInstance.addResourceBundle(\"en\", APP_SHELL_NAMESPACE, en);\n  newInstance.addResourceBundle(\"pt\", APP_SHELL_NAMESPACE, pt);\n\n  return {\n    i18n: newInstance\n  };\n};\n\nexport default createI18Next;\n"],"names":["APP_SHELL_NAMESPACE","addResourceBundles","i18nInstance","bundles","namespace","Object","entries","forEach","entry","key","value","addResourceBundle","createI18Next","newInstance","i18next","createInstance","use","LanguageDetector","initReactI18next","init","defaultNS","fallbackLng","detection","order","resources","en","pt","i18n"],"mappings":";;;;;AAMO,MAAMA,IAAsB,YACtBC,IAAqBA,CAChCC,GACAC,GACAC,MACG;AACHC,SAAOC,QAAQH,CAAO,EAAEI,QAAQC,CAASA,MAAA;AACjC,UAAA,CAACC,GAAKC,CAAK,IAAIF;AACrBN,IAAAA,EAAaS,kBACXF,GACAL,KAAaJ,GACbU,CACF;AAAA,EAAA,CACD;AACH,GAEME,IAAgBA,MAAM;AACpBC,QAAAA,IAAcC,EAAQC;AAC5BF,SAAAA,EACGG,IAAIC,CAAgB,EACpBD,IAAIE,CAAgB,EACpBC,KAAK;AAAA,IACJC,WAAWpB;AAAAA,IACXqB,aAAa;AAAA,IACbC,WAAW;AAAA,MAAEC,OAAO,CAAC,WAAW;AAAA,IAAE;AAAA,IAClCC,WAAW,CAAC;AAAA,EAAA,CACb,GAESb,EAAAA,kBAAkB,MAAMX,GAAqByB,CAAE,GAC/Cd,EAAAA,kBAAkB,MAAMX,GAAqB0B,CAAE,GAEpD;AAAA,IACLC,MAAMd;AAAAA,EAAAA;AAEV;"}

package/dist/esm/lib/utils/basePathUtils.js

@@ -1,5 +1,5 @@
-const e = (t) => (t == null ? void 0 : t.baseUrl) ?? "/", a = e;
+const t = (e) => (e == null ? void 0 : e.baseUrl) ?? "/";
 export {
-  a as default
+  t as default
 };
 //# sourceMappingURL=basePathUtils.js.map

package/dist/esm/lib/utils/basePathUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"basePathUtils.js","sources":["../../../../src/lib/utils/basePathUtils.ts"],"sourcesContent":["import { HvAppShellConfig } from \"@hitachivantara/app-shell-shared\";\n\n/**\n * Returns the app base path.\n * - The path is calculated by returning the sub-path value for the main app.\n * - Main app is the first app that baseUrl matches window.location\n * - App baseUrl don't have case restrictions\n * - If the main app is not discovered, returns \"/\"\n *\n * @return The main app baseUrl, or \"/\" otherwise. Value is always returned in lowercase.\n * @param config The app configuration definition\n */\nconst getBasePath = (config: HvAppShellConfig) => {\n  return config?.baseUrl ?? \"/\";\n};\n\nexport default getBasePath;\n"],"names":["getBasePath","config","baseUrl","getBasePath$1"],"mappings":"AAYA,MAAMA,IAAcA,CAACC,OACZA,KAAAA,gBAAAA,EAAQC,YAAW,KAG5BC,IAAeH;"}
+{"version":3,"file":"basePathUtils.js","sources":["../../../../src/lib/utils/basePathUtils.ts"],"sourcesContent":["import { HvAppShellConfig } from \"@hitachivantara/app-shell-shared\";\n\n/**\n * Returns the app base path.\n * - The path is calculated by returning the sub-path value for the main app.\n * - Main app is the first app that baseUrl matches window.location\n * - App baseUrl don't have case restrictions\n * - If the main app is not discovered, returns \"/\"\n *\n * @return The main app baseUrl, or \"/\" otherwise. Value is always returned in lowercase.\n * @param config The app configuration definition\n */\nconst getBasePath = (config: HvAppShellConfig) => {\n  return config?.baseUrl ?? \"/\";\n};\n\nexport default getBasePath;\n"],"names":["getBasePath","config","baseUrl"],"mappings":"AAYMA,MAAAA,IAAcA,CAACC,OACZA,KAAAA,gBAAAA,EAAQC,YAAW;"}

package/dist/esm/lib/utils/documentUtil.js

@@ -2,8 +2,8 @@ const a = (t) => {
   const n = "app-shell-panel-container";
   let e = document.getElementById(t ?? n);
   return e || (e = document.createElement("div"), e.id = n, document.body.appendChild(e)), e;
-}, l = a;
+};
 export {
-  l as default
+  a as default
 };
 //# sourceMappingURL=documentUtil.js.map

package/dist/esm/lib/utils/documentUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"documentUtil.js","sources":["../../../../src/lib/utils/documentUtil.ts"],"sourcesContent":["const createAppContainerElement = (id?: string): HTMLElement => {\n  const panelContainerId = \"app-shell-panel-container\";\n  let panelContainerElement = document.getElementById(id ?? panelContainerId);\n\n  if (!panelContainerElement) {\n    panelContainerElement = document.createElement(\"div\");\n    panelContainerElement.id = panelContainerId;\n    document.body.appendChild(panelContainerElement);\n  }\n\n  return panelContainerElement;\n};\n\nexport default createAppContainerElement;\n"],"names":["createAppContainerElement","id","panelContainerId","panelContainerElement","document","getElementById","createElement","body","appendChild","createAppContainerElement$1"],"mappings":"AAAA,MAAMA,IAA4BA,CAACC,MAA6B;AAC9D,QAAMC,IAAmB;AACzB,MAAIC,IAAwBC,SAASC,eAAeJ,KAAMC,CAAgB;AAE1E,SAAKC,MACqBC,IAAAA,SAASE,cAAc,KAAK,GACpDH,EAAsBF,KAAKC,GAClBK,SAAAA,KAAKC,YAAYL,CAAqB,IAG1CA;AACT,GAEAM,IAAeT;"}
+{"version":3,"file":"documentUtil.js","sources":["../../../../src/lib/utils/documentUtil.ts"],"sourcesContent":["const createAppContainerElement = (id?: string): HTMLElement => {\n  const panelContainerId = \"app-shell-panel-container\";\n  let panelContainerElement = document.getElementById(id ?? panelContainerId);\n\n  if (!panelContainerElement) {\n    panelContainerElement = document.createElement(\"div\");\n    panelContainerElement.id = panelContainerId;\n    document.body.appendChild(panelContainerElement);\n  }\n\n  return panelContainerElement;\n};\n\nexport default createAppContainerElement;\n"],"names":["createAppContainerElement","id","panelContainerId","panelContainerElement","document","getElementById","createElement","body","appendChild"],"mappings":"AAAMA,MAAAA,IAA4BA,CAACC,MAA6B;AAC9D,QAAMC,IAAmB;AACzB,MAAIC,IAAwBC,SAASC,eAAeJ,KAAMC,CAAgB;AAE1E,SAAKC,MACqBC,IAAAA,SAASE,cAAc,KAAK,GACpDH,EAAsBF,KAAKC,GAClBK,SAAAA,KAAKC,YAAYL,CAAqB,IAG1CA;AACT;"}

package/dist/esm/lib/utils/textUtil.js

@@ -1,5 +1,5 @@
-const e = (n, t) => n.includes(t), s = e;
+const t = (e, n) => e.includes(n);
 export {
-  s as default
+  t as default
 };
 //# sourceMappingURL=textUtil.js.map

package/dist/esm/lib/utils/textUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"textUtil.js","sources":["../../../../src/lib/utils/textUtil.ts"],"sourcesContent":["/**\n * Checks if a search string (can be a single character or a string sequence) may be found within the given value string.\n * @param value The string to be checked if contains the search value\n * @param searchParam The string\n */\nconst includesString = (value: string, searchParam: string): boolean => {\n  return value.includes(searchParam);\n};\n\nexport default includesString;\n"],"names":["includesString","value","searchParam","includes","includesString$1"],"mappings":"AAKA,MAAMA,IAAiBA,CAACC,GAAeC,MAC9BD,EAAME,SAASD,CAAW,GAGnCE,IAAeJ;"}
+{"version":3,"file":"textUtil.js","sources":["../../../../src/lib/utils/textUtil.ts"],"sourcesContent":["/**\n * Checks if a search string (can be a single character or a string sequence) may be found within the given value string.\n * @param value The string to be checked if contains the search value\n * @param searchParam The string\n */\nconst includesString = (value: string, searchParam: string): boolean => {\n  return value.includes(searchParam);\n};\n\nexport default includesString;\n"],"names":["includesString","value","searchParam","includes"],"mappings":"AAKMA,MAAAA,IAAiBA,CAACC,GAAeC,MAC9BD,EAAME,SAASD,CAAW;"}

package/dist/esm/pages/ErrorPage/styles.js

@@ -1,24 +1,23 @@
 import b from "@emotion/styled/base";
 import { theme as c } from "@hitachivantara/uikit-react-core";
-import { SUB_HEADER_HEIGHT as W } from "../../components/layout/Main/styles.js";
-function I() {
+function W() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const X = ({
+const G = ({
   showHeaderSubMenu: l,
-  isCompactMode: Z,
-  fullPage: G
-}) => G ? "100vh" : l && !Z ? `calc(100vh - (${c.header.height} + ${W}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, H = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
+  isCompactMode: d,
+  fullPage: Z
+}) => Z ? "100vh" : l && !d ? `calc(100vh - (${c.header.height} + ${c.header.secondLevelHeight}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, y = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
   target: "e18ahwyt2"
 } : {
   target: "e18ahwyt2",
   label: "StyledErrorPage"
-})("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => X(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZEVycm9yUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbiAgZnVsbFBhZ2U/OiBib29sZWFuO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VXcmFwcGVyUHJvcHMge1xyXG4gIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlcyB0aGUgaGVpZ2h0IG9mIHRoZSBpbWFnZSB3cmFwcGVyIGJhc2VkIG9uIHRoZSBoZWFkZXIgc3ViIG1lbnUgYW5kIGNvbXBhY3QgbW9kZS5cclxuICovXHJcbmNvbnN0IGNhbGNIZWlnaHQgPSAoe1xyXG4gIHNob3dIZWFkZXJTdWJNZW51LFxyXG4gIGlzQ29tcGFjdE1vZGUsXHJcbiAgZnVsbFBhZ2VcclxufTogU3R5bGVkRXJyb3JQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoZnVsbFBhZ2UpIHtcclxuICAgIHJldHVybiBgMTAwdmhgO1xyXG4gIH1cclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), t = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
+})("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => G(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmludGVyZmFjZSBTdHlsZWRJbWFnZVdyYXBwZXJQcm9wcyB7XHJcbiAgYmFja2dyb3VuZEltYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZSxcclxuICBmdWxsUGFnZVxyXG59OiBTdHlsZWRFcnJvclBhZ2VQcm9wcykgPT4ge1xyXG4gIGlmIChmdWxsUGFnZSkge1xyXG4gICAgcmV0dXJuIGAxMDB2aGA7XHJcbiAgfVxyXG4gIGlmIChzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZSkge1xyXG4gICAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), I = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
   target: "e18ahwyt1"
 } : {
   target: "e18ahwyt1",
   label: "StyledImageWrapper"
-})("flex:1;display:flex;background-image:", (l) => l.backgroundImage, ";background-size:contain;background-position:center center;background-repeat:no-repeat;flex-direction:column;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDOEQiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZEVycm9yUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbiAgZnVsbFBhZ2U/OiBib29sZWFuO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VXcmFwcGVyUHJvcHMge1xyXG4gIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlcyB0aGUgaGVpZ2h0IG9mIHRoZSBpbWFnZSB3cmFwcGVyIGJhc2VkIG9uIHRoZSBoZWFkZXIgc3ViIG1lbnUgYW5kIGNvbXBhY3QgbW9kZS5cclxuICovXHJcbmNvbnN0IGNhbGNIZWlnaHQgPSAoe1xyXG4gIHNob3dIZWFkZXJTdWJNZW51LFxyXG4gIGlzQ29tcGFjdE1vZGUsXHJcbiAgZnVsbFBhZ2VcclxufTogU3R5bGVkRXJyb3JQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoZnVsbFBhZ2UpIHtcclxuICAgIHJldHVybiBgMTAwdmhgO1xyXG4gIH1cclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), V = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
+})("flex:1;display:flex;background-image:", (l) => l.backgroundImage, ";background-size:contain;background-position:center center;background-repeat:no-repeat;flex-direction:column;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDOEQiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmludGVyZmFjZSBTdHlsZWRJbWFnZVdyYXBwZXJQcm9wcyB7XHJcbiAgYmFja2dyb3VuZEltYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZSxcclxuICBmdWxsUGFnZVxyXG59OiBTdHlsZWRFcnJvclBhZ2VQcm9wcykgPT4ge1xyXG4gIGlmIChmdWxsUGFnZSkge1xyXG4gICAgcmV0dXJuIGAxMDB2aGA7XHJcbiAgfVxyXG4gIGlmIChzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZSkge1xyXG4gICAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), t = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
   target: "e18ahwyt0"
 } : {
   target: "e18ahwyt0",
@@ -29,12 +28,12 @@ const X = ({
 } : {
   name: "1azakc",
   styles: "text-align:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EcUMiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZEVycm9yUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbiAgZnVsbFBhZ2U/OiBib29sZWFuO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VXcmFwcGVyUHJvcHMge1xyXG4gIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlcyB0aGUgaGVpZ2h0IG9mIHRoZSBpbWFnZSB3cmFwcGVyIGJhc2VkIG9uIHRoZSBoZWFkZXIgc3ViIG1lbnUgYW5kIGNvbXBhY3QgbW9kZS5cclxuICovXHJcbmNvbnN0IGNhbGNIZWlnaHQgPSAoe1xyXG4gIHNob3dIZWFkZXJTdWJNZW51LFxyXG4gIGlzQ29tcGFjdE1vZGUsXHJcbiAgZnVsbFBhZ2VcclxufTogU3R5bGVkRXJyb3JQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoZnVsbFBhZ2UpIHtcclxuICAgIHJldHVybiBgMTAwdmhgO1xyXG4gIH1cclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */",
-  toString: I
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEcUMiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmludGVyZmFjZSBTdHlsZWRJbWFnZVdyYXBwZXJQcm9wcyB7XHJcbiAgYmFja2dyb3VuZEltYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZSxcclxuICBmdWxsUGFnZVxyXG59OiBTdHlsZWRFcnJvclBhZ2VQcm9wcykgPT4ge1xyXG4gIGlmIChmdWxsUGFnZSkge1xyXG4gICAgcmV0dXJuIGAxMDB2aGA7XHJcbiAgfVxyXG4gIGlmIChzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZSkge1xyXG4gICAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */",
+  toString: W
 });
 export {
-  H as StyledErrorPage,
-  t as StyledImageWrapper,
-  V as StyledTitleWrapper
+  y as StyledErrorPage,
+  I as StyledImageWrapper,
+  t as StyledTitleWrapper
 };
 //# sourceMappingURL=styles.js.map

package/dist/esm/pages/ErrorPage/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/pages/ErrorPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\nimport { SUB_HEADER_HEIGHT } from \"../../components/layout/Main/styles\";\r\n\r\ninterface StyledErrorPageProps {\r\n  showHeaderSubMenu?: boolean;\r\n  isCompactMode?: boolean;\r\n  fullPage?: boolean;\r\n}\r\n\r\ninterface StyledImageWrapperProps {\r\n  backgroundImage: string;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n  showHeaderSubMenu,\r\n  isCompactMode,\r\n  fullPage\r\n}: StyledErrorPageProps) => {\r\n  if (fullPage) {\r\n    return `100vh`;\r\n  }\r\n  if (showHeaderSubMenu && !isCompactMode) {\r\n    return `calc(100vh - (${theme.header.height} + ${SUB_HEADER_HEIGHT}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n  }\r\n  return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledErrorPage = styled.div<StyledErrorPageProps>`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: ${theme.space.lg};\r\n  height: ${(props: StyledErrorPageProps) => calcHeight(props)};\r\n`;\r\n\r\nconst StyledImageWrapper = styled.div<StyledImageWrapperProps>`\r\n  flex: 1;\r\n  display: flex;\r\n  background-image: ${props => props.backgroundImage};\r\n  background-size: contain;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  flex-direction: column;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledTitleWrapper = styled.div`\r\n  text-align: center;\r\n`;\r\n\r\nexport { StyledTitleWrapper, StyledErrorPage, StyledImageWrapper };\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","fullPage","theme","header","height","SUB_HEADER_HEIGHT","space","lg","StyledErrorPage","_styled","process","env","NODE_ENV","target","label","props","StyledImageWrapper","backgroundImage","StyledTitleWrapper","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;AAmBA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA;AACoB,MAChBA,IACM,UAENF,KAAqB,CAACC,IAChB,iBAAgBE,EAAMC,OAAOC,MAAO,MAAKC,CAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEvG,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAILZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAgCjB,EAAWiB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC7D,eAAA,KAAA,smFAAA,GAEKI,IAAkB,gBAAAP,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAGFC,EAAAA,yCAAAA,CAAAA,MAASA,EAAME,iBAAeP,+HAAAA,QAAAC,IAAAC,aAMnD,eAAA,KAAA,smFAAA,GAEKM,IAAkB,gBAAAT,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAO,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvB;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/pages/ErrorPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\ninterface StyledErrorPageProps {\r\n  showHeaderSubMenu?: boolean;\r\n  isCompactMode?: boolean;\r\n  fullPage?: boolean;\r\n}\r\n\r\ninterface StyledImageWrapperProps {\r\n  backgroundImage: string;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n  showHeaderSubMenu,\r\n  isCompactMode,\r\n  fullPage\r\n}: StyledErrorPageProps) => {\r\n  if (fullPage) {\r\n    return `100vh`;\r\n  }\r\n  if (showHeaderSubMenu && !isCompactMode) {\r\n    return `calc(100vh - (${theme.header.height} + ${theme.header.secondLevelHeight}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n  }\r\n  return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledErrorPage = styled.div<StyledErrorPageProps>`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: ${theme.space.lg};\r\n  height: ${(props: StyledErrorPageProps) => calcHeight(props)};\r\n`;\r\n\r\nconst StyledImageWrapper = styled.div<StyledImageWrapperProps>`\r\n  flex: 1;\r\n  display: flex;\r\n  background-image: ${props => props.backgroundImage};\r\n  background-size: contain;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  flex-direction: column;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledTitleWrapper = styled.div`\r\n  text-align: center;\r\n`;\r\n\r\nexport { StyledTitleWrapper, StyledErrorPage, StyledImageWrapper };\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","fullPage","theme","header","height","secondLevelHeight","space","lg","StyledErrorPage","_styled","process","env","NODE_ENV","target","label","props","StyledImageWrapper","backgroundImage","StyledTitleWrapper","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;AAiBA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA;AACoB,MAChBA,IACM,UAENF,KAAqB,CAACC,IAChB,iBAAgBE,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEpH,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAILZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAgCjB,EAAWiB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC7D,eAAA,KAAA,0gFAAA,GAEKI,IAAkB,gBAAAP,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAGFC,EAAAA,yCAAAA,CAAAA,MAASA,EAAME,iBAAeP,+HAAAA,QAAAC,IAAAC,aAMnD,eAAA,KAAA,0gFAAA,GAEKM,IAAkB,gBAAAT,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAO,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvB;"}

package/dist/esm/pages/LoadingPage/styles.js

@@ -1,16 +1,15 @@
 import G from "@emotion/styled/base";
 import { theme as c } from "@hitachivantara/uikit-react-core";
-import { SUB_HEADER_HEIGHT as Z } from "../../components/layout/Main/styles.js";
-const a = ({
+const b = ({
   showHeaderSubMenu: l,
-  isCompactMode: b
-}) => l && !b ? `calc(100vh - (${c.header.height} + ${Z}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, X = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+  isCompactMode: Z
+}) => l && !Z ? `calc(100vh - (${c.header.height} + ${c.header.secondLevelHeight}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, a = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
   target: "e1y8bo8h0"
 } : {
   target: "e1y8bo8h0",
   label: "StyledLoadingPage"
-})("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => a(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9Mb2FkaW5nUGFnZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I0RCIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcGFnZXMvTG9hZGluZ1BhZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcblxyXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xyXG5cclxuaW1wb3J0IHsgU1VCX0hFQURFUl9IRUlHSFQgfSBmcm9tIFwiLi4vLi4vY29tcG9uZW50cy9sYXlvdXQvTWFpbi9zdHlsZXNcIjtcclxuXHJcbmludGVyZmFjZSBTdHlsZWRMb2FkaW5nUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZVxyXG59OiBTdHlsZWRMb2FkaW5nUGFnZVByb3BzKSA9PiB7XHJcbiAgaWYgKHNob3dIZWFkZXJTdWJNZW51ICYmICFpc0NvbXBhY3RNb2RlKSB7XHJcbiAgICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7U1VCX0hFQURFUl9IRUlHSFR9cHggKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG4gIH1cclxuICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbn07XHJcblxyXG5jb25zdCBTdHlsZWRMb2FkaW5nUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkTG9hZGluZ1BhZ2VQcm9wcz5gXHJcbiAgZmxleDogMTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjZS5sZ307XHJcbiAgaGVpZ2h0OiAkeyhwcm9wczogU3R5bGVkTG9hZGluZ1BhZ2VQcm9wcykgPT4gY2FsY0hlaWdodChwcm9wcyl9O1xyXG5gO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgU3R5bGVkTG9hZGluZ1BhZ2U7XHJcbiJdfQ== */")), i = X;
+})("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => b(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9Mb2FkaW5nUGFnZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I0RCIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcGFnZXMvTG9hZGluZ1BhZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcblxyXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZExvYWRpbmdQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIENhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgaW1hZ2Ugd3JhcHBlciBiYXNlZCBvbiB0aGUgaGVhZGVyIHN1YiBtZW51IGFuZCBjb21wYWN0IG1vZGUuXHJcbiAqL1xyXG5jb25zdCBjYWxjSGVpZ2h0ID0gKHtcclxuICBzaG93SGVhZGVyU3ViTWVudSxcclxuICBpc0NvbXBhY3RNb2RlXHJcbn06IFN0eWxlZExvYWRpbmdQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9cHggKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG4gIH1cclxuICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbn07XHJcblxyXG5jb25zdCBTdHlsZWRMb2FkaW5nUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkTG9hZGluZ1BhZ2VQcm9wcz5gXHJcbiAgZmxleDogMTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjZS5sZ307XHJcbiAgaGVpZ2h0OiAkeyhwcm9wczogU3R5bGVkTG9hZGluZ1BhZ2VQcm9wcykgPT4gY2FsY0hlaWdodChwcm9wcyl9O1xyXG5gO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgU3R5bGVkTG9hZGluZ1BhZ2U7XHJcbiJdfQ== */")), e = a;
 export {
-  i as default
+  e as default
 };
 //# sourceMappingURL=styles.js.map

package/dist/esm/pages/LoadingPage/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/pages/LoadingPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\nimport { SUB_HEADER_HEIGHT } from \"../../components/layout/Main/styles\";\r\n\r\ninterface StyledLoadingPageProps {\r\n  showHeaderSubMenu?: boolean;\r\n  isCompactMode?: boolean;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n  showHeaderSubMenu,\r\n  isCompactMode\r\n}: StyledLoadingPageProps) => {\r\n  if (showHeaderSubMenu && !isCompactMode) {\r\n    return `calc(100vh - (${theme.header.height} + ${SUB_HEADER_HEIGHT}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n  }\r\n  return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledLoadingPage = styled.div<StyledLoadingPageProps>`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: ${theme.space.lg};\r\n  height: ${(props: StyledLoadingPageProps) => calcHeight(props)};\r\n`;\r\n\r\nexport default StyledLoadingPage;\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","theme","header","height","SUB_HEADER_HEIGHT","space","lg","StyledLoadingPage","_styled","process","env","NODE_ENV","target","label","props","StyledLoadingPage$1"],"mappings":";;;AAcA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AACsB,MAClBD,KAAqB,CAACC,IAChB,iBAAgBC,EAAMC,OAAOC,MAAO,MAAKC,CAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEvG,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAiB,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAIPZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAkChB,EAAWgB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC/D,eAAA,KAAA,s1DAAA,GAEDI,IAAeR;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/pages/LoadingPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\ninterface StyledLoadingPageProps {\r\n  showHeaderSubMenu?: boolean;\r\n  isCompactMode?: boolean;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n  showHeaderSubMenu,\r\n  isCompactMode\r\n}: StyledLoadingPageProps) => {\r\n  if (showHeaderSubMenu && !isCompactMode) {\r\n    return `calc(100vh - (${theme.header.height} + ${theme.header.secondLevelHeight}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n  }\r\n  return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledLoadingPage = styled.div<StyledLoadingPageProps>`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: ${theme.space.lg};\r\n  height: ${(props: StyledLoadingPageProps) => calcHeight(props)};\r\n`;\r\n\r\nexport default StyledLoadingPage;\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","theme","header","height","secondLevelHeight","space","lg","StyledLoadingPage","_styled","process","env","NODE_ENV","target","label","props","StyledLoadingPage$1"],"mappings":";;AAYA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AACsB,MAClBD,KAAqB,CAACC,IAChB,iBAAgBC,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEpH,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAiB,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAIPZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAkChB,EAAWgB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC/D,eAAA,KAAA,0vDAAA,GAEDI,IAAeR;"}