@tetacom/ng-components 1.0.141 → 1.0.142

package/fesm2020/tetacom-ng-components.mjs

@@ -12189,14 +12189,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
         }] });
 
 class LoaderDirective {
-    constructor(_elementRef, _renderer, _document) {
+    constructor(_elementRef, _renderer, _document, _zone) {
         this._elementRef = _elementRef;
         this._renderer = _renderer;
         this._document = _document;
+        this._zone = _zone;
         this.appendToBody = false;
         this.mask = false;
         this._alive = true;
         this._element = this._elementRef.nativeElement;
+        this._zone.onStable
+            .pipe(takeWhile((_) => this._alive))
+            .subscribe((_) => {
+            if (this._loading && this._loader) {
+                this.setPosition();
+            }
+        });
     }
     set tetaLoader(value) {
         this._loading = value;
@@ -12243,7 +12251,7 @@ class LoaderDirective {
         this._renderer.setStyle(this._loader, 'left', `${position.x + +position.width / 2}px`);
     }
 }
-LoaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: LoaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+LoaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: LoaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
 LoaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: LoaderDirective, selector: "[tetaLoader]", inputs: { appendToBody: "appendToBody", mask: "mask", tetaLoader: "tetaLoader" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: LoaderDirective, decorators: [{
             type: Directive,
@@ -12253,7 +12261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }]; }, propDecorators: { appendToBody: [{
+                }] }, { type: i0.NgZone }]; }, propDecorators: { appendToBody: [{
                 type: Input
             }], mask: [{
                 type: Input