{"version":3,"file":"8632-c9d649d0.pkg.js","mappings":"4eAMA,MAAMA,EAAiBC,IAAkB,IAAjB,SAAEC,GAAUD,EAClC,MAAME,EAAYC,EAAAA,SAEZC,EAAiB,CACrBC,MAAM,EACNC,UAAU,EACVC,SAAU,cACVC,MAAO,IACPC,cAAeR,EAASS,mBAAmD,IAA9BT,EAASS,mBAA4B,IAClFC,UAAU,EACVC,aAAc,EACdC,eAAgB,GAGlB,OACEV,EAAAA,cAAA,OAAKW,UAAW,8BACdX,EAAAA,cAACY,EAAAA,EAAMC,EAAA,CAACC,IAAKf,GAAeE,GACxBH,GAAUiB,cAAcC,QAAUlB,EAASiB,aAAaE,KAAI,CAACC,EAAMC,IACnEnB,EAAAA,cAAA,OAAKW,UAAW,UAAUO,EAAKE,QAAU,kBAAoB,MAAM,gBAAkBF,EAAKG,YAAaC,IAAKH,GAC1GnB,EAAAA,cAAA,OAAKW,UAAW,oCAAyCO,EAAKK,YAC5DvB,EAAAA,cAAA,OAAKW,UAAU,yCACXO,EAAKM,aAAexB,EAAAA,cAAA,OAAKyB,IAAKP,EAAKQ,WAAWD,MAAS,MAG3DzB,EAAAA,cAAA,OAAKW,UAAU,eAAe,gBAAeO,EAAKS,sBAC7CT,EAAKU,YAWJ,KAVF5B,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,MAAIW,UAAU,kBAAmBO,EAAKW,QACtC7B,EAAAA,cAAA,QAAMW,UAAU,oBAAqBO,EAAKY,UAExCZ,EAAKa,eACL/B,EAAAA,cAAA,OAAKW,UAAU,sBACbX,EAAAA,cAAA,OAAK,gBAAc,aAAa,gBAAekB,EAAKc,gBAEpD,OAKVhC,EAAAA,cAAA,OAAKW,UAAU,0CACXO,EAAKe,cAAgBjC,EAAAA,cAAA,OAAKyB,IAAKP,EAAKgB,YAAYT,MAAS,MAG7DzB,EAAAA,cAAA,OAAKW,UAAU,sBACXO,EAAKiB,YAAYV,IAAMzB,EAAAA,cAAA,OAAKyB,IAAKP,EAAKiB,WAAWV,MAAS,OAI9DP,EAAKE,SAAYF,EAAKkB,UAAYlB,EAAKmB,UACvCrC,EAAAA,cAAA,OAAKW,UAAU,mBACXO,EAAKkB,UAAYlB,EAAKmB,UACtBrC,EAAAA,cAAA,KAAGsC,KAAOpB,EAAKqB,QAAQC,IAAM7B,UAAU,yDAAyD8B,MAAQvB,EAAKE,SAC3GpB,EAAAA,cAAA,QAAMW,UAAU,kBAAmBO,EAAKE,SACxCpB,EAAAA,cAAA,QAAMW,UAAU,yBACdX,EAAAA,cAAC0C,EAAAA,GAAI,CAACC,OAAO,oBAGf,KAEFzB,EAAK0B,SAEP,SAIN,EAIVhD,EAAeiD,UAAY,CACzB/C,SAAUgD,IAAAA,QAGZlD,EAAemD,aAAe,CAC5BjD,SAAU,MAGZ,QC5EA,MAAMkD,UAAiBC,EAAAA,EACrBC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKF,QAAUA,EACfE,KAAKC,eACLD,KAAKE,MACP,CAEAA,IAAAA,GACmBF,KAAKF,OAExB,CAEAG,YAAAA,GACEE,EAAAA,OACExD,EAAAA,cAAA,WAASyD,GAAIJ,KAAKvD,UAAU4D,MAC1B1D,EAAAA,cAAC2D,EAAAA,GAAQ,CAACC,MAAOA,EAAAA,GACf5D,EAAAA,cAACJ,EAAc,CAACE,SAAUuD,KAAKvD,aAEvBuD,KAAKF,QACrB,EAGF,O","sources":["webpack://frontend-build-tools/./src/feature/carousel/CarouselSlider.jsx","webpack://frontend-build-tools/./src/feature/carousel/carousel.js"],"sourcesContent":["import React from 'react';\r\nimport Slider from 'react-slick';\r\nimport PropTypes from 'prop-types';\r\nimport { IconButton } from 'molecules';\r\nimport { Icon } from 'atoms';\r\n\r\nconst CarouselSlider = ({ settings }) => {\r\n  const sliderRef = React.useRef();\r\n\r\n  const sliderSettings = {\r\n    dots: false,\r\n    infinite: true,\r\n    lazyLoad: 'progressive',\r\n    speed: 500,\r\n    autoplaySpeed: settings.transitionInterval ? settings.transitionInterval * 1000 : 10000,\r\n    autoplay: true,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n  };\r\n\r\n  return (\r\n    <div className={'m-carousel-slider__wrapper'}>\r\n      <Slider ref={sliderRef} {...sliderSettings}>\r\n        { settings?.heroElements?.length && settings.heroElements.map((game, index) => (\r\n          <div className={`o-hero ${game.ctaText ? \"o-hero--has-cta\" : \"\"} ${\"o-hero--type-\" + game.typeValue}`} key={index}>\r\n            <div className={`o-hero__content ${\"o-hero__content--\" + game.themeValue}`}>\r\n              <div className=\"o-hero__graphic o-hero__graphic--left\">\r\n                { game.hasLeftImage ? <img src={game.leftImage?.src}/> : null }\r\n              </div>\r\n\r\n              <div className=\"o-hero__text\" data-settings={game.heroTextDataSettings}>\r\n                { !game.isGraphical ? (\r\n                  <>\r\n                    <h2 className=\"o-hero__header\">{ game.header }</h2>\r\n                    <span className=\"o-hero__abstract\">{ game.abstract }</span>\r\n\r\n                    { game.showRecurrence ? (\r\n                      <div className=\"o-hero__occurrence\">\r\n                        <div data-behavior=\"occurrence\" data-settings={game.dataSettings}></div>\r\n                      </div>\r\n                    ) : null }\r\n                  </>\r\n                ) : null }\r\n              </div>\r\n\r\n              <div className=\"o-hero__graphic o-hero__graphic--right\">\r\n                { game.hasRightImage ? <img src={game.rightImage?.src}/> : null }\r\n              </div>\r\n\r\n              <div className=\"o-hero__background\">\r\n                { game.background?.src ? <img src={game.background.src}/> : null}\r\n              </div>\r\n            </div>\r\n\r\n            { game.ctaText || (game.showCta && !game.ctaHidden) ? (\r\n              <div className=\"o-hero__manchet\">\r\n                { game.showCta && !game.ctaHidden ? (\r\n                  <a href={ game.ctaUrl?.url } className=\"a-action a-button a-button--primary o-hero__cta-button\" title={ game.ctaText }>\r\n                    <span className=\"a-action__text\">{ game.ctaText }</span>\r\n                    <span className=\"a-icon a-icon--button\">\r\n                      <Icon iconId=\"#icon-chevron\" />\r\n                    </span>\r\n                  </a>\r\n                ) : null }\r\n\r\n                { game.manchet }\r\n              </div>\r\n            ) : null }\r\n          </div>\r\n        ))}\r\n      </Slider>\r\n    </div>\r\n  );\r\n};\r\n\r\nCarouselSlider.propTypes = {\r\n  settings: PropTypes.object\r\n};\r\n\r\nCarouselSlider.defaultProps = {\r\n  settings: null,\r\n};\r\n\r\nexport default CarouselSlider;","import BaseFeature from 'foundation/base/base';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport { store } from 'app/shared/store';\r\nimport CarouselSlider from 'feature/carousel/CarouselSlider';\r\n\r\nclass Carousel extends BaseFeature {\r\n  constructor(element) {\r\n    super(element);\r\n    this.element = element;\r\n    this.loadReactApp();\r\n    this.init();\r\n  }\r\n\r\n  init() {\r\n    const carousel = this.element;\r\n    if (!carousel) return;\r\n  }\r\n\r\n  loadReactApp() {\r\n    ReactDOM.render(\r\n      <section id={this.settings?.Name}>\r\n        <Provider store={store}>\r\n          <CarouselSlider settings={this.settings} />\r\n        </Provider>\r\n      </section>, this.element);\r\n  }\r\n}\r\n\r\nexport default Carousel;\r\n"],"names":["CarouselSlider","_ref","settings","sliderRef","React","sliderSettings","dots","infinite","lazyLoad","speed","autoplaySpeed","transitionInterval","autoplay","slidesToShow","slidesToScroll","className","Slider","_extends","ref","heroElements","length","map","game","index","ctaText","typeValue","key","themeValue","hasLeftImage","src","leftImage","heroTextDataSettings","isGraphical","header","abstract","showRecurrence","dataSettings","hasRightImage","rightImage","background","showCta","ctaHidden","href","ctaUrl","url","title","Icon","iconId","manchet","propTypes","PropTypes","defaultProps","Carousel","BaseFeature","constructor","element","super","this","loadReactApp","init","ReactDOM","id","Name","Provider","store"],"sourceRoot":""}