@threadlabs/looma 0.21.5 → 0.22.0

package/vue/chunks/UiDisclosure.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } 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 = [
 	"data-density",
@@ -58,32 +58,95 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		"close"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			density: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "density" },
+				description: "Compact trades padding and type size for rows that fit more on screen.",
+				values: ["comfortable", "compact"],
+				default: "comfortable"
+			},
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Disables the trigger and mutes its text, so the disclosure keeps its current state and the user cannot toggle it.",
+				default: false
+			},
+			headingLevel: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "headinglevel" },
+				description: "Adds heading semantics around the trigger at level 2 through 6. Zero leaves it a plain disclosure; choose a level that matches the page outline.",
+				default: 0
+			},
+			name: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "name" },
+				description: "Disclosures with the same nonempty name form an exclusive group in one document: opening one closes the others. An empty name allows multiple open\n      items.",
+				default: ""
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the disclosure is open initially or when set externally. The trigger toggles it from there, reporting each change as an open or close event.",
+				default: false
+			},
+			summary: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "summary" },
+				description: "The text of the trigger row that opens and closes the disclosure. It is the trigger button's accessible name, so name what the content is.",
+				default: "Details"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			density: checkedProp(props["density"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "density", void 0, ["comfortable", "compact"]),
+			}, false, "density"),
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			headingLevel: checkedProp(props["headingLevel"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "headingLevel", void 0, void 0),
+			}, false, "headingLevel"),
 			name: checkedProp(props["name"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "name", void 0, void 0),
+			}, false, "name"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			summary: checkedProp(props["summary"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "summary", void 0, void 0)
+			}, false, "summary")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -110,6 +173,34 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const contentId = ref("");
 		const headingRole = ref(null);
 		const headingAriaLevel = ref(null);
+		const guarded = computed(() => {
+			if (!(headingRole.value == null || true));
+			return headingRole.value ?? void 0;
+		});
+		let guardedBindingPrevious;
+		const guardedBinding = computed(() => {
+			if (!(headingAriaLevel.value == null || Number.isInteger(headingAriaLevel.value))) return guardedBindingPrevious;
+			return guardedBindingPrevious = headingAriaLevel.value ?? void 0;
+		});
+		let guardedBinding2Previous;
+		const guardedBinding2 = computed(() => {
+			if (!(contentId.value == null || typeof contentId.value === "string")) return guardedBinding2Previous;
+			return guardedBinding2Previous = contentId.value;
+		});
+		let guardedBinding3Previous;
+		const guardedBinding3 = computed(() => {
+			if (!(internalOpen.value == null || typeof internalOpen.value === "boolean")) return guardedBinding3Previous;
+			return guardedBinding3Previous = internalOpen.value;
+		});
+		let guardedBinding4Previous;
+		const guardedBinding4 = computed(() => {
+			if (!(contentId.value == null || typeof contentId.value === "string")) return guardedBinding4Previous;
+			return guardedBinding4Previous = contentId.value;
+		});
+		provide("html-next:ui-disclosure:internalOpen", internalOpen);
+		provide("html-next:ui-disclosure:contentId", contentId);
+		provide("html-next:ui-disclosure:headingRole", headingRole);
+		provide("html-next:ui-disclosure:headingAriaLevel", headingAriaLevel);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-disclosure> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -155,16 +246,8 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				headingAriaLevel
 			}
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function attribute(value) {
-			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
-			return value === true ? "" : text(value);
-		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-disclosure" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-disclosure" }, nativeAttrs(_ctx.$attrs), {
 				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-heading-level": reflectedProp("headingLevel", "heading-level", checkedProps.value.headingLevel, void 0, false),
@@ -176,13 +259,13 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				ref: root
 			}), [createElementVNode("div", {
 				class: "heading",
-				role: attribute(headingRole.value),
-				"aria-level": typeof headingAriaLevel.value === "boolean" ? String(headingAriaLevel.value) : attribute(headingAriaLevel.value)
+				role: guarded.value,
+				"aria-level": guardedBinding.value
 			}, [createElementVNode("button", {
 				class: "trigger",
 				type: "button",
-				"aria-controls": contentId.value,
-				"aria-expanded": internalOpen.value,
+				"aria-controls": guardedBinding2.value,
+				"aria-expanded": guardedBinding3.value,
 				disabled: checkedProps.value.disabled ?? void 0,
 				ref: "trigger"
 			}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "summary", {}, () => [createTextVNode(toDisplayString(checkedProps.value.summary), 1)], true)]), _cache[0] || (_cache[0] = createElementVNode("span", {
@@ -190,11 +273,14 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"aria-hidden": "true"
 			}, null, -1))], 8, _hoisted_3)], 8, _hoisted_2), createElementVNode("div", {
 				class: "panel",
-				id: contentId.value,
+				id: guardedBinding4.value,
 				ref: "panel"
-			}, [createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_5)], 16, _hoisted_1);
+			}, [createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_5)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-edd200b7"]]);
+}), [["__scopeId", "data-v-19148588"]]);
 //#endregion
 export { UiDisclosure_default as t };

