@threadlabs/looma 0.5.0 → 0.5.2

package/vue/chunks/UiEditorSlashMenu.js

@@ -33,7 +33,7 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		anchorRect: {},
 		items: {},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		query: { default: "" },
@@ -41,52 +41,28 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v),
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_visible = ref(false);
-		const state_active = ref(0);
+		const visible = ref(false);
+		const active = ref(0);
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			const declared = {
-				"highlight": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				highlight: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"select": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				select: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				}
 			};
 			const checks = {
-				"highlight": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && Object.keys(detail).every((key) => ["index"].includes(key)),
-				"select": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && Object.keys(detail).every((key) => ["index"].includes(key))
+				highlight: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && Object.keys(detail).every((key) => ["index"].includes(key)),
+				select: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && Object.keys(detail).every((key) => ["index"].includes(key))
 			};
 			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
 			emit(name, detail);
@@ -96,19 +72,19 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "visible") return state_visible.value;
-			if (name === "active") return state_active.value;
+			if (name === "visible") return visible.value;
+			if (name === "active") return active.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "visible") {
-				state_visible.value = value;
+				visible.value = value;
 				return true;
 			}
 			if (name === "active") {
-				state_active.value = value;
+				active.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -122,7 +98,7 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -177,19 +153,19 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				role: "listbox",
 				"aria-label": "Insert block"
 			}, _ctx.$attrs, {
-				hidden: hn.attr(!hn.t(state_visible.value)),
+				hidden: !visible.value,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "header-label" }, "Insert", -1)), hn.t(props.query) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(hn.text(props.query)), 1)) : createCommentVNode("v-if", true)]),
-				createElementVNode("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(props.items, void 0, [], void 0), (item, index) => {
+				createElementVNode("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "header-label" }, "Insert", -1)), __props.query ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.query), 1)) : createCommentVNode("v-if", true)]),
+				createElementVNode("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
 					return openBlock(), createElementBlock("li", {
 						key: index,
-						class: normalizeClass(["item", { "active": hn.t(index === state_active.value) }]),
+						class: normalizeClass(["item", { active: index === active.value }]),
 						role: "option",
-						"aria-selected": hn.enumerated(index === state_active.value),
-						"data-index": hn.attr(index)
-					}, [createElementVNode("span", _hoisted_6, [createVNode(UiIcon_default, { name: item?.icon }, null, 8, ["name"])]), createElementVNode("span", _hoisted_7, [createElementVNode("span", _hoisted_8, toDisplayString(hn.text(item?.title)), 1), createElementVNode("span", _hoisted_9, toDisplayString(hn.text(item?.description)), 1)])], 10, _hoisted_5);
+						"aria-selected": index === active.value,
+						"data-index": index
+					}, [createElementVNode("span", _hoisted_6, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"])]), createElementVNode("span", _hoisted_7, [createElementVNode("span", _hoisted_8, toDisplayString(item.title), 1), createElementVNode("span", _hoisted_9, toDisplayString(item.description), 1)])], 10, _hoisted_5);
 				}), 128))]),
 				_cache[1] || (_cache[1] = createElementVNode("div", {
 					class: "footer",
@@ -205,6 +181,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-93dbbf52"]]);
+}), [["__scopeId", "data-v-6616eea5"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorTableContextMenu.js

@@ -34,49 +34,25 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 		actions: {},
 		cellBackground: { default: "" },
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v),
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_swatches = ref([]);
-		const state_sections = ref([]);
+		const swatches = ref([]);
+		const sections = ref([]);
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
-			const declared = { "action": {
-				"bubbles": true,
-				"composed": true,
-				"cancelable": false
+		function dispatch(name, detail) {
+			const declared = { action: {
+				bubbles: true,
+				composed: true,
+				cancelable: false
 			} };
-			const checks = { "action": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key)) };
+			const checks = { action: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key)) };
 			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
 			emit(name, detail);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
@@ -85,19 +61,19 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "swatches") return state_swatches.value;
-			if (name === "sections") return state_sections.value;
+			if (name === "swatches") return swatches.value;
+			if (name === "sections") return sections.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "swatches") {
-				state_swatches.value = value;
+				swatches.value = value;
 				return true;
 			}
 			if (name === "sections") {
-				state_sections.value = value;
+				sections.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -111,7 +87,7 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -165,37 +141,37 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 				"data-component": "ui-editor-table-context-menu",
 				role: "menu"
 			}, _ctx.$attrs, {
-				hidden: hn.attr(!hn.t(props.open)),
+				hidden: !__props.open,
 				ref_key: "root",
 				ref: root
-			}), [hn.t(state_swatches.value) ? (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, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_swatches.value, void 0, [], void 0), (swatch, index) => {
+			}, "Cell background", -1)), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(swatches.value, (swatch) => {
 				return openBlock(), createElementBlock("button", {
-					key: swatch?.action,
+					key: swatch.action,
 					type: "button",
-					class: normalizeClass(["swatch-button", { "selected": hn.t(swatch?.selected) }]),
+					class: normalizeClass(["swatch-button", { selected: swatch.selected }]),
 					role: "menuitemradio",
-					"aria-checked": hn.enumerated(swatch?.selected),
-					"data-action": hn.attr(swatch?.action)
+					"aria-checked": swatch.selected,
+					"data-action": swatch.action
 				}, [createElementVNode("span", {
-					class: normalizeClass(["swatch", { "default": hn.t(!hn.t(swatch?.color)) }]),
-					style: normalizeStyle({ "--ui-editor-table-context-swatch": hn.text(swatch?.color) })
-				}, null, 6), createElementVNode("span", _hoisted_5, toDisplayString(hn.text(swatch?.label)), 1)], 10, _hoisted_4);
-			}), 128))])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_sections.value, void 0, [], void 0), (section, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: section?.heading }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "sep" }, null, -1)), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, toDisplayString(hn.text(section?.heading)), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(section?.items, void 0, [], void 0), (item, index) => {
+					class: normalizeClass(["swatch", { default: !swatch.color }]),
+					style: normalizeStyle({ "--ui-editor-table-context-swatch": swatch.color })
+				}, null, 6), createElementVNode("span", _hoisted_5, toDisplayString(swatch.label), 1)], 10, _hoisted_4);
+			}), 128))])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
+				return openBlock(), createElementBlock(Fragment, { key: section.heading }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "sep" }, null, -1)), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, toDisplayString(section.heading), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
 					return openBlock(), createElementBlock("button", {
-						key: item?.action,
+						key: item.action,
 						type: "button",
 						role: "menuitem",
-						"data-action": hn.attr(item?.action),
-						class: normalizeClass({ "danger": hn.t(item?.danger) })
-					}, [createVNode(UiIcon_default, { name: item?.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(hn.text(item?.label)), 1)], 10, _hoisted_8);
+						"data-action": item.action,
+						class: normalizeClass({ danger: item.danger })
+					}, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_8);
 				}), 128))])], 64);
 			}), 128))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2714613a"]]);
