{"version":3,"file":"static/js/2157.12e2c738.chunk.js","mappings":"sNAEA,MAuCA,GAvCeA,E,SAAAA,IAAWC,IAAK,CAC9B,kBAAmB,CAClB,KAAM,CACLC,KAAM,GAEP,MAAO,CACNA,MAAO,GAER,OAAQ,CACPA,KAAM,IAGRC,aAAc,CACbC,WAAY,SACZC,OAAQ,UACRC,MAAO,UACPC,QAAS,OACTC,UAAW,iBACX,UAAW,CACVC,SAAU,iBACVC,cAAe,oBACfC,WAAY,EACZC,YAAa,GACbC,SAAU,YAEX,WAAY,CACXC,WAAY,wBACZC,OAAQ,MACRC,QAAS,KACTC,OAAQ,EACRf,KAAM,EACNgB,UAAW,sBACXC,aAAc,SACdN,SAAU,WACVO,MAAO,S,eC1BV,MAAMC,GAAaC,EAAAA,EAAAA,KAAS,IAAM,kCA6BlC,EA3BqBC,IAAe,IAAd,KAAEC,GAAMD,EAC7B,MAAME,EAAMC,IACNC,GAAIC,EAAAA,EAAAA,SAAU,CACnBJ,KAAMA,EACNK,IAAK,CACJC,GAAIC,EACJC,GAAIC,KASN,OACCC,EAAAA,EAAAA,KAAA,OACCC,WAAWC,EAAAA,EAAAA,SAAKX,EAAItB,aAAc,2CAClCkC,QARmBC,KACCC,SAASC,cAAc,iBAC/BC,eAAe,CAAEC,MAAO,QAASC,SAAU,UAAW,EAM5CC,UAEtBV,EAAAA,EAAAA,KAACb,EAAU,CAACwB,QAAQ,cAAaD,UAChCV,EAAAA,EAAAA,KAACY,EAAAA,QAAK,CAACC,WAAW,mBAAmBpB,EAAGA,OAEpC,C","sources":["components/views/Header/ScrollBottom/ScrollBottom.styles.js","components/views/Header/ScrollBottom/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\n\nconst styles = makeStyles(theme => ({\n\t\"@keyframes move\": {\n\t\t\"0%\": {\n\t\t\tleft: 0\n\t\t},\n\t\t\"50%\": {\n\t\t\tleft: -8\n\t\t},\n\t\t\"100%\": {\n\t\t\tleft: 0\n\t\t}\n\t},\n\tscrollBottom: {\n\t\talignItems: \"center\",\n\t\tcursor: \"pointer\",\n\t\tcolor: \"#FFFFFF\",\n\t\tdisplay: \"flex\",\n\t\ttransform: \"rotate(-90deg)\",\n\t\t\"& > div\": {\n\t\t\tfontSize: \"9px !important\",\n\t\t\tletterSpacing: \"0.25em !important\",\n\t\t\tlineHeight: 1,\n\t\t\tpaddingLeft: 67,\n\t\t\tposition: \"relative\"\n\t\t},\n\t\t\"&::after\": {\n\t\t\tbackground: \"rgba(255,255,255,0.8)\",\n\t\t\tbottom: \"50%\",\n\t\t\tcontent: \"''\",\n\t\t\theight: 1,\n\t\t\tleft: 0,\n\t\t\tanimation: \"$move 2.5s infinite\",\n\t\t\tmarginBottom: \"-0.5px\",\n\t\t\tposition: \"absolute\",\n\t\t\twidth: 55\n\t\t}\n\t}\n}));\n\nexport default styles;\n","import React from \"react\";\nimport loadable from \"@loadable/component\";\nimport clsx from \"clsx\";\nimport useLocals from \"@micado-digital/react-ui/hooks/useLocals\";\nimport Local from \"@Local\";\nimport localDE from \"@localDE\";\nimport localEN from \"@localEN\";\n\nimport styles from \"./ScrollBottom.styles\";\n\nconst Typography = loadable(() => import(\"@micado-digital/react-ui/components/Typography\"));\n\nconst ScrollBottom = ({ lang }) => {\n\tconst css = styles();\n\tconst l = useLocals({\n\t\tlang: lang,\n\t\tres: {\n\t\t\tde: localDE,\n\t\t\ten: localEN\n\t\t}\n\t});\n\n\tconst handleScroll = () => {\n\t\tconst $mcoElements = document.querySelector(\".mco-elements\");\n\t\t$mcoElements.scrollIntoView({ block: \"start\", behavior: \"smooth\" });\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={clsx(css.scrollBottom, \"mco-view-component-header-scroll-bottom\")}\n\t\t\tonClick={handleScroll}\n\t\t>\n\t\t\t<Typography variant=\"title-small\">\n\t\t\t\t<Local identifier=\"animation.scroll\" l={l} />\n\t\t\t</Typography>\n\t\t</div>\n\t);\n};\n\nexport default ScrollBottom;\n"],"names":["makeStyles","theme","left","scrollBottom","alignItems","cursor","color","display","transform","fontSize","letterSpacing","lineHeight","paddingLeft","position","background","bottom","content","height","animation","marginBottom","width","Typography","loadable","_ref","lang","css","styles","l","useLocals","res","de","localDE","en","localEN","_jsx","className","clsx","onClick","handleScroll","document","querySelector","scrollIntoView","block","behavior","children","variant","Local","identifier"],"sourceRoot":""}