@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/features/composites/table-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-model.js","names":[],"sources":["../../../src/features/composites/table-model.ts"],"sourcesContent":["import type { Translate } from '../../i18n'\nimport type { CompositeMetaField } from './kinds'\nimport type { CompositeRow } from './rows'\n\n// The framework-free part of the Bausteine table (`CompositeTable` on Vue and React): column specs, cell text and sort\n// keys. Columns beyond the fixed ones derive from the meta fields of the kinds present in the document.\n\n/** A sort key; `null` is an empty value, which sorts last in either direction. */\nexport type SortValue = string | number | null\n\nexport interface ColumnSpec {\n  id: string\n  label: string\n  /** Number columns read better flush right, next to their tabular numerals. */\n  align?: 'end'\n  sort: (row: CompositeRow) => SortValue\n}\n\nexport interface FieldColumn extends ColumnSpec {\n  field: CompositeMetaField\n}\n\n/** Id prefix of the columns derived from meta fields. */\nexport const FIELD_PREFIX = 'meta:'\n\n/** The \"no filter\" value of a field's select filter. */\nexport const FILTER_ALL = '__all__'\n\nconst isEmpty = (value: unknown): boolean => value === undefined || value === null || value === ''\nconst finiteNumber = (value: unknown): number | null => {\n  if (isEmpty(value)) return null\n  const number = Number(value)\n  return Number.isFinite(number) ? number : null\n}\nconst numberFormat = new Intl.NumberFormat('de-DE')\nconst dateFormat = new Intl.DateTimeFormat('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' })\n\n/** German, numeric-aware ordering of two sort keys' text. */\nexport const collator = new Intl.Collator('de', { numeric: true })\n\n/** The field of `row`'s kind with key `key`. */\nexport const fieldOf = (row: CompositeRow, key: string): CompositeMetaField | undefined => row.fields.find(field => field.key === key)\n\n/** `2026-05-01` → `01.05.2026`; parsed by hand because `new Date('2026-05-01')` is UTC and can show the previous day. */\nfunction formatDate(value: string): string {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(value)\n  const date = match ? new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])) : new Date(value)\n  return Number.isNaN(date.getTime()) ? value : dateFormat.format(date)\n}\n\n/** The cell text of `row`'s field `key`; empty when the value is unset or the row's kind does not have the field. */\nexport function fieldText(row: CompositeRow, key: string): string {\n  const field = fieldOf(row, key)\n  const value = row.meta[key]\n  if (!field || isEmpty(value)) return ''\n  if (field.type === 'select') return field.options?.find(option => option.value === value)?.label ?? String(value)\n  if (field.type === 'date') return formatDate(String(value))\n  if (field.type === 'number') {\n    const number = finiteNumber(value)\n    return number === null ? String(value) : numberFormat.format(number)\n  }\n  return String(value)\n}\n\n/** The sort key of `row`'s field `key`: numbers as numbers, selects by their label, everything else as text. */\nexport function fieldSort(row: CompositeRow, key: string): SortValue {\n  const field = fieldOf(row, key)\n  const value = row.meta[key]\n  if (!field || isEmpty(value)) return null\n  if (field.type === 'number') return finiteNumber(value) ?? String(value)\n  // ISO dates order correctly as plain strings; select values are ordered by what the user reads.\n  if (field.type === 'select') return fieldText(row, key)\n  return String(value)\n}\n\n/**\n * One column per field key in use, in kind order; the first kind that has the key decides label and type.\n * `textarea` fields (long text such as a transcript) get no column: a table cell can only show a truncated fragment.\n */\nexport function fieldColumnsOf(rows: readonly CompositeRow[], kinds: readonly { id: string }[]): FieldColumn[] {\n  const firstRowOfKind = new Map<string, CompositeRow>()\n  for (const row of rows) if (!firstRowOfKind.has(row.kind)) firstRowOfKind.set(row.kind, row)\n  const seen = new Map<string, FieldColumn>()\n  for (const kind of kinds) {\n    for (const field of firstRowOfKind.get(kind.id)?.fields ?? []) {\n      if (field.type === 'textarea' || seen.has(field.key)) continue\n      seen.set(field.key, {\n        id: `${FIELD_PREFIX}${field.key}`,\n        label: field.label,\n        align: field.type === 'number' ? 'end' : undefined,\n        sort: row => fieldSort(row, field.key),\n        field,\n      })\n    }\n  }\n  return [...seen.values()]\n}\n\n/** All columns: title and kind, then the field columns, then tags and summary. */\nexport function columnSpecsOf(fieldColumns: readonly FieldColumn[], t: Translate): ColumnSpec[] {\n  return [\n    { id: 'title', label: t('composites.table.column.composite'), sort: row => row.title.trim() || null },\n    { id: 'kind', label: t('composites.table.column.kind'), sort: row => row.kindLabel },\n    ...fieldColumns,\n    { id: 'tags', label: t('composites.table.column.tags'), sort: row => row.tags.join(', ') || null },\n    // Never empty: absence is a value here, so descending puts the summarized Bausteine first.\n    { id: 'summary', label: t('composites.table.column.summary'), sort: row => (row.description.trim() ? 1 : 0) },\n  ]\n}\n\n/** `rows` ordered by `sort`, descending when `desc`; empty values last whatever the direction. */\nexport function sortRows(rows: readonly CompositeRow[], sort: ColumnSpec['sort'], desc: boolean): CompositeRow[] {\n  const factor = desc ? -1 : 1\n  return [...rows].sort((a, b) => {\n    const x = sort(a)\n    const y = sort(b)\n    if (x === null || y === null) return x === y ? 0 : x === null ? 1 : -1\n    if (typeof x === 'number' && typeof y === 'number') return (x - y) * factor\n    return collator.compare(String(x), String(y)) * factor\n  })\n}\n\n/** `list` with `value` added, or removed when present. Pure: returns the new list, the caller assigns it. */\nexport function toggled(list: readonly string[], value: string): string[] {\n  return list.includes(value) ? list.filter(item => item !== value) : [...list, value]\n}\n\nexport const hasText = (value: string) => value.trim() !== ''\n\n/** Long text fields show a truncated fragment in a cell, with the full text as its title. */\nexport const isLongText = (field: CompositeMetaField) => field.type === 'text' || field.type === 'textarea'\n"],"mappings":"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"}

