{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/image-gallery-masthead.js"],"names":[],"mappings":"0LAIA,eAAqB,YAAU,CAC7B,eAAgB,CACd,KAAK,IAAM,GAEX,KAAK,eAGP,cAAe,EAGf,cAAe,CACb,KAAM,GAAiB,IAAE,kCACzB,EAAmB,QACjB,EAAe,KAAK,CAAC,EAAe,IAAe,CAGjD,IAFsB,GAEV,KAAK,wCAAwC,KAAK,CAAC,EAAY,IAAiB,CAC1F,KAAM,GAAsB,IAAE,GACxB,EAAgB,EAAoB,MAAM,CAC9C,cAAe,GACf,SAAU,GACV,cAAe,IACf,OAAQ,GACR,KAAM,GACN,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMX,aAAc,oCACd,WAAY,sCAIR,EAAY,IAAE,oEACpB,EAAU,GAAG,QAAS,GAAO,CACzB,KAAM,GAAc,SACd,EAAS,EAAoB,SAAS,GAE5C,EACE,GAAc,MAAM,aACpB,EAAoB,YAAY,IAEhC,GAAoB,SAAS,GAC7B,EAAc,MAAM,eAGtB,EACG,KAAK,CAAC,EAAG,IAAO,CACf,KAAM,GAAM,IAAE,GACd,GAAI,GAEJ,EAGE,EAAc,EAAI,KAAK,cAFvB,EAAc,EAAI,KAAK,YAKrB,GACF,EAAI,KAAK,KAGf,EAAE,yBAQhB,UAAe","file":"scripts/307.bundle.js","sourcesContent":["import { Component } from '@verndale/core';\nimport $ from 'jquery';\nimport 'slick-carousel/slick/slick';\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {};\n\n    this.initCarousel();\n  }\n\n  addListeners() {}\n\n  // Code from the original MarineMax repo, just tweaked couple things\n  initCarousel() {\n    const $heroCarousels = $('section.image-gallery-masthead');\n    if ($heroCarousels.length) {\n      $heroCarousels.each((carouselindex, carouselEl) => {\n        const $carouselEl = $(carouselEl);\n\n        $carouselEl.find('.image-gallery-masthead__hero-images').each((imageIndex, heroImagesEl) => {\n          const $heroImagesInstance = $(heroImagesEl);\n          const slickInstance = $heroImagesInstance.slick({\n            accessibility: false,\n            autoplay: true,\n            autoplaySpeed: 3000,\n            arrows: true,\n            dots: true,\n            prevArrow: `<button class=\"slick-prev\" aria-label=\"Previous Image\" title=\"Previous Image\">\n                <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M18 21.5L27 10L21.375 21.5L27 33L18 21.5Z\" fill=\"#0076a7\"/>\n                <circle cx=\"22\" cy=\"22\" r=\"21.5\" stroke=\"#00416B\"/>\n                </svg>\n              </span>`,\n            nextArrow: `<button class=\"slick-next\" aria-label=\"Next Image\" title=\"Next Image\">\n                <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M27 21.5L18 10L23.625 21.5L18 33L27 21.5Z\" fill=\"#0076a7\"/>\n                <circle cx=\"22\" cy=\"22\" r=\"21.5\" stroke=\"#00416B\"/>\n                </svg>\n              </span>`,\n            appendArrows: '.slider-nav-container .slider-nav',\n            appendDots: '.slider-nav-container .slider-nav'\n          });\n\n          // ada: toggle carousel play/pause\n          const playPause = $('.image-gallery-masthead .image-gallery-masthead__toggle-carousel')\n          playPause.on('click', (e) => {\n              const pausedClass = 'paused'\n              const paused = $heroImagesInstance.hasClass(pausedClass);\n\n              if (paused) {\n                slickInstance.slick('slickPlay');\n                $heroImagesInstance.removeClass(pausedClass);\n              } else {\n                $heroImagesInstance.addClass(pausedClass);\n                slickInstance.slick('slickPause');\n              }\n\n              playPause\n                .each((i, el) => {\n                  const $el = $(el);\n                  let replaceText\n\n                  if (!paused) {\n                    replaceText = $el.data('playText');\n                  } else {\n                    replaceText = $el.data('pausedText');\n                  }\n\n                  if (replaceText) {\n                    $el.text(replaceText);\n                  }\n                });\n              e.stopPropagation();\n            });\n        });\n      });\n    }\n  }\n}\n\nexport default Module;\n"],"sourceRoot":""}