@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/features/composites/components/CompositeSummaryEditor.js

@@ -0,0 +1,79 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { setCompositeDescription } from "../rows.js";
+import { createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, toDisplayString, unref, watch } from "vue";
+//#region src/features/composites/components/CompositeSummaryEditor.vue
+const _hoisted_1 = {
+	key: 2,
+	class: "text-sm text-[var(--sk-muted)]"
+};
+const _hoisted_2 = { class: "mt-1 block text-xs text-[var(--sk-fg-dimmed)]" };
+/**
+* The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with
+* debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and
+* shows plain text while `readonly`.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CompositeSummaryEditor",
+	props: {
+		editor: {},
+		row: {},
+		readonly: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { Textarea: UTextarea } = useUiKit();
+		const { t } = useEditorI18n();
+		const draft = ref(props.row.description);
+		const typing = ref(false);
+		let dirty = false;
+		let timer;
+		watch(() => props.row.description, (value) => {
+			if (!typing.value && !dirty) draft.value = value;
+		});
+		function commit() {
+			clearTimeout(timer);
+			if (!dirty) return;
+			dirty = false;
+			if (!props.editor.isDestroyed) setCompositeDescription(props.editor, props.row, draft.value);
+		}
+		function onInput(value) {
+			draft.value = typeof value === "string" ? value : "";
+			dirty = true;
+			clearTimeout(timer);
+			timer = setTimeout(commit, 500);
+		}
+		function onBlur() {
+			typing.value = false;
+			commit();
+		}
+		onBeforeUnmount(commit);
+		return (_ctx, _cache) => {
+			return __props.row.descriptionTextOnly && !__props.readonly ? (openBlock(), createBlock(unref(UTextarea), {
+				key: 0,
+				"model-value": draft.value,
+				placeholder: unref(t)("composites.summary.placeholder"),
+				"aria-label": unref(t)("composites.summary.label"),
+				size: "sm",
+				autoresize: "",
+				rows: 2,
+				maxrows: 6,
+				class: "w-full",
+				onFocus: _cache[0] || (_cache[0] = ($event) => typing.value = true),
+				onBlur,
+				"onUpdate:modelValue": onInput
+			}, null, 8, [
+				"model-value",
+				"placeholder",
+				"aria-label"
+			])) : __props.readonly ? (openBlock(), createElementBlock("p", {
+				key: 1,
+				class: normalizeClass(["text-sm", __props.row.description ? "text-[var(--sk-fg)]" : "text-[var(--sk-fg-dimmed)]"])
+			}, toDisplayString(__props.row.description || unref(t)("composites.summary.none")), 3)) : (openBlock(), createElementBlock("p", _hoisted_1, [createTextVNode(toDisplayString(__props.row.description) + " ", 1), createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("composites.summary.formatted")), 1)]));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CompositeSummaryEditor.js.map

package/dist/features/composites/components/CompositeSummaryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeSummaryEditor.js","names":["_openBlock","_createBlock","_unref","_createElementBlock","_normalizeClass","_toDisplayString","_createTextVNode","_createElementVNode"],"sources":["../../../../src/features/composites/components/CompositeSummaryEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CompositeRow, setCompositeDescription } from '../rows'\n\n/**\n * The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with\n * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and\n * shows plain text while `readonly`.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow, readonly?: boolean }>()\n\nconst { Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst draft = ref(props.row.description)\nconst typing = ref(false)\nlet dirty = false\nlet timer: ReturnType<typeof setTimeout> | undefined\n\nwatch(() => props.row.description, (value) => {\n  if (!typing.value && !dirty) draft.value = value\n})\n\nfunction commit() {\n  clearTimeout(timer)\n  if (!dirty) return\n  dirty = false\n  if (!props.editor.isDestroyed) setCompositeDescription(props.editor, props.row, draft.value)\n}\n\nfunction onInput(value: unknown) {\n  draft.value = typeof value === 'string' ? value : ''\n  dirty = true\n  clearTimeout(timer)\n  timer = setTimeout(commit, 500)\n}\n\nfunction onBlur() {\n  typing.value = false\n  commit()\n}\n\nonBeforeUnmount(commit)\n</script>\n\n<template>\n  <UTextarea\n    v-if=\"row.descriptionTextOnly && !readonly\"\n    :model-value=\"draft\"\n    :placeholder=\"t('composites.summary.placeholder')\"\n    :aria-label=\"t('composites.summary.label')\"\n    size=\"sm\"\n    autoresize\n    :rows=\"2\"\n    :maxrows=\"6\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @update:model-value=\"onInput\"\n  />\n  <p v-else-if=\"readonly\" :class=\"['text-sm', row.description ? 'text-[var(--sk-fg)]' : 'text-[var(--sk-fg-dimmed)]']\">\n    {{ row.description || t('composites.summary.none') }}\n  </p>\n  <p v-else class=\"text-sm text-[var(--sk-muted)]\">\n    {{ row.description }}\n    <span class=\"mt-1 block text-xs text-[var(--sk-fg-dimmed)]\">{{ t('composites.summary.formatted') }}</span>\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAEd,MAAM,EAAE,UAAU,cAAc,SAAS;EACzC,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,QAAQ,IAAI,MAAM,IAAI,WAAW;EACvC,MAAM,SAAS,IAAI,KAAK;EACxB,IAAI,QAAQ;EACZ,IAAI;EAEJ,YAAY,MAAM,IAAI,cAAc,UAAU;GAC5C,IAAI,CAAC,OAAO,SAAS,CAAC,OAAO,MAAM,QAAQ;EAC7C,CAAC;EAED,SAAS,SAAS;GAChB,aAAa,KAAK;GAClB,IAAI,CAAC,OAAO;GACZ,QAAQ;GACR,IAAI,CAAC,MAAM,OAAO,aAAa,wBAAwB,MAAM,QAAQ,MAAM,KAAK,MAAM,KAAK;EAC7F;EAEA,SAAS,QAAQ,OAAgB;GAC/B,MAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ;GAClD,QAAQ;GACR,aAAa,KAAK;GAClB,QAAQ,WAAW,QAAQ,GAAG;EAChC;EAEA,SAAS,SAAS;GAChB,OAAO,QAAQ;GACf,OAAO;EACT;EAEA,gBAAgB,MAAM;;GAKZ,OAAA,QAAA,IAAI,uBAAmB,CAAK,QAAA,YADpCA,UAAA,GAAAC,YAaEC,MAAA,SAAA,GAAA;;IAXC,eAAa,MAAA;IACb,aAAaA,MAAA,CAAA,CAAC,CAAA,gCAAA;IACd,cAAYA,MAAA,CAAA,CAAC,CAAA,0BAAA;IACd,MAAK;IACL,YAAA;IACC,MAAM;IACN,SAAS;IACV,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,uBAAoB;;;;;GAET,CAAA,KAAA,QAAA,YAAdF,UAAA,GAAAG,mBAEI,KAAA;;IAFqB,OAAKC,eAAA,CAAA,WAAc,QAAA,IAAI,cAAW,wBAAA,4BAAA,CAAA;GACtD,GAAAC,gBAAA,QAAA,IAAI,eAAeH,MAAA,CAAA,CAAC,CAAA,yBAAA,CAAA,GAAA,CAAA,MAEzBF,UAAA,GAAAG,mBAGI,KAHJ,YAGI,CAFCG,gBAAAD,gBAAA,QAAA,IAAI,WAAW,IAAG,KACrB,CAAA,GAAAE,mBAA0G,QAA1G,YAA0GF,gBAA3CH,MAAA,CAAA,CAAC,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/features/composites/components/CompositeSummaryEditor.vue.d.ts

@@ -0,0 +1,18 @@
+import { CompositeRow } from "../rows.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/components/CompositeSummaryEditor.vue.d.ts
+/**
+ * The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with
+ * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and
+ * shows plain text while `readonly`.
+ */
+type __VLS_Props = {
+  editor: Editor;
+  row: CompositeRow;
+  readonly?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CompositeSummaryEditor.vue.d.ts.map

package/dist/features/composites/components/CompositeTable.js

@@ -0,0 +1,348 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { FILTER_ALL, columnSpecsOf, fieldColumnsOf, fieldOf, fieldText, hasText, isLongText, sortRows, toggled } from "../table-model.js";
+import { useCompositeRows } from "../use-composite-rows.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/features/composites/components/CompositeTable.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+	key: 0,
+	class: "mx-auto flex max-w-sm flex-1 flex-col items-center justify-center gap-2 py-16 text-center"
+};
+const _hoisted_3 = { class: "text-sm font-medium text-[var(--sk-fg-highlighted)]" };
+const _hoisted_4 = { class: "text-sm text-[var(--sk-muted)]" };
+const _hoisted_5 = { class: "flex flex-col gap-2" };
+const _hoisted_6 = { class: "flex flex-wrap items-center gap-2" };
+const _hoisted_7 = {
+	class: "text-sm text-[var(--sk-muted)]",
+	"aria-hidden": "true"
+};
+const _hoisted_8 = {
+	class: "ml-auto text-xs tabular-nums text-[var(--sk-muted)]",
+	role: "status"
+};
+const _hoisted_9 = ["aria-label"];
+const _hoisted_10 = ["aria-label"];
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = {
+	key: 0,
+	class: "truncate font-medium text-[var(--sk-fg-highlighted)]"
+};
+const _hoisted_13 = {
+	key: 1,
+	class: "truncate text-[var(--sk-muted)]"
+};
+const _hoisted_14 = ["title"];
+const _hoisted_15 = { class: "sr-only" };
+const _hoisted_16 = {
+	key: 0,
+	class: "flex flex-wrap gap-1"
+};
+const _hoisted_17 = { class: "sr-only" };
+const _hoisted_18 = ["title"];
+const _hoisted_19 = { class: "sr-only" };
+const _hoisted_20 = { class: "sr-only" };
+const _hoisted_21 = { class: "flex flex-col items-center gap-2 py-6" };
+const _hoisted_22 = { class: "text-sm text-[var(--sk-muted)]" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CompositeTable",
+	props: { editor: {} },
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { Badge: UBadge, Button: UButton, Icon: UIcon, Input: UInput, Select: USelect, Table: UTable } = useUiKit();
+		const { t } = useEditorI18n();
+		const { rows, tags, kinds } = useCompositeRows(() => props.editor);
+		const fieldColumns = computed(() => fieldColumnsOf(rows.value, kinds.value));
+		const specs = computed(() => columnSpecsOf(fieldColumns.value, t));
+		const columns = computed(() => specs.value.map((spec) => ({
+			id: spec.id,
+			header: spec.label,
+			accessorFn: spec.sort,
+			enableSorting: true,
+			meta: { class: {
+				th: [spec.id === "title" ? "min-w-56" : "", spec.align === "end" ? "text-right" : ""].join(" "),
+				td: spec.align === "end" ? "text-right" : ""
+			} }
+		})));
+		const search = ref("");
+		const pickedKinds = ref([]);
+		const pickedTags = ref([]);
+		const pickedOptions = ref({});
+		/** One select per `select` field in use; its choices are the union of the options of all kinds that have the key. */
+		const selectFilters = computed(() => fieldColumns.value.flatMap((column) => {
+			if (column.field.type !== "select") return [];
+			const options = /* @__PURE__ */ new Map();
+			for (const row of rows.value) for (const option of fieldOf(row, column.field.key)?.options ?? []) if (!options.has(option.value)) options.set(option.value, option.label);
+			return [{
+				key: column.field.key,
+				label: column.field.label,
+				items: [{
+					label: t("composites.table.filter.all"),
+					value: FILTER_ALL
+				}, ...[...options].map(([value, label]) => ({
+					label,
+					value
+				}))]
+			}];
+		}));
+		const activeKinds = computed(() => pickedKinds.value.filter((id) => kinds.value.some((kind) => kind.id === id)));
+		const activeTags = computed(() => pickedTags.value.filter((tag) => tags.value.includes(tag)));
+		const activeOptions = computed(() => selectFilters.value.flatMap((filter) => {
+			const value = pickedOptions.value[filter.key];
+			return value && filter.items.some((item) => item.value === value && value !== "__all__") ? [[filter.key, value]] : [];
+		}));
+		const needle = computed(() => search.value.trim().toLowerCase());
+		const filterActive = computed(() => activeKinds.value.length > 0 || activeTags.value.length > 0 || activeOptions.value.length > 0 || needle.value !== "");
+		function resetFilters() {
+			search.value = "";
+			pickedKinds.value = [];
+			pickedTags.value = [];
+			pickedOptions.value = {};
+		}
+		const filtered = computed(() => rows.value.filter((row) => {
+			if (activeKinds.value.length && !activeKinds.value.includes(row.kind)) return false;
+			if (activeTags.value.length && !activeTags.value.every((tag) => row.tags.includes(tag))) return false;
+			if (activeOptions.value.some(([key, value]) => row.meta[key] !== value)) return false;
+			if (needle.value) {
+				if (!`${row.title}\n${row.description}\n${row.tags.map((tag) => `#${tag}`).join(" ")}`.toLowerCase().includes(needle.value)) return false;
+			}
+			return true;
+		}));
+		const sorting = ref([]);
+		const activeSort = computed(() => {
+			const entry = sorting.value[0];
+			const spec = entry && specs.value.find((item) => item.id === entry.id);
+			return entry && spec ? {
+				id: entry.id,
+				desc: entry.desc,
+				sort: spec.sort
+			} : null;
+		});
+		/** Header click cycles ascending → descending → unsorted. */
+		function cycleSort(id) {
+			const current = sorting.value[0];
+			if (current?.id !== id) sorting.value = [{
+				id,
+				desc: false
+			}];
+			else sorting.value = current.desc ? [] : [{
+				id,
+				desc: true
+			}];
+		}
+		const sortIcon = (id) => {
+			const current = sorting.value[0];
+			if (current?.id !== id) return "i-lucide-chevrons-up-down";
+			return current.desc ? "i-lucide-arrow-down" : "i-lucide-arrow-up";
+		};
+		const sorted = computed(() => {
+			const sort = activeSort.value;
+			return sort ? sortRows(filtered.value, sort.sort, sort.desc) : filtered.value;
+		});
+		const countLabel = computed(() => t(rows.value.length === 1 ? "composites.table.count.one" : "composites.table.count.other", {
+			n: sorted.value.length,
+			total: rows.value.length
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				class: "flex min-h-0 flex-col gap-3",
+				"aria-label": unref(t)("composites.table.label")
+			}, [!unref(rows).length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+				createVNode(unref(UIcon), {
+					name: "i-lucide-table-2",
+					class: "size-8 text-[var(--sk-fg-dimmed)]"
+				}),
+				createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("composites.table.emptyTitle")), 1),
+				createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("composites.table.emptyText")), 1)
+			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_5, [
+				createElementVNode("div", _hoisted_6, [
+					createVNode(unref(UInput), {
+						modelValue: search.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
+						class: "w-64",
+						size: "sm",
+						icon: "i-lucide-search",
+						placeholder: unref(t)("composites.table.search.placeholder"),
+						"aria-label": unref(t)("composites.table.search.label")
+					}, createSlots({ _: 2 }, [search.value ? {
+						name: "trailing",
+						fn: withCtx(() => [createVNode(unref(UButton), {
+							color: "neutral",
+							variant: "link",
+							size: "xs",
+							icon: "i-lucide-x",
+							"aria-label": unref(t)("composites.table.search.clear"),
+							onClick: _cache[0] || (_cache[0] = ($event) => search.value = "")
+						}, null, 8, ["aria-label"])]),
+						key: "0"
+					} : void 0]), 1032, [
+						"modelValue",
+						"placeholder",
+						"aria-label"
+					]),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(selectFilters.value, (filter) => {
+						return openBlock(), createElementBlock("div", {
+							key: filter.key,
+							class: "flex items-center gap-1.5"
+						}, [createElementVNode("span", _hoisted_7, toDisplayString(filter.label), 1), createVNode(unref(USelect), {
+							"model-value": pickedOptions.value[filter.key] ?? unref("__all__"),
+							class: "w-36",
+							size: "sm",
+							items: filter.items,
+							"aria-label": filter.label,
+							"onUpdate:modelValue": ($event) => pickedOptions.value = {
+								...pickedOptions.value,
+								[filter.key]: String($event)
+							}
+						}, null, 8, [
+							"model-value",
+							"items",
+							"aria-label",
+							"onUpdate:modelValue"
+						])]);
+					}), 128)),
+					filterActive.value ? (openBlock(), createBlock(unref(UButton), {
+						key: 0,
+						size: "sm",
+						color: "neutral",
+						variant: "ghost",
+						icon: "i-lucide-filter-x",
+						label: unref(t)("composites.table.filter.reset"),
+						onClick: resetFilters
+					}, null, 8, ["label"])) : createCommentVNode("v-if", true),
+					createElementVNode("span", _hoisted_8, toDisplayString(countLabel.value), 1)
+				]),
+				unref(kinds).length > 1 ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "flex flex-wrap items-center gap-1",
+					role: "group",
+					"aria-label": unref(t)("composites.table.filter.byKind")
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(kinds), (kind) => {
+					return openBlock(), createBlock(unref(UButton), {
+						key: kind.id,
+						size: "xs",
+						color: "neutral",
+						variant: activeKinds.value.includes(kind.id) ? "solid" : "outline",
+						icon: kind.icon,
+						label: kind.label,
+						"aria-pressed": activeKinds.value.includes(kind.id),
+						onClick: ($event) => pickedKinds.value = unref(toggled)(pickedKinds.value, kind.id)
+					}, null, 8, [
+						"variant",
+						"icon",
+						"label",
+						"aria-pressed",
+						"onClick"
+					]);
+				}), 128))], 8, _hoisted_9)) : createCommentVNode("v-if", true),
+				unref(tags).length ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "flex flex-wrap items-center gap-1",
+					role: "group",
+					"aria-label": unref(t)("composites.table.filter.byTag")
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tags), (tag) => {
+					return openBlock(), createBlock(unref(UButton), {
+						key: tag,
+						size: "xs",
+						color: "neutral",
+						variant: activeTags.value.includes(tag) ? "solid" : "outline",
+						label: `#${tag}`,
+						"aria-pressed": activeTags.value.includes(tag),
+						onClick: ($event) => pickedTags.value = unref(toggled)(pickedTags.value, tag)
+					}, null, 8, [
+						"variant",
+						"label",
+						"aria-pressed",
+						"onClick"
+					]);
+				}), 128))], 8, _hoisted_10)) : createCommentVNode("v-if", true)
+			]), createVNode(unref(UTable), {
+				sorting: sorting.value,
+				"onUpdate:sorting": _cache[2] || (_cache[2] = ($event) => sorting.value = $event),
+				data: sorted.value,
+				columns: columns.value,
+				"get-row-id": (row) => row.key,
+				ui: {
+					th: "px-3 py-2 text-sm",
+					td: "px-3 py-2"
+				},
+				sticky: "",
+				class: "min-h-0 flex-1 rounded-md border border-[var(--sk-border)]",
+				onSelect: _cache[3] || (_cache[3] = (_event, row) => emit("select", row.original))
+			}, createSlots({
+				"title-cell": withCtx(({ row }) => [createElementVNode("div", {
+					class: "flex min-w-0 items-center gap-1.5",
+					style: normalizeStyle({ paddingLeft: `${row.original.depth * 1.25}rem` })
+				}, [createVNode(unref(UIcon), {
+					name: row.original.icon,
+					class: "size-4 shrink-0 text-[var(--sk-muted)]"
+				}, null, 8, ["name"]), unref(hasText)(row.original.title) ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(row.original.title), 1)) : (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(unref(t)("composites.untitled")), 1))], 4)]),
+				"kind-cell": withCtx(({ row }) => [createTextVNode(toDisplayString(row.original.kindLabel), 1)]),
+				"tags-cell": withCtx(({ row }) => [row.original.tags.length ? (openBlock(), createElementBlock("div", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.original.tags, (tag) => {
+					return openBlock(), createBlock(unref(UBadge), {
+						key: tag,
+						color: "neutral",
+						variant: "subtle",
+						size: "sm",
+						label: `#${tag}`
+					}, null, 8, ["label"]);
+				}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[5] || (_cache[5] = createElementVNode("span", {
+					class: "text-[var(--sk-fg-dimmed)]",
+					"aria-hidden": "true"
+				}, "–", -1)), createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("composites.table.noTags")), 1)], 64))]),
+				"summary-cell": withCtx(({ row }) => [unref(hasText)(row.original.description) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", {
+					class: "inline-block size-2 rounded-full bg-[var(--sk-primary)]",
+					"aria-hidden": "true",
+					title: row.original.description
+				}, null, 8, _hoisted_18), createElementVNode("span", _hoisted_19, toDisplayString(unref(t)("composites.table.summaryPresent")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[6] || (_cache[6] = createElementVNode("span", {
+					class: "text-[var(--sk-fg-dimmed)]",
+					"aria-hidden": "true"
+				}, "–", -1)), createElementVNode("span", _hoisted_20, toDisplayString(unref(t)("composites.summary.none")), 1)], 64))]),
+				empty: withCtx(() => [createElementVNode("div", _hoisted_21, [createElementVNode("p", _hoisted_22, toDisplayString(unref(t)("composites.table.filter.noMatch")), 1), createVNode(unref(UButton), {
+					size: "sm",
+					color: "neutral",
+					variant: "outline",
+					icon: "i-lucide-filter-x",
+					label: unref(t)("composites.table.filter.reset"),
+					onClick: resetFilters
+				}, null, 8, ["label"])])]),
+				_: 2
+			}, [renderList(specs.value, (spec) => {
+				return {
+					name: `${spec.id}-header`,
+					fn: withCtx(() => [createElementVNode("button", {
+						type: "button",
+						class: "-mx-1.5 inline-flex cursor-pointer items-center gap-1 rounded px-1.5 py-0.5 font-semibold hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]",
+						onClick: ($event) => cycleSort(spec.id)
+					}, [createTextVNode(toDisplayString(spec.label) + " ", 1), createVNode(unref(UIcon), {
+						name: sortIcon(spec.id),
+						class: normalizeClass(["size-3.5", activeSort.value?.id === spec.id ? "text-[var(--sk-fg-highlighted)]" : "text-[var(--sk-fg-dimmed)]"])
+					}, null, 8, ["name", "class"])], 8, _hoisted_11)])
+				};
+			}), renderList(fieldColumns.value, (column) => {
+				return {
+					name: `${column.id}-cell`,
+					fn: withCtx(({ row }) => [unref(fieldText)(row.original, column.field.key) ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["block", [column.field.type === "number" || column.field.type === "date" ? "tabular-nums" : "", unref(isLongText)(column.field) ? "max-w-64 truncate" : ""]]),
+						title: unref(isLongText)(column.field) ? unref(fieldText)(row.original, column.field.key) : void 0
+					}, toDisplayString(unref(fieldText)(row.original, column.field.key)), 11, _hoisted_14)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[4] || (_cache[4] = createElementVNode("span", {
+						class: "text-[var(--sk-fg-dimmed)]",
+						"aria-hidden": "true"
+					}, "–", -1)), createElementVNode("span", _hoisted_15, toDisplayString(unref(t)("composites.table.noValue")), 1)], 64))])
+				};
+			})]), 1032, [
+				"sorting",
+				"data",
+				"columns",
+				"get-row-id"
+			])], 64))], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CompositeTable.js.map

