@ecsplico/editor 3.6.0 → 4.0.0

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

@@ -1,7 +1,7 @@
 import { bibtexOf, cslOf, cslTypeOptions } from "../bibliography.js";
+import { propertyHostOf, setBlockProperty } from "../properties.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { compositeOfRow, setCompositeMetaField } from "../rows.js";
 import { bibFormOf, bibItemOf } from "../bibliography-form.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, reactive, ref, renderList, unref, watch, withKeys } from "vue";
 //#region src/features/composites/components/BibliographyEditor.vue
@@ -11,7 +11,7 @@ const _hoisted_3 = { class: "flex justify-end gap-1.5" };
 /**
 * The structured editor of a `bibliography` field (CSL-JSON item, `meta.bib`): type, authors, year, container, volume,
 * issue, pages, publisher, DOI, ISBN, URL and abstract. Inputs keep a local draft; every commit (blur, Enter, choosing
-* a type, unmount) writes the whole item through `setCompositeMetaField`. The title is the Baustein's and never stored.
+* a type, unmount) writes the whole item through `setBlockProperty`. The title is the Typed block's and never stored.
 */
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "BibliographyEditor",
@@ -46,7 +46,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			const { row, field, stored: base } = target;
 			target = null;
 			const same = row.key === props.row.key;
