@ecsplico/editor 2.1.1 → 3.0.0

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

@@ -1,9 +1,12 @@
+import { keepsMetaKey } from "../meta-keys.js";
+import { derivationOf } from "../derivation.js";
 import { compositeKindsOf } from "../nodes.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { compositeOfRow } from "../rows.js";
-import _sfc_main$1 from "./CompositeFieldEditor.js";
-import _sfc_main$2 from "./CompositeSummaryEditor.js";
+import { compositeBacklinks, compositeOfRow } from "../rows.js";
+import _sfc_main$1 from "./DerivationBadge.js";
+import _sfc_main$2 from "./CompositeFieldEditor.js";
+import _sfc_main$3 from "./CompositeSummaryEditor.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, watch } from "vue";
 //#region src/features/composites/components/CompositeDetails.vue
 const _hoisted_1 = { class: "flex w-72 flex-col gap-2.5 p-3 text-sm" };
@@ -29,10 +32,23 @@ const _hoisted_10 = { class: "flex justify-end gap-1.5" };
 const _hoisted_11 = { class: "text-xs text-[var(--sk-muted)]" };
 const _hoisted_12 = { class: "flex flex-col gap-1" };
 const _hoisted_13 = { class: "text-xs text-[var(--sk-muted)]" };
+const _hoisted_14 = {
+	key: 4,
+	class: "flex flex-col gap-1"
+};
+const _hoisted_15 = { class: "text-xs text-[var(--sk-muted)]" };
+const _hoisted_16 = { class: "flex flex-col gap-0.5" };
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "truncate" };
+const _hoisted_19 = {
+	key: 0,
+	class: "shrink-0 text-[var(--sk-muted)]"
+};
 /**
 * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of
 * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning
-* that names the field values the switch drops (`setCompositeKind` keeps only meta keys the new kind declares) and
+* that names the field values the switch drops (`setCompositeKind` keeps the meta keys the new kind declares, plus
+* `derivation` and `bib`, see `keepsMetaKey`) and
 * applies the change on „Ändern“.
 */
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -52,19 +68,25 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			label: kind.label,
 			icon: kind.icon
 		})));
-		const fields = computed(() => props.row.fields.filter((field) => field.key !== "status"));
+		const fields = computed(() => props.row.fields.filter((field) => field.key !== "status" && field.type !== "derivation"));
+		/** The row's Baustein when it is derived (has a `meta.derivation`). */
+		const derivedNode = computed(() => {
+			const found = compositeOfRow(props.editor.state.doc, props.row);
+			return found && derivationOf(found.node) ? found.node : null;
+		});
+		/** The places that refer to the row's Baustein (chips in other blocks, `reference` fields), for the „Verweise“ list. */
+		const backlinks = computed(() => props.row.id ? compositeBacklinks(props.editor.state.doc, kinds.value, props.row.id) : []);
 		/** The kind chosen in the select, waiting for the confirmation. */
 		const pending = ref(null);
 		watch(() => props.row.kind, () => {
 			pending.value = null;
 		});
 		const pendingLabel = computed(() => kinds.value.find((kind) => kind.id === pending.value)?.label ?? "");
-		/** Field values of the row that the pending kind does not declare, as „Label: value“. */
+		/** Field values of the row that the pending kind does not keep (`keepsMetaKey`), as „Label: value“. */
 		const lost = computed(() => {
 			const target = kinds.value.find((kind) => kind.id === pending.value);
 			if (!target) return [];
-			const kept = new Set(target.fields.map((field) => field.key));
-			return Object.entries(props.row.meta).filter(([key, value]) => !kept.has(key) && value != null && value !== "").map(([key, value]) => {
+			return Object.entries(props.row.meta).filter(([key, value]) => !keepsMetaKey(target, key) && value != null && value !== "").map(([key, value]) => {
 				const field = props.row.fields.find((candidate) => candidate.key === key);
 				const text = typeof value === "object" ? JSON.stringify(value) : String(value);
 				return {
@@ -122,11 +144,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					label: unref(t)("composites.details.change"),
 					onClick: apply
 				}, null, 8, ["label"])])])) : createCommentVNode("v-if", true),
