@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiTreeItem.js

@@ -1,5 +1,5 @@
 import { a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useComponentHost, y 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 { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } 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";
 //#region .build/vue/UiTreeItem.vue?vue&type=script&setup=true&lang.ts
@@ -42,7 +42,10 @@ var _hoisted_5 = [
 	"disabled",
 	"aria-label"
 ];
-var _hoisted_6 = { "data-hn-ui-tree-item": "" };
+var _hoisted_6 = {
+	key: 1,
+	"data-hn-ui-tree-item": ""
+};
 var _hoisted_7 = ["hidden"];
 //#endregion
 //#region .build/vue/UiTreeItem.vue
@@ -50,66 +53,22 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiTreeItem",
 	props: {
-		accepts: {
-			type: null,
-			default: ""
-		},
-		actionsVisible: {
-			type: null,
-			default: false
-		},
-		container: {
-			type: null,
-			default: false
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		dragType: {
-			type: null,
-			default: "item"
-		},
-		dropDepth: {
-			type: null,
-			default: null
-		},
-		dropScope: {
-			type: null,
-			default: ""
-		},
-		expanded: {
-			type: null,
-			default: false
-		},
-		itemId: {
-			type: null,
-			default: ""
-		},
-		label: {
-			type: null,
-			default: ""
-		},
-		lazy: {
-			type: null,
-			default: false
-		},
-		marquee: {
-			type: null,
-			default: false
-		},
-		selected: {
-			type: null,
-			default: false
-		},
-		sortable: {
-			type: null,
-			default: false
-		},
-		subtreeDepth: {
-			type: null,
-			default: null
-		}
+		accepts: { type: null },
+		actionsVisible: { type: null },
+		container: { type: null },
+		disabled: { type: null },
+		dragType: { type: null },
+		dropDepth: { type: null },
+		dropScope: { type: null },
+		expanded: { type: null },
+		itemId: { type: null },
+		label: { type: null },
+		lazy: { type: null },
+		marquee: { type: null },
+		selected: { type: null },
+		sortable: { type: null },
+		subtreeDepth: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["update:expanded", "expand"],
 	setup(__props, { emit: __emit }) {
@@ -264,7 +223,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			accepts: "",
 			actionsVisible: false,
 			container: false,
@@ -280,69 +239,108 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			selected: false,
 			sortable: false,
 			subtreeDepth: null
-		};
-		const checkedProps = computed(() => ({
-			accepts: checkedProp(props["accepts"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "accepts", acceptedProps),
-			actionsVisible: checkedProp(props["actionsVisible"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "actionsVisible", acceptedProps),
-			container: checkedProp(props["container"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "container", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			dragType: checkedProp(props["dragType"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "dragType", acceptedProps),
-			dropDepth: checkedProp(props["dropDepth"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "dropDepth", acceptedProps),
-			dropScope: checkedProp(props["dropScope"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "dropScope", acceptedProps),
-			expanded: checkedProp(props["expanded"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "expanded", acceptedProps),
-			itemId: checkedProp(props["itemId"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "itemId", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			lazy: checkedProp(props["lazy"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "lazy", acceptedProps),
-			marquee: checkedProp(props["marquee"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "marquee", acceptedProps),
-			selected: checkedProp(props["selected"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "selected", acceptedProps),
-			sortable: checkedProp(props["sortable"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "sortable", acceptedProps),
-			subtreeDepth: checkedProp(props["subtreeDepth"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "subtreeDepth", acceptedProps)
-		}));
+		}, {
+			accepts: "",
+			actionsVisible: false,
+			container: false,
+			disabled: false,
+			dragType: "item",
+			dropScope: "",
+			expanded: false,
+			itemId: "",
+			label: "",
+			lazy: false,
+			marquee: false,
+			selected: false,
+			sortable: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "accepts": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "actionsVisible": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "container": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "dragType": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "dropDepth": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "dropScope": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "expanded": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "itemId": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "lazy": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "marquee": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "selected": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "sortable": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "subtreeDepth": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				accepts: propInputs.value("accepts", props["accepts"], props[BINDING_INPUTS_PROP]),
+				actionsVisible: propInputs.value("actionsVisible", props["actionsVisible"], props[BINDING_INPUTS_PROP]),
+				container: propInputs.value("container", props["container"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				dragType: propInputs.value("dragType", props["dragType"], props[BINDING_INPUTS_PROP]),
+				dropDepth: propInputs.value("dropDepth", props["dropDepth"], props[BINDING_INPUTS_PROP]),
+				dropScope: propInputs.value("dropScope", props["dropScope"], props[BINDING_INPUTS_PROP]),
+				expanded: propInputs.value("expanded", props["expanded"], props[BINDING_INPUTS_PROP]),
+				itemId: propInputs.value("itemId", props["itemId"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				lazy: propInputs.value("lazy", props["lazy"], props[BINDING_INPUTS_PROP]),
+				marquee: propInputs.value("marquee", props["marquee"], props[BINDING_INPUTS_PROP]),
+				selected: propInputs.value("selected", props["selected"], props[BINDING_INPUTS_PROP]),
+				sortable: propInputs.value("sortable", props["sortable"], props[BINDING_INPUTS_PROP]),
+				subtreeDepth: propInputs.value("subtreeDepth", props["subtreeDepth"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -451,11 +449,20 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					name: "boolean"
 				}
 			}[name], keys),
+			initials: {
+				internalExpanded: false,
+				structuralLevel: 1,
+				tabStop: false,
+				isContainer: false,
+				moving: false
+			},
 			controllerSource: {
 				specifier: "../components/ui-tree-item/ui-tree-item.js",
 				definition: "./components/ui-tree-item/ui-tree-item.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -599,7 +606,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							"data-hn-ui-tree-item": ""
 						})
 					], -1)])], 8, _hoisted_2)) : createCommentVNode("v-if", true),
-					_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("button", {
 						class: "disclosure",
 						type: "button",
@@ -613,7 +620,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"aria-hidden": "true",
 						"data-hn-ui-tree-item": ""
 					}, null, -1)])], 8, _hoisted_3),
-					_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("label", _hoisted_4, [createElementVNode("input", {
 						class: "selection-checkbox",
 						type: "checkbox",
@@ -623,14 +630,14 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						disabled: checkedProps.value.disabled ?? void 0,
 						"aria-label": guardedBinding.value
 					}, null, 8, _hoisted_5)]),
-					_cache[6] || (_cache[6] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("span", {
 						class: "leading",
 						"data-hn-ui-tree-item": "",
 						ref_key: "leadingElement",
 						ref: leadingElement
 					}, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)], 512),
-					_cache[7] || (_cache[7] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[6] || (_cache[6] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("span", {
 						class: "label",
 						"data-hn-ui-tree-item": "",
@@ -642,30 +649,26 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						ref_key: "labelTextElement",
 						ref: labelTextElement
 					}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(checkedProps.value.label), 1)], true)], 512)], 512),
-					_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[7] || (_cache[7] = createTextVNode(toDisplayString(" "), -1)),
 					createElementVNode("span", {
 						class: "actions",
 						"data-hn-ui-tree-item": "",
 						ref_key: "actionsElement",
 						ref: actionsElement
-					}, [
-						moving.value ? (openBlock(), createBlock(UiButton_default, {
-							key: 0,
-							class: "ui-button",
-							"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),
-						_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
-						createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])
-					], 512),
-					_cache[9] || (_cache[9] = createTextVNode(toDisplayString(" "), -1)),
-					_cache[10] || (_cache[10] = createElementVNode("span", {
+					}, [moving.value ? (openBlock(), createBlock(UiButton_default, {
+						key: 0,
+						class: "ui-button",
+						"data-tree-cancel-move": "",
+						variant: "ghost",
+						tone: "neutral",
+						size: "sm",
+						"aria-label": "Cancel move"
+					}, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Cancel", -1)])]),
+						_: 1
+					})) : (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)]))], 512),
+					_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
+					_cache[9] || (_cache[9] = createElementVNode("span", {
 						class: "drop-indicator row-drop-indicator",
 						"aria-hidden": "true",
 						"data-hn-ui-tree-item": ""
@@ -679,7 +682,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					ref_key: "childrenElement",
 					ref: childrenElement
 				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_7),
-				_cache[11] || (_cache[11] = createElementVNode("span", {
+				_cache[10] || (_cache[10] = createElementVNode("span", {
 					class: "drop-indicator subtree-drop-indicator",
 					"aria-hidden": "true",
 					"data-hn-ui-tree-item": ""
@@ -690,6 +693,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5bc299b7"]]);
+}), [["__scopeId", "data-v-4d3c96ee"]]);
 //#endregion
 export { UiTreeItem_default as t };