sf-loading 12.0.0 → 12.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/sf-loading.umd.js +14 -8
- package/bundles/sf-loading.umd.js.map +1 -1
- package/esm2015/lib/sf-loading.component.js +6 -3
- package/esm2015/lib/sf-loading.module.js +5 -1
- package/fesm2015/sf-loading.js +9 -2
- package/fesm2015/sf-loading.js.map +1 -1
- package/lib/sf-loading.component.d.ts +3 -2
- package/lib/sf-loading.module.d.ts +3 -2
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('primeng/progressspinner'), require('@angular/common'), require('primeng/blockui')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('sf-loading', ['exports', '@angular/core', 'primeng/progressspinner', '@angular/common', 'primeng/blockui'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["sf-loading"] = {}, global.ng.core, global.i1, global.ng.common, global.blockui));
|
|
5
|
-
})(this, (function (exports, i0, i1, i2, blockui) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('primeng/progressspinner'), require('primeng/progressbar'), require('@angular/common'), require('primeng/blockui')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('sf-loading', ['exports', '@angular/core', 'primeng/progressspinner', 'primeng/progressbar', '@angular/common', 'primeng/blockui'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["sf-loading"] = {}, global.ng.core, global.i1, global.i2, global.ng.common, global.blockui));
|
|
5
|
+
})(this, (function (exports, i0, i1, i2, i3, blockui) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
26
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
27
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
28
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
28
29
|
|
|
29
30
|
var SfLoadingComponent = /** @class */ (function () {
|
|
30
31
|
function SfLoadingComponent() {
|
|
@@ -52,7 +53,7 @@
|
|
|
52
53
|
return SfLoadingComponent;
|
|
53
54
|
}());
|
|
54
55
|
SfLoadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
55
|
-
SfLoadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfLoadingComponent, selector: "sf-loading", inputs: { target: "target", texto: "texto", logo: "logo", enProceso: "enProceso" }, viewQueries: [{ propertyName: "block", first: true, predicate: ["block"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n", styles: [".full-width{width:100%;height:100%;position:fixed;z-index:9999}.blocking-overlay{position:
|
|
56
|
+
SfLoadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfLoadingComponent, selector: "sf-loading", inputs: { target: "target", progress: "progress", texto: "texto", logo: "logo", enProceso: "enProceso" }, viewQueries: [{ propertyName: "block", first: true, predicate: ["block"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n <p-progressBar *ngIf=\"progress !== undefined\" [value]=\"progress\" [style]=\"{'height': '20px', 'width': '50vw'}\"></p-progressBar>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n", styles: [".full-width{width:100%;height:100%;position:fixed;z-index:9999}.blocking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#9e9797cc;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.blocking-overlay>p{font-size:1.5rem;text-align:center;max-width:80%}img.icon-block{width:10%;animation:rotation 1.3s infinite linear}@media screen and (max-width: 765px){img.icon-block{width:25vw}::ng-deep .p-dialog-mask .p-dialog{max-width:95vw}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], components: [{ type: i1__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { type: i2__namespace.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "style", "styleClass", "unit", "mode"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
56
57
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingComponent, decorators: [{
|
|
57
58
|
type: i0.Component,
|
|
58
59
|
args: [{
|
|
@@ -62,6 +63,8 @@
|
|
|
62
63
|
}]
|
|
63
64
|
}], ctorParameters: function () { return []; }, propDecorators: { target: [{
|
|
64
65
|
type: i0.Input
|
|
66
|
+
}], progress: [{
|
|
67
|
+
type: i0.Input
|
|
65
68
|
}], texto: [{
|
|
66
69
|
type: i0.Input
|
|
67
70
|
}], logo: [{
|
|
@@ -81,11 +84,13 @@
|
|
|
81
84
|
SfLoadingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
82
85
|
SfLoadingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [blockui.BlockUIModule,
|
|
83
86
|
i1.ProgressSpinnerModule,
|
|
84
|
-
i2.
|
|
87
|
+
i2.ProgressBarModule,
|
|
88
|
+
i3.CommonModule], exports: [SfLoadingComponent] });
|
|
85
89
|
SfLoadingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, imports: [[
|
|
86
90
|
blockui.BlockUIModule,
|
|
87
91
|
i1.ProgressSpinnerModule,
|
|
88
|
-
i2.
|
|
92
|
+
i2.ProgressBarModule,
|
|
93
|
+
i3.CommonModule
|
|
89
94
|
]] });
|
|
90
95
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, decorators: [{
|
|
91
96
|
type: i0.NgModule,
|
|
@@ -96,7 +101,8 @@
|
|
|
96
101
|
imports: [
|
|
97
102
|
blockui.BlockUIModule,
|
|
98
103
|
i1.ProgressSpinnerModule,
|
|
99
|
-
i2.
|
|
104
|
+
i2.ProgressBarModule,
|
|
105
|
+
i3.CommonModule
|
|
100
106
|
],
|
|
101
107
|
exports: [
|
|
102
108
|
SfLoadingComponent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sf-loading.umd.js","sources":["../../../projects/sf-loading/src/lib/sf-loading.component.ts","../../../projects/sf-loading/src/lib/sf-loading.compontent.html","../../../projects/sf-loading/src/lib/sf-loading.module.ts","../../../projects/sf-loading/src/public-api.ts","../../../projects/sf-loading/src/sf-loading.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Input, OnChanges, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sf-loading',\r\n templateUrl: 'sf-loading.compontent.html',\r\n styleUrls: ['sf-loading.component.css']\r\n})\r\nexport class SfLoadingComponent implements AfterViewInit, OnChanges{\r\n\r\n
|
|
1
|
+
{"version":3,"file":"sf-loading.umd.js","sources":["../../../projects/sf-loading/src/lib/sf-loading.component.ts","../../../projects/sf-loading/src/lib/sf-loading.compontent.html","../../../projects/sf-loading/src/lib/sf-loading.module.ts","../../../projects/sf-loading/src/public-api.ts","../../../projects/sf-loading/src/sf-loading.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Input, OnChanges, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sf-loading',\r\n templateUrl: 'sf-loading.compontent.html',\r\n styleUrls: ['sf-loading.component.css']\r\n})\r\nexport class SfLoadingComponent implements AfterViewInit, OnChanges{\r\n\r\n @Input() target:HTMLElement|undefined;\r\n @Input() progress?: number;\r\n @Input() texto: string | undefined;\r\n\r\n @Input() logo: string | undefined;\r\n\r\n @Input() enProceso = false;\r\n\r\n @ViewChild('block') block!: ElementRef<HTMLElement>;\r\n\r\n private prevPosition: string | undefined;\r\n\r\n\r\n constructor(){}\r\n\r\n ngOnChanges(): void {\r\n if (this.block) this.ngAfterViewInit()\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (this.enProceso){\r\n if (this.target){\r\n this.target.style.position = \"relative\";\r\n (this.target as Node).appendChild(this.block.nativeElement)\r\n }\r\n }else {\r\n if (this.target) {\r\n const hasBlockChild = (this.target as Node).contains(this.block.nativeElement);\r\n if (hasBlockChild) (this.target as Node).removeChild(this.block.nativeElement)\r\n }\r\n }\r\n }\r\n}\r\n","<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n <p-progressBar *ngIf=\"progress !== undefined\" [value]=\"progress\" [style]=\"{'height': '20px', 'width': '50vw'}\"></p-progressBar>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { SfLoadingComponent } from './sf-loading.component';\r\nimport { BlockUIModule } from 'primeng/blockui';\r\nimport { ProgressSpinnerModule } from 'primeng/progressspinner';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ProgressBarModule } from 'primeng/progressbar';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n SfLoadingComponent\r\n ],\r\n imports: [\r\n BlockUIModule\r\n ,ProgressSpinnerModule\r\n ,ProgressBarModule\r\n ,CommonModule\r\n ],\r\n exports: [\r\n SfLoadingComponent\r\n ]\r\n})\r\nexport class SfLoadingModule { }\r\n","/*\r\n * Public API Surface of sf-loading\r\n */\r\n\r\nexport * from './lib/sf-loading.component';\r\nexport * from './lib/sf-loading.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","i1","i2","i3","Component","Input","ViewChild","BlockUIModule","ProgressSpinnerModule","ProgressBarModule","CommonModule","NgModule"],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "primeng/progressspinner";
|
|
4
|
-
import * as i2 from "
|
|
4
|
+
import * as i2 from "primeng/progressbar";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
5
6
|
export class SfLoadingComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.enProceso = false;
|
|
@@ -27,7 +28,7 @@ export class SfLoadingComponent {
|
|
|
27
28
|
}
|
|
28
29
|
}
|
|
29
30
|
SfLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
SfLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfLoadingComponent, selector: "sf-loading", inputs: { target: "target", texto: "texto", logo: "logo", enProceso: "enProceso" }, viewQueries: [{ propertyName: "block", first: true, predicate: ["block"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n", styles: [".full-width{width:100%;height:100%;position:fixed;z-index:9999}.blocking-overlay{position:
|
|
31
|
+
SfLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfLoadingComponent, selector: "sf-loading", inputs: { target: "target", progress: "progress", texto: "texto", logo: "logo", enProceso: "enProceso" }, viewQueries: [{ propertyName: "block", first: true, predicate: ["block"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n <p-progressBar *ngIf=\"progress !== undefined\" [value]=\"progress\" [style]=\"{'height': '20px', 'width': '50vw'}\"></p-progressBar>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n", styles: [".full-width{width:100%;height:100%;position:fixed;z-index:9999}.blocking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#9e9797cc;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.blocking-overlay>p{font-size:1.5rem;text-align:center;max-width:80%}img.icon-block{width:10%;animation:rotation 1.3s infinite linear}@media screen and (max-width: 765px){img.icon-block{width:25vw}::ng-deep .p-dialog-mask .p-dialog{max-width:95vw}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], components: [{ type: i1.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { type: i2.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "style", "styleClass", "unit", "mode"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
31
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, decorators: [{
|
|
32
33
|
type: Component,
|
|
33
34
|
args: [{
|
|
@@ -37,6 +38,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
37
38
|
}]
|
|
38
39
|
}], ctorParameters: function () { return []; }, propDecorators: { target: [{
|
|
39
40
|
type: Input
|
|
41
|
+
}], progress: [{
|
|
42
|
+
type: Input
|
|
40
43
|
}], texto: [{
|
|
41
44
|
type: Input
|
|
42
45
|
}], logo: [{
|
|
@@ -47,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
47
50
|
type: ViewChild,
|
|
48
51
|
args: ['block']
|
|
49
52
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2YtbG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZi1sb2FkaW5nL3NyYy9saWIvc2YtbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZi1sb2FkaW5nL3NyYy9saWIvc2YtbG9hZGluZy5jb21wb250ZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQWMsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPbEcsTUFBTSxPQUFPLGtCQUFrQjtJQWU3QjtRQVBTLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFPYixDQUFDO0lBRWYsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLEtBQUs7WUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDeEMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUM7WUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFDO2dCQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7Z0JBQ3ZDLElBQUksQ0FBQyxNQUFlLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUE7YUFDNUQ7U0FDRjthQUFLO1lBQ0osSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO2dCQUNmLE1BQU0sYUFBYSxHQUFJLElBQUksQ0FBQyxNQUFlLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQy9FLElBQUksYUFBYTtvQkFBRyxJQUFJLENBQUMsTUFBZSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFBO2FBQy9FO1NBQ0Y7SUFDSCxDQUFDOztnSEFqQ1Usa0JBQWtCO29HQUFsQixrQkFBa0IsaVJDUC9CLDBnQkFTQTs0RkRGYSxrQkFBa0I7a0JBTDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSw0QkFBNEI7b0JBQ3pDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN4QzswRUFHVSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRWMsS0FBSztzQkFBeEIsU0FBUzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2YtbG9hZGluZycsXHJcbiAgdGVtcGxhdGVVcmw6ICdzZi1sb2FkaW5nLmNvbXBvbnRlbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ3NmLWxvYWRpbmcuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZkxvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXN7XHJcblxyXG4gIEBJbnB1dCgpIHRhcmdldDpIVE1MRWxlbWVudHx1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgcHJvZ3Jlc3M/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgdGV4dG86IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuXHJcbiAgQElucHV0KCkgbG9nbzogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG5cclxuICBASW5wdXQoKSBlblByb2Nlc28gPSBmYWxzZTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnYmxvY2snKSBibG9jayE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xyXG5cclxuICBwcml2YXRlIHByZXZQb3NpdGlvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG5cclxuXHJcbiAgY29uc3RydWN0b3IoKXt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuYmxvY2spIHRoaXMubmdBZnRlclZpZXdJbml0KClcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmVuUHJvY2Vzbyl7XHJcbiAgICAgIGlmICh0aGlzLnRhcmdldCl7XHJcbiAgICAgICAgdGhpcy50YXJnZXQuc3R5bGUucG9zaXRpb24gPSBcInJlbGF0aXZlXCI7XHJcbiAgICAgICAgKHRoaXMudGFyZ2V0IGFzIE5vZGUpLmFwcGVuZENoaWxkKHRoaXMuYmxvY2submF0aXZlRWxlbWVudClcclxuICAgICAgfVxyXG4gICAgfWVsc2Uge1xyXG4gICAgICBpZiAodGhpcy50YXJnZXQpIHtcclxuICAgICAgICBjb25zdCBoYXNCbG9ja0NoaWxkID0gKHRoaXMudGFyZ2V0IGFzIE5vZGUpLmNvbnRhaW5zKHRoaXMuYmxvY2submF0aXZlRWxlbWVudCk7XHJcbiAgICAgICAgaWYgKGhhc0Jsb2NrQ2hpbGQpICh0aGlzLnRhcmdldCBhcyBOb2RlKS5yZW1vdmVDaGlsZCh0aGlzLmJsb2NrLm5hdGl2ZUVsZW1lbnQpXHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiAjYmxvY2sgW25nQ2xhc3NdPVwieydmdWxsLXdpZHRoJzogIXRoaXMudGFyZ2V0ICYmIGVuUHJvY2Vzb31cIj5cclxuICAgIDxkaXYgKm5nSWY9XCJlblByb2Nlc29cIiBjbGFzcz1cImJsb2NraW5nLW92ZXJsYXlcIj5cclxuICAgICAgICA8aW1nICpuZ0lmPVwibG9nb1wiIFtzcmNdPVwibG9nb1wiIGNsYXNzPVwiaWNvbi1ibG9ja1wiPlxyXG4gICAgICAgIDxwLXByb2dyZXNzU3Bpbm5lciAqbmdJZj1cIiFsb2dvXCI+PC9wLXByb2dyZXNzU3Bpbm5lcj5cclxuICAgICAgICA8cCAqbmdJZj1cInRleHRvXCI+e3t0ZXh0b319PC9wPlxyXG4gICAgICAgIDxwLXByb2dyZXNzQmFyICpuZ0lmPVwicHJvZ3Jlc3MgIT09IHVuZGVmaW5lZFwiIFt2YWx1ZV09XCJwcm9ncmVzc1wiIFtzdHlsZV09XCJ7J2hlaWdodCc6ICcyMHB4JywgJ3dpZHRoJzogJzUwdncnfVwiPjwvcC1wcm9ncmVzc0Jhcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cIiFlblByb2Nlc29cIj48L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -3,16 +3,19 @@ import { SfLoadingComponent } from './sf-loading.component';
|
|
|
3
3
|
import { BlockUIModule } from 'primeng/blockui';
|
|
4
4
|
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { ProgressBarModule } from 'primeng/progressbar';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class SfLoadingModule {
|
|
8
9
|
}
|
|
9
10
|
SfLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
11
|
SfLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [BlockUIModule,
|
|
11
12
|
ProgressSpinnerModule,
|
|
13
|
+
ProgressBarModule,
|
|
12
14
|
CommonModule], exports: [SfLoadingComponent] });
|
|
13
15
|
SfLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, imports: [[
|
|
14
16
|
BlockUIModule,
|
|
15
17
|
ProgressSpinnerModule,
|
|
18
|
+
ProgressBarModule,
|
|
16
19
|
CommonModule
|
|
17
20
|
]] });
|
|
18
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, decorators: [{
|
|
@@ -24,6 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
24
27
|
imports: [
|
|
25
28
|
BlockUIModule,
|
|
26
29
|
ProgressSpinnerModule,
|
|
30
|
+
ProgressBarModule,
|
|
27
31
|
CommonModule
|
|
28
32
|
],
|
|
29
33
|
exports: [
|
|
@@ -31,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
31
35
|
]
|
|
32
36
|
}]
|
|
33
37
|
}] });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2YtbG9hZGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZi1sb2FkaW5nL3NyYy9saWIvc2YtbG9hZGluZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHFCQUFxQixFQUFHLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQWlCeEQsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFaeEIsa0JBQWtCLGFBR2xCLGFBQWE7UUFDWixxQkFBcUI7UUFDckIsaUJBQWlCO1FBQ2pCLFlBQVksYUFHYixrQkFBa0I7OEdBR1QsZUFBZSxZQVZqQjtZQUNQLGFBQWE7WUFDWixxQkFBcUI7WUFDckIsaUJBQWlCO1lBQ2pCLFlBQVk7U0FDZDs0RkFLVSxlQUFlO2tCQWQzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNaLHFCQUFxQjt3QkFDckIsaUJBQWlCO3dCQUNqQixZQUFZO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2ZMb2FkaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9zZi1sb2FkaW5nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJsb2NrVUlNb2R1bGUgfSBmcm9tICdwcmltZW5nL2Jsb2NrdWknO1xyXG5pbXBvcnQgeyBQcm9ncmVzc1NwaW5uZXJNb2R1bGUgIH0gZnJvbSAncHJpbWVuZy9wcm9ncmVzc3NwaW5uZXInO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvcHJvZ3Jlc3NiYXInO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZkxvYWRpbmdDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIEJsb2NrVUlNb2R1bGVcclxuICAgICxQcm9ncmVzc1NwaW5uZXJNb2R1bGVcclxuICAgICxQcm9ncmVzc0Jhck1vZHVsZVxyXG4gICAgLENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU2ZMb2FkaW5nQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2ZMb2FkaW5nTW9kdWxlIHsgfVxyXG4iXX0=
|
package/fesm2015/sf-loading.js
CHANGED
|
@@ -2,7 +2,9 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, Input, ViewChild, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from 'primeng/progressspinner';
|
|
4
4
|
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
5
|
-
import * as i2 from '
|
|
5
|
+
import * as i2 from 'primeng/progressbar';
|
|
6
|
+
import { ProgressBarModule } from 'primeng/progressbar';
|
|
7
|
+
import * as i3 from '@angular/common';
|
|
6
8
|
import { CommonModule } from '@angular/common';
|
|
7
9
|
import { BlockUIModule } from 'primeng/blockui';
|
|
8
10
|
|
|
@@ -31,7 +33,7 @@ class SfLoadingComponent {
|
|
|
31
33
|
}
|
|
32
34
|
}
|
|
33
35
|
SfLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
SfLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfLoadingComponent, selector: "sf-loading", inputs: { target: "target", texto: "texto", logo: "logo", enProceso: "enProceso" }, viewQueries: [{ propertyName: "block", first: true, predicate: ["block"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n", styles: [".full-width{width:100%;height:100%;position:fixed;z-index:9999}.blocking-overlay{position:
|
|
36
|
+
SfLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfLoadingComponent, selector: "sf-loading", inputs: { target: "target", progress: "progress", texto: "texto", logo: "logo", enProceso: "enProceso" }, viewQueries: [{ propertyName: "block", first: true, predicate: ["block"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n <p-progressBar *ngIf=\"progress !== undefined\" [value]=\"progress\" [style]=\"{'height': '20px', 'width': '50vw'}\"></p-progressBar>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n", styles: [".full-width{width:100%;height:100%;position:fixed;z-index:9999}.blocking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#9e9797cc;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.blocking-overlay>p{font-size:1.5rem;text-align:center;max-width:80%}img.icon-block{width:10%;animation:rotation 1.3s infinite linear}@media screen and (max-width: 765px){img.icon-block{width:25vw}::ng-deep .p-dialog-mask .p-dialog{max-width:95vw}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], components: [{ type: i1.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { type: i2.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "style", "styleClass", "unit", "mode"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
35
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, decorators: [{
|
|
36
38
|
type: Component,
|
|
37
39
|
args: [{
|
|
@@ -41,6 +43,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
41
43
|
}]
|
|
42
44
|
}], ctorParameters: function () { return []; }, propDecorators: { target: [{
|
|
43
45
|
type: Input
|
|
46
|
+
}], progress: [{
|
|
47
|
+
type: Input
|
|
44
48
|
}], texto: [{
|
|
45
49
|
type: Input
|
|
46
50
|
}], logo: [{
|
|
@@ -57,10 +61,12 @@ class SfLoadingModule {
|
|
|
57
61
|
SfLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
58
62
|
SfLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [BlockUIModule,
|
|
59
63
|
ProgressSpinnerModule,
|
|
64
|
+
ProgressBarModule,
|
|
60
65
|
CommonModule], exports: [SfLoadingComponent] });
|
|
61
66
|
SfLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, imports: [[
|
|
62
67
|
BlockUIModule,
|
|
63
68
|
ProgressSpinnerModule,
|
|
69
|
+
ProgressBarModule,
|
|
64
70
|
CommonModule
|
|
65
71
|
]] });
|
|
66
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, decorators: [{
|
|
@@ -72,6 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
72
78
|
imports: [
|
|
73
79
|
BlockUIModule,
|
|
74
80
|
ProgressSpinnerModule,
|
|
81
|
+
ProgressBarModule,
|
|
75
82
|
CommonModule
|
|
76
83
|
],
|
|
77
84
|
exports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sf-loading.js","sources":["../../../projects/sf-loading/src/lib/sf-loading.component.ts","../../../projects/sf-loading/src/lib/sf-loading.compontent.html","../../../projects/sf-loading/src/lib/sf-loading.module.ts","../../../projects/sf-loading/src/public-api.ts","../../../projects/sf-loading/src/sf-loading.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Input, OnChanges, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sf-loading',\r\n templateUrl: 'sf-loading.compontent.html',\r\n styleUrls: ['sf-loading.component.css']\r\n})\r\nexport class SfLoadingComponent implements AfterViewInit, OnChanges{\r\n\r\n
|
|
1
|
+
{"version":3,"file":"sf-loading.js","sources":["../../../projects/sf-loading/src/lib/sf-loading.component.ts","../../../projects/sf-loading/src/lib/sf-loading.compontent.html","../../../projects/sf-loading/src/lib/sf-loading.module.ts","../../../projects/sf-loading/src/public-api.ts","../../../projects/sf-loading/src/sf-loading.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Input, OnChanges, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sf-loading',\r\n templateUrl: 'sf-loading.compontent.html',\r\n styleUrls: ['sf-loading.component.css']\r\n})\r\nexport class SfLoadingComponent implements AfterViewInit, OnChanges{\r\n\r\n @Input() target:HTMLElement|undefined;\r\n @Input() progress?: number;\r\n @Input() texto: string | undefined;\r\n\r\n @Input() logo: string | undefined;\r\n\r\n @Input() enProceso = false;\r\n\r\n @ViewChild('block') block!: ElementRef<HTMLElement>;\r\n\r\n private prevPosition: string | undefined;\r\n\r\n\r\n constructor(){}\r\n\r\n ngOnChanges(): void {\r\n if (this.block) this.ngAfterViewInit()\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (this.enProceso){\r\n if (this.target){\r\n this.target.style.position = \"relative\";\r\n (this.target as Node).appendChild(this.block.nativeElement)\r\n }\r\n }else {\r\n if (this.target) {\r\n const hasBlockChild = (this.target as Node).contains(this.block.nativeElement);\r\n if (hasBlockChild) (this.target as Node).removeChild(this.block.nativeElement)\r\n }\r\n }\r\n }\r\n}\r\n","<div #block [ngClass]=\"{'full-width': !this.target && enProceso}\">\r\n <div *ngIf=\"enProceso\" class=\"blocking-overlay\">\r\n <img *ngIf=\"logo\" [src]=\"logo\" class=\"icon-block\">\r\n <p-progressSpinner *ngIf=\"!logo\"></p-progressSpinner>\r\n <p *ngIf=\"texto\">{{texto}}</p>\r\n <p-progressBar *ngIf=\"progress !== undefined\" [value]=\"progress\" [style]=\"{'height': '20px', 'width': '50vw'}\"></p-progressBar>\r\n </div>\r\n <div *ngIf=\"!enProceso\"></div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { SfLoadingComponent } from './sf-loading.component';\r\nimport { BlockUIModule } from 'primeng/blockui';\r\nimport { ProgressSpinnerModule } from 'primeng/progressspinner';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ProgressBarModule } from 'primeng/progressbar';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n SfLoadingComponent\r\n ],\r\n imports: [\r\n BlockUIModule\r\n ,ProgressSpinnerModule\r\n ,ProgressBarModule\r\n ,CommonModule\r\n ],\r\n exports: [\r\n SfLoadingComponent\r\n ]\r\n})\r\nexport class SfLoadingModule { }\r\n","/*\r\n * Public API Surface of sf-loading\r\n */\r\n\r\nexport * from './lib/sf-loading.component';\r\nexport * from './lib/sf-loading.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { AfterViewInit, ElementRef, OnChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class SfLoadingComponent implements AfterViewInit, OnChanges {
|
|
4
|
-
target: HTMLElement;
|
|
4
|
+
target: HTMLElement | undefined;
|
|
5
|
+
progress?: number;
|
|
5
6
|
texto: string | undefined;
|
|
6
7
|
logo: string | undefined;
|
|
7
8
|
enProceso: boolean;
|
|
@@ -11,5 +12,5 @@ export declare class SfLoadingComponent implements AfterViewInit, OnChanges {
|
|
|
11
12
|
ngOnChanges(): void;
|
|
12
13
|
ngAfterViewInit(): void;
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<SfLoadingComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SfLoadingComponent, "sf-loading", never, { "target": "target"; "texto": "texto"; "logo": "logo"; "enProceso": "enProceso"; }, {}, never, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SfLoadingComponent, "sf-loading", never, { "target": "target"; "progress": "progress"; "texto": "texto"; "logo": "logo"; "enProceso": "enProceso"; }, {}, never, never>;
|
|
15
16
|
}
|
|
@@ -2,9 +2,10 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./sf-loading.component";
|
|
3
3
|
import * as i2 from "primeng/blockui";
|
|
4
4
|
import * as i3 from "primeng/progressspinner";
|
|
5
|
-
import * as i4 from "
|
|
5
|
+
import * as i4 from "primeng/progressbar";
|
|
6
|
+
import * as i5 from "@angular/common";
|
|
6
7
|
export declare class SfLoadingModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SfLoadingModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SfLoadingModule, [typeof i1.SfLoadingComponent], [typeof i2.BlockUIModule, typeof i3.ProgressSpinnerModule, typeof i4.CommonModule], [typeof i1.SfLoadingComponent]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SfLoadingModule, [typeof i1.SfLoadingComponent], [typeof i2.BlockUIModule, typeof i3.ProgressSpinnerModule, typeof i4.ProgressBarModule, typeof i5.CommonModule], [typeof i1.SfLoadingComponent]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<SfLoadingModule>;
|
|
10
11
|
}
|