{"version":3,"file":"103.37a967e32eadbaa0.js","mappings":"qJAiBA,MAAMA,EAAmBC,GAAMA,EAAEC,iBAE3BC,EAAWA,CAACC,EAAQC,IACjBD,EAAOE,KAAI,CAACC,EAAOC,IACxBC,EAAAA,cAACC,EAAAA,SAAQ,KACgB,MAAtBH,EAAMI,cAA8C,IAAtBJ,EAAMI,aACnCF,EAAAA,cAAA,KAAGG,KAAML,EAAMI,aAAcE,OAAO,SAASC,UAAU,eAAeC,IAAK,SAASP,IAASQ,YAAahB,GACxGS,EAAAA,cAAA,OAAKQ,wBAAyB,CAAEC,OAAQX,EAAMY,SAC9CV,EAAAA,cAAA,MAAIK,UAAU,mBAAmBM,MAAO,CAACC,MAAMd,EAAMe,YACnDb,EAAAA,cAAA,QAAMK,UAAU,eAAeF,KAAML,EAAMI,aAAcE,OAAO,SAASO,MAAO,CAACC,MAAMd,EAAMe,YAC1Ff,EAAMgB,OAGXd,EAAAA,cAAA,KAAGW,MAAO,CAACC,MAAMd,EAAMe,YAAa,GAAGf,EAAMiB,KAAKC,UAAU,EAAG,UAAU,MAG3EhB,EAAAA,cAAA,KAAGG,KAAML,EAAMmB,IAAKZ,UAAU,eAAeC,IAAK,SAASP,IAASQ,YAAahB,GAC/ES,EAAAA,cAAA,OAAKQ,wBAAyB,CAAEC,OAAQX,EAAMY,SAC9CV,EAAAA,cAAA,MAAIK,UAAU,mBAAmBM,MAAO,CAACC,MAAMd,EAAMe,YACnDb,EAAAA,cAAA,QAAMK,UAAU,eAAeF,KAAML,EAAMmB,IAAKN,MAAO,CAACC,MAAMd,EAAMe,YACjEf,EAAMgB,OAGXd,EAAAA,cAAA,KAAGW,MAAO,CAACC,MAAMd,EAAMe,YAAa,GAAGf,EAAMiB,KAAKC,UAAU,EAAG,UAAU,SAoBnF,EAbeE,EAAGvB,SAAQwB,iBAAgBvB,iBACxCI,EAAAA,cAACoB,IAAQ,CACPC,eAAa,EACbC,MAAO5B,EAASC,GAChB4B,WAAY,CACV,EAAG,CAAED,MAAO,GACZ,IAAK,CAAEA,MAAO,GACd,KAAM,CAAEA,MAAO,K","sources":["webpack:///./Scripts/Components/NewsBlockSlider.js"],"sourcesContent":["import React, { Fragment } from \"react\";\r\nimport Carousel from \"react-alice-carousel\";\r\nimport \"../../Styles/BE/multicarousel.scss\";\r\n\r\n// const items = [\r\n//     <div className=\"item\" data-value=\"1\">1</div>,\r\n//     <div className=\"item\" data-value=\"2\">2</div>,\r\n//     <div className=\"item\" data-value=\"3\">3</div>,\r\n//     <div className=\"item\" data-value=\"4\">4</div>,\r\n//     <div className=\"item\" data-value=\"5\">5</div>,\r\n// ];\r\n// const responsive = {\r\n//     0: { items: 1 },\r\n//     568: { items: 2 },\r\n//     1024: { items: 3 },\r\n//   };\r\n\r\nconst handleDragStart = (e) => e.preventDefault() ;\r\n\r\nconst getItems = (values, urlredirect) => {\r\n  return values.map((value, index) => (\r\n    <Fragment>\r\n      {value.exteranalurl != null && value.exteranalurl != \"\" ? (\r\n        <a href={value.exteranalurl} target=\"_blank\" className=\"slider__link\" key={`figure${index}`} onDragStart={handleDragStart}>\r\n          <div dangerouslySetInnerHTML={{ __html: value.image }}></div>\r\n          <h5 className=\"header-decorated\" style={{color:value.textcolor}}>\r\n            <span className=\"slider__text\" href={value.exteranalurl} target=\"_blank\" style={{color:value.textcolor}}>\r\n              {value.text}\r\n            </span>\r\n          </h5>\r\n          <p style={{color:value.textcolor}}>{`${value.desc.substring(0, 100)}...`} </p>\r\n        </a>\r\n      ) : (\r\n        <a href={value.url} className=\"slider__link\" key={`figure${index}`} onDragStart={handleDragStart}>\r\n          <div dangerouslySetInnerHTML={{ __html: value.image }}></div>\r\n          <h5 className=\"header-decorated\" style={{color:value.textcolor}}>\r\n            <span className=\"slider__text\" href={value.url} style={{color:value.textcolor}}>\r\n              {value.text}\r\n            </span>\r\n          </h5>\r\n          <p style={{color:value.textcolor}}>{`${value.desc.substring(0, 100)}...`} </p>\r\n        </a>\r\n      )}\r\n    </Fragment>\r\n  ));\r\n};\r\n\r\nconst Slider = ({ values, itemstodisplay, urlredirect }) => (\r\n  <Carousel\r\n    mouseTracking\r\n    items={getItems(values, urlredirect)}\r\n    responsive={{\r\n      0: { items: 1 },\r\n      568: { items: 3 },\r\n      1024: { items: 4 },\r\n    }}\r\n  ></Carousel>\r\n);\r\n\r\n\r\nexport default Slider;\r\n"],"names":["handleDragStart","e","preventDefault","getItems","values","urlredirect","map","value","index","React","Fragment","exteranalurl","href","target","className","key","onDragStart","dangerouslySetInnerHTML","__html","image","style","color","textcolor","text","desc","substring","url","Slider","itemstodisplay","Carousel","mouseTracking","items","responsive"],"sourceRoot":""}