{ "version": 3, "sources": ["../../../Vettvangur.Heilsuvera/node_modules/gsap/index.js", "../../../Vettvangur.Heilsuvera/src/scripts/components/illustration.ts"], "sourcesContent": ["import { gsap, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ, TweenLite, TimelineLite, TimelineMax } from \"./gsap-core.js\";\nimport { CSSPlugin } from \"./CSSPlugin.js\";\nvar gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap,\n // to protect from tree shaking\nTweenMaxWithCSS = gsapWithCSS.core.Tween;\nexport { gsapWithCSS as gsap, gsapWithCSS as default, CSSPlugin, TweenMaxWithCSS as TweenMax, TweenLite, TimelineMax, TimelineLite, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ };", "import gsap from \"gsap\";\nimport { throttle } from \"throttle-debounce-ts\";\n\nconst illustration = document.querySelector(\"[data-id=illustration]\");\n\nconst Illustration = {\n\tinit: (): void => {\n\t\tif (illustration) {\n\t\t\tgsap.to(illustration, { opacity: 1 });\n\t\t\tIllustration.moveClouds();\n\t\t\tIllustration.moveTheBody();\n\t\t\tIllustration.moveDotsAndUpperBody();\n\t\t\tIllustration.simulateWind();\n\t\t}\n\t},\n\n\tmoveClouds: (): void => {\n\t\tconst animate = (selector, params): void => {\n\t\t\tgsap.set(selector, {\n\t\t\t\topacity: 0,\n\t\t\t\tscale: 0.7,\n\t\t\t\ttransformOrigin: \"50% 50%\",\n\t\t\t\tx: params.from,\n\t\t\t});\n\n\t\t\tconst animation = gsap\n\t\t\t\t.timeline({ paused: true, repeat: -1 })\n\t\t\t\t.to(selector, { opacity: 1, scale: 1 })\n\t\t\t\t.to(selector, { duration: 10, ease: \"none\", x: params.to }, \">-0.5\")\n\t\t\t\t.to(selector, { opacity: 0, scale: 0.7 }, \">-0.5\")\n\t\t\t\t.set(selector, { x: params.from });\n\n\t\t\tanimation.play(params.start).timeScale(params.timeScale);\n\t\t};\n\n\t\tanimate(\"[data-id=cloud-1]\", {\n\t\t\tfrom: -300,\n\t\t\tto: 1800,\n\t\t\tstart: 2,\n\t\t\ttimeScale: 0.17,\n\t\t});\n\t\tanimate(\"[data-id=cloud-2]\", {\n\t\t\tfrom: -1200,\n\t\t\tto: 800,\n\t\t\tstart: 6,\n\t\t\ttimeScale: 0.2,\n\t\t});\n\t\tanimate(\"[data-id=cloud-3]\", {\n\t\t\tfrom: -1600,\n\t\t\tto: 300,\n\t\t\tstart: 5,\n\t\t\ttimeScale: 0.08,\n\t\t});\n\t},\n\n\tmoveTheBody: (): void => {\n\t\tconst defaults = {\n\t\t\tease: \"none\",\n\t\t};\n\n\t\tconst armsAnimation = gsap\n\t\t\t.timeline({ paused: true, repeat: -1 })\n\t\t\t.set(\"[data-id=arms]\", { transformOrigin: \"50% 0%\" })\n\t\t\t.set(\"[data-id=left-arm]\", { transformOrigin: \"0% 0%\" })\n\t\t\t.set(\"[data-id=right-arm]\", { transformOrigin: \"100% 0%\" })\n\t\t\t.to(\"[data-id=arms]\", { ...defaults, rotation: 4 }, 3)\n\t\t\t.to(\"[data-id=left-arm]\", { ...defaults, duration: 2, rotation: 6 }, 3)\n\t\t\t.to(\"[data-id=right-arm]\", { ...defaults, rotation: -4 }, 3)\n\t\t\t.to(\"[data-id=arms]\", { ...defaults, duration: 1, rotation: 0 }, 6)\n\t\t\t.to(\"[data-id=left-arm]\", { ...defaults, duration: 1, rotation: 0 }, 7)\n\t\t\t.to(\n\t\t\t\t\"[data-id=right-arm]\",\n\t\t\t\t{ ...defaults, duration: 1, rotation: 0 },\n\t\t\t\t7.2,\n\t\t\t);\n\n\t\tconst legsAnimation = gsap\n\t\t\t.timeline({ paused: true, repeat: -1 })\n\t\t\t.set(\"[data-id=left-leg]\", { transformOrigin: \"100% 100%\" })\n\t\t\t.set(\"[data-id=right-leg]\", { transformOrigin: \"0% 100%\" })\n\t\t\t.to(\"[data-id=left-leg]\", { ...defaults, rotation: 1 }, 4)\n\t\t\t.to(\"[data-id=right-leg]\", { ...defaults, rotation: -1 }, 4.2)\n\t\t\t.to(\"[data-id=left-leg], [data-id=right-leg]\", { rotation: 0 }, 5);\n\n\t\tarmsAnimation.play(1);\n\t\tlegsAnimation.play(2);\n\t},\n\n\tmoveDotsAndUpperBody: (): void => {\n\t\tconst defaults = {\n\t\t\tduration: 1,\n\t\t\tease: \"power2.out\",\n\t\t};\n\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=head]\", { ...defaults, rotation: xPercent / 5 });\n\t\t\tgsap.to(\"[data-id=upper-body]\", {\n\t\t\t\t...defaults,\n\t\t\t\tduration: 2,\n\t\t\t\trotation: xPercent / 8,\n\t\t\t});\n\t\t\tgsap.to(\"[data-id=arms-wrap]\", { ...defaults, y: (-yPercent + 20) / 3 });\n\n\t\t\tillustration.querySelectorAll(\"[data-parallax]\").forEach((element) => {\n\t\t\t\tconst mods = element.getAttribute(\"data-parallax\").split(\" \");\n\t\t\t\tconst xMod = parseFloat(mods[0]);\n\t\t\t\tconst yMod = mods.length > 1 ? parseFloat(mods[1]) : xMod;\n\n\t\t\t\tgsap.to(element, {\n\t\t\t\t\tduration: 2,\n\t\t\t\t\tease: \"power3.out\",\n\t\t\t\t\tx: `${-xPercent / xMod}%`,\n\t\t\t\t\ty: `${-yPercent / yMod}%`,\n\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tgsap.set(\"[data-id=head]\", { transformOrigin: \"50% 50%\" });\n\t\tgsap.set(\"[data-id=upper-body]\", { transformOrigin: \"50% 100%\" });\n\t\twindow.addEventListener(\"mousemove\", throttle(100, handleMouseMove));\n\t},\n\n\tsimulateWind: (): void => {\n\t\tconst animate = (selector, params?): void => {\n\t\t\tparams = !params ? {} : params;\n\t\t\tparams.start = params.start ? params.start : 0;\n\t\t\tparams.strength = params.strength ? params.strength : 1;\n\t\t\tparams.timeScale = params.timeScale ? params.timeScale : 1;\n\t\t\tparams.transformOrigin = params.transformOrigin\n\t\t\t\t? params.transformOrigin\n\t\t\t\t: \"0% 100%\";\n\n\t\t\tconst animation = gsap\n\t\t\t\t.timeline({ paused: true, repeat: -1 })\n\t\t\t\t.set(selector, { transformOrigin: params.transformOrigin })\n\t\t\t\t.to(selector, { duration: 0.35, rotation: params.strength })\n\t\t\t\t.to(selector, { duration: 0.35, rotation: 0 })\n\t\t\t\t.to(selector, { duration: 0.35, rotation: params.strength })\n\t\t\t\t.to(selector, { duration: 0.35, rotation: -params.strength })\n\t\t\t\t.to(selector, { duration: 0.35, rotation: params.strength })\n\t\t\t\t.to(selector, { duration: 0.35, rotation: 0 })\n\t\t\t\t.to(selector, { duration: 1.5, rotation: params.strength })\n\t\t\t\t.to(selector, { duration: 0.25, rotation: 0 });\n\n\t\t\tanimation.play(params.start).timeScale(params.timeScale);\n\t\t};\n\n\t\tanimate(\"[data-id=plant-1]\", { strength: 1.5 });\n\t\tanimate(\"[data-id=plant-2]\", { start: 0.21 });\n\t\tanimate(\"[data-id=plant-3-leaf-1]\", {\n\t\t\tstart: 0.25,\n\t\t\ttransformOrigin: \"100% 100%\",\n\t\t});\n\t\tanimate(\"[data-id=plant-3-leaf-2]\", { start: 0.5, strength: 2 });\n\t\tanimate(\"[data-id=hair]\", {\n\t\t\tstart: 1,\n\t\t\tstrength: 0.5,\n\t\t\ttimeScale: 1.3,\n\t\t\ttransformOrigin: \"50% 0%\",\n\t\t});\n\t},\n};\n\nexport default Illustration;\n"], "mappings": "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", "names": ["gsapWithCSS", "gsap", "CSSPlugin", "TweenMaxWithCSS", "illustration", "Illustration", "gsapWithCSS", "animate", "selector", "params", "defaults", "armsAnimation", "__spreadProps", "__spreadValues", "legsAnimation", "handleMouseMove", "event", "x", "y", "xPercent", "yPercent", "element", "mods", "xMod", "yMod", "n", "illustration_default"] }