{"__symbolic":"module","version":4,"metadata":{"LoadingOverlayService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ngInjectableDef":{}}},"LoadingOverlayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"kollers-loading-overlay","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<section class=\"overlay\" *ngIf=\"isRouting$ | async\">\r\n  <div class=\"loader\">\r\n    <svg class=\"circular\" viewBox=\"25 25 50 50\">\r\n      <circle class=\"path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"2\" stroke=\"#1fb8b2\"\r\n        stroke-miterlimit=\"10\" />\r\n    </svg>\r\n  </div>\r\n</section>\r\n","styles":[".overlay{background:rgba(0,0,0,.7);position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;-webkit-animation:.5s fadein;animation:.5s fadein}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.loader{position:absolute;margin:-50px auto 0 -50px;width:100px;height:100px;left:50%;top:50%}.loader:before{content:\"\";display:block;padding-top:100%}.filler{flex:1 1 auto}.circular{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate;height:100%;-webkit-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:1.5s ease-in-out infinite dash,2s ease-in-out infinite color;animation:1.5s ease-in-out infinite dash,2s ease-in-out infinite color;stroke-linecap:round}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes color{0%,100%{stroke:#1fb8b2}50%{stroke:#fff}}@keyframes color{0%,100%{stroke:#1fb8b2}50%{stroke:#fff}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LoadingOverlayService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":18,"character":21}]}],"_setup":[{"__symbolic":"method"}]}},"LoadingOverlayModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoadingOverlayComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"LoadingOverlayComponent"}]}]}],"members":{}}},"origins":{"LoadingOverlayService":"./lib/loading-overlay.service","LoadingOverlayComponent":"./lib/loading-overlay.component","LoadingOverlayModule":"./lib/loading-overlay.module"},"importAs":"@mkollers/loading-overlay"}