@threadlabs/looma 0.28.5 → 0.28.7

package/vue/chunks/UiEditorTableOverlay.js

@@ -1,8 +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 { _ as uniqueKeys, b as warnUnless, 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 { t as UiIcon_default } from "./UiIcon.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, 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",
@@ -38,14 +37,6 @@ var _hoisted_11 = { class: "glyph" };
 var _hoisted_12 = ["data-row-index", "data-column-index"];
 var _hoisted_13 = { class: "glyph" };
 var _hoisted_14 = ["data-row-index", "data-column-index"];
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiEditorTableOverlay.vue
 var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -419,42 +410,7 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -465,52 +421,52 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		const activeKey = ref("");
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(hovered.value?.["rowOffset"] == null || typeof hovered.value?.["rowOffset"] === "string", "$hovered.rowOffset:hovered.rowOffset", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.rowOffset does not satisfy its declared type.")) return guardedPrevious;
+			if (!warnUnless(hovered.value?.["rowOffset"] == null || typeof hovered.value?.["rowOffset"] === "string", "$hovered.rowOffset:hovered.rowOffset", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.rowOffset does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = hovered.value?.rowOffset;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(hovered.value?.["rowIndex"] == null || Number.isInteger(hovered.value?.["rowIndex"]), "$hovered.rowIndex:hovered.rowIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.rowIndex does not satisfy its declared type.")) return guardedBindingPrevious;
+			if (!warnUnless(hovered.value?.["rowIndex"] == null || Number.isInteger(hovered.value?.["rowIndex"]), "$hovered.rowIndex:hovered.rowIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.rowIndex does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = hovered.value?.rowIndex;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hovered.value?.["columnIndex"] == null || Number.isInteger(hovered.value?.["columnIndex"]), "$hovered.columnIndex:hovered.columnIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.columnIndex does not satisfy its declared type.")) return guardedBinding2Previous;
+			if (!warnUnless(hovered.value?.["columnIndex"] == null || Number.isInteger(hovered.value?.["columnIndex"]), "$hovered.columnIndex:hovered.columnIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.columnIndex does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = hovered.value?.columnIndex;
 		});
 		let guardedBinding3Previous;
 		const guardedBinding3 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hovered.value?.["columnOffset"] == null || typeof hovered.value?.["columnOffset"] === "string", "$hovered.columnOffset:hovered.columnOffset", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.columnOffset does not satisfy its declared type.")) return guardedBinding3Previous;
+			if (!warnUnless(hovered.value?.["columnOffset"] == null || typeof hovered.value?.["columnOffset"] === "string", "$hovered.columnOffset:hovered.columnOffset", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.columnOffset does not satisfy its declared type.")) return guardedBinding3Previous;
 			return guardedBinding3Previous = hovered.value?.columnOffset;
 		});
 		let guardedBinding4Previous;
 		const guardedBinding4 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hovered.value?.["rowIndex"] == null || Number.isInteger(hovered.value?.["rowIndex"]), "$hovered.rowIndex:hovered.rowIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.rowIndex does not satisfy its declared type.")) return guardedBinding4Previous;
+			if (!warnUnless(hovered.value?.["rowIndex"] == null || Number.isInteger(hovered.value?.["rowIndex"]), "$hovered.rowIndex:hovered.rowIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.rowIndex does not satisfy its declared type.")) return guardedBinding4Previous;
 			return guardedBinding4Previous = hovered.value?.rowIndex;
 		});
 		let guardedBinding5Previous;
 		const guardedBinding5 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hovered.value?.["columnIndex"] == null || Number.isInteger(hovered.value?.["columnIndex"]), "$hovered.columnIndex:hovered.columnIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.columnIndex does not satisfy its declared type.")) return guardedBinding5Previous;
