@threadlabs/looma 0.30.2 → 0.30.4

package/vue/chunks/UiMenu.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, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -22,34 +22,14 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiMenu",
 	props: {
-		density: {
-			type: null,
-			default: "comfortable"
-		},
-		for: {
-			type: null,
-			default: ""
-		},
-		icons: {
-			type: null,
-			default: false
-		},
-		inline: {
-			type: null,
-			default: false
-		},
-		open: {
-			type: null,
-			default: false
-		},
-		placement: {
-			type: null,
-			default: "bottom-start"
-		},
-		size: {
-			type: null,
-			default: "md"
-		}
+		density: { type: null },
+		for: { type: null },
+		icons: { type: null },
+		inline: { type: null },
+		open: { type: null },
+		placement: { type: null },
+		size: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:open",
@@ -133,7 +113,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			density: "comfortable",
 			for: "",
 			icons: false,
@@ -141,37 +121,62 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			open: false,
 			placement: "bottom-start",
 			size: "md"
-		};
-		const checkedProps = computed(() => ({
-			density: checkedProp(props["density"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "density", acceptedProps),
-			for: checkedProp(props["for"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "for", acceptedProps),
-			icons: checkedProp(props["icons"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "icons", acceptedProps),
-			inline: checkedProp(props["inline"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "inline", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps),
-			placement: checkedProp(props["placement"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "placement", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps)
-		}));
+		}, {
+			density: "comfortable",
+			for: "",
+			icons: false,
+			inline: false,
+			open: false,
+			placement: "bottom-start",
+			size: "md"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "density": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "for": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "icons": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "inline": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "open": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "placement": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "size": 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 {
+				density: propInputs.value("density", props["density"], props[BINDING_INPUTS_PROP]),
+				for: propInputs.value("for", props["for"], props[BINDING_INPUTS_PROP]),
+				icons: propInputs.value("icons", props["icons"], props[BINDING_INPUTS_PROP]),
+				inline: propInputs.value("inline", props["inline"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP]),
+				placement: propInputs.value("placement", props["placement"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -193,7 +198,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			internalOpen.value && "internalOpen",
 			checkedProps.value.inline && "inline"
 		].filter(Boolean).join(" "));
-		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["checked"] === void 0 || typeof detail["checked"] === "boolean") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["checked"] == null || typeof detail["checked"] === "boolean") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"value",
 			"checked",
 			"trigger"
@@ -223,11 +228,14 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "boolean"
 			} }[name], keys),
+			initials: { internalOpen: false },
 			controllerSource: {
 				specifier: "../components/ui-menu/ui-menu.js",
 				definition: "./components/ui-menu/ui-menu.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -272,6 +280,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-517e7744"]]);
+}), [["__scopeId", "data-v-2a46aaba"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.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, createCommentVNode, createElementBlock, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-ui-menu-group-prop-label"];
@@ -13,10 +13,10 @@ var _hoisted_2 = {
 var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiMenuGroup",
-	props: { label: {
-		type: null,
-		default: ""
-	} },
+	props: {
+		label: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
 	setup(__props) {
 		const propValidityContract = { props: { label: {
 			type: {
@@ -29,11 +29,22 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			default: ""
 		} } };
 		const props = __props;
-		const acceptedProps = { label: "" };
-		const checkedProps = computed(() => ({ label: checkedProp(props["label"], {
-			kind: "terminal",
-			name: "string"
-		}, false, "label", acceptedProps) }));
+		const inputTracking = vuePropInputs({ label: "" }, { label: "" }, (name, value, source, values) => {
+			switch (name) {
+				case "label": 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 { label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]) };
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -59,6 +70,6 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4813fee5"]]);
+}), [["__scopeId", "data-v-6ccfd7b7"]]);
 //#endregion
 export { UiMenuGroup_default as t };

package/vue/chunks/UiMenuItem.js

@@ -1,5 +1,5 @@
 import { a as concat, h as preserveRootFocus, 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 UiIcon_default } from "./UiIcon.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
@@ -67,30 +67,13 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiMenuItem",
 	props: {
-		checked: {
-			type: null,
-			default: false
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		href: {
-			type: null,
-			default: ""
-		},
-		tone: {
-			type: null,
-			default: "neutral"
-		},
-		type: {
-			type: null,
-			default: "action"
-		},
-		value: {
-			type: null,
-			default: ""
-		}
+		checked: { type: null },
+		disabled: { type: null },
+		href: { type: null },
+		tone: { type: null },
+		type: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:checked",
@@ -168,40 +151,63 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			checked: false,
 			disabled: false,
 			href: "",
 			tone: "neutral",
 			type: "action",
 			value: ""
-		};
-		const checkedProps = computed(() => ({
-			checked: checkedProp(props["checked"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "checked", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			href: checkedProp(props["href"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "href", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps),
-			type: checkedProp(props["type"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "type", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
+		}, {
+			checked: false,
+			disabled: false,
+			href: "",
+			tone: "neutral",
+			type: "action",
+			value: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "checked": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "href": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "tone": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "type": 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 {
+				checked: propInputs.value("checked", props["checked"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				href: propInputs.value("href", props["href"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				type: propInputs.value("type", props["type"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -253,11 +259,14 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "boolean"
 			} }[name], keys),
+			initials: { internalChecked: false },
 			controllerSource: {
 				specifier: "../components/ui-menu-item/ui-menu-item.js",
 				definition: "./components/ui-menu-item/ui-menu-item.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -359,6 +368,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-19376d17"]]);
+}), [["__scopeId", "data-v-3aee6606"]]);
 //#endregion
 export { UiMenuItem_default as t };