monobill-mintui 0.6.638 → 0.6.640

package/dist/components/tree/index.js

@@ -13,9 +13,9 @@ import "../chunks/icon-DZP-hLHj.js";
 import { t as e } from "../chunks/register-element-BFYmIynH.js";
 import "../chunks/spinner-BsaFHuS6.js";
 import "../chunks/button-M7gi8RMZ.js";
-import "../chunks/confirm-action-CholVruh.js";
+import "../chunks/confirm-action-D4U-R6zW.js";
 import "../chunks/popover-CV-QCPjW.js";
-import "../chunks/sortable-BWbidfTB.js";
+import "../chunks/sortable-CparUKN_.js";
 //#region src/components/tree/tree-utils.js
 function t(e = []) {
 	s(e);
@@ -213,7 +213,7 @@ var p = class extends HTMLElement {
 				}));
 			}
 		}, this._onSortableStart = () => {
-			this._dragHoverExpandedId = null, this._dragExpansion?.timer !== null && this._dragExpansion?.timer !== void 0 && window.clearTimeout(this._dragExpansion.timer), this._dragExpansion = null;
+			this.classList.add("mint-tree-drag-active"), this._dragHoverExpandedId = null, this._dragExpansion?.timer !== null && this._dragExpansion?.timer !== void 0 && window.clearTimeout(this._dragExpansion.timer), this._dragExpansion = null;
 			let e = this._root?.querySelector(".mint-sortable-dragging[data-tree-id]"), t = e?.getAttribute("data-tree-id") || "", n = e?.querySelector(":scope > mint-sortable.mint-tree-children");
 			if (!e || !t || !n || n.hidden || !this._expandedIds.has(t)) return;
 			let r = e.querySelector(":scope > .mint-tree-row"), i = this._root?.querySelector(".mint-sortable-placeholder"), a = n.getBoundingClientRect().height;
@@ -226,6 +226,7 @@ var p = class extends HTMLElement {
 				this._dragExpansion?.childList === n && (n.classList.add("mint-tree-drag-collapse"), n.style.height = "0px", i && r && (i.style.minHeight = `${r.getBoundingClientRect().height}px`));
 			});
 		}, this._onSortableEnd = (e) => {
+			this.classList.remove("mint-tree-drag-active");
 			let t = e.detail, r = t && !t.cancelled ? f(t.newParentId) : null;
 			for (let e of this._autoExpandedIds) {
 				if (e === r) continue;
@@ -350,7 +351,7 @@ var p = class extends HTMLElement {
 		this._root || (this._selectedId = f(this.getAttribute("selected-id")), this._expandedIds = this.hasAttribute("expanded-ids") ? this._readExpandedIds(this.getAttribute("expanded-ids")) : this._defaultExpandedIds(this._items), this.addEventListener("click", this._onClick), this.addEventListener("keydown", this._onKeydown, !0), this.addEventListener("mint-sortable-start", this._onSortableStart), this.addEventListener("mint-sortable-end", this._onSortableEnd), this.addEventListener("mint-sortable-drag", this._onSortableDrag), this.addEventListener("mint-sortable-drag-over", this._onSortableDragOver), this.addEventListener("mint-sortable-before-drop", this._onSortableBeforeDrop), this.addEventListener("mint-sortable-change", this._onSortableChange), this._render());
 	}
 	disconnectedCallback() {
-		this._dragExpansion?.timer !== null && this._dragExpansion?.timer !== void 0 && window.clearTimeout(this._dragExpansion.timer), this._keyboardFocusRestore && window.clearTimeout(this._keyboardFocusRestore.timer), this._keyboardFocusRestore = null, this._dragExpansion = null, this._autoExpandedIds.clear(), this._dragHoverExpandedId = null, this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeydown, !0), this.removeEventListener("mint-sortable-start", this._onSortableStart), this.removeEventListener("mint-sortable-end", this._onSortableEnd), this.removeEventListener("mint-sortable-drag", this._onSortableDrag), this.removeEventListener("mint-sortable-drag-over", this._onSortableDragOver), this.removeEventListener("mint-sortable-before-drop", this._onSortableBeforeDrop), this.removeEventListener("mint-sortable-change", this._onSortableChange), this._root = null;
+		this._dragExpansion?.timer !== null && this._dragExpansion?.timer !== void 0 && window.clearTimeout(this._dragExpansion.timer), this._keyboardFocusRestore && window.clearTimeout(this._keyboardFocusRestore.timer), this._keyboardFocusRestore = null, this._dragExpansion = null, this._autoExpandedIds.clear(), this._dragHoverExpandedId = null, this.classList.remove("mint-tree-drag-active"), this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeydown, !0), this.removeEventListener("mint-sortable-start", this._onSortableStart), this.removeEventListener("mint-sortable-end", this._onSortableEnd), this.removeEventListener("mint-sortable-drag", this._onSortableDrag), this.removeEventListener("mint-sortable-drag-over", this._onSortableDragOver), this.removeEventListener("mint-sortable-before-drop", this._onSortableBeforeDrop), this.removeEventListener("mint-sortable-change", this._onSortableChange), this._root = null;
 	}
 	attributeChangedCallback(e, t, n) {
 		if (!(t === n || !this.isConnected)) {
@@ -466,7 +467,7 @@ var p = class extends HTMLElement {
 	}
 	_createList(e, t, n) {
 		let r = document.createElement("mint-sortable");
-		r.id = `${this._treeId}-list-${t ?? "root"}`, r.setAttribute("group", this._treeId), r.setAttribute("data-tree-parent-id", t ?? ""), r.setAttribute("role", "group"), r.setAttribute("data-tree-depth", String(n)), r.setAttribute("direction", "vertical"), r.setAttribute("gap", "1"), r.setAttribute("handle-selector", "[data-mint-sortable-handle]"), r.setAttribute("animation-duration", "320"), r.setAttribute("item-key-attribute", "data-tree-id"), r.setAttribute("data-mint-sortable-full-crossing", "");
+		r.id = `${this._treeId}-list-${t ?? "root"}`, r.setAttribute("group", this._treeId), r.setAttribute("data-tree-parent-id", t ?? ""), r.setAttribute("role", "group"), r.setAttribute("data-tree-depth", String(n)), r.setAttribute("direction", "vertical"), r.setAttribute("gap", "1"), r.setAttribute("handle-selector", "[data-mint-sortable-handle]"), r.setAttribute("animation-duration", "320"), r.setAttribute("item-key-attribute", "data-tree-id");
 		let i = document.createElement("mint-stack");
 		i.setAttribute("direction", "vertical"), i.setAttribute("gap", "1");
 		for (let t of e) i.appendChild(this._createNode(t, n));
@@ -476,7 +477,7 @@ var p = class extends HTMLElement {
 		let n = String(e.id), r = Array.isArray(e.children) ? e.children : [], i = e.canHaveChildren !== !1 && this._allowNesting() && t + a(e) < this._maxDepth(), o = document.createElement("div");
 		o.className = "mint-tree-node", o.setAttribute("data-tree-id", n), o.setAttribute("role", "treeitem"), o.setAttribute("data-mint-tree-row", ""), o.setAttribute("aria-level", String(t + 1)), o.setAttribute("aria-selected", String(this._selectedId === n)), o.setAttribute("tabindex", this._selectedId === n || this._selectedId === null && t === 0 && this._items[0]?.id === e.id ? "0" : "-1"), o.setAttribute("aria-label", e.label), r.length && o.setAttribute("aria-expanded", String(this._expandedIds.has(n))), (e.disabled || this._disabled()) && o.setAttribute("aria-disabled", "true"), (e.draggable === !1 || this._disabled()) && o.setAttribute("data-sortable-disabled", "");
 		let s = document.createElement("div");
-		s.className = "mint-tree-row", s.setAttribute("data-tree-id", n), s.setAttribute("data-mint-sortable-drop-container", `${this._treeId}-list-${n}`), s.setAttribute("data-mint-sortable-drop-center", "");
+		s.className = "mint-tree-row", s.setAttribute("data-tree-id", n);
 		let c = document.createElement("span");
 		c.className = "mint-tree-drag-handle", c.setAttribute("data-mint-sortable-handle", ""), c.setAttribute("role", "button"), c.setAttribute("tabindex", "-1"), c.setAttribute("aria-label", `Drag ${e.label} to move`);
 		let l = document.createElement("mint-icon");
@@ -488,7 +489,7 @@ var p = class extends HTMLElement {
 			e.className = "mint-tree-expand-spacer", e.setAttribute("aria-hidden", "true"), s.appendChild(e);
 		}
 		let u = document.createElement("span");
-		if (u.className = "mint-tree-label", u.setAttribute("data-tree-command", "select"), u.setAttribute("data-tree-id", n), e.icon) {
+		if (u.className = "mint-tree-label", u.setAttribute("data-tree-command", "select"), u.setAttribute("data-tree-id", n), i && (u.setAttribute("data-mint-sortable-drop-container", `${this._treeId}-list-${n}`), u.setAttribute("data-mint-sortable-drop-end", "")), e.icon) {
 			let t = document.createElement("mint-icon");
 			t.setAttribute("name", String(e.icon)), t.setAttribute("aria-hidden", "true"), u.appendChild(t);
 		}
@@ -498,7 +499,7 @@ var p = class extends HTMLElement {
 			t.className = "mint-tree-metadata", t.textContent = String(e.metadata), s.appendChild(t);
 		}
 		let f = document.createElement("span");
-		f.className = "mint-tree-nest-target", f.setAttribute("data-mint-sortable-drop-container", `${this._treeId}-list-${n}`), f.setAttribute("aria-hidden", "true");
+		f.className = "mint-tree-nest-target", f.setAttribute("data-mint-sortable-drop-container", `${this._treeId}-list-${n}`), f.setAttribute("data-mint-sortable-drop-end", ""), f.setAttribute("aria-hidden", "true");
 		let p = document.createElement("mint-icon");
 		p.setAttribute("name", "arrow-right"), p.setAttribute("aria-hidden", "true"), f.appendChild(p), i && s.appendChild(f);
 		let m = this._createActions(e, i);