@threadlabs/looma 0.30.1 → 0.30.3

package/vue/chunks/UiEditorSlashMenu.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 { t as UiIcon_default } from "./UiIcon.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenu.vue?vue&type=script&setup=true&lang.ts
@@ -53,30 +53,13 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	inheritAttrs: false,
 	__name: "UiEditorSlashMenu",
 	props: {
-		anchorRect: {
-			type: null,
-			default: null
-		},
-		items: {
-			type: null,
-			default: null
-		},
-		label: {
-			type: null,
-			default: "Insert block"
-		},
-		open: {
-			type: null,
-			default: false
-		},
-		query: {
-			type: null,
-			default: ""
-		},
-		selectedIndex: {
-			type: null,
-			default: 0
-		}
+		anchorRect: { type: null },
+		items: { type: null },
+		label: { type: null },
+		open: { type: null },
+		query: { type: null },
+		selectedIndex: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
@@ -244,143 +227,164 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			anchorRect: null,
 			items: null,
 			label: "Insert block",
 			open: false,
 			query: "",
 			selectedIndex: 0
-		};
-		const checkedProps = computed(() => ({
-			anchorRect: checkedProp(props["anchorRect"], {
-				kind: "object",
-				fields: [
-					{
-						name: "left",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "top",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "right",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "bottom",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "x",
-						type: {
-							kind: "terminal",
-							name: "number"
+		}, {
+			label: "Insert block",
+			open: false,
+			query: "",
+			selectedIndex: 0
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "anchorRect": return checkPropInput(value, {
+					kind: "object",
+					fields: [
+						{
+							name: "left",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					},
-					{
-						name: "y",
-						type: {
-							kind: "terminal",
-							name: "number"
+						{
+							name: "top",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					},
-					{
-						name: "width",
-						type: {
-							kind: "terminal",
-							name: "number"
+						{
+							name: "right",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					},
-					{
-						name: "height",
-						type: {
-							kind: "terminal",
-							name: "number"
+						{
+							name: "bottom",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					}
-				],
-				open: false
-			}, false, "anchorRect", acceptedProps),
-			items: checkedProp(props["items"], {
-				kind: "list",
-				item: {
-					kind: "object",
-					fields: [
 						{
-							name: "value",
+							name: "x",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
 							optional: true
 						},
 						{
-							name: "title",
+							name: "y",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
-							optional: false
+							optional: true
 						},
 						{
-							name: "description",
+							name: "width",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
-							optional: false
+							optional: true
 						},
 						{
-							name: "icon",
+							name: "height",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
-							optional: false
+							optional: true
 						}
 					],
 					open: false
-				}
-			}, false, "items", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps),
-			query: checkedProp(props["query"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "query", acceptedProps),
-			selectedIndex: checkedProp(props["selectedIndex"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "selectedIndex", acceptedProps)
-		}));
+				}, true, true);
+				case "items": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "value",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "title",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "description",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "icon",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							}
+						],
+						open: false
+					}
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "open": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "query": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "selectedIndex": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				anchorRect: propInputs.value("anchorRect", props["anchorRect"], props[BINDING_INPUTS_PROP]),
+				items: propInputs.value("items", props["items"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP]),
+				query: propInputs.value("query", props["query"], props[BINDING_INPUTS_PROP]),
+				selectedIndex: propInputs.value("selectedIndex", props["selectedIndex"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -456,11 +460,18 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 					}
 				}
 			}[name], keys),
+			initials: {
+				visible: false,
+				active: 0,
+				rows: []
+			},
 			controllerSource: {
 				specifier: "../components/ui-editor-slash-menu/ui-editor-slash-menu.js",
 				definition: "./components/ui-editor-slash-menu/ui-editor-slash-menu.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -538,6 +549,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-71bb5340"]]);
+}), [["__scopeId", "data-v-3e11fe7c"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorSlashMenuGroup.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, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenuGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-editor-slash-menu-group-prop-label"];
@@ -17,10 +17,10 @@ var _hoisted_4 = {
 var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorSlashMenuGroup",
-	props: { label: {
-		type: null,
-		default: ""
-	} },
+	props: {
+		label: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
 	setup(__props) {
 		const propValidityContract = { props: { label: {
 			type: {
@@ -33,11 +33,22 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			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;
@@ -62,6 +73,6 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e584b052"]]);
+}), [["__scopeId", "data-v-b24128e0"]]);
 //#endregion
 export { UiEditorSlashMenuGroup_default as t };

package/vue/chunks/UiEditorSlashMenuItem.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, u as requireInputStatus } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenuItem.vue?vue&type=script&setup=true&lang.ts
@@ -38,26 +38,12 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 	inheritAttrs: false,
 	__name: "UiEditorSlashMenuItem",
 	props: {
-		description: {
-			type: null,
-			default: ""
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		icon: {
-			type: null,
-			default: ""
-		},
-		keywords: {
-			type: null,
-			default: ""
-		},
-		value: {
-			type: null,
-			default: ""
-		}
+		description: { type: null },
+		disabled: { type: null },
+		icon: { type: null },
+		keywords: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -113,35 +99,61 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			description: "",
 			disabled: false,
 			icon: "",
 			keywords: "",
 			value: ""
+		}, {
+			description: "",
+			disabled: false,
+			icon: "",
+			keywords: "",
+			value: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "description": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "icon": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "keywords": 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 {
+				description: propInputs.value("description", props["description"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				icon: propInputs.value("icon", props["icon"], props[BINDING_INPUTS_PROP]),
+				keywords: propInputs.value("keywords", props["keywords"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
 		};
-		const checkedProps = computed(() => ({
-			description: checkedProp(props["description"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "description", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			icon: checkedProp(props["icon"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "icon", acceptedProps),
-			keywords: checkedProp(props["keywords"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "keywords", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -165,10 +177,13 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 				"data-ui-editor-slash-menu-item-prop-keywords": unref(reflectedProp)("keywords", "keywords", checkedProps.value.keywords, void 0, false),
 				"data-ui-editor-slash-menu-item-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false)
 			}), [
-				checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, {
+				checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, mergeProps({
 					class: "ui-icon",
 					name: checkedProps.value.icon
-				}, null, 8, ["name"])])) : createCommentVNode("v-if", true),
+				}, { [unref(BINDING_INPUTS_PROP)]: { name: () => ({
+					value: checkedProps.value.icon,
+					status: inputStatus("icon", true)
+				}) } }), null, 16, ["name"])])) : createCommentVNode("v-if", true),
 				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
 				createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.description), 1)) : createCommentVNode("v-if", true)])
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -177,6 +192,6 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a6dfc10a"]]);
+}), [["__scopeId", "data-v-4dbbe6b1"]]);
 //#endregion
 export { UiEditorSlashMenuItem_default as t };

package/vue/chunks/UiEditorSurface.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, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSurface.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-editor-surface-prop-density", "data-ui-editor-surface-state"];
@@ -8,10 +8,10 @@ var _hoisted_1 = ["data-ui-editor-surface-prop-density", "data-ui-editor-surface
 var UiEditorSurface_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorSurface",
-	props: { density: {
-		type: null,
-		default: "comfortable"
-	} },
+	props: {
+		density: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
 	setup(__props) {
 		const propValidityContract = { props: { density: {
 			type: {
@@ -25,11 +25,22 @@ var UiEditorSurface_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			default: "comfortable"
 		} } };
 		const props = __props;
-		const acceptedProps = { density: "comfortable" };
-		const checkedProps = computed(() => ({ density: checkedProp(props["density"], {
-			kind: "terminal",
-			name: "keyword"
-		}, false, "density", acceptedProps) }));
+		const inputTracking = vuePropInputs({ density: "comfortable" }, { density: "comfortable" }, (name, value, source, values) => {
+			switch (name) {
+				case "density": 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]) };
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -50,6 +61,6 @@ var UiEditorSurface_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d18241d8"]]);
+}), [["__scopeId", "data-v-67d5f2b6"]]);
 //#endregion
 export { UiEditorSurface_default as t };