{ "version": 3, "sources": ["../../../Vettvangur.Heilsuvera/src/scripts/components/healthtest-banner.ts"], "sourcesContent": ["import { gsap } from \"gsap/all\";\nimport { throttle } from \"throttle-debounce-ts\";\n\nconst healthTestBanner = {\n\telBanner: document.querySelector(\".healthTestBanner\"),\n\n\tinit: (): void => {\n\t\tif (!healthTestBanner.elBanner) {\n\t\t\treturn;\n\t\t}\n\t\thealthTestBanner.moveItems();\n\t\thealthTestBanner.elBanner.addEventListener(\n\t\t\t\"mouseover\",\n\t\t\thealthTestBanner.handleHover,\n\t\t);\n\t\thealthTestBanner.elBanner.addEventListener(\n\t\t\t\"mouseout\",\n\t\t\thealthTestBanner.handleHover,\n\t\t);\n\t},\n\n\thandleHover: (event): void => {\n\t\tgsap.set(\"[data-id=health-test-head]\", { transformOrigin: \"50% 50%\" });\n\t\tgsap.set(\"[data-id=health-test-arm]\", { transformOrigin: \"39px 6px\" });\n\t\tgsap.set(\"[data-id=health-test-hand]\", { transformOrigin: \"12px 30px\" });\n\n\t\tif (event.type === \"mouseover\") {\n\t\t\tgsap.to(\"[data-id=health-test-head]\", { rotation: -7 });\n\t\t\tgsap.to(\"[data-id=health-test-arm]\", { rotation: 5 });\n\t\t\tgsap.to(\"[data-id=health-test-hand]\", { rotation: -12 });\n\t\t} else if (event.type === \"mouseout\") {\n\t\t\tgsap.to(\n\t\t\t\t[\n\t\t\t\t\t\"[data-id=health-test-head]\",\n\t\t\t\t\t\"[data-id=health-test-arm]\",\n\t\t\t\t\t\"[data-id=health-test-hand]\",\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\trotation: 0,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t},\n\n\tmoveItems: (): void => {\n\t\tconst handleMouseMove = (event) => {\n\t\t\tconst x = event.touches ? event.touches[0].clientX : event.clientX;\n\t\t\tconst y = event.touches ? event.touches[0].clientY : event.clientY;\n\t\t\tconst xPercent = (x / window.innerWidth - 0.5) * 100;\n\t\t\tconst yPercent = (y / window.innerHeight - 0.5) * 100;\n\n\t\t\tgsap.to(\"[data-id=health-test-head-inner]\", {\n\t\t\t\tduration: 1,\n\t\t\t\tease: \"power2.out\",\n\t\t\t\trotation: xPercent / -12,\n\t\t\t});\n\n\t\t\tgsap.to(\"[data-id=health-test-background-inner]\", {\n\t\t\t\tduration: 1,\n\t\t\t\tease: \"power2.out\",\n\t\t\t\tx: xPercent / -9,\n\t\t\t\ty: yPercent / -9,\n\t\t\t});\n\t\t};\n\n\t\tgsap.set(\"[data-id=health-test-head-inner]\", {\n\t\t\ttransformOrigin: \"50% 50%\",\n\t\t});\n\t\twindow.addEventListener(\"mousemove\", throttle(100, handleMouseMove));\n\t},\n};\n\nexport default healthTestBanner;\n"], "mappings": "wJAGA,IAAMA,EAAmB,CACxB,SAAU,SAAS,cAAc,mBAAmB,EAEpD,KAAM,IAAY,CACZA,EAAiB,WAGtBA,EAAiB,UAAU,EAC3BA,EAAiB,SAAS,iBACzB,YACAA,EAAiB,WAClB,EACAA,EAAiB,SAAS,iBACzB,WACAA,EAAiB,WAClB,EACD,EAEA,YAAcC,GAAgB,CAC7BC,EAAK,IAAI,6BAA8B,CAAE,gBAAiB,SAAU,CAAC,EACrEA,EAAK,IAAI,4BAA6B,CAAE,gBAAiB,UAAW,CAAC,EACrEA,EAAK,IAAI,6BAA8B,CAAE,gBAAiB,WAAY,CAAC,EAEnED,EAAM,OAAS,aAClBC,EAAK,GAAG,6BAA8B,CAAE,SAAU,EAAG,CAAC,EACtDA,EAAK,GAAG,4BAA6B,CAAE,SAAU,CAAE,CAAC,EACpDA,EAAK,GAAG,6BAA8B,CAAE,SAAU,GAAI,CAAC,GAC7CD,EAAM,OAAS,YACzBC,EAAK,GACJ,CACC,6BACA,4BACA,4BACD,EACA,CACC,SAAU,CACX,CACD,CAEF,EAEA,UAAW,IAAY,CACtB,IAAMC,EAAmBF,GAAU,CAClC,IAAMG,EAAIH,EAAM,QAAUA,EAAM,QAAQ,CAAC,EAAE,QAAUA,EAAM,QACrDI,EAAIJ,EAAM,QAAUA,EAAM,QAAQ,CAAC,EAAE,QAAUA,EAAM,QACrDK,GAAYF,EAAI,OAAO,WAAa,IAAO,IAC3CG,GAAYF,EAAI,OAAO,YAAc,IAAO,IAElDH,EAAK,GAAG,mCAAoC,CAC3C,SAAU,EACV,KAAM,aACN,SAAUI,EAAW,GACtB,CAAC,EAEDJ,EAAK,GAAG,yCAA0C,CACjD,SAAU,EACV,KAAM,aACN,EAAGI,EAAW,GACd,EAAGC,EAAW,EACf,CAAC,CACF,EAEAL,EAAK,IAAI,mCAAoC,CAC5C,gBAAiB,SAClB,CAAC,EACD,OAAO,iBAAiB,YAAaM,EAAS,IAAKL,CAAe,CAAC,CACpE,CACD,EAEOM,EAAQT", "names": ["healthTestBanner", "event", "gsapWithCSS", "handleMouseMove", "x", "y", "xPercent", "yPercent", "n", "healthtest_banner_default"] }