@threadlabs/looma 0.19.1 → 0.21.0

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,9 +1,16 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
-import { Fragment, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, useTemplateRef } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
+import { r as vBindControl } from "./control.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorInsertTableGrid.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["hidden"];
+var _hoisted_1 = [
+	"hidden",
+	"data-header-row",
+	"data-max-cols",
+	"data-max-rows",
+	"data-open"
+];
 var _hoisted_2 = { class: "hint" };
 var _hoisted_3 = [
 	"data-row",
@@ -13,7 +20,10 @@ var _hoisted_3 = [
 	"tabindex"
 ];
 var _hoisted_4 = { class: "header" };
-var _hoisted_5 = [".checked"];
+var _hoisted_5 = {
+	type: "checkbox",
+	ref: "header"
+};
 //#endregion
 //#region .build/vue/UiEditorInsertTableGrid.vue
 var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -21,19 +31,84 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 	__name: "UiEditorInsertTableGrid",
 	props: {
 		headerRow: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		maxCols: { default: 8 },
-		maxRows: { default: 8 },
+		maxCols: {
+			type: null,
+			default: 8
+		},
+		maxRows: {
+			type: null,
+			default: 8
+		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		}
 	},
 	emits: ["insert"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			headerRow: checkedProp(props["headerRow"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "headerRow", void 0, void 0),
+			maxCols: checkedProp(props["maxCols"], {
+				kind: "terminal",
+				name: "integer"
+			}, false, "maxCols", void 0, void 0),
+			maxRows: checkedProp(props["maxRows"], {
+				kind: "terminal",
+				name: "integer"
+			}, false, "maxRows", void 0, void 0),
+			open: checkedProp(props["open"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "open", void 0, void 0)
+		}));
+		checkedProps.value;
+		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 hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const gridElement = useTemplateRef("grid");
@@ -43,16 +118,28 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		const cols = ref(8);
 		const hint = ref("");
 		const withHeaderRow = ref(false);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-insert-table-grid> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-insert-table-grid> has an incompatible root."
+			})
+		});
 		const isInsertDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["rows"]) && Number.isInteger(detail["cols"]) && typeof detail["withHeaderRow"] === "boolean" && Object.keys(detail).every((key) => [
 			"rows",
 			"cols",
 			"withHeaderRow"
 		].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: { insert: isInsertDetail } });
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js",
+				definition: "./components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html"
+			},
+			props: checkedProps,
 			refs: {
 				grid: gridElement,
 				header: headerElement
@@ -65,9 +152,40 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				withHeaderRow
 			}
 		});
+		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 openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-insert-table-grid" }, _ctx.$attrs, {
-				hidden: !__props.open,
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-insert-table-grid" }, nativeAttrs(_ctx.$attrs), {
+				hidden: !checkedProps.value.open,
+				"data-header-row": reflectedProp("headerRow", "header-row", checkedProps.value.headerRow, void 0, false),
+				"data-max-cols": reflectedProp("maxCols", "max-cols", checkedProps.value.maxCols, void 0, false),
+				"data-max-rows": reflectedProp("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
+				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
@@ -81,26 +199,31 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 						"--_cols": cols.value
 					}),
 					ref: "grid"
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
-					return openBlock(), createElementBlock("button", {
-						key: cell.key,
-						type: "button",
-						class: normalizeClass(["cell", { selected: cell.selected }]),
-						"data-row": cell.row,
-						"data-col": cell.col,
-						"aria-label": cell.label,
-						"aria-pressed": cell.selected,
-						tabindex: cell.tabIndex
-					}, null, 10, _hoisted_3);
-				}), 128))], 4),
-				createElementVNode("label", _hoisted_4, [createElementVNode("input", {
-					type: "checkbox",
-					".checked": withHeaderRow.value,
-					ref: "header"
-				}, null, 40, _hoisted_5), _cache[0] || (_cache[0] = createTextVNode(" Header row", -1))])
+				}, [createVNode(unref(KeyedBoundary), null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(cells.value, (cell, index, loop) => cell.key), (cell) => {
+						return openBlock(), createElementBlock("button", {
+							key: cell.key,
+							type: "button",
+							class: normalizeClass(["cell", { selected: cell.selected }]),
+							"data-row": cell.row,
+							"data-col": cell.col,
+							"aria-label": cell.label,
+							"aria-pressed": cell.selected,
+							tabindex: cell.tabIndex
+						}, null, 10, _hoisted_3);
+					}), 128))]),
+					_: 1
+				})], 4),
+				createElementVNode("label", _hoisted_4, [withDirectives(createElementVNode("input", _hoisted_5, null, 512), [[unref(vBindControl), {
+					tag: "input",
+					name: "checked",
+					value: withHeaderRow.value,
+					nativeProperty: true,
+					defaultChecked: false
+				}]]), _cache[0] || (_cache[0] = createTextVNode(" Header row", -1))])
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9cb47d02"]]);
+}), [["__scopeId", "data-v-a8567ad7"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };

package/vue/chunks/UiEditorMentionMenu.js

@@ -1,9 +1,20 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-editor-mention-menu/ui-editor-mention-menu.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect } from "vue";
 //#region .build/vue/UiEditorMentionMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-busy", "hidden"];