+			if (!warnUnless(hovered.value?.["columnIndex"] == null || Number.isInteger(hovered.value?.["columnIndex"]), "$hovered.columnIndex:hovered.columnIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference hovered.columnIndex does not satisfy its declared type.")) return guardedBinding5Previous;
 			return guardedBinding5Previous = hovered.value?.columnIndex;
 		});
 		let guardedBinding6Previous;
 		const guardedBinding6 = computed(() => {
-			if (!htmlNextAuthoredCheck2(active.value?.["menuLeft"] == null || typeof active.value?.["menuLeft"] === "string", "$active.menuLeft:active.menuLeft", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.menuLeft does not satisfy its declared type.")) return guardedBinding6Previous;
+			if (!warnUnless(active.value?.["menuLeft"] == null || typeof active.value?.["menuLeft"] === "string", "$active.menuLeft:active.menuLeft", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.menuLeft does not satisfy its declared type.")) return guardedBinding6Previous;
 			return guardedBinding6Previous = active.value?.menuLeft;
 		});
 		let guardedBinding7Previous;
 		const guardedBinding7 = computed(() => {
-			if (!htmlNextAuthoredCheck2(active.value?.["menuTop"] == null || typeof active.value?.["menuTop"] === "string", "$active.menuTop:active.menuTop", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.menuTop does not satisfy its declared type.")) return guardedBinding7Previous;
+			if (!warnUnless(active.value?.["menuTop"] == null || typeof active.value?.["menuTop"] === "string", "$active.menuTop:active.menuTop", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.menuTop does not satisfy its declared type.")) return guardedBinding7Previous;
 			return guardedBinding7Previous = active.value?.menuTop;
 		});
 		let guardedBinding8Previous;
 		const guardedBinding8 = computed(() => {
-			if (!htmlNextAuthoredCheck2(active.value?.["rowIndex"] == null || Number.isInteger(active.value?.["rowIndex"]), "$active.rowIndex:active.rowIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.rowIndex does not satisfy its declared type.")) return guardedBinding8Previous;
+			if (!warnUnless(active.value?.["rowIndex"] == null || Number.isInteger(active.value?.["rowIndex"]), "$active.rowIndex:active.rowIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.rowIndex does not satisfy its declared type.")) return guardedBinding8Previous;
 			return guardedBinding8Previous = active.value?.rowIndex;
 		});
 		let guardedBinding9Previous;
 		const guardedBinding9 = computed(() => {
-			if (!htmlNextAuthoredCheck2(active.value?.["columnIndex"] == null || Number.isInteger(active.value?.["columnIndex"]), "$active.columnIndex:active.columnIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.columnIndex does not satisfy its declared type.")) return guardedBinding9Previous;
+			if (!warnUnless(active.value?.["columnIndex"] == null || Number.isInteger(active.value?.["columnIndex"]), "$active.columnIndex:active.columnIndex", "./components/ui-editor-table-overlay/ui-editor-table-overlay.html: HR007: Reference active.columnIndex does not satisfy its declared type.")) return guardedBinding9Previous;
 			return guardedBinding9Previous = active.value?.columnIndex;
 		});
 		provide("html-next:ui-editor-table-overlay:rows", rows);
@@ -518,14 +474,7 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		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",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-table-overlay> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-editor-table-overlay");
 		const isAddRowBeforeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["boundaryIndex"]) && Object.keys(detail).every((key) => ["boundaryIndex"].includes(key));
 		const isSelectRowDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["rowIndex"]) && Number.isInteger(detail["columnIndex"]) && Object.keys(detail).every((key) => ["rowIndex", "columnIndex"].includes(key));
 		const isReorderRowDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["fromIndex"]) && Number.isInteger(detail["toIndex"]) && Object.keys(detail).every((key) => ["fromIndex", "toIndex"].includes(key));
@@ -876,46 +825,19 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				activeKey
 			}
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-editor-table-overlay",
+				class: "ui-editor-table-overlay",
 				"aria-label": "Table controls"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				hidden: !checkedProps.value.open,
-				"data-geometry": reflectedProp("geometry", "geometry", checkedProps.value.geometry, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-geometry": unref(reflectedProp)("geometry", "geometry", checkedProps.value.geometry, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
 				createElementVNode("div", _hoisted_2, [createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(rows.value, (control, index, loop) => control.key), (control) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(rows.value, (control, index, loop) => control.key), (control) => {
 						return openBlock(), createElementBlock("div", {
 							key: control.key,
 							class: normalizeClass(["control row", { active: control.key === activeKey.value }]),
@@ -938,13 +860,16 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 								"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)
+							}, [createVNode(UiIcon_default, {
+								class: "ui-icon",
+								name: "plus"
+							}), createElementVNode("span", _hoisted_5, toDisplayString(control.label), 1)], 8, _hoisted_4)
 						], 14, _hoisted_3);
 					}), 128))]),
 					_: 1
 				})]),
 				createElementVNode("div", _hoisted_6, [createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(cols.value, (control, indexLoop, loop) => control.key), (control) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(cols.value, (control, indexLoop, loop) => control.key), (control) => {
 						return openBlock(), createElementBlock("div", {
 							key: control.key,
 							class: normalizeClass(["control col", { active: control.key === activeKey.value }]),
@@ -967,7 +892,10 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 								"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)
+							}, [createVNode(UiIcon_default, {
+								class: "ui-icon",
+								name: "plus"
+							}), createElementVNode("span", _hoisted_9, toDisplayString(control.label), 1)], 8, _hoisted_8)
 						], 14, _hoisted_7);
 					}), 128))]),
 					_: 1
