{"version":3,"sources":["webpack:///./app/components/m/bullets/index.js","webpack:///./app/core/js/libs/mp4Loops.js"],"names":["$","each","index","value","find","i","v","addClass","containerString","mediaQueryList","window","matchMedia","handleMediaChange","mql","parent","document","css","matches","ifOverflow","length","$button","show","hide","on","e","preventDefault","target","closest","btnMore","btnLess","addListener","videoController","VideoController","initialize","constructor","selector","videoContainers","querySelectorAll","forEach","container","video","querySelector","playButton","pauseButton","setInitialState","style","display","handlePlayPause","play","focus","pause","setEventListeners","addEventListener","key"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AACAA,CAAC,CAAC,qBAAqB,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;EAC9CH,CAAC,CAACG,KAAK,CAAC,CACLC,IAAI,CAAC,aAAa,CAAC,CACnBH,IAAI,CAAC,CAACI,CAAC,EAAEC,CAAC,KAAK;IACd,IAAID,CAAC,GAAG,CAAC,EAAE;MACTL,CAAC,CAACM,CAAC,CAAC,CAACC,QAAQ,CAAC,cAAc,CAAC;IAC/B;EACF,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,IAAIC,eAAe;AACnB,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAAC,oBAAoB,CAAC;;AAE9D;AACA,SAASC,iBAAiBA,CAACC,GAAG,EAAE;EAC9B,IAAIC,MAAM;EACV;EACAd,CAAC,CAACe,QAAQ,CAAC,CAACX,IAAI,CAAC,eAAe,CAAC,CAACY,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;EACxDhB,CAAC,CAACe,QAAQ,CAAC,CAACX,IAAI,CAAC,iBAAiB,CAAC,CAACY,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;;EAE1D;EACAR,eAAe,GAAGK,GAAG,CAACI,OAAO,GAAG,qBAAqB,GAAG,UAAU;EAClEjB,CAAC,CAACQ,eAAe,CAAC,CAACP,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IACxC;IACA,MAAMe,UAAU,GAAGlB,CAAC,CAACG,KAAK,CAAC,CAACC,IAAI,CAAC,eAAe,CAAC,CAACe,MAAM;IACxD,MAAMC,OAAO,GAAGpB,CAAC,CAACG,KAAK,CAAC,CAACC,IAAI,CAAC,iBAAiB,CAAC;IAEhD,IAAIc,UAAU,EAAE;MACdE,OAAO,CAACC,IAAI,EAAE;IAChB,CAAC,MAAM;MACLD,OAAO,CAACE,IAAI,EAAE;IAChB;EACF,CAAC,CAAC;;EAEF;EACAtB,CAAC,CAACQ,eAAe,CAAC,CAACe,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAGC,CAAC,IAAK;IACvDA,CAAC,CAACC,cAAc,EAAE;IAClBX,MAAM,GAAGd,CAAC,CAACwB,CAAC,CAACE,MAAM,CAAC,CAACC,OAAO,CAACnB,eAAe,CAAC;IAC7C;IACA,MAAMoB,OAAO,GAAGd,MAAM,CAACV,IAAI,CAAC,iBAAiB,CAAC;IAC9CwB,OAAO,CAACZ,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;IAC9B;IACA,MAAMa,OAAO,GAAGf,MAAM,CAACV,IAAI,CAAC,iBAAiB,CAAC;IAC9CyB,OAAO,CAACb,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC;IACtC;IACAF,MAAM,CAACV,IAAI,CAAC,eAAe,CAAC,CAACY,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC;IACxD;IACA,OAAO,KAAK;EACd,CAAC,CAAC;EACF;EACAhB,CAAC,CAACQ,eAAe,CAAC,CAACe,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAGC,CAAC,IAAK;IACvDA,CAAC,CAACC,cAAc,EAAE;IAClBX,MAAM,GAAGd,CAAC,CAACwB,CAAC,CAACE,MAAM,CAAC,CAACC,OAAO,CAACnB,eAAe,CAAC;IAC7C;IACA,MAAMqB,OAAO,GAAGf,MAAM,CAACV,IAAI,CAAC,iBAAiB,CAAC;IAC9CyB,OAAO,CAACb,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;IAC9B;IACA,MAAMY,OAAO,GAAGd,MAAM,CAACV,IAAI,CAAC,iBAAiB,CAAC;IAC9CwB,OAAO,CAACZ,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC;IACtC;IACAF,MAAM,CAACV,IAAI,CAAC,eAAe,CAAC,CAACY,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;IACnD;IACA,OAAO,KAAK;EACd,CAAC,CAAC;AACJ;AAEAP,cAAc,CAACqB,WAAW,CAAClB,iBAAiB,CAAC;AAC7C;AACAA,iBAAiB,CAACH,cAAc,CAAC;;AAEjC;AAC6D;AAE7D,MAAMsB,eAAe,GAAG,IAAIC,8DAAe,CAAC,eAAe,CAAC;AAC5DD,eAAe,CAACE,UAAU,EAAE,C;;;;;;;;;;;;AC3E5B;AAAA,MAAMD,eAAe,CAAC;EACpBE,WAAWA,CAACC,QAAQ,EAAE;IACpB,IAAI,CAACC,eAAe,GAAGrB,QAAQ,CAACsB,gBAAgB,CAACF,QAAQ,CAAC;EAC5D;EAEAF,UAAUA,CAAA,EAAG;IACX,IAAI,CAACG,eAAe,CAACE,OAAO,CAAEC,SAAS,IAAK;MAC1C,MAAMC,KAAK,GAAGD,SAAS,CAACE,aAAa,CAAC,OAAO,CAAC;MAC9C,MAAMC,UAAU,GAAGH,SAAS,CAACE,aAAa,CAAC,YAAY,CAAC;MACxD,MAAME,WAAW,GAAGJ,SAAS,CAACE,aAAa,CAAC,aAAa,CAAC;MAE1D,MAAMG,eAAe,GAAGA,CAAA,KAAM;QAC5B,IAAIF,UAAU,EAAEA,UAAU,CAACG,KAAK,CAACC,OAAO,GAAG,MAAM;QACjD,IAAIH,WAAW,EAAEA,WAAW,CAACE,KAAK,CAACC,OAAO,GAAG,MAAM;MACrD,CAAC;MAED,MAAMC,eAAe,GAAIvB,CAAC,IAAK;QAC7B,IAAIA,CAAC,CAACE,MAAM,KAAKgB,UAAU,EAAE;UAC3BF,KAAK,CAACQ,IAAI,EAAE;UACZ,IAAIN,UAAU,EAAEA,UAAU,CAACG,KAAK,CAACC,OAAO,GAAG,MAAM;UACjD,IAAIH,WAAW,EAAE;YACfA,WAAW,CAACE,KAAK,CAACC,OAAO,GAAG,MAAM;YAClCH,WAAW,CAACM,KAAK,EAAE;UACrB;QACF,CAAC,MAAM;UACLT,KAAK,CAACU,KAAK,EAAE;UACb,IAAIR,UAAU,EAAEA,UAAU,CAACG,KAAK,CAACC,OAAO,GAAG,MAAM;UACjD,IAAIH,WAAW,EAAE;YACfA,WAAW,CAACE,KAAK,CAACC,OAAO,GAAG,MAAM;YAClCJ,UAAU,CAACO,KAAK,EAAE;UACpB;QACF;MACF,CAAC;MAED,MAAME,iBAAiB,GAAGA,CAAA,KAAM;QAC9B,IAAI,CAACT,UAAU,IAAI,CAACC,WAAW,EAAE;QACjCD,UAAU,CAACU,gBAAgB,CAAC,OAAO,EAAEL,eAAe,CAAC;QACrDL,UAAU,CAACU,gBAAgB,CAAC,SAAS,EAAG5B,CAAC,IAAK;UAC5C,IAAIA,CAAC,CAAC6B,GAAG,KAAK,OAAO,IAAI7B,CAAC,CAAC6B,GAAG,KAAK,GAAG,EAAE;YACtCN,eAAe,CAACvB,CAAC,CAAC;UACpB;QACF,CAAC,CAAC;QAEFmB,WAAW,CAACS,gBAAgB,CAAC,OAAO,EAAEL,eAAe,CAAC;QACtDJ,WAAW,CAACS,gBAAgB,CAAC,SAAS,EAAG5B,CAAC,IAAK;UAC7C,IAAIA,CAAC,CAAC6B,GAAG,KAAK,OAAO,IAAI7B,CAAC,CAAC6B,GAAG,KAAK,GAAG,EAAE;YACtCN,eAAe,CAACvB,CAAC,CAAC;UACpB;QACF,CAAC,CAAC;MACJ,CAAC;MAED2B,iBAAiB,EAAE;MACnBP,eAAe,EAAE;IACnB,CAAC,CAAC;EACJ;AACF;AAEeZ,8EAAe,E","file":"bullets.chunk.js","sourcesContent":["// mark every overflow item\r\n$('.bullets__container').each((index, value) => {\r\n  $(value)\r\n    .find('.list__item')\r\n    .each((i, v) => {\r\n      if (i > 4) {\r\n        $(v).addClass('li--overflow');\r\n      }\r\n    });\r\n});\r\n\r\nlet containerString;\r\nconst mediaQueryList = window.matchMedia('(max-width: 768px)');\r\n\r\n// from start and every window size change\r\nfunction handleMediaChange(mql) {\r\n  let parent;\r\n  // by every change between mobile and desktop close lists\r\n  $(document).find('.li--overflow').css('display', 'none');\r\n  $(document).find('.btn--show-less').css('display', 'none');\r\n\r\n  // make two independent buttons for  mobile view for two columns check2\r\n  containerString = mql.matches ? '.bullets__container' : '.bullets';\r\n  $(containerString).each((index, value) => {\r\n    // to show or hide button due the overflow\r\n    const ifOverflow = $(value).find('.li--overflow').length;\r\n    const $button = $(value).find('.btn--show-more');\r\n\r\n    if (ifOverflow) {\r\n      $button.show();\r\n    } else {\r\n      $button.hide();\r\n    }\r\n  });\r\n\r\n  // Click on show more button\r\n  $(containerString).on('click', '.btn--show-more', (e) => {\r\n    e.preventDefault();\r\n    parent = $(e.target).closest(containerString);\r\n    // hide show-more button\r\n    const btnMore = parent.find('.btn--show-more');\r\n    btnMore.css('display', 'none');\r\n    // show show-less button\r\n    const btnLess = parent.find('.btn--show-less');\r\n    btnLess.css('display', 'inline-block');\r\n    // show hidden list items\r\n    parent.find('.li--overflow').css('display', 'list-item');\r\n    // prevent jumping to the top\r\n    return false;\r\n  });\r\n  // Click on show less button\r\n  $(containerString).on('click', '.btn--show-less', (e) => {\r\n    e.preventDefault();\r\n    parent = $(e.target).closest(containerString);\r\n    // hide show-less button\r\n    const btnLess = parent.find('.btn--show-less');\r\n    btnLess.css('display', 'none');\r\n    // show show-more button\r\n    const btnMore = parent.find('.btn--show-more');\r\n    btnMore.css('display', 'inline-block');\r\n    // hide overflow list items\r\n    parent.find('.li--overflow').css('display', 'none');\r\n    // prevent jumping to the top\r\n    return false;\r\n  });\r\n}\r\n\r\nmediaQueryList.addListener(handleMediaChange);\r\n// Run the handler once from start.\r\nhandleMediaChange(mediaQueryList);\r\n\r\n// add MP4 Loops video play/pause functionality\r\nimport VideoController from '../../../core/js/libs/mp4Loops';\r\n\r\nconst videoController = new VideoController('.bullets__mp4');\r\nvideoController.initialize();\r\n","class VideoController {\r\n  constructor(selector) {\r\n    this.videoContainers = document.querySelectorAll(selector);\r\n  }\r\n\r\n  initialize() {\r\n    this.videoContainers.forEach((container) => {\r\n      const video = container.querySelector('video');\r\n      const playButton = container.querySelector('.play-icon');\r\n      const pauseButton = container.querySelector('.pause-icon');\r\n\r\n      const setInitialState = () => {\r\n        if (playButton) playButton.style.display = 'none';\r\n        if (pauseButton) pauseButton.style.display = 'flex';\r\n      };\r\n\r\n      const handlePlayPause = (e) => {\r\n        if (e.target === playButton) {\r\n          video.play();\r\n          if (playButton) playButton.style.display = 'none';\r\n          if (pauseButton) {\r\n            pauseButton.style.display = 'flex';\r\n            pauseButton.focus();\r\n          }\r\n        } else {\r\n          video.pause();\r\n          if (playButton) playButton.style.display = 'flex';\r\n          if (pauseButton) {\r\n            pauseButton.style.display = 'none';\r\n            playButton.focus();\r\n          }\r\n        }\r\n      };\r\n\r\n      const setEventListeners = () => {\r\n        if (!playButton || !pauseButton) return;\r\n        playButton.addEventListener('click', handlePlayPause);\r\n        playButton.addEventListener('keydown', (e) => {\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            handlePlayPause(e);\r\n          }\r\n        });\r\n\r\n        pauseButton.addEventListener('click', handlePlayPause);\r\n        pauseButton.addEventListener('keydown', (e) => {\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            handlePlayPause(e);\r\n          }\r\n        });\r\n      };\r\n\r\n      setEventListeners();\r\n      setInitialState();\r\n    });\r\n  }\r\n}\r\n\r\nexport default VideoController;\r\n"],"sourceRoot":""}