@malva-ui/editor 0.1.14 → 0.2.0

package/fesm2022/malva-ui-editor.mjs

@@ -1,7 +1,9 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, Injectable, inject, computed, ElementRef, DestroyRef, Directive, input, viewChild, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, untracked, Injector, viewChildren, TemplateRef, model, PLATFORM_ID, output, contentChildren, forwardRef } from '@angular/core';
+import { InjectionToken, signal, Injectable, computed, inject, DestroyRef, ElementRef, Directive, input, viewChild, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, TemplateRef, ViewContainerRef, PLATFORM_ID, afterNextRender, untracked, afterRenderEffect, Injector, viewChildren, model, output, contentChildren, forwardRef } from '@angular/core';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { MLV_EDITOR_I18N, MlvI18nResolverService, MLV_FILE_UPLOAD_I18N } from '@malva-ui/i18n';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Subscription, fromEvent, merge, take, delay } from 'rxjs';
 import { closeHistory } from '@tiptap/pm/history';
 import { Node as Node$1, Slice, Fragment } from '@tiptap/pm/model';
 import { PluginKey, Plugin, TextSelection, NodeSelection } from '@tiptap/pm/state';
@@ -16,12 +18,14 @@ import { MlvMenuTrigger, MlvMenu, MlvMenuItem } from '@malva-ui/core/menu';
 import { MlvPopup, MlvPopupContainer, MlvPopupContent, MlvPopupTrigger } from '@malva-ui/core/popup';
 import { MlvRadio, MlvRadioGroup } from '@malva-ui/core/radio';
 import { MlvTooltip } from '@malva-ui/core/tooltip';
-import { getExtensionField, flattenExtensions, findDuplicates, Extension, generateHTML, getMarkRange, Editor } from '@tiptap/core';
-import { MlvRtlService, MlvResizeObserverService, mlvNextId, MlvFade, MlvSpacer } from '@malva-ui/cdk/utils';
+import { getExtensionField, flattenExtensions, findDuplicates, posToDOMRect, Extension, generateHTML, getMarkRange, Editor } from '@tiptap/core';
+import { MlvRtlService, MlvResizeObserverService, mlvMirrorInlineOffsets, mlvNextId, MlvFade, MlvSpacer } from '@malva-ui/cdk/utils';
 import { MlvSelectionService, MlvSignalFormControlBase, MlvFormControlWrapper, MlvFormControlWrapperControl, MlvHint, MlvLabel, MlvMessage, MLV_FORM_CONTROL } from '@malva-ui/core/form-utils';
 import { MlvToolbar } from '@malva-ui/core/toolbar';
 import { MlvDivider } from '@malva-ui/core/divider';
 import { Markdown } from '@tiptap/markdown';
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
 import { FileHandlePlugin } from '@tiptap/extension-file-handler';
 import Image from '@tiptap/extension-image';
 import { TaskList, TaskItem } from '@tiptap/extension-list';
@@ -37,7 +41,6 @@ import { MlvDialogRef, MlvDialog, MlvDialogBody, MlvDialogFooter, MlvDialogHeade
 import { MlvProgress } from '@malva-ui/core/progress';
 import { MlvFileUpload } from '@malva-ui/core/file-upload';
 import { DOWN_ARROW, UP_ARROW, RIGHT_ARROW, LEFT_ARROW } from '@angular/cdk/keycodes';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MlvDropdownPanel } from '@malva-ui/core/dropdown';
 
 /** Optional dependency-injection token for a host-provided image uploader. */
@@ -173,10 +176,10 @@ class MlvEditorToolbarRevision {
     /** @internal Increments after every Tiptap transaction or selection update. */
     revision = signal(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRevision, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRevision });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRevision, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRevision });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRevision, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRevision, decorators: [{
             type: Injectable
         }] });
 /** @internal Supplies the built-in toolbar's per-editor invalidation signal. */
@@ -212,15 +215,41 @@ class MlvEditorToolbarRovingRegistry {
                 this._disconnectObserver();
         };
     }
-    /** @internal Resolves the single effective tab stop, even during DOM mutations. */
+    /**
+     * @internal Resolves the single effective tab stop, even during DOM mutations.
+     *
+     * Called once per registered widget on every invalidation, so it does no DOM
+     * work of its own: the enabled set and its order come from
+     * `_enabledWidgets()`, which is derived once per generation and carries the
+     * `_domStateRevision` dependency that keeps this reactive.
+     */
     isActive(widget) {
-        this._domStateRevision();
+        const enabled = this._enabledWidgets();
         const active = this._active();
-        const effectiveActive = active && this._enabled(active)
-            ? active
-            : (this._enabledWidgets()[0] ?? null);
-        return (!this._disabled() && effectiveActive === widget && this._enabled(widget));
+        const effectiveActive = active && enabled.includes(active) ? active : (enabled[0] ?? null);
+        return (!this._disabled() &&
+            effectiveActive === widget &&
+            enabled.includes(widget));
     }
+    /**
+     * @internal Promotes a widget to the tab stop, gated on a **live** DOM read
+     * rather than on `_enabledWidgets()`.
+     *
+     * Deliberate, and the only place the two readings differ. `activate()` runs
+     * from a `focus` / `pointerdown` handler, so the question it has to answer is
+     * "is this widget interactive at this instant" — the live read is that
+     * question, and it is never wrong. The memo can only lag the DOM inside the
+     * window between a DOM write and the observer's microtask, and no input event
+     * is dispatched in that window, so the two agree today; keeping the live read
+     * means they still agree if some future code writes an attribute and calls
+     * `activate()` in the same turn, where the memo would be a generation behind
+     * and would refuse a widget the user can see is enabled.
+     *
+     * `move()` and `focusBoundary()` take the memo instead because they need the
+     * *order* of the enabled set, and an order assembled from N independent live
+     * reads is exactly what the memo exists to prevent. Do not "harmonise" the
+     * two: they are asking different questions.
+     */
     activate(widget) {
         if (this._widgets().includes(widget) && this._enabled(widget)) {
             this._hasInteracted = true;
@@ -273,14 +302,42 @@ class MlvEditorToolbarRovingRegistry {
             !widget.hasAttribute('disabled') &&
             widget.getAttribute('aria-disabled') !== 'true');
     }
-    _enabledWidgets() {
+    /**
+     * @private Registered widgets that are currently interactive, in DOM order.
+     *
+     * Derived once per invalidation generation rather than once per widget.
+     * `isActive()` runs for every registered widget — 21 on the built-in
+     * toolbar — and Angular settles one `disabled` transition in about two
+     * change-detection passes, so the enabled order was assembled roughly
+     * `2N + 2` times, each assembly walking the DOM with `closest('[hidden]')`
+     * once per widget. The shape is therefore `(≈2N + c) derivations × N walks`,
+     * not the plain `N^2` an earlier draft of this comment claimed — `N^2` at
+     * N=21 is 441, and the measured cost is about twice that.
+     *
+     * Measured on the built-in toolbar at N=21, over `disabled` false → true:
+     * the code this replaced took 39 derivations / 841 walks; this file with only
+     * the `computed()` removed takes 44 / 924; as written it takes 1 / 21. The
+     * two pre-fix figures differ because the old `isActive()` short-circuited on
+     * a still-enabled `_active` and paid single `_enabled()` reads outside the
+     * derivations. 924 is the one the spec's guard is written against, since that
+     * ablation isolates this `computed()` and changes nothing else.
+     *
+     * `_domStateRevision` is what makes the memo correct. The enabled set is a
+     * DOM read, and the `MutationObserver` that bumps that signal is the only
+     * thing that tells the graph the DOM moved — the same dependency `isActive()`
+     * already relied on. Every consumer now shares one snapshot per generation
+     * instead of each re-reading the DOM at a different point in the same pass.
+     */
+    _enabledWidgets = computed(() => {
+        this._domStateRevision();
         return this._widgets()
             .filter((widget) => this._enabled(widget))
             .sort((left, right) => {
             const position = left.compareDocumentPosition(right);
             return position & 4 ? -1 : position & 2 ? 1 : 0;
         });
-    }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_enabledWidgets" }] : /* istanbul ignore next */ []));
     _observeStateChanges() {
         if (this._observer ||
             typeof MutationObserver === 'undefined' ||
@@ -289,6 +346,21 @@ class MlvEditorToolbarRovingRegistry {
             !(this._root instanceof Node)) {
             return;
         }
+        // No debounce, deliberately, and the durable reason is the memo below, not
+        // the batching: after it, a redundant invalidation costs exactly one
+        // derivation — 21 `closest('[hidden]')` walks on the built-in toolbar — so
+        // even a coalescer that did merge something would be buying ~nothing, and
+        // would pay for it by leaving the tab stop a turn stale.
+        //
+        // A `queueMicrotask` coalescer also merges nothing here, in either
+        // direction. Mutations written in one turn are already one callback:
+        // `MutationObserver` delivers once per microtask checkpoint carrying every
+        // record accumulated since the last delivery, so disabling the editor
+        // writes 22 attributes and lands here once ("coalesces a whole batch of
+        // observed mutations into one invalidation" pins that). Mutations spread
+        // across separate microtasks are not merged either — each already lands in
+        // its own turn, which is precisely where a per-turn debounce flushes.
+        // The cost that was worth removing was the fan-out below.
         this._observer = new MutationObserver(() => {
             this._domStateRevision.update((revision) => revision + 1);
             this._synchronizeActiveWidget();
@@ -300,9 +372,23 @@ class MlvEditorToolbarRovingRegistry {
             subtree: true,
         });
     }
+    /**
+     * @private Re-resolves `_active` when the widget holding the tab stop is no
+     * longer part of the enabled set.
+     *
+     * Reactive-graph note: this reads `_enabledWidgets()`, where it used to read
+     * a non-reactive `_enabled(active)`, so `MlvEditorToolbarRoot`'s effect —
+     * which reaches here through `setDisabled()` — now tracks `_widgets` and
+     * `_domStateRevision` on *both* branches, not just on the fall-through into
+     * `_focusFirstWidget()`. The effect therefore re-runs on every widget
+     * registration and every observed mutation. That is deliberate and cheap
+     * post-memo (a re-run costs one cached memo read), and it does not loop:
+     * `_active` converges in at most two runs, and the effect already both read
+     * and wrote `_active` before this change.
+     */
     _synchronizeActiveWidget() {
         const active = this._active();
-        if (active && this._enabled(active))
+        if (active && this._enabledWidgets().includes(active))
             return;
         this._focusFirstWidget();
     }
@@ -313,14 +399,28 @@ class MlvEditorToolbarRovingRegistry {
         this._observer?.disconnect();
         this._observer = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRovingRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRovingRegistry });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRovingRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRovingRegistry });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRovingRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRovingRegistry, decorators: [{
             type: Injectable
         }] });
 /** @internal Resolves the nearest editor's projected-toolbar roving registry. */
 const MLV_EDITOR_TOOLBAR_ROVING = new InjectionToken('MLV_EDITOR_TOOLBAR_ROVING');
+/**
+ * @internal Focuses the editor content with its selection. `view.focus()`
+ * alone moves no DOM focus while the view is not editable (`readonly`), so the
+ * contenteditable root is focused first; ProseMirror then writes the selection
+ * back to the DOM.
+ */
+function mlvEditorFocusContent(editor) {
+    if (editor.isDestroyed)
+        return;
+    if (!editor.view.editable) {
+        editor.view.dom.focus({ preventScroll: true });
+    }
+    editor.view.focus();
+}
 /**
  * Internal per-editor registry for CDK overlay roots owned by toolbar controls.
  * It is intentionally excluded from the public barrel: public controls use it
@@ -330,6 +430,14 @@ class MlvEditorOverlayRegistry {
     _entries = new Map();
     _onFocusIn;
     _onFocusOut;
+    /**
+     * @private Net for the whole registry. Each entry is released the moment its
+     * overlay is removed — a destroy-scoped lifetime alone would hold every
+     * overlay ever opened — but this guarantees release even if a consumer never
+     * calls `destroy()` or `closeAll()`. The registry is provided by the editor
+     * component, so this ref is the editor's.
+     */
+    _destroyRef = inject(DestroyRef);
     /** @internal Wires the nearest editor's composite focus handlers. */
     setFocusHandlers(onFocusIn, onFocusOut) {
         this._onFocusIn = onFocusIn;
@@ -342,12 +450,17 @@ class MlvEditorOverlayRegistry {
             existing.close = close;
             return () => this._remove(root);
         }
-        const onFocusIn = (event) => this._onFocusIn?.(event);
-        const onFocusOut = (event) => this._onFocusOut?.(event);
-        const entry = { root, close, onFocusIn, onFocusOut };
-        this._entries.set(root, entry);
-        root.addEventListener('focusin', onFocusIn, true);
-        root.addEventListener('focusout', onFocusOut, true);
+        // Capture phase, matching the editor host's own boundary listeners: an
+        // overlay's content may stop focus events on its way back up, and the
+        // composite has to see the crossing regardless.
+        const listeners = new Subscription();
+        listeners.add(fromEvent(root, 'focusin', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._onFocusIn?.(event)));
+        listeners.add(fromEvent(root, 'focusout', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._onFocusOut?.(event)));
+        this._entries.set(root, { root, close, listeners });
         return () => this._remove(root);
     }
     /** @internal Whether a node is rendered in an editor-owned overlay. */
@@ -370,6 +483,45 @@ class MlvEditorOverlayRegistry {
             }
         }
     }
+    /**
+     * @internal Asks every owned overlay except `keep` to close and leaves each
+     * entry for its owner to release, unlike `closeAll()`: an entry with nothing
+     * to close (the AI review bar) keeps its focus listeners.
+     */
+    closeOthers(keep) {
+        for (const entry of [...this._entries.values()]) {
+            if (entry.root === keep)
+                continue;
+            try {
+                entry.close();
+            }
+            catch {
+                // A third-party overlay must not keep the others open.
+            }
+        }
+    }
+    /**
+     * @internal A toolbar surface is going away because the editor turned
+     * `readonly` (#498): the docked band, which the next render removes, or the
+     * selection bubble's pane, which it hides. Asks every owned overlay except
+     * `surface` to close, like `closeOthers()`, and keeps focus in the editor:
+     * focus in `surface`, or in a popup (a registered root portaled into an
+     * overlay pane that `content` does not share; inside a dialog it does), moves
+     * to the content through `focusContent` first, while both still exist, so a
+     * closing popup finds focus outside its pane and hands nothing back to a
+     * trigger in `surface`. Focus anywhere else (the content, the status row,
+     * the AI review bar) stays where it is.
+     */
+    closeForReadonly(surface, content, focusContent) {
+        const active = surface.ownerDocument.activeElement;
+        if (active &&
+            (surface.contains(active) ||
+                (this.contains(active) &&
+                    !(active.closest('.cdk-overlay-pane')?.contains(content) ?? true)))) {
+            focusContent();
+        }
+        this.closeOthers(surface);
+    }
     /** @internal Removes listener resources without invoking overlay close callbacks. */
     destroy() {
         for (const entry of [...this._entries.values()])
@@ -380,13 +532,12 @@ class MlvEditorOverlayRegistry {
         if (!entry)
             return;
         this._entries.delete(root);
-        entry.root.removeEventListener('focusin', entry.onFocusIn, true);
-        entry.root.removeEventListener('focusout', entry.onFocusOut, true);
+        entry.listeners.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorOverlayRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorOverlayRegistry });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorOverlayRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorOverlayRegistry });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorOverlayRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorOverlayRegistry, decorators: [{
             type: Injectable
         }] });
 /** @internal Injection token for editor-owned overlay registration. */
@@ -414,10 +565,10 @@ class MlvEditorUploadAbortRegistry {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorUploadAbortRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorUploadAbortRegistry });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorUploadAbortRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorUploadAbortRegistry });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorUploadAbortRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorUploadAbortRegistry, decorators: [{
             type: Injectable
         }] });
 /** @internal Injection token for the editor-owned upload abort registry. */
@@ -2472,10 +2623,10 @@ class MlvEditorAiContext {
         const text = editor.getText();
         return text.length > 0 ? text : null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiContext });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiContext });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiContext, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiContext, decorators: [{
             type: Injectable
         }] });
 /** Injects the AI command state belonging to the nearest `mlv-editor`. */
