{"version":3,"file":"components/chunks/chunk-num-18.d10799aabb52cfb097d3.js","mappings":"y3CAQA,IAAMA,EAAiB,SAAHC,GAAqB,IAAfC,EAAQD,EAARC,SAGtBC,EAAAC,GAFwBC,EAAAA,EAAAA,UAAS,CACjCC,YAAa,IACb,GAFKC,EAAKJ,EAAA,GAAEK,EAAQL,EAAA,GAGdM,EAAaP,EAAbO,SAEFC,EAAiB,CACrBC,UAAU,EACVC,MAAO,IACPC,QAAQ,EACRC,aAAc,EACdC,eAAgB,EAChBC,YAAY,EACZC,eAAe,EACfC,cAAe,IACfC,SAAU,WACVC,aAAc,SAACC,EAASC,GAAI,OAAKd,EAAS,CAAEF,YAAagB,GAAO,EAChEC,WAAY,CACV,CACEC,WAAY,IACZtB,SAAU,CACRY,aAAc,EACdC,eAAgB,EAChBU,aAAc,EACdC,MAAM,IAGV,CACEF,WAAY,IACZtB,SAAU,CACRY,aAAc,EACdC,eAAgB,EAChBU,aAAc,EACdC,MAAM,MAMd,OACEC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,EAAMC,EAAA,CACLC,IAAK,SAACC,GAAM,OAAeA,CAAM,GAC7BrB,GAEHD,EAASuB,KAAI,SAACC,EAAMC,GAAK,OACxBP,EAAAA,cAAA,OACEQ,UAAS,qBAAAC,OAAuB7B,EAAMD,cAAgB4B,EAAQ,SAAW,IACzEG,IAAKH,GAELP,EAAAA,cAAA,OAAKQ,UAAU,mBACZF,EAAKK,OAEFX,EAAAA,cAAA,OAAKQ,UAAU,2BACbR,EAAAA,cAAA,OACEY,IAAKN,EAAKK,MAAMA,MAAMC,IACtBC,IAAKP,EAAKK,MAAMA,MAAME,OAI7BP,EAAKQ,QAEFd,EAAAA,cAAA,OACEQ,UAAU,2BACVO,wBAAyB,CAAEC,OAAQV,EAAKQ,OAAOG,KAAKA,QAGzDV,IAAU3B,EAAMD,aAEbqB,EAAAA,cAAA,OAAKQ,UAAU,sCACZF,EAAKY,aAGNlB,EAAAA,cAAA,OACEQ,UAAU,gCACVO,wBAAyB,CAAEC,OAAQV,EAAKY,YAAYD,KAAKA,QAG1DX,EAAKa,MAENnB,EAAAA,cAAA,OAAKQ,UAAU,uCACbR,EAAAA,cAAA,KACEQ,UAAU,cACVY,KAAMd,EAAKa,KAAKA,KAAKC,KACrBC,OAAQf,EAAKa,KAAKA,KAAKE,QAEtBf,EAAKa,KAAKA,KAAKG,YAOxB,KAKhB,EACA,YAEA,IAAMC,EAAI,IAAIC,EAAAA,GAAmB,qBACjCD,EAAEE,WAAaC,EAAAA,EACfH,EAAEI,SAAWtD,EACbuD,YAAW,kBAAML,EAAEM,KAAK,GAAE,E","sources":["webpack://bernafon/./js/feature/flex-spot-components/slider/index.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\r\n/* eslint-disable linebreak-style */\r\n/* eslint-disable react/jsx-filename-extension */\r\nimport React, { useState } from 'react';\r\nimport Slider from 'react-slick';\r\nimport { ComponentBootstrap } from '@demant/react-bootstrap';\r\nimport flexSpotSchema from '@demant/react-bootstrap/lib/schemas/flex-spot-json';\r\n\r\nconst FlexSpotSlider = ({ settings }) => {\r\n  const [state, setState] = useState({\r\n    activeIndex: 0,\r\n  });\r\n  const { elements } = settings;\r\n\r\n  const sliderSettings = {\r\n    infinite: true,\r\n    speed: 500,\r\n    arrows: true,\r\n    slidesToShow: 3,\r\n    slidesToScroll: 1,\r\n    centerMode: true,\r\n    focusOnSelect: true,\r\n    centerPadding: '0',\r\n    lazyLoad: 'ondemand',\r\n    beforeChange: (current, next) => setState({ activeIndex: next }),\r\n    responsive: [\r\n      {\r\n        breakpoint: 768,\r\n        settings: {\r\n          slidesToShow: 2,\r\n          slidesToScroll: 1,\r\n          initialSlide: 1,\r\n          dots: true,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 540,\r\n        settings: {\r\n          slidesToShow: 1,\r\n          slidesToScroll: 1,\r\n          initialSlide: 1,\r\n          dots: true,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Slider\r\n        ref={(slider) => (slider = slider)}\r\n        {...sliderSettings}\r\n      >\r\n        {elements.map((item, index) => (\r\n          <div\r\n            className={`flex-spot-element ${state.activeIndex === index ? 'active' : ''}`}\r\n            key={index}\r\n          >\r\n            <div className=\"inner-container\">\r\n              {item.image\r\n                  && (\r\n                  <div className=\"flex-spot-element-image\">\r\n                    <img\r\n                      src={item.image.image.src}\r\n                      alt={item.image.image.alt}\r\n                    />\r\n                  </div>\r\n                  )}\r\n              {item.header\r\n                  && (\r\n                  <div\r\n                    className=\"flex-spot-element-header\"\r\n                    dangerouslySetInnerHTML={{ __html: item.header.html.html }}\r\n                  />\r\n                  )}\r\n              {index === state.activeIndex\r\n                  && (\r\n                  <div className=\"flex-spot-active-element-container\">\r\n                    {item.description\r\n\r\n                    && (\r\n                    <div\r\n                      className=\"flex-spot-element-description\"\r\n                      dangerouslySetInnerHTML={{ __html: item.description.html.html }}\r\n                    />\r\n                    )}\r\n                    {item.link\r\n                    && (\r\n                    <div className=\"flex-spot-element-link button-white\">\r\n                      <a\r\n                        className=\"slider-link\"\r\n                        href={item.link.link.href}\r\n                        target={item.link.link.target}\r\n                      >\r\n                        {item.link.link.content}\r\n                      </a>\r\n                    </div>\r\n                    )}\r\n                  </div>\r\n                  )}\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </Slider>\r\n    </>\r\n  );\r\n};\r\nexport default (FlexSpotSlider);\r\n\r\nconst c = new ComponentBootstrap('.flex-spot.slider');\r\nc.schemaData = flexSpotSchema;\r\nc.reactApp = FlexSpotSlider;\r\nsetTimeout(() => c.run(), 0);\r\n"],"names":["FlexSpotSlider","_ref","settings","_useState2","_slicedToArray","useState","activeIndex","state","setState","elements","sliderSettings","infinite","speed","arrows","slidesToShow","slidesToScroll","centerMode","focusOnSelect","centerPadding","lazyLoad","beforeChange","current","next","responsive","breakpoint","initialSlide","dots","React","Slider","_extends","ref","slider","map","item","index","className","concat","key","image","src","alt","header","dangerouslySetInnerHTML","__html","html","description","link","href","target","content","c","ComponentBootstrap","schemaData","flexSpotSchema","reactApp","setTimeout","run"],"sourceRoot":""}