+}), [["__scopeId", "data-v-db07efb3"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableOverlay.js

@@ -41,52 +41,28 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 	props: {
 		geometry: {},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v),
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_rows = ref([]);
-		const state_cols = ref([]);
-		const state_hovered = ref(null);
-		const state_active = ref(null);
-		const state_activeKey = ref("");
+		const rows = ref([]);
+		const cols = ref([]);
+		const hovered = ref(null);
+		const active = ref(null);
+		const activeKey = ref("");
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
-			const declared = { "action": {
-				"bubbles": true,
-				"composed": true,
-				"cancelable": false
+		function dispatch(name, detail) {
+			const declared = { action: {
+				bubbles: true,
+				composed: true,
+				cancelable: false
 			} };
-			const checks = { "action": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after") && Number.isInteger(detail["boundaryIndex"]) && Object.keys(detail).every((key) => ["action", "boundaryIndex"].includes(key)) || detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "select-row" || detail["action"] === "select-column") && Number.isInteger(detail["rowIndex"]) && Number.isInteger(detail["columnIndex"]) && Object.keys(detail).every((key) => [
+			const checks = { action: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after") && Number.isInteger(detail["boundaryIndex"]) && Object.keys(detail).every((key) => ["action", "boundaryIndex"].includes(key)) || detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "select-row" || detail["action"] === "select-column") && Number.isInteger(detail["rowIndex"]) && Number.isInteger(detail["columnIndex"]) && Object.keys(detail).every((key) => [
 				"action",
 				"rowIndex",
 				"columnIndex"
@@ -109,34 +85,34 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "rows") return state_rows.value;
-			if (name === "cols") return state_cols.value;
-			if (name === "hovered") return state_hovered.value;
-			if (name === "active") return state_active.value;
-			if (name === "activeKey") return state_activeKey.value;
+			if (name === "rows") return rows.value;
+			if (name === "cols") return cols.value;
+			if (name === "hovered") return hovered.value;
+			if (name === "active") return active.value;
+			if (name === "activeKey") return activeKey.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "rows") {
-				state_rows.value = value;
+				rows.value = value;
 				return true;
 			}
 			if (name === "cols") {
-				state_cols.value = value;
+				cols.value = value;
 				return true;
 			}
 			if (name === "hovered") {
-				state_hovered.value = value;
+				hovered.value = value;
 				return true;
 			}
 			if (name === "active") {
-				state_active.value = value;
+				active.value = value;
 				return true;
 			}
 			if (name === "activeKey") {
-				state_activeKey.value = value;
+				activeKey.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -150,7 +126,7 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -204,16 +180,16 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				"data-component": "ui-editor-table-overlay",
 				"aria-label": "Table controls"
 			}, _ctx.$attrs, {
-				hidden: hn.attr(!hn.t(props.open)),
+				hidden: !__props.open,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_rows.value, void 0, [], void 0), (control, index) => {
+				createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (control) => {
 					return openBlock(), createElementBlock("div", {
-						key: control?.key,
-						class: normalizeClass(["control row", { "active": hn.t(control?.key === state_activeKey.value) }]),
-						"data-control-key": hn.attr(control?.key),
-						style: normalizeStyle({ "top": hn.text(control?.offset) })
+						key: control.key,
+						class: normalizeClass(["control row", { active: control.key === activeKey.value }]),
+						"data-control-key": control.key,
+						style: normalizeStyle({ top: control.offset })
 					}, [
 						_cache[0] || (_cache[0] = createElementVNode("span", {
 							class: "line",
@@ -227,19 +203,19 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						createElementVNode("button", {
 							type: "button",
 							class: "handle",
-							"data-ui-affordance": hn.attr(control?.affordance),
-							"data-action": hn.attr(control?.action),
-							"data-boundary-index": hn.attr(control?.index),
-							"aria-label": hn.enumerated(control?.label)
-						}, [createVNode(UiIcon_default, { name: "plus" }), createElementVNode("span", _hoisted_5, toDisplayString(hn.text(control?.label)), 1)], 8, _hoisted_4)
+							"data-ui-affordance": control.affordance,
+							"data-action": control.action,
+							"data-boundary-index": control.index,
+							"aria-label": control.label
+						}, [createVNode(UiIcon_default, { name: "plus" }), createElementVNode("span", _hoisted_5, toDisplayString(control.label), 1)], 8, _hoisted_4)
 					], 14, _hoisted_3);
 				}), 128))]),
-				createElementVNode("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_cols.value, void 0, [], void 0), (control, index) => {
+				createElementVNode("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(cols.value, (control) => {
 					return openBlock(), createElementBlock("div", {
-						key: control?.key,
-						class: normalizeClass(["control col", { "active": hn.t(control?.key === state_activeKey.value) }]),
-						"data-control-key": hn.attr(control?.key),
-						style: normalizeStyle({ "left": hn.text(control?.offset) })
+						key: control.key,
+						class: normalizeClass(["control col", { active: control.key === activeKey.value }]),
+						"data-control-key": control.key,
+						style: normalizeStyle({ left: control.offset })
 					}, [
 						_cache[2] || (_cache[2] = createElementVNode("span", {
 							class: "line",
@@ -253,49 +229,49 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						createElementVNode("button", {
 							type: "button",
 							class: "handle",
-							"data-ui-affordance": hn.attr(control?.affordance),
-							"data-action": hn.attr(control?.action),
-							"data-boundary-index": hn.attr(control?.index),
-							"aria-label": hn.enumerated(control?.label)
-						}, [createVNode(UiIcon_default, { name: "plus" }), createElementVNode("span", _hoisted_9, toDisplayString(hn.text(control?.label)), 1)], 8, _hoisted_8)
+							"data-ui-affordance": control.affordance,
+							"data-action": control.action,
+							"data-boundary-index": control.index,
+							"aria-label": control.label
+						}, [createVNode(UiIcon_default, { name: "plus" }), createElementVNode("span", _hoisted_9, toDisplayString(control.label), 1)], 8, _hoisted_8)
 					], 14, _hoisted_7);
 				}), 128))]),
