{"version":3,"sources":["https://lively-kernel.org/lively4/lively4-jsx/src/client/reactive/components/rewritten/conduit/src/components/loading-spinner-rp19.js"],"names":["ReactiveMorph","style","LoadingSpinner","render"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEOA,mB;;;;;;;;;;;;;;;;;;;;;;;AAEP,YAAMC,QAAS,qUAAf;;;;;;;;;;;;;;;;;AAEe,YAAMC,cAAN,SAA6BF,aAA7B,CAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AACxDG,iBAAS;AACP,8EACa,iBADb,gHACsCF,KADtC,6IAGM;;;;;SAHN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYD;;AAduD;;AAAA;;yBAArCC,c","file":"loading-spinner-rp19.js","sourcesContent":["'enable rp19-jsx';\n\nimport ReactiveMorph from 'src/client/reactive/components/rewritten/conduit/rpComponents/reactiveMorph.js';\n\nconst style = `border-radius: 50%; width: 40px; height: 40px; margin: 90px auto; position: relative; border-top: 3px solid rgba(0, 0, 0, 0.1); border-right: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 3px solid rgba(0, 0, 0, 0.1); border-left: 3px solid #818a91; transform: translateZ(0); animation: loading-spinner 0.5s infinite linear;`;\n\nexport default class LoadingSpinner extends ReactiveMorph {\n  render() {\n    return (\n      <div class=\"loading-spinner\" style={style}>\n        <style>\n        {`\n        @keyframes loading-spinner {\n          0% { transform : rotate(0deg); }\n          100% { transform : rotate(360deg); }\n        }\n        `}\n        </style>\n      </div>\n    );\n  }\n}"]}