{"version":3,"sources":["webpack://nada.org/./themes/custom/nada/js/react/components/SimpleCarouselWrapper.jsx"],"names":["CustomDot","onClick","active","index","carouselState","currentSlide","slidesToShow","totalItems","CustomButtonGroupAsArrows","next","previous","width","SimpleCarouselWrapper","simpleCarouselHTML","autoscroll","responsive","desktop","breakpoint","max","min","items","length","map","elem","i","__html","innerHTML"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAAEC,SAAF;AAAWC,QAAX;AAAmBC,OAAnB;AAA0BC;AAA1B,CAAD,KAA+C;AAChE,QAAM;AAAEC,gBAAF;AAAgBC,gBAAhB;AAA8BC;AAA9B,MAA6CH,aAAnD;AAEA,SAAOE,YAAY,KAAKC,UAAjB,GACN,EADM,gBAGN;AACC,kBAAYJ,KADb;AAEC,aAAS,EAAG,4BACXD,MAAM,GAAG,kCAAH,GAAwC,EAC9C,EAJF;AAKC,qBAAgB,mBAAkBC,KAAM,EALzC;AAMC,kBAAa,iBAAgBA,KAAM;AANpC,kBAQC;AACC,kBAAa,eAAcA,KAAM,EADlC,CAEC;AAFD;AAGC,WAAO,EAAE,MAAMF,OAAO;AAHvB,IARD,CAHD;AAkBA,CArBD;;AAuBA,MAAMO,yBAAyB,GAAG,CAAC;AAAEC,MAAF;AAAQC,UAAR;AAAkBN;AAAlB,CAAD,KAAuC;AACxE,QAAM;AAAEE,gBAAF;AAAgBC;AAAhB,MAA+BH,aAArC;AAEA,SAAOE,YAAY,IAAIC,UAAhB,GACN,EADM,gBAGN;AACC,aAAS,EAAC,gDADX;AAEC,SAAK,EAAE;AAAEI,WAAK,EAAEJ,UAAU,GAAG,EAAb,GAAkB,EAAlB,GAAuB;AAAhC;AAFR,kBAIC;AAAQ,aAAS,EAAC,mBAAlB;AAAsC,WAAO,EAAEG;AAA/C,IAJD,eAKC;AAAQ,aAAS,EAAC,mBAAlB;AAAsC,WAAO,EAAED;AAA/C,IALD,CAHD;AAWA,CAdD;;AAgBe,SAASG,qBAAT,CAA+B;AAC7CC,oBAAkB,GAAG,EADwB;AAE7CC,YAAU,GAAG;AAFgC,CAA/B,EAGZ;AACF,QAAMC,UAAU,GAAG;AAClBC,WAAO,EAAE;AACRC,gBAAU,EAAE;AAAEC,WAAG,EAAE,IAAP;AAAaC,WAAG,EAAE;AAAlB,OADJ;AAERC,WAAK,EAAE;AAFC;AADS,GAAnB;AAMA,SAAOP,kBAAkB,IAAIA,kBAAkB,CAACQ,MAAzC,gBACN,iDAAC,yDAAD;AACC,cAAU,EAAEN,UADb;AAEC,qBAAiB,MAFlB;AAGC,YAAQ,MAHT;AAIC,aAAS,eAAE,iDAAC,SAAD,OAJZ;AAKC,UAAM,EAAE,KALT;AAMC,YAAQ,EAAED,UANX;AAOC,iBAAa,EAAE,IAPhB;AAQC,YAAQ,EAAEA,UARX;AASC,4BAAwB,MATzB;AAUC,qBAAiB,eAAE,iDAAC,yBAAD;AAVpB,KAYED,kBAAkB,CAACS,GAAnB,CAAuB,CAACC,IAAD,EAAOC,CAAP,KAAa;AACpC,wBACC;AACC,SAAG,EAAEA,CADN;AAEC,6BAAuB,EAAE;AAAEC,cAAM,EAAEF,IAAI,CAACG;AAAf;AAF1B,MADD;AAMA,GAPA,CAZF,CADM,GAsBH,IAtBJ;AAuBA,C","file":"webpack-chunks/chunk.themes_custom_nada_js_react_components_SimpleCarouselWrapper_jsx.6f1ef5be4c8972e37878.js","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport Carousel from \"react-multi-carousel\";\n\nconst CustomDot = ({ onClick, active, index, carouselState }) => {\n\tconst { currentSlide, slidesToShow, totalItems } = carouselState;\n\n\treturn slidesToShow === totalItems ? (\n\t\t\"\"\n\t) : (\n\t\t<li\n\t\t\tdata-index={index}\n\t\t\tclassName={`react-multi-carousel-dot ${\n\t\t\t\tactive ? \"react-multi-carousel-dot--active\" : \"\"\n\t\t\t}`}\n\t\t\taria-controls={`simple-carousel-${index}`}\n\t\t\taria-label={`Carousel Item ${index}`}\n\t\t>\n\t\t\t<button\n\t\t\t\taria-label={`Go to slide ${index}`}\n\t\t\t\t// className={`simple-carousel-dot ${active ? \"active\" : \"\"}`}\n\t\t\t\tonClick={() => onClick()}\n\t\t\t></button>\n\t\t</li>\n\t);\n};\n\nconst CustomButtonGroupAsArrows = ({ next, previous, carouselState }) => {\n\tconst { slidesToShow, totalItems } = carouselState;\n\n\treturn slidesToShow >= totalItems ? (\n\t\t\"\"\n\t) : (\n\t\t<div\n\t\t\tclassName=\"carousel-btn-wrapper carousel-btn-wrapper--alt\"\n\t\t\tstyle={{ width: totalItems * 55 + 80 + \"px\" }}\n\t\t>\n\t\t\t<button className=\"carousel-btn-prev\" onClick={previous}></button>\n\t\t\t<button className=\"carousel-btn-next\" onClick={next}></button>\n\t\t</div>\n\t);\n};\n\nexport default function SimpleCarouselWrapper({\n\tsimpleCarouselHTML = [],\n\tautoscroll = false,\n}) {\n\tconst responsive = {\n\t\tdesktop: {\n\t\t\tbreakpoint: { max: 5000, min: 0 },\n\t\t\titems: 1,\n\t\t},\n\t};\n\treturn simpleCarouselHTML && simpleCarouselHTML.length ? (\n\t\t<Carousel\n\t\t\tresponsive={responsive}\n\t\t\trenderDotsOutside\n\t\t\tshowDots\n\t\t\tcustomDot={<CustomDot />}\n\t\t\tarrows={false}\n\t\t\tautoPlay={autoscroll}\n\t\t\tautoPlaySpeed={8000}\n\t\t\tinfinite={autoscroll}\n\t\t\trenderButtonGroupOutside\n\t\t\tcustomButtonGroup={<CustomButtonGroupAsArrows />}\n\t\t>\n\t\t\t{simpleCarouselHTML.map((elem, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: elem.innerHTML }}\n\t\t\t\t\t></div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Carousel>\n\t) : null;\n}\n"],"sourceRoot":""}