{"version":3,"file":"static/js/3566.4ae98388.chunk.js","mappings":"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","sources":["components/Elements/Teaser/Default/Default.styles.js","components/Elements/Teaser/Default/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\troot: {\r\n\t\tbackground: theme.palette.background.light,\r\n\t\theight: \"100%\",\r\n\t\tminHeight: 300,\r\n\t\tposition: \"relative\",\r\n\t\t\"& a\": {\r\n\t\t\tcolor: \"inherit\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\theight: \"100%\",\r\n\t\t\t[theme.breakpoints.up(\"sm\")]: {\r\n\t\t\t\tdisplay: \"grid\",\r\n\t\t\t\tgridTemplateColumns: \"300px auto\",\r\n\t\t\t\tgridTemplateRows: \"1fr\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\timage: {\r\n\t\t\"&.mco-teaser-default__image--gelb\": {\r\n\t\t\tborderBottom: \"8px solid #FADE4B\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--orange\": {\r\n\t\t\tborderBottom: \"8px solid #e2650c\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--braun\": {\r\n\t\t\tborderBottom: \"8px solid #efb342\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--blau\": {\r\n\t\t\tborderBottom: \"8px solid #2E75B9\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--rot\": {\r\n\t\t\tborderBottom: \"8px solid #D32D37\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--pink\": {\r\n\t\t\tborderBottom: \"8px solid #D5307D\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--lila\": {\r\n\t\t\tborderBottom: \"8px solid #673C88\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--grün\": {\r\n\t\t\tborderBottom: \"8px solid #149a34\"\r\n\t\t},\r\n\t\t\"&.mco-teaser-default__image--schwarz\": {\r\n\t\t\tborderBottom: \"8px solid #000000\"\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tborderBottom: \"none !important\",\r\n\t\t\t\"&.mco-teaser-default__image--gelb\": {\r\n\t\t\t\tborderRight: \"8px solid #FADE4B\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--orange\": {\r\n\t\t\t\tborderRight: \"8px solid #e2650c\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--braun\": {\r\n\t\t\t\tborderRight: \"8px solid #efb342\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--blau\": {\r\n\t\t\t\tborderRight: \"8px solid #2E75B9\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--rot\": {\r\n\t\t\t\tborderRight: \"8px solid #D32D37\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--pink\": {\r\n\t\t\t\tborderRight: \"8px solid #D5307D\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--lila\": {\r\n\t\t\t\tborderRight: \"8px solid #673C88\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--grün\": {\r\n\t\t\t\tborderRight: \"8px solid #149a34\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-teaser-default__image--schwarz\": {\r\n\t\t\t\tborderRight: \"8px solid #000000\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tnoImage: {\r\n\t\taspectRatio: \"318 / 250\",\r\n\t\t\"& .mco-fallback-image\": {\r\n\t\t\tbackground: theme.palette.background.light\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\taspectRatio: \"300 / 300\"\r\n\t\t}\r\n\t},\r\n\tcontent: {\r\n\t\talignItems: \"flex-start\",\r\n\t\tdisplay: \"flex\",\r\n\t\tflex: 1,\r\n\t\tflexDirection: \"column\",\r\n\t\tpadding: theme.spacing(3, 2),\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tpadding: theme.spacing(4, 3)\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"lg\")]: {\r\n\t\t\tpadding: theme.spacing(4)\r\n\t\t}\r\n\t},\r\n\ttitle: {\r\n\t\tmarginBottom: theme.spacing(2),\r\n\t\tposition: \"relative\",\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tmarginBottom: theme.spacing(3)\r\n\t\t}\r\n\t},\r\n\ttext: {\r\n\t\ttextOverflow: \"ellipsis\",\r\n\t\toverflow: \"hidden\",\r\n\t\tdisplay: \"-webkit-box\",\r\n\t\tlineClamp: 5,\r\n\t\tboxOrient: \"vertical\",\r\n\t\twhiteSpace: \"normal\"\r\n\t},\r\n\tbutton: {\r\n\t\tmarginTop: \"auto\",\r\n\t\tpaddingTop: theme.spacing(3),\r\n\t\twidth: \"100%\",\r\n\t\t\"& button\": {\r\n\t\t\tfontSize: \"18px !important\",\r\n\t\t\twidth: \"100%\"\r\n\t\t},\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tmarginLeft: \"auto\",\r\n\t\t\twidth: \"auto\"\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","import React, { useState } from \"react\";\r\nimport loadable from \"@loadable/component\";\r\nimport clsx from \"clsx\";\r\nimport useLocals from \"@micado-digital/react-ui/hooks/useLocals\";\r\nimport localDE from \"@localDE\";\r\nimport localEN from \"@localEN\";\r\n\r\nimport styles from \"./Default.styles\";\r\n\r\nconst AdditionFields = loadable(() => import(\"./AdditionFields\"));\r\nconst FallbackImage = loadable(() =>\r\n\timport(\"@micado-digital/react-ui/components/FallbackImage\")\r\n);\r\nconst ReactHTMLPicture = loadable(() =>\r\n\timport(\"@micado-digital/react-htmlpicture/ReactHTMLPicture\")\r\n);\r\nconst ReactLink = loadable(() => import(\"@micado-digital/react-link/ReactLink\"));\r\n// const ReactSVGIcon = loadable(() => import(\"@micado-digital/react-svg-icon/ReactSVGIcon\"));\r\nconst Typography = loadable(() => import(\"@micado-digital/react-ui/components/Typography\"));\r\nconst Button = loadable(() => import(\"@material-ui/core/Button\"));\r\n\r\nconst Default = ({\r\n\taddition,\r\n\tbuttonLabel,\r\n\tfields = [],\r\n\tlang,\r\n\tlink,\r\n\tlinkRel,\r\n\tlinkTarget,\r\n\tmedia,\r\n\tmediaFormats,\r\n\tprice,\r\n\ttext,\r\n\ttitle,\r\n\tvariant\r\n}) => {\r\n\tconst { REACT_APP_PATH } = process.env;\r\n\tconst [color, setColor] = useState(\"\");\r\n\tconst css = styles();\r\n\r\n\tconst l = useLocals({\r\n\t\tlang: lang,\r\n\t\tres: {\r\n\t\t\tde: localDE,\r\n\t\t\ten: localEN\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<div className={clsx(css.root, \"mco-teaser-default\")}>\r\n\t\t\t<ReactLink rel={linkRel ? linkRel : \"\"} target={linkTarget ? linkTarget : \"\"} to={link}>\r\n\t\t\t\t{media ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={clsx(\r\n\t\t\t\t\t\t\tcss.image,\r\n\t\t\t\t\t\t\t\"mco-teaser-default__image\",\r\n\t\t\t\t\t\t\t`mco-teaser-default__image--${color?.toLowerCase()}`\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ReactHTMLPicture\r\n\t\t\t\t\t\t\tmedia={media?.[0]}\r\n\t\t\t\t\t\t\tmediaFormats={\r\n\t\t\t\t\t\t\t\tmediaFormats ? mediaFormats : { xs: \"teaser-mobile\", md: \"teaser-sub\" }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tpath={REACT_APP_PATH}\r\n\t\t\t\t\t\t\twebpFallback\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div className={clsx(css.noImage, \"mco-teaser-default__no-image\")}>\r\n\t\t\t\t\t\t<FallbackImage />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div className={clsx(css.content, \"mco-teaser-default__content\")}>\r\n\t\t\t\t\t{title && (\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={clsx(css.title, \"mco-teaser-default__title\")}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: title }}\r\n\t\t\t\t\t\t\tvariant=\"title-large\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{variant === 1 && <AdditionFields fields={fields} lang={lang} setColor={setColor} />}\r\n\t\t\t\t\t{text && variant !== 1 && (\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={clsx(css.text, \"mco-teaser-default__text\")}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: text }}\r\n\t\t\t\t\t\t\tvariant=\"body1\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div className={clsx(css.button, \"mco-teaser-default__button\")}>\r\n\t\t\t\t\t\t<Button color=\"secondary\" variant=\"contained\">\r\n\t\t\t\t\t\t\t{l(\"teaser.button\")}\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</ReactLink>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Default;\r\n"],"names":["makeStyles","theme","root","background","palette","light","height","minHeight","position","color","display","flexDirection","breakpoints","up","gridTemplateColumns","gridTemplateRows","image","borderBottom","borderRight","noImage","aspectRatio","content","alignItems","flex","padding","spacing","title","marginBottom","text","textOverflow","overflow","lineClamp","boxOrient","whiteSpace","button","marginTop","paddingTop","width","fontSize","marginLeft","AdditionFields","loadable","FallbackImage","ReactHTMLPicture","ReactLink","Typography","Button","addition","buttonLabel","fields","lang","link","linkRel","linkTarget","media","mediaFormats","price","variant","useState","setColor","css","styles","l","useLocals","res","de","localDE","en","localEN","className","clsx","rel","target","to","toLowerCase","xs","md","path","process","webpFallback","dangerouslySetInnerHTML","__html"],"sourceRoot":""}