@threadlabs/looma 0.5.1 → 0.5.2

package/vue/chunks/UiTooltip.js

@@ -13,77 +13,76 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		for: { default: "" },
 		hideDelay: { default: 100 },
 		inverse: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		placement: { default: "top-start" },
 		showDelay: { default: 500 }
 	},
-	emits: ["open", "close"],
+	emits: [
+		"update:open",
+		"open",
+		"close"
+	],
 	setup(__props, { emit: __emit }) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v)
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalOpen = ref(false);
+		const internalOpen = ref(false);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [
+			props.inverse && "inverse",
+			props.placement && "placement",
+			`placement=${encodeURIComponent(props.placement)}`
+		].filter(Boolean).join(" "));
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			const declared = {
-				"open": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				open: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"close": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				close: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				}
 			};
 			const checks = {
-				"open": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+				open: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 					"open",
 					"reason",
 					"trigger"
 				].includes(key)),
-				"close": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+				close: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 					"open",
 					"reason",
 					"trigger"
 				].includes(key))
 			};
 			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
-			emit(name, detail);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "open" in detail) emitEvent("update:open", detail["open"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				...declared[name],
 				detail
 			})) ?? true;
-		};
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["inverse", "placement"].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
+		}
 		function read(name) {
-			if (name === "internalOpen") return state_internalOpen.value;
+			if (name === "internalOpen") return internalOpen.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalOpen") {
-				state_internalOpen.value = value;
+				internalOpen.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -97,7 +96,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -151,13 +150,13 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"data-component": "ui-tooltip",
 				role: "tooltip"
 			}, _ctx.$attrs, {
-				hidden: hn.attr(!hn.t(state_internalOpen.value)),
+				hidden: !internalOpen.value,
 				"data-ui-tooltip-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-df5715b2"]]);
+}), [["__scopeId", "data-v-78626a50"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -20,6 +20,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-ee7c5f3c"]]);
+}), [["__scopeId", "data-v-e785cef9"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -11,28 +11,31 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		label: { default: "Tree" },
 		maxDepth: { default: 0 }
 	},
-	emits: ["reorder", "reorder-rejected"],
+	emits: [
+		"update:maxDepth",
+		"reorder",
+		"reorder-rejected"
+	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			const declared = {
-				"reorder": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				reorder: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
 				"reorder-rejected": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				}
 			};
 			const checks = {
-				"reorder": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["sourceId"] === "string" && typeof detail["targetId"] === "string" && (detail["position"] === "before" || detail["position"] === "inside" || detail["position"] === "after") && typeof detail["sourceType"] === "string" && typeof detail["targetType"] === "string" && typeof detail["sourceScope"] === "string" && typeof detail["targetScope"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+				reorder: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["sourceId"] === "string" && typeof detail["targetId"] === "string" && (detail["position"] === "before" || detail["position"] === "inside" || detail["position"] === "after") && typeof detail["sourceType"] === "string" && typeof detail["targetType"] === "string" && typeof detail["sourceScope"] === "string" && typeof detail["targetScope"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 					"sourceId",
 					"targetId",
 					"position",
@@ -53,14 +56,16 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				].includes(key))
 			};
 			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
-			emit(name, detail);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "maxDepth" in detail) emitEvent("update:maxDepth", detail["maxDepth"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
 			return props[name];
 		}
@@ -76,7 +81,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -135,6 +140,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-fbd119c9"]]);
+}), [["__scopeId", "data-v-abe57610"]]);
 //#endregion
 export { UiTree_default as t };

package/vue/chunks/UiTreeItem.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, watchEffect } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tree-item/ui-tree-item.js";
 //#region .build/vue/UiTreeItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -15,12 +15,16 @@ var _hoisted_1 = [
 	"data-subtree-depth",
 	"data-ui-tree-item-state"
 ];
