{"version":3,"file":"AramcoWorld_InPageSubNavigation-C8eR2CIv.js","sources":["../../../src/project/AramcoWorld/Navigation/InPageSubNavigation/index.tsx?chunkName=AramcoWorld_InPageSubNavigation"],"sourcesContent":["import { type FC } from \"react\";\r\nimport { type InPageSubNavigationProps } from \"../../generated-types\";\r\nimport { Flex } from \"@chakra-ui/react\";\r\nimport { type MainNavigationItemModel } from \"~/feature/Navigation/generated-types\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { getLinkSizes, getLinkVariants } from \"../../_Base/Theme/components/Link\";\r\nimport { Ribbon } from \"../../_Base/Components/Ribbon\";\r\nimport { ContentWrapper } from \"../../_Base/Components/ContentWrapper\";\r\nimport { useSitecoreContext } from \"~/foundation/Jss\";\r\n\r\nconst InPageSubNavigation: FC<InPageSubNavigationProps> = ({ rendering }) => {\r\n\tconst { sitecoreContext } = useSitecoreContext();\r\n\tconst menuItems = rendering.customData?.menuItems;\r\n\r\n\tif (!menuItems) {\r\n\t\tconsole.log(\"InPageSubNavigation: menuItems. No menuitems found.\", menuItems);\r\n\r\n\t\tif (sitecoreContext.pageEditing) {\r\n\t\t\treturn <p>InPageSubNavigation: menuItems. No menuitems found.</p>\r\n\t\t} else {\r\n\t\t\treturn <></>;\r\n\t\t}\r\n\t}\r\n\r\n\treturn (\r\n\t\t<Ribbon data-rendering=\"InPageSubNavigation\">\r\n\t\t\t{(menuItems && menuItems?.length > 0) &&\r\n\t\t\t\t<ContentWrapper display=\"flex\" justifyContent=\"center\" alignItems=\"center\" pb={[\"10\", null, null, \"12\"]}>\r\n\t\t\t\t\t<Flex\r\n\t\t\t\t\t\tas=\"nav\"\r\n\t\t\t\t\t\taria-label=\"Sub Category\"\r\n\t\t\t\t\t\tgap=\"3\"\r\n\t\t\t\t\t\tjustifyContent=\"center\"\r\n\t\t\t\t\t\talignItems=\"center\"\r\n\t\t\t\t\t\tflexWrap=\"wrap\"\r\n\t\t\t\t\t\tmaxW=\"var(--chakra-sizes-640)\"\r\n\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\"> a\": {\r\n\t\t\t\t\t\t\t\t\"_hover\": {\r\n\t\t\t\t\t\t\t\t\tcolor: \"white !important\", //NavLink does not support hover styling directly on item\r\n\t\t\t\t\t\t\t\t\tbackgroundColor: \"AWPrimary.dark !important\" //NavLink does not support hover styling directly on item\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}}>\r\n\t\t\t\t\t\t{menuItems.map((categoryNavItem: MainNavigationItemModel, index) => {\r\n\t\t\t\t\t\t\tif (!categoryNavItem.url) return <></>\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<NavLink\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\tto={categoryNavItem.url}\r\n\t\t\t\t\t\t\t\t\tstyle={({ isActive }) => {\r\n\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\t...getLinkSizes().sm,\r\n\t\t\t\t\t\t\t\t\t\t\t...getLinkVariants().primaryOutline,\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: isActive ? \"white\" : \"currentcolor\",\r\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: isActive ? \"var(--chakra-colors-AWPrimary-dark)\" : \"white\",\r\n\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{categoryNavItem.title}\r\n\t\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</Flex>\r\n\t\t\t\t</ContentWrapper>\r\n\t\t\t}\r\n\t\t</Ribbon>\r\n\t);\r\n};\r\n\r\nexport default InPageSubNavigation;"],"names":["InPageSubNavigation","rendering","sitecoreContext","useSitecoreContext","menuItems","_a","jsx","Ribbon","ContentWrapper","Flex","categoryNavItem","index","NavLink","isActive","getLinkSizes","getLinkVariants","Fragment"],"mappings":"+YAUA,MAAMA,EAAoD,CAAC,CAAE,UAAAC,KAAgB,OACtE,KAAA,CAAE,gBAAAC,GAAoBC,IACtBC,GAAYC,EAAAJ,EAAU,aAAV,YAAAI,EAAsB,UAExC,OAAKD,EAWJE,MAACC,GAAO,iBAAe,sBACpB,aAAaH,GAAA,YAAAA,EAAW,QAAS,GAClCE,EAAAA,IAACE,EAAe,CAAA,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,GAAI,CAAC,KAAM,KAAM,KAAM,IAAI,EACrG,SAAAF,EAAA,IAACG,EAAA,CACA,GAAG,MACH,aAAW,eACX,IAAI,IACJ,eAAe,SACf,WAAW,SACX,SAAS,OACT,KAAK,0BACL,GAAI,CACH,MAAO,CACN,OAAU,CACT,MAAO,mBACP,gBAAiB,2BAClB,CACD,CACD,EACC,SAAUL,EAAA,IAAI,CAACM,EAA0CC,IACpDD,EAAgB,IAEpBJ,EAAA,IAACM,EAAA,CAEA,GAAIF,EAAgB,IACpB,MAAO,CAAC,CAAE,SAAAG,MACF,CACN,GAAGC,EAAe,EAAA,GAClB,GAAGC,EAAkB,EAAA,eACrB,MAAOF,EAAW,QAAU,eAC5B,gBAAiBA,EAAW,sCAAwC,OAAA,GAIrE,SAAgBH,EAAA,KAAA,EAXZC,CAAA,EAH4BL,EAAAA,IAAAU,EAAAA,SAAA,CAAA,CAAA,CAiBnC,CAAA,CAAA,CAEH,CAAA,CAEF,CAAA,GAnDQ,QAAA,IAAI,sDAAuDZ,CAAS,EAExEF,EAAgB,YACZI,EAAA,IAAC,KAAE,SAAmD,qDAAA,CAAA,EAEpDA,EAAA,IAAAU,WAAA,CAAA,CAAA,EAgDZ"}