package/dist/features/composites/components/CompositeTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeTable.js","names":["_openBlock","_createElementBlock","_unref","_createVNode","_createElementVNode","_toDisplayString","_Fragment","_createSlots","_withCtx","_renderList","_createBlock","_createCommentVNode","_normalizeStyle","_createTextVNode","_normalizeClass"],"sources":["../../../../src/features/composites/components/CompositeTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// All Bausteine of an editor's document as a sortable, filterable table. Columns beyond the fixed ones derive from the\n// meta fields of the kinds present in the document, so a host kind with fields gets its columns without code changes.\nimport type { Editor } from '@tiptap/core'\nimport { computed, ref } from 'vue'\nimport type { TableColumn } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeRow } from '../rows'\nimport { columnSpecsOf, FILTER_ALL, fieldColumnsOf, fieldOf, fieldText, hasText, isLongText, sortRows, toggled } from '../table-model'\nimport { useCompositeRows } from '../use-composite-rows'\n\nconst props = defineProps<{ editor?: Editor }>()\nconst emit = defineEmits<{ select: [row: CompositeRow] }>()\n\nconst { Badge: UBadge, Button: UButton, Icon: UIcon, Input: UInput, Select: USelect, Table: UTable } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows, tags, kinds } = useCompositeRows(() => props.editor)\n\n// --- Columns ----------------------------------------------------------------------------------------------------\n\nconst fieldColumns = computed(() => fieldColumnsOf(rows.value, kinds.value))\nconst specs = computed(() => columnSpecsOf(fieldColumns.value, t))\n\nconst columns = computed<TableColumn<CompositeRow>[]>(() => specs.value.map(spec => ({\n  id: spec.id,\n  header: spec.label,\n  accessorFn: spec.sort,\n  // The table reports `aria-sort` on the header cell only for columns that opt in.\n  enableSorting: true,\n  meta: { class: {\n    th: [spec.id === 'title' ? 'min-w-56' : '', spec.align === 'end' ? 'text-right' : ''].join(' '),\n    td: spec.align === 'end' ? 'text-right' : '',\n  } },\n})))\n\n// --- Filter -----------------------------------------------------------------------------------------------------\n\nconst search = ref('')\nconst pickedKinds = ref<string[]>([])\nconst pickedTags = ref<string[]>([])\nconst pickedOptions = ref<Record<string, string>>({})\n\n/** One select per `select` field in use; its choices are the union of the options of all kinds that have the key. */\nconst selectFilters = computed(() => fieldColumns.value.flatMap((column) => {\n  if (column.field.type !== 'select') return []\n  const options = new Map<string, string>()\n  for (const row of rows.value) {\n    for (const option of fieldOf(row, column.field.key)?.options ?? []) if (!options.has(option.value)) options.set(option.value, option.label)\n  }\n  return [{\n    key: column.field.key,\n    label: column.field.label,\n    items: [{ label: t('composites.table.filter.all'), value: FILTER_ALL }, ...[...options].map(([value, label]) => ({ label, value }))],\n  }]\n}))\n\n// A kind, tag or option that vanished from the document can no longer be unpicked in the UI, so it must not filter either.\nconst activeKinds = computed(() => pickedKinds.value.filter(id => kinds.value.some(kind => kind.id === id)))\nconst activeTags = computed(() => pickedTags.value.filter(tag => tags.value.includes(tag)))\nconst activeOptions = computed(() => selectFilters.value.flatMap((filter) => {\n  const value = pickedOptions.value[filter.key]\n  return value && filter.items.some(item => item.value === value && value !== FILTER_ALL) ? [[filter.key, value] as const] : []\n}))\nconst needle = computed(() => search.value.trim().toLowerCase())\nconst filterActive = computed(() => activeKinds.value.length > 0 || activeTags.value.length > 0 || activeOptions.value.length > 0 || needle.value !== '')\n\nfunction resetFilters() {\n  search.value = ''\n  pickedKinds.value = []\n  pickedTags.value = []\n  pickedOptions.value = {}\n}\n\nconst filtered = computed(() => rows.value.filter((row) => {\n  if (activeKinds.value.length && !activeKinds.value.includes(row.kind)) return false\n  if (activeTags.value.length && !activeTags.value.every(tag => row.tags.includes(tag))) return false\n  if (activeOptions.value.some(([key, value]) => row.meta[key] !== value)) return false\n  if (needle.value) {\n    const haystack = `${row.title}\\n${row.description}\\n${row.tags.map(tag => `#${tag}`).join(' ')}`.toLowerCase()\n    if (!haystack.includes(needle.value)) return false\n  }\n  return true\n}))\n\n// --- Sorting (client side; the table only reports the state, so the data is ordered here) -------------------------\n\nconst sorting = ref<{ id: string, desc: boolean }[]>([])\nconst activeSort = computed(() => {\n  const entry = sorting.value[0]\n  const spec = entry && specs.value.find(item => item.id === entry.id)\n  return entry && spec ? { id: entry.id, desc: entry.desc, sort: spec.sort } : null\n})\n\n/** Header click cycles ascending → descending → unsorted. */\nfunction cycleSort(id: string) {\n  const current = sorting.value[0]\n  if (current?.id !== id) sorting.value = [{ id, desc: false }]\n  else sorting.value = current.desc ? [] : [{ id, desc: true }]\n}\nconst sortIcon = (id: string) => {\n  const current = sorting.value[0]\n  if (current?.id !== id) return 'i-lucide-chevrons-up-down'\n  return current.desc ? 'i-lucide-arrow-down' : 'i-lucide-arrow-up'\n}\n\nconst sorted = computed(() => {\n  const sort = activeSort.value\n  return sort ? sortRows(filtered.value, sort.sort, sort.desc) : filtered.value\n})\n\nconst countLabel = computed(() => t(rows.value.length === 1 ? 'composites.table.count.one' : 'composites.table.count.other', { n: sorted.value.length, total: rows.value.length }))\n</script>\n\n<template>\n  <section class=\"flex min-h-0 flex-col gap-3\" :aria-label=\"t('composites.table.label')\">\n    <div v-if=\"!rows.length\" class=\"mx-auto flex max-w-sm flex-1 flex-col items-center justify-center gap-2 py-16 text-center\">\n      <UIcon name=\"i-lucide-table-2\" class=\"size-8 text-[var(--sk-fg-dimmed)]\" />\n      <p class=\"text-sm font-medium text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.table.emptyTitle') }}\n      </p>\n      <p class=\"text-sm text-[var(--sk-muted)]\">\n        {{ t('composites.table.emptyText') }}\n      </p>\n    </div>\n\n    <template v-else>\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex flex-wrap items-center gap-2\">\n          <UInput\n            v-model=\"search\"\n            class=\"w-64\"\n            size=\"sm\"\n            icon=\"i-lucide-search\"\n            :placeholder=\"t('composites.table.search.placeholder')\"\n            :aria-label=\"t('composites.table.search.label')\"\n          >\n            <template v-if=\"search\" #trailing>\n              <UButton\n                color=\"neutral\"\n                variant=\"link\"\n                size=\"xs\"\n                icon=\"i-lucide-x\"\n                :aria-label=\"t('composites.table.search.clear')\"\n                @click=\"search = ''\"\n              />\n            </template>\n          </UInput>\n\n          <div v-for=\"filter in selectFilters\" :key=\"filter.key\" class=\"flex items-center gap-1.5\">\n            <span class=\"text-sm text-[var(--sk-muted)]\" aria-hidden=\"true\">{{ filter.label }}</span>\n            <USelect\n              :model-value=\"pickedOptions[filter.key] ?? FILTER_ALL\"\n              class=\"w-36\"\n              size=\"sm\"\n              :items=\"filter.items\"\n              :aria-label=\"filter.label\"\n              @update:model-value=\"pickedOptions = { ...pickedOptions, [filter.key]: String($event) }\"\n            />\n          </div>\n\n          <UButton\n            v-if=\"filterActive\"\n            size=\"sm\"\n            color=\"neutral\"\n            variant=\"ghost\"\n            icon=\"i-lucide-filter-x\"\n            :label=\"t('composites.table.filter.reset')\"\n            @click=\"resetFilters\"\n          />\n          <span class=\"ml-auto text-xs tabular-nums text-[var(--sk-muted)]\" role=\"status\">{{ countLabel }}</span>\n        </div>\n\n        <div v-if=\"kinds.length > 1\" class=\"flex flex-wrap items-center gap-1\" role=\"group\" :aria-label=\"t('composites.table.filter.byKind')\">\n          <UButton\n            v-for=\"kind in kinds\"\n            :key=\"kind.id\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"activeKinds.includes(kind.id) ? 'solid' : 'outline'\"\n            :icon=\"kind.icon\"\n            :label=\"kind.label\"\n            :aria-pressed=\"activeKinds.includes(kind.id)\"\n            @click=\"pickedKinds = toggled(pickedKinds, kind.id)\"\n          />\n        </div>\n\n        <div v-if=\"tags.length\" class=\"flex flex-wrap items-center gap-1\" role=\"group\" :aria-label=\"t('composites.table.filter.byTag')\">\n          <UButton\n            v-for=\"tag in tags\"\n            :key=\"tag\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"activeTags.includes(tag) ? 'solid' : 'outline'\"\n            :label=\"`#${tag}`\"\n            :aria-pressed=\"activeTags.includes(tag)\"\n            @click=\"pickedTags = toggled(pickedTags, tag)\"\n          />\n        </div>\n      </div>\n\n      <UTable\n        v-model:sorting=\"sorting\"\n        :data=\"sorted\"\n        :columns=\"columns\"\n        :get-row-id=\"(row: CompositeRow) => row.key\"\n        :ui=\"{ th: 'px-3 py-2 text-sm', td: 'px-3 py-2' }\"\n        sticky\n        class=\"min-h-0 flex-1 rounded-md border border-[var(--sk-border)]\"\n        @select=\"(_event: Event, row: { original: CompositeRow }) => emit('select', row.original)\"\n      >\n        <template v-for=\"spec in specs\" :key=\"spec.id\" #[`${spec.id}-header`]>\n          <button\n            type=\"button\"\n            class=\"-mx-1.5 inline-flex cursor-pointer items-center gap-1 rounded px-1.5 py-0.5 font-semibold hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n            @click=\"cycleSort(spec.id)\"\n          >\n            {{ spec.label }}\n            <UIcon :name=\"sortIcon(spec.id)\" class=\"size-3.5\" :class=\"activeSort?.id === spec.id ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" />\n          </button>\n        </template>\n\n        <template #title-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <div class=\"flex min-w-0 items-center gap-1.5\" :style=\"{ paddingLeft: `${row.original.depth * 1.25}rem` }\">\n            <UIcon :name=\"row.original.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n            <span v-if=\"hasText(row.original.title)\" class=\"truncate font-medium text-[var(--sk-fg-highlighted)]\">{{ row.original.title }}</span>\n            <span v-else class=\"truncate text-[var(--sk-muted)]\">{{ t('composites.untitled') }}</span>\n          </div>\n        </template>\n        <template #kind-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          {{ row.original.kindLabel }}\n        </template>\n        <template v-for=\"column in fieldColumns\" :key=\"column.id\" #[`${column.id}-cell`]=\"{ row }: { row: { original: CompositeRow } }\">\n          <span\n            v-if=\"fieldText(row.original, column.field.key)\"\n            class=\"block\"\n            :class=\"[column.field.type === 'number' || column.field.type === 'date' ? 'tabular-nums' : '', isLongText(column.field) ? 'max-w-64 truncate' : '']\"\n            :title=\"isLongText(column.field) ? fieldText(row.original, column.field.key) : undefined\"\n          >{{ fieldText(row.original, column.field.key) }}</span>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.table.noValue') }}</span>\n          </template>\n        </template>\n        <template #tags-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <div v-if=\"row.original.tags.length\" class=\"flex flex-wrap gap-1\">\n            <UBadge v-for=\"tag in row.original.tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" />\n          </div>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.table.noTags') }}</span>\n          </template>\n        </template>\n        <template #summary-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <template v-if=\"hasText(row.original.description)\">\n            <span class=\"inline-block size-2 rounded-full bg-[var(--sk-primary)]\" aria-hidden=\"true\" :title=\"row.original.description\" />\n            <span class=\"sr-only\">{{ t('composites.table.summaryPresent') }}</span>\n          </template>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.summary.none') }}</span>\n          </template>\n        </template>\n\n        <template #empty>\n          <div class=\"flex flex-col items-center gap-2 py-6\">\n            <p class=\"text-sm text-[var(--sk-muted)]\">\n              {{ t('composites.table.filter.noMatch') }}\n            </p>\n            <UButton\n              size=\"sm\"\n              color=\"neutral\"\n              variant=\"outline\"\n              icon=\"i-lucide-filter-x\"\n              :label=\"t('composites.table.filter.reset')\"\n              @click=\"resetFilters\"\n            />\n          </div>\n        </template>\n      </UTable>\n    </template>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/features/composites/components/CompositeTable.vue.d.ts

