{"version":3,"file":"elements-process-list.3e109f7f08fc0dc6720a.js","mappings":"yIAGAA,EAAAA,GAAAA,eAAoBC,EAAAA,GAEpBC,SAASC,iBAAiB,wBAAwBC,SAASC,IACzD,MAAMC,EAAUD,EAAGE,cAAc,iBAC3BC,EAAQH,EAAGF,iBAAiB,cAC5BM,EAAWJ,EAAGF,iBAAiB,8BAC/BO,EAAUL,EAAGF,iBAAiB,mBAC9BQ,EAAWN,EAAGF,iBAAiB,oBAErCH,EAAAA,GAAAA,IAASM,EAAS,CAAEM,OAAQ,IAC5BZ,EAAAA,GAAAA,IAASS,EAAU,CAAEI,QAAS,EAAGC,EAAG,QACpCd,EAAAA,GAAAA,IAASU,EAAS,CAAEK,EAAG,WACvBf,EAAAA,GAAAA,IAASW,EAAU,CAAEI,EAAG,UAExB,MAAMC,EAAS,CACbC,SAAU,GACVC,QAAS,GACTC,QAAQ,EACRC,KAAM,UAGRZ,EAAMJ,SAASiB,IACbrB,EAAAA,GAAAA,GAAQqB,EAAKlB,iBAAiB,8BAA+B,IACxDa,EACHF,EAAG,EACHD,QAAS,EACTS,cAAe,CACbC,QAASF,EACTG,MAAO,UACPC,SAAS,GAEXC,QAAS,KACP,MAAMC,EAA6E,IAAhE3B,EAAAA,GAAAA,MAAAA,UAAqB,EAAGQ,EAAMoB,OAAQP,EAAKQ,QAAQC,WAEtE9B,EAAAA,GAAAA,GAAQM,EAAS,CACfW,SAAU,GACVG,KAAM,SACNR,OAAS,GAAEe,UAKbN,EAAKlB,iBAAiB,mBAAmByB,QAC3C5B,EAAAA,GAAAA,GAAQqB,EAAKlB,iBAAiB,mBAAoB,IAC7Ca,EACHD,EAAG,EACHO,cAAe,CACbC,QAASF,EACTG,MAAO,UACPC,SAAS,KAKXJ,EAAKlB,iBAAiB,oBAAoByB,QAC5C5B,EAAAA,GAAAA,GAAQqB,EAAKlB,iBAAiB,oBAAqB,IAC9Ca,EACHD,EAAG,EACHF,QAAS,EACTS,cAAe,CACbC,QAASF,EACTG,MAAO,UACPC,SAAS,Y","sources":["webpack://adjusters/./src/elements/process-list.js"],"sourcesContent":["import { gsap } from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\n\ngsap.registerPlugin(ScrollTrigger)\n\ndocument.querySelectorAll('.element-processlist').forEach((el) => {\n  const divider = el.querySelector('.step-divider')\n  const items = el.querySelectorAll('.step-item')\n  const mediaEls = el.querySelectorAll('.step-item-media-container')\n  const leftEls = el.querySelectorAll('.step-item-left')\n  const rightEls = el.querySelectorAll('.step-item-right')\n\n  gsap.set(divider, { height: 0 })\n  gsap.set(mediaEls, { opacity: 0, y: '50%' })\n  gsap.set(leftEls, { x: '-100vw' })\n  gsap.set(rightEls, { x: '100vw' })\n\n  const common = {\n    duration: 0.8,\n    stagger: 0.2,\n    paused: true,\n    ease: 'power4',\n  }\n\n  items.forEach((item) => {\n    gsap.to(item.querySelectorAll('.step-item-media-container'), {\n      ...common,\n      y: 0,\n      opacity: 1,\n      scrollTrigger: {\n        trigger: item,\n        start: 'top 90%',\n        markers: false,\n      },\n      onStart: () => {\n        const percentage = gsap.utils.normalize(0, items.length, item.dataset.stepIndex) * 100\n\n        gsap.to(divider, {\n          duration: 0.5,\n          ease: 'power4',\n          height: `${percentage}%`,\n        })\n      },\n    })\n\n    if (item.querySelectorAll('.step-item-left').length) {\n      gsap.to(item.querySelectorAll('.step-item-left'), {\n        ...common,\n        x: 0,\n        scrollTrigger: {\n          trigger: item,\n          start: 'top 90%',\n          markers: false,\n        },\n      })\n    }\n\n    if (item.querySelectorAll('.step-item-right').length) {\n      gsap.to(item.querySelectorAll('.step-item-right'), {\n        ...common,\n        x: 0,\n        opacity: 1,\n        scrollTrigger: {\n          trigger: item,\n          start: 'top 90%',\n          markers: false,\n        },\n      })\n    }\n  })\n})\n"],"names":["gsap","ScrollTrigger","document","querySelectorAll","forEach","el","divider","querySelector","items","mediaEls","leftEls","rightEls","height","opacity","y","x","common","duration","stagger","paused","ease","item","scrollTrigger","trigger","start","markers","onStart","percentage","length","dataset","stepIndex"],"sourceRoot":""}