package/dist/features/composites/tree-root.d.ts

@@ -0,0 +1,11 @@
+import { MessageKey } from "../../i18n/index.js";
+import { TreeRoot } from "../../settings/values.js";
+import "../../settings/index.js";
+//#region src/features/composites/tree-root.d.ts
+/** Message keys of the labels of the settings radio; resolve them with `t`. */
+export declare const TREE_ROOT_KEYS: Record<TreeRoot, {
+  labelKey: MessageKey;
+  descriptionKey: MessageKey;
+}>;
+//#endregion
+//# sourceMappingURL=tree-root.d.ts.map

package/dist/features/composites/tree-root.js

@@ -0,0 +1,16 @@
+//#region src/features/composites/tree-root.ts
+/** Message keys of the labels of the settings radio; resolve them with `t`. */
+const TREE_ROOT_KEYS = {
+	folders: {
+		labelKey: "composites.settings.treeRoot.folders.label",
+		descriptionKey: "composites.settings.treeRoot.folders.description"
+	},
+	file: {
+		labelKey: "composites.settings.treeRoot.file.label",
+		descriptionKey: "composites.settings.treeRoot.file.description"
+	}
+};
+//#endregion
+export { TREE_ROOT_KEYS };
+
+//# sourceMappingURL=tree-root.js.map

package/dist/features/composites/tree-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-root.js","names":[],"sources":["../../../src/features/composites/tree-root.ts"],"sourcesContent":["import type { MessageKey } from '../../i18n'\nimport type { TreeRoot } from '../../settings'\n\n/** Message keys of the labels of the settings radio; resolve them with `t`. */\nexport const TREE_ROOT_KEYS: Record<TreeRoot, { labelKey: MessageKey, descriptionKey: MessageKey }> = {\n  folders: { labelKey: 'composites.settings.treeRoot.folders.label', descriptionKey: 'composites.settings.treeRoot.folders.description' },\n  file: { labelKey: 'composites.settings.treeRoot.file.label', descriptionKey: 'composites.settings.treeRoot.file.description' },\n}\n"],"mappings":";;AAIA,MAAa,iBAAyF;CACpG,SAAS;EAAE,UAAU;EAA8C,gBAAgB;CAAmD;CACtI,MAAM;EAAE,UAAU;EAA2C,gBAAgB;CAAgD;AAC/H"}

package/dist/features/composites/use-composite-anchors.d.ts

@@ -0,0 +1,18 @@
+import { CompositeRow } from "./rows.js";
+import { CompositeAnchor, CompositeFrame } from "./anchors.js";
+import { MaybeRefOrGetter } from "vue";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/use-composite-anchors.d.ts
+/**
+ * Measures the title line and box of every row's composite, relative to the editor's scroll container (`host`), kept
+ * current after transactions, resizes and row changes (see `observeCompositeAnchors`). An overlay teleported into `host`
+ * and positioned `absolute` from these numbers scrolls with the document and needs no scroll listener. Anchors are
+ * empty while the editor is not laid out (hidden by a table view, say).
+ */
+export declare function useCompositeAnchors(editor: MaybeRefOrGetter<Editor | undefined>, rows: MaybeRefOrGetter<readonly CompositeRow[]>): {
+  host: Readonly<import("vue").Ref<HTMLElement | null, HTMLElement | null>>;
+  anchors: Readonly<import("vue").Ref<ReadonlyMap<string, CompositeAnchor>, ReadonlyMap<string, CompositeAnchor>>>;
+  frame: Readonly<import("vue").Ref<CompositeFrame | null, CompositeFrame | null>>;
+};
+//#endregion
+//# sourceMappingURL=use-composite-anchors.d.ts.map

package/dist/features/composites/use-composite-anchors.js

