{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/card-row.js"],"names":["CardRow","Component","func","timeParam","time","timer","event","Swiper","Navigation","Pagination","Keyboard","A11y","index","className"],"mappings":"6JAGA,MAAMA,UAAgBC,WAAU,CAC9B,eAAgB,CACd,KAAK,IAAM,CACT,UAAW,KAAK,GAAG,cAAc,mBAAmB,EACpD,OAAQ,KAAK,GAAG,iBAAiB,eAAe,EAChD,WAAY,KAAK,GAAG,cAAc,oBAAoB,EACtD,KAAM,KAAK,GAAG,cAAc,0CAA0C,EACtE,KAAM,KAAK,GAAG,cAAc,0CAA0C,EACtE,WAAY,KAAK,GAAG,QAAQ,UAC9B,EACA,KAAK,OAAS,KAET,KAAK,IAAI,aACZ,KAAK,IAAI,WAAa,MAGxB,KAAK,SAAW,OAAO,WAAW,cAAc,KAAK,IAAI,eAAe,EAEpE,KAAK,SAAS,SAAW,KAAK,IAAI,OAAO,OAAS,GACpD,KAAK,WAAW,CAEpB,CAEA,cAAe,CACb,OAAO,iBAAiB,SAAU,KAAK,SAAS,IAAM,CAEhD,CAAC,KAAK,SAAS,SAAW,KAAK,QACjC,KAAK,OAAO,QAAQ,GAAM,EAAI,EAC9B,KAAK,OAAS,MACL,KAAK,SAAS,SAAW,KAAK,IAAI,OAAO,OAAS,IAAM,CAAC,KAAK,QAAU,KAAK,OAAO,WAC7F,KAAK,WAAW,GAEb,KAAK,QAAU,CAAC,KAAK,QAAQ,YAC9B,KAAK,OAAO,QAAQ,GAAM,EAAI,EAC9B,KAAK,OAAS,MAEhB,KAAK,WAAW,EAEpB,CAAC,CAAC,CACJ,CAEA,SAASC,EAAMC,EAAW,CACxB,MAAMC,EAAOD,GAAa,IAE1B,IAAIE,EAEJ,OAAO,SAAUC,EAAO,CAClBD,GAAO,aAAaA,CAAK,EAC7BA,EAAQ,WAAWH,EAAME,EAAME,CAAK,CACtC,CACF,CAEA,YAAa,CAEX,KAAK,OAAS,IAAIC,UAAO,KAAK,IAAI,UAAW,CAC3C,QAAS,CAACC,aAAYC,aAAYC,WAAUC,MAAI,EAChD,WAAY,GACZ,gBAAgB,GAChB,KAAM,GACN,eAAgB,GAChB,UAAW,aACX,cAAe,EACf,aAAc,GACd,KAAM,CACJ,iBAAkB,iBAClB,iBAAkB,YACpB,EAEA,SAAU,CACR,QAAS,GACT,eAAgB,EAClB,EACA,WAAY,CACV,GAAI,KAAK,IAAI,WACb,UAAW,GACX,eAAgB,KAAK,IAAI,OAAO,OAAS,EAEzC,aAAaC,EAAOC,EAAW,CAC7B,MAAO,kBAAoBA,wEAAkFD,2BAC/G,CACF,EACA,WAAY,CACV,OAAQ,KAAK,IAAI,KACjB,OAAQ,KAAK,IAAI,IACnB,CACF,CAAC,CACH,CACF,CAEA,UAAeZ,C","file":"scripts/735.b5c1aa5c.js","sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper, { Navigation, Pagination, Keyboard, A11y } from 'swiper'\n\nclass CardRow extends Component {\n  setupDefaults() {\n    this.dom = {\n      container: this.el.querySelector('.swiper-container'),\n      slides: this.el.querySelectorAll('.swiper-slide'),\n      pagination: this.el.querySelector('.swiper-pagination'),\n      next: this.el.querySelector('.card-row__container .swiper-button-next'),\n      prev: this.el.querySelector('.card-row__container .swiper-button-prev'),\n      breakpoint: this.el.dataset.breakpoint\n    };\n    this.slider = null;\n\n    if (!this.dom.breakpoint) {\n      this.dom.breakpoint = 1024;\n    }\n\n    this.isMobile = window.matchMedia(`(max-width:${this.dom.breakpoint}px)`);\n\n    if (this.isMobile.matches && this.dom.slides.length > 1) {\n      this.initSlider();\n    }\n  }\n\n  addListeners() {\n    window.addEventListener('resize', this.debounce(() => {\n      // if is not mobile and there is a slider, destroy swiper slider func\n      if (!this.isMobile.matches && this.slider) {\n        this.slider.destroy(true, true);\n        this.slider = null;\n      } else if (this.isMobile.matches && this.dom.slides.length > 1 && (!this.slider || this.slider.destroyed)) {\n        this.initSlider();\n      } else {\n        if(this.slider && !this.slider?.destroyed) {\n          this.slider.destroy(true, true);\n          this.slider = null;\n        }\n        this.initSlider();\n      }\n    }));\n  }\n\n  debounce(func, timeParam) {\n    const time = timeParam || 1000; // 100 by default if no param\n\n    let timer; // eslint-disable-next-line space-before-function-paren\n\n    return function (event) {\n      if (timer) clearTimeout(timer);\n      timer = setTimeout(func, time, event);\n    };\n  }\n\n  initSlider() {\n    // eslint-disable-next-line new-cap\n    this.slider = new Swiper(this.dom.container, {\n      modules: [Navigation, Pagination, Keyboard, A11y],\n      autoHeight: true,\n      calculateHeight:true,\n      loop: true,\n      centeredSlides: true,\n      direction: 'horizontal',\n      slidesPerView: 1,\n      spaceBetween: 25,\n      a11y: {\n        prevSlideMessage: 'Previous slide',\n        nextSlideMessage: 'Next slide',\n      },\n\n      keyboard: {\n        enabled: false,\n        onlyInViewport: false,\n      },\n      pagination: {\n        el: this.dom.pagination,\n        clickable: true,\n        dynamicBullets: this.dom.slides.length > 5,\n        // renderBullet: (index, className) => `<button aria-label=\"Swiper Bullet ${index}\" class=\"${className}\"></button>`,\n        renderBullet(index, className) {\n          return `<button class=\"${  className  } swiper-pagination-bullet--svg-animation\" aria-label=\"Swiper Bullet ${index}\"><span></span></button>`;\n        },\n      },\n      navigation: {\n        nextEl: this.dom.next,\n        prevEl: this.dom.prev\n      }\n    });\n  }\n}\n\nexport default CardRow;\n"],"sourceRoot":""}