package/vue/chunks/UiEditable.js

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { r as vBindControl } from "./control.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, 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
 var _hoisted_1 = [
 	"data-actions",
@@ -103,52 +103,164 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		"edit-change"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			actions: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "actions" },
+				description: "Show explicit Save and Cancel buttons while editing. Without them, Enter or leaving the field saves and Escape cancels.",
+				default: false
+			},
+			cancelLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "cancellabel" },
+				description: "Visible text for the Cancel action.",
+				default: "Cancel"
+			},
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Prevents entering or changing edit mode.",
+				default: false
+			},
+			edit: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "edit" },
+				description: "Whether edit mode is active initially or when set externally.",
+				default: false
+			},
+			hint: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "hint" },
+				description: "Optional text shown beside the value to signal it is editable (for example \"Edit\").",
+				default: ""
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "aria-label" },
+				description: "Accessible name for the editor.",
+				default: "Edit value"
+			},
+			maxLength: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "maxlength" },
+				description: "Maximum draft length; 0 leaves the length unrestricted.",
+				default: 0
+			},
+			placeholder: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "placeholder" },
+				description: "Hint shown in the text input while the draft is empty.",
+				default: ""
+			},
+			required: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "required" },
+				description: "Prevent an empty draft from being saved.",
+				default: false
+			},
+			saveLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "savelabel" },
+				description: "Visible text for the Save action.",
+				default: "Save"
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "The displayed value, and the text the editor starts from. It is not a form field: nothing is submitted with a form, so a form that needs the value copies\n      it from the change event into a field of its own.",
+				default: ""
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			actions: checkedProp(props["actions"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "actions", void 0, void 0),
+			}, false, "actions"),
 			cancelLabel: checkedProp(props["cancelLabel"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "cancelLabel", void 0, void 0),
+			}, false, "cancelLabel"),
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			edit: checkedProp(props["edit"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "edit", void 0, void 0),
+			}, false, "edit"),
 			hint: checkedProp(props["hint"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "hint", void 0, void 0),
+			}, false, "hint"),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			maxLength: checkedProp(props["maxLength"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "maxLength", void 0, void 0),
+			}, false, "maxLength"),
 			placeholder: checkedProp(props["placeholder"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "placeholder", void 0, void 0),
+			}, false, "placeholder"),
 			required: checkedProp(props["required"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "required", void 0, void 0),
+			}, false, "required"),
 			saveLabel: checkedProp(props["saveLabel"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "saveLabel", void 0, void 0),
+			}, false, "saveLabel"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "value", void 0, void 0)
+			}, false, "value")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -174,6 +286,19 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const internalEdit = ref(false);
 		const internalValue = ref("");
 		const draft = ref("");
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(internalValue.value == null || typeof internalValue.value === "string")) return guardedPrevious;
+			return guardedPrevious = internalValue.value;
+		});
+		let guardedBindingPrevious;
+		const guardedBinding = computed(() => {
+			if (!(internalEdit.value == null || typeof internalEdit.value === "boolean")) return guardedBindingPrevious;
+			return guardedBindingPrevious = checkedProps.value.disabled || !internalEdit.value;
+		});
+		provide("html-next:ui-editable:internalEdit", internalEdit);
+		provide("html-next:ui-editable:internalValue", internalValue);
+		provide("html-next:ui-editable:draft", draft);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editable> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -222,7 +347,7 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editable" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editable" }, nativeAttrs(_ctx.$attrs), {
 				"data-actions": reflectedProp("actions", "actions", checkedProps.value.actions, void 0, false),
 				"data-cancel-label": reflectedProp("cancelLabel", "cancel-label", checkedProps.value.cancelLabel, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
@@ -242,13 +367,13 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				type: "button",
 				disabled: checkedProps.value.disabled ?? void 0,
 				ref: "preview"
-			}, [createElementVNode("span", _hoisted_4, toDisplayString(internalValue.value), 1), checkedProps.value.hint ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.hint), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_3), withDirectives(createElementVNode("input", {
+			}, [createElementVNode("span", _hoisted_4, toDisplayString(guarded.value), 1), checkedProps.value.hint ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.hint), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_3), withDirectives(createElementVNode("input", {
 				class: "input",
 				type: "text",
 				"aria-label": checkedProps.value.label ?? void 0,
 				placeholder: checkedProps.value.placeholder ?? void 0,
 				required: checkedProps.value.required ?? void 0,
-				disabled: checkedProps.value.disabled || !internalEdit.value,
+				disabled: guardedBinding.value,
 				ref: "input"
 			}, null, 8, _hoisted_6), [[unref(vBindControl), {
 				tag: "input",
@@ -256,9 +381,12 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				value: draft.value,
 				nativeProperty: true,
 				defaultValue: ""
-			}]])]), checkedProps.value.actions ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("button", _hoisted_8, toDisplayString(checkedProps.value.saveLabel), 1), createElementVNode("button", _hoisted_9, toDisplayString(checkedProps.value.cancelLabel), 1)])) : createCommentVNode("v-if", true)], 16, _hoisted_1);
+			}]])]), checkedProps.value.actions ? (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("button", _hoisted_8, toDisplayString(checkedProps.value.saveLabel), 1), createElementVNode("button", _hoisted_9, toDisplayString(checkedProps.value.cancelLabel), 1)])) : createCommentVNode("v-if", true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8dce8e1a"]]);
+}), [["__scopeId", "data-v-4d133148"]]);
 //#endregion
 export { UiEditable_default as t };

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { r as vBindControl } from "./control.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, 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
 var _hoisted_1 = [
 	"hidden",
@@ -49,24 +49,66 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 	},
 	emits: ["insert"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			headerRow: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "headerrow" },
