{"version":3,"file":"1102.328e4a4ee1a19bf8274c.js","mappings":"0VAGA,IAoCA,EApCmB,SAAQ,G,IAALA,EAAQ,EAARA,SAAUC,EAAU,EAAVA,WAAYC,EAAO,EAAPA,QAASC,EAAQ,EAARA,SAAUC,EAAS,EAATA,UACrDC,EAAY,cACZC,EAAcC,GAAAA,CAAY,GAAY,OAAVF,EAAU,eAE5C,OAAM,gBACDG,MAAG,CAACC,UAAWH,G,gBACXE,MAAG,CAACC,UAAY,GAAY,OAAVJ,EAAU,YACxBF,EAAQ,gBACJK,MAAG,CAACC,UAAY,GAAY,OAAVJ,EAAU,UAASK,MAAO,CAAEC,gBAAkB,OAAe,OAATR,EAAS,QAChF,KAEHH,EAAQ,gBACJQ,MAAG,CACAC,UAAWF,GAAAA,CAAY,GAAqBF,OAAnBA,EAAU,WAAmB,OAAVA,EAAU,UAAM,KACtD,GAAY,OAAVD,EAAU,YAAYA,IAE9BQ,wBAAyB,CAAEC,OAAQb,KAEvC,KAEHC,EAAU,gBACNO,MAAG,CACAC,UAAWF,GAAAA,CAAY,GAAqBF,OAAnBA,EAAU,WAAmB,OAAVA,EAAU,WAAO,KACvD,GAAY,OAAVD,EAAU,YAAYA,IAE9BQ,wBAAyB,CAAEC,OAAQZ,KAEvC,KAEHC,EAAO,gBACHM,MAAG,CAACC,UAAY,GAAY,OAAVJ,EAAU,QAAOO,wBAAyB,CAAEC,OAAQX,KACvE,Q,gNCGpB,M,SAhCqBY,GACjB,IACMR,EAAcC,GAAAA,CAAY,GAAY,OAD1B,eAC0B,cAAa,sBAAuB,SAahF,OAAM,gBACDC,MAAG,CAACC,UAAU,kB,gBACVD,MAAG,CAACC,UAAWH,GACXQ,EAAMC,aAAW,gBACbC,EAAAA,EAAM,KAfA,CACnBC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRC,YAAY,EACZC,OAAQ,OACRC,MAAO,QAQUV,EAAMC,YAAYU,KAAI,SAACC,EAAOC,GAC3B,OAAM,gBAALnB,MAAG,CAACoB,IAAKD,G,gBACLE,EAAU,KAAKH,Y,gNCxBhD,IAEA,EAFwBZ,SAAAA,GAAS,OAAM,gBAALgB,EAAW,KAAKhB","sources":["webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/ImageSlider/ImageSlide/image-slide.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/ImageSlider/image-slider.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactViews/ImageSlider/image-slider-view.js"],"sourcesContent":["import React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nconst ImageSlide = ({ HeadLine, TeaserText, CtaLink, ImageUrl, FontColor }) => {\r\n    const baseClass = \"image-slide\";\r\n    const rootClasses = classNames(`${baseClass}-container`);\r\n\r\n    return (\r\n        <div className={rootClasses}>\r\n            <div className={`${baseClass}__slide`}>\r\n                {ImageUrl ? (\r\n                    <div className={`${baseClass}-image`} style={{ backgroundImage: `url(${ImageUrl})` }} />\r\n                ) : null}\r\n\r\n                {HeadLine ? (\r\n                    <div\r\n                        className={classNames(`${baseClass}-input ${baseClass}-title`, {\r\n                            [`${FontColor}--text`]: !!FontColor\r\n                        })}\r\n                        dangerouslySetInnerHTML={{ __html: HeadLine }}\r\n                    />\r\n                ) : null}\r\n\r\n                {TeaserText ? (\r\n                    <div\r\n                        className={classNames(`${baseClass}-input ${baseClass}-teaser`, {\r\n                            [`${FontColor}--text`]: !!FontColor\r\n                        })}\r\n                        dangerouslySetInnerHTML={{ __html: TeaserText }}\r\n                    />\r\n                ) : null}\r\n\r\n                {CtaLink ? (\r\n                    <div className={`${baseClass}-cta`} dangerouslySetInnerHTML={{ __html: CtaLink }} />\r\n                ) : null}\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\nexport default ImageSlide;\r\n","import React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Swiper from \"react-slick\";\r\nimport ImageSlide from \"./ImageSlide/image-slide\";\r\n\r\nfunction ImageSlider(props) {\r\n    const baseClass = \"image-slider\";\r\n    const rootClasses = classNames(`${baseClass}-container`, \"custom-slick-slider\", \"light\");\r\n\r\n    const swiperSettings = {\r\n        infinite: false,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        dots: true,\r\n        arrows: false,\r\n        centerMode: false,\r\n        easing: \"ease\",\r\n        speed: \"400\"\r\n    };\r\n\r\n    return (\r\n        <div className=\"content-module\">\r\n            <div className={rootClasses}>\r\n                {props.ImageSlides && (\r\n                    <Swiper {...swiperSettings}>\r\n                        {props.ImageSlides.map((slide, slideIndex) => (\r\n                            <div key={slideIndex}>\r\n                                <ImageSlide {...slide} />\r\n                            </div>\r\n                        ))}\r\n                    </Swiper>\r\n                )}\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default ImageSlider;\r\n","import * as React from \"react\";\r\nimport ImageSlider from \"@/ReactComponents/ImageSlider/image-slider\";\r\n\r\nconst ImageSliderView = props => <ImageSlider {...props} />;\r\n\r\nexport default ImageSliderView;\r\n"],"names":["HeadLine","TeaserText","CtaLink","ImageUrl","FontColor","baseClass","rootClasses","classNames","div","className","style","backgroundImage","dangerouslySetInnerHTML","__html","props","ImageSlides","Swiper","infinite","slidesToShow","slidesToScroll","dots","arrows","centerMode","easing","speed","map","slide","slideIndex","key","ImageSlide","ImageSlider"],"sourceRoot":""}