@threadlabs/looma 0.21.6 → 0.22.1

package/vue/chunks/UiEditorSlashMenuItem.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorSlashMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-disabled",
@@ -50,28 +50,80 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			description: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "description" },
+				description: "One line explaining the command.",
+				default: ""
+			},
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-disabled" },
+				description: "Keeps the command visible but unavailable for selection.",
+				default: false
+			},
+			icon: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "name" },
+				description: "A Lucide icon name for the leading symbol.",
+				default: ""
+			},
+			keywords: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "data-keywords" },
+				description: "Additional space-separated search terms matched by the containing Slash Menu.",
+				default: ""
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "data-value" },
+				description: "Stable identifier reported by the containing Slash Menu when this command is chosen.",
+				default: ""
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			description: checkedProp(props["description"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "description", void 0, void 0),
+			}, false, "description"),
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			icon: checkedProp(props["icon"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "icon", void 0, void 0),
+			}, false, "icon"),
 			keywords: checkedProp(props["keywords"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "keywords", void 0, void 0),
+			}, false, "keywords"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "value", void 0, void 0)
+			}, false, "value")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -98,7 +150,7 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 			})
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("li", mergeProps({
 				"data-component": "ui-editor-slash-menu-item",
 				role: "option",
 				tabindex: "-1"
@@ -109,9 +161,12 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 				"data-icon": reflectedProp("icon", "icon", checkedProps.value.icon, void 0, false),
 				"data-keywords": reflectedProp("keywords", "keywords", checkedProps.value.keywords, void 0, true),
 				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true)
-			}), [checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: checkedProps.value.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), 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);
+			}), [checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: checkedProps.value.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), 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), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1b560c94"]]);
+}), [["__scopeId", "data-v-5bc63805"]]);
 //#endregion
 export { UiEditorSlashMenuItem_default as t };

package/vue/chunks/UiEditorTableContextMenu.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 { t as UiIcon_default } from "./UiIcon.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorTableContextMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -71,6 +71,105 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			actions: {
+				type: {
+					kind: "list",
+					item: {
+						kind: "constrained",
+						base: {
+							kind: "terminal",
+							name: "keyword"
+						},
+						values: [
+							"align-left",
+							"align-center",
+							"align-right",
+							"background-none",
+							"background-gray",
+							"background-yellow",
+							"background-blue",
+							"background-green",
+							"background-red",
+							"add-row-before",
+							"add-row-after",
+							"add-column-before",
+							"add-column-after",
+							"toggle-header-row",
+							"toggle-header-column",
+							"move-row-up",
+							"move-row-down",
+							"move-column-left",
+							"move-column-right",
+							"clear-cells",
+							"merge-cells",
+							"split-cell",
+							"delete-row",
+							"delete-column",
+							"delete-table"
+						]
+					}
+				},
+				required: false,
+				target: { attribute: "actions" },
+				description: "The complete set of commands the current selection permits."
+			},
+			cellBackground: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "cellbackground" },
+				description: "Identifies the background choice that is active for the current cell.",
+				default: ""
+			},
+			headerColumn: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "headercolumn" },
+				description: "Whether the table's first column currently uses header cells.",
+				default: false
+			},
+			headerRow: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "headerrow" },
+				description: "Whether the table's first row currently uses header cells.",
+				default: false
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Shows the menu at the position owned by the editor integration.",
+				default: false
+			},
+			scope: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "scope" },
+				description: "Keeps structure actions relevant to a cell, row handle, or column handle.",
+				values: [
+					"cell",
+					"row",
+					"column"
+				],
+				default: "cell"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			actions: checkedProp(props["actions"], {
@@ -109,31 +208,27 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 						"delete-table"
 					]
 				}
-			}, false, "actions", void 0, void 0),
+			}, false, "actions"),
 			cellBackground: checkedProp(props["cellBackground"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "cellBackground", void 0, void 0),
+			}, false, "cellBackground"),
 			headerColumn: checkedProp(props["headerColumn"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "headerColumn", void 0, void 0),
+			}, false, "headerColumn"),
 			headerRow: checkedProp(props["headerRow"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "headerRow", void 0, void 0),
+			}, false, "headerRow"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			scope: checkedProp(props["scope"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "scope", void 0, [
-				"cell",
-				"row",
-				"column"
-			])
+			}, false, "scope")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -180,6 +275,8 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 		const root = ref(null);
 		const swatches = ref([]);
 		const sections = ref([]);