+				description: "Whether table insertion initially includes a header row.",
+				default: false
+			},
+			maxCols: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "maxcols" },
+				description: "The most columns the grid offers (at most 10).",
+				default: 8
+			},
+			maxRows: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "maxrows" },
+				description: "The most rows the grid offers (at most 10).",
+				default: 8
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the grid is shown.",
+				default: false
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			headerRow: checkedProp(props["headerRow"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "headerRow", void 0, void 0),
+			}, false, "headerRow"),
 			maxCols: checkedProp(props["maxCols"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "maxCols", void 0, void 0),
+			}, false, "maxCols"),
 			maxRows: checkedProp(props["maxRows"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "maxRows", void 0, void 0),
+			}, false, "maxRows"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0)
+			}, false, "open")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -118,6 +160,16 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		const cols = ref(8);
 		const hint = ref("");
 		const withHeaderRow = ref(false);
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(hint.value == null || typeof hint.value === "string")) return guardedPrevious;
+			return guardedPrevious = hint.value;
+		});
+		provide("html-next:ui-editor-insert-table-grid:cells", cells);
+		provide("html-next:ui-editor-insert-table-grid:rows", rows);
+		provide("html-next:ui-editor-insert-table-grid:cols", cols);
+		provide("html-next:ui-editor-insert-table-grid:hint", hint);
+		provide("html-next:ui-editor-insert-table-grid:withHeaderRow", withHeaderRow);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-insert-table-grid> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -180,7 +232,7 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			return items;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-insert-table-grid" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-insert-table-grid" }, nativeAttrs(_ctx.$attrs), {
 				hidden: !checkedProps.value.open,
 				"data-header-row": reflectedProp("headerRow", "header-row", checkedProps.value.headerRow, void 0, false),
 				"data-max-cols": reflectedProp("maxCols", "max-cols", checkedProps.value.maxCols, void 0, false),
@@ -189,7 +241,7 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("p", _hoisted_2, toDisplayString(hint.value), 1),
+				createElementVNode("p", _hoisted_2, toDisplayString(guarded.value), 1),
 				createElementVNode("div", {
 					class: "grid",
 					role: "group",
@@ -221,9 +273,12 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 					nativeProperty: true,
 					defaultChecked: false
 				}]]), _cache[0] || (_cache[0] = createTextVNode(" Header row", -1))])
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6fee08e8"]]);
+}), [["__scopeId", "data-v-1dfb5104"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };