{"version":3,"file":"static/js/4208.9940f96f.chunk.js","mappings":"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","sources":["components/Elements/TeaserSlider/TeaserSlider.styles.js","components/Elements/TeaserSlider/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\n\nconst styles = makeStyles(theme => ({\n\tteaserSlider: {\n\t\t\"& .swiper\": {\n\t\t\toverflow: \"visible\"\n\t\t},\n\t\t\"& .swiper-slide\": {\n\t\t\theight: \"auto !important\"\n\t\t},\n\t\t\"& .swiper-pagination\": {\n\t\t\talignItems: \"center\",\n\t\t\tbottom: \"auto !important\",\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t\tflexWrap: \"wrap\",\n\t\t\tmarginTop: theme.spacing(3),\n\t\t\tposition: \"relative\"\n\t\t},\n\t\t\"& .swiper-pagination-bullet\": {\n\t\t\tbackground: theme.palette.primary.main,\n\t\t\tborderRadius: \"1px !important\",\n\t\t\theight: 2,\n\t\t\topacity: \"0.3 !important\",\n\t\t\ttransition: \"opacity 250ms ease, width 250ms ease\",\n\t\t\twidth: 16\n\t\t},\n\t\t\"& .swiper-pagination-bullet-active\": {\n\t\t\topacity: \"1 !important\",\n\t\t\twidth: 32\n\t\t}\n\t},\n\theadline: {\n\t\tpaddingBottom: theme.spacing(7),\n\t\tpaddingTop: theme.spacing(12.5),\n\t\tposition: \"relative\",\n\t\ttextAlign: \"center\",\n\t\t\"&:before\": {\n\t\t\tbackground: \"linear-gradient(180deg, #C65470 0%, #548EB5 100%)\",\n\t\t\tbottom: 0,\n\t\t\tcontent: \"''\",\n\t\t\tleft: \"50%\",\n\t\t\tposition: \"absolute\",\n\t\t\ttop: 0,\n\t\t\ttransform: \"translate(-50%, 0)\",\n\t\t\twidth: 2,\n\t\t\tzIndex: -1\n\t\t},\n\t\t\"& span\": {\n\t\t\tbackground: \"#FFFFFF\",\n\t\t\tpadding: theme.spacing(0.5, 0)\n\t\t}\n\t}\n}));\n\nexport default styles;\n","import React, { useRef } from \"react\";\nimport loadable from \"@loadable/component\";\nimport clsx from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Navigation, Pagination } from \"swiper\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\n\nimport \"swiper/css\";\nimport \"swiper/css/pagination\";\n\nimport styles from \"./TeaserSlider.styles\";\n\nconst Container = loadable(() => import(\"@Components/views/Container\"));\nconst Item = loadable(() => import(\"./Item\"));\nconst Typography = loadable(() => import(\"@micado-digital/react-ui/components/Typography\"));\n\nconst TeaserSlider = ({ headline, items, lang }) => {\n\tconst swiperRef = useRef(null);\n\tconst css = styles();\n\n\tif (isEmpty(items)) return <></>;\n\n\treturn (\n\t\t<div className={clsx(css.teaserSlider, \"mco-view-component-teaser-slider\")}>\n\t\t\t{headline && (\n\t\t\t\t<Container>\n\t\t\t\t\t<Typography\n\t\t\t\t\t\tclassName={clsx(css.headline, \"mco-view-component-teaser-slider__headline\")}\n\t\t\t\t\t\tcomponent=\"h2\"\n\t\t\t\t\t\tvariants={{ xs: \"headline-medium\", md: \"headline-large\" }}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: `<span>${headline}</span>` }}\n\t\t\t\t\t/>\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t\t<Swiper\n\t\t\t\tslidesPerView={1}\n\t\t\t\tmodules={[Navigation, Pagination]}\n\t\t\t\tnavigation={{\n\t\t\t\t\tprevEl: null,\n\t\t\t\t\tnextEl: null\n\t\t\t\t}}\n\t\t\t\tobserver\n\t\t\t\tobserveParents\n\t\t\t\tpagination={{ clickable: true }}\n\t\t\t\tonSwiper={swiper => {\n\t\t\t\t\tswiperRef.current = swiper;\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{items?.map(item => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\telements = [],\n\t\t\t\t\t\ttextcontent: { items = [] }\n\t\t\t\t\t} = item;\n\n\t\t\t\t\tconst backgroundImage = elements?.find(({ tag }) => tag === \"valBackgroundImage\")\n\t\t\t\t\t\t?.media?.[0];\n\t\t\t\t\tconst image = elements?.find(({ tag }) => tag === \"valImage\")?.media?.[0];\n\t\t\t\t\tconst pageName = elements?.find(({ tag }) => tag === \"valPageName\")?.teaser?.link;\n\t\t\t\t\tconst text = items?.find(({ name }) => name === \"valText\")?.text;\n\t\t\t\t\tconst title = items?.find(({ name }) => name === \"valTitle\")?.text;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SwiperSlide key={item.id}>\n\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\tbackgroundImage={backgroundImage}\n\t\t\t\t\t\t\t\timage={image}\n\t\t\t\t\t\t\t\tlang={lang}\n\t\t\t\t\t\t\t\tpageName={pageName}\n\t\t\t\t\t\t\t\tswiperRef={swiperRef}\n\t\t\t\t\t\t\t\ttext={text}\n\t\t\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</SwiperSlide>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Swiper>\n\t\t</div>\n\t);\n};\n\nexport default TeaserSlider;\n"],"names":["makeStyles","theme","teaserSlider","overflow","height","alignItems","bottom","display","justifyContent","flexWrap","marginTop","spacing","position","background","palette","primary","main","borderRadius","opacity","transition","width","headline","paddingBottom","paddingTop","textAlign","content","left","top","transform","zIndex","padding","Container","loadable","Item","Typography","_ref","items","lang","swiperRef","useRef","css","styles","isEmpty","_jsx","_Fragment","_jsxs","className","clsx","children","component","variants","xs","md","dangerouslySetInnerHTML","__html","concat","Swiper","slidesPerView","modules","Navigation","Pagination","navigation","prevEl","nextEl","observer","observeParents","pagination","clickable","onSwiper","swiper","current","map","item","_elements$find","_elements$find$media","_elements$find2","_elements$find2$media","_elements$find3","_elements$find3$tease","_items$find","_items$find2","elements","textcontent","backgroundImage","find","_ref2","tag","media","image","_ref3","pageName","_ref4","teaser","link","text","_ref5","name","title","_ref6","SwiperSlide","id"],"sourceRoot":""}