{"version":3,"file":"webpack-chunks/chunk.scripts_components_timeline_js.b9d7ecafbcf647e97b0f.js","mappings":";;;;;;;;;;AAAA,+DAAe,MAAMA,SAAN,IAAmB;AAAE;AACnC,QAAO;AAACC,IAAAA,OAAO,EAAEC;AAAV,MAAyB,MAAM,oQAAtC;AAAA,QACE;AAACD,IAAAA,OAAO,EAAEE;AAAV,MAAqB,MAAM,mNAD7B;AAAA,QAEEC,UAAU,GAAG,IAAIF,WAAW,CAACG,UAAhB,EAFf;AAAA,QAGEC,gBAAgB,GAAG,IAAIH,OAAJ,CAAYH,SAAZ,EAAsB;AACxCO,IAAAA,YAAY,EAAE,QAD0B;AAExCC,IAAAA,WAAW,EAAE,SAF2B;AAGxCC,IAAAA,eAAe,EAAE;AAHuB,GAAtB,CAHrB;AAQAH,EAAAA,gBAAgB,CAACI,EAAjB,CAAoB,gBAApB,EAAsCC,eAAtC;AACA,GAAC,GAAGX,SAAS,CAACY,gBAAV,CAA2B,QAA3B,CAAJ,EAA0CC,OAA1C,CAAkDC,IAAI,IAAI;AACxD,QAAIZ,WAAW,CAACa,KAAhB,CAAsB;AAACC,MAAAA,cAAc,EAAEF,IAAjB;AAAuBG,MAAAA,WAAW,EAAE;AAApC,KAAtB,EACAP,EADA,CACG,OADH,EACY,YAAY;AACxBI,MAAAA,IAAI,CAACI,SAAL,CAAeC,GAAf,CAAmB,QAAnB;AACA,KAHA,EAIAC,KAJA,CAIMhB,UAJN,CAAD;AAKA,KAAC,GAAGU,IAAI,CAACF,gBAAL,CAAsB,KAAtB,CAAJ,EAAkCC,OAAlC,CAA0CQ,GAAG,IAAIA,GAAG,CAACC,gBAAJ,CAAqB,MAArB,EAA4B,MAAMhB,gBAAgB,CAACiB,MAAjB,EAAlC,CAAjD;AACA,GAPD;AAQAZ,EAAAA,eAAe;;AACf,WAASA,eAAT,GAA0B;AACzB,KAAC,GAAGX,SAAS,CAACY,gBAAV,CAA2B,QAA3B,CAAJ,EAA0CC,OAA1C,CAAkDC,IAAI,IAAI;AACzD,UAAIU,QAAQ,GAAG,CAAC,GAAGV,IAAI,CAACU,QAAT,CAAf;AACAA,MAAAA,QAAQ,CAACX,OAAT,CAAiBY,KAAK,IAAIA,KAAK,CAACP,SAAN,CAAgBQ,MAAhB,CAAuB,MAAvB,CAA1B;;AACA,UAAGC,QAAQ,CAACb,IAAI,CAACc,KAAL,CAAWC,IAAZ,CAAR,KAA8B,CAAjC,EAAoC;AACnCL,QAAAA,QAAQ,CAACX,OAAT,CAAiBY,KAAK,IAAIA,KAAK,CAACP,SAAN,CAAgBC,GAAhB,CAAoB,MAApB,CAA1B;AACA;AACD,KAND;AAOA;AACD,CA5BD","sources":["webpack://detroit/./scripts/components/timeline.js"],"sourcesContent":["export default async container => { // 'comp-timeline'\r\n\tconst \t{default: ScrollMagic} = await import('scrollmagic'),\r\n\t\t\t{default: Masonry} = await import('masonry-layout'),\r\n\t\t\tcontroller = new ScrollMagic.Controller(),\r\n\t\t\tMasonryContainer = new Masonry(container,{\r\n\t\t\t\titemSelector: '[card]',\r\n\t\t\t\tcolumnWidth: '[sizer]',\r\n\t\t\t\tpercentPosition: true\r\n\t\t\t});\r\n\tMasonryContainer.on('layoutComplete', updateAlignment);\r\n\t[...container.querySelectorAll('[card]')].forEach(item => {\r\n\t\t(new ScrollMagic.Scene({triggerElement: item, triggerHook: 0.9})\r\n\t\t.on(\"enter\", function () {\r\n\t\t\titem.classList.add('inview');\r\n\t\t})\r\n\t\t.addTo(controller));\r\n\t\t[...item.querySelectorAll('img')].forEach(img => img.addEventListener('load',() => MasonryContainer.layout()));\r\n\t});\r\n\tupdateAlignment();\r\n\tfunction updateAlignment(){\r\n\t\t[...container.querySelectorAll('[card]')].forEach(item => {\r\n\t\t\tlet children = [...item.children];\r\n\t\t\tchildren.forEach(child => child.classList.remove('left'));\r\n\t\t\tif(parseInt(item.style.left) === 0) {\r\n\t\t\t\tchildren.forEach(child => child.classList.add('left'));\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n};"],"names":["container","default","ScrollMagic","Masonry","controller","Controller","MasonryContainer","itemSelector","columnWidth","percentPosition","on","updateAlignment","querySelectorAll","forEach","item","Scene","triggerElement","triggerHook","classList","add","addTo","img","addEventListener","layout","children","child","remove","parseInt","style","left"],"sourceRoot":""}