@@ -981,7 +909,10 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					"data-row-index": guardedBinding.value,
 					"data-column-index": guardedBinding2.value,
 					style: normalizeStyle({ top: guarded.value })
-				}, [createElementVNode("span", _hoisted_11, [createVNode(UiIcon_default, { name: "grip-vertical" })])], 12, _hoisted_10), createElementVNode("button", {
+				}, [createElementVNode("span", _hoisted_11, [createVNode(UiIcon_default, {
+					class: "ui-icon",
+					name: "grip-vertical"
+				})])], 12, _hoisted_10), createElementVNode("button", {
 					type: "button",
 					class: "selector column",
 					"data-action": "select-column",
@@ -990,7 +921,10 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					"data-row-index": guardedBinding4.value,
 					"data-column-index": guardedBinding5.value,
 					style: normalizeStyle({ left: guardedBinding3.value })
-				}, [createElementVNode("span", _hoisted_13, [createVNode(UiIcon_default, { name: "grip-horizontal" })])], 12, _hoisted_12)], 64)) : createCommentVNode("v-if", true),
+				}, [createElementVNode("span", _hoisted_13, [createVNode(UiIcon_default, {
+					class: "ui-icon",
+					name: "grip-horizontal"
+				})])], 12, _hoisted_12)], 64)) : createCommentVNode("v-if", true),
 				active.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
@@ -1004,7 +938,10 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						left: guardedBinding6.value,
 						top: guardedBinding7.value
 					})
-				}, [createVNode(UiIcon_default, { name: "chevron-down" })], 12, _hoisted_14)) : createCommentVNode("v-if", true),
+				}, [createVNode(UiIcon_default, {
+					class: "ui-icon",
+					name: "chevron-down"
+				})], 12, _hoisted_14)) : createCommentVNode("v-if", true),
 				_cache[4] || (_cache[4] = createElementVNode("span", {
 					class: "drop-indicator",
 					"data-drop-indicator": "",
@@ -1017,6 +954,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0e632fe0"]]);
+}), [["__scopeId", "data-v-2ca9165c"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };

package/vue/chunks/UiEditorTableToolbar.js

@@ -1,8 +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 { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, r as attribute, 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 { t as UiIcon_default } from "./UiIcon.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorTableToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -74,14 +73,6 @@ var _hoisted_16 = [
 	"aria-checked",
 	"data-action"
 ];
-var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
-function htmlNextAuthoredCheck2(accepted, location, message) {
-	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-		htmlNextAuthoredCheck2Reported.add(location);
-		console.warn(message);
-	}
-	return accepted;
-}
 //#endregion
 //#region .build/vue/UiEditorTableToolbar.vue
 var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -286,42 +277,7 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -331,25 +287,13 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		const sections = ref([]);
 		const hasOverflow = ref(false);
 		const overflowOpen = ref(false);
-		let guardedPrevious;
-		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(overflowOpen.value == null || typeof overflowOpen.value === "boolean", "$overflowOpen:overflowOpen", "./components/ui-editor-table-toolbar/ui-editor-table-toolbar.html: HR007: Reference overflowOpen does not satisfy its declared type.")) return guardedPrevious;
-			return guardedPrevious = overflowOpen.value;
-		});
 		provide("html-next:ui-editor-table-toolbar:alignments", alignments);
 		provide("html-next:ui-editor-table-toolbar:structure", structure);
 		provide("html-next:ui-editor-table-toolbar:swatches", swatches);
 		provide("html-next:ui-editor-table-toolbar:sections", sections);
 		provide("html-next:ui-editor-table-toolbar:hasOverflow", hasOverflow);
 		provide("html-next:ui-editor-table-toolbar:overflowOpen", overflowOpen);
