ss-loader
Version:
README.md
162 lines (155 loc) • 6.28 kB
JavaScript
import { Injectable, ɵɵdefineInjectable, Component, Input, NgModule } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
/**
* @fileoverview added by tsickle
* Generated from: lib/ss-loader.service.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class SsLoaderService {
constructor() {
this.status = new BehaviorSubject(false);
}
/**
* @param {?} value
* @return {?}
*/
display(value) {
this.status.next(value);
}
}
SsLoaderService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
SsLoaderService.ctorParameters = () => [];
/** @nocollapse */ SsLoaderService.ngInjectableDef = ɵɵdefineInjectable({ factory: function SsLoaderService_Factory() { return new SsLoaderService(); }, token: SsLoaderService, providedIn: "root" });
if (false) {
/** @type {?} */
SsLoaderService.prototype.status;
}
/**
* @fileoverview added by tsickle
* Generated from: lib/ss-loader.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class SsLoaderComponent {
/**
* @param {?} loaderService
*/
constructor(loaderService) {
this.loaderService = loaderService;
this.d_img = `data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik02NCA5Ljc1QTU0LjI1IDU0LjI1IDAgMCAwIDkuNzUgNjRIMGE2NCA2NCAwIDAgMSAxMjggMGgtOS43NUE1NC4yNSA1NC4yNSAwIDAgMCA2NCA5Ljc1eiIgZmlsbD0iIzA4MmZmNSIgZmlsbC1vcGFjaXR5PSIxIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNjQgNjQiIHRvPSIzNjAgNjQgNjQiIGR1cj0iMTAwMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=`;
this.d_color = '#0007';
this.d_gif_size = 100;
}
/**
* @return {?}
*/
ngOnInit() {
this.loaderService.status.subscribe((/**
* @param {?} val
* @return {?}
*/
(val) => {
if (this.imageUrl != undefined) {
this.d_img = this.imageUrl;
}
if (this.size != undefined) {
this.d_gif_size = this.size;
}
if (this.bgColor != undefined) {
this.d_color = this.bgColor;
}
this.showLoader = val;
}));
}
}
SsLoaderComponent.decorators = [
{ type: Component, args: [{
selector: 'ss-loader',
template: `
<div id="loading" class="loader" [ngStyle]="{'background': 'url(' + d_img + ') no-repeat center center','background-size':d_gif_size+'px', 'background-color':d_color}" *ngIf="showLoader"></div>
`,
styles: [`
#loading {
position: fixed;
width: 100%;
height: 100vh;
margin:0px !important;
// background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik02NCA5Ljc1QTU0LjI1IDU0LjI1IDAgMCAwIDkuNzUgNjRIMGE2NCA2NCAwIDAgMSAxMjggMGgtOS43NUE1NC4yNSA1NC4yNSAwIDAgMCA2NCA5Ljc1eiIgZmlsbD0iIzA4MmZmNSIgZmlsbC1vcGFjaXR5PSIxIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNjQgNjQiIHRvPSIzNjAgNjQgNjQiIGR1cj0iMTAwMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=') no-repeat center center;
// background-color: #0007;
// background-size: 10%;
background-position:center;
z-index: 9999;
cursor: progress;
}
body {
margin:0px !important;
}`]
}] }
];
/** @nocollapse */
SsLoaderComponent.ctorParameters = () => [
{ type: SsLoaderService }
];
SsLoaderComponent.propDecorators = {
imageUrl: [{ type: Input }],
size: [{ type: Input }],
bgColor: [{ type: Input }]
};
if (false) {
/** @type {?} */
SsLoaderComponent.prototype.imageUrl;
/** @type {?} */
SsLoaderComponent.prototype.size;
/** @type {?} */
SsLoaderComponent.prototype.bgColor;
/** @type {?} */
SsLoaderComponent.prototype.showLoader;
/** @type {?} */
SsLoaderComponent.prototype.d_img;
/** @type {?} */
SsLoaderComponent.prototype.d_color;
/** @type {?} */
SsLoaderComponent.prototype.d_gif_size;
/** @type {?} */
SsLoaderComponent.prototype.visible;
/**
* @type {?}
* @private
*/
SsLoaderComponent.prototype.loaderService;
}
/**
* @fileoverview added by tsickle
* Generated from: lib/ss-loader.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class SsLoaderModule {
}
SsLoaderModule.decorators = [
{ type: NgModule, args: [{
declarations: [SsLoaderComponent],
imports: [
CommonModule,
BrowserModule
],
exports: [SsLoaderComponent]
},] }
];
/**
* @fileoverview added by tsickle
* Generated from: public-api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: ss-loader.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { SsLoaderComponent, SsLoaderModule, SsLoaderService };
//# sourceMappingURL=ss-loader.js.map