-			if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, same ? props.row : row, field.key, bibItemOf(form, same ? stored.value : base));
+			if (!props.editor.isDestroyed) setBlockProperty(props.editor, same ? props.row : row, field.key, bibItemOf(form, same ? stored.value : base));
 		}
 		function markDirty() {
 			if (!dirty) target = {
@@ -72,7 +72,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		onBeforeUnmount(() => clearTimeout(copiedTimer));
 		async function copyBibtex() {
 			commit();
-			const node = compositeOfRow(props.editor.state.doc, props.row)?.node;
+			const node = propertyHostOf(props.editor.state.doc, props.row)?.node;
 			const csl = node && cslOf(node);
 			if (!csl) return;
 			await navigator.clipboard.writeText(bibtexOf(csl));
@@ -86,7 +86,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const hasDoi = computed(() => form.doi.trim() !== "" || typeof props.row.meta.doi === "string" && props.row.meta.doi.trim() !== "");
 		function fetchByDoi() {
 			commit();
-			const found = compositeOfRow(props.editor.state.doc, props.row);
+			const found = propertyHostOf(props.editor.state.doc, props.row);
 			if (found) props.editor.commands.fetchCompositeBibliography(found.pos);
 		}
 		const inputs = [

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

@@ -1 +1 @@
-{"version":3,"file":"BibliographyEditor.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_withKeys","_Fragment","_renderList","_createBlock","_createCommentVNode"],"sources":["../../../../src/features/composites/components/BibliographyEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CslItem, bibtexOf, cslOf, cslTypeOptions, type CslType } from '../bibliography'\nimport { type BibForm, bibFormOf, bibItemOf } from '../bibliography-form'\nimport type { CompositeMetaField } from '../kinds'\nimport { compositeOfRow, type CompositeRow, setCompositeMetaField } from '../rows'\nimport '../bibliography-command'\n\n/**\n * The structured editor of a `bibliography` field (CSL-JSON item, `meta.bib`): type, authors, year, container, volume,\n * issue, pages, publisher, DOI, ISBN, URL and abstract. Inputs keep a local draft; every commit (blur, Enter, choosing\n * a type, unmount) writes the whole item through `setCompositeMetaField`. The title is the Baustein's and never stored.\n */\nconst props = defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n}>()\n\nconst { Button: UButton, Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst stored = computed<CslItem | null>(() => {\n  const value = props.row.meta[props.field.key] as Partial<CslItem> | null | undefined\n  return value && typeof value === 'object' && typeof value.type === 'string' ? value as CslItem : null\n})\nconst typeItems = computed(() => cslTypeOptions(t))\n\nconst form = reactive<BibForm>(bibFormOf(stored.value))\nlet dirty = false\n// The row/field the draft belongs to, taken at the first edit: when the component is re-bound to another row the pending\n// draft must still be written to the row it was typed for.\nlet target: { row: CompositeRow, field: CompositeMetaField, stored: CslItem | null } | null = null\n\nwatch(() => props.row.key, () => {\n  commit()\n  Object.assign(form, bibFormOf(stored.value))\n})\nwatch(stored, (value) => {\n  if (!dirty) Object.assign(form, bibFormOf(value))\n})\n\nfunction commit() {\n  if (!dirty || !target) return\n  dirty = false\n  const { row, field, stored: base } = target\n  target = null\n  // The same Baustein: the current props carry its up-to-date position and stored item.\n  const same = row.key === props.row.key\n  if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, same ? props.row : row, field.key, bibItemOf(form, same ? stored.value : base))\n}\n\nfunction markDirty() {\n  if (!dirty) target = { row: props.row, field: props.field, stored: stored.value }\n  dirty = true\n}\n\nfunction onInput<K extends keyof BibForm>(key: K, value: unknown) {\n  form[key] = (typeof value === 'string' ? value : '') as BibForm[K]\n  markDirty()\n}\n\nfunction onType(value: unknown) {\n  if (typeof value !== 'string') return\n  form.type = value as CslType\n  markDirty()\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nconst copied = ref(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\nonBeforeUnmount(() => clearTimeout(copiedTimer))\n\nasync function copyBibtex() {\n  commit()\n  const node = compositeOfRow(props.editor.state.doc, props.row)?.node\n  const csl = node && cslOf(node)\n  if (!csl) return\n  await navigator.clipboard.writeText(bibtexOf(csl))\n  copied.value = true\n  clearTimeout(copiedTimer)\n  copiedTimer = setTimeout(() => {\n    copied.value = false\n  }, 1500)\n}\n\n// Registered by the AI integration (`composite-ai`); without it there is nothing to fetch with.\nconst canFetch = typeof props.editor.commands.fetchCompositeBibliography === 'function'\nconst hasDoi = computed(() => form.doi.trim() !== '' || (typeof props.row.meta.doi === 'string' && props.row.meta.doi.trim() !== ''))\n\nfunction fetchByDoi() {\n  commit()\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (found) props.editor.commands.fetchCompositeBibliography(found.pos)\n}\n\nconst inputs = [\n  { key: 'containerTitle', labelKey: 'composites.bib.field.containerTitle' },\n  { key: 'publisher', labelKey: 'composites.bib.field.publisher' },\n  { key: 'doi', labelKey: 'composites.bib.field.doi' },\n  { key: 'isbn', labelKey: 'composites.bib.field.isbn' },\n  { key: 'url', labelKey: 'composites.bib.field.url' },\n] as const\nconst numbers = [\n  { key: 'volume', labelKey: 'composites.bib.field.volume' },\n  { key: 'issue', labelKey: 'composites.bib.field.issue' },\n  { key: 'page', labelKey: 'composites.bib.field.page' },\n] as const\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1.5\">\n    <USelect\n      :model-value=\"form.type\"\n      :items=\"typeItems\"\n      :aria-label=\"t('composites.bib.field.type')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      class=\"w-full\"\n      @update:model-value=\"onType\"\n    />\n    <UTextarea\n      :model-value=\"form.authors\"\n      :placeholder=\"t('composites.bib.field.authorsHelp')\"\n      :aria-label=\"t('composites.bib.field.authors')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      autoresize\n      :rows=\"2\"\n      :maxrows=\"6\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput('authors', value)\"\n    />\n    <div class=\"grid grid-cols-4 gap-1.5\">\n      <UInput\n        :model-value=\"form.year\"\n        type=\"number\"\n        :placeholder=\"t('composites.bib.field.year')\"\n        :aria-label=\"t('composites.bib.field.year')\"\n        :disabled=\"disabled\"\n        size=\"xs\"\n        class=\"col-span-1 w-full\"\n        @blur=\"commit\"\n        @keydown.enter=\"commit\"\n        @update:model-value=\"(value: unknown) => onInput('year', value)\"\n      />\n      <UInput\n        v-for=\"input in numbers\"\n        :key=\"input.key\"\n        :model-value=\"form[input.key]\"\n        :placeholder=\"t(input.labelKey)\"\n        :aria-label=\"t(input.labelKey)\"\n        :disabled=\"disabled\"\n        size=\"xs\"\n        class=\"col-span-1 w-full\"\n        @blur=\"commit\"\n        @keydown.enter=\"commit\"\n        @update:model-value=\"(value: unknown) => onInput(input.key, value)\"\n      />\n    </div>\n    <UInput\n      v-for=\"input in inputs\"\n      :key=\"input.key\"\n      :model-value=\"form[input.key]\"\n      :placeholder=\"t(input.labelKey)\"\n      :aria-label=\"t(input.labelKey)\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @keydown.enter=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput(input.key, value)\"\n    />\n    <UTextarea\n      :model-value=\"form.abstract\"\n      :placeholder=\"t('composites.bib.field.abstract')\"\n      :aria-label=\"t('composites.bib.field.abstract')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      autoresize\n      :rows=\"2\"\n      :maxrows=\"6\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput('abstract', value)\"\n    />\n    <div class=\"flex justify-end gap-1.5\">\n      <UButton\n        v-if=\"canFetch\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        icon=\"i-lucide-book-marked\"\n        :label=\"t('composites.bib.fetchDoi')\"\n        :disabled=\"disabled || !hasDoi\"\n        @click=\"fetchByDoi\"\n      />\n      <UButton\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        icon=\"i-lucide-copy\"\n        :label=\"copied ? t('composites.bib.copied') : t('composites.bib.copyBibtex')\"\n        :disabled=\"!stored\"\n        @click=\"copyBibtex\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"BibliographyEditor.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_withKeys","_Fragment","_renderList","_createBlock","_createCommentVNode"],"sources":["../../../../src/features/composites/components/BibliographyEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CslItem, bibtexOf, cslOf, cslTypeOptions, type CslType } from '../bibliography'\nimport { type BibForm, bibFormOf, bibItemOf } from '../bibliography-form'\nimport type { PropertyDefinition } from '../../../core/properties'\nimport { type BlockProperties, propertyHostOf, setBlockProperty } from '../properties'\nimport '../bibliography-command'\n\n/**\n * The structured editor of a `bibliography` field (CSL-JSON item, `meta.bib`): type, authors, year, container, volume,\n * issue, pages, publisher, DOI, ISBN, URL and abstract. Inputs keep a local draft; every commit (blur, Enter, choosing\n * a type, unmount) writes the whole item through `setBlockProperty`. The title is the Typed block's and never stored.\n */\nconst props = defineProps<{\n  editor: Editor\n  row: BlockProperties\n  field: PropertyDefinition\n  disabled?: boolean\n}>()\n\nconst { Button: UButton, Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst stored = computed<CslItem | null>(() => {\n  const value = props.row.meta[props.field.key] as Partial<CslItem> | null | undefined\n  return value && typeof value === 'object' && typeof value.type === 'string' ? value as CslItem : null\n})\nconst typeItems = computed(() => cslTypeOptions(t))\n\nconst form = reactive<BibForm>(bibFormOf(stored.value))\nlet dirty = false\n// The row/field the draft belongs to, taken at the first edit: when the component is re-bound to another row the pending\n// draft must still be written to the row it was typed for.\nlet target: { row: BlockProperties, field: PropertyDefinition, stored: CslItem | null } | null = null\n\nwatch(() => props.row.key, () => {\n  commit()\n  Object.assign(form, bibFormOf(stored.value))\n})\nwatch(stored, (value) => {\n  if (!dirty) Object.assign(form, bibFormOf(value))\n})\n\nfunction commit() {\n  if (!dirty || !target) return\n  dirty = false\n  const { row, field, stored: base } = target\n  target = null\n  // The same Typed block: the current props carry its up-to-date position and stored item.\n  const same = row.key === props.row.key\n  if (!props.editor.isDestroyed) setBlockProperty(props.editor, same ? props.row : row, field.key, bibItemOf(form, same ? stored.value : base))\n}\n\nfunction markDirty() {\n  if (!dirty) target = { row: props.row, field: props.field, stored: stored.value }\n  dirty = true\n}\n\nfunction onInput<K extends keyof BibForm>(key: K, value: unknown) {\n  form[key] = (typeof value === 'string' ? value : '') as BibForm[K]\n  markDirty()\n}\n\nfunction onType(value: unknown) {\n  if (typeof value !== 'string') return\n  form.type = value as CslType\n  markDirty()\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nconst copied = ref(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\nonBeforeUnmount(() => clearTimeout(copiedTimer))\n\nasync function copyBibtex() {\n  commit()\n  const node = propertyHostOf(props.editor.state.doc, props.row)?.node\n  const csl = node && cslOf(node)\n  if (!csl) return\n  await navigator.clipboard.writeText(bibtexOf(csl))\n  copied.value = true\n  clearTimeout(copiedTimer)\n  copiedTimer = setTimeout(() => {\n    copied.value = false\n  }, 1500)\n}\n\n// Registered by the AI integration (`composite-ai`); without it there is nothing to fetch with.\nconst canFetch = typeof props.editor.commands.fetchCompositeBibliography === 'function'\nconst hasDoi = computed(() => form.doi.trim() !== '' || (typeof props.row.meta.doi === 'string' && props.row.meta.doi.trim() !== ''))\n\nfunction fetchByDoi() {\n  commit()\n  const found = propertyHostOf(props.editor.state.doc, props.row)\n  if (found) props.editor.commands.fetchCompositeBibliography(found.pos)\n}\n\nconst inputs = [\n  { key: 'containerTitle', labelKey: 'composites.bib.field.containerTitle' },\n  { key: 'publisher', labelKey: 'composites.bib.field.publisher' },\n  { key: 'doi', labelKey: 'composites.bib.field.doi' },\n  { key: 'isbn', labelKey: 'composites.bib.field.isbn' },\n  { key: 'url', labelKey: 'composites.bib.field.url' },\n] as const\nconst numbers = [\n  { key: 'volume', labelKey: 'composites.bib.field.volume' },\n  { key: 'issue', labelKey: 'composites.bib.field.issue' },\n  { key: 'page', labelKey: 'composites.bib.field.page' },\n] as const\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1.5\">\n    <USelect\n      :model-value=\"form.type\"\n      :items=\"typeItems\"\n      :aria-label=\"t('composites.bib.field.type')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      class=\"w-full\"\n      @update:model-value=\"onType\"\n    />\n    <UTextarea\n      :model-value=\"form.authors\"\n      :placeholder=\"t('composites.bib.field.authorsHelp')\"\n      :aria-label=\"t('composites.bib.field.authors')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      autoresize\n      :rows=\"2\"\n      :maxrows=\"6\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput('authors', value)\"\n    />\n    <div class=\"grid grid-cols-4 gap-1.5\">\n      <UInput\n        :model-value=\"form.year\"\n        type=\"number\"\n        :placeholder=\"t('composites.bib.field.year')\"\n        :aria-label=\"t('composites.bib.field.year')\"\n        :disabled=\"disabled\"\n        size=\"xs\"\n        class=\"col-span-1 w-full\"\n        @blur=\"commit\"\n        @keydown.enter=\"commit\"\n        @update:model-value=\"(value: unknown) => onInput('year', value)\"\n      />\n      <UInput\n        v-for=\"input in numbers\"\n        :key=\"input.key\"\n        :model-value=\"form[input.key]\"\n        :placeholder=\"t(input.labelKey)\"\n        :aria-label=\"t(input.labelKey)\"\n        :disabled=\"disabled\"\n        size=\"xs\"\n        class=\"col-span-1 w-full\"\n        @blur=\"commit\"\n        @keydown.enter=\"commit\"\n        @update:model-value=\"(value: unknown) => onInput(input.key, value)\"\n      />\n    </div>\n    <UInput\n      v-for=\"input in inputs\"\n      :key=\"input.key\"\n      :model-value=\"form[input.key]\"\n      :placeholder=\"t(input.labelKey)\"\n      :aria-label=\"t(input.labelKey)\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @keydown.enter=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput(input.key, value)\"\n    />\n    <UTextarea\n      :model-value=\"form.abstract\"\n      :placeholder=\"t('composites.bib.field.abstract')\"\n      :aria-label=\"t('composites.bib.field.abstract')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      autoresize\n      :rows=\"2\"\n      :maxrows=\"6\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput('abstract', value)\"\n    />\n    <div class=\"flex justify-end gap-1.5\">\n      <UButton\n        v-if=\"canFetch\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        icon=\"i-lucide-book-marked\"\n        :label=\"t('composites.bib.fetchDoi')\"\n        :disabled=\"disabled || !hasDoi\"\n        @click=\"fetchByDoi\"\n      />\n      <UButton\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        icon=\"i-lucide-copy\"\n        :label=\"copied ? t('composites.bib.copied') : t('composites.bib.copyBibtex')\"\n        :disabled=\"!stored\"\n        @click=\"copyBibtex\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -11,8 +11,8 @@ const _hoisted_3 = { class: "truncate" };
 const _hoisted_4 = ["aria-checked"];
 const _hoisted_5 = { class: "truncate" };
 /**
-* Basket choice of a Baustein: the default slot (a button) opens a list of the editor's baskets (a dot in the basket's
-* colour and its label) and „Kein Korb“. The menu is a popover, not a dropdown menu: a dropdown item cannot show a dot in
+* Basket choice of a Typed block: the default slot (a button) opens a list of the editor's baskets (a dot in the basket's
+* colour and its label) and a „none“ entry. The menu is a popover, not a dropdown menu: a dropdown item cannot show a dot in
 * an arbitrary CSS colour.
 */
 const option = "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm text-[var(--sk-fg)] transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]";

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeBasketMenu.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_toDisplayString","_createCommentVNode","_createVNode","_renderSlot"],"sources":["../../../../src/features/composites/components/CompositeBasketMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { shallowRef } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { basketOf } from '../baskets'\nimport { compositeBasketsOf } from '../nodes'\nimport { compositeOfRow, type CompositeRow } from '../rows'\n\n/**\n * Basket choice of a Baustein: the default slot (a button) opens a list of the editor's baskets (a dot in the basket's\n * colour and its label) and „Kein Korb“. The menu is a popover, not a dropdown menu: a dropdown item cannot show a dot in\n * an arbitrary CSS colour.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow }>()\n\nconst { Icon: UIcon, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst open = shallowRef(false)\n\n\nfunction choose(basket: string | null) {\n  open.value = false\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (found) props.editor.commands.setCompositeBasket(basket, found.pos)\n}\n\nconst option = 'flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm text-[var(--sk-fg)] transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]'\n</script>\n\n<template>\n  <UPopover\n    v-model:open=\"open\"\n    :content=\"{ side: 'bottom', align: 'start', sideOffset: 4, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n    :ui=\"{ content: 'w-40 p-1' }\"\n  >\n    <slot />\n    <template #content>\n      <div role=\"menu\" :aria-label=\"t('composites.basket.label')\">\n        <button\n          v-for=\"basket in compositeBasketsOf(editor)\"\n          :key=\"basket.id\"\n          type=\"button\"\n          role=\"menuitemradio\"\n          :aria-checked=\"basketOf(props.row) === basket.id\"\n          :class=\"option\"\n          @click=\"choose(basket.id)\"\n        >\n          <span class=\"size-2.5 shrink-0 rounded-full\" :style=\"{ backgroundColor: basket.color }\" />\n          <span class=\"truncate\">{{ basket.label }}</span>\n          <UIcon v-if=\"basketOf(props.row) === basket.id\" name=\"i-lucide-check\" class=\"ml-auto size-3.5 shrink-0\" />\n        </button>\n        <button type=\"button\" role=\"menuitemradio\" :aria-checked=\"basketOf(props.row) === null\" :class=\"option\" @click=\"choose(null)\">\n          <UIcon name=\"i-lucide-circle-dashed\" class=\"size-3 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"truncate\">{{ t('composites.basket.none') }}</span>\n          <UIcon v-if=\"basketOf(props.row) === null\" name=\"i-lucide-check\" class=\"ml-auto size-3.5 shrink-0\" />\n        </button>\n      </div>\n    </template>\n  </UPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAS;;;;;;;;EAdf,MAAM,QAAQ;EAEd,MAAM,EAAE,MAAM,OAAO,SAAS,aAAa,SAAS;EACpD,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,WAAW,KAAK;EAG7B,SAAS,OAAO,QAAuB;GACrC,KAAK,QAAQ;GACb,MAAM,QAAQ,eAAe,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG;GAC9D,IAAI,OAAO,MAAM,OAAO,SAAS,mBAAmB,QAAQ,MAAM,GAAG;EACvE;;GAME,OAAAA,UAAA,GAAAC,YA4BWC,MAAA,QAAA,GAAA;IA3BD,MAAM,KAAA;IAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACjB,SAAO;KAAA,MAAA;KAAA,OAAA;KAAA,YAAA;KAAA,mBAAsE,UAAiB,MAAM,eAAc;IAAA;IAClH,IAAI,EAAA,SAAA,WAAA;;IAGM,SAAOC,cAoBV,CAnBNC,mBAmBM,OAAA;KAnBD,MAAK;KAAQ,cAAYF,MAAA,CAAA,CAAC,CAAA,yBAAA;IAC7B,GAAA,EAAAF,UAAA,IAAA,GAAAK,mBAYSC,UAAA,MAAAC,WAXUL,MAAA,kBAAA,CAAkB,CAAC,QAAA,MAAM,IAAnC,WAAM;KADf,OAAAF,UAAA,GAAAK,mBAYS,UAAA;MAVN,KAAK,OAAO;MACb,MAAK;MACL,MAAK;MACJ,gBAAcH,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAM,OAAO;MAC7C,OAAKM,eAAE,MAAM;MACb,UAAK,WAAE,OAAO,OAAO,EAAE;;MAExBJ,mBAA0F,QAAA;OAApF,OAAM;OAAkC,OAAKK,eAAA,EAAA,iBAAqB,OAAO,MAAK,CAAA;;MACpFL,mBAAgD,QAAhD,YAAgDM,gBAAtB,OAAO,KAAK,GAAA,CAAA;MACzBR,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAM,OAAO,MAA5CF,UAAA,GAAAC,YAA0GC,MAAA,KAAA,GAAA;;OAA1D,MAAK;OAAiB,OAAM;;;IAE9E,CAAA,GAAA,GAAA,IAAAE,mBAIS,UAAA;KAJD,MAAK;KAAS,MAAK;KAAiB,gBAAcF,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAA;KAAa,OAAKM,eAAE,MAAM;KAAG,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAM,IAAA;;KACpHI,YAAsFV,MAAA,KAAA,GAAA;MAA/E,MAAK;MAAyB,OAAM;;KAC3CE,mBAA+D,QAA/D,YAA+DM,gBAArCR,MAAA,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,CAAA;KACdA,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAA,QAA/BF,UAAA,GAAAC,YAAqGC,MAAA,KAAA,GAAA;;MAA1D,MAAK;MAAiB,OAAM;;;IAnB7E,SAAAC,cAAQ,CAARU,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"CompositeBasketMenu.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_toDisplayString","_createCommentVNode","_createVNode","_renderSlot"],"sources":["../../../../src/features/composites/components/CompositeBasketMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { shallowRef } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { basketOf } from '../baskets'\nimport { compositeBasketsOf } from '../nodes'\nimport { compositeOfRow, type CompositeRow } from '../rows'\n\n/**\n * Basket choice of a Typed block: the default slot (a button) opens a list of the editor's baskets (a dot in the basket's\n * colour and its label) and a „none“ entry. The menu is a popover, not a dropdown menu: a dropdown item cannot show a dot in\n * an arbitrary CSS colour.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow }>()\n\nconst { Icon: UIcon, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst open = shallowRef(false)\n\n\nfunction choose(basket: string | null) {\n  open.value = false\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (found) props.editor.commands.setCompositeBasket(basket, found.pos)\n}\n\nconst option = 'flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm text-[var(--sk-fg)] transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]'\n</script>\n\n<template>\n  <UPopover\n    v-model:open=\"open\"\n    :content=\"{ side: 'bottom', align: 'start', sideOffset: 4, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n    :ui=\"{ content: 'w-40 p-1' }\"\n  >\n    <slot />\n    <template #content>\n      <div role=\"menu\" :aria-label=\"t('composites.basket.label')\">\n        <button\n          v-for=\"basket in compositeBasketsOf(editor)\"\n          :key=\"basket.id\"\n          type=\"button\"\n          role=\"menuitemradio\"\n          :aria-checked=\"basketOf(props.row) === basket.id\"\n          :class=\"option\"\n          @click=\"choose(basket.id)\"\n        >\n          <span class=\"size-2.5 shrink-0 rounded-full\" :style=\"{ backgroundColor: basket.color }\" />\n          <span class=\"truncate\">{{ basket.label }}</span>\n          <UIcon v-if=\"basketOf(props.row) === basket.id\" name=\"i-lucide-check\" class=\"ml-auto size-3.5 shrink-0\" />\n        </button>\n        <button type=\"button\" role=\"menuitemradio\" :aria-checked=\"basketOf(props.row) === null\" :class=\"option\" @click=\"choose(null)\">\n          <UIcon name=\"i-lucide-circle-dashed\" class=\"size-3 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"truncate\">{{ t('composites.basket.none') }}</span>\n          <UIcon v-if=\"basketOf(props.row) === null\" name=\"i-lucide-check\" class=\"ml-auto size-3.5 shrink-0\" />\n        </button>\n      </div>\n    </template>\n  </UPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAS;;;;;;;;EAdf,MAAM,QAAQ;EAEd,MAAM,EAAE,MAAM,OAAO,SAAS,aAAa,SAAS;EACpD,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,WAAW,KAAK;EAG7B,SAAS,OAAO,QAAuB;GACrC,KAAK,QAAQ;GACb,MAAM,QAAQ,eAAe,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG;GAC9D,IAAI,OAAO,MAAM,OAAO,SAAS,mBAAmB,QAAQ,MAAM,GAAG;EACvE;;GAME,OAAAA,UAAA,GAAAC,YA4BWC,MAAA,QAAA,GAAA;IA3BD,MAAM,KAAA;IAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACjB,SAAO;KAAA,MAAA;KAAA,OAAA;KAAA,YAAA;KAAA,mBAAsE,UAAiB,MAAM,eAAc;IAAA;IAClH,IAAI,EAAA,SAAA,WAAA;;IAGM,SAAOC,cAoBV,CAnBNC,mBAmBM,OAAA;KAnBD,MAAK;KAAQ,cAAYF,MAAA,CAAA,CAAC,CAAA,yBAAA;IAC7B,GAAA,EAAAF,UAAA,IAAA,GAAAK,mBAYSC,UAAA,MAAAC,WAXUL,MAAA,kBAAA,CAAkB,CAAC,QAAA,MAAM,IAAnC,WAAM;KADf,OAAAF,UAAA,GAAAK,mBAYS,UAAA;MAVN,KAAK,OAAO;MACb,MAAK;MACL,MAAK;MACJ,gBAAcH,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAM,OAAO;MAC7C,OAAKM,eAAE,MAAM;MACb,UAAK,WAAE,OAAO,OAAO,EAAE;;MAExBJ,mBAA0F,QAAA;OAApF,OAAM;OAAkC,OAAKK,eAAA,EAAA,iBAAqB,OAAO,MAAK,CAAA;;MACpFL,mBAAgD,QAAhD,YAAgDM,gBAAtB,OAAO,KAAK,GAAA,CAAA;MACzBR,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAM,OAAO,MAA5CF,UAAA,GAAAC,YAA0GC,MAAA,KAAA,GAAA;;OAA1D,MAAK;OAAiB,OAAM;;;IAE9E,CAAA,GAAA,GAAA,IAAAE,mBAIS,UAAA;KAJD,MAAK;KAAS,MAAK;KAAiB,gBAAcF,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAA;KAAa,OAAKM,eAAE,MAAM;KAAG,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAM,IAAA;;KACpHI,YAAsFV,MAAA,KAAA,GAAA;MAA/E,MAAK;MAAyB,OAAM;;KAC3CE,mBAA+D,QAA/D,YAA+DM,gBAArCR,MAAA,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,CAAA;KACdA,MAAA,QAAA,CAAQ,CAAC,MAAM,GAAG,MAAA,QAA/BF,UAAA,GAAAC,YAAqGC,MAAA,KAAA,GAAA;;MAA1D,MAAK;MAAiB,OAAM;;;IAnB7E,SAAAC,cAAQ,CAARU,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -48,7 +48,7 @@ const _hoisted_12 = { class: "w-64 p-3" };
 * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that
 * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;
 * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite
-* (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is
+* (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.blockTypeIcon: 'hover'` it shows only while the composite is hovered, its popover is
 * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.
 * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.
 */
@@ -73,7 +73,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			onCleanup(() => instance.off("transaction", sync));
 		}, { immediate: true });
 		const { settings } = useEditorSettings();
-		const iconOnHover = computed(() => settings.value.blocks.kindIcon === "hover");
+		const iconOnHover = computed(() => settings.value.blocks.blockTypeIcon === "hover");
 		const hoveredKeys = shallowRef(/* @__PURE__ */ new Set());
 		const chipsHoveredKey = shallowRef(null);
 		let hoveredSection = null;
@@ -111,8 +111,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (!found || !startBlockDrag(props.editor, event, found.pos)) event.preventDefault();
 		}
 		/** Chips start right after the title's last character and run on to the editor's right edge. */
-		const expanded = useStoreRef(() => props.editor.storage.composite.expanded);
-		const revealedTitles = useStoreRef(() => props.editor.storage.composite.revealedTitles);
+		const expanded = useStoreRef(() => props.editor.storage.typedBlock.expanded);
+		const revealedTitles = useStoreRef(() => props.editor.storage.typedBlock.revealedTitles);
 		const placed = computed(() => {
 			const baskets = compositeBasketsOf(props.editor);
 			let hiddenUntil = -1;
@@ -136,10 +136,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					status: rowStatus(row, t),
 					derived: derived && {
 						stale: derived.stale,
+						sourceMissing: derived.sourceMissing,
 						open,
 						toggleable: !!row.id
 					},
-					basket: basketById(baskets, basketOf(row)) ?? null,
+					hasBasket: row.capabilities.has("basket"),
+					basket: row.capabilities.has("basket") ? basketById(baskets, basketOf(row)) ?? null : null,
 					titleHidden
 				}];
 			});