-		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-toolbar> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-table-toolbar> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-editor-table-toolbar");
 		const isActionDetail = (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"] === "toggle-header-row" || detail["action"] === "toggle-header-column" || detail["action"] === "move-row-up" || detail["action"] === "move-row-down" || detail["action"] === "move-column-left" || detail["action"] === "move-column-right" || 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 dispatch = createDispatch(root, emit, { checks: { action: isActionDetail } });
 		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-table-toolbar/ui-editor-table-toolbar.js"), {
@@ -590,61 +534,24 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				overflowOpen
 			}
 		});
-		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);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-editor-table-toolbar",
+				class: "ui-editor-table-toolbar",
 				role: "toolbar",
 				"aria-label": "Table actions"
-			}, nativeAttrs(_ctx.$attrs), {
+			}, unref(nativeAttrs)(_ctx.$attrs), {
 				hidden: !checkedProps.value.open,
-				"data-actions": reflectedProp("actions", "actions", checkedProps.value.actions, void 0, false),
-				"data-cell-alignment": reflectedProp("cellAlignment", "cell-alignment", checkedProps.value.cellAlignment, void 0, false),
-				"data-cell-background": reflectedProp("cellBackground", "cell-background", checkedProps.value.cellBackground, void 0, false),
-				"data-header-column": reflectedProp("headerColumn", "header-column", checkedProps.value.headerColumn, void 0, false),
-				"data-header-row": reflectedProp("headerRow", "header-row", checkedProps.value.headerRow, void 0, false),
-				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-actions": unref(reflectedProp)("actions", "actions", checkedProps.value.actions, void 0, false),
+				"data-cell-alignment": unref(reflectedProp)("cellAlignment", "cell-alignment", checkedProps.value.cellAlignment, void 0, false),
+				"data-cell-background": unref(reflectedProp)("cellBackground", "cell-background", checkedProps.value.cellBackground, void 0, false),
+				"data-header-column": unref(reflectedProp)("headerColumn", "header-column", checkedProps.value.headerColumn, void 0, false),
+				"data-header-row": unref(reflectedProp)("headerRow", "header-row", checkedProps.value.headerRow, void 0, false),
+				"data-open": unref(reflectedProp)("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
 				alignments.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(alignments.value, (item, index, loop) => item.action), (item) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(alignments.value, (item, index, loop) => item.action), (item) => {
 						return openBlock(), createElementBlock("button", {
 							key: item.action,
 							type: "button",
@@ -653,18 +560,24 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 							"aria-label": item.label,
 							title: item.label,
 							"aria-pressed": item.active
-						}, [createVNode(UiIcon_default, { name: item.action }, null, 8, ["name"])], 10, _hoisted_3);
+						}, [createVNode(UiIcon_default, {
+							class: "ui-icon",
+							name: item.action
+						}, null, 8, ["name"])], 10, _hoisted_3);
 					}), 128))]),
 					_: 1
 				})])) : createCommentVNode("v-if", true),
 				alignments.value.length && structure.value.length ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
 				structure.value.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(structure.value, (item, indexLoop, loop) => item.action), (item) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(structure.value, (item, indexLoop, loop) => item.action), (item) => {
 						return openBlock(), createElementBlock("button", {
 							key: item.action,
 							type: "button",
 							"data-action": item.action
-						}, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 8, _hoisted_6);
+						}, [createVNode(UiIcon_default, {
+							class: "ui-icon",
+							name: item.icon
+						}, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 8, _hoisted_6);
 					}), 128))]),
 					_: 1
 				})])) : createCommentVNode("v-if", true),
@@ -674,16 +587,22 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					class: "more",
 					"data-action": "toggle-overflow",
 					"aria-haspopup": "menu",
