@rxdi/ui-components/src/loading-screen/client/dist/loading-screen.component.js

UI Components for building graphql-server website

parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"/LNH":[function(require,module,exports) {
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});class n extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"}),t=document.createElement("div");t.id="loader",t.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.append(t)}}exports.LoadingScreenComponent=n,customElements.define("loading-screen-component",n);
},{}]},{},["/LNH"], null)
//# sourceMappingURL=/loading-screen.component.js.map