{"version":3,"file":"elements-timeline.ff4558422b570dbbcced.js","mappings":"yJAGAA,EAAAA,GAAKC,eAAeC,EAAAA,GAEpBC,SAASC,iBAAiB,qBAAqBC,SAASC,IACtD,MAAMC,EAAQD,EAAGF,iBAAiB,qBAElCJ,EAAAA,GAAKQ,IAAIF,EAAGF,iBAAiB,oBAAqB,CAAEK,MAAO,IAC3DT,EAAAA,GAAKQ,IAAIF,EAAGF,iBAAiB,kBAAmB,CAAEM,OAAQ,IAC1DV,EAAAA,GAAKQ,IAAIF,EAAGF,iBAAiB,wBAAyB,CAAEO,QAAS,EAAGC,EAAG,WACvEZ,EAAAA,GAAKQ,IAAIF,EAAGF,iBAAiB,yBAA0B,CAAEO,QAAS,EAAGC,EAAG,UACxEZ,EAAAA,GAAKQ,IAAIF,EAAGF,iBAAiB,0BAA2B,CAAEO,QAAS,EAAGC,EAAG,UACzEZ,EAAAA,GAAKQ,IAAIF,EAAGF,iBAAiB,2BAA4B,CAAEO,QAAS,EAAGC,EAAG,WAE1EL,EAAMF,SAASQ,IACb,MAAMC,EAAWd,EAAAA,GAAKc,SAAS,CAC7BC,QAAQ,EACRC,cAAe,CACbC,QAASJ,EACTK,MAAO,UACPC,SAAS,KAIbL,EAASM,GAAGP,EAAKQ,cAAc,kBAAmB,CAChDX,OAAQ,EACRY,SAAU,GACVC,KAAM,WAGRT,EAASM,GAAGP,EAAKQ,cAAc,oBAAqB,CAClDZ,MAAO,EACPa,SAAU,GACVC,KAAM,WAGRT,EAASM,GACPP,EAAKQ,cAAc,mBACnB,CACET,EAAG,EACHD,QAAS,EACTW,SAAU,GACVC,KAAM,QAER,QAGFT,EAASM,GACPP,EAAKQ,cAAc,qBACnB,CACET,EAAG,EACHD,QAAS,EACTW,SAAU,GACVC,KAAM,OACNC,MAAO,IAET,IACD,GACD,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/timeline.js"],"sourcesContent":["import { gsap } from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\n\ngsap.registerPlugin(ScrollTrigger)\n\ndocument.querySelectorAll('.element-timeline').forEach((el) => {\n  const items = el.querySelectorAll('.timeline-wrapper')\n\n  gsap.set(el.querySelectorAll('.timeline-marker'), { scale: 0 })\n  gsap.set(el.querySelectorAll('.timeline-line'), { scaleY: 0 })\n  gsap.set(el.querySelectorAll('.odd .timeline-image'), { opacity: 0, x: '-100vw' })\n  gsap.set(el.querySelectorAll('.even .timeline-image'), { opacity: 0, x: '100vw' })\n  gsap.set(el.querySelectorAll('.odd .timeline-content'), { opacity: 0, x: '100vw' })\n  gsap.set(el.querySelectorAll('.even .timeline-content'), { opacity: 0, x: '-100vw' })\n\n  items.forEach((item) => {\n    const timeline = gsap.timeline({\n      paused: true,\n      scrollTrigger: {\n        trigger: item,\n        start: 'top 60%',\n        markers: false,\n      },\n    })\n\n    timeline.to(item.querySelector('.timeline-line'), {\n      scaleY: 1,\n      duration: 0.2,\n      ease: 'power4',\n    })\n\n    timeline.to(item.querySelector('.timeline-marker'), {\n      scale: 1,\n      duration: 0.4,\n      ease: 'power4',\n    })\n\n    timeline.to(\n      item.querySelector('.timeline-image'),\n      {\n        x: 0,\n        opacity: 1,\n        duration: 0.6,\n        ease: 'ease',\n      },\n      '<25%'\n    )\n\n    timeline.to(\n      item.querySelector('.timeline-content'),\n      {\n        x: 0,\n        opacity: 1,\n        duration: 0.6,\n        ease: 'ease',\n        delay: 0.2,\n      },\n      '<'\n    )\n  })\n})\n"],"names":["gsap","registerPlugin","ScrollTrigger","document","querySelectorAll","forEach","el","items","set","scale","scaleY","opacity","x","item","timeline","paused","scrollTrigger","trigger","start","markers","to","querySelector","duration","ease","delay"],"sourceRoot":""}