@hitachivantara/app-shell-ui 2.3.2 → 2.3.3

package/dist/components/layout/Header/Header.js

@@ -1,78 +1,59 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Helmet } from "react-helmet-async";
-import { useTranslation } from "react-i18next";
-import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
-import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
-import { useTheme, HvHeader, HvButton, HvHeaderBrand, HvHeaderNavigation } from "@hitachivantara/uikit-react-core";
+import IconUiKit_default from "../../IconUiKit/IconUiKit.js";
 import { useNavigationContext } from "../../../providers/NavigationProvider.js";
-import IconUiKit from "../../IconUiKit/index.js";
 import { BrandLogo } from "../BrandLogo/BrandLogo.js";
 import HeaderActions from "../HeaderActions/HeaderActions.js";
-const Header = () => {
-  const { i18n } = useHvAppShellRuntimeContext();
-  const { t } = useTranslation(void 0, {
-    i18n,
-    keyPrefix: "header.navigation"
-  });
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
-    i18n
-  });
-  const { navigationMode, name, logo } = useHvAppShellModel();
-  const { activeTheme } = useTheme();
-  const { navigate } = useHvNavigation();
-  const {
-    items,
-    selectedMenuItemId,
-    rootMenuItemId,
-    isCompactMode,
-    switchVerticalNavigationMode,
-    verticalNavigationMode,
-    verticalNavigationItems
-  } = useNavigationContext();
-  const isOnlyTopMode = navigationMode === "ONLY_TOP";
-  const showNavigation = !isCompactMode && navigationMode !== "ONLY_LEFT" && items.length > 0;
-  const isVerticalNavigationClosed = verticalNavigationMode === "CLOSED";
-  const showVerticalNavigationButton = isCompactMode && verticalNavigationItems.length > 0;
-  const handleNavigationChange = (event, selectedItem) => {
-    if (selectedItem.href) {
-      navigate(selectedItem.href, {
-        state: { selectedItemId: selectedItem.id }
-      });
-    }
-  };
-  const isPentahoTheme = activeTheme?.name === "pentahoPlus";
-  const appName = name ? tConfig(name) : "";
-  return /* @__PURE__ */ jsxs(HvHeader, { position: "relative", style: { gridArea: "header" }, children: [
-    /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx("title", { children: appName }) }),
-    showVerticalNavigationButton && /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        icon: true,
-        "aria-label": isVerticalNavigationClosed ? t("openNavigationPanel") : t("closeNavigationPanel"),
-        "aria-expanded": !isVerticalNavigationClosed,
-        onClick: switchVerticalNavigationMode,
-        children: /* @__PURE__ */ jsx(IconUiKit, { name: isVerticalNavigationClosed ? "Menu" : "Close" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HvHeaderBrand,
-      {
-        logo: isPentahoTheme ? void 0 : /* @__PURE__ */ jsx(BrandLogo, { logo }),
-        name: appName
-      }
-    ),
-    showNavigation && /* @__PURE__ */ jsx(
-      HvHeaderNavigation,
-      {
-        data: items,
-        selected: isOnlyTopMode ? selectedMenuItemId : rootMenuItemId,
-        onClick: handleNavigationChange,
-        levels: isOnlyTopMode ? 2 : 1
-      }
-    ),
-    /* @__PURE__ */ jsx(HeaderActions, {})
-  ] });
-};
-export {
-  Header
+import { Helmet } from "react-helmet-async";
+import { useTranslation } from "react-i18next";
+import { HvButton, HvHeader, HvHeaderBrand, HvHeaderNavigation, useTheme } from "@hitachivantara/uikit-react-core";
+import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel, useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
+import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/layout/Header/Header.tsx
+var Header = () => {
+	const { i18n } = useHvAppShellRuntimeContext();
+	const { t } = useTranslation(void 0, {
+		i18n,
+		keyPrefix: "header.navigation"
+	});
+	const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, { i18n });
+	const { navigationMode, name, logo } = useHvAppShellModel();
+	const { activeTheme } = useTheme();
+	const { navigate } = useHvNavigation();
+	const { items, selectedMenuItemId, rootMenuItemId, isCompactMode, switchVerticalNavigationMode, verticalNavigationMode, verticalNavigationItems } = useNavigationContext();
+	const isOnlyTopMode = navigationMode === "ONLY_TOP";
+	const showNavigation = !isCompactMode && navigationMode !== "ONLY_LEFT" && items.length > 0;
+	const isVerticalNavigationClosed = verticalNavigationMode === "CLOSED";
+	const showVerticalNavigationButton = isCompactMode && verticalNavigationItems.length > 0;
+	const handleNavigationChange = (event, selectedItem) => {
+		if (selectedItem.href) navigate(selectedItem.href, { state: { selectedItemId: selectedItem.id } });
+	};
+	const isPentahoTheme = activeTheme?.name === "pentahoPlus";
+	const appName = name ? tConfig(name) : "";
+	return /* @__PURE__ */ jsxs(HvHeader, {
+		position: "relative",
+		style: { gridArea: "header" },
+		children: [
+			/* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx("title", { children: appName }) }),
+			showVerticalNavigationButton && /* @__PURE__ */ jsx(HvButton, {
+				icon: true,
+				"aria-label": isVerticalNavigationClosed ? t("openNavigationPanel") : t("closeNavigationPanel"),
+				"aria-expanded": !isVerticalNavigationClosed,
+				onClick: switchVerticalNavigationMode,
+				children: /* @__PURE__ */ jsx(IconUiKit_default, { name: isVerticalNavigationClosed ? "Menu" : "Close" })
+			}),
+			/* @__PURE__ */ jsx(HvHeaderBrand, {
+				logo: isPentahoTheme ? void 0 : /* @__PURE__ */ jsx(BrandLogo, { logo }),
+				name: appName
+			}),
+			showNavigation && /* @__PURE__ */ jsx(HvHeaderNavigation, {
+				data: items,
+				selected: isOnlyTopMode ? selectedMenuItemId : rootMenuItemId,
+				onClick: handleNavigationChange,
+				levels: isOnlyTopMode ? 2 : 1
+			}),
+			/* @__PURE__ */ jsx(HeaderActions, {})
+		]
+	});
 };