@@ -0,0 +1,15 @@
+import { CompositeRow } from "../rows.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/components/CompositeTable.vue.d.ts
+type __VLS_Props = {
+  editor?: Editor;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (row: CompositeRow) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onSelect?: ((row: CompositeRow) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CompositeTable.vue.d.ts.map

package/dist/features/composites/components/CompositeTagsEditor.js

@@ -0,0 +1,95 @@
+import { metadataOf } from "../../../core/metadata.js";
+import { METADATA_LIST } from "../../../core/metadata-types.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { setCompositeTags } from "../rows.js";
+import { normalizeTagName } from "../../../core/tag-name.js";
+import { Fragment, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+//#region src/features/composites/components/CompositeTagsEditor.vue
+/** Tags of one Baustein as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CompositeTagsEditor",
+	props: {
+		editor: {},
+		row: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { InputMenu: UInputMenu } = useUiKit();
+		const { t } = useEditorI18n();
+		const term = ref("");
+		const items = ref([]);
+		let timer;
+		let pending;
+		function scheduleSearch() {
+			clearTimeout(timer);
+			timer = setTimeout(async () => {
+				pending?.abort();
+				const controller = pending = new AbortController();
+				try {
+					const found = await metadataOf(props.editor).search(METADATA_LIST.hashtags, {
+						query: term.value,
+						editor: props.editor,
+						signal: controller.signal
+					});
+					if (!controller.signal.aborted) items.value = found.map((item) => item.label);
+				} catch (error) {
+					if (!controller.signal.aborted) console.warn("Tag-Vorschläge konnten nicht geladen werden", error);
+				}
+			}, 150);
+		}
+		watch(term, scheduleSearch);
+		onBeforeUnmount(() => {
+			clearTimeout(timer);
+			pending?.abort();
+		});
+		function onTags(value) {
+			setCompositeTags(props.editor, props.row, Array.isArray(value) ? value.filter((tag) => typeof tag === "string") : []);
+		}
+		function onCreate(raw) {
+			const name = normalizeTagName(raw);
+			term.value = "";
+			if (!name || props.row.tags.includes(name)) return;
+			setCompositeTags(props.editor, props.row, [...props.row.tags, name]);
+			if (!items.value.includes(name)) metadataOf(props.editor).create(METADATA_LIST.hashtags, {
+				id: name,
+				label: name
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" `position` is required in the object form of `create-item`: InputMenu renders the create row only for 'top' or 'bottom'. "), createVNode(unref(UInputMenu), {
+				"search-term": term.value,
+				"onUpdate:searchTerm": _cache[0] || (_cache[0] = ($event) => term.value = $event),
+				multiple: "",
+				"create-item": {
+					position: "bottom",
+					when: "always"
+				},
+				"model-value": __props.row.tags,
+				items: items.value,
+				"ignore-filter": "",
+				placeholder: unref(t)("composites.tags.placeholder"),
+				"aria-label": unref(t)("composites.tags.label"),
+				size: "sm",
+				icon: "i-lucide-hash",
+				class: "w-full",
+				"onUpdate:modelValue": onTags,
+				"onUpdate:open": _cache[1] || (_cache[1] = (open) => open && scheduleSearch()),
+				onCreate
+			}, {
+				"create-item-label": withCtx(({ item }) => [createTextVNode(toDisplayString(unref(t)("composites.tags.create", { tag: unref(normalizeTagName)(item) || item })), 1)]),
+				_: 1
+			}, 8, [
+				"search-term",
+				"model-value",
+				"items",
+				"placeholder",
+				"aria-label"
+			])], 2112);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CompositeTagsEditor.js.map

package/dist/features/composites/components/CompositeTagsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeTagsEditor.js","names":["_openBlock","_createElementBlock","_Fragment","_createCommentVNode","_createVNode","_unref","_withCtx","_createTextVNode","_toDisplayString"],"sources":["../../../../src/features/composites/components/CompositeTagsEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { metadataOf } from '../../../core/metadata'\nimport { METADATA_LIST } from '../../../core/metadata-types'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CompositeRow, setCompositeTags } from '../rows'\n\n/** Tags of one Baustein as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */\nconst props = defineProps<{ editor: Editor, row: CompositeRow }>()\n\nconst { InputMenu: UInputMenu } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst term = ref('')\nconst items = ref<string[]>([])\n// Suggestions are loaded when the menu opens and 150 ms after typing pauses; a newer search aborts the older one.\nlet timer: ReturnType<typeof setTimeout> | undefined\nlet pending: AbortController | undefined\n\nfunction scheduleSearch() {\n  clearTimeout(timer)\n  timer = setTimeout(async () => {\n    pending?.abort()\n    const controller = pending = new AbortController()\n    try {\n      const found = await metadataOf(props.editor).search(METADATA_LIST.hashtags, { query: term.value, editor: props.editor, signal: controller.signal })\n      if (!controller.signal.aborted) items.value = found.map(item => item.label)\n    }\n    catch (error) {\n      if (!controller.signal.aborted) console.warn('Tag-Vorschläge konnten nicht geladen werden', error)\n    }\n  }, 150)\n}\nwatch(term, scheduleSearch)\nonBeforeUnmount(() => {\n  clearTimeout(timer)\n  pending?.abort()\n})\n\nfunction onTags(value: unknown) {\n  setCompositeTags(props.editor, props.row, Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n\n// „Neu Tag“ → `neu-tag`; a name that is already set is ignored.\nfunction onCreate(raw: string) {\n  const name = normalizeTagName(raw)\n  term.value = ''\n  if (!name || props.row.tags.includes(name)) return\n  setCompositeTags(props.editor, props.row, [...props.row.tags, name])\n  if (!items.value.includes(name)) metadataOf(props.editor).create(METADATA_LIST.hashtags, { id: name, label: name })\n}\n</script>\n\n<template>\n  <!-- `position` is required in the object form of `create-item`: InputMenu renders the create row only for 'top' or 'bottom'. -->\n  <UInputMenu\n    v-model:search-term=\"term\"\n    multiple\n    :create-item=\"{ position: 'bottom', when: 'always' }\"\n    :model-value=\"row.tags\"\n    :items=\"items\"\n    ignore-filter\n    :placeholder=\"t('composites.tags.placeholder')\"\n    :aria-label=\"t('composites.tags.label')\"\n    size=\"sm\"\n    icon=\"i-lucide-hash\"\n    class=\"w-full\"\n    @update:model-value=\"onTags\"\n    @update:open=\"(open: boolean) => open && scheduleSearch()\"\n    @create=\"onCreate\"\n  >\n    <template #create-item-label=\"{ item }: { item: string }\">\n      {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n    </template>\n  </UInputMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,eAAe,SAAS;EAC3C,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,IAAI,EAAE;EACnB,MAAM,QAAQ,IAAc,CAAC,CAAC;EAE9B,IAAI;EACJ,IAAI;EAEJ,SAAS,iBAAiB;GACxB,aAAa,KAAK;GAClB,QAAQ,WAAW,YAAY;IAC7B,SAAS,MAAM;IACf,MAAM,aAAa,UAAU,IAAI,gBAAgB;IACjD,IAAI;KACF,MAAM,QAAQ,MAAM,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;MAAE,OAAO,KAAK;MAAO,QAAQ,MAAM;MAAQ,QAAQ,WAAW;KAAO,CAAC;KAClJ,IAAI,CAAC,WAAW,OAAO,SAAS,MAAM,QAAQ,MAAM,KAAI,SAAQ,KAAK,KAAK;IAC5E,SACO,OAAO;KACZ,IAAI,CAAC,WAAW,OAAO,SAAS,QAAQ,KAAK,+CAA+C,KAAK;IACnG;GACF,GAAG,GAAG;EACR;EACA,MAAM,MAAM,cAAc;EAC1B,sBAAsB;GACpB,aAAa,KAAK;GAClB,SAAS,MAAM;EACjB,CAAC;EAED,SAAS,OAAO,OAAgB;GAC9B,iBAAiB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,QAAuB,OAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;EACrI;EAGA,SAAS,SAAS,KAAa;GAC7B,MAAM,OAAO,iBAAiB,GAAG;GACjC,KAAK,QAAQ;GACb,IAAI,CAAC,QAAQ,MAAM,IAAI,KAAK,SAAS,IAAI,GAAG;GAC5C,iBAAiB,MAAM,QAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,IAAI,MAAM,IAAI,CAAC;GACnE,IAAI,CAAC,MAAM,MAAM,SAAS,IAAI,GAAG,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;IAAE,IAAI;IAAM,OAAO;GAAK,CAAC;EACpH;;GAIE,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAAG,mBAAA,4HAAA,GACAC,YAmBaC,MAAA,UAAA,GAAA;IAlBH,eAAa,KAAA;IAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACzB,UAAA;IACC,eAAa;KAAA,UAAA;KAAA,MAAA;IAAA;IACb,eAAa,QAAA,IAAI;IACjB,OAAO,MAAA;IACR,iBAAA;IACC,aAAaA,MAAA,CAAA,CAAC,CAAA,6BAAA;IACd,cAAYA,MAAA,CAAA,CAAC,CAAA,uBAAA;IACd,MAAK;IACL,MAAK;IACL,OAAM;IACL,uBAAoB;IACpB,iBAAW,OAAA,OAAA,OAAA,MAAG,SAAkB,QAAQ,eAAc;IAC9C;;IAEE,qBAAiBC,SACgD,EAD5C,WAAI,CAC/BC,gBAAAC,gBAAAH,MAAA,CAAA,CAAC,CAAA,0BAAA,EAAA,KAAkCA,MAAA,gBAAA,CAAgB,CAAC,IAAI,KAAK,KAAI,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}