sf-loading 12.1.0 → 13.0.1

package/fesm2022/sf-loading.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { ViewChild, Input, Component, NgModule } from '@angular/core';
+import * as i1 from 'primeng/progressspinner';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import * as i2 from 'primeng/progressbar';
+import { ProgressBarModule } from 'primeng/progressbar';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { TableModule } from 'primeng/table';
+import { Skeleton } from 'primeng/skeleton';
+import { CardModule } from 'primeng/card';
+import { BlockUIModule } from 'primeng/blockui';
+
+class SfLoadingComponent {
+    target;
+    progress;
+    texto;
+    logo;
+    enProceso = false;
+    block;
+    prevPosition;
+    constructor() { }
+    ngOnChanges() {
+        if (this.block)
+            this.ngAfterViewInit();
+    }
+    ngAfterViewInit() {
+        if (this.enProceso) {
+            if (this.target) {
+                this.target.style.position = "relative";
+                this.target.appendChild(this.block.nativeElement);
+            }
+        }
+        else {
+            if (this.target) {
+                const hasBlockChild = this.target.contains(this.block.nativeElement);
+                if (hasBlockChild)
+                    this.target.removeChild(this.block.nativeElement);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SfLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SfLoadingComponent, isStandalone: false, 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"], dependencies: [{ kind: "component", type: i1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i2.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SfLoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sf-loading', standalone: false, 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"] }]
+        }], ctorParameters: () => [], propDecorators: { target: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], texto: [{
+                type: Input
+            }], logo: [{
+                type: Input
+            }], enProceso: [{
+                type: Input
+            }], block: [{
+                type: ViewChild,
+                args: ['block']
+            }] } });
+
+class TableSkeletonComponent {
+    columns = 5;
+    rows = 10;
+    skeletonRows = [];
+    skeletonColumns = [];
+    loadingType = '';
+    ngOnInit() {
+        this.updateSkeletonColumns();
+    }
+    updateSkeletonColumns() {
+        this.skeletonRows = Array.from({ length: this.rows }, (_, i) => i);
+        this.skeletonColumns = Array.from({ length: this.columns }, (_, i) => i);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TableSkeletonComponent, isStandalone: true, selector: "app-table-skeleton", inputs: { columns: "columns", rows: "rows", loadingType: "loadingType" }, ngImport: i0, template: "<!-- Skeleton mientras carga -->\r\n<div class=\"flex flex-column gap-3\">\r\n    <!-- Skeleton del header/t\u00EDtulo -->\r\n    <div class=\"flex flex-column md:justify-content-between md:align-items-center mb-3 md:flex-row gap-3\"\r\n        *ngIf=\"loadingType === 'all'\">\r\n        <p-skeleton width=\"200px\" height=\"2rem\"></p-skeleton>\r\n        <div class=\"w-full md:w-20rem\">\r\n            <p-skeleton width=\"100%\" height=\"2rem\"></p-skeleton>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Skeleton de la tabla con scroll horizontal -->\r\n    <div class=\"table-skeleton-wrapper\">\r\n        <div class=\"table-skeleton\">\r\n            <!-- Header de la tabla -->\r\n            <div class=\"table-row header-row\" *ngIf=\"loadingType === 'all'\">\r\n                <div *ngFor=\"let col of skeletonColumns\" class=\"table-cell\">\r\n                    <p-skeleton height=\"1.2rem\"></p-skeleton>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Filas de la tabla -->\r\n            <div *ngIf=\"loadingType === 'all' || loadingType === 'data'\">\r\n                <div *ngFor=\"let row of skeletonRows\" class=\"table-row body-row\">\r\n                    <div *ngFor=\"let col of skeletonColumns\" class=\"table-cell\">\r\n                        <p-skeleton height=\"1rem\"></p-skeleton>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Skeleton del paginador -->\r\n    <div class=\"flex justify-content-center align-items-center\" *ngIf=\"loadingType === 'all'\">\r\n        <div class=\"flex gap-2\">\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n\r\n        </div>\r\n    </div>\r\n</div>", styles: [".table-skeleton-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-skeleton-wrapper::-webkit-scrollbar{height:6px}.table-skeleton-wrapper::-webkit-scrollbar-track{background:var(--surface-100);border-radius:3px}.table-skeleton-wrapper::-webkit-scrollbar-thumb{background:var(--surface-300);border-radius:3px}.table-skeleton-wrapper::-webkit-scrollbar-thumb:hover{background:var(--surface-400)}.table-skeleton{min-width:600px;width:100%}.table-row{display:flex;width:100%;gap:2rem}.header-row{background-color:var(--surface-100);border-radius:4px 4px 0 0}.body-row{border-bottom:1px solid var(--surface-200)}.body-row:last-child{border-bottom:none}.table-cell{flex:1;padding:1rem 0;min-width:120px}.header-actions{flex-wrap:wrap;gap:.5rem}@media screen and (max-width: 768px){.table-skeleton{min-width:700px}.table-cell{min-width:100px;padding:.75rem}.header-actions{flex-direction:column}.header-actions p-skeleton{width:100%!important}}@media screen and (max-width: 480px){.table-skeleton{min-width:600px}.table-cell{min-width:80px;padding:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: CardModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TableSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-table-skeleton', imports: [CommonModule, TableModule, Skeleton, CardModule], standalone: true, template: "<!-- Skeleton mientras carga -->\r\n<div class=\"flex flex-column gap-3\">\r\n    <!-- Skeleton del header/t\u00EDtulo -->\r\n    <div class=\"flex flex-column md:justify-content-between md:align-items-center mb-3 md:flex-row gap-3\"\r\n        *ngIf=\"loadingType === 'all'\">\r\n        <p-skeleton width=\"200px\" height=\"2rem\"></p-skeleton>\r\n        <div class=\"w-full md:w-20rem\">\r\n            <p-skeleton width=\"100%\" height=\"2rem\"></p-skeleton>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Skeleton de la tabla con scroll horizontal -->\r\n    <div class=\"table-skeleton-wrapper\">\r\n        <div class=\"table-skeleton\">\r\n            <!-- Header de la tabla -->\r\n            <div class=\"table-row header-row\" *ngIf=\"loadingType === 'all'\">\r\n                <div *ngFor=\"let col of skeletonColumns\" class=\"table-cell\">\r\n                    <p-skeleton height=\"1.2rem\"></p-skeleton>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Filas de la tabla -->\r\n            <div *ngIf=\"loadingType === 'all' || loadingType === 'data'\">\r\n                <div *ngFor=\"let row of skeletonRows\" class=\"table-row body-row\">\r\n                    <div *ngFor=\"let col of skeletonColumns\" class=\"table-cell\">\r\n                        <p-skeleton height=\"1rem\"></p-skeleton>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Skeleton del paginador -->\r\n    <div class=\"flex justify-content-center align-items-center\" *ngIf=\"loadingType === 'all'\">\r\n        <div class=\"flex gap-2\">\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n\r\n        </div>\r\n    </div>\r\n</div>", styles: [".table-skeleton-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-skeleton-wrapper::-webkit-scrollbar{height:6px}.table-skeleton-wrapper::-webkit-scrollbar-track{background:var(--surface-100);border-radius:3px}.table-skeleton-wrapper::-webkit-scrollbar-thumb{background:var(--surface-300);border-radius:3px}.table-skeleton-wrapper::-webkit-scrollbar-thumb:hover{background:var(--surface-400)}.table-skeleton{min-width:600px;width:100%}.table-row{display:flex;width:100%;gap:2rem}.header-row{background-color:var(--surface-100);border-radius:4px 4px 0 0}.body-row{border-bottom:1px solid var(--surface-200)}.body-row:last-child{border-bottom:none}.table-cell{flex:1;padding:1rem 0;min-width:120px}.header-actions{flex-wrap:wrap;gap:.5rem}@media screen and (max-width: 768px){.table-skeleton{min-width:700px}.table-cell{min-width:100px;padding:.75rem}.header-actions{flex-direction:column}.header-actions p-skeleton{width:100%!important}}@media screen and (max-width: 480px){.table-skeleton{min-width:600px}.table-cell{min-width:80px;padding:.5rem}}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], loadingType: [{
+                type: Input
+            }] } });
+
+class SfLoadingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SfLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [BlockUIModule,
+            ProgressSpinnerModule,
+            ProgressBarModule,
+            CommonModule], exports: [SfLoadingComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SfLoadingModule, imports: [BlockUIModule,
+            ProgressSpinnerModule,
+            ProgressBarModule,
+            CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SfLoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SfLoadingComponent
+                    ],
+                    imports: [
+                        BlockUIModule,
+                        ProgressSpinnerModule,
+                        ProgressBarModule,
+                        CommonModule
+                    ],
+                    exports: [
+                        SfLoadingComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of sf-loading
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SfLoadingComponent, SfLoadingModule, TableSkeletonComponent };
+//# sourceMappingURL=sf-loading.mjs.map

package/fesm2022/sf-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sf-loading.mjs","sources":["../../../projects/sf-loading/src/lib/sf-loading.component.ts","../../../projects/sf-loading/src/lib/sf-loading.compontent.html","../../../projects/sf-loading/src/lib/components/table-skeleton/table-skeleton.component.ts","../../../projects/sf-loading/src/lib/components/table-skeleton/table-skeleton.component.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  standalone: false\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 { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { TableModule } from 'primeng/table';\r\nimport { Skeleton } from 'primeng/skeleton';\r\nimport { CardModule } from 'primeng/card';\r\n\r\n@Component({\r\n  selector: 'app-table-skeleton',\r\n  imports: [CommonModule, TableModule, Skeleton, CardModule],\r\n  templateUrl: './table-skeleton.component.html',\r\n  styleUrls: ['./table-skeleton.component.scss'],\r\n  standalone: true\r\n})\r\nexport class TableSkeletonComponent implements OnInit {\r\n  @Input() columns: number = 5;\r\n  @Input() rows: number = 10;\r\n  skeletonRows: number[] = [];\r\n  skeletonColumns: number[] = [];\r\n  @Input() loadingType: string = '';\r\n  \r\n  ngOnInit() {\r\n    this.updateSkeletonColumns();\r\n  }\r\n  \r\n  updateSkeletonColumns() {\r\n    this.skeletonRows = Array.from({ length: this.rows }, (_, i) => i);\r\n    this.skeletonColumns = Array.from({ length: this.columns }, (_, i) => i);\r\n  }\r\n\r\n}\r\n","<!-- Skeleton mientras carga -->\r\n<div class=\"flex flex-column gap-3\">\r\n    <!-- Skeleton del header/título -->\r\n    <div class=\"flex flex-column md:justify-content-between md:align-items-center mb-3 md:flex-row gap-3\"\r\n        *ngIf=\"loadingType === 'all'\">\r\n        <p-skeleton width=\"200px\" height=\"2rem\"></p-skeleton>\r\n        <div class=\"w-full md:w-20rem\">\r\n            <p-skeleton width=\"100%\" height=\"2rem\"></p-skeleton>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Skeleton de la tabla con scroll horizontal -->\r\n    <div class=\"table-skeleton-wrapper\">\r\n        <div class=\"table-skeleton\">\r\n            <!-- Header de la tabla -->\r\n            <div class=\"table-row header-row\" *ngIf=\"loadingType === 'all'\">\r\n                <div *ngFor=\"let col of skeletonColumns\" class=\"table-cell\">\r\n                    <p-skeleton height=\"1.2rem\"></p-skeleton>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Filas de la tabla -->\r\n            <div *ngIf=\"loadingType === 'all' || loadingType === 'data'\">\r\n                <div *ngFor=\"let row of skeletonRows\" class=\"table-row body-row\">\r\n                    <div *ngFor=\"let col of skeletonColumns\" class=\"table-cell\">\r\n                        <p-skeleton height=\"1rem\"></p-skeleton>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Skeleton del paginador -->\r\n    <div class=\"flex justify-content-center align-items-center\" *ngIf=\"loadingType === 'all'\">\r\n        <div class=\"flex gap-2\">\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n            <p-skeleton size=\"2rem\" shape=\"circle\"></p-skeleton>\r\n\r\n        </div>\r\n    </div>\r\n</div>","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/components/table-skeleton/table-skeleton.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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"}

package/{sf-loading.d.ts → index.d.ts}

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="sf-loading" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="sf-loading" />
+export * from './public-api';

package/lib/components/table-skeleton/table-skeleton.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TableSkeletonComponent implements OnInit {
+    columns: number;
+    rows: number;
+    skeletonRows: number[];
+    skeletonColumns: number[];
+    loadingType: string;
+    ngOnInit(): void;
+    updateSkeletonColumns(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableSkeletonComponent, "app-table-skeleton", never, { "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "loadingType": { "alias": "loadingType"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/sf-loading.component.d.ts

@@ -1,16 +1,16 @@
-import { AfterViewInit, ElementRef, OnChanges } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SfLoadingComponent implements AfterViewInit, OnChanges {
-    target: HTMLElement | undefined;
-    progress?: number;
-    texto: string | undefined;
-    logo: string | undefined;
-    enProceso: boolean;
-    block: ElementRef<HTMLElement>;
-    private prevPosition;
-    constructor();
-    ngOnChanges(): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SfLoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SfLoadingComponent, "sf-loading", never, { "target": "target"; "progress": "progress"; "texto": "texto"; "logo": "logo"; "enProceso": "enProceso"; }, {}, never, never>;
-}
+import { AfterViewInit, ElementRef, OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SfLoadingComponent implements AfterViewInit, OnChanges {
+    target: HTMLElement | undefined;
+    progress?: number;
+    texto: string | undefined;
+    logo: string | undefined;
+    enProceso: boolean;
+    block: ElementRef<HTMLElement>;
+    private prevPosition;
+    constructor();
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SfLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SfLoadingComponent, "sf-loading", never, { "target": { "alias": "target"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "texto": { "alias": "texto"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "enProceso": { "alias": "enProceso"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/sf-loading.module.d.ts

@@ -1,11 +1,11 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./sf-loading.component";
-import * as i2 from "primeng/blockui";
-import * as i3 from "primeng/progressspinner";
-import * as i4 from "primeng/progressbar";
-import * as i5 from "@angular/common";
-export declare class SfLoadingModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SfLoadingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SfLoadingModule, [typeof i1.SfLoadingComponent], [typeof i2.BlockUIModule, typeof i3.ProgressSpinnerModule, typeof i4.ProgressBarModule, typeof i5.CommonModule], [typeof i1.SfLoadingComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SfLoadingModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./sf-loading.component";
+import * as i2 from "primeng/blockui";
+import * as i3 from "primeng/progressspinner";
+import * as i4 from "primeng/progressbar";
+import * as i5 from "@angular/common";
+export declare class SfLoadingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SfLoadingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SfLoadingModule, [typeof i1.SfLoadingComponent], [typeof i2.BlockUIModule, typeof i3.ProgressSpinnerModule, typeof i4.ProgressBarModule, typeof i5.CommonModule], [typeof i1.SfLoadingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SfLoadingModule>;
+}

package/package.json

@@ -1,18 +1,26 @@
 {
   "name": "sf-loading",
-  "version": "12.1.0",
+  "version": "13.0.1",
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0"
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "primeflex": "^4.0.0",
+    "primeng": "^19.1.4",
+    "primeicons": "^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "main": "bundles/sf-loading.umd.js",
-  "module": "fesm2015/sf-loading.js",
-  "es2015": "fesm2015/sf-loading.js",
-  "esm2015": "esm2015/sf-loading.js",
-  "fesm2015": "fesm2015/sf-loading.js",
-  "typings": "sf-loading.d.ts",
+  "module": "fesm2022/sf-loading.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/sf-loading.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -1,2 +1,3 @@
-export * from './lib/sf-loading.component';
-export * from './lib/sf-loading.module';
+export * from './lib/sf-loading.component';
+export * from './lib/components/table-skeleton/table-skeleton.component';
+export * from './lib/sf-loading.module';

package/bundles/sf-loading.umd.js

@@ -1,127 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('primeng/progressspinner'), require('primeng/progressbar'), require('@angular/common'), require('primeng/blockui')) :
-    typeof define === 'function' && define.amd ? define('sf-loading', ['exports', '@angular/core', 'primeng/progressspinner', 'primeng/progressbar', '@angular/common', 'primeng/blockui'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["sf-loading"] = {}, global.ng.core, global.i1, global.i2, global.ng.common, global.blockui));
-})(this, (function (exports, i0, i1, i2, i3, blockui) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-
-    var SfLoadingComponent = /** @class */ (function () {
-        function SfLoadingComponent() {
-            this.enProceso = false;
-        }
-        SfLoadingComponent.prototype.ngOnChanges = function () {
-            if (this.block)
-                this.ngAfterViewInit();
-        };
-        SfLoadingComponent.prototype.ngAfterViewInit = function () {
-            if (this.enProceso) {
-                if (this.target) {
-                    this.target.style.position = "relative";
-                    this.target.appendChild(this.block.nativeElement);
-                }
-            }
-            else {
-                if (this.target) {
-                    var hasBlockChild = this.target.contains(this.block.nativeElement);
-                    if (hasBlockChild)
-                        this.target.removeChild(this.block.nativeElement);
-                }
-            }
-        };
-        return SfLoadingComponent;
-    }());
-    SfLoadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    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"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sf-loading',
-                        templateUrl: 'sf-loading.compontent.html',
-                        styleUrls: ['sf-loading.component.css']
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { target: [{
-                    type: i0.Input
-                }], progress: [{
-                    type: i0.Input
-                }], texto: [{
-                    type: i0.Input
-                }], logo: [{
-                    type: i0.Input
-                }], enProceso: [{
-                    type: i0.Input
-                }], block: [{
-                    type: i0.ViewChild,
-                    args: ['block']
-                }] } });
-
-    var SfLoadingModule = /** @class */ (function () {
-        function SfLoadingModule() {
-        }
-        return SfLoadingModule;
-    }());
-    SfLoadingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SfLoadingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [blockui.BlockUIModule,
-            i1.ProgressSpinnerModule,
-            i2.ProgressBarModule,
-            i3.CommonModule], exports: [SfLoadingComponent] });
-    SfLoadingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, imports: [[
-                blockui.BlockUIModule,
-                i1.ProgressSpinnerModule,
-                i2.ProgressBarModule,
-                i3.CommonModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfLoadingModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SfLoadingComponent
-                        ],
-                        imports: [
-                            blockui.BlockUIModule,
-                            i1.ProgressSpinnerModule,
-                            i2.ProgressBarModule,
-                            i3.CommonModule
-                        ],
-                        exports: [
-                            SfLoadingComponent
-                        ]
-                    }]
-            }] });
-
-    /*
-     * Public API Surface of sf-loading
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SfLoadingComponent = SfLoadingComponent;
-    exports.SfLoadingModule = SfLoadingModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=sf-loading.umd.js.map

package/bundles/sf-loading.umd.js.map

@@ -1 +0,0 @@
-{"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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"}

package/esm2015/lib/sf-loading.component.js

@@ -1,53 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "primeng/progressspinner";
-import * as i2 from "primeng/progressbar";
-import * as i3 from "@angular/common";
-export class SfLoadingComponent {
-    constructor() {
-        this.enProceso = false;
-    }
-    ngOnChanges() {
-        if (this.block)
-            this.ngAfterViewInit();
-    }
-    ngAfterViewInit() {
-        if (this.enProceso) {
-            if (this.target) {
-                this.target.style.position = "relative";
-                this.target.appendChild(this.block.nativeElement);
-            }
-        }
-        else {
-            if (this.target) {
-                const hasBlockChild = this.target.contains(this.block.nativeElement);
-                if (hasBlockChild)
-                    this.target.removeChild(this.block.nativeElement);
-            }
-        }
-    }
-}
-SfLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sf-loading',
-                    templateUrl: 'sf-loading.compontent.html',
-                    styleUrls: ['sf-loading.component.css']
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { target: [{
-                type: Input
-            }], progress: [{
-                type: Input
-            }], texto: [{
-                type: Input
-            }], logo: [{
-                type: Input
-            }], enProceso: [{
-                type: Input
-            }], block: [{
-                type: ViewChild,
-                args: ['block']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2YtbG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZi1sb2FkaW5nL3NyYy9saWIvc2YtbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZi1sb2FkaW5nL3NyYy9saWIvc2YtbG9hZGluZy5jb21wb250ZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQWMsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPbEcsTUFBTSxPQUFPLGtCQUFrQjtJQWU3QjtRQVBTLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFPYixDQUFDO0lBRWYsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLEtBQUs7WUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDeEMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUM7WUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFDO2dCQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7Z0JBQ3ZDLElBQUksQ0FBQyxNQUFlLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUE7YUFDNUQ7U0FDRjthQUFLO1lBQ0osSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO2dCQUNmLE1BQU0sYUFBYSxHQUFJLElBQUksQ0FBQyxNQUFlLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQy9FLElBQUksYUFBYTtvQkFBRyxJQUFJLENBQUMsTUFBZSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFBO2FBQy9FO1NBQ0Y7SUFDSCxDQUFDOztnSEFqQ1Usa0JBQWtCO29HQUFsQixrQkFBa0IsaVJDUC9CLDBnQkFTQTs0RkRGYSxrQkFBa0I7a0JBTDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSw0QkFBNEI7b0JBQ3pDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN4QzswRUFHVSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRWMsS0FBSztzQkFBeEIsU0FBUzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2YtbG9hZGluZycsXHJcbiAgdGVtcGxhdGVVcmw6ICdzZi1sb2FkaW5nLmNvbXBvbnRlbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ3NmLWxvYWRpbmcuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZkxvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXN7XHJcblxyXG4gIEBJbnB1dCgpIHRhcmdldDpIVE1MRWxlbWVudHx1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgcHJvZ3Jlc3M/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgdGV4dG86IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuXHJcbiAgQElucHV0KCkgbG9nbzogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG5cclxuICBASW5wdXQoKSBlblByb2Nlc28gPSBmYWxzZTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnYmxvY2snKSBibG9jayE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xyXG5cclxuICBwcml2YXRlIHByZXZQb3NpdGlvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG5cclxuXHJcbiAgY29uc3RydWN0b3IoKXt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuYmxvY2spIHRoaXMubmdBZnRlclZpZXdJbml0KClcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmVuUHJvY2Vzbyl7XHJcbiAgICAgIGlmICh0aGlzLnRhcmdldCl7XHJcbiAgICAgICAgdGhpcy50YXJnZXQuc3R5bGUucG9zaXRpb24gPSBcInJlbGF0aXZlXCI7XHJcbiAgICAgICAgKHRoaXMudGFyZ2V0IGFzIE5vZGUpLmFwcGVuZENoaWxkKHRoaXMuYmxvY2submF0aXZlRWxlbWVudClcclxuICAgICAgfVxyXG4gICAgfWVsc2Uge1xyXG4gICAgICBpZiAodGhpcy50YXJnZXQpIHtcclxuICAgICAgICBjb25zdCBoYXNCbG9ja0NoaWxkID0gKHRoaXMudGFyZ2V0IGFzIE5vZGUpLmNvbnRhaW5zKHRoaXMuYmxvY2submF0aXZlRWxlbWVudCk7XHJcbiAgICAgICAgaWYgKGhhc0Jsb2NrQ2hpbGQpICh0aGlzLnRhcmdldCBhcyBOb2RlKS5yZW1vdmVDaGlsZCh0aGlzLmJsb2NrLm5hdGl2ZUVsZW1lbnQpXHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiAjYmxvY2sgW25nQ2xhc3NdPVwieydmdWxsLXdpZHRoJzogIXRoaXMudGFyZ2V0ICYmIGVuUHJvY2Vzb31cIj5cclxuICAgIDxkaXYgKm5nSWY9XCJlblByb2Nlc29cIiBjbGFzcz1cImJsb2NraW5nLW92ZXJsYXlcIj5cclxuICAgICAgICA8aW1nICpuZ0lmPVwibG9nb1wiIFtzcmNdPVwibG9nb1wiIGNsYXNzPVwiaWNvbi1ibG9ja1wiPlxyXG4gICAgICAgIDxwLXByb2dyZXNzU3Bpbm5lciAqbmdJZj1cIiFsb2dvXCI+PC9wLXByb2dyZXNzU3Bpbm5lcj5cclxuICAgICAgICA8cCAqbmdJZj1cInRleHRvXCI+e3t0ZXh0b319PC9wPlxyXG4gICAgICAgIDxwLXByb2dyZXNzQmFyICpuZ0lmPVwicHJvZ3Jlc3MgIT09IHVuZGVmaW5lZFwiIFt2YWx1ZV09XCJwcm9ncmVzc1wiIFtzdHlsZV09XCJ7J2hlaWdodCc6ICcyMHB4JywgJ3dpZHRoJzogJzUwdncnfVwiPjwvcC1wcm9ncmVzc0Jhcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cIiFlblByb2Nlc29cIj48L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2015/lib/sf-loading.module.js

@@ -1,38 +0,0 @@
-import { NgModule } from '@angular/core';
-import { SfLoadingComponent } from './sf-loading.component';
-import { BlockUIModule } from 'primeng/blockui';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import { CommonModule } from '@angular/common';
-import { ProgressBarModule } from 'primeng/progressbar';
-import * as i0 from "@angular/core";
-export class SfLoadingModule {
-}
-SfLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SfLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [BlockUIModule,
-        ProgressSpinnerModule,
-        ProgressBarModule,
-        CommonModule], exports: [SfLoadingComponent] });
-SfLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, imports: [[
-            BlockUIModule,
-            ProgressSpinnerModule,
-            ProgressBarModule,
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SfLoadingComponent
-                    ],
-                    imports: [
-                        BlockUIModule,
-                        ProgressSpinnerModule,
-                        ProgressBarModule,
-                        CommonModule
-                    ],
-                    exports: [
-                        SfLoadingComponent
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2YtbG9hZGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZi1sb2FkaW5nL3NyYy9saWIvc2YtbG9hZGluZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHFCQUFxQixFQUFHLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQWlCeEQsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFaeEIsa0JBQWtCLGFBR2xCLGFBQWE7UUFDWixxQkFBcUI7UUFDckIsaUJBQWlCO1FBQ2pCLFlBQVksYUFHYixrQkFBa0I7OEdBR1QsZUFBZSxZQVZqQjtZQUNQLGFBQWE7WUFDWixxQkFBcUI7WUFDckIsaUJBQWlCO1lBQ2pCLFlBQVk7U0FDZDs0RkFLVSxlQUFlO2tCQWQzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNaLHFCQUFxQjt3QkFDckIsaUJBQWlCO3dCQUNqQixZQUFZO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2ZMb2FkaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9zZi1sb2FkaW5nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJsb2NrVUlNb2R1bGUgfSBmcm9tICdwcmltZW5nL2Jsb2NrdWknO1xyXG5pbXBvcnQgeyBQcm9ncmVzc1NwaW5uZXJNb2R1bGUgIH0gZnJvbSAncHJpbWVuZy9wcm9ncmVzc3NwaW5uZXInO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvcHJvZ3Jlc3NiYXInO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZkxvYWRpbmdDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIEJsb2NrVUlNb2R1bGVcclxuICAgICxQcm9ncmVzc1NwaW5uZXJNb2R1bGVcclxuICAgICxQcm9ncmVzc0Jhck1vZHVsZVxyXG4gICAgLENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU2ZMb2FkaW5nQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2ZMb2FkaW5nTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2015/public-api.js

@@ -1,6 +0,0 @@
-/*
- * Public API Surface of sf-loading
- */
-export * from './lib/sf-loading.component';
-export * from './lib/sf-loading.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NmLWxvYWRpbmcvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2YtbG9hZGluZ1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NmLWxvYWRpbmcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2YtbG9hZGluZy5tb2R1bGUnO1xyXG4iXX0=

package/esm2015/sf-loading.js

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2YtbG9hZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NmLWxvYWRpbmcvc3JjL3NmLWxvYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2015/sf-loading.js

@@ -1,99 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, NgModule } from '@angular/core';
-import * as i1 from 'primeng/progressspinner';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import * as i2 from 'primeng/progressbar';
-import { ProgressBarModule } from 'primeng/progressbar';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { BlockUIModule } from 'primeng/blockui';
-
-class SfLoadingComponent {
-    constructor() {
-        this.enProceso = false;
-    }
-    ngOnChanges() {
-        if (this.block)
-            this.ngAfterViewInit();
-    }
-    ngAfterViewInit() {
-        if (this.enProceso) {
-            if (this.target) {
-                this.target.style.position = "relative";
-                this.target.appendChild(this.block.nativeElement);
-            }
-        }
-        else {
-            if (this.target) {
-                const hasBlockChild = this.target.contains(this.block.nativeElement);
-                if (hasBlockChild)
-                    this.target.removeChild(this.block.nativeElement);
-            }
-        }
-    }
-}
-SfLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sf-loading',
-                    templateUrl: 'sf-loading.compontent.html',
-                    styleUrls: ['sf-loading.component.css']
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { target: [{
-                type: Input
-            }], progress: [{
-                type: Input
-            }], texto: [{
-                type: Input
-            }], logo: [{
-                type: Input
-            }], enProceso: [{
-                type: Input
-            }], block: [{
-                type: ViewChild,
-                args: ['block']
-            }] } });
-
-class SfLoadingModule {
-}
-SfLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SfLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, declarations: [SfLoadingComponent], imports: [BlockUIModule,
-        ProgressSpinnerModule,
-        ProgressBarModule,
-        CommonModule], exports: [SfLoadingComponent] });
-SfLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, imports: [[
-            BlockUIModule,
-            ProgressSpinnerModule,
-            ProgressBarModule,
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfLoadingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SfLoadingComponent
-                    ],
-                    imports: [
-                        BlockUIModule,
-                        ProgressSpinnerModule,
-                        ProgressBarModule,
-                        CommonModule
-                    ],
-                    exports: [
-                        SfLoadingComponent
-                    ]
-                }]
-        }] });
-
-/*
- * Public API Surface of sf-loading
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SfLoadingComponent, SfLoadingModule };
-//# sourceMappingURL=sf-loading.js.map

package/fesm2015/sf-loading.js.map

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;MAOa,kBAAkB,CAAA;AAe7B,IAAA,WAAA,GAAA;QAPS,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;KAOZ;IAEf,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,eAAe,EAAE,CAAA;KACvC;IAED,eAAe,GAAA;QACb,IAAI,IAAI,CAAC,SAAS,EAAC;YACjB,IAAI,IAAI,CAAC,MAAM,EAAC;gBACd,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;gBACvC,IAAI,CAAC,MAAe,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;AAC5D,aAAA;AACF,SAAA;AAAK,aAAA;YACJ,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,MAAM,aAAa,GAAI,IAAI,CAAC,MAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;AAC/E,gBAAA,IAAI,aAAa;oBAAG,IAAI,CAAC,MAAe,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;AAC/E,aAAA;AACF,SAAA;KACF;;gHAjCU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,iRCP/B,0gBASA,EAAA,MAAA,EAAA,CAAA,6jBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,MAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDFa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,0BAA0B,CAAC;AACxC,iBAAA,CAAA;0EAGU,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAEG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEc,KAAK,EAAA,CAAA;sBAAxB,SAAS;uBAAC,OAAO,CAAA;;;MEKP,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8GAAf,eAAe,EAAA,YAAA,EAAA,CAZxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,aAAa;QACZ,qBAAqB;QACrB,iBAAiB;AACjB,QAAA,YAAY,aAGb,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGT,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAVjB,OAAA,EAAA,CAAA;YACP,aAAa;YACZ,qBAAqB;YACrB,iBAAiB;YACjB,YAAY;AACd,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACZ,qBAAqB;wBACrB,iBAAiB;wBACjB,YAAY;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACF,iBAAA,CAAA;;;ACrBD;;AAEG;;ACFH;;AAEG;;;;"}