@threadlabs/looma 0.5.1 → 0.6.0-rc.1

package/vue/chunks/UiEditable.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, toDisplayString, watchEffect } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, toDisplayString, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editable/ui-editable.js";
 //#region .build/vue/UiEditable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-editable-state"];
@@ -27,15 +27,15 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	__name: "UiEditable",
 	props: {
 		actions: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		edit: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		hint: { default: "" },
@@ -43,46 +43,45 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		value: { default: "" }
 	},
 	emits: [
+		"update:edit",
+		"update:value",
 		"input",
 		"change",
 		"edit-change"
 	],
 	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)
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_internalEdit = ref(false);
-		const state_internalValue = ref("");
-		const state_draft = ref("");
+		const previewElement = useTemplateRef("preview");
+		const inputElement = useTemplateRef("input");
+		const internalEdit = ref(false);
+		const internalValue = ref("");
+		const draft = ref("");
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [internalEdit.value && "internalEdit", props.disabled && "disabled"].filter(Boolean).join(" "));
 		/** 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 = {
-				"input": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				input: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
-				"change": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+				change: {
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				},
 				"edit-change": {
-					"bubbles": true,
-					"composed": true,
-					"cancelable": false
+					bubbles: true,
+					composed: true,
+					cancelable: false
 				}
 			};
 			const checks = {
-				"input": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => ["value", "trigger"].includes(key)),
-				"change": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && typeof detail["previousValue"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+				input: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => ["value", "trigger"].includes(key)),
+				change: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && typeof detail["previousValue"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 					"value",
 					"previousValue",
 					"trigger"
@@ -94,38 +93,34 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				].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);
+			const emitEvent = emit;
+			emitEvent(name, detail);
+			if (detail !== null && typeof detail === "object" && "edit" in detail) emitEvent("update:edit", detail["edit"]);
+			if (detail !== null && typeof detail === "object" && "value" in detail) emitEvent("update:value", detail["value"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				...declared[name],
 				detail
 			})) ?? true;
-		};
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["internalEdit", "disabled"].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
+		}
 		function read(name) {
-			if (name === "internalEdit") return state_internalEdit.value;
-			if (name === "internalValue") return state_internalValue.value;
-			if (name === "draft") return state_draft.value;
+			if (name === "internalEdit") return internalEdit.value;
+			if (name === "internalValue") return internalValue.value;
+			if (name === "draft") return draft.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "internalEdit") {
-				state_internalEdit.value = value;
+				internalEdit.value = value;
 				return true;
 			}
 			if (name === "internalValue") {
-				state_internalValue.value = value;
+				internalValue.value = value;
 				return true;
 			}
 			if (name === "draft") {
-				state_draft.value = value;
+				draft.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -139,7 +134,14 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {
+				get preview() {
+					return previewElement.value;
+				},
+				get input() {
+					return inputElement.value;
+				}
+			},
 			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;
@@ -196,20 +198,16 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), [createElementVNode("div", _hoisted_2, [createElementVNode("button", {
 				class: "preview",
 				type: "button",
-				disabled: hn.attr(props.disabled),
-				ref: (element) => {
-					refs["preview"] = element;
-				}
-			}, [createElementVNode("span", _hoisted_4, toDisplayString(hn.text(state_internalValue.value)), 1), hn.t(props.hint) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(hn.text(props.hint)), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_3), createElementVNode("input", {
+				disabled: __props.disabled,
+				ref: "preview"
+			}, [createElementVNode("span", _hoisted_4, toDisplayString(internalValue.value), 1), __props.hint ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.hint), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_3), createElementVNode("input", {
 				class: "input",
 				type: "text",
-				".value": state_draft.value,
-				"aria-label": hn.enumerated(props.label),
-				disabled: hn.attr(hn.t(props.disabled) || hn.t(!hn.t(state_internalEdit.value))),
-				ref: (element) => {
-					refs["input"] = element;
-				}
-			}, null, 40, _hoisted_6)]), hn.t(props.actions) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[0] || (_cache[0] = [createElementVNode("button", {
+				".value": draft.value,
+				"aria-label": __props.label,
+				disabled: __props.disabled || !internalEdit.value,
+				ref: "input"
+			}, null, 40, _hoisted_6)]), __props.actions ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[0] || (_cache[0] = [createElementVNode("button", {
 				class: "save",
 				type: "button"
 			}, "Save", -1), createElementVNode("button", {
@@ -218,6 +216,6 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, "Cancel", -1)])])) : createCommentVNode("v-if", true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-d8c654a7"]]);
+}), [["__scopeId", "data-v-3707d050"]]);
 //#endregion
 export { UiEditable_default as t };

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, watchEffect } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, useTemplateRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js";
 //#region .build/vue/UiEditorInsertTableGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["hidden"];
@@ -12,6 +12,11 @@ var _hoisted_3 = [
 ];
 var _hoisted_4 = { class: "header" };
 var _hoisted_5 = [".checked"];
+var _hoisted_6 = {
+	type: "button",
+	class: "insert",
+	ref: "insert"
+};
 //#endregion
 //#region .build/vue/UiEditorInsertTableGrid.vue
 var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -19,58 +24,36 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 	__name: "UiEditorInsertTableGrid",
 	props: {
 		headerRow: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		maxCols: { default: 8 },
 		maxRows: { default: 8 },
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	emits: ["insert"],
 	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_cells = ref([]);
-		const state_rows = ref(8);
-		const state_cols = ref(8);
-		const state_hint = ref("");
-		const state_withHeaderRow = ref(false);
+		const headerElement = useTemplateRef("header");
+		const insertElement = useTemplateRef("insert");
+		const cells = ref([]);
+		const rows = ref(8);
+		const cols = ref(8);
+		const hint = ref("");
+		const withHeaderRow = ref(false);
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
-			const declared = { "insert": {
-				"bubbles": true,
-				"composed": true,
-				"cancelable": false
+		function dispatch(name, detail) {
+			const declared = { insert: {
+				bubbles: true,
+				composed: true,
+				cancelable: false
 			} };
-			const checks = { "insert": (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) => [
+			const checks = { insert: (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"
@@ -83,34 +66,34 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "cells") return state_cells.value;
-			if (name === "rows") return state_rows.value;
-			if (name === "cols") return state_cols.value;
-			if (name === "hint") return state_hint.value;
-			if (name === "withHeaderRow") return state_withHeaderRow.value;
+			if (name === "cells") return cells.value;
+			if (name === "rows") return rows.value;
+			if (name === "cols") return cols.value;
+			if (name === "hint") return hint.value;
+			if (name === "withHeaderRow") return withHeaderRow.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "cells") {
-				state_cells.value = value;
+				cells.value = value;
 				return true;
 			}
 			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 === "hint") {
-				state_hint.value = value;
+				hint.value = value;
 				return true;
 			}
 			if (name === "withHeaderRow") {
-				state_withHeaderRow.value = value;
+				withHeaderRow.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -124,7 +107,14 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {
+				get header() {
+					return headerElement.value;
+				},
+				get insert() {
+					return insertElement.value;
+				}
+			},
 			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;
@@ -175,47 +165,39 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-editor-insert-table-grid" }, _ctx.$attrs, {
-				hidden: hn.attr(!hn.t(props.open)),
+				hidden: !__props.open,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("p", _hoisted_2, toDisplayString(hn.text(state_hint.value)), 1),
+				createElementVNode("p", _hoisted_2, toDisplayString(hint.value), 1),
 				createElementVNode("div", {
 					class: "grid",
 					role: "group",
 					"aria-label": "Table dimensions",
 					style: normalizeStyle({
-						"--ui-editor-table-grid-rows": hn.text(state_rows.value),
-						"--ui-editor-table-grid-cols": hn.text(state_cols.value)
+						"--ui-editor-table-grid-rows": rows.value,
+						"--ui-editor-table-grid-cols": cols.value
 					})
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_cells.value, void 0, [], void 0), (cell, index) => {
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
 					return openBlock(), createElementBlock("button", {
-						key: cell?.key,
+						key: cell.key,
 						type: "button",
-						class: normalizeClass(["cell", { "selected": hn.t(cell?.selected) }]),
-						"data-row": hn.attr(cell?.row),
-						"data-col": hn.attr(cell?.col),
-						"aria-label": hn.enumerated(cell?.label),
-						"aria-pressed": hn.enumerated(cell?.selected)
+						class: normalizeClass(["cell", { selected: cell.selected }]),
+						"data-row": cell.row,
+						"data-col": cell.col,
+						"aria-label": cell.label,
+						"aria-pressed": cell.selected
 					}, null, 10, _hoisted_3);
 				}), 128))], 4),
 				createElementVNode("label", _hoisted_4, [createElementVNode("input", {
 					type: "checkbox",
-					".checked": state_withHeaderRow.value,
-					ref: (element) => {
-						refs["header"] = element;
-					}
+					".checked": withHeaderRow.value,
+					ref: "header"
 				}, null, 40, _hoisted_5), _cache[0] || (_cache[0] = createTextVNode(" Header row", -1))]),
-				createElementVNode("button", {
-					type: "button",
-					class: "insert",
-					ref: (element) => {
-						refs["insert"] = element;
-					}
-				}, "Insert table", 512)
+				createElementVNode("button", _hoisted_6, "Insert table", 512)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0d980738"]]);
+}), [["__scopeId", "data-v-c4064690"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };

package/vue/chunks/UiEditorMentionMenu.js

@@ -37,11 +37,11 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		anchorRect: {},
 		items: {},
 		loading: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		query: { default: "" },
@@ -49,72 +49,31 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 	},
 	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),
-			n: (v) => typeof v === "number" && v === v ? v : void 0,
-			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),
-			call: (fn, ...args) => {
-				if (fn === "format") {
-					let index = 1;
-					return typeof args[0] === "string" ? args[0].replace(/%s/g, () => index < args.length ? hn.text(args[index++]) : "%s") : void 0;
-				}
-				const n = args.map(hn.n);
-				if (n.some((value) => value === void 0)) return void 0;
-				const v = n;
-				switch (fn) {
-					case "abs": return v.length === 1 ? Math.abs(v[0]) : void 0;
-					case "round": return v.length === 1 ? Math.round(v[0]) : void 0;
-					case "min": return v.length > 0 ? Math.min(...v) : void 0;
-					case "max": return v.length > 0 ? Math.max(...v) : void 0;
-					case "clamp": return v.length === 3 ? Math.min(Math.max(v[0], v[1]), v[2]) : void 0;
-				}
-			},
-			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_rows = ref([]);
-		const state_searching = ref(false);
-		const state_active = ref(0);
-		const state_prefix = ref("ui-editor-mention-menu");
+		const visible = ref(false);
+		const rows = ref([]);
+		const searching = ref(false);
+		const active = ref(0);
+		const prefix = ref("ui-editor-mention-menu");
 		/** 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);
@@ -124,34 +83,34 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "visible") return state_visible.value;
-			if (name === "rows") return state_rows.value;
-			if (name === "searching") return state_searching.value;
-			if (name === "active") return state_active.value;
-			if (name === "prefix") return state_prefix.value;
+			if (name === "visible") return visible.value;
+			if (name === "rows") return rows.value;
+			if (name === "searching") return searching.value;
+			if (name === "active") return active.value;
+			if (name === "prefix") return prefix.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "visible") {
-				state_visible.value = value;
+				visible.value = value;
 				return true;
 			}
 			if (name === "rows") {
-				state_rows.value = value;
+				rows.value = value;
 				return true;
 			}
 			if (name === "searching") {
-				state_searching.value = value;
+				searching.value = value;
 				return true;
 			}
 			if (name === "active") {
-				state_active.value = value;
+				active.value = value;
 				return true;
 			}
 			if (name === "prefix") {
-				state_prefix.value = value;
+				prefix.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -165,7 +124,7 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				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;
@@ -220,26 +179,26 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				role: "listbox",
 				"aria-label": "Mention a person"
 			}, _ctx.$attrs, {
-				"aria-busy": hn.enumerated(props.loading),
-				hidden: hn.attr(!hn.t(state_visible.value)),
+				"aria-busy": __props.loading,
+				hidden: !visible.value,
 				ref_key: "root",
 				ref: root
 			}), [
 				_cache[0] || (_cache[0] = createElementVNode("div", { class: "header" }, [createElementVNode("span", null, "People"), createElementVNode("span", { class: "hint" }, "Type after @ to search")], -1)),
-				hn.t(state_searching.value) ? (openBlock(), createElementBlock("div", _hoisted_2, "Searching…")) : createCommentVNode("v-if", true),
-				hn.t(!hn.t(state_searching.value)) ? (openBlock(), createElementBlock("ul", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_rows.value, void 0, [], void 0), (row, index) => {
+				searching.value ? (openBlock(), createElementBlock("div", _hoisted_2, "Searching…")) : createCommentVNode("v-if", true),
+				!searching.value ? (openBlock(), createElementBlock("ul", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, 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",
-						id: hn.attr(hn.call("format", "%s-option-%s", state_prefix.value, index)),
-						"aria-selected": hn.enumerated(index === state_active.value),
-						"data-index": hn.attr(index)
-					}, [createElementVNode("span", _hoisted_5, toDisplayString(hn.text(row?.initials)), 1), createElementVNode("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(hn.text(row?.label)), 1), hn.t(row?.detail) ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(hn.text(row?.detail)), 1)) : createCommentVNode("v-if", true)])], 10, _hoisted_4);
+						id: `${prefix.value}-option-${index}`,
+						"aria-selected": index === active.value,
+						"data-index": index
+					}, [createElementVNode("span", _hoisted_5, toDisplayString(row.initials), 1), createElementVNode("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(row.label), 1), row.detail ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(row.detail), 1)) : createCommentVNode("v-if", true)])], 10, _hoisted_4);
 				}), 128))])) : createCommentVNode("v-if", true)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-a727834e"]]);
+}), [["__scopeId", "data-v-2abe407e"]]);
 //#endregion
 export { UiEditorMentionMenu_default as t };