@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiTreeItem.js

@@ -1,5 +1,4 @@
-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 { _ as useComponentHost, a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 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";
@@ -35,14 +34,6 @@ var _hoisted_5 = [
 	"aria-label"
 ];
 var _hoisted_6 = ["hidden"];
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiTreeItem.vue
 var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -346,18 +337,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -374,22 +354,16 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const tabStop = ref(false);
 		const isContainer = ref(false);
 		const moving = ref(false);
-		let guardedPrevious;
+		let guardedPrevious = null;
 		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(structuralLevel.value == null || Number.isInteger(structuralLevel.value), "$structuralLevel:structuralLevel", "./components/ui-tree-item/ui-tree-item.html: HR007: Reference structuralLevel does not satisfy its declared type.")) return guardedPrevious;
-			return guardedPrevious = structuralLevel.value;
-		});
-		let guardedBindingPrevious = null;
-		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(moving.value == null || typeof moving.value === "boolean", "{ true: concat('Cancel moving ', $label), false: concat('Drag ', $label, ' to reorder') }[concat($moving)]:moving", "./components/ui-tree-item/ui-tree-item.html: HR007: Reference moving does not satisfy its declared type.")) return guardedBindingPrevious;
 			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
 				const value = {
 					true: concat("Cancel moving ", checkedProps.value.label),
 					false: concat("Drag ", checkedProps.value.label, " to reorder")
 				};
 				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
-			})(), concat(moving.value)) === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
-			return guardedBindingPrevious = typeof ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
+			})(), concat(moving.value)) === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = typeof ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
 				const value = {
 					true: concat("Cancel moving ", checkedProps.value.label),
 					false: concat("Drag ", checkedProps.value.label, " to reorder")
@@ -409,35 +383,18 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
 			})(), concat(moving.value)));
 		});