+				derivedNode.value ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 3,
+					editor: __props.editor,
+					node: derivedNode.value,
+					detailed: ""
+				}, null, 8, ["editor", "node"])) : createCommentVNode("v-if", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(fields.value, (field) => {
 					return openBlock(), createElementBlock("div", {
 						key: field.key,
 						class: "flex flex-col gap-1"
-					}, [createElementVNode("span", _hoisted_11, toDisplayString(field.label), 1), createVNode(_sfc_main$1, {
+					}, [createElementVNode("span", _hoisted_11, toDisplayString(field.label), 1), createVNode(_sfc_main$2, {
 						editor: __props.editor,
 						row: __props.row,
 						field,
@@ -139,7 +167,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"disabled"
 					])]);
 				}), 128)),
-				createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(unref(t)("composites.details.summary")), 1), createVNode(_sfc_main$2, {
+				createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(unref(t)("composites.details.summary")), 1), createVNode(_sfc_main$3, {
 					editor: __props.editor,
 					row: __props.row,
 					readonly: !__props.editable
@@ -147,7 +175,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"editor",
 					"row",
 					"readonly"
-				])])
+				])]),
+				backlinks.value.length ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("span", _hoisted_15, toDisplayString(unref(t)("composites.reference.backlinks")), 1), createElementVNode("ul", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(backlinks.value, (link, index) => {
+					return openBlock(), createElementBlock("li", { key: `${link.from}:${index}` }, [createElementVNode("button", {
+						type: "button",
+						class: "flex w-full min-w-0 items-baseline gap-1 rounded-sm text-left text-xs text-[var(--sk-fg)] hover:text-[var(--sk-primary)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]",
+						onClick: ($event) => __props.editor.commands.revealBlock(link.from)
+					}, [createElementVNode("span", _hoisted_18, toDisplayString(link.excerpt || "…"), 1), link.locator ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(link.locator), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_17)]);
+				}), 128))])])) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeDetails.js","names":["_openBlock","_createElementBlock","_createBlock","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createVNode","_createCommentVNode","CompositeFieldEditor","CompositeSummaryEditor"],"sources":["../../../../src/features/composites/components/CompositeDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeKindsOf } from '../nodes'\nimport { compositeOfRow, type CompositeRow } from '../rows'\nimport CompositeFieldEditor from './CompositeFieldEditor.vue'\nimport CompositeSummaryEditor from './CompositeSummaryEditor.vue'\n\n/**\n * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of\n * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning\n * that names the field values the switch drops (`setCompositeKind` keeps only meta keys the new kind declares) and\n * applies the change on „Ändern“.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow, editable: boolean }>()\n\nconst { Button: UButton, Icon: UIcon, Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst kinds = computed(() => compositeKindsOf(props.editor))\nconst kindItems = computed(() => kinds.value.map(kind => ({ value: kind.id, label: kind.label, icon: kind.icon })))\nconst fields = computed(() => props.row.fields.filter(field => field.key !== 'status'))\n\n/** The kind chosen in the select, waiting for the confirmation. */\nconst pending = ref<string | null>(null)\n// The kind changed some other way (undo, inspector, another select): a stale confirmation would be misleading.\nwatch(() => props.row.kind, () => {\n  pending.value = null\n})\n\nconst pendingLabel = computed(() => kinds.value.find(kind => kind.id === pending.value)?.label ?? '')\n\n/** Field values of the row that the pending kind does not declare, as „Label: value“. */\nconst lost = computed(() => {\n  const target = kinds.value.find(kind => kind.id === pending.value)\n  if (!target) return []\n  const kept = new Set(target.fields.map(field => field.key))\n  return Object.entries(props.row.meta)\n    .filter(([key, value]) => !kept.has(key) && value != null && value !== '')\n    .map(([key, value]) => {\n      const field = props.row.fields.find(candidate => candidate.key === key)\n      const text = typeof value === 'object' ? JSON.stringify(value) : String(value)\n      return { key, label: field?.label ?? key, text: field?.options?.find(option => option.value === text)?.label ?? text }\n    })\n})\n\nfunction onKind(kind: unknown) {\n  pending.value = typeof kind === 'string' && kind !== props.row.kind ? kind : null\n}\n\nfunction apply() {\n  const kind = pending.value\n  pending.value = null\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (kind && found) props.editor.commands.setCompositeKind(kind, found.pos)\n}\n</script>\n\n<template>\n  <div class=\"flex w-72 flex-col gap-2.5 p-3 text-sm\">\n    <USelect\n      v-if=\"editable\"\n      :model-value=\"row.kind\"\n      :items=\"kindItems\"\n      size=\"xs\"\n      class=\"w-full\"\n      :aria-label=\"t('composites.kind.select')\"\n      @update:model-value=\"onKind\"\n    />\n    <p v-else class=\"flex min-w-0 items-center gap-1.5 text-[var(--sk-fg-highlighted)]\">\n      <UIcon :key=\"row.icon\" :name=\"row.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n      <span class=\"truncate\">{{ row.kindLabel }}</span>\n    </p>\n\n    <div v-if=\"pending\" role=\"alert\" class=\"flex flex-col gap-2 rounded-md bg-[color-mix(in_oklab,var(--sk-warning)_10%,transparent)] p-2 text-xs text-[var(--sk-fg)] ring ring-[color-mix(in_oklab,var(--sk-warning)_40%,transparent)]\">\n      <template v-if=\"lost.length\">\n        <p class=\"font-medium\">\n          {{ t('composites.details.confirmLost', { kind: pendingLabel }) }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li v-for=\"item in lost\" :key=\"item.key\" class=\"flex min-w-0 gap-1\">\n            <span class=\"shrink-0 text-[var(--sk-muted)]\">{{ item.label }}:</span>\n            <span class=\"truncate\" :title=\"item.text\">{{ item.text }}</span>\n          </li>\n        </ul>\n      </template>\n      <p v-else class=\"font-medium\">\n        {{ t('composites.details.confirm') }}\n      </p>\n      <div class=\"flex justify-end gap-1.5\">\n        <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" :label=\"t('composites.details.cancel')\" @click=\"pending = null\" />\n        <UButton size=\"xs\" color=\"warning\" :label=\"t('composites.details.change')\" @click=\"apply\" />\n      </div>\n    </div>\n\n    <div v-for=\"field in fields\" :key=\"field.key\" class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ field.label }}</span>\n      <CompositeFieldEditor :editor=\"editor\" :row=\"row\" :field=\"field\" :disabled=\"!editable\" size=\"xs\" />\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('composites.details.summary') }}</span>\n      <CompositeSummaryEditor :editor=\"editor\" :row=\"row\" :readonly=\"!editable\" />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CompositeDetails.js","names":["_openBlock","_createElementBlock","_createBlock","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createVNode","_createCommentVNode","DerivationBadge","CompositeFieldEditor","CompositeSummaryEditor"],"sources":["../../../../src/features/composites/components/CompositeDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { derivationOf } from '../derivation'\nimport { keepsMetaKey } from '../meta-keys'\nimport { compositeKindsOf } from '../nodes'\nimport { compositeBacklinks, compositeOfRow, type CompositeRow } from '../rows'\nimport CompositeFieldEditor from './CompositeFieldEditor.vue'\nimport DerivationBadge from './DerivationBadge.vue'\nimport CompositeSummaryEditor from './CompositeSummaryEditor.vue'\n\n/**\n * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of\n * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning\n * that names the field values the switch drops (`setCompositeKind` keeps the meta keys the new kind declares, plus\n * `derivation` and `bib`, see `keepsMetaKey`) and\n * applies the change on „Ändern“.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow, editable: boolean }>()\n\nconst { Button: UButton, Icon: UIcon, Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst kinds = computed(() => compositeKindsOf(props.editor))\nconst kindItems = computed(() => kinds.value.map(kind => ({ value: kind.id, label: kind.label, icon: kind.icon })))\n// The `derivation` field is shown by the details badge below, with the checks a field display cannot do.\nconst fields = computed(() => props.row.fields.filter(field => field.key !== 'status' && field.type !== 'derivation'))\n\n/** The row's Baustein when it is derived (has a `meta.derivation`). */\nconst derivedNode = computed(() => {\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  return found && derivationOf(found.node) ? found.node : null\n})\n\n/** The places that refer to the row's Baustein (chips in other blocks, `reference` fields), for the „Verweise“ list. */\nconst backlinks = computed(() => props.row.id ? compositeBacklinks(props.editor.state.doc, kinds.value, props.row.id) : [])\n\n/** The kind chosen in the select, waiting for the confirmation. */\nconst pending = ref<string | null>(null)\n// The kind changed some other way (undo, inspector, another select): a stale confirmation would be misleading.\nwatch(() => props.row.kind, () => {\n  pending.value = null\n})\n\nconst pendingLabel = computed(() => kinds.value.find(kind => kind.id === pending.value)?.label ?? '')\n\n/** Field values of the row that the pending kind does not keep (`keepsMetaKey`), as „Label: value“. */\nconst lost = computed(() => {\n  const target = kinds.value.find(kind => kind.id === pending.value)\n  if (!target) return []\n  return Object.entries(props.row.meta)\n    .filter(([key, value]) => !keepsMetaKey(target, key) && value != null && value !== '')\n    .map(([key, value]) => {\n      const field = props.row.fields.find(candidate => candidate.key === key)\n      const text = typeof value === 'object' ? JSON.stringify(value) : String(value)\n      return { key, label: field?.label ?? key, text: field?.options?.find(option => option.value === text)?.label ?? text }\n    })\n})\n\nfunction onKind(kind: unknown) {\n  pending.value = typeof kind === 'string' && kind !== props.row.kind ? kind : null\n}\n\nfunction apply() {\n  const kind = pending.value\n  pending.value = null\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (kind && found) props.editor.commands.setCompositeKind(kind, found.pos)\n}\n</script>\n\n<template>\n  <div class=\"flex w-72 flex-col gap-2.5 p-3 text-sm\">\n    <USelect\n      v-if=\"editable\"\n      :model-value=\"row.kind\"\n      :items=\"kindItems\"\n      size=\"xs\"\n      class=\"w-full\"\n      :aria-label=\"t('composites.kind.select')\"\n      @update:model-value=\"onKind\"\n    />\n    <p v-else class=\"flex min-w-0 items-center gap-1.5 text-[var(--sk-fg-highlighted)]\">\n      <UIcon :key=\"row.icon\" :name=\"row.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n      <span class=\"truncate\">{{ row.kindLabel }}</span>\n    </p>\n\n    <div v-if=\"pending\" role=\"alert\" class=\"flex flex-col gap-2 rounded-md bg-[color-mix(in_oklab,var(--sk-warning)_10%,transparent)] p-2 text-xs text-[var(--sk-fg)] ring ring-[color-mix(in_oklab,var(--sk-warning)_40%,transparent)]\">\n      <template v-if=\"lost.length\">\n        <p class=\"font-medium\">\n          {{ t('composites.details.confirmLost', { kind: pendingLabel }) }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li v-for=\"item in lost\" :key=\"item.key\" class=\"flex min-w-0 gap-1\">\n            <span class=\"shrink-0 text-[var(--sk-muted)]\">{{ item.label }}:</span>\n            <span class=\"truncate\" :title=\"item.text\">{{ item.text }}</span>\n          </li>\n        </ul>\n      </template>\n      <p v-else class=\"font-medium\">\n        {{ t('composites.details.confirm') }}\n      </p>\n      <div class=\"flex justify-end gap-1.5\">\n        <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" :label=\"t('composites.details.cancel')\" @click=\"pending = null\" />\n        <UButton size=\"xs\" color=\"warning\" :label=\"t('composites.details.change')\" @click=\"apply\" />\n      </div>\n    </div>\n\n    <DerivationBadge v-if=\"derivedNode\" :editor=\"editor\" :node=\"derivedNode\" detailed />\n\n    <div v-for=\"field in fields\" :key=\"field.key\" class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ field.label }}</span>\n      <CompositeFieldEditor :editor=\"editor\" :row=\"row\" :field=\"field\" :disabled=\"!editable\" size=\"xs\" />\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('composites.details.summary') }}</span>\n      <CompositeSummaryEditor :editor=\"editor\" :row=\"row\" :readonly=\"!editable\" />\n    </div>\n\n    <div v-if=\"backlinks.length\" class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('composites.reference.backlinks') }}</span>\n      <ul class=\"flex flex-col gap-0.5\">\n        <li v-for=\"(link, index) in backlinks\" :key=\"`${link.from}:${index}`\">\n          <button\n            type=\"button\"\n            class=\"flex w-full min-w-0 items-baseline gap-1 rounded-sm text-left text-xs text-[var(--sk-fg)] hover:text-[var(--sk-primary)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n            @click=\"editor.commands.revealBlock(link.from)\"\n          >\n            <span class=\"truncate\">{{ link.excerpt || '…' }}</span>\n            <span v-if=\"link.locator\" class=\"shrink-0 text-[var(--sk-muted)]\">{{ link.locator }}</span>\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -4,7 +4,8 @@ import { Editor } from "@tiptap/vue-3";
 /**
  * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of
  * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning
- * that names the field values the switch drops (`setCompositeKind` keeps only meta keys the new kind declares) and
+ * that names the field values the switch drops (`setCompositeKind` keeps the meta keys the new kind declares, plus
+ * `derivation` and `bib`, see `keepsMetaKey`) and
  * applies the change on „Ändern“.
  */
 type __VLS_Props = {

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

@@ -1,8 +1,11 @@
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { setCompositeMetaField } from "../rows.js";
+import { compositeOfRow, setCompositeMetaField } from "../rows.js";
 import { metaText } from "../meta-display.js";
-import { computed, createBlock, defineComponent, onBeforeUnmount, openBlock, ref, unref, watch, withKeys } from "vue";
+import _sfc_main$1 from "./BibliographyEditor.js";
+import _sfc_main$2 from "./DerivationBadge.js";
+import _sfc_main$3 from "./ReferenceFieldSelect.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, onBeforeUnmount, openBlock, ref, unref, watch, withKeys } from "vue";
 //#region src/features/composites/components/CompositeFieldEditor.vue
 /**
 * One meta field of a Baustein as an input that writes through `setCompositeMetaField`. Text-like inputs keep a local
@@ -22,6 +25,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const { Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit();
 		const { t } = useEditorI18n();
+		/** The Baustein a `derivation` field belongs to; the read-only provenance display needs the node, not the field text. */
+		const derived = computed(() => props.field.type === "derivation" ? compositeOfRow(props.editor.state.doc, props.row)?.node ?? null : null);
 		const stored = computed(() => metaText(props.row, props.field));
 		const draft = ref(stored.value);
 		const typing = ref(false);
@@ -68,8 +73,36 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"aria-label",
 				"disabled",
 				"size"
-			])) : __props.field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
+			])) : __props.field.type === "reference" ? (openBlock(), createBlock(_sfc_main$3, {
 				key: 1,
+				editor: __props.editor,
+				row: __props.row,
+				field: __props.field,
+				disabled: __props.disabled,
+				size: __props.size
+			}, null, 8, [
+				"editor",
+				"row",
+				"field",
+				"disabled",
+				"size"
+			])) : __props.field.type === "bibliography" ? (openBlock(), createBlock(_sfc_main$1, {
+				key: 2,
+				editor: __props.editor,
+				row: __props.row,
+				field: __props.field,
+				disabled: __props.disabled
+			}, null, 8, [
+				"editor",
+				"row",
+				"field",
+				"disabled"
+			])) : __props.field.type === "derivation" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [derived.value ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				editor: __props.editor,
+				node: derived.value
+			}, null, 8, ["editor", "node"])) : createCommentVNode("v-if", true)], 64)) : __props.field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
+				key: 4,
 				"model-value": draft.value,
 				"aria-label": __props.field.label,
 				disabled: __props.disabled,
@@ -87,7 +120,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"disabled",
 				"size"
 			])) : (openBlock(), createBlock(unref(UInput), {
-				key: 2,
+				key: 5,
 				"model-value": draft.value,
 				type: __props.field.type,
 				"aria-label": __props.field.label,

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeFieldEditor.js","names":["_openBlock","_createBlock","_unref","_withKeys"],"sources":["../../../../src/features/composites/components/CompositeFieldEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { metaText } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\n\n/**\n * One meta field of a Baustein as an input that writes through `setCompositeMetaField`. Text-like inputs keep a local\n * draft and commit after typing pauses, on blur and on unmount, so the one-frame-late re-read of the rows never\n * overwrites what is being typed.\n */\nconst props = withDefaults(defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>(), { size: 'sm' })\n\nconst { Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst stored = computed(() => metaText(props.row, props.field))\nconst draft = ref(stored.value)\nconst typing = ref(false)\nlet dirty = false\nlet timer: ReturnType<typeof setTimeout> | undefined\n\nwatch(stored, (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) setCompositeMetaField(props.editor, props.row, props.field.key, 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, 400)\n}\n\nfunction onBlur() {\n  typing.value = false\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nfunction onChoice(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === 'string' ? value : '')\n}\n</script>\n\n<template>\n  <USelect\n    v-if=\"field.type === 'select'\"\n    :model-value=\"stored || undefined\"\n    :items=\"field.options ?? []\"\n    :placeholder=\"t('composites.field.choose', { field: field.label })\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @update:model-value=\"onChoice\"\n  />\n  <UTextarea\n    v-else-if=\"field.type === 'textarea'\"\n    :model-value=\"draft\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\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  <UInput\n    v-else\n    :model-value=\"draft\"\n    :type=\"field.type\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @keydown.enter=\"commit\"\n    @update:model-value=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAQd,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,UAAU,cAAc,SAAS;EACzE,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;EAC9D,MAAM,QAAQ,IAAI,OAAO,KAAK;EAC9B,MAAM,SAAS,IAAI,KAAK;EACxB,IAAI,QAAQ;EACZ,IAAI;EAEJ,MAAM,SAAS,UAAU;GACvB,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,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,KAAK;EAC5G;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;EAEtB,SAAS,SAAS,OAAgB;GAChC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,OAAO,UAAU,WAAW,QAAQ,EAAE;EACxG;;GAKU,OAAA,QAAA,MAAM,SAAI,YADlBA,UAAA,GAAAC,YAUEC,MAAA,OAAA,GAAA;;IARC,eAAa,OAAA,SAAU,KAAA;IACvB,OAAO,QAAA,MAAM,WAAO,CAAA;IACpB,aAAaA,MAAA,CAAA,CAAC,CAAA,2BAAA,EAAA,OAAqC,QAAA,MAAM,MAAK,CAAA;IAC9D,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,uBAAoB;;;;;;;;GAGV,CAAA,KAAA,QAAA,MAAM,SAAI,cADvBF,UAAA,GAAAC,YAaEC,MAAA,SAAA,GAAA;;IAXC,eAAa,MAAA;IACb,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,YAAA;IACC,MAAM;IACN,SAAS;IACV,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,uBAAoB;;;;;;GAEvB,CAAA,MAAAF,UAAA,GAAAC,YAYEC,MAAA,MAAA,GAAA;;IAVC,eAAa,MAAA;IACb,MAAM,QAAA,MAAM;IACZ,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,WAAOC,SAAQ,QAAM,CAAA,OAAA,CAAA;IACrB,uBAAoB"}
+{"version":3,"file":"CompositeFieldEditor.js","names":["_openBlock","_createBlock","_unref","ReferenceFieldSelect","BibliographyEditor","_createElementBlock","_Fragment","DerivationBadge","_createCommentVNode","_withKeys"],"sources":["../../../../src/features/composites/components/CompositeFieldEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { metaText } from '../meta-display'\nimport { compositeOfRow, type CompositeRow, setCompositeMetaField } from '../rows'\nimport BibliographyEditor from './BibliographyEditor.vue'\nimport DerivationBadge from './DerivationBadge.vue'\nimport ReferenceFieldSelect from './ReferenceFieldSelect.vue'\n\n/**\n * One meta field of a Baustein as an input that writes through `setCompositeMetaField`. Text-like inputs keep a local\n * draft and commit after typing pauses, on blur and on unmount, so the one-frame-late re-read of the rows never\n * overwrites what is being typed.\n */\nconst props = withDefaults(defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>(), { size: 'sm' })\n\nconst { Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\n/** The Baustein a `derivation` field belongs to; the read-only provenance display needs the node, not the field text. */\nconst derived = computed(() => props.field.type === 'derivation' ? compositeOfRow(props.editor.state.doc, props.row)?.node ?? null : null)\n\nconst stored = computed(() => metaText(props.row, props.field))\nconst draft = ref(stored.value)\nconst typing = ref(false)\nlet dirty = false\nlet timer: ReturnType<typeof setTimeout> | undefined\n\nwatch(stored, (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) setCompositeMetaField(props.editor, props.row, props.field.key, 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, 400)\n}\n\nfunction onBlur() {\n  typing.value = false\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nfunction onChoice(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === 'string' ? value : '')\n}\n</script>\n\n<template>\n  <USelect\n    v-if=\"field.type === 'select'\"\n    :model-value=\"stored || undefined\"\n    :items=\"field.options ?? []\"\n    :placeholder=\"t('composites.field.choose', { field: field.label })\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @update:model-value=\"onChoice\"\n  />\n  <ReferenceFieldSelect\n    v-else-if=\"field.type === 'reference'\"\n    :editor=\"editor\"\n    :row=\"row\"\n    :field=\"field\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n  />\n  <BibliographyEditor\n    v-else-if=\"field.type === 'bibliography'\"\n    :editor=\"editor\"\n    :row=\"row\"\n    :field=\"field\"\n    :disabled=\"disabled\"\n  />\n  <template v-else-if=\"field.type === 'derivation'\">\n    <DerivationBadge v-if=\"derived\" :editor=\"editor\" :node=\"derived\" />\n  </template>\n  <UTextarea\n    v-else-if=\"field.type === 'textarea'\"\n    :model-value=\"draft\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\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  <UInput\n    v-else\n    :model-value=\"draft\"\n    :type=\"field.type\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @keydown.enter=\"commit\"\n    @update:model-value=\"onInput\"\n  />\n</template>\n"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
+import { normalizeTagName } from "../../../core/tag-name.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { normalizeTagName } from "../../../core/tag-name.js";
-import { compositeFieldText } from "../inspector-model.js";
+import { compositeFieldText, isStructuredField } from "../inspector-model.js";
+import _sfc_main$1 from "./CompositeFieldEditor.js";
 import { useCompositeInspector } from "../use-composite-inspector.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
 //#region src/features/composites/components/CompositeInspector.vue
@@ -244,8 +245,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						label: field.label,
 						size: "sm"
 					}, {
-						default: withCtx(() => [field.type === "select" ? (openBlock(), createBlock(unref(USelect), {
+						default: withCtx(() => [createCommentVNode(" Fields whose value is not text (reference, bibliography, derivation) have their own editors, as in the details card; a text input would overwrite the stored object with a string. "), unref(isStructuredField)(field) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.editor ? (openBlock(), createBlock(_sfc_main$1, {
 							key: 0,
+							editor: __props.editor,
+							row: unref(focused),
+							field,
+							disabled: !unref(editable)
+						}, null, 8, [
+							"editor",
+							"row",
+							"field",
+							"disabled"
+						])) : createCommentVNode("v-if", true)], 64)) : field.type === "select" ? (openBlock(), createBlock(unref(USelect), {
+							key: 1,
 							"model-value": unref(compositeFieldText)(unref(focused), field) || void 0,
 							items: field.options ?? [],
 							"aria-label": field.label,
@@ -261,7 +273,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"disabled",
 							"onUpdate:modelValue"
 						])) : field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
-							key: 1,
+							key: 2,
 							"model-value": unref(compositeFieldText)(unref(focused), field),
 							"aria-label": field.label,
 							autoresize: "",
@@ -277,7 +289,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"readonly",
 							"onUpdate:modelValue"
 						])) : (openBlock(), createBlock(unref(UInput), {
-							key: 2,
+							key: 3,
 							"model-value": unref(compositeFieldText)(unref(focused), field),
 							type: field.type,
 							"aria-label": field.label,

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeInspector.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_toDisplayString","_renderSlot","_Fragment","_renderList","_createVNode","_createBlock","_normalizeStyle","_withCtx","_normalizeClass","_createCommentVNode","_createTextVNode"],"sources":["../../../../src/features/composites/components/CompositeInspector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { useId } from 'vue'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeFieldText } from '../inspector-model'\nimport { useCompositeInspector } from '../use-composite-inspector'\n\n/**\n * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to\n * `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is\n * the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at\n * the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.\n *\n * The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before\n * the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.\n * `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel\n * shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.\n */\nconst props = defineProps<{ editor?: Editor, documentFocused?: boolean }>()\n\nconst { Badge: UBadge, FormField: UFormField, Icon: UIcon, Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\ndefineSlots<{\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: () => unknown\n}>()\n\nconst { inspector, section, editable, draft, searchTerm, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = useCompositeInspector(() => props.editor, () => props.documentFocused)\n\nconst uid = useId()\n\nconst HEX_COLOR = /^#[0-9a-f]{3,8}$/i\n// Same tint as the chip in the document (`--mention-color`), only invalid colors fall back to the primary color.\nconst mentionStyle = (color: string | null) => ({ '--mention-color': color && HEX_COLOR.test(color) ? color : 'var(--sk-primary)' })\n\n// The Nuxt UI inputs emit loosely typed values; the model takes strings.\nfunction onKind(kind: unknown) {\n  if (typeof kind === 'string') inspector.value.setKind(kind)\n}\n\nfunction onDescriptionInput(value: unknown) {\n  inspector.value.inputDescription(typeof value === 'string' ? value : '')\n}\n\nfunction onTags(value: unknown) {\n  inspector.value.setTags(Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n</script>\n\n<template>\n  <aside class=\"flex h-full min-h-0 flex-col overflow-y-auto text-sm\" :aria-label=\"t('composites.inspector.label')\">\n    <section v-if=\"section === 'document'\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-document`\">\n      <h2 :id=\"`${uid}-document`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.document') }}\n      </h2>\n      <div class=\"flex flex-col gap-y-2\">\n        <slot name=\"document\" />\n        <dl class=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.composites') }}\n          </dt>\n          <dd v-if=\"kinds.length\" class=\"m-0 flex min-w-0 flex-col gap-y-1\">\n            <span v-for=\"kind in kinds\" :key=\"kind.id\" class=\"flex min-h-6 min-w-0 items-center gap-2\">\n              <UIcon :name=\"kind.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n              <span class=\"min-w-0 flex-1 truncate text-[var(--sk-fg-highlighted)]\">{{ kind.label }}</span>\n              <span class=\"tabular-nums text-[var(--sk-muted)]\">{{ kind.count }}</span>\n            </span>\n            <span class=\"min-h-6 leading-6 tabular-nums text-[var(--sk-muted)]\">\n              {{ t('composites.inspector.summarized', { n: summarized, total: rows.length }) }}\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.tags.label') }}\n          </dt>\n          <dd v-if=\"tags.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <UBadge v-for=\"tag in tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" class=\"max-w-full\" />\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.mentions') }}\n          </dt>\n          <dd v-if=\"mentions.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <span\n              v-for=\"mention in mentions\"\n              :key=\"mention.id\"\n              class=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-[var(--sk-fg-highlighted)]\"\n              :style=\"[mentionStyle(mention.color), { background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }]\"\n            >\n              <span class=\"size-1.5 shrink-0 rounded-full\" :style=\"{ background: 'var(--mention-color)' }\" />\n              <span class=\"truncate\">@{{ mention.label }}</span>\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n        </dl>\n      </div>\n    </section>\n    <section v-else-if=\"focused\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-composite`\">\n      <h2 :id=\"`${uid}-composite`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.composite') }}\n      </h2>\n\n      <div :key=\"focused.key\" class=\"flex flex-col gap-3\">\n        <UFormField :label=\"t('composites.inspector.kind')\" size=\"sm\">\n          <USelect\n            :model-value=\"focused.kind\"\n            :items=\"kindOptions\"\n            size=\"sm\"\n            class=\"w-full\"\n            :aria-label=\"t('composites.kind.select')\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onKind\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.inspector.title')\" size=\"sm\" :help=\"editable ? t('composites.inspector.titleHelp') : undefined\">\n          <p class=\"min-h-6 truncate leading-6\" :class=\"focused.title ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" :title=\"focused.title\">\n            {{ focused.title || t('composites.inspector.untitled') }}\n          </p>\n        </UFormField>\n\n        <UFormField\n          :label=\"t('composites.inspector.description')\"\n          size=\"sm\"\n          :help=\"focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')\"\n        >\n          <UTextarea\n            :model-value=\"draft\"\n            autoresize\n            :rows=\"3\"\n            :maxrows=\"10\"\n            size=\"sm\"\n            class=\"w-full\"\n            :placeholder=\"t('composites.inspector.description')\"\n            :aria-label=\"t('composites.inspector.description')\"\n            :readonly=\"!editable || !focused.descriptionTextOnly\"\n            @update:model-value=\"onDescriptionInput\"\n            @blur=\"inspector.blurDescription\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.tags.label')\" size=\"sm\">\n          <!-- `position` is required in the object form: InputMenu renders the create row only for 'top' or 'bottom'. -->\n          <UInputMenu\n            :search-term=\"searchTerm\"\n            multiple\n            :create-item=\"{ position: 'bottom', when: 'always' }\"\n            :model-value=\"focused.tags\"\n            :items=\"tagItems\"\n            ignore-filter\n            :placeholder=\"t('composites.tags.label')\"\n            :aria-label=\"t('composites.tags.label')\"\n            size=\"sm\"\n            icon=\"i-lucide-hash\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onTags\"\n            @update:search-term=\"inspector.setSearchTerm\"\n            @update:open=\"(isOpen: boolean) => isOpen && inspector.searchTags()\"\n            @create=\"inspector.createTag\"\n          >\n            <template #create-item-label=\"{ item }: { item: string }\">\n              {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n            </template>\n          </UInputMenu>\n        </UFormField>\n\n        <UFormField v-for=\"field in focused.fields\" :key=\"field.key\" :label=\"field.label\" size=\"sm\">\n          <USelect\n            v-if=\"field.type === 'select'\"\n            :model-value=\"compositeFieldText(focused, field) || undefined\"\n            :items=\"field.options ?? []\"\n            :aria-label=\"field.label\"\n            placeholder=\"–\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UTextarea\n            v-else-if=\"field.type === 'textarea'\"\n            :model-value=\"compositeFieldText(focused, field)\"\n            :aria-label=\"field.label\"\n            autoresize\n            :rows=\"2\"\n            :maxrows=\"8\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UInput\n            v-else\n            :model-value=\"compositeFieldText(focused, field)\"\n            :type=\"field.type\"\n            :aria-label=\"field.label\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n        </UFormField>\n\n        <div class=\"flex items-center gap-2 border-t border-[var(--sk-border)] pt-3\">\n          <UIcon name=\"i-lucide-sparkles\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"text-[var(--sk-muted)]\">{{ t('composites.inspector.aiStatus') }}</span>\n          <span class=\"ml-auto inline-flex items-center gap-1.5\" :class=\"hasSummary ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\">\n            <span class=\"size-2 rounded-full\" :class=\"hasSummary ? 'bg-[var(--sk-success)]' : 'bg-[var(--sk-bg-accented)]'\" />\n            {{ hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing') }}\n          </span>\n        </div>\n      </div>\n    </section>\n  </aside>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CompositeInspector.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_toDisplayString","_renderSlot","_Fragment","_renderList","_createVNode","_createBlock","_normalizeStyle","_withCtx","_normalizeClass","_createCommentVNode","_createTextVNode","CompositeFieldEditor"],"sources":["../../../../src/features/composites/components/CompositeInspector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { useId } from 'vue'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeFieldText, isStructuredField } from '../inspector-model'\nimport { useCompositeInspector } from '../use-composite-inspector'\nimport CompositeFieldEditor from './CompositeFieldEditor.vue'\n\n/**\n * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to\n * `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is\n * the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at\n * the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.\n *\n * The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before\n * the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.\n * `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel\n * shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.\n */\nconst props = defineProps<{ editor?: Editor, documentFocused?: boolean }>()\n\nconst { Badge: UBadge, FormField: UFormField, Icon: UIcon, Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\ndefineSlots<{\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: () => unknown\n}>()\n\nconst { inspector, section, editable, draft, searchTerm, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = useCompositeInspector(() => props.editor, () => props.documentFocused)\n\nconst uid = useId()\n\nconst HEX_COLOR = /^#[0-9a-f]{3,8}$/i\n// Same tint as the chip in the document (`--mention-color`), only invalid colors fall back to the primary color.\nconst mentionStyle = (color: string | null) => ({ '--mention-color': color && HEX_COLOR.test(color) ? color : 'var(--sk-primary)' })\n\n// The Nuxt UI inputs emit loosely typed values; the model takes strings.\nfunction onKind(kind: unknown) {\n  if (typeof kind === 'string') inspector.value.setKind(kind)\n}\n\nfunction onDescriptionInput(value: unknown) {\n  inspector.value.inputDescription(typeof value === 'string' ? value : '')\n}\n\nfunction onTags(value: unknown) {\n  inspector.value.setTags(Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n</script>\n\n<template>\n  <aside class=\"flex h-full min-h-0 flex-col overflow-y-auto text-sm\" :aria-label=\"t('composites.inspector.label')\">\n    <section v-if=\"section === 'document'\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-document`\">\n      <h2 :id=\"`${uid}-document`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.document') }}\n      </h2>\n      <div class=\"flex flex-col gap-y-2\">\n        <slot name=\"document\" />\n        <dl class=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.composites') }}\n          </dt>\n          <dd v-if=\"kinds.length\" class=\"m-0 flex min-w-0 flex-col gap-y-1\">\n            <span v-for=\"kind in kinds\" :key=\"kind.id\" class=\"flex min-h-6 min-w-0 items-center gap-2\">\n              <UIcon :name=\"kind.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n              <span class=\"min-w-0 flex-1 truncate text-[var(--sk-fg-highlighted)]\">{{ kind.label }}</span>\n              <span class=\"tabular-nums text-[var(--sk-muted)]\">{{ kind.count }}</span>\n            </span>\n            <span class=\"min-h-6 leading-6 tabular-nums text-[var(--sk-muted)]\">\n              {{ t('composites.inspector.summarized', { n: summarized, total: rows.length }) }}\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.tags.label') }}\n          </dt>\n          <dd v-if=\"tags.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <UBadge v-for=\"tag in tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" class=\"max-w-full\" />\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.mentions') }}\n          </dt>\n          <dd v-if=\"mentions.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <span\n              v-for=\"mention in mentions\"\n              :key=\"mention.id\"\n              class=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-[var(--sk-fg-highlighted)]\"\n              :style=\"[mentionStyle(mention.color), { background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }]\"\n            >\n              <span class=\"size-1.5 shrink-0 rounded-full\" :style=\"{ background: 'var(--mention-color)' }\" />\n              <span class=\"truncate\">@{{ mention.label }}</span>\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n        </dl>\n      </div>\n    </section>\n    <section v-else-if=\"focused\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-composite`\">\n      <h2 :id=\"`${uid}-composite`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.composite') }}\n      </h2>\n\n      <div :key=\"focused.key\" class=\"flex flex-col gap-3\">\n        <UFormField :label=\"t('composites.inspector.kind')\" size=\"sm\">\n          <USelect\n            :model-value=\"focused.kind\"\n            :items=\"kindOptions\"\n            size=\"sm\"\n            class=\"w-full\"\n            :aria-label=\"t('composites.kind.select')\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onKind\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.inspector.title')\" size=\"sm\" :help=\"editable ? t('composites.inspector.titleHelp') : undefined\">\n          <p class=\"min-h-6 truncate leading-6\" :class=\"focused.title ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" :title=\"focused.title\">\n            {{ focused.title || t('composites.inspector.untitled') }}\n          </p>\n        </UFormField>\n\n        <UFormField\n          :label=\"t('composites.inspector.description')\"\n          size=\"sm\"\n          :help=\"focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')\"\n        >\n          <UTextarea\n            :model-value=\"draft\"\n            autoresize\n            :rows=\"3\"\n            :maxrows=\"10\"\n            size=\"sm\"\n            class=\"w-full\"\n            :placeholder=\"t('composites.inspector.description')\"\n            :aria-label=\"t('composites.inspector.description')\"\n            :readonly=\"!editable || !focused.descriptionTextOnly\"\n            @update:model-value=\"onDescriptionInput\"\n            @blur=\"inspector.blurDescription\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.tags.label')\" size=\"sm\">\n          <!-- `position` is required in the object form: InputMenu renders the create row only for 'top' or 'bottom'. -->\n          <UInputMenu\n            :search-term=\"searchTerm\"\n            multiple\n            :create-item=\"{ position: 'bottom', when: 'always' }\"\n            :model-value=\"focused.tags\"\n            :items=\"tagItems\"\n            ignore-filter\n            :placeholder=\"t('composites.tags.label')\"\n            :aria-label=\"t('composites.tags.label')\"\n            size=\"sm\"\n            icon=\"i-lucide-hash\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onTags\"\n            @update:search-term=\"inspector.setSearchTerm\"\n            @update:open=\"(isOpen: boolean) => isOpen && inspector.searchTags()\"\n            @create=\"inspector.createTag\"\n          >\n            <template #create-item-label=\"{ item }: { item: string }\">\n              {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n            </template>\n          </UInputMenu>\n        </UFormField>\n\n        <UFormField v-for=\"field in focused.fields\" :key=\"field.key\" :label=\"field.label\" size=\"sm\">\n          <!-- Fields whose value is not text (reference, bibliography, derivation) have their own editors, as in the details card; a text input would overwrite the stored object with a string. -->\n          <template v-if=\"isStructuredField(field)\">\n            <CompositeFieldEditor\n              v-if=\"editor\"\n              :editor=\"editor\"\n              :row=\"focused\"\n              :field=\"field\"\n              :disabled=\"!editable\"\n            />\n          </template>\n          <USelect\n            v-else-if=\"field.type === 'select'\"\n            :model-value=\"compositeFieldText(focused, field) || undefined\"\n            :items=\"field.options ?? []\"\n            :aria-label=\"field.label\"\n            placeholder=\"–\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UTextarea\n            v-else-if=\"field.type === 'textarea'\"\n            :model-value=\"compositeFieldText(focused, field)\"\n            :aria-label=\"field.label\"\n            autoresize\n            :rows=\"2\"\n            :maxrows=\"8\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UInput\n            v-else\n            :model-value=\"compositeFieldText(focused, field)\"\n            :type=\"field.type\"\n            :aria-label=\"field.label\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n        </UFormField>\n\n        <div class=\"flex items-center gap-2 border-t border-[var(--sk-border)] pt-3\">\n          <UIcon name=\"i-lucide-sparkles\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"text-[var(--sk-muted)]\">{{ t('composites.inspector.aiStatus') }}</span>\n          <span class=\"ml-auto inline-flex items-center gap-1.5\" :class=\"hasSummary ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\">\n            <span class=\"size-2 rounded-full\" :class=\"hasSummary ? 'bg-[var(--sk-success)]' : 'bg-[var(--sk-bg-accented)]'\" />\n            {{ hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing') }}\n          </span>\n        </div>\n      </div>\n    </section>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAEd,MAAM,EAAE,OAAO,QAAQ,WAAW,YAAY,MAAM,OAAO,OAAO,QAAQ,WAAW,YAAY,QAAQ,SAAS,UAAU,cAAc,SAAS;EACnJ,MAAM,EAAE,MAAM,cAAc;EAO5B,MAAM,EAAE,WAAW,SAAS,UAAU,OAAO,YAAY,UAAU,aAAa,YAAY,YAAY,MAAM,MAAM,OAAO,UAAU,YAAY,4BAA4B,MAAM,cAAc,MAAM,eAAe;EAEtN,MAAM,MAAM,MAAM;EAElB,MAAM,YAAY;EAElB,MAAM,gBAAgB,WAA0B,EAAE,mBAAmB,SAAS,UAAU,KAAK,KAAK,IAAI,QAAQ,oBAAoB;EAGlI,SAAS,OAAO,MAAe;GAC7B,IAAI,OAAO,SAAS,UAAU,UAAU,MAAM,QAAQ,IAAI;EAC5D;EAEA,SAAS,mBAAmB,OAAgB;GAC1C,UAAU,MAAM,iBAAiB,OAAO,UAAU,WAAW,QAAQ,EAAE;EACzE;EAEA,SAAS,OAAO,OAAgB;GAC9B,UAAU,MAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,QAAuB,OAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;EACnH;;GAIE,OAAAA,UAAA,GAAAC,mBAqLQ,SAAA;IArLD,OAAM;IAAwD,cAAYC,MAAA,CAAA,CAAC,CAAA,4BAAA;GACjE,GAAA,CAAAA,MAAA,OAAA,MAAO,cAAtBF,UAAA,GAAAC,mBAqDU,WAAA;;IArD6B,OAAM;IAAc,mBAAe,GAAKC,MAAA,GAAA,EAAG;GAChF,GAAA,CAAAC,mBAEK,MAAA;IAFA,IAAE,GAAKD,MAAA,GAAA,EAAG;IAAa,OAAM;GAC7B,GAAAE,gBAAAF,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,GAAA,UAAA,GAENC,mBAgDM,OAhDN,YAgDM,CA/CJE,WAAwB,KAAA,QAAA,UAAA,GACxBF,mBA6CK,MA7CL,YA6CK;IA5CHA,mBAEK,MAFL,YAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,CAAA;IAEIA,MAAA,KAAA,CAAK,CAAC,UAAhBF,UAAA,GAAAC,mBASK,MATL,YASK,EARHD,UAAA,IAAA,GAAAC,mBAIOK,UAAA,MAAAC,WAJcL,MAAA,KAAA,IAAR,SAAI;KAAjB,OAAAF,UAAA,GAAAC,mBAIO,QAAA;MAJsB,KAAK,KAAK;MAAI,OAAM;;MAC/CO,YAA0EN,MAAA,KAAA,GAAA;OAAlE,MAAM,KAAK;OAAM,OAAM;;MAC/BC,mBAA6F,QAA7F,YAA6FC,gBAApB,KAAK,KAAK,GAAA,CAAA;MACnFD,mBAAyE,QAAzE,YAAyEC,gBAApB,KAAK,KAAK,GAAA,CAAA;;IAEjE,CAAA,GAAA,GAAA,IAAAD,mBAEO,QAFP,aAEOC,gBADFF,MAAA,CAAA,CAAC,CAAA,mCAAA;KAAA,GAAyCA,MAAA,UAAA;KAAU,OAASA,MAAA,IAAA,CAAI,CAAC;IAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAG/EF,UAAA,GAAAC,mBAEK,MAFL,aAEKG,gBADAF,MAAA,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA;IAGNC,mBAEK,MAFL,aAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA;IAEIA,MAAA,IAAA,CAAI,CAAC,UAAfF,UAAA,GAAAC,mBAEK,MAFL,aAEK,EADHD,UAAA,IAAA,GAAAC,mBAA0HK,UAAA,MAAAC,WAApGL,MAAA,IAAA,IAAP,QAAG;KAAlB,OAAAF,UAAA,GAAAS,YAA0HP,MAAA,MAAA,GAAA;MAA7F,KAAK;MAAK,OAAM;MAAU,SAAQ;MAAS,MAAK;MAAM,OAAK,IAAM;MAAO,OAAM;;IAE7G,CAAA,GAAA,GAAA,EAAA,CAAA,MAAAF,UAAA,GAAAC,mBAEK,MAFL,aAEKG,gBADAF,MAAA,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA;IAGNC,mBAEK,MAFL,aAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA;IAEIA,MAAA,QAAA,CAAQ,CAAC,UAAnBF,UAAA,GAAAC,mBAUK,MAVL,aAUK,EATHD,UAAA,IAAA,GAAAC,mBAQOK,UAAA,MAAAC,WAPaL,MAAA,QAAA,IAAX,YAAO;KADhB,OAAAF,UAAA,GAAAC,mBAQO,QAAA;MANJ,KAAK,QAAQ;MACd,OAAM;MACL,OAAKS,eAAA,CAAG,aAAa,QAAQ,KAAK,GAAA,EAAA,YAAA,6DAAA,CAAA,CAAA;KAEnC,GAAA,CAAA,OAAA,OAAA,OAAA,KAAAP,mBAA+F,QAAA;MAAzF,OAAM;MAAkC,OAAO,EAAA,YAAA,uBAAA;KACrD,GAAA,MAAA,EAAA,IAAAA,mBAAkD,QAAlD,aAAuB,MAACC,gBAAG,QAAQ,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA;IAG5C,CAAA,GAAA,GAAA,EAAA,CAAA,MAAAJ,UAAA,GAAAC,mBAEK,MAFL,aAEKG,gBADAF,MAAA,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA;GAKQ,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAAA,MAAA,OAAA,KAApBF,UAAA,GAAAC,mBA6HU,WAAA;;IA7HmB,OAAM;IAAc,mBAAe,GAAKC,MAAA,GAAA,EAAG;GACtE,GAAA,CAAAC,mBAEK,MAAA;IAFA,IAAE,GAAKD,MAAA,GAAA,EAAG;IAAc,OAAM;GAC9B,GAAAE,gBAAAF,MAAA,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,GAAA,WAAA,IAGNF,UAAA,GAAAC,mBAuHM,OAAA;IAvHA,KAAKC,MAAA,OAAA,CAAO,CAAC;IAAK,OAAM;;IAC5BM,YAUaN,MAAA,UAAA,GAAA;KAVA,OAAOA,MAAA,CAAA,CAAC,CAAA,2BAAA;KAA+B,MAAK;;KACvD,SAAAS,cAQE,CARFH,YAQEN,MAAA,OAAA,GAAA;MAPC,eAAaA,MAAA,OAAA,CAAO,CAAC;MACrB,OAAOA,MAAA,WAAA;MACR,MAAK;MACL,OAAM;MACL,cAAYA,MAAA,CAAA,CAAC,CAAA,wBAAA;MACb,UAAQ,CAAGA,MAAA,QAAA;MACX,uBAAoB;;;;;;;;;IAIzBM,YAIaN,MAAA,UAAA,GAAA;KAJA,OAAOA,MAAA,CAAA,CAAC,CAAA,4BAAA;KAAgC,MAAK;KAAM,MAAMA,MAAA,QAAA,IAAWA,MAAA,CAAA,CAAC,CAAA,gCAAA,IAAqC,KAAA;;KACrH,SAAAS,cAEI,CAFJR,mBAEI,KAAA;MAFD,OAAKS,eAAA,CAAC,8BAAqCV,MAAA,OAAA,CAAO,CAAC,QAAK,oCAAA,4BAAA,CAAA;MAAsE,OAAOA,MAAA,OAAA,CAAO,CAAC;KAC3I,GAAAE,gBAAAF,MAAA,OAAA,CAAO,CAAC,SAASA,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,IAAA,WAAA,CAAA,CAAA;;;IAIzBM,YAkBaN,MAAA,UAAA,GAAA;KAjBV,OAAOA,MAAA,CAAA,CAAC,CAAA,kCAAA;KACT,MAAK;KACJ,MAAMA,MAAA,OAAA,CAAO,CAAC,sBAAsB,KAAA,IAAYA,MAAA,CAAA,CAAC,CAAA,sCAAA;;KAElD,SAAAS,cAYE,CAZFH,YAYEN,MAAA,SAAA,GAAA;MAXC,eAAaA,MAAA,KAAA;MACd,YAAA;MACC,MAAM;MACN,SAAS;MACV,MAAK;MACL,OAAM;MACL,aAAaA,MAAA,CAAA,CAAC,CAAA,kCAAA;MACd,cAAYA,MAAA,CAAA,CAAC,CAAA,kCAAA;MACb,UAAQ,CAAGA,MAAA,QAAA,KAAQ,CAAKA,MAAA,OAAA,CAAO,CAAC;MAChC,uBAAoB;MACpB,QAAMA,MAAA,SAAA,CAAS,CAAC;;;;;;;;;;IAIrBM,YAwBaN,MAAA,UAAA,GAAA;KAxBA,OAAOA,MAAA,CAAA,CAAC,CAAA,uBAAA;KAA2B,MAAK;;KACnD,SAAAS,cAAgH,CAAhHE,mBAAA,2GAAA,GACAL,YAqBaN,MAAA,UAAA,GAAA;MApBV,eAAaA,MAAA,UAAA;MACd,UAAA;MACC,eAAa;OAAA,UAAA;OAAA,MAAA;MAAA;MACb,eAAaA,MAAA,OAAA,CAAO,CAAC;MACrB,OAAOA,MAAA,QAAA;MACR,iBAAA;MACC,aAAaA,MAAA,CAAA,CAAC,CAAA,uBAAA;MACd,cAAYA,MAAA,CAAA,CAAC,CAAA,uBAAA;MACd,MAAK;MACL,MAAK;MACL,OAAM;MACL,UAAQ,CAAGA,MAAA,QAAA;MACX,uBAAoB;MACpB,uBAAoBA,MAAA,SAAA,CAAS,CAAC;MAC9B,iBAAW,OAAA,OAAA,OAAA,MAAG,WAAoB,UAAUA,MAAA,SAAA,CAAS,CAAC,WAAU;MAChE,UAAQA,MAAA,SAAA,CAAS,CAAC;;MAER,qBAAiBS,SACgD,EAD5C,WAAI,CAC/BG,gBAAAV,gBAAAF,MAAA,CAAA,CAAC,CAAA,0BAAA,EAAA,KAAkCA,MAAA,gBAAA,CAAgB,CAAC,IAAI,KAAK,KAAI,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;KAK1EF,UAAA,IAAA,GAAAC,mBA4CaK,UAAA,MAAAC,WA5CeL,MAAA,OAAA,CAAO,CAAC,SAAjB,UAAK;KAAxB,OAAAF,UAAA,GAAAS,YA4CaP,MAAA,UAAA,GAAA;MA5CgC,KAAK,MAAM;MAAM,OAAO,MAAM;MAAO,MAAK;;MACrF,SAAAS,cAA2L,CAA3LE,mBAAA,sLAAA,GACgBX,MAAA,iBAAA,CAAiB,CAAC,KAAK,KAAvCF,UAAA,GAAAC,mBAQWK,UAAA,EAAA,KAAA,EAAA,GAAA,CAND,QAAA,UADRN,UAAA,GAAAS,YAMEM,aAAA;;OAJC,QAAQ,QAAA;OACR,KAAKb,MAAA,OAAA;OACE;OACP,UAAQ,CAAGA,MAAA,QAAA;;;;;;MAIH,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA,KAAA,MAAM,SAAI,YADvBF,UAAA,GAAAS,YAUEP,MAAA,OAAA,GAAA;;OARC,eAAaA,MAAA,kBAAA,CAAkB,CAACA,MAAA,OAAA,GAAS,KAAK,KAAK,KAAA;OACnD,OAAO,MAAM,WAAO,CAAA;OACpB,cAAY,MAAM;OACnB,aAAY;OACZ,MAAK;OACL,OAAM;OACL,UAAQ,CAAGA,MAAA,QAAA;OACX,wBAAqB,UAAmBA,MAAA,SAAA,CAAS,CAAC,SAAS,OAAO,KAAK;;;;;;;MAG7D,CAAA,KAAA,MAAM,SAAI,cADvBF,UAAA,GAAAS,YAWEP,MAAA,SAAA,GAAA;;OATC,eAAaA,MAAA,kBAAA,CAAkB,CAACA,MAAA,OAAA,GAAS,KAAK;OAC9C,cAAY,MAAM;OACnB,YAAA;OACC,MAAM;OACN,SAAS;OACV,MAAK;OACL,OAAM;OACL,UAAQ,CAAGA,MAAA,QAAA;OACX,wBAAqB,UAAmBA,MAAA,SAAA,CAAS,CAAC,SAAS,OAAO,KAAK;;;;;;MAE1E,CAAA,MAAAF,UAAA,GAAAS,YASEP,MAAA,MAAA,GAAA;;OAPC,eAAaA,MAAA,kBAAA,CAAkB,CAACA,MAAA,OAAA,GAAS,KAAK;OAC9C,MAAM,MAAM;OACZ,cAAY,MAAM;OACnB,MAAK;OACL,OAAM;OACL,UAAQ,CAAGA,MAAA,QAAA;OACX,wBAAqB,UAAmBA,MAAA,SAAA,CAAS,CAAC,SAAS,OAAO,KAAK;;;;;;;;;;;IAI5EC,mBAOM,OAPN,aAOM;KANJK,YAAiFN,MAAA,KAAA,GAAA;MAA1E,MAAK;MAAoB,OAAM;;KACtCC,mBAAoF,QAApF,aAAoFC,gBAA5CF,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA;KACzCC,mBAGO,QAAA,EAHD,OAAKS,eAAA,CAAC,4CAAmDV,MAAA,UAAA,IAAU,oCAAA,4BAAA,CAAA,EAAA,GACvE,CAAAC,mBAAkH,QAAA,EAA5G,OAAKS,eAAA,CAAC,uBAA8BV,MAAA,UAAA,IAAU,2BAAA,4BAAA,CAAA,EAAA,GAAA,MAAA,CAA8D,GAAAY,gBAAA,MAClHV,gBAAGF,MAAA,UAAA,IAAaA,MAAA,CAAA,CAAC,CAAA,qCAAA,IAA0CA,MAAA,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

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

@@ -1,3 +1,4 @@
+import { compositeKindsOf } from "../nodes.js";
 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";
@@ -54,7 +55,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		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 fieldContext = computed(() => {
+			rows.value;
+			return props.editor ? {
+				doc: props.editor.state.doc,
+				kinds: compositeKindsOf(props.editor),
+				t
+			} : void 0;
+		});
+		const fieldColumns = computed(() => fieldColumnsOf(rows.value, kinds.value, fieldContext.value));
 		const specs = computed(() => columnSpecsOf(fieldColumns.value, t));
 		const columns = computed(() => specs.value.map((spec) => ({
 			id: spec.id,
@@ -324,11 +333,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}), renderList(fieldColumns.value, (column) => {
 				return {
 					name: `${column.id}-cell`,
-					fn: withCtx(({ row }) => [unref(fieldText)(row.original, column.field.key) ? (openBlock(), createElementBlock("span", {
+					fn: withCtx(({ row }) => [unref(fieldText)(row.original, column.field.key, fieldContext.value) ? (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", {
+						title: unref(isLongText)(column.field) ? unref(fieldText)(row.original, column.field.key, fieldContext.value) : void 0
+					}, toDisplayString(unref(fieldText)(row.original, column.field.key, fieldContext.value)), 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))])

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

@@ -1 +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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"}
+{"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 { compositeKindsOf } from '../nodes'\nimport type { CompositeRow } from '../rows'\nimport { columnSpecsOf, type FieldContext, 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\n// `reference` cells resolve their target in the document; re-read whenever the rows change.\nconst fieldContext = computed<FieldContext | undefined>(() => {\n  void rows.value\n  return props.editor ? { doc: props.editor.state.doc, kinds: compositeKindsOf(props.editor), t } : undefined\n})\nconst fieldColumns = computed(() => fieldColumnsOf(rows.value, kinds.value, fieldContext.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, fieldContext)\"\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, fieldContext) : undefined\"\n          >{{ fieldText(row.original, column.field.key, fieldContext) }}</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/CompositeTagsEditor.js

@@ -1,9 +1,9 @@
 import { metadataOf } from "../../../core/metadata.js";
 import { METADATA_LIST } from "../../../core/metadata-types.js";
+import { normalizeTagName } from "../../../core/tag-name.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`. */