@threadlabs/looma 0.30.2 → 0.30.4

package/vue/chunks/UiDisclosure.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, x as warnUnless, 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, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -44,42 +44,16 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	inheritAttrs: false,
 	__name: "UiDisclosure",
 	props: {
-		density: {
-			type: null,
-			default: "comfortable"
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		fill: {
-			type: null,
-			default: false
-		},
-		headingLevel: {
-			type: null,
-			default: 0
-		},
-		name: {
-			type: null,
-			default: ""
-		},
-		open: {
-			type: null,
-			default: false
-		},
-		requiredOpen: {
-			type: null,
-			default: false
-		},
-		summary: {
-			type: null,
-			default: "Details"
-		},
-		variant: {
-			type: null,
-			default: "plain"
-		}
+		density: { type: null },
+		disabled: { type: null },
+		fill: { type: null },
+		headingLevel: { type: null },
+		name: { type: null },
+		open: { type: null },
+		requiredOpen: { type: null },
+		summary: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:open",
@@ -182,7 +156,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			density: "comfortable",
 			disabled: false,
 			fill: false,
@@ -192,45 +166,74 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			requiredOpen: false,
 			summary: "Details",
 			variant: "plain"
-		};
-		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),
-			fill: checkedProp(props["fill"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "fill", acceptedProps),
-			headingLevel: checkedProp(props["headingLevel"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "headingLevel", acceptedProps),
-			name: checkedProp(props["name"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "name", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps),
-			requiredOpen: checkedProp(props["requiredOpen"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "requiredOpen", acceptedProps),
-			summary: checkedProp(props["summary"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "summary", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps)
-		}));
+		}, {
+			density: "comfortable",
+			disabled: false,
+			fill: false,
+			headingLevel: 0,
+			name: "",
+			open: false,
+			requiredOpen: false,
+			summary: "Details",
+			variant: "plain"
+		}, (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 "fill": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "headingLevel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				case "name": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "open": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "requiredOpen": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "summary": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, 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 {
+				density: propInputs.value("density", props["density"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				fill: propInputs.value("fill", props["fill"], props[BINDING_INPUTS_PROP]),
+				headingLevel: propInputs.value("headingLevel", props["headingLevel"], props[BINDING_INPUTS_PROP]),
+				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP]),
+				requiredOpen: propInputs.value("requiredOpen", props["requiredOpen"], props[BINDING_INPUTS_PROP]),
+				summary: propInputs.value("summary", props["summary"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -298,11 +301,17 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					name: "integer"
 				}
 			}[name], keys),
+			initials: {
+				internalOpen: false,
+				contentId: ""
+			},
 			controllerSource: {
 				specifier: "../components/ui-disclosure/ui-disclosure.js",
 				definition: "./components/ui-disclosure/ui-disclosure.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -388,6 +397,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-74a662da"]]);
+}), [["__scopeId", "data-v-b352f7a7"]]);
 //#endregion
 export { UiDisclosure_default as t };

