ngx-gem-spaas
Version:
This library contains services, components, images and styles to provide a unified look and way-of-working throughout GEM SPaaS.
27 lines • 6.11 kB
JavaScript
import { Component } from '@angular/core';
import { takeUntil } from 'rxjs/operators';
import { BaseComponent } from "../base/base.component";
import * as i0 from "@angular/core";
import * as i1 from "../_services/preloader.service";
import * as i2 from "@angular/material/progress-bar";
export class PreloaderComponent extends BaseComponent {
constructor(preloaderService) {
super();
this.preloaderService = preloaderService;
this.isActive = false;
this.mostRecent = '';
this.preloaderService.onNewPreloaderMsg()
.pipe(takeUntil(this.onDestroy$))
.subscribe((msgs) => {
this.isActive = msgs.length > 0;
this.mostRecent = msgs[msgs.length - 1] || '';
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PreloaderComponent, deps: [{ token: i1.PreloaderService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PreloaderComponent, selector: "spaas-preloader", usesInheritance: true, ngImport: i0, template: "@if (isActive) {\r\n <div class=\"preloader\">\r\n <mat-progress-bar [mode]=\"'indeterminate'\" class=\"preloader__progbar\">\r\n </mat-progress-bar>\r\n <div class=\"preloader__text\">\r\n {{ mostRecent }}\r\n </div>\r\n </div>\r\n}\r\n", styles: [".preloader{animation:anim-visible 0s ease forwards;background:hsla(var(--bg-h),var(--bg-s),var(--bg-l),var(--bg-op-overlay));cursor:wait;height:100%;left:0;opacity:0;visibility:hidden;position:fixed;top:0;width:100vw;z-index:9996}.preloader__text{background-color:hsla(var(--bg-h),var(--bg-s),var(--bg-l),1);color:hsla(var(--color-h),var(--color-s),var(--color-l),1);font-family:BebasNeue,Lato,Arial,sans-serif;font-size:24px;margin:14px auto;padding:14px;text-align:center;width:fit-content}.preloader__progbar{left:0;position:fixed;top:0;width:100%}\n"], dependencies: [{ kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PreloaderComponent, decorators: [{
type: Component,
args: [{ selector: 'spaas-preloader', template: "@if (isActive) {\r\n <div class=\"preloader\">\r\n <mat-progress-bar [mode]=\"'indeterminate'\" class=\"preloader__progbar\">\r\n </mat-progress-bar>\r\n <div class=\"preloader__text\">\r\n {{ mostRecent }}\r\n </div>\r\n </div>\r\n}\r\n", styles: [".preloader{animation:anim-visible 0s ease forwards;background:hsla(var(--bg-h),var(--bg-s),var(--bg-l),var(--bg-op-overlay));cursor:wait;height:100%;left:0;opacity:0;visibility:hidden;position:fixed;top:0;width:100vw;z-index:9996}.preloader__text{background-color:hsla(var(--bg-h),var(--bg-s),var(--bg-l),1);color:hsla(var(--color-h),var(--color-s),var(--color-l),1);font-family:BebasNeue,Lato,Arial,sans-serif;font-size:24px;margin:14px auto;padding:14px;text-align:center;width:fit-content}.preloader__progbar{left:0;position:fixed;top:0;width:100%}\n"] }]
}], ctorParameters: () => [{ type: i1.PreloaderService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1nZW0tc3BhYXMvc3JjL3ByZWxvYWRlci9wcmVsb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWdlbS1zcGFhcy9zcmMvcHJlbG9hZGVyL3ByZWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFRckQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGFBQWE7SUFLbkQsWUFDVSxnQkFBa0M7UUFFMUMsS0FBSyxFQUFFLENBQUM7UUFGQSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBSjVDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQU1kLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFBaUIsRUFBRTthQUN0QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUNoQyxTQUFTLENBQ1IsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNQLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7WUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEQsQ0FBQyxDQUNGLENBQUM7SUFDTixDQUFDOytHQWpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4RUNYL0Isa1FBU0E7OzRGREVhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UHJlbG9hZGVyU2VydmljZX0gZnJvbSAnLi4vX3NlcnZpY2VzL3ByZWxvYWRlci5zZXJ2aWNlJztcclxuaW1wb3J0IHt0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHtCYXNlQ29tcG9uZW50fSBmcm9tIFwiLi4vYmFzZS9iYXNlLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzcGFhcy1wcmVsb2FkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmVsb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ByZWxvYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgUHJlbG9hZGVyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XHJcblxyXG4gIGlzQWN0aXZlID0gZmFsc2U7XHJcbiAgbW9zdFJlY2VudCA9ICcnO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcHJlbG9hZGVyU2VydmljZTogUHJlbG9hZGVyU2VydmljZSxcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICB0aGlzLnByZWxvYWRlclNlcnZpY2Uub25OZXdQcmVsb2FkZXJNc2coKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZShcclxuICAgICAgICAobXNncykgPT4ge1xyXG4gICAgICAgICAgdGhpcy5pc0FjdGl2ZSA9IG1zZ3MubGVuZ3RoID4gMDtcclxuICAgICAgICAgIHRoaXMubW9zdFJlY2VudCA9IG1zZ3NbbXNncy5sZW5ndGggLSAxXSB8fCAnJztcclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCJAaWYgKGlzQWN0aXZlKSB7XHJcbiAgPGRpdiBjbGFzcz1cInByZWxvYWRlclwiPlxyXG4gICAgPG1hdC1wcm9ncmVzcy1iYXIgW21vZGVdPVwiJ2luZGV0ZXJtaW5hdGUnXCIgY2xhc3M9XCJwcmVsb2FkZXJfX3Byb2diYXJcIj5cclxuICAgIDwvbWF0LXByb2dyZXNzLWJhcj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcmVsb2FkZXJfX3RleHRcIj5cclxuICAgICAge3sgbW9zdFJlY2VudCB9fVxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbn1cclxuIl19