@seniorsistemas/angular-components 14.16.14 → 14.16.15

package/fesm5/seniorsistemas-angular-components.js

@@ -3153,8 +3153,8 @@ var LoadingStateComponent = /** @class */ (function () {
     LoadingStateComponent = LoadingStateComponent_1 = __decorate([
         Component({
             selector: "s-loading-state",
-            template: "<div [id]=\"id\" class=\"s-loading-state-container\" [ngClass]=\"{'loading': loading, 'blocking': blocking, 'fullscreen': blockWindow}\">\n\n    <div [id]=\"id + '-loader'\" class=\"loader\">\n\n        <div [id]=\"id + '-spinner'\" class=\"spinner\">\n            <div class=\"bounce bounce-1\"></div>\n            <div class=\"bounce bounce-2\"></div>\n            <div class=\"bounce bounce-3\"></div>\n        </div>\n\n        <div [id]=\"id + '-overlay'\" class=\"overlay\"></div>\n\n    </div>\n\n    <div [id]=\"id + '-contents'\" class=\"contents\">\n        <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n        <ng-template #originalContent>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n\n</div>",
-            styles: [".s-loading-state-container{position:relative}.s-loading-state-container>.loader{opacity:0;position:absolute;width:100%;height:100%;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden}.s-loading-state-container.fullscreen>.loader{position:fixed;left:0;top:0}.s-loading-state-container>.loader>.overlay{opacity:.8;width:100%;height:100%;background-color:#fff;transition:opacity .2s ease-out,display .2s ease-out}.s-loading-state-container>.loader>.spinner{position:absolute;left:50%;top:calc(50% - 9px);transform:translate(-50%);text-align:center;vertical-align:middle;display:table;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{z-index:1;cursor:wait}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.loading>.loader>.spinner>.bounce{background-color:#333;width:10px;height:10px;display:inline-block;border-radius:100%;animation:1.2s ease-out infinite bounce}.s-loading-state-container.loading>.loader>.spinner>.bounce+.bounce{margin-left:15px}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-1{animation-delay:0s}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-2{animation-delay:.1s}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-3{animation-delay:.2s}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
+            template: "<div\n    [id]=\"id\"\n    class=\"s-loading-state-container\"\n    [ngClass]=\"{'loading': loading, 'blocking': blocking, 'fullscreen': blockWindow}\">\n    <div\n        [id]=\"id + '-loader'\"\n        class=\"loader\">\n        <div\n            [id]=\"id + '-spinner'\"\n            class=\"spinner\">\n            <div class=\"bounce bounce-1\"></div>\n            <div class=\"bounce bounce-2\"></div>\n            <div class=\"bounce bounce-3\"></div>\n        </div>\n        <div\n            [id]=\"id + '-overlay'\"\n            class=\"overlay\">\n        </div>\n    </div>\n    <div\n        [id]=\"id + '-contents'\"\n        class=\"contents\">\n        <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n        <ng-template #originalContent>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>",
+            styles: [".s-loading-state-container{position:relative}.s-loading-state-container>.loader{height:100%;opacity:0;position:absolute;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden;width:100%}.s-loading-state-container>.loader>.overlay{background-color:#fff;height:100%;opacity:.8;transition:opacity .2s ease-out,display .2s ease-out;width:100%}.s-loading-state-container>.loader>.spinner{display:table;left:50%;position:absolute;text-align:center;top:calc(50% - 9px);transform:translate(-50%);vertical-align:middle;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{cursor:wait;z-index:1}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.loading>.loader>.spinner>.bounce{animation:1.2s ease-out infinite bounce;background-color:#333;border-radius:100%;display:inline-block;height:10px;width:10px}.s-loading-state-container.loading>.loader>.spinner>.bounce+.bounce{margin-left:15px}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-1{animation-delay:0s}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-2{animation-delay:.1s}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-3{animation-delay:.2s}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.fullscreen>.loader{left:0;position:fixed;top:0;z-index:1005}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
         })
     ], LoadingStateComponent);
     return LoadingStateComponent;