+//#endregion
+export { Header };

package/dist/components/layout/HeaderActions/AppSwitcherToggle/AppSwitcherToggle.js

@@ -1,78 +1,70 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useId, useMemo } from "react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import ClickAwayListener from "@mui/material/ClickAwayListener";
-import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
-import { HvIconButton, theme, HvAppSwitcher, HvTypography } from "@hitachivantara/uikit-react-core";
-import { AppSwitcher } from "@hitachivantara/uikit-react-icons";
-import createAppContainerElement from "../../../../utils/documentUtil.js";
 import { ConfigIcon } from "../../../ConfigIcon.js";
 import { BrandLogo } from "../../BrandLogo/BrandLogo.js";
+import createAppContainerElement from "../../../../utils/documentUtil.js";
 import StyledAppShellPanelWrapper from "./styles.js";
-const AppSwitcherToggle = ({
-  title,
-  apps,
-  showLogo = false
-}) => {
-  const { i18n } = useHvAppShellRuntimeContext();
-  const { t } = useTranslation(void 0, {
-    i18n,
-    keyPrefix: "header.appSwitcher"
-  });
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
-    i18n
-  });
-  const [isPanelOpen, setIsPanelOpen] = useState(false);
-  const appSwitcherPanelId = useId();
-  const { logo } = useHvAppShellModel();
-  const appsList = useMemo(() => {
-    if (!apps) return [];
-    return apps.map((app) => ({
-      name: tConfig(app.label),
-      description: app.description ? tConfig(app.description).toString() : void 0,
-      url: app.url?.includes(":") ? app.url : tConfig(app.url).toString(),
-      target: app.target === "NEW" ? "_blank" : "_top",
-      iconElement: app.icon && /* @__PURE__ */ jsx(ConfigIcon, { icon: app.icon })
-    }));
-  }, [apps, tConfig]);
-  if (!apps || apps.length === 0) return null;
-  const finalTitle = title ? tConfig(title) : t("title");
-  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => setIsPanelOpen(false), children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", margin: 0 }, children: [
-    /* @__PURE__ */ jsxs(
-      HvIconButton,
-      {
-        title: finalTitle,
-        "aria-expanded": isPanelOpen,
-        onClick: () => setIsPanelOpen(!isPanelOpen),
-        ...isPanelOpen && { "aria-controls": appSwitcherPanelId },
-        children: [
-          /* @__PURE__ */ jsx(AppSwitcher, {}),
-          showLogo && /* @__PURE__ */ jsx(BrandLogo, { logo, style: { paddingRight: theme.space.xs } })
-        ]
-      }
-    ),
-    isPanelOpen && createPortal(
-      /* @__PURE__ */ jsx(
-        StyledAppShellPanelWrapper,
-        {
-          id: appSwitcherPanelId,
-          role: "region",
-          "aria-label": t("ariaLabel"),
-          children: /* @__PURE__ */ jsx(
-            HvAppSwitcher,
-            {
-              applications: appsList,
-              onActionClickedCallback: () => setIsPanelOpen(false),
-              header: /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: finalTitle })
-            }
-          )
-        }
-      ),
-      createAppContainerElement()
-    )
-  ] }) });
-};
-export {
-  AppSwitcherToggle as default
+import { useId, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { HvAppSwitcher, HvIconButton, HvTypography, theme } from "@hitachivantara/uikit-react-core";
+import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellModel, useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
+import { AppSwitcher } from "@hitachivantara/uikit-react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ClickAwayListener from "@mui/material/ClickAwayListener";
+import { createPortal } from "react-dom";
+//#region src/components/layout/HeaderActions/AppSwitcherToggle/AppSwitcherToggle.tsx
+var AppSwitcherToggle = ({ title, apps, showLogo = false }) => {
+	const { i18n } = useHvAppShellRuntimeContext();
+	const { t } = useTranslation(void 0, {
+		i18n,
+		keyPrefix: "header.appSwitcher"
+	});
+	const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, { i18n });
+	const [isPanelOpen, setIsPanelOpen] = useState(false);
+	const appSwitcherPanelId = useId();
+	const { logo } = useHvAppShellModel();
+	/** Creates the apps list to be sent to the HvAppSwitcherPanel. */
+	const appsList = useMemo(() => {
+		if (!apps) return [];
+		return apps.map((app) => ({
+			name: tConfig(app.label),
+			description: app.description ? tConfig(app.description).toString() : void 0,
+			url: app.url?.includes(":") ? app.url : tConfig(app.url).toString(),
+			target: app.target === "NEW" ? "_blank" : "_top",
+			iconElement: app.icon && /* @__PURE__ */ jsx(ConfigIcon, { icon: app.icon })
+		}));
+	}, [apps, tConfig]);
+	if (!apps || apps.length === 0) return null;
+	const finalTitle = title ? tConfig(title) : t("title");
+	return /* @__PURE__ */ jsx(ClickAwayListener, {
+		onClickAway: () => setIsPanelOpen(false),
+		children: /* @__PURE__ */ jsxs("div", {
+			style: {
+				display: "flex",
+				margin: 0
+			},
+			children: [/* @__PURE__ */ jsxs(HvIconButton, {
+				title: finalTitle,
+				"aria-expanded": isPanelOpen,
+				onClick: () => setIsPanelOpen(!isPanelOpen),
+				...isPanelOpen && { "aria-controls": appSwitcherPanelId },
+				children: [/* @__PURE__ */ jsx(AppSwitcher, {}), showLogo && /* @__PURE__ */ jsx(BrandLogo, {
+					logo,
+					style: { paddingRight: theme.space.xs }
+				})]
+			}), isPanelOpen && createPortal(/* @__PURE__ */ jsx(StyledAppShellPanelWrapper, {
+				id: appSwitcherPanelId,
+				role: "region",
+				"aria-label": t("ariaLabel"),
+				children: /* @__PURE__ */ jsx(HvAppSwitcher, {
+					applications: appsList,
+					onActionClickedCallback: () => setIsPanelOpen(false),
+					header: /* @__PURE__ */ jsx(HvTypography, {
+						variant: "label",
+						children: finalTitle
+					})
+				})
+			}), createAppContainerElement())]
+		})
+	});
 };
+//#endregion
+export { AppSwitcherToggle as default };

package/dist/components/layout/HeaderActions/AppSwitcherToggle/styles.js

@@ -1,14 +1,14 @@
-import styled from "@emotion/styled";
 import { theme } from "@hitachivantara/uikit-react-core";
-const StyledAppShellPanelWrapper = styled("div")({
-  position: "fixed",
-  maxHeight: `calc(100vh - ${theme.header.height})`,
-  top: theme.header.height,
-  right: 0,
-  display: "flex",
-  boxShadow: theme.colors.shadow,
-  zIndex: `calc(${theme.zIndices.banner} - 1)`
+import styled from "@emotion/styled";
+//#region src/components/layout/HeaderActions/AppSwitcherToggle/styles.ts
+var StyledAppShellPanelWrapper = styled("div")({
+	position: "fixed",
+	maxHeight: `calc(100vh - ${theme.header.height})`,
+	top: theme.header.height,
+	right: 0,
+	display: "flex",
+	boxShadow: theme.colors.shadow,
+	zIndex: `calc(${theme.zIndices.banner} - 1)`
 });
-export {
-  StyledAppShellPanelWrapper as default
-};
+//#endregion
+export { StyledAppShellPanelWrapper as default };

package/dist/components/layout/HeaderActions/ColorModeSwitcher.js

@@ -1,29 +1,26 @@
-import { jsx } from "react/jsx-runtime";
+import IconUiKit_default from "../../IconUiKit/IconUiKit.js";
 import { useTranslation } from "react-i18next";
-import { HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
+import { HvIconButton, useTheme } from "@hitachivantara/uikit-react-core";
 import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
-import { useTheme, HvIconButton } from "@hitachivantara/uikit-react-core";
-import IconUiKit from "../../IconUiKit/index.js";
-const ColorModeSwitcher = () => {
-  const { i18n } = useHvAppShellRuntimeContext();
-  const { t } = useTranslation(void 0, {
-    i18n,
-    keyPrefix: "header.colorModeSwitcher"
-  });
-  const { colorModes } = useTheme();
-  const changeColorModeHandler = () => {
-    const customEvent = new CustomEvent(
-      HvAppShellEventThemeTrigger,
-      {
-        detail: {
-          colorMode: void 0
-        }
-      }
-    );
-    globalThis.dispatchEvent(customEvent);
-  };
-  return colorModes.length > 1 ? /* @__PURE__ */ jsx(HvIconButton, { onClick: changeColorModeHandler, title: t("ariaLabel"), children: /* @__PURE__ */ jsx(IconUiKit, { name: "ThemeSwitcher" }) }) : null;
-};
-export {
-  ColorModeSwitcher as default
+import { jsx } from "react/jsx-runtime";
+import { HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
+//#region src/components/layout/HeaderActions/ColorModeSwitcher.tsx
+var ColorModeSwitcher = () => {
+	const { i18n } = useHvAppShellRuntimeContext();
+	const { t } = useTranslation(void 0, {
+		i18n,
+		keyPrefix: "header.colorModeSwitcher"
+	});
+	const { colorModes } = useTheme();
+	const changeColorModeHandler = () => {
+		const customEvent = new CustomEvent(HvAppShellEventThemeTrigger, { detail: { colorMode: void 0 } });
+		globalThis.dispatchEvent(customEvent);
+	};
+	return colorModes.length > 1 ? /* @__PURE__ */ jsx(HvIconButton, {
+		onClick: changeColorModeHandler,
+		title: t("ariaLabel"),
+		children: /* @__PURE__ */ jsx(IconUiKit_default, { name: "ThemeSwitcher" })
+	}) : null;
 };
+//#endregion
+export { ColorModeSwitcher as default };

package/dist/components/layout/HeaderActions/DynamicAction.js

@@ -1,23 +1,24 @@
+import { Suspense, lazy, memo, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { memo, useState, useEffect, lazy, Suspense } from "react";
-const DynamicAction = ({ bundle, ...others }) => {
-  const [loadError, setLoadError] = useState(null);
-  useEffect(() => {
-    setLoadError(null);
-  }, [bundle]);
-  const Action = lazy(
-    () => import(
-      /* @vite-ignore */
-      bundle
-    ).catch((error) => {
-      console.error(error);
-      setLoadError(error);
-      return { default: () => null };
-    })
-  );
-  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: !loadError && /* @__PURE__ */ jsx(Action, { ...others }) });
-};
-const DynamicAction$1 = memo(DynamicAction);
-export {
-  DynamicAction$1 as default
+//#region src/components/layout/HeaderActions/DynamicAction.tsx
+var DynamicAction = ({ bundle, ...others }) => {
+	const [loadError, setLoadError] = useState(null);
+	useEffect(() => {
+		setLoadError(null);
+	}, [bundle]);
+	const Action = lazy(() => import(
+		/* @vite-ignore */
+		bundle
+).catch((error) => {
+		console.error(error);
+		setLoadError(error);
+		return { default: () => null };
+	}));
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: !loadError && /* @__PURE__ */ jsx(Action, { ...others })
+	});
 };
+var DynamicAction_default = memo(DynamicAction);
+//#endregion
+export { DynamicAction_default as default };

package/dist/components/layout/HeaderActions/HeaderActions.js

@@ -1,24 +1,17 @@
-import { jsx } from "react/jsx-runtime";
-import { useHvAppShellModel } from "@hitachivantara/app-shell-shared";
+import DynamicAction_default from "./DynamicAction.js";
+import InternalAction_default, { internalActions } from "./InternalAction/InternalAction.js";
 import { HvHeaderActions } from "@hitachivantara/uikit-react-core";
-import DynamicAction from "./DynamicAction.js";
-import InternalAction, { internalActions } from "./InternalAction/InternalAction.js";
-const HeaderActions = () => {
-  const { header } = useHvAppShellModel();
-  return /* @__PURE__ */ jsx(HvHeaderActions, { children: header?.actions.map((action) => {
-    const Component = internalActions.some(
-      (a) => a.bundle === action.bundle
-    ) ? InternalAction : DynamicAction;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        bundle: action.bundle,
-        ...action.config
-      },
-      action.key
-    );
-  }) });
-};
-export {
-  HeaderActions as default
+import { useHvAppShellModel } from "@hitachivantara/app-shell-shared";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout/HeaderActions/HeaderActions.tsx
+var HeaderActions = () => {
+	const { header } = useHvAppShellModel();
+	return /* @__PURE__ */ jsx(HvHeaderActions, { children: header?.actions.map((action) => {
+		return /* @__PURE__ */ jsx(internalActions.some((a) => a.bundle === action.bundle) ? InternalAction_default : DynamicAction_default, {
+			bundle: action.bundle,
+			...action.config
+		}, action.key);
+	}) });
 };
+//#endregion
+export { HeaderActions as default };

package/dist/components/layout/HeaderActions/HelpButton/HelpButton.js

@@ -1,34 +1,25 @@
-import { jsx } from "react/jsx-runtime";
+import IconUiKit_default from "../../../IconUiKit/IconUiKit.js";
 import { useTranslation } from "react-i18next";
-import { useHvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
 import { HvIconButton } from "@hitachivantara/uikit-react-core";
-import IconUiKit from "../../../IconUiKit/index.js";
-const HelpButton = ({ url, description }) => {
-  const { i18n } = useHvAppShellRuntimeContext();
-  const { t } = useTranslation(void 0, {
-    i18n,
-    keyPrefix: "header.helpUrl"
-  });
-  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, {
-    i18n
-  });
-  if (!url) {
-    return null;
-  }
-  const finalUrl = url.includes(":") ? url : tConfig(url);
-  const finalDescription = description ? tConfig(description) : t("documentationLink");
-  return /* @__PURE__ */ jsx(
-    HvIconButton,
-    {
-      component: "a",
-      href: finalUrl,
-      target: "_blank",
-      title: finalDescription,
-      rel: "noopener,noreferrer",
-      children: /* @__PURE__ */ jsx(IconUiKit, { name: "Help" })
-    }
-  );
-};
-export {
-  HelpButton as default
+import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout/HeaderActions/HelpButton/HelpButton.tsx
+var HelpButton = ({ url, description }) => {
+	const { i18n } = useHvAppShellRuntimeContext();
+	const { t } = useTranslation(void 0, {
+		i18n,
+		keyPrefix: "header.helpUrl"
+	});
+	const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE, { i18n });
+	if (!url) return null;
+	return /* @__PURE__ */ jsx(HvIconButton, {
+		component: "a",
+		href: url.includes(":") ? url : tConfig(url),
+		target: "_blank",
+		title: description ? tConfig(description) : t("documentationLink"),
+		rel: "noopener,noreferrer",
+		children: /* @__PURE__ */ jsx(IconUiKit_default, { name: "Help" })
+	});
 };
+//#endregion
+export { HelpButton as default };

package/dist/components/layout/HeaderActions/InternalAction/InternalAction.js

@@ -1,39 +1,28 @@
+import { Suspense, lazy, memo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { memo, lazy, Suspense } from "react";
-const internalActions = [
-  {
-    bundle: "@hv/theming-client/colorModeSwitcher.js",
-    component: () => import("../ColorModeSwitcher.js").then((module) => ({
-      default: module.default
-    }))
-  },
-  {
-    bundle: "@hv/help-client/button.js",
-    component: () => import("../HelpButton/HelpButton.js").then((module) => ({
-      default: module.default
-    }))
-  },
-  {
-    bundle: "@hv/app-switcher-client/toggle.js",
-    component: () => import("../AppSwitcherToggle/AppSwitcherToggle.js").then((module) => ({
-      default: module.default
-    }))
-  }
+//#region src/components/layout/HeaderActions/InternalAction/InternalAction.tsx
+var internalActions = [
+	{
+		bundle: "@hv/theming-client/colorModeSwitcher.js",
+		component: () => import("../ColorModeSwitcher.js").then((module) => ({ default: module.default }))
+	},
+	{
+		bundle: "@hv/help-client/button.js",
+		component: () => import("../HelpButton/HelpButton.js").then((module) => ({ default: module.default }))
+	},
+	{
+		bundle: "@hv/app-switcher-client/toggle.js",
+		component: () => import("../AppSwitcherToggle/AppSwitcherToggle.js").then((module) => ({ default: module.default }))
+	}
 ];
-const InternalAction = ({ bundle, ...others }) => {
-  const { component } = internalActions.find(
-    (internalAction) => internalAction.bundle === bundle
-  ) ?? {};
-  if (!component) {
-    return null;
-  }
-  const Action = lazy(
-    () => component()
-  );
-  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Action, { ...others }) });
-};
-const InternalAction$1 = memo(InternalAction);
-export {
-  InternalAction$1 as default,
-  internalActions
+var InternalAction = ({ bundle, ...others }) => {
+	const { component } = internalActions.find((internalAction) => internalAction.bundle === bundle) ?? {};
+	if (!component) return null;
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(lazy(() => component()), { ...others })
+	});
 };
+var InternalAction_default = memo(InternalAction);
+//#endregion
+export { InternalAction_default as default, internalActions };