{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,GAAGC,QC0BtC,EA1Bc,SAAC,GAA6B,IAA3BC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpBC,EAA0EF,EAA1EE,WAAYC,EAA8DH,EAA9DG,QAASC,EAAqDJ,EAArDI,SAAUC,EAA2CL,EAA3CK,UAAWC,EAAgCN,EAAhCM,aAAcC,EAAkBP,EAAlBO,cAEhE,OAAO,kDACN,kCAAOC,wBAAyB,CAC/BC,OAAQ,gCACQR,EADR,uBAELC,aAAA,EAAAA,EAAYQ,SAAU,2BAFjB,+BAGIP,aAAA,EAAAA,EAASO,SAAU,YAHvB,2CAKQT,EALR,2FAQQA,EARR,6FASOI,EATP,6BAUED,EAVF,8BAWGA,EAXH,2CAaQH,EAbR,mEAa2EA,EAb3E,0EAcMK,EAdN,2CAgBQL,EAhBR,6DAgBqEA,EAhBrE,sDAgB2HM,EAhB3H,eAiBNI,QAAQ,OAAQ,UCHrB,EAnBiB,SAAC,GAAmB,IAAjBX,EAAiB,EAAjBA,WACXY,EAAkCZ,EAAlCY,UAAWC,EAAuBb,EAAvBa,OAAQC,EAAed,EAAfc,WAE3B,OAAO,gCAAKC,UAAU,gBACrB,gCAAKA,UAAU,kBACbH,aADF,EACEA,EAAWI,KAAI,SAACC,EAAUC,GAC1B,IAAQC,EAAUF,EAAVE,MAER,OAAO,mCAAQC,IAAKF,EAAOH,UAAS,4BAAuBG,EAAvB,kBACnC,gCAAKH,UAAWI,SAAAA,EAAOE,GAAP,mBAAwBF,aAAxB,EAAwBA,EAAOE,IAAO,KAAMC,IAAKH,aAAF,EAAEA,EAAOI,IAAKC,KAAKL,aAAA,EAAAA,EAAOK,OAAOL,aAAd,EAAcA,EAAOM,cAKzGZ,GAAU,gCAAKE,UAAU,sBAEzBD,GAAc,kDAAE,gCAAKC,UAAU,uBAA2B,gCAAKA,UAAU,0BCsB5E,EAtCoB,SAACf,EAAY0B,GAAoC,IAAtBC,EAAsB,wDACpE,EAA+D3B,EAAW4B,gBAAlEC,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,UAAWC,EAA5B,EAA4BA,OAAQC,EAApC,EAAoCA,MAAOC,EAA3C,EAA2CA,gBAE3C,MAAO,CAENC,UAAW,aACXR,aAAAA,EACAS,cAAeN,aAAF,EAAEA,EAASO,OACxBC,YAAa,CAEZ,IAAK,CAAEF,cAAeN,aAAF,EAAEA,EAASS,QAE/B,IAAK,CAAEH,cAAeN,aAAF,EAAEA,EAASU,UAEhCC,aAAcV,EACdW,KAAMV,EACNW,gBAAgBf,EAChBgB,YAAYhB,EACZiB,WAAUX,UAAAA,EAAiBY,SAAYlB,IAAY,CAAEmB,MAAO,MAC5Dd,MAAe,IAARA,EACPe,OAAQ,QACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,YAAY,EACZC,kBAAmB,KAGnBC,WAAY,CACXC,GAAI,qBACJC,WAAW,EACXC,gBAAgB,GAEjBC,WAAY,CACXC,OAAQ,sBACRC,OAAQ,yBCzBXC,SAASC,iBAAiB,oBAAoB,WACzBD,SAASE,iBAAiB,2BAClCC,SAAQ,SAAA7C,GACnB,IAAMjB,EAAa+D,KAAKC,MAAM/C,EAASgD,QAAQjE,aAE/CkE,EAAAA,EAAAA,QAAO,kDACN,yBAAC,EAAD,CAAOlE,WAAYA,EAAYC,SAAUD,EAAWmE,MAEpD,yBAAC,EAAD,CAAUnE,WAAYA,EAAYC,SAAUD,EAAWmE,OACnDlD,GAGL,IAAImD,OAAJ,WAAenD,EAASI,GAAxB,kBAA4CgD,EAAYrE,EAAY,IAEpEiB,SAAAA,EAAUqD,gBAAgB,yB","sources":["webpack://carousel-block/external var [\"wp\",\"element\"]","webpack://carousel-block/./src/Style.js","webpack://carousel-block/./src/Carousel.js","webpack://carousel-block/./src/carouselOpt.js","webpack://carousel-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const Style = ({ attributes, clientId }) => {\r\n\tconst { background, padding, pageSize, pageColor, prevNextSize, prevNextColor } = attributes;\r\n\r\n\treturn <>\r\n\t\t<style dangerouslySetInnerHTML={{\r\n\t\t\t__html: `\r\n\t\t\t#bicbCarousel-${clientId}{\r\n\t\t\t\t${background?.styles || 'background-color: #0000;'}\r\n\t\t\t\tpadding: ${padding?.styles || '10px 10px'};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .carousel{\r\n\t\t\t\theight: 250px;\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-pagination .swiper-pagination-bullet{\r\n\t\t\t\tbackground: ${pageColor};\r\n\t\t\t\twidth: ${pageSize};\r\n\t\t\t\theight: ${pageSize};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-button-prev:after, #bicbCarousel-${clientId} .bicbCarousel .swiper-button-next:after {\r\n\t\t\t\tfont-size: ${prevNextSize};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-button-prev, #bicbCarousel-${clientId} .bicbCarousel .swiper-button-next{ color: ${prevNextColor}; }\r\n\t\t\t`.replace(/\\s+/g, ' ')\r\n\t\t}} />\r\n\t</>\r\n}\r\nexport default Style;","const Carousel = ({ attributes }) => {\r\n\tconst { carousels, isPage, isPrevNext } = attributes;\r\n\r\n\treturn <div className='bicbCarousel'>\r\n\t\t<div className='swiper-wrapper'>\r\n\t\t\t{carousels?.map((carousel, index) => {\r\n\t\t\t\tconst { image } = carousel;\r\n\r\n\t\t\t\treturn <figure key={index} className={`carousel carousel-${index} swiper-slide`}>\r\n\t\t\t\t\t<img className={image?.id ? `wp-image-${image?.id}` : null} src={image?.url} alt={image?.alt || image?.title} />\r\n\t\t\t\t</figure>\r\n\t\t\t})}\r\n\t\t</div>\r\n\r\n\t\t{isPage && <div className='swiper-pagination'></div>}\r\n\r\n\t\t{isPrevNext && <><div className='swiper-button-prev'></div><div className='swiper-button-next'></div></>}\r\n\t</div>\r\n};\r\nexport default Carousel;","const carouselOpt = (attributes, initialSlide, isBackend = false) => {\r\n\tconst { columns, columnGap, isLoop, speed, autoplayOptions } = attributes.carouselOptions;\r\n\r\n\treturn {\r\n\t\t// Optional parameters\r\n\t\tdirection: 'horizontal',\r\n\t\tinitialSlide,\r\n\t\tslidesPerView: columns?.mobile,\r\n\t\tbreakpoints: {\r\n\t\t\t// when window width is >= 576px\r\n\t\t\t576: { slidesPerView: columns?.tablet },\r\n\t\t\t// when window width is >= 768px\r\n\t\t\t768: { slidesPerView: columns?.desktop },\r\n\t\t},\r\n\t\tspaceBetween: columnGap,\r\n\t\tloop: isLoop,\r\n\t\tallowTouchMove: isBackend ? false : true,\r\n\t\tgrabCursor: isBackend ? false : true,\r\n\t\tautoplay: autoplayOptions?.enabled && !isBackend ? { delay: 1500 } : false,\r\n\t\tspeed: speed * 1000,\r\n\t\teffect: 'slide',\r\n\t\tallowSlideNext: true,\r\n\t\tallowSlidePrev: true,\r\n\t\tautoHeight: false,\r\n\t\tnotificationClass: null,\r\n\r\n\t\t// Controllers\r\n\t\tpagination: {\r\n\t\t\tel: '.swiper-pagination',\r\n\t\t\tclickable: true,\r\n\t\t\tdynamicBullets: false\r\n\t\t},\r\n\t\tnavigation: {\r\n\t\t\tnextEl: '.swiper-button-next',\r\n\t\t\tprevEl: '.swiper-button-prev',\r\n\t\t}\r\n\t}\r\n}\r\nexport default carouselOpt;","import { render } from '@wordpress/element';\r\n\r\nimport './css/swiper.min.css'; // Swiper CSS\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport Carousel from './Carousel';\r\nimport carouselOpt from './carouselOpt';\r\n\r\n// Carousel Block\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allCarousel = document.querySelectorAll('.wp-block-bicb-carousel');\r\n\tallCarousel.forEach(carousel => {\r\n\t\tconst attributes = JSON.parse(carousel.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t\t<Carousel attributes={attributes} clientId={attributes.cId} />\r\n\t\t</>, carousel);\r\n\r\n\t\t// Initialize Slider\r\n\t\tnew Swiper(`#${carousel.id} .bicbCarousel`, carouselOpt(attributes, 0));\r\n\r\n\t\tcarousel?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["wp","element","attributes","clientId","background","padding","pageSize","pageColor","prevNextSize","prevNextColor","dangerouslySetInnerHTML","__html","styles","replace","carousels","isPage","isPrevNext","className","map","carousel","index","image","key","id","src","url","alt","title","initialSlide","isBackend","carouselOptions","columns","columnGap","isLoop","speed","autoplayOptions","direction","slidesPerView","mobile","breakpoints","tablet","desktop","spaceBetween","loop","allowTouchMove","grabCursor","autoplay","enabled","delay","effect","allowSlideNext","allowSlidePrev","autoHeight","notificationClass","pagination","el","clickable","dynamicBullets","navigation","nextEl","prevEl","document","addEventListener","querySelectorAll","forEach","JSON","parse","dataset","render","cId","Swiper","carouselOpt","removeAttribute"],"sourceRoot":""}