@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiEditorImageToolbar.js

@@ -1,5 +1,5 @@
 import { a as concat, 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, t as acceptsControllerWrite } from "./props.js";
+import { c as inputRead, f as vPropValidity, i as checkPropInput, l as propValidityState, n as READY_INPUT, o as evaluateInput, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as requireInputStatus } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiButton_default } from "./UiButton.js";
 import { t as UiCluster_default } from "./UiCluster.js";
@@ -11,7 +11,7 @@ import { t as UiFormField_default } from "./UiFormField.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
 import { t as UiPopover_default } from "./UiPopover.js";
 import { t as UiText_default } from "./UiText.js";
-import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorImageToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-editor-image-toolbar-prop-alt",
@@ -26,18 +26,10 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorImageToolbar",
 	props: {
-		alt: {
-			type: null,
-			default: ""
-		},
-		placement: {
-			type: null,
-			default: "block"
-		},
-		target: {
-			type: null,
-			default: ""
-		}
+		alt: { type: null },
+		placement: { type: null },
+		target: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:alt",
@@ -86,25 +78,47 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			alt: "",
 			placement: "block",
 			target: ""
+		}, {
+			alt: "",
+			placement: "block",
+			target: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "alt": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "placement": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "target": 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 {
+				alt: propInputs.value("alt", props["alt"], props[BINDING_INPUTS_PROP]),
+				placement: propInputs.value("placement", props["placement"], props[BINDING_INPUTS_PROP]),
+				target: propInputs.value("target", props["target"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
 		};
-		const checkedProps = computed(() => ({
-			alt: checkedProp(props["alt"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "alt", acceptedProps),
-			placement: checkedProp(props["placement"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "placement", acceptedProps),
-			target: checkedProp(props["target"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "target", acceptedProps)
-		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -126,130 +140,94 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 		});
 		let guardedBindingPrevious = null;
 		const guardedBinding = computed(() => {
-			const candidate = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
-				true: "outline",
-				false: "ghost"
-			}, concat(checkedProps.value.placement === "block"));
+			const candidate = concat(checkedProps.value.placement === "block");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
 			return guardedBindingPrevious = candidate;
 		});
 		let guardedBinding2Previous = null;
 		const guardedBinding2 = computed(() => {
-			const candidate = concat(checkedProps.value.placement === "block");
+			const candidate = concat(base.value, "-center");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
 			return guardedBinding2Previous = candidate;
 		});
 		let guardedBinding3Previous = null;
 		const guardedBinding3 = computed(() => {
-			const candidate = concat(base.value, "-center");
+			const candidate = concat(checkedProps.value.placement === "center");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
 			return guardedBinding3Previous = candidate;
 		});
 		let guardedBinding4Previous = null;
 		const guardedBinding4 = computed(() => {
-			const candidate = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
-				true: "outline",
-				false: "ghost"
-			}, concat(checkedProps.value.placement === "center"));
+			const candidate = concat(base.value, "-wrap-left");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding4Previous;
 			return guardedBinding4Previous = candidate;
 		});
 		let guardedBinding5Previous = null;
 		const guardedBinding5 = computed(() => {
-			const candidate = concat(checkedProps.value.placement === "center");
+			const candidate = concat(checkedProps.value.placement === "wrap-left");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding5Previous;
 			return guardedBinding5Previous = candidate;
 		});
 		let guardedBinding6Previous = null;
 		const guardedBinding6 = computed(() => {
-			const candidate = concat(base.value, "-wrap-left");
+			const candidate = concat(base.value, "-wrap-right");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding6Previous;
 			return guardedBinding6Previous = candidate;
 		});
 		let guardedBinding7Previous = null;
 		const guardedBinding7 = computed(() => {
-			const candidate = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
-				true: "outline",
-				false: "ghost"
-			}, concat(checkedProps.value.placement === "wrap-left"));
+			const candidate = concat(checkedProps.value.placement === "wrap-right");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding7Previous;
 			return guardedBinding7Previous = candidate;
 		});
 		let guardedBinding8Previous = null;
 		const guardedBinding8 = computed(() => {
-			const candidate = concat(checkedProps.value.placement === "wrap-left");
+			const candidate = concat(base.value, "-delete");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding8Previous;
 			return guardedBinding8Previous = candidate;
 		});
 		let guardedBinding9Previous = null;
 		const guardedBinding9 = computed(() => {
-			const candidate = concat(base.value, "-wrap-right");
+			const candidate = concat(base.value, "-block");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding9Previous;
 			return guardedBinding9Previous = candidate;
 		});
 		let guardedBinding10Previous = null;
 		const guardedBinding10 = computed(() => {
-			const candidate = ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
-				true: "outline",
-				false: "ghost"
-			}, concat(checkedProps.value.placement === "wrap-right"));
+			const candidate = concat(base.value, "-center");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding10Previous;
 			return guardedBinding10Previous = candidate;
 		});
 		let guardedBinding11Previous = null;
 		const guardedBinding11 = computed(() => {
-			const candidate = concat(checkedProps.value.placement === "wrap-right");
+			const candidate = concat(base.value, "-wrap-left");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding11Previous;
 			return guardedBinding11Previous = candidate;
 		});
 		let guardedBinding12Previous = null;
 		const guardedBinding12 = computed(() => {
-			const candidate = concat(base.value, "-delete");
+			const candidate = concat(base.value, "-wrap-right");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding12Previous;
 			return guardedBinding12Previous = candidate;
 		});
 		let guardedBinding13Previous = null;
 		const guardedBinding13 = computed(() => {
-			const candidate = concat(base.value, "-block");
+			const candidate = concat(base.value, "-delete");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding13Previous;
 			return guardedBinding13Previous = candidate;
 		});
 		let guardedBinding14Previous = null;
 		const guardedBinding14 = computed(() => {
-			const candidate = concat(base.value, "-center");
+			const candidate = concat(base.value, "-alt");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding14Previous;
 			return guardedBinding14Previous = candidate;
 		});
 		let guardedBinding15Previous = null;
 		const guardedBinding15 = computed(() => {
-			const candidate = concat(base.value, "-wrap-left");
+			const candidate = concat(base.value, "-alt");
 			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding15Previous;
 			return guardedBinding15Previous = candidate;
 		});