+var _hoisted_1 = [
+	"aria-busy",
+	"hidden",
+	"data-anchor-rect",
+	"data-items",
+	"data-label",
+	"data-loading",
+	"data-loading-label",
+	"data-open",
+	"data-query",
+	"data-selected-index"
+];
 var _hoisted_2 = { class: "header" };
 var _hoisted_3 = {
 	key: 0,
@@ -41,24 +52,196 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 	inheritAttrs: false,
 	__name: "UiEditorMentionMenu",
 	props: {
-		anchorRect: {},
-		items: {},
-		label: { default: "Mentions" },
+		anchorRect: {
+			type: null,
+			default: null
+		},
+		items: {
+			type: null,
+			default: null
+		},
+		label: {
+			type: null,
+			default: "Mentions"
+		},
 		loading: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		loadingLabel: { default: "Searching…" },
+		loadingLabel: {
+			type: null,
+			default: "Searching…"
+		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		query: { default: "" },
-		selectedIndex: { default: 0 }
+		query: {
+			type: null,
+			default: ""
+		},
+		selectedIndex: {
+			type: null,
+			default: 0
+		}
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			anchorRect: checkedProp(props["anchorRect"], {
+				kind: "object",
+				fields: [
+					{
+						name: "left",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "top",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "right",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "bottom",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "x",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "y",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "width",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "height",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					}
+				],
+				open: false
+			}, false, "anchorRect", void 0, void 0),
+			items: checkedProp(props["items"], {
+				kind: "list",
+				item: {
+					kind: "object",
+					fields: [
+						{
+							name: "id",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						},
+						{
+							name: "label",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						},
+						{
+							name: "detail",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: true
+						},
+						{
+							name: "initials",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: true
+						}
+					],
+					open: false
+				}
+			}, false, "items", void 0, void 0),
+			label: checkedProp(props["label"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "label", void 0, void 0),
+			loading: checkedProp(props["loading"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "loading", void 0, void 0),
+			loadingLabel: checkedProp(props["loadingLabel"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "loadingLabel", void 0, void 0),
+			open: checkedProp(props["open"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "open", void 0, void 0),
+			query: checkedProp(props["query"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "query", void 0, void 0),
+			selectedIndex: checkedProp(props["selectedIndex"], {
+				kind: "terminal",
+				name: "integer"
+			}, false, "selectedIndex", void 0, void 0)
+		}));
+		checkedProps.value;
+		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 hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const emptyElement = useTemplateRef("empty");
@@ -67,15 +250,27 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		const searching = ref(false);
 		const active = ref(0);
 		const prefix = ref("ui-editor-mention-menu");
+		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-mention-menu> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-mention-menu> has an incompatible root."
+			})
+		});
 		const isHighlightDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && typeof detail["value"] === "string" && Object.keys(detail).every((key) => ["index", "value"].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: {
 			highlight: isHighlightDetail,
 			select: isHighlightDetail
 		} });
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-mention-menu/ui-editor-mention-menu.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-editor-mention-menu/ui-editor-mention-menu.js",
+				definition: "./components/ui-editor-mention-menu/ui-editor-mention-menu.html"
+			},
+			props: checkedProps,
 			refs: { empty: emptyElement },
 			state: {
 				visible,
@@ -89,14 +284,22 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-mention-menu",
 				role: "listbox"
-			}, _ctx.$attrs, {
-				"aria-busy": __props.loading,
+			}, nativeAttrs(_ctx.$attrs), {
+				"aria-busy": checkedProps.value.loading ?? void 0,
 				hidden: !visible.value,
+				"data-anchor-rect": reflectedProp("anchorRect", "anchor-rect", checkedProps.value.anchorRect, void 0, false),
+				"data-items": reflectedProp("items", "items", checkedProps.value.items, void 0, false),
+				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
+				"data-loading": reflectedProp("loading", "loading", checkedProps.value.loading, void 0, false),
+				"data-loading-label": reflectedProp("loadingLabel", "loading-label", checkedProps.value.loadingLabel, void 0, false),
+				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
+				"data-selected-index": reflectedProp("selectedIndex", "selected-index", checkedProps.value.selectedIndex, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
 				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "header", {}, void 0, true)]),
