{"version":3,"file":"homepage.bundle.js","sources":["../../../../Frontend/src/js/pages/sportinvenray/homepage/index.ts"],"sourcesContent":["const flippableWords = [\"Sporten\", \"Spelen\", \"Proeven\"];\r\nconst icons = [\r\n    {\r\n        name: \"bal\",\r\n        url: \"/Images/sportinvenray/bal.png\"\r\n    },\r\n    {\r\n        name: \"fruit\",\r\n        url: \"/Images/sportinvenray/fruit.png\"\r\n    },\r\n    {\r\n        name: \"gitaar\",\r\n        url: \"/Images/sportinvenray/gitaar.png\"\r\n    },\r\n    {\r\n        name: \"microfoon\",\r\n        url: \"/Images/sportinvenray/microfoon.png\"\r\n    },\r\n    {\r\n        name: \"skateboard\",\r\n        url: \"/Images/sportinvenray/skateboard.png\"\r\n    },\r\n\r\n]\r\nconst heroTextElement = document.querySelector(\".homepage-hero-title\");\r\nconst iconWrapper = document.querySelector(\".homepage-hero-wrapper-small\");\r\nconst isReduced = window.matchMedia(`(prefers-reduced-motion: reduce)`) && window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true;\r\n\r\nfunction createTopTextElement(text: string) {\r\n    const topTextElement = document.createElement(\"span\");\r\n    topTextElement.classList.add(\"top-text\");\r\n    topTextElement.textContent = text;\r\n    heroTextElement!.appendChild(topTextElement);\r\n}\r\n\r\nfunction createTextflipElement(text: string) {\r\n    const textFlipElement = document.createElement(\"span\");\r\n    textFlipElement.classList.add(\"text-flip\");\r\n    textFlipElement.textContent = text;\r\n    heroTextElement!.appendChild(textFlipElement);\r\n}\r\n\r\nfunction textFlip() {\r\n    const wordArray = flippableWords;\r\n    const element = document.getElementsByClassName(\"text-flip\")[0];\r\n\r\n    const resetAnimation = function () {\r\n        element.classList.remove(\"flip\");\r\n    };\r\n\r\n    let wordIndex = 1;\r\n    setInterval(function () {\r\n        wordArray.forEach((word, index) => {\r\n            if (wordIndex === index) {\r\n                element.textContent = word;\r\n                element.classList.add(\"flip\");\r\n                setTimeout(resetAnimation, 200);\r\n            }\r\n        });\r\n        wordIndex = wordIndex + 1;\r\n        if (wordIndex >= wordArray.length) {\r\n            wordIndex = 0;\r\n        }\r\n    }, 2500);\r\n}\r\n\r\nfunction createIconElements() {\r\n    const iconContainer = document.createElement(\"div\");\r\n    iconContainer.classList.add(\"icon-container\");\r\n    iconWrapper!.insertBefore(iconContainer, iconWrapper!.lastElementChild);\r\n\r\n    icons.forEach(icon => {\r\n        const iconElement = document.createElement(\"img\");\r\n        iconElement.src = icon.url;\r\n        iconElement.alt = icon.name;\r\n        iconElement.classList.add(`icon-${icon.name}`);\r\n        iconContainer.appendChild(iconElement);\r\n    });\r\n}\r\n\r\n\r\nwindow.addEventListener(\"DOMContentLoaded\", () => {\r\n    if (!heroTextElement || !iconWrapper) return;\r\n\r\n    heroTextElement!.textContent = \"\";\r\n    heroTextElement!.classList.remove(\"reveal\");\r\n    createIconElements();\r\n\r\n    if (!isReduced) {\r\n        createTopTextElement(\"Mee\");\r\n        createTextflipElement(\"Sporten\");\r\n        textFlip();\r\n    }\r\n});"],"names":["flippableWords","icons","heroTextElement","iconWrapper","isReduced","createTopTextElement","text","topTextElement","createTextflipElement","textFlipElement","textFlip","wordArray","element","resetAnimation","wordIndex","word","index","createIconElements","iconContainer","icon","iconElement"],"mappings":"AAAA,MAAMA,EAAiB,CAAC,UAAW,SAAU,SAAS,EAChDC,EAAQ,CACV,CACI,KAAM,MACN,IAAK,+BACT,EACA,CACI,KAAM,QACN,IAAK,iCACT,EACA,CACI,KAAM,SACN,IAAK,kCACT,EACA,CACI,KAAM,YACN,IAAK,qCACT,EACA,CACI,KAAM,aACN,IAAK,sCACT,CAEJ,EACMC,EAAkB,SAAS,cAAc,sBAAsB,EAC/DC,EAAc,SAAS,cAAc,8BAA8B,EACnEC,EAAY,OAAO,WAAW,kCAAkC,GAAK,OAAO,WAAW,kCAAkC,EAAE,UAAY,GAE7I,SAASC,EAAqBC,EAAc,CAClC,MAAAC,EAAiB,SAAS,cAAc,MAAM,EACrCA,EAAA,UAAU,IAAI,UAAU,EACvCA,EAAe,YAAcD,EAC7BJ,EAAiB,YAAYK,CAAc,CAC/C,CAEA,SAASC,EAAsBF,EAAc,CACnC,MAAAG,EAAkB,SAAS,cAAc,MAAM,EACrCA,EAAA,UAAU,IAAI,WAAW,EACzCA,EAAgB,YAAcH,EAC9BJ,EAAiB,YAAYO,CAAe,CAChD,CAEA,SAASC,GAAW,CAChB,MAAMC,EAAYX,EACZY,EAAU,SAAS,uBAAuB,WAAW,EAAE,CAAC,EAExDC,EAAiB,UAAY,CACvBD,EAAA,UAAU,OAAO,MAAM,CAAA,EAGnC,IAAIE,EAAY,EAChB,YAAY,UAAY,CACVH,EAAA,QAAQ,CAACI,EAAMC,IAAU,CAC3BF,IAAcE,IACdJ,EAAQ,YAAcG,EACdH,EAAA,UAAU,IAAI,MAAM,EAC5B,WAAWC,EAAgB,GAAG,EAClC,CACH,EACDC,EAAYA,EAAY,EACpBA,GAAaH,EAAU,SACXG,EAAA,IAEjB,IAAI,CACX,CAEA,SAASG,GAAqB,CACpB,MAAAC,EAAgB,SAAS,cAAc,KAAK,EACpCA,EAAA,UAAU,IAAI,gBAAgB,EAC/Bf,EAAA,aAAae,EAAef,EAAa,gBAAgB,EAEtEF,EAAM,QAAgBkB,GAAA,CACZ,MAAAC,EAAc,SAAS,cAAc,KAAK,EAChDA,EAAY,IAAMD,EAAK,IACvBC,EAAY,IAAMD,EAAK,KACvBC,EAAY,UAAU,IAAI,QAAQD,EAAK,IAAI,EAAE,EAC7CD,EAAc,YAAYE,CAAW,CAAA,CACxC,CACL,CAGA,OAAO,iBAAiB,mBAAoB,IAAM,CAC1C,CAAClB,GAAmB,CAACC,IAEzBD,EAAiB,YAAc,GACdA,EAAA,UAAU,OAAO,QAAQ,EACvBe,IAEdb,IACDC,EAAqB,KAAK,EAC1BG,EAAsB,SAAS,EACtBE,KAEjB,CAAC"}