-		let guardedBinding16Previous = null;
-		const guardedBinding16 = computed(() => {
-			const candidate = concat(base.value, "-wrap-right");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding16Previous;
-			return guardedBinding16Previous = candidate;
-		});
-		let guardedBinding17Previous = null;
-		const guardedBinding17 = computed(() => {
-			const candidate = concat(base.value, "-delete");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding17Previous;
-			return guardedBinding17Previous = candidate;
-		});
-		let guardedBinding18Previous = null;
-		const guardedBinding18 = computed(() => {
-			const candidate = concat(base.value, "-alt");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding18Previous;
-			return guardedBinding18Previous = candidate;
-		});
-		let guardedBinding19Previous = null;
-		const guardedBinding19 = computed(() => {
-			const candidate = concat(base.value, "-alt");
-			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding19Previous;
-			return guardedBinding19Previous = candidate;
-		});
 		provide("html-next:ui-editor-image-toolbar:base", base);
 		provide("html-next:ui-editor-image-toolbar:describing", describing);
 		provide("html-next:ui-editor-image-toolbar:draft", draft);
@@ -282,11 +260,18 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 					name: "string"
 				}
 			}[name], keys),
+			initials: {
+				base: "ui-editor-image-toolbar",
+				describing: false,
+				draft: ""
+			},
 			controllerSource: {
 				specifier: "../components/ui-editor-image-toolbar/ui-editor-image-toolbar.js",
 				definition: "./components/ui-editor-image-toolbar/ui-editor-image-toolbar.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -329,69 +314,89 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 						"aria-label": "Image actions"
 					}, {
 						default: withCtx(() => [
-							createVNode(UiIconButton_default, {
-								label: "Image in line",
-								size: "sm",
-								"data-placement": "block",
-								id: guarded.value,
-								variant: guardedBinding.value,
-								"aria-pressed": guardedBinding2.value
-							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-top" })]),
-								_: 1
-							}, 8, [
-								"id",
-								"variant",
-								"aria-pressed"
-							]),
+							(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+								true: "outline",
+								false: "ghost"
+							}, unref(concat)(unref(inputRead)(checkedProps.value.placement, inputStatus("placement", true)) === "block")), unref(READY_INPUT))], (boundInput) => {
+								return openBlock(), createBlock(UiIconButton_default, mergeProps({
+									label: "Image in line",
+									size: "sm",
+									"data-placement": "block",
+									id: guarded.value,
+									variant: boundInput.value,
+									"aria-pressed": guardedBinding.value
+								}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { variant: () => boundInput } }), {
+									default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-top" })]),
+									_: 1
+								}, 16, [
+									"id",
+									"variant",
+									"aria-pressed"
+								]);
+							}), 256)),
 							_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
-							createVNode(UiIconButton_default, {
-								label: "Center image",
-								size: "sm",
-								"data-placement": "center",
-								id: guardedBinding3.value,
-								variant: guardedBinding4.value,
-								"aria-pressed": guardedBinding5.value
-							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, { name: "align-center" })]),
-								_: 1
-							}, 8, [
-								"id",
-								"variant",
-								"aria-pressed"
-							]),
+							(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+								true: "outline",
+								false: "ghost"
+							}, unref(concat)(unref(inputRead)(checkedProps.value.placement, inputStatus("placement", true)) === "center")), unref(READY_INPUT))], (boundInputSnapshot) => {
+								return openBlock(), createBlock(UiIconButton_default, mergeProps({
+									label: "Center image",
+									size: "sm",
+									"data-placement": "center",
+									id: guardedBinding2.value,
+									variant: boundInputSnapshot.value,
+									"aria-pressed": guardedBinding3.value
+								}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { variant: () => boundInputSnapshot } }), {
+									default: withCtx(() => [createVNode(UiIcon_default, { name: "align-center" })]),
+									_: 1
+								}, 16, [
+									"id",
+									"variant",
+									"aria-pressed"
+								]);
+							}), 256)),
 							_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1)),
-							createVNode(UiIconButton_default, {
-								label: "Wrap text to the right",
-								size: "sm",
-								"data-placement": "wrap-left",
-								id: guardedBinding6.value,
-								variant: guardedBinding7.value,
-								"aria-pressed": guardedBinding8.value
-							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-left" })]),
-								_: 1
-							}, 8, [
-								"id",
-								"variant",
-								"aria-pressed"
-							]),
+							(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+								true: "outline",
+								false: "ghost"
+							}, unref(concat)(unref(inputRead)(checkedProps.value.placement, inputStatus("placement", true)) === "wrap-left")), unref(READY_INPUT))], (boundInputSnapshot2) => {
+								return openBlock(), createBlock(UiIconButton_default, mergeProps({
+									label: "Wrap text to the right",
+									size: "sm",
+									"data-placement": "wrap-left",
+									id: guardedBinding4.value,
+									variant: boundInputSnapshot2.value,
+									"aria-pressed": guardedBinding5.value
+								}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { variant: () => boundInputSnapshot2 } }), {
+									default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-left" })]),
+									_: 1
+								}, 16, [
+									"id",
+									"variant",
+									"aria-pressed"
+								]);
+							}), 256)),
 							_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
