@threadlabs/looma 0.22.8 → 0.22.10

package/vue/chunks/UiTreeItem.js

@@ -1,6 +1,6 @@
 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 { r as vPropValidity, t as checkedProp } from "./props.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";
 //#region .build/vue/UiTreeItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -259,63 +259,79 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			accepts: "",
+			container: false,
+			disabled: false,
+			dragType: "item",
+			dropDepth: null,
+			dropScope: "",
+			expanded: false,
+			itemId: "",
+			label: "",
+			lazy: false,
+			marquee: false,
+			selected: false,
+			sortable: false,
+			subtreeDepth: null
+		};
 		const checkedProps = computed(() => ({
 			accepts: checkedProp(props["accepts"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "accepts"),
+			}, false, "accepts", acceptedProps),
 			container: checkedProp(props["container"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "container"),
+			}, false, "container", acceptedProps),
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled"),
+			}, false, "disabled", acceptedProps),
 			dragType: checkedProp(props["dragType"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "dragType"),
+			}, false, "dragType", acceptedProps),
 			dropDepth: checkedProp(props["dropDepth"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "dropDepth"),
+			}, false, "dropDepth", acceptedProps),
 			dropScope: checkedProp(props["dropScope"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "dropScope"),
+			}, false, "dropScope", acceptedProps),
 			expanded: checkedProp(props["expanded"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "expanded"),
+			}, false, "expanded", acceptedProps),
 			itemId: checkedProp(props["itemId"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "itemId"),
+			}, false, "itemId", acceptedProps),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label"),
+			}, false, "label", acceptedProps),
 			lazy: checkedProp(props["lazy"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "lazy"),
+			}, false, "lazy", acceptedProps),
 			marquee: checkedProp(props["marquee"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "marquee"),
+			}, false, "marquee", acceptedProps),
 			selected: checkedProp(props["selected"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "selected"),
+			}, false, "selected", acceptedProps),
 			sortable: checkedProp(props["sortable"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "sortable"),
+			}, false, "sortable", acceptedProps),
 			subtreeDepth: checkedProp(props["subtreeDepth"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "subtreeDepth")
+			}, false, "subtreeDepth", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -403,6 +419,31 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				definition: "./components/ui-tree-item/ui-tree-item.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"accepts",
+				"container",
+				"disabled",
+				"dragType",
+				"dropDepth",
+				"dropScope",
+				"expanded",
+				"itemId",
+				"label",
+				"lazy",
+				"marquee",
+				"selected",
+				"sortable",
+				"subtreeDepth"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			refs: {
 				row: rowElement,
 				dragHandle: dragHandleElement,
@@ -534,10 +575,10 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				}, null, -1))
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b4babb28"]]);
+}), [["__scopeId", "data-v-cec2ae88"]]);
 //#endregion
 export { UiTreeItem_default as t };

package/vue/chunks/host.js