-					"aria-expanded": guarded.value
+					"aria-expanded": overflowOpen.value
 				}, [
-					createVNode(UiIcon_default, { name: "table" }),
+					createVNode(UiIcon_default, {
+						class: "ui-icon",
+						name: "table"
+					}),
 					_cache[0] || (_cache[0] = createElementVNode("span", null, "Table options", -1)),
-					createElementVNode("span", _hoisted_10, [createVNode(UiIcon_default, { name: "chevron-down" })])
+					createElementVNode("span", _hoisted_10, [createVNode(UiIcon_default, {
+						class: "ui-icon",
+						name: "chevron-down"
+					})])
 				], 8, _hoisted_9), overflowOpen.value ? (openBlock(), createElementBlock("div", _hoisted_11, [swatches.value.length ? (openBlock(), createElementBlock("div", _hoisted_12, [_cache[1] || (_cache[1] = createElementVNode("div", {
 					class: "menu-heading",
 					role: "presentation"
 				}, "Background", -1)), createElementVNode("div", _hoisted_13, [createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(swatches.value, (swatch, indexLoop2, loop) => swatch.action), (swatch) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(swatches.value, (swatch, indexLoop2, loop) => swatch.action), (swatch) => {
 						return openBlock(), createElementBlock("button", {
 							key: swatch.action,
 							type: "button",
@@ -698,33 +617,36 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					}), 128))]),
 					_: 1
 				})])])) : createCommentVNode("v-if", true), createVNode(unref(KeyedBoundary), null, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(sections.value, (section, indexLoop3, loop) => section.heading), (section) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(sections.value, (section, indexLoop3, loop) => section.heading), (section) => {
 						return openBlock(), createElementBlock("div", {
 							key: section.heading,
 							class: "menu-section divided",
 							role: "none"
 						}, [createElementVNode("div", _hoisted_15, toDisplayString(section.heading), 1), createVNode(unref(KeyedBoundary), null, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(section.items, (item, indexLoop4, loop) => item.action), (item) => {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(section.items, (item, indexLoop4, loop) => item.action), (item) => {
 								return openBlock(), createElementBlock("button", {
 									key: item.action,
 									type: "button",
-									role: attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+									role: unref(attribute)(((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: "menuitemcheckbox",
 										false: "menuitem"
-									}, concat(item.checkable))),
+									}, unref(concat)(item.checkable))),
 									"aria-checked": typeof ((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: item.checked,
 										false: null
-									}, concat(item.checkable)) === "boolean" ? String(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+									}, unref(concat)(item.checkable)) === "boolean" ? String(((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: item.checked,
 										false: null
-									}, concat(item.checkable))) : attribute(((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+									}, unref(concat)(item.checkable))) : unref(attribute)(((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: item.checked,
 										false: null
-									}, concat(item.checkable))),
+									}, unref(concat)(item.checkable))),
 									"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_16);
+								}, [createVNode(UiIcon_default, {
+									class: "ui-icon",
+									name: item.icon
+								}, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_16);
 							}), 128))]),
 							_: 2
 						}, 1024)]);
@@ -737,6 +659,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8c2d4497"]]);
+}), [["__scopeId", "data-v-366957b7"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -1,5 +1,4 @@
-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 { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorToolbar.vue?vue&type=script&setup=true&lang.ts
@@ -34,29 +33,11 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
+		const reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		const stripElement = useTemplateRef("stripElement");
-		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-toolbar> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-editor-toolbar> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-editor-toolbar");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.floating && "floating"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
@@ -82,11 +63,11 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-				"data-component": "ui-editor-toolbar",
+				class: "ui-editor-toolbar",
 				role: "toolbar",
 				"aria-label": "Editor toolbar"
-			}, nativeAttrs(_ctx.$attrs), {
-				"data-floating": reflectedProp("floating", "floating", checkedProps.value.floating, void 0, false),
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-floating": unref(reflectedProp)("floating", "floating", checkedProps.value.floating, void 0, false),
 				"data-ui-editor-toolbar-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -100,6 +81,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-fa1e480e"]]);
+}), [["__scopeId", "data-v-4659067f"]]);
 //#endregion
 export { UiEditorToolbar_default as t };