{"version":3,"file":"elements-history-milestones.js","mappings":"yJAiEIA,OAAOC,WAAW,2CAA2CC,SA9DzCC,SAASC,iBAAiB,kBAElCC,SAASC,KACrBC,EAAAA,EAAAA,GACED,GACA,MACEE,EAAAA,EAAAA,GAAS,CACP,CACEF,EAAKG,cAAc,mBACnB,CACEC,QAAS,EACTC,UAAW,wBAEb,CAAEC,SAAU,KAEd,CACEN,EAAKG,cAAc,uBACnB,CACEI,OAAQ,CAAC,EAAG,IAEd,CAAED,SAAU,MAEd,CACEN,EAAKG,cAAc,2BACnB,CACEK,MAAO,CAAC,EAAG,IAEb,CAAEF,SAAU,MAEd,CACEN,EAAKG,cAAc,gCACnB,CACEC,QAAS,EACTI,MAAO,CAAC,IAAK,IAEf,CAAEF,SAAU,KAEd,CACEN,EAAKG,cAAc,+BACnB,CACEC,QAAS,EACTC,UAAW,wBAEb,CAAEC,SAAU,GAAKG,GAAI,MAEvB,CACET,EAAKG,cAAc,qBACnB,CACEC,QAAS,EACTC,UAAW,wBAEb,CAAEC,SAAU,GAAKG,GAAI,UAEvB,GAEJ,CACEC,OAAQ,oBAEX,G","sources":["webpack://silverstripe-base/./themes/app/src/elements/history-milestones.js"],"sourcesContent":["import { inView, timeline } from \"motion\";\n\nconst init = () => {\n const timelineItems = document.querySelectorAll(\".timeline-item\");\n\n timelineItems.forEach((item) => {\n inView(\n item,\n () => {\n timeline([\n [\n item.querySelector(\".timeline-image\"),\n {\n opacity: 1,\n transform: \"translate3d(0, 0, 0)\",\n },\n { duration: 0.5 },\n ],\n [\n item.querySelector(\".timeline-indicator\"),\n {\n scaleX: [0, 1],\n },\n { duration: 0.25 },\n ],\n [\n item.querySelector(\".timeline-indicator-box\"),\n {\n scale: [0, 1],\n },\n { duration: 0.25 },\n ],\n [\n item.querySelector(\".timeline-date p:first-child\"),\n {\n opacity: 1,\n scale: [1.2, 1],\n },\n { duration: 0.5 },\n ],\n [\n item.querySelector(\".timeline-date p:last-child\"),\n {\n opacity: 1,\n transform: \"translate3d(0, 0, 0)\",\n },\n { duration: 0.5, at: \"<\" },\n ],\n [\n item.querySelector(\".timeline-content\"),\n {\n opacity: 1,\n transform: \"translate3d(0, 0, 0)\",\n },\n { duration: 0.8, at: \"<50%\" },\n ],\n ]);\n },\n {\n margin: \"0px 0px -25% 0px\",\n },\n );\n });\n};\n\nif (window.matchMedia(\"(prefers-reduced-motion: no-preference)\").matches) {\n init();\n}\n"],"names":["window","matchMedia","matches","document","querySelectorAll","forEach","item","inView","timeline","querySelector","opacity","transform","duration","scaleX","scale","at","margin"],"sourceRoot":""}