@threadlabs/looma 0.23.9 → 0.23.11

package/vue/UiTreeItem.vue

@@ -4,6 +4,7 @@ import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEf
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
 import { checkedProp, propValidityState, vPropValidity } from './props'
+import UiButton from './UiButton.vue'
 
 defineOptions({ inheritAttrs: false })
 
@@ -109,7 +110,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'sortable' },
       description:
-        'Gives the item a move handle. Drag it, or activate it and choose a target by a second click or the keyboard. The tree reports reorder and leaves moving the\n      item to you. Needs itemId; disabled items show no handle.',
+        'Gives the item a move handle. Drag it, or activate it according to the tree\'s moveActivation and choose a target by a second click or the keyboard. A\n      guided move exposes Cancel on this row. The tree reports reorder and leaves moving the item to you. Needs itemId; disabled items show no handle.',
       default: false,
     },
     subtreeDepth: {
@@ -316,6 +317,7 @@ const internalExpanded = ref(false)
 const structuralLevel = ref(1)
 const tabStop = ref(false)
 const isContainer = ref(false)
+const moving = ref(false)
 let guardedPrevious: any
 const guarded = computed(() => {
   if (!(structuralLevel.value == null || Number.isInteger(structuralLevel.value))) {
@@ -342,6 +344,7 @@ provide('html-next:ui-tree-item:internalExpanded', internalExpanded)
 provide('html-next:ui-tree-item:structuralLevel', structuralLevel)
 provide('html-next:ui-tree-item:tabStop', tabStop)
 provide('html-next:ui-tree-item:isContainer', isContainer)
+provide('html-next:ui-tree-item:moving', moving)
 const hydrationNode = hydrationInstance?.vnode.el
 if (
   typeof window !== 'undefined' && hydrationNode != null
@@ -427,8 +430,21 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     actions: actionsElement,
     children: childrenElement,
   },
-  state: { internalExpanded, structuralLevel, tabStop, isContainer },
+  state: { internalExpanded, structuralLevel, tabStop, isContainer, moving },
 })
+
+function text(value: unknown): string {
+  if (Array.isArray(value)) return value.map(text).join(' ')
+  return value === null || value === undefined || typeof value === 'object' ? '' : String(value)
+}
+
+function attribute(value: unknown): any {
+  if (
+    value === null || value === undefined || value === false
+    || (typeof value === 'object' && !Array.isArray(value))
+  ) return undefined
+  return value === true ? '' : text(value)
+}
 </script>
 
 <template>
@@ -464,7 +480,22 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
         class="drag-handle"
         type="button"
         draggable="true"
-        :aria-label="`Drag ${checkedProps.label ?? ''} to reorder`"
+        :aria-label="typeof ((({
+          true: `Cancel moving ${checkedProps.label ?? ''}`,
+          false: `Drag ${checkedProps.label ?? ''} to reorder`,
+        }) as Record<string, any>)[`${moving}`]) === 'boolean'
+        ? String(
+          (({
+            true: `Cancel moving ${checkedProps.label ?? ''}`,
+            false: `Drag ${checkedProps.label ?? ''} to reorder`,
+          }) as Record<string, any>)[`${moving}`],
+        )
+        : attribute(
+          (({
+            true: `Cancel moving ${checkedProps.label ?? ''}`,
+            false: `Drag ${checkedProps.label ?? ''} to reorder`,
+          }) as Record<string, any>)[`${moving}`],
+        )"
         ref="dragHandle"
       >
         <svg
@@ -506,7 +537,15 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
       <span class="label" ref="label"><span class="label-text" ref="labelText"><slot name="label">{{
             checkedProps.label
           }}</slot></span></span>
-      <span class="actions" ref="actions"><slot name="actions" /></span>
+      <span class="actions" ref="actions"><UiButton
+          v-if="moving"
+          data-tree-cancel-move=""
+          variant="ghost"
+          tone="neutral"
+          size="sm"
+          aria-label="Cancel move"
+        >Cancel</UiButton>
+        <span><slot name="actions" /></span></span>
       <span class="drop-indicator row-drop-indicator" aria-hidden="true"></span>
     </div>
     <div class="children" role="group" :hidden="guardedBinding2" ref="children"><slot /></div>
@@ -600,7 +639,12 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   background: var(--ui-disabled-surface);
 }
 
