{"version":3,"file":"chunks/5efb3f909f2544.js","mappings":"oSAEqBA,EAAAA,WACnB,WAAYC,EAASC,I,4FAAQ,SAC3BC,KAAKF,QAAUA,EACfE,KAAKC,iBAAmBH,EAAQI,SAAS,GACzCF,KAAKG,YAAcJ,EAAOI,YAC1BH,KAAKI,gBAAiB,EACtBJ,KAAKK,aAAc,EACnBL,KAAKM,UAAY,EACjBN,KAAKO,O,yCAGP,WAAO,WACLP,KAAKF,QAAQU,iBAAiB,SAAS,SAACC,GAClCA,EAAEC,OAAOC,UAAUC,SAAS,WAAa,EAAKR,gBAChD,EAAKS,cAAcJ,EAAEC,OAAOI,aAAa,aAEvCL,EAAEC,SAAW,EAAKT,kBACpB,EAAKc,QAAQN,MAIjBT,KAAKC,iBAAiBe,aAAe,SAACP,GAGpC,OAFAA,EAAEQ,iBACF,EAAKC,UAAUT,IACR,GAETT,KAAKC,iBAAiBkB,YAAc,SAACV,GACnC,EAAKW,KAAKX,IAEZT,KAAKC,iBAAiBoB,WAAa,SAACZ,GAGlC,OAFAA,EAAEQ,iBACF,EAAKF,QAAQN,IACN,GAGTT,KAAKC,iBAAiBqB,YAAc,SAACb,GAAO,EAAKS,UAAUT,IAC3DT,KAAKC,iBAAiBsB,UAAY,SAACd,GAAO,EAAKM,QAAQN,IACvDT,KAAKC,iBAAiBuB,YAAc,SAACf,GAAO,EAAKW,KAAKX,M,uBAGxD,SAAUA,GACRT,KAAKM,UAAYG,EAAEgB,QAAUhB,EAAEgB,QAAUhB,EAAEiB,cAAc,GAAGC,MAC5D3B,KAAKK,aAAc,I,kBAGrB,SAAKI,GACH,IAAIgB,EAAUhB,EAAEgB,QAAUhB,EAAEgB,QAAUhB,EAAEiB,cAAc,GAAGC,MACzD,GAAI3B,KAAKK,aAAeL,KAAKM,YAAcmB,EAAS,CAClD,IAAIG,EAAa5B,KAAKM,UAAYmB,EAC9BI,EAAaJ,EAAUzB,KAAKM,UAChCN,KAAKC,iBAAiB6B,MAAMC,UAA5B,oBAAsDH,EAAa,IAAM,GAAzE,OACII,KAAKC,IAAIJ,GAAc,KACzB7B,KAAKe,QAAQN,GACbT,KAAKa,cAAce,EAAa,OAAS,SAAS,O,qBAKxD,WAAU,WACNM,YAAW,WACP,EAAKjC,iBAAiB6B,MAAMC,UAAY,iBACzC,KACH/B,KAAKK,aAAc,I,2BAGvB,SAAc8B,EAAWC,GAAS,WAChCpC,KAAKI,gBAAiB,EACtB,IAAIiC,EAAWrC,KAAKC,iBAAiBC,SACjCoC,EAA0B,QAAbH,EAAsB,GAAK,EACxCI,EAA4B,QAAbJ,EAAsBE,EAAS,GAAKA,EAASA,EAASG,OAAS,GAC9EC,EAA8B,QAAbN,EAAsBE,EAASA,EAASG,OAAS,GAAKH,EAAS,GAChFK,EAAYC,OAAOF,EAAc3B,aAAa,eAAiBwB,EAC/DI,EAAY,EACdA,EAAY1C,KAAKG,YAAYqC,OAAS,EAC7BE,GAAa1C,KAAKG,YAAYqC,SACvCE,EAAY,GAEd,IAAIE,EAAUC,SAASC,cAAc,OACrCF,EAAQG,UAAY,kBACpBH,EAAQI,aAAa,aAAcN,GACnCE,EAAQK,UAAR,+CACcjD,KAAKG,YAAYuC,GAAWQ,MAD1C,kBACyDlD,KAAKG,YAAYuC,GAAWS,MADrF,mCAGMnD,KAAKG,YAAYuC,GAAWS,MAHlC,SAKAZ,EAAa5B,UAAUyC,IAAI,QACV,QAAbjB,EACFnC,KAAKC,iBAAiBoD,YAAYT,GAElC5C,KAAKC,iBAAiBqD,aAAaV,EAASH,GAG9Cc,EAAAA,EAAAA,WAAoB,YAAcpB,EAAY,KAAOC,EAAU,SAAW,SAAU,IAEpFF,YAAW,WACL,EAAKjC,iBAAiBW,SAAS2B,KACjC,EAAKtC,iBAAiBuD,YAAYjB,GAClC,EAAKnC,gBAAiB,KAEvB,U,sEAnGcP","sources":["webpack:///./resources/js/components/generic/image-merry-go-round.ts"],"sourcesContent":["import tracking from '../../utils/tracking';\n\nexport default class ImageMerryGoRound {\n  constructor(domRoot, params) {\n    this.domRoot = domRoot;\n    this.galleryContainer = domRoot.children[0];\n    this.imagesArray = params.imagesArray;\n    this.disableButtons = false;\n    this.startedDrag = false;\n    this.startingX = 0;\n    this.init();\n  }\n\n  init() {\n    this.domRoot.addEventListener(\"click\", (e) => {\n      if (e.target.classList.contains(\"arrow\") && !this.disableButtons) {\n        this.advanceImages(e.target.getAttribute(\"data-dir\"));\n      }\n      if (e.target !== this.galleryContainer) {\n        this.dragEnd(e);\n      }\n    });\n\n    this.galleryContainer.ontouchstart = (e) => {\n      e.preventDefault();\n      this.dragStart(e);\n      return false;\n    };\n    this.galleryContainer.ontouchmove = (e) => {\n      this.drag(e);\n    };\n    this.galleryContainer.ontouchend = (e) => {\n      e.preventDefault();\n      this.dragEnd(e);\n      return false;\n    };\n\n    this.galleryContainer.onmousedown = (e) => {this.dragStart(e) };\n    this.galleryContainer.onmouseup = (e) => {this.dragEnd(e)};\n    this.galleryContainer.onmousemove = (e) => {this.drag(e)};\n  }\n\n  dragStart(e) {\n    this.startingX = e.screenX ? e.screenX : e.targetTouches[0].pageX;\n    this.startedDrag = true;\n  }\n\n  drag(e) {\n    let screenX = e.screenX ? e.screenX : e.targetTouches[0].pageX;\n    if (this.startedDrag && this.startingX !== screenX) {\n      let isNegative = this.startingX > screenX;\n      let difference = screenX - this.startingX;\n      this.galleryContainer.style.transform = `translate(${(isNegative ? \"-\" : \"\")}3%)`;\n      if (Math.abs(difference) > 50) {\n        this.dragEnd(e);\n        this.advanceImages(isNegative ? \"left\" : \"right\", true)\n      }\n    }\n  }\n\n  dragEnd() {\n      setTimeout(() => {\n          this.galleryContainer.style.transform = 'translate(0)';\n      }, 1000)\n      this.startedDrag = false;\n  }\n\n  advanceImages(direction, dragged) {\n    this.disableButtons = true;\n    let domItems = this.galleryContainer.children;\n    let arithmetic = direction == \"left\" ? 1 : -1;\n    let itemToRemove = direction == \"left\" ? domItems[0] : domItems[domItems.length - 1];\n    let newAddSibling =  direction == \"left\" ? domItems[domItems.length - 1] : domItems[0];\n    let itemToAdd = Number(newAddSibling.getAttribute(\"data-index\")) + arithmetic;\n    if (itemToAdd < 0) {\n      itemToAdd = this.imagesArray.length - 1;\n    } else if (itemToAdd >= this.imagesArray.length) {\n      itemToAdd = 0;\n    }\n    let newItem = document.createElement(\"div\");\n    newItem.className = \"image-item show\";\n    newItem.setAttribute(\"data-index\", itemToAdd);\n    newItem.innerHTML = `<div class=\"inner\">\n      <img src=\"${this.imagesArray[itemToAdd].image}\" alt=\"${this.imagesArray[itemToAdd].title}\">\n    </div>\n    <h4>${this.imagesArray[itemToAdd].title}</h4>`;\n\n    itemToRemove.classList.add(\"hide\");\n    if (direction == \"left\") {\n      this.galleryContainer.appendChild(newItem);\n    } else {\n      this.galleryContainer.insertBefore(newItem, newAddSibling);\n    }\n\n    tracking.trackEvent(\"carousel_\" + direction + \"_\" + (dragged ? \"scroll\" : \"arrow\"), {});\n\n    setTimeout(() => {\n      if (this.galleryContainer.contains(itemToRemove)) {\n        this.galleryContainer.removeChild(itemToRemove);\n        this.disableButtons = false;\n    }\n    }, 150)\n  }\n}\n"],"names":["ImageMerryGoRound","domRoot","params","this","galleryContainer","children","imagesArray","disableButtons","startedDrag","startingX","init","addEventListener","e","target","classList","contains","advanceImages","getAttribute","dragEnd","ontouchstart","preventDefault","dragStart","ontouchmove","drag","ontouchend","onmousedown","onmouseup","onmousemove","screenX","targetTouches","pageX","isNegative","difference","style","transform","Math","abs","setTimeout","direction","dragged","domItems","arithmetic","itemToRemove","length","newAddSibling","itemToAdd","Number","newItem","document","createElement","className","setAttribute","innerHTML","image","title","add","appendChild","insertBefore","tracking","removeChild"],"sourceRoot":""}