{"version":3,"sources":["webpack:///./img/slider-chevron-right.svg","webpack:///./js/components/init-fifty-fifty-slider.js"],"names":["module","exports","getSliderElements","sliders","document","querySelectorAll","Array","from","initialiseCarousel","slider","autoplay","parseInt","dataset","tns","Number","isNaN","autoplayButton","autoplayButtonOutput","autoplayHoverPause","autoplayTimeout","container","gutter","items","controlsText","svgChevronRight","initialiseGallery","animateIn","animateOut","controls","mode","speed","whenDomReady","then","length","query","window","matchMedia","instances","forEach","index","instance","matches","addEventListener","event","destroy","requestAnimationFrame"],"mappings":"2EAAAA,EAAOC,QAAU,mS,iCCAjB,+CA2DA,SAASC,IACP,IAAMC,EAAUC,SAASC,iBAAiB,0BAC1C,OAAOC,MAAMC,KAAKJ,GAGpB,SAASK,EAAmBC,GAC1B,IAAMC,EAAWC,SAASF,EAAOG,QAAQF,SAAU,IAEnD,OAAOG,YAAI,CACTH,UAAWI,OAAOC,MAAML,IAAaA,EAAW,EAChDM,gBAAgB,EAChBC,sBAAsB,EACtBC,oBAAoB,EACpBC,gBAAiBT,EACjBU,UAAWX,EACXY,OAAQ,EACRC,MAAO,EACPC,aAAc,CAAC,aAETC,IAFQ,uDAMRA,IANQ,yCAalB,SAASC,EAAkBhB,GACzB,IAAMC,EAAWC,SAASF,EAAOG,QAAQF,SAAU,IAEnD,OAAOG,YAAI,CACTa,UAAW,gBACXC,WAAY,iBACZjB,UAAWI,OAAOC,MAAML,IAAaA,EAAW,EAChDM,gBAAgB,EAChBC,sBAAsB,EACtBC,oBAAoB,EACpBC,gBAAiBT,EACjBU,UAAWX,EACXmB,UAAU,EACVN,MAAO,EACPO,KAAM,UACNC,MAAO,MA/CXC,cAAeC,MAnDf,WACE,IAAI7B,EAAUD,IAEd,GAAKC,EAAQ8B,OAAb,CAIA,IAAMC,EAAQC,OAAOC,WAAW,uBAE5BC,EAAY,GAEhBlC,EAAQmC,SAAQ,SAAC7B,EAAQ8B,GACvB,IAAIC,SAGFA,EADEN,EAAMO,QACGhB,EAAkBhB,GAElBD,EAAmBC,GAGhC4B,EAAUE,GAASC,KAGrBN,EAAMQ,iBAAiB,UAAU,SAACC,GAEhCN,EAAUC,SAAQ,SAACE,GAAD,OAAcA,EAASI,aAGzCP,EAAY,GAGZQ,uBAAsB,YAEpB1C,EAAUD,KAGFoC,SAAQ,SAAC7B,EAAQ8B,GACvB,IAAIC,SAGFA,EADEG,EAAMF,QACGhB,EAAkBhB,GAElBD,EAAmBC,GAGhC4B,EAAUE,GAASC","file":"fifty-fifty-slider-a574b06fb9196c25d4bd.js","sourcesContent":["module.exports = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"6.362\\\" height=\\\"9.961\\\" viewBox=\\\"0 0 6.362 9.961\\\">\\r\\n  <path id=\\\"Path_235\\\" data-name=\\\"Path 235\\\" d=\\\"M4.878,0,0,4.878,1.146,6.025,4.878,2.3,8.61,6.025,9.757,4.878Z\\\" transform=\\\"matrix(-0.035, 0.999, -0.999, -0.035, 6.362, 0.21)\\\"/>\\r\\n</svg>\\r\\n\"","import { tns } from 'tiny-slider/src/tiny-slider';\r\nimport whenDomReady from 'when-dom-ready';\r\n\r\n// eslint-disable-next-line import/no-webpack-loader-syntax\r\nimport svgChevronRight from '!raw-loader!../../img/slider-chevron-right.svg';\r\n\r\nfunction initialise() {\r\n  let sliders = getSliderElements();\r\n\r\n  if (!sliders.length) {\r\n    return;\r\n  }\r\n\r\n  const query = window.matchMedia('(min-width: 1024px)');\r\n\r\n  let instances = [];\r\n\r\n  sliders.forEach((slider, index) => {\r\n    let instance;\r\n\r\n    if (query.matches) {\r\n      instance = initialiseGallery(slider);\r\n    } else {\r\n      instance = initialiseCarousel(slider);\r\n    }\r\n\r\n    instances[index] = instance;\r\n  });\r\n\r\n  query.addEventListener('change', (event) => {\r\n    // Destroy existing sliders.\r\n    instances.forEach((instance) => instance.destroy());\r\n\r\n    // Clear cached instances.\r\n    instances = [];\r\n\r\n    // Wait a frame, make sure that tinyslider has destroyed.\r\n    requestAnimationFrame(() => {\r\n      // Re-query elements, needed to reinitialise\r\n      sliders = getSliderElements();\r\n\r\n      // Check updated media query and re-init sliders.\r\n      sliders.forEach((slider, index) => {\r\n        let instance;\r\n\r\n        if (event.matches) {\r\n          instance = initialiseGallery(slider);\r\n        } else {\r\n          instance = initialiseCarousel(slider);\r\n        }\r\n\r\n        instances[index] = instance;\r\n      });\r\n    });\r\n  });\r\n}\r\n\r\nwhenDomReady().then(initialise);\r\n\r\nfunction getSliderElements() {\r\n  const sliders = document.querySelectorAll('.js-fifty-fifty-slider');\r\n  return Array.from(sliders);\r\n}\r\n\r\nfunction initialiseCarousel(slider) {\r\n  const autoplay = parseInt(slider.dataset.autoplay, 10);\r\n\r\n  return tns({\r\n    autoplay: !Number.isNaN(autoplay) && autoplay > 0,\r\n    autoplayButton: false,\r\n    autoplayButtonOutput: false,\r\n    autoplayHoverPause: true,\r\n    autoplayTimeout: autoplay,\r\n    container: slider,\r\n    gutter: 4,\r\n    items: 1,\r\n    controlsText: [\r\n      `\r\n        ${svgChevronRight}\r\n        <span>Previous</span>\r\n      `,\r\n      `\r\n        ${svgChevronRight}\r\n        <span>Next</span>\r\n      `,\r\n    ],\r\n  });\r\n}\r\n\r\nfunction initialiseGallery(slider) {\r\n  const autoplay = parseInt(slider.dataset.autoplay, 10);\r\n\r\n  return tns({\r\n    animateIn: 'tns-custom-in',\r\n    animateOut: 'tns-custom-out',\r\n    autoplay: !Number.isNaN(autoplay) && autoplay > 0,\r\n    autoplayButton: false,\r\n    autoplayButtonOutput: false,\r\n    autoplayHoverPause: true,\r\n    autoplayTimeout: autoplay,\r\n    container: slider,\r\n    controls: false,\r\n    items: 1,\r\n    mode: 'gallery',\r\n    speed: 600,\r\n  });\r\n}\r\n"],"sourceRoot":""}