@neocomplexx/ngx-neo-loader
Version:
55 lines • 8.01 kB
JavaScript
import { Component } from '@angular/core';
import { NgxNeoLoaderService } from './ngx-neo-loader.service';
import * as i0 from "@angular/core";
import * as i1 from "./ngx-neo-loader.service";
import * as i2 from "@angular/common";
function LoaderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div");
i0.ɵɵelementStart(1, "div", 1);
i0.ɵɵelementStart(2, "div");
i0.ɵɵelementStart(3, "div", 2);
i0.ɵɵnamespaceSVG();
i0.ɵɵelementStart(4, "svg", 3);
i0.ɵɵelement(5, "circle", 4);
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} }
export class LoaderComponent {
constructor(loaderService) {
this.loaderService = loaderService;
this.show_loading = false;
}
ngOnInit() {
this.subscription = this.loaderService.loaderState
.subscribe((state) => {
this.show_loading = state.showLoading;
// if (state.showLoading == true){
// this.startLoading();
// }
// if (state.showLoading == false){
// this.stopLoading();
// }
});
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
}
/** @nocollapse */ LoaderComponent.ɵfac = function LoaderComponent_Factory(t) { return new (t || LoaderComponent)(i0.ɵɵdirectiveInject(i1.NgxNeoLoaderService)); };
/** @nocollapse */ LoaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["neo-app-loader"]], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "loader-container"], [1, "loader"], ["viewBox", "25 25 50 50", 1, "circular"], ["cx", "50", "cy", "50", "r", "20", "fill", "none", "stroke-width", "2", "stroke-miterlimit", "10", 1, "path"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, LoaderComponent_div_0_Template, 6, 0, "div", 0);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.show_loading);
} }, directives: [i2.NgIf], styles: [".loader-container[_ngcontent-%COMP%]{width:100vw!important;height:100vh!important;position:fixed!important;overflow:hidden!important;display:flex!important;z-index:10000!important}.loader-container[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{margin:auto}.loader[_ngcontent-%COMP%]{position:relative;width:7rem;margin:0 auto .5rem}.loader[_ngcontent-%COMP%]:before{content:\"\";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:rgba(0,0,0,.35)!important;-webkit-animation:1.5s ease-in-out infinite dash;animation:1.5s ease-in-out infinite dash;stroke-linecap:round}@-webkit-keyframes rotate{100%{transform:rotate(360deg)}}@keyframes rotate{100%{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}}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(LoaderComponent, [{
type: Component,
args: [{
selector: 'neo-app-loader',
templateUrl: 'ngx-neo-loader.component.html',
styleUrls: ['ngx-neo-loader.component.scss']
}]
}], function () { return [{ type: i1.NgxNeoLoaderService }]; }, null); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW5lby1sb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5lb2NvbXBsZXh4L25neC1uZW8tbG9hZGVyLyIsInNvdXJjZXMiOlsibGliL25neC1uZW8tbG9hZGVyLmNvbXBvbmVudC50cyIsImxpYi9uZ3gtbmVvLWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUU3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7SUNGL0QsMkJBQ0c7SUFBQSw4QkFDQztJQUFBLDJCQUNFO0lBQUEsOEJBQ0U7SUFBQSxtQkFDRTtJQURGLDhCQUNFO0lBQUEsNEJBQ0Y7SUFBQSxpQkFBTTtJQUNSLGlCQUFNO0lBQ1IsaUJBQU07SUFDUixpQkFBTTtJQUNSLGlCQUFNOztBREFOLE1BQU0sT0FBTyxlQUFlO0lBTXhCLFlBQW1CLGFBQWtDO1FBQWxDLGtCQUFhLEdBQWIsYUFBYSxDQUFxQjtRQUo5QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztJQUk2QixDQUFDO0lBRTFELFFBQVE7UUFDSixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVzthQUM3QyxTQUFTLENBQUMsQ0FBQyxLQUFrQixFQUFFLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDO1lBQ3RDLGtDQUFrQztZQUNsQyx5QkFBeUI7WUFDekIsSUFBSTtZQUNKLG1DQUFtQztZQUNuQyx3QkFBd0I7WUFDeEIsSUFBSTtRQUNSLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BDLENBQUM7O2lHQXZCUSxlQUFlO3VFQUFmLGVBQWU7UUNWNUIsZ0VBQ0c7O1FBREUsdUNBQW9COztrRERVWixlQUFlO2NBTDNCLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixXQUFXLEVBQUUsK0JBQStCO2dCQUM1QyxTQUFTLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQzthQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IE5neE5lb0xvYWRlclNlcnZpY2UgfSBmcm9tICcuL25neC1uZW8tbG9hZGVyLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBMb2FkZXJTdGF0ZSB9IGZyb20gJy4vbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZW8tYXBwLWxvYWRlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJ25neC1uZW8tbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWyduZ3gtbmVvLWxvYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcblxyXG4gICAgcHVibGljIHNob3dfbG9hZGluZyA9IGZhbHNlO1xyXG5cclxuICAgIHByaXZhdGUgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XHJcblxyXG4gICAgY29uc3RydWN0b3IocHVibGljIGxvYWRlclNlcnZpY2U6IE5neE5lb0xvYWRlclNlcnZpY2UpIHsgfVxyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5sb2FkZXJTZXJ2aWNlLmxvYWRlclN0YXRlXHJcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKHN0YXRlOiBMb2FkZXJTdGF0ZSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5zaG93X2xvYWRpbmcgPSBzdGF0ZS5zaG93TG9hZGluZztcclxuICAgICAgICAgICAgICAgIC8vIGlmIChzdGF0ZS5zaG93TG9hZGluZyA9PSB0cnVlKXtcclxuICAgICAgICAgICAgICAgIC8vICAgdGhpcy5zdGFydExvYWRpbmcoKTtcclxuICAgICAgICAgICAgICAgIC8vIH1cclxuICAgICAgICAgICAgICAgIC8vIGlmIChzdGF0ZS5zaG93TG9hZGluZyA9PSBmYWxzZSl7XHJcbiAgICAgICAgICAgICAgICAvLyAgIHRoaXMuc3RvcExvYWRpbmcoKTtcclxuICAgICAgICAgICAgICAgIC8vIH1cclxuICAgICAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBzdGFydExvYWRpbmcoKTogdm9pZHtcclxuICAgICAgLy8gYXdhaXQgd2luZG93LmFsZXJ0KCdzdGFydExvYWRpbmcgRk4nKTtcclxuICAgICAgLy8gdGhpcy5zaG93X2xvYWRpbmcgPSB0cnVlO1xyXG4gICAgICAvLyB0aGlzLnNob3dfbG9hZGluZyA9ICF0aGlzLnNob3dfbG9hZGluZztcclxuICAgICAgLy8gaWYgKHRoaXMuc2hvd19sb2FkaW5nID09PSB0cnVlKXsgYXdhaXQgd2luZG93LmFsZXJ0KCd0aGlzLnNob3dfbG9hZGluZyBlcyBUUlVFJyl9XHJcbiAgICAvLyB9XHJcblxyXG4gICAgLy8gc3RvcExvYWRpbmcoKTogdm9pZHtcclxuICAgICAgLy8gYXdhaXQgd2luZG93LmFsZXJ0KCdzdG9wTG9hZGluZyBGTicpO1xyXG4gICAgICAvLyB0aGlzLnNob3dfbG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICAvLyB0aGlzLnNob3dfbG9hZGluZyA9ICF0aGlzLnNob3dfbG9hZGluZztcclxuICAgICAgLy8gaWYgKHRoaXMuc2hvd19sb2FkaW5nID09PSBmYWxzZSl7IGF3YWl0IHdpbmRvdy5hbGVydCgndGhpcy5zaG93X2xvYWRpbmcgZXMgRkFMU0UnKX1cclxuICAgIC8vIH1cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwic2hvd19sb2FkaW5nXCI+XHJcbiAgIDxkaXYgY2xhc3M9XCJsb2FkZXItY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibG9hZGVyXCI+XHJcbiAgICAgICAgPHN2ZyBjbGFzcz1cImNpcmN1bGFyXCIgdmlld0JveD1cIjI1IDI1IDUwIDUwXCI+XHJcbiAgICAgICAgICA8Y2lyY2xlIGNsYXNzPVwicGF0aFwiIGN4PVwiNTBcIiBjeT1cIjUwXCIgcj1cIjIwXCIgZmlsbD1cIm5vbmVcIiBzdHJva2Utd2lkdGg9XCIyXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiLz5cclxuICAgICAgICA8L3N2Zz5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==