{"version":3,"file":"elements-comparison.59cd566bed64faeb9574.js","mappings":"0IAGAA,EAAAA,GAAAA,eAAoBC,EAAAA,GAEpBC,SAASC,iBAAiB,uBAAuBC,SAASC,IACxD,MAAMC,EAASD,EAAGE,cAAc,sBAC1BC,EAAaH,EAAGE,cAAc,gBAC9BE,EAAQJ,EAAGF,iBAAiB,oBAE5BO,EAAYL,EAAGF,iBAAiB,2BAChCQ,EAAUN,EAAGF,iBAAiB,yBAC9BS,EAAWP,EAAGF,iBAAiB,0BAErCH,EAAAA,GAAAA,IAASU,EAAW,CAAEG,QAAS,EAAGC,EAAG,QACrCd,EAAAA,GAAAA,IAASW,EAAS,CAAEE,QAAS,EAAGE,EAAG,UACnCf,EAAAA,GAAAA,IAASY,EAAU,CAAEC,QAAS,EAAGE,EAAG,SAEpC,MAAMC,EAAS,CACbC,SAAU,GACVC,QAAS,GACTC,KAAM,UAGFC,EAAa,IACdJ,EACHH,QAAS,EACTC,EAAG,GAGCO,EAAgB,IACjBL,EACHH,QAAS,EACTE,EAAG,GAGCO,EAAWtB,EAAAA,GAAAA,SAAc,CAC7BuB,cAAe,CACbC,QAASnB,EACToB,MAAO,UACPC,SAAS,KAIPC,EAAiB3B,EAAAA,GAAAA,WASvB,GAPA2B,EAAeC,IAAI,SACnBD,EAAeE,GAAGvB,EAAOC,cAAc,2BAA4Ba,EAAY,SAC/EO,EAAeE,GAAGvB,EAAOC,cAAc,yBAA0Bc,EAAe,SAChFM,EAAeE,GAAGvB,EAAOC,cAAc,0BAA2Bc,EAAe,SAEjFC,EAASM,IAAID,GAETnB,EAAY,CACd,MAAMsB,EAAiB9B,EAAAA,GAAAA,WAEvB8B,EAAeD,GAAGrB,EAAWD,cAAc,mBAAoB,IAC1DS,EACHC,SAAU,GACVc,MAAO,QAGTD,EAAeD,GAAGrB,EAAWD,cAAc,oBAAqB,IAC3DS,EACHC,SAAU,GACVc,MAAO,QAGTT,EAASM,IAAIE,GAGfrB,EAAML,SAAS4B,IACb,MAAMC,EAAejC,EAAAA,GAAAA,WAErBiC,EAAaL,IAAI,SACjBK,EAAaJ,GAAGG,EAAKzB,cAAc,2BAA4Ba,EAAY,SAC3Ea,EAAaJ,GAAGG,EAAKzB,cAAc,yBAA0Bc,EAAe,SAC5EY,EAAaJ,GAAGG,EAAKzB,cAAc,0BAA2Bc,EAAe,SAE7EC,EAASM,IAAIK,W","sources":["webpack://adjusters/./src/elements/comparison.js"],"sourcesContent":["import { gsap } from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\n\ngsap.registerPlugin(ScrollTrigger)\n\ndocument.querySelectorAll('.element-comparison').forEach((el) => {\n  const titles = el.querySelector('.comparison-titles')\n  const stressBars = el.querySelector('.stress-bars')\n  const items = el.querySelectorAll('.comparison-item')\n\n  const bottomEls = el.querySelectorAll('.comparison-from-bottom')\n  const leftEls = el.querySelectorAll('.comparison-from-left')\n  const rightEls = el.querySelectorAll('.comparison-from-right')\n\n  gsap.set(bottomEls, { opacity: 0, y: '50%' })\n  gsap.set(leftEls, { opacity: 0, x: '-100%' })\n  gsap.set(rightEls, { opacity: 0, x: '100%' })\n\n  const common = {\n    duration: 0.6,\n    stagger: 0.2,\n    ease: 'power4',\n  }\n\n  const fromBottom = {\n    ...common,\n    opacity: 1,\n    y: 0,\n  }\n\n  const fromLeftRight = {\n    ...common,\n    opacity: 1,\n    x: 0,\n  }\n\n  const timeline = gsap.timeline({\n    scrollTrigger: {\n      trigger: el,\n      start: 'top 80%',\n      markers: false,\n    },\n  })\n\n  const titlesTimeline = gsap.timeline()\n\n  titlesTimeline.add('start')\n  titlesTimeline.to(titles.querySelector('.comparison-from-bottom'), fromBottom, 'start')\n  titlesTimeline.to(titles.querySelector('.comparison-from-left'), fromLeftRight, 'start')\n  titlesTimeline.to(titles.querySelector('.comparison-from-right'), fromLeftRight, 'start')\n\n  timeline.add(titlesTimeline)\n\n  if (stressBars) {\n    const stressTimeline = gsap.timeline()\n\n    stressTimeline.to(stressBars.querySelector('.stress-bar-low'), {\n      ...common,\n      duration: 0.8,\n      width: '10%',\n    })\n\n    stressTimeline.to(stressBars.querySelector('.stress-bar-high'), {\n      ...common,\n      duration: 0.8,\n      width: '90%',\n    })\n\n    timeline.add(stressTimeline)\n  }\n\n  items.forEach((item) => {\n    const itemTimeline = gsap.timeline()\n\n    itemTimeline.add('start')\n    itemTimeline.to(item.querySelector('.comparison-from-bottom'), fromBottom, 'start')\n    itemTimeline.to(item.querySelector('.comparison-from-left'), fromLeftRight, 'start')\n    itemTimeline.to(item.querySelector('.comparison-from-right'), fromLeftRight, 'start')\n\n    timeline.add(itemTimeline)\n  })\n})\n"],"names":["gsap","ScrollTrigger","document","querySelectorAll","forEach","el","titles","querySelector","stressBars","items","bottomEls","leftEls","rightEls","opacity","y","x","common","duration","stagger","ease","fromBottom","fromLeftRight","timeline","scrollTrigger","trigger","start","markers","titlesTimeline","add","to","stressTimeline","width","item","itemTimeline"],"sourceRoot":""}