{"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":""}