@enos5/enos-vue-default 1.16.6 → 1.16.8

package/dist/{plugin-D0P_jRZq.js → plugin-BXdUiTUI.js}

@@ -2840,18 +2840,18 @@ var _sfc_main$18 = {
 			});
 		};
 		const loadTinyMce = async () => {
-			const tinymceModule = await import("./tinymce-qDvRw4Ap.js").then((m) => /* @__PURE__ */ __toESM(m.default));
+			const tinymceModule = await import("./tinymce-_FcmnBzR.js").then((m) => /* @__PURE__ */ __toESM(m.default));
 			const tinymce = tinymceModule.default ?? tinymceModule;
 			if (typeof globalThis !== "undefined" && !globalThis.tinymce) globalThis.tinymce = tinymce;
 			await Promise.all([
-				import("./dom-B5C34Hss.js"),
-				import("./default-C-ygURG1.js"),
-				import("./silver-CijRmxnT.js"),
-				import("./code-Ck9l0J11.js"),
-				import("./image-om1zgdO9.js"),
-				import("./link-udJozaqN.js"),
-				import("./lists-7DI9Tv0m.js"),
-				import("./table-CePDnvBC.js")
+				import("./dom-CyNQy3FR.js"),
+				import("./default-BrvQoVVs.js"),
+				import("./silver-6SQnxErw.js"),
+				import("./code-Uq_sE9rw.js"),
+				import("./image-BPy4dcSt.js"),
+				import("./link-BNLldsh6.js"),
+				import("./lists-CCw-difh.js"),
+				import("./table-eUIcL87o.js")
 			]);
 			isEditorReady.value = true;
 		};
@@ -2989,17 +2989,17 @@ var _hoisted_12$2 = {
 	class: "space-y-2"
 };
 var _hoisted_13$2 = ["for"];
