{"version":3,"sources":["node_modules/browser-pack/_prelude.js","frontend/Common/js/modules/TextOverMedia/entry/text-over-media.js","frontend/Common/js/modules/TextOverMedia/initTextOverMedia.js"],"names":["r","e","n","t","o","i","f","c","require","u","a","Error","code","p","exports","call","length","1","module","_initTextOverMedia","__esModule","default","document","addEventListener","querySelectorAll","forEach","el","let","animatedTitles","animatedTitleWrapper","querySelector","clone","cloneNode","append","classList","add","activeTitle","paused","interval","loop","window","setInterval","oldActiveTitle","remove","setTimeout","clearInterval"],"mappings":"CAAA,SAAAA,EAAAC,EAAAC,EAAAC,GAAA,SAAAC,EAAAC,EAAAC,GAAA,IAAAJ,EAAAG,GAAA,CAAA,IAAAJ,EAAAI,GAAA,CAAA,IAAAE,EAAA,mBAAAC,SAAAA,QAAA,IAAAF,GAAAC,EAAA,OAAAA,EAAAF,GAAA,GAAA,GAAAI,EAAA,OAAAA,EAAAJ,GAAA,GAAA,MAAAK,EAAA,IAAAC,MAAA,uBAAAN,EAAA,MAAAO,KAAA,mBAAAF,EAAAG,EAAAX,EAAAG,GAAA,CAAAS,QAAA,IAAAb,EAAAI,GAAA,GAAAU,KAAAF,EAAAC,QAAA,SAAAd,GAAA,OAAAI,EAAAH,EAAAI,GAAA,GAAAL,IAAAA,IAAAa,EAAAA,EAAAC,QAAAd,EAAAC,EAAAC,EAAAC,GAAA,OAAAD,EAAAG,GAAAS,QAAA,IAAA,IAAAL,EAAA,mBAAAD,SAAAA,QAAAH,EAAA,EAAAA,EAAAF,EAAAa,OAAAX,IAAAD,EAAAD,EAAAE,IAAA,OAAAD,EAAA,CAAA,CAAAa,EAAA,CAAA,SAAAT,EAAAU,EAAAJ,gBCAA,IAAAK,GAAwDlB,EAAxDO,EAAA,6BAAwDP,EAAAmB,WAAAnB,EAAA,CAAAoB,QAAApB,GAExDqB,SAASC,iBAAiB,mBAAoB,MAC5C,EAAAJ,EAAAE,c,iIC+EDP,EAAAO,QAlFc,KACbC,SAASE,iBAAiB,uBAAuBC,QAASC,IACxDC,IAAIC,EAAiBF,EAAGF,iBACtB,4CAIF,KAAII,GAAgBZ,OAAS,GAA7B,CAIA,MAAMa,EAAuBH,EAAGI,cAC9B,uCAIF,IAAMC,EAAQH,EAAe,GAAGI,WAAU,GAC1CH,EAAqBI,OAAOF,IAE5BH,EAAiBF,EAAGF,iBAClB,6CAGa,GAAGU,UAAUC,IAAI,aAEhCN,EAAqBK,UAAUC,IAC7B,0CAGFR,IAAIS,EAAc,EACdC,GAAS,EACTC,EAAW,KAEf,MAAMC,EAAO,KACXD,EAAWE,OAAOC,YAAY,KAC5B,IACQC,EADHL,IACGK,EAAiBN,EACvBA,IACAR,EAAeQ,GAAaF,UAAUC,IAAI,aAC1CP,EAAec,GAAgBR,UAAUS,OAAO,aAG5CP,IAAgBR,EAAeZ,OAAS,GAC1C4B,WAAW,KACThB,EAAe,GAAGM,UAAUC,IAAI,aAChCP,EAAeQ,GAAaF,UAAUS,OAAO,aAC7CP,EAAc,GACb,OAGN,OAGLG,IAEAV,EAAqBN,iBAAiB,aAAc,KAClDc,GAAS,IAGXR,EAAqBN,iBAAiB,aAAc,KAClDc,GAAS,IAGXR,EAAqBN,iBAAiB,QAAS,KACzCe,GACFE,OAAOK,cAAcP,GACrBA,EAAW,MAEXC","file":"text-over-media-generated.js","sourcesContent":["(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()","import initTextOverMedia from \"../initTextOverMedia.js\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  initTextOverMedia();\r\n});\r\n","export default () => {\r\n  document.querySelectorAll(\".js-text-over-media\").forEach((el) => {\r\n    let animatedTitles = el.querySelectorAll(\r\n      \".js-text-over-media__animated-title span\",\r\n    );\r\n\r\n    // if there's only one item\r\n    if (animatedTitles?.length < 2) {\r\n      return;\r\n    }\r\n\r\n    const animatedTitleWrapper = el.querySelector(\r\n      \".js-text-over-media__animated-title\",\r\n    );\r\n\r\n    // Make the first title also be the last title for animations\r\n    const clone = animatedTitles[0].cloneNode(true);\r\n    animatedTitleWrapper.append(clone);\r\n\r\n    animatedTitles = el.querySelectorAll(\r\n      \".js-text-over-media__animated-title span\",\r\n    );\r\n\r\n    animatedTitles[0].classList.add(\"is-active\");\r\n\r\n    animatedTitleWrapper.classList.add(\r\n      \"text-over-media__title-middle--animate\",\r\n    );\r\n\r\n    let activeTitle = 0;\r\n    let paused = false;\r\n    let interval = null;\r\n\r\n    const loop = () => {\r\n      interval = window.setInterval(() => {\r\n        if (!paused) {\r\n          const oldActiveTitle = activeTitle;\r\n          activeTitle++;\r\n          animatedTitles[activeTitle].classList.add(\"is-active\");\r\n          animatedTitles[oldActiveTitle].classList.remove(\"is-active\");\r\n\r\n          // switch the last and first slides after animating\r\n          if (activeTitle === animatedTitles.length - 1) {\r\n            setTimeout(() => {\r\n              animatedTitles[0].classList.add(\"is-active\");\r\n              animatedTitles[activeTitle].classList.remove(\"is-active\");\r\n              activeTitle = 0;\r\n            }, 500); // CSS animation speed\r\n          }\r\n        }\r\n      }, 3250);\r\n    };\r\n\r\n    loop();\r\n\r\n    animatedTitleWrapper.addEventListener(\"mouseenter\", () => {\r\n      paused = true;\r\n    });\r\n\r\n    animatedTitleWrapper.addEventListener(\"mouseleave\", () => {\r\n      paused = false;\r\n    });\r\n\r\n    animatedTitleWrapper.addEventListener(\"click\", () => {\r\n      if (interval) {\r\n        window.clearInterval(interval);\r\n        interval = null;\r\n      } else {\r\n        loop();\r\n      }\r\n    });\r\n\r\n    // document.addEventListener(\"click\", (e) => {\r\n    //   if (\r\n    //     e.target.classList.contains(\"js-site-header__menu-button\") ||\r\n    //     e.target.closest(\".js-site-header__menu-button\")\r\n    //   ) {\r\n    //     window.clearInterval(interval);\r\n    //     interval = null;\r\n    //   }\r\n    // });\r\n  });\r\n};\r\n"]}