{"version":3,"file":"static/js/animation.1715208c.chunk.js","mappings":"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","sources":["views/components/animation/index.jsx"],"sourcesContent":["import React, { Suspense, lazy, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport makeStyles from \"@material-ui/styles/makeStyles\";\n\nconst ReactAnimation01 = lazy(() =>\n\timport(\n\t\t/* webpackChunkName: \"reactAnimation01\" */ \"@micado-digital/react-animation/ReactAnimation01\"\n\t)\n);\n\nconst useStyles = makeStyles(theme => ({\n\t\"@keyframes scale\": {\n\t\tfrom: {\n\t\t\ttransform: \"scale(1)\"\n\t\t},\n\t\tto: {\n\t\t\ttransform: \"scale(1.1)\"\n\t\t}\n\t},\n\troot: {\n\t\theight: \"70vh\",\n\t\tmaxHeight: 800,\n\t\tposition: \"relative\",\n\t\t\"& .mco-animation-01__texts\": {\n\t\t\tdisplay: \"none\"\n\t\t}\n\t},\n\trootFullscreen: {\n\t\theight: \"100vh\",\n\t\tmaxHeight: \"none\",\n\t\t\"& img\": {\n\t\t\tanimation: \"$scale 20s ease infinite alternate\"\n\t\t},\n\t\t\"& .mco-animation-01__texts\": {\n\t\t\talignItems: \"center\",\n\t\t\tdisplay: \"flex\",\n\t\t\tflexDirection: \"column\",\n\t\t\tjustifyContent: \"center\",\n\t\t\tpadding: theme.spacing(3, 2),\n\t\t\ttextAlign: \"center\",\n\t\t\t[theme.breakpoints.up(\"lg\")]: {\n\t\t\t\ttransform: \"translate(0, -50px)\"\n\t\t\t},\n\t\t\t\"& .mco-animation-01__text--1\": {\n\t\t\t\t...theme?.typography?.h1,\n\t\t\t\tcolor: theme.palette.text.secondary,\n\t\t\t\topacity: 0,\n\t\t\t\ttransform: \"translate(0, -10px)\",\n\t\t\t\ttextShadow: \"0px 4px 20px rgba(0, 0, 0, 0.5)\",\n\t\t\t\ttransition: \"opacity 2500ms ease 1s, transform 2000ms ease 1s\",\n\t\t\t\t[theme.breakpoints.up(\"lg\")]: {\n\t\t\t\t\tmaxWidth: \"70%\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"& .mco-animation-01__text--2\": {\n\t\t\t\t...theme?.typography?.h5,\n\t\t\t\tcolor: theme.palette.text.secondary,\n\t\t\t\topacity: 0,\n\t\t\t\tmarginTop: theme.spacing(1),\n\t\t\t\ttextShadow: \"0px 4px 20px rgba(0, 0, 0, 0.5)\",\n\t\t\t\ttransform: \"translate(0, 5px)\",\n\t\t\t\ttransition: \"opacity 2500ms ease 1s, transform 2000ms ease 1s\",\n\t\t\t\t[theme.breakpoints.up(\"lg\")]: {\n\t\t\t\t\tmarginTop: theme.spacing(2),\n\t\t\t\t\tmaxWidth: \"70%\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"&:before\": {\n\t\t\t\tbackgroundImage:\n\t\t\t\t\t\"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4NSIgdmlld0JveD0iMCAwIDkgODUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjAyMTQ4IDBMNC4wMjE0OSA4MCIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMTA0XzU1OTApIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTAuNDg3ODk4IDgxLjE5OTVDLTAuMTYyNjMzIDgwLjU0ODkgLTAuMTYyNjMzIDc5LjQ5NDIgMC40ODc4OTggNzguODQzN0wyLjg0MzY4IDc2LjQ4NzlDMy40OTQyMSA3NS44Mzc0IDQuNTQ4OTMgNzUuODM3NCA1LjE5OTQ2IDc2LjQ4NzlMNy41NTUyNCA3OC44NDM3QzguMjA1NzcgNzkuNDk0MiA4LjIwNTc3IDgwLjU0ODkgNy41NTUyNCA4MS4xOTk1TDUuMTk5NDYgODMuNTU1MkM0LjU0ODkzIDg0LjIwNTggMy40OTQyMSA4NC4yMDU4IDIuODQzNjggODMuNTU1MkwwLjQ4Nzg5OCA4MS4xOTk1WiIgZmlsbD0iI0Y1RjFFQiIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEwNF81NTkwIiB4MT0iMy41MjE2NiIgeTE9IjMuNzQ1MzRlLTA4IiB4Mj0iMy41MjE2NyIgeTI9IjgwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=')\",\n\t\t\t\tcontent: \"''\",\n\t\t\t\theight: 84,\n\t\t\t\topacity: 0,\n\t\t\t\tmarginBottom: theme.spacing(3),\n\t\t\t\tposition: \"relative\",\n\t\t\t\ttransition: \"opacity 1500ms ease\",\n\t\t\t\twidth: 8,\n\t\t\t\tzIndex: 2,\n\t\t\t\t[theme.breakpoints.up(\"lg\")]: {\n\t\t\t\t\tmarginBottom: theme.spacing(8)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"&:before\": {\n\t\t\tbackground: \"linear-gradient(360deg, rgba(32, 48, 61, 0) 54.66%, #20303D 98.41%)\",\n\t\t\tcontent: \"''\",\n\t\t\theight: \"90%\",\n\t\t\tleft: 0,\n\t\t\tposition: \"absolute\",\n\t\t\tpointerEvents: \"none\",\n\t\t\ttop: 0,\n\t\t\twidth: \"100%\",\n\t\t\tzIndex: 2\n\t\t},\n\t\t\"&:after\": {\n\t\t\tbackground: \"linear-gradient(180deg, rgba(32, 48, 61, 0) 54.66%, #20303D 98.41%)\",\n\t\t\tcontent: \"''\",\n\t\t\theight: \"70%\",\n\t\t\tleft: 0,\n\t\t\tposition: \"absolute\",\n\t\t\tpointerEvents: \"none\",\n\t\t\tbottom: 0,\n\t\t\twidth: \"100%\",\n\t\t\tzIndex: 2\n\t\t}\n\t},\n\tactive: {\n\t\t\"& .mco-animation-01__text--1\": {\n\t\t\ttransform: \"translate(0, 0) !important\",\n\t\t\topacity: \"1 !important\"\n\t\t},\n\t\t\"& .mco-animation-01__text--2\": {\n\t\t\ttransform: \"translate(0, 0) !important\",\n\t\t\topacity: \"1 !important\"\n\t\t},\n\t\t\"& .mco-animation-01__texts:before\": {\n\t\t\topacity: \"1 !important\"\n\t\t}\n\t},\n\tanimation: {\n\t\theight: \"100%\",\n\t\tposition: \"relative\",\n\t\twidth: \"100%\",\n\t\tzIndex: 1\n\t}\n}));\n\nconst Animation = ({ animationID, data, lang, layoutVariant }) => {\n\tconst { REACT_APP_PATH } = process.env;\n\tconst [active, setActive] = useState(false);\n\tconst css = useStyles();\n\n\tuseEffect(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetActive(true);\n\t\t}, 1500);\n\n\t\treturn () => clearTimeout(active);\n\t}, [active]);\n\n\tconst options = {\n\t\tmediaFormats: function () {\n\t\t\tif (layoutVariant === \"fullscreen\")\n\t\t\t\treturn { xs: \"animation-theme-mobile\", sm: \"animation-theme\" };\n\t\t\treturn { xs: \"animation-mobile\", sm: \"animation\" };\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{data?.items ? (\n\t\t\t\t\t}>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{animationID && (\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t
\n\t\t\n\t);\n};\n\nexport default Animation;\n"],"names":["ReactAnimation01","lazy","useStyles","makeStyles","theme","from","transform","to","root","height","maxHeight","position","display","rootFullscreen","animation","alignItems","flexDirection","justifyContent","padding","spacing","textAlign","breakpoints","up","typography","h1","color","palette","text","secondary","opacity","textShadow","transition","maxWidth","h5","marginTop","backgroundImage","content","marginBottom","width","zIndex","background","left","pointerEvents","top","bottom","active","animationID","data","lang","layoutVariant","useState","setActive","css","useEffect","setTimeout","clearTimeout","options","xs","sm","className","clsx","items","Suspense","fallback","absoluteMediaURLs","mediaFormats","webpFallback","api","process","id"],"sourceRoot":""}