-		let guardedBinding2Previous;
-		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(isContainer.value == null || typeof isContainer.value === "boolean", "not $isContainer:isContainer", "./components/ui-tree-item/ui-tree-item.html: HR007: Reference isContainer does not satisfy its declared type.")) return guardedBinding2Previous;
-			return guardedBinding2Previous = !isContainer.value;
-		});
-		let guardedBinding3Previous = null;
-		const guardedBinding3 = computed(() => {
+		let guardedBindingPrevious = null;
+		const guardedBinding = computed(() => {
 			const candidate = concat("Select ", checkedProps.value.label);
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
-			return guardedBinding3Previous = candidate;
-		});
-		let guardedBinding4Previous;
-		const guardedBinding4 = computed(() => {
-			if (!(htmlNextAuthoredCheck2(internalExpanded.value == null || typeof internalExpanded.value === "boolean", "not ($isContainer and $internalExpanded):internalExpanded", "./components/ui-tree-item/ui-tree-item.html: HR007: Reference internalExpanded does not satisfy its declared type.") && htmlNextAuthoredCheck2(isContainer.value == null || typeof isContainer.value === "boolean", "not ($isContainer and $internalExpanded):isContainer", "./components/ui-tree-item/ui-tree-item.html: HR007: Reference isContainer does not satisfy its declared type."))) return guardedBinding4Previous;
-			return guardedBinding4Previous = !(isContainer.value && internalExpanded.value);
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = candidate;
 		});
 		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 && (!(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",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-tree-item> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-tree-item");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.selected && "selected",
@@ -533,44 +490,30 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				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);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-tree-item",
+				class: "ui-tree-item",
 				role: "treeitem"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"aria-label": checkedProps.value.label ?? void 0,
-				"aria-level": guarded.value,
+				"aria-level": structuralLevel.value,
 				"aria-selected": checkedProps.value.selected ?? void 0,
 				"aria-disabled": checkedProps.value.disabled ?? void 0,
-				"data-accepts": reflectedProp("accepts", "accepts", checkedProps.value.accepts, void 0, true),
-				"data-actions-visible": reflectedProp("actionsVisible", "actions-visible", checkedProps.value.actionsVisible, void 0, false),
-				"data-container": reflectedProp("container", "container", checkedProps.value.container, void 0, false),
-				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-drag-type": reflectedProp("dragType", "drag-type", checkedProps.value.dragType, void 0, true),
-				"data-drop-depth": reflectedProp("dropDepth", "drop-depth", checkedProps.value.dropDepth, void 0, true),
-				"data-drop-scope": reflectedProp("dropScope", "drop-scope", checkedProps.value.dropScope, void 0, true),
-				"data-expanded": reflectedProp("expanded", "expanded", checkedProps.value.expanded, void 0, false),
-				"data-item-id": reflectedProp("itemId", "item-id", checkedProps.value.itemId, void 0, true),
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-lazy": reflectedProp("lazy", "lazy", checkedProps.value.lazy, void 0, false),
-				"data-marquee": reflectedProp("marquee", "marquee", checkedProps.value.marquee, void 0, false),
-				"data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
-				"data-sortable": reflectedProp("sortable", "sortable", checkedProps.value.sortable, void 0, false),
-				"data-subtree-depth": reflectedProp("subtreeDepth", "subtree-depth", checkedProps.value.subtreeDepth, void 0, true),
+				"data-accepts": unref(reflectedProp)("accepts", "accepts", checkedProps.value.accepts, void 0, true),
+				"data-actions-visible": unref(reflectedProp)("actionsVisible", "actions-visible", checkedProps.value.actionsVisible, void 0, false),
+				"data-container": unref(reflectedProp)("container", "container", checkedProps.value.container, void 0, false),
+				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-drag-type": unref(reflectedProp)("dragType", "drag-type", checkedProps.value.dragType, void 0, true),
+				"data-drop-depth": unref(reflectedProp)("dropDepth", "drop-depth", checkedProps.value.dropDepth, void 0, true),
+				"data-drop-scope": unref(reflectedProp)("dropScope", "drop-scope", checkedProps.value.dropScope, void 0, true),
+				"data-expanded": unref(reflectedProp)("expanded", "expanded", checkedProps.value.expanded, void 0, false),
+				"data-item-id": unref(reflectedProp)("itemId", "item-id", checkedProps.value.itemId, void 0, true),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-lazy": unref(reflectedProp)("lazy", "lazy", checkedProps.value.lazy, void 0, false),
+				"data-marquee": unref(reflectedProp)("marquee", "marquee", checkedProps.value.marquee, void 0, false),
+				"data-selected": unref(reflectedProp)("selected", "selected", checkedProps.value.selected, void 0, false),
+				"data-sortable": unref(reflectedProp)("sortable", "sortable", checkedProps.value.sortable, void 0, false),
+				"data-subtree-depth": unref(reflectedProp)("subtreeDepth", "subtree-depth", checkedProps.value.subtreeDepth, void 0, true),
 				"data-ui-tree-item-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -585,7 +528,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						class: "drag-handle",
 						type: "button",
 						draggable: "true",
-						"aria-label": guardedBinding.value,
+						"aria-label": guarded.value,
 						ref_key: "dragHandleElement",
 						ref: dragHandleElement
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
@@ -633,7 +576,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						class: "disclosure",
 						type: "button",
 						disabled: checkedProps.value.disabled ?? void 0,
-						hidden: guardedBinding2.value,
+						hidden: !isContainer.value,
 						ref_key: "disclosureElement",
 						ref: disclosureElement
 					}, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
@@ -646,7 +589,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						tabindex: "-1",
 						"^checked": checkedProps.value.selected ? true : void 0,
 						disabled: checkedProps.value.disabled ?? void 0,
-						"aria-label": guardedBinding3.value
+						"aria-label": guardedBinding.value
 					}, null, 8, _hoisted_5)]),
 					createElementVNode("span", {
 						class: "leading",
@@ -668,6 +611,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						ref: actionsElement
 					}, [moving.value ? (openBlock(), createBlock(UiButton_default, {
 						key: 0,
+						class: "ui-button",
 						"data-tree-cancel-move": "",
 						variant: "ghost",
 						tone: "neutral",
@@ -685,7 +629,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				createElementVNode("div", {
 					class: "children",
 					role: "group",
-					hidden: guardedBinding4.value,
+					hidden: !(isContainer.value && internalExpanded.value),
 					ref_key: "childrenElement",
 					ref: childrenElement
 				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_6),
@@ -699,6 +643,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8f2cc947"]]);
+}), [["__scopeId", "data-v-89627b2f"]]);
 //#endregion
 export { UiTreeItem_default as t };