@@ -217,7 +219,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					onMouseenter: ($event) => chipsHoveredKey.value = item.row.key,
 					onMouseleave: _cache[1] || (_cache[1] = ($event) => chipsHoveredKey.value = null)
 				}, [
-					item.editable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_sfc_main$1, {
+					item.editable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [item.hasBasket ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 0,
 						editor: __props.editor,
 						row: item.row
 					}, {
@@ -236,7 +239,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							class: "size-3.5"
 						}))], 8, _hoisted_4)]),
 						_: 2
-					}, 1032, ["editor", "row"]), createElementVNode("button", {
+					}, 1032, ["editor", "row"])) : createCommentVNode("v-if", true), createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(chipButton),
 						"aria-label": unref(t)(item.titleHidden ? "composites.titleHidden.show" : "composites.titleHidden.hide"),
@@ -276,7 +279,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}, [createVNode(unref(UIcon), {
 							name: "i-lucide-triangle-alert",
 							class: "size-3.5"
-						}), createTextVNode(toDisplayString(unref(t)("composites.derivation.stale")), 1)], 2)) : createCommentVNode("v-if", true)
+						}), createTextVNode(toDisplayString(unref(t)("composites.derivation.stale")), 1)], 2)) : createCommentVNode("v-if", true),
+						item.derived.sourceMissing ? (openBlock(), createElementBlock("span", {
+							key: 2,
+							class: normalizeClass([chip, "text-[var(--sk-warning)]"])
+						}, [createVNode(unref(UIcon), {
+							name: "i-lucide-unlink",
+							class: "size-3.5"
+						}), createTextVNode(toDisplayString(unref(t)("composites.derivation.sourceMissing")), 1)], 2)) : createCommentVNode("v-if", true)
 					], 64)) : createCommentVNode("v-if", true),
 					item.status ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [item.editable ? (openBlock(), createBlock(_sfc_main$3, {
 						key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeChrome.js","names":["_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_createElementBlock","_Fragment","_renderList","_withCtx","_createVNode","CompositeDetails","_normalizeClass","_normalizeStyle","_withKeys","_withModifiers","_createCommentVNode","CompositeBasketMenu","_createTextVNode","_toDisplayString","CompositeStatusMenu","CompositeTagsEditor"],"sources":["../../../../src/features/composites/components/CompositeChrome.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, shallowRef, watch } from 'vue'\nimport { startBlockDrag } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { compositeSectionOf } from '../anchors'\nimport { derivedChromeOf } from '../derived-chrome'\nimport { rowStatus } from '../meta-display'\nimport { basketById, basketOf, titleHiddenOf } from '../baskets'\nimport { compositeBasketsOf } from '../nodes'\nimport { compositeOfRow, type CompositeRow, setCompositeTags } from '../rows'\nimport { useCompositeAnchors } from '../use-composite-anchors'\nimport { useCompositeRows } from '../use-composite-rows'\nimport CompositeBasketMenu from './CompositeBasketMenu.vue'\nimport CompositeDetails from './CompositeDetails.vue'\nimport CompositeStatusMenu from './CompositeStatusMenu.vue'\nimport CompositeTagsEditor from './CompositeTagsEditor.vue'\n\n/**\n * Chrome of every composite, laid over the editor (mounted by the composites feature): on the title line the status\n * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that\n * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;\n * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite\n * (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is\n * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.\n * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Icon: UIcon, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows } = useCompositeRows(() => props.editor)\nconst { host, anchors, frame } = useCompositeAnchors(() => props.editor, rows)\n\n// `isEditable` is not reactive: follow it on every transaction (`EditorSurface` dispatches one after `setEditable`).\nconst editable = shallowRef(false)\nwatch(() => props.editor, (instance, _previous, onCleanup) => {\n  editable.value = !instance.isDestroyed && instance.isEditable\n  const sync = () => {\n    editable.value = !instance.isDestroyed && instance.isEditable\n  }\n  instance.on('transaction', sync)\n  onCleanup(() => instance.off('transaction', sync))\n}, { immediate: true })\n\nconst { settings } = useEditorSettings()\nconst iconOnHover = computed(() => settings.value.blocks.kindIcon === 'hover')\n\n// Hover state of `kindIcon: 'hover'`: the keys of the rows whose composite is under the pointer (that one and every\n// composite around it), plus the row whose chips the pointer is on (they sit outside the editor's DOM).\nconst hoveredKeys = shallowRef<ReadonlySet<string>>(new Set())\nconst chipsHoveredKey = shallowRef<string | null>(null)\nlet hoveredSection: Element | null = null\n\nfunction onEditorMouseover(event: MouseEvent) {\n  const section = event.target instanceof Element ? event.target.closest('.composite') : null\n  if (section === hoveredSection) return\n  hoveredSection = section\n  const chain = new Set<Element>()\n  for (let el = section; el; el = el.parentElement?.closest('.composite') ?? null) chain.add(el)\n  const { view, state } = props.editor\n  hoveredKeys.value = new Set(rows.value.filter((row) => {\n    const found = compositeOfRow(state.doc, row)\n    const dom = found ? view.nodeDOM(found.pos) : null\n    const section = dom instanceof Element ? compositeSectionOf(dom) : null\n    return section !== null && chain.has(section)\n  }).map(row => row.key))\n}\n\nfunction onEditorMouseleave() {\n  hoveredSection = null\n  hoveredKeys.value = new Set()\n}\n\nwatch([() => props.editor, iconOnHover], ([instance, hover], _previous, onCleanup) => {\n  onEditorMouseleave()\n  if (!hover || instance.isDestroyed) return\n  const { dom } = instance.view\n  dom.addEventListener('mouseover', onEditorMouseover)\n  dom.addEventListener('mouseleave', onEditorMouseleave)\n  onCleanup(() => {\n    dom.removeEventListener('mouseover', onEditorMouseover)\n    dom.removeEventListener('mouseleave', onEditorMouseleave)\n  })\n}, { immediate: true })\n\nfunction onIconDragStart(event: DragEvent, row: CompositeRow) {\n  const found = compositeOfRow(props.editor.state.doc, row)\n  if (!found || !startBlockDrag(props.editor, event, found.pos)) event.preventDefault()\n}\n\n/** Chips start right after the title's last character and run on to the editor's right edge. */\nconst ROW_HEIGHT = 24\n\nconst expanded = useStoreRef(() => props.editor.storage.composite.expanded)\nconst revealedTitles = useStoreRef(() => props.editor.storage.composite.revealedTitles)\n\nconst placed = computed(() => {\n  const baskets = compositeBasketsOf(props.editor)\n  // End of the collapsed derived Baustein the rows being walked sit in: its clipped content shows no chrome.\n  let hiddenUntil = -1\n  return rows.value.flatMap((row) => {\n    if (row.pos < hiddenUntil) return []\n    const derived = derivedChromeOf(props.editor, row)\n    const open = !derived || !row.id || expanded.value.has(row.id)\n    if (!open) hiddenUntil = row.end\n    const anchor = anchors.value.get(row.key)\n    if (!anchor) return []\n    const titleHidden = titleHiddenOf(row)\n    // A hidden title leaves nothing to measure: the chips sit in the strip beside the kind icon (`composites.css`).\n    const inStrip = titleHidden && !(row.id && revealedTitles.value.has(row.id)) && anchor.toggleSize > 0\n    // An empty title shows a placeholder the anchor cannot measure: keep clear of it.\n    const left = inStrip ? anchor.toggleLeft + anchor.toggleSize + 6 : anchor.lineEnd + (anchor.titleEmpty ? 116 : 12)\n    return [{\n      row,\n      anchor,\n      // A kind without `chrome.controls` renders as in a read-only editor.\n      editable: editable.value && row.controls,\n      left,\n      top: (inStrip ? anchor.toggleTop + anchor.toggleSize / 2 : anchor.lastCenter) - ROW_HEIGHT / 2,\n      width: Math.max((frame.value?.right ?? anchor.right) - left, 120),\n      status: rowStatus(row, t),\n      derived: derived && { stale: derived.stale, open, toggleable: !!row.id },\n      basket: basketById(baskets, basketOf(row)) ?? null,\n      titleHidden,\n    }]\n  })\n})\n\nfunction toggleExpanded(row: CompositeRow) {\n  if (row.id) props.editor.commands.toggleCompositeExpanded(row.id)\n}\n\nfunction removeTag(row: CompositeRow, tag: string) {\n  setCompositeTags(props.editor, row, row.tags.filter(candidate => candidate !== tag))\n}\n\nfunction toggleTitleHidden(row: CompositeRow) {\n  const found = compositeOfRow(props.editor.state.doc, row)\n  if (found) props.editor.commands.setCompositeTitleHidden(!titleHiddenOf(row), found.pos)\n}\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap text-[var(--sk-muted)]'\nconst chipButton = `${chip} transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]`\n\n/** Scale and fade in from the icon (`transform-origin` is Reka's), a bit longer than Nuxt UI's default; `composites.css` defines the keyframes and the reduced-motion override. */\nconst detailsPopoverUi = {\n  content: 'composite-popover data-[state=open]:animate-[composite-pop-in_160ms_var(--ease-out)] data-[state=closed]:animate-[composite-pop-out_120ms_var(--ease-out)]',\n}\n</script>\n\n<template>\n  <Teleport v-if=\"host\" :to=\"host\">\n    <div class=\"absolute left-0 top-0 h-0 w-0\">\n      <template v-for=\"item in placed\" :key=\"item.row.key\">\n        <UPopover\n          v-if=\"item.anchor.toggleSize\"\n          :content=\"{ side: 'bottom', align: 'start', sideOffset: 4 }\"\n          :ui=\"detailsPopoverUi\"\n        >\n          <!-- A span, not a `button`: Firefox does not start drags from buttons. -->\n          <span\n            role=\"button\"\n            tabindex=\"0\"\n            :draggable=\"item.editable\"\n            :class=\"[\n              'absolute z-10 flex items-center justify-center rounded-sm bg-[var(--sk-bg)] text-[var(--sk-muted)] transition-[color,background-color,opacity] duration-120 motion-reduce:transition-none hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]',\n              item.editable ? 'cursor-grab active:cursor-grabbing' : 'cursor-pointer',\n              iconOnHover && !hoveredKeys.has(item.row.key) && chipsHoveredKey !== item.row.key && 'opacity-0 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100',\n            ]\"\n            :style=\"{ top: `${item.anchor.toggleTop}px`, left: `${item.anchor.toggleLeft}px`, width: `${item.anchor.toggleSize}px`, height: `${item.anchor.toggleSize}px` }\"\n            :aria-label=\"t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            :title=\"item.editable ? t('composites.chrome.detailsDrag', { kind: item.row.kindLabel }) : t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            @keydown.enter.space.prevent=\"($event.currentTarget as HTMLElement).click()\"\n            @dragstart=\"onIconDragStart($event, item.row)\"\n          >\n            <UIcon :key=\"item.row.icon\" :name=\"item.row.icon\" class=\"size-3.5\" />\n          </span>\n          <template #content>\n            <CompositeDetails :editor=\"editor\" :row=\"item.row\" :editable=\"item.editable\" />\n          </template>\n        </UPopover>\n\n        <div\n          v-if=\"item.editable || item.basket || item.status || item.derived || (item.row.tagsVisible && item.row.tags.length)\"\n          class=\"absolute z-10 flex items-center gap-px overflow-hidden rounded-md bg-[var(--sk-bg)]\"\n          :style=\"{ top: `${item.top}px`, left: `${item.left}px`, maxWidth: `${item.width}px`, height: `${ROW_HEIGHT}px` }\"\n          @mouseenter=\"chipsHoveredKey = item.row.key\"\n          @mouseleave=\"chipsHoveredKey = null\"\n        >\n          <template v-if=\"item.editable\">\n            <CompositeBasketMenu :editor=\"editor\" :row=\"item.row\">\n              <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.basket.label')\" :title=\"item.basket ? `${t('composites.basket.label')}: ${item.basket.label}` : t('composites.basket.label')\">\n                <span v-if=\"item.basket\" class=\"size-2.5 rounded-full\" :style=\"{ backgroundColor: item.basket.color }\" />\n                <UIcon v-else name=\"i-lucide-circle-dashed\" class=\"size-3.5\" />\n              </button>\n            </CompositeBasketMenu>\n            <button\n              type=\"button\"\n              :class=\"chipButton\"\n              :aria-label=\"t(item.titleHidden ? 'composites.titleHidden.show' : 'composites.titleHidden.hide')\"\n              :title=\"t(item.titleHidden ? 'composites.titleHidden.show' : 'composites.titleHidden.hide')\"\n              @click=\"toggleTitleHidden(item.row)\"\n            >\n              <UIcon :name=\"item.titleHidden ? 'i-lucide-eye' : 'i-lucide-eye-off'\" class=\"size-3.5\" />\n            </button>\n          </template>\n          <span v-else-if=\"item.basket\" :class=\"chip\" :title=\"item.basket.label\">\n            <span class=\"size-2.5 rounded-full\" :style=\"{ backgroundColor: item.basket.color }\" />\n          </span>\n\n          <template v-if=\"item.derived\">\n            <button\n              v-if=\"item.derived.toggleable\"\n              type=\"button\"\n              :class=\"chipButton\"\n              :aria-expanded=\"item.derived.open\"\n              :aria-label=\"t(item.derived.open ? 'composites.derivation.collapse' : 'composites.derivation.expand')\"\n              :title=\"t(item.derived.open ? 'composites.derivation.collapse' : 'composites.derivation.expand')\"\n              @click=\"toggleExpanded(item.row)\"\n            >\n              <UIcon :name=\"item.derived.open ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'\" class=\"size-3.5\" />\n            </button>\n            <span :class=\"chip\">\n              <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5\" />{{ t('composites.derivation.badge') }}\n            </span>\n            <span v-if=\"item.derived.stale\" :class=\"[chip, 'text-[var(--sk-warning)]']\">\n              <UIcon name=\"i-lucide-triangle-alert\" class=\"size-3.5\" />{{ t('composites.derivation.stale') }}\n            </span>\n          </template>\n\n          <template v-if=\"item.status\">\n            <CompositeStatusMenu v-if=\"item.editable\" :editor=\"editor\" :row=\"item.row\">\n              <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.status.label', { status: item.status.label })\">\n                <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n              </button>\n            </CompositeStatusMenu>\n            <span v-else :class=\"chip\">\n              <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n            </span>\n          </template>\n\n          <span v-for=\"tag in item.row.tagsVisible ? item.row.tags : []\" :key=\"tag\" :class=\"[chip, 'group max-w-40 gap-0']\">\n            <span class=\"truncate\">#{{ tag }}</span>\n            <button\n              v-if=\"item.editable\"\n              type=\"button\"\n              class=\"flex h-4 w-0 shrink-0 items-center justify-center overflow-hidden rounded-sm opacity-0 transition-all duration-150 group-hover:ml-1 group-hover:w-4 group-hover:opacity-100 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:ml-1 focus-visible:w-4 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n              :aria-label=\"t('composites.tag.remove', { tag })\"\n              @click=\"removeTag(item.row, tag)\"\n            >\n              <UIcon name=\"i-lucide-x\" class=\"size-3\" />\n            </button>\n          </span>\n\n          <UPopover\n            v-if=\"item.editable && item.row.tagsVisible\"\n            :content=\"{ side: 'bottom', align: 'start', sideOffset: 6, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n          >\n            <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.tag.add')\" :title=\"t('composites.tag.add')\">\n              <UIcon name=\"i-lucide-plus\" class=\"size-3.5\" />\n            </button>\n            <template #content>\n              <div class=\"w-64 p-3\">\n                <CompositeTagsEditor :editor=\"editor\" :row=\"item.row\" />\n              </div>\n            </template>\n          </UPopover>\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CompositeChrome.js","names":["_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_createElementBlock","_Fragment","_renderList","_withCtx","_createVNode","CompositeDetails","_normalizeClass","_normalizeStyle","_withKeys","_withModifiers","_createCommentVNode","CompositeBasketMenu","_createTextVNode","_toDisplayString","CompositeStatusMenu","CompositeTagsEditor"],"sources":["../../../../src/features/composites/components/CompositeChrome.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, shallowRef, watch } from 'vue'\nimport { startBlockDrag } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { compositeSectionOf } from '../anchors'\nimport { derivedChromeOf } from '../derived-chrome'\nimport { rowStatus } from '../meta-display'\nimport { basketById, basketOf, titleHiddenOf } from '../baskets'\nimport { compositeBasketsOf } from '../nodes'\nimport { compositeOfRow, type CompositeRow, setCompositeTags } from '../rows'\nimport { useCompositeAnchors } from '../use-composite-anchors'\nimport { useCompositeRows } from '../use-composite-rows'\nimport CompositeBasketMenu from './CompositeBasketMenu.vue'\nimport CompositeDetails from './CompositeDetails.vue'\nimport CompositeStatusMenu from './CompositeStatusMenu.vue'\nimport CompositeTagsEditor from './CompositeTagsEditor.vue'\n\n/**\n * Chrome of every composite, laid over the editor (mounted by the composites feature): on the title line the status\n * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that\n * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;\n * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite\n * (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.blockTypeIcon: 'hover'` it shows only while the composite is hovered, its popover is\n * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.\n * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Icon: UIcon, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows } = useCompositeRows(() => props.editor)\nconst { host, anchors, frame } = useCompositeAnchors(() => props.editor, rows)\n\n// `isEditable` is not reactive: follow it on every transaction (`EditorSurface` dispatches one after `setEditable`).\nconst editable = shallowRef(false)\nwatch(() => props.editor, (instance, _previous, onCleanup) => {\n  editable.value = !instance.isDestroyed && instance.isEditable\n  const sync = () => {\n    editable.value = !instance.isDestroyed && instance.isEditable\n  }\n  instance.on('transaction', sync)\n  onCleanup(() => instance.off('transaction', sync))\n}, { immediate: true })\n\nconst { settings } = useEditorSettings()\nconst iconOnHover = computed(() => settings.value.blocks.blockTypeIcon === 'hover')\n\n// Hover state of `blockTypeIcon: 'hover'`: the keys of the rows whose composite is under the pointer (that one and every\n// composite around it), plus the row whose chips the pointer is on (they sit outside the editor's DOM).\nconst hoveredKeys = shallowRef<ReadonlySet<string>>(new Set())\nconst chipsHoveredKey = shallowRef<string | null>(null)\nlet hoveredSection: Element | null = null\n\nfunction onEditorMouseover(event: MouseEvent) {\n  const section = event.target instanceof Element ? event.target.closest('.composite') : null\n  if (section === hoveredSection) return\n  hoveredSection = section\n  const chain = new Set<Element>()\n  for (let el = section; el; el = el.parentElement?.closest('.composite') ?? null) chain.add(el)\n  const { view, state } = props.editor\n  hoveredKeys.value = new Set(rows.value.filter((row) => {\n    const found = compositeOfRow(state.doc, row)\n    const dom = found ? view.nodeDOM(found.pos) : null\n    const section = dom instanceof Element ? compositeSectionOf(dom) : null\n    return section !== null && chain.has(section)\n  }).map(row => row.key))\n}\n\nfunction onEditorMouseleave() {\n  hoveredSection = null\n  hoveredKeys.value = new Set()\n}\n\nwatch([() => props.editor, iconOnHover], ([instance, hover], _previous, onCleanup) => {\n  onEditorMouseleave()\n  if (!hover || instance.isDestroyed) return\n  const { dom } = instance.view\n  dom.addEventListener('mouseover', onEditorMouseover)\n  dom.addEventListener('mouseleave', onEditorMouseleave)\n  onCleanup(() => {\n    dom.removeEventListener('mouseover', onEditorMouseover)\n    dom.removeEventListener('mouseleave', onEditorMouseleave)\n  })\n}, { immediate: true })\n\nfunction onIconDragStart(event: DragEvent, row: CompositeRow) {\n  const found = compositeOfRow(props.editor.state.doc, row)\n  if (!found || !startBlockDrag(props.editor, event, found.pos)) event.preventDefault()\n}\n\n/** Chips start right after the title's last character and run on to the editor's right edge. */\nconst ROW_HEIGHT = 24\n\nconst expanded = useStoreRef(() => props.editor.storage.typedBlock.expanded)\nconst revealedTitles = useStoreRef(() => props.editor.storage.typedBlock.revealedTitles)\n\nconst placed = computed(() => {\n  const baskets = compositeBasketsOf(props.editor)\n  // End of the collapsed derived Typed block the rows being walked sit in: its clipped content shows no chrome.\n  let hiddenUntil = -1\n  return rows.value.flatMap((row) => {\n    if (row.pos < hiddenUntil) return []\n    const derived = derivedChromeOf(props.editor, row)\n    const open = !derived || !row.id || expanded.value.has(row.id)\n    if (!open) hiddenUntil = row.end\n    const anchor = anchors.value.get(row.key)\n    if (!anchor) return []\n    const titleHidden = titleHiddenOf(row)\n    // A hidden title leaves nothing to measure: the chips sit in the strip beside the kind icon (`composites.css`).\n    const inStrip = titleHidden && !(row.id && revealedTitles.value.has(row.id)) && anchor.toggleSize > 0\n    // An empty title shows a placeholder the anchor cannot measure: keep clear of it.\n    const left = inStrip ? anchor.toggleLeft + anchor.toggleSize + 6 : anchor.lineEnd + (anchor.titleEmpty ? 116 : 12)\n    return [{\n      row,\n      anchor,\n      // A kind without `chrome.controls` renders as in a read-only editor.\n      editable: editable.value && row.controls,\n      left,\n      top: (inStrip ? anchor.toggleTop + anchor.toggleSize / 2 : anchor.lastCenter) - ROW_HEIGHT / 2,\n      width: Math.max((frame.value?.right ?? anchor.right) - left, 120),\n      status: rowStatus(row, t),\n      derived: derived && { stale: derived.stale, sourceMissing: derived.sourceMissing, open, toggleable: !!row.id },\n      // The basket menu and chip belong to the `basket` capability: a Block type without it has neither.\n      hasBasket: row.capabilities.has('basket'),\n      basket: row.capabilities.has('basket') ? basketById(baskets, basketOf(row)) ?? null : null,\n      titleHidden,\n    }]\n  })\n})\n\nfunction toggleExpanded(row: CompositeRow) {\n  if (row.id) props.editor.commands.toggleCompositeExpanded(row.id)\n}\n\nfunction removeTag(row: CompositeRow, tag: string) {\n  setCompositeTags(props.editor, row, row.tags.filter(candidate => candidate !== tag))\n}\n\nfunction toggleTitleHidden(row: CompositeRow) {\n  const found = compositeOfRow(props.editor.state.doc, row)\n  if (found) props.editor.commands.setCompositeTitleHidden(!titleHiddenOf(row), found.pos)\n}\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap text-[var(--sk-muted)]'\nconst chipButton = `${chip} transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]`\n\n/** Scale and fade in from the icon (`transform-origin` is Reka's), a bit longer than Nuxt UI's default; `composites.css` defines the keyframes and the reduced-motion override. */\nconst detailsPopoverUi = {\n  content: 'composite-popover data-[state=open]:animate-[composite-pop-in_160ms_var(--ease-out)] data-[state=closed]:animate-[composite-pop-out_120ms_var(--ease-out)]',\n}\n</script>\n\n<template>\n  <Teleport v-if=\"host\" :to=\"host\">\n    <div class=\"absolute left-0 top-0 h-0 w-0\">\n      <template v-for=\"item in placed\" :key=\"item.row.key\">\n        <UPopover\n          v-if=\"item.anchor.toggleSize\"\n          :content=\"{ side: 'bottom', align: 'start', sideOffset: 4 }\"\n          :ui=\"detailsPopoverUi\"\n        >\n          <!-- A span, not a `button`: Firefox does not start drags from buttons. -->\n          <span\n            role=\"button\"\n            tabindex=\"0\"\n            :draggable=\"item.editable\"\n            :class=\"[\n              'absolute z-10 flex items-center justify-center rounded-sm bg-[var(--sk-bg)] text-[var(--sk-muted)] transition-[color,background-color,opacity] duration-120 motion-reduce:transition-none hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]',\n              item.editable ? 'cursor-grab active:cursor-grabbing' : 'cursor-pointer',\n              iconOnHover && !hoveredKeys.has(item.row.key) && chipsHoveredKey !== item.row.key && 'opacity-0 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100',\n            ]\"\n            :style=\"{ top: `${item.anchor.toggleTop}px`, left: `${item.anchor.toggleLeft}px`, width: `${item.anchor.toggleSize}px`, height: `${item.anchor.toggleSize}px` }\"\n            :aria-label=\"t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            :title=\"item.editable ? t('composites.chrome.detailsDrag', { kind: item.row.kindLabel }) : t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            @keydown.enter.space.prevent=\"($event.currentTarget as HTMLElement).click()\"\n            @dragstart=\"onIconDragStart($event, item.row)\"\n          >\n            <UIcon :key=\"item.row.icon\" :name=\"item.row.icon\" class=\"size-3.5\" />\n          </span>\n          <template #content>\n            <CompositeDetails :editor=\"editor\" :row=\"item.row\" :editable=\"item.editable\" />\n          </template>\n        </UPopover>\n\n        <div\n          v-if=\"item.editable || item.basket || item.status || item.derived || (item.row.tagsVisible && item.row.tags.length)\"\n          class=\"absolute z-10 flex items-center gap-px overflow-hidden rounded-md bg-[var(--sk-bg)]\"\n          :style=\"{ top: `${item.top}px`, left: `${item.left}px`, maxWidth: `${item.width}px`, height: `${ROW_HEIGHT}px` }\"\n          @mouseenter=\"chipsHoveredKey = item.row.key\"\n          @mouseleave=\"chipsHoveredKey = null\"\n        >\n          <template v-if=\"item.editable\">\n            <CompositeBasketMenu v-if=\"item.hasBasket\" :editor=\"editor\" :row=\"item.row\">\n              <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.basket.label')\" :title=\"item.basket ? `${t('composites.basket.label')}: ${item.basket.label}` : t('composites.basket.label')\">\n                <span v-if=\"item.basket\" class=\"size-2.5 rounded-full\" :style=\"{ backgroundColor: item.basket.color }\" />\n                <UIcon v-else name=\"i-lucide-circle-dashed\" class=\"size-3.5\" />\n              </button>\n            </CompositeBasketMenu>\n            <button\n              type=\"button\"\n              :class=\"chipButton\"\n              :aria-label=\"t(item.titleHidden ? 'composites.titleHidden.show' : 'composites.titleHidden.hide')\"\n              :title=\"t(item.titleHidden ? 'composites.titleHidden.show' : 'composites.titleHidden.hide')\"\n              @click=\"toggleTitleHidden(item.row)\"\n            >\n              <UIcon :name=\"item.titleHidden ? 'i-lucide-eye' : 'i-lucide-eye-off'\" class=\"size-3.5\" />\n            </button>\n          </template>\n          <span v-else-if=\"item.basket\" :class=\"chip\" :title=\"item.basket.label\">\n            <span class=\"size-2.5 rounded-full\" :style=\"{ backgroundColor: item.basket.color }\" />\n          </span>\n\n          <template v-if=\"item.derived\">\n            <button\n              v-if=\"item.derived.toggleable\"\n              type=\"button\"\n              :class=\"chipButton\"\n              :aria-expanded=\"item.derived.open\"\n              :aria-label=\"t(item.derived.open ? 'composites.derivation.collapse' : 'composites.derivation.expand')\"\n              :title=\"t(item.derived.open ? 'composites.derivation.collapse' : 'composites.derivation.expand')\"\n              @click=\"toggleExpanded(item.row)\"\n            >\n              <UIcon :name=\"item.derived.open ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'\" class=\"size-3.5\" />\n            </button>\n            <span :class=\"chip\">\n              <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5\" />{{ t('composites.derivation.badge') }}\n            </span>\n            <span v-if=\"item.derived.stale\" :class=\"[chip, 'text-[var(--sk-warning)]']\">\n              <UIcon name=\"i-lucide-triangle-alert\" class=\"size-3.5\" />{{ t('composites.derivation.stale') }}\n            </span>\n            <span v-if=\"item.derived.sourceMissing\" :class=\"[chip, 'text-[var(--sk-warning)]']\">\n              <UIcon name=\"i-lucide-unlink\" class=\"size-3.5\" />{{ t('composites.derivation.sourceMissing') }}\n            </span>\n          </template>\n\n          <template v-if=\"item.status\">\n            <CompositeStatusMenu v-if=\"item.editable\" :editor=\"editor\" :row=\"item.row\">\n              <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.status.label', { status: item.status.label })\">\n                <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n              </button>\n            </CompositeStatusMenu>\n            <span v-else :class=\"chip\">\n              <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n            </span>\n          </template>\n\n          <span v-for=\"tag in item.row.tagsVisible ? item.row.tags : []\" :key=\"tag\" :class=\"[chip, 'group max-w-40 gap-0']\">\n            <span class=\"truncate\">#{{ tag }}</span>\n            <button\n              v-if=\"item.editable\"\n              type=\"button\"\n              class=\"flex h-4 w-0 shrink-0 items-center justify-center overflow-hidden rounded-sm opacity-0 transition-all duration-150 group-hover:ml-1 group-hover:w-4 group-hover:opacity-100 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:ml-1 focus-visible:w-4 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n              :aria-label=\"t('composites.tag.remove', { tag })\"\n              @click=\"removeTag(item.row, tag)\"\n            >\n              <UIcon name=\"i-lucide-x\" class=\"size-3\" />\n            </button>\n          </span>\n\n          <UPopover\n            v-if=\"item.editable && item.row.tagsVisible\"\n            :content=\"{ side: 'bottom', align: 'start', sideOffset: 6, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n          >\n            <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.tag.add')\" :title=\"t('composites.tag.add')\">\n              <UIcon name=\"i-lucide-plus\" class=\"size-3.5\" />\n            </button>\n            <template #content>\n              <div class=\"w-64 p-3\">\n                <CompositeTagsEditor :editor=\"editor\" :row=\"item.row\" />\n              </div>\n            </template>\n          </UPopover>\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { Editor } from "@tiptap/vue-3";
  * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that
  * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;
  * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite
- * (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is
+ * (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.blockTypeIcon: 'hover'` it shows only while the composite is hovered, its popover is
  * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.
  * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.
  */

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

@@ -1,6 +1,7 @@
+import { derivationOf } from "../../../core/derivation.js";
 import { keepsMetaKey } from "../meta-keys.js";
-import { derivationOf } from "../derivation.js";
-import { compositeKindsOf } from "../nodes.js";
+import { blockTypesOf } from "../nodes.js";
+import { propertyHostOf } from "../properties.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
 import { compositeBacklinks, compositeOfRow } from "../rows.js";
@@ -47,7 +48,7 @@ const _hoisted_19 = {
 /**
 * 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 the meta keys the new kind declares, plus
+* that names the field values the switch drops (`changeBlockType` keeps the meta keys the new kind declares, plus
 * `derivation` and `bib`, see `keepsMetaKey`) and
 * applies the change on „Ändern“.
 */
@@ -62,19 +63,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const { Button: UButton, Icon: UIcon, Select: USelect } = useUiKit();
 		const { t } = useEditorI18n();
-		const kinds = computed(() => compositeKindsOf(props.editor));
+		const kinds = computed(() => blockTypesOf(props.editor));
 		const kindItems = computed(() => kinds.value.map((kind) => ({
 			value: kind.id,
 			label: kind.label,
 			icon: kind.icon
 		})));
-		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 fields = computed(() => props.row.definitions.filter((field) => field.key !== "status" && field.type !== "derivation"));
+		/** The row's Typed block when it is derived (has a `meta.derivation`). */
 		const derivedNode = computed(() => {
-			const found = compositeOfRow(props.editor.state.doc, props.row);
+			const found = propertyHostOf(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. */
+		/** The places that refer to the row's Typed block (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);
@@ -87,7 +88,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			const target = kinds.value.find((kind) => kind.id === pending.value);
 			if (!target) return [];
 			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 field = props.row.definitions.find((candidate) => candidate.key === key);
 				const text = typeof value === "object" ? JSON.stringify(value) : String(value);
 				return {
 					key,
@@ -103,7 +104,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			const kind = pending.value;
 			pending.value = null;
 			const found = compositeOfRow(props.editor.state.doc, props.row);
-			if (kind && found) props.editor.commands.setCompositeKind(kind, found.pos);
+			if (kind && found) props.editor.commands.changeBlockType(kind, found.pos);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [

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","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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"}
+{"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 '../../../core/derivation'\nimport { keepsMetaKey } from '../meta-keys'\nimport { blockTypesOf } from '../nodes'\nimport { propertyHostOf } from '../properties'\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 (`changeBlockType` 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(() => blockTypesOf(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.definitions.filter(field => field.key !== 'status' && field.type !== 'derivation'))\n\n/** The row's Typed block when it is derived (has a `meta.derivation`). */\nconst derivedNode = computed(() => {\n  const found = propertyHostOf(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 Typed block (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.definitions.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.changeBlockType(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,7 @@ 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 the meta keys the new kind declares, plus
+ * that names the field values the switch drops (`changeBlockType` keeps the meta keys the new kind declares, plus
  * `derivation` and `bib`, see `keepsMetaKey`) and
  * applies the change on „Ändern“.
  */

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

@@ -1,6 +1,6 @@
+import { propertyHostOf, setBlockProperty } from "../properties.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { compositeOfRow, setCompositeMetaField } from "../rows.js";
 import { metaText } from "../meta-display.js";
 import _sfc_main$1 from "./BibliographyEditor.js";
 import _sfc_main$2 from "./DerivationBadge.js";
@@ -8,7 +8,7 @@ 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
+* One Block property of a block as an input that writes through `setBlockProperty`. Text-like inputs keep a local
 * draft and commit after typing pauses, on blur and on unmount, so the one-frame-late re-read of the rows never
 * overwrites what is being typed.
 */
@@ -25,8 +25,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const { Input: UInput, InputMenu: UInputMenu, 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);
+		/** The block a `derivation` property belongs to; the read-only provenance display needs the node, not the property text. */
+		const derived = computed(() => props.field.type === "derivation" ? propertyHostOf(props.editor.state.doc, props.row)?.node ?? null : null);
 		const stored = computed(() => metaText(props.row, props.field));
 		/** The chosen values of a `multiselect` field (`meta[key]` is a `string[]`). */
 		const chosen = computed(() => {
@@ -44,7 +44,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			clearTimeout(timer);
 			if (!dirty) return;
 			dirty = false;
-			if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, props.row, props.field.key, draft.value);
+			if (!props.editor.isDestroyed) setBlockProperty(props.editor, props.row, props.field.key, draft.value);
 		}
 		function onInput(value) {
 			draft.value = typeof value === "string" ? value : "";
@@ -58,10 +58,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		onBeforeUnmount(commit);
 		function onChoice(value) {
-			setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === "string" ? value : "");
+			setBlockProperty(props.editor, props.row, props.field.key, typeof value === "string" ? value : "");
 		}
 		function onChoices(value) {
-			setCompositeMetaField(props.editor, props.row, props.field.key, Array.isArray(value) ? value : []);
+			setBlockProperty(props.editor, props.row, props.field.key, Array.isArray(value) ? value : []);
 		}
 		return (_ctx, _cache) => {
 			return __props.field.type === "select" ? (openBlock(), createBlock(unref(USelect), {

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

@@ -1 +1 @@
-{"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, InputMenu: UInputMenu, 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))\n/** The chosen values of a `multiselect` field (`meta[key]` is a `string[]`). */\nconst chosen = computed(() => {\n  const value = props.row.meta[props.field.key]\n  return Array.isArray(value) ? value.filter((item): item is string => typeof item === 'string') : []\n})\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\nfunction onChoices(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, Array.isArray(value) ? 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  <UInputMenu\n    v-else-if=\"field.type === 'multiselect'\"\n    multiple\n    value-key=\"value\"\n    :model-value=\"chosen\"\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=\"onChoices\"\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":";;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAQd,MAAM,EAAE,OAAO,QAAQ,WAAW,YAAY,QAAQ,SAAS,UAAU,cAAc,SAAS;EAChG,MAAM,EAAE,MAAM,cAAc;;EAG5B,MAAM,UAAU,eAAe,MAAM,MAAM,SAAS,eAAe,eAAe,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,IAAI;EAEzI,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;;EAE9D,MAAM,SAAS,eAAe;GAC5B,MAAM,QAAQ,MAAM,IAAI,KAAK,MAAM,MAAM;GACzC,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,SAAyB,OAAO,SAAS,QAAQ,IAAI,CAAC;EACpG,CAAC;EACD,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;EAEA,SAAS,UAAU,OAAgB;GACjC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,CAAC;EACnG;;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,iBADvBF,UAAA,GAAAC,YAYEC,MAAA,UAAA,GAAA;;IAVA,UAAA;IACA,aAAU;IACT,eAAa,OAAA;IACb,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,eADvBF,UAAA,GAAAC,YAOEE,aAAA;;IALC,QAAQ,QAAA;IACR,KAAK,QAAA;IACL,OAAO,QAAA;IACP,UAAU,QAAA;IACV,MAAM,QAAA;;;;;;;GAGI,CAAA,KAAA,QAAA,MAAM,SAAI,kBADvBH,UAAA,GAAAC,YAMEG,aAAA;;IAJC,QAAQ,QAAA;IACR,KAAK,QAAA;IACL,OAAO,QAAA;IACP,UAAU,QAAA;;;;;;GAEQ,CAAA,KAAA,QAAA,MAAM,SAAI,gBAA/BJ,UAAA,GAAAK,mBAEWC,UAAA,EAAA,KAAA,EAAA,GAAA,CADc,QAAA,SAAvBN,UAAA,GAAAC,YAAmEM,aAAA;;IAAlC,QAAQ,QAAA;IAAS,MAAM,QAAA;GAG7C,GAAA,MAAA,GAAA,CAAA,UAAA,MAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA,KAAA,QAAA,MAAM,SAAI,cADvBP,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,WAAOO,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 { PropertyDefinition } from '../../../core/properties'\nimport { metaText } from '../meta-display'\nimport { type BlockProperties, propertyHostOf, setBlockProperty } from '../properties'\nimport BibliographyEditor from './BibliographyEditor.vue'\nimport DerivationBadge from './DerivationBadge.vue'\nimport ReferenceFieldSelect from './ReferenceFieldSelect.vue'\n\n/**\n * One Block property of a block as an input that writes through `setBlockProperty`. 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: BlockProperties\n  field: PropertyDefinition\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>(), { size: 'sm' })\n\nconst { Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\n/** The block a `derivation` property belongs to; the read-only provenance display needs the node, not the property text. */\nconst derived = computed(() => props.field.type === 'derivation' ? propertyHostOf(props.editor.state.doc, props.row)?.node ?? null : null)\n\nconst stored = computed(() => metaText(props.row, props.field))\n/** The chosen values of a `multiselect` field (`meta[key]` is a `string[]`). */\nconst chosen = computed(() => {\n  const value = props.row.meta[props.field.key]\n  return Array.isArray(value) ? value.filter((item): item is string => typeof item === 'string') : []\n})\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) setBlockProperty(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  setBlockProperty(props.editor, props.row, props.field.key, typeof value === 'string' ? value : '')\n}\n\nfunction onChoices(value: unknown) {\n  setBlockProperty(props.editor, props.row, props.field.key, Array.isArray(value) ? 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  <UInputMenu\n    v-else-if=\"field.type === 'multiselect'\"\n    multiple\n    value-key=\"value\"\n    :model-value=\"chosen\"\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=\"onChoices\"\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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"}