@acorex/components 16.20.4 → 16.20.5

package/fesm2022/acorex-components.mjs

@@ -739,27 +739,33 @@ class AXLoadingService {
         this.overlayService = overlayService;
     }
     show(location) {
-        debugger;
-        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, {}, {
-            closeOnClickOutside: false,
-            containerElement,
+            containerElement: backdrop,
             hasBackdrop: false,
-            backdropClass: ['ax-loading-overlay'],
+            closeOnClickOutside: false,
             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();
+        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);
         }
     }