-							createVNode(UiIconButton_default, {
-								label: "Wrap text to the left",
-								size: "sm",
-								"data-placement": "wrap-right",
-								id: guardedBinding9.value,
-								variant: guardedBinding10.value,
-								"aria-pressed": guardedBinding11.value
-							}, {
-								default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-right" })]),
-								_: 1
-							}, 8, [
-								"id",
-								"variant",
-								"aria-pressed"
-							]),
+							(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+								true: "outline",
+								false: "ghost"
+							}, unref(concat)(unref(inputRead)(checkedProps.value.placement, inputStatus("placement", true)) === "wrap-right")), unref(READY_INPUT))], (boundInputSnapshot3) => {
+								return openBlock(), createBlock(UiIconButton_default, mergeProps({
+									label: "Wrap text to the left",
+									size: "sm",
+									"data-placement": "wrap-right",
+									id: guardedBinding6.value,
+									variant: boundInputSnapshot3.value,
+									"aria-pressed": guardedBinding7.value
+								}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { variant: () => boundInputSnapshot3 } }), {
+									default: withCtx(() => [createVNode(UiIcon_default, { name: "panel-right" })]),
+									_: 1
+								}, 16, [
+									"id",
+									"variant",
+									"aria-pressed"
+								]);
+							}), 256)),
 							_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
 							createVNode(UiIconButton_default, {
 								label: "Image description",
@@ -408,7 +413,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								size: "sm",
 								variant: "ghost",
 								"data-action": "delete",
-								id: guardedBinding12.value
+								id: guardedBinding8.value
 							}, {
 								default: withCtx(() => [createVNode(UiIcon_default, { name: "trash" })]),
 								_: 1
@@ -417,22 +422,22 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}),
 					_cache[17] || (_cache[17] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiTooltip_default, { for: guardedBinding13.value }, {
+					createVNode(UiTooltip_default, { for: guardedBinding9.value }, {
 						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Image in line", -1)])]),
 						_: 1
 					}, 8, ["for"]),
 					_cache[18] || (_cache[18] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiTooltip_default, { for: guardedBinding14.value }, {
+					createVNode(UiTooltip_default, { for: guardedBinding10.value }, {
 						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Center image", -1)])]),
 						_: 1
 					}, 8, ["for"]),
 					_cache[19] || (_cache[19] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiTooltip_default, { for: guardedBinding15.value }, {
+					createVNode(UiTooltip_default, { for: guardedBinding11.value }, {
 						default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Wrap text to the right", -1)])]),
 						_: 1
 					}, 8, ["for"]),
 					_cache[20] || (_cache[20] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiTooltip_default, { for: guardedBinding16.value }, {
+					createVNode(UiTooltip_default, { for: guardedBinding12.value }, {
 						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("Wrap text to the left", -1)])]),
 						_: 1
 					}, 8, ["for"]),
@@ -442,7 +447,7 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["for"]),
 					_cache[22] || (_cache[22] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiTooltip_default, { for: guardedBinding17.value }, {
+					createVNode(UiTooltip_default, { for: guardedBinding13.value }, {
 						default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("Delete image", -1)])]),
 						_: 1
 					}, 8, ["for"]),
@@ -460,11 +465,11 @@ var UiEditorImageToolbar_default = /* @__PURE__ */ defineComponent({
 								createVNode(UiFormField_default, null, {
 									label: withCtx(() => [createElementVNode("label", {
 										slot: "label",
-										for: guardedBinding18.value
+										for: guardedBinding14.value
 									}, "Alt text", 8, _hoisted_3)]),
 									default: withCtx(() => [createVNode(UiInput_default, {
 										size: "sm",
-										id: guardedBinding19.value,
+										id: guardedBinding15.value,
 										value: draft.value,
 										ref_key: "altElement",
 										ref: altElement

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, 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 { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorInsertTableGrid.vue?vue&type=script&setup=true&lang.ts
@@ -25,22 +25,11 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 	inheritAttrs: false,
 	__name: "UiEditorInsertTableGrid",
 	props: {
-		headerRow: {
-			type: null,
-			default: false
-		},
-		maxCols: {
-			type: null,
-			default: 8
-		},
-		maxRows: {
-			type: null,
-			default: 8
-		},
-		open: {
-			type: null,
-			default: false
-		}
+		headerRow: { type: null },
+		maxCols: { type: null },
+		maxRows: { type: null },
+		open: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["insert"],
 	setup(__props, { emit: __emit }) {
@@ -87,30 +76,49 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			headerRow: false,
 			maxCols: 8,
 			maxRows: 8,
 			open: false
-		};
-		const checkedProps = computed(() => ({
-			headerRow: checkedProp(props["headerRow"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "headerRow", acceptedProps),
-			maxCols: checkedProp(props["maxCols"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "maxCols", acceptedProps),
-			maxRows: checkedProp(props["maxRows"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "maxRows", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps)
-		}));
+		}, {
+			headerRow: false,
+			maxCols: 8,
+			maxRows: 8,
+			open: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "headerRow": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "maxCols": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				case "maxRows": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, 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 {
+				headerRow: propInputs.value("headerRow", props["headerRow"], props[BINDING_INPUTS_PROP]),
+				maxCols: propInputs.value("maxCols", props["maxCols"], props[BINDING_INPUTS_PROP]),
+				maxRows: propInputs.value("maxRows", props["maxRows"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -216,11 +224,20 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 					name: "boolean"
 				}
 			}[name], keys),
+			initials: {
+				cells: [],
+				rows: 8,
+				cols: 8,
+				hint: "",
+				withHeaderRow: false
+			},
 			controllerSource: {
 				specifier: "../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js",
 				definition: "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -302,6 +319,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-af1d7721"]]);
+}), [["__scopeId", "data-v-c90a6519"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };