npm - @pega/cosmos-react-wss - Versions diffs - 10.0.0-build.9.11 → 10.0.0-build.9.13 - Mend

@pega/cosmos-react-wss 10.0.0-build.9.11 → 10.0.0-build.9.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/lib/components/AppShell/AppShell.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,+BAA+B,EAAkB,MAAM,yBAAyB,CAAC;~~AAW~~/F,OAAO,KAAK,EAAE,aAAa,~~EAAgB~~,MAAM,kBAAkB,CAAC;~~AAwBpE~~,QAAA,MAAM,QAAQ,EAAE,+BAA+B,CAAC,aAAa,~~CAuqB3D~~,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,+BAA+B,EAAkB,MAAM,yBAAyB,CAAC;AAc/F,OAAO,KAAK,EAAE,aAAa,EAAgD,MAAM,kBAAkB,CAAC;AAwBpG,QAAA,MAAM,QAAQ,EAAE,+BAA+B,CAAC,aAAa,CA0vB3D,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/AppShell/AppShell.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
 import { Avatar, Backdrop, Button, ThemeOverride, ContextSwitcher, debounce, Drawer, Flex, Icon, Image, Popover, registerIcon, SearchInput, SkipLinks, Text, useBreakpoint, useConsolidatedRef, useDirection, useElement, useEscape, useFocusWithin, useI18n, useOuterEvent, usePreviewManager, useTheme, VisuallyHiddenText, MenuButton, ThemeSwitcher } from '@pega/cosmos-react-core';
 import Operator from '@pega/cosmos-react-core/lib/components/AppShell/Operator';
-import { StyledAppHeaderOperator } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';
+import { StyledAppHeaderOperator, StyledContextSwitcher } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';
 import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
 import * as shareExternalIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/share-external.icon';
 import { getHeaderTheme } from '@pega/cosmos-react-core/lib/components/AppShell/style-utils';
@@ -17,7 +17,7 @@ import AppShellMenuControl from './AppShellMenuControl';
 import { MegaMenuPanel, MegaMenuTriggers, useMegaMenu } from './MegaMenu';
 registerIcon(shareExternalIcon);
 const AppShell = forwardRef(function AppShell(props, ref) {
-    const { main, banners, appInfo, mainNav, navLinks: deprecatedNavLinks, operator, notifications, searchInput, contextSwitcher = {}, navAlignment = 'end', navPosition = 'inline', isDefaultWSS = true, helpMenu, shareApp, portalSwitcher, footer } = props;
+    const { main, banners, appInfo, mainNav, navLinks: deprecatedNavLinks, appSwitcherMenu: configuredAppSwitcherMenu, operator, notifications, searchInput, contextSwitcher = {}, navAlignment = 'end', navPosition = 'inline', isDefaultWSS = true, helpMenu, shareApp, portalSwitcher, footer } = props;
     const configuredMainMenu = Array.isArray(mainNav) ? undefined : mainNav;
     let legacyNavLinks;
     if (Array.isArray(mainNav)) {
@@ -34,6 +34,18 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     const footerLinks = Array.isArray(footer) ? footer : configuredFooterMenu?.fallbackLinks ?? [];
     const t = useI18n();
     const { contexts, onContextClick, label: contextSwitcherLabel = t('switch_to') } = contextSwitcher;
+    const appSwitcherMegaMenuItems = configuredAppSwitcherMenu?.variant === 'mega-menu' ? configuredAppSwitcherMenu.items : [];
+    const appSwitcherMegaMenuContent = useMemo(() => ({
+        id: 'app-switcher-menu',
+        label: contextSwitcherLabel,
+        items: appSwitcherMegaMenuItems.map(menu => ({
+            id: menu.id,
+            primary: menu.label,
+            ...(menu.items?.length ? { items: menu.items } : {}),
+            ...(menu.onClick ? { onClick: menu.onClick } : {}),
+            ...(menu.disabled ? { disabled: true } : {})
+        }))
+    }), [appSwitcherMegaMenuItems, contextSwitcherLabel]);
     const [backdropOpen, setBackdropOpen] = useState(false);
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [drawerContent, setDrawerContent] = useState('');
@@ -43,6 +55,7 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     const [hasMobileNav, setHasMobileNav] = useState(true);
     const [headerEl, setHeaderEl] = useElement();
     const [navSectionEl, setNavSectionEl] = useElement();
+    const [appSwitcherNavEl, setAppSwitcherNavEl] = useElement();
     const [popoverEl, setPopoverEl] = useElement();
     const [notificationsButtonEl, setNotificationsButtonEl] = useElement();
     const [searchContainerEl, setSearchContainerEl] = useElement();
@@ -94,11 +107,17 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     }, [footerEl, hasConfiguredFooter]);
     const activeNavItems = resolvedMainMenu.length ? resolvedMainMenu : legacyNavLinks;
     const mainMenuPanelId = useId();
+    const appSwitcherPanelId = useId();
     const megaMenu = useMegaMenu({
         menus: resolvedMainMenu,
         navElement: navSectionEl,
         isMobile: hasMobileNav
     });
+    const appSwitcherMegaMenu = useMegaMenu({
+        menus: [appSwitcherMegaMenuContent],
+        navElement: appSwitcherNavEl,
+        isMobile: hasMobileNav
+    });
     const { end } = useDirection();
     let appInfoAs = 'div';
     if (appInfo.href)
@@ -205,7 +224,35 @@ const AppShell = forwardRef(function AppShell(props, ref) {
         if (mainMenuVariant === 'individual-menus') {
             return resolvedMainMenu.map(menu => (_jsx(StyledMainMenuLink, { as: AppShellMenuControl, menu: menu, "$isDefaultWSS": isDefaultWSS, "$navPosition": navPosition }, menu.id)));
         }
-        return (_jsx(MegaMenuTriggers, { menus: resolvedMainMenu, openId: megaMenu.openMenuId, panelId: mainMenuPanelId, onOpenChange: megaMenu.onOpenChange, onTriggerOpen: megaMenu.onTriggerOpen, isDefaultWSS: isDefaultWSS, navPosition: navPosition }));
+        return (_jsx(MegaMenuTriggers, { menus: resolvedMainMenu, openId: megaMenu.openMenuId, panelId: mainMenuPanelId, onOpenChange: id => {
+                appSwitcherMegaMenu.close();
+                megaMenu.onOpenChange(id);
+            }, onTriggerOpen: megaMenu.onTriggerOpen, isDefaultWSS: isDefaultWSS, navPosition: navPosition }));
+    };
+    const renderAppSwitcher = (allowLegacyContextSwitcher) => {
+        if (configuredAppSwitcherMenu?.variant === 'mega-menu' &&
+            configuredAppSwitcherMenu.items.length &&
+            !hasMobileNav) {
+            return (_jsx(Flex, { as: StyledContextSwitcher, ref: setAppSwitcherNavEl, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }, children: _jsx(Button, { variant: 'simple', icon: true, label: contextSwitcherLabel, "aria-label": contextSwitcherLabel, "aria-expanded": appSwitcherMegaMenu.openMenuId === appSwitcherMegaMenuContent.id, "aria-controls": appSwitcherMegaMenu.openMenuId === appSwitcherMegaMenuContent.id
+                        ? appSwitcherPanelId
+                        : undefined, onClick: (event) => {
+                        const isOpen = appSwitcherMegaMenu.openMenuId === appSwitcherMegaMenuContent.id;
+                        if (!isOpen) {
+                            appSwitcherMegaMenu.onTriggerOpen(event.currentTarget, event.detail === 0);
+                        }
+                        megaMenu.close();
+                        appSwitcherMegaMenu.onOpenChange(isOpen ? undefined : appSwitcherMegaMenuContent.id);
+                    }, children: _jsx(Icon, { name: 'dot-9-solid' }) }) }));
+        }
+        const configuredCompactMenu = configuredAppSwitcherMenu?.variant === 'context-switcher' ||
+            (configuredAppSwitcherMenu?.variant === 'mega-menu' && hasMobileNav);
+        const shouldRenderContexts = configuredCompactMenu
+            ? !!contexts?.length
+            : allowLegacyContextSwitcher && (contexts?.length ?? 0) > 1;
+        if (contexts && onContextClick && shouldRenderContexts) {
+            return (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } }));
+        }
+        return null;
     };
     const shareLabel = shareApp?.label ?? t('app_shell_share');
     let footerElement = null;
@@ -219,9 +266,9 @@ const AppShell = forwardRef(function AppShell(props, ref) {
                                     alignItems: 'center',
                                     justify: 'between',
                                     pad: navPosition === 'below' ? [1, 0] : 0
-                                }, children: [useDefaultInlineLayout ? (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: { alignItems: 'center' }, children: [contexts && onContextClick && contexts.length > 1 && (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } })), _jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })] }), !hasMobileNav &&
+                                }, children: [useDefaultInlineLayout ? (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: { alignItems: 'center' }, children: [renderAppSwitcher(true), _jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })] }), !hasMobileNav &&
                                                 navPosition === 'inline' &&
