rj-spinner/rj-spinner.metadata.json

This library was generated with https://github.com/angular/angular-cli version 9.1.13.

{"__symbolic":"module","version":4,"metadata":{"RjSpinnerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"RjSpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"rj-spinner","template":"<div class=\"spinner-main\" *ngIf=\"showSpinner\">\n  <div class=\"spinner\"></div></div>\n  ","styles":["body {\n      margin:0;\n      padding:0;\n    }\n    .spinner-main {\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      position: absolute;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #0000001c;\n    }\n    .spinner {\n      width: 40px;\n      height: 40px;\n      background-color: #333;\n    \n      margin: 100px auto;\n      -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\n      animation: sk-rotateplane 1.2s infinite ease-in-out;\n    }\n    \n    @-webkit-keyframes sk-rotateplane {\n      0% { -webkit-transform: perspective(120px) }\n      50% { -webkit-transform: perspective(120px) rotateY(180deg) }\n      100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }\n    }\n    \n    @keyframes sk-rotateplane {\n      0% { \n        transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) \n      } 50% { \n        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) \n      } 100% { \n        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n      }\n    }"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RjSpinnerService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"RjSpinnerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RjSpinnerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"RjSpinnerComponent"}]}]}],"members":{}}},"origins":{"RjSpinnerService":"./lib/rj-spinner.service","RjSpinnerComponent":"./lib/rj-spinner.component","RjSpinnerModule":"./lib/rj-spinner.module"},"importAs":"rj-spinner"}