-				hn.t(state_hovered.value) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+				hovered.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
 					type: "button",
 					class: "selector row",
 					"data-action": "select-row",
 					title: "Select row",
 					"aria-label": "Select row",
-					"data-row-index": hn.attr(state_hovered.value?.rowIndex),
-					"data-column-index": hn.attr(state_hovered.value?.columnIndex),
-					style: normalizeStyle({ "top": hn.text(state_hovered.value?.rowOffset) })
+					"data-row-index": hovered.value?.rowIndex,
+					"data-column-index": hovered.value?.columnIndex,
+					style: normalizeStyle({ top: hovered.value?.rowOffset })
 				}, [createElementVNode("span", _hoisted_11, [createVNode(UiIcon_default, { name: "grip-vertical" })])], 12, _hoisted_10), createElementVNode("button", {
 					type: "button",
 					class: "selector column",
 					"data-action": "select-column",
 					title: "Select column",
 					"aria-label": "Select column",
-					"data-row-index": hn.attr(state_hovered.value?.rowIndex),
-					"data-column-index": hn.attr(state_hovered.value?.columnIndex),
-					style: normalizeStyle({ "left": hn.text(state_hovered.value?.columnOffset) })
+					"data-row-index": hovered.value?.rowIndex,
+					"data-column-index": hovered.value?.columnIndex,
+					style: normalizeStyle({ left: hovered.value?.columnOffset })
 				}, [createElementVNode("span", _hoisted_13, [createVNode(UiIcon_default, { name: "grip-horizontal" })])], 12, _hoisted_12)], 64)) : createCommentVNode("v-if", true),
-				hn.t(state_active.value) ? (openBlock(), createElementBlock("button", {
+				active.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: "cell-menu",
 					"data-action": "open-cell-menu",
 					title: "Cell actions",
 					"aria-label": "Cell actions",
-					"data-row-index": hn.attr(state_active.value?.rowIndex),
-					"data-column-index": hn.attr(state_active.value?.columnIndex),
+					"data-row-index": active.value?.rowIndex,
+					"data-column-index": active.value?.columnIndex,
 					style: normalizeStyle({
-						"left": hn.text(state_active.value?.menuLeft),
-						"top": hn.text(state_active.value?.menuTop)
+						left: active.value?.menuLeft,
+						top: active.value?.menuTop
 					})
 				}, [createVNode(UiIcon_default, { name: "chevron-down" })], 12, _hoisted_14)) : createCommentVNode("v-if", true)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7b392ded"]]);
+}), [["__scopeId", "data-v-a31eb11f"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };