{"version":3,"file":"chunks/8ec77955388e11.js","mappings":"6EAAe,SAASA,EAA4BC,EAASC,GAC3DC,KAAKF,QAAUA,EACfE,KAAKD,OAASA,EACdC,KAAKC,gBAAkB,CACrBC,QAAS,GACTC,OAAQ,IAEVH,KAAKI,aAAe,IAAIC,MACxBL,KAAKI,aAAaE,IAAMN,KAAKD,OAAOK,aACpCJ,KAAKO,YAAc,IAAIF,MACvBL,KAAKO,YAAYD,IAAMN,KAAKD,OAAOQ,YACnCP,KAAKQ,iBAAmBR,KAAKF,QAAQW,cAAc,8CACnDT,KAAKU,eAAiBV,KAAKF,QAAQW,cAAc,0CACjDT,KAAKW,aAAeX,KAAKF,QAAQc,iBAAiB,wDAClDZ,KAAKa,sBAAwBb,KAAKF,QAAQW,cAAc,WACxDT,KAAKc,qBAAuBd,KAAKF,QAAQW,cAAc,WACvDT,KAAKe,MACN,C,8BAEDlB,EAA4BmB,UAAY,CACtCD,KAAM,WACJf,KAAKiB,cAAc,WACnBjB,KAAKiB,cAAc,UACnBjB,KAAKkB,YACN,EACDC,UAAW,SAAUC,GACnB,OAA+B,MAAxBA,EAAQC,YAChB,EACDH,WAAY,WAAY,WACtBlB,KAAKW,aAAaW,SAAQ,SAACC,EAAaC,GACtCD,EAAYE,iBAAiB,cAAc,WACzC,EAAKd,aAAaW,SAAQ,SAAAI,GAAUA,EAAKC,WAAWC,UAAUC,OAAO,SAAW,IAChFN,EAAYI,WAAWC,UAAUE,IAAI,UACrC,EAAKC,YAAYP,EAClB,GACF,GACF,EACDP,cAAe,SAAUe,GAAM,IACzBC,EADyB,OAE7BjC,KAAKD,OAAOmC,OAAOF,GAAMV,SAAQ,SAAChB,GAEhC,IAAI6B,EACJ,GAAI7B,EAAI8B,SAAS,OAAQ,EACvBD,EAAWE,SAASC,cAAc,UACzBC,UAAW,EACpBJ,EAASK,OAAQ,EACjBL,EAASM,MAAO,EAChB,IAAIC,EAAQL,SAASC,cAAc,UACnCI,EAAMpC,IAAMA,EACZoC,EAAMV,KAAO,YACbG,EAASQ,YAAYD,EACtB,MACCP,EAAW,IAAI9B,MAEjB8B,EAAS7B,IAAMA,EACf2B,EAAiB,CACfW,MAAOT,EACP7B,IAAK6B,EAAS7B,KAEhB,EAAKL,gBAAgB+B,GAAMa,KAAKZ,EACjC,GACF,EACDF,YAAa,SAAUP,GACrBxB,KAAKa,sBAAsBiC,UAAY9C,KAAKc,qBAAqBgC,UAAY,GAE7E,IAAIC,EAAoB/C,KAAKC,gBAAgBC,QAAQsB,GAAOoB,MACxDI,EAAmBhD,KAAKC,gBAAgBE,OAAOqB,GAAOoB,MAC1D5C,KAAKa,sBAAsB8B,YAAYI,GACvC/C,KAAKc,qBAAqB6B,YAAYK,GAClCD,EAAkBzC,IAAI8B,SAAS,QAC7BpC,KAAKmB,UAAUnB,KAAKa,wBACtBkC,EAAkBE,OAGlBD,EAAiB1C,IAAI8B,SAAS,QAC5BpC,KAAKmB,UAAUnB,KAAKc,uBACtBkC,EAAiBC,MAGtB,EACDC,mBAAoB,WAClBlD,KAAKa,sBAAsBiC,UAAY9C,KAAKc,qBAAqBgC,UAAY,GAC7E9C,KAAKa,sBAAsB8B,YAAY3C,KAAKI,cAC5CJ,KAAKc,qBAAqB6B,YAAY3C,KAAKO,YAC5C,E","sources":["webpack:///./resources/js/components/layout/container-features-screenshot.ts"],"sourcesContent":["export default function ContainerFeaturesScreenshot(domRoot, params) {\n  this.domRoot = domRoot;\n  this.params = params;\n  this.preloadedImages = {\n    desktop: [],\n    mobile: []\n  };\n  this.defaultImage = new Image();\n  this.defaultImage.src = this.params.defaultImage;\n  this.mobileImage = new Image();\n  this.mobileImage.src = this.params.mobileImage;\n  this.featureContainer = this.domRoot.querySelector('.imkt-features-screenshots__text-container');\n  this.imageContainer = this.domRoot.querySelector('.imkt-features-screenshots__screenshot');\n  this.featureCards = this.domRoot.querySelectorAll('.screenshot-desktop .imkt-features-screenshots__card');\n  this.desktopImageContainer = this.domRoot.querySelector('.md-img');\n  this.mobileImageContainer = this.domRoot.querySelector('.xs-img');\n  this.init();\n}\n\nContainerFeaturesScreenshot.prototype = {\n  init: function () {\n    this.preloadImages('desktop');\n    this.preloadImages('mobile');\n    this.bindEvents();\n  },\n  isVisible: function (element: any) {\n    return element.offsetParent != null;\n  },\n  bindEvents: function () {\n    this.featureCards.forEach((featureCard, index) => {\n      featureCard.addEventListener('mouseenter', () => {\n        this.featureCards.forEach(card => { card.parentNode.classList.remove('active') });\n        featureCard.parentNode.classList.add('active');\n        this.updateImage(index);\n      });\n    })\n  },\n  preloadImages: function (type) {\n    var preloadedImage;\n    this.params.images[type].forEach((src) => {\n\n      var newImage;\n      if (src.includes(\"mp4\")) {\n        newImage = document.createElement(\"video\");\n        newImage.autoplay = true;\n        newImage.muted = true;\n        newImage.loop = true;\n        var srcer = document.createElement(\"source\");\n        srcer.src = src;\n        srcer.type = \"video/mp4\";\n        newImage.appendChild(srcer);\n      } else {\n        newImage = new Image();\n      }\n      newImage.src = src;\n      preloadedImage = {\n        image: newImage,\n        src: newImage.src\n      };\n      this.preloadedImages[type].push(preloadedImage);\n    });\n  },\n  updateImage: function (index) {\n    this.desktopImageContainer.innerHTML = this.mobileImageContainer.innerHTML = '';\n\n    let appenderImageDesk = this.preloadedImages.desktop[index].image;\n    let appenderImageMob = this.preloadedImages.mobile[index].image;\n    this.desktopImageContainer.appendChild(appenderImageDesk);\n    this.mobileImageContainer.appendChild(appenderImageMob);\n    if (appenderImageDesk.src.includes(\"mp4\")) {\n      if (this.isVisible(this.desktopImageContainer)) {\n        appenderImageDesk.play();\n      }\n    }\n    if (appenderImageMob.src.includes(\"mp4\")) {\n      if (this.isVisible(this.mobileImageContainer)) {\n        appenderImageMob.play();\n      }\n    }\n  },\n  updateImageDefault: function () {\n    this.desktopImageContainer.innerHTML = this.mobileImageContainer.innerHTML = '';\n    this.desktopImageContainer.appendChild(this.defaultImage);\n    this.mobileImageContainer.appendChild(this.mobileImage);\n  }\n};\n"],"names":["ContainerFeaturesScreenshot","domRoot","params","this","preloadedImages","desktop","mobile","defaultImage","Image","src","mobileImage","featureContainer","querySelector","imageContainer","featureCards","querySelectorAll","desktopImageContainer","mobileImageContainer","init","prototype","preloadImages","bindEvents","isVisible","element","offsetParent","forEach","featureCard","index","addEventListener","card","parentNode","classList","remove","add","updateImage","type","preloadedImage","images","newImage","includes","document","createElement","autoplay","muted","loop","srcer","appendChild","image","push","innerHTML","appenderImageDesk","appenderImageMob","play","updateImageDefault"],"sourceRoot":""}