-var _hoisted_2 = ["aria-label"];
-var _hoisted_3 = ["disabled", "hidden"];
-var _hoisted_4 = { class: "leading" };
-var _hoisted_5 = { class: "label" };
-var _hoisted_6 = { class: "actions" };
-var _hoisted_7 = ["hidden"];
+var _hoisted_2 = {
+	class: "row",
+	ref: "row"
+};
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = ["disabled", "hidden"];
+var _hoisted_5 = { class: "leading" };
+var _hoisted_6 = { class: "label" };
+var _hoisted_7 = { class: "actions" };
+var _hoisted_8 = ["hidden"];
 //#endregion
 //#region .build/vue/UiTreeItem.vue
 var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -29,115 +33,92 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	props: {
 		accepts: { default: "" },
 		container: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		dragType: { default: "item" },
 		dropDepth: {},
 		dropScope: { default: "" },
 		expanded: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		itemId: { default: "" },
 		label: { default: "" },
 		selected: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		sortable: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		subtreeDepth: {}
 	},
-	emits: ["expand"],
+	emits: ["update:expanded", "expand"],
 	setup(__props, { emit: __emit }) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			n: (v) => typeof v === "number" && v === v ? v : void 0,
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v),
-			call: (fn, ...args) => {
-				if (fn === "format") {
-					let index = 1;
-					return typeof args[0] === "string" ? args[0].replace(/%s/g, () => index < args.length ? hn.text(args[index++]) : "%s") : void 0;
-				}
-				const n = args.map(hn.n);
-				if (n.some((value) => value === void 0)) return void 0;
-				const v = n;
-				switch (fn) {
-					case "abs": return v.length === 1 ? Math.abs(v[0]) : void 0;
-					case "round": return v.length === 1 ? Math.round(v[0]) : void 0;
-					case "min": return v.length > 0 ? Math.min(...v) : void 0;
-					case "max": return v.length > 0 ? Math.max(...v) : void 0;
-					case "clamp": return v.length === 3 ? Math.min(Math.max(v[0], v[1]), v[2]) : void 0;
-				}
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalExpanded = ref(false);
-		const state_structuralLevel = ref(1);
-		const state_tabStop = ref(false);
-		const state_isContainer = ref(false);
+		const rowElement = useTemplateRef("row");
+		const dragHandleElement = useTemplateRef("dragHandle");
+		const disclosureElement = useTemplateRef("disclosure");
+		const childrenElement = useTemplateRef("children");
+		const internalExpanded = ref(false);
+		const structuralLevel = ref(1);
+		const tabStop = ref(false);
+		const isContainer = ref(false);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.selected && "selected", props.disabled && "disabled"].filter(Boolean).join(" "));
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
-			const declared = { "expand": {
-				"bubbles": false,
-				"composed": true,
-				"cancelable": false
+		function dispatch(name, detail) {
+			const declared = { expand: {
+				bubbles: false,
+				composed: true,
+				cancelable: false
 			} };
-			const checks = { "expand": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && typeof detail["expanded"] === "boolean" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+			const checks = { expand: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && typeof detail["expanded"] === "boolean" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 				"id",
 				"expanded",
 				"trigger"
 			].includes(key)) };
 			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
-			emit(name, detail);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "expanded" in detail) emitEvent("update:expanded", detail["expanded"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				...declared[name],
 				detail
 			})) ?? true;
