@coreui/angular 5.7.23 → 5.7.24

package/fesm2022/coreui-angular.mjs

@@ -1395,6 +1395,8 @@ class BackdropService {
     backdropClick$ = this.#backdropClick.asObservable();
     #document = inject(DOCUMENT);
     activeBackdrop;
+    #clearBackdropId;
+    #pendingBackdrop;
     get #scrollbarWidth() {
         // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
         const documentWidth = this.#document.documentElement.clientWidth;
@@ -1403,6 +1405,7 @@ class BackdropService {
     }
     scrollbarWidth = this.#scrollbarWidth;
     setBackdrop(type = 'modal') {
+        this.#flushClearBackdrop();
         const backdropElement = this.#document.createElement('div');
         backdropElement.classList.add(`${type}-backdrop`);
         backdropElement.classList.add('fade');
@@ -1428,17 +1431,37 @@ class BackdropService {
                 delete backdropElement.__backdropClickHandler;
             }
             backdropElement.classList.remove('show');
-            setTimeout(() => {
+            this.#flushClearBackdrop();
+            this.#pendingBackdrop = backdropElement;
+            this.#clearBackdropId = setTimeout(() => {
+                this.#clearBackdropId = undefined;
+                this.#pendingBackdrop = undefined;
                 if (this.activeBackdrop === backdropElement) {
                     this.resetScrollbar();
+                    this.activeBackdrop = undefined;
                 }
-                if (backdropElement.parentElement === this.#document.body) {
-                    this.#document.body.removeChild(backdropElement);
-                }
+                this.#removeBackdrop(backdropElement);
             }, 300);
         }
         return undefined;
     }
+    #flushClearBackdrop() {
+        if (this.#clearBackdropId === undefined) {
+            return;
+        }
+        clearTimeout(this.#clearBackdropId);
+        this.#clearBackdropId = undefined;
+        const pending = this.#pendingBackdrop;
+        this.#pendingBackdrop = undefined;
+        if (pending) {
+            this.#removeBackdrop(pending);
+        }
+    }
+    #removeBackdrop(backdropElement) {
+        if (backdropElement.parentElement === this.#document.body) {
+            this.#document.body.removeChild(backdropElement);
+        }
+    }
     get #isRTL() {
         return [this.#document.documentElement.dir, this.#document.body.dir].includes('rtl');
     }