@@ -0,0 +1,42 @@
+import { createStore } from "../../core/store.js";
+import { observeCompositeAnchors } from "./anchors.js";
+import { useStoreRef } from "../../vue/store-ref.js";
+import { shallowRef, toValue, watch } from "vue";
+//#region src/features/composites/use-composite-anchors.ts
+/** What the refs show while no editor is observed. */
+const NO_HOST = createStore(null);
+const NO_ANCHORS = createStore(/* @__PURE__ */ new Map());
+const NO_FRAME = createStore(null);
+/**
+* Measures the title line and box of every row's composite, relative to the editor's scroll container (`host`), kept
+* current after transactions, resizes and row changes (see `observeCompositeAnchors`). An overlay teleported into `host`
+* and positioned `absolute` from these numbers scrolls with the document and needs no scroll listener. Anchors are
+* empty while the editor is not laid out (hidden by a table view, say).
+*/
+function useCompositeAnchors(editor, rows) {
+	const model = shallowRef();
+	const host = useStoreRef(() => model.value?.host ?? NO_HOST);
+	const anchors = useStoreRef(() => model.value?.anchors ?? NO_ANCHORS);
+	const frame = useStoreRef(() => model.value?.frame ?? NO_FRAME);
+	watch(() => toValue(editor), (instance, _previous, onCleanup) => {
+		const next = observeCompositeAnchors(instance, () => toValue(rows));
+		model.value = next;
+		onCleanup(() => {
+			next.dispose();
+			model.value = void 0;
+		});
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	watch(() => toValue(rows), () => model.value?.refresh(), { flush: "post" });
+	return {
+		host,
+		anchors,
+		frame
+	};
+}
+//#endregion
+export { useCompositeAnchors };
+
+//# sourceMappingURL=use-composite-anchors.js.map

package/dist/features/composites/use-composite-anchors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composite-anchors.js","names":[],"sources":["../../../src/features/composites/use-composite-anchors.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type MaybeRefOrGetter, shallowRef, toValue, watch } from 'vue'\nimport { createStore } from '../../core/store'\nimport { useStoreRef } from '../../vue/store-ref'\nimport { type CompositeAnchor, type CompositeAnchorsHandle, type CompositeFrame, observeCompositeAnchors } from './anchors'\nimport type { CompositeRow } from './rows'\n\n/** What the refs show while no editor is observed. */\nconst NO_HOST = createStore<HTMLElement | null>(null)\nconst NO_ANCHORS = createStore<ReadonlyMap<string, CompositeAnchor>>(new Map())\nconst NO_FRAME = createStore<CompositeFrame | null>(null)\n\n/**\n * Measures the title line and box of every row's composite, relative to the editor's scroll container (`host`), kept\n * current after transactions, resizes and row changes (see `observeCompositeAnchors`). An overlay teleported into `host`\n * and positioned `absolute` from these numbers scrolls with the document and needs no scroll listener. Anchors are\n * empty while the editor is not laid out (hidden by a table view, say).\n */\nexport function useCompositeAnchors(editor: MaybeRefOrGetter<Editor | undefined>, rows: MaybeRefOrGetter<readonly CompositeRow[]>) {\n  const model = shallowRef<CompositeAnchorsHandle>()\n  const host = useStoreRef(() => model.value?.host ?? NO_HOST)\n  const anchors = useStoreRef(() => model.value?.anchors ?? NO_ANCHORS)\n  const frame = useStoreRef(() => model.value?.frame ?? NO_FRAME)\n\n  watch(() => toValue(editor), (instance, _previous, onCleanup) => {\n    const next = observeCompositeAnchors(instance, () => toValue(rows))\n    model.value = next\n    onCleanup(() => {\n      next.dispose()\n      model.value = undefined\n    })\n  }, { immediate: true, flush: 'post' })\n  watch(() => toValue(rows), () => model.value?.refresh(), { flush: 'post' })\n\n  return { host, anchors, frame }\n}\n"],"mappings":";;;;;;AAQA,MAAM,UAAU,YAAgC,IAAI;AACpD,MAAM,aAAa,4BAAkD,IAAI,IAAI,CAAC;AAC9E,MAAM,WAAW,YAAmC,IAAI;;;;;;;AAQxD,SAAgB,oBAAoB,QAA8C,MAAiD;CACjI,MAAM,QAAQ,WAAmC;CACjD,MAAM,OAAO,kBAAkB,MAAM,OAAO,QAAQ,OAAO;CAC3D,MAAM,UAAU,kBAAkB,MAAM,OAAO,WAAW,UAAU;CACpE,MAAM,QAAQ,kBAAkB,MAAM,OAAO,SAAS,QAAQ;CAE9D,YAAY,QAAQ,MAAM,IAAI,UAAU,WAAW,cAAc;EAC/D,MAAM,OAAO,wBAAwB,gBAAgB,QAAQ,IAAI,CAAC;EAClE,MAAM,QAAQ;EACd,gBAAgB;GACd,KAAK,QAAQ;GACb,MAAM,QAAQ,KAAA;EAChB,CAAC;CACH,GAAG;EAAE,WAAW;EAAM,OAAO;CAAO,CAAC;CACrC,YAAY,QAAQ,IAAI,SAAS,MAAM,OAAO,QAAQ,GAAG,EAAE,OAAO,OAAO,CAAC;CAE1E,OAAO;EAAE;EAAM;EAAS;CAAM;AAChC"}

package/dist/features/composites/use-composite-rows.d.ts

@@ -0,0 +1,25 @@
+import { CompositeMention, CompositeRow } from "./rows.js";
+import { CompositeKindCount } from "./rows-model.js";
+import { ComputedRef, MaybeRefOrGetter } from "vue";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/use-composite-rows.d.ts
+/** The live metadata read model of an editor's document as Vue refs (see `useCompositeRows`). */
+export interface CompositeRowsModel {
+  /** Every composite in document order. */
+  rows: ComputedRef<readonly CompositeRow[]>;
+  /** Distinct tags of all composites, sorted (German collation). */
+  tags: ComputedRef<readonly string[]>;
+  /** Kinds in use with their counts: configured kinds in their configured order, then unknown ones in order of appearance. */
+  kinds: ComputedRef<readonly CompositeKindCount[]>;
+  /** Distinct `@mention` chips of the document. */
+  mentions: ComputedRef<readonly CompositeMention[]>;
+  /** The innermost composite around the selection head, `null` outside of any. */
+  focused: ComputedRef<CompositeRow | null>;
+}
+/**
+ * The composites of `editor`'s document as rows, kept current (see `createCompositeRows`). Follows the editor when the
+ * source changes; a missing editor yields empty lists. Use the `setComposite*` helpers to write.
+ */
+export declare function useCompositeRows(editor: MaybeRefOrGetter<Editor | undefined>): CompositeRowsModel;
+//#endregion
+//# sourceMappingURL=use-composite-rows.d.ts.map

package/dist/features/composites/use-composite-rows.js

@@ -0,0 +1,28 @@
+import { createCompositeRows } from "./rows-model.js";
+import { useStoreRef } from "../../vue/store-ref.js";
+import { computed, shallowRef, toValue, watch } from "vue";
+//#region src/features/composites/use-composite-rows.ts
+/**
+* The composites of `editor`'s document as rows, kept current (see `createCompositeRows`). Follows the editor when the
+* source changes; a missing editor yields empty lists. Use the `setComposite*` helpers to write.
+*/
+function useCompositeRows(editor) {
+	const model = shallowRef(createCompositeRows(void 0));
+	const state = useStoreRef(() => model.value.state);
+	watch(() => toValue(editor), (instance, _previous, onCleanup) => {
+		const next = createCompositeRows(instance);
+		model.value = next;
+		onCleanup(() => next.dispose());
+	}, { immediate: true });
+	return {
+		rows: computed(() => state.value.rows),
+		tags: computed(() => state.value.tags),
+		kinds: computed(() => state.value.kinds),
+		mentions: computed(() => state.value.mentions),
+		focused: computed(() => state.value.focused)
+	};
+}
+//#endregion
+export { useCompositeRows };
+
+//# sourceMappingURL=use-composite-rows.js.map

package/dist/features/composites/use-composite-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composite-rows.js","names":[],"sources":["../../../src/features/composites/use-composite-rows.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { computed, type ComputedRef, type MaybeRefOrGetter, shallowRef, toValue, watch } from 'vue'\nimport { useStoreRef } from '../../vue/store-ref'\nimport type { CompositeMention, CompositeRow } from './rows'\nimport { type CompositeKindCount, createCompositeRows } from './rows-model'\n\n/** The live metadata read model of an editor's document as Vue refs (see `useCompositeRows`). */\nexport interface CompositeRowsModel {\n  /** Every composite in document order. */\n  rows: ComputedRef<readonly CompositeRow[]>\n  /** Distinct tags of all composites, sorted (German collation). */\n  tags: ComputedRef<readonly string[]>\n  /** Kinds in use with their counts: configured kinds in their configured order, then unknown ones in order of appearance. */\n  kinds: ComputedRef<readonly CompositeKindCount[]>\n  /** Distinct `@mention` chips of the document. */\n  mentions: ComputedRef<readonly CompositeMention[]>\n  /** The innermost composite around the selection head, `null` outside of any. */\n  focused: ComputedRef<CompositeRow | null>\n}\n\n/**\n * The composites of `editor`'s document as rows, kept current (see `createCompositeRows`). Follows the editor when the\n * source changes; a missing editor yields empty lists. Use the `setComposite*` helpers to write.\n */\nexport function useCompositeRows(editor: MaybeRefOrGetter<Editor | undefined>): CompositeRowsModel {\n  const model = shallowRef(createCompositeRows(undefined))\n  const state = useStoreRef(() => model.value.state)\n\n  watch(() => toValue(editor), (instance, _previous, onCleanup) => {\n    const next = createCompositeRows(instance)\n    model.value = next\n    onCleanup(() => next.dispose())\n  }, { immediate: true })\n\n  return {\n    rows: computed(() => state.value.rows),\n    tags: computed(() => state.value.tags),\n    kinds: computed(() => state.value.kinds),\n    mentions: computed(() => state.value.mentions),\n    focused: computed(() => state.value.focused),\n  }\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,iBAAiB,QAAkE;CACjG,MAAM,QAAQ,WAAW,oBAAoB,KAAA,CAAS,CAAC;CACvD,MAAM,QAAQ,kBAAkB,MAAM,MAAM,KAAK;CAEjD,YAAY,QAAQ,MAAM,IAAI,UAAU,WAAW,cAAc;EAC/D,MAAM,OAAO,oBAAoB,QAAQ;EACzC,MAAM,QAAQ;EACd,gBAAgB,KAAK,QAAQ,CAAC;CAChC,GAAG,EAAE,WAAW,KAAK,CAAC;CAEtB,OAAO;EACL,MAAM,eAAe,MAAM,MAAM,IAAI;EACrC,MAAM,eAAe,MAAM,MAAM,IAAI;EACrC,OAAO,eAAe,MAAM,MAAM,KAAK;EACvC,UAAU,eAAe,MAAM,MAAM,QAAQ;EAC7C,SAAS,eAAe,MAAM,MAAM,OAAO;CAC7C;AACF"}

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

@@ -0,0 +1,23 @@
+import { VueFeature } from "../../vue/index.js";
+import { CompositeFeatureOptions } from "./feature.js";
+import _default from "./components/CompositeChrome.vue.js";
+import _default$1 from "./components/CompositeDetails.vue.js";
+import _default$2 from "./components/CompositeFieldEditor.vue.js";
+import _default$3 from "./components/CompositeInspector.vue.js";
+import _default$4 from "./components/CompositeStatusMenu.vue.js";
+import _default$5 from "./components/CompositeSummaryEditor.vue.js";
+import _default$6 from "./components/CompositeTable.vue.js";
+import _default$7 from "./components/CompositeTagsEditor.vue.js";
+import _default$8 from "./components/CompositeView.vue.js";
+import _default$9 from "./components/SettingsEditingTab.vue.js";
+import { useCompositeAnchors } from "./use-composite-anchors.js";
+import { CompositeRowsModel, useCompositeRows } from "./use-composite-rows.js";
+//#region src/features/composites/vue.d.ts
+/**
+ * The Vue composites feature (Nuxt UI): see `compositeFeatureCore`. The host places `CompositeTable` and
+ * `CompositeInspector` beside the editor.
+ */
+export declare function compositeFeature(options?: CompositeFeatureOptions): VueFeature;
+//#endregion
+export { _default as CompositeChrome, _default$1 as CompositeDetails, _default$2 as CompositeFieldEditor, _default$3 as CompositeInspector, type CompositeRowsModel, _default$4 as CompositeStatusMenu, _default$5 as CompositeSummaryEditor, _default$6 as CompositeTable, _default$7 as CompositeTagsEditor, _default$8 as CompositeView, _default$9 as SettingsEditingTab, useCompositeAnchors, useCompositeRows };
+//# sourceMappingURL=vue.d.ts.map

package/dist/features/composites/vue.js

@@ -0,0 +1,30 @@
+import { compositeFeatureCore } from "./feature.js";
+import { useCompositeAnchors } from "./use-composite-anchors.js";
+import { useCompositeRows } from "./use-composite-rows.js";
+import _sfc_main$2 from "./components/CompositeFieldEditor.js";
+import _sfc_main$5 from "./components/CompositeSummaryEditor.js";
+import _sfc_main$1 from "./components/CompositeDetails.js";
+import _sfc_main$4 from "./components/CompositeStatusMenu.js";
+import _sfc_main$7 from "./components/CompositeTagsEditor.js";
+import _sfc_main from "./components/CompositeChrome.js";
+import _sfc_main$8 from "./components/CompositeView.js";
+import _sfc_main$9 from "./components/SettingsEditingTab.js";
+import _sfc_main$3 from "./components/CompositeInspector.js";
+import _sfc_main$6 from "./components/CompositeTable.js";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+//#region src/features/composites/vue.ts
+/**
+* The Vue composites feature (Nuxt UI): see `compositeFeatureCore`. The host places `CompositeTable` and
+* `CompositeInspector` beside the editor.
+*/
+function compositeFeature(options = {}) {
+	return compositeFeatureCore({
+		chrome: _sfc_main,
+		settingsTab: _sfc_main$9,
+		nodeViews: { composite: VueNodeViewRenderer(_sfc_main$8) }
+	}, options);
+}
+//#endregion
+export { _sfc_main as CompositeChrome, _sfc_main$1 as CompositeDetails, _sfc_main$2 as CompositeFieldEditor, _sfc_main$3 as CompositeInspector, _sfc_main$4 as CompositeStatusMenu, _sfc_main$5 as CompositeSummaryEditor, _sfc_main$6 as CompositeTable, _sfc_main$7 as CompositeTagsEditor, _sfc_main$8 as CompositeView, _sfc_main$9 as SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
+
+//# sourceMappingURL=vue.js.map

package/dist/features/composites/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","names":["CompositeChrome","SettingsEditingTab","CompositeView"],"sources":["../../../src/features/composites/vue.ts"],"sourcesContent":["import { VueNodeViewRenderer } from '@tiptap/vue-3'\nimport type { Component } from 'vue'\nimport type { VueFeature } from '../../vue'\nimport CompositeChrome from './components/CompositeChrome.vue'\nimport CompositeView from './components/CompositeView.vue'\nimport SettingsEditingTab from './components/SettingsEditingTab.vue'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\n\nexport { default as CompositeChrome } from './components/CompositeChrome.vue'\nexport { default as CompositeDetails } from './components/CompositeDetails.vue'\nexport { default as CompositeFieldEditor } from './components/CompositeFieldEditor.vue'\nexport { default as CompositeInspector } from './components/CompositeInspector.vue'\nexport { default as CompositeStatusMenu } from './components/CompositeStatusMenu.vue'\nexport { default as CompositeSummaryEditor } from './components/CompositeSummaryEditor.vue'\nexport { default as CompositeTable } from './components/CompositeTable.vue'\nexport { default as CompositeTagsEditor } from './components/CompositeTagsEditor.vue'\nexport { default as CompositeView } from './components/CompositeView.vue'\nexport { default as SettingsEditingTab } from './components/SettingsEditingTab.vue'\nexport { useCompositeAnchors } from './use-composite-anchors'\nexport { type CompositeRowsModel, useCompositeRows } from './use-composite-rows'\n\n/**\n * The Vue composites feature (Nuxt UI): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): VueFeature {\n  return compositeFeatureCore<Component>({\n    chrome: CompositeChrome,\n    settingsTab: SettingsEditingTab,\n    nodeViews: { composite: VueNodeViewRenderer(CompositeView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,iBAAiB,UAAmC,CAAC,GAAe;CAClF,OAAO,qBAAgC;EACrC,QAAQA;EACR,aAAaC;EACb,WAAW,EAAE,WAAW,oBAAoBC,WAAa,EAAE;CAC7D,GAAG,OAAO;AACZ"}

package/dist/features/media/assets.d.ts

@@ -0,0 +1,30 @@
+//#region src/features/media/assets.d.ts
+/** One stored file of a document; `name` is the file name inside the package's `assets/` directory. */
+export interface AssetRecord {
+  name: string;
+  /** Original file name as uploaded (shown in downloads). */
+  filename: string;
+  mimeType: string;
+  size: number;
+  createdAt: string;
+}
+/** `assets.json` of a document package. */
+export interface AssetManifest {
+  version: 1;
+  assets: Record<string, AssetRecord>;
+}
+/** `<uuid>.<ext>`: the random name an upload is stored under. */
+export declare const ASSET_NAME: RegExp;
+/** Document ids the asset endpoints accept (host document uuids, or `SCRATCH_DOCUMENT_ID`). */
+export declare const ASSET_DOCUMENT_ID: RegExp;
+/** Owner of uploads made by editors that are not bound to a stored document (e.g. the playground). */
+export declare const SCRATCH_DOCUMENT_ID = "scratch";
+/** URL of asset `name` of document `documentId`. */
+export declare function assetUrl(documentId: string, name: string): string;
+/** Parses an asset URL (as embedded in `src` attributes); null for anything else. */
+export declare function assetRefOf(src: string): {
+  documentId: string;
+  name: string;
+} | null;
+//#endregion
+//# sourceMappingURL=assets.d.ts.map

package/dist/features/media/assets.js

@@ -0,0 +1,26 @@
+//#region src/features/media/assets.ts
+/** `<uuid>.<ext>`: the random name an upload is stored under. */
+const ASSET_NAME = /^[0-9a-f-]{36}\.[a-z0-9]{1,8}$/;
+/** Document ids the asset endpoints accept (host document uuids, or `SCRATCH_DOCUMENT_ID`). */
+const ASSET_DOCUMENT_ID = /^[A-Za-z0-9_-]{1,64}$/;
+/** Owner of uploads made by editors that are not bound to a stored document (e.g. the playground). */
+const SCRATCH_DOCUMENT_ID = "scratch";
+const ASSET_URL_PREFIX = "/api/editor/assets/";
+/** URL of asset `name` of document `documentId`. */
+function assetUrl(documentId, name) {
+	return `${ASSET_URL_PREFIX}${documentId}/${name}`;
+}
+/** Parses an asset URL (as embedded in `src` attributes); null for anything else. */
+function assetRefOf(src) {
+	if (!src.startsWith(ASSET_URL_PREFIX)) return null;
+	const [documentId, name, ...rest] = src.slice(19).split("/");
+	if (rest.length || !documentId || !name || !ASSET_DOCUMENT_ID.test(documentId) || !ASSET_NAME.test(name)) return null;
+	return {
+		documentId,
+		name
+	};
+}
+//#endregion
+export { ASSET_DOCUMENT_ID, ASSET_NAME, SCRATCH_DOCUMENT_ID, assetRefOf, assetUrl };
+
+//# sourceMappingURL=assets.js.map

package/dist/features/media/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","names":[],"sources":["../../../src/features/media/assets.ts"],"sourcesContent":["// Vue-free and server-importable: the asset endpoints, the host store and the client all agree on these shapes.\n// Every uploaded file belongs to one document (a package directory in the host's store) and is addressed by\n// `/api/editor/assets/<documentId>/<name>`.\n\n/** One stored file of a document; `name` is the file name inside the package's `assets/` directory. */\nexport interface AssetRecord {\n  name: string\n  /** Original file name as uploaded (shown in downloads). */\n  filename: string\n  mimeType: string\n  size: number\n  createdAt: string\n}\n\n/** `assets.json` of a document package. */\nexport interface AssetManifest {\n  version: 1\n  assets: Record<string, AssetRecord>\n}\n\n/** `<uuid>.<ext>`: the random name an upload is stored under. */\nexport const ASSET_NAME = /^[0-9a-f-]{36}\\.[a-z0-9]{1,8}$/\n\n/** Document ids the asset endpoints accept (host document uuids, or `SCRATCH_DOCUMENT_ID`). */\nexport const ASSET_DOCUMENT_ID = /^[A-Za-z0-9_-]{1,64}$/\n\n/** Owner of uploads made by editors that are not bound to a stored document (e.g. the playground). */\nexport const SCRATCH_DOCUMENT_ID = 'scratch'\n\nconst ASSET_URL_PREFIX = '/api/editor/assets/'\n\n/** URL of asset `name` of document `documentId`. */\nexport function assetUrl(documentId: string, name: string): string {\n  return `${ASSET_URL_PREFIX}${documentId}/${name}`\n}\n\n/** Parses an asset URL (as embedded in `src` attributes); null for anything else. */\nexport function assetRefOf(src: string): { documentId: string, name: string } | null {\n  if (!src.startsWith(ASSET_URL_PREFIX)) return null\n  const [documentId, name, ...rest] = src.slice(ASSET_URL_PREFIX.length).split('/')\n  if (rest.length || !documentId || !name || !ASSET_DOCUMENT_ID.test(documentId) || !ASSET_NAME.test(name)) return null\n  return { documentId, name }\n}\n"],"mappings":";;AAqBA,MAAa,aAAa;;AAG1B,MAAa,oBAAoB;;AAGjC,MAAa,sBAAsB;AAEnC,MAAM,mBAAmB;;AAGzB,SAAgB,SAAS,YAAoB,MAAsB;CACjE,OAAO,GAAG,mBAAmB,WAAW,GAAG;AAC7C;;AAGA,SAAgB,WAAW,KAA0D;CACnF,IAAI,CAAC,IAAI,WAAW,gBAAgB,GAAG,OAAO;CAC9C,MAAM,CAAC,YAAY,MAAM,GAAG,QAAQ,IAAI,MAAM,EAAuB,CAAC,CAAC,MAAM,GAAG;CAChF,IAAI,KAAK,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,kBAAkB,KAAK,UAAU,KAAK,CAAC,WAAW,KAAK,IAAI,GAAG,OAAO;CACjH,OAAO;EAAE;EAAY;CAAK;AAC5B"}

package/dist/features/media/audio-recorder.d.ts

@@ -0,0 +1,25 @@
+import { ReadonlyStore } from "../../core/store.js";
+//#region src/features/media/audio-recorder.d.ts
+/** `denied`: the microphone permission was refused; `unsupported`: no microphone or `MediaRecorder` in this browser. */
+export type AudioRecorderStatus = 'idle' | 'recording' | 'denied' | 'unsupported';
+/** What the recorder shows: its status and the whole seconds recorded so far. */
+export interface AudioRecorderState {
+  status: AudioRecorderStatus;
+  seconds: number;
+}
+/** The recorder's handle: observe `state`, then `start`, and `stop` (the file) or `cancel`. */
+export interface AudioRecorder {
+  state: ReadonlyStore<AudioRecorderState>;
+  /** Asks for the microphone and starts recording; `denied`/`unsupported` instead when that fails. Other errors throw. */
+  start(): Promise<void>;
+  /** Ends the recording; the recorded file, null when nothing was recorded. */
+  stop(): Promise<File | null>;
+  /** Ends the recording (or a pending microphone request) and discards it. */
+  cancel(): void;
+  /** Releases the microphone and the timer (a `cancel`); idempotent. The bindings call it when their scope ends. */
+  dispose(): void;
+}
+/** Records audio from the microphone in the browser (MediaRecorder). Framework-free; call `dispose()` when done. */
+export declare function createAudioRecorder(): AudioRecorder;
+//#endregion
+//# sourceMappingURL=audio-recorder.d.ts.map

package/dist/features/media/audio-recorder.js

@@ -0,0 +1,123 @@
+import { createStore } from "../../core/store.js";
+import { MEDIA_TYPES } from "./schema.js";
+//#region src/features/media/audio-recorder.ts
+/** Upload types tried in order; the first one this browser can record wins (Chrome/Firefox: WebM, Safari: MP4). */
+const RECORDING_TYPES = [
+	"audio/webm",
+	"audio/mp4",
+	"audio/ogg"
+];
+/** Records audio from the microphone in the browser (MediaRecorder). Framework-free; call `dispose()` when done. */
+function createAudioRecorder() {
+	const state = createStore({
+		status: "idle",
+		seconds: 0
+	});
+	let recording = null;
+	let requesting = false;
+	let attempt = 0;
+	const setStatus = (status) => state.set({
+		...state.get(),
+		status
+	});
+	/** Stops recorder, timer and microphone; returns what was being recorded. */
+	function end() {
+		const current = recording;
+		recording = null;
+		if (!current) return null;
+		clearInterval(current.timer);
+		if (current.recorder.state !== "inactive") current.recorder.stop();
+		for (const track of current.stream.getTracks()) track.stop();
+		return current;
+	}
+	async function start() {
+		if (recording || requesting) return;
+		const type = "MediaRecorder" in window ? RECORDING_TYPES.find((t) => MediaRecorder.isTypeSupported(t)) : void 0;
+		if (!type || !navigator.mediaDevices?.getUserMedia) {
+			setStatus("unsupported");
+			return;
+		}
+		const current = ++attempt;
+		requesting = true;
+		let stream;
+		try {
+			stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+		} catch (error) {
+			if (current !== attempt) return;
+			if (error instanceof DOMException && error.name === "NotAllowedError") {
+				setStatus("denied");
+				return;
+			}
+			throw error;
+		} finally {
+			requesting = false;
+		}
+		const tracks = stream.getTracks();
+		if (current !== attempt) {
+			for (const track of tracks) track.stop();
+			return;
+		}
+		let recorder;
+		try {
+			recorder = new MediaRecorder(stream, { mimeType: type });
+		} catch (error) {
+			for (const track of tracks) track.stop();
+			throw error;
+		}
+		const parts = [];
+		recorder.addEventListener("dataavailable", (event) => {
+			if (event.data.size) parts.push(event.data);
+		});
+		recorder.start();
+		const startedAt = Date.now();
+		const timer = window.setInterval(() => {
+			state.set({
+				...state.get(),
+				seconds: Math.floor((Date.now() - startedAt) / 1e3)
+			});
+		}, 1e3);
+		recording = {
+			recorder,
+			stream,
+			type,
+			parts,
+			timer
+		};
+		state.set({
+			status: "recording",
+			seconds: 0
+		});
+	}
+	async function stop() {
+		const current = recording;
+		if (!current) return null;
+		const { promise: stopped, resolve } = Promise.withResolvers();
+		if (current.recorder.state === "inactive") resolve();
+		else current.recorder.addEventListener("stop", () => resolve(), { once: true });
+		end();
+		setStatus("idle");
+		await stopped;
+		if (!current.parts.length) return null;
+		const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/[T:]/g, "-");
+		return new File(current.parts, `aufnahme-${stamp}.${MEDIA_TYPES[current.type].ext}`, { type: current.type });
+	}
+	function cancel() {
+		attempt++;
+		end();
+		state.set({
+			status: "idle",
+			seconds: 0
+		});
+	}
+	return {
+		state,
+		start,
+		stop,
+		cancel,
+		dispose: cancel
+	};
+}
+//#endregion
+export { createAudioRecorder };
+
+//# sourceMappingURL=audio-recorder.js.map

package/dist/features/media/audio-recorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-recorder.js","names":[],"sources":["../../../src/features/media/audio-recorder.ts"],"sourcesContent":["import { createStore, type ReadonlyStore } from '../../core/store'\nimport { MEDIA_TYPES } from './schema'\n\n/** `denied`: the microphone permission was refused; `unsupported`: no microphone or `MediaRecorder` in this browser. */\nexport type AudioRecorderStatus = 'idle' | 'recording' | 'denied' | 'unsupported'\n\n/** What the recorder shows: its status and the whole seconds recorded so far. */\nexport interface AudioRecorderState {\n  status: AudioRecorderStatus\n  seconds: number\n}\n\n/** The recorder's handle: observe `state`, then `start`, and `stop` (the file) or `cancel`. */\nexport interface AudioRecorder {\n  state: ReadonlyStore<AudioRecorderState>\n  /** Asks for the microphone and starts recording; `denied`/`unsupported` instead when that fails. Other errors throw. */\n  start(): Promise<void>\n  /** Ends the recording; the recorded file, null when nothing was recorded. */\n  stop(): Promise<File | null>\n  /** Ends the recording (or a pending microphone request) and discards it. */\n  cancel(): void\n  /** Releases the microphone and the timer (a `cancel`); idempotent. The bindings call it when their scope ends. */\n  dispose(): void\n}\n\n/** Upload types tried in order; the first one this browser can record wins (Chrome/Firefox: WebM, Safari: MP4). */\nconst RECORDING_TYPES = ['audio/webm', 'audio/mp4', 'audio/ogg']\n\ninterface Recording {\n  recorder: MediaRecorder\n  stream: MediaStream\n  type: string\n  parts: Blob[]\n  timer: number\n}\n\n/** Records audio from the microphone in the browser (MediaRecorder). Framework-free; call `dispose()` when done. */\nexport function createAudioRecorder(): AudioRecorder {\n  const state = createStore<AudioRecorderState>({ status: 'idle', seconds: 0 })\n  let recording: Recording | null = null\n  let requesting = false\n  // Bumped by cancel(): a start() still waiting for the microphone permission then drops the stream it gets.\n  let attempt = 0\n\n  const setStatus = (status: AudioRecorderStatus) => state.set({ ...state.get(), status })\n\n  /** Stops recorder, timer and microphone; returns what was being recorded. */\n  function end(): Recording | null {\n    const current = recording\n    recording = null\n    if (!current) return null\n    clearInterval(current.timer)\n    if (current.recorder.state !== 'inactive') current.recorder.stop()\n    for (const track of current.stream.getTracks()) track.stop()\n    return current\n  }\n\n  async function start() {\n    if (recording || requesting) return\n    const type = 'MediaRecorder' in window ? RECORDING_TYPES.find(t => MediaRecorder.isTypeSupported(t)) : undefined\n    // `mediaDevices` is missing outside secure contexts (plain http on a non-localhost host).\n    if (!type || !navigator.mediaDevices?.getUserMedia) {\n      setStatus('unsupported')\n      return\n    }\n    const current = ++attempt\n    requesting = true\n    let stream: MediaStream\n    try {\n      stream = await navigator.mediaDevices.getUserMedia({ audio: true })\n    } catch (error) {\n      if (current !== attempt) return\n      if (error instanceof DOMException && error.name === 'NotAllowedError') {\n        setStatus('denied')\n        return\n      }\n      throw error\n    } finally {\n      requesting = false\n    }\n    const tracks = stream.getTracks()\n    if (current !== attempt) {\n      for (const track of tracks) track.stop()\n      return\n    }\n    let recorder: MediaRecorder\n    try {\n      recorder = new MediaRecorder(stream, { mimeType: type })\n    } catch (error) {\n      for (const track of tracks) track.stop()\n      throw error\n    }\n    const parts: Blob[] = []\n    recorder.addEventListener('dataavailable', (event) => {\n      if (event.data.size) parts.push(event.data)\n    })\n    recorder.start()\n    const startedAt = Date.now()\n    const timer = window.setInterval(() => {\n      state.set({ ...state.get(), seconds: Math.floor((Date.now() - startedAt) / 1000) })\n    }, 1000)\n    recording = { recorder, stream, type, parts, timer }\n    state.set({ status: 'recording', seconds: 0 })\n  }\n\n  async function stop(): Promise<File | null> {\n    const current = recording\n    if (!current) return null\n    // The last `dataavailable` arrives right before `stop`. A recorder whose microphone went away has stopped already.\n    const { promise: stopped, resolve } = Promise.withResolvers<void>()\n    if (current.recorder.state === 'inactive') resolve()\n    else current.recorder.addEventListener('stop', () => resolve(), { once: true })\n    end()\n    setStatus('idle')\n    await stopped\n    if (!current.parts.length) return null\n    const stamp = new Date().toISOString().slice(0, 19).replace(/[T:]/g, '-')\n    return new File(current.parts, `aufnahme-${stamp}.${MEDIA_TYPES[current.type]!.ext}`, { type: current.type })\n  }\n\n  function cancel() {\n    attempt++\n    end()\n    state.set({ status: 'idle', seconds: 0 })\n  }\n\n  return { state, start, stop, cancel, dispose: cancel }\n}\n"],"mappings":"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"}

package/dist/features/media/components/AudioRecorderModal.js

@@ -0,0 +1,152 @@
+import { captureRange, releaseRanges, resolveRange } from "../../../core/doc-anchors.js";
+import { fetchErrorMessage } from "../../../core/fetch-error.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import "../upload.js";
+import { useNotifier } from "../../../vue/use-notifier.js";
+import { useAudioRecorder } from "../use-audio-recorder.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, toDisplayString, unref, withCtx } from "vue";
+//#region src/features/media/components/AudioRecorderModal.vue
+const _hoisted_1 = { class: "flex flex-col items-center gap-3 py-2" };
+const _hoisted_2 = {
+	key: 0,
+	class: "text-sm text-[var(--sk-danger)]"
+};
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = {
+	key: 0,
+	class: "size-2.5 animate-pulse rounded-full bg-[var(--sk-danger)]"
+};
+const _hoisted_5 = { class: "flex w-full justify-end gap-2" };
+/**
+* „Audio aufnehmen“, opened by `openAudioRecorder(editor)` (toolbar „Aufnahme“): records in the browser and imports the
+* file through `importFiles` (upload, wrapped by the pipeline's `wrapImport` stage) where the caret was when the modal opened.
+* Nothing enters the (possibly shared) document before the upload succeeded.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "AudioRecorderModal",
+	props: { editor: {} },
+	setup(__props) {
+		const props = __props;
+		const { Button: UButton, Modal: UModal } = useUiKit();
+		const { t } = useEditorI18n();
+		const notify = useNotifier(() => props.editor);
+		const { state, seconds, start, stop, cancel } = useAudioRecorder();
+		const open = ref(false);
+		/** Stopping, uploading and inserting a recording. */
+		const inserting = ref(false);
+		/** The recording once stopped; kept after a failed upload so „Erneut hochladen“ can retry it. */
+		const recorded = shallowRef(null);
+		let anchor = null;
+		const notice = computed(() => {
+			if (state.value === "denied") return t("media.recorder.denied");
+			if (state.value === "unsupported") return t("media.recorder.unsupported");
+			return null;
+		});
+		const clock = computed(() => `${String(Math.floor(seconds.value / 60)).padStart(2, "0")}:${String(seconds.value % 60).padStart(2, "0")}`);
+		function onTransaction({ transaction }) {
+			if (!transaction.getMeta("audioRecorderOpen") || open.value || !props.editor.isEditable) return;
+			const { head } = props.editor.state.selection;
+			anchor = captureRange(props.editor, {
+				from: head,
+				to: head
+			});
+			open.value = true;
+		}
+		props.editor.on("transaction", onTransaction);
+		async function record() {
+			try {
+				await start();
+			} catch (error) {
+				notify({
+					title: t("media.recorder.failed"),
+					description: fetchErrorMessage(error),
+					kind: "error"
+				});
+			}
+		}
+		async function insert() {
+			if (inserting.value) return;
+			inserting.value = true;
+			try {
+				const file = recorded.value ?? await stop();
+				if (!file) return;
+				recorded.value = file;
+				const pos = anchor ? resolveRange(props.editor.state, anchor)?.from : void 0;
+				if (!await props.editor.storage.media.importFiles(props.editor, [file], pos)) return;
+				if (!props.editor.isDestroyed) close();
+			} catch (error) {
+				notify({
+					title: t("media.recorder.failed"),
+					description: fetchErrorMessage(error),
+					kind: "error"
+				});
+			} finally {
+				inserting.value = false;
+			}
+		}
+		/** Ends the flow: discards a running or unsent recording and releases the caret anchor. */
+		function close() {
+			cancel();
+			recorded.value = null;
+			if (anchor) releaseRanges(props.editor, [anchor]);
+			anchor = null;
+			open.value = false;
+		}
+		onBeforeUnmount(() => {
+			props.editor.off("transaction", onTransaction);
+			if (anchor) releaseRanges(props.editor, [anchor]);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(UModal), {
+				open: open.value,
+				title: unref(t)("media.recorder.title"),
+				dismissible: !inserting.value,
+				close: { disabled: inserting.value },
+				"onUpdate:open": _cache[0] || (_cache[0] = (value) => {
+					if (!value) close();
+				})
+			}, {
+				body: withCtx(() => [createElementVNode("div", _hoisted_1, [notice.value ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(notice.value), 1)) : createCommentVNode("v-if", true), createElementVNode("div", {
+					class: normalizeClass(["flex items-center gap-2 font-mono text-3xl tabular-nums", unref(state) === "recording" ? "text-[var(--sk-fg-highlighted)]" : "text-[var(--sk-muted)]"]),
+					role: "timer",
+					"aria-label": unref(t)("media.recorder.duration")
+				}, [unref(state) === "recording" ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(clock.value), 1)], 10, _hoisted_3)])]),
+				footer: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(unref(UButton), {
+					label: unref(t)("media.recorder.cancel"),
+					color: "neutral",
+					variant: "ghost",
+					disabled: inserting.value,
+					onClick: close
+				}, null, 8, ["label", "disabled"]), unref(state) === "recording" || inserting.value ? (openBlock(), createBlock(unref(UButton), {
+					key: 0,
+					label: unref(t)("media.recorder.stopInsert"),
+					icon: "i-lucide-square",
+					loading: inserting.value,
+					onClick: insert
+				}, null, 8, ["label", "loading"])) : recorded.value ? (openBlock(), createBlock(unref(UButton), {
+					key: 1,
+					label: unref(t)("media.recorder.retry"),
+					icon: "i-lucide-upload",
+					onClick: insert
+				}, null, 8, ["label"])) : (openBlock(), createBlock(unref(UButton), {
+					key: 2,
+					label: unref(t)("media.recorder.start"),
+					icon: "i-lucide-mic",
+					disabled: unref(state) === "unsupported",
+					onClick: record
+				}, null, 8, ["label", "disabled"]))])]),
+				_: 1
+			}, 8, [
+				"open",
+				"title",
+				"dismissible",
+				"close"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=AudioRecorderModal.js.map