{"version":3,"file":"AramcoWorld_ContentPageHeader-C6qv_EcN.js","sources":["../../../src/project/AramcoWorld/Header/ContentPageHeader/index.tsx?chunkName=AramcoWorld_ContentPageHeader"],"sourcesContent":["import React, { type FC, useContext } from \"react\";\r\nimport { type ContentPage, type ContentPageHeaderProps } from \"../../generated-types\";\r\nimport { usePageTheme } from \"../../_Base/Theme/themable\";\r\nimport { useSitecoreContext } from \"~/foundation/Jss\";\r\nimport { Ribbon } from \"../../_Base/Components/Ribbon\";\r\nimport { ContentWrapper } from \"../../_Base/Components/ContentWrapper\";\r\nimport { sc } from \"../../_Base/Jss\";\r\nimport { Box, Flex, Heading, Text as ChakraText } from \"@chakra-ui/react\";\r\nimport { RichTextStyling } from \"../../_Base/Components/RichText/styles\";\r\nimport { ColorThemeContext } from \"../../_Base/Theme/ColorThemeContext.tsx\";\r\n\r\nconst ContentPageHeader: FC<ContentPageHeaderProps> = () => {\r\n\tconst { sitecoreContext } = useSitecoreContext<ContentPage>();\r\n\tconst [theme] = useContext(ColorThemeContext);\r\n\r\n\treturn (\r\n\t\t<Ribbon\r\n\t\t\tdata-rendering=\"ContentPageHeader\"\r\n\t\t\tposition=\"relative\"\r\n\t\t\tsx={{ //this is to display the themed background-color below header/main navigation when scrolling up and down\r\n\t\t\t\t_before: {\r\n\t\t\t\t\tcontent: \"''\",\r\n\t\t\t\t\tdisplay: \"block\",\r\n\t\t\t\t\tposition: \"absolute\",\r\n\t\t\t\t\tbottom: \"100%\",\r\n\t\t\t\t\tbg: theme.ribbon.primaryBg,\r\n\t\t\t\t\th: [\"headerHXS\", null, \"headerHLG\"],\r\n\t\t\t\t\tw: \"100%\",\r\n\t\t\t\t}\r\n\t\t\t}}>\r\n\t\t\t<ContentWrapper py={[\"10\", null, null, \"12\"]} maxW=\"calc(var(--chakra-sizes-866) + var(--chakra-sizes-pageMarginLG) * 2)\" textAlign=\"center\">\r\n\t\t\t\t{(sitecoreContext.route?.fields?.trumpet?.value || sitecoreContext.pageEditing) &&\r\n\t\t\t\t\t<ChakraText mb={[4, 8]} size={[\"mobileHeadline7\", null, null, \"desktopHeadline7\"]} textAlign=\"center\">\r\n\t\t\t\t\t\t<sc.Text field={sitecoreContext.route?.fields?.trumpet} />\r\n\t\t\t\t\t</ChakraText>\r\n\t\t\t\t}\r\n\t\t\t\t<Flex flexDirection=\"column\" gap={[\"6\", null, null, \"8\"]} alignItems=\"center\">\r\n\t\t\t\t\t{(sitecoreContext.route?.fields?.headline?.value || sitecoreContext.pageEditing) &&\r\n\t\t\t\t\t\t<Heading\r\n\t\t\t\t\t\t\tas=\"h1\"\r\n\t\t\t\t\t\t\tsize={[\"mobileHeadline1\", null, null, \"desktopHeadline1Big\"]}\r\n\t\t\t\t\t\t\tmarginX=\"auto\"\r\n\t\t\t\t\t\t\tmaxW=\"1164\"\r\n\t\t\t\t\t\t\tcolor={theme.ribbon.primaryColorBigText}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<sc.Text field={sitecoreContext.route?.fields?.headline} />\r\n\t\t\t\t\t\t</Heading>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{(sitecoreContext.route?.fields?.description?.value || sitecoreContext.pageEditing) &&\r\n\t\t\t\t\t\t<Box {...RichTextStyling()}>\r\n\t\t\t\t\t\t\t<sc.RichText field={sitecoreContext.route?.fields?.description} />\r\n\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t}\r\n\t\t\t\t</Flex>\r\n\t\t\t</ContentWrapper>\r\n\t\t</Ribbon>\r\n\t);\r\n};\r\n\r\nexport default usePageTheme()(ContentPageHeader);"],"names":["ContentPageHeader","sitecoreContext","useSitecoreContext","theme","useContext","ColorThemeContext","jsx","Ribbon","jsxs","ContentWrapper","_c","_b","_a","ChakraText","sc","_e","_d","Flex","_h","_g","_f","Heading","_j","_i","_m","_l","_k","Box","RichTextStyling","_o","_n","index","usePageTheme"],"mappings":"obAWA,MAAMA,EAAgD,IAAM,mCACrD,KAAA,CAAE,gBAAAC,GAAoBC,IACtB,CAACC,CAAK,EAAIC,EAAA,WAAWC,CAAiB,EAG3C,OAAAC,EAAA,IAACC,EAAA,CACA,iBAAe,oBACf,SAAS,WACT,GAAI,CACH,QAAS,CACR,QAAS,KACT,QAAS,QACT,SAAU,WACV,OAAQ,OACR,GAAIJ,EAAM,OAAO,UACjB,EAAG,CAAC,YAAa,KAAM,WAAW,EAClC,EAAG,MACJ,CACD,EACA,SAACK,EAAA,KAAAC,EAAA,CAAe,GAAI,CAAC,KAAM,KAAM,KAAM,IAAI,EAAG,KAAK,uEAAuE,UAAU,SACjI,SAAA,IAAAC,GAAAC,GAAAC,EAAAX,EAAgB,QAAhB,YAAAW,EAAuB,SAAvB,YAAAD,EAA+B,UAA/B,YAAAD,EAAwC,QAAST,EAAgB,cACjEK,EAAA,IAAAO,EAAA,CAAW,GAAI,CAAC,EAAG,CAAC,EAAG,KAAM,CAAC,kBAAmB,KAAM,KAAM,kBAAkB,EAAG,UAAU,SAC5F,SAACP,MAAAQ,EAAG,KAAH,CAAQ,OAAOC,GAAAC,EAAAf,EAAgB,QAAhB,YAAAe,EAAuB,SAAvB,YAAAD,EAA+B,OAAS,CAAA,EACzD,EAEAP,EAAAA,KAAAS,EAAA,CAAK,cAAc,SAAS,IAAK,CAAC,IAAK,KAAM,KAAM,GAAG,EAAG,WAAW,SAClE,SAAA,IAAAC,GAAAC,GAAAC,EAAAnB,EAAgB,QAAhB,YAAAmB,EAAuB,SAAvB,YAAAD,EAA+B,WAA/B,YAAAD,EAAyC,QAASjB,EAAgB,cACnEK,EAAA,IAACe,EAAA,CACA,GAAG,KACH,KAAM,CAAC,kBAAmB,KAAM,KAAM,qBAAqB,EAC3D,QAAQ,OACR,KAAK,OACL,MAAOlB,EAAM,OAAO,oBAEpB,SAAAG,EAAAA,IAACQ,EAAG,KAAH,CAAQ,OAAOQ,GAAAC,EAAAtB,EAAgB,QAAhB,YAAAsB,EAAuB,SAAvB,YAAAD,EAA+B,SAAU,CAAA,CAC1D,KAECE,GAAAC,GAAAC,EAAAzB,EAAgB,QAAhB,YAAAyB,EAAuB,SAAvB,YAAAD,EAA+B,cAA/B,YAAAD,EAA4C,QAASvB,EAAgB,oBACrE0B,EAAK,CAAA,GAAGC,IACR,SAAAtB,EAAA,IAACQ,EAAG,SAAH,CAAY,OAAOe,GAAAC,EAAA7B,EAAgB,QAAhB,YAAA6B,EAAuB,SAAvB,YAAAD,EAA+B,WAAA,CAAa,CACjE,CAAA,CAAA,EAEF,CAAA,EACD,CAAA,CAAA,CAGH,EAEAE,EAAeC,EAAA,EAAehC,CAAiB"}