| 1 | {"version":3,"sources":["loading-screen/loading-screen.component.ts"],"names":[],"mappings":";AA+EA,aAAA,OAAA,eAAA,QAAA,aAAA,CAAA,OAAA,IA9EA,MAAa,UAA+B,YAC1C,cACE,QACM,MAAA,EAAS,KAAK,aAAa,CAAE,KAAM,SACnC,EAAU,SAAS,cAAc,OACvC,EAAQ,GAAK,SACb,EAAQ,UAAY,uiDAoEpB,EAAO,OAAO,IA1ElB,QAAA,uBAAA,EA8EA,eAAe,OAAO,2BAA4B","file":"loading-screen.component.91b6a21c.js","sourceRoot":"../src/app/client/application","sourcesContent":["\nexport class LoadingScreenComponent extends HTMLElement {\n constructor() {\n super();\n const shadow = this.attachShadow({ mode: 'open' });\n const element = document.createElement('div');\n element.id = 'loader';\n element.innerHTML = `\n <style>\n #loader {\n position: absolute;\n left: 50%;\n top: 50%;\n z-index: 1;\n width: 150px;\n height: 150px;\n margin: -75px 0 0 -75px;\n border: 16px solid #f3f3f3;\n border-radius: 50%;\n border-top: 16px solid #3498db;\n width: 120px;\n height: 120px;\n -webkit-animation: spin 2s linear infinite;\n animation: spin 2s linear infinite;\n }\n @-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .animate-bottom {\n position: relative;\n -webkit-animation-name: animatebottom;\n -webkit-animation-duration: 1s;\n animation-name: animatebottom;\n animation-duration: 1s;\n }\n\n @-webkit-keyframes animatebottom {\n from {\n bottom: -100px;\n opacity: 0;\n }\n to {\n bottom: 0px;\n opacity: 1;\n }\n }\n\n @keyframes animatebottom {\n from {\n bottom: -100px;\n opacity: 0;\n }\n to {\n bottom: 0;\n opacity: 1;\n }\n }\n\n </style>\n `;\n shadow.append(element);\n }\n}\n\ncustomElements.define('loading-screen-component', LoadingScreenComponent);\n"]} |