@threadlabs/looma 0.30.2 → 0.30.4

package/vue/chunks/UiInputGroup.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, 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 } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiInputGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -32,26 +32,12 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	inheritAttrs: false,
 	__name: "UiInputGroup",
 	props: {
-		actionPosition: {
-			type: null,
-			default: "below"
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		multiline: {
-			type: null,
-			default: false
-		},
-		prefixKind: {
-			type: null,
-			default: "text"
-		},
-		variant: {
-			type: null,
-			default: "outline"
-		}
+		actionPosition: { type: null },
+		disabled: { type: null },
+		multiline: { type: null },
+		prefixKind: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -110,35 +96,56 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			actionPosition: "below",
 			disabled: false,
 			multiline: false,
 			prefixKind: "text",
 			variant: "outline"
-		};
-		const checkedProps = computed(() => ({
-			actionPosition: checkedProp(props["actionPosition"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "actionPosition", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			multiline: checkedProp(props["multiline"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "multiline", acceptedProps),
-			prefixKind: checkedProp(props["prefixKind"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "prefixKind", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps)
-		}));
+		}, {
+			actionPosition: "below",
+			disabled: false,
+			multiline: false,
+			prefixKind: "text",
+			variant: "outline"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "actionPosition": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "multiline": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "prefixKind": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "variant": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				actionPosition: propInputs.value("actionPosition", props["actionPosition"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				multiline: propInputs.value("multiline", props["multiline"], props[BINDING_INPUTS_PROP]),
+				prefixKind: propInputs.value("prefixKind", props["prefixKind"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -167,6 +174,8 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				definition: "./components/ui-input-group/ui-input-group.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -210,6 +219,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0439a7bd"]]);
+}), [["__scopeId", "data-v-6556d61e"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiList.js

@@ -1,5 +1,5 @@
 import { h as preserveRootFocus, i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -22,22 +22,11 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiList",
 	props: {
-		as: {
-			type: null,
-			default: "ul"
-		},
-		density: {
-			type: null,
-			default: "comfortable"
-		},
-		layout: {
-			type: null,
-			default: "rows"
-		},
-		markers: {
-			type: null,
-			default: "none"
-		}
+		as: { type: null },
+		density: { type: null },
+		layout: { type: null },
+		markers: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -87,30 +76,49 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			as: "ul",
 			density: "comfortable",
 			layout: "rows",
 			markers: "none"
-		};
-		const checkedProps = computed(() => ({
-			as: checkedProp(props["as"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "as", acceptedProps),
-			density: checkedProp(props["density"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "density", acceptedProps),
-			layout: checkedProp(props["layout"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "layout", acceptedProps),
-			markers: checkedProp(props["markers"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "markers", acceptedProps)
-		}));
+		}, {
+			as: "ul",
+			density: "comfortable",
+			layout: "rows",
+			markers: "none"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "as": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "density": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "layout": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "markers": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				as: propInputs.value("as", props["as"], props[BINDING_INPUTS_PROP]),
+				density: propInputs.value("density", props["density"], props[BINDING_INPUTS_PROP]),
+				layout: propInputs.value("layout", props["layout"], props[BINDING_INPUTS_PROP]),
+				markers: propInputs.value("markers", props["markers"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -165,6 +173,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-eecf02c4"]]);
+}), [["__scopeId", "data-v-2a5b90c6"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -38,30 +38,13 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiListItem",
 	props: {
-		align: {
-			type: null,
-			default: "center"
-		},
-		current: {
-			type: null,
-			default: false
-		},
-		highlighted: {
-			type: null,
-			default: false
-		},
-		leadingInteractive: {
-			type: null,
-			default: false
-		},
-		variant: {
-			type: null,
-			default: "row"
-		},
-		wrap: {
-			type: null,
-			default: false
-		}
+		align: { type: null },
+		current: { type: null },
+		highlighted: { type: null },
+		leadingInteractive: { type: null },
+		variant: { type: null },
+		wrap: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -129,40 +112,63 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			align: "center",
 			current: false,
 			highlighted: false,
 			leadingInteractive: false,
 			variant: "row",
 			wrap: false
-		};
-		const checkedProps = computed(() => ({
-			align: checkedProp(props["align"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "align", acceptedProps),
-			current: checkedProp(props["current"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "current", acceptedProps),
-			highlighted: checkedProp(props["highlighted"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "highlighted", acceptedProps),
-			leadingInteractive: checkedProp(props["leadingInteractive"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "leadingInteractive", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps),
-			wrap: checkedProp(props["wrap"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "wrap", acceptedProps)
-		}));
+		}, {
+			align: "center",
+			current: false,
+			highlighted: false,
+			leadingInteractive: false,
+			variant: "row",
+			wrap: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "align": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "current": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "highlighted": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "leadingInteractive": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "variant": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "wrap": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				align: propInputs.value("align", props["align"], props[BINDING_INPUTS_PROP]),
+				current: propInputs.value("current", props["current"], props[BINDING_INPUTS_PROP]),
+				highlighted: propInputs.value("highlighted", props["highlighted"], props[BINDING_INPUTS_PROP]),
+				leadingInteractive: propInputs.value("leadingInteractive", props["leadingInteractive"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP]),
+				wrap: propInputs.value("wrap", props["wrap"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -208,6 +214,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1ac2e335"]]);
+}), [["__scopeId", "data-v-59dc28ee"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiListbox.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundary, 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 UiScrollArea_default } from "./UiScrollArea.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiListbox.vue?vue&type=script&setup=true&lang.ts
@@ -49,38 +49,15 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	inheritAttrs: false,
 	__name: "UiListbox",
 	props: {
-		disabled: {
-			type: null,
-			default: false
-		},
-		invalid: {
-			type: null,
-			default: false
-		},
-		multiple: {
-			type: null,
-			default: false
-		},
-		name: {
-			type: null,
-			default: ""
-		},
-		required: {
-			type: null,
-			default: false
-		},
-		rows: {
-			type: null,
-			default: 5
-		},
-		value: {
-			type: null,
-			default: null
-		},
-		values: {
-			type: null,
-			default: null
-		}
+		disabled: { type: null },
+		invalid: { type: null },
+		multiple: { type: null },
+		name: { type: null },
+		required: { type: null },
+		rows: { type: null },
+		value: { type: null },
+		values: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:value",
@@ -172,7 +149,7 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			disabled: false,
 			invalid: false,
 			multiple: false,
@@ -181,44 +158,69 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			rows: 5,
 			value: null,
 			values: null
-		};
-		const checkedProps = computed(() => ({
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			invalid: checkedProp(props["invalid"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "invalid", acceptedProps),
-			multiple: checkedProp(props["multiple"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "multiple", acceptedProps),
-			name: checkedProp(props["name"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "name", acceptedProps),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps),
-			rows: checkedProp(props["rows"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "rows", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps),
-			values: checkedProp(props["values"], {
-				kind: "list",
-				item: {
+		}, {
+			disabled: false,
+			invalid: false,
+			multiple: false,
+			name: "",
+			required: false,
+			rows: 5
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "invalid": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "multiple": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "name": return checkPropInput(value, {
 					kind: "terminal",
 					name: "string"
-				}
-			}, false, "values", acceptedProps)
-		}));
+				}, true, true);
+				case "required": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "rows": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "value": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "values": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "terminal",
+						name: "string"
+					}
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				invalid: propInputs.value("invalid", props["invalid"], props[BINDING_INPUTS_PROP]),
+				multiple: propInputs.value("multiple", props["multiple"], props[BINDING_INPUTS_PROP]),
+				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
+				rows: propInputs.value("rows", props["rows"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP]),
+				values: propInputs.value("values", props["values"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -254,7 +256,7 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		provide("html-next:ui-listbox:uid", uid);
 		provide("html-next:ui-listbox:validationError", validationError);
 		checkHydratedRoot("div", "ui-listbox");
-		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (typeof detail["value"] === "string" || detail["value"] === null) && Array.isArray(detail["values"]) && detail["values"].every((item) => typeof item === "string") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer") && Object.keys(detail).every((key) => [
+		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["value"] == null || typeof detail["value"] === "string") && Array.isArray(detail["values"]) && detail["values"].every((item) => typeof item === "string") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer") && Object.keys(detail).every((key) => [
 			"value",
 			"values",
 			"trigger"
@@ -340,11 +342,20 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					name: "boolean"
 				}
 			}[name], keys),
+			initials: {
+				choices: [],
+				selection: [],
+				hasSelection: false,
+				uid: "",
+				validationError: false
+			},
 			controllerSource: {
 				specifier: "../components/ui-listbox/ui-listbox.js",
 				definition: "./components/ui-listbox/ui-listbox.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -471,6 +482,6 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-98fb1747"]]);
+}), [["__scopeId", "data-v-fec05c02"]]);
 //#endregion
 export { UiListbox_default as t };