{"version":3,"file":"AramcoWorld_MainNavigation-Dg6bHyar.js","sources":["../../../src/project/AramcoWorld/Navigation/MainNavigation/styles.ts","../../../src/project/AramcoWorld/Navigation/MainNavigation/SubNavigation.tsx","../../../src/project/AramcoWorld/Navigation/MainNavigation/index.tsx?chunkName=AramcoWorld_MainNavigation"],"sourcesContent":["export const MainNavStyling = {\r\n\t\"sx\": {\r\n\t\tw: [\"100%\", null, null, \"90% !important\"],\r\n\t\tmaxW: \"76.1875rem\",\r\n\t\toverflow: \"auto\",\r\n\t\t'&::-webkit-scrollbar': {\r\n\t\t\twidth: \"0\",\r\n\t\t},\r\n\t\toverflowStyle: \"none\",\r\n\t\tbg: [\"AWPrimary.midGreen\", null, null, \"transparent\"],\r\n\t\t\".nav__logo\": {\r\n\t\t\tw: [\"8.59375rem\", null, null, \"10.7774375rem\"],\r\n\t\t\th: [\"1.265625rem\", null, null, \"1.5875rem\"],\r\n\t\t\t\"svg\": {\r\n\t\t\t\tfill: \"currentColor\",\r\n\t\t\t\tw: \"100%\",\r\n\t\t\t\th: \"100%\"\r\n\t\t\t}\r\n\t\t},\r\n\t\t\".drawer\": {\r\n\t\t\t\"&__header\": {\r\n\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\"&--main\": {\r\n\t\t\t\t\th: [\"3.75rem\", null, null, \"4.65rem\"],\r\n\t\t\t\t\tflexBasis: [\"100%\", null, null, \"75%\"],\r\n\t\t\t\t\talignItems: [\"center\", null, null, \"flex-start\"],\r\n\t\t\t\t\tjustifyContent: [\"space-between\", null, null, \"initial\"],\r\n\t\t\t\t\tpt: [0, null, null, \"6\"],\r\n\t\t\t\t\tpx: [\"4\", null, null, \"6\"],\r\n\t\t\t\t\tbg: \"AWPrimary.dark\",\r\n\t\t\t\t\tcolor: \"AWFunctional.white\",\r\n\t\t\t\t\tzIndex: \"1\"\r\n\t\t\t\t},\r\n\t\t\t\t\"&--lc\": {\r\n\t\t\t\t\tdisplay: [\"none\", null, null, \"flex\"],\r\n\t\t\t\t\th: [\"3.75rem\", null, null, \"4.65rem\"],\r\n\t\t\t\t\tflexBasis: \"25%\",\r\n\t\t\t\t\talignItems: \"start\",\r\n\t\t\t\t\tjustifyContent: \"flex-end\",\r\n\t\t\t\t\tp: \"6\",\r\n\t\t\t\t\tbg: [\"AWPrimary.dark\", null, null, \"AWPrimary.midGreen\"],\r\n\t\t\t\t\tcolor: [\"AWFunctional.white\", null, null, \"AWPrimary.darkGreen\"]\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t\"&__body\": {\r\n\t\t\t\tdisplay: [\"block\", null, null, \"flex\"],\r\n\t\t\t\tflexGrow: 1,\r\n\t\t\t},\r\n\t\t\t\"&__close\": {\r\n\t\t\t\t\"svg\": {\r\n\t\t\t\t\tw: \"1rem\",\r\n\t\t\t\t\tms: \"4\",\r\n\t\t\t\t\tstroke: [\"white\", null, null, \"AWPrimary.darkGreen\"]\r\n\t\t\t\t},\r\n\t\t\t\t\"&--mobile\": {\r\n\t\t\t\t\tdisplay: [\"flex\", null, null, \"none\"]\r\n\t\t\t\t},\r\n\t\t\t\t\"&--desktop\": {\r\n\t\t\t\t\t'&:focus-visible': {\r\n\t\t\t\t\t\toutlineStyle: \"solid\",\r\n\t\t\t\t\t\toutlineWidth: \"1px\",\r\n\t\t\t\t\t\toutlineColor: \"AWPrimary.darkGreen\",\r\n\t\t\t\t\t\toutlineOffset: \"-1px\"\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t\".nav-wrapper\": {\r\n\t\t\tdisplay: [\"flex\", null, null, \"grid\"],\r\n\t\t\tflexDirection: [\"column\"],\r\n\t\t\tgridTemplateColumns: \"repeat(3, minmax(0, 1fr))\",\r\n\t\t\tgridTemplateRows: \"max-content\",\r\n\t\t\tflexBasis: [\"100%\", null, null, \"75%\"],\r\n\t\t\tgap: [\"0\", null, null, \"8\"],\r\n\t\t\tbg: \"AWPrimary.dark\",\r\n\t\t\tcolor: \"AWFunctional.white\",\r\n\t\t\tflexWrap: \"wrap\",\r\n\t\t\tpx: [\"4\", null, null, \"6\"],\r\n\t\t\tpb: [\"8\", null],\r\n\t\t\tzIndex: \"1\",\r\n\r\n\t\t\t\"&--lc\": {\r\n\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\tflexDirection: [\"column\"],\r\n\t\t\t\tw: [\"100%\", null, null, \"25%\"],\r\n\t\t\t\tbg: \"AWPrimary.midGreen\",\r\n\t\t\t\tcolor: \"AWPrimary.darkGreen\",\r\n\t\t\t\tpx: [\"4\", null, null, \"6\"],\r\n\t\t\t\t\".nav-toggle\": {\r\n\t\t\t\t\tmt: \"2\"\r\n\t\t\t\t},\r\n\t\t\t\t\".nav-item\": {\r\n\t\t\t\t\t\"&:hover\": {\r\n\t\t\t\t\t\tcolor: \"AWPrimary.darkGreen\",\r\n\t\t\t\t\t\topacity: \".8\"\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t\".subnav__ul\": {\r\n\t\t\tpt: [\"4\", null],\r\n\t\t},\r\n\t\t\".nav-toggle\": {\r\n\t\t\tdisplay: [\"block\", null, null, \"none\"],\r\n\t\t\tmt: \"4\",\r\n\t\t\tborderBottomWidth: \"1px\",\r\n\t\t\tborderColor: \"currentColor\",\r\n\t\t\tborderStyle: \"solid\",\r\n\t\t\t\"&__button\": {\r\n\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\tpy: \"4\",\r\n\t\t\t\tw: \"100%\",\r\n\t\t\t\tjustifyContent: \"space-between\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t\".li-lvl1\": {\r\n\t\t\t\"&--mobile\": {\r\n\t\t\t\tdisplay: [\"block\", null, null, \"none\"],\r\n\t\t\t\tjustifyContent: \"space-between\"\r\n\t\t\t},\r\n\t\t\t\"&--desktop\": {\r\n\t\t\t\tdisplay: [\"none\", null, null, \"block\"]\r\n\t\t\t},\r\n\t\t},\r\n\t\t\".nav__headline\": {\r\n\t\t\tdisplay: [\"none\", null, null, \"block\"],\r\n\t\t\tpy: \"2\",\r\n\t\t\tborderBottomWidth: \"1px\",\r\n\t\t\tborderColor: \"currentColor\",\r\n\t\t\tborderStyle: \"solid\",\r\n\t\t\t\"&--lc\": {\r\n\t\t\t\tcolor: \"primary.darkGreen\"\r\n\t\t\t}\r\n\t\t},\r\n\t\t\".nav-item\": {\r\n\t\t\ttransitionProperty: \"color\",\r\n\t\t\ttransitionTimingFunction: \"linear\",\r\n\t\t\ttransitionDuration: \".3s\",\r\n\r\n\t\t\t\"&--disabled\": {\r\n\t\t\t\tpointerEvents: \"none\",\r\n\t\t\t},\r\n\r\n\t\t\t\"&:hover\": {\r\n\t\t\t\tcolor: \"AWPrimary.midBlue\"\r\n\t\t\t},\r\n\t\t\t\"&_lvl2\": {\r\n\t\t\t\tposition: \"relative\",\r\n\t\t\t\tdisplay: \"inline-block\",\r\n\t\t\t\tmy: \"3\",\r\n\t\t\t\t\"&.active\": {\r\n\t\t\t\t\tcolor: \"AWPrimary.midBlue\",\r\n\t\t\t\t\t\"&:after\": {\r\n\t\t\t\t\t\tcontent: \"''\",\r\n\t\t\t\t\t\tposition: \"absolute\",\r\n\t\t\t\t\t\tbottom: \"0\",\r\n\t\t\t\t\t\tleft: \"0\",\r\n\t\t\t\t\t\tw: \"2rem\",\r\n\t\t\t\t\t\th: \"1px\",\r\n\t\t\t\t\t\tbackgroundColor: \"currentColor\",\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\t\"&--lc\": {\r\n\t\t\t\t\ttransitionProperty: \"opacity\",\r\n\t\t\t\t\t\"&:hover\": {\r\n\t\t\t\t\t\topacity: \".8\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t\"&.active\": {\r\n\t\t\t\t\t\tcolor: \"AWPrimary.darkGreen\",\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","import React, { type FC, useState } from \"react\";\r\nimport { type MainNavigationItemModel } from \"~/feature/Navigation/generated-types\";\r\nimport {\r\n\tText as ChakraText,\r\n\tHeading,\r\n\tBox,\r\n\tList,\r\n\tListItem,\r\n\tuseDisclosure,\r\n\tuseMediaQuery,\r\n\tCollapse,\r\n\tButton,\r\n\tIcon\r\n} from \"@chakra-ui/react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { breakpoints } from \"../../_Base/Theme/variables/breakpoints\";\r\nimport { IconAccordion } from \"../../_Base/Components/Icon\";\r\n\r\ntype SubNavigationProps = {\r\n\turl?: string\r\n\ttitle?: string,\r\n\tsectionTitle?: string,\r\n\tmenuItemChildren: MainNavigationItemModel[] | undefined,\r\n\tautomaticallyExpandChildren: boolean,\r\n\tincludeMenuLink: boolean,\r\n\tisAncestorOrSelf: boolean,\r\n\tisLearningCenter?: boolean\r\n}\r\n\r\nexport const SubNavigation: FC<SubNavigationProps> = ({ url, title, sectionTitle, menuItemChildren, automaticallyExpandChildren, includeMenuLink, isAncestorOrSelf, isLearningCenter }) => {\r\n\tconst [isLgBreakpointOrAbove] = useMediaQuery(`(min-width: ${breakpoints.lg})`);\r\n\tconst [ancestorClosed, setAncestorClosed] = useState<boolean>(false);\r\n\tconst { getButtonProps, getDisclosureProps, isOpen, onToggle } = useDisclosure();\r\n\tconst disclosureProps = getDisclosureProps();\r\n\tconst buttonProps = getButtonProps();\r\n\tconst showSubNav = ancestorClosed ? false : (isLgBreakpointOrAbove || isOpen || isAncestorOrSelf || automaticallyExpandChildren);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{(includeMenuLink || (menuItemChildren && menuItemChildren?.length > 0)) &&\r\n\t\t\t\t<Box as=\"h2\" className=\"nav-toggle\">\r\n\t\t\t\t\t<Button {...buttonProps} aria-expanded={showSubNav} className=\"nav-toggle__button\" onClick={() => {\r\n\t\t\t\t\t\tif (isAncestorOrSelf || automaticallyExpandChildren) {\r\n\t\t\t\t\t\t\t//this is necessary to force collapse of default expanded isAncestorOrSelf and automaticallyExpandChildren\r\n\t\t\t\t\t\t\tsetAncestorClosed(!isOpen);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tonToggle();\r\n\t\t\t\t\t}}>\r\n\t\t\t\t\t\t<ChakraText as=\"span\" size=\"desktopHeadline7\">{title || sectionTitle}</ChakraText>\r\n\t\t\t\t\t\t<Icon\r\n\t\t\t\t\t\t\tas={IconAccordion}\r\n\t\t\t\t\t\t\ttransform={showSubNav ? \"scaleY(-1)\" : \"none\"}\r\n\t\t\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t}\r\n\t\t\t<Collapse\r\n\t\t\t\tin={showSubNav}\r\n\t\t\t\tanimateOpacity\r\n\t\t\t\ttransition={{ exit: { ease: [.35, 1, .45, 1], duration: .3 }, enter: { ease: [.35, 1, .45, 1], duration: .5 } }}>\r\n\t\t\t\t<Heading as=\"h2\" size=\"desktopHeadline7\" className={`nav__headline ${isLearningCenter ? 'nav__headline--lc' : ''}`}>{title || sectionTitle}</Heading>\r\n\t\t\t\t<List id={disclosureProps.id} aria-label={title || sectionTitle} className=\"subnav__ul\">\r\n\t\t\t\t\t{url &&\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{includeMenuLink &&\r\n\t\t\t\t\t\t\t\t<ListItem>\r\n\t\t\t\t\t\t\t\t\t<NavLink to={url} end className={`nav-item nav-item_lvl2 ${isLearningCenter ? 'nav-item_lvl2--lc' : ''}`}>\r\n\t\t\t\t\t\t\t\t\t\t<ChakraText as=\"span\" size={[\"mobileHeadline4\", null, null, \"mobileHero\"]}>{sectionTitle || title}</ChakraText>\r\n\t\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t\t</ListItem>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{menuItemChildren?.map((subNavItem: MainNavigationItemModel, index) => {\r\n\t\t\t\t\t\tif (!subNavItem.url) return <></>\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<ListItem key={index}>\r\n\t\t\t\t\t\t\t\t<NavLink to={subNavItem.url} className={`nav-item nav-item_lvl2 ${isLearningCenter ? 'nav-item_lvl2--lc' : ''}`}>\r\n\t\t\t\t\t\t\t\t\t<ChakraText as=\"span\" size={[\"mobileHeadline4\", null, null, \"mobileHero\"]}>{subNavItem.title}</ChakraText>\r\n\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t</ListItem>\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t})}\r\n\t\t\t\t</List>\r\n\t\t\t</Collapse>\r\n\t\t</>\r\n\t)\r\n}","import React, { type FC, useEffect, useRef } from \"react\";\r\nimport { type MainNavigationProps } from \"../../generated-types\";\r\nimport { Link as RouterLink, useLocation } from \"react-router-dom\";\r\nimport {\r\n\tText as ChakraText,\r\n\tButton,\r\n\tDrawer,\r\n\tDrawerCloseButton,\r\n\tDrawerContent,\r\n\tDrawerOverlay, Flex,\r\n\tIcon, useDisclosure, Box, useMediaQuery, VisuallyHidden\r\n} from \"@chakra-ui/react\";\r\nimport { IconClose, IconMenu } from \"../../_Base/Components/Icon\";\r\nimport { type MainNavigationItemModel } from \"~/feature/Navigation/generated-types\";\r\nimport { MotionBox } from \"~/foundation/Framer/MotionBox\";\r\nimport { AnimatePresence } from \"framer-motion\";\r\nimport { MainNavStyling } from \"./styles\";\r\nimport { useTranslation } from \"~/foundation/Dictionary\";\r\nimport { type GlobalDictionary } from \"../../dictionary\";\r\nimport { breakpoints } from \"../../_Base/Theme/variables/breakpoints\";\r\nimport constants from \"../../_Base/SitecoreContent/constants\";\r\nimport { useSitecoreContext } from \"~/foundation/Jss\";\r\nimport { SubNavigation } from \"./SubNavigation\";\r\n\r\nconst MainNavigation: FC<MainNavigationProps> = ({ rendering }) => {\r\n\tconst { sitecoreContext } = useSitecoreContext();\r\n\tconst { isOpen, onOpen, onClose, getButtonProps } = useDisclosure({ id: \"chakra-modal-main-navigation\" });\r\n\tconst buttonProps = getButtonProps();\r\n\tconst location = useLocation();\r\n\tconst btnRef = useRef<HTMLButtonElement>(null);\r\n\tconst duration = .75;\r\n\tconst [t] = useTranslation<GlobalDictionary>();\r\n\tconst [isLgBreakpointOrAbove] = useMediaQuery(`(min-width: ${breakpoints.lg})`);\r\n\r\n\tconst navItems = rendering.customData?.menuItems;\r\n\tif (!navItems) {\r\n\t\treturn <></>\r\n\t}\r\n\r\n\tconst mainNavItems = navItems.filter(item => item.templateName !== constants.templateNames.learningCenterSectionTemplateName);\r\n\tconst learningCenterNavItem = navItems.find(item => item.templateName === constants.templateNames.learningCenterSectionTemplateName);\r\n\r\n\tconst motionVariants = {\r\n\t\tinitial: {\r\n\t\t\tx: \"-110%\"\r\n\t\t},\r\n\t\texit: {\r\n\t\t\tx: \"-110%\"\r\n\t\t},\r\n\t\tactive: {\r\n\t\t\tx: \"0\"\r\n\t\t}\r\n\t}\r\n\r\n\tconst transition = {\r\n\t\tdefault: {\r\n\t\t\tease: \"easeOut\",//[.35, 1, .45, 1],\r\n\t\t\tduration: .4,\r\n\t\t\tdelay: isLgBreakpointOrAbove ? duration - .3 : 0\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\t// close nav on location change\r\n\t\tonClose();\r\n\t}, [location]);\r\n\r\n\r\n\treturn (\r\n\t\t<Box as=\"nav\" data-rendering=\"Navigation/MainNavigation\" aria-label=\"Main\">\r\n\t\t\t<Button\r\n\t\t\t\t{...buttonProps}\r\n\t\t\t\tref={btnRef}\r\n\t\t\t\tcolorScheme=\"white\"\r\n\t\t\t\tonClick={onOpen}\r\n\t\t\t\tboxSize=\"3.75rem\"\r\n\t\t\t\tms=\"-1.375rem\"\r\n\t\t\t\taria-haspopup=\"dialog\"\r\n\t\t\t>\r\n\t\t\t\t<VisuallyHidden>Open the main navigation</VisuallyHidden>\r\n\t\t\t\t<Icon\r\n\t\t\t\t\tas={IconMenu}\r\n\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\tw=\"1rem\"\r\n\t\t\t\t/>\r\n\t\t\t</Button>\r\n\t\t\t<Drawer\r\n\t\t\t\tid=\"main-navigation\"\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tplacement=\"left\"\r\n\t\t\t\tisFullHeight={true}\r\n\t\t\t\tonClose={onClose}\r\n\t\t\t\tfinalFocusRef={btnRef as React.RefObject<HTMLButtonElement>}\r\n\t\t\t>\r\n\t\t\t\t<DrawerOverlay />\r\n\t\t\t\t<DrawerContent\r\n\t\t\t\t\tcontainerProps={{\r\n\t\t\t\t\t\tzIndex: \"20\",\r\n\t\t\t\t\t}}\r\n\t\t\t\t\ttransitionDuration={isLgBreakpointOrAbove ? `${duration}s` : undefined}\r\n\t\t\t\t\t//transitionTimingFunction=\"cubic-bezier(.35,1,.45,1)\"\r\n\t\t\t\t\ttransitionProperty=\"transform\"\r\n\t\t\t\t\t{...MainNavStyling}>\r\n\t\t\t\t\t<Box className=\"drawer__header\">\r\n\t\t\t\t\t\t<Flex className=\"drawer__header--main\">\r\n\t\t\t\t\t\t\t{sitecoreContext.custom.settings.logo &&\r\n\t\t\t\t\t\t\t\t<RouterLink to=\"/\" aria-label=\"Frontpage\">\r\n\t\t\t\t\t\t\t\t\t<Box className=\"nav__logo\" aria-label=\"AramcoWorld\" aria-hidden=\"true\" dangerouslySetInnerHTML={{ __html: sitecoreContext.custom.settings.logo }} />\r\n\t\t\t\t\t\t\t\t</RouterLink>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<Button as={DrawerCloseButton} className=\"drawer__close drawer__close--mobile\">\r\n\t\t\t\t\t\t\t\t<ChakraText variant=\"closeText\">\r\n\t\t\t\t\t\t\t\t\t{t(\"navigation.closeLabel\")}\r\n\t\t\t\t\t\t\t\t\t<VisuallyHidden> the main navigation</VisuallyHidden>\r\n\t\t\t\t\t\t\t\t</ChakraText>\r\n\t\t\t\t\t\t\t\t<Icon as={IconClose} aria-hidden=\"true\" />\r\n\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t</Flex>\r\n\t\t\t\t\t\t{isLgBreakpointOrAbove &&\r\n\t\t\t\t\t\t\t<AnimatePresence>\r\n\t\t\t\t\t\t\t\t{isOpen && (\r\n\t\t\t\t\t\t\t\t\t<MotionBox\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"drawer__header--lc\"\r\n\t\t\t\t\t\t\t\t\t\tvariants={motionVariants}\r\n\t\t\t\t\t\t\t\t\t\ttransition={transition}\r\n\t\t\t\t\t\t\t\t\t\tinitial={motionVariants.initial}\r\n\t\t\t\t\t\t\t\t\t\texit={motionVariants.exit}\r\n\t\t\t\t\t\t\t\t\t\tanimate={motionVariants.active}>\r\n\t\t\t\t\t\t\t\t\t\t<Button as={DrawerCloseButton} className=\"drawer__close drawer__close--desktop\">\r\n\t\t\t\t\t\t\t\t\t\t\t<ChakraText variant=\"closeText\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"navigation.closeLabel\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden> the main navigation</VisuallyHidden>\r\n\t\t\t\t\t\t\t\t\t\t\t</ChakraText>\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon as={IconClose} aria-hidden=\"true\" />\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</MotionBox>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</AnimatePresence>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t\t<Box className=\"drawer__body\">\r\n\t\t\t\t\t\t<Box className=\"nav-wrapper\">\r\n\t\t\t\t\t\t\t{mainNavItems.map((navItem: MainNavigationItemModel, index) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<SubNavigation\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\turl={navItem.url}\r\n\t\t\t\t\t\t\t\t\t\ttitle={navItem.title}\r\n\t\t\t\t\t\t\t\t\t\tsectionTitle={navItem.sectionLinkTitle}\r\n\t\t\t\t\t\t\t\t\t\tmenuItemChildren={navItem.menuItemChildren}\r\n\t\t\t\t\t\t\t\t\t\tautomaticallyExpandChildren={navItem.automaticallyExpandChildren}\r\n\t\t\t\t\t\t\t\t\t\tincludeMenuLink={navItem.includeMenuLink}\r\n\t\t\t\t\t\t\t\t\t\tisAncestorOrSelf={navItem.isAncestorOrSelf}\r\n\t\t\t\t\t\t\t\t\t\tisLearningCenter={false} />\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t{(isOpen && learningCenterNavItem) &&\r\n\t\t\t\t\t\t\t<AnimatePresence initial={isLgBreakpointOrAbove}>\r\n\t\t\t\t\t\t\t\t<MotionBox\r\n\t\t\t\t\t\t\t\t\tvariants={motionVariants}\r\n\t\t\t\t\t\t\t\t\ttransition={transition}\r\n\t\t\t\t\t\t\t\t\tinitial={motionVariants.initial}\r\n\t\t\t\t\t\t\t\t\texit={motionVariants.exit}\r\n\t\t\t\t\t\t\t\t\tanimate={motionVariants.active}\r\n\t\t\t\t\t\t\t\t\tclassName=\"nav-wrapper--lc\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<SubNavigation\r\n\t\t\t\t\t\t\t\t\t\turl={learningCenterNavItem.url}\r\n\t\t\t\t\t\t\t\t\t\ttitle={learningCenterNavItem.title}\r\n\t\t\t\t\t\t\t\t\t\tmenuItemChildren={learningCenterNavItem.menuItemChildren}\r\n\t\t\t\t\t\t\t\t\t\tautomaticallyExpandChildren={learningCenterNavItem.automaticallyExpandChildren}\r\n\t\t\t\t\t\t\t\t\t\tincludeMenuLink={learningCenterNavItem.includeMenuLink}\r\n\t\t\t\t\t\t\t\t\t\tisAncestorOrSelf={learningCenterNavItem.isAncestorOrSelf}\r\n\t\t\t\t\t\t\t\t\t\tisLearningCenter={true} />\r\n\t\t\t\t\t\t\t\t</MotionBox>\r\n\t\t\t\t\t\t\t</AnimatePresence>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t</DrawerContent>\r\n\t\t\t</Drawer>\r\n\t\t</Box>\r\n\t);\r\n};\r\n\r\nexport default MainNavigation;"],"names":["MainNavStyling","SubNavigation","url","title","sectionTitle","menuItemChildren","automaticallyExpandChildren","includeMenuLink","isAncestorOrSelf","isLearningCenter","isLgBreakpointOrAbove","useMediaQuery","breakpoints","ancestorClosed","setAncestorClosed","useState","getButtonProps","getDisclosureProps","isOpen","onToggle","useDisclosure","disclosureProps","buttonProps","showSubNav","jsxs","Fragment","jsx","Box","Button","ChakraText","Icon","IconAccordion","Collapse","Heading","List","ListItem","NavLink","subNavItem","index","MainNavigation","rendering","sitecoreContext","useSitecoreContext","onOpen","onClose","location","useLocation","btnRef","useRef","duration","t","useTranslation","navItems","_a","mainNavItems","item","constants","learningCenterNavItem","motionVariants","transition","useEffect","VisuallyHidden","IconMenu","Drawer","DrawerOverlay","DrawerContent","Flex","RouterLink","DrawerCloseButton","IconClose","AnimatePresence","MotionBox","navItem"],"mappings":"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"}