-				searching.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.loadingLabel), 1)) : createCommentVNode("v-if", true),
+				searching.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(checkedProps.value.loadingLabel), 1)) : createCommentVNode("v-if", true),
 				!searching.value ? (openBlock(), createElementBlock("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, index) => {
 					return openBlock(), createElementBlock("li", {
 						key: index,
@@ -112,6 +315,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7c9d6d0a"]]);
+}), [["__scopeId", "data-v-1dbde959"]]);
 //#endregion
 export { UiEditorMentionMenu_default as t };

package/vue/chunks/UiEditorMentionMenuItem.js

@@ -1,7 +1,12 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
 //#region .build/vue/UiEditorMentionMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-value"];
+var _hoisted_1 = [
+	"data-detail",
+	"data-initials",
+	"data-value"
+];
 var _hoisted_2 = {
 	class: "avatar",
 	"aria-hidden": "true"
@@ -18,19 +23,71 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 	inheritAttrs: false,
 	__name: "UiEditorMentionMenuItem",
 	props: {
-		detail: { default: "" },
-		initials: { default: "" },
-		value: { default: "" }
+		detail: {
+			type: null,
+			default: ""
+		},
+		initials: {
+			type: null,
+			default: ""
+		},
+		value: {
+			type: null,
+			default: ""
+		}
 	},
 	setup(__props) {
+		const props = __props;
+		const checkedProps = computed(() => ({
+			detail: checkedProp(props["detail"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "detail", void 0, void 0),
+			initials: checkedProp(props["initials"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "initials", void 0, void 0),
+			value: checkedProp(props["value"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "value", void 0, void 0)
+		}));
+		checkedProps.value;
+		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 hydrationNode = getCurrentInstance()?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-mention-menu-item> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-mention-menu-item> has an incompatible root."
+			})
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("li", mergeProps({
 				"data-component": "ui-editor-mention-menu-item",
 				role: "option",
 				tabindex: "-1"
-			}, _ctx.$attrs, { "data-value": __props.value }), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "start", {}, () => [createTextVNode(toDisplayString(__props.initials), 1)], true)]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.detail ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.detail), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
+			}, nativeAttrs(_ctx.$attrs), {
+				"data-detail": reflectedProp("detail", "detail", checkedProps.value.detail, void 0, false),
+				"data-initials": reflectedProp("initials", "initials", checkedProps.value.initials, void 0, false),
+				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true)
+			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "start", {}, () => [createTextVNode(toDisplayString(checkedProps.value.initials), 1)], true)]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.detail ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.detail), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-91fa2023"]]);
+}), [["__scopeId", "data-v-71367907"]]);
 //#endregion
 export { UiEditorMentionMenuItem_default as t };