@@ -66,7 +66,7 @@ function slottedElements(nodes) {
 * and reinsertion without treating an in-tree move as a new connection.
 */
 function useComponentHost(controllerLoader, options) {
-	const { root, dispatch, props, refs = {}, state = {}, computed: computedValues = {} } = options;
+	const { root, dispatch, props, propInputs = () => null, propNames = [], refs = {}, state = {}, computed: computedValues = {}, data = {}, context = {} } = options;
 	const vueSlots = useSlots();
 	const component = getCurrentInstance();
 	const report = (error) => {
@@ -99,7 +99,23 @@ function useComponentHost(controllerLoader, options) {
 		throw controllerDiagnostic("HJ001", error);
 	});
 	const stops = [];
-	const read = (name) => Object.hasOwn(state, name) ? state[name].value : Object.hasOwn(computedValues, name) ? computedValues[name].value : props?.value[name];
+	const readState = (name) => Object.hasOwn(state, name) ? state[name].value : Object.hasOwn(computedValues, name) ? computedValues[name].value : Object.hasOwn(data, name) ? data[name].value : Object.hasOwn(context, name) ? context[name].value : void 0;
+	const propHandles = Object.create(null);
+	for (const name of propNames) {
+		const validity = () => options.propValidity?.(name);
+		propHandles[name] = Object.freeze({
+			get value() {
+				return props?.value[name];
+			},
+			get inputValue() {
+				return propInputs(name);
+			},
+			get validity() {
+				return validity();
+			},
+			validate: validity
+		});
+	}
 	const host = {
 		get element() {
 			return root.value;
@@ -108,13 +124,15 @@ function useComponentHost(controllerLoader, options) {
 			return root.value;
 		},
 		state: new Proxy({}, {
-			get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+			get: (_target, name) => typeof name === "string" ? readState(name) : void 0,
 			set: (_target, name, value) => {
 				if (typeof name !== "string" || !Object.hasOwn(state, name)) throw new TypeError(`Only declared state is writable; \`${String(name)}\` is not.`);
 				state[name].value = value;
 				return true;
-			}
+			},
+			has: (_target, name) => typeof name === "string" && (Object.hasOwn(state, name) || Object.hasOwn(computedValues, name) || Object.hasOwn(data, name) || Object.hasOwn(context, name))
 		}),
+		props: Object.freeze(propHandles),
 		refs: Object.defineProperties({}, Object.fromEntries(Object.entries(refs).map(([name, ref]) => [name, {
 			enumerable: true,
 			get: () => Array.isArray(ref.value) ? inDocumentOrder(ref.value) : ref.value

package/vue/chunks/props.js

@@ -490,17 +490,25 @@ function boundProblem(value, type, bounds) {
 		}
 	}
 }
-function checkedProp(value, type, _required, _name) {
-	if (value === void 0 || value === null) return null;
+function checkedProp(value, type, _required, name, accepted) {
+	if (value === void 0 || value === null) {
+		if (accepted !== void 0) accepted[name] = null;
+		return null;
+	}
 	if (value === "" && type.kind === "terminal" && type.name === "boolean") value = true;
 	const result = parse(value, type, "$");
-	return result.ok ? result.value : value;
+	if (result.ok) {
+		if (accepted !== void 0) accepted[name] = result.value;
+		return result.value;
+	}
+	return accepted?.[name] ?? null;
 }
 function propValidity(binding) {
 	const errors = [];
 	for (const [name, prop] of Object.entries(binding.contract.props)) {
-		const value = binding.values[name];
 		const selected = prop.select === void 0 ? prop.type : selectedPropNode(binding.values[prop.select.from], prop.select.options);
+		const incoming = binding.values[name];
+		const value = incoming === "" && selected.kind === "terminal" && selected.name === "boolean" ? true : incoming;
 		if (value === null || value === void 0 || value === "") {
 			if (prop.required) errors.push({
 				reason: "valueMissing",
@@ -578,6 +586,9 @@ function propValidity(binding) {
 		errors
 	};
 }
+function propValidityState(binding, name) {
+	return validityFromErrors(propValidity(binding).errors.filter((error) => error.path === name));
+}
 var validityStates = /* @__PURE__ */ new WeakMap();
 var ariaMirrors = /* @__PURE__ */ new WeakSet();
 var managedValidityApis = /* @__PURE__ */ new WeakSet();
@@ -623,8 +634,7 @@ function reflectValidity(el, state) {
 		ariaMirrors.add(el);
 	}
 }
-function validityState(state) {
-	const errors = [...state.validity.errors, ...state.external];
+function validityFromErrors(errors) {
 	const reasons = new Set(errors.map((error) => error.reason));
 	return Object.freeze({
 		valid: errors.length === 0,
@@ -632,6 +642,9 @@ function validityState(state) {
 		errors
 	});
 }
+function validityState(state) {
+	return validityFromErrors([...state.validity.errors, ...state.external]);
+}
 var vPropValidity = {
 	mounted(el, binding) {
 		const state = {
@@ -713,4 +726,4 @@ var vPropValidity = {
 	}
 };
 //#endregion
-export { selectedPropNode as n, vPropValidity as r, checkedProp as t };
+export { vPropValidity as i, propValidityState as n, selectedPropNode as r, checkedProp as t };