@stemy/ngx-utils 19.0.10 → 19.0.12

package/fesm2022/stemy-ngx-utils.mjs

@@ -5594,28 +5594,25 @@ class DynamicTableComponent {
         elem.classList.add("drop-allowed");
     }
     onDragLeave(ev, elem) {
-        if (!ev)
-            return;
+        ev.dataTransfer.effectAllowed = "none";
+        ev.dataTransfer.dropEffect = "none";
         elem.classList.remove("drop-allowed");
     }
     onDrop(ev, elem, item) {
-        if (!ev)
-            return;
         ev.preventDefault();
         ev.stopPropagation();
         if (!elem || !item || !ObjectUtils.isFunction(this.dropFn)) {
-            return false;
-        }
-        elem.classList.remove("drop-allowed");
-        const source = JSON.parse(ev.dataTransfer.getData("itemData"));
-        if (!this.dropFn({ ev, elem, item, source })) {
             return;
         }
-        elem.classList.add("dropped");
-        elem.onanimationend = () => {
+        const source = JSON.parse(ev.dataTransfer.getData("itemData"));
+        elem.classList.remove("drop-allowed");
+        this.checkTransitions(elem, () => {
+            this.checkTransitions(elem, () => {
+                this.dropFn({ ev, elem, item, source });
+            });
             elem.classList.remove("dropped");
-        };
-        setTimeout(elem.onanimationend, 10000);
+        });
+        elem.classList.add("dropped");
     }
     refresh(time) {
         if (!this.pagination)
@@ -5646,6 +5643,25 @@ class DynamicTableComponent {
         }
         this.refresh(this.filterTime ?? 300);
     }
+    checkTransitions(el, cb) {
+        let hasTransitions = false;
+        let called = false;
+        const end = () => {
+            if (called)
+                return;
+            called = true;
+            cb();
+        };
+        el.onanimationstart = () => hasTransitions = true;
+        el.ontransitionstart = () => hasTransitions = true;
+        el.onanimationend = end;
+        el.ontransitionend = end;
+        setTimeout(() => {
+            if (hasTransitions)
+                return;
+            end();
+        }, 100);
+    }
     loadLocalData(page, rowsPerPage, orderBy, orderDescending, filter) {
         if (!this.data) {
             return Promise.resolve({