{"version":3,"file":"imageComparsionSlider-Baqa9bzf.js","sources":["../../../app/javascript/entrypoints/imageComparsionSlider.js"],"sourcesContent":["(function() {\n  document.addEventListener('DOMContentLoaded', () => {\n    const solutionsContainer = document.querySelector('.solutionsContainer')\n    const secondSolutionsCard = document.querySelector('.secondSolutionsCard')\n    const verticalBar = document.querySelector('.vertical-bar')\n    const solutionsContainerRect = solutionsContainer.getBoundingClientRect()\n    const solutionsContainerMid = solutionsContainerRect.width / 2\n\n    secondSolutionsCard.style.transform = `translateX(${solutionsContainerMid}px) translateY(0)`\n    secondSolutionsCard.style.transition = 'none'\n\n    let isDragging = false\n\n    const setIsDragging = (boolean) => isDragging = boolean\n    const dragVerticalBar = (e) => {\n      if (!isDragging) return\n\n      const solutionsContainerRectResponsive = solutionsContainer.getBoundingClientRect()\n      let xTranslate = e.clientX - solutionsContainerRectResponsive.left\n\n      if (xTranslate >= solutionsContainerRectResponsive.width - 5) {\n        xTranslate = solutionsContainerRectResponsive.width - 5\n      } else if (xTranslate <= 5) {\n        xTranslate = 5\n      }\n\n      secondSolutionsCard.style.transform = `translateY(0px) translateX(${xTranslate}px)`\n    }\n\n    verticalBar.addEventListener('mousedown', () => {\n      setIsDragging(true)\n    })\n\n    document.addEventListener('mouseup', () => {\n      setIsDragging(false)\n    })\n\n    solutionsContainer.addEventListener('mousemove', (e) => {\n      dragVerticalBar(e)\n    })\n\n    // Touchscreens\n    verticalBar.addEventListener('touchstart', () => {\n      setIsDragging(true)\n    })\n\n    document.addEventListener('touchend', () => {\n      setIsDragging(false)\n    })\n\n    solutionsContainer.addEventListener('touchmove', (e) => {\n      const touchEventData = e.touches[0]\n      dragVerticalBar(touchEventData)\n    })\n  })\n})()\n"],"names":["solutionsContainer","secondSolutionsCard","verticalBar","solutionsContainerMid","isDragging","setIsDragging","boolean","dragVerticalBar","e","solutionsContainerRectResponsive","xTranslate","touchEventData"],"mappings":"CAAC,UAAW,CACV,SAAS,iBAAiB,mBAAoB,IAAM,CAClD,MAAMA,EAAqB,SAAS,cAAc,qBAAqB,EACjEC,EAAsB,SAAS,cAAc,sBAAsB,EACnEC,EAAc,SAAS,cAAc,eAAe,EAEpDC,EADyBH,EAAmB,sBAAuB,EACpB,MAAQ,EAE7DC,EAAoB,MAAM,UAAY,cAAcE,CAAqB,oBACzEF,EAAoB,MAAM,WAAa,OAEvC,IAAIG,EAAa,GAEjB,MAAMC,EAAiBC,GAAYF,EAAaE,EAC1CC,EAAmBC,GAAM,CAC7B,GAAI,CAACJ,EAAY,OAEjB,MAAMK,EAAmCT,EAAmB,sBAAuB,EACnF,IAAIU,EAAaF,EAAE,QAAUC,EAAiC,KAE1DC,GAAcD,EAAiC,MAAQ,EACzDC,EAAaD,EAAiC,MAAQ,EAC7CC,GAAc,IACvBA,EAAa,GAGfT,EAAoB,MAAM,UAAY,8BAA8BS,CAAU,KAC/E,EAEDR,EAAY,iBAAiB,YAAa,IAAM,CAC9CG,EAAc,EAAI,CACxB,CAAK,EAED,SAAS,iBAAiB,UAAW,IAAM,CACzCA,EAAc,EAAK,CACzB,CAAK,EAEDL,EAAmB,iBAAiB,YAAcQ,GAAM,CACtDD,EAAgBC,CAAC,CACvB,CAAK,EAGDN,EAAY,iBAAiB,aAAc,IAAM,CAC/CG,EAAc,EAAI,CACxB,CAAK,EAED,SAAS,iBAAiB,WAAY,IAAM,CAC1CA,EAAc,EAAK,CACzB,CAAK,EAEDL,EAAmB,iBAAiB,YAAcQ,GAAM,CACtD,MAAMG,EAAiBH,EAAE,QAAQ,CAAC,EAClCD,EAAgBI,CAAc,CACpC,CAAK,CACL,CAAG,CACH,GAAC"}