-		};
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["selected", "disabled"].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
+		}
 		function read(name) {
-			if (name === "internalExpanded") return state_internalExpanded.value;
-			if (name === "structuralLevel") return state_structuralLevel.value;
-			if (name === "tabStop") return state_tabStop.value;
-			if (name === "isContainer") return state_isContainer.value;
+			if (name === "internalExpanded") return internalExpanded.value;
+			if (name === "structuralLevel") return structuralLevel.value;
+			if (name === "tabStop") return tabStop.value;
+			if (name === "isContainer") return isContainer.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalExpanded") {
-				state_internalExpanded.value = value;
+				internalExpanded.value = value;
 				return true;
 			}
 			if (name === "structuralLevel") {
-				state_structuralLevel.value = value;
+				structuralLevel.value = value;
 				return true;
 			}
 			if (name === "tabStop") {
-				state_tabStop.value = value;
+				tabStop.value = value;
 				return true;
 			}
 			if (name === "isContainer") {
-				state_isContainer.value = value;
+				isContainer.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -151,7 +132,20 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {
+				get row() {
+					return rowElement.value;
+				},
+				get dragHandle() {
+					return dragHandleElement.value;
+				},
+				get disclosure() {
+					return disclosureElement.value;
+				},
+				get children() {
+					return childrenElement.value;
+				}
+			},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -205,35 +199,28 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-component": "ui-tree-item",
 				role: "treeitem"
 			}, _ctx.$attrs, {
-				"aria-label": hn.enumerated(props.label),
-				"aria-level": hn.enumerated(state_structuralLevel.value),
-				"aria-selected": hn.enumerated(props.selected),
-				"aria-disabled": hn.enumerated(props.disabled),
-				"data-item-id": hn.attr(props.itemId),
-				"data-drag-type": hn.attr(props.dragType),
-				"data-drop-scope": hn.attr(props.dropScope),
-				"data-accepts": hn.attr(props.accepts),
-				"data-drop-depth": hn.attr(props.dropDepth),
-				"data-subtree-depth": hn.attr(props.subtreeDepth),
+				"aria-label": __props.label,
+				"aria-level": structuralLevel.value,
+				"aria-selected": __props.selected,
+				"aria-disabled": __props.disabled,
+				"data-item-id": __props.itemId,
+				"data-drag-type": __props.dragType,
+				"data-drop-scope": __props.dropScope,
+				"data-accepts": __props.accepts,
+				"data-drop-depth": __props.dropDepth,
+				"data-subtree-depth": __props.subtreeDepth,
 				"data-ui-tree-item-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("div", {
-					class: "row",
-					ref: (element) => {
-						refs["row"] = element;
-					}
-				}, [
-					hn.t(hn.t(props.sortable) && hn.t(!hn.t(props.disabled))) ? (openBlock(), createElementBlock("button", {
+				createElementVNode("div", _hoisted_2, [
+					__props.sortable && !__props.disabled ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						class: "drag-handle",
 						type: "button",
 						draggable: "true",
-						"aria-label": hn.enumerated(hn.call("format", "Drag %s to reorder", props.label)),
-						ref: (element) => {
-							refs["dragHandle"] = element;
-						}
+						"aria-label": `Drag ${__props.label} to reorder`,
+						ref: "dragHandle"
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						"aria-hidden": "true",
 						focusable: "false",
@@ -274,22 +261,20 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							cy: "19",
 							r: "1"
 						})
-					], -1)])], 8, _hoisted_2)) : createCommentVNode("v-if", true),
+					], -1)])], 8, _hoisted_3)) : createCommentVNode("v-if", true),
 					createElementVNode("button", {
 						class: "disclosure",
 						type: "button",
-						disabled: hn.attr(props.disabled),
-						hidden: hn.attr(!hn.t(state_isContainer.value)),
-						ref: (element) => {
-							refs["disclosure"] = element;
-						}
+						disabled: __props.disabled,
+						hidden: !isContainer.value,
+						ref: "disclosure"
 					}, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
 						class: "disclosure-icon",
 						"aria-hidden": "true"
-					}, null, -1)])], 8, _hoisted_3),
-					createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "leading")]),
-					createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(hn.text(props.label)), 1)])]),
-					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions")]),
+					}, null, -1)])], 8, _hoisted_4),
+					createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "leading")]),
+					createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]),
+					createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "actions")]),
 					_cache[2] || (_cache[2] = createElementVNode("span", {
 						class: "drop-indicator row-drop-indicator",
 						"aria-hidden": "true"
@@ -298,11 +283,9 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				createElementVNode("div", {
 					class: "children",
 					role: "group",
-					hidden: hn.attr(!hn.t(hn.t(state_isContainer.value) && hn.t(state_internalExpanded.value))),
-					ref: (element) => {
-						refs["children"] = element;
-					}
-				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_7),
+					hidden: !(isContainer.value && internalExpanded.value),
+					ref: "children"
+				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_8),
 				_cache[3] || (_cache[3] = createElementVNode("span", {
 					class: "drop-indicator subtree-drop-indicator",
 					"aria-hidden": "true"
@@ -310,6 +293,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7617a58a"]]);
+}), [["__scopeId", "data-v-554c49dd"]]);
 //#endregion
 export { UiTreeItem_default as t };