-[data-component~="ui-tree-item"][data-dragging] .row {
+[data-component~="ui-tree-item"][data-dragging]:not([data-move-source]) .row {
+  opacity: 0.42;
+}
+
+[data-component~="ui-tree-item"][data-move-source] > .row > .label,
+[data-component~="ui-tree-item"][data-move-source] > .row > .leading {
   opacity: 0.42;
 }
 
@@ -775,7 +819,8 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
 /* The controls sit over the label's end, so the text fades out where they begin. The fade is
    the truncation mark while it shows: an ellipsis under it would read as a second one. */
 .row:hover > .label,
-.row:focus-within > .label {
+.row:focus-within > .label,
+[data-component~="ui-tree-item"][data-move-source] > .row > .label {
   text-overflow: clip;
   mask-image: linear-gradient(
     to right,
@@ -785,7 +830,8 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
 }
 
 .row:hover > .label:dir(rtl),
-.row:focus-within > .label:dir(rtl) {
+.row:focus-within > .label:dir(rtl),
+[data-component~="ui-tree-item"][data-move-source] > .row > .label:dir(rtl) {
   mask-image: linear-gradient(
     to left,
     #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-1)),
@@ -872,7 +918,8 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
 }
 
 .row:hover > .actions,
-.row:focus-within > .actions {
+.row:focus-within > .actions,
+[data-component~="ui-tree-item"][data-move-source] > .row > .actions {
   opacity: 1;
   pointer-events: auto;
 }

package/vue/chunks/UiCombobox.js

@@ -9,6 +9,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 var _hoisted_1 = [
 	"data-allow-create",
 	"data-allow-free-text",
+	"data-auto-highlight",
 	"data-clearable",
 	"data-disabled",
 	"data-disclosure",
@@ -26,6 +27,7 @@ var _hoisted_1 = [
 	"data-query",
 	"data-readonly",
 	"data-required",
+	"data-select-on-tab",
 	"data-selected-values",
 	"data-size",
 	"data-token-separators",
@@ -140,6 +142,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: false
 		},
+		autoHighlight: {
+			type: null,
+			default: "none"
+		},
 		clearable: {
 			type: null,
 			default: false
@@ -208,6 +214,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: false
 		},
+		selectOnTab: {
+			type: null,
+			default: false
+		},
 		selectedValues: {
 			type: null,
 			default: null
@@ -263,6 +273,17 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "Allows values that do not match an authored option.",
 				default: false
 			},
+			autoHighlight: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "autohighlight" },
+				description: "single highlights the only enabled authored suggestion while typing. Ambiguous results and an empty query stay unhighlighted. none preserves manual\n      highlighting with the arrow keys.",
+				values: ["none", "single"],
+				default: "none"
+			},
 			clearable: {
 				type: {
 					kind: "terminal",
@@ -531,6 +552,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "Requires a value: adds an asterisk to the label, marks the input required for native form validation, and makes validation report \"A value is required.\"\n      when the field is left empty. In multiple mode a chosen item satisfies it, whatever is left in the input.",
 				default: false
 			},
+			selectOnTab: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "selectontab" },
+				description: "Commits a highlighted authored suggestion on forward Tab, then lets focus advance normally. In multiple mode a selected suggestion is retained without\n      duplication or removal. Shift+Tab does not commit, and Tab never chooses the create offer.",
+				default: false
+			},
 			selectedValues: {
 				type: {
 					kind: "list",
@@ -584,6 +615,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const acceptedProps = {
 			allowCreate: false,
 			allowFreeText: false,
+			autoHighlight: "none",
 			clearable: false,
 			disabled: false,
 			disclosure: false,
@@ -601,6 +633,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			query: null,
 			readonly: false,
 			required: false,
+			selectOnTab: false,
 			selectedValues: null,
 			size: "md",
 			tokenSeparators: null,
@@ -615,6 +648,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "boolean"
 			}, false, "allowFreeText", acceptedProps),
+			autoHighlight: checkedProp(props["autoHighlight"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "autoHighlight", acceptedProps),
 			clearable: checkedProp(props["clearable"], {
 				kind: "terminal",
 				name: "boolean"
@@ -781,6 +818,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "boolean"
 			}, false, "required", acceptedProps),
+			selectOnTab: checkedProp(props["selectOnTab"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "selectOnTab", acceptedProps),
 			selectedValues: checkedProp(props["selectedValues"], {
 				kind: "list",
 				item: {
@@ -1063,6 +1104,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			propNames: [
 				"allowCreate",
 				"allowFreeText",
+				"autoHighlight",
 				"clearable",
 				"disabled",
 				"disclosure",
@@ -1080,6 +1122,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"query",
 				"readonly",
 				"required",
+				"selectOnTab",
 				"selectedValues",
 				"size",
 				"tokenSeparators",
@@ -1176,6 +1219,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-combobox" }, nativeAttrs(_ctx.$attrs), {
 				"data-allow-create": reflectedProp("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
 				"data-allow-free-text": reflectedProp("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
+				"data-auto-highlight": reflectedProp("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
 				"data-clearable": reflectedProp("clearable", "clearable", checkedProps.value.clearable, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-disclosure": reflectedProp("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
@@ -1193,6 +1237,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
 				"data-readonly": reflectedProp("readonly", "readonly", checkedProps.value.readonly, void 0, false),
 				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
+				"data-select-on-tab": reflectedProp("selectOnTab", "select-on-tab", checkedProps.value.selectOnTab, void 0, false),
 				"data-selected-values": reflectedProp("selectedValues", "selected-values", checkedProps.value.selectedValues, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-token-separators": reflectedProp("tokenSeparators", "token-separators", checkedProps.value.tokenSeparators, void 0, false),
@@ -1413,6 +1458,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a593ab08"]]);
+}), [["__scopeId", "data-v-8e9a00eb"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiDisclosure.js

@@ -167,7 +167,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				},
 				required: false,
 				target: { attribute: "variant" },
-				description: "Navigation shares icon columns, spacing, type, hover, and corners with Nav Item. Plain retains the standard disclosure treatment.",
+				description: "Navigation shares icon columns, spacing, type, hover, and corners with Nav Item, while keeping expanded sections neutral: opening content is not route\n      selection. Plain retains the standard disclosure treatment.",
 				values: ["plain", "navigation"],
 				default: "plain"
 			}
@@ -385,6 +385,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a0b99707"]]);
+}), [["__scopeId", "data-v-a6fee58b"]]);
 //#endregion
 export { UiDisclosure_default as t };

package/vue/chunks/UiTree.js

@@ -9,6 +9,7 @@ var _hoisted_1 = [
 	"data-label",
 	"data-marquee",
 	"data-max-depth",
+	"data-move-activation",
 	"data-selection",
 	"data-ui-tree-state"
 ];
@@ -38,6 +39,10 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			type: null,
 			default: 0
 		},
+		moveActivation: {
+			type: null,
+			default: "click"
+		},
 		selection: {
 			type: null,
 			default: "none"
@@ -103,6 +108,17 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				description: "The deepest level a drag may produce, counting the top level as 1. A drop that would place the dragged item, or any item beneath it, deeper than this is\n      refused and reported as reorder-rejected. 0 means no limit.",
 				default: 0
 			},
+			moveActivation: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "moveactivation" },
+				description: "Which handle activations start guided moving. click preserves two-click moving with any pointer. keyboard-touch leaves ordinary mouse and pen clicks inert\n      while retaining keyboard activation and touch taps. Actual pointer dragging works in either mode. Guided moves show Cancel on the source row; Escape or\n      reactivating that source handle also cancels without requesting a reorder.",
+				values: ["click", "keyboard-touch"],
+				default: "click"
+			},
 			selection: {
 				type: {
 					kind: "terminal",
@@ -126,6 +142,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			label: "Tree",
 			marquee: false,
 			maxDepth: 0,
+			moveActivation: "click",
 			selection: "none"
 		};
 		const checkedProps = computed(() => ({
@@ -149,6 +166,10 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "number"
 			}, false, "maxDepth", acceptedProps),
+			moveActivation: checkedProp(props["moveActivation"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "moveActivation", acceptedProps),
 			selection: checkedProp(props["selection"], {
 				kind: "terminal",
 				name: "keyword"
@@ -236,6 +257,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"label",
 				"marquee",
 				"maxDepth",
+				"moveActivation",
 				"selection"
 			],
 			propValidity: (name) => propValidityState({
@@ -253,6 +275,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
 				"data-marquee": reflectedProp("marquee", "marquee", checkedProps.value.marquee, void 0, false),
 				"data-max-depth": reflectedProp("maxDepth", "max-depth", checkedProps.value.maxDepth, void 0, false),
+				"data-move-activation": reflectedProp("moveActivation", "move-activation", checkedProps.value.moveActivation, void 0, false),
 				"data-selection": reflectedProp("selection", "selection", checkedProps.value.selection, void 0, false),
 				"data-ui-tree-state": hostState.value || void 0,
 				ref_key: "root",
@@ -263,6 +286,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ba04ad17"]]);
+}), [["__scopeId", "data-v-7845ed59"]]);
 //#endregion
 export { UiTree_default as t };

package/vue/chunks/UiTreeItem.js

@@ -1,7 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
 import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { t as UiButton_default } from "./UiButton.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiTreeItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-label",
@@ -245,7 +246,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				},
 				required: false,
 				target: { attribute: "sortable" },
-				description: "Gives the item a move handle. Drag it, or activate it and choose a target by a second click or the keyboard. The tree reports reorder and leaves moving the\n      item to you. Needs itemId; disabled items show no handle.",
+				description: "Gives the item a move handle. Drag it, or activate it according to the tree's moveActivation and choose a target by a second click or the keyboard. A\n      guided move exposes Cancel on this row. The tree reports reorder and leaves moving the item to you. Needs itemId; disabled items show no handle.",
 				default: false
 			},
 			subtreeDepth: {
@@ -364,6 +365,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const structuralLevel = ref(1);
 		const tabStop = ref(false);
 		const isContainer = ref(false);
+		const moving = ref(false);
 		let guardedPrevious;
 		const guarded = computed(() => {
 			if (!(structuralLevel.value == null || Number.isInteger(structuralLevel.value))) return guardedPrevious;
@@ -383,6 +385,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		provide("html-next:ui-tree-item:structuralLevel", structuralLevel);
 		provide("html-next:ui-tree-item:tabStop", tabStop);
 		provide("html-next:ui-tree-item:isContainer", isContainer);
+		provide("html-next:ui-tree-item:moving", moving);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-tree-item> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -458,9 +461,18 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				internalExpanded,
 				structuralLevel,
 				tabStop,
-				isContainer
+				isContainer,
+				moving
 			}
 		});
+		function text(value) {
+			if (Array.isArray(value)) return value.map(text).join(" ");
+			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
+		}
+		function attribute(value) {
+			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
+			return value === true ? "" : text(value);
+		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-tree-item",
@@ -494,7 +506,16 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						class: "drag-handle",
 						type: "button",
 						draggable: "true",
-						"aria-label": `Drag ${checkedProps.value.label ?? ""} to reorder`,
+						"aria-label": typeof {
+							true: `Cancel moving ${checkedProps.value.label ?? ""}`,
+							false: `Drag ${checkedProps.value.label ?? ""} to reorder`
+						}[`${moving.value}`] === "boolean" ? String({
+							true: `Cancel moving ${checkedProps.value.label ?? ""}`,
+							false: `Drag ${checkedProps.value.label ?? ""} to reorder`
+						}[`${moving.value}`]) : attribute({
+							true: `Cancel moving ${checkedProps.value.label ?? ""}`,
+							false: `Drag ${checkedProps.value.label ?? ""} to reorder`
+						}[`${moving.value}`]),
 						ref: "dragHandle"
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						"aria-hidden": "true",
@@ -557,8 +578,18 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}, null, 8, _hoisted_6)]),
 					createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "leading")], 512),
 					createElementVNode("span", _hoisted_8, [createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(checkedProps.value.label), 1)])], 512)], 512),