package/vue/chunks/UiEditable.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 { r as vBindControl } from "./control.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditable.vue?vue&type=script&setup=true&lang.ts
@@ -49,50 +49,18 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiEditable",
 	props: {
-		actions: {
-			type: null,
-			default: false
-		},
-		cancelLabel: {
-			type: null,
-			default: "Cancel"
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		edit: {
-			type: null,
-			default: false
-		},
-		hint: {
-			type: null,
-			default: ""
-		},
-		label: {
-			type: null,
-			default: "Edit value"
-		},
-		maxLength: {
-			type: null,
-			default: 0
-		},
-		placeholder: {
-			type: null,
-			default: ""
-		},
-		required: {
-			type: null,
-			default: false
-		},
-		saveLabel: {
-			type: null,
-			default: "Save"
-		},
-		value: {
-			type: null,
-			default: ""
-		}
+		actions: { type: null },
+		cancelLabel: { type: null },
+		disabled: { type: null },
+		edit: { type: null },
+		hint: { type: null },
+		label: { type: null },
+		maxLength: { type: null },
+		placeholder: { type: null },
+		required: { type: null },
+		saveLabel: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:edit",
@@ -215,7 +183,7 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			actions: false,
 			cancelLabel: "Cancel",
 			disabled: false,
@@ -227,53 +195,86 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			required: false,
 			saveLabel: "Save",
 			value: ""
-		};
-		const checkedProps = computed(() => ({
-			actions: checkedProp(props["actions"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "actions", acceptedProps),
-			cancelLabel: checkedProp(props["cancelLabel"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "cancelLabel", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			edit: checkedProp(props["edit"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "edit", acceptedProps),
-			hint: checkedProp(props["hint"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "hint", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			maxLength: checkedProp(props["maxLength"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "maxLength", acceptedProps),
-			placeholder: checkedProp(props["placeholder"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "placeholder", acceptedProps),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps),
-			saveLabel: checkedProp(props["saveLabel"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "saveLabel", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
+		}, {
+			actions: false,
+			cancelLabel: "Cancel",
+			disabled: false,
+			edit: false,
+			hint: "",
+			label: "Edit value",
+			maxLength: 0,
+			placeholder: "",
+			required: false,
+			saveLabel: "Save",
+			value: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "actions": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "cancelLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "edit": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "hint": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "maxLength": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "placeholder": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "required": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "saveLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, 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 {
+				actions: propInputs.value("actions", props["actions"], props[BINDING_INPUTS_PROP]),
+				cancelLabel: propInputs.value("cancelLabel", props["cancelLabel"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				edit: propInputs.value("edit", props["edit"], props[BINDING_INPUTS_PROP]),
+				hint: propInputs.value("hint", props["hint"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				maxLength: propInputs.value("maxLength", props["maxLength"], props[BINDING_INPUTS_PROP]),
+				placeholder: propInputs.value("placeholder", props["placeholder"], props[BINDING_INPUTS_PROP]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
+				saveLabel: propInputs.value("saveLabel", props["saveLabel"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -329,11 +330,18 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					name: "string"
 				}
 			}[name], keys),
+			initials: {
+				internalEdit: false,
+				internalValue: "",
+				draft: ""
+			},
 			controllerSource: {
 				specifier: "../components/ui-editable/ui-editable.js",
 				definition: "./components/ui-editable/ui-editable.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -422,6 +430,6 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d60e5132"]]);
+}), [["__scopeId", "data-v-07e96dd2"]]);
 //#endregion
 export { UiEditable_default as t };

package/vue/chunks/UiEditorBlockActions.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, 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, u as requireInputStatus } from "./props.js";
 import { t as UiMenu_default } from "./UiMenu.js";
 import { t as UiMenuItem_default } from "./UiMenuItem.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
@@ -11,14 +11,9 @@ var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorBlockActions",
 	props: {
-		for: {
-			type: null,
-			default: ""
-		},
-		placement: {
-			type: null,
-			default: "bottom-start"
-		}
+		for: { type: null },
+		placement: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
@@ -46,20 +41,40 @@ var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			for: "",
 			placement: "bottom-start"
+		}, {
+			for: "",
+			placement: "bottom-start"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "for": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "placement": 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 {
+				for: propInputs.value("for", props["for"], props[BINDING_INPUTS_PROP]),
+				placement: propInputs.value("placement", props["placement"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
 		};
-		const checkedProps = computed(() => ({
-			for: checkedProp(props["for"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "for", acceptedProps),
-			placement: checkedProp(props["placement"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "placement", acceptedProps)
-		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -79,6 +94,8 @@ var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
 				definition: "./components/ui-editor-block-actions/ui-editor-block-actions.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -97,11 +114,20 @@ var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
 				"data-ui-editor-block-actions-prop-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
 				ref_key: "root",
 				ref: root
-			}), [createVNode(UiMenu_default, {
+			}), [createVNode(UiMenu_default, mergeProps({
 				"aria-label": "Block actions",
 				for: checkedProps.value.for,
 				placement: checkedProps.value.placement
-			}, {
+			}, { [unref(BINDING_INPUTS_PROP)]: {
+				for: () => ({
+					value: checkedProps.value.for,
+					status: inputStatus("for", true)
+				}),
+				placement: () => ({
+					value: checkedProps.value.placement,
+					status: inputStatus("placement", true)
+				})
+			} }), {
 				default: withCtx(() => [
 					createVNode(UiMenuItem_default, { value: "insert-below" }, {
 						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Insert paragraph below", -1)])]),
@@ -119,7 +145,7 @@ var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
 					})
 				]),
 				_: 1
-			}, 8, ["for", "placement"])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, 16, ["for", "placement"])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);