@malva-ui/editor 0.1.13 → 0.1.14

package/esm2022/lib/editor/editor.js

@@ -1,985 +0,0 @@
-import { LiveAnnouncer } from '@angular/cdk/a11y';
-import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, computed, contentChildren, DestroyRef, ElementRef, effect, forwardRef, inject, Injector, input, model, output, PLATFORM_ID, signal, viewChild, ViewEncapsulation, } from '@angular/core';
-import { Editor } from '@tiptap/core';
-import { MlvFade, MlvSpacer } from '@malva-ui/cdk/utils';
-import { MlvFormControlWrapper, MlvFormControlWrapperControl, MlvHint, MlvLabel, MlvMessage, MlvSignalFormControlBase, MLV_FORM_CONTROL, } from '@malva-ui/core/form-utils';
-import { MlvToolbar } from '@malva-ui/core/toolbar';
-import { MlvDivider } from '@malva-ui/core/divider';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MLV_EDITOR_OVERLAY_REGISTRY, MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_ROVING, MLV_EDITOR_TOOLBAR_REVISION, MLV_EDITOR_UPLOAD_ABORT_REGISTRY, MlvEditorOverlayRegistry, MlvEditorToolbarRevision, MlvEditorToolbarRovingRegistry, MlvEditorUploadAbortRegistry, } from '../editor-toolbar-context';
-import { MLV_EDITOR_DEFAULT_IMAGE_UPLOAD_OPTIONS, MLV_EDITOR_IMAGE_UPLOADER, } from '../editor.tokens';
-import { MLV_EDITOR_AI_CONTEXT, MLV_EDITOR_AI_INPUT_PROVIDER, MlvEditorAiContext, } from '../ai/editor-ai-context';
-import { editorValuesAreEquivalent, normalizeEditorValue, parseEditorJsonDocument, serializeEditorValue, } from '../editor-serialization';
-import { preflightMlvEditorExtensions } from '../editor-extension-preflight';
-import { mlvEditorDefaultExtensions } from '../extensions/editor-extensions';
-import { createMlvEditorImageUploadCoordinator, MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR, } from '../upload/editor-image-upload-coordinator';
-import { MlvEditorAlignment } from '../toolbar/editor-alignment';
-import { MlvEditorBlockInsert } from '../toolbar/editor-block-insert';
-import { MlvEditorHeading } from '../toolbar/editor-heading';
-import { MlvEditorHighlight } from '../toolbar/editor-highlight';
-import { MlvEditorInlineMarks } from '../toolbar/editor-inline-marks';
-import { MlvEditorList } from '../toolbar/editor-list';
-import { MlvEditorLink } from '../toolbar/editor-link';
-import { MlvEditorImageUpload, MlvEditorImageUploadStatus, } from '../toolbar/editor-image-upload';
-import { MlvEditorTable } from '../toolbar/editor-table';
-import { MlvEditorToolbarDef, MlvEditorToolbarEndDef, MlvEditorToolbarStartDef, } from '../toolbar/editor-toolbar.defs';
-import { MlvEditorToolbarOverflow, MlvEditorToolbarRoot, } from '../toolbar/editor-toolbar';
-import { MlvEditorUndoRedo } from '../toolbar/editor-undo-redo';
-import { MlvEditorZoom } from '../toolbar/editor-zoom';
-import { MlvEditorTextColor } from '../toolbar/editor-text-color';
-import { MlvEditorStatus } from '../status/editor-status';
-import * as i0 from "@angular/core";
-/**
- * Browser-only Tiptap form control with nullable HTML, Markdown, or JSON
- * values.
- *
- * The component is a pure Angular `FormValueControl`; it deliberately does
- * not implement a `ControlValueAccessor` or provide `NG_VALUE_ACCESSOR`.
- */
-export class MlvEditor extends MlvSignalFormControlBase {
-    /** @private Tiptap instance owned exclusively by this component. */
-    _editor = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_editor" }] : /* istanbul ignore next */ []));
-    /** Nullable editor model used by direct, reactive, template, and signal forms. */
-    value = model(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /** Serialization format for the visual editor. */
-    format = input('html', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
-    /** Width of the centred content column; a gutter is reserved at every value. */
-    contentWidth = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "contentWidth" }] : /* istanbul ignore next */ []));
-    /** Complete Tiptap extension replacement; omit it for Malva's fresh preset. */
-    extensions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "extensions" }] : /* istanbul ignore next */ []));
-    /** Placeholder displayed by the default extension preset. */
-    placeholder = input('Write something…', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    /** Maximum character count for Malva's default extension preset. */
-    characterLimit = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "characterLimit" }] : /* istanbul ignore next */ []));
-    /** IDREF(s) naming the editable content region. */
-    ariaLabelledBy = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
-    /** IDREF(s) describing the editable content region. */
-    ariaDescribedBy = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
-    /** Per-editor image upload adapter, taking precedence over an injected adapter. */
-    imageUploader = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "imageUploader" }] : /* istanbul ignore next */ []));
-    /** Image upload restrictions used by the later upload controls. */
-    imageUploadOptions = input(MLV_EDITOR_DEFAULT_IMAGE_UPLOAD_OPTIONS, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "imageUploadOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Per-editor AI transport, taking precedence over an injected
-     * `MLV_EDITOR_AI_PROVIDER`. Without either, AI UI modules hide and AI
-     * commands report a recoverable `configuration` error.
-     */
-    aiProvider = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "aiProvider" }] : /* istanbul ignore next */ []));
-    /** Read-only signal exposing the one Tiptap editor instance after browser mount. */
-    editor = this._editor.asReadonly();
-    /** Exact editor-owned image upload capability forwarded to public toolbars. */
-    get imageUpload() {
-        return this._injector.get(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR);
-    }
-    /** View-only zoom percentage shared with the nearest toolbar. */
-    zoom = signal(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
-    /** Whether the mounted editor currently accepts document mutations. */
-    editable = computed(() => this._editor() !== null && !this.computedDisabled() && !this.readonly(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
-    /** Emits after the browser-only Tiptap editor has been created. */
-    editorReady = output();
-    /** Emits when focus enters the editable Tiptap content. */
-    // The public API deliberately mirrors the documented editor focus event.
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    focus = output();
-    /** Emits when focus leaves the editor composite. */
-    // The public API deliberately mirrors the documented editor blur event.
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    blur = output();
-    /** Emits Tiptap selection updates. */
-    selectionChange = output();
-    /** Emits every Tiptap transaction. */
-    transaction = output();
-    /** Emits recoverable construction, parsing, and serialization errors. */
-    editorError = output();
-    /** Emits after an image upload succeeds. */
-    imageUploadSuccess = output();
-    /** Emits after an image upload fails. */
-    imageUploadFailure = output();
-    /** Emits after an image upload is cancelled. */
-    imageUploadCancelled = output();
-    /** Whether the nullable model contains meaningful serialized content. */
-    hasValue = computed(() => this.value() !== null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
-    /** @private Browser-only mount element for Tiptap's ProseMirror DOM. */
-    _content = viewChild.required('content', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
-    /**
-     * @private Zoom-transformed layer the floating block handle is mounted into.
-     *
-     * Deliberately optional rather than `viewChild.required`: the block-handle
-     * `mount` capability is typed `() => HTMLElement | null`, and the extension
-     * may call it from a ProseMirror plugin view during a user interaction. A
-     * required query throws `NG0951` while unresolved, which would surface as an
-     * uncaught error rather than the absent mount the contract already allows.
-     */
-    _view = viewChild('view', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_view" }] : /* istanbul ignore next */ []));
-    /** @protected Complete projected toolbar replacement, if the consumer provides one. */
-    _toolbarDefs = contentChildren(MlvEditorToolbarDef, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_toolbarDefs" }] : /* istanbul ignore next */ []));
-    /** @protected Projected controls displayed before the built-in toolbar groups. */
-    _toolbarStartDefs = contentChildren(MlvEditorToolbarStartDef, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_toolbarStartDefs" }] : /* istanbul ignore next */ []));
-    /** @protected Projected controls displayed after the built-in toolbar groups. */
-    _toolbarEndDefs = contentChildren(MlvEditorToolbarEndDef, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_toolbarEndDefs" }] : /* istanbul ignore next */ []));
-    /** @protected Whether a consumer declared a complete toolbar replacement. */
-    _hasToolbarDef = computed(() => this._toolbarDefs().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_hasToolbarDef" }] : /* istanbul ignore next */ []));
-    /** @protected Context supplied as the implicit value of projected toolbar templates. */
-    _toolbarContext = this;
-    /** @private Platform marker used to keep all editor construction out of SSR. */
-    _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
-    /** @private Teardown registration for the browser editor instance. */
-    _destroyRef = inject(DestroyRef);
-    /** @private Registry for overlay roots logically owned by this composite control. */
-    _overlayRegistry = inject(MlvEditorOverlayRegistry);
-    /** @private Injector used after construction to resolve the editor coordinator safely. */
-    _injector = inject(Injector);
-    /** @private Invalidates built-in command state after Tiptap state changes. */
-    _toolbarRevision = inject(MlvEditorToolbarRevision);
-    /** @private Registry of in-flight upload abort callbacks. */
-    _uploadAbortRegistry = inject(MlvEditorUploadAbortRegistry);
-    /** @private Physical host used to determine the composite focus boundary. */
-    _host = inject(ElementRef);
-    /** @private Optional translated accessible defaults. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @private Announces block moves politely; the editor content itself is not a live region. */
-    _liveAnnouncer = inject(LiveAnnouncer);
-    /** @private Last external value applied to Tiptap without an update event. */
-    _lastAppliedValue;
-    /** @private Last value emitted from a user transaction or format conversion. */
-    _lastEmittedValue;
-    /** @private Active serialization mode for the current editor document. */
-    _activeFormat;
-    /** @private Guards against duplicate Tiptap teardown. */
-    _destroyed = false;
-    /** @private Suppresses document-transaction serialization while applying an external value. */
-    _applyingExternalValue = false;
-    /** @private Tracks the disabled edge so overlays/uploads close once per transition. */
-    _wasDisabled = false;
-    /** @private Tracks the readonly edge so uploads stop before they can mutate content. */
-    _wasReadonly = false;
-    /** @private Text selection retained while ProseMirror is made non-editable. */
-    _disabledSelection;
-    /** @private Stored marks retained with a collapsed selection while disabled. */
-    _disabledStoredMarks;
-    /** @private Avoids duplicate queued focus-leave checks. */
-    _blurCheckQueued = false;
-    /** @private The last boundary event, retained until the microtask resolves focus ownership. */
-    _pendingBlurEvent;
-    /** @private Stable capture listener for focus entering the physical host. */
-    _onHostFocusIn = (event) => this._handleCompositeFocusIn(event);
-    /** @private Stable capture listener for focus leaving the physical host. */
-    _onHostFocusOut = (event) => this._handleCompositeFocusOut(event);
-    /** @private Stable capture listener that blocks disabled projected controls. */
-    _onDisabledPointerOrClick = (event) => this._blockDisabledInteraction(event);
-    /** @private Stable capture listener that blocks disabled keyboard activation. */
-    _onDisabledKeydown = (event) => {
-        if (event.key !== 'Enter' &&
-            event.key !== ' ' &&
-            event.key !== 'Spacebar') {
-            return;
-        }
-        this._blockDisabledInteraction(event);
-    };
-    /** @protected Fallback-accessible name when no visible label is supplied. */
-    _resolvedAriaLabel = computed(() => this.ariaLabel() ?? this._i18n?.().editorLabel ?? 'Rich text editor', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedAriaLabel" }] : /* istanbul ignore next */ []));
-    /** @protected Descriptions supplied explicitly or by the inherited validation message. */
-    _resolvedAriaDescribedBy = computed(() => this.ariaDescribedBy() ??
-        (this.message() ? `${this.id()}-message` : undefined), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedAriaDescribedBy" }] : /* istanbul ignore next */ []));
-    /** @protected ID used to connect a visible inherited label to ProseMirror. */
-    _labelId = computed(() => `${this.id()}-label`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_labelId" }] : /* istanbul ignore next */ []));
-    /** @protected Accessible label for the projected toolbar region. */
-    _toolbarAriaLabel = computed(() => this._i18n?.().toolbarLabel ?? 'Editor toolbar', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_toolbarAriaLabel" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        effect(() => {
-            const editor = this._editor();
-            const disabled = this.computedDisabled();
-            const readonly = this.readonly();
-            const wasDisabled = this._wasDisabled;
-            if (disabled && !wasDisabled) {
-                this._disabledSelection = editor
-                    ? { from: editor.state.selection.from, to: editor.state.selection.to }
-                    : undefined;
-                this._disabledStoredMarks = editor
-                    ? (editor.state.storedMarks ?? editor.state.selection.$from.marks())
-                    : undefined;
-                this._removeCompositeFocusForDisabledState();
-                this._overlayRegistry.closeAll();
-                this._abortInFlightUploads();
-            }
-            this._wasDisabled = disabled;
-            if (readonly && !this._wasReadonly) {
-                this._abortInFlightUploads();
-            }
-            this._wasReadonly = readonly;
-            if (!editor)
-                return;
-            editor.setEditable(!disabled && !readonly);
-            if (!disabled && wasDisabled && this._disabledSelection) {
-                editor.commands.setTextSelection(this._disabledSelection);
-                if (this._disabledStoredMarks) {
-                    editor.view.dispatch(editor.state.tr.setStoredMarks(this._disabledStoredMarks));
-                }
-                this._disabledSelection = undefined;
-                this._disabledStoredMarks = undefined;
-            }
-            this._synchronizeContentSurfaceState(editor);
-        });
-        effect(() => this._synchronizeEditor());
-        this._overlayRegistry.setFocusHandlers((event) => this._handleCompositeFocusIn(event), (event) => this._handleCompositeFocusOut(event));
-        this._destroyRef.onDestroy(() => {
-            this._destroyed = true;
-            this._removeCompositeFocusForDisabledState();
-            this._overlayRegistry.closeAll();
-            this._abortInFlightUploads();
-            this._overlayRegistry.destroy();
-            this._destroyEditor();
-        });
-    }
-    /** Creates the one Tiptap editor after Angular has rendered the mount element. */
-    ngAfterViewInit() {
-        if (!this._isBrowser || this._editor() || this._destroyed)
-            return;
-        this._bindCompositeFocusEvents();
-        const initialFormat = this.format();
-        const initialRawValue = this.value();
-        const initialValue = normalizeEditorValue(initialRawValue);
-        if (initialRawValue !== initialValue) {
-            this._lastEmittedValue = initialValue;
-            this.value.set(initialValue);
-        }
-        try {
-            // A consumer array remains a literal replacement. Defaults are selected
-            // once so preflight and Tiptap receive the identical extension objects.
-            const selectedExtensions = this.extensions() ??
-                mlvEditorDefaultExtensions({
-                    format: 'markdown',
-                    placeholder: this.placeholder(),
-                    characterLimit: this.characterLimit(),
-                    allowedMimeTypes: ['image/*'],
-                    fileHandlingEnabled: () => {
-                        if (this._destroyed || this.computedDisabled() || this.readonly()) {
-                            return false;
-                        }
-                        return this._injector
-                            .get(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR)
-                            .available();
-                    },
-                    acceptsMimeType: (mimeType) => this._acceptsImageMimeType(mimeType),
-                    onFiles: ({ files, source, position }) => {
-                        if (this._destroyed || this.computedDisabled() || this.readonly()) {
-                            return;
-                        }
-                        const acceptedImages = files.filter((file) => file.type.startsWith('image/') &&
-                            this._acceptsImageMimeType(file.type));
-                        if (!acceptedImages.length)
-                            return;
-                        this._injector
-                            .get(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR)
-                            .start(acceptedImages, source, {
-                            ...(position === undefined ? {} : { position }),
-                        });
-                    },
-                    blockHandle: {
-                        mount: () => this._view()?.nativeElement ?? null,
-                        label: () => this._i18n?.().dragBlock ?? 'Drag block',
-                        enabled: () => !this._destroyed && !this.computedDisabled() && !this.readonly(),
-                        announceMove: (move) => this._announceBlockMove(move),
-                    },
-                });
-            const preflight = preflightMlvEditorExtensions(selectedExtensions, initialFormat);
-            if (!preflight.ok) {
-                this.editorError.emit(preflight.error);
-                return;
-            }
-            const editor = new Editor({
-                element: this._content().nativeElement,
-                ...this._emptyDocumentOptions(initialFormat),
-                // The factory itself deliberately adds Markdown only for `format:
-                // 'markdown'`. The shell always keeps that capability so an in-place
-                // switch between any two formats can serialize the existing document
-                // without constructing a second editor. A supplied array remains
-                // literal.
-                extensions: selectedExtensions,
-                editable: !this.computedDisabled() && !this.readonly(),
-                enableContentCheck: true,
-                editorProps: { attributes: this._editorAttributes() },
-                onTransaction: ({ editor: changedEditor, transaction }) => {
-                    if (this._destroyed)
-                        return;
-                    this.transaction.emit({ editor: changedEditor, transaction });
-                    this._toolbarRevision.revision.update((revision) => revision + 1);
-                    if (transaction.docChanged && !this._applyingExternalValue) {
-                        this._serializeAndWrite(changedEditor, this.format());
-                    }
-                },
-                onSelectionUpdate: ({ editor: changedEditor, transaction }) => {
-                    if (this._destroyed)
-                        return;
-                    this.selectionChange.emit({ editor: changedEditor, transaction });
-                    this._toolbarRevision.revision.update((revision) => revision + 1);
-                },
-                onContentError: ({ error }) => {
-                    if (this._destroyed)
-                        return;
-                    this.editorError.emit({
-                        code: 'parse',
-                        message: 'Unable to parse the editor value with the configured extensions.',
-                        recoverable: true,
-                        cause: error,
-                    });
-                },
-            });
-            this._activeFormat = initialFormat;
-            this._lastAppliedValue = null;
-            this._editor.set(editor);
-            this._applyInitialValue(editor, initialValue, initialFormat);
-            // Consumers may immediately issue commands from `editorReady`; emit only
-            // after the initial model has either been applied or recovered from.
-            this.editorReady.emit(editor);
-        }
-        catch (cause) {
-            this.editorError.emit({
-                code: 'configuration',
-                message: 'Unable to create the editor with the configured extensions.',
-                recoverable: true,
-                cause,
-            });
-        }
-    }
-    /** Clears the document through Tiptap when the shared form wrapper is clearable. */
-    clearValue() {
-        if (this.computedDisabled() || this.readonly())
-            return;
-        this._editor()?.commands.clearContent();
-    }
-    /** @private Formats a completed block move and announces it politely. */
-    _announceBlockMove(move) {
-        if (this._destroyed)
-            return;
-        const template = this._i18n?.().blockMoved;
-        const message = template
-            ? template
-                .replace('{type}', move.type)
-                .replace('{position}', String(move.position))
-                .replace('{total}', String(move.total))
-            : `Moved ${move.type} to position ${move.position} of ${move.total}`;
-        this._liveAnnouncer.announce(message, 'polite');
-    }
-    /** @private Whether a browser MIME type matches the current coordinator options. */
-    _acceptsImageMimeType(mimeType) {
-        const normalizedMimeType = mimeType.trim().toLowerCase();
-        if (!normalizedMimeType.startsWith('image/'))
-            return false;
-        return this.imageUploadOptions().accept.some((pattern) => {
-            const normalizedPattern = pattern.trim().toLowerCase();
-            if (normalizedPattern === '*/*')
-                return true;
-            if (normalizedPattern.endsWith('/*')) {
-                return normalizedMimeType.startsWith(normalizedPattern.slice(0, -1));
-            }
-            return normalizedMimeType === normalizedPattern;
-        });
-    }
-    /** Runs a Tiptap mutation command when the editor is available and editable. */
-    run(command) {
-        if (this.computedDisabled() || this.readonly())
-            return false;
-        const editor = this._editor();
-        if (!editor)
-            return false;
-        try {
-            return command(editor) === true;
-        }
-        catch {
-            return false;
-        }
-    }
-    /** Checks a Tiptap command when the editor is available and editable. */
-    can(command) {
-        if (this.computedDisabled() || this.readonly())
-            return false;
-        const editor = this._editor();
-        if (!editor)
-            return false;
-        try {
-            return command(editor) === true;
-        }
-        catch {
-            return false;
-        }
-    }
-    /** Safely reads a Tiptap active state without requiring a particular extension. */
-    isActive(name, attributes) {
-        this._toolbarRevision.revision();
-        const editor = this._editor();
-        if (!editor)
-            return false;
-        try {
-            return editor.isActive(name, attributes);
-        }
-        catch {
-            return false;
-        }
-    }
-    /** Reports a typed recoverable error through the owning editor output. */
-    reportError(error) {
-        this.editorError.emit(error);
-    }
-    /** @private Applies the current inputs to the already-created editor instance. */
-    _synchronizeEditor() {
-        const editor = this._editor();
-        if (!editor)
-            return;
-        const requestedFormat = this.format();
-        editor.setOptions({
-            editorProps: { attributes: this._editorAttributes() },
-        });
-        this._synchronizeContentSurfaceState(editor);
-        const rawIncoming = this.value();
-        const incoming = normalizeEditorValue(rawIncoming);
-        // Tracked values were produced under the currently active format, so the
-        // comparison runs in that format rather than the requested one. JSON is
-        // compared structurally there; a host value that only reorders keys or
-        // reflows whitespace describes the mounted document and is not an
-        // external change.
-        const trackedFormat = this._activeFormat ?? requestedFormat;
-        const hasExternalValue = !editorValuesAreEquivalent(incoming, this._lastAppliedValue, trackedFormat) &&
-            !editorValuesAreEquivalent(incoming, this._lastEmittedValue, trackedFormat);
-        if (this._activeFormat !== requestedFormat) {
-            if (hasExternalValue) {
-                if (requestedFormat === 'markdown' && !this._supportsMarkdown(editor)) {
-                    this._emitUnsupportedMarkdownError('configuration');
-                    return;
-                }
-                this._activeFormat = requestedFormat;
-                this._applyExternalValue(editor, incoming, requestedFormat);
-                return;
-            }
-            if (this._activeFormat !== undefined) {
-                if (!this._supportsMarkdown(editor) && requestedFormat === 'markdown') {
-                    this._emitUnsupportedMarkdownError('configuration');
-                    return;
-                }
-                if (!this._serializeAndWrite(editor, requestedFormat))
-                    return;
-            }
-            this._activeFormat = requestedFormat;
-        }
-        if (rawIncoming !== incoming) {
-            this._lastEmittedValue = incoming;
-            this.value.set(incoming);
-        }
-        if (!hasExternalValue) {
-            this._lastAppliedValue = incoming;
-            return;
-        }
-        this._applyExternalValue(editor, incoming, requestedFormat);
-    }
-    /** @private Applies an external value without reflecting it back through `onUpdate`. */
-    _applyExternalValue(editor, value, format) {
-        const prepared = value === null ? null : this._prepareContent(editor, value, format);
-        if (prepared !== null && !prepared.ok) {
-            this._recoverFromInvalidValue(prepared.cause);
-            return;
-        }
-        try {
-            this._applyingExternalValue = true;
-            // External applications must stay invisible to user undo history:
-            // Tiptap's setContent/clearContent never set `addToHistory`, so a bare
-            // command would land the initial or programmatic document as an undoable
-            // step whose undo empties the editor. The chain shares one transaction,
-            // so the meta covers the whole application.
-            if (prepared === null) {
-                editor.chain().setMeta('addToHistory', false).clearContent(false).run();
-            }
-            else {
-                editor
-                    .chain()
-                    .setMeta('addToHistory', false)
-                    .setContent(prepared.content, prepared.options)
-                    .run();
-            }
-            this._lastAppliedValue = value;
-            this._lastEmittedValue = undefined;
-        }
-        catch (cause) {
-            this._recoverFromInvalidValue(cause);
-        }
-        finally {
-            this._applyingExternalValue = false;
-        }
-    }
-    /**
-     * @private Converts one nonempty external value into Tiptap content and
-     * options.
-     *
-     * The branch is exhaustive over every format rather than special-casing one:
-     * HTML is parsed from its own markup, Markdown declares its content type so
-     * the Markdown manager parses it, and JSON is handed over as an
-     * already-parsed document node because Tiptap reads any string argument as
-     * HTML. A rejected JSON value carries its cause instead of a document.
-     */
-    _prepareContent(editor, value, format) {
-        switch (format) {
-            case 'html':
-                return {
-                    ok: true,
-                    content: value,
-                    options: { emitUpdate: false, errorOnInvalidContent: true },
-                };
-            case 'markdown':
-                return {
-                    ok: true,
-                    content: value,
-                    options: {
-                        emitUpdate: false,
-                        errorOnInvalidContent: true,
-                        contentType: 'markdown',
-                    },
-                };
-            case 'json': {
-                const parsed = parseEditorJsonDocument(value, editor.schema.topNodeType.name);
-                return parsed.ok
-                    ? {
-                        ok: true,
-                        content: parsed.document,
-                        options: { emitUpdate: false, errorOnInvalidContent: true },
-                    }
-                    : { ok: false, cause: parsed.cause };
-            }
-        }
-    }
-    /**
-     * @private Construction options mounting an empty document for one format.
-     *
-     * Tiptap is always constructed against an empty document so every real
-     * value travels the same strict parsing path. Markdown still declares its
-     * content type here because the Markdown manager validates that declaration
-     * against the supplied content before the first document is published. HTML
-     * needs no declaration, and JSON never reaches Tiptap as a string at all.
-     */
-    _emptyDocumentOptions(format) {
-        switch (format) {
-            case 'html':
-                return { content: '' };
-            case 'markdown':
-                return { content: '', contentType: 'markdown' };
-            case 'json':
-                return { content: '' };
-        }
-    }
-    /** @private Restores the last valid value and reports a recoverable parse failure. */
-    _recoverFromInvalidValue(cause) {
-        const lastValidValue = this._lastAppliedValue ?? null;
-        this._lastEmittedValue = lastValidValue;
-        if (this.value() !== lastValidValue) {
-            this.value.set(lastValidValue);
-        }
-        this.editorError.emit({
-            code: 'parse',
-            message: 'Unable to parse the editor value with the configured extensions.',
-            recoverable: true,
-            cause,
-        });
-    }
-    /**
-     * @private Serializes an editor transaction and writes only valid distinct
-     * values.
-     *
-     * The distinctness check runs in the serialized format, so a JSON document
-     * that differs from the model only by key order or whitespace is not
-     * re-emitted. An emission therefore follows only a real user transaction or
-     * an explicit format conversion.
-     */
-    _serializeAndWrite(editor, format) {
-        const result = serializeEditorValue(editor, format);
-        if (!result.ok) {
-            this.editorError.emit(result.error);
-            return false;
-        }
-        this._lastAppliedValue = result.value;
-        this._lastEmittedValue = result.value;
-        if (!editorValuesAreEquivalent(this.value(), result.value, format)) {
-            this.value.set(result.value);
-        }
-        return true;
-    }
-    /**
-     * @private Applies the initial model through the same strict parsing path as
-     * later updates.
-     *
-     * Only Markdown has a capability requirement; HTML and JSON mount against
-     * any valid extension set.
-     */
-    _applyInitialValue(editor, value, format) {
-        switch (format) {
-            case 'markdown':
-                if (!this._supportsMarkdown(editor)) {
-                    this._emitUnsupportedMarkdownError('configuration');
-                    this._lastAppliedValue = null;
-                    this._lastEmittedValue = null;
-                    if (this.value() !== null)
-                        this.value.set(null);
-                    return;
-                }
-                break;
-            case 'html':
-            case 'json':
-                break;
-        }
-        this._applyExternalValue(editor, value, format);
-    }
-    /** @private Whether the runtime editor exposes Tiptap Markdown serialization. */
-    _supportsMarkdown(editor) {
-        return typeof editor.getMarkdown === 'function';
-    }
-    /** @private Emits the stable unsupported-Markdown error without throwing through Angular. */
-    _emitUnsupportedMarkdownError(code) {
-        this.editorError.emit({
-            code,
-            message: 'Markdown requires the configured extensions to include Tiptap Markdown.',
-            recoverable: true,
-        });
-    }
-    /** @private Builds the exact accessible attributes assigned to Tiptap's contenteditable root. */
-    _editorAttributes() {
-        const attributes = {
-            id: this.id(),
-            role: 'textbox',
-            'aria-multiline': 'true',
-        };
-        const labelledBy = this.ariaLabelledBy();
-        if (labelledBy) {
-            attributes['aria-labelledby'] = labelledBy;
-        }
-        else if (this.ariaLabel()) {
-            attributes['aria-label'] = this._resolvedAriaLabel();
-        }
-        else if (this.label()) {
-            attributes['aria-labelledby'] = this._labelId();
-        }
-        else {
-            attributes['aria-label'] = this._resolvedAriaLabel();
-        }
-        const describedBy = this._resolvedAriaDescribedBy();
-        if (describedBy) {
-            attributes['aria-describedby'] = describedBy;
-        }
-        if (this.resolvedState() === 'error') {
-            attributes['aria-invalid'] = 'true';
-        }
-        if (this.computedDisabled()) {
-            attributes['aria-disabled'] = 'true';
-            attributes['tabindex'] = '-1';
-        }
-        else {
-            attributes['tabindex'] = '0';
-        }
-        if (this.readonly()) {
-            attributes['aria-readonly'] = 'true';
-        }
-        return attributes;
-    }
-    /** @internal Capture handler for focus entering the host or an owned overlay root. */
-    _handleCompositeFocusIn(event) {
-        if (this._destroyed || this.computedDisabled() || this.focused())
-            return;
-        const editor = this._editor();
-        if (!editor)
-            return;
-        this.setFocused(true);
-        this.focus.emit({ editor, event });
-    }
-    /** @internal Capture handler for focus leaving the host or an owned overlay root. */
-    _handleCompositeFocusOut(event) {
-        if (this._destroyed || !this.focused())
-            return;
-        this._pendingBlurEvent = event;
-        if (this._blurCheckQueued)
-            return;
-        this._blurCheckQueued = true;
-        queueMicrotask(() => {
-            this._blurCheckQueued = false;
-            const pendingEvent = this._pendingBlurEvent;
-            this._pendingBlurEvent = undefined;
-            if (!pendingEvent ||
-                this._destroyed ||
-                this._isFocusInsideComposite(pendingEvent.relatedTarget)) {
-                return;
-            }
-            const editor = this._editor();
-            if (!editor)
-                return;
-            this.setFocused(false);
-            this._markTouched();
-            this.blur.emit({ editor, event: pendingEvent });
-        });
-    }
-    /** @private Whether the browser's current focus remains in the host or an owned overlay. */
-    _isFocusInsideComposite(relatedTarget) {
-        if (typeof Node !== 'undefined' && relatedTarget instanceof Node) {
-            return this._isOwnedFocusNode(relatedTarget);
-        }
-        if (typeof document === 'undefined')
-            return false;
-        return this._isOwnedFocusNode(document.activeElement);
-    }
-    /** @private Whether a node belongs to the physical shell or an owned overlay. */
-    _isOwnedFocusNode(node) {
-        return (node !== null &&
-            (this._host.nativeElement.contains(node) ||
-                this._overlayRegistry.contains(node)));
-    }
-    /** @private Installs native capture listeners because overlay focus is outside Angular's view tree. */
-    _bindCompositeFocusEvents() {
-        const host = this._host.nativeElement;
-        host.addEventListener('focusin', this._onHostFocusIn, true);
-        host.addEventListener('focusout', this._onHostFocusOut, true);
-        host.addEventListener('pointerdown', this._onDisabledPointerOrClick, true);
-        host.addEventListener('click', this._onDisabledPointerOrClick, true);
-        host.addEventListener('keydown', this._onDisabledKeydown, true);
-        this._destroyRef.onDestroy(() => {
-            host.removeEventListener('focusin', this._onHostFocusIn, true);
-            host.removeEventListener('focusout', this._onHostFocusOut, true);
-            host.removeEventListener('pointerdown', this._onDisabledPointerOrClick, true);
-            host.removeEventListener('click', this._onDisabledPointerOrClick, true);
-            host.removeEventListener('keydown', this._onDisabledKeydown, true);
-        });
-    }
-    /** @private Stops all pointer/click/activation-key command surfaces while disabled. */
-    _blockDisabledInteraction(event) {
-        if (!this.computedDisabled())
-            return;
-        event.preventDefault();
-        event.stopImmediatePropagation();
-    }
-    /** @private Removes browser focus when the composite becomes disabled without marking it touched. */
-    _removeCompositeFocusForDisabledState() {
-        if (typeof document === 'undefined' || typeof HTMLElement === 'undefined') {
-            return;
-        }
-        const activeElement = document.activeElement;
-        if (!(activeElement instanceof HTMLElement) ||
-            !this._isOwnedFocusNode(activeElement)) {
-            return;
-        }
-        this.setFocused(false);
-        activeElement.blur();
-    }
-    /** @private Keeps the real ProseMirror root in sync with dynamic ARIA/tabindex state. */
-    _synchronizeContentSurfaceState(editor) {
-        const element = editor.view.dom;
-        const attributes = this._editorAttributes();
-        const managedAttributes = [
-            'aria-disabled',
-            'aria-readonly',
-            'tabindex',
-            'aria-invalid',
-        ];
-        for (const name of managedAttributes) {
-            const value = attributes[name];
-            if (value === undefined) {
-                element.removeAttribute(name);
-            }
-            else {
-                element.setAttribute(name, value);
-            }
-        }
-    }
-    /** @private Aborts registered upload work while preserving the document/editor instance. */
-    _abortInFlightUploads() {
-        this._uploadAbortRegistry.abortAll();
-    }
-    /** @private Destroys the owned Tiptap editor exactly once. */
-    _destroyEditor() {
-        const editor = this._editor();
-        if (!editor)
-            return;
-        this._editor.set(null);
-        editor?.destroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditor, isStandalone: true, selector: "mlv-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, contentWidth: { classPropertyName: "contentWidth", publicName: "contentWidth", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, characterLimit: { classPropertyName: "characterLimit", publicName: "characterLimit", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, imageUploader: { classPropertyName: "imageUploader", publicName: "imageUploader", isSignal: true, isRequired: false, transformFunction: null }, imageUploadOptions: { classPropertyName: "imageUploadOptions", publicName: "imageUploadOptions", isSignal: true, isRequired: false, transformFunction: null }, aiProvider: { classPropertyName: "aiProvider", publicName: "aiProvider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", editorReady: "editorReady", focus: "focus", blur: "blur", selectionChange: "selectionChange", transaction: "transaction", editorError: "editorError", imageUploadSuccess: "imageUploadSuccess", imageUploadFailure: "imageUploadFailure", imageUploadCancelled: "imageUploadCancelled" }, host: { properties: { "class": "\"mlv-editor--content-width-\" + contentWidth()", "class.mlv-editor--disabled": "computedDisabled()", "class.mlv-editor--readonly": "readonly()", "class.mlv-editor--focused": "focused()", "attr.aria-disabled": "computedDisabled() || null", "attr.inert": "computedDisabled() ? \"\" : null", "style.--mlv-editor-zoom": "zoom() / 100" }, classAttribute: "mlv-editor" }, providers: [
-            MlvEditorOverlayRegistry,
-            MlvEditorToolbarRevision,
-            MlvEditorToolbarRovingRegistry,
-            MlvEditorUploadAbortRegistry,
-            {
-                provide: MLV_FORM_CONTROL,
-                useExisting: forwardRef(() => MlvEditor),
-            },
-            {
-                provide: MLV_EDITOR_TOOLBAR_CONTEXT,
-                useExisting: forwardRef(() => MlvEditor),
-            },
-            {
-                provide: MLV_EDITOR_TOOLBAR_REVISION,
-                useFactory: (state) => state.revision,
-                deps: [MlvEditorToolbarRevision],
-            },
-            {
-                provide: MLV_EDITOR_TOOLBAR_ROVING,
-                useExisting: MlvEditorToolbarRovingRegistry,
-            },
-            {
-                provide: MLV_EDITOR_OVERLAY_REGISTRY,
-                useExisting: MlvEditorOverlayRegistry,
-            },
-            {
-                provide: MLV_EDITOR_UPLOAD_ABORT_REGISTRY,
-                useExisting: MlvEditorUploadAbortRegistry,
-            },
-            MlvEditorAiContext,
-            {
-                provide: MLV_EDITOR_AI_CONTEXT,
-                useExisting: MlvEditorAiContext,
-            },
-            {
-                provide: MLV_EDITOR_AI_INPUT_PROVIDER,
-                useFactory: () => {
-                    const owner = inject(forwardRef(() => MlvEditor));
-                    return owner.aiProvider;
-                },
-            },
-            {
-                provide: MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR,
-                useFactory: () => {
-                    const owner = inject(forwardRef(() => MlvEditor));
-                    return createMlvEditorImageUploadCoordinator({
-                        editor: owner.editor,
-                        imageUploader: owner.imageUploader,
-                        imageUploadOptions: owner.imageUploadOptions,
-                        disabled: () => owner.computedDisabled(),
-                        readonly: () => owner.readonly(),
-                        emitSuccess: (event) => owner.imageUploadSuccess.emit(event),
-                        emitFailure: (event) => owner.imageUploadFailure.emit(event),
-                        emitCancelled: (event) => owner.imageUploadCancelled.emit(event),
-                        emitError: (error) => owner.editorError.emit(error),
-                    }, inject(MLV_EDITOR_IMAGE_UPLOADER, { optional: true }) ?? undefined, inject(MLV_EDITOR_UPLOAD_ABORT_REGISTRY));
-                },
-            },
-        ], queries: [{ propertyName: "_toolbarDefs", predicate: MlvEditorToolbarDef, isSignal: true }, { propertyName: "_toolbarStartDefs", predicate: MlvEditorToolbarStartDef, isSignal: true }, { propertyName: "_toolbarEndDefs", predicate: MlvEditorToolbarEndDef, isSignal: true }], viewQueries: [{ propertyName: "_content", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "_view", first: true, predicate: ["view"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [id]=\"_labelId()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div class=\"mlv-editor__surface\">\n      <div\n        mlvEditorToolbarRoot\n        #toolbarRoot=\"mlvEditorToolbarRoot\"\n        class=\"mlv-editor__toolbar\"\n        [ariaLabel]=\"_toolbarAriaLabel()\"\n        [disabled]=\"computedDisabled()\"\n      >\n        @if (_hasToolbarDef()) {\n        <ng-content select=\"[mlvEditorToolbar]\" />\n        @for (definition of _toolbarDefs(); track definition) { @if\n        (definition.templateRef; as toolbarTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"toolbarTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n        />\n        } } } @else {\n        <ng-content select=\"[mlvEditorToolbarStart]\" />\n        @for (definition of _toolbarStartDefs(); track definition) { @if\n        (definition.templateRef; as startTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"startTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n        />\n        } }\n        <div mlvFade class=\"mlv-editor__toolbar-scroll\">\n          <mlv-toolbar>\n            <mlv-editor-undo-redo />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n            />\n            <mlv-editor-zoom />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n            />\n            <mlv-editor-heading />\n            <mlv-editor-list />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-inline-marks [hidden]=\"toolbarRoot.narrow()\" />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-text-color />\n            <mlv-editor-highlight />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-alignment [hidden]=\"toolbarRoot.narrow()\" />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-link />\n            <mlv-editor-table />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-block-insert [hidden]=\"toolbarRoot.narrow()\" />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-image-upload />\n          </mlv-toolbar>\n        </div>\n        <mlv-editor-toolbar-overflow />\n        @for (definition of _toolbarEndDefs(); track definition) { @if\n        (definition.templateRef; as endTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"endTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n        />\n        } }\n        <ng-content select=\"[mlvEditorToolbarEnd]\" />\n        }\n      </div>\n\n      <div class=\"mlv-editor__viewport\">\n        <div #view class=\"mlv-editor__view\">\n          <div #content class=\"mlv-editor__content\"></div>\n        </div>\n      </div>\n      <mlv-editor-image-upload-status />\n    </div>\n  </ng-template>\n\n  @if (message()) {\n  <mlv-message [state]=\"resolvedState()\" [id]=\"id() + '-message'\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n\n<div\n  class=\"mlv-editor__status\"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n>\n  <ng-content select=\"[mlvEditorStatus]\" />\n  <mlv-spacer />\n  <mlv-editor-status [characterLimit]=\"characterLimit()\" />\n</div>\n", styles: [".mlv-editor{--mlv-editor-gutter: var(--mlv-spacing-6);--mlv-editor-measure: 45rem;--mlv-editor-drop-gap: 1.5rem;box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor *{box-sizing:border-box}.mlv-editor{display:block;color:var(--mlv-text-primary)}.mlv-editor .mlv-form-control-wrapper__control-container{height:auto;min-height:var(--form-ctrl-height);padding:0;overflow:hidden;background:var(--mlv-background-base);transition:border-color var(--mlv-duration-fast) var(--mlv-ease-default),box-shadow var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor .mlv-form-control-wrapper__control-row{align-items:stretch}.mlv-form-control-wrapper--state-error .mlv-editor__surface{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-error)}.mlv-editor__surface{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;width:100%;background:var(--mlv-elevation-bg-3)}.mlv-editor__toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--mlv-spacing-1);min-width:0;padding:var(--mlv-padding-xs);overflow:hidden;border-bottom:var(--mlv-stroke-width) solid var(--mlv-border-normal);background:var(--mlv-elevation-bg-3)}.mlv-editor__toolbar [hidden]{display:none!important}.mlv-editor__toolbar-scroll{flex:1 1 auto;min-width:0}.mlv-editor__toolbar-scroll>.mlv-toolbar{width:max-content;min-width:100%;flex-wrap:nowrap}.mlv-editor .mlv-editor-toolbar__separator{flex:0 0 auto;min-height:var(--mlv-height-s);margin-inline:var(--mlv-spacing-1)}.mlv-editor .mlv-editor-toolbar__overflow,.mlv-editor .mlv-editor-undo-redo,.mlv-editor .mlv-editor-inline-marks,.mlv-editor .mlv-editor-block-insert{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor mlv-editor-zoom,.mlv-editor mlv-editor-heading,.mlv-editor mlv-editor-list,.mlv-editor mlv-editor-text-color,.mlv-editor mlv-editor-highlight,.mlv-editor mlv-editor-alignment,.mlv-editor mlv-editor-link,.mlv-editor mlv-editor-table,.mlv-editor mlv-editor-image-upload{flex:0 0 auto}.mlv-editor__viewport{min-block-size:8rem;overflow:auto;overscroll-behavior:contain}.mlv-editor__view{position:relative;min-inline-size:100%;transform:scale(var(--mlv-editor-zoom, 1));transform-origin:left top;transition:transform var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor__content{min-block-size:8rem;padding-block:var(--mlv-spacing-2);padding-inline:var(--mlv-editor-gutter);border:0;outline:none}.mlv-editor__block-handle{position:absolute;inset-inline-start:max(0rem,(100% - 2 * var(--mlv-editor-gutter) - var(--mlv-editor-measure)) / 2);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--mlv-editor-gutter);block-size:var(--mlv-height-xs);border-radius:var(--mlv-radius-s);color:var(--mlv-text-tertiary);cursor:grab;opacity:0;pointer-events:none;transition:opacity var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor__block-handle svg{inline-size:var(--mlv-spacing-4);block-size:var(--mlv-spacing-4);fill:currentcolor}.mlv-editor__block-handle:hover{background-color:var(--mlv-background-neutral-1-hover);color:var(--mlv-text-secondary)}.mlv-editor__block-handle[data-visible=true]{opacity:1;pointer-events:auto}.mlv-editor__drop-indicator{position:absolute;inset-inline:calc(max(0rem,(100% - 2 * var(--mlv-editor-gutter) - var(--mlv-editor-measure)) / 2) + var(--mlv-editor-gutter));block-size:var(--mlv-stroke-width-medium);border-radius:var(--mlv-radius-full);background-color:var(--mlv-border-focus);opacity:0;pointer-events:none;transform:translateY(calc(var(--mlv-editor-drop-gap) / 2 - var(--mlv-stroke-width-medium) / 2));transition:top var(--mlv-duration-normal) var(--mlv-ease-out),opacity var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor__drop-indicator[data-visible=true]{opacity:1}.mlv-editor .mlv-editor__block--dragging{opacity:var(--mlv-disabled-opacity)}.mlv-editor .ProseMirror--block-dragging>*{transition:transform var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-editor__status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-2);min-block-size:var(--mlv-spacing-4);margin-block-start:var(--mlv-spacing-1)}.mlv-editor__upload-placeholder{position:relative;display:inline-block;inline-size:var(--mlv-height-l);block-size:var(--mlv-height-l);margin-inline:var(--mlv-spacing-1);border:var(--mlv-stroke-width) dashed var(--mlv-border-focus);border-radius:var(--mlv-radius-m);background:var(--mlv-background-accent-1-pale);vertical-align:middle}.mlv-editor__upload-placeholder:after{position:absolute;inset:var(--mlv-spacing-2);border:var(--mlv-stroke-width-medium) solid var(--mlv-border-normal);border-block-start-color:var(--mlv-border-focus);border-radius:var(--mlv-radius-full);animation:mlv-editor-upload-spin var(--mlv-duration-slower) var(--mlv-ease-linear) infinite;content:\"\"}.mlv-editor__ai-streaming{border-radius:var(--mlv-radius-xs);background-color:var(--mlv-background-accent-1-pale)}.mlv-editor__ai-streaming-chunk{animation:mlv-editor-ai-chunk-in var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-editor__ai-caret{position:relative;display:inline-block;inline-size:0;block-size:1em;pointer-events:none}.mlv-editor__ai-caret:after{position:absolute;inset-block:0;inset-inline-start:.0625rem;inline-size:.35em;border-radius:var(--mlv-radius-xs);background:linear-gradient(to bottom,var(--mlv-background-accent-1),var(--mlv-background-accent-2));content:\"\";animation:mlv-editor-ai-caret-pulse var(--mlv-duration-sluggish) var(--mlv-ease-in-out) infinite}.mlv-editor__ai-suggestion-insert{border-radius:var(--mlv-radius-xs);background-color:var(--mlv-background-success-pale)}.mlv-editor__ai-suggestion-delete{border-radius:var(--mlv-radius-xs);background-color:var(--mlv-background-danger-1-pale);color:var(--mlv-text-negative);text-decoration-line:line-through}.mlv-editor__ai-suggestion-current{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:.125rem}.mlv-editor--content-width-default{--mlv-editor-measure: 45rem}.mlv-editor--content-width-wide{--mlv-editor-measure: 60rem}.mlv-editor--content-width-full{--mlv-editor-measure: 100%}.mlv-editor--focused .mlv-form-control-wrapper__control-container{border-color:var(--mlv-border-focus);box-shadow:var(--mlv-focus-ring)}.mlv-editor--readonly .ProseMirror{cursor:text}.mlv-editor--readonly .ProseMirror ::selection{background:var(--mlv-background-accent-1-pale)}.mlv-editor--disabled{opacity:var(--mlv-disabled-opacity)}.mlv-editor--disabled .mlv-editor__surface,.mlv-editor--disabled .mlv-editor__status{pointer-events:none}.mlv-editor--disabled .mlv-editor__content,.mlv-editor--disabled .ProseMirror{cursor:default;-webkit-user-select:none;user-select:none}.mlv-editor .ProseMirror{min-block-size:inherit;max-inline-size:var(--mlv-editor-measure);margin-inline:auto;color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size);font-weight:var(--mlv-typography-body-m-weight);line-height:var(--mlv-typography-body-m-line-height);overflow-wrap:anywhere;white-space:pre-wrap}.mlv-editor .ProseMirror:focus-visible{outline:none}.mlv-editor .ProseMirror>*:first-child{margin-block-start:0}.mlv-editor .ProseMirror>*:last-child{margin-block-end:0}.mlv-editor .ProseMirror p{margin-block:0 var(--mlv-spacing-3)}.mlv-editor .ProseMirror h1,.mlv-editor .ProseMirror h2,.mlv-editor .ProseMirror h3,.mlv-editor .ProseMirror h4,.mlv-editor .ProseMirror h5,.mlv-editor .ProseMirror h6{margin-block:var(--mlv-spacing-6) var(--mlv-spacing-3);color:var(--mlv-text-heading);font-family:var(--mlv-typography-family-heading)}.mlv-editor .ProseMirror h1{font-size:var(--mlv-typography-heading-h1-size);font-weight:var(--mlv-typography-heading-h1-weight);line-height:var(--mlv-typography-heading-h1-line-height)}.mlv-editor .ProseMirror h2{font-size:var(--mlv-typography-heading-h2-size);font-weight:var(--mlv-typography-heading-h2-weight);line-height:var(--mlv-typography-heading-h2-line-height)}.mlv-editor .ProseMirror h3{font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height)}.mlv-editor .ProseMirror h4{font-size:var(--mlv-typography-heading-h4-size);font-weight:var(--mlv-typography-heading-h4-weight);line-height:var(--mlv-typography-heading-h4-line-height)}.mlv-editor .ProseMirror h5{font-size:var(--mlv-typography-heading-h5-size);font-weight:var(--mlv-typography-heading-h5-weight);line-height:var(--mlv-typography-heading-h5-line-height)}.mlv-editor .ProseMirror h6{font-size:var(--mlv-typography-heading-h6-size);font-weight:var(--mlv-typography-heading-h6-weight);line-height:var(--mlv-typography-heading-h6-line-height)}.mlv-editor .ProseMirror h1{letter-spacing:var(--mlv-typography-heading-h1-letter-spacing)}.mlv-editor .ProseMirror h2{letter-spacing:var(--mlv-typography-heading-h2-letter-spacing)}.mlv-editor .ProseMirror h3,.mlv-editor .ProseMirror h4,.mlv-editor .ProseMirror h5,.mlv-editor .ProseMirror h6{letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-editor .ProseMirror strong{font-weight:var(--mlv-font-weight-bold)}.mlv-editor .ProseMirror em{font-style:italic}.mlv-editor .ProseMirror s{text-decoration:line-through}.mlv-editor .ProseMirror u{text-underline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror a{color:var(--mlv-text-action);text-decoration:underline;text-underline-offset:var(--mlv-spacing-0-5);transition:color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor .ProseMirror a:visited{color:var(--mlv-text-action)}.mlv-editor .ProseMirror a:hover{color:var(--mlv-text-action-hover)}.mlv-editor .ProseMirror a:focus-visible{border-radius:var(--mlv-radius-xs);outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror ul,.mlv-editor .ProseMirror ol{padding-inline-start:var(--mlv-spacing-6);margin-block:0 var(--mlv-spacing-3)}.mlv-editor .ProseMirror ul ul,.mlv-editor .ProseMirror ul ol,.mlv-editor .ProseMirror ol ul,.mlv-editor .ProseMirror ol ol{margin-block:var(--mlv-spacing-1) 0}.mlv-editor .ProseMirror ul{list-style:disc}.mlv-editor .ProseMirror ul ul{list-style:circle}.mlv-editor .ProseMirror ol{list-style:decimal}.mlv-editor .ProseMirror li{margin-block:var(--mlv-spacing-1)}.mlv-editor .ProseMirror li>p{margin:0}.mlv-editor .ProseMirror ul[data-type=taskList]{padding:0;list-style:none}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]{display:flex;align-items:flex-start;gap:var(--mlv-spacing-2)}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label{display:inline-flex;align-items:center;min-block-size:var(--mlv-height-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label input{accent-color:var(--mlv-background-accent-1)}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label input:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>div{flex:1 1 auto;min-width:0}.mlv-editor .ProseMirror blockquote{padding-inline-start:var(--mlv-spacing-4);margin:var(--mlv-spacing-4) 0;border-inline-start:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);color:var(--mlv-text-secondary)}.mlv-editor .ProseMirror code{padding:var(--mlv-spacing-0-5) var(--mlv-spacing-1);border-radius:var(--mlv-radius-s);background:var(--mlv-background-neutral-1);color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-code-size)}.mlv-editor .ProseMirror pre{padding:var(--mlv-padding-m);margin-block:var(--mlv-spacing-4);overflow:auto;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-m);background:var(--mlv-background-sunken);color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-code-size);line-height:var(--mlv-typography-body-m-line-height);tab-size:2}.mlv-editor .ProseMirror pre code{padding:0;background:transparent;color:inherit;font-size:inherit}.mlv-editor .ProseMirror hr{height:var(--mlv-stroke-width);margin-block:var(--mlv-spacing-6);border:0;background:var(--mlv-border-normal)}.mlv-editor .ProseMirror img{display:block;max-inline-size:100%;block-size:auto;margin-block:var(--mlv-spacing-4);border-radius:var(--mlv-radius-m)}.mlv-editor .ProseMirror img.ProseMirror-selectednode{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:0}.mlv-editor .ProseMirror .ProseMirror-selectednode,.mlv-editor .ProseMirror [data-resize-state=true]{border-radius:var(--mlv-radius-s);outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-1)}.mlv-editor .ProseMirror [data-resize-container]{margin-block:var(--mlv-spacing-4)}.mlv-editor .ProseMirror [data-resize-container] img{margin-block:0}.mlv-editor .ProseMirror [data-resize-container].ProseMirror-selectednode,.mlv-editor .ProseMirror [data-resize-container][data-resize-state=true]{outline:none}.mlv-editor .ProseMirror [data-resize-container].ProseMirror-selectednode>[data-resize-wrapper],.mlv-editor .ProseMirror [data-resize-container][data-resize-state=true]>[data-resize-wrapper]{border-radius:var(--mlv-radius-m);outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:0}.mlv-editor .ProseMirror [data-resize-handle],.mlv-editor .ProseMirror .resize-handle{inline-size:var(--mlv-spacing-3);block-size:var(--mlv-spacing-3);border:var(--mlv-stroke-width) solid var(--mlv-background-base);border-radius:var(--mlv-radius-full);background:var(--mlv-background-accent-1);box-shadow:var(--mlv-shadow-raised)}.mlv-editor .ProseMirror [data-resize-handle]:focus-visible,.mlv-editor .ProseMirror .resize-handle:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror .is-editor-empty:first-child:before{float:left;height:0;color:var(--mlv-text-placeholder);content:attr(data-placeholder);pointer-events:none}.mlv-editor .tableWrapper{margin-block:var(--mlv-spacing-3);overflow-x:auto}.mlv-editor table{width:100%;border-collapse:collapse;table-layout:fixed}.mlv-editor th,.mlv-editor td{position:relative;min-width:3rem;padding:var(--mlv-spacing-2) var(--mlv-spacing-3);border:var(--mlv-stroke-width) solid var(--mlv-border-normal);vertical-align:top}.mlv-editor th{background:var(--mlv-background-neutral-1);font-weight:var(--mlv-font-weight-semibold)}.mlv-editor .selectedCell:after{position:absolute;inset:0;z-index:1;background:var(--mlv-background-accent-1-pale);content:\"\";opacity:.55;pointer-events:none}.mlv-editor .ProseMirror-focused .selectedCell:after{box-shadow:inset 0 0 0 var(--mlv-stroke-width-medium) var(--mlv-border-focus)}.mlv-editor .column-resize-handle{position:absolute;inset-block:0;inset-inline-end:calc(var(--mlv-stroke-width) * -1);z-index:2;width:calc(var(--mlv-stroke-width) * 2);background:var(--mlv-border-focus);pointer-events:none}.mlv-editor .resize-cursor{cursor:col-resize}@keyframes mlv-editor-upload-spin{to{transform:rotate(1turn)}}@keyframes mlv-editor-ai-chunk-in{0%{opacity:0;filter:blur(.125rem)}to{opacity:1;filter:blur(0)}}@keyframes mlv-editor-ai-caret-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:40rem){.mlv-editor{--mlv-editor-gutter: var(--mlv-spacing-3)}.mlv-editor__toolbar{flex-wrap:nowrap;overflow-x:auto}.mlv-editor__content{padding-block:var(--mlv-spacing-1-5)}.mlv-editor__status{justify-content:flex-start}.mlv-editor .ProseMirror h1{font-size:var(--mlv-typography-heading-h2-size)}.mlv-editor .ProseMirror h2{font-size:var(--mlv-typography-heading-h3-size)}}@media print{.mlv-editor__toolbar,.mlv-editor__status,.mlv-editor__block-handle,.mlv-editor__drop-indicator,.mlv-editor .mlv-editor-image-upload-status,.mlv-editor__upload-placeholder,.mlv-editor__ai-suggestion-delete,.mlv-editor__ai-caret{display:none}.mlv-editor__ai-suggestion-current{outline:none}.mlv-editor__ai-streaming-chunk{animation:none}.mlv-editor__viewport{overflow:visible}.mlv-editor__view{transform:none}.mlv-editor__content,.mlv-editor .ProseMirror{min-block-size:0;padding:0}.mlv-editor table{break-inside:avoid}}@media(hover:none){.mlv-editor__block-handle{display:none}}@media(prefers-reduced-motion:reduce){.mlv-editor .mlv-form-control-wrapper__control-container,.mlv-editor__view,.mlv-editor__block-handle,.mlv-editor__drop-indicator,.mlv-editor .ProseMirror--block-dragging>*,.mlv-editor .ProseMirror a{transition-duration:var(--mlv-duration-instant)}.mlv-editor__upload-placeholder:after,.mlv-editor__ai-streaming-chunk,.mlv-editor__ai-caret:after{animation:none}}.mlv-editor__drag-ghost{max-block-size:12rem;padding:var(--mlv-spacing-2);overflow:hidden;border-radius:var(--mlv-radius-m);background-color:var(--mlv-background-raised);box-shadow:var(--mlv-shadow-floating);opacity:.9;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);scale:.85;transform-origin:top left}\n"], dependencies: [{ kind: "component", type: MlvFormControlWrapper, selector: "mlv-form-control-wrapper", outputs: ["clear"] }, { kind: "directive", type: MlvFormControlWrapperControl, selector: "[mlvFormControlWrapperControl]" }, { kind: "component", type: MlvHint, selector: "mlv-hint" }, { kind: "component", type: MlvLabel, selector: "mlv-label", inputs: ["for", "required"] }, { kind: "component", type: MlvMessage, selector: "mlv-message", inputs: ["state"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvFade, selector: "[mlvFade]", inputs: ["mlvFadeHeight", "mlvFadeSize", "mlvFadeOffset", "mlvFade"] }, { kind: "component", type: MlvToolbar, selector: "mlv-toolbar", inputs: ["gap", "equalSize"] }, { kind: "component", type: MlvDivider, selector: "mlv-divider", inputs: ["orientation", "dashed", "muted"] }, { kind: "directive", type: MlvEditorToolbarRoot, selector: "[mlvEditorToolbarRoot]", inputs: ["ariaLabel", "disabled", "orientation", "wrap"], exportAs: ["mlvEditorToolbarRoot"] }, { kind: "component", type: MlvEditorToolbarOverflow, selector: "mlv-editor-toolbar-overflow" }, { kind: "component", type: MlvEditorUndoRedo, selector: "mlv-editor-undo-redo" }, { kind: "component", type: MlvEditorZoom, selector: "mlv-editor-zoom", inputs: ["zoom", "zoomLevels", "min", "max", "fitToContainer"], outputs: ["zoomChange"] }, { kind: "component", type: MlvEditorHeading, selector: "mlv-editor-heading", inputs: ["levels"] }, { kind: "component", type: MlvEditorList, selector: "mlv-editor-list" }, { kind: "component", type: MlvEditorInlineMarks, selector: "mlv-editor-inline-marks" }, { kind: "component", type: MlvEditorTextColor, selector: "mlv-editor-text-color" }, { kind: "component", type: MlvEditorStatus, selector: "mlv-editor-status", inputs: ["characterLimit"] }, { kind: "component", type: MlvEditorHighlight, selector: "mlv-editor-highlight" }, { kind: "component", type: MlvEditorLink, selector: "mlv-editor-link", inputs: ["allowedProtocols"] }, { kind: "component", type: MlvEditorImageUpload, selector: "mlv-editor-image-upload" }, { kind: "component", type: MlvEditorImageUploadStatus, selector: "mlv-editor-image-upload-status" }, { kind: "component", type: MlvEditorTable, selector: "mlv-editor-table" }, { kind: "component", type: MlvEditorAlignment, selector: "mlv-editor-alignment" }, { kind: "component", type: MlvEditorBlockInsert, selector: "mlv-editor-block-insert" }, { kind: "component", type: MlvSpacer, selector: "mlv-spacer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditor, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-editor', imports: [
-                        MlvFormControlWrapper,
-                        MlvFormControlWrapperControl,
-                        MlvHint,
-                        MlvLabel,
-                        MlvMessage,
-                        NgTemplateOutlet,
-                        MlvFade,
-                        MlvToolbar,
-                        MlvDivider,
-                        MlvEditorToolbarRoot,
-                        MlvEditorToolbarOverflow,
-                        MlvEditorUndoRedo,
-                        MlvEditorZoom,
-                        MlvEditorHeading,
-                        MlvEditorList,
-                        MlvEditorInlineMarks,
-                        MlvEditorTextColor,
-                        MlvEditorStatus,
-                        MlvEditorHighlight,
-                        MlvEditorLink,
-                        MlvEditorImageUpload,
-                        MlvEditorImageUploadStatus,
-                        MlvEditorTable,
-                        MlvEditorAlignment,
-                        MlvEditorBlockInsert,
-                        MlvSpacer,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        MlvEditorOverlayRegistry,
-                        MlvEditorToolbarRevision,
-                        MlvEditorToolbarRovingRegistry,
-                        MlvEditorUploadAbortRegistry,
-                        {
-                            provide: MLV_FORM_CONTROL,
-                            useExisting: forwardRef(() => MlvEditor),
-                        },
-                        {
-                            provide: MLV_EDITOR_TOOLBAR_CONTEXT,
-                            useExisting: forwardRef(() => MlvEditor),
-                        },
-                        {
-                            provide: MLV_EDITOR_TOOLBAR_REVISION,
-                            useFactory: (state) => state.revision,
-                            deps: [MlvEditorToolbarRevision],
-                        },
-                        {
-                            provide: MLV_EDITOR_TOOLBAR_ROVING,
-                            useExisting: MlvEditorToolbarRovingRegistry,
-                        },
-                        {
-                            provide: MLV_EDITOR_OVERLAY_REGISTRY,
-                            useExisting: MlvEditorOverlayRegistry,
-                        },
-                        {
-                            provide: MLV_EDITOR_UPLOAD_ABORT_REGISTRY,
-                            useExisting: MlvEditorUploadAbortRegistry,
-                        },
-                        MlvEditorAiContext,
-                        {
-                            provide: MLV_EDITOR_AI_CONTEXT,
-                            useExisting: MlvEditorAiContext,
-                        },
-                        {
-                            provide: MLV_EDITOR_AI_INPUT_PROVIDER,
-                            useFactory: () => {
-                                const owner = inject(forwardRef(() => MlvEditor));
-                                return owner.aiProvider;
-                            },
-                        },
-                        {
-                            provide: MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR,
-                            useFactory: () => {
-                                const owner = inject(forwardRef(() => MlvEditor));
-                                return createMlvEditorImageUploadCoordinator({
-                                    editor: owner.editor,
-                                    imageUploader: owner.imageUploader,
-                                    imageUploadOptions: owner.imageUploadOptions,
-                                    disabled: () => owner.computedDisabled(),
-                                    readonly: () => owner.readonly(),
-                                    emitSuccess: (event) => owner.imageUploadSuccess.emit(event),
-                                    emitFailure: (event) => owner.imageUploadFailure.emit(event),
-                                    emitCancelled: (event) => owner.imageUploadCancelled.emit(event),
-                                    emitError: (error) => owner.editorError.emit(error),
-                                }, inject(MLV_EDITOR_IMAGE_UPLOADER, { optional: true }) ?? undefined, inject(MLV_EDITOR_UPLOAD_ABORT_REGISTRY));
-                            },
-                        },
-                    ], host: {
-                        class: 'mlv-editor',
-                        '[class]': '"mlv-editor--content-width-" + contentWidth()',
-                        '[class.mlv-editor--disabled]': 'computedDisabled()',
-                        '[class.mlv-editor--readonly]': 'readonly()',
-                        '[class.mlv-editor--focused]': 'focused()',
-                        '[attr.aria-disabled]': 'computedDisabled() || null',
-                        '[attr.inert]': 'computedDisabled() ? "" : null',
-                        '[style.--mlv-editor-zoom]': 'zoom() / 100',
-                    }, template: "<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [id]=\"_labelId()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div class=\"mlv-editor__surface\">\n      <div\n        mlvEditorToolbarRoot\n        #toolbarRoot=\"mlvEditorToolbarRoot\"\n        class=\"mlv-editor__toolbar\"\n        [ariaLabel]=\"_toolbarAriaLabel()\"\n        [disabled]=\"computedDisabled()\"\n      >\n        @if (_hasToolbarDef()) {\n        <ng-content select=\"[mlvEditorToolbar]\" />\n        @for (definition of _toolbarDefs(); track definition) { @if\n        (definition.templateRef; as toolbarTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"toolbarTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n        />\n        } } } @else {\n        <ng-content select=\"[mlvEditorToolbarStart]\" />\n        @for (definition of _toolbarStartDefs(); track definition) { @if\n        (definition.templateRef; as startTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"startTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n        />\n        } }\n        <div mlvFade class=\"mlv-editor__toolbar-scroll\">\n          <mlv-toolbar>\n            <mlv-editor-undo-redo />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n            />\n            <mlv-editor-zoom />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n            />\n            <mlv-editor-heading />\n            <mlv-editor-list />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-inline-marks [hidden]=\"toolbarRoot.narrow()\" />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-text-color />\n            <mlv-editor-highlight />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-alignment [hidden]=\"toolbarRoot.narrow()\" />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-link />\n            <mlv-editor-table />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-block-insert [hidden]=\"toolbarRoot.narrow()\" />\n            <mlv-divider\n              class=\"mlv-editor-toolbar__separator\"\n              orientation=\"vertical\"\n              muted\n              [hidden]=\"toolbarRoot.narrow()\"\n            />\n            <mlv-editor-image-upload />\n          </mlv-toolbar>\n        </div>\n        <mlv-editor-toolbar-overflow />\n        @for (definition of _toolbarEndDefs(); track definition) { @if\n        (definition.templateRef; as endTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"endTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n        />\n        } }\n        <ng-content select=\"[mlvEditorToolbarEnd]\" />\n        }\n      </div>\n\n      <div class=\"mlv-editor__viewport\">\n        <div #view class=\"mlv-editor__view\">\n          <div #content class=\"mlv-editor__content\"></div>\n        </div>\n      </div>\n      <mlv-editor-image-upload-status />\n    </div>\n  </ng-template>\n\n  @if (message()) {\n  <mlv-message [state]=\"resolvedState()\" [id]=\"id() + '-message'\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n\n<div\n  class=\"mlv-editor__status\"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n>\n  <ng-content select=\"[mlvEditorStatus]\" />\n  <mlv-spacer />\n  <mlv-editor-status [characterLimit]=\"characterLimit()\" />\n</div>\n", styles: [".mlv-editor{--mlv-editor-gutter: var(--mlv-spacing-6);--mlv-editor-measure: 45rem;--mlv-editor-drop-gap: 1.5rem;box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor *{box-sizing:border-box}.mlv-editor{display:block;color:var(--mlv-text-primary)}.mlv-editor .mlv-form-control-wrapper__control-container{height:auto;min-height:var(--form-ctrl-height);padding:0;overflow:hidden;background:var(--mlv-background-base);transition:border-color var(--mlv-duration-fast) var(--mlv-ease-default),box-shadow var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor .mlv-form-control-wrapper__control-row{align-items:stretch}.mlv-form-control-wrapper--state-error .mlv-editor__surface{box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-error)}.mlv-editor__surface{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;width:100%;background:var(--mlv-elevation-bg-3)}.mlv-editor__toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--mlv-spacing-1);min-width:0;padding:var(--mlv-padding-xs);overflow:hidden;border-bottom:var(--mlv-stroke-width) solid var(--mlv-border-normal);background:var(--mlv-elevation-bg-3)}.mlv-editor__toolbar [hidden]{display:none!important}.mlv-editor__toolbar-scroll{flex:1 1 auto;min-width:0}.mlv-editor__toolbar-scroll>.mlv-toolbar{width:max-content;min-width:100%;flex-wrap:nowrap}.mlv-editor .mlv-editor-toolbar__separator{flex:0 0 auto;min-height:var(--mlv-height-s);margin-inline:var(--mlv-spacing-1)}.mlv-editor .mlv-editor-toolbar__overflow,.mlv-editor .mlv-editor-undo-redo,.mlv-editor .mlv-editor-inline-marks,.mlv-editor .mlv-editor-block-insert{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor mlv-editor-zoom,.mlv-editor mlv-editor-heading,.mlv-editor mlv-editor-list,.mlv-editor mlv-editor-text-color,.mlv-editor mlv-editor-highlight,.mlv-editor mlv-editor-alignment,.mlv-editor mlv-editor-link,.mlv-editor mlv-editor-table,.mlv-editor mlv-editor-image-upload{flex:0 0 auto}.mlv-editor__viewport{min-block-size:8rem;overflow:auto;overscroll-behavior:contain}.mlv-editor__view{position:relative;min-inline-size:100%;transform:scale(var(--mlv-editor-zoom, 1));transform-origin:left top;transition:transform var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor__content{min-block-size:8rem;padding-block:var(--mlv-spacing-2);padding-inline:var(--mlv-editor-gutter);border:0;outline:none}.mlv-editor__block-handle{position:absolute;inset-inline-start:max(0rem,(100% - 2 * var(--mlv-editor-gutter) - var(--mlv-editor-measure)) / 2);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--mlv-editor-gutter);block-size:var(--mlv-height-xs);border-radius:var(--mlv-radius-s);color:var(--mlv-text-tertiary);cursor:grab;opacity:0;pointer-events:none;transition:opacity var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor__block-handle svg{inline-size:var(--mlv-spacing-4);block-size:var(--mlv-spacing-4);fill:currentcolor}.mlv-editor__block-handle:hover{background-color:var(--mlv-background-neutral-1-hover);color:var(--mlv-text-secondary)}.mlv-editor__block-handle[data-visible=true]{opacity:1;pointer-events:auto}.mlv-editor__drop-indicator{position:absolute;inset-inline:calc(max(0rem,(100% - 2 * var(--mlv-editor-gutter) - var(--mlv-editor-measure)) / 2) + var(--mlv-editor-gutter));block-size:var(--mlv-stroke-width-medium);border-radius:var(--mlv-radius-full);background-color:var(--mlv-border-focus);opacity:0;pointer-events:none;transform:translateY(calc(var(--mlv-editor-drop-gap) / 2 - var(--mlv-stroke-width-medium) / 2));transition:top var(--mlv-duration-normal) var(--mlv-ease-out),opacity var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor__drop-indicator[data-visible=true]{opacity:1}.mlv-editor .mlv-editor__block--dragging{opacity:var(--mlv-disabled-opacity)}.mlv-editor .ProseMirror--block-dragging>*{transition:transform var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-editor__status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-2);min-block-size:var(--mlv-spacing-4);margin-block-start:var(--mlv-spacing-1)}.mlv-editor__upload-placeholder{position:relative;display:inline-block;inline-size:var(--mlv-height-l);block-size:var(--mlv-height-l);margin-inline:var(--mlv-spacing-1);border:var(--mlv-stroke-width) dashed var(--mlv-border-focus);border-radius:var(--mlv-radius-m);background:var(--mlv-background-accent-1-pale);vertical-align:middle}.mlv-editor__upload-placeholder:after{position:absolute;inset:var(--mlv-spacing-2);border:var(--mlv-stroke-width-medium) solid var(--mlv-border-normal);border-block-start-color:var(--mlv-border-focus);border-radius:var(--mlv-radius-full);animation:mlv-editor-upload-spin var(--mlv-duration-slower) var(--mlv-ease-linear) infinite;content:\"\"}.mlv-editor__ai-streaming{border-radius:var(--mlv-radius-xs);background-color:var(--mlv-background-accent-1-pale)}.mlv-editor__ai-streaming-chunk{animation:mlv-editor-ai-chunk-in var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-editor__ai-caret{position:relative;display:inline-block;inline-size:0;block-size:1em;pointer-events:none}.mlv-editor__ai-caret:after{position:absolute;inset-block:0;inset-inline-start:.0625rem;inline-size:.35em;border-radius:var(--mlv-radius-xs);background:linear-gradient(to bottom,var(--mlv-background-accent-1),var(--mlv-background-accent-2));content:\"\";animation:mlv-editor-ai-caret-pulse var(--mlv-duration-sluggish) var(--mlv-ease-in-out) infinite}.mlv-editor__ai-suggestion-insert{border-radius:var(--mlv-radius-xs);background-color:var(--mlv-background-success-pale)}.mlv-editor__ai-suggestion-delete{border-radius:var(--mlv-radius-xs);background-color:var(--mlv-background-danger-1-pale);color:var(--mlv-text-negative);text-decoration-line:line-through}.mlv-editor__ai-suggestion-current{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:.125rem}.mlv-editor--content-width-default{--mlv-editor-measure: 45rem}.mlv-editor--content-width-wide{--mlv-editor-measure: 60rem}.mlv-editor--content-width-full{--mlv-editor-measure: 100%}.mlv-editor--focused .mlv-form-control-wrapper__control-container{border-color:var(--mlv-border-focus);box-shadow:var(--mlv-focus-ring)}.mlv-editor--readonly .ProseMirror{cursor:text}.mlv-editor--readonly .ProseMirror ::selection{background:var(--mlv-background-accent-1-pale)}.mlv-editor--disabled{opacity:var(--mlv-disabled-opacity)}.mlv-editor--disabled .mlv-editor__surface,.mlv-editor--disabled .mlv-editor__status{pointer-events:none}.mlv-editor--disabled .mlv-editor__content,.mlv-editor--disabled .ProseMirror{cursor:default;-webkit-user-select:none;user-select:none}.mlv-editor .ProseMirror{min-block-size:inherit;max-inline-size:var(--mlv-editor-measure);margin-inline:auto;color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size);font-weight:var(--mlv-typography-body-m-weight);line-height:var(--mlv-typography-body-m-line-height);overflow-wrap:anywhere;white-space:pre-wrap}.mlv-editor .ProseMirror:focus-visible{outline:none}.mlv-editor .ProseMirror>*:first-child{margin-block-start:0}.mlv-editor .ProseMirror>*:last-child{margin-block-end:0}.mlv-editor .ProseMirror p{margin-block:0 var(--mlv-spacing-3)}.mlv-editor .ProseMirror h1,.mlv-editor .ProseMirror h2,.mlv-editor .ProseMirror h3,.mlv-editor .ProseMirror h4,.mlv-editor .ProseMirror h5,.mlv-editor .ProseMirror h6{margin-block:var(--mlv-spacing-6) var(--mlv-spacing-3);color:var(--mlv-text-heading);font-family:var(--mlv-typography-family-heading)}.mlv-editor .ProseMirror h1{font-size:var(--mlv-typography-heading-h1-size);font-weight:var(--mlv-typography-heading-h1-weight);line-height:var(--mlv-typography-heading-h1-line-height)}.mlv-editor .ProseMirror h2{font-size:var(--mlv-typography-heading-h2-size);font-weight:var(--mlv-typography-heading-h2-weight);line-height:var(--mlv-typography-heading-h2-line-height)}.mlv-editor .ProseMirror h3{font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height)}.mlv-editor .ProseMirror h4{font-size:var(--mlv-typography-heading-h4-size);font-weight:var(--mlv-typography-heading-h4-weight);line-height:var(--mlv-typography-heading-h4-line-height)}.mlv-editor .ProseMirror h5{font-size:var(--mlv-typography-heading-h5-size);font-weight:var(--mlv-typography-heading-h5-weight);line-height:var(--mlv-typography-heading-h5-line-height)}.mlv-editor .ProseMirror h6{font-size:var(--mlv-typography-heading-h6-size);font-weight:var(--mlv-typography-heading-h6-weight);line-height:var(--mlv-typography-heading-h6-line-height)}.mlv-editor .ProseMirror h1{letter-spacing:var(--mlv-typography-heading-h1-letter-spacing)}.mlv-editor .ProseMirror h2{letter-spacing:var(--mlv-typography-heading-h2-letter-spacing)}.mlv-editor .ProseMirror h3,.mlv-editor .ProseMirror h4,.mlv-editor .ProseMirror h5,.mlv-editor .ProseMirror h6{letter-spacing:var(--mlv-letter-spacing-normal)}.mlv-editor .ProseMirror strong{font-weight:var(--mlv-font-weight-bold)}.mlv-editor .ProseMirror em{font-style:italic}.mlv-editor .ProseMirror s{text-decoration:line-through}.mlv-editor .ProseMirror u{text-underline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror a{color:var(--mlv-text-action);text-decoration:underline;text-underline-offset:var(--mlv-spacing-0-5);transition:color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor .ProseMirror a:visited{color:var(--mlv-text-action)}.mlv-editor .ProseMirror a:hover{color:var(--mlv-text-action-hover)}.mlv-editor .ProseMirror a:focus-visible{border-radius:var(--mlv-radius-xs);outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror ul,.mlv-editor .ProseMirror ol{padding-inline-start:var(--mlv-spacing-6);margin-block:0 var(--mlv-spacing-3)}.mlv-editor .ProseMirror ul ul,.mlv-editor .ProseMirror ul ol,.mlv-editor .ProseMirror ol ul,.mlv-editor .ProseMirror ol ol{margin-block:var(--mlv-spacing-1) 0}.mlv-editor .ProseMirror ul{list-style:disc}.mlv-editor .ProseMirror ul ul{list-style:circle}.mlv-editor .ProseMirror ol{list-style:decimal}.mlv-editor .ProseMirror li{margin-block:var(--mlv-spacing-1)}.mlv-editor .ProseMirror li>p{margin:0}.mlv-editor .ProseMirror ul[data-type=taskList]{padding:0;list-style:none}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]{display:flex;align-items:flex-start;gap:var(--mlv-spacing-2)}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label{display:inline-flex;align-items:center;min-block-size:var(--mlv-height-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label input{accent-color:var(--mlv-background-accent-1)}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>label input:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror ul[data-type=taskList] li[data-type=taskItem]>div{flex:1 1 auto;min-width:0}.mlv-editor .ProseMirror blockquote{padding-inline-start:var(--mlv-spacing-4);margin:var(--mlv-spacing-4) 0;border-inline-start:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);color:var(--mlv-text-secondary)}.mlv-editor .ProseMirror code{padding:var(--mlv-spacing-0-5) var(--mlv-spacing-1);border-radius:var(--mlv-radius-s);background:var(--mlv-background-neutral-1);color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-code-size)}.mlv-editor .ProseMirror pre{padding:var(--mlv-padding-m);margin-block:var(--mlv-spacing-4);overflow:auto;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-m);background:var(--mlv-background-sunken);color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-code-size);line-height:var(--mlv-typography-body-m-line-height);tab-size:2}.mlv-editor .ProseMirror pre code{padding:0;background:transparent;color:inherit;font-size:inherit}.mlv-editor .ProseMirror hr{height:var(--mlv-stroke-width);margin-block:var(--mlv-spacing-6);border:0;background:var(--mlv-border-normal)}.mlv-editor .ProseMirror img{display:block;max-inline-size:100%;block-size:auto;margin-block:var(--mlv-spacing-4);border-radius:var(--mlv-radius-m)}.mlv-editor .ProseMirror img.ProseMirror-selectednode{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:0}.mlv-editor .ProseMirror .ProseMirror-selectednode,.mlv-editor .ProseMirror [data-resize-state=true]{border-radius:var(--mlv-radius-s);outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-1)}.mlv-editor .ProseMirror [data-resize-container]{margin-block:var(--mlv-spacing-4)}.mlv-editor .ProseMirror [data-resize-container] img{margin-block:0}.mlv-editor .ProseMirror [data-resize-container].ProseMirror-selectednode,.mlv-editor .ProseMirror [data-resize-container][data-resize-state=true]{outline:none}.mlv-editor .ProseMirror [data-resize-container].ProseMirror-selectednode>[data-resize-wrapper],.mlv-editor .ProseMirror [data-resize-container][data-resize-state=true]>[data-resize-wrapper]{border-radius:var(--mlv-radius-m);outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:0}.mlv-editor .ProseMirror [data-resize-handle],.mlv-editor .ProseMirror .resize-handle{inline-size:var(--mlv-spacing-3);block-size:var(--mlv-spacing-3);border:var(--mlv-stroke-width) solid var(--mlv-background-base);border-radius:var(--mlv-radius-full);background:var(--mlv-background-accent-1);box-shadow:var(--mlv-shadow-raised)}.mlv-editor .ProseMirror [data-resize-handle]:focus-visible,.mlv-editor .ProseMirror .resize-handle:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-spacing-0-5)}.mlv-editor .ProseMirror .is-editor-empty:first-child:before{float:left;height:0;color:var(--mlv-text-placeholder);content:attr(data-placeholder);pointer-events:none}.mlv-editor .tableWrapper{margin-block:var(--mlv-spacing-3);overflow-x:auto}.mlv-editor table{width:100%;border-collapse:collapse;table-layout:fixed}.mlv-editor th,.mlv-editor td{position:relative;min-width:3rem;padding:var(--mlv-spacing-2) var(--mlv-spacing-3);border:var(--mlv-stroke-width) solid var(--mlv-border-normal);vertical-align:top}.mlv-editor th{background:var(--mlv-background-neutral-1);font-weight:var(--mlv-font-weight-semibold)}.mlv-editor .selectedCell:after{position:absolute;inset:0;z-index:1;background:var(--mlv-background-accent-1-pale);content:\"\";opacity:.55;pointer-events:none}.mlv-editor .ProseMirror-focused .selectedCell:after{box-shadow:inset 0 0 0 var(--mlv-stroke-width-medium) var(--mlv-border-focus)}.mlv-editor .column-resize-handle{position:absolute;inset-block:0;inset-inline-end:calc(var(--mlv-stroke-width) * -1);z-index:2;width:calc(var(--mlv-stroke-width) * 2);background:var(--mlv-border-focus);pointer-events:none}.mlv-editor .resize-cursor{cursor:col-resize}@keyframes mlv-editor-upload-spin{to{transform:rotate(1turn)}}@keyframes mlv-editor-ai-chunk-in{0%{opacity:0;filter:blur(.125rem)}to{opacity:1;filter:blur(0)}}@keyframes mlv-editor-ai-caret-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:40rem){.mlv-editor{--mlv-editor-gutter: var(--mlv-spacing-3)}.mlv-editor__toolbar{flex-wrap:nowrap;overflow-x:auto}.mlv-editor__content{padding-block:var(--mlv-spacing-1-5)}.mlv-editor__status{justify-content:flex-start}.mlv-editor .ProseMirror h1{font-size:var(--mlv-typography-heading-h2-size)}.mlv-editor .ProseMirror h2{font-size:var(--mlv-typography-heading-h3-size)}}@media print{.mlv-editor__toolbar,.mlv-editor__status,.mlv-editor__block-handle,.mlv-editor__drop-indicator,.mlv-editor .mlv-editor-image-upload-status,.mlv-editor__upload-placeholder,.mlv-editor__ai-suggestion-delete,.mlv-editor__ai-caret{display:none}.mlv-editor__ai-suggestion-current{outline:none}.mlv-editor__ai-streaming-chunk{animation:none}.mlv-editor__viewport{overflow:visible}.mlv-editor__view{transform:none}.mlv-editor__content,.mlv-editor .ProseMirror{min-block-size:0;padding:0}.mlv-editor table{break-inside:avoid}}@media(hover:none){.mlv-editor__block-handle{display:none}}@media(prefers-reduced-motion:reduce){.mlv-editor .mlv-form-control-wrapper__control-container,.mlv-editor__view,.mlv-editor__block-handle,.mlv-editor__drop-indicator,.mlv-editor .ProseMirror--block-dragging>*,.mlv-editor .ProseMirror a{transition-duration:var(--mlv-duration-instant)}.mlv-editor__upload-placeholder:after,.mlv-editor__ai-streaming-chunk,.mlv-editor__ai-caret:after{animation:none}}.mlv-editor__drag-ghost{max-block-size:12rem;padding:var(--mlv-spacing-2);overflow:hidden;border-radius:var(--mlv-radius-m);background-color:var(--mlv-background-raised);box-shadow:var(--mlv-shadow-floating);opacity:.9;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);scale:.85;transform-origin:top left}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], contentWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentWidth", required: false }] }], extensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "extensions", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], characterLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "characterLimit", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], imageUploader: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploader", required: false }] }], imageUploadOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploadOptions", required: false }] }], aiProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiProvider", required: false }] }], editorReady: [{ type: i0.Output, args: ["editorReady"] }], focus: [{ type: i0.Output, args: ["focus"] }], blur: [{ type: i0.Output, args: ["blur"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], transaction: [{ type: i0.Output, args: ["transaction"] }], editorError: [{ type: i0.Output, args: ["editorError"] }], imageUploadSuccess: [{ type: i0.Output, args: ["imageUploadSuccess"] }], imageUploadFailure: [{ type: i0.Output, args: ["imageUploadFailure"] }], imageUploadCancelled: [{ type: i0.Output, args: ["imageUploadCancelled"] }], _content: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], _view: [{ type: i0.ViewChild, args: ['view', { isSignal: true }] }], _toolbarDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MlvEditorToolbarDef), { isSignal: true }] }], _toolbarStartDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MlvEditorToolbarStartDef), { isSignal: true }] }], _toolbarEndDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MlvEditorToolbarEndDef), { isSignal: true }] }] } });
-//# sourceMappingURL=editor.js.map