-					createElementVNode("span", _hoisted_10, [renderSlot(_ctx.$slots, "actions")], 512),
-					_cache[2] || (_cache[2] = createElementVNode("span", {
+					createElementVNode("span", _hoisted_10, [moving.value ? (openBlock(), createBlock(UiButton_default, {
+						key: 0,
+						"data-tree-cancel-move": "",
+						variant: "ghost",
+						tone: "neutral",
+						size: "sm",
+						"aria-label": "Cancel move"
+					}, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Cancel", -1)])]),
+						_: 1
+					})) : createCommentVNode("v-if", true), createElementVNode("span", null, [renderSlot(_ctx.$slots, "actions")])], 512),
+					_cache[3] || (_cache[3] = createElementVNode("span", {
 						class: "drop-indicator row-drop-indicator",
 						"aria-hidden": "true"
 					}, null, -1))
@@ -569,7 +600,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					hidden: guardedBinding2.value,
 					ref: "children"
 				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_11),
-				_cache[3] || (_cache[3] = createElementVNode("span", {
+				_cache[4] || (_cache[4] = createElementVNode("span", {
 					class: "drop-indicator subtree-drop-indicator",
 					"aria-hidden": "true"
 				}, null, -1))
@@ -579,6 +610,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-567c1a55"]]);
+}), [["__scopeId", "data-v-d2b1bbe0"]]);
 //#endregion
 export { UiTreeItem_default as t };