{"version":3,"sources":["webpack://nada.org/./themes/custom/nada/js/react/components/CarouselWrapper.jsx"],"names":["CustomDot","onClick","active","index","carouselState","currentSlide","slidesToShow","totalItems","width","CustomButtonGroupAsArrows","next","previous","CarouselWrapper","carouselHTML","responsive","desktop2","breakpoint","max","min","items","desktop","partialVisibilityGutter","tablet2","tablet","mobile2","mobile","length","map","elem","i","__html","innerHTML"],"mappings":"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","file":"webpack-chunks/chunk.themes_custom_nada_js_react_components_CarouselWrapper_jsx.7dc083438c5ce0155cf0.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\taria-controls={`carousel-${index}`}\n\t\t\taria-label={`Carousel Item ${index}`}\n\t\t\tstyle={{ width: \"25%\" }}\n\t\t>\n\t\t\t<button\n\t\t\t\tclassName={`carousel-dot ${active ? \"active\" : \"\"}`}\n\t\t\t\tstyle={{ width: \"100%\" }}\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 className=\"carousel-btn-wrapper\">\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};\nexport default function CarouselWrapper({ carouselHTML = [] }) {\n\tconst responsive = {\n\t\tdesktop2: {\n\t\t\tbreakpoint: { max: 3000, min: 1265 },\n\t\t\titems: 4,\n\t\t},\n\t\tdesktop: {\n\t\t\tbreakpoint: { max: 1265, min: 1010 },\n\t\t\titems: 3,\n\t\t\tpartialVisibilityGutter: 40,\n\t\t},\n\t\ttablet2: {\n\t\t\tbreakpoint: { max: 1010, min: 825 },\n\t\t\titems: 2,\n\t\t\tpartialVisibilityGutter: 80,\n\t\t},\n\t\ttablet: {\n\t\t\tbreakpoint: { max: 825, min: 625 },\n\t\t\titems: 2,\n\t\t\tpartialVisibilityGutter: 0,\n\t\t},\n\t\tmobile2: {\n\t\t\tbreakpoint: { max: 625, min: 480 },\n\t\t\titems: 1,\n\t\t\tpartialVisibilityGutter: 120,\n\t\t},\n\t\tmobile: {\n\t\t\tbreakpoint: { max: 480, min: 0 },\n\t\t\titems: 1,\n\t\t\tpartialVisibilityGutter: 40,\n\t\t},\n\t};\n\treturn carouselHTML && carouselHTML.length ? (\n\t\t<Carousel\n\t\t\tresponsive={responsive}\n\t\t\trenderButtonGroupOutside={true}\n\t\t\trenderDotsOutside\n\t\t\tcustomDot={<CustomDot />}\n\t\t\tshowDots\n\t\t\tpartialVisible\n\t\t\tarrows={false}\n\t\t\trenderButtonGroupOutside\n\t\t\tcustomButtonGroup={<CustomButtonGroupAsArrows />}\n\t\t>\n\t\t\t{carouselHTML.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":""}