@acorex/components 16.20.3 → 16.20.5

package/fesm2022/acorex-components.mjs

@@ -733,44 +733,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
             }] } });
 
 class AXLoadingService {
-    injection;
     overlayService;
     _stack = [];
-    constructor(injection, overlayService) {
-        this.injection = injection;
+    constructor(overlayService) {
         this.overlayService = overlayService;
     }
     show(location) {
-        let host;
+        let host = null;
         if (location) {
             host = location.closest('.ax-loading-host');
         }
-        const containerElement = (host || location);
+        const containerElement = (host || location || document.body);
+        const backdrop = document.createElement('div');
+        backdrop.classList.add('ax-loading-overlay');
+        const computed = getComputedStyle(containerElement);
+        if (computed.position === 'static') {
+            containerElement.style.position = 'relative';
+        }
+        containerElement.appendChild(backdrop);
         const com = this.overlayService.show(AXLoadingIndicatorComponent, {}, {
+            containerElement: backdrop,
+            hasBackdrop: false,
             closeOnClickOutside: false,
-            containerElement,
-            hasBackdrop: true,
-            backdropClass: ['ax-loading-overlay'],
-            scroll: 'block'
+            scroll: 'block',
         });
         const id = new Date().getTime();
-        this._stack.push({ id, component: com });
+        this._stack.push({ id, component: com, backdrop });
         return id;
     }
     hide(id) {
-        const f = this._stack.find(c => c.id === id);
-        if (f) {
-            f.component.dispose();
-            this._stack = this._stack.filter(c => c.id !== id);
+        const item = this._stack.find((c) => c.id === id);
+        if (item) {
+            item.component.dispose();
+            item.backdrop?.remove();
+            this._stack = this._stack.filter((c) => c.id !== id);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXLoadingService, deps: [{ token: i1$2.AXRenderService }, { token: AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXLoadingService, deps: [{ token: AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXLoadingService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$2.AXRenderService }, { type: AXOverlayService }] });
+        }], ctorParameters: () => [{ type: AXOverlayService }] });
 
 class AXPageComponent {
     el;