{"version":3,"file":"elements-large-callout.js","mappings":"yJAGAA,EAAAA,GAAKC,eAAeC,EAAAA,GAEpBC,SAASC,iBAAiB,yBAAyBC,SAASC,IAC1D,MAAMC,EAAQD,EAAGF,iBAAiB,qCAElCJ,EAAAA,GACGQ,SAAS,CACRC,cAAe,CACbC,QAASJ,EAAGK,cAAc,sBAC1BC,MAAOA,IAGE,OAFkBT,SAASQ,cAAc,gBAAgBE,eAIlEC,IAAK,SACLC,KAAK,EACLC,MAAO,GACPC,SAAS,KAGZC,IACCX,EACA,CACEY,QAAS,EACTC,QAAS,IAEX,GACD,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/large-callout.js"],"sourcesContent":["import { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\n\ngsap.registerPlugin(ScrollTrigger);\n\ndocument.querySelectorAll(\".element-largecallout\").forEach((el) => {\n  const chars = el.querySelectorAll(\".element-content-wrapped .word em\");\n\n  gsap\n    .timeline({\n      scrollTrigger: {\n        trigger: el.querySelector(\".element-container\"),\n        start: () => {\n          const siteHeaderHeight = document.querySelector(\".site-header\").offsetHeight;\n\n          return `top ${siteHeaderHeight}`;\n        },\n        end: \"+=125%\",\n        pin: true,\n        scrub: 0.5,\n        markers: false,\n      },\n    })\n    .set(\n      chars,\n      {\n        opacity: 1,\n        stagger: 0.1,\n      },\n      0.1,\n    );\n});\n"],"names":["gsap","registerPlugin","ScrollTrigger","document","querySelectorAll","forEach","el","chars","timeline","scrollTrigger","trigger","querySelector","start","offsetHeight","end","pin","scrub","markers","set","opacity","stagger"],"sourceRoot":""}