-                                                (resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))), !hasMobileNav && navPosition !== 'inline' && resolvedMainMenu.length === 0 && (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))] })) : (_jsxs(Flex, { container: { alignItems: 'center' }, children: [contexts && onContextClick && contexts.length > 1 && (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } })), navPosition !== 'below' || hasMobileNav ? (_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })) : null] })), _jsxs(Flex, { as: StyledEndNavBlock, container: { alignItems: 'center', gap: 1 }, mobile: hasMobileNav, children: [!hasMobileNav && searchInput && (_jsx("div", { ref: setSearchContainerEl, role: 'search', "aria-label": t('search'), children: searchExpanded ? (_jsx(SearchInput, { ...searchInput, ref: searchInputRef, onSearchSubmit: searchInput.onSearchSubmit
+                                                (resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))), !hasMobileNav && navPosition !== 'inline' && resolvedMainMenu.length === 0 && (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))] })) : (_jsxs(Flex, { container: { alignItems: 'center' }, children: [renderAppSwitcher(true), navPosition !== 'below' || hasMobileNav ? (_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })) : null] })), _jsxs(Flex, { as: StyledEndNavBlock, container: { alignItems: 'center', gap: 1 }, mobile: hasMobileNav, children: [!hasMobileNav && searchInput && (_jsx("div", { ref: setSearchContainerEl, role: 'search', "aria-label": t('search'), children: searchExpanded ? (_jsx(SearchInput, { ...searchInput, ref: searchInputRef, onSearchSubmit: searchInput.onSearchSubmit
                                                         ? value => {
                                                             searchInput.onSearchSubmit?.(value);
                                                             setSearchExpanded(false);
@@ -248,7 +295,7 @@ const AppShell = forwardRef(function AppShell(props, ref) {
                                                     openDrawer('navigationOperator');
                                                 }, children: _jsx(Icon, { name: 'bars' }) }))] })] }), navPosition === 'below' &&
                                 !hasMobileNav &&
-                                (useDefaultInlineLayout ? (_jsx(Flex, { container: { justify: navAlignment }, children: resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true })) })) : (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), _jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'center' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && _jsx(Text, { variant: 'secondary', children: appInfo.portalName })] })] }), resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1 }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: 'below', isDefaultWSS: isDefaultWSS }))] })))] }), !hasMobileNav && mainMenuVariant === 'mega-menu' && megaMenu.openMenu && (_jsx(MegaMenuPanel, { menu: megaMenu.openMenu, panelId: mainMenuPanelId, panelRef: megaMenu.panelRef, onClose: megaMenu.onClose, onTabForwardExit: megaMenu.onTabForwardExit, onActionClose: megaMenu.onActionClose, focusOnOpen: megaMenu.focusOnOpen }))] }), _jsxs(StyledMain, { navPosition: navPosition, "$isDefaultWSS": useDefaultInlineLayout, "$hasFooter": hasFooter, "$hasConfiguredFooter": hasConfiguredFooter, previewActive: previewActive, children: [banners && _jsx(StyledBannerRegion, { children: banners }), main] }), resolvedFooterMenu ? (_jsx(ThemeOverride, { theme: headerTheme, children: footerElement })) : (footerElement), _jsx(Backdrop, { open: backdropOpen, transitionSpeed: 'none', onAfterTransitionIn: () => setDrawerOpen(true), onBeforeTransitionOut: () => setDrawerOpen(false), onClick: e => {
+                                (useDefaultInlineLayout ? (_jsx(Flex, { container: { justify: navAlignment }, children: resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true })) })) : (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), _jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'center' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && _jsx(Text, { variant: 'secondary', children: appInfo.portalName })] })] }), resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1 }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: legacyNavLinks, navAlignment: navAlignment, navPosition: 'below', isDefaultWSS: isDefaultWSS }))] })))] }), !hasMobileNav && mainMenuVariant === 'mega-menu' && megaMenu.openMenu && (_jsx(MegaMenuPanel, { menu: megaMenu.openMenu, panelId: mainMenuPanelId, panelRef: megaMenu.panelRef, onClose: megaMenu.onClose, onTabForwardExit: megaMenu.onTabForwardExit, onActionClose: megaMenu.onActionClose, focusOnOpen: megaMenu.focusOnOpen })), !hasMobileNav && appSwitcherMegaMenuItems.length > 0 && appSwitcherMegaMenu.openMenu && (_jsx(MegaMenuPanel, { menu: appSwitcherMegaMenu.openMenu, panelId: appSwitcherPanelId, anchorElement: appSwitcherNavEl ?? undefined, panelRef: appSwitcherMegaMenu.panelRef, onClose: appSwitcherMegaMenu.onClose, onTabForwardExit: appSwitcherMegaMenu.onTabForwardExit, onActionClose: appSwitcherMegaMenu.onActionClose, focusOnOpen: appSwitcherMegaMenu.focusOnOpen }))] }), _jsxs(StyledMain, { navPosition: navPosition, "$isDefaultWSS": useDefaultInlineLayout, "$hasFooter": hasFooter, "$hasConfiguredFooter": hasConfiguredFooter, previewActive: previewActive, children: [banners && _jsx(StyledBannerRegion, { children: banners }), main] }), resolvedFooterMenu ? (_jsx(ThemeOverride, { theme: headerTheme, children: footerElement })) : (footerElement), _jsx(Backdrop, { open: backdropOpen, transitionSpeed: 'none', onAfterTransitionIn: () => setDrawerOpen(true), onBeforeTransitionOut: () => setDrawerOpen(false), onClick: e => {
                     if (e.currentTarget === e.target)
                         setDrawerOpen(false);
                 }, children: _jsxs(Drawer, { open: drawerOpen, onAfterClose: () => {

package/lib/components/AppShell/AppShell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,eAAe,EACf,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,SAAS,EACT,IAAI,EACJ,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,SAAS,EACT,cAAc,EACd,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,QAAQ,MAAM,0DAA0D,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,UAAU,MAAM,0DAA0D,CAAC;AAClF,OAAO,KAAK,iBAAiB,MAAM,uEAAuE,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAC7F,OAAO,YAAY,MAAM,gDAAgD,CAAC;AAE1E,OAAO,MAAM,MAAM,WAAW,CAAC;AAI/B,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,uBAAuB,EACvB,kBAAkB,EAClB,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE1E,YAAY,CAAC,iBAAiB,CAAC,CAAC;AAEhC,MAAM,QAAQ,GAAmD,UAAU,CAAC,SAAS,QAAQ,CAC3F,KAAqC,EACrC,GAAyB;IAEzB,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EACR,aAAa,EACb,WAAW,EACX,eAAe,GAAG,EAAE,EACpB,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,MAAM,EACP,GAAG,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;IACxE,IAAI,cAA8B,CAAC;IACnC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,cAAc,GAAG,OAAO,CAAC;IAC3B,CAAC;SAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACjC,cAAc,GAAG,kBAAkB,EAAE,aAAa,IAAI,EAAE,CAAC;IAC3D,CAAC;SAAM,CAAC;QACN,cAAc,GAAG,kBAAkB,IAAI,EAAE,CAAC;IAC5C,CAAC;IACD,MAAM,eAAe,GAAG,kBAAkB,EAAE,OAAO,IAAI,WAAW,CAAC;IACnE,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnF,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,EAAE,aAAa,IAAI,EAAE,CAAC;IAC/F,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EACJ,QAAQ,EACR,cAAc,EACd,KAAK,EAAE,oBAAoB,GAAG,CAAC,CAAC,WAAW,CAAC,EAC7C,GAAG,eAAe,CAAC;IACpB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,EAAe,CAAC;IAC1D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,UAAU,EAAkB,CAAC;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,EAAkB,CAAC;IAC/D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,UAAU,EAAqB,CAAC;IAC1F,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,UAAU,EAAkB,CAAC;IAC/E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,EAAe,CAAC;IAC1D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/E,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC9C,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IACxD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,uBAAuB,GAAG,kBAAkB,EAAE,KAAK,CAAC;IAC1D,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,uBAAuB,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,EACpD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IACF,MAAM,kBAAkB,GAAG,OAAO,CAA8B,GAAG,EAAE;QACnE,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAC1D,IAAI,oBAAoB,CAAC,OAAO,KAAK,YAAY,EAAE,CAAC;YAClD,MAAM,KAAK,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9D,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACrE,CAAC;QAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtE,IAAI,EAAE,MAAe;YACrB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;SAC/C,CAAC,CAAC,CAAC;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACrF,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC3B,MAAM,mBAAmB,GAAG,CAAC,CAAC,oBAAoB,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACtC,yBAAyB,CAAC,SAAS,CAAC,CAAC;YACrC,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC;YACpD,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;YACjE,MAAM,MAAM,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACvD,IAAI,YAAY,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;gBACnC,yBAAyB,CAAC,GAAG,MAAM,GAAG,YAAY,KAAK,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpC,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC;IACnF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,YAAY;QACxB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/B,IAAI,SAAS,GAAgB,KAAK,CAAC;IACnC,IAAI,OAAO,CAAC,IAAI;QAAE,SAAS,GAAG,GAAG,CAAC;SAC7B,IAAI,OAAO,CAAC,OAAO;QAAE,SAAS,GAAG,UAAU,CAAC;IAEjD,MAAM,SAAS,GAA4B,OAAO,CAChD,GAAG,EAAE,CAAC;QACJ;YACE,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;YAC9B,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;SAC3D;KACF,EACD,CAAC,CAAC,CAAC,CACJ,CAAC;IAEF,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE;QACjD,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAElC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAC/B,aAAa,EAAE,oBAAoB,EAAE,EAAE,CAAC;QAExC,qBAAqB,EAAE,KAAK,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,OAA+C,EAAE,EAAE;QACrE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC1B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,EAAE,yBAAyB,CAAC,CAAC;IAE1F,SAAS,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,OAA8B,EAAE,EAAE;QAClE,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC;YAC1D,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;QAE3B,IAAI,cAAc,EAAE,CAAC;YACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC;QAEhC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC;QAC3D,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAEjC,IAAI,oBAAsD,CAAC;QAE3D,IAAI,YAAY,EAAE,iBAAiB,IAAI,YAAY,EAAE,gBAAgB,EAAE,CAAC;YACtE,MAAM,YAAY,GAAG,YAAY,CAAC,iBAAiB,CAAC;YACpD,MAAM,WAAW,GAAG,YAAY,CAAC,gBAAgB,CAAC;YAElD,oBAAoB,GAAG,IAAI,oBAAoB,CAC7C,OAAO,CAAC,EAAE;gBACR,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;oBACtF,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC;oBAClD,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC1B,CAAC;qBAAM,CAAC;oBACN,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;gBAC5C,CAAC;YACH,CAAC,EACD,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAAE,CACrC,CAAC;YAEF,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAE3C,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;gBACjC,oBAAoB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;QAED,OAAO,GAAG,EAAE;YACV,oBAAoB,EAAE,UAAU,EAAE,CAAC;YACnC,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,QAAQ;QACR,YAAY;QACZ,cAAc;QACd,eAAe;QACf,YAAY;QACZ,WAAW;QACX,cAAc;KACf,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,CAAC,cAAc,IAAI,cAAc,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc;YAAE,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACtD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,cAAc,CAAC,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EAAE;QAC9C,IAAI,CAAC,SAAS,IAAI,cAAc,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;YACxD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,UAAU,EAAE,CAAC;YAChC,IAAI,aAAa,KAAK,eAAe,IAAI,aAAa,EAAE,CAAC;gBACvD,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;YACD,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,YAAY,IAAI,oBAAoB,EAAE,CAAC;YAChD,uBAAuB,CAAC,KAAK,CAAC,CAAC;YAC/B,UAAU,CAAC,eAAe,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/B,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,IAAI,kBAAkB,CAAC,CAAC;IAC/D,MAAM,sBAAsB,GAAG,YAAY,IAAI,WAAW,KAAK,QAAQ,CAAC;IACxE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,eAAe,KAAK,kBAAkB,EAAE,CAAC;YAC3C,OAAO,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAClC,KAAC,kBAAkB,IACjB,EAAE,EAAE,mBAAmB,EAEvB,IAAI,EAAE,IAAI,mBACK,YAAY,kBACb,WAAW,IAHpB,IAAI,CAAC,EAAE,CAIZ,CACH,CAAC,CAAC;QACL,CAAC;QAED,OAAO,CACL,KAAC,gBAAgB,IACf,KAAK,EAAE,gBAAgB,EACvB,MAAM,EAAE,QAAQ,CAAC,UAAU,EAC3B,OAAO,EAAE,eAAe,EACxB,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC3D,IAAI,aAAa,GAAG,IAAI,CAAC;IACzB,IAAI,kBAAkB,EAAE,CAAC;QACvB,aAAa,GAAG,CACd,KAAC,MAAM,IACL,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,kBAAkB,EACxB,aAAa,EAAE,WAAW,EAC1B,UAAU,EAAE,WAAW,GACvB,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;QAC9B,aAAa,GAAG,KAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAI,CAAC;IAC1F,CAAC;IAED,OAAO,CACL,8BACE,KAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,sBAAsB,EAAE,mBAAmB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,EAChF,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,sBAAsB,GACpC,EACF,KAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,EAC/B,MAAC,aAAa,IAAC,KAAK,EAAE,WAAW,aAC/B,MAAC,eAAe,IACd,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,WAAW,mBACT,YAAY,mBACZ,YAAY,aAE3B,MAAC,IAAI,IACH,SAAS,EAAE;oCACT,UAAU,EAAE,QAAQ;oCACpB,OAAO,EAAE,SAAS;oCAClB,GAAG,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iCAC1C,aAEA,sBAAsB,CAAC,CAAC,CAAC,CACxB,8BACE,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aACtC,QAAQ,IAAI,cAAc,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACpD,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,oBAAoB,EAC3B,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACtE,CACH,EAED,MAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAC9D,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,MAAM,EAAE,OAAO,CAAC,MAAM,aAEtB,KAAC,KAAK,IAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,GAAI,EACrD,CAAC,YAAY,IAAI,CAChB,MAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,aACxE,KAAC,IAAI,IACH,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAClE,OAAO,EAAC,IAAI,YAEX,OAAO,CAAC,OAAO,GACX,EACN,OAAO,CAAC,UAAU,IAAI,CACrB,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YAAE,OAAO,CAAC,UAAU,GAAQ,CACtD,IACI,CACR,IACI,IACF,EAEN,CAAC,YAAY;gDACZ,WAAW,KAAK,QAAQ;gDACxB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAC7B,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,YAEnE,cAAc,EAAE,GACZ,CACR,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IACP,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,SACZ,CACH,CAAC,EAEH,CAAC,YAAY,IAAI,WAAW,KAAK,QAAQ,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,CAC7E,KAAC,QAAQ,IACP,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,SACZ,CACH,IACA,CACJ,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aACtC,QAAQ,IAAI,cAAc,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACpD,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,oBAAoB,EAC3B,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACtE,CACH,EAEA,WAAW,KAAK,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,CACzC,MAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAC9D,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,MAAM,EAAE,OAAO,CAAC,MAAM,aAEtB,KAAC,KAAK,IAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,GAAI,EACrD,CAAC,YAAY,IAAI,CAChB,MAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,aACxE,KAAC,IAAI,IACH,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAClE,OAAO,EAAC,IAAI,YAEX,OAAO,CAAC,OAAO,GACX,EACN,OAAO,CAAC,UAAU,IAAI,CACrB,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YAAE,OAAO,CAAC,UAAU,GAAQ,CACtD,IACI,CACR,IACI,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,EAED,MAAC,IAAI,IACH,EAAE,EAAE,iBAAiB,EACrB,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EAC3C,MAAM,EAAE,YAAY,aAEnB,CAAC,YAAY,IAAI,WAAW,IAAI,CAC/B,cAAK,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAC,QAAQ,gBAAa,CAAC,CAAC,QAAQ,CAAC,YAClE,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,WAAW,OACN,WAAW,EACf,GAAG,EAAE,cAAc,EACnB,cAAc,EACZ,WAAW,CAAC,cAAc;wDACxB,CAAC,CAAC,KAAK,CAAC,EAAE;4DACN,WAAW,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;4DACpC,iBAAiB,CAAC,KAAK,CAAC,CAAC;wDAC3B,CAAC;wDACH,CAAC,CAAC,SAAS,GAEf,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,gBACN,CAAC,CAAC,eAAe,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAEtC,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,GACf,CACV,GACG,CACP,EAEA,iBAAiB,IAAI,CACpB,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CAC9E,EAEA,aAAa,IAAI,CAChB,8BACE,KAAC,MAAM,IACL,GAAG,EAAE,wBAAwB,EAC7B,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC,EACzC,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE;4DACZ,IAAI,CAAC,YAAY,EAAE,CAAC;gEAClB,IAAI,oBAAoB,EAAE,CAAC;oEACzB,uBAAuB,CAAC,KAAK,CAAC,CAAC;oEAC/B,aAAa,CAAC,oBAAoB,EAAE,EAAE,CAAC;gEACzC,CAAC;qEAAM,CAAC;oEACN,uBAAuB,CAAC,IAAI,CAAC,CAAC;oEAC9B,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC;gEACxC,CAAC;4DACH,CAAC;iEAAM,CAAC;gEACN,UAAU,CAAC,eAAe,CAAC,CAAC;4DAC9B,CAAC;wDACH,CAAC,YAED,MAAC,uBAAuB,eACtB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EACnB,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,CACxB,KAAC,eAAe,IAAC,OAAO,EAAC,QAAQ,YAAE,aAAa,CAAC,KAAK,GAAmB,CAC1E,IACuB,GACnB,EACT,KAAC,OAAO,IACN,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,oBAAoB,EAC1B,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAC,YAAY,YAEtB,KAAC,aAAa,OAAK,aAAa,EAAE,OAAO,SAAG,GACpC,IACT,CACJ,EAEA,QAAQ,IAAI,CACX,KAAC,UAAU,IACT,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC1B,QAAQ,QACR,IAAI,EAAE;oDACJ,KAAK,EAAE,QAAQ;iDAChB,GACD,CACH,EAEA,cAAc,IAAI,KAAC,UAAU,OAAK,cAAc,EAAE,QAAQ,EAAE,YAAY,GAAI,EAE5E,QAAQ;gDACP,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,QAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,YAC3E,KAAC,wBAAwB,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,SAAS,GAAG,GACzD,CACV,CAAC,CAAC,CAAC,CACF,MAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,aACnD,KAAC,wBAAwB,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,SAAS,GAAG,EAChE,yBAAO,UAAU,GAAQ,IAClB,CACV,CAAC,EAEH,CAAC,YAAY,IAAI,CAChB,KAAC,QAAQ,IACP,EAAE,EAAE,uBAAuB,EAC3B,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,OAAO,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EACtC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,YAE1B,KAAC,MAAM,OAAK,QAAQ,CAAC,MAAM,GAAI,GACtB,CACZ,EAEA,YAAY,IAAI,CACf,KAAC,MAAM,IACL,EAAE,EAAE,mBAAmB,EACvB,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE;oDACZ,QAAQ,CAAC,KAAK,EAAE,CAAC;oDACjB,UAAU,CAAC,oBAAoB,CAAC,CAAC;gDACnC,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,CACV,IACI,IACF,EAEN,WAAW,KAAK,OAAO;gCACtB,CAAC,YAAY;gCACb,CAAC,sBAAsB,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,YACvC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAC7B,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,YAEnE,cAAc,EAAE,GACZ,CACR,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IACP,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,SACZ,CACH,GACI,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC/C,MAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EAC3C,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,MAAM,EAAE,OAAO,CAAC,MAAM,aAEtB,KAAC,KAAK,IAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,GAAI,EACtD,MAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC3E,KAAC,IAAI,IACH,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAClE,OAAO,EAAC,IAAI,YAEX,OAAO,CAAC,OAAO,GACX,EACN,OAAO,CAAC,UAAU,IAAI,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YAAE,OAAO,CAAC,UAAU,GAAQ,IACvE,IACF,EACN,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,IACH,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACjB,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,YAEnE,cAAc,EAAE,GACZ,CACR,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IACP,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAC,OAAO,EACnB,YAAY,EAAE,YAAY,GAC1B,CACH,IACI,CACR,CAAC,IACY,EACjB,CAAC,YAAY,IAAI,eAAe,KAAK,WAAW,IAAI,QAAQ,CAAC,QAAQ,IAAI,CACxE,KAAC,aAAa,IACZ,IAAI,EAAE,QAAQ,CAAC,QAAQ,EACvB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB,EAC3C,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,WAAW,EAAE,QAAQ,CAAC,WAAW,GACjC,CACH,IACa,EAEhB,MAAC,UAAU,IACT,WAAW,EAAE,WAAW,mBACT,sBAAsB,gBACzB,SAAS,0BACC,mBAAmB,EACzC,aAAa,EAAE,aAAa,aAE3B,OAAO,IAAI,KAAC,kBAAkB,cAAE,OAAO,GAAsB,EAC7D,IAAI,IACM,EAEZ,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,aAAa,IAAC,KAAK,EAAE,WAAW,YAAG,aAAa,GAAiB,CACnE,CAAC,CAAC,CAAC,CACF,aAAa,CACd,EAED,KAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,eAAe,EAAC,MAAM,EACtB,mBAAmB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAC9C,qBAAqB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACjD,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,CAAC,aAAa,KAAK,CAAC,CAAC,MAAM;wBAAE,aAAa,CAAC,KAAK,CAAC,CAAC;gBACzD,CAAC,YAED,MAAC,MAAM,IACL,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,GAAG,EAAE;wBACjB,WAAW,EAAE,CAAC;wBACd,IAAI,aAAa,KAAK,eAAe,EAAE,CAAC;4BACtC,aAAa,EAAE,oBAAoB,EAAE,EAAE,CAAC;wBAC1C,CAAC;oBACH,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;wBAChB,IAAI,aAAa,KAAK,eAAe,EAAE,CAAC;4BACtC,aAAa,EAAE,mBAAmB,EAAE,EAAE,CAAC;wBACzC,CAAC;oBACH,CAAC,EACD,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,GAAG,EACd,IAAI,EAAC,gCAAgC,EACrC,cAAc,mBAEb,aAAa,KAAK,eAAe,IAAI,aAAa,IAAI,CACrD,KAAC,aAAa,OAAK,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GAAI,CAC1E,EACA,aAAa,KAAK,oBAAoB,IAAI,CACzC,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EACN,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,cAAc,EAE/E,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACnC,CACH,IACM,GACA,IACV,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport type { ElementType, PropsWithoutRef } from 'react';\n\nimport {\n Avatar,\n Backdrop,\n Button,\n ThemeOverride,\n ContextSwitcher,\n debounce,\n Drawer,\n Flex,\n Icon,\n Image,\n Popover,\n registerIcon,\n SearchInput,\n SkipLinks,\n Text,\n useBreakpoint,\n useConsolidatedRef,\n useDirection,\n useElement,\n useEscape,\n useFocusWithin,\n useI18n,\n useOuterEvent,\n usePreviewManager,\n useTheme,\n VisuallyHiddenText,\n MenuButton,\n ThemeSwitcher\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, SkipLinksProps } from '@pega/cosmos-react-core';\nimport Operator from '@pega/cosmos-react-core/lib/components/AppShell/Operator';\nimport { StyledAppHeaderOperator } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport * as shareExternalIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/share-external.icon';\nimport { getHeaderTheme } from '@pega/cosmos-react-core/lib/components/AppShell/style-utils';\nimport useThemeMode from '@pega/cosmos-react-core/lib/hooks/useThemeMode';\n\nimport Footer from '../Footer';\nimport type { FooterMenuProps } from '../Footer';\n\nimport type { AppShellProps, NavLinkProps } from './AppShell.types';\nimport { flattenMenuItems, toFooterMenuEntries } from './AppShell.utils';\nimport {\n WSSAppShellGlobalStyle,\n StyledAppHeader,\n StyledCountIcon,\n StyledHamburgerMenu,\n StyledMain,\n StyledNotificationCount,\n StyledMainMenuLink,\n StyledNav,\n StyledPrimaryName,\n StyledEndNavBlock,\n StyledBannerRegion,\n StyledShareButtonContent\n} from './AppShell.styles';\nimport Notifications from './Notifications';\nimport MobileHeaderContent from './MobileHeaderContent';\nimport NavLinks from './NavLinks';\nimport AppShellMenuControl from './AppShellMenuControl';\nimport { MegaMenuPanel, MegaMenuTriggers, useMegaMenu } from './MegaMenu';\n\nregisterIcon(shareExternalIcon);\n\nconst AppShell: ForwardRefForwardPropsComponent<AppShellProps> = forwardRef(function AppShell(\n props: PropsWithoutRef<AppShellProps>,\n ref: AppShellProps['ref']\n) {\n const {\n main,\n banners,\n appInfo,\n mainNav,\n navLinks: deprecatedNavLinks,\n operator,\n notifications,\n searchInput,\n contextSwitcher = {},\n navAlignment = 'end',\n navPosition = 'inline',\n isDefaultWSS = true,\n helpMenu,\n shareApp,\n portalSwitcher,\n footer\n } = props;\n const configuredMainMenu = Array.isArray(mainNav) ? undefined : mainNav;\n let legacyNavLinks: NavLinkProps[];\n if (Array.isArray(mainNav)) {\n legacyNavLinks = mainNav;\n } else if (mainNav !== undefined) {\n legacyNavLinks = configuredMainMenu?.fallbackLinks ?? [];\n } else {\n legacyNavLinks = deprecatedNavLinks ?? [];\n }\n const mainMenuVariant = configuredMainMenu?.variant ?? 'mega-menu';\n const configuredFooterMenu = footer && !Array.isArray(footer) ? footer : undefined;\n const footerLinks = Array.isArray(footer) ? footer : configuredFooterMenu?.fallbackLinks ?? [];\n const t = useI18n();\n const {\n contexts,\n onContextClick,\n label: contextSwitcherLabel = t('switch_to')\n } = contextSwitcher;\n const [backdropOpen, setBackdropOpen] = useState(false);\n const [drawerOpen, setDrawerOpen] = useState(false);\n const [drawerContent, setDrawerContent] = useState('');\n const [notificationsPopover, setNotificationsPopover] = useState(false);\n const [searchExpanded, setSearchExpanded] = useState(false);\n const [linksCollapsed, setLinksCollapsed] = useState(false);\n const [hasMobileNav, setHasMobileNav] = useState(true);\n\n const [headerEl, setHeaderEl] = useElement<HTMLElement>();\n const [navSectionEl, setNavSectionEl] = useElement<HTMLDivElement>();\n const [popoverEl, setPopoverEl] = useElement<HTMLDivElement>();\n const [notificationsButtonEl, setNotificationsButtonEl] = useElement<HTMLButtonElement>();\n const [searchContainerEl, setSearchContainerEl] = useElement<HTMLDivElement>();\n const [footerEl, setFooterEl] = useElement<HTMLElement>();\n const [configuredFooterHeight, setConfiguredFooterHeight] = useState<string>();\n const searchInputRef = useRef<HTMLInputElement>(null);\n const minInlineWidth = useRef(0);\n const theme = useTheme();\n const { previewActive } = usePreviewManager();\n const { themeMode, onThemeModeChange } = useThemeMode();\n const headerTheme = useMemo(() => getHeaderTheme(theme), [theme]);\n\n const headerRef = useConsolidatedRef(setHeaderEl, ref);\n\n const isSmallOrAbove = useBreakpoint('sm');\n const configuredMainMenuItems = configuredMainMenu?.items;\n const resolvedMainMenu = useMemo(\n () => configuredMainMenuItems?.filter(Boolean) ?? [],\n [configuredMainMenuItems]\n );\n const resolvedFooterMenu = useMemo<FooterMenuProps \| undefined>(() => {\n if (!configuredFooterMenu?.items.length) return undefined;\n if (configuredFooterMenu.variant === 'fat-footer') {\n const items = toFooterMenuEntries(configuredFooterMenu.items);\n return items.length ? { variant: 'fat-footer', items } : undefined;\n }\n\n const items = flattenMenuItems(configuredFooterMenu.items).map(item => ({\n type: 'link' as const,\n id: item.id,\n label: item.text,\n ...(item.onClick && { onClick: item.onClick })\n }));\n return items.length ? { variant: configuredFooterMenu.variant, items } : undefined;\n }, [configuredFooterMenu]);\n const hasConfiguredFooter = !!configuredFooterMenu;\n\n useEffect(() => {\n if (!footerEl \|\| !hasConfiguredFooter) {\n setConfiguredFooterHeight(undefined);\n return undefined;\n }\n\n const measureFooter = () => {\n const root = footerEl.ownerDocument.documentElement;\n const rootFontSize = parseFloat(getComputedStyle(root).fontSize);\n const height = footerEl.getBoundingClientRect().height;\n if (rootFontSize > 0 && height > 0) {\n setConfiguredFooterHeight(`${height / rootFontSize}rem`);\n }\n };\n\n measureFooter();\n const observer = new ResizeObserver(measureFooter);\n observer.observe(footerEl);\n return () => observer.disconnect();\n }, [footerEl, hasConfiguredFooter]);\n\n const activeNavItems = resolvedMainMenu.length ? resolvedMainMenu : legacyNavLinks;\n const mainMenuPanelId = useId();\n const megaMenu = useMegaMenu({\n menus: resolvedMainMenu,\n navElement: navSectionEl,\n isMobile: hasMobileNav\n });\n const { end } = useDirection();\n\n let appInfoAs: ElementType = 'div';\n if (appInfo.href) appInfoAs = 'a';\n else if (appInfo.onClick) appInfoAs = BareButton;\n\n const skipLinks: SkipLinksProps['items'] = useMemo(\n () => [\n {\n label: t('go_to_main_content'),\n target: { ariaLabel: t('main_content'), selector: 'main' }\n }\n ],\n [t]\n );\n\n const closeNotificationsPopover = useCallback(() => {\n if (!notificationsPopover) return;\n\n setNotificationsPopover(false);\n notifications?.onNotificationsClose?.();\n\n notificationsButtonEl?.focus();\n }, [notificationsPopover, notifications, notificationsButtonEl]);\n\n const closeDrawer = () => {\n setDrawerContent('');\n setBackdropOpen(false);\n };\n\n const openDrawer = (content: 'notifications' \| 'navigationOperator') => {\n setDrawerContent(content);\n setBackdropOpen(true);\n };\n\n useOuterEvent('mousedown', [popoverEl, notificationsButtonEl], closeNotificationsPopover);\n\n useEscape(closeNotificationsPopover, popoverEl);\n\n const debouncedResize = debounce((entries: ResizeObserverEntry[]) => {\n if (entries[0].contentRect.width > minInlineWidth.current) {\n setLinksCollapsed(false);\n }\n }, 100);\n\n useEffect(() => {\n minInlineWidth.current = 0;\n\n if (isSmallOrAbove) {\n setLinksCollapsed(false);\n }\n }, [isSmallOrAbove, navAlignment, activeNavItems, mainMenuVariant, navPosition, isDefaultWSS]);\n\n useEffect(() => {\n if (!headerEl) return undefined;\n\n const resizeObserver = new ResizeObserver(debouncedResize);\n resizeObserver.observe(headerEl);\n\n let intersectionObserver: IntersectionObserver \| undefined;\n\n if (navSectionEl?.firstElementChild && navSectionEl?.lastElementChild) {\n const firstNavItem = navSectionEl.firstElementChild;\n const lastNavItem = navSectionEl.lastElementChild;\n\n intersectionObserver = new IntersectionObserver(\n entries => {\n if (entries.some(({ intersectionRatio }) => intersectionRatio < 1) && !linksCollapsed) {\n minInlineWidth.current = headerEl.clientWidth + 1;\n setLinksCollapsed(true);\n } else {\n navSectionEl.style.visibility = 'visible';\n }\n },\n { root: navSectionEl, threshold: 1 }\n );\n\n intersectionObserver.observe(firstNavItem);\n\n if (lastNavItem !== firstNavItem) {\n intersectionObserver.observe(lastNavItem);\n }\n }\n\n return () => {\n intersectionObserver?.disconnect();\n resizeObserver.disconnect();\n };\n }, [\n headerEl,\n navSectionEl,\n activeNavItems,\n mainMenuVariant,\n navAlignment,\n navPosition,\n linksCollapsed\n ]);\n\n useEffect(() => {\n setHasMobileNav(!isSmallOrAbove \|\| linksCollapsed);\n }, [isSmallOrAbove, linksCollapsed]);\n\n useEffect(() => {\n if (searchExpanded) searchInputRef.current?.focus();\n }, [searchExpanded]);\n\n useFocusWithin([searchContainerEl], isFocused => {\n if (!isFocused && searchExpanded && !searchInput?.value) {\n setSearchExpanded(false);\n }\n });\n\n useEffect(() => {\n if (!hasMobileNav && drawerOpen) {\n if (drawerContent === 'notifications' && notifications) {\n setNotificationsPopover(true);\n }\n setDrawerOpen(false);\n } else if (hasMobileNav && notificationsPopover) {\n setNotificationsPopover(false);\n openDrawer('notifications');\n }\n }, [hasMobileNav, drawerOpen]);\n\n const hasFooter = !!(footerLinks.length \|\| resolvedFooterMenu);\n const useDefaultInlineLayout = isDefaultWSS \|\| navPosition === 'inline';\n const renderMainMenu = () => {\n if (mainMenuVariant === 'individual-menus') {\n return resolvedMainMenu.map(menu => (\n <StyledMainMenuLink\n as={AppShellMenuControl}\n key={menu.id}\n menu={menu}\n $isDefaultWSS={isDefaultWSS}\n $navPosition={navPosition}\n />\n ));\n }\n\n return (\n <MegaMenuTriggers\n menus={resolvedMainMenu}\n openId={megaMenu.openMenuId}\n panelId={mainMenuPanelId}\n onOpenChange={megaMenu.onOpenChange}\n onTriggerOpen={megaMenu.onTriggerOpen}\n isDefaultWSS={isDefaultWSS}\n navPosition={navPosition}\n />\n );\n };\n const shareLabel = shareApp?.label ?? t('app_shell_share');\n let footerElement = null;\n if (resolvedFooterMenu) {\n footerElement = (\n <Footer\n source='menu'\n menu={resolvedFooterMenu}\n fallbackLinks={footerLinks}\n elementRef={setFooterEl}\n />\n );\n } else if (footerLinks.length) {\n footerElement = <Footer source='legacy' links={footerLinks} elementRef={setFooterEl} />;\n }\n\n return (\n <>\n <WSSAppShellGlobalStyle\n navPosition={navPosition}\n hasFooter={hasFooter}\n configuredFooterHeight={hasConfiguredFooter ? configuredFooterHeight : undefined}\n hasMobileNav={hasMobileNav}\n isDefaultWSS={useDefaultInlineLayout}\n />\n <SkipLinks items={skipLinks} />\n <ThemeOverride theme={headerTheme}>\n <StyledAppHeader\n ref={headerRef}\n navPosition={navPosition}\n $isDefaultWSS={isDefaultWSS}\n $hasMobileNav={hasMobileNav}\n >\n <Flex\n container={{\n alignItems: 'center',\n justify: 'between',\n pad: navPosition === 'below' ? [1, 0] : 0\n }}\n >\n {useDefaultInlineLayout ? (\n <>\n <Flex container={{ alignItems: 'center' }}>\n {contexts && onContextClick && contexts.length > 1 && (\n <ContextSwitcher\n contexts={contexts}\n onContextClick={onContextClick}\n label={contextSwitcherLabel}\n container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n />\n )}\n\n <Flex\n as={appInfoAs}\n container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n href={appInfo.href}\n onClick={appInfo.onClick}\n target={appInfo.target}\n >\n <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n {!hasMobileNav && (\n <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n <Text\n as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n variant='h1'\n >\n {appInfo.appName}\n </Text>\n {appInfo.portalName && (\n <Text variant='secondary'>{appInfo.portalName}</Text>\n )}\n </Flex>\n )}\n </Flex>\n </Flex>\n\n {!hasMobileNav &&\n navPosition === 'inline' &&\n (resolvedMainMenu.length ? (\n <Flex\n as={StyledNav}\n ref={setNavSectionEl}\n item={{ grow: 1, basis: '0' }}\n container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n >\n {renderMainMenu()}\n </Flex>\n ) : (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition={navPosition}\n isDefaultWSS\n />\n ))}\n\n {!hasMobileNav && navPosition !== 'inline' && resolvedMainMenu.length === 0 && (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition={navPosition}\n isDefaultWSS\n />\n )}\n </>\n ) : (\n <Flex container={{ alignItems: 'center' }}>\n {contexts && onContextClick && contexts.length > 1 && (\n <ContextSwitcher\n contexts={contexts}\n onContextClick={onContextClick}\n label={contextSwitcherLabel}\n container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n />\n )}\n\n {navPosition !== 'below' \|\| hasMobileNav ? (\n <Flex\n as={appInfoAs}\n container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n href={appInfo.href}\n onClick={appInfo.onClick}\n target={appInfo.target}\n >\n <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n {!hasMobileNav && (\n <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n <Text\n as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n variant='h1'\n >\n {appInfo.appName}\n </Text>\n {appInfo.portalName && (\n <Text variant='secondary'>{appInfo.portalName}</Text>\n )}\n </Flex>\n )}\n </Flex>\n ) : null}\n </Flex>\n )}\n\n <Flex\n as={StyledEndNavBlock}\n container={{ alignItems: 'center', gap: 1 }}\n mobile={hasMobileNav}\n >\n {!hasMobileNav && searchInput && (\n <div ref={setSearchContainerEl} role='search' aria-label={t('search')}>\n {searchExpanded ? (\n <SearchInput\n {...searchInput}\n ref={searchInputRef}\n onSearchSubmit={\n searchInput.onSearchSubmit\n ? value => {\n searchInput.onSearchSubmit?.(value);\n setSearchExpanded(false);\n }\n : undefined\n }\n />\n ) : (\n <Button\n icon\n variant='simple'\n label={t('search')}\n aria-label={t('expand_search')}\n onClick={() => setSearchExpanded(true)}\n >\n <Icon name='search' />\n </Button>\n )}\n </div>\n )}\n\n {onThemeModeChange && (\n <ThemeSwitcher themeMode={themeMode} onThemeModeChange={onThemeModeChange} />\n )}\n\n {notifications && (\n <>\n <Button\n ref={setNotificationsButtonEl}\n variant='simple'\n label={t('open_app_header_notifications')}\n icon\n onClick={() => {\n if (!hasMobileNav) {\n if (notificationsPopover) {\n setNotificationsPopover(false);\n notifications.onNotificationsClose?.();\n } else {\n setNotificationsPopover(true);\n notifications.onNotificationsOpen?.();\n }\n } else {\n openDrawer('notifications');\n }\n }}\n >\n <StyledNotificationCount>\n <Icon name='bell' />\n {!!notifications.count && (\n <StyledCountIcon variant='urgent'>{notifications.count}</StyledCountIcon>\n )}\n </StyledNotificationCount>\n </Button>\n <Popover\n ref={setPopoverEl}\n show={notificationsPopover}\n target={notificationsButtonEl}\n placement='bottom-end'\n >\n <Notifications {...notifications} popover />\n </Popover>\n </>\n )}\n\n {helpMenu && (\n <MenuButton\n variant='simple'\n icon='help'\n text={t('app_header_help')}\n iconOnly\n menu={{\n items: helpMenu\n }}\n />\n )}\n\n {portalSwitcher && <MenuButton {...portalSwitcher} iconOnly={hasMobileNav} />}\n\n {shareApp &&\n (hasMobileNav ? (\n <Button variant='secondary' icon label={shareLabel} onClick={shareApp.onClick}>\n <StyledShareButtonContent name='share-external' set='budicon' />\n </Button>\n ) : (\n <Button variant='secondary' onClick={shareApp.onClick}>\n <StyledShareButtonContent name='share-external' set='budicon' />\n <span>{shareLabel}</span>\n </Button>\n ))}\n\n {!hasMobileNav && (\n <Operator\n as={StyledAppHeaderOperator}\n actions={operator.actions}\n popover={{ placement: 'bottom-start' }}\n name={operator.avatar.name}\n >\n <Avatar {...operator.avatar} />\n </Operator>\n )}\n\n {hasMobileNav && (\n <Button\n as={StyledHamburgerMenu}\n label={t('open_app_header_drawer')}\n variant='simple'\n icon\n onClick={() => {\n megaMenu.close();\n openDrawer('navigationOperator');\n }}\n >\n <Icon name='bars' />\n </Button>\n )}\n </Flex>\n </Flex>\n\n {navPosition === 'below' &&\n !hasMobileNav &&\n (useDefaultInlineLayout ? (\n <Flex container={{ justify: navAlignment }}>\n {resolvedMainMenu.length ? (\n <Flex\n as={StyledNav}\n ref={setNavSectionEl}\n item={{ grow: 1, basis: '0' }}\n container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n >\n {renderMainMenu()}\n </Flex>\n ) : (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition={navPosition}\n isDefaultWSS\n />\n )}\n </Flex>\n ) : (\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <Flex\n as={appInfoAs}\n container={{ alignItems: 'center', gap: 1 }}\n href={appInfo.href}\n onClick={appInfo.onClick}\n target={appInfo.target}\n >\n <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'center' }}>\n <Text\n as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n variant='h1'\n >\n {appInfo.appName}\n </Text>\n {appInfo.portalName && <Text variant='secondary'>{appInfo.portalName}</Text>}\n </Flex>\n </Flex>\n {resolvedMainMenu.length ? (\n <Flex\n as={StyledNav}\n ref={setNavSectionEl}\n item={{ grow: 1 }}\n container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n >\n {renderMainMenu()}\n </Flex>\n ) : (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition='below'\n isDefaultWSS={isDefaultWSS}\n />\n )}\n </Flex>\n ))}\n </StyledAppHeader>\n {!hasMobileNav && mainMenuVariant === 'mega-menu' && megaMenu.openMenu && (\n <MegaMenuPanel\n menu={megaMenu.openMenu}\n panelId={mainMenuPanelId}\n panelRef={megaMenu.panelRef}\n onClose={megaMenu.onClose}\n onTabForwardExit={megaMenu.onTabForwardExit}\n onActionClose={megaMenu.onActionClose}\n focusOnOpen={megaMenu.focusOnOpen}\n />\n )}\n </ThemeOverride>\n\n <StyledMain\n navPosition={navPosition}\n $isDefaultWSS={useDefaultInlineLayout}\n $hasFooter={hasFooter}\n $hasConfiguredFooter={hasConfiguredFooter}\n previewActive={previewActive}\n >\n {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n {main}\n </StyledMain>\n\n {resolvedFooterMenu ? (\n <ThemeOverride theme={headerTheme}>{footerElement}</ThemeOverride>\n ) : (\n footerElement\n )}\n\n <Backdrop\n open={backdropOpen}\n transitionSpeed='none'\n onAfterTransitionIn={() => setDrawerOpen(true)}\n onBeforeTransitionOut={() => setDrawerOpen(false)}\n onClick={e => {\n if (e.currentTarget === e.target) setDrawerOpen(false);\n }}\n >\n <Drawer\n open={drawerOpen}\n onAfterClose={() => {\n closeDrawer();\n if (drawerContent === 'notifications') {\n notifications?.onNotificationsClose?.();\n }\n }}\n onAfterOpen={() => {\n if (drawerContent === 'notifications') {\n notifications?.onNotificationsOpen?.();\n }\n }}\n position='fixed'\n placement={end}\n size='min(26rem, calc(100vw - 5rem))'\n nullWhenClosed\n >\n {drawerContent === 'notifications' && notifications && (\n <Notifications {...notifications} onClose={() => setDrawerOpen(false)} />\n )}\n {drawerContent === 'navigationOperator' && (\n <MobileHeaderContent\n appInfo={appInfo}\n navLinks={\n resolvedMainMenu.length ? flattenMenuItems(resolvedMainMenu) : legacyNavLinks\n }\n operator={operator}\n onClose={() => setDrawerOpen(false)}\n />\n )}\n </Drawer>\n </Backdrop>\n </>\n );\n});\n\nexport default AppShell;\n"]}
1	+ {"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport type { ElementType, MouseEvent, PropsWithoutRef } from 'react';\n\nimport {\n Avatar,\n Backdrop,\n Button,\n ThemeOverride,\n ContextSwitcher,\n debounce,\n Drawer,\n Flex,\n Icon,\n Image,\n Popover,\n registerIcon,\n SearchInput,\n SkipLinks,\n Text,\n useBreakpoint,\n useConsolidatedRef,\n useDirection,\n useElement,\n useEscape,\n useFocusWithin,\n useI18n,\n useOuterEvent,\n usePreviewManager,\n useTheme,\n VisuallyHiddenText,\n MenuButton,\n ThemeSwitcher\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, SkipLinksProps } from '@pega/cosmos-react-core';\nimport Operator from '@pega/cosmos-react-core/lib/components/AppShell/Operator';\nimport {\n StyledAppHeaderOperator,\n StyledContextSwitcher\n} from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport * as shareExternalIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/share-external.icon';\nimport { getHeaderTheme } from '@pega/cosmos-react-core/lib/components/AppShell/style-utils';\nimport useThemeMode from '@pega/cosmos-react-core/lib/hooks/useThemeMode';\n\nimport Footer from '../Footer';\nimport type { FooterMenuProps } from '../Footer';\n\nimport type { AppShellProps, NavLinkProps, NavMenuItemProps, NavMenuProps } from './AppShell.types';\nimport { flattenMenuItems, toFooterMenuEntries } from './AppShell.utils';\nimport {\n WSSAppShellGlobalStyle,\n StyledAppHeader,\n StyledCountIcon,\n StyledHamburgerMenu,\n StyledMain,\n StyledNotificationCount,\n StyledMainMenuLink,\n StyledNav,\n StyledPrimaryName,\n StyledEndNavBlock,\n StyledBannerRegion,\n StyledShareButtonContent\n} from './AppShell.styles';\nimport Notifications from './Notifications';\nimport MobileHeaderContent from './MobileHeaderContent';\nimport NavLinks from './NavLinks';\nimport AppShellMenuControl from './AppShellMenuControl';\nimport { MegaMenuPanel, MegaMenuTriggers, useMegaMenu } from './MegaMenu';\n\nregisterIcon(shareExternalIcon);\n\nconst AppShell: ForwardRefForwardPropsComponent<AppShellProps> = forwardRef(function AppShell(\n props: PropsWithoutRef<AppShellProps>,\n ref: AppShellProps['ref']\n) {\n const {\n main,\n banners,\n appInfo,\n mainNav,\n navLinks: deprecatedNavLinks,\n appSwitcherMenu: configuredAppSwitcherMenu,\n operator,\n notifications,\n searchInput,\n contextSwitcher = {},\n navAlignment = 'end',\n navPosition = 'inline',\n isDefaultWSS = true,\n helpMenu,\n shareApp,\n portalSwitcher,\n footer\n } = props;\n const configuredMainMenu = Array.isArray(mainNav) ? undefined : mainNav;\n let legacyNavLinks: NavLinkProps[];\n if (Array.isArray(mainNav)) {\n legacyNavLinks = mainNav;\n } else if (mainNav !== undefined) {\n legacyNavLinks = configuredMainMenu?.fallbackLinks ?? [];\n } else {\n legacyNavLinks = deprecatedNavLinks ?? [];\n }\n const mainMenuVariant = configuredMainMenu?.variant ?? 'mega-menu';\n const configuredFooterMenu = footer && !Array.isArray(footer) ? footer : undefined;\n const footerLinks = Array.isArray(footer) ? footer : configuredFooterMenu?.fallbackLinks ?? [];\n const t = useI18n();\n const {\n contexts,\n onContextClick,\n label: contextSwitcherLabel = t('switch_to')\n } = contextSwitcher;\n const appSwitcherMegaMenuItems =\n configuredAppSwitcherMenu?.variant === 'mega-menu' ? configuredAppSwitcherMenu.items : [];\n const appSwitcherMegaMenuContent = useMemo<NavMenuProps>(\n () => ({\n id: 'app-switcher-menu',\n label: contextSwitcherLabel,\n items: appSwitcherMegaMenuItems.map<NavMenuItemProps>(menu => ({\n id: menu.id,\n primary: menu.label,\n ...(menu.items?.length ? { items: menu.items } : {}),\n ...(menu.onClick ? { onClick: menu.onClick } : {}),\n ...(menu.disabled ? { disabled: true } : {})\n }))\n }),\n [appSwitcherMegaMenuItems, contextSwitcherLabel]\n );\n const [backdropOpen, setBackdropOpen] = useState(false);\n const [drawerOpen, setDrawerOpen] = useState(false);\n const [drawerContent, setDrawerContent] = useState('');\n const [notificationsPopover, setNotificationsPopover] = useState(false);\n const [searchExpanded, setSearchExpanded] = useState(false);\n const [linksCollapsed, setLinksCollapsed] = useState(false);\n const [hasMobileNav, setHasMobileNav] = useState(true);\n\n const [headerEl, setHeaderEl] = useElement<HTMLElement>();\n const [navSectionEl, setNavSectionEl] = useElement<HTMLDivElement>();\n const [appSwitcherNavEl, setAppSwitcherNavEl] = useElement<HTMLDivElement>();\n const [popoverEl, setPopoverEl] = useElement<HTMLDivElement>();\n const [notificationsButtonEl, setNotificationsButtonEl] = useElement<HTMLButtonElement>();\n const [searchContainerEl, setSearchContainerEl] = useElement<HTMLDivElement>();\n const [footerEl, setFooterEl] = useElement<HTMLElement>();\n const [configuredFooterHeight, setConfiguredFooterHeight] = useState<string>();\n const searchInputRef = useRef<HTMLInputElement>(null);\n const minInlineWidth = useRef(0);\n const theme = useTheme();\n const { previewActive } = usePreviewManager();\n const { themeMode, onThemeModeChange } = useThemeMode();\n const headerTheme = useMemo(() => getHeaderTheme(theme), [theme]);\n\n const headerRef = useConsolidatedRef(setHeaderEl, ref);\n\n const isSmallOrAbove = useBreakpoint('sm');\n const configuredMainMenuItems = configuredMainMenu?.items;\n const resolvedMainMenu = useMemo(\n () => configuredMainMenuItems?.filter(Boolean) ?? [],\n [configuredMainMenuItems]\n );\n const resolvedFooterMenu = useMemo<FooterMenuProps \| undefined>(() => {\n if (!configuredFooterMenu?.items.length) return undefined;\n if (configuredFooterMenu.variant === 'fat-footer') {\n const items = toFooterMenuEntries(configuredFooterMenu.items);\n return items.length ? { variant: 'fat-footer', items } : undefined;\n }\n\n const items = flattenMenuItems(configuredFooterMenu.items).map(item => ({\n type: 'link' as const,\n id: item.id,\n label: item.text,\n ...(item.onClick && { onClick: item.onClick })\n }));\n return items.length ? { variant: configuredFooterMenu.variant, items } : undefined;\n }, [configuredFooterMenu]);\n const hasConfiguredFooter = !!configuredFooterMenu;\n\n useEffect(() => {\n if (!footerEl \|\| !hasConfiguredFooter) {\n setConfiguredFooterHeight(undefined);\n return undefined;\n }\n\n const measureFooter = () => {\n const root = footerEl.ownerDocument.documentElement;\n const rootFontSize = parseFloat(getComputedStyle(root).fontSize);\n const height = footerEl.getBoundingClientRect().height;\n if (rootFontSize > 0 && height > 0) {\n setConfiguredFooterHeight(`${height / rootFontSize}rem`);\n }\n };\n\n measureFooter();\n const observer = new ResizeObserver(measureFooter);\n observer.observe(footerEl);\n return () => observer.disconnect();\n }, [footerEl, hasConfiguredFooter]);\n\n const activeNavItems = resolvedMainMenu.length ? resolvedMainMenu : legacyNavLinks;\n const mainMenuPanelId = useId();\n const appSwitcherPanelId = useId();\n const megaMenu = useMegaMenu({\n menus: resolvedMainMenu,\n navElement: navSectionEl,\n isMobile: hasMobileNav\n });\n const appSwitcherMegaMenu = useMegaMenu({\n menus: [appSwitcherMegaMenuContent],\n navElement: appSwitcherNavEl,\n isMobile: hasMobileNav\n });\n const { end } = useDirection();\n\n let appInfoAs: ElementType = 'div';\n if (appInfo.href) appInfoAs = 'a';\n else if (appInfo.onClick) appInfoAs = BareButton;\n\n const skipLinks: SkipLinksProps['items'] = useMemo(\n () => [\n {\n label: t('go_to_main_content'),\n target: { ariaLabel: t('main_content'), selector: 'main' }\n }\n ],\n [t]\n );\n\n const closeNotificationsPopover = useCallback(() => {\n if (!notificationsPopover) return;\n\n setNotificationsPopover(false);\n notifications?.onNotificationsClose?.();\n\n notificationsButtonEl?.focus();\n }, [notificationsPopover, notifications, notificationsButtonEl]);\n\n const closeDrawer = () => {\n setDrawerContent('');\n setBackdropOpen(false);\n };\n\n const openDrawer = (content: 'notifications' \| 'navigationOperator') => {\n setDrawerContent(content);\n setBackdropOpen(true);\n };\n\n useOuterEvent('mousedown', [popoverEl, notificationsButtonEl], closeNotificationsPopover);\n\n useEscape(closeNotificationsPopover, popoverEl);\n\n const debouncedResize = debounce((entries: ResizeObserverEntry[]) => {\n if (entries[0].contentRect.width > minInlineWidth.current) {\n setLinksCollapsed(false);\n }\n }, 100);\n\n useEffect(() => {\n minInlineWidth.current = 0;\n\n if (isSmallOrAbove) {\n setLinksCollapsed(false);\n }\n }, [isSmallOrAbove, navAlignment, activeNavItems, mainMenuVariant, navPosition, isDefaultWSS]);\n\n useEffect(() => {\n if (!headerEl) return undefined;\n\n const resizeObserver = new ResizeObserver(debouncedResize);\n resizeObserver.observe(headerEl);\n\n let intersectionObserver: IntersectionObserver \| undefined;\n\n if (navSectionEl?.firstElementChild && navSectionEl?.lastElementChild) {\n const firstNavItem = navSectionEl.firstElementChild;\n const lastNavItem = navSectionEl.lastElementChild;\n\n intersectionObserver = new IntersectionObserver(\n entries => {\n if (entries.some(({ intersectionRatio }) => intersectionRatio < 1) && !linksCollapsed) {\n minInlineWidth.current = headerEl.clientWidth + 1;\n setLinksCollapsed(true);\n } else {\n navSectionEl.style.visibility = 'visible';\n }\n },\n { root: navSectionEl, threshold: 1 }\n );\n\n intersectionObserver.observe(firstNavItem);\n\n if (lastNavItem !== firstNavItem) {\n intersectionObserver.observe(lastNavItem);\n }\n }\n\n return () => {\n intersectionObserver?.disconnect();\n resizeObserver.disconnect();\n };\n }, [\n headerEl,\n navSectionEl,\n activeNavItems,\n mainMenuVariant,\n navAlignment,\n navPosition,\n linksCollapsed\n ]);\n\n useEffect(() => {\n setHasMobileNav(!isSmallOrAbove \|\| linksCollapsed);\n }, [isSmallOrAbove, linksCollapsed]);\n\n useEffect(() => {\n if (searchExpanded) searchInputRef.current?.focus();\n }, [searchExpanded]);\n\n useFocusWithin([searchContainerEl], isFocused => {\n if (!isFocused && searchExpanded && !searchInput?.value) {\n setSearchExpanded(false);\n }\n });\n\n useEffect(() => {\n if (!hasMobileNav && drawerOpen) {\n if (drawerContent === 'notifications' && notifications) {\n setNotificationsPopover(true);\n }\n setDrawerOpen(false);\n } else if (hasMobileNav && notificationsPopover) {\n setNotificationsPopover(false);\n openDrawer('notifications');\n }\n }, [hasMobileNav, drawerOpen]);\n\n const hasFooter = !!(footerLinks.length \|\| resolvedFooterMenu);\n const useDefaultInlineLayout = isDefaultWSS \|\| navPosition === 'inline';\n const renderMainMenu = () => {\n if (mainMenuVariant === 'individual-menus') {\n return resolvedMainMenu.map(menu => (\n <StyledMainMenuLink\n as={AppShellMenuControl}\n key={menu.id}\n menu={menu}\n $isDefaultWSS={isDefaultWSS}\n $navPosition={navPosition}\n />\n ));\n }\n\n return (\n <MegaMenuTriggers\n menus={resolvedMainMenu}\n openId={megaMenu.openMenuId}\n panelId={mainMenuPanelId}\n onOpenChange={id => {\n appSwitcherMegaMenu.close();\n megaMenu.onOpenChange(id);\n }}\n onTriggerOpen={megaMenu.onTriggerOpen}\n isDefaultWSS={isDefaultWSS}\n navPosition={navPosition}\n />\n );\n };\n const renderAppSwitcher = (allowLegacyContextSwitcher: boolean) => {\n if (\n configuredAppSwitcherMenu?.variant === 'mega-menu' &&\n configuredAppSwitcherMenu.items.length &&\n !hasMobileNav\n ) {\n return (\n <Flex\n as={StyledContextSwitcher}\n ref={setAppSwitcherNavEl}\n container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n >\n <Button\n variant='simple'\n icon\n label={contextSwitcherLabel}\n aria-label={contextSwitcherLabel}\n aria-expanded={appSwitcherMegaMenu.openMenuId === appSwitcherMegaMenuContent.id}\n aria-controls={\n appSwitcherMegaMenu.openMenuId === appSwitcherMegaMenuContent.id\n ? appSwitcherPanelId\n : undefined\n }\n onClick={(event: MouseEvent<HTMLButtonElement>) => {\n const isOpen = appSwitcherMegaMenu.openMenuId === appSwitcherMegaMenuContent.id;\n if (!isOpen) {\n appSwitcherMegaMenu.onTriggerOpen(event.currentTarget, event.detail === 0);\n }\n megaMenu.close();\n appSwitcherMegaMenu.onOpenChange(isOpen ? undefined : appSwitcherMegaMenuContent.id);\n }}\n >\n <Icon name='dot-9-solid' />\n </Button>\n </Flex>\n );\n }\n\n const configuredCompactMenu =\n configuredAppSwitcherMenu?.variant === 'context-switcher' \|\|\n (configuredAppSwitcherMenu?.variant === 'mega-menu' && hasMobileNav);\n const shouldRenderContexts = configuredCompactMenu\n ? !!contexts?.length\n : allowLegacyContextSwitcher && (contexts?.length ?? 0) > 1;\n\n if (contexts && onContextClick && shouldRenderContexts) {\n return (\n <ContextSwitcher\n contexts={contexts}\n onContextClick={onContextClick}\n label={contextSwitcherLabel}\n container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n />\n );\n }\n\n return null;\n };\n const shareLabel = shareApp?.label ?? t('app_shell_share');\n let footerElement = null;\n if (resolvedFooterMenu) {\n footerElement = (\n <Footer\n source='menu'\n menu={resolvedFooterMenu}\n fallbackLinks={footerLinks}\n elementRef={setFooterEl}\n />\n );\n } else if (footerLinks.length) {\n footerElement = <Footer source='legacy' links={footerLinks} elementRef={setFooterEl} />;\n }\n\n return (\n <>\n <WSSAppShellGlobalStyle\n navPosition={navPosition}\n hasFooter={hasFooter}\n configuredFooterHeight={hasConfiguredFooter ? configuredFooterHeight : undefined}\n hasMobileNav={hasMobileNav}\n isDefaultWSS={useDefaultInlineLayout}\n />\n <SkipLinks items={skipLinks} />\n <ThemeOverride theme={headerTheme}>\n <StyledAppHeader\n ref={headerRef}\n navPosition={navPosition}\n $isDefaultWSS={isDefaultWSS}\n $hasMobileNav={hasMobileNav}\n >\n <Flex\n container={{\n alignItems: 'center',\n justify: 'between',\n pad: navPosition === 'below' ? [1, 0] : 0\n }}\n >\n {useDefaultInlineLayout ? (\n <>\n <Flex container={{ alignItems: 'center' }}>\n {renderAppSwitcher(true)}\n\n <Flex\n as={appInfoAs}\n container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n href={appInfo.href}\n onClick={appInfo.onClick}\n target={appInfo.target}\n >\n <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n {!hasMobileNav && (\n <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n <Text\n as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n variant='h1'\n >\n {appInfo.appName}\n </Text>\n {appInfo.portalName && (\n <Text variant='secondary'>{appInfo.portalName}</Text>\n )}\n </Flex>\n )}\n </Flex>\n </Flex>\n\n {!hasMobileNav &&\n navPosition === 'inline' &&\n (resolvedMainMenu.length ? (\n <Flex\n as={StyledNav}\n ref={setNavSectionEl}\n item={{ grow: 1, basis: '0' }}\n container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n >\n {renderMainMenu()}\n </Flex>\n ) : (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition={navPosition}\n isDefaultWSS\n />\n ))}\n\n {!hasMobileNav && navPosition !== 'inline' && resolvedMainMenu.length === 0 && (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition={navPosition}\n isDefaultWSS\n />\n )}\n </>\n ) : (\n <Flex container={{ alignItems: 'center' }}>\n {renderAppSwitcher(true)}\n\n {navPosition !== 'below' \|\| hasMobileNav ? (\n <Flex\n as={appInfoAs}\n container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n href={appInfo.href}\n onClick={appInfo.onClick}\n target={appInfo.target}\n >\n <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n {!hasMobileNav && (\n <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n <Text\n as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n variant='h1'\n >\n {appInfo.appName}\n </Text>\n {appInfo.portalName && (\n <Text variant='secondary'>{appInfo.portalName}</Text>\n )}\n </Flex>\n )}\n </Flex>\n ) : null}\n </Flex>\n )}\n\n <Flex\n as={StyledEndNavBlock}\n container={{ alignItems: 'center', gap: 1 }}\n mobile={hasMobileNav}\n >\n {!hasMobileNav && searchInput && (\n <div ref={setSearchContainerEl} role='search' aria-label={t('search')}>\n {searchExpanded ? (\n <SearchInput\n {...searchInput}\n ref={searchInputRef}\n onSearchSubmit={\n searchInput.onSearchSubmit\n ? value => {\n searchInput.onSearchSubmit?.(value);\n setSearchExpanded(false);\n }\n : undefined\n }\n />\n ) : (\n <Button\n icon\n variant='simple'\n label={t('search')}\n aria-label={t('expand_search')}\n onClick={() => setSearchExpanded(true)}\n >\n <Icon name='search' />\n </Button>\n )}\n </div>\n )}\n\n {onThemeModeChange && (\n <ThemeSwitcher themeMode={themeMode} onThemeModeChange={onThemeModeChange} />\n )}\n\n {notifications && (\n <>\n <Button\n ref={setNotificationsButtonEl}\n variant='simple'\n label={t('open_app_header_notifications')}\n icon\n onClick={() => {\n if (!hasMobileNav) {\n if (notificationsPopover) {\n setNotificationsPopover(false);\n notifications.onNotificationsClose?.();\n } else {\n setNotificationsPopover(true);\n notifications.onNotificationsOpen?.();\n }\n } else {\n openDrawer('notifications');\n }\n }}\n >\n <StyledNotificationCount>\n <Icon name='bell' />\n {!!notifications.count && (\n <StyledCountIcon variant='urgent'>{notifications.count}</StyledCountIcon>\n )}\n </StyledNotificationCount>\n </Button>\n <Popover\n ref={setPopoverEl}\n show={notificationsPopover}\n target={notificationsButtonEl}\n placement='bottom-end'\n >\n <Notifications {...notifications} popover />\n </Popover>\n </>\n )}\n\n {helpMenu && (\n <MenuButton\n variant='simple'\n icon='help'\n text={t('app_header_help')}\n iconOnly\n menu={{\n items: helpMenu\n }}\n />\n )}\n\n {portalSwitcher && <MenuButton {...portalSwitcher} iconOnly={hasMobileNav} />}\n\n {shareApp &&\n (hasMobileNav ? (\n <Button variant='secondary' icon label={shareLabel} onClick={shareApp.onClick}>\n <StyledShareButtonContent name='share-external' set='budicon' />\n </Button>\n ) : (\n <Button variant='secondary' onClick={shareApp.onClick}>\n <StyledShareButtonContent name='share-external' set='budicon' />\n <span>{shareLabel}</span>\n </Button>\n ))}\n\n {!hasMobileNav && (\n <Operator\n as={StyledAppHeaderOperator}\n actions={operator.actions}\n popover={{ placement: 'bottom-start' }}\n name={operator.avatar.name}\n >\n <Avatar {...operator.avatar} />\n </Operator>\n )}\n\n {hasMobileNav && (\n <Button\n as={StyledHamburgerMenu}\n label={t('open_app_header_drawer')}\n variant='simple'\n icon\n onClick={() => {\n megaMenu.close();\n openDrawer('navigationOperator');\n }}\n >\n <Icon name='bars' />\n </Button>\n )}\n </Flex>\n </Flex>\n\n {navPosition === 'below' &&\n !hasMobileNav &&\n (useDefaultInlineLayout ? (\n <Flex container={{ justify: navAlignment }}>\n {resolvedMainMenu.length ? (\n <Flex\n as={StyledNav}\n ref={setNavSectionEl}\n item={{ grow: 1, basis: '0' }}\n container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n >\n {renderMainMenu()}\n </Flex>\n ) : (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition={navPosition}\n isDefaultWSS\n />\n )}\n </Flex>\n ) : (\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <Flex\n as={appInfoAs}\n container={{ alignItems: 'center', gap: 1 }}\n href={appInfo.href}\n onClick={appInfo.onClick}\n target={appInfo.target}\n >\n <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'center' }}>\n <Text\n as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n variant='h1'\n >\n {appInfo.appName}\n </Text>\n {appInfo.portalName && <Text variant='secondary'>{appInfo.portalName}</Text>}\n </Flex>\n </Flex>\n {resolvedMainMenu.length ? (\n <Flex\n as={StyledNav}\n ref={setNavSectionEl}\n item={{ grow: 1 }}\n container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n >\n {renderMainMenu()}\n </Flex>\n ) : (\n <NavLinks\n ref={setNavSectionEl}\n navLinks={legacyNavLinks}\n navAlignment={navAlignment}\n navPosition='below'\n isDefaultWSS={isDefaultWSS}\n />\n )}\n </Flex>\n ))}\n </StyledAppHeader>\n {!hasMobileNav && mainMenuVariant === 'mega-menu' && megaMenu.openMenu && (\n <MegaMenuPanel\n menu={megaMenu.openMenu}\n panelId={mainMenuPanelId}\n panelRef={megaMenu.panelRef}\n onClose={megaMenu.onClose}\n onTabForwardExit={megaMenu.onTabForwardExit}\n onActionClose={megaMenu.onActionClose}\n focusOnOpen={megaMenu.focusOnOpen}\n />\n )}\n {!hasMobileNav && appSwitcherMegaMenuItems.length > 0 && appSwitcherMegaMenu.openMenu && (\n <MegaMenuPanel\n menu={appSwitcherMegaMenu.openMenu}\n panelId={appSwitcherPanelId}\n anchorElement={appSwitcherNavEl ?? undefined}\n panelRef={appSwitcherMegaMenu.panelRef}\n onClose={appSwitcherMegaMenu.onClose}\n onTabForwardExit={appSwitcherMegaMenu.onTabForwardExit}\n onActionClose={appSwitcherMegaMenu.onActionClose}\n focusOnOpen={appSwitcherMegaMenu.focusOnOpen}\n />\n )}\n </ThemeOverride>\n\n <StyledMain\n navPosition={navPosition}\n $isDefaultWSS={useDefaultInlineLayout}\n $hasFooter={hasFooter}\n $hasConfiguredFooter={hasConfiguredFooter}\n previewActive={previewActive}\n >\n {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n {main}\n </StyledMain>\n\n {resolvedFooterMenu ? (\n <ThemeOverride theme={headerTheme}>{footerElement}</ThemeOverride>\n ) : (\n footerElement\n )}\n\n <Backdrop\n open={backdropOpen}\n transitionSpeed='none'\n onAfterTransitionIn={() => setDrawerOpen(true)}\n onBeforeTransitionOut={() => setDrawerOpen(false)}\n onClick={e => {\n if (e.currentTarget === e.target) setDrawerOpen(false);\n }}\n >\n <Drawer\n open={drawerOpen}\n onAfterClose={() => {\n closeDrawer();\n if (drawerContent === 'notifications') {\n notifications?.onNotificationsClose?.();\n }\n }}\n onAfterOpen={() => {\n if (drawerContent === 'notifications') {\n notifications?.onNotificationsOpen?.();\n }\n }}\n position='fixed'\n placement={end}\n size='min(26rem, calc(100vw - 5rem))'\n nullWhenClosed\n >\n {drawerContent === 'notifications' && notifications && (\n <Notifications {...notifications} onClose={() => setDrawerOpen(false)} />\n )}\n {drawerContent === 'navigationOperator' && (\n <MobileHeaderContent\n appInfo={appInfo}\n navLinks={\n resolvedMainMenu.length ? flattenMenuItems(resolvedMainMenu) : legacyNavLinks\n }\n operator={operator}\n onClose={() => setDrawerOpen(false)}\n />\n )}\n </Drawer>\n </Backdrop>\n </>\n );\n});\n\nexport default AppShell;\n"]}

package/lib/components/AppShell/AppShell.types.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { MouseEventHandler, ReactNode, Ref } from 'react';
 import type { AvatarProps, BaseProps, ImageProps, MenuItemProps, NoChildrenProp, SearchInputProps, ShareAppConfig, PortalSwitcherConfig } from '@pega/cosmos-react-core';
 import type { ContextSwitcherProps, NavListItemProps } from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.types';
 import type { FooterLink } from '../Footer';
-import type { AppShellNavPosition, FooterMenuConfig, InteractionEvent, MainMenuConfig, NavLinkProps } from './AppShellMenu.types';
+import type { AppShellNavPosition, FooterMenuConfig, InteractionEvent, MainMenuConfig, NavMenuProps, NavLinkProps } from './AppShellMenu.types';
 export type { AppShellMenuControlProps, AppShellNavPosition, FooterMenuConfig, InteractionEvent, MainMenuConfig, MainMenuVariant, MegaMenuColumn, MegaMenuPanelProps, MegaMenuTriggersProps, NavLinkProps, NavMenuEntryProps, NavMenuGroupProps, NavMenuItemProps, NavMenuProps, UseMegaMenuOptions } from './AppShellMenu.types';
 /** Application identity and navigation settings shown in the AppShell header. */
 interface AppInfoProps {
@@ -75,6 +75,11 @@ export interface AppShellProps extends BaseProps, NoChildrenProp {
     appInfo: AppInfoProps;
     /** Context manager configuration. */
     contextSwitcher?: ContextSwitcherProps;
+    /** Configured app-switcher menu and its presentation variant. */
+    appSwitcherMenu?: {
+        variant: 'context-switcher' | 'mega-menu';
+        items: NavMenuProps[];
+    };
     /** Preferred flat links or configured hierarchical menu. */
     mainNav?: NavLinkProps[] | MainMenuConfig;
     /** @deprecated Use `mainNav` for flat links. */

package/lib/components/AppShell/AppShell.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.types.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.types.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"AppShell.types.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,gEAAgE,CAAC;AAExE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EACV,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAE9B,iFAAiF;AACjF,UAAU,YAAY;IACpB,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC5B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,0DAA0D;AAC1D,UAAU,aAAa;IACrB,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;CACrF;AAED,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,yCAAyC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAED,+DAA+D;AAC/D,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAED,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,2DAA2D;AAC3D,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,sCAAsC;IACtC,IAAI,EAAE,SAAS,CAAC;IAChB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,OAAO,EAAE,YAAY,CAAC;IACtB,qCAAqC;IACrC,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,iEAAiE;IACjE,eAAe,CAAC,EAAE;QAChB,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAAC;QAC1C,KAAK,EAAE,YAAY,EAAE,CAAC;KACvB,CAAC;IACF,4DAA4D;IAC5D,OAAO,CAAC,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,mCAAmC;IACnC,QAAQ,EAAE,aAAa,CAAC;IACxB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,oDAAoD;IACpD,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC;IACzC,wCAAwC;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/AppShell/AppShell.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.types.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport type {\n AvatarProps,\n BaseProps,\n ImageProps,\n MenuItemProps,\n NoChildrenProp,\n SearchInputProps,\n ShareAppConfig,\n PortalSwitcherConfig\n} from '@pega/cosmos-react-core';\nimport type {\n ContextSwitcherProps,\n NavListItemProps\n} from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.types';\n\nimport type { FooterLink } from '../Footer';\n\nimport type {\n AppShellNavPosition,\n FooterMenuConfig,\n InteractionEvent,\n MainMenuConfig,\n NavLinkProps\n} from './AppShellMenu.types';\n\nexport type {\n AppShellMenuControlProps,\n AppShellNavPosition,\n FooterMenuConfig,\n InteractionEvent,\n MainMenuConfig,\n MainMenuVariant,\n MegaMenuColumn,\n MegaMenuPanelProps,\n MegaMenuTriggersProps,\n NavLinkProps,\n NavMenuEntryProps,\n NavMenuGroupProps,\n NavMenuItemProps,\n NavMenuProps,\n UseMegaMenuOptions\n} from './AppShellMenu.types';\n\n/** Application identity and navigation settings shown in the AppShell header. /\ninterface AppInfoProps {\n /* Name of the application. /\n appName: string;\n /* URL source of the logo image. /\n imageSrc: ImageProps['src'];\n /* URL or DOM id to navigate to from the logo and appName. /\n href?: string;\n /* Click handler for the logo and appName. /\n onClick?: MouseEventHandler<HTMLAnchorElement>;\n /* Specifies where to open the link href. /\n target?: string;\n /* If true, the appName will not be visibly displayed on screen. /\n appNameHidden?: boolean;\n /* The secondary text to render in the header. /\n portalName?: string;\n}\n\n/* Operator details and actions shown in the AppShell. /\ninterface OperatorProps {\n /* Props for constructing the operator avatar. /\n avatar: AvatarProps;\n /* The title of the operator menu. /\n title: string;\n /* A list of actions that will populate a menu attached to the operator. /\n actions: Pick<NavListItemProps, 'id' \| 'primary' \| 'href' \| 'onClick' \| 'visual'>[];\n}\n\n/* A single notification displayed by the AppShell. /\nexport interface NotificationItem {\n /* An id representing the item. /\n id: string;\n /* The primary text for the item. /\n primary: string;\n /* Secondary text that will be rendered as a Meta List. /\n secondary?: string[];\n /* A visual associated with the item. /\n visual?: ReactNode;\n /* A flag indicating if the item has been read. /\n unread?: boolean;\n /* URL or DOM id to navigate to. /\n href?: string;\n /* The onClick handler for the item. /\n onClick?: (event: InteractionEvent) => void;\n}\n\n/* Notification panel state and callbacks for the AppShell. /\nexport interface NotificationProps {\n /* The title of the notifications view. /\n title: string;\n /* The number of new notifications. /\n count: number;\n /* A list of notification items. /\n items: NotificationItem[];\n /* If true, a loading indicator will render in place of the list. /\n loading?: boolean;\n /* Click event for items within the list. /\n onItemClick?: (id: string, event: InteractionEvent) => void;\n /* Callback that fires when the notification view opens. /\n onNotificationsOpen?: () => void;\n /* Callback that fires when the notification view closes. /\n onNotificationsClose?: () => void;\n}\n\nexport type { FooterLink } from '../Footer';\n\n/* Public configuration for the WSS AppShell component. /\nexport interface AppShellProps extends BaseProps, NoChildrenProp {\n /* The content of the application. /\n main: ReactNode;\n /* Banners will render above the main content if they are provided. /\n banners?: ReactNode;\n /* Props related to the app name and logo. /\n appInfo: AppInfoProps;\n /* Context manager configuration. /\n contextSwitcher?: ContextSwitcherProps;\n /* Preferred flat links or configured hierarchical menu. /\n mainNav?: NavLinkProps[] \| MainMenuConfig;\n /* @deprecated Use `mainNav` for flat links. /\n navLinks?: NavLinkProps[];\n /* Props for the operator menu. /\n operator: OperatorProps;\n /* Props related to notifications for the application. /\n notifications?: NotificationProps;\n /* Props related to the search input for the application. /\n searchInput?: SearchInputProps;\n /\n The alignment of navigation links within the header.\n * @default 'end'\n /\n navAlignment?: 'start' \| 'center' \| 'end';\n /\n The positioning of the navigation links relative to the other app header elements.\n * @default 'inline'\n /\n navPosition?: AppShellNavPosition;\n /* Whether the shell should render the default WSS layout. /\n isDefaultWSS?: boolean;\n /* Configuration for the help menu in the header /\n helpMenu?: MenuItemProps[];\n /* Configuration for the Share Application button. /\n shareApp?: ShareAppConfig;\n /* Configuration for the portal switcher button. /\n portalSwitcher?: PortalSwitcherConfig;\n /* Legacy links or a configured menu with optional legacy fallback links. /\n footer?: FooterLink[] \| FooterMenuConfig;\n /* Ref for the wrapping div element. */\n ref?: Ref<HTMLDivElement>;\n}\n"]}
1	+ {"version":3,"file":"AppShell.types.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport type {\n AvatarProps,\n BaseProps,\n ImageProps,\n MenuItemProps,\n NoChildrenProp,\n SearchInputProps,\n ShareAppConfig,\n PortalSwitcherConfig\n} from '@pega/cosmos-react-core';\nimport type {\n ContextSwitcherProps,\n NavListItemProps\n} from '@pega/cosmos-react-core/lib/components/AppShell/AppShell.types';\n\nimport type { FooterLink } from '../Footer';\n\nimport type {\n AppShellNavPosition,\n FooterMenuConfig,\n InteractionEvent,\n MainMenuConfig,\n NavMenuProps,\n NavLinkProps\n} from './AppShellMenu.types';\n\nexport type {\n AppShellMenuControlProps,\n AppShellNavPosition,\n FooterMenuConfig,\n InteractionEvent,\n MainMenuConfig,\n MainMenuVariant,\n MegaMenuColumn,\n MegaMenuPanelProps,\n MegaMenuTriggersProps,\n NavLinkProps,\n NavMenuEntryProps,\n NavMenuGroupProps,\n NavMenuItemProps,\n NavMenuProps,\n UseMegaMenuOptions\n} from './AppShellMenu.types';\n\n/** Application identity and navigation settings shown in the AppShell header. /\ninterface AppInfoProps {\n /* Name of the application. /\n appName: string;\n /* URL source of the logo image. /\n imageSrc: ImageProps['src'];\n /* URL or DOM id to navigate to from the logo and appName. /\n href?: string;\n /* Click handler for the logo and appName. /\n onClick?: MouseEventHandler<HTMLAnchorElement>;\n /* Specifies where to open the link href. /\n target?: string;\n /* If true, the appName will not be visibly displayed on screen. /\n appNameHidden?: boolean;\n /* The secondary text to render in the header. /\n portalName?: string;\n}\n\n/* Operator details and actions shown in the AppShell. /\ninterface OperatorProps {\n /* Props for constructing the operator avatar. /\n avatar: AvatarProps;\n /* The title of the operator menu. /\n title: string;\n /* A list of actions that will populate a menu attached to the operator. /\n actions: Pick<NavListItemProps, 'id' \| 'primary' \| 'href' \| 'onClick' \| 'visual'>[];\n}\n\n/* A single notification displayed by the AppShell. /\nexport interface NotificationItem {\n /* An id representing the item. /\n id: string;\n /* The primary text for the item. /\n primary: string;\n /* Secondary text that will be rendered as a Meta List. /\n secondary?: string[];\n /* A visual associated with the item. /\n visual?: ReactNode;\n /* A flag indicating if the item has been read. /\n unread?: boolean;\n /* URL or DOM id to navigate to. /\n href?: string;\n /* The onClick handler for the item. /\n onClick?: (event: InteractionEvent) => void;\n}\n\n/* Notification panel state and callbacks for the AppShell. /\nexport interface NotificationProps {\n /* The title of the notifications view. /\n title: string;\n /* The number of new notifications. /\n count: number;\n /* A list of notification items. /\n items: NotificationItem[];\n /* If true, a loading indicator will render in place of the list. /\n loading?: boolean;\n /* Click event for items within the list. /\n onItemClick?: (id: string, event: InteractionEvent) => void;\n /* Callback that fires when the notification view opens. /\n onNotificationsOpen?: () => void;\n /* Callback that fires when the notification view closes. /\n onNotificationsClose?: () => void;\n}\n\nexport type { FooterLink } from '../Footer';\n\n/* Public configuration for the WSS AppShell component. /\nexport interface AppShellProps extends BaseProps, NoChildrenProp {\n /* The content of the application. /\n main: ReactNode;\n /* Banners will render above the main content if they are provided. /\n banners?: ReactNode;\n /* Props related to the app name and logo. /\n appInfo: AppInfoProps;\n /* Context manager configuration. /\n contextSwitcher?: ContextSwitcherProps;\n /* Configured app-switcher menu and its presentation variant. /\n appSwitcherMenu?: {\n variant: 'context-switcher' \| 'mega-menu';\n items: NavMenuProps[];\n };\n /* Preferred flat links or configured hierarchical menu. /\n mainNav?: NavLinkProps[] \| MainMenuConfig;\n /* @deprecated Use `mainNav` for flat links. /\n navLinks?: NavLinkProps[];\n /* Props for the operator menu. /\n operator: OperatorProps;\n /* Props related to notifications for the application. /\n notifications?: NotificationProps;\n /* Props related to the search input for the application. /\n searchInput?: SearchInputProps;\n /\n The alignment of navigation links within the header.\n * @default 'end'\n /\n navAlignment?: 'start' \| 'center' \| 'end';\n /\n The positioning of the navigation links relative to the other app header elements.\n * @default 'inline'\n /\n navPosition?: AppShellNavPosition;\n /* Whether the shell should render the default WSS layout. /\n isDefaultWSS?: boolean;\n /* Configuration for the help menu in the header /\n helpMenu?: MenuItemProps[];\n /* Configuration for the Share Application button. /\n shareApp?: ShareAppConfig;\n /* Configuration for the portal switcher button. /\n portalSwitcher?: PortalSwitcherConfig;\n /* Legacy links or a configured menu with optional legacy fallback links. /\n footer?: FooterLink[] \| FooterMenuConfig;\n /* Ref for the wrapping div element. */\n ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/AppShell/AppShell.utils.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import type { FooterMenuEntry } from '../Footer';
-import type { FooterMenuConfig, MegaMenuColumn, NavLinkProps, NavMenuProps } from './AppShellMenu.types';
+import type { FooterMenuConfig, MegaMenuColumn, NavMenuItemProps, NavLinkProps, NavMenuProps } from './AppShellMenu.types';
+/** Flattens enabled root menus and descendants into action-backed menu items. */
+export declare const flattenActionableMenuItems: (menus: (NavMenuProps | NavMenuItemProps)[]) => NavMenuItemProps[];
 /** Groups first-level entries into MegaMenu columns and collects loose links. */
 export declare const toMegaMenuGroups: (menu: NavMenuProps) => MegaMenuColumn[];
 /** Converts configured menus into action-backed navigation links. */

package/lib/components/AppShell/AppShell.utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.utils.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAmC,MAAM,WAAW,CAAC;AAElF,OAAO,KAAK,EACV,gBAAgB,EAEhB,cAAc,~~EAId~~,YAAY,EACZ,YAAY,EACb,MAAM,sBAAsB,CAAC;~~AAmC9B~~,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,GAAI,MAAM,YAAY,KAAG,cAAc,~~EAqBnE~~,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,GAAI,OAAO,YAAY,EAAE,KAAG,YAAY,~~EAiCjE~~,CAAC;~~AAYL~~,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB,CAAC,OAAO,CAAC,KAAG,eAAe,EA+BlF,CAAC"}
1	+ {"version":3,"file":"AppShell.utils.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAmC,MAAM,WAAW,CAAC;AAElF,OAAO,KAAK,EACV,gBAAgB,EAEhB,cAAc,EAGd,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACb,MAAM,sBAAsB,CAAC;AA0C9B,iFAAiF;AACjF,eAAO,MAAM,0BAA0B,GACrC,OAAO,CAAC,YAAY,GAAG,gBAAgB,CAAC,EAAE,KACzC,gBAAgB,EAkBf,CAAC;AAEL,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,GAAI,MAAM,YAAY,KAAG,cAAc,EAwBnE,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,GAAI,OAAO,YAAY,EAAE,KAAG,YAAY,EAOhE,CAAC;AAYN,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB,CAAC,OAAO,CAAC,KAAG,eAAe,EA+BlF,CAAC"}

package/lib/components/AppShell/AppShell.utils.js CHANGED Viewed

@@ -10,17 +10,39 @@ const getNestedItems = (item) => isMenuGroup(item)
     ? item.items
     : item.items?.filter(child => isMenuGroup(child) || ('primary' in child && !!child.primary));
 /** Flattens menu descendants while retaining actionable intermediate entries. */
-const flattenMenuEntries = (items, preserveDisabledItems = false) => items.flatMap(item => {
-    if (!preserveDisabledItems && 'disabled' in item && item.disabled)
+const flattenMenuEntries = (items, preserveDisabledItems = false, ancestorDisabled = false) => items.flatMap(item => {
+    const disabled = ancestorDisabled || ('disabled' in item && !!item.disabled);
+    if (!preserveDisabledItems && disabled)
         return [];
     if (isMenuGroup(item))
-        return flattenMenuEntries(item.items, preserveDisabledItems);
+        return flattenMenuEntries(item.items, preserveDisabledItems, disabled);
     const nestedItems = getNestedItems(item);
-    const menuItem = item.primary ? [{ ...item, items: undefined }] : [];
+    const menuItem = item.primary
+        ? [{ ...item, items: undefined, ...(disabled && { disabled: true }) }]
+        : [];
     if (!nestedItems?.length)
         return menuItem;
     const actionItem = item.onClick ? menuItem : [];
-    return [...actionItem, ...flattenMenuEntries(nestedItems, preserveDisabledItems)];
+    return [...actionItem, ...flattenMenuEntries(nestedItems, preserveDisabledItems, disabled)];
+});
+const getActionableMenuEntries = (items) => flattenMenuEntries(items).filter(item => typeof item.onClick === 'function');
+/** Flattens enabled root menus and descendants into action-backed menu items. */
+export const flattenActionableMenuItems = (menus) => menus.flatMap(menu => {
+    if (menu.disabled)
+        return [];
+    const primary = 'primary' in menu ? menu.primary : menu.label;
+    const visual = 'visual' in menu ? menu.visual : undefined;
+    const rootAction = menu.onClick
+        ? [
+            {
+                id: menu.id,
+                primary: primary ?? menu.id,
+                onClick: menu.onClick,
+                ...(visual && { visual })
+            }
+        ]
+        : [];
+    return [...rootAction, ...getActionableMenuEntries(menu.items ?? [])];
 });
 /** Groups first-level entries into MegaMenu columns and collects loose links. */
 export const toMegaMenuGroups = (menu) => {
@@ -28,13 +50,16 @@ export const toMegaMenuGroups = (menu) => {
     const looseItems = [];
     moveStandaloneItemsLast(menu.items ?? []).forEach(item => {
         if (isMenuGroup(item)) {
-            groups.push({ ...item, items: flattenMenuEntries(item.items, true) });
+            groups.push({
+                ...item,
+                items: flattenMenuEntries(item.items, true, 'disabled' in item && !!item.disabled)
+            });
         }
         else if (item.items?.length) {
             groups.push({
                 id: item.id,
                 label: item.primary,
-                items: flattenMenuEntries(item.items, true),
+                items: flattenMenuEntries(item.items, true, !!item.disabled),
                 ...(item.onClick && { action: item })
             });
         }
@@ -47,34 +72,13 @@ export const toMegaMenuGroups = (menu) => {
     return groups;
 };
 /** Converts configured menus into action-backed navigation links. */
-export const flattenMenuItems = (menus) => menus.flatMap(menu => {
-    if (menu.disabled)
-        return [];
-    const rootLink = menu.onClick
-        ? [
-            {
-                id: menu.id,
-                text: menu.label ?? menu.id,
-                onClick: (event) => {
-                    menu.onClick?.(menu.id, event);
-                }
-            }
-        ]
-        : [];
-    /** Recursively retains actionable children and skips disabled entries. */
-    const flatten = (items) => flattenMenuEntries(items).flatMap(item => item.primary && item.onClick
-        ? [
-            {
-                id: item.id,
-                text: item.primary,
-                onClick: (event) => {
-                    item.onClick?.(item.id, event);
-                }
-            }
-        ]
-        : []);
-    return [...rootLink, ...(menu.items ? flatten(menu.items) : [])];
-});
+export const flattenMenuItems = (menus) => flattenActionableMenuItems(menus).map(item => ({
+    id: item.id,
+    text: item.primary,
+    onClick: (event) => {
+        item.onClick?.(item.id, event);
+    }
+}));
 const toFooterMenuLink = (item) => {
     if (!item.primary || !item.onClick)
         return undefined;
@@ -89,7 +93,7 @@ export const toFooterMenuEntries = (menus) => moveStandaloneItemsLast(menus).fla
     if (menu.disabled)
         return [];
     if (menu.items?.length) {
-        const items = flattenMenuEntries(menu.items).flatMap(item => {
+        const items = getActionableMenuEntries(menu.items).flatMap(item => {
             const link = toFooterMenuLink(item);
             return link ? [link] : [];
         });