-var _hoisted_14$1 = [
+var _hoisted_14$2 = [
 	"id",
 	"disabled",
 	"value"
 ];
-var _hoisted_15$1 = {
+var _hoisted_15$2 = {
 	key: 1,
 	class: "space-y-2"
 };
-var _hoisted_16$1 = ["for"];
-var _hoisted_17 = [
+var _hoisted_16$2 = ["for"];
+var _hoisted_17$1 = [
 	"id",
 	"disabled",
 	"value"
@@ -3560,7 +3560,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							value: hue.value,
 							style: { "background": "linear-gradient(90deg, #FF0000 0%, #FFFF00 17%, #00FF00 33%, #00FFFF 50%, #0000FF 67%, #FF00FF 83%, #FF0000 100%)" },
 							onInput: handleHueInput
-						}, null, 42, _hoisted_14$1)])) : createCommentVNode("", true), props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_15$1, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, [createElementVNode("label", { for: fieldId.value ? `${fieldId.value}-alpha` : void 0 }, toDisplayString(unref(t)("Opacity")), 9, _hoisted_16$1), createElementVNode("span", null, toDisplayString(opacityPercent.value) + "%", 1)], 2), createElementVNode("input", {
+						}, null, 42, _hoisted_14$2)])) : createCommentVNode("", true), props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_15$2, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, [createElementVNode("label", { for: fieldId.value ? `${fieldId.value}-alpha` : void 0 }, toDisplayString(unref(t)("Opacity")), 9, _hoisted_16$2), createElementVNode("span", null, toDisplayString(opacityPercent.value) + "%", 1)], 2), createElementVNode("input", {
 							id: fieldId.value ? `${fieldId.value}-alpha` : void 0,
 							type: "range",
 							min: "0",
@@ -3571,7 +3571,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							value: opacityPercent.value,
 							style: normalizeStyle({ background: alphaGradient.value }),
 							onInput: handleAlphaInput
-						}, null, 46, _hoisted_17)])) : createCommentVNode("", true)]),
+						}, null, 46, _hoisted_17$1)])) : createCommentVNode("", true)]),
 						createElementVNode("div", _hoisted_18, [createElementVNode("label", {
 							for: fieldId.value ? `${fieldId.value}-hex` : void 0,
 							class: normalizeClass(["text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel])
@@ -6242,35 +6242,38 @@ var _hoisted_2$2 = {
 	key: 0,
 	class: "w-10 px-2 py-3 text-center text-[11px] font-semibold uppercase tracking-[0.12em] text-neutral-600 dark:text-neutral-200"
 };
-var _hoisted_3$2 = [
-	"data-row-index",
-	"onDragenter",
-	"onDragover",
-	"onDrop"
-];
-var _hoisted_4$1 = {
+var _hoisted_3$2 = {
+	key: 0,
+	"data-table-list-placeholder": "",
+	class: "bg-blue-50/60 dark:bg-blue-950/20"
+};
+var _hoisted_4$1 = ["colspan"];
+var _hoisted_5$1 = ["data-row-index"];
+var _hoisted_6$1 = {
 	key: 0,
 	class: "w-10 whitespace-nowrap px-2 py-4 text-center text-sm text-neutral-500 dark:text-neutral-400"
 };
-var _hoisted_5$1 = { class: "inline-flex items-center gap-1" };
-var _hoisted_6$1 = [
-	"draggable",
-	"aria-label",
-	"onDragstart"
-];
-var _hoisted_7$1 = ["title"];
-var _hoisted_8$1 = {
+var _hoisted_7$1 = { class: "inline-flex items-center gap-1" };
+var _hoisted_8$1 = ["aria-label", "onPointerdown"];
+var _hoisted_9$1 = ["title"];
+var _hoisted_10$1 = {
 	key: 0,
 	class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-700 dark:bg-red-950/60 dark:text-neutral-100"
 };
-var _hoisted_9$1 = ["innerHTML"];
-var _hoisted_10$1 = {
+var _hoisted_11$1 = ["innerHTML"];
+var _hoisted_12$1 = {
+	key: 0,
+	"data-table-list-placeholder": "",
+	class: "bg-blue-50/60 dark:bg-blue-950/20"
+};
+var _hoisted_13$1 = ["colspan"];
+var _hoisted_14$1 = {
 	key: 0,
 	class: "py-12 text-center"
 };
-var _hoisted_11$1 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
-var _hoisted_12$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
-var _hoisted_13$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
+var _hoisted_15$1 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
+var _hoisted_16$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
+var _hoisted_17 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
 var _sfc_main$1 = {
 	__name: "TableList",
 	props: {
@@ -6417,7 +6420,7 @@ var _sfc_main$1 = {
 		watch(() => props.data, (value) => {
 			localData.value = value;
 		});
-		computed(() => !!slots.actions);
+		const hasActionsSlot = computed(() => !!slots.actions);
 		const internalSearchQuery = ref("");
 		const searchQuery = computed({
 			get: () => props.searchValue ?? internalSearchQuery.value,
@@ -6443,71 +6446,30 @@ var _sfc_main$1 = {
 			return props.searchCount ?? filteredData.value.length;
 		});
 		const draggedIndex = ref(null);
-		const dragOverIndex = ref(null);
+		const insertionIndex = ref(null);
+		const isDragging = ref(false);
 		const dragPreview = ref(null);
 		const dragRowHeight = ref(0);
+		const tableRef = ref(null);
+		const activePointerId = ref(null);
+		const dragStartPosition = ref(null);
+		const dragHandle = ref(null);
+		const previousUserSelect = ref("");
 		const canReorder = computed(() => {
 			return props.orderable && !searchQuery.value.trim();
 		});
-		const startDrag = (index, event) => {
-			if (!canReorder.value) {
-				event.preventDefault();
-				return;
-			}
-			draggedIndex.value = index;
-			dragOverIndex.value = index;
-			const row = event.currentTarget?.closest("tr");
-			if (row) {
-				dragRowHeight.value = row.offsetHeight;
-				const preview = document.createElement("div");
-				const previewTable = document.createElement("table");
-				const previewBody = document.createElement("tbody");
-				const previewRow = row.cloneNode(true);
-				previewTable.className = row.closest("table")?.className ?? "";
-				previewTable.style.width = `${row.getBoundingClientRect().width}px`;
-				previewTable.style.borderCollapse = "collapse";
-				previewTable.style.background = "white";
-				previewRow.classList.remove("opacity-0");
-				previewRow.style.background = "white";
-				previewRow.querySelectorAll("td").forEach((cell) => {
-					cell.style.background = "white";
-				});
-				previewBody.appendChild(previewRow);
-				previewTable.appendChild(previewBody);
-				preview.appendChild(previewTable);
-				dragPreview.value = preview;
-				dragPreview.value.style.position = "fixed";
-				dragPreview.value.style.top = "0";
-				dragPreview.value.style.left = "0";
-				dragPreview.value.style.background = "white";
-				dragPreview.value.style.borderRadius = "0.5rem";
-				dragPreview.value.style.boxShadow = "0 10px 25px rgb(15 23 42 / 0.18)";
-				dragPreview.value.style.opacity = "0.96";
-				dragPreview.value.style.pointerEvents = "none";
-				dragPreview.value.style.zIndex = "1000";
-				document.body.appendChild(dragPreview.value);
-				updateDragPreviewPosition(event);
-				document.addEventListener("dragover", handleDocumentDragOver, true);
-				const transparentDragImage = document.createElement("canvas");
-				transparentDragImage.width = 1;
-				transparentDragImage.height = 1;
-				event.dataTransfer.setDragImage(transparentDragImage, 0, 0);
-			}
-			event.dataTransfer.effectAllowed = "move";
-			event.dataTransfer.setData("text/plain", String(index));
-		};
-		const endDrag = () => {
-			document.removeEventListener("dragover", handleDocumentDragOver, true);
-			dragPreview.value?.remove();
-			dragPreview.value = null;
-			draggedIndex.value = null;
-			dragOverIndex.value = null;
-			dragRowHeight.value = 0;
+		const placeholderColumnCount = computed(() => {
+			return props.columns.length + 1 + (hasActionsSlot.value ? 1 : 0);
+		});
+		const insertionPositionForRow = (index) => {
+			if (draggedIndex.value === null || index < draggedIndex.value) return index;
+			return index - 1;
 		};
-		const handleDocumentDragOver = (event) => {
-			if (!canReorder.value || draggedIndex.value === null) return;
-			event.preventDefault();
-			updateDragPreviewPosition(event);
+		const isPointerWithinTable = (event) => {
+			const table = tableRef.value;
+			if (!table) return false;
+			const rect = table.getBoundingClientRect();
+			return event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom;
 		};
 		const updateDragPreviewPosition = (event) => {
 			if (!dragPreview.value) return;
@@ -6515,44 +6477,71 @@ var _sfc_main$1 = {
 			const offsetY = dragRowHeight.value / 2;
 			dragPreview.value.style.transform = `translate3d(${event.clientX - offsetX}px, ${event.clientY - offsetY}px, 0)`;
 		};
-		const updateDragOver = (index, event) => {
-			if (canReorder.value) {
-				dragOverIndex.value = index;
-				updateDragPreviewPosition(event);
+		const createDragPreview = (row) => {
+			const preview = document.createElement("div");
+			const previewTable = document.createElement("table");
+			const previewBody = document.createElement("tbody");
+			const previewRow = row.cloneNode(true);
+			previewTable.className = row.closest("table")?.className ?? "";
+			previewTable.style.width = `${row.getBoundingClientRect().width}px`;
+			previewTable.style.borderCollapse = "collapse";
+			previewTable.style.background = "white";
+			previewRow.style.background = "white";
+			previewRow.querySelectorAll("td").forEach((cell) => {
+				cell.style.background = "white";
+			});
+			previewBody.appendChild(previewRow);
+			previewTable.appendChild(previewBody);
+			preview.appendChild(previewTable);
+			preview.style.position = "fixed";
+			preview.style.top = "0";
+			preview.style.left = "0";
+			preview.style.background = "white";
+			preview.style.borderRadius = "0.5rem";
+			preview.style.boxShadow = "0 10px 25px rgb(15 23 42 / 0.18)";
+			preview.style.opacity = "0.96";
+			preview.style.pointerEvents = "none";
+			preview.style.zIndex = "1000";
+			document.body.appendChild(preview);
+			dragPreview.value = preview;
+		};
+		const updateInsertionIndex = (event) => {
+			if (!isDragging.value || !isPointerWithinTable(event)) return;
+			const placeholder = tableRef.value?.querySelector("[data-table-list-placeholder]");
+			if (placeholder) {
+				const placeholderRect = placeholder.getBoundingClientRect();
+				if (event.clientY >= placeholderRect.top && event.clientY <= placeholderRect.bottom) return;
 			}
-		};
-		const getDropTargetIndex = (event, fallbackIndex) => {
-			const tbody = event.currentTarget?.parentElement;
-			if (!tbody) return fallbackIndex;
-			const targetRow = Array.from(tbody.children).find((candidate) => {
-				const rect = candidate.getBoundingClientRect();
-				return event.clientY >= rect.top && event.clientY <= rect.bottom;
+			const rows = Array.from(tableRef.value?.querySelectorAll("tbody tr[data-row-index]") ?? []);
+			const nextInsertionIndex = rows.findIndex((row) => {
+				const rect = row.getBoundingClientRect();
+				return event.clientY < rect.top + rect.height / 2;
 			});
-			const targetIndex = Number(targetRow?.dataset.rowIndex);
-			return Number.isInteger(targetIndex) ? targetIndex : fallbackIndex;
-		};
-		const rowDragStyle = (index) => {
-			if (draggedIndex.value === null || dragOverIndex.value === null || draggedIndex.value === dragOverIndex.value || index === draggedIndex.value) return {};
-			if (draggedIndex.value < dragOverIndex.value) {
-				if (index > draggedIndex.value && index <= dragOverIndex.value) return { transform: `translateY(-${dragRowHeight.value}px)` };
-			} else if (index >= dragOverIndex.value && index < draggedIndex.value) return { transform: `translateY(${dragRowHeight.value}px)` };
-			return {};
+			insertionIndex.value = nextInsertionIndex === -1 ? rows.length : nextInsertionIndex;
+		};
+		const cleanupPointerDrag = () => {
+			document.removeEventListener("pointermove", handlePointerMove);
+			document.removeEventListener("pointerup", handlePointerUp);
+			document.removeEventListener("pointercancel", handlePointerCancel);
+			document.removeEventListener("keydown", handleKeyDown);
+			if (dragHandle.value?.hasPointerCapture?.(activePointerId.value)) dragHandle.value.releasePointerCapture(activePointerId.value);
+			document.body.style.userSelect = previousUserSelect.value;
+			dragPreview.value?.remove();
+			dragPreview.value = null;
+			draggedIndex.value = null;
+			insertionIndex.value = null;
+			isDragging.value = false;
+			dragRowHeight.value = 0;
+			activePointerId.value = null;
+			dragStartPosition.value = null;
+			dragHandle.value = null;
 		};
-		const dropRow = (toIndex, event) => {
-			event.preventDefault();
-			if (!canReorder.value || draggedIndex.value === null) {
-				endDrag();
-				return;
-			}
-			const targetIndex = getDropTargetIndex(event, dragOverIndex.value ?? toIndex);
-			if (draggedIndex.value === targetIndex) {
-				endDrag();
-				return;
-			}
+		const commitReorder = () => {
+			if (draggedIndex.value === null || insertionIndex.value === null || draggedIndex.value === insertionIndex.value) return;
 			const result = reorderRows({
 				data: localData.value,
 				fromIndex: draggedIndex.value,
-				toIndex: targetIndex,
+				toIndex: insertionIndex.value,
 				orderField: props.orderField,
 				mutateRows: props.mutateRows
 			});
@@ -6562,10 +6551,69 @@ var _sfc_main$1 = {
 			} else localData.value = result.data;
 			emit("reorder", {
 				...result,
-				rowKey: getRowKey(result.item, targetIndex, props.rowKey)
+				rowKey: getRowKey(result.item, insertionIndex.value, props.rowKey)
 			});
-			endDrag();
 		};
+		const startPointerDrag = (index, event) => {
+			if (!canReorder.value || event.pointerType === "mouse" && event.button !== 0) return;
+			const row = event.currentTarget?.closest("tr");
+			if (!row) return;
+			event.preventDefault();
+			event.stopPropagation();
+			draggedIndex.value = index;
+			insertionIndex.value = index;
+			activePointerId.value = event.pointerId;
+			dragStartPosition.value = {
+				x: event.clientX,
+				y: event.clientY
+			};
+			dragHandle.value = event.currentTarget;
+			dragRowHeight.value = row.getBoundingClientRect().height;
+			previousUserSelect.value = document.body.style.userSelect;
+			dragHandle.value.setPointerCapture?.(event.pointerId);
+			document.addEventListener("pointermove", handlePointerMove);
+			document.addEventListener("pointerup", handlePointerUp);
+			document.addEventListener("pointercancel", handlePointerCancel);
+			document.addEventListener("keydown", handleKeyDown);
+		};
+		const handlePointerMove = (event) => {
+			if (event.pointerId !== activePointerId.value) return;
+			if (!isDragging.value) {
+				const distanceX = event.clientX - dragStartPosition.value.x;
+				const distanceY = event.clientY - dragStartPosition.value.y;
+				if (Math.hypot(distanceX, distanceY) < 5) return;
+				const row = dragHandle.value?.closest("tr");
+				if (!row) {
+					cleanupPointerDrag();
+					return;
+				}
+				document.body.style.userSelect = "none";
+				createDragPreview(row);
+				isDragging.value = true;
+				updateDragPreviewPosition(event);
+				event.preventDefault();
+				nextTick(() => updateInsertionIndex(event));
+				return;
+			}
+			event.preventDefault();
+			updateDragPreviewPosition(event);
+			updateInsertionIndex(event);
+		};
+		const handlePointerUp = (event) => {
+			if (event.pointerId !== activePointerId.value) return;
+			if (isDragging.value && isPointerWithinTable(event)) {
+				updateInsertionIndex(event);
+				commitReorder();
+			}
+			cleanupPointerDrag();
+		};
+		const handlePointerCancel = (event) => {
+			if (event.pointerId === activePointerId.value) cleanupPointerDrag();
+		};
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") cleanupPointerDrag();
+		};
+		onBeforeUnmount(cleanupPointerDrag);
 		const sortBy = (field) => {
 			emit("sort", field);
 		};
@@ -6647,7 +6695,11 @@ var _sfc_main$1 = {
 				"show-deleted-label",
 				"search-mode",
 				"search-fields-layout"
-			])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90", __props.isCard ? "animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""]) }, [createElementVNode("div", { class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-t-xl" : ""]) }, [createElementVNode("table", { class: normalizeClass(joinClasses("min-w-full divide-y divide-neutral-200 dark:divide-neutral-800", __props.tableClass)) }, [createElementVNode("thead", { class: normalizeClass(joinClasses("bg-neutral-50/80 dark:bg-neutral-900/80", __props.theadClass)) }, [createElementVNode("tr", { class: normalizeClass(__props.headerRowClass) }, [
+			])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90", __props.isCard ? "animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""]) }, [createElementVNode("div", { class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-t-xl" : ""]) }, [createElementVNode("table", {
+				ref_key: "tableRef",
+				ref: tableRef,
+				class: normalizeClass(joinClasses("min-w-full divide-y divide-neutral-200 dark:divide-neutral-800", __props.tableClass))
+			}, [createElementVNode("thead", { class: normalizeClass(joinClasses("bg-neutral-50/80 dark:bg-neutral-900/80", __props.theadClass)) }, [createElementVNode("tr", { class: normalizeClass(__props.headerRowClass) }, [
 				__props.orderable ? (openBlock(), createElementBlock("th", _hoisted_2$2, "#")) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 					return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
@@ -6680,22 +6732,23 @@ var _sfc_main$1 = {
 					class: normalizeClass(actionHeaderClass.value)
 				}, toDisplayString(__props.actionsLabel), 3)) : createCommentVNode("", true)
 			], 2)], 2), createElementVNode("tbody", { class: normalizeClass(joinClasses("divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950", __props.tbodyClass)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredData.value, (item, index) => {
-				return openBlock(), createElementBlock("tr", {
-					key: unref(getRowKey)(item, index, __props.rowKey),
+				return openBlock(), createElementBlock(Fragment, { key: unref(getRowKey)(item, index, __props.rowKey) }, [isDragging.value && index !== draggedIndex.value && insertionIndex.value === insertionPositionForRow(index) ? (openBlock(), createElementBlock("tr", _hoisted_3$2, [createElementVNode("td", {
+					colspan: placeholderColumnCount.value,
+					class: "p-0"
+				}, [createElementVNode("div", {
+					class: "mx-2 rounded-md border border-dashed border-blue-400 bg-blue-50/70 dark:border-blue-500 dark:bg-blue-950/30",
+					style: normalizeStyle({ height: `${dragRowHeight.value}px` })
+				}, null, 4)], 8, _hoisted_4$1)])) : createCommentVNode("", true), !isDragging.value || index !== draggedIndex.value ? (openBlock(), createElementBlock("tr", {
+					key: 1,
 					"data-row-index": index,
-					class: normalizeClass(joinClasses(__props.rowClasses(item, index), "transition-[transform,opacity,box-shadow] duration-100 ease-out", draggedIndex.value === index ? "opacity-0" : "", dragOverIndex.value === index ? "ring-2 ring-inset ring-neutral-400 dark:ring-neutral-500" : "")),
-					style: normalizeStyle(rowDragStyle(index)),
-					onDragenter: ($event) => updateDragOver(index, $event),
-					onDragover: withModifiers(($event) => updateDragOver(index, $event), ["prevent"]),
-					onDrop: ($event) => dropRow(index, $event)
+					class: normalizeClass(joinClasses(__props.rowClasses(item, index), "transition-transform duration-150 ease-out"))
 				}, [
-					__props.orderable ? (openBlock(), createElementBlock("td", _hoisted_4$1, [createElementVNode("span", _hoisted_5$1, [createElementVNode("span", {
-						draggable: canReorder.value,
+					__props.orderable ? (openBlock(), createElementBlock("td", _hoisted_6$1, [createElementVNode("span", _hoisted_7$1, [createElementVNode("span", {
 						class: "cursor-grab touch-none active:cursor-grabbing",
 						"aria-label": `Drag row ${index + 1}`,
-						onDragstart: ($event) => startDrag(index, $event),
-						onDragend: endDrag
-					}, [createVNode(unref(GripVertical), { class: "size-4" })], 40, _hoisted_6$1), createElementVNode("span", null, toDisplayString(index + 1), 1)])])) : createCommentVNode("", true),
+						onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+						onPointerdown: ($event) => startPointerDrag(index, $event)
+					}, [createVNode(unref(GripVertical), { class: "size-4" })], 40, _hoisted_8$1), createElementVNode("span", null, toDisplayString(index + 1), 1)])])) : createCommentVNode("", true),
 					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 						return openBlock(), createElementBlock("td", {
 							key: column.key,
@@ -6707,7 +6760,7 @@ var _sfc_main$1 = {
 						}, [createElementVNode("div", {
 							class: "truncate text-sm font-medium text-neutral-950 dark:text-neutral-50",
 							title: getCellContent(item, column)
-						}, toDisplayString(getCellContent(item, column)), 9, _hoisted_7$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)], 2)) : column.slot ? (openBlock(), createElementBlock("div", {
+						}, toDisplayString(getCellContent(item, column)), 9, _hoisted_9$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)], 2)) : column.slot ? (openBlock(), createElementBlock("div", {
 							key: 1,
 							class: normalizeClass(getContentClass(column))
 						}, [renderSlot(_ctx.$slots, column.slot, {
@@ -6718,7 +6771,7 @@ var _sfc_main$1 = {
 							key: 2,
 							class: normalizeClass(getContentClass(column)),
 							innerHTML: column.render(item)
-						}, null, 10, _hoisted_9$1)) : (openBlock(), createElementBlock("div", {
+						}, null, 10, _hoisted_11$1)) : (openBlock(), createElementBlock("div", {
 							key: 3,
 							class: normalizeClass(getContentClass(column))
 						}, toDisplayString(getCellContent(item, column)), 3))], 6);
@@ -6730,11 +6783,17 @@ var _sfc_main$1 = {
 						item,
 						index
 					})], 2)) : createCommentVNode("", true)
-				], 46, _hoisted_3$2);
-			}), 128))], 2)], 2)], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-				createElementVNode("div", _hoisted_11$1, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
-				createElementVNode("h3", _hoisted_12$1, toDisplayString(__props.emptyState.title), 1),
-				createElementVNode("p", _hoisted_13$1, toDisplayString(__props.emptyState.description), 1),
+				], 10, _hoisted_5$1)) : createCommentVNode("", true)], 64);
+			}), 128)), isDragging.value && insertionIndex.value === filteredData.value.length - 1 ? (openBlock(), createElementBlock("tr", _hoisted_12$1, [createElementVNode("td", {
+				colspan: placeholderColumnCount.value,
+				class: "p-0"
+			}, [createElementVNode("div", {
+				class: "mx-2 rounded-md border border-dashed border-blue-400 bg-blue-50/70 dark:border-blue-500 dark:bg-blue-950/30",
+				style: normalizeStyle({ height: `${dragRowHeight.value}px` })
+			}, null, 4)], 8, _hoisted_13$1)])) : createCommentVNode("", true)], 2)], 2)], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+				createElementVNode("div", _hoisted_15$1, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
+				createElementVNode("h3", _hoisted_16$1, toDisplayString(__props.emptyState.title), 1),
+				createElementVNode("p", _hoisted_17, toDisplayString(__props.emptyState.description), 1),
 				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$6, {
 					key: 0,
 					href: __props.emptyState.actionUrl,
@@ -7563,4 +7622,4 @@ var plugin_default = { install(app) {
 //#endregion
 export { _sfc_main$34 as $, _sfc_main$11 as A, _sfc_main$21 as B, useSidebar as C, _sfc_main$8 as D, _sfc_main$7 as E, _sfc_main$16 as F, _sfc_main$26 as G, _sfc_main$23 as H, ColorPicker_default as I, _sfc_main$29 as J, _sfc_main$27 as K, _sfc_main$18 as L, _sfc_main$13 as M, _sfc_main$14 as N, _sfc_main$9 as O, _sfc_main$15 as P, _sfc_main$33 as Q, _sfc_main$19 as R, Sidebar_default as S, _sfc_main$6 as T, DateRangeInput_default as U, _sfc_main$22 as V, DateInput_default as W, _sfc_main$31 as X, _sfc_main$30 as Y, _sfc_main$32 as Z, SidebarGroupLabel_default as _, _sfc_main$1 as a, _sfc_main$40 as at, SidebarFooter_default as b, _sfc_main$4 as c, SidebarProvider_default as d, SectionTitle_default as et, SidebarMenuItem_default as f, SidebarHeader_default as g, SidebarInset_default as h, _sfc_main as i, _sfc_main$39 as it, _sfc_main$12 as j, _sfc_main$10 as k, SlidePanel_default as l, SidebarMenu_default as m, ToastContainer_default as n, _sfc_main$37 as nt, _sfc_main$2 as o, __commonJSMin as ot, SidebarMenuButton_default as p, _sfc_main$28 as q, Toast_default as r, _sfc_main$38 as rt, _sfc_main$3 as s, plugin_default as t, _sfc_main$36 as tt, SidebarTrigger_default as u, SidebarGroupContent_default as v, _sfc_main$5 as w, SidebarContent_default as x, SidebarGroup_default as y, _sfc_main$20 as z };
 
-//# sourceMappingURL=plugin-D0P_jRZq.js.map
+//# sourceMappingURL=plugin-BXdUiTUI.js.map