@threadlabs/looma 0.30.1 → 0.30.3

package/vue/chunks/UiScrollArea.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, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiScrollArea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -16,26 +16,12 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	inheritAttrs: false,
 	__name: "UiScrollArea",
 	props: {
-		fill: {
-			type: null,
-			default: false
-		},
-		orientation: {
-			type: null,
-			default: "vertical"
-		},
-		padding: {
-			type: null,
-			default: "none"
-		},
-		size: {
-			type: null,
-			default: "content"
-		},
-		trim: {
-			type: null,
-			default: false
-		}
+		fill: { type: null },
+		orientation: { type: null },
+		padding: { type: null },
+		size: { type: null },
+		trim: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -105,35 +91,56 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			fill: false,
 			orientation: "vertical",
 			padding: "none",
 			size: "content",
 			trim: false
-		};
-		const checkedProps = computed(() => ({
-			fill: checkedProp(props["fill"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "fill", acceptedProps),
-			orientation: checkedProp(props["orientation"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "orientation", acceptedProps),
-			padding: checkedProp(props["padding"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "padding", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			trim: checkedProp(props["trim"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "trim", acceptedProps)
-		}));
+		}, {
+			fill: false,
+			orientation: "vertical",
+			padding: "none",
+			size: "content",
+			trim: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "fill": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "orientation": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "padding": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "trim": 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 {
+				fill: propInputs.value("fill", props["fill"], props[BINDING_INPUTS_PROP]),
+				orientation: propInputs.value("orientation", props["orientation"], props[BINDING_INPUTS_PROP]),
+				padding: propInputs.value("padding", props["padding"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				trim: propInputs.value("trim", props["trim"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -163,6 +170,8 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				definition: "./components/ui-scroll-area/ui-scroll-area.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -204,6 +213,6 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cebe2cee"]]);
+}), [["__scopeId", "data-v-edad96e0"]]);
 //#endregion
 export { UiScrollArea_default as t };

package/vue/chunks/UiSearchResultRow.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/UiSearchResultRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -40,18 +40,10 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	inheritAttrs: false,
 	__name: "UiSearchResultRow",
 	props: {
-		density: {
-			type: null,
-			default: "comfortable"
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		selected: {
-			type: null,
-			default: false
-		}
+		density: { type: null },
+		disabled: { type: null },
+		selected: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -88,25 +80,42 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			density: "comfortable",
 			disabled: false,
 			selected: false
-		};
-		const checkedProps = computed(() => ({
-			density: checkedProp(props["density"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "density", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			selected: checkedProp(props["selected"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "selected", acceptedProps)
-		}));
+		}, {
+			density: "comfortable",
+			disabled: false,
+			selected: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "density": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "selected": 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 {
+				density: propInputs.value("density", props["density"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				selected: propInputs.value("selected", props["selected"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -150,6 +159,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-96c1b5ce"]]);
+}), [["__scopeId", "data-v-4e1f6939"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.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, 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 { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSearchShell.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -35,22 +35,11 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	inheritAttrs: false,
 	__name: "UiSearchShell",
 	props: {
-		dismissible: {
-			type: null,
-			default: false
-		},
-		label: {
-			type: null,
-			default: "Search"
-		},
-		modal: {
-			type: null,
-			default: false
-		},
-		open: {
-			type: null,
-			default: false
-		}
+		dismissible: { type: null },
+		label: { type: null },
+		modal: { type: null },
+		open: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["update:open", "close"],
 	setup(__props, { emit: __emit }) {
@@ -97,30 +86,49 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			dismissible: false,
 			label: "Search",
 			modal: false,
 			open: false
-		};
-		const checkedProps = computed(() => ({
-			dismissible: checkedProp(props["dismissible"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "dismissible", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			modal: checkedProp(props["modal"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "modal", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps)
-		}));
+		}, {
+			dismissible: false,
+			label: "Search",
+			modal: false,
+			open: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "dismissible": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "modal": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "open": 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 {
+				dismissible: propInputs.value("dismissible", props["dismissible"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				modal: propInputs.value("modal", props["modal"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -149,11 +157,14 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				kind: "terminal",
 				name: "boolean"
 			} }[name], keys),
+			initials: { internalOpen: false },
 			controllerSource: {
 				specifier: "../components/ui-search-shell/ui-search-shell.js",
 				definition: "./components/ui-search-shell/ui-search-shell.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -198,6 +209,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b2a351cb"]]);
+}), [["__scopeId", "data-v-0817cb32"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSection.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/UiSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -35,18 +35,10 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	inheritAttrs: false,
 	__name: "UiSection",
 	props: {
-		heading: {
-			type: null,
-			default: ""
-		},
-		tone: {
-			type: null,
-			default: "neutral"
-		},
-		variant: {
-			type: null,
-			default: "plain"
-		}
+		heading: { type: null },
+		tone: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -88,25 +80,42 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			heading: "",
 			tone: "neutral",
 			variant: "plain"
-		};
-		const checkedProps = computed(() => ({
-			heading: checkedProp(props["heading"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "heading", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps)
-		}));
+		}, {
+			heading: "",
+			tone: "neutral",
+			variant: "plain"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "heading": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "tone": 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 {
+				heading: propInputs.value("heading", props["heading"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -146,6 +155,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-abe88cd1"]]);
+}), [["__scopeId", "data-v-5bf378f4"]]);
 //#endregion
 export { UiSection_default as t };

package/vue/chunks/UiSelect.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 { a as checkedProp, f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { n as readBoundControl, r as vBindControl, t as SelectedOptions } from "./control.js";
 import { computed, createElementBlock, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiSelect.vue?vue&type=script&setup=true&lang.ts
@@ -20,26 +20,12 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	inheritAttrs: false,
 	__name: "UiSelect",
 	props: {
-		disabled: {
-			type: null,
-			default: false
-		},
-		invalid: {
-			type: null,
-			default: false
-		},
-		required: {
-			type: null,
-			default: false
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		value: {
-			type: null,
-			default: null
-		},
+		disabled: { type: null },
+		invalid: { type: null },
+		required: { type: null },
+		size: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null },
 		modelValue: { type: null }
 	},
 	emits: ["update:modelValue"],
@@ -108,32 +94,53 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			size: "md",
 			value: 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),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps),
-			modelValue: checkedProp(props.modelValue, {
-				kind: "terminal",
-				name: "string"
-			}, false, "modelValue", acceptedProps)
-		}));
+		const inputTracking = vuePropInputs(acceptedProps, {
+			disabled: false,
+			invalid: false,
+			required: false,
+			size: "md"
+		}, (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 "required": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "value": return checkPropInput(value, {
+					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]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP]),
+				modelValue: checkedProp(props.modelValue, {
+					kind: "terminal",
+					name: "string"
+				}, false, "modelValue", acceptedProps)
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -158,6 +165,8 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				definition: "./components/ui-select/ui-select.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -211,6 +220,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6e2bbc98"]]);
+}), [["__scopeId", "data-v-867e3e37"]]);
 //#endregion
 export { UiSelect_default as t };