quasar-ui-danx-legacy 0.3.60 → 0.3.61

package/dist/danx.es.js

@@ -16660,7 +16660,7 @@ class hS extends Xd {
    * @param data
    */
   dragStart(n, r) {
-    super.dragStart(n, r), this.currentDropZone && (this.listPosition = this.getListPosition(n.target), this.initialPosition = this.listPosition, this.cursorPosition = this.listPosition, this.updateScrollPosition(), this.options.showPlaceholder && this.renderPlaceholder());
+    super.dragStart(n, r), this.currentDropZone && (this.listPosition = this.getListPosition(n.target), this.initialPosition = this.listPosition, this.cursorPosition = this.listPosition, this.updateScrollPosition());
   }
   /**
    * When dragging has ended, check for list position changes and fire the onPositionChange callback if it has
@@ -16675,7 +16675,7 @@ class hS extends Xd {
    * @param e
    */
   dragOver(n) {
-    super.dragOver(n), this.updateListPosition(n);
+    super.dragOver(n), this.updateListPosition(n), this.options.showPlaceholder && !this.placeholder && this.renderPlaceholder();
   }
   /**
    * Notify if the targeted position of the cursor is different from the current position
@@ -16689,26 +16689,40 @@ class hS extends Xd {
     this.cursorPosition !== i && (this.cursorPosition = i, this.isGrid() ? this.listPosition = this.cursorPosition : this.listPosition = this.initialPosition < this.cursorPosition ? this.cursorPosition - 1 : this.cursorPosition, this.options.showPlaceholder && this.renderPlaceholder(), this.listPosition !== r && this.onDragPositionChangeCb && this.onDragPositionChangeCb(this.listPosition, this.draggableData));
   }
   /**
-   * Find the numeric position of the element in the children of the list
+   * Find the numeric position of the element in the children of the list.
+   * The item may be nested inside wrapper elements, so we walk up to find
+   * the direct child of the drop zone.
    * @returns {Number|null}
    * @param item
    */
   getListPosition(n) {
-    let r = 0;
-    for (const i of this.getChildren()) {
-      if (i === n)
-        return r;
-      r++;
+    const r = this.getChildren();
+    let i = 0;
+    for (const s of r) {
+      if (s === n)
+        return i;
+      i++;
+    }
+    let o = n;
+    for (; o && o.parentNode !== this.currentDropZone; )
+      o = o.parentNode;
+    if (o) {
+      i = 0;
+      for (const s of r) {
+        if (s === o)
+          return i;
+        i++;
+      }
     }
     return null;
   }
   /**
-   * Get all the children of the current drop zone, excluding the placeholder
+   * Get all the children of the current drop zone, excluding the placeholder and hidden elements
    * @returns {*}
    */
   getChildren() {
     return [...this.currentDropZone.children].filter(
-      (n) => n.className.match(/drag-placeholder/) === null
+      (n) => n.className.match(/drag-placeholder/) === null && n.offsetParent !== null
     );
   }
   /**
@@ -16828,8 +16842,10 @@ const pS = ["draggable"], gS = { class: "flex items-center" }, bS = { key: 0 },
       }
     });
     function s(a) {
-      var u;
-      (u = i.value) == null || u.classList.add("is-dragging"), o.dragStart(a);
+      setTimeout(() => {
+        var u;
+        return (u = i.value) == null ? void 0 : u.classList.add("is-dragging");
+      }, 0), o.dragStart(a);
     }
     function l(a) {
       var u;
@@ -21155,7 +21171,7 @@ const CE = {
       });
     };
   }
-}, r3 = "0.3.59", i3 = {
+}, r3 = "0.3.60", i3 = {
   version: r3
 }, { version: o3 } = i3;
 function dI(t) {