+		provide("html-next:ui-editor-table-context-menu:swatches", swatches);
+		provide("html-next:ui-editor-table-context-menu:sections", sections);
 		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-table-context-menu> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -235,7 +332,7 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 			return items;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-table-context-menu",
 				role: "menu"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -248,7 +345,7 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 				"data-scope": reflectedProp("scope", "scope", checkedProps.value.scope, void 0, false),
 				ref_key: "root",
 				ref: root
-			}), [swatches.value?.length ? (openBlock(), createElementBlock("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("div", {
+			}), [swatches.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("div", {
 				class: "heading",
 				role: "presentation"
 			}, "Cell background", -1)), createElementVNode("div", _hoisted_3, [createVNode(unref(KeyedBoundary), null, {
@@ -295,9 +392,12 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 					}, 1024)])], 64);
 				}), 128))]),
 				_: 1
-			})], 16, _hoisted_1);
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-364a0382"]]);
+}), [["__scopeId", "data-v-fa67c68c"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableOverlay.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 { t as UiIcon_default } from "./UiIcon.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorTableOverlay.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -67,6 +67,179 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		"open-column-menu"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			geometry: {
+				type: {
+					kind: "object",
+					fields: [
+						{
+							name: "rowBoundaries",
+							type: {
+								kind: "list",
+								item: {
+									kind: "terminal",
+									name: "number"
+								}
+							},
+							optional: false
+						},
+						{
+							name: "columnBoundaries",
+							type: {
+								kind: "list",
+								item: {
+									kind: "terminal",
+									name: "number"
+								}
+							},
+							optional: false
+						},
+						{
+							name: "activeCell",
+							type: {
+								kind: "union",
+								members: [{
+									kind: "object",
+									fields: [
+										{
+											name: "left",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "top",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "width",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "height",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "rowIndex",
+											type: {
+												kind: "terminal",
+												name: "integer"
+											},
+											optional: false
+										},
+										{
+											name: "columnIndex",
+											type: {
+												kind: "terminal",
+												name: "integer"
+											},
+											optional: false
+										}
+									],
+									open: false
+								}, {
+									kind: "terminal",
+									name: "null"
+								}]
+							},
+							optional: false
+						},
+						{
+							name: "hoveredCell",
+							type: {
+								kind: "union",
+								members: [{
+									kind: "object",
+									fields: [
+										{
+											name: "left",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "top",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "width",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "height",
+											type: {
+												kind: "terminal",
+												name: "number"
+											},
+											optional: false
+										},
+										{
+											name: "rowIndex",
+											type: {
+												kind: "terminal",
+												name: "integer"
+											},
+											optional: false
+										},
+										{
+											name: "columnIndex",
+											type: {
+												kind: "terminal",
+												name: "integer"
+											},
+											optional: false
+										}
+									],
+									open: false
+								}, {
+									kind: "terminal",
+									name: "null"
+								}]
+							},
+							optional: true
+						}
+					],
+					open: false
+				},
+				required: false,
+				target: { attribute: "geometry" },
+				description: "The authoritative editor-measured table boundaries and active or hovered cell rectangles."
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Shows the controls after the editor has supplied current geometry.",
+				default: false
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			geometry: checkedProp(props["geometry"], {
@@ -224,11 +397,11 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					}
 				],
 				open: false
-			}, false, "geometry", void 0, void 0),
+			}, false, "geometry"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0)
+			}, false, "open")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -308,6 +481,11 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			if (!(active.value?.["columnIndex"] == null || Number.isInteger(active.value?.["columnIndex"]))) return guardedBinding5Previous;
 			return guardedBinding5Previous = active.value?.columnIndex;
 		});
+		provide("html-next:ui-editor-table-overlay:rows", rows);
+		provide("html-next:ui-editor-table-overlay:cols", cols);
+		provide("html-next:ui-editor-table-overlay:hovered", hovered);
+		provide("html-next:ui-editor-table-overlay:active", active);
+		provide("html-next:ui-editor-table-overlay:activeKey", activeKey);
 		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-table-overlay> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -386,7 +564,7 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			return items;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-table-overlay",
 				"aria-label": "Table controls"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -493,9 +671,12 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					hidden: "",
 					"aria-hidden": "true"
 				}, null, -1))
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e807c2be"]]);
+}), [["__scopeId", "data-v-024f527b"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };