{"version":3,"file":"Raceteq_ArticleTeaser-NQ3JRPXQ.js","sources":["../../../src/foundation/Assets/svg/cursors/hover-cursor.svg","../../../src/foundation/Assets/svg/cursors/hover-cursor-ext.svg","../../../src/project/Raceteq/Article/ArticleTeaser/index.tsx?chunkName=Raceteq_ArticleTeaser"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.9'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.000304302%2020L0%2040H34.2857C37.4416%2040%2040%2037.4416%2040%2034.2857V0H17.1417C14.4632%200%2011.9674%201.37239%2010.5054%203.64212L0.000304302%2020ZM0.195109%2020H0.000304302L0.000304292%2020.2299L0.195109%2020Z'%20fill='%231480DB'/%3e%3cpath%20d='M12%2021.25H28L22.5%2026.75'%20stroke='white'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3e%3cpath%20d='M20,40h20s0-34.29,0-34.29c0-3.16-2.56-5.71-5.71-5.71H0v22.86c0,2.68,1.37,5.17,3.64,6.64l16.36,10.51ZM20,39.8v.19h.23s-.23-.19-.23-.19Z'%20style='fill:%231480db;%20fill-rule:evenodd;%20stroke-width:0px;'%20opacity='0.9'/%3e%3cpath%20d='M14.34,25.66l11.31-11.31v7.78'%20style='fill:none;%20stroke:%23fff;'/%3e%3c/svg%3e\"","import React, { type FC } from \"react\";\r\nimport { type Article, type ArticleExternal, type ArticleTeaserProps } from \"../../generated-types\";\r\nimport { useSitecoreContext } from \"@sitecore-jss/sitecore-jss-react\";\r\nimport { sc } from \"../../_Base/Jss\";\r\nimport { type ItemReference } from \"~/foundation/Jss\";\r\nimport { ChakraRouterLink } from \"../../_Base/Components/Link/ChakraRouterLink\";\r\nimport { AspectRatio, Box, Flex, Text as ChakraText, Link } from \"@chakra-ui/react\";\r\nimport { imageSizes } from \"../../_Base/Theme\";\r\nimport { type Tag } from \"~/foundation/SitecoreContent/generated-types\";\r\nimport cursor from \"~/foundation/Assets/svg/cursors/hover-cursor.svg\";\r\nimport cursorExt from \"~/foundation/Assets/svg/cursors/hover-cursor-ext.svg\";\r\nimport { type GlobalDictionary } from \"../../dictionary\";\r\nimport { useTranslation } from \"~/foundation/Dictionary\";\r\n\r\nconst ArticleTeaser: FC<ArticleTeaserProps> = ({ fields }) => {\r\n\tconst [t] = useTranslation<GlobalDictionary>();\r\n\tconst { sitecoreContext } = useSitecoreContext();\r\n\r\n\tconst article = fields?.articleReference as ItemReference<Article & ArticleExternal> | undefined;\r\n\r\n\tconst LinkComponent = article?.fields?.externalLink ? Link : ChakraRouterLink;\r\n\tconst linkProps = article?.fields?.externalLink ? { href: article.fields.externalLink?.value?.href, target: article.fields.externalLink?.value?.target } : { to: article?.url };\r\n\r\n\tif (!article && sitecoreContext.pageEditing) {\r\n\t\treturn (\r\n\t\t\t<ChakraText>\r\n\t\t\t\t[No article reference found]\r\n\t\t\t</ChakraText>\r\n\t\t)\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{article && (\r\n\t\t\t\t<LinkComponent\r\n\t\t\t\t\tposition=\"relative\"\r\n\t\t\t\t\tvariant=\"unstyled\"\r\n\t\t\t\t\tdisplay=\"block\"\r\n\t\t\t\t\tcursor={article ? `url(${article.fields?.externalLink ? cursorExt : cursor}) 20 20, pointer` : undefined}\r\n\t\t\t\t\t{...linkProps}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Flex gap={[\"4\", null, null, \"6\"]} py=\"4\" borderY=\"1px solid var(--chakra-colors-primary-greyMedium)\">\r\n\t\t\t\t\t\t{(article.fields.image?.value?.src || sitecoreContext.pageEditing) &&\r\n\t\t\t\t\t\t\t<Box>\r\n\t\t\t\t\t\t\t\t<AspectRatio ratio={16 / 9} w={[\"6.25rem\", null, null, \"11rem\"]} overflow=\"hidden\" borderTopStartRadius=\"var(--chakra-sizes-articleCardRoundedCorner)\" borderBottomEndRadius=\"var(--chakra-sizes-articleCardRoundedCorner)\">\r\n\t\t\t\t\t\t\t\t\t<sc.AdvanceImage\r\n\t\t\t\t\t\t\t\t\t\tfields={article.fields}\r\n\t\t\t\t\t\t\t\t\t\titemId={article.id}\r\n\t\t\t\t\t\t\t\t\t\tfieldName=\"image\"\r\n\t\t\t\t\t\t\t\t\t\teditable={false}\r\n\t\t\t\t\t\t\t\t\t\tsrcSet={[imageSizes.defaultWide.sm]}\r\n\t\t\t\t\t\t\t\t\t\tsizes=\"384px\"\r\n\t\t\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\t\t\tobjectFit: \"cover\",\r\n\t\t\t\t\t\t\t\t\t\t\tobjectPosition: \"center center\",\r\n\t\t\t\t\t\t\t\t\t\t\tminWidth: \"100%\",\r\n\t\t\t\t\t\t\t\t\t\t\tminHeight: \"100%\",\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</AspectRatio>\r\n\t\t\t\t\t\t\t</Box>\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t<Box mt={[\"-2\", null, null, \"0\"]}>\r\n\t\t\t\t\t\t\t{(!article.fields.externalLink && article.fields.topicTags && article.fields.topicTags?.length > 0) &&\r\n\t\t\t\t\t\t\t\t<ChakraText variant=\"tagLight\" display=\"inline-block\" mb={[\"1\", null, null, \"3\"]} textTransform=\"lowercase\">\r\n\t\t\t\t\t\t\t\t\t{article.fields.topicTags?.map((tag: ItemReference<Tag>, index: number) => (\r\n\t\t\t\t\t\t\t\t\t\t<React.Fragment key={\"tag\" + index}>\r\n\t\t\t\t\t\t\t\t\t\t\t<sc.Text field={tag.fields.title} editable={false} />\r\n\t\t\t\t\t\t\t\t\t\t\t{(article.fields.topicTags?.length && index < article.fields.topicTags?.length - 1) &&\r\n\t\t\t\t\t\t\t\t\t\t\t<span>, </span>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</ChakraText>\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t{article.fields.externalLink?.value?.href && (\r\n\t\t\t\t\t\t\t\t<ChakraText\r\n\t\t\t\t\t\t\t\t\tvariant=\"tagLight\"\r\n\t\t\t\t\t\t\t\t\tdisplay=\"inline-block\"\r\n\t\t\t\t\t\t\t\t\ttextAlign=\"end\"\r\n\t\t\t\t\t\t\t\t\tborder=\"1px solid\"\r\n\t\t\t\t\t\t\t\t\tborderColor=\"primary.green\"\r\n\t\t\t\t\t\t\t\t\tpx=\"0.38rem\"\r\n\t\t\t\t\t\t\t\t\tpy={2}\r\n\t\t\t\t\t\t\t\t\tborderRadius=\"0.25rem\"\r\n\t\t\t\t\t\t\t\t\tlineHeight={1}\r\n\t\t\t\t\t\t\t\t\tmb={[\"1\", null, null, \"3\"]}\r\n\t\t\t\t\t\t\t\t\ttextTransform=\"lowercase\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{t(\"article.externalLabel\")}\r\n\t\t\t\t\t\t\t\t</ChakraText>\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{(article.fields?.listTeaserTitle?.value || sitecoreContext.pageEditing) &&\r\n\t\t\t\t\t\t\t\t<ChakraText size=\"headline4\">\r\n\t\t\t\t\t\t\t\t\t<sc.Text field={article.fields?.listTeaserTitle}/>\r\n\t\t\t\t\t\t\t\t</ChakraText>\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</Flex>\r\n\t\t\t\t</LinkComponent>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default ArticleTeaser;"],"names":["cursorImg","cursorExt","ArticleTeaser","fields","t","useTranslation","sitecoreContext","useSitecoreContext","article","LinkComponent","_a","Link","ChakraRouterLink","linkProps","_b","_d","_c","_f","_e","jsx","ChakraText","_g","cursor","jsxs","Flex","_i","_h","Box","AspectRatio","sc","imageSizes","_j","_k","tag","index","React","_m","_l","_o","_n","_p"],"mappings":"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"}