@@ -2504,10 +2655,10 @@ class MlvEditorToolbarWidget {
     _activateOnPointerDown() {
         this._registry.activate(this._element);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorToolbarWidget, isStandalone: true, selector: "[mlvEditorToolbarWidget]", host: { listeners: { "focus": "_activate()", "pointerdown": "_activateOnPointerDown()" }, properties: { "attr.tabindex": "_tabIndex()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorToolbarWidget, isStandalone: true, selector: "[mlvEditorToolbarWidget]", host: { listeners: { "focus": "_activate()", "pointerdown": "_activateOnPointerDown()" }, properties: { "attr.tabindex": "_tabIndex()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarWidget, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mlvEditorToolbarWidget]',
@@ -2540,6 +2691,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  * resolves no provider (presence), and its actions disable — without hiding —
  * while the editor is readonly or disabled or a transform is already running
  * (executability), matching the toolbar's presence-vs-executability rule.
+ * Projected into `mlv-editor`'s toolbar it is not rendered at all while the
+ * editor is `readonly`, which renders no toolbar (#498).
  */
 class MlvEditorAiMenu {
     /**
@@ -2759,10 +2912,10 @@ class MlvEditorAiMenu {
         this._unregisterMenu?.();
         this._unregisterMenu = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorAiMenu, isStandalone: true, selector: "mlv-editor-ai-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, showCustomPrompt: { classPropertyName: "showCustomPrompt", publicName: "showCustomPrompt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_hasProvider()" }, classAttribute: "mlv-editor-ai-menu" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_menuTrigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }, { propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_triggerElement", first: true, predicate: ["_triggerElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_instructionInput", first: true, predicate: ["_instructionInput"], descendants: true, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["_panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- The trigger is declared once and rendered by whichever branch applies:\n  `mlv-popup-container` requires a popup content child, so it cannot wrap the\n  trigger when the custom prompt is dropped. -->\n<ng-template #_trigger>\n  <button\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    [disabled]=\"_disabled()\"\n    [mlvMenuTrigger]=\"_menu\"\n    [menuTriggerDisabled]=\"_disabled() || _running()\"\n    [attr.aria-label]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    [mlvTooltip]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    (click)=\"_onTriggerClick()\"\n    (menuOpened)=\"_registerMenuOverlay()\"\n    (menuClosed)=\"_unregisterMenuOverlay()\"\n  >\n    @if (_running()) {\n    <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n    } @else {\n    <svg mlvButtonIcon lucideSparkles aria-hidden=\"true\" />\n    }\n  </button>\n</ng-template>\n\n@if (showCustomPrompt()) {\n<mlv-popup-container class=\"mlv-editor-ai-menu__anchor\">\n  <ng-container [ngTemplateOutlet]=\"_trigger\" />\n\n  <mlv-popup\n    #_popup\n    panelRole=\"dialog\"\n    [modal]=\"true\"\n    [position]=\"['bottom-start', 'top-start', 'bottom-end', 'top-end']\"\n    [ariaLabel]=\"_copy().aiCustom\"\n    (afterOpened)=\"_onPromptOpened()\"\n    (afterClosed)=\"_onPromptClosed()\"\n  >\n    <ng-template mlvPopupContent>\n      <div #_panel class=\"mlv-editor-ai-menu__panel\">\n        <mlv-input\n          #_instructionInput\n          [label]=\"_copy().aiCustom\"\n          [placeholder]=\"_copy().aiPromptPlaceholder\"\n          [disabled]=\"_disabled()\"\n          [value]=\"_instruction()\"\n          (valueChange)=\"_instruction.set($event)\"\n          (keydown.enter)=\"_apply()\"\n        />\n        <mlv-radio-group\n          class=\"mlv-editor-ai-menu__output\"\n          [label]=\"_copy().aiOutputMode\"\n          [value]=\"_output()\"\n          (valueChange)=\"_onOutputChange($event)\"\n        >\n          <mlv-radio value=\"replace-selection\" [disabled]=\"_disabled()\">\n            {{ _copy().aiReplaceSelection }}\n          </mlv-radio>\n          <mlv-radio value=\"insert-below\" [disabled]=\"_disabled()\">\n            {{ _copy().aiInsertBelow }}\n          </mlv-radio>\n          <mlv-radio value=\"review\" [disabled]=\"_disabled()\">\n            {{ _copy().aiReviewChanges }}\n          </mlv-radio>\n        </mlv-radio-group>\n        <div class=\"mlv-editor-ai-menu__actions\">\n          <button\n            mlvButton\n            type=\"button\"\n            variant=\"primary\"\n            [disabled]=\"_applyDisabled()\"\n            (click)=\"_apply()\"\n          >\n            {{ _copy().aiApply }}\n          </button>\n          <button\n            mlvButton\n            type=\"button\"\n            variant=\"secondary\"\n            (click)=\"_closePrompt()\"\n          >\n            {{ _copy().aiCancel }}\n          </button>\n        </div>\n      </div>\n    </ng-template>\n  </mlv-popup>\n</mlv-popup-container>\n} @else {\n<ng-container [ngTemplateOutlet]=\"_trigger\" />\n}\n\n<mlv-menu #_menu [label]=\"_copy().aiMenu\">\n  <!-- Tracked by index: a host-authored list may repeat a kind, so the kind\n    is not an identity. -->\n  @for (action of _actions(); track $index) {\n  <mlv-list-item\n    mlvMenuItem\n    [disabled]=\"_itemsDisabled()\"\n    (itemClick)=\"_runAction(action)\"\n  >\n    {{ action.label }}\n  </mlv-list-item>\n  } @if (showCustomPrompt()) {\n  <mlv-list-item\n    mlvMenuItem\n    [disabled]=\"_itemsDisabled()\"\n    (itemClick)=\"_openPrompt()\"\n  >\n    {{ _copy().aiCustom }}\n  </mlv-list-item>\n  }\n</mlv-menu>\n", styles: ["@layer mlv.components{.mlv-editor-ai-menu{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-menu *{box-sizing:border-box}.mlv-editor-ai-menu,.mlv-editor-ai-menu__anchor{display:inline-flex}.mlv-editor-ai-menu__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-ai-menu__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideCircleStop, selector: "svg[lucideCircleStop], svg[lucideStopCircle]" }, { kind: "component", type: LucideSparkles, selector: "svg[lucideSparkles], svg[lucideStars]" }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "component", type: MlvPopupContainer, selector: "mlv-popup-container" }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "component", type: MlvRadio, selector: "mlv-radio", inputs: ["ariaLabel", "ariaLabelledBy", "value", "disabled"] }, { kind: "component", type: MlvRadioGroup, selector: "mlv-radio-group", inputs: ["value", "name"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorAiMenu, isStandalone: true, selector: "mlv-editor-ai-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, showCustomPrompt: { classPropertyName: "showCustomPrompt", publicName: "showCustomPrompt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_hasProvider()" }, classAttribute: "mlv-editor-ai-menu" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_menuTrigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }, { propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_triggerElement", first: true, predicate: ["_triggerElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_instructionInput", first: true, predicate: ["_instructionInput"], descendants: true, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["_panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- The trigger is declared once and rendered by whichever branch applies:\n  `mlv-popup-container` requires a popup content child, so it cannot wrap the\n  trigger when the custom prompt is dropped. -->\n<ng-template #_trigger>\n  <button\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    [disabled]=\"_disabled()\"\n    [mlvMenuTrigger]=\"_menu\"\n    [menuTriggerDisabled]=\"_disabled() || _running()\"\n    [attr.aria-label]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    [mlvTooltip]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    (click)=\"_onTriggerClick()\"\n    (menuOpened)=\"_registerMenuOverlay()\"\n    (menuClosed)=\"_unregisterMenuOverlay()\"\n  >\n    @if (_running()) {\n      <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n    } @else {\n      <svg mlvButtonIcon lucideSparkles aria-hidden=\"true\" />\n    }\n  </button>\n</ng-template>\n\n@if (showCustomPrompt()) {\n  <mlv-popup-container class=\"mlv-editor-ai-menu__anchor\">\n    <ng-container [ngTemplateOutlet]=\"_trigger\" />\n\n    <mlv-popup\n      #_popup\n      panelRole=\"dialog\"\n      [modal]=\"true\"\n      [position]=\"['bottom-start', 'top-start', 'bottom-end', 'top-end']\"\n      [ariaLabel]=\"_copy().aiCustom\"\n      (afterOpened)=\"_onPromptOpened()\"\n      (afterClosed)=\"_onPromptClosed()\"\n    >\n      <ng-template mlvPopupContent>\n        <div #_panel class=\"mlv-editor-ai-menu__panel\">\n          <mlv-input\n            #_instructionInput\n            [label]=\"_copy().aiCustom\"\n            [placeholder]=\"_copy().aiPromptPlaceholder\"\n            [disabled]=\"_disabled()\"\n            [value]=\"_instruction()\"\n            (valueChange)=\"_instruction.set($event)\"\n            (keydown.enter)=\"_apply()\"\n          />\n          <mlv-radio-group\n            class=\"mlv-editor-ai-menu__output\"\n            [label]=\"_copy().aiOutputMode\"\n            [value]=\"_output()\"\n            (valueChange)=\"_onOutputChange($event)\"\n          >\n            <mlv-radio value=\"replace-selection\" [disabled]=\"_disabled()\">\n              {{ _copy().aiReplaceSelection }}\n            </mlv-radio>\n            <mlv-radio value=\"insert-below\" [disabled]=\"_disabled()\">\n              {{ _copy().aiInsertBelow }}\n            </mlv-radio>\n            <mlv-radio value=\"review\" [disabled]=\"_disabled()\">\n              {{ _copy().aiReviewChanges }}\n            </mlv-radio>\n          </mlv-radio-group>\n          <div class=\"mlv-editor-ai-menu__actions\">\n            <button\n              mlvButton\n              type=\"button\"\n              variant=\"primary\"\n              [disabled]=\"_applyDisabled()\"\n              (click)=\"_apply()\"\n            >\n              {{ _copy().aiApply }}\n            </button>\n            <button\n              mlvButton\n              type=\"button\"\n              variant=\"secondary\"\n              (click)=\"_closePrompt()\"\n            >\n              {{ _copy().aiCancel }}\n            </button>\n          </div>\n        </div>\n      </ng-template>\n    </mlv-popup>\n  </mlv-popup-container>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"_trigger\" />\n}\n\n<mlv-menu #_menu [label]=\"_copy().aiMenu\">\n  <!-- Tracked by index: a host-authored list may repeat a kind, so the kind\n    is not an identity. -->\n  @for (action of _actions(); track $index) {\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_itemsDisabled()\"\n      (itemClick)=\"_runAction(action)\"\n    >\n      {{ action.label }}\n    </mlv-list-item>\n  }\n  @if (showCustomPrompt()) {\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_itemsDisabled()\"\n      (itemClick)=\"_openPrompt()\"\n    >\n      {{ _copy().aiCustom }}\n    </mlv-list-item>\n  }\n</mlv-menu>\n", styles: ["@layer mlv.components{.mlv-editor-ai-menu{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-menu *{box-sizing:border-box}.mlv-editor-ai-menu,.mlv-editor-ai-menu__anchor{display:inline-flex}.mlv-editor-ai-menu__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-ai-menu__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideCircleStop, selector: "svg[lucideCircleStop], svg[lucideStopCircle]" }, { kind: "component", type: LucideSparkles, selector: "svg[lucideSparkles], svg[lucideStars]" }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "component", type: MlvPopupContainer, selector: "mlv-popup-container" }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "component", type: MlvRadio, selector: "mlv-radio", inputs: ["ariaLabel", "ariaLabelledBy", "value", "disabled"] }, { kind: "component", type: MlvRadioGroup, selector: "mlv-radio-group", inputs: ["value", "name"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiMenu, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-ai-menu', imports: [
                         NgTemplateOutlet,
@@ -2785,7 +2938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'mlv-editor-ai-menu',
                         '[hidden]': '!_hasProvider()',
-                    }, template: "<!-- The trigger is declared once and rendered by whichever branch applies:\n  `mlv-popup-container` requires a popup content child, so it cannot wrap the\n  trigger when the custom prompt is dropped. -->\n<ng-template #_trigger>\n  <button\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    [disabled]=\"_disabled()\"\n    [mlvMenuTrigger]=\"_menu\"\n    [menuTriggerDisabled]=\"_disabled() || _running()\"\n    [attr.aria-label]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    [mlvTooltip]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    (click)=\"_onTriggerClick()\"\n    (menuOpened)=\"_registerMenuOverlay()\"\n    (menuClosed)=\"_unregisterMenuOverlay()\"\n  >\n    @if (_running()) {\n    <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n    } @else {\n    <svg mlvButtonIcon lucideSparkles aria-hidden=\"true\" />\n    }\n  </button>\n</ng-template>\n\n@if (showCustomPrompt()) {\n<mlv-popup-container class=\"mlv-editor-ai-menu__anchor\">\n  <ng-container [ngTemplateOutlet]=\"_trigger\" />\n\n  <mlv-popup\n    #_popup\n    panelRole=\"dialog\"\n    [modal]=\"true\"\n    [position]=\"['bottom-start', 'top-start', 'bottom-end', 'top-end']\"\n    [ariaLabel]=\"_copy().aiCustom\"\n    (afterOpened)=\"_onPromptOpened()\"\n    (afterClosed)=\"_onPromptClosed()\"\n  >\n    <ng-template mlvPopupContent>\n      <div #_panel class=\"mlv-editor-ai-menu__panel\">\n        <mlv-input\n          #_instructionInput\n          [label]=\"_copy().aiCustom\"\n          [placeholder]=\"_copy().aiPromptPlaceholder\"\n          [disabled]=\"_disabled()\"\n          [value]=\"_instruction()\"\n          (valueChange)=\"_instruction.set($event)\"\n          (keydown.enter)=\"_apply()\"\n        />\n        <mlv-radio-group\n          class=\"mlv-editor-ai-menu__output\"\n          [label]=\"_copy().aiOutputMode\"\n          [value]=\"_output()\"\n          (valueChange)=\"_onOutputChange($event)\"\n        >\n          <mlv-radio value=\"replace-selection\" [disabled]=\"_disabled()\">\n            {{ _copy().aiReplaceSelection }}\n          </mlv-radio>\n          <mlv-radio value=\"insert-below\" [disabled]=\"_disabled()\">\n            {{ _copy().aiInsertBelow }}\n          </mlv-radio>\n          <mlv-radio value=\"review\" [disabled]=\"_disabled()\">\n            {{ _copy().aiReviewChanges }}\n          </mlv-radio>\n        </mlv-radio-group>\n        <div class=\"mlv-editor-ai-menu__actions\">\n          <button\n            mlvButton\n            type=\"button\"\n            variant=\"primary\"\n            [disabled]=\"_applyDisabled()\"\n            (click)=\"_apply()\"\n          >\n            {{ _copy().aiApply }}\n          </button>\n          <button\n            mlvButton\n            type=\"button\"\n            variant=\"secondary\"\n            (click)=\"_closePrompt()\"\n          >\n            {{ _copy().aiCancel }}\n          </button>\n        </div>\n      </div>\n    </ng-template>\n  </mlv-popup>\n</mlv-popup-container>\n} @else {\n<ng-container [ngTemplateOutlet]=\"_trigger\" />\n}\n\n<mlv-menu #_menu [label]=\"_copy().aiMenu\">\n  <!-- Tracked by index: a host-authored list may repeat a kind, so the kind\n    is not an identity. -->\n  @for (action of _actions(); track $index) {\n  <mlv-list-item\n    mlvMenuItem\n    [disabled]=\"_itemsDisabled()\"\n    (itemClick)=\"_runAction(action)\"\n  >\n    {{ action.label }}\n  </mlv-list-item>\n  } @if (showCustomPrompt()) {\n  <mlv-list-item\n    mlvMenuItem\n    [disabled]=\"_itemsDisabled()\"\n    (itemClick)=\"_openPrompt()\"\n  >\n    {{ _copy().aiCustom }}\n  </mlv-list-item>\n  }\n</mlv-menu>\n", styles: ["@layer mlv.components{.mlv-editor-ai-menu{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-menu *{box-sizing:border-box}.mlv-editor-ai-menu,.mlv-editor-ai-menu__anchor{display:inline-flex}.mlv-editor-ai-menu__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-ai-menu__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"] }]
+                    }, template: "<!-- The trigger is declared once and rendered by whichever branch applies:\n  `mlv-popup-container` requires a popup content child, so it cannot wrap the\n  trigger when the custom prompt is dropped. -->\n<ng-template #_trigger>\n  <button\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    [disabled]=\"_disabled()\"\n    [mlvMenuTrigger]=\"_menu\"\n    [menuTriggerDisabled]=\"_disabled() || _running()\"\n    [attr.aria-label]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    [mlvTooltip]=\"_running() ? _copy().aiCancel : _copy().aiMenu\"\n    (click)=\"_onTriggerClick()\"\n    (menuOpened)=\"_registerMenuOverlay()\"\n    (menuClosed)=\"_unregisterMenuOverlay()\"\n  >\n    @if (_running()) {\n      <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n    } @else {\n      <svg mlvButtonIcon lucideSparkles aria-hidden=\"true\" />\n    }\n  </button>\n</ng-template>\n\n@if (showCustomPrompt()) {\n  <mlv-popup-container class=\"mlv-editor-ai-menu__anchor\">\n    <ng-container [ngTemplateOutlet]=\"_trigger\" />\n\n    <mlv-popup\n      #_popup\n      panelRole=\"dialog\"\n      [modal]=\"true\"\n      [position]=\"['bottom-start', 'top-start', 'bottom-end', 'top-end']\"\n      [ariaLabel]=\"_copy().aiCustom\"\n      (afterOpened)=\"_onPromptOpened()\"\n      (afterClosed)=\"_onPromptClosed()\"\n    >\n      <ng-template mlvPopupContent>\n        <div #_panel class=\"mlv-editor-ai-menu__panel\">\n          <mlv-input\n            #_instructionInput\n            [label]=\"_copy().aiCustom\"\n            [placeholder]=\"_copy().aiPromptPlaceholder\"\n            [disabled]=\"_disabled()\"\n            [value]=\"_instruction()\"\n            (valueChange)=\"_instruction.set($event)\"\n            (keydown.enter)=\"_apply()\"\n          />\n          <mlv-radio-group\n            class=\"mlv-editor-ai-menu__output\"\n            [label]=\"_copy().aiOutputMode\"\n            [value]=\"_output()\"\n            (valueChange)=\"_onOutputChange($event)\"\n          >\n            <mlv-radio value=\"replace-selection\" [disabled]=\"_disabled()\">\n              {{ _copy().aiReplaceSelection }}\n            </mlv-radio>\n            <mlv-radio value=\"insert-below\" [disabled]=\"_disabled()\">\n              {{ _copy().aiInsertBelow }}\n            </mlv-radio>\n            <mlv-radio value=\"review\" [disabled]=\"_disabled()\">\n              {{ _copy().aiReviewChanges }}\n            </mlv-radio>\n          </mlv-radio-group>\n          <div class=\"mlv-editor-ai-menu__actions\">\n            <button\n              mlvButton\n              type=\"button\"\n              variant=\"primary\"\n              [disabled]=\"_applyDisabled()\"\n              (click)=\"_apply()\"\n            >\n              {{ _copy().aiApply }}\n            </button>\n            <button\n              mlvButton\n              type=\"button\"\n              variant=\"secondary\"\n              (click)=\"_closePrompt()\"\n            >\n              {{ _copy().aiCancel }}\n            </button>\n          </div>\n        </div>\n      </ng-template>\n    </mlv-popup>\n  </mlv-popup-container>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"_trigger\" />\n}\n\n<mlv-menu #_menu [label]=\"_copy().aiMenu\">\n  <!-- Tracked by index: a host-authored list may repeat a kind, so the kind\n    is not an identity. -->\n  @for (action of _actions(); track $index) {\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_itemsDisabled()\"\n      (itemClick)=\"_runAction(action)\"\n    >\n      {{ action.label }}\n    </mlv-list-item>\n  }\n  @if (showCustomPrompt()) {\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_itemsDisabled()\"\n      (itemClick)=\"_openPrompt()\"\n    >\n      {{ _copy().aiCustom }}\n    </mlv-list-item>\n  }\n</mlv-menu>\n", styles: ["@layer mlv.components{.mlv-editor-ai-menu{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-menu *{box-sizing:border-box}.mlv-editor-ai-menu,.mlv-editor-ai-menu__anchor{display:inline-flex}.mlv-editor-ai-menu__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-ai-menu__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], showCustomPrompt: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCustomPrompt", required: false }] }], _menu: [{ type: i0.ViewChild, args: ['_menu', { isSignal: true }] }], _menuTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MlvMenuTrigger), { isSignal: true }] }], _popup: [{ type: i0.ViewChild, args: ['_popup', { isSignal: true }] }], _triggerElement: [{ type: i0.ViewChild, args: ['_triggerElement', { ...{
                             read: ElementRef,
                         }, isSignal: true }] }], _instructionInput: [{ type: i0.ViewChild, args: ['_instructionInput', { isSignal: true }] }], _panel: [{ type: i0.ViewChild, args: ['_panel', { isSignal: true }] }] } });
@@ -2983,10 +3136,10 @@ class MlvEditorAiReviewBar {
     _rejectAll() {
         this._ai?.rejectAll();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiReviewBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorAiReviewBar, isStandalone: true, selector: "mlv-editor-ai-review-bar", host: { attributes: { "role": "group" }, properties: { "attr.aria-label": "_copy().aiReviewBar", "hidden": "!_visible()" }, classAttribute: "mlv-editor-ai-review-bar" }, ngImport: i0, template: "@if (_running()) {\n<button\n  mlvButton\n  type=\"button\"\n  variant=\"secondary\"\n  mlvDensity=\"tight\"\n  class=\"mlv-editor-ai-review-bar__stop\"\n  [disabled]=\"_disabled()\"\n  [mlvTooltip]=\"_copy().aiStopGeneration\"\n  (click)=\"_stop()\"\n>\n  <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n  {{ _copy().aiStopGeneration }}\n</button>\n} @if (_reviewing()) {\n<span class=\"mlv-editor-ai-review-bar__count\">{{ _countText() }}</span>\n<!-- Screen-reader-only description of the current suggestion: the removed\n     text exists only in the aria-hidden strikethrough widget, so the\n     accept/reject buttons point here via aria-describedby. -->\n<span\n  class=\"mlv-editor-ai-review-bar__current-description\"\n  [id]=\"_descriptionId\"\n  >{{ _currentDescription() }}</span\n>\n<div class=\"mlv-editor-ai-review-bar__group\">\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiPreviousSuggestion\"\n    [mlvTooltip]=\"_copy().aiPreviousSuggestion\"\n    (click)=\"_previous()\"\n  >\n    <svg mlvButtonIcon lucideChevronLeft aria-hidden=\"true\" />\n  </button>\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiNextSuggestion\"\n    [mlvTooltip]=\"_copy().aiNextSuggestion\"\n    (click)=\"_next()\"\n  >\n    <svg mlvButtonIcon lucideChevronRight aria-hidden=\"true\" />\n  </button>\n</div>\n<div class=\"mlv-editor-ai-review-bar__group\">\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiAcceptSuggestion\"\n    [attr.aria-describedby]=\"_descriptionId\"\n    [mlvTooltip]=\"_copy().aiAcceptSuggestion\"\n    (click)=\"_acceptCurrent()\"\n  >\n    <svg mlvButtonIcon lucideCheck aria-hidden=\"true\" />\n  </button>\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiRejectSuggestion\"\n    [attr.aria-describedby]=\"_descriptionId\"\n    [mlvTooltip]=\"_copy().aiRejectSuggestion\"\n    (click)=\"_rejectCurrent()\"\n  >\n    <svg mlvButtonIcon lucideX aria-hidden=\"true\" />\n  </button>\n</div>\n<div class=\"mlv-editor-ai-review-bar__group\">\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"primary\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    (click)=\"_acceptAll()\"\n  >\n    {{ _copy().aiAcceptAll }}\n  </button>\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    (click)=\"_rejectAll()\"\n  >\n    {{ _copy().aiRejectAll }}\n  </button>\n</div>\n}\n", styles: ["@layer mlv.components{.mlv-editor-ai-review-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-review-bar *{box-sizing:border-box}.mlv-editor-ai-review-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--mlv-spacing-2);font-size:var(--mlv-typography-body-s-size)}.mlv-editor-ai-review-bar[hidden]{display:none}.mlv-editor-ai-review-bar__count{color:var(--mlv-text-secondary);white-space:nowrap}.mlv-editor-ai-review-bar__group{display:inline-flex;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-ai-review-bar__stop{white-space:nowrap}.mlv-editor-ai-review-bar__current-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}}\n"], dependencies: [{ kind: "component", type: LucideCheck, selector: "svg[lucideCheck]" }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: LucideCircleStop, selector: "svg[lucideCircleStop], svg[lucideStopCircle]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiReviewBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorAiReviewBar, isStandalone: true, selector: "mlv-editor-ai-review-bar", host: { attributes: { "role": "group" }, properties: { "attr.aria-label": "_copy().aiReviewBar", "hidden": "!_visible()" }, classAttribute: "mlv-editor-ai-review-bar" }, ngImport: i0, template: "@if (_running()) {\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    mlvDensity=\"tight\"\n    class=\"mlv-editor-ai-review-bar__stop\"\n    [disabled]=\"_disabled()\"\n    (click)=\"_stop()\"\n  >\n    <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n    {{ _copy().aiStopGeneration }}\n  </button>\n}\n@if (_reviewing()) {\n  <span class=\"mlv-editor-ai-review-bar__count\">{{ _countText() }}</span>\n  <!-- Screen-reader-only description of the current suggestion: the removed\n     text exists only in the aria-hidden strikethrough widget, so the\n     accept/reject buttons point here via aria-describedby. -->\n  <span\n    class=\"mlv-editor-ai-review-bar__current-description\"\n    [id]=\"_descriptionId\"\n    >{{ _currentDescription() }}</span\n  >\n  <div class=\"mlv-editor-ai-review-bar__group\">\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiPreviousSuggestion\"\n      [mlvTooltip]=\"_copy().aiPreviousSuggestion\"\n      (click)=\"_previous()\"\n    >\n      <svg mlvButtonIcon lucideChevronLeft aria-hidden=\"true\" />\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiNextSuggestion\"\n      [mlvTooltip]=\"_copy().aiNextSuggestion\"\n      (click)=\"_next()\"\n    >\n      <svg mlvButtonIcon lucideChevronRight aria-hidden=\"true\" />\n    </button>\n  </div>\n  <div class=\"mlv-editor-ai-review-bar__group\">\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiAcceptSuggestion\"\n      [attr.aria-describedby]=\"_descriptionId\"\n      [mlvTooltip]=\"_copy().aiAcceptSuggestion\"\n      (click)=\"_acceptCurrent()\"\n    >\n      <svg mlvButtonIcon lucideCheck aria-hidden=\"true\" />\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiRejectSuggestion\"\n      [attr.aria-describedby]=\"_descriptionId\"\n      [mlvTooltip]=\"_copy().aiRejectSuggestion\"\n      (click)=\"_rejectCurrent()\"\n    >\n      <svg mlvButtonIcon lucideX aria-hidden=\"true\" />\n    </button>\n  </div>\n  <div class=\"mlv-editor-ai-review-bar__group\">\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_acceptAll()\"\n    >\n      {{ _copy().aiAcceptAll }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_rejectAll()\"\n    >\n      {{ _copy().aiRejectAll }}\n    </button>\n  </div>\n}\n", styles: ["@layer mlv.components{.mlv-editor-ai-review-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-review-bar *{box-sizing:border-box}.mlv-editor-ai-review-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--mlv-spacing-2);font-size:var(--mlv-typography-body-s-size)}.mlv-editor-ai-review-bar[hidden]{display:none}.mlv-editor-ai-review-bar__count{color:var(--mlv-text-secondary);white-space:nowrap}.mlv-editor-ai-review-bar__group{display:inline-flex;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-ai-review-bar__stop{white-space:nowrap}.mlv-editor-ai-review-bar__current-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}}\n"], dependencies: [{ kind: "component", type: LucideCheck, selector: "svg[lucideCheck]" }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: LucideCircleStop, selector: "svg[lucideCircleStop], svg[lucideStopCircle]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAiReviewBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAiReviewBar, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-ai-review-bar', imports: [
                         LucideCheck,
@@ -3002,7 +3155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         role: 'group',
                         '[attr.aria-label]': '_copy().aiReviewBar',
                         '[hidden]': '!_visible()',
-                    }, template: "@if (_running()) {\n<button\n  mlvButton\n  type=\"button\"\n  variant=\"secondary\"\n  mlvDensity=\"tight\"\n  class=\"mlv-editor-ai-review-bar__stop\"\n  [disabled]=\"_disabled()\"\n  [mlvTooltip]=\"_copy().aiStopGeneration\"\n  (click)=\"_stop()\"\n>\n  <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n  {{ _copy().aiStopGeneration }}\n</button>\n} @if (_reviewing()) {\n<span class=\"mlv-editor-ai-review-bar__count\">{{ _countText() }}</span>\n<!-- Screen-reader-only description of the current suggestion: the removed\n     text exists only in the aria-hidden strikethrough widget, so the\n     accept/reject buttons point here via aria-describedby. -->\n<span\n  class=\"mlv-editor-ai-review-bar__current-description\"\n  [id]=\"_descriptionId\"\n  >{{ _currentDescription() }}</span\n>\n<div class=\"mlv-editor-ai-review-bar__group\">\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiPreviousSuggestion\"\n    [mlvTooltip]=\"_copy().aiPreviousSuggestion\"\n    (click)=\"_previous()\"\n  >\n    <svg mlvButtonIcon lucideChevronLeft aria-hidden=\"true\" />\n  </button>\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiNextSuggestion\"\n    [mlvTooltip]=\"_copy().aiNextSuggestion\"\n    (click)=\"_next()\"\n  >\n    <svg mlvButtonIcon lucideChevronRight aria-hidden=\"true\" />\n  </button>\n</div>\n<div class=\"mlv-editor-ai-review-bar__group\">\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiAcceptSuggestion\"\n    [attr.aria-describedby]=\"_descriptionId\"\n    [mlvTooltip]=\"_copy().aiAcceptSuggestion\"\n    (click)=\"_acceptCurrent()\"\n  >\n    <svg mlvButtonIcon lucideCheck aria-hidden=\"true\" />\n  </button>\n  <button\n    mlvButton\n    type=\"button\"\n    shape=\"square\"\n    variant=\"transparent\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().aiRejectSuggestion\"\n    [attr.aria-describedby]=\"_descriptionId\"\n    [mlvTooltip]=\"_copy().aiRejectSuggestion\"\n    (click)=\"_rejectCurrent()\"\n  >\n    <svg mlvButtonIcon lucideX aria-hidden=\"true\" />\n  </button>\n</div>\n<div class=\"mlv-editor-ai-review-bar__group\">\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"primary\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    (click)=\"_acceptAll()\"\n  >\n    {{ _copy().aiAcceptAll }}\n  </button>\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    mlvDensity=\"tight\"\n    [disabled]=\"_disabled()\"\n    (click)=\"_rejectAll()\"\n  >\n    {{ _copy().aiRejectAll }}\n  </button>\n</div>\n}\n", styles: ["@layer mlv.components{.mlv-editor-ai-review-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-review-bar *{box-sizing:border-box}.mlv-editor-ai-review-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--mlv-spacing-2);font-size:var(--mlv-typography-body-s-size)}.mlv-editor-ai-review-bar[hidden]{display:none}.mlv-editor-ai-review-bar__count{color:var(--mlv-text-secondary);white-space:nowrap}.mlv-editor-ai-review-bar__group{display:inline-flex;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-ai-review-bar__stop{white-space:nowrap}.mlv-editor-ai-review-bar__current-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}}\n"] }]
+                    }, template: "@if (_running()) {\n  <button\n    mlvButton\n    type=\"button\"\n    variant=\"secondary\"\n    mlvDensity=\"tight\"\n    class=\"mlv-editor-ai-review-bar__stop\"\n    [disabled]=\"_disabled()\"\n    (click)=\"_stop()\"\n  >\n    <svg mlvButtonIcon lucideCircleStop aria-hidden=\"true\" />\n    {{ _copy().aiStopGeneration }}\n  </button>\n}\n@if (_reviewing()) {\n  <span class=\"mlv-editor-ai-review-bar__count\">{{ _countText() }}</span>\n  <!-- Screen-reader-only description of the current suggestion: the removed\n     text exists only in the aria-hidden strikethrough widget, so the\n     accept/reject buttons point here via aria-describedby. -->\n  <span\n    class=\"mlv-editor-ai-review-bar__current-description\"\n    [id]=\"_descriptionId\"\n    >{{ _currentDescription() }}</span\n  >\n  <div class=\"mlv-editor-ai-review-bar__group\">\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiPreviousSuggestion\"\n      [mlvTooltip]=\"_copy().aiPreviousSuggestion\"\n      (click)=\"_previous()\"\n    >\n      <svg mlvButtonIcon lucideChevronLeft aria-hidden=\"true\" />\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiNextSuggestion\"\n      [mlvTooltip]=\"_copy().aiNextSuggestion\"\n      (click)=\"_next()\"\n    >\n      <svg mlvButtonIcon lucideChevronRight aria-hidden=\"true\" />\n    </button>\n  </div>\n  <div class=\"mlv-editor-ai-review-bar__group\">\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiAcceptSuggestion\"\n      [attr.aria-describedby]=\"_descriptionId\"\n      [mlvTooltip]=\"_copy().aiAcceptSuggestion\"\n      (click)=\"_acceptCurrent()\"\n    >\n      <svg mlvButtonIcon lucideCheck aria-hidden=\"true\" />\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      [attr.aria-label]=\"_copy().aiRejectSuggestion\"\n      [attr.aria-describedby]=\"_descriptionId\"\n      [mlvTooltip]=\"_copy().aiRejectSuggestion\"\n      (click)=\"_rejectCurrent()\"\n    >\n      <svg mlvButtonIcon lucideX aria-hidden=\"true\" />\n    </button>\n  </div>\n  <div class=\"mlv-editor-ai-review-bar__group\">\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_acceptAll()\"\n    >\n      {{ _copy().aiAcceptAll }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      mlvDensity=\"tight\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_rejectAll()\"\n    >\n      {{ _copy().aiRejectAll }}\n    </button>\n  </div>\n}\n", styles: ["@layer mlv.components{.mlv-editor-ai-review-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-ai-review-bar *{box-sizing:border-box}.mlv-editor-ai-review-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--mlv-spacing-2);font-size:var(--mlv-typography-body-s-size)}.mlv-editor-ai-review-bar[hidden]{display:none}.mlv-editor-ai-review-bar__count{color:var(--mlv-text-secondary);white-space:nowrap}.mlv-editor-ai-review-bar__group{display:inline-flex;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-ai-review-bar__stop{white-space:nowrap}.mlv-editor-ai-review-bar__current-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
@@ -3238,18 +3391,793 @@ function preflightMlvEditorExtensions(extensions, initialFormat) {
     }
 }
 
+/**
+ * @internal Resolves an `MlvEditor` sizing input to the value its custom
+ * property receives, or `null` to write nothing.
+ *
+ * A finite number is px, matching `mlv-popup`. A string passes through
+ * verbatim once trimmed, so any CSS length, `calc()`, `min()` or viewport unit
+ * works. `undefined`, `null`, a blank string and a non-finite number all
+ * resolve to `null`, so the host binding removes the property and the
+ * stylesheet's `var()` fallback applies.
+ */
+function mlvEditorCssLength(value) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value) ? `${value}px` : null;
+    }
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        return trimmed === '' ? null : trimmed;
+    }
+    return null;
+}
+/** @internal ProseMirror's own default `scrollMargin`, in px (prosemirror-view `scrollRectIntoView`). */
+const MLV_EDITOR_SCROLL_MARGIN = 5;
+/**
+ * @internal ProseMirror `scrollMargin` / `scrollThreshold` for a toolbar that
+ * obscures `obscured` px on its own side (WCAG 2.2 SC 2.4.11). The threshold is
+ * the obscured extent: ProseMirror scrolls only once the caret enters it. The
+ * margin leaves the default 5px beyond it. Every other side keeps
+ * ProseMirror's defaults.
+ */
+function mlvEditorScrollSides(kind, position, obscured) {
+    const base = kind === 'margin' ? MLV_EDITOR_SCROLL_MARGIN : 0;
+    const edge = base + Math.max(0, Math.ceil(obscured));
+    return {
+        top: position === 'top' ? edge : base,
+        right: base,
+        bottom: position === 'bottom' ? edge : base,
+        left: base,
+    };
+}
+/**
+ * @internal A scroll-prop object whose sides re-resolve on every read.
+ * ProseMirror reads `value[side]` lazily each time it scrolls a rect into view
+ * (`getSide()` in prosemirror-view), so one stable object follows density,
+ * configuration and consumer CSS offsets without `setProps` churn. Only the
+ * toolbar's side measures anything.
+ */
+function createMlvEditorLiveScrollSides(kind, position, obscured) {
+    const base = kind === 'margin' ? MLV_EDITOR_SCROLL_MARGIN : 0;
+    const side = (which) => position() === which
+        ? mlvEditorScrollSides(kind, which, obscured())[which]
+        : base;
+    return {
+        get top() {
+            return side('top');
+        },
+        get right() {
+            return base;
+        },
+        get bottom() {
+            return side('bottom');
+        },
+        get left() {
+            return base;
+        },
+    };
+}
+/**
+ * @internal The part of `rect` inside `boundary`, or `null` once none of it
+ * is. Edges count as inside, so a zero-size caret lying on the boundary is
+ * still visible.
+ *
+ * The selection bubble anchors on this: while a capped viewport scrolls, it
+ * follows the visible part of the selection, and when the selection has left
+ * the viewport (or the window) it hides instead of floating over content the
+ * selection is no longer in.
+ */
+function mlvEditorVisibleRect(rect, boundary) {
+    const top = Math.max(rect.top, boundary.top);
+    const bottom = Math.min(rect.bottom, boundary.bottom);
+    const left = Math.max(rect.left, boundary.left);
+    const right = Math.min(rect.right, boundary.right);
+    return top <= bottom && left <= right ? { top, bottom, left, right } : null;
+}
+/**
+ * @internal Which side of `anchor` the selection bubble opens on: above,
+ * unless a bubble `height` px tall, `gap` px from the anchor, would cross the
+ * boundary's top edge (the window, or a capped scroller's edge).
+ *
+ * CDK's own fallback flips only on the window's edges; a capped viewport's top
+ * edge is not one it knows about, so the preference is decided here and CDK
+ * keeps the other side as its fallback.
+ */
+function mlvEditorBubblePlacement(anchor, boundary, height, gap) {
+    return anchor.top - gap - height >= boundary.top ? 'above' : 'below';
+}
+
+/** @internal Gap between the selection and the bubble, in px. */
+const MLV_EDITOR_BUBBLE_GAP = 8;
+/** @internal Closest the bubble comes to a window edge, in px. */
+const MLV_EDITOR_BUBBLE_VIEWPORT_MARGIN = 8;
+/** @internal Pane class; the bubble's BEM block. */
+const MLV_EDITOR_BUBBLE_CLASS = 'mlv-editor-bubble';
+/** @internal Pane modifier while the bubble is off screen. */
+const MLV_EDITOR_BUBBLE_HIDDEN_CLASS = 'mlv-editor-bubble--hidden';
+/** @internal Pane modifier while CDK resolved the below position. */
+const MLV_EDITOR_BUBBLE_BELOW_CLASS = 'mlv-editor-bubble--below';
+/** @internal Centred above the selection. */
+const MLV_EDITOR_BUBBLE_ABOVE = {
+    originX: 'center',
+    originY: 'top',
+    overlayX: 'center',
+    overlayY: 'bottom',
+    offsetY: -MLV_EDITOR_BUBBLE_GAP,
+};
+/** @internal Centred below the selection. */
+const MLV_EDITOR_BUBBLE_BELOW = {
+    originX: 'center',
+    originY: 'bottom',
+    overlayX: 'center',
+    overlayY: 'top',
+    offsetY: MLV_EDITOR_BUBBLE_GAP,
+};
+/** @internal Above first; CDK falls back below on a window edge. */
+const MLV_EDITOR_BUBBLE_ABOVE_FIRST = [
+    MLV_EDITOR_BUBBLE_ABOVE,
+    MLV_EDITOR_BUBBLE_BELOW,
+];
+/** @internal Below first, once above would cross the boundary. */
+const MLV_EDITOR_BUBBLE_BELOW_FIRST = [
+    MLV_EDITOR_BUBBLE_BELOW,
+    MLV_EDITOR_BUBBLE_ABOVE,
+];
+/** @internal Elements a press may focus; a press anywhere else keeps the caret. */
+const MLV_EDITOR_BUBBLE_FOCUSABLE = 'button, a[href], input, select, textarea, [tabindex], [contenteditable="true"]';
+/**
+ * @internal Renders its template in a CDK overlay that floats over the
+ * nearest `mlv-editor`'s selection: `toolbarAppearance="floating"`.
+ *
+ * The contents are whatever the template holds, so the same host can carry a
+ * different set of controls later; `MlvEditor` stamps its toolbar template.
+ * The overlay is created once and kept attached, hidden by a pane modifier,
+ * so the controls keep their state and their narrow-mode measurement between
+ * appearances instead of being re-created per selection. The one exception is
+ * a `readonly` flip: `MlvEditor` stamps no toolbar into the template while
+ * `readonly` (#498), so the pane is empty then and the controls are
+ * re-created on the way back.
+ *
+ * Shown only while all of these hold: focus is in the editor composite, the
+ * selection is non-empty (or Alt+F10 summoned it at the caret), no pointer is
+ * still selecting, no drag or IME composition is in progress, the editor is
+ * enabled and not `readonly`, and the selection is visible inside the window
+ * and, for a capped editor, inside its scrolling viewport. It prefers above
+ * the selection and flips below only when above would cross that boundary's
+ * top edge. Turning `readonly` on while it is shown hides it and closes every
+ * popup the editor owns; focus inside either returns to the content.
+ *
+ * Keyboard: Alt+F10 in the content shows it and moves focus to its first
+ * control through the toolbar's roving registry; Escape dismisses it and
+ * returns focus to the content with the selection intact; Tab leaves it back
+ * into the content rather than for the end of the document, where the portal
+ * sits. Appearing never moves focus.
+ *
+ * Escape and Alt+F10 in the content go through a ProseMirror plugin, not a DOM
+ * listener: ProseMirror cancels every Escape it sees, so a listener behind it
+ * would find each one already `defaultPrevented`, and one in front of it
+ * would take Escape from a content popup. The plugin offers both keys to
+ * every plugin registered after it and acts only when none claims them, so a
+ * consumer's `@tiptap/suggestion` list or an AI stream still gets Escape
+ * first. A dismissing Escape stops propagating, so a dialog or drawer around
+ * the editor stays open; the next one reaches it. While `readonly` the bubble
+ * claims neither key.
+ */
+class MlvEditorBubble {
+    /** The editor's content viewport: the listener scope and the capped boundary. */
+    viewport = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewport" }] : /* istanbul ignore next */ []));
+    /** Whether the viewport is the editor's scroll container, bounding where the selection counts as visible. */
+    capped = input(false, { ...(ngDevMode ? { debugName: "capped" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** @private Template rendered into the overlay pane. */
+    _templateRef = inject(TemplateRef);
+    /** @private Container the template view is created in, so it keeps the editor's injector. */
+    _viewContainerRef = inject(ViewContainerRef);
+    /** @private CDK overlay factory. */
+    _overlay = inject(Overlay);
+    /** @private Injected document; never the ambient global. */
+    _document = inject(DOCUMENT);
+    /** @private Directive lifetime; owns every listener below. */
+    _destroyRef = inject(DestroyRef);
+    /** @private Editor state: instance, focus, disabled and zoom. */
+    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
+    /** @private Bumped after every Tiptap transaction or selection update. */
+    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {
+        optional: true,
+    });
+    /** @private The toolbar's roving focus; Alt+F10 enters through it. */
+    _roving = inject(MLV_EDITOR_TOOLBAR_ROVING);
+    /** @private Makes the pane part of the editor's composite focus while shown. */
+    _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);
+    /** @private Scoped direction for the pane. */
+    _rtl = inject(MlvRtlService);
+    /** @private Pane size changes reposition the bubble. */
+    _resizeObserver = inject(MlvResizeObserverService);
+    /** @private Invalidates the render effect from DOM events. */
+    _tick = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tick" }] : /* istanbul ignore next */ []));
+    /** @private Identifies this instance's content-key plugin in the editor state. */
+    _keyPluginKey = new PluginKey('mlvEditorBubbleKeys');
+    /** @private The overlay, created after the first render in the browser. */
+    _overlayRef = null;
+    /** @private The overlay's position strategy, re-pointed at the selection. */
+    _strategy = null;
+    /** @private The position list last handed to the strategy. */
+    _positions = null;
+    /** @private Whether the bubble is on screen. */
+    _shown = false;
+    /** @private Releases the pane's composite-focus registration. */
+    _unregister = null;
+    /** @private Alt+F10 showed it at a bare caret; cleared when focus returns to the content. */
+    _summoned = false;
+    /** @private Escape dismissed it for this selection; any other selection clears it. */
+    _dismissed = null;
+    /** @private A primary pointer is down in the content, still selecting. */
+    _pointerSelecting = false;
+    /** @private A pointer is down on the bubble; covers browsers that blur on a button press. */
+    _pressing = false;
+    /** @private A native drag (block handle or text) is in progress. */
+    _dragging = false;
+    /** @private An IME composition is in progress. */
+    _composing = false;
+    /** @private Per-gesture listeners, replaced by the next gesture of the same kind. */
+    _gestures = { select: null, press: null, drag: null };
+    constructor() {
+        if (!isPlatformBrowser(inject(PLATFORM_ID)))
+            return;
+        afterNextRender(() => this._create());
+        // Registered once per editor instance and removed with this directive,
+        // e.g. when `toolbarAppearance` returns to `'bar'`: left behind, it would
+        // keep claiming Escape and Alt+F10 for a bubble that no longer exists.
+        effect((onCleanup) => {
+            const editor = this._context.editor();
+            if (!editor || editor.isDestroyed)
+                return;
+            untracked(() => editor.registerPlugin(this._createKeyPlugin()));
+            onCleanup(() => {
+                if (!editor.isDestroyed)
+                    editor.unregisterPlugin(this._keyPluginKey);
+            });
+        });
+        // Before the render effect below would hide the bubble, so focus in a
+        // popup moves to the content while that popup still exists.
+        effect(() => {
+            if (!this._context.readonly())
+                return;
+            untracked(() => this._closeForReadonly());
+        });
+        afterRenderEffect(() => {
+            this._tick();
+            this._context.editor();
+            this._context.disabled();
+            this._context.readonly();
+            this._context.focused();
+            this._context.zoom();
+            this._revision?.();
+            this.capped();
+            untracked(() => this._sync());
+        });
+        this._destroyRef.onDestroy(() => {
+            for (const gesture of Object.values(this._gestures)) {
+                gesture?.unsubscribe();
+            }
+            // Nothing is on screen once the overlay is gone.
+            this._shown = false;
+            this._unregister?.();
+            this._unregister = null;
+            this._overlayRef?.dispose();
+            this._overlayRef = null;
+        });
+    }
+    /** @private Creates the overlay and binds every listener, once. */
+    _create() {
+        const viewport = this.viewport();
+        const direction = this._rtl.resolveDirection(viewport);
+        const strategy = this._overlay
+            .position()
+            .flexibleConnectedTo({ x: 0, y: 0 })
+            .withPositions(mlvMirrorInlineOffsets(MLV_EDITOR_BUBBLE_ABOVE_FIRST, direction))
+            .withFlexibleDimensions(false)
+            .withPush(true)
+            .withViewportMargin(MLV_EDITOR_BUBBLE_VIEWPORT_MARGIN);
+        const ref = this._overlay.create({
+            positionStrategy: strategy,
+            // Repositioned by `_sync()` from a document-level scroll listener, which
+            // also sees the capped viewport's own scrolling; CDK's reposition
+            // strategy only knows registered `cdkScrollable`s.
+            scrollStrategy: this._overlay.scrollStrategies.noop(),
+            direction,
+            panelClass: [MLV_EDITOR_BUBBLE_CLASS, MLV_EDITOR_BUBBLE_HIDDEN_CLASS],
+            hasBackdrop: false,
+        });
+        ref.attach(new TemplatePortal(this._templateRef, this._viewContainerRef));
+        this._overlayRef = ref;
+        this._strategy = strategy;
+        this._positions = MLV_EDITOR_BUBBLE_ABOVE_FIRST;
+        const pane = ref.overlayElement;
+        strategy.positionChanges
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((change) => pane.classList.toggle(MLV_EDITOR_BUBBLE_BELOW_CLASS, change.connectionPair.overlayY === 'top'));
+        // Nothing re-parents an open pane, so a `[dir]` flip above the editor
+        // re-mirrors it here.
+        this._destroyRef.onDestroy(this._rtl.watchDirection(viewport, (next) => {
+            ref.setDirection(next);
+            this._positions = null;
+            this._invalidate();
+        }));
+        this._resizeObserver
+            .observe(pane)
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => this._invalidate());
+        this._bindViewportListeners(viewport);
+        this._bindPaneListeners(pane);
+        const window = this._document.defaultView;
+        // Passive and capture: every scroll container's `scroll` reaches the
+        // document in the capture phase, the capped viewport's included.
+        fromEvent(this._document, 'scroll', { capture: true, passive: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => this._invalidateOnLayout());
+        if (window) {
+            fromEvent(window, 'resize', { passive: true })
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe(() => this._invalidateOnLayout());
+        }
+        this._sync();
+    }
+    /** @private Content-side gestures and keys. */
+    _bindViewportListeners(viewport) {
+        // Fallback behind the key plugin for ProseMirror's composition window: it
+        // skips every key handler while it still counts as composing, and in
+        // Safari for 500ms after `compositionend`, by when the bubble may already
+        // be back. It cancels every key it does handle, so only a key it never
+        // processed arrives here uncancelled. (A read-only view also skips them,
+        // but the bubble claims no key there.)
+        fromEvent(viewport, 'keydown')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            if (event.defaultPrevented)
+                return;
+            if (this._onContentKey(event))
+                event.preventDefault();
+        });
+        fromEvent(viewport, 'focusin')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            if (!this._inContent(event.target))
+                return;
+            this._summoned = false;
+            this._invalidate();
+        });
+        fromEvent(viewport, 'pointerdown')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            if (event.button !== 0 ||
+                event.isPrimary === false ||
+                !this._inContent(event.target)) {
+                return;
+            }
+            this._pointerSelecting = true;
+            this._summoned = false;
+            this._invalidate();
+            this._gesture('select', merge(fromEvent(this._document, 'pointerup', { capture: true }), fromEvent(this._document, 'pointercancel', { capture: true })).pipe(take(1)), () => {
+                this._pointerSelecting = false;
+                this._invalidate();
+            });
+        });
+        fromEvent(viewport, 'compositionstart')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._composing = true;
+            this._invalidate();
+        });
+        fromEvent(viewport, 'compositionend')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._composing = false;
+            this._invalidate();
+        });
+        // Capture, so a drag source that stops `dragstart` still counts.
+        fromEvent(viewport, 'dragstart', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._dragging = true;
+            this._invalidate();
+            // `dragend` never reaches the document when the source left the DOM
+            // mid-drag; the next press ends the wait instead.
+            this._gesture('drag', merge(fromEvent(this._document, 'dragend', { capture: true }), fromEvent(this._document, 'drop', { capture: true }), fromEvent(this._document, 'pointerdown', { capture: true })).pipe(take(1)), () => {
+                this._dragging = false;
+                this._invalidate();
+            });
+        });
+    }
+    /** @private Bubble-side keys and presses. */
+    _bindPaneListeners(pane) {
+        fromEvent(pane, 'keydown')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            if (event.defaultPrevented)
+                return;
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                // Kept from the page and any dialog around the editor: this Escape
+                // belongs to the bubble.
+                event.stopPropagation();
+                this._dismiss();
+            }
+            else if (event.key === 'Tab') {
+                // The pane is portaled to the end of the document; the next tab
+                // stop after it is not the editor's.
+                event.preventDefault();
+                this._context.editor()?.view.focus();
+            }
+        });
+        fromEvent(pane, 'pointerdown', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._pressing = true;
+            // Released a task after `pointerup`, so the `click` that follows
+            // still finds the bubble on screen.
+            this._gesture('press', merge(fromEvent(this._document, 'pointerup', { capture: true }), fromEvent(this._document, 'pointercancel', { capture: true })).pipe(take(1), delay(0)), () => {
+                this._pressing = false;
+                this._invalidate();
+            });
+        });
+        // A press on the bubble's own padding keeps the caret and the selection
+        // in the content; controls still take focus as usual.
+        fromEvent(pane, 'mousedown')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            const target = event.target;
+            if (target instanceof Element &&
+                target.closest(MLV_EDITOR_BUBBLE_FOCUSABLE)) {
+                return;
+            }
+            event.preventDefault();
+        });
+    }
+    /**
+     * @private The plugin carrying content-side Escape and Alt+F10. The loop is
+     * what makes it the lowest-priority key handler, not its place in the list:
+     * plugins before it run first anyway, and it offers each of those keys to
+     * every plugin after it (an AI stream session registers its Escape claim
+     * later) before acting. Once it has offered the key it acts and returns
+     * `true` unconditionally, even if a declining later handler changed the
+     * bubble's state meanwhile; returning `false` there would make ProseMirror
+     * run those handlers a second time. Returning `true` makes ProseMirror
+     * cancel the event.
+     */
+    _createKeyPlugin() {
+        const key = this._keyPluginKey;
+        return new Plugin({
+            key,
+            props: {
+                handleKeyDown: (view, event) => {
+                    if (!this._ownsContentKey(event))
+                        return false;
+                    const plugins = view.state.plugins;
+                    const own = key.get(view.state);
+                    for (let index = own ? plugins.indexOf(own) + 1 : plugins.length; index < plugins.length; index++) {
+                        const plugin = plugins[index];
+                        if (plugin.props.handleKeyDown?.call(plugin, view, event)) {
+                            return true;
+                        }
+                    }
+                    this._act(event);
+                    return true;
+                },
+            },
+        });
+    }
+    /**
+     * @private Whether `event` is a key the bubble acts on right now: never
+     * while disabled or `readonly`, where it cannot show.
+     */
+    _ownsContentKey(event) {
+        if (this._context.disabled() || this._context.readonly())
+            return false;
+        return ((event.key === 'Escape' && this._shown) ||
+            (event.key === 'F10' &&
+                event.altKey &&
+                !event.ctrlKey &&
+                !event.metaKey &&
+                !event.shiftKey));
+    }
+    /**
+     * @private The DOM fallback's entry: acts only on a key the bubble owns.
+     * Returns whether it acted; the caller cancels the event.
+     */
+    _onContentKey(event) {
+        if (!this._ownsContentKey(event))
+            return false;
+        this._act(event);
+        return true;
+    }
+    /**
+     * @private Alt+F10 summons; Escape dismisses and stops there, so a dialog or
+     * drawer around the editor does not close with it. Unchecked: callers
+     * establish that the bubble owns the key.
+     */
+    _act(event) {
+        if (event.key === 'Escape') {
+            event.stopPropagation();
+            this._dismiss();
+        }
+        else {
+            this._summon();
+        }
+    }
+    /** @private Shows the bubble at the caret or selection and focuses its first control. */
+    _summon() {
+        const ref = this._overlayRef;
+        if (!ref || this._context.disabled() || !this._context.editor())
+            return;
+        this._summoned = true;
+        this._dismissed = null;
+        this._sync();
+        if (!this._shown) {
+            this._summoned = false;
+            return;
+        }
+        this._roving.focusBoundary('start');
+        if (!ref.overlayElement.contains(this._document.activeElement)) {
+            this._summoned = false;
+            this._sync();
+        }
+    }
+    /** @private Hides the bubble for the current selection; focus returns to the content. */
+    _dismiss() {
+        this._dismissed = this._context.editor()?.state.selection ?? null;
+        this._summoned = false;
+        this._sync();
+    }
+    /** @private Shows, repositions or hides the bubble for the current state. */
+    _sync() {
+        const ref = this._overlayRef;
+        const editor = this._context.editor();
+        if (!ref || !editor || editor.isDestroyed || !this._wanted(editor)) {
+            this._hide();
+            return;
+        }
+        const windowRect = this._windowRect();
+        const boundary = this.capped()
+            ? mlvEditorVisibleRect(this.viewport().getBoundingClientRect(), windowRect)
+            : windowRect;
+        const selection = this._selectionRect(editor);
+        const visible = boundary ? mlvEditorVisibleRect(selection, boundary) : null;
+        // Focus in the bubble (or a popup it opened) keeps it on screen when the
+        // selection scrolls away, pushed to the window edge; hiding it would drop
+        // that focus.
+        const pinned = this._summoned || !editor.view.hasFocus();
+        const anchor = visible ?? (pinned ? selection : null);
+        if (!anchor) {
+            this._hide();
+            return;
+        }
+        this._show(ref, anchor, boundary ?? windowRect);
+    }
+    /** @private Whether every visibility condition except the anchor holds. */
+    _wanted(editor) {
+        if (this._context.disabled() || this._context.readonly())
+            return false;
+        if (!this._context.focused() && !this._pressing)
+            return false;
+        if (this._pointerSelecting || this._dragging || this._composing) {
+            return false;
+        }
+        const selection = editor.state.selection;
+        if (this._dismissed) {
+            if (selection.eq(this._dismissed))
+                return false;
+            this._dismissed = null;
+        }
+        return this._summoned || !selection.empty;
+    }
+    /** @private Places and reveals the bubble at `anchor`. */
+    _show(ref, anchor, boundary) {
+        const strategy = this._strategy;
+        if (!strategy)
+            return;
+        const pane = ref.overlayElement;
+        const positions = mlvEditorBubblePlacement(anchor, boundary, pane.getBoundingClientRect().height, MLV_EDITOR_BUBBLE_GAP) === 'above'
+            ? MLV_EDITOR_BUBBLE_ABOVE_FIRST
+            : MLV_EDITOR_BUBBLE_BELOW_FIRST;
+        if (positions !== this._positions) {
+            this._positions = positions;
+            strategy.withPositions(mlvMirrorInlineOffsets(positions, ref.getDirection()));
+        }
+        strategy.setOrigin({
+            x: anchor.left,
+            y: anchor.top,
+            width: anchor.right - anchor.left,
+            height: anchor.bottom - anchor.top,
+        });
+        if (!this._shown) {
+            this._shown = true;
+            pane.classList.remove(MLV_EDITOR_BUBBLE_HIDDEN_CLASS);
+            this._unregister = this._overlays.register(pane, () => {
+                // The registry drops the entry itself after calling this.
+                this._unregister = null;
+                this._hide();
+            });
+        }
+        ref.updatePosition();
+    }
+    /** @private Takes the bubble off screen, handing focus back to the content first. */
+    _hide() {
+        const ref = this._overlayRef;
+        if (!ref || !this._shown)
+            return;
+        this._shown = false;
+        const pane = ref.overlayElement;
+        if (pane.contains(this._document.activeElement))
+            this._focusContent();
+        pane.classList.add(MLV_EDITOR_BUBBLE_HIDDEN_CLASS);
+        this._unregister?.();
+        this._unregister = null;
+    }
+    /**
+     * @private `readonly` just turned on. While the bubble is shown, every popup
+     * the editor owns closes (their controls no longer apply, and the ones the
+     * bubble opened would float beside a hidden pane), and focus in the bubble
+     * or in such a popup returns to the content before either goes away. The
+     * docked bar goes through the same registry call (#498).
+     */
+    _closeForReadonly() {
+        const ref = this._overlayRef;
+        const editor = this._context.editor();
+        if (!ref || !this._shown || !editor || editor.isDestroyed)
+            return;
+        this._overlays.closeForReadonly(ref.overlayElement, editor.view.dom, () => this._focusContent());
+        this._sync();
+    }
+    /** @private Focuses the content with its selection, unless disabled. */
+    _focusContent() {
+        const editor = this._context.editor();
+        if (!editor || editor.isDestroyed || this._context.disabled())
+            return;
+        mlvEditorFocusContent(editor);
+    }
+    /** @private The selection's client rect; a caret is zero-width. */
+    _selectionRect(editor) {
+        const { from, to } = editor.state.selection;
+        try {
+            const { top, bottom, left, right } = posToDOMRect(editor.view, from, to);
+            return { top, bottom, left, right };
+        }
+        catch {
+            // `coordsAtPos` throws where nothing is laid out; fall back to the
+            // content's top edge.
+            const rect = editor.view.dom.getBoundingClientRect();
+            return {
+                top: rect.top,
+                bottom: rect.top,
+                left: rect.left,
+                right: rect.right,
+            };
+        }
+    }
+    /** @private The window's client rect. */
+    _windowRect() {
+        const window = this._document.defaultView;
+        return {
+            top: 0,
+            left: 0,
+            bottom: window?.innerHeight ?? 0,
+            right: window?.innerWidth ?? 0,
+        };
+    }
+    /** @private Whether `target` is inside the ProseMirror content. */
+    _inContent(target) {
+        const dom = this._context.editor()?.view.dom;
+        return !!dom && target instanceof Node && dom.contains(target);
+    }
+    /**
+     * @private Runs `done` on the first emission of `end`, replacing any wait
+     * of the same kind still open. Per gesture, so released here and at
+     * destroy rather than by `takeUntilDestroyed`, which would keep every
+     * earlier generation alive.
+     */
+    _gesture(kind, end, done) {
+        this._gestures[kind]?.unsubscribe();
+        this._gestures[kind] = end.subscribe(() => {
+            this._gestures[kind] = null;
+            done();
+        });
+    }
+    /** @private Schedules `_sync()` for the next render. */
+    _invalidate() {
+        this._tick.update((tick) => tick + 1);
+    }
+    /**
+     * @private Scroll and resize only matter while the bubble is shown or could
+     * show: summoned, or a non-empty selection that may scroll back into view.
+     * A focused bare caret, and a disabled or `readonly` editor, skip the render
+     * these events would schedule.
+     */
+    _invalidateOnLayout() {
+        if (this._shown) {
+            this._invalidate();
+            return;
+        }
+        if (!untracked(this._context.focused) ||
+            untracked(this._context.disabled) ||
+            untracked(this._context.readonly)) {
+            return;
+        }
+        const editor = untracked(this._context.editor);
+        if (this._summoned ||
+            (editor && !editor.isDestroyed && !editor.state.selection.empty)) {
+            this._invalidate();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorBubble, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: MlvEditorBubble, isStandalone: true, selector: "ng-template[mlvEditorBubble]", inputs: { viewport: { classPropertyName: "viewport", publicName: "viewport", isSignal: true, isRequired: true, transformFunction: null }, capped: { classPropertyName: "capped", publicName: "capped", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorBubble, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mlvEditorBubble]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { viewport: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewport", required: true }] }], capped: [{ type: i0.Input, args: [{ isSignal: true, alias: "capped", required: false }] }] } });
+
 /** @internal Class of the floating drop indicator. */
 const MLV_EDITOR_DROP_INDICATOR_CLASS = 'mlv-editor__drop-indicator';
 /** @internal Class of the off-screen wrapper handed to `setDragImage`. */
 const MLV_EDITOR_DRAG_GHOST_CLASS = 'mlv-editor__drag-ghost';
 /**
- * @internal Marks the editor DOM while a block drag is in flight, so the
- * stylesheet — not this file — owns the partition's transition and its
- * reduced-motion fallback. JavaScript writes only the `transform` itself.
+ * @internal Marks the block currently on the cursor, dimmed in place. Applied
+ * as a node decoration, never written onto the element — see
+ * `MLV_EDITOR_DRAG_SOURCE_KEY`.
  */
-const MLV_EDITOR_DRAGGING_CLASS = 'ProseMirror--block-dragging';
-/** @internal Marks the block currently on the cursor, dimmed in place. */
 const MLV_EDITOR_DRAG_SOURCE_CLASS = 'mlv-editor__block--dragging';
+/**
+ * @internal Plugin state holding the dimmed source's node decoration: empty
+ * while no block drag is in flight, one `Decoration.node` while one is.
+ *
+ * The dim has to travel through ProseMirror's own render path because nothing
+ * written directly onto a block's element survives a drag. ProseMirror's
+ * `DOMObserver` treats an attribute mutation on any node it rendered — a class,
+ * an inline style — as an external DOM change, marks that node dirty and
+ * redraws it, **replacing** the element. Measured in Chromium, 22 of 25
+ * top-level elements were replaced by the first `dragover`: the dim class and
+ * the old partition's transforms all ended up on detached nodes, so none of it
+ * was ever visible. A decoration is part of the view description instead, so a
+ * redraw re-applies it rather than discarding it.
+ */
+const MLV_EDITOR_DRAG_SOURCE_KEY = new PluginKey('mlvEditorBlockDragSource');
+/**
+ * @internal Clears a source dim a freshly built plugin view inherited rather
+ * than published.
+ *
+ * Plugin state outlives the plugin view. `EditorState.reconfigure` — what
+ * Tiptap's `registerPlugin` / `unregisterPlugin` call, e.g. when an AI stream
+ * or suggestion session settles — keeps every state field but destroys and
+ * rebuilds every plugin view. A reconfigure mid-drag therefore takes the view
+ * that owned the drag, and its `dragend` listener, while the dim stays in
+ * state; the replacing view never saw the drag, so without this the block
+ * would stay dimmed until the next document change.
+ *
+ * Deferred to a microtask because this runs from the view factory, inside
+ * ProseMirror's `updatePluginViews`, where a dispatch would re-enter
+ * `updateState` while the views are still being built. The old view's
+ * `destroy` cannot clear it either: it runs inside that same update, or inside
+ * `EditorView.destroy()` before `isDestroyed` turns true. Every other teardown
+ * discards the state (a destroyed editor) or the field (the plugin removed)
+ * along with the dim. The clear only drops the exact set inherited, so it can
+ * never undo a newer drag's dim.
+ */
+function clearInheritedDragSource(view) {
+    const inherited = MLV_EDITOR_DRAG_SOURCE_KEY.getState(view.state);
+    if (inherited === undefined || inherited === DecorationSet.empty)
+        return;
+    queueMicrotask(() => {
+        if (view.isDestroyed)
+            return;
+        if (MLV_EDITOR_DRAG_SOURCE_KEY.getState(view.state) !== inherited)
+            return;
+        view.dispatch(view.state.tr.setMeta(MLV_EDITOR_DRAG_SOURCE_KEY, DecorationSet.empty));
+    });
+}
 /** @internal Duration of the post-drop settle, matching `--mlv-duration-normal`. */
 const MLV_EDITOR_SETTLE_DURATION = 200;
 /** @internal Sub-pixel movement not worth animating after a drop. */
@@ -3274,13 +4202,12 @@ function insertAnchor(doc, from, to) {
         ? childStart(doc, to) + doc.child(to).nodeSize
         : childStart(doc, to);
 }
-/** @internal Reads the live scale of the mount layer instead of trusting a CSS variable. */
-function layerScale$1(mount) {
+/** @internal Measures the mount layer's frame from a single rect read. */
+function mountFrame(mount) {
+    const rect = mount.getBoundingClientRect();
     const width = mount.offsetWidth;
-    if (!width)
-        return 1;
-    const scaled = mount.getBoundingClientRect().width;
-    return scaled > 0 ? scaled / width : 1;
+    const scale = width && rect.width > 0 ? rect.width / width : 1;
+    return { top: rect.top, scale };
 }
 /**
  * @internal Top-level child index for one rendered child of the editor DOM, or
@@ -3315,6 +4242,51 @@ function topLevelIndexOfDom(view, element) {
         return null;
     return element.contains(view.nodeDOM(childStart(doc, index))) ? index : null;
 }
+/**
+ * @internal The hit one rendered child stands for, or null when that child is
+ * not a top-level block.
+ *
+ * A widget decoration owns no top-level node, and its box is a sliver rather
+ * than a block's. Letting one stand in for a block would pair a neighbouring
+ * block's index with the widget's geometry, so `dropTargetIndex` would take
+ * that block's midpoint from the wrong box and land the drop on the wrong side
+ * of it — silently, in one undo step. `topLevelIndexOfDom` answering null is
+ * what makes that a *category* rejection rather than a class-name test, so a
+ * block-level decoration added later is covered without touching this file.
+ *
+ * Both edges come off one rect read, so nothing can pair a `top` from one
+ * layout with a `bottom` from another.
+ */
+function blockHit(view, element) {
+    const index = topLevelIndexOfDom(view, element);
+    if (index === null)
+        return null;
+    const rect = element.getBoundingClientRect();
+    return { index, top: rect.top, bottom: rect.bottom };
+}
+/**
+ * @internal One rendered child at or before `from` — but never before `floor` —
+ * that is a top-level block, paired with its own child index. Null when that
+ * span holds nothing but widgets.
+ *
+ * This is the only way the search below reaches a rect, and that is the point:
+ * **no geometry is ever read off a child that owns no top-level node.** A
+ * widget's box is a sliver where a block's is a block, and one taken out of
+ * flow reports a box that says nothing about where it sits — `display: none`
+ * gives an all-zero rect, and `prosemirror-gapcursor`'s shipped stylesheet
+ * makes exactly that: `position: absolute; display: none`, lifted to `block`
+ * only under `.ProseMirror-focused`, so a gap-cursor selection surviving a blur
+ * parks an all-zero-rect child at top level. Comparing a pointer against that
+ * box would drag a search past real blocks.
+ */
+function blockAtOrBefore(view, children, from, floor) {
+    for (let i = from; i >= floor; i -= 1) {
+        const hit = blockHit(view, children[i]);
+        if (hit)
+            return { childIndex: i, hit };
+    }
+    return null;
+}
 /**
  * @internal Top-level block the given viewport y falls on, or the nearest one
  * above it. Null for an empty document, or for a point the view cannot map.
@@ -3327,49 +4299,85 @@ function topLevelIndexOfDom(view, element) {
  * test and returns null for every point outside it, in a real browser as much
  * as under a test DOM.
  *
- * Rendered children lay out in document order, so the scan stops at the first
- * one starting below the pointer, costing one `getBoundingClientRect()` and
- * one index mapping per child down to the hovered one.
+ * **Assumes the top-level blocks are vertically ordered and non-overlapping** —
+ * `top` non-decreasing down the blocks, and no block's box reaching into the
+ * next one's. Normal flow guarantees it for blocks, which are the only children
+ * this reads a box from. Violating it (a float, `position: absolute`, a
+ * negative margin on a *block*) resolves the handle to a neighbouring block
+ * rather than throwing. `slotAt` assumes the same, and so did the scan this
+ * replaced, which stopped at the first child starting below the pointer.
+ *
+ * Under that ordering the answer is *the last block starting at or above the
+ * pointer*, clamped to the first block when every block starts below it. The
+ * search probes child indices, but every comparison is against a **block**: a
+ * probe landing on a widget resolves back to the nearest block at or before it,
+ * and that block's own child index — not the widget's — bounds the next step.
+ * Widget geometry therefore cannot move the search, which is the same category
+ * rejection `blockHit` performs, extended to the probe itself. Pairing a
+ * block's index with a widget's box is what that prevents: `dropTargetIndex`
+ * would take the deciding midpoint from the wrong box and land the drop on the
+ * wrong side of its neighbour — silently, in one undo step.
  *
- * Mapping inside the loop is what makes widget decorations skippable as a
- * category rather than by class name, and it is not free: `posAtDOM`,
- * `nodeDOM`, and `childStart` each walk linearly to the child they address, so
- * the scan down to index `k` is quadratic in `k` — measured at roughly 4x per
- * doubling, against 2x for the map-only-the-winner scan this replaced. That
- * one was abandoned because it could not tell a widget from a block, and
- * pairing a block's index with a widget's box drops the block on the wrong
- * side of its neighbour. Correctness first; the cost is only paid down to the
- * *hovered* child, so it is deep hovering in a long document that degrades.
- * Restoring the linear scan without losing the category skip means deferring
- * the mapping until a winner is picked and walking back over the few
- * consecutive widgets — the clamp above the first block is what makes that
- * more than a one-liner, so it is deliberately left as follow-up.
+ * Cost, against the mapping-per-child scan this replaced. `posAtDOM`, `nodeDOM`
+ * and `childStart` each walk linearly to the child they address, so mapping the
+ * child at index `k` is Θ(k) and scanning down to it was Θ(k²) — 500 mappings
+ * and ~125k node walks for a hover at the bottom of a 500-block document, per
+ * `mousemove`. Here it is Θ(log n) mappings, one per probe plus the widgets a
+ * probe walks over, and ~4.5k node walks at the same size. Deferring to a
+ * single mapping overall is only possible by trusting widget geometry, which
+ * is the trade this deliberately refuses.
  */
 function blockAtPoint(view, clientY) {
     const children = view.dom.children;
-    let candidate = null;
-    for (let i = 0; i < children.length; i += 1) {
-        const element = children[i];
-        // A widget decoration owns no top-level node, and its box is a sliver
-        // rather than a block's. Letting one become the candidate would pair a
-        // neighbouring block's index with the widget's geometry, so
-        // `dropTargetIndex` would take that block's midpoint from the wrong box
-        // and land the drop on the wrong side of it — silently, in one undo step.
-        const index = topLevelIndexOfDom(view, element);
-        if (index === null)
-            continue;
-        const rect = element.getBoundingClientRect();
-        if (clientY < rect.top) {
-            // Above the first block clamps to it; in the gap between two blocks the
-            // preceding one was already recorded on the previous iteration.
-            candidate ??= { index, top: rect.top, bottom: rect.bottom };
-            break;
+    // `high` is -1 for a view that renders no children at all, so both loops
+    // below are skipped and the answer is null without a bounds check.
+    let low = 0;
+    let high = children.length - 1;
+    let best = null;
+    let bestChild = -1;
+    while (low <= high) {
+        const middle = (low + high) >> 1;
+        const found = blockAtOrBefore(view, children, middle, low);
+        if (found === null) {
+            // Nothing but widgets in [low, middle]: every block still in range
+            // starts after it. Discarding the span is what bounds the walk-backs.
+            low = middle + 1;
+        }
+        else if (found.hit.top <= clientY) {
+            // A candidate, and every block before it is one too; only a later block
+            // can improve on it.
+            best = found.hit;
+            bestChild = found.childIndex;
+            low = found.childIndex + 1;
         }
-        candidate = { index, top: rect.top, bottom: rect.bottom };
-        if (clientY <= rect.bottom)
-            break;
+        else {
+            high = found.childIndex - 1;
+        }
+    }
+    if (best === null) {
+        // Every block starts below the pointer, which is the clamp: offer the
+        // first block rather than blink the handle out. Null only for a view
+        // rendering no top-level block at all.
+        for (let i = 0; i < children.length; i += 1) {
+            const hit = blockHit(view, children[i]);
+            if (hit)
+                return hit;
+        }
+        return null;
     }
-    return candidate;
+    // A pointer exactly on a block's leading edge belongs to the block above it
+    // when the two boxes touch, which is where the scan this replaced ended up:
+    // it broke on the first box whose `bottom` reached the pointer. The shipped
+    // stylesheet keeps `0.75rem` between paragraph border boxes so nothing can
+    // land here, but the answer is a silent one to change. The predecessor is
+    // only resolved for a pointer exactly on `best.top`, so a well-formed
+    // document pays for it on one pixel per block and never elsewhere.
+    if (clientY === best.top && bestChild > 0) {
+        const previous = blockAtOrBefore(view, children, bestChild - 1, 0);
+        if (previous !== null && previous.hit.bottom >= clientY)
+            return previous.hit;
+    }
+    return best;
 }
 /**
  * @internal Pre-move `to` index for dropping the block at `from` onto `hit`,
@@ -3390,30 +4398,32 @@ function dropTargetIndex(hit, clientY, from) {
 /**
  * @internal Measures every top-level block once, in the mount's unscaled space.
  *
- * Taken at `dragstart` and read by everything downstream, which is a
- * correctness requirement rather than an optimisation. The partition applies
- * `transform` to blocks, and a transform *is* reflected in
- * `getBoundingClientRect()`. Resolving the target from live rects after moving
- * them would feed this plugin's own output back into its input: the gap opens,
- * the pointer is now over a different block, the target changes, the gap moves.
- * A snapshot taken before any transform breaks that loop.
+ * Taken at `dragstart` and read by everything downstream — target resolution,
+ * the indicator's `top` and the settle's "before" — so no pointer event during
+ * the drag reads a block's rect. Mount-relative rather than viewport-relative
+ * so drag-autoscroll cannot invalidate it: only the mount's own rect is re-read
+ * per event, one layout read instead of one per block. Unscaled for the same
+ * reason the handle's `top` is: a CSS length on a child of the zoom layer
+ * applies in that layer's space, while `getBoundingClientRect()` reports scaled
+ * screen pixels.
  *
- * Mount-relative rather than viewport-relative so drag-autoscroll cannot
- * invalidate it — only the mount's own rect is re-read per event, one layout
- * read instead of one per block. Unscaled for the same reason the handle's
- * `top` is: a CSS length on a child of the zoom layer applies in that layer's
- * space, while `getBoundingClientRect()` reports scaled screen pixels.
+ * Boxes only, deliberately **no element**. ProseMirror replaces top-level
+ * elements during a drag (see `MLV_EDITOR_DRAG_SOURCE_KEY`), so an element
+ * captured here is detached by the first `dragover`, and anything written to it
+ * afterwards is written to nothing. Everything after `dragstart` that needs a
+ * live element resolves it from a document position instead.
  */
 function snapshotBlocks(view, mount) {
-    const scale = layerScale$1(mount);
-    const mountTop = mount.getBoundingClientRect().top;
+    const { top: mountTop, scale } = mountFrame(mount);
     const slots = [];
     const children = view.dom.children;
     for (let i = 0; i < children.length; i += 1) {
         const element = children[i];
-        // Same category check the hover scan uses: a widget decoration owns no
-        // top-level node and must not occupy a slot, or the partition would shift
-        // it as though it were a block.
+        // Same category check the hover path uses: a widget decoration owns no
+        // top-level node and must not occupy a slot, or its sliver of a box would
+        // decide a neighbour's drop side. Mapping every child once here is what the
+        // drag pays instead of the hover path's deferred single mapping — the
+        // settle needs a box per block regardless.
         const index = topLevelIndexOfDom(view, element);
         if (index === null)
             continue;
@@ -3422,7 +4432,6 @@ function snapshotBlocks(view, mount) {
             index,
             top: (rect.top - mountTop) / scale,
             bottom: (rect.bottom - mountTop) / scale,
-            element: element,
         });
     }
     return slots;
@@ -3432,9 +4441,10 @@ function snapshotBlocks(view, mount) {
  *
  * Reproduces `blockAtPoint`'s clamping exactly — above the first block resolves
  * to the first, a point in the gap between two blocks resolves to the
- * preceding one, below the last resolves to the last — but against a static
- * array, so it is a binary search rather than a scan that maps every child it
- * passes.
+ * preceding one, below the last resolves to the last. Both are the same
+ * "last block starting at or above the pointer" search on the same ordering
+ * assumption; this one runs against an array the drag already mapped, so it
+ * needs no widget walk-back and reads no rect at all.
  */
 function slotAt(slots, y) {
     if (slots.length === 0)
@@ -3444,6 +4454,9 @@ function slotAt(slots, y) {
     let low = 0;
     let high = slots.length - 1;
     while (low < high) {
+        // `ceil`, not `floor`: this converges by raising `low` *to* the midpoint,
+        // so a `floor` midpoint of `low` for an adjacent pair would set `low` to
+        // itself and spin forever.
         const middle = Math.ceil((low + high) / 2);
         if (slots[middle].top <= y)
             low = middle;
@@ -3456,9 +4469,12 @@ function slotAt(slots, y) {
  * @internal Mount-space y of the boundary the given gap sits on, where `gap`
  * counts the `slots.length + 1` positions a block can be inserted at.
  *
- * Deliberately the *pre-partition* boundary: the indicator is offset into the
- * opened space by half the gap in CSS, so the gap's size stays a single token
- * and this never has to resolve a rem into pixels.
+ * An interior gap is the middle of the **natural** space between two blocks —
+ * the midpoint of the previous block's bottom and the next block's top — since
+ * nothing parts the blocks to preview a drop. The outer two sit on the first
+ * block's top and the last block's bottom. The stylesheet centres the line on
+ * this y (`translateY(-50%)`), so its own thickness never has to be resolved
+ * here.
  */
 function gapOffset(slots, gap) {
     if (gap <= 0)
@@ -3476,9 +4492,9 @@ function gapOffset(slots, gap) {
  * an ancestor class chain that would have to track whichever selectors happen
  * to exist. Adapted from `@tiptap/extension-drag-handle`'s `cloneElement`.
  *
- * Note what this cannot carry: computed styles are used values, and an
- * ancestor `transform: scale()` never reaches them. The editor's zoom is
- * applied to the wrapper instead — see `createGhostElement`.
+ * Note what this cannot carry: computed styles are the element's own values
+ * and never carry an ancestor's `zoom`. The editor's zoom is applied to the
+ * wrapper instead — see `createGhostElement`.
  */
 function cloneWithComputedStyles(source) {
     const clone = source.cloneNode(true);
@@ -3513,7 +4529,8 @@ function cloneWithComputedStyles(source) {
  * requires — without ever being seen. `zoom` rather than `transform` carries
  * the editor's scale because it affects layout, so the wrapper's own box
  * reflects it before the browser rasterizes; a `transform` is honoured
- * inconsistently across engines for drag images.
+ * inconsistently across engines for drag images, and the source's computed
+ * styles carry no ancestor `zoom`.
  */
 function createGhostElement(source, scale) {
     const wrapper = document.createElement('div');
@@ -3659,7 +4676,26 @@ const MlvEditorBlockHandle = Extension.create({
         const editor = this.editor;
         return [
             new Plugin({
+                key: MLV_EDITOR_DRAG_SOURCE_KEY,
+                state: {
+                    init: () => DecorationSet.empty,
+                    // Set and cleared only through a meta, from the plugin view (and
+                    // `clearInheritedDragSource`). A document change also ends the
+                    // drag (see `update` below), so the decoration is dropped in that
+                    // same transaction rather than mapped onto a block that may no
+                    // longer be the one on the pointer. That transaction therefore
+                    // never renders a set built against the previous document, and
+                    // `update`'s `endDrag` finds nothing left to dispatch.
+                    apply: (tr, decorations) => tr.getMeta(MLV_EDITOR_DRAG_SOURCE_KEY) ??
+                        (tr.docChanged ? DecorationSet.empty : decorations),
+                },
+                props: {
+                    decorations: (state) => MLV_EDITOR_DRAG_SOURCE_KEY.getState(state),
+                },
                 view: (view) => {
+                    // First, before the mount check: a rebuilt view with no mount
+                    // still inherits whatever dim its predecessor left in state.
+                    clearInheritedDragSource(view);
                     const mount = options.mount();
                     if (!mount)
                         return { destroy: () => undefined };
@@ -3674,80 +4710,131 @@ const MlvEditorBlockHandle = Extension.create({
                     // mount is a sibling of `view.dom`, so no serializer can reach it.
                     const indicator = createIndicatorElement();
                     mount.appendChild(indicator);
-                    const hide = () => handle.setAttribute('data-visible', 'false');
+                    /**
+                     * What the handle currently publishes, or null while it is
+                     * retracted.
+                     *
+                     * Comparing against this is what keeps a pointer move that resolves
+                     * an unchanged hit from touching the DOM at all, and the write it
+                     * saves is the smaller half of the point: an attribute write on the
+                     * handle dirties the layout tree, so the *next* move's rect reads
+                     * have to force a fresh layout before they can answer. Skipping the
+                     * writes leaves layout clean, and a hover that stays on one block
+                     * then forces no layout at all.
+                     *
+                     * Keyed on the values written rather than on `hit.index`, because
+                     * two of the three can change while the index does not: scrolling
+                     * moves the block under a stationary pointer, and `label()` is a
+                     * signal read that answers differently on a locale change.
+                     */
+                    let published = null;
+                    const hide = () => {
+                        if (published === null)
+                            return;
+                        published = null;
+                        handle.setAttribute('data-visible', 'false');
+                    };
                     const onMouseMove = (event) => {
                         if (!options.enabled())
                             return hide();
                         const hit = blockAtPoint(view, event.clientY);
                         if (!hit)
                             return hide();
-                        // `getBoundingClientRect()` reports scaled screen pixels, but a
-                        // CSS `top` on a child of the scaled layer is applied in the
-                        // layer's own unscaled space. Convert once, deriving the scale
-                        // from the DOM rather than `--mlv-editor-zoom`, so the handle
-                        // stays correct if anything else ever transforms this layer.
-                        const scale = layerScale$1(mount);
-                        const mountTop = mount.getBoundingClientRect().top;
-                        handle.style.top = `${(hit.top - mountTop) / scale}px`;
-                        handle.dataset['index'] = String(hit.index);
-                        handle.title = options.label();
+                        // `getBoundingClientRect()` reports zoomed screen pixels, but a
+                        // CSS `top` on a child of the zoomed layer is applied in the
+                        // layer's own unzoomed space. Convert once, off one rect read of
+                        // the mount.
+                        const { top: mountTop, scale } = mountFrame(mount);
+                        const top = `${(hit.top - mountTop) / scale}px`;
+                        const index = String(hit.index);
+                        const label = options.label();
+                        if (published !== null &&
+                            published.top === top &&
+                            published.index === index &&
+                            published.label === label) {
+                            return;
+                        }
+                        published = { top, index, label };
+                        handle.style.top = top;
+                        handle.dataset['index'] = index;
+                        handle.title = label;
                         handle.setAttribute('data-visible', 'true');
                     };
                     /** Top-level index being dragged, or null when no drag is active. */
                     let source = null;
-                    /** The dimmed element the drag started from. */
-                    let sourceElement = null;
                     /** Geometry measured once at `dragstart`; empty while no drag runs. */
                     let slots = [];
                     /** The off-screen element handed to `setDragImage`. */
                     let ghost = null;
-                    /** Gap the partition is currently opened at, or null when closed. */
+                    /** Gap the indicator currently marks, or null while it is retracted. */
                     let gap = null;
-                    /** Converts a viewport y into the mount's own unscaled space. */
-                    const toMountSpace = (clientY) => (clientY - mount.getBoundingClientRect().top) / layerScale$1(mount);
+                    /**
+                     * Converts a viewport y into the mount's own unscaled space, off
+                     * one rect read — this runs on every `dragover`.
+                     */
+                    const toMountSpace = (clientY) => {
+                        const { top, scale } = mountFrame(mount);
+                        return (clientY - top) / scale;
+                    };
                     /**
                      * Gap a resolved target index sits on. `dropTargetIndex` folds the
                      * `slots.length + 1` gaps onto `moveBlock`'s pre-move convention,
                      * where `to` names the block the moved one ends up after when
-                     * moving down; this is that fold inverted, so the previewed space
+                     * moving down; this is that fold inverted, so the previewed line
                      * and the committed move come from one resolved index.
                      */
                     const gapForTarget = (to, from) => to <= from ? to : to + 1;
-                    /** Opens the partition at `next`, or closes it when null. */
+                    /**
+                     * Moves the indicator to `next`, or retracts it when null. Only
+                     * the mount-owned line is written: nothing parts the blocks, so no
+                     * element ProseMirror rendered is touched during a drag.
+                     */
                     const setGap = (next) => {
                         if (gap === next)
                             return;
                         gap = next;
-                        for (const slot of slots) {
-                            // The gap is a token rather than a number here, so the size
-                            // stays owned by the stylesheet.
-                            slot.element.style.transform =
-                                next !== null && slot.index >= next
-                                    ? 'translateY(var(--mlv-editor-drop-gap))'
-                                    : '';
-                        }
                         if (next === null) {
                             indicator.setAttribute('data-visible', 'false');
                             return;
                         }
-                        // The *pre-partition* boundary: the stylesheet offsets the line
-                        // into the opened space by half the gap, so this never has to
-                        // resolve the token into pixels.
                         indicator.style.top = `${gapOffset(slots, next)}px`;
                         indicator.setAttribute('data-visible', 'true');
                     };
+                    /**
+                     * Publishes the source's dim, or clears it with `null`, through
+                     * plugin state. Skipped when nothing would change, so the several
+                     * paths that end one drag (`drop`, then `dragend`) dispatch once.
+                     */
+                    const setSourceDecoration = (from) => {
+                        const current = MLV_EDITOR_DRAG_SOURCE_KEY.getState(view.state);
+                        if (from === null && current === DecorationSet.empty)
+                            return;
+                        const node = from === null ? null : view.state.doc.nodeAt(from);
+                        const next = from === null || node === null
+                            ? DecorationSet.empty
+                            : DecorationSet.create(view.state.doc, [
+                                Decoration.node(from, from + node.nodeSize, {
+                                    class: MLV_EDITOR_DRAG_SOURCE_CLASS,
+                                }),
+                            ]);
+                        // A meta-only transaction: no step, so nothing for history to
+                        // record (prosemirror-history returns its state unchanged for a
+                        // step-less transaction, so no `addToHistory` flag is needed)
+                        // and no model emission. `update` below compares documents by
+                        // identity, so this does not read as a document change and end
+                        // the drag.
+                        view.dispatch(view.state.tr.setMeta(MLV_EDITOR_DRAG_SOURCE_KEY, next));
+                    };
                     const endDrag = () => {
-                        for (const slot of slots)
-                            slot.element.style.transform = '';
                         indicator.setAttribute('data-visible', 'false');
-                        view.dom.classList.remove(MLV_EDITOR_DRAGGING_CLASS);
-                        sourceElement?.classList.remove(MLV_EDITOR_DRAG_SOURCE_CLASS);
                         ghost?.remove();
                         slots = [];
                         gap = null;
                         source = null;
-                        sourceElement = null;
                         ghost = null;
+                        // Last, once the closure no longer records a drag: the dispatch
+                        // re-enters `update`, which must not see one still in flight.
+                        setSourceDecoration(null);
                     };
                     /** Target index for the pointer, or null when the drop is a no-op. */
                     const targetAt = (clientY) => {
@@ -3772,11 +4859,15 @@ const MlvEditorBlockHandle = Extension.create({
                      *
                      * Only the span between the two indices moved, so the walk is
                      * bounded by the distance dragged rather than by document length.
+                     * Each element is resolved live through `nodeDOM` after the move,
+                     * never taken from the snapshot: ProseMirror has replaced most of
+                     * the elements measured at `dragstart` by now.
                      *
-                     * Uses the Web Animations API rather than a transition: nothing has
-                     * to force a reflow between setting and clearing the offset, the
-                     * animation cleans itself up, and it never collides with the inline
-                     * `transform` the partition writes.
+                     * Uses the Web Animations API rather than a transition or an inline
+                     * `transform`: nothing has to force a reflow between setting and
+                     * clearing the offset, the animation cleans itself up, and it
+                     * writes no attribute — an inline style is a DOM mutation
+                     * ProseMirror would answer by redrawing the block mid-animation.
                      */
                     const settle = (tops, from, to) => {
                         if (prefersReducedMotion())
@@ -3786,8 +4877,7 @@ const MlvEditorBlockHandle = Extension.create({
                         order.splice(from, 1);
                         order.splice(to, 0, from);
                         const doc = view.state.doc;
-                        const scale = layerScale$1(mount);
-                        const mountTop = mount.getBoundingClientRect().top;
+                        const { top: mountTop, scale } = mountFrame(mount);
                         const first = Math.min(from, to);
                         const last = Math.max(from, to);
                         for (let index = first; index <= last; index += 1) {
@@ -3824,11 +4914,18 @@ const MlvEditorBlockHandle = Extension.create({
                             return;
                         }
                         const measured = snapshotBlocks(view, mount);
-                        const slot = measured.find((candidate) => candidate.index === index);
+                        const from = index < view.state.doc.childCount
+                            ? childStart(view.state.doc, index)
+                            : null;
+                        // Resolved now, from the document position, and used only in
+                        // this handler — see `snapshotBlocks` for why no element is kept.
+                        const element = from === null ? null : view.nodeDOM(from);
                         // The hovered index outliving its block means the snapshot and
                         // `data-index` disagree; refusing is the same answer as a drag
                         // that never hovered.
-                        if (!slot) {
+                        if (from === null ||
+                            !(element instanceof HTMLElement) ||
+                            !measured.some((candidate) => candidate.index === index)) {
                             event.preventDefault();
                             return;
                         }
@@ -3849,13 +4946,17 @@ const MlvEditorBlockHandle = Extension.create({
                         // Cloned *before* the source is dimmed: the clone carries
                         // resolved computed styles, so dimming first would bake the
                         // reduced opacity into the drag image.
-                        ghost = createGhostElement(slot.element, layerScale$1(mount));
+                        ghost = createGhostElement(element, mountFrame(mount).scale);
+                        // The pointer rides the image's inline-start edge: its right
+                        // edge in RTL. The offset is in CSS pixels against the image as
+                        // painted, and the wrapper carries the editor zoom as CSS
+                        // `zoom`, which `offsetWidth` leaves out (measured 475 against
+                        // 594 at 125%): only the rendered width puts the pointer on
+                        // that edge.
                         event.dataTransfer?.setDragImage(ghost, getComputedStyle(view.dom).direction === 'rtl'
-                            ? ghost.offsetWidth
+                            ? Math.round(ghost.getBoundingClientRect().width)
                             : 0, 0);
-                        sourceElement = slot.element;
-                        sourceElement.classList.add(MLV_EDITOR_DRAG_SOURCE_CLASS);
-                        view.dom.classList.add(MLV_EDITOR_DRAGGING_CLASS);
+                        setSourceDecoration(from);
                     };
                     const onDragOver = (event) => {
                         if (source === null)
@@ -3893,8 +4994,8 @@ const MlvEditorBlockHandle = Extension.create({
                             event.clientY > rect.bottom);
                     };
                     const onDragLeave = (event) => {
-                        // Only the preview goes — the partition closes and the line
-                        // retracts. The drag itself is still in flight, and re-entering
+                        // Only the line retracts; the source stays dimmed. The drag
+                        // itself is still in flight, and re-entering
                         // the editor must resolve a target again rather than leave the
                         // user dragging something that can no longer be dropped.
                         if (source !== null && leavesMount(event))
@@ -3909,10 +5010,9 @@ const MlvEditorBlockHandle = Extension.create({
                         // Resolved from the drop's own coordinates rather than the last
                         // `dragover`, so the release position always wins.
                         const to = targetAt(event.clientY);
-                        // Captured before `endDrag` discards the snapshot. These are the
-                        // pre-partition tops, which is exactly the FLIP's "before": the
-                        // partition's transforms are cleared by `endDrag` in the same
-                        // turn, so nothing the user saw shifted is measured as movement.
+                        // Captured before `endDrag` discards the snapshot. Nothing moves
+                        // a block during the drag, so the `dragstart` tops are exactly
+                        // the FLIP's "before".
                         const tops = slots.map((slot) => slot.top);
                         endDrag();
                         if (to === null)
@@ -3924,6 +5024,27 @@ const MlvEditorBlockHandle = Extension.create({
                         if (event.key === 'Escape' && source !== null)
                             endDrag();
                     };
+                    // These eight stay raw `addEventListener`s rather than becoming
+                    // `fromEvent` + `takeUntilDestroyed`, deliberately and for two
+                    // reasons.
+                    //
+                    // There is no `DestroyRef` to take. This file is a plain
+                    // ProseMirror plugin with no Angular import at all, constructed by
+                    // Tiptap outside any injection context, so `inject()` would throw.
+                    // The lifetime that matters here is not the editor component's
+                    // either: it is this plugin *view's*, which is torn down and
+                    // rebuilt whenever the editor is recreated (a format switch, an
+                    // extension-set change). `destroy()` below is that boundary, and it
+                    // unbinds all eight with the capture flags they were bound with.
+                    //
+                    // And the three capture-phase drag listeners are protocol-sensitive.
+                    // ProseMirror installs its own `dragover`/`drop` handlers on
+                    // `view.dom`, a descendant of `mount`; capturing on the ancestor is
+                    // what lets `onDrop` claim the drop and `stopPropagation()` before
+                    // ProseMirror inserts the dragged slice itself. Nothing in the unit
+                    // suite can drive a native HTML5 drag, so that ordering cannot be
+                    // pinned by a test here — and an unprovable reordering of block
+                    // drag-and-drop is not worth a stylistic conversion.
                     mount.addEventListener('mousemove', onMouseMove);
                     mount.addEventListener('mouseleave', hide);
                     handle.addEventListener('dragstart', onDragStart);
@@ -3960,6 +5081,8 @@ const MlvEditorBlockHandle = Extension.create({
                             // selection-only transaction carries the same reference — so
                             // this is exactly `docChanged` at O(1), where a structural
                             // compare would walk the whole document on every keystroke.
+                            // The same change has already emptied the source decoration in
+                            // plugin state (`apply`), so this `endDrag` dispatches nothing.
                             if (previous.doc !== updated.state.doc && source !== null) {
                                 endDrag();
                             }
@@ -3970,7 +5093,9 @@ const MlvEditorBlockHandle = Extension.create({
                             // releasing the button after the revocation cannot reorder
                             // anything. Previously the line went through `decorations`,
                             // which read `enabled()` itself; a mount-owned element has to
-                            // be told.
+                            // be told. Clearing the dim dispatches from inside `update`;
+                            // that re-entry finds no drag recorded and returns, so it runs
+                            // once.
                             if (source !== null)
                                 endDrag();
                         },
@@ -3988,6 +5113,8 @@ const MlvEditorBlockHandle = Extension.create({
                             // A drag interrupted by teardown leaves its drag image on
                             // `document.body`, outside everything else this removes.
                             ghost?.remove();
+                            // The dim stays in plugin state, where this cannot dispatch;
+                            // see `clearInheritedDragSource`.
                         },
                     };
                 },
@@ -4934,8 +6061,16 @@ class EditorImageUploadCoordinator extends MlvEditorImageUploadControl {
         catch {
             return undefined;
         }
-        const alt = typeof value['alt'] === 'string' ? value['alt'] : state.alt;
-        const title = typeof value['title'] === 'string' ? value['title'] : state.title;
+        // The author's metadata states intent and wins; the adapter's only fills
+        // what the author left out. An author `alt: ''` marks the image
+        // decorative: the alt stays empty (WCAG 1.1.1) and no title is kept,
+        // the author's or the adapter's, because an `alt=""` image with a title
+        // is exposed as an unnamed image described by it (WCAG H67). Otherwise
+        // an empty author title means no title, so the adapter's may fill it.
+        const adapterAlt = typeof value['alt'] === 'string' ? value['alt'] : undefined;
+        const adapterTitle = typeof value['title'] === 'string' ? value['title'] : undefined;
+        const alt = state.alt ?? adapterAlt;
+        const title = state.alt === '' ? undefined : state.title || adapterTitle;
         return {
             src,
             ...(alt === undefined ? {} : { alt }),
@@ -5196,8 +6331,8 @@ class MlvEditorAlignment {
         this._unregister?.();
         this._unregister = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAlignment, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorAlignment, isStandalone: true, selector: "mlv-editor-alignment", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-alignment" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAlignment, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorAlignment, isStandalone: true, selector: "mlv-editor-alignment", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-alignment" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
     <button
       mlvButton
       mlvEditorToolbarWidget
@@ -5229,7 +6364,7 @@ class MlvEditorAlignment {
     </mlv-menu>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideAlignLeft, selector: "svg[lucideTextAlignStart], svg[lucideText], svg[lucideAlignLeft]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorAlignment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorAlignment, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-alignment',
@@ -5339,8 +6474,8 @@ class MlvEditorCommandButton {
             return;
         this._context.run(this.command());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorCommandButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvEditorCommandButton, isStandalone: true, selector: "mlv-editor-command-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, supports: { classPropertyName: "supports", publicName: "supports", isSignal: true, isRequired: true, transformFunction: null }, command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: true, transformFunction: null }, canCommand: { classPropertyName: "canCommand", publicName: "canCommand", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!supported()" }, classAttribute: "mlv-editor-command-button" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorCommandButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: MlvEditorCommandButton, isStandalone: true, selector: "mlv-editor-command-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, supports: { classPropertyName: "supports", publicName: "supports", isSignal: true, isRequired: true, transformFunction: null }, command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: true, transformFunction: null }, canCommand: { classPropertyName: "canCommand", publicName: "canCommand", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!supported()" }, classAttribute: "mlv-editor-command-button" }, ngImport: i0, template: `
     <button
       mlvButton
       mlvEditorToolbarWidget
@@ -5360,7 +6495,7 @@ class MlvEditorCommandButton {
     </button>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorCommandButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorCommandButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-command-button',
@@ -5418,8 +6553,8 @@ class MlvEditorBlockInsert {
         this._revision();
         return this._context.isActive(name);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorBlockInsert, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorBlockInsert, isStandalone: true, selector: "mlv-editor-block-insert", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-block-insert" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorBlockInsert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorBlockInsert, isStandalone: true, selector: "mlv-editor-block-insert", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-block-insert" }, ngImport: i0, template: `
     <mlv-editor-command-button
       [label]="_copy().blockquote"
       [pressed]="_isActive('blockquote')"
@@ -5445,7 +6580,7 @@ class MlvEditorBlockInsert {
     /></mlv-editor-command-button>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvEditorCommandButton, selector: "mlv-editor-command-button", inputs: ["label", "supports", "command", "canCommand", "pressed"] }, { kind: "component", type: LucideCode2, selector: "svg[lucideCodeXml], svg[lucideCode2]" }, { kind: "component", type: LucideMinus, selector: "svg[lucideMinus]" }, { kind: "component", type: LucideTextQuote, selector: "svg[lucideTextQuote]" }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorBlockInsert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorBlockInsert, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-block-insert',
@@ -5642,8 +6777,8 @@ class MlvEditorHeading {
         this._unregister?.();
         this._unregister = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHeading, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorHeading, isStandalone: true, selector: "mlv-editor-heading", inputs: { levels: { classPropertyName: "levels", publicName: "levels", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-heading" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorHeading, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorHeading, isStandalone: true, selector: "mlv-editor-heading", inputs: { levels: { classPropertyName: "levels", publicName: "levels", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-heading" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
     <button
       mlvButton
       mlvEditorToolbarWidget
@@ -5712,7 +6847,7 @@ class MlvEditorHeading {
     </mlv-menu>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideHeading, selector: "svg[lucideHeading]" }, { kind: "component", type: LucideHeading1, selector: "svg[lucideHeading1]" }, { kind: "component", type: LucideHeading2, selector: "svg[lucideHeading2]" }, { kind: "component", type: LucideHeading3, selector: "svg[lucideHeading3]" }, { kind: "component", type: LucideHeading4, selector: "svg[lucideHeading4]" }, { kind: "component", type: LucideHeading5, selector: "svg[lucideHeading5]" }, { kind: "component", type: LucideHeading6, selector: "svg[lucideHeading6]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHeading, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorHeading, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-heading',
@@ -5832,14 +6967,18 @@ class MlvEditorColorControl {
             const trigger = this._picker().triggerElement();
             if (!trigger)
                 return;
+            // Released from `onCleanup`, not `takeUntilDestroyed`: this effect
+            // re-runs whenever the picker publishes a different trigger element, and
+            // a destroy-scoped teardown would leave every superseded generation
+            // subscribed for the rest of the control's life.
+            const listeners = new Subscription();
             const activate = () => this._roving.activate(trigger);
-            trigger.addEventListener('focus', activate);
-            trigger.addEventListener('pointerdown', activate);
+            listeners.add(fromEvent(trigger, 'focus').subscribe(activate));
+            listeners.add(fromEvent(trigger, 'pointerdown').subscribe(activate));
             const unregister = untracked(() => this._roving.register(trigger));
             onCleanup(() => {
                 unregister();
-                trigger.removeEventListener('focus', activate);
-                trigger.removeEventListener('pointerdown', activate);
+                listeners.unsubscribe();
             });
         });
         effect(() => {
@@ -5871,10 +7010,10 @@ class MlvEditorColorControl {
             return;
         this._context.run((editor) => this._run(editor, selection, color));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorColorControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.7", type: MlvEditorColorControl, isStandalone: true, viewQueries: [{ propertyName: "_picker", first: true, predicate: ["picker"], descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorColorControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: MlvEditorColorControl, isStandalone: true, viewQueries: [{ propertyName: "_picker", first: true, predicate: ["picker"], descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorColorControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorColorControl, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { _picker: [{ type: i0.ViewChild, args: ['picker', { isSignal: true }] }] } });
 
@@ -5907,8 +7046,8 @@ class MlvEditorHighlight extends MlvEditorColorControl {
             ? chain.toggleHighlight({ color }).run()
             : chain.unsetHighlight().run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHighlight, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorHighlight, isStandalone: true, selector: "mlv-editor-highlight", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-highlight" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorHighlight, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorHighlight, isStandalone: true, selector: "mlv-editor-highlight", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-highlight" }, usesInheritance: true, ngImport: i0, template: `
     <mlv-color-picker-popup
       #picker
       presentation="icon"
@@ -5925,7 +7064,7 @@ class MlvEditorHighlight extends MlvEditorColorControl {
     </mlv-color-picker-popup>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvColorPickerPopup, selector: "mlv-color-picker-popup", inputs: ["value", "presentation", "opened", "showOpacity", "defaultMode", "supportedFormats", "live"], outputs: ["valueChange", "openedChange", "afterOpened", "afterClosed", "colorChange"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: LucideHighlighter, selector: "svg[lucideHighlighter]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHighlight, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorHighlight, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-highlight',
@@ -5984,8 +7123,8 @@ class MlvEditorInlineMarks {
     /** @protected Italic command. */ _italic = (editor) => editor.chain().focus().toggleItalic().run();
     /** @protected Strike command. */ _strike = (editor) => editor.chain().focus().toggleStrike().run();
     /** @protected Underline command. */ _underline = (editor) => editor.chain().focus().toggleUnderline().run();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorInlineMarks, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorInlineMarks, isStandalone: true, selector: "mlv-editor-inline-marks", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-inline-marks" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorInlineMarks, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorInlineMarks, isStandalone: true, selector: "mlv-editor-inline-marks", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-inline-marks" }, ngImport: i0, template: `
     <mlv-editor-command-button
       [label]="_copy().bold"
       [pressed]="_isActive('bold')"
@@ -6020,7 +7159,7 @@ class MlvEditorInlineMarks {
     /></mlv-editor-command-button>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvEditorCommandButton, selector: "mlv-editor-command-button", inputs: ["label", "supports", "command", "canCommand", "pressed"] }, { kind: "component", type: LucideBold, selector: "svg[lucideBold]" }, { kind: "component", type: LucideItalic, selector: "svg[lucideItalic]" }, { kind: "component", type: LucideStrikethrough, selector: "svg[lucideStrikethrough]" }, { kind: "component", type: LucideUnderline, selector: "svg[lucideUnderline]" }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorInlineMarks, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorInlineMarks, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-inline-marks',
@@ -6182,8 +7321,8 @@ class MlvEditorList {
         this._unregister?.();
         this._unregister = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorList, isStandalone: true, selector: "mlv-editor-list", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-list" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorList, isStandalone: true, selector: "mlv-editor-list", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-list" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
     <button
       mlvButton
       mlvEditorToolbarWidget
@@ -6235,7 +7374,7 @@ class MlvEditorList {
     </mlv-menu>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideList, selector: "svg[lucideList]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorList, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-list',
@@ -6538,15 +7677,14 @@ class MlvEditorLink {
             .map((protocol) => protocol.trim().toLowerCase().replace(/:+$/, ''))
             .filter(Boolean));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorLink, isStandalone: true, selector: "mlv-editor-link", inputs: { allowedProtocols: { classPropertyName: "allowedProtocols", publicName: "allowedProtocols", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-link" }, viewQueries: [{ propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, isSignal: true }, { propertyName: "_triggerElement", first: true, predicate: ["_triggerElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_urlInput", first: true, predicate: ["_urlInput"], descendants: true, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["_panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  #_trigger=\"mlvPopupTrigger\"\n  #_triggerElement\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [mlvPopupTrigger]=\"_popup\"\n  [ariaHasPopup]=\"'dialog'\"\n  [attr.aria-label]=\"_copy().link\"\n  [attr.aria-pressed]=\"_active()\"\n  [mlvTooltip]=\"_copy().link\"\n>\n  <svg mlvButtonIcon lucideLink aria-hidden=\"true\" />\n</button>\n\n<mlv-popup\n  #_popup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_copy().link\"\n  (afterOpened)=\"_onOpened()\"\n  (afterClosed)=\"_onClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div #_panel class=\"mlv-editor-link__panel\">\n      <mlv-input\n        #_urlInput\n        type=\"url\"\n        [label]=\"_copy().linkUrl\"\n        [value]=\"_urlDraft()\"\n        [disabled]=\"_disabled()\"\n        [state]=\"_invalid() ? 'error' : 'default'\"\n        [message]=\"_invalid() ? _copy().invalidLink : ''\"\n        (valueChange)=\"_onUrlChange($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-input\n        [label]=\"_copy().linkText\"\n        [value]=\"_textDraft()\"\n        [disabled]=\"_disabled()\"\n        (valueChange)=\"_textDraft.set($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-switch [label]=\"_copy().openInNewTab\" [(checked)]=\"_newTab\"\n        >{{_copy().openInNewTab}}</mlv-switch\n      >\n      <div class=\"mlv-editor-link__actions\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"primary\"\n          [disabled]=\"_disabled()\"\n          (click)=\"_apply()\"\n        >\n          {{ _copy().applyLink }}\n        </button>\n        @if (_canRemove()) {\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_disabled()\"\n          (click)=\"_remove()\"\n        >\n          {{ _copy().removeLink }}\n        </button>\n        }\n      </div>\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-editor-link{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-link *{box-sizing:border-box}.mlv-editor-link{display:inline-flex}.mlv-editor-link__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-link__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideLink, selector: "svg[lucideLink]" }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "component", type: MlvSwitch, selector: "mlv-switch", inputs: ["ariaLabelledBy", "checked"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorLink, isStandalone: true, selector: "mlv-editor-link", inputs: { allowedProtocols: { classPropertyName: "allowedProtocols", publicName: "allowedProtocols", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-link" }, viewQueries: [{ propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, isSignal: true }, { propertyName: "_triggerElement", first: true, predicate: ["_triggerElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_urlInput", first: true, predicate: ["_urlInput"], descendants: true, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["_panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  #_trigger=\"mlvPopupTrigger\"\n  #_triggerElement\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [mlvPopupTrigger]=\"_popup\"\n  [ariaHasPopup]=\"'dialog'\"\n  [attr.aria-label]=\"_copy().link\"\n  [attr.aria-pressed]=\"_active()\"\n  [mlvTooltip]=\"_copy().link\"\n>\n  <svg mlvButtonIcon lucideLink aria-hidden=\"true\" />\n</button>\n\n<mlv-popup\n  #_popup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_copy().link\"\n  (afterOpened)=\"_onOpened()\"\n  (afterClosed)=\"_onClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div #_panel class=\"mlv-editor-link__panel\">\n      <mlv-input\n        #_urlInput\n        type=\"url\"\n        [label]=\"_copy().linkUrl\"\n        [value]=\"_urlDraft()\"\n        [disabled]=\"_disabled()\"\n        [state]=\"_invalid() ? 'error' : 'default'\"\n        [message]=\"_invalid() ? _copy().invalidLink : ''\"\n        (valueChange)=\"_onUrlChange($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-input\n        [label]=\"_copy().linkText\"\n        [value]=\"_textDraft()\"\n        [disabled]=\"_disabled()\"\n        (valueChange)=\"_textDraft.set($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-switch [label]=\"_copy().openInNewTab\" [(checked)]=\"_newTab\">{{\n        _copy().openInNewTab\n      }}</mlv-switch>\n      <div class=\"mlv-editor-link__actions\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"primary\"\n          [disabled]=\"_disabled()\"\n          (click)=\"_apply()\"\n        >\n          {{ _copy().applyLink }}\n        </button>\n        @if (_canRemove()) {\n          <button\n            mlvButton\n            type=\"button\"\n            variant=\"secondary\"\n            [disabled]=\"_disabled()\"\n            (click)=\"_remove()\"\n          >\n            {{ _copy().removeLink }}\n          </button>\n        }\n      </div>\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-editor-link{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-link *{box-sizing:border-box}.mlv-editor-link{display:inline-flex}.mlv-editor-link__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-link__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideLink, selector: "svg[lucideLink]" }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "component", type: MlvSwitch, selector: "mlv-switch", inputs: ["ariaLabelledBy", "checked"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorLink, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-link', imports: [
                         MlvButton,
                         MlvButtonIcon,
-                        MlvButtonToggle,
                         MlvTooltip,
                         LucideLink,
                         MlvEditorToolbarWidget,
@@ -6558,7 +7696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'mlv-editor-link',
                         '[hidden]': '!_supported()',
-                    }, template: "<button\n  #_trigger=\"mlvPopupTrigger\"\n  #_triggerElement\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [mlvPopupTrigger]=\"_popup\"\n  [ariaHasPopup]=\"'dialog'\"\n  [attr.aria-label]=\"_copy().link\"\n  [attr.aria-pressed]=\"_active()\"\n  [mlvTooltip]=\"_copy().link\"\n>\n  <svg mlvButtonIcon lucideLink aria-hidden=\"true\" />\n</button>\n\n<mlv-popup\n  #_popup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_copy().link\"\n  (afterOpened)=\"_onOpened()\"\n  (afterClosed)=\"_onClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div #_panel class=\"mlv-editor-link__panel\">\n      <mlv-input\n        #_urlInput\n        type=\"url\"\n        [label]=\"_copy().linkUrl\"\n        [value]=\"_urlDraft()\"\n        [disabled]=\"_disabled()\"\n        [state]=\"_invalid() ? 'error' : 'default'\"\n        [message]=\"_invalid() ? _copy().invalidLink : ''\"\n        (valueChange)=\"_onUrlChange($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-input\n        [label]=\"_copy().linkText\"\n        [value]=\"_textDraft()\"\n        [disabled]=\"_disabled()\"\n        (valueChange)=\"_textDraft.set($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-switch [label]=\"_copy().openInNewTab\" [(checked)]=\"_newTab\"\n        >{{_copy().openInNewTab}}</mlv-switch\n      >\n      <div class=\"mlv-editor-link__actions\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"primary\"\n          [disabled]=\"_disabled()\"\n          (click)=\"_apply()\"\n        >\n          {{ _copy().applyLink }}\n        </button>\n        @if (_canRemove()) {\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_disabled()\"\n          (click)=\"_remove()\"\n        >\n          {{ _copy().removeLink }}\n        </button>\n        }\n      </div>\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-editor-link{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-link *{box-sizing:border-box}.mlv-editor-link{display:inline-flex}.mlv-editor-link__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-link__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"] }]
+                    }, template: "<button\n  #_trigger=\"mlvPopupTrigger\"\n  #_triggerElement\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [mlvPopupTrigger]=\"_popup\"\n  [ariaHasPopup]=\"'dialog'\"\n  [attr.aria-label]=\"_copy().link\"\n  [attr.aria-pressed]=\"_active()\"\n  [mlvTooltip]=\"_copy().link\"\n>\n  <svg mlvButtonIcon lucideLink aria-hidden=\"true\" />\n</button>\n\n<mlv-popup\n  #_popup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_copy().link\"\n  (afterOpened)=\"_onOpened()\"\n  (afterClosed)=\"_onClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div #_panel class=\"mlv-editor-link__panel\">\n      <mlv-input\n        #_urlInput\n        type=\"url\"\n        [label]=\"_copy().linkUrl\"\n        [value]=\"_urlDraft()\"\n        [disabled]=\"_disabled()\"\n        [state]=\"_invalid() ? 'error' : 'default'\"\n        [message]=\"_invalid() ? _copy().invalidLink : ''\"\n        (valueChange)=\"_onUrlChange($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-input\n        [label]=\"_copy().linkText\"\n        [value]=\"_textDraft()\"\n        [disabled]=\"_disabled()\"\n        (valueChange)=\"_textDraft.set($event)\"\n        (keydown.enter)=\"_apply()\"\n      />\n      <mlv-switch [label]=\"_copy().openInNewTab\" [(checked)]=\"_newTab\">{{\n        _copy().openInNewTab\n      }}</mlv-switch>\n      <div class=\"mlv-editor-link__actions\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"primary\"\n          [disabled]=\"_disabled()\"\n          (click)=\"_apply()\"\n        >\n          {{ _copy().applyLink }}\n        </button>\n        @if (_canRemove()) {\n          <button\n            mlvButton\n            type=\"button\"\n            variant=\"secondary\"\n            [disabled]=\"_disabled()\"\n            (click)=\"_remove()\"\n          >\n            {{ _copy().removeLink }}\n          </button>\n        }\n      </div>\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-editor-link{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-link *{box-sizing:border-box}.mlv-editor-link{display:inline-flex}.mlv-editor-link__panel{display:grid;width:min(22rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5);padding:var(--mlv-spacing-2)}.mlv-editor-link__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-3)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { allowedProtocols: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedProtocols", required: false }] }], _popup: [{ type: i0.ViewChild, args: ['_popup', { isSignal: true }] }], _trigger: [{ type: i0.ViewChild, args: ['_trigger', { isSignal: true }] }], _triggerElement: [{ type: i0.ViewChild, args: ['_triggerElement', { ...{
                             read: ElementRef,
                         }, isSignal: true }] }], _urlInput: [{ type: i0.ViewChild, args: ['_urlInput', { isSignal: true }] }], _panel: [{ type: i0.ViewChild, args: ['_panel', { isSignal: true }] }] } });
@@ -6711,6 +7849,8 @@ class MlvEditorImageUploadDialog {
                 this._dialogRef.close();
                 return;
             }
+            // A removed failure: its "failed" text must not outlive it.
+            this._announcement.set('');
             this._reset();
         });
         this._dialogRef.beforeClose().subscribe(() => {
@@ -6784,6 +7924,16 @@ class MlvEditorImageUploadDialog {
         this._progressBucket = -1;
         this._coordinator.retry(id);
     }
+    /**
+     * @protected Toggles Decorative. Turning it on clears the title draft: a
+     * decorative image carries an empty alt and no title (WCAG H67), and the
+     * title field stays disabled until it is turned off.
+     */
+    _onDecorativeChange(decorative) {
+        this._decorative.set(decorative);
+        if (decorative)
+            this._title.set('');
+    }
     /** @protected Removes the failed item and clears the draft. */
     _remove() {
         const id = this._activeId();
@@ -6822,10 +7972,10 @@ class MlvEditorImageUploadDialog {
         if (url)
             URL.revokeObjectURL(url);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorImageUploadDialog, isStandalone: true, selector: "mlv-editor-image-upload-dialog", host: { classAttribute: "mlv-editor-image-upload-dialog" }, ngImport: i0, template: "<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) { @if (selected.previewUrl) {\n      <img\n        class=\"mlv-editor-image-upload-dialog__preview\"\n        [src]=\"selected.previewUrl\"\n        [alt]=\"_previewAlt()\"\n      />\n      } @if (_item(); as item) { @if (item.status === 'uploading') {\n      <mlv-progress\n        [value]=\"item.progress\"\n        [showPercentage]=\"true\"\n        [ariaLabel]=\"_progressLabel(item.progress)\"\n      />\n      } @else {\n      <p\n        class=\"mlv-editor-image-upload-dialog__error\"\n        role=\"alert\"\n        aria-live=\"assertive\"\n      >\n        {{ _copy().failed }}\n      </p>\n      } } }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_decorative.set($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_copy().cancel\"\n      (click)=\"_cancel()\"\n    >\n      {{ _copy().cancel }}\n    </button>\n    } @else if (_item()?.status === 'failed') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().retry\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_retry()\"\n    >\n      {{ _copy().retry }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_removeLabel()\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_remove()\"\n    >\n      {{ _removeLabel() }}\n    </button>\n    } @else {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().title\"\n      [disabled]=\"_submitDisabled()\"\n      (click)=\"_submit()\"\n    >\n      {{ _copy().title }}\n    </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n", styles: ["@layer mlv.components{.mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "component", type: MlvDialog, selector: "mlv-dialog" }, { kind: "component", type: MlvDialogBody, selector: "mlv-dialog-body, [mlvDialogBody]" }, { kind: "component", type: MlvDialogFooter, selector: "mlv-dialog-footer, [mlvDialogFooter]", inputs: ["align"] }, { kind: "component", type: MlvDialogHeader, selector: "mlv-dialog-header, [mlvDialogHeader]", inputs: ["title", "closable"] }, { kind: "component", type: MlvFileUpload, selector: "mlv-file-upload", inputs: ["value", "accept", "maxSize", "multiple", "title", "subtitle", "actionLabel", "compact", "previewMode"], outputs: ["valueChange", "filesChange"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvProgress, selector: "mlv-progress", inputs: ["shape", "value", "size", "tone", "showPercentage", "ariaLabel"] }, { kind: "component", type: MlvSwitch, selector: "mlv-switch", inputs: ["ariaLabelledBy", "checked"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorImageUploadDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorImageUploadDialog, isStandalone: true, selector: "mlv-editor-image-upload-dialog", host: { classAttribute: "mlv-editor-image-upload-dialog" }, ngImport: i0, template: "<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) {\n        @if (selected.previewUrl) {\n          <img\n            class=\"mlv-editor-image-upload-dialog__preview\"\n            [src]=\"selected.previewUrl\"\n            [alt]=\"_previewAlt()\"\n          />\n        }\n        @if (_item(); as item) {\n          @if (item.status === 'uploading') {\n            <mlv-progress\n              [value]=\"item.progress\"\n              [showPercentage]=\"true\"\n              [ariaLabel]=\"_progressLabel(item.progress)\"\n            />\n          } @else {\n            <p\n              class=\"mlv-editor-image-upload-dialog__error\"\n              role=\"alert\"\n              aria-live=\"assertive\"\n            >\n              {{ _copy().failed }}\n            </p>\n          }\n        }\n      }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_onDecorativeChange($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"secondary\"\n        [attr.aria-label]=\"_copy().cancel\"\n        (click)=\"_cancel()\"\n      >\n        {{ _copy().cancel }}\n      </button>\n    } @else if (_item()?.status === 'failed') {\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"primary\"\n        [attr.aria-label]=\"_copy().retry\"\n        [disabled]=\"_disabled()\"\n        (click)=\"_retry()\"\n      >\n        {{ _copy().retry }}\n      </button>\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"secondary\"\n        [attr.aria-label]=\"_removeLabel()\"\n        [disabled]=\"_disabled()\"\n        (click)=\"_remove()\"\n      >\n        {{ _removeLabel() }}\n      </button>\n    } @else {\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"primary\"\n        [attr.aria-label]=\"_copy().title\"\n        [disabled]=\"_submitDisabled()\"\n        (click)=\"_submit()\"\n      >\n        {{ _copy().title }}\n      </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n", styles: ["@layer mlv.components{.mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "component", type: MlvDialog, selector: "mlv-dialog" }, { kind: "component", type: MlvDialogBody, selector: "mlv-dialog-body, [mlvDialogBody]" }, { kind: "component", type: MlvDialogFooter, selector: "mlv-dialog-footer, [mlvDialogFooter]", inputs: ["align"] }, { kind: "component", type: MlvDialogHeader, selector: "mlv-dialog-header, [mlvDialogHeader]", inputs: ["title", "closable"] }, { kind: "component", type: MlvFileUpload, selector: "mlv-file-upload", inputs: ["value", "accept", "maxSize", "multiple", "title", "subtitle", "actionLabel", "compact", "previewMode"], outputs: ["valueChange", "filesChange"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvProgress, selector: "mlv-progress", inputs: ["shape", "value", "size", "tone", "showPercentage", "ariaLabel"] }, { kind: "component", type: MlvSwitch, selector: "mlv-switch", inputs: ["ariaLabelledBy", "checked"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorImageUploadDialog, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-image-upload-dialog', imports: [
                         MlvButton,
@@ -6837,7 +7987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         MlvInput,
                         MlvProgress,
                         MlvSwitch,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'mlv-editor-image-upload-dialog' }, template: "<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) { @if (selected.previewUrl) {\n      <img\n        class=\"mlv-editor-image-upload-dialog__preview\"\n        [src]=\"selected.previewUrl\"\n        [alt]=\"_previewAlt()\"\n      />\n      } @if (_item(); as item) { @if (item.status === 'uploading') {\n      <mlv-progress\n        [value]=\"item.progress\"\n        [showPercentage]=\"true\"\n        [ariaLabel]=\"_progressLabel(item.progress)\"\n      />\n      } @else {\n      <p\n        class=\"mlv-editor-image-upload-dialog__error\"\n        role=\"alert\"\n        aria-live=\"assertive\"\n      >\n        {{ _copy().failed }}\n      </p>\n      } } }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_decorative.set($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_copy().cancel\"\n      (click)=\"_cancel()\"\n    >\n      {{ _copy().cancel }}\n    </button>\n    } @else if (_item()?.status === 'failed') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().retry\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_retry()\"\n    >\n      {{ _copy().retry }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_removeLabel()\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_remove()\"\n    >\n      {{ _removeLabel() }}\n    </button>\n    } @else {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().title\"\n      [disabled]=\"_submitDisabled()\"\n      (click)=\"_submit()\"\n    >\n      {{ _copy().title }}\n    </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n", styles: ["@layer mlv.components{.mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'mlv-editor-image-upload-dialog' }, template: "<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) {\n        @if (selected.previewUrl) {\n          <img\n            class=\"mlv-editor-image-upload-dialog__preview\"\n            [src]=\"selected.previewUrl\"\n            [alt]=\"_previewAlt()\"\n          />\n        }\n        @if (_item(); as item) {\n          @if (item.status === 'uploading') {\n            <mlv-progress\n              [value]=\"item.progress\"\n              [showPercentage]=\"true\"\n              [ariaLabel]=\"_progressLabel(item.progress)\"\n            />\n          } @else {\n            <p\n              class=\"mlv-editor-image-upload-dialog__error\"\n              role=\"alert\"\n              aria-live=\"assertive\"\n            >\n              {{ _copy().failed }}\n            </p>\n          }\n        }\n      }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_onDecorativeChange($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"secondary\"\n        [attr.aria-label]=\"_copy().cancel\"\n        (click)=\"_cancel()\"\n      >\n        {{ _copy().cancel }}\n      </button>\n    } @else if (_item()?.status === 'failed') {\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"primary\"\n        [attr.aria-label]=\"_copy().retry\"\n        [disabled]=\"_disabled()\"\n        (click)=\"_retry()\"\n      >\n        {{ _copy().retry }}\n      </button>\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"secondary\"\n        [attr.aria-label]=\"_removeLabel()\"\n        [disabled]=\"_disabled()\"\n        (click)=\"_remove()\"\n      >\n        {{ _removeLabel() }}\n      </button>\n    } @else {\n      <button\n        mlvButton\n        type=\"button\"\n        variant=\"primary\"\n        [attr.aria-label]=\"_copy().title\"\n        [disabled]=\"_submitDisabled()\"\n        (click)=\"_submit()\"\n      >\n        {{ _copy().title }}\n      </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n", styles: ["@layer mlv.components{.mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}\n"] }]
         }], ctorParameters: () => [] });
 
 /** Public toolbar entry point for the editor image-upload dialog. */
@@ -6931,10 +8081,10 @@ class MlvEditorImageUpload {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: MlvEditorImageUpload, isStandalone: true, selector: "mlv-editor-image-upload", host: { properties: { "hidden": "!_visible()" }, classAttribute: "mlv-editor-image-upload" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button\n  #_trigger\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [attr.aria-label]=\"_copy()\"\n  [attr.aria-pressed]=\"false\"\n  [mlvTooltip]=\"_copy()\"\n  (click)=\"_open()\"\n>\n  <svg mlvButtonIcon lucideImage aria-hidden=\"true\" />\n</button>\n", dependencies: [{ kind: "component", type: LucideImage, selector: "svg[lucideImage]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorImageUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: MlvEditorImageUpload, isStandalone: true, selector: "mlv-editor-image-upload", host: { properties: { "hidden": "!_visible()" }, classAttribute: "mlv-editor-image-upload" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button\n  #_trigger\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [attr.aria-label]=\"_copy()\"\n  [attr.aria-pressed]=\"false\"\n  [mlvTooltip]=\"_copy()\"\n  (click)=\"_open()\"\n>\n  <svg mlvButtonIcon lucideImage aria-hidden=\"true\" />\n</button>\n", dependencies: [{ kind: "component", type: LucideImage, selector: "svg[lucideImage]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUpload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorImageUpload, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-image-upload', imports: [
                         LucideImage,
@@ -6966,6 +8116,11 @@ class MlvEditorImageUploadStatus {
     ...(ngDevMode ? [{ debugName: "_announcement" }] : /* istanbul ignore next */ []));
     /** @private Last announced progress bucket for each active item. */
     _buckets = new Map();
+    /**
+     * @private Upload whose progress or failure the live region currently
+     * reads, or `null` when it reads a terminal announcement (or nothing).
+     */
+    _announcedId = null;
     /** @protected Whether status actions are inert. */
     _disabled = computed(() => this._context.disabled() || this._context.readonly(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
@@ -6985,7 +8140,7 @@ class MlvEditorImageUploadStatus {
             const pending = this._pending();
             for (const item of pending) {
                 if (item.status === 'failed') {
-                    this._announcement.set(this._copy().failed);
+                    this._announce(this._copy().failed, item.id);
                     this._buckets.delete(item.id);
                     continue;
                 }
@@ -6993,16 +8148,22 @@ class MlvEditorImageUploadStatus {
                 if (this._buckets.get(item.id) === bucket)
                     continue;
                 this._buckets.set(item.id, bucket);
-                this._announcement.set(this._progressLabel(bucket));
+                this._announce(this._progressLabel(bucket), item.id);
             }
         });
         const stopTerminalEvents = this._coordinator.onTerminal(({ id, reason }) => {
             this._buckets.delete(id);
             if (reason === 'success' && !this._coordinator.hasDialogOwner(id)) {
-                this._announcement.set(this._fileI18n().uploadComplete);
+                this._announce(this._fileI18n().uploadComplete, null);
             }
             else if (reason === 'cancelled') {
-                this._announcement.set(this._copy().cancel);
+                this._announce(this._copy().cancel, null);
+            }
+            else if (this._announcedId === id) {
+                // A dialog-owned success (the dialog announces it), a lifecycle
+                // abort or a removed failure: the ended upload's progress or
+                // failure text must not outlive it. Another upload's text stays.
+                this._announce('', null);
             }
         });
         inject(DestroyRef).onDestroy(stopTerminalEvents);
@@ -7011,6 +8172,11 @@ class MlvEditorImageUploadStatus {
     _progressLabel(progress) {
         return this._copy().progress.replace('{progress}', String(Math.floor(progress / 10) * 10));
     }
+    /** @private Writes the live region and records which upload it describes. */
+    _announce(text, id) {
+        this._announcement.set(text);
+        this._announcedId = id;
+    }
     /** @protected Labels a remove action without exposing a bare icon. */
     _removeLabel(name) {
         return this._fileI18n().removeFile.replace('{name}', name);
@@ -7019,8 +8185,8 @@ class MlvEditorImageUploadStatus {
     _cancel(id) {
         this._coordinator.cancel(id);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorImageUploadStatus, isStandalone: true, selector: "mlv-editor-image-upload-status", host: { classAttribute: "mlv-editor-image-upload-status" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorImageUploadStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorImageUploadStatus, isStandalone: true, selector: "mlv-editor-image-upload-status", host: { classAttribute: "mlv-editor-image-upload-status" }, ngImport: i0, template: `
     @if (_pending().length) {
       <ul class="mlv-editor-image-upload-status__list">
         @for (item of _pending(); track item.id) {
@@ -7080,7 +8246,7 @@ class MlvEditorImageUploadStatus {
     >
   `, isInline: true, styles: ["@layer mlv.components{.mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "component", type: MlvProgress, selector: "mlv-progress", inputs: ["shape", "value", "size", "tone", "showPercentage", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadStatus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorImageUploadStatus, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-image-upload-status', imports: [MlvButton, MlvProgress], template: `
     @if (_pending().length) {
@@ -7150,6 +8316,18 @@ class MlvEditorTable {
     _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
     /** @private Normalizes horizontal grid movement for RTL. */
     _rtlService = inject(MlvRtlService);
+    /**
+     * @private Host element; the scope horizontal arrow keys resolve their
+     * direction against. The grid renders in a popup pane portaled out of this
+     * subtree, so the handler speaks for the host, never for `event.target`.
+     */
+    _elementRef = inject((ElementRef));
+    /**
+     * @private Direction applying to this control, resolved once and cached
+     * behind the shared `dir` observer rather than re-walked on every arrow
+     * keypress.
+     */
+    _direction = this._rtlService.elementDirection(this._elementRef);
     /** @private Transaction and selection invalidation bridge. */
     _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {
         optional: true,
@@ -7403,7 +8581,11 @@ class MlvEditorTable {
     _onGridKeydown(event) {
         const current = this._selectedSize();
         let next = current;
-        switch (this._rtlService.normalizeArrowKey(event) ?? event.key) {
+        // Columns run along the inline axis, resolved against this control's own
+        // host rather than the document, so a scoped `dir` subtree — or a CDK
+        // overlay pane, which carries its own `dir` — mirrors the pair correctly.
+        switch (this._rtlService.normalizeArrowKey(event, this._direction()) ??
+            event.key) {
             case LEFT_ARROW:
                 next = { ...current, cols: Math.max(1, current.cols - 1) };
                 break;
@@ -7446,10 +8628,10 @@ class MlvEditorTable {
         const index = (selected.rows - 1) * TABLE_GRID_BOUNDARY + (selected.cols - 1);
         this._gridCells()[index]?.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorTable, isStandalone: true, selector: "mlv-editor-table", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-table" }, viewQueries: [{ propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, isSignal: true }, { propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_menuTrigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }, { propertyName: "_triggerElement", first: true, predicate: ["_triggerElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["_panel"], descendants: true, isSignal: true }, { propertyName: "_firstAction", first: true, predicate: ["_firstAction"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_gridCells", predicate: ["_gridCell"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (_active()) {\n  <button\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    selected\n    [disabled]=\"_disabled()\"\n    [mlvMenuTrigger]=\"_menu\"\n    [menuTriggerDisabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().table\"\n    [mlvTooltip]=\"_copy().table\"\n    (menuOpened)=\"_registerMenuOverlay()\"\n    (menuClosed)=\"_unregisterMenuOverlay()\"\n  >\n    <svg mlvButtonIcon lucideTable2 aria-hidden=\"true\" />\n  </button>\n\n  <mlv-menu #_menu [label]=\"_copy().table\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddRowBefore)\"\n      (itemClick)=\"_run(_addRowBefore)\"\n    >\n      {{ _copy().addRowBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddRowAfter)\"\n      (itemClick)=\"_run(_addRowAfter)\"\n    >\n      {{ _copy().addRowAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canDeleteRow)\"\n      (itemClick)=\"_run(_deleteRow)\"\n    >\n      {{ _copy().deleteRow }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddColumnBefore)\"\n      (itemClick)=\"_run(_addColumnBefore)\"\n    >\n      {{ _copy().addColumnBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddColumnAfter)\"\n      (itemClick)=\"_run(_addColumnAfter)\"\n    >\n      {{ _copy().addColumnAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canDeleteColumn)\"\n      (itemClick)=\"_run(_deleteColumn)\"\n    >\n      {{ _copy().deleteColumn }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canMergeCells)\"\n      (itemClick)=\"_run(_mergeCells)\"\n    >\n      {{ _copy().mergeCells }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canSplitCell)\"\n      (itemClick)=\"_run(_splitCell)\"\n    >\n      {{ _copy().splitCell }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canToggleHeaderRow)\"\n      (itemClick)=\"_run(_toggleHeaderRow)\"\n    >\n      {{ _copy().toggleHeaderRow }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canToggleHeaderColumn)\"\n      (itemClick)=\"_run(_toggleHeaderColumn)\"\n    >\n      {{ _copy().toggleHeaderColumn }}\n    </mlv-list-item>\n    <!-- `aria-current` marks the state the caret's cell is already in; the row\n         paints itself from the shared selected pair. -->\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canToggleHeaderCell)\"\n      [attr.aria-current]=\"_isHeaderCell() ? 'true' : null\"\n      (itemClick)=\"_run(_toggleHeaderCell)\"\n    >\n      {{ _copy().toggleHeaderCell }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canDeleteTable)\"\n      (itemClick)=\"_run(_deleteTable, true)\"\n    >\n      {{ _copy().deleteTable }}\n    </mlv-list-item>\n  </mlv-menu>\n} @else {\n  <button\n    #_trigger=\"mlvPopupTrigger\"\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    [disabled]=\"_disabled()\"\n    [mlvPopupTrigger]=\"_popup\"\n    [ariaHasPopup]=\"'dialog'\"\n    [attr.aria-label]=\"_copy().table\"\n    [mlvTooltip]=\"_copy().table\"\n  >\n    <svg mlvButtonIcon lucideTable2 aria-hidden=\"true\" />\n  </button>\n\n  <mlv-popup\n    #_popup\n    panelRole=\"dialog\"\n    [modal]=\"true\"\n    [ariaLabel]=\"_copy().table\"\n    (afterOpened)=\"_onOpened()\"\n    (afterClosed)=\"_onClosed()\"\n  >\n    <ng-template mlvPopupContent>\n      <div #_panel class=\"mlv-editor-table__panel\">\n        <div\n          class=\"mlv-editor-table__grid\"\n          role=\"grid\"\n          tabindex=\"-1\"\n          [attr.aria-label]=\"_copy().insertTable\"\n          (keydown)=\"_onGridKeydown($event)\"\n        >\n          @for (row of _gridRows; track $index) {\n            <div class=\"mlv-editor-table__grid-row\" role=\"row\">\n              @for (size of row; track size.cols) {\n                <button\n                  #_gridCell\n                  class=\"mlv-editor-table__grid-cell\"\n                  type=\"button\"\n                  role=\"gridcell\"\n                  [class.mlv-editor-table__grid-cell--selected]=\"\n                    _sizeSelected(size)\n                  \"\n                  [attr.aria-label]=\"_sizeLabel(size)\"\n                  [attr.aria-selected]=\"_sizeSelected(size)\"\n                  [attr.tabindex]=\"\n                    size.rows === _selectedSize().rows &&\n                    size.cols === _selectedSize().cols\n                      ? 0\n                      : -1\n                  \"\n                  [disabled]=\"_disabled()\"\n                  (focus)=\"_selectSize(size)\"\n                  (mouseenter)=\"_selectSize(size)\"\n                  (click)=\"_insertSize(size)\"\n                ></button>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"mlv-editor-table__footer\">\n          <span class=\"mlv-editor-table__size\" aria-hidden=\"true\">\n            {{ _selectedSize().rows }} \u00D7 {{ _selectedSize().cols }}\n          </span>\n          <mlv-button-toggle\n            [pressed]=\"_withHeaderRow()\"\n            [disabled]=\"_disabled()\"\n            (pressedChange)=\"_withHeaderRow.set($event)\"\n          >\n            {{ _copy().toggleHeaderRow }}\n          </mlv-button-toggle>\n        </div>\n      </div>\n    </ng-template>\n  </mlv-popup>\n}\n", styles: ["@layer mlv.components{.mlv-editor-table{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-table *{box-sizing:border-box}.mlv-editor-table{display:inline-flex}.mlv-editor-table__panel{display:grid;width:max-content;max-width:calc(100vw - 3.5rem);padding:var(--mlv-popover-inset);gap:var(--mlv-spacing-2)}.mlv-editor-table__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(24rem,100vw - 4rem);gap:var(--mlv-spacing-2)}.mlv-editor-table__grid{display:grid;grid-template-columns:1fr;gap:.125rem}.mlv-editor-table__grid-row{display:grid;grid-template-columns:repeat(10,1.25rem);gap:.125rem}.mlv-editor-table__grid-cell{appearance:none;box-sizing:border-box;inline-size:1.25rem;block-size:1.25rem;margin:0;padding:0;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-xs);background:var(--mlv-background-base);cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),border-color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor-table__grid-cell--selected{border-color:var(--mlv-border-focus);background:var(--mlv-background-selected)}.mlv-editor-table__grid-cell:disabled{cursor:default;opacity:var(--mlv-disabled-opacity)}.mlv-editor-table__grid-cell:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-editor-table__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3)}.mlv-editor-table__size{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);font-variant-numeric:tabular-nums;white-space:nowrap}@media(prefers-reduced-motion:reduce){.mlv-editor-table,.mlv-editor-table *,.mlv-editor-table:before,.mlv-editor-table:after,[class^=mlv-editor-table__],[class*=\" mlv-editor-table__\"],[class^=mlv-editor-table--],[class*=\" mlv-editor-table--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: MlvButtonToggle, selector: "mlv-button-toggle", inputs: ["pressed", "disabled", "variant", "shape", "mlvDensity", "ariaLabel", "ariaLabelledBy"], outputs: ["pressedChange"] }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideTable2, selector: "svg[lucideTable2]" }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "component", type: MlvDivider, selector: "mlv-divider", inputs: ["orientation", "dashed", "muted"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorTable, isStandalone: true, selector: "mlv-editor-table", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-table" }, viewQueries: [{ propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, isSignal: true }, { propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_menuTrigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }, { propertyName: "_triggerElement", first: true, predicate: ["_triggerElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["_panel"], descendants: true, isSignal: true }, { propertyName: "_firstAction", first: true, predicate: ["_firstAction"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_gridCells", predicate: ["_gridCell"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (_active()) {\n  <button\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    selected\n    [disabled]=\"_disabled()\"\n    [mlvMenuTrigger]=\"_menu\"\n    [menuTriggerDisabled]=\"_disabled()\"\n    [attr.aria-label]=\"_copy().table\"\n    [mlvTooltip]=\"_copy().table\"\n    (menuOpened)=\"_registerMenuOverlay()\"\n    (menuClosed)=\"_unregisterMenuOverlay()\"\n  >\n    <svg mlvButtonIcon lucideTable2 aria-hidden=\"true\" />\n  </button>\n\n  <mlv-menu #_menu [label]=\"_copy().table\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddRowBefore)\"\n      (itemClick)=\"_run(_addRowBefore)\"\n    >\n      {{ _copy().addRowBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddRowAfter)\"\n      (itemClick)=\"_run(_addRowAfter)\"\n    >\n      {{ _copy().addRowAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canDeleteRow)\"\n      (itemClick)=\"_run(_deleteRow)\"\n    >\n      {{ _copy().deleteRow }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddColumnBefore)\"\n      (itemClick)=\"_run(_addColumnBefore)\"\n    >\n      {{ _copy().addColumnBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canAddColumnAfter)\"\n      (itemClick)=\"_run(_addColumnAfter)\"\n    >\n      {{ _copy().addColumnAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canDeleteColumn)\"\n      (itemClick)=\"_run(_deleteColumn)\"\n    >\n      {{ _copy().deleteColumn }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canMergeCells)\"\n      (itemClick)=\"_run(_mergeCells)\"\n    >\n      {{ _copy().mergeCells }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canSplitCell)\"\n      (itemClick)=\"_run(_splitCell)\"\n    >\n      {{ _copy().splitCell }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canToggleHeaderRow)\"\n      (itemClick)=\"_run(_toggleHeaderRow)\"\n    >\n      {{ _copy().toggleHeaderRow }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canToggleHeaderColumn)\"\n      (itemClick)=\"_run(_toggleHeaderColumn)\"\n    >\n      {{ _copy().toggleHeaderColumn }}\n    </mlv-list-item>\n    <!-- `aria-current` marks the state the caret's cell is already in; the row\n         paints itself from the shared selected pair. -->\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canToggleHeaderCell)\"\n      [attr.aria-current]=\"_isHeaderCell() ? 'true' : null\"\n      (itemClick)=\"_run(_toggleHeaderCell)\"\n    >\n      {{ _copy().toggleHeaderCell }}\n    </mlv-list-item>\n\n    <mlv-divider muted />\n\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_commandDisabled(_canDeleteTable)\"\n      (itemClick)=\"_run(_deleteTable, true)\"\n    >\n      {{ _copy().deleteTable }}\n    </mlv-list-item>\n  </mlv-menu>\n} @else {\n  <button\n    #_trigger=\"mlvPopupTrigger\"\n    #_triggerElement\n    mlvButton\n    mlvEditorToolbarWidget\n    type=\"button\"\n    shape=\"square\"\n    mlvDensity=\"tight\"\n    variant=\"transparent\"\n    [disabled]=\"_disabled()\"\n    [mlvPopupTrigger]=\"_popup\"\n    [ariaHasPopup]=\"'dialog'\"\n    [attr.aria-label]=\"_copy().table\"\n    [mlvTooltip]=\"_copy().table\"\n  >\n    <svg mlvButtonIcon lucideTable2 aria-hidden=\"true\" />\n  </button>\n\n  <mlv-popup\n    #_popup\n    panelRole=\"dialog\"\n    [modal]=\"true\"\n    [ariaLabel]=\"_copy().table\"\n    (afterOpened)=\"_onOpened()\"\n    (afterClosed)=\"_onClosed()\"\n  >\n    <ng-template mlvPopupContent>\n      <div #_panel class=\"mlv-editor-table__panel\">\n        <div\n          class=\"mlv-editor-table__grid\"\n          role=\"grid\"\n          tabindex=\"-1\"\n          [attr.aria-label]=\"_copy().insertTable\"\n          (keydown)=\"_onGridKeydown($event)\"\n        >\n          @for (row of _gridRows; track $index) {\n            <div class=\"mlv-editor-table__grid-row\" role=\"row\">\n              @for (size of row; track size.cols) {\n                <button\n                  #_gridCell\n                  class=\"mlv-editor-table__grid-cell\"\n                  type=\"button\"\n                  role=\"gridcell\"\n                  [class.mlv-editor-table__grid-cell--selected]=\"\n                    _sizeSelected(size)\n                  \"\n                  [attr.aria-label]=\"_sizeLabel(size)\"\n                  [attr.aria-selected]=\"_sizeSelected(size)\"\n                  [attr.tabindex]=\"\n                    size.rows === _selectedSize().rows &&\n                    size.cols === _selectedSize().cols\n                      ? 0\n                      : -1\n                  \"\n                  [disabled]=\"_disabled()\"\n                  (focus)=\"_selectSize(size)\"\n                  (mouseenter)=\"_selectSize(size)\"\n                  (click)=\"_insertSize(size)\"\n                ></button>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"mlv-editor-table__footer\">\n          <span class=\"mlv-editor-table__size\" aria-hidden=\"true\">\n            {{ _selectedSize().rows }} \u00D7 {{ _selectedSize().cols }}\n          </span>\n          <mlv-button-toggle\n            [pressed]=\"_withHeaderRow()\"\n            [disabled]=\"_disabled()\"\n            (pressedChange)=\"_withHeaderRow.set($event)\"\n          >\n            {{ _copy().toggleHeaderRow }}\n          </mlv-button-toggle>\n        </div>\n      </div>\n    </ng-template>\n  </mlv-popup>\n}\n", styles: ["@layer mlv.components{.mlv-editor-table{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-table *{box-sizing:border-box}.mlv-editor-table{display:inline-flex}.mlv-editor-table__panel{display:grid;width:max-content;max-width:calc(100vw - 3.5rem);padding:var(--mlv-popover-inset);gap:var(--mlv-spacing-2)}.mlv-editor-table__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(24rem,100vw - 4rem);gap:var(--mlv-spacing-2)}.mlv-editor-table__grid{display:grid;grid-template-columns:1fr;gap:.125rem}.mlv-editor-table__grid-row{display:grid;grid-template-columns:repeat(10,1.25rem);gap:.125rem}.mlv-editor-table__grid-cell{appearance:none;box-sizing:border-box;inline-size:1.25rem;block-size:1.25rem;margin:0;padding:0;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-xs);background:var(--mlv-background-base);cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),border-color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor-table__grid-cell--selected{border-color:var(--mlv-border-focus);background:var(--mlv-background-selected)}.mlv-editor-table__grid-cell:disabled{cursor:default;opacity:var(--mlv-disabled-opacity)}.mlv-editor-table__grid-cell:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-editor-table__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3)}.mlv-editor-table__size{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);font-variant-numeric:tabular-nums;white-space:nowrap}@media(prefers-reduced-motion:reduce){.mlv-editor-table,.mlv-editor-table *,.mlv-editor-table:before,.mlv-editor-table:after,[class^=mlv-editor-table__],[class*=\" mlv-editor-table__\"],[class^=mlv-editor-table--],[class*=\" mlv-editor-table--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: MlvButtonToggle, selector: "mlv-button-toggle", inputs: ["pressed", "disabled", "variant", "shape", "mlvDensity", "ariaLabel", "ariaLabelledBy"], outputs: ["pressedChange"] }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideTable2, selector: "svg[lucideTable2]" }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "component", type: MlvDivider, selector: "mlv-divider", inputs: ["orientation", "dashed", "muted"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorTable, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-table', imports: [
                         MlvButton,
@@ -7632,21 +8814,24 @@ class MlvEditorTableControls {
     ...(ngDevMode ? [{ debugName: "_enabled" }] : /* istanbul ignore next */ []));
     constructor() {
         const destroyRef = inject(DestroyRef);
-        const onPointerMove = (event) => this._track(event);
-        const onPointerLeave = () => this._release();
-        // Registered on the document rather than on the editor DOM: the ProseMirror
+        // Subscribed on the document rather than on the editor DOM: the ProseMirror
         // element is replaced whenever the editor is recreated (a format switch, an
         // extension-set change), and a listener bound to the old node would go
-        // quiet without ever erroring. Capture is not needed — the events bubble.
-        document.addEventListener('pointermove', onPointerMove, { passive: true });
-        document.addEventListener('pointerleave', onPointerLeave, {
-            passive: true,
-        });
-        destroyRef.onDestroy(() => {
-            document.removeEventListener('pointermove', onPointerMove);
-            document.removeEventListener('pointerleave', onPointerLeave);
-            this._unregisterOverlay();
-        });
+        // quiet without ever erroring. Capture is not needed — the events bubble,
+        // and `passive` is carried through because neither handler calls
+        // `preventDefault()`.
+        //
+        // The *injected* document, never the ambient global: this component is
+        // constructed during server rendering too, where the two are different
+        // objects, so the bare global would bind a per-render component to a
+        // process-wide document that no teardown reaches.
+        fromEvent(this._document, 'pointermove', { passive: true })
+            .pipe(takeUntilDestroyed(destroyRef))
+            .subscribe((event) => this._track(event));
+        fromEvent(this._document, 'pointerleave', { passive: true })
+            .pipe(takeUntilDestroyed(destroyRef))
+            .subscribe(() => this._release());
+        destroyRef.onDestroy(() => this._unregisterOverlay());
     }
     /** @protected Inline placement for one grip box. */
     _style(box) {
@@ -7819,10 +9004,10 @@ class MlvEditorTableControls {
             gripSize: GRIP_SIZE,
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTableControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorTableControls, isStandalone: true, selector: "mlv-editor-table-controls", inputs: { layer: { classPropertyName: "layer", publicName: "layer", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, classAttribute: "mlv-editor-table-controls" }, ngImport: i0, template: "@if (_geometry(); as geometry) {\n  <button\n    class=\"mlv-editor-table-controls__grip mlv-editor-table-controls__grip--corner\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [style]=\"_style(geometry.corner)\"\n    [mlvMenuTrigger]=\"_cornerMenu\"\n    [attr.aria-label]=\"_copy().tableActions\"\n    (menuOpened)=\"_openMenu(_cornerMenu)\"\n    (menuClosed)=\"_closeMenu()\"\n  >\n    <svg lucideEllipsis [size]=\"10\" aria-hidden=\"true\" />\n  </button>\n  <mlv-menu #_cornerMenu [label]=\"_copy().tableActions\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderRow)\"\n      (itemClick)=\"_run(_toggleHeaderRow)\"\n    >\n      {{ _copy().toggleHeaderRow }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderColumn)\"\n      (itemClick)=\"_run(_toggleHeaderColumn)\"\n    >\n      {{ _copy().toggleHeaderColumn }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderCell)\"\n      (itemClick)=\"_run(_toggleHeaderCell)\"\n    >\n      {{ _copy().toggleHeaderCell }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canMergeCells)\"\n      (itemClick)=\"_run(_mergeCells)\"\n    >\n      {{ _copy().mergeCells }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canSplitCell)\"\n      (itemClick)=\"_run(_splitCell)\"\n    >\n      {{ _copy().splitCell }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canDeleteTable)\"\n      (itemClick)=\"_run(_deleteTable)\"\n    >\n      {{ _copy().deleteTable }}\n    </mlv-list-item>\n  </mlv-menu>\n\n  <button\n    class=\"mlv-editor-table-controls__grip mlv-editor-table-controls__grip--column\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [style]=\"_style(geometry.column)\"\n    [mlvMenuTrigger]=\"_columnMenu\"\n    [attr.aria-label]=\"_copy().columnActions\"\n    (menuOpened)=\"_openMenu(_columnMenu)\"\n    (menuClosed)=\"_closeMenu()\"\n  >\n    <svg lucideGripHorizontal [size]=\"12\" aria-hidden=\"true\" />\n  </button>\n  <mlv-menu #_columnMenu [label]=\"_copy().columnActions\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddColumnBefore)\"\n      (itemClick)=\"_run(_addColumnBefore)\"\n    >\n      {{ _copy().addColumnBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddColumnAfter)\"\n      (itemClick)=\"_run(_addColumnAfter)\"\n    >\n      {{ _copy().addColumnAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderColumn)\"\n      (itemClick)=\"_run(_toggleHeaderColumn)\"\n    >\n      {{ _copy().toggleHeaderColumn }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canDeleteColumn)\"\n      (itemClick)=\"_run(_deleteColumn)\"\n    >\n      {{ _copy().deleteColumn }}\n    </mlv-list-item>\n  </mlv-menu>\n\n  <button\n    class=\"mlv-editor-table-controls__grip mlv-editor-table-controls__grip--row\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [style]=\"_style(geometry.row)\"\n    [mlvMenuTrigger]=\"_rowMenu\"\n    [attr.aria-label]=\"_copy().rowActions\"\n    (menuOpened)=\"_openMenu(_rowMenu)\"\n    (menuClosed)=\"_closeMenu()\"\n  >\n    <svg lucideGripVertical [size]=\"12\" aria-hidden=\"true\" />\n  </button>\n  <mlv-menu #_rowMenu [label]=\"_copy().rowActions\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddRowBefore)\"\n      (itemClick)=\"_run(_addRowBefore)\"\n    >\n      {{ _copy().addRowBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddRowAfter)\"\n      (itemClick)=\"_run(_addRowAfter)\"\n    >\n      {{ _copy().addRowAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderRow)\"\n      (itemClick)=\"_run(_toggleHeaderRow)\"\n    >\n      {{ _copy().toggleHeaderRow }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canDeleteRow)\"\n      (itemClick)=\"_run(_deleteRow)\"\n    >\n      {{ _copy().deleteRow }}\n    </mlv-list-item>\n  </mlv-menu>\n}\n", styles: ["@layer mlv.components{.mlv-editor-table-controls{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-table-controls *{box-sizing:border-box}.mlv-editor-table-controls{display:contents;--mlv-editor-table-grip-size: 14px}.mlv-editor-table-controls__grip{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:var(--mlv-stroke-width) solid var(--mlv-border-subtle);border-radius:var(--mlv-radius-xs);background:var(--mlv-background-neutral-1);color:var(--mlv-text-secondary);cursor:pointer;z-index:1;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor-table-controls__grip:hover{background:var(--mlv-background-neutral-1-hover);color:var(--mlv-text-primary)}.mlv-editor-table-controls__grip[aria-expanded=true]{background:var(--mlv-background-selected);color:var(--mlv-text-on-selected)}.mlv-editor-table-controls__grip--corner svg{opacity:.75}@media(prefers-reduced-motion:reduce){.mlv-editor-table-controls,.mlv-editor-table-controls *,.mlv-editor-table-controls:before,.mlv-editor-table-controls:after,[class^=mlv-editor-table-controls__],[class*=\" mlv-editor-table-controls__\"],[class^=mlv-editor-table-controls--],[class*=\" mlv-editor-table-controls--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "component", type: LucideEllipsis, selector: "svg[lucideEllipsis], svg[lucideMoreHorizontal]" }, { kind: "component", type: LucideGripHorizontal, selector: "svg[lucideGripHorizontal]" }, { kind: "component", type: LucideGripVertical, selector: "svg[lucideGripVertical]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorTableControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorTableControls, isStandalone: true, selector: "mlv-editor-table-controls", inputs: { layer: { classPropertyName: "layer", publicName: "layer", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, classAttribute: "mlv-editor-table-controls" }, ngImport: i0, template: "@if (_geometry(); as geometry) {\n  <button\n    class=\"mlv-editor-table-controls__grip mlv-editor-table-controls__grip--corner\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [style]=\"_style(geometry.corner)\"\n    [mlvMenuTrigger]=\"_cornerMenu\"\n    [attr.aria-label]=\"_copy().tableActions\"\n    (menuOpened)=\"_openMenu(_cornerMenu)\"\n    (menuClosed)=\"_closeMenu()\"\n  >\n    <svg lucideEllipsis [size]=\"10\" aria-hidden=\"true\" />\n  </button>\n  <mlv-menu #_cornerMenu [label]=\"_copy().tableActions\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderRow)\"\n      (itemClick)=\"_run(_toggleHeaderRow)\"\n    >\n      {{ _copy().toggleHeaderRow }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderColumn)\"\n      (itemClick)=\"_run(_toggleHeaderColumn)\"\n    >\n      {{ _copy().toggleHeaderColumn }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderCell)\"\n      (itemClick)=\"_run(_toggleHeaderCell)\"\n    >\n      {{ _copy().toggleHeaderCell }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canMergeCells)\"\n      (itemClick)=\"_run(_mergeCells)\"\n    >\n      {{ _copy().mergeCells }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canSplitCell)\"\n      (itemClick)=\"_run(_splitCell)\"\n    >\n      {{ _copy().splitCell }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canDeleteTable)\"\n      (itemClick)=\"_run(_deleteTable)\"\n    >\n      {{ _copy().deleteTable }}\n    </mlv-list-item>\n  </mlv-menu>\n\n  <button\n    class=\"mlv-editor-table-controls__grip mlv-editor-table-controls__grip--column\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [style]=\"_style(geometry.column)\"\n    [mlvMenuTrigger]=\"_columnMenu\"\n    [attr.aria-label]=\"_copy().columnActions\"\n    (menuOpened)=\"_openMenu(_columnMenu)\"\n    (menuClosed)=\"_closeMenu()\"\n  >\n    <svg lucideGripHorizontal [size]=\"12\" aria-hidden=\"true\" />\n  </button>\n  <mlv-menu #_columnMenu [label]=\"_copy().columnActions\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddColumnBefore)\"\n      (itemClick)=\"_run(_addColumnBefore)\"\n    >\n      {{ _copy().addColumnBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddColumnAfter)\"\n      (itemClick)=\"_run(_addColumnAfter)\"\n    >\n      {{ _copy().addColumnAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderColumn)\"\n      (itemClick)=\"_run(_toggleHeaderColumn)\"\n    >\n      {{ _copy().toggleHeaderColumn }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canDeleteColumn)\"\n      (itemClick)=\"_run(_deleteColumn)\"\n    >\n      {{ _copy().deleteColumn }}\n    </mlv-list-item>\n  </mlv-menu>\n\n  <button\n    class=\"mlv-editor-table-controls__grip mlv-editor-table-controls__grip--row\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [style]=\"_style(geometry.row)\"\n    [mlvMenuTrigger]=\"_rowMenu\"\n    [attr.aria-label]=\"_copy().rowActions\"\n    (menuOpened)=\"_openMenu(_rowMenu)\"\n    (menuClosed)=\"_closeMenu()\"\n  >\n    <svg lucideGripVertical [size]=\"12\" aria-hidden=\"true\" />\n  </button>\n  <mlv-menu #_rowMenu [label]=\"_copy().rowActions\">\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddRowBefore)\"\n      (itemClick)=\"_run(_addRowBefore)\"\n    >\n      {{ _copy().addRowBefore }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canAddRowAfter)\"\n      (itemClick)=\"_run(_addRowAfter)\"\n    >\n      {{ _copy().addRowAfter }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canToggleHeaderRow)\"\n      (itemClick)=\"_run(_toggleHeaderRow)\"\n    >\n      {{ _copy().toggleHeaderRow }}\n    </mlv-list-item>\n    <mlv-list-item\n      mlvMenuItem\n      [disabled]=\"_disabled(_canDeleteRow)\"\n      (itemClick)=\"_run(_deleteRow)\"\n    >\n      {{ _copy().deleteRow }}\n    </mlv-list-item>\n  </mlv-menu>\n}\n", styles: ["@layer mlv.components{.mlv-editor-table-controls{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-table-controls *{box-sizing:border-box}.mlv-editor-table-controls{display:contents;--mlv-editor-table-grip-size: 14px}.mlv-editor-table-controls__grip{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:var(--mlv-stroke-width) solid var(--mlv-border-subtle);border-radius:var(--mlv-radius-xs);background:var(--mlv-background-neutral-1);color:var(--mlv-text-secondary);cursor:pointer;z-index:1;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-editor-table-controls__grip:hover{background:var(--mlv-background-neutral-1-hover);color:var(--mlv-text-primary)}.mlv-editor-table-controls__grip[aria-expanded=true]{background:var(--mlv-background-selected);color:var(--mlv-text-on-selected)}.mlv-editor-table-controls__grip--corner svg{opacity:.75}@media(prefers-reduced-motion:reduce){.mlv-editor-table-controls,.mlv-editor-table-controls *,.mlv-editor-table-controls:before,.mlv-editor-table-controls:after,[class^=mlv-editor-table-controls__],[class*=\" mlv-editor-table-controls__\"],[class^=mlv-editor-table-controls--],[class*=\" mlv-editor-table-controls--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "component", type: LucideEllipsis, selector: "svg[lucideEllipsis], svg[lucideMoreHorizontal]" }, { kind: "component", type: LucideGripHorizontal, selector: "svg[lucideGripHorizontal]" }, { kind: "component", type: LucideGripVertical, selector: "svg[lucideGripVertical]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTableControls, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorTableControls, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-table-controls', imports: [
                         LucideEllipsis,
@@ -7848,10 +9033,10 @@ class MlvEditorToolbarDef {
     static ngTemplateContextGuard(_dir, _context) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorToolbarDef, isStandalone: true, selector: "[mlvEditorToolbar]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorToolbarDef, isStandalone: true, selector: "[mlvEditorToolbar]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mlvEditorToolbar]',
@@ -7867,10 +9052,10 @@ class MlvEditorToolbarStartDef {
     static ngTemplateContextGuard(_dir, _context) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarStartDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorToolbarStartDef, isStandalone: true, selector: "[mlvEditorToolbarStart]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarStartDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorToolbarStartDef, isStandalone: true, selector: "[mlvEditorToolbarStart]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarStartDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarStartDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mlvEditorToolbarStart]',
@@ -7886,10 +9071,10 @@ class MlvEditorToolbarEndDef {
     static ngTemplateContextGuard(_dir, _context) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarEndDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorToolbarEndDef, isStandalone: true, selector: "[mlvEditorToolbarEnd]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarEndDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorToolbarEndDef, isStandalone: true, selector: "[mlvEditorToolbarEnd]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarEndDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarEndDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mlvEditorToolbarEnd]',
@@ -7918,8 +9103,8 @@ class MlvEditorUndoRedo {
     _undo = (editor) => editor.chain().focus().undo().run();
     /** @protected Selection-restoring redo command. */
     _redo = (editor) => editor.chain().focus().redo().run();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorUndoRedo, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorUndoRedo, isStandalone: true, selector: "mlv-editor-undo-redo", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-undo-redo" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorUndoRedo, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorUndoRedo, isStandalone: true, selector: "mlv-editor-undo-redo", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-undo-redo" }, ngImport: i0, template: `
     <mlv-editor-command-button
       [label]="_copy().undo"
       [supports]="_canUndo"
@@ -7936,7 +9121,7 @@ class MlvEditorUndoRedo {
     /></mlv-editor-command-button>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvEditorCommandButton, selector: "mlv-editor-command-button", inputs: ["label", "supports", "command", "canCommand", "pressed"] }, { kind: "component", type: LucideRedo2, selector: "svg[lucideRedo2]" }, { kind: "component", type: LucideUndo2, selector: "svg[lucideUndo2]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorUndoRedo, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorUndoRedo, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-undo-redo',
@@ -8307,10 +9492,10 @@ class MlvEditorZoom {
         const finite = Number.isFinite(value) ? value : DEFAULT_ZOOM;
         return Math.min(Math.max(finite, min), max);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorZoom, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: MlvEditorZoom, isStandalone: true, selector: "mlv-editor-zoom", inputs: { zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, zoomLevels: { classPropertyName: "zoomLevels", publicName: "zoomLevels", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, fitToContainer: { classPropertyName: "fitToContainer", publicName: "fitToContainer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zoom: "zoomChange" }, host: { classAttribute: "mlv-editor-zoom" }, providers: [MlvSelectionService], viewQueries: [{ propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, isSignal: true }, { propertyName: "_input", first: true, predicate: ["_input"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<button\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_zoomOutDisabled()\"\n  [attr.aria-label]=\"_copy().zoomOut\"\n  [mlvTooltip]=\"_copy().zoomOut\"\n  (click)=\"_zoomOut()\"\n>\n  <svg mlvButtonIcon lucideZoomOut aria-hidden=\"true\" />\n</button>\n\n<button\n  #_trigger=\"mlvPopupTrigger\"\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [mlvPopupTrigger]=\"_popup\"\n  [ariaHasPopup]=\"'dialog'\"\n  [attr.aria-label]=\"_copy().zoom\"\n  [mlvTooltip]=\"_copy().zoom\"\n>\n  {{ zoom() }}%\n</button>\n\n<button\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_zoomInDisabled()\"\n  [attr.aria-label]=\"_copy().zoomIn\"\n  [mlvTooltip]=\"_copy().zoomIn\"\n  (click)=\"_zoomIn()\"\n>\n  <svg mlvButtonIcon lucideZoomIn aria-hidden=\"true\" />\n</button>\n\n<mlv-popup\n  #_popup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_copy().zoom\"\n  (afterOpened)=\"_onPopupOpened()\"\n  (afterClosed)=\"_onPopupClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div [id]=\"_panelId\" class=\"mlv-editor-zoom__panel\">\n      <div class=\"mlv-editor-zoom__field\">\n        <mlv-input\n          #_input\n          type=\"number\"\n          inputMode=\"numeric\"\n          [ariaLabel]=\"_copy().zoom\"\n          [min]=\"_bounds().min\"\n          [max]=\"_bounds().max\"\n          [disabled]=\"_disabled()\"\n          [value]=\"_draft()\"\n          (valueChange)=\"_draft.set($event)\"\n          (keydown.enter)=\"_applyDraft($event)\"\n          (inputBlur)=\"_applyDraft()\"\n        />\n      </div>\n      <mlv-dropdown-panel\n        class=\"mlv-editor-zoom__levels\"\n        [options]=\"_levelOptions()\"\n        [selectedValues]=\"_selectedLevels()\"\n        [ariaLabel]=\"_copy().zoom\"\n        [maxHeight]=\"_PANEL_MAX_HEIGHT\"\n        (valueChange)=\"_selectLevel($event)\"\n      />\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-editor-zoom{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-editor-zoom *{box-sizing:border-box}.mlv-editor-zoom{display:inline-flex;align-items:center;gap:var(--mlv-spacing-1);white-space:nowrap}.mlv-editor-zoom__panel{display:grid;inline-size:11rem;padding:var(--mlv-popover-inset);gap:var(--mlv-spacing-1)}.mlv-editor-zoom__field,.mlv-editor-zoom__levels{display:block}.mlv-editor-zoom__levels.mlv-dropdown-panel .mlv-dropdown-panel__listbox{--mlv-list-padding-block: 0}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideZoomIn, selector: "svg[lucideZoomIn]" }, { kind: "component", type: LucideZoomOut, selector: "svg[lucideZoomOut]" }, { kind: "component", type: MlvDropdownPanel, selector: "mlv-dropdown-panel", inputs: ["scrollMode", "minHeight", "maxHeight", "options", "multiple", "selectedValues", "itemTemplate", "focusMode", "activeIndex", "listboxId", "ariaLabel", "highlightQuery", "loading", "loadingText", "loadingMore", "hasMore", "infiniteScrollThreshold"], outputs: ["loadMore", "valueChange"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorZoom, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: MlvEditorZoom, isStandalone: true, selector: "mlv-editor-zoom", inputs: { zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, zoomLevels: { classPropertyName: "zoomLevels", publicName: "zoomLevels", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, fitToContainer: { classPropertyName: "fitToContainer", publicName: "fitToContainer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zoom: "zoomChange" }, host: { classAttribute: "mlv-editor-zoom" }, providers: [MlvSelectionService], viewQueries: [{ propertyName: "_popup", first: true, predicate: ["_popup"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, isSignal: true }, { propertyName: "_input", first: true, predicate: ["_input"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<button\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_zoomOutDisabled()\"\n  [attr.aria-label]=\"_copy().zoomOut\"\n  [mlvTooltip]=\"_copy().zoomOut\"\n  (click)=\"_zoomOut()\"\n>\n  <svg mlvButtonIcon lucideZoomOut aria-hidden=\"true\" />\n</button>\n\n<button\n  #_trigger=\"mlvPopupTrigger\"\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [mlvPopupTrigger]=\"_popup\"\n  [ariaHasPopup]=\"'dialog'\"\n  [attr.aria-label]=\"_copy().zoom\"\n  [mlvTooltip]=\"_copy().zoom\"\n>\n  {{ zoom() }}%\n</button>\n\n<button\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_zoomInDisabled()\"\n  [attr.aria-label]=\"_copy().zoomIn\"\n  [mlvTooltip]=\"_copy().zoomIn\"\n  (click)=\"_zoomIn()\"\n>\n  <svg mlvButtonIcon lucideZoomIn aria-hidden=\"true\" />\n</button>\n\n<mlv-popup\n  #_popup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_copy().zoom\"\n  (afterOpened)=\"_onPopupOpened()\"\n  (afterClosed)=\"_onPopupClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div [id]=\"_panelId\" class=\"mlv-editor-zoom__panel\">\n      <div class=\"mlv-editor-zoom__field\">\n        <mlv-input\n          #_input\n          type=\"number\"\n          inputMode=\"numeric\"\n          [ariaLabel]=\"_copy().zoom\"\n          [min]=\"_bounds().min\"\n          [max]=\"_bounds().max\"\n          [disabled]=\"_disabled()\"\n          [value]=\"_draft()\"\n          (valueChange)=\"_draft.set($event)\"\n          (keydown.enter)=\"_applyDraft($event)\"\n          (inputBlur)=\"_applyDraft()\"\n        />\n      </div>\n      <mlv-dropdown-panel\n        class=\"mlv-editor-zoom__levels\"\n        [options]=\"_levelOptions()\"\n        [selectedValues]=\"_selectedLevels()\"\n        [ariaLabel]=\"_copy().zoom\"\n        [maxHeight]=\"_PANEL_MAX_HEIGHT\"\n        (valueChange)=\"_selectLevel($event)\"\n      />\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-editor-zoom{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-editor-zoom *{box-sizing:border-box}.mlv-editor-zoom{display:inline-flex;align-items:center;gap:var(--mlv-spacing-1);white-space:nowrap}.mlv-editor-zoom__panel{display:grid;inline-size:11rem;padding:var(--mlv-popover-inset);gap:var(--mlv-spacing-1)}.mlv-editor-zoom__field,.mlv-editor-zoom__levels{display:block}.mlv-editor-zoom__levels.mlv-dropdown-panel .mlv-dropdown-panel__listbox{--mlv-list-padding-block: 0}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideZoomIn, selector: "svg[lucideZoomIn]" }, { kind: "component", type: LucideZoomOut, selector: "svg[lucideZoomOut]" }, { kind: "component", type: MlvDropdownPanel, selector: "mlv-dropdown-panel", inputs: ["scrollMode", "minHeight", "maxHeight", "options", "multiple", "selectedValues", "compareWith", "itemTemplate", "focusMode", "activeIndex", "listboxId", "ariaLabel", "highlightQuery", "loading", "loadingText", "loadingMore", "hasMore", "infiniteScrollThreshold"], outputs: ["loadMore", "valueChange"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorZoom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorZoom, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-zoom', imports: [
                         MlvButton,
@@ -8356,8 +9541,8 @@ class MlvEditorTextColor extends MlvEditorColorControl {
         const chain = editor.chain().setTextSelection(selection);
         return color ? chain.setColor(color).run() : chain.unsetColor().run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTextColor, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorTextColor, isStandalone: true, selector: "mlv-editor-text-color", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-text-color" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorTextColor, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MlvEditorTextColor, isStandalone: true, selector: "mlv-editor-text-color", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-text-color" }, usesInheritance: true, ngImport: i0, template: `
     <mlv-color-picker-popup
       #picker
       presentation="icon"
@@ -8374,7 +9559,7 @@ class MlvEditorTextColor extends MlvEditorColorControl {
     </mlv-color-picker-popup>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvColorPickerPopup, selector: "mlv-color-picker-popup", inputs: ["value", "presentation", "opened", "showOpacity", "defaultMode", "supportedFormats", "live"], outputs: ["valueChange", "openedChange", "afterOpened", "afterClosed", "colorChange"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: LucideType, selector: "svg[lucideType]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTextColor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorTextColor, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-text-color',
@@ -8419,6 +9604,16 @@ class MlvEditorToolbarRoot {
     ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
     /** Whether arrow navigation wraps at the boundaries. */
     wrap = input(true, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * @internal Element whose width decides narrow mode, instead of this root's
+     * own. `MlvEditor` passes its `.mlv-editor__surface`, for the docked bar
+     * and the selection bubble alike. The bubble hugs its controls, so measuring
+     * itself would be circular: hiding groups shrinks the bubble, which
+     * un-narrows it. `undefined` observes this root, which the standalone
+     * `MlvEditorToolbar` shell keeps doing.
+     */
+    measureTarget = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "measureTarget" }] : /* istanbul ignore next */ []));
     /** @internal Editor-scoped focus registry. */
     _registry = inject(MLV_EDITOR_TOOLBAR_ROVING);
     /** @internal Transaction state that re-evaluates disabled toolbar widgets. */
@@ -8427,7 +9622,10 @@ class MlvEditorToolbarRoot {
     });
     /** @internal Optional localized defaults. */
     _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @internal Actual composite-root element. */
+    /**
+     * @internal Actual composite-root element. Also the scope the horizontal
+     * roving arrows resolve their direction against.
+     */
     _element = inject(ElementRef);
     /** @internal Root teardown lifecycle. */
     _destroyRef = inject(DestroyRef);
@@ -8437,6 +9635,12 @@ class MlvEditorToolbarRoot {
     _resizeObserver = inject(MlvResizeObserverService);
     /** @internal Normalizes horizontal arrow meaning for RTL toolbars. */
     _rtlService = inject(MlvRtlService);
+    /**
+     * @internal Direction applying to this toolbar, resolved once and cached
+     * behind the shared `dir` observer rather than re-walked on every arrow
+     * keypress.
+     */
+    _direction = this._rtlService.elementDirection(this._element);
     constructor() {
         effect(() => {
             this._revision?.();
@@ -8444,15 +9648,23 @@ class MlvEditorToolbarRoot {
         });
         if (this._isBrowser) {
             this._destroyRef.onDestroy(this._registry.connect(this._element.nativeElement));
-            this._resizeObserver
-                .observe(this._element)
-                .pipe(takeUntilDestroyed(this._destroyRef))
+        }
+        effect((onCleanup) => {
+            if (!this._isBrowser)
+                return;
+            const target = this.measureTarget() ?? this._element.nativeElement;
+            // Re-created whenever the target changes, so it is released by this
+            // effect's cleanup; `takeUntilDestroyed` would fire only at destroy and
+            // leak every earlier generation (best-practices, "DOM Listeners").
+            const subscription = this._resizeObserver
+                .observe(target)
                 .subscribe((entries) => {
                 const width = entries[entries.length - 1]?.contentRect.width;
                 if (width !== undefined && width > 0)
                     this.narrow.set(width < 640);
             });
-        }
+            onCleanup(() => subscription.unsubscribe());
+        });
     }
     /** @internal Resolves the user or localized toolbar label. */
     resolvedAriaLabel() {
@@ -8470,7 +9682,10 @@ class MlvEditorToolbarRoot {
             this._registry.focusBoundary(event.key === 'Home' ? 'start' : 'end');
             return;
         }
-        const key = this._rtlService.normalizeArrowKey(event);
+        // Resolved against the toolbar root, not the document: direction is scoped,
+        // so a toolbar inside a `dir` subtree — or inside a CDK overlay pane, which
+        // is stamped with its own `dir` — must mirror on its own reading.
+        const key = this._rtlService.normalizeArrowKey(event, this._direction());
         const direction = this.orientation() === 'vertical'
             ? key === UP_ARROW
                 ? -1
@@ -8487,10 +9702,10 @@ class MlvEditorToolbarRoot {
         event.preventDefault();
         this._registry.move(target, direction, this.wrap());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvEditorToolbarRoot, isStandalone: true, selector: "[mlvEditorToolbarRoot]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "class.mlv-editor-toolbar--narrow": "narrow()", "attr.aria-label": "resolvedAriaLabel()", "attr.aria-orientation": "orientation()", "attr.aria-disabled": "disabled() || null" }, classAttribute: "mlv-editor-toolbar" }, exportAs: ["mlvEditorToolbarRoot"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: MlvEditorToolbarRoot, isStandalone: true, selector: "[mlvEditorToolbarRoot]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, measureTarget: { classPropertyName: "measureTarget", publicName: "measureTarget", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "class.mlv-editor-toolbar--narrow": "narrow()", "attr.aria-label": "resolvedAriaLabel()", "attr.aria-orientation": "orientation()", "attr.aria-disabled": "disabled() || null" }, classAttribute: "mlv-editor-toolbar" }, exportAs: ["mlvEditorToolbarRoot"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarRoot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarRoot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mlvEditorToolbarRoot]',
@@ -8505,7 +9720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '(keydown)': 'handleKeydown($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], measureTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "measureTarget", required: false }] }] } });
 /** @internal Responsive menu containing commands removed from the primary row. */
 class MlvEditorToolbarOverflow {
     /** @protected Responsive state owned by the enclosing toolbar root. */
@@ -8656,8 +9871,8 @@ class MlvEditorToolbarOverflow {
         this._unregister?.();
         this._unregister = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarOverflow, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorToolbarOverflow, isStandalone: true, selector: "mlv-editor-toolbar-overflow", host: { properties: { "hidden": "!_root.narrow()" }, classAttribute: "mlv-editor-toolbar__overflow" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarOverflow, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorToolbarOverflow, isStandalone: true, selector: "mlv-editor-toolbar-overflow", host: { properties: { "hidden": "!_root.narrow()" }, classAttribute: "mlv-editor-toolbar__overflow" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
     <button
       mlvButton
       mlvEditorToolbarWidget
@@ -8755,7 +9970,7 @@ class MlvEditorToolbarOverflow {
     </mlv-menu>
   `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "component", type: LucideEllipsis, selector: "svg[lucideEllipsis], svg[lucideMoreHorizontal]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarOverflow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarOverflow, decorators: [{
             type: Component,
             args: [{
                     selector: 'mlv-editor-toolbar-overflow',
@@ -8926,10 +10141,10 @@ class MlvEditorToolbarContextProxy {
     reportError(error) {
         this._toolbar.context().reportError(error);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarContextProxy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarContextProxy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarContextProxy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarContextProxy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarContextProxy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbarContextProxy, decorators: [{
             type: Injectable
         }] });
 /** Public compatibility toolbar shell for standalone consumer use. */
@@ -8965,8 +10180,8 @@ class MlvEditorToolbar {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorToolbar, isStandalone: true, selector: "mlv-editor-toolbar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, startTemplate: { classPropertyName: "startTemplate", publicName: "startTemplate", isSignal: true, isRequired: false, transformFunction: null }, endTemplate: { classPropertyName: "endTemplate", publicName: "endTemplate", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.mlv-editor-toolbar--disabled": "disabled() || context().disabled()" }, classAttribute: "mlv-editor-toolbar" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorToolbar, isStandalone: true, selector: "mlv-editor-toolbar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, startTemplate: { classPropertyName: "startTemplate", publicName: "startTemplate", isSignal: true, isRequired: false, transformFunction: null }, endTemplate: { classPropertyName: "endTemplate", publicName: "endTemplate", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.mlv-editor-toolbar--disabled": "disabled() || context().disabled()" }, classAttribute: "mlv-editor-toolbar" }, providers: [
             MlvEditorOverlayRegistry,
             MlvEditorToolbarRevision,
             MlvEditorToolbarRovingRegistry,
@@ -9071,9 +10286,9 @@ class MlvEditorToolbar {
       />
     }
     <ng-content select="[mlvEditorToolbarEnd]" /><ng-content />
-  </div>`, isInline: true, styles: ["@layer mlv.components{.mlv-editor-toolbar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-editor-toolbar *{box-sizing:border-box}.mlv-editor-toolbar{display:flex;align-items:center;min-width:0;overflow:hidden}.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-toolbar__separator{flex:0 0 auto;align-self:stretch;min-height:var(--mlv-height-s);margin-inline:var(--mlv-spacing-1)}.mlv-editor-toolbar__overflow,.mlv-editor-toolbar .mlv-editor-undo-redo,.mlv-editor-toolbar .mlv-editor-inline-marks,.mlv-editor-toolbar .mlv-editor-block-insert{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-toolbar mlv-editor-zoom,.mlv-editor-toolbar mlv-editor-heading,.mlv-editor-toolbar mlv-editor-list,.mlv-editor-toolbar mlv-editor-text-color,.mlv-editor-toolbar mlv-editor-highlight,.mlv-editor-toolbar mlv-editor-alignment,.mlv-editor-toolbar mlv-editor-link,.mlv-editor-toolbar mlv-editor-table,.mlv-editor-toolbar mlv-editor-image-upload{flex:0 0 auto}.mlv-editor-toolbar--disabled{opacity:var(--mlv-disabled-opacity)}}\n"], dependencies: [{ 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: 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: 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: 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: MlvEditorToolbarOverflow, selector: "mlv-editor-toolbar-overflow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  </div>`, isInline: true, styles: ["@layer mlv.components{.mlv-editor-toolbar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-editor-toolbar *{box-sizing:border-box}.mlv-editor-toolbar{display:flex;align-items:center;min-width:0;overflow:hidden}.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-toolbar__separator{flex:0 0 auto;align-self:stretch;min-height:var(--mlv-height-s);margin-inline:var(--mlv-spacing-1)}.mlv-editor-toolbar__overflow,.mlv-editor-toolbar .mlv-editor-undo-redo,.mlv-editor-toolbar .mlv-editor-inline-marks,.mlv-editor-toolbar .mlv-editor-block-insert{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-toolbar mlv-editor-zoom,.mlv-editor-toolbar mlv-editor-heading,.mlv-editor-toolbar mlv-editor-list,.mlv-editor-toolbar mlv-editor-text-color,.mlv-editor-toolbar mlv-editor-highlight,.mlv-editor-toolbar mlv-editor-alignment,.mlv-editor-toolbar mlv-editor-link,.mlv-editor-toolbar mlv-editor-table,.mlv-editor-toolbar mlv-editor-image-upload{flex:0 0 auto}.mlv-editor-toolbar--disabled{opacity:var(--mlv-disabled-opacity)}}\n"], dependencies: [{ 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", "measureTarget"], exportAs: ["mlvEditorToolbarRoot"] }, { 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: 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: 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: MlvEditorToolbarOverflow, selector: "mlv-editor-toolbar-overflow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorToolbar, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-toolbar', host: {
                         class: 'mlv-editor-toolbar',
@@ -9254,15 +10469,15 @@ class MlvEditorStatus {
         return typeof storage?.characters === 'function' ? storage : null;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_storage" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorStatus, isStandalone: true, selector: "mlv-editor-status", inputs: { characterLimit: { classPropertyName: "characterLimit", publicName: "characterLimit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!available()" }, classAttribute: "mlv-editor-status" }, ngImport: i0, template: "@if (available()) {\n<span\n  class=\"mlv-editor-status__summary\"\n  role=\"status\"\n  aria-live=\"polite\"\n  [attr.aria-label]=\"_ariaLabel()\"\n>\n  @if (_limit(); as limit) {\n  <span class=\"mlv-editor-status__characters\"\n    >{{ characters() }}/{{ limit }} characters</span\n  >\n  } @else {\n  <span class=\"mlv-editor-status__characters\"\n    >{{ characters() }} characters</span\n  >\n  }\n  <span aria-hidden=\"true\"> \u00B7 </span>\n  <span class=\"mlv-editor-status__words\">{{ words() }} words</span>\n</span>\n}\n", styles: ["@layer mlv.components{.mlv-editor-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-status *{box-sizing:border-box}.mlv-editor-status{display:inline-flex;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}.mlv-editor-status__summary{display:inline-flex;gap:var(--mlv-spacing-1)}.mlv-editor-status__summary *{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: MlvEditorStatus, isStandalone: true, selector: "mlv-editor-status", inputs: { characterLimit: { classPropertyName: "characterLimit", publicName: "characterLimit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!available()" }, classAttribute: "mlv-editor-status" }, ngImport: i0, template: "@if (available()) {\n  <span\n    class=\"mlv-editor-status__summary\"\n    role=\"status\"\n    aria-live=\"polite\"\n    [attr.aria-label]=\"_ariaLabel()\"\n  >\n    @if (_limit(); as limit) {\n      <span class=\"mlv-editor-status__characters\"\n        >{{ characters() }}/{{ limit }} characters</span\n      >\n    } @else {\n      <span class=\"mlv-editor-status__characters\"\n        >{{ characters() }} characters</span\n      >\n    }\n    <span aria-hidden=\"true\"> \u00B7 </span>\n    <span class=\"mlv-editor-status__words\">{{ words() }} words</span>\n  </span>\n}\n", styles: ["@layer mlv.components{.mlv-editor-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-status *{box-sizing:border-box}.mlv-editor-status{display:inline-flex;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}.mlv-editor-status__summary{display:inline-flex;gap:var(--mlv-spacing-1)}.mlv-editor-status__summary *{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorStatus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditorStatus, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor-status', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'mlv-editor-status',
                         '[hidden]': '!available()',
-                    }, template: "@if (available()) {\n<span\n  class=\"mlv-editor-status__summary\"\n  role=\"status\"\n  aria-live=\"polite\"\n  [attr.aria-label]=\"_ariaLabel()\"\n>\n  @if (_limit(); as limit) {\n  <span class=\"mlv-editor-status__characters\"\n    >{{ characters() }}/{{ limit }} characters</span\n  >\n  } @else {\n  <span class=\"mlv-editor-status__characters\"\n    >{{ characters() }} characters</span\n  >\n  }\n  <span aria-hidden=\"true\"> \u00B7 </span>\n  <span class=\"mlv-editor-status__words\">{{ words() }} words</span>\n</span>\n}\n", styles: ["@layer mlv.components{.mlv-editor-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-status *{box-sizing:border-box}.mlv-editor-status{display:inline-flex;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}.mlv-editor-status__summary{display:inline-flex;gap:var(--mlv-spacing-1)}.mlv-editor-status__summary *{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}}\n"] }]
+                    }, template: "@if (available()) {\n  <span\n    class=\"mlv-editor-status__summary\"\n    role=\"status\"\n    aria-live=\"polite\"\n    [attr.aria-label]=\"_ariaLabel()\"\n  >\n    @if (_limit(); as limit) {\n      <span class=\"mlv-editor-status__characters\"\n        >{{ characters() }}/{{ limit }} characters</span\n      >\n    } @else {\n      <span class=\"mlv-editor-status__characters\"\n        >{{ characters() }} characters</span\n      >\n    }\n    <span aria-hidden=\"true\"> \u00B7 </span>\n    <span class=\"mlv-editor-status__words\">{{ words() }} words</span>\n  </span>\n}\n", styles: ["@layer mlv.components{.mlv-editor-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-status *{box-sizing:border-box}.mlv-editor-status{display:inline-flex;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}.mlv-editor-status__summary{display:inline-flex;gap:var(--mlv-spacing-1)}.mlv-editor-status__summary *{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-caption-size);line-height:var(--mlv-typography-caption-line-height)}}\n"] }]
         }], propDecorators: { characterLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "characterLimit", required: false }] }] } });
 
 /**
@@ -9285,6 +10500,87 @@ class MlvEditor extends MlvSignalFormControlBase {
     /** Width of the centred content column; a gutter is reserved at every value. */
     contentWidth = input('default', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "contentWidth" }] : /* istanbul ignore next */ []));
+    /**
+     * Fixed block size of the editor surface (toolbar plus content viewport).
+     * A number is px; a string is any CSS length, passed through verbatim.
+     *
+     * Setting it **caps** the editor: `.mlv-editor__viewport` becomes the only
+     * scroll container. With neither `height` nor `maxHeight`, the editor grows
+     * with its content, never shows a scrollbar, and never stops a scroll meant
+     * for the page. Writing `--mlv-editor-height` in CSS alone does not cap.
+     */
+    height = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    /**
+     * Minimum block size of the editable content area; the viewport adds its
+     * 1rem padding around it. A number is px; a string is any CSS length. `undefined` keeps the `8rem` floor. Setting only this input
+     * leaves the editor in auto mode. `--mlv-editor-min-height` may also be set
+     * in CSS.
+     *
+     * Under a cap (`height` / `maxHeight`) the cap wins, even over a larger
+     * `minHeight`: the viewport shrinks to fit the surface, and the floor moves
+     * to the content inside the scroller, at every zoom level. A `minHeight`
+     * above what the cap leaves the content (the cap minus the toolbar band and
+     * the viewport padding) scrolls an empty document; for a fixed size set
+     * `height` rather than `minHeight` equal to `maxHeight`.
+     */
+    minHeight = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+    /**
+     * Largest block size of the editor surface. The surface grows with its
+     * content up to this cap, and then the viewport scrolls. A number is px; a
+     * string is any CSS length. Like `height`, this caps the editor; writing
+     * `--mlv-editor-max-height` in CSS alone does not.
+     */
+    maxHeight = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+    /**
+     * Docked-bar placement. The DOM order follows it, so the Tab order matches
+     * the visual order (WCAG 2.4.3). Changing it re-creates the toolbar view,
+     * which closes any open toolbar popup. It does not move the floating
+     * selection bubble, which always prefers above the selection. While
+     * `readonly` no bar renders in either position (see `toolbarAppearance`).
+     */
+    toolbarPosition = input('top', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toolbarPosition" }] : /* istanbul ignore next */ []));
+    /**
+     * Toolbar drawing: `'bar'` is the docked row with a hairline; `'floating'` is
+     * a selection bubble. The bubble is a CDK overlay (`.mlv-editor-bubble`)
+     * shown only while focus is in the editor, the selection is non-empty and
+     * the editor is neither disabled nor `readonly`; it prefers above the
+     * selection and flips below at the window's or a capped viewport's edge.
+     * Alt+F10 in the content summons it at the caret and focuses its first
+     * control (the content carries `aria-keyshortcuts="Alt+F10"` while floating
+     * and editable); Escape dismisses it and returns focus to the content with
+     * the selection intact. A plugin that claims Escape itself (a consumer's
+     * `@tiptap/suggestion` list, an AI stream) gets it first, and the Escape
+     * that dismisses the bubble goes no further, so a dialog or drawer around
+     * the editor closes only on the next one. Turning `readonly` on while the
+     * bubble is shown hides it and closes its popups.
+     *
+     * A `readonly` editor renders **no toolbar in either appearance** (#498):
+     * no `.mlv-editor__toolbar-band`, and no space kept for one. Turning
+     * `readonly` on tears the bar down, closes every popup the editor owns and
+     * returns focus from the bar or such a popup to the content, with the
+     * selection intact; turning it off stamps the bar again in its position.
+     * A consumer toolbar (`[mlvEditorToolbar]`, `[mlvEditorToolbarStart]`,
+     * `[mlvEditorToolbarEnd]`) is stamped in the same band and goes with it.
+     */
+    toolbarAppearance = input('bar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toolbarAppearance" }] : /* istanbul ignore next */ []));
+    /**
+     * Keeps the docked bar `position: sticky` against the page (or the nearest
+     * consumer scroll container) while the surface is on screen, offset by
+     * `--mlv-editor-toolbar-sticky-offset` (default `0`).
+     *
+     * It applies only to an **uncapped** **bar**. A capped editor
+     * (`height` / `maxHeight`) scrolls inside its own viewport, and the bar
+     * sits outside that scroller, so there is nothing for it to stick against;
+     * the floating bubble follows the selection instead; and a `readonly`
+     * editor renders no bar at all (#498). In each case the input is ignored
+     * and `.mlv-editor--toolbar-sticky` is not stamped.
+     */
+    toolbarSticky = input(false, { ...(ngDevMode ? { debugName: "toolbarSticky" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
     /** Complete Tiptap extension replacement; omit it for Malva's fresh preset. */
     extensions = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "extensions" }] : /* istanbul ignore next */ []));
@@ -9322,6 +10618,57 @@ class MlvEditor extends MlvSignalFormControlBase {
     /** View-only zoom percentage shared with the nearest toolbar. */
     zoom = signal(100, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved `height`, written into `--mlv-editor-height`; `null` writes nothing. */
+    _heightStyle = computed(() => mlvEditorCssLength(this.height()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_heightStyle" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved `minHeight`, written into `--mlv-editor-min-height`; `null` writes nothing. */
+    _minHeightStyle = computed(() => mlvEditorCssLength(this.minHeight()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_minHeightStyle" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved `maxHeight`, written into `--mlv-editor-max-height`; `null` writes nothing. */
+    _maxHeightStyle = computed(() => mlvEditorCssLength(this.maxHeight()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_maxHeightStyle" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the editor is capped. Only `height` or `maxHeight`
+     * switches it on; `minHeight` alone stays in auto mode. It is the one input
+     * that turns `.mlv-editor__viewport` into a scroll container.
+     */
+    _capped = computed(() => this._heightStyle() !== null || this._maxHeightStyle() !== null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_capped" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the editor stamps its toolbar at all, in either
+     * appearance: never while `readonly` (#498 owner ruling, "a readonly editor
+     * renders no toolbar"). The docked bar is torn down and the selection
+     * bubble's pane stays empty; both come back when `readonly` turns off.
+     *
+     * This is the one switch, and it covers a consumer toolbar too: a complete
+     * `[mlvEditorToolbar]` replacement and the `[mlvEditorToolbarStart]` /
+     * `[mlvEditorToolbarEnd]` slots are stamped inside the same band. That is
+     * an assumption the owner may reverse. Keeping a complete replacement while
+     * `readonly` is `!this.readonly() || this._hasToolbarDef()` here for the
+     * bar, and the default groups inside the band then need their own readonly
+     * hiding; `_closeBarForReadonly()`'s `_barRendered()` early return must
+     * then key on the removed region, not the band, or focus on a removed
+     * default control drops to `<body>`. The bubble also gates itself on
+     * `readonly` in `MlvEditorBubble._wanted()` / `_ownsContentKey()`, and
+     * `_editorAttributes()` drops `aria-keyshortcuts`.
+     */
+    _toolbarRendered = computed(() => !this.readonly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_toolbarRendered" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the docked bar is stamped before or after the
+     * viewport: the `'bar'` appearance while `_toolbarRendered()`. With it
+     * false no band exists, so nothing reserves space for one and no sticky
+     * extent is measured.
+     */
+    _barRendered = computed(() => this.toolbarAppearance() === 'bar' && this._toolbarRendered(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_barRendered" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the docked bar is actually sticky: `toolbarSticky` on an
+     * uncapped bar that renders (not while `readonly`). Drives
+     * `.mlv-editor--toolbar-sticky` and the caret scroll margin.
+     */
+    _stickyToolbar = computed(() => this.toolbarSticky() && this._barRendered() && !this._capped(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_stickyToolbar" }] : /* 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 */ []));
@@ -9354,7 +10701,7 @@ class MlvEditor extends MlvSignalFormControlBase {
     _content = viewChild.required('content', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
     /**
-     * @private Zoom-transformed layer the floating block handle is mounted into.
+     * @private Zoomed layer (CSS `zoom`) 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
@@ -9364,6 +10711,12 @@ class MlvEditor extends MlvSignalFormControlBase {
      */
     _view = viewChild('view', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_view" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Toolbar band currently stamped before or after the viewport.
+     * Queried by declaration, so it follows the band across position changes.
+     */
+    _toolbarBand = viewChild('toolbarBand', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_toolbarBand" }] : /* istanbul ignore next */ []));
     /** @protected Complete projected toolbar replacement, if the consumer provides one. */
     _toolbarDefs = contentChildren(MlvEditorToolbarDef, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_toolbarDefs" }] : /* istanbul ignore next */ []));
@@ -9392,6 +10745,16 @@ class MlvEditor extends MlvSignalFormControlBase {
     _uploadAbortRegistry = inject(MlvEditorUploadAbortRegistry);
     /** @private Physical host used to determine the composite focus boundary. */
     _host = inject(ElementRef);
+    /**
+     * @private Live ProseMirror `scrollMargin` (WCAG 2.2 SC 2.4.11). One stable
+     * object passed on every `editorProps` write; its sides re-measure per read.
+     * Read untracked: ProseMirror scrolls synchronously inside `updateState`,
+     * which can run within `_synchronizeEditor`'s effect, and that effect must
+     * not start depending on the toolbar inputs.
+     */
+    _scrollMargin = createMlvEditorLiveScrollSides('margin', () => untracked(this.toolbarPosition), () => untracked(() => this._obscuredToolbarExtent()));
+    /** @private Live ProseMirror `scrollThreshold`, paired with `_scrollMargin`. */
+    _scrollThreshold = createMlvEditorLiveScrollSides('threshold', () => untracked(this.toolbarPosition), () => untracked(() => this._obscuredToolbarExtent()));
     /** @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. */
@@ -9418,13 +10781,7 @@ class MlvEditor extends MlvSignalFormControlBase {
     _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. */
+    /** @private Blocks disabled keyboard activation; the other three subscribe to their handler directly. */
     _onDisabledKeydown = (event) => {
         if (event.key !== 'Enter' &&
             event.key !== ' ' &&
@@ -9467,6 +10824,10 @@ class MlvEditor extends MlvSignalFormControlBase {
             this._wasDisabled = disabled;
             if (readonly && !this._wasReadonly) {
                 this._abortInFlightUploads();
+                // Constructor effect: registered on the parent view, so it runs
+                // before this component's template (and the wrapper-stamped band
+                // `@if`) refreshes; focus in the band or its popups can still move.
+                untracked(() => this._closeBarForReadonly());
             }
             this._wasReadonly = readonly;
             if (!editor)
@@ -9560,7 +10921,11 @@ class MlvEditor extends MlvSignalFormControlBase {
                 extensions: selectedExtensions,
                 editable: !this.computedDisabled() && !this.readonly(),
                 enableContentCheck: true,
-                editorProps: { attributes: this._editorAttributes() },
+                editorProps: {
+                    attributes: this._editorAttributes(),
+                    scrollMargin: this._scrollMargin,
+                    scrollThreshold: this._scrollThreshold,
+                },
                 onTransaction: ({ editor: changedEditor, transaction }) => {
                     if (this._destroyed)
                         return;
@@ -9604,6 +10969,23 @@ class MlvEditor extends MlvSignalFormControlBase {
             });
         }
     }
+    /**
+     * @protected Focuses the editable content when the control's own
+     * `<mlv-label>` is clicked.
+     *
+     * ProseMirror's contenteditable root is focusable but not HTML-labelable, so
+     * `<label for>` can never name it and the native click-to-focus a field
+     * label owes its control never ran — the visible label was inert (#216), the
+     * same gap the three date/time pickers close. `readonly` still focuses (a
+     * read-only `<textarea>` does), `disabled` returns early (the host is
+     * `inert` anyway), and Tiptap's `focus` command restores the stored
+     * selection rather than dropping the caret at the document start.
+     */
+    _onLabelClick() {
+        if (this.computedDisabled())
+            return;
+        this._editor()?.commands.focus();
+    }
     /** Clears the document through Tiptap when the shared form wrapper is clearable. */
     clearValue() {
         if (this.computedDisabled() || this.readonly())
@@ -9690,7 +11072,15 @@ class MlvEditor extends MlvSignalFormControlBase {
             return;
         const requestedFormat = this.format();
         editor.setOptions({
-            editorProps: { attributes: this._editorAttributes() },
+            // `setOptions` replaces Tiptap's stored `editorProps` wholesale. The
+            // live view keeps its props (ProseMirror's `setProps` merges), but a
+            // later `mount()` rebuilds the view from the stored copy, so the scroll
+            // props travel with every call.
+            editorProps: {
+                attributes: this._editorAttributes(),
+                scrollMargin: this._scrollMargin,
+                scrollThreshold: this._scrollThreshold,
+            },
         });
         this._synchronizeContentSurfaceState(editor);
         const rawIncoming = this.value();
@@ -9899,6 +11289,39 @@ class MlvEditor extends MlvSignalFormControlBase {
             recoverable: true,
         });
     }
+    /**
+     * @private Block extent the toolbar hides on its own side, in px.
+     *
+     * Only a sticky bar hides anything: its height plus its offset, at its
+     * nearest scroll container. A docked bar sits outside the content, and the
+     * floating bubble is an overlay that follows the selection, clear of it by
+     * construction.
+     * Sticky applies only to an uncapped bar (`_stickyToolbar`), so the margin
+     * never lands on a capped viewport's own edge.
+     *
+     * Read by ProseMirror at scroll time, never for layout. ProseMirror applies
+     * one margin at every scroll ancestor. For an uncapped editor the page is
+     * usually the only one. With a consumer scroll container in between, the
+     * band sticks to that container, where the margin is right; the page, one
+     * scroll ancestor further out, also keeps the caret that far from its edge
+     * although no band is there, which errs toward visibility.
+     */
+    _obscuredToolbarExtent() {
+        if (!this._stickyToolbar())
+            return 0;
+        const band = this._toolbarBand()?.nativeElement;
+        if (!band)
+            return 0;
+        const side = this.toolbarPosition() === 'top'
+            ? 'inset-block-start'
+            : 'inset-block-end';
+        const view = band.ownerDocument.defaultView;
+        const offset = view
+            ? Number.parseFloat(view.getComputedStyle(band).getPropertyValue(side)) ||
+                0
+            : 0;
+        return band.getBoundingClientRect().height + offset;
+    }
     /** @private Builds the exact accessible attributes assigned to Tiptap's contenteditable root. */
     _editorAttributes() {
         const attributes = {
@@ -9936,6 +11359,14 @@ class MlvEditor extends MlvSignalFormControlBase {
         if (this.readonly()) {
             attributes['aria-readonly'] = 'true';
         }
+        // The selection bubble stays hidden until a selection exists, so the key
+        // that reaches it is the only hint assistive technology gets. Disabled or
+        // `readonly`, the bubble never shows and the key does nothing.
+        if (this.toolbarAppearance() === 'floating' &&
+            !this.computedDisabled() &&
+            !this.readonly()) {
+            attributes['aria-keyshortcuts'] = 'Alt+F10';
+        }
         return attributes;
     }
     /** @internal Capture handler for focus entering the host or an owned overlay root. */
@@ -9988,21 +11419,39 @@ class MlvEditor extends MlvSignalFormControlBase {
             (this._host.nativeElement.contains(node) ||
                 this._overlayRegistry.contains(node)));
     }
-    /** @private Installs native capture listeners because overlay focus is outside Angular's view tree. */
+    /**
+     * @private Subscribes the composite's host listeners, because overlay focus
+     * happens outside Angular's view tree.
+     *
+     * Every one is registered in the **capture** phase, which is load-bearing
+     * rather than incidental: ProseMirror binds its own handlers to `view.dom`,
+     * a descendant of this host, so only a capture-phase listener on the host
+     * runs ahead of them. The disabled handlers depend on that to call
+     * `stopImmediatePropagation()` while the event is still travelling down —
+     * from the bubble phase ProseMirror would already have acted on it. Capture
+     * is carried through `fromEvent`'s third argument, and `editor-focus.spec.ts`
+     * pins the ordering against descendant listeners.
+     *
+     * Called from `ngAfterViewInit`, which is not an injection context, so
+     * `takeUntilDestroyed` is given the ref explicitly.
+     */
     _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);
-        });
+        fromEvent(host, 'focusin', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._handleCompositeFocusIn(event));
+        fromEvent(host, 'focusout', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._handleCompositeFocusOut(event));
+        fromEvent(host, 'pointerdown', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._blockDisabledInteraction(event));
+        fromEvent(host, 'click', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._blockDisabledInteraction(event));
+        fromEvent(host, 'keydown', { capture: true })
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => this._onDisabledKeydown(event));
     }
     /** @private Stops all pointer/click/activation-key command surfaces while disabled. */
     _blockDisabledInteraction(event) {
@@ -10033,6 +11482,7 @@ class MlvEditor extends MlvSignalFormControlBase {
             'aria-readonly',
             'tabindex',
             'aria-invalid',
+            'aria-keyshortcuts',
         ];
         for (const name of managedAttributes) {
             const value = attributes[name];
@@ -10044,6 +11494,29 @@ class MlvEditor extends MlvSignalFormControlBase {
             }
         }
     }
+    /**
+     * @private `readonly` just turned on over a docked bar, which this render
+     * tears down (#498). Every popup the editor owns closes, and focus in the
+     * band or in such a popup returns to the content first, through the same
+     * registry call the selection bubble makes. Called from the constructor
+     * effect, which is registered on the parent view, so it runs before this
+     * component's template (and the wrapper-stamped band `@if`) refreshes: the
+     * band and its focus are still there. A disabled editor is left alone, like
+     * the bubble's own focus return: it takes no focus, even from a projected
+     * consumer control, which the editor does not disable and which can hold
+     * focus in the band of a disabled editor.
+     */
+    _closeBarForReadonly() {
+        if (this.toolbarAppearance() !== 'bar' || this._barRendered())
+            return;
+        if (this.computedDisabled())
+            return;
+        const band = this._toolbarBand()?.nativeElement;
+        const editor = this._editor();
+        if (!band || !editor || editor.isDestroyed)
+            return;
+        this._overlayRegistry.closeForReadonly(band, editor.view.dom, () => mlvEditorFocusContent(editor));
+    }
     /** @private Aborts registered upload work while preserving the document/editor instance. */
     _abortInFlightUploads() {
         this._uploadAbortRegistry.abortAll();
@@ -10056,8 +11529,8 @@ class MlvEditor extends MlvSignalFormControlBase {
         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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.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 }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, toolbarPosition: { classPropertyName: "toolbarPosition", publicName: "toolbarPosition", isSignal: true, isRequired: false, transformFunction: null }, toolbarAppearance: { classPropertyName: "toolbarAppearance", publicName: "toolbarAppearance", isSignal: true, isRequired: false, transformFunction: null }, toolbarSticky: { classPropertyName: "toolbarSticky", publicName: "toolbarSticky", 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()", "class.mlv-editor--capped": "_capped()", "class.mlv-editor--toolbar-top": "toolbarPosition() === \"top\"", "class.mlv-editor--toolbar-bottom": "toolbarPosition() === \"bottom\"", "class.mlv-editor--toolbar-bar": "toolbarAppearance() === \"bar\"", "class.mlv-editor--toolbar-floating": "toolbarAppearance() === \"floating\"", "class.mlv-editor--toolbar-sticky": "_stickyToolbar()", "attr.aria-disabled": "computedDisabled() || null", "attr.inert": "computedDisabled() ? \"\" : null", "style.--mlv-editor-zoom": "zoom() / 100", "style.--mlv-editor-height": "_heightStyle()", "style.--mlv-editor-min-height": "_minHeightStyle()", "style.--mlv-editor-max-height": "_maxHeightStyle()" }, classAttribute: "mlv-editor" }, providers: [
             MlvEditorOverlayRegistry,
             MlvEditorToolbarRevision,
             MlvEditorToolbarRovingRegistry,
@@ -10116,9 +11589,9 @@ class MlvEditor extends MlvSignalFormControlBase {
                     }, 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          <mlv-editor-table-controls [layer]=\"view\" />\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: ["@layer mlv.components{.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:var(--mlv-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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: MlvEditorTableControls, selector: "mlv-editor-table-controls", inputs: ["layer"] }, { 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 });
+        ], 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 }, { propertyName: "_toolbarBand", first: true, predicate: ["toolbarBand"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n    <mlv-label\n      [for]=\"_ownLabelFor()\"\n      [id]=\"_labelId()\"\n      (click)=\"_onLabelClick()\"\n    >\n      {{ label() }}\n      @if (hint()) {\n        <mlv-hint>{{ hint() }}</mlv-hint>\n      }\n    </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div #surface class=\"mlv-editor__surface\">\n      <!--\n        Declared once and stamped by one outlet: before or after the viewport\n        for the docked bar (#416), so the DOM order is always the visual\n        order, with no CSS `order`; into the selection bubble's overlay for\n        the floating appearance (#483). Re-stamping re-creates the view, which\n        closes an open toolbar popup; projected slot content is re-attached.\n        Neither stamps anything while `readonly` (#498): no band, no reserved\n        space; `_toolbarRendered()` is the one switch.\n      -->\n      <ng-template #toolbarTemplate>\n        <div #toolbarBand class=\"mlv-editor__toolbar-band\">\n          <div\n            mlvEditorToolbarRoot\n            #toolbarRoot=\"mlvEditorToolbarRoot\"\n            class=\"mlv-editor__toolbar\"\n            [ariaLabel]=\"_toolbarAriaLabel()\"\n            [disabled]=\"computedDisabled()\"\n            [measureTarget]=\"surface\"\n          >\n            @if (_hasToolbarDef()) {\n              <ng-content select=\"[mlvEditorToolbar]\" />\n              @for (definition of _toolbarDefs(); track definition) {\n                @if (definition.templateRef; as toolbarTemplate) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"toolbarTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n                  />\n                }\n              }\n            } @else {\n              <ng-content select=\"[mlvEditorToolbarStart]\" />\n              @for (definition of _toolbarStartDefs(); track definition) {\n                @if (definition.templateRef; as startTemplate) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"startTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n                  />\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) {\n                @if (definition.templateRef; as endTemplate) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"endTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n                  />\n                }\n              }\n              <ng-content select=\"[mlvEditorToolbarEnd]\" />\n            }\n          </div>\n        </div>\n      </ng-template>\n\n      @if (_barRendered() && toolbarPosition() === 'top') {\n        <ng-container [ngTemplateOutlet]=\"toolbarTemplate\" />\n      }\n\n      <div #viewport class=\"mlv-editor__viewport\">\n        <div #view class=\"mlv-editor__view\">\n          <div #content class=\"mlv-editor__content\"></div>\n          <mlv-editor-table-controls [layer]=\"view\" />\n        </div>\n      </div>\n      @if (_barRendered() && toolbarPosition() === 'bottom') {\n        <ng-container [ngTemplateOutlet]=\"toolbarTemplate\" />\n      }\n      @if (toolbarAppearance() === 'floating') {\n        <ng-template mlvEditorBubble [viewport]=\"viewport\" [capped]=\"_capped()\">\n          @if (_toolbarRendered()) {\n            <ng-container [ngTemplateOutlet]=\"toolbarTemplate\" />\n          }\n        </ng-template>\n      }\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: ["@layer mlv.components{.mlv-editor{--mlv-editor-gutter: var(--mlv-spacing-6);--mlv-editor-measure: 45rem;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:clip;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-block-end:var(--mlv-stroke-width) solid var(--mlv-border-normal);background:var(--mlv-elevation-bg-3)}.mlv-editor__toolbar-band{display:flex;flex:0 0 auto;flex-direction:column;min-inline-size:0}.mlv-editor--toolbar-bottom .mlv-editor__toolbar{border-block-start:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-block-end:0}.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{flex:1 1 auto;min-block-size:var(--mlv-editor-min-height, 8rem)}.mlv-editor--capped .mlv-editor__surface{block-size:var(--mlv-editor-height, auto);max-block-size:var(--mlv-editor-max-height, none)}.mlv-editor--capped .mlv-editor__viewport{min-block-size:0;overflow:auto;overscroll-behavior:contain}.mlv-editor__view{position:relative;isolation:isolate;min-inline-size:100%;zoom:var(--mlv-editor-zoom, 1)}.mlv-editor--capped .mlv-editor__view{min-inline-size:0;inline-size:calc(100% * var(--mlv-editor-zoom, 1))}.mlv-editor__content{min-block-size:var(--mlv-editor-min-height, 8rem);padding-block:var(--mlv-spacing-2);padding-inline:var(--mlv-editor-gutter);border:0;outline:none}.mlv-editor--capped .mlv-editor__content{min-block-size:calc(var(--mlv-editor-min-height, 8rem) / var(--mlv-editor-zoom, 1))}.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(-50%);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__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:var(--mlv-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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}}.mlv-editor--toolbar-sticky.mlv-editor--toolbar-top .mlv-editor__toolbar-band{position:sticky;inset-block-start:var(--mlv-editor-toolbar-sticky-offset, 0);z-index:var(--mlv-z-raised)}.mlv-editor--toolbar-sticky.mlv-editor--toolbar-bottom .mlv-editor__toolbar-band{position:sticky;inset-block-end:var(--mlv-editor-toolbar-sticky-offset, 0);z-index:var(--mlv-z-raised)}.mlv-editor-bubble{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-bubble *{box-sizing:border-box}.mlv-editor-bubble .mlv-editor-toolbar__separator{flex:0 0 auto;min-height:var(--mlv-height-s);margin-inline:var(--mlv-spacing-1)}.mlv-editor-bubble .mlv-editor-toolbar__overflow,.mlv-editor-bubble .mlv-editor-undo-redo,.mlv-editor-bubble .mlv-editor-inline-marks,.mlv-editor-bubble .mlv-editor-block-insert{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-bubble mlv-editor-zoom,.mlv-editor-bubble mlv-editor-heading,.mlv-editor-bubble mlv-editor-list,.mlv-editor-bubble mlv-editor-text-color,.mlv-editor-bubble mlv-editor-highlight,.mlv-editor-bubble mlv-editor-alignment,.mlv-editor-bubble mlv-editor-link,.mlv-editor-bubble mlv-editor-table,.mlv-editor-bubble mlv-editor-image-upload{flex:0 0 auto}.mlv-editor-bubble{max-inline-size:calc(100vw - 2 * var(--mlv-spacing-2));border-radius:var(--mlv-radius-panel);background:var(--mlv-elevation-bg-4);box-shadow:var(--mlv-shadow-floating);color:var(--mlv-text-primary);animation:mlv-editor-bubble-enter var(--mlv-duration-fast) var(--mlv-ease-out)}.mlv-editor-bubble--hidden{visibility:hidden;animation:none}.mlv-editor-bubble .mlv-editor__toolbar-band{flex:1 1 auto;min-inline-size:0}.mlv-editor-bubble .mlv-editor__toolbar{border:0;border-radius:inherit;background:transparent}@keyframes mlv-editor-bubble-enter{0%{opacity:0}}@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-band,.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,.mlv-editor--capped .mlv-editor__viewport{overflow:visible;padding-block:0}.mlv-editor--capped .mlv-editor__surface{block-size:auto;max-block-size:none}.mlv-editor__view,.mlv-editor--capped .mlv-editor__view{zoom:1;inline-size:auto;min-inline-size:0}.mlv-editor__content,.mlv-editor--capped .mlv-editor__content,.mlv-editor .ProseMirror{min-block-size:0;padding:0}.mlv-editor table{break-inside:avoid}}@media print{.mlv-editor-bubble{display:none}}@media(hover:none){.mlv-editor__block-handle{display:none}}@media(prefers-reduced-motion:reduce){.mlv-editor .mlv-form-control-wrapper__control-container,.mlv-editor__block-handle,.mlv-editor__drop-indicator,.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-bubble{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-accent-1-pale);opacity:.9;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}}\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", "measureTarget"], 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: MlvEditorTableControls, selector: "mlv-editor-table-controls", inputs: ["layer"] }, { kind: "component", type: MlvEditorAlignment, selector: "mlv-editor-alignment" }, { kind: "component", type: MlvEditorBlockInsert, selector: "mlv-editor-block-insert" }, { kind: "directive", type: MlvEditorBubble, selector: "ng-template[mlvEditorBubble]", inputs: ["viewport", "capped"] }, { 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MlvEditor, decorators: [{
             type: Component,
             args: [{ selector: 'mlv-editor', imports: [
                         MlvFormControlWrapper,
@@ -10147,6 +11620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         MlvEditorTableControls,
                         MlvEditorAlignment,
                         MlvEditorBlockInsert,
+                        MlvEditorBubble,
                         MlvSpacer,
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         MlvEditorOverlayRegistry,
@@ -10213,11 +11687,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '[class.mlv-editor--disabled]': 'computedDisabled()',
                         '[class.mlv-editor--readonly]': 'readonly()',
                         '[class.mlv-editor--focused]': 'focused()',
+                        '[class.mlv-editor--capped]': '_capped()',
+                        '[class.mlv-editor--toolbar-top]': 'toolbarPosition() === "top"',
+                        '[class.mlv-editor--toolbar-bottom]': 'toolbarPosition() === "bottom"',
+                        '[class.mlv-editor--toolbar-bar]': 'toolbarAppearance() === "bar"',
+                        '[class.mlv-editor--toolbar-floating]': 'toolbarAppearance() === "floating"',
+                        '[class.mlv-editor--toolbar-sticky]': '_stickyToolbar()',
                         '[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          <mlv-editor-table-controls [layer]=\"view\" />\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: ["@layer mlv.components{.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:var(--mlv-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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 }] }] } });
+                        '[style.--mlv-editor-height]': '_heightStyle()',
+                        '[style.--mlv-editor-min-height]': '_minHeightStyle()',
+                        '[style.--mlv-editor-max-height]': '_maxHeightStyle()',
+                    }, template: "<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n    <mlv-label\n      [for]=\"_ownLabelFor()\"\n      [id]=\"_labelId()\"\n      (click)=\"_onLabelClick()\"\n    >\n      {{ label() }}\n      @if (hint()) {\n        <mlv-hint>{{ hint() }}</mlv-hint>\n      }\n    </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div #surface class=\"mlv-editor__surface\">\n      <!--\n        Declared once and stamped by one outlet: before or after the viewport\n        for the docked bar (#416), so the DOM order is always the visual\n        order, with no CSS `order`; into the selection bubble's overlay for\n        the floating appearance (#483). Re-stamping re-creates the view, which\n        closes an open toolbar popup; projected slot content is re-attached.\n        Neither stamps anything while `readonly` (#498): no band, no reserved\n        space; `_toolbarRendered()` is the one switch.\n      -->\n      <ng-template #toolbarTemplate>\n        <div #toolbarBand class=\"mlv-editor__toolbar-band\">\n          <div\n            mlvEditorToolbarRoot\n            #toolbarRoot=\"mlvEditorToolbarRoot\"\n            class=\"mlv-editor__toolbar\"\n            [ariaLabel]=\"_toolbarAriaLabel()\"\n            [disabled]=\"computedDisabled()\"\n            [measureTarget]=\"surface\"\n          >\n            @if (_hasToolbarDef()) {\n              <ng-content select=\"[mlvEditorToolbar]\" />\n              @for (definition of _toolbarDefs(); track definition) {\n                @if (definition.templateRef; as toolbarTemplate) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"toolbarTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n                  />\n                }\n              }\n            } @else {\n              <ng-content select=\"[mlvEditorToolbarStart]\" />\n              @for (definition of _toolbarStartDefs(); track definition) {\n                @if (definition.templateRef; as startTemplate) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"startTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n                  />\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) {\n                @if (definition.templateRef; as endTemplate) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"endTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: _toolbarContext }\"\n                  />\n                }\n              }\n              <ng-content select=\"[mlvEditorToolbarEnd]\" />\n            }\n          </div>\n        </div>\n      </ng-template>\n\n      @if (_barRendered() && toolbarPosition() === 'top') {\n        <ng-container [ngTemplateOutlet]=\"toolbarTemplate\" />\n      }\n\n      <div #viewport class=\"mlv-editor__viewport\">\n        <div #view class=\"mlv-editor__view\">\n          <div #content class=\"mlv-editor__content\"></div>\n          <mlv-editor-table-controls [layer]=\"view\" />\n        </div>\n      </div>\n      @if (_barRendered() && toolbarPosition() === 'bottom') {\n        <ng-container [ngTemplateOutlet]=\"toolbarTemplate\" />\n      }\n      @if (toolbarAppearance() === 'floating') {\n        <ng-template mlvEditorBubble [viewport]=\"viewport\" [capped]=\"_capped()\">\n          @if (_toolbarRendered()) {\n            <ng-container [ngTemplateOutlet]=\"toolbarTemplate\" />\n          }\n        </ng-template>\n      }\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: ["@layer mlv.components{.mlv-editor{--mlv-editor-gutter: var(--mlv-spacing-6);--mlv-editor-measure: 45rem;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:clip;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-block-end:var(--mlv-stroke-width) solid var(--mlv-border-normal);background:var(--mlv-elevation-bg-3)}.mlv-editor__toolbar-band{display:flex;flex:0 0 auto;flex-direction:column;min-inline-size:0}.mlv-editor--toolbar-bottom .mlv-editor__toolbar{border-block-start:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-block-end:0}.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{flex:1 1 auto;min-block-size:var(--mlv-editor-min-height, 8rem)}.mlv-editor--capped .mlv-editor__surface{block-size:var(--mlv-editor-height, auto);max-block-size:var(--mlv-editor-max-height, none)}.mlv-editor--capped .mlv-editor__viewport{min-block-size:0;overflow:auto;overscroll-behavior:contain}.mlv-editor__view{position:relative;isolation:isolate;min-inline-size:100%;zoom:var(--mlv-editor-zoom, 1)}.mlv-editor--capped .mlv-editor__view{min-inline-size:0;inline-size:calc(100% * var(--mlv-editor-zoom, 1))}.mlv-editor__content{min-block-size:var(--mlv-editor-min-height, 8rem);padding-block:var(--mlv-spacing-2);padding-inline:var(--mlv-editor-gutter);border:0;outline:none}.mlv-editor--capped .mlv-editor__content{min-block-size:calc(var(--mlv-editor-min-height, 8rem) / var(--mlv-editor-zoom, 1))}.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(-50%);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__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:var(--mlv-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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-focus-ring-offset)}.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}}.mlv-editor--toolbar-sticky.mlv-editor--toolbar-top .mlv-editor__toolbar-band{position:sticky;inset-block-start:var(--mlv-editor-toolbar-sticky-offset, 0);z-index:var(--mlv-z-raised)}.mlv-editor--toolbar-sticky.mlv-editor--toolbar-bottom .mlv-editor__toolbar-band{position:sticky;inset-block-end:var(--mlv-editor-toolbar-sticky-offset, 0);z-index:var(--mlv-z-raised)}.mlv-editor-bubble{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-bubble *{box-sizing:border-box}.mlv-editor-bubble .mlv-editor-toolbar__separator{flex:0 0 auto;min-height:var(--mlv-height-s);margin-inline:var(--mlv-spacing-1)}.mlv-editor-bubble .mlv-editor-toolbar__overflow,.mlv-editor-bubble .mlv-editor-undo-redo,.mlv-editor-bubble .mlv-editor-inline-marks,.mlv-editor-bubble .mlv-editor-block-insert{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--mlv-spacing-1)}.mlv-editor-bubble mlv-editor-zoom,.mlv-editor-bubble mlv-editor-heading,.mlv-editor-bubble mlv-editor-list,.mlv-editor-bubble mlv-editor-text-color,.mlv-editor-bubble mlv-editor-highlight,.mlv-editor-bubble mlv-editor-alignment,.mlv-editor-bubble mlv-editor-link,.mlv-editor-bubble mlv-editor-table,.mlv-editor-bubble mlv-editor-image-upload{flex:0 0 auto}.mlv-editor-bubble{max-inline-size:calc(100vw - 2 * var(--mlv-spacing-2));border-radius:var(--mlv-radius-panel);background:var(--mlv-elevation-bg-4);box-shadow:var(--mlv-shadow-floating);color:var(--mlv-text-primary);animation:mlv-editor-bubble-enter var(--mlv-duration-fast) var(--mlv-ease-out)}.mlv-editor-bubble--hidden{visibility:hidden;animation:none}.mlv-editor-bubble .mlv-editor__toolbar-band{flex:1 1 auto;min-inline-size:0}.mlv-editor-bubble .mlv-editor__toolbar{border:0;border-radius:inherit;background:transparent}@keyframes mlv-editor-bubble-enter{0%{opacity:0}}@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-band,.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,.mlv-editor--capped .mlv-editor__viewport{overflow:visible;padding-block:0}.mlv-editor--capped .mlv-editor__surface{block-size:auto;max-block-size:none}.mlv-editor__view,.mlv-editor--capped .mlv-editor__view{zoom:1;inline-size:auto;min-inline-size:0}.mlv-editor__content,.mlv-editor--capped .mlv-editor__content,.mlv-editor .ProseMirror{min-block-size:0;padding:0}.mlv-editor table{break-inside:avoid}}@media print{.mlv-editor-bubble{display:none}}@media(hover:none){.mlv-editor__block-handle{display:none}}@media(prefers-reduced-motion:reduce){.mlv-editor .mlv-form-control-wrapper__control-container,.mlv-editor__block-handle,.mlv-editor__drop-indicator,.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-bubble{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-accent-1-pale);opacity:.9;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}}\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 }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], toolbarPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarPosition", required: false }] }], toolbarAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarAppearance", required: false }] }], toolbarSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarSticky", 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 }] }], _toolbarBand: [{ type: i0.ViewChild, args: ['toolbarBand', { 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 }] }] } });
 
 /**
  * Generated bundle index. Do not edit.