@malva-ui/editor 0.1.13 → 0.1.14

package/esm2022/lib/toolbar/editor-alignment.js

@@ -1,203 +0,0 @@
-import { DOCUMENT } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, inject, ViewEncapsulation, viewChild, } from '@angular/core';
-import { LucideAlignLeft } from '@lucide/angular';
-import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvListItem } from '@malva-ui/core/list';
-import { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';
-import { MlvTooltip } from '@malva-ui/core/tooltip';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MLV_EDITOR_OVERLAY_REGISTRY, MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, } from '../editor-toolbar-context';
-import { MlvEditorToolbarWidget } from './editor-toolbar-widget';
-import * as i0 from "@angular/core";
-/** Left, center, right, and justified paragraph alignment commands in a menu. */
-export class MlvEditorAlignment {
-    /** @protected Editor command state. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Per-editor state invalidation signal. */
-    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);
-    /** @private The editor-owned overlay registry. */
-    _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);
-    /** @private Document used to resolve the public menu panel id. */
-    _document = inject(DOCUMENT);
-    /** @private Removes a pending or active overlay registration. */
-    _destroyRef = inject(DestroyRef);
-    /** @private Optional localized editor copy. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Rendered Malva menu. */
-    _menu = viewChild.required('_menu', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_menu" }] : /* istanbul ignore next */ []));
-    /** @protected Trigger owning the menu overlay. */
-    _trigger = viewChild.required(MlvMenuTrigger, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_trigger" }] : /* istanbul ignore next */ []));
-    /** @private Tears down the active panel registration. */
-    _unregister;
-    /** @private Guards queued registration after a quick close or destroy. */
-    _menuOpen = false;
-    /** @protected Supported alignments in visual order. */
-    _alignments = [
-        'left',
-        'center',
-        'right',
-        'justify',
-    ];
-    /** @protected Resolved localized copy. */
-    _copy() {
-        const copy = this._i18n?.();
-        return {
-            alignment: copy?.alignment ?? 'Alignment',
-            left: copy?.alignLeft ?? 'Align left',
-            center: copy?.alignCenter ?? 'Align center',
-            right: copy?.alignRight ?? 'Align right',
-            justify: copy?.alignJustify ?? 'Justify',
-        };
-    }
-    constructor() {
-        this._destroyRef.onDestroy(() => this._unregisterOverlay());
-    }
-    /** @protected Resolves a translated alignment label. */
-    _label(alignment) {
-        return this._copy()[alignment];
-    }
-    /** @protected Current alignment, with left as the semantic default. */
-    _activeAlignment() {
-        return (this._alignments.find((alignment) => this._isActive(alignment)) ?? 'left');
-    }
-    /** @protected Whether the current selection has this alignment. */
-    _isActive(alignment) {
-        return (this._context.isActive('paragraph', { textAlign: alignment }) ||
-            this._context.isActive('heading', { textAlign: alignment }));
-    }
-    /** @protected Whether alignment is registered by the active extension set. */
-    _supported() {
-        this._revision();
-        return this._context.editor()?.commands.setTextAlign !== undefined;
-    }
-    /** @protected Whether the menu trigger cannot be opened. */
-    _triggerDisabled() {
-        return (!this._supported() || this._context.disabled() || this._context.readonly());
-    }
-    /** @protected Whether an alignment cannot be applied at the current selection. */
-    _disabled(alignment) {
-        this._revision();
-        return (this._triggerDisabled() || !this._context.can(this._canAlign(alignment)));
-    }
-    /** @private Checks whether alignment can be applied without changing focus or selection. */
-    _canAlign(alignment) {
-        return (editor) => editor.can().chain().setTextAlign(alignment).run();
-    }
-    /** @protected Alignment command factory. */
-    _align(alignment) {
-        return (editor) => editor.chain().focus().setTextAlign(alignment).run();
-    }
-    /** @protected Runs a selection-restoring alignment command. */
-    _run(alignment) {
-        const command = this._align(alignment);
-        this._context.run(command);
-    }
-    /** @protected Registers the portaled panel as editor-owned focus. */
-    _registerOverlay() {
-        this._menuOpen = true;
-        queueMicrotask(() => {
-            if (!this._menuOpen)
-                return;
-            const panel = this._document.getElementById(this._menu().panelId);
-            if (!panel)
-                return;
-            this._unregister?.();
-            this._unregister = this._overlays.register(panel, () => this._trigger().close());
-        });
-    }
-    /** @protected Removes menu-panel focus ownership after close. */
-    _unregisterOverlay() {
-        this._menuOpen = false;
-        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: `
-    <button
-      mlvButton
-      mlvEditorToolbarWidget
-      type="button"
-      shape="square"
-      mlvDensity="tight"
-      variant="transparent"
-      [disabled]="_triggerDisabled()"
-      [mlvMenuTrigger]="_menu"
-      [menuTriggerDisabled]="_triggerDisabled()"
-      [attr.aria-label]="_copy().alignment"
-      [mlvTooltip]="_label(_activeAlignment())"
-      (menuOpened)="_registerOverlay()"
-      (menuClosed)="_unregisterOverlay()"
-    >
-      <svg mlvButtonIcon lucideAlignLeft aria-hidden="true" />
-    </button>
-    <mlv-menu #_menu [label]="_copy().alignment">
-      @for (alignment of _alignments; track alignment) {
-        <mlv-list-item
-          mlvMenuItem
-          [disabled]="_disabled(alignment)"
-          [attr.aria-current]="_isActive(alignment) ? 'true' : null"
-          (itemClick)="_run(alignment)"
-        >
-          {{ _label(alignment) }}
-        </mlv-list-item>
-      }
-    </mlv-menu>
-  `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { 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"], 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: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-alignment',
-                    imports: [
-                        MlvButton,
-                        MlvButtonIcon,
-                        MlvTooltip,
-                        LucideAlignLeft,
-                        MlvListItem,
-                        MlvMenu,
-                        MlvMenuItem,
-                        MlvMenuTrigger,
-                        MlvEditorToolbarWidget,
-                    ],
-                    template: `
-    <button
-      mlvButton
-      mlvEditorToolbarWidget
-      type="button"
-      shape="square"
-      mlvDensity="tight"
-      variant="transparent"
-      [disabled]="_triggerDisabled()"
-      [mlvMenuTrigger]="_menu"
-      [menuTriggerDisabled]="_triggerDisabled()"
-      [attr.aria-label]="_copy().alignment"
-      [mlvTooltip]="_label(_activeAlignment())"
-      (menuOpened)="_registerOverlay()"
-      (menuClosed)="_unregisterOverlay()"
-    >
-      <svg mlvButtonIcon lucideAlignLeft aria-hidden="true" />
-    </button>
-    <mlv-menu #_menu [label]="_copy().alignment">
-      @for (alignment of _alignments; track alignment) {
-        <mlv-list-item
-          mlvMenuItem
-          [disabled]="_disabled(alignment)"
-          [attr.aria-current]="_isActive(alignment) ? 'true' : null"
-          (itemClick)="_run(alignment)"
-        >
-          {{ _label(alignment) }}
-        </mlv-list-item>
-      }
-    </mlv-menu>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        class: 'mlv-editor-alignment',
-                        '[hidden]': '!_supported()',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { _menu: [{ type: i0.ViewChild, args: ['_menu', { isSignal: true }] }], _trigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MlvMenuTrigger), { isSignal: true }] }] } });
-//# sourceMappingURL=editor-alignment.js.map

package/esm2022/lib/toolbar/editor-alignment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-alignment.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-alignment.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  inject,\n  ViewEncapsulation,\n  viewChild,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { LucideAlignLeft } from '@lucide/angular';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvListItem } from '@malva-ui/core/list';\nimport { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';\nimport { MlvTooltip } from '@malva-ui/core/tooltip';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport {\n  MLV_EDITOR_OVERLAY_REGISTRY,\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport type { MlvEditorOverlayRegistry } from '../editor-toolbar-context';\nimport { MlvEditorToolbarWidget } from './editor-toolbar-widget';\n\n/** Left, center, right, and justified paragraph alignment commands in a menu. */\n@Component({\n  selector: 'mlv-editor-alignment',\n  imports: [\n    MlvButton,\n    MlvButtonIcon,\n    MlvTooltip,\n    LucideAlignLeft,\n    MlvListItem,\n    MlvMenu,\n    MlvMenuItem,\n    MlvMenuTrigger,\n    MlvEditorToolbarWidget,\n  ],\n  template: `\n    <button\n      mlvButton\n      mlvEditorToolbarWidget\n      type=\"button\"\n      shape=\"square\"\n      mlvDensity=\"tight\"\n      variant=\"transparent\"\n      [disabled]=\"_triggerDisabled()\"\n      [mlvMenuTrigger]=\"_menu\"\n      [menuTriggerDisabled]=\"_triggerDisabled()\"\n      [attr.aria-label]=\"_copy().alignment\"\n      [mlvTooltip]=\"_label(_activeAlignment())\"\n      (menuOpened)=\"_registerOverlay()\"\n      (menuClosed)=\"_unregisterOverlay()\"\n    >\n      <svg mlvButtonIcon lucideAlignLeft aria-hidden=\"true\" />\n    </button>\n    <mlv-menu #_menu [label]=\"_copy().alignment\">\n      @for (alignment of _alignments; track alignment) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_disabled(alignment)\"\n          [attr.aria-current]=\"_isActive(alignment) ? 'true' : null\"\n          (itemClick)=\"_run(alignment)\"\n        >\n          {{ _label(alignment) }}\n        </mlv-list-item>\n      }\n    </mlv-menu>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-alignment',\n    '[hidden]': '!_supported()',\n  },\n})\nexport class MlvEditorAlignment {\n  /** @protected Editor command state. */\n  protected readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @private Per-editor state invalidation signal. */\n  private readonly _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);\n\n  /** @private The editor-owned overlay registry. */\n  private readonly _overlays = inject<MlvEditorOverlayRegistry>(\n    MLV_EDITOR_OVERLAY_REGISTRY,\n  );\n\n  /** @private Document used to resolve the public menu panel id. */\n  private readonly _document = inject(DOCUMENT);\n\n  /** @private Removes a pending or active overlay registration. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  /** @private Optional localized editor copy. */\n  private readonly _i18n = inject(MLV_EDITOR_I18N, { optional: true });\n\n  /** @protected Rendered Malva menu. */\n  protected readonly _menu = viewChild.required<MlvMenu>('_menu');\n\n  /** @protected Trigger owning the menu overlay. */\n  protected readonly _trigger = viewChild.required(MlvMenuTrigger);\n\n  /** @private Tears down the active panel registration. */\n  private _unregister: (() => void) | undefined;\n\n  /** @private Guards queued registration after a quick close or destroy. */\n  private _menuOpen = false;\n\n  /** @protected Supported alignments in visual order. */\n  protected readonly _alignments = [\n    'left',\n    'center',\n    'right',\n    'justify',\n  ] as const;\n\n  /** @protected Resolved localized copy. */\n  protected _copy(): {\n    alignment: string;\n    left: string;\n    center: string;\n    right: string;\n    justify: string;\n  } {\n    const copy = this._i18n?.();\n    return {\n      alignment: copy?.alignment ?? 'Alignment',\n      left: copy?.alignLeft ?? 'Align left',\n      center: copy?.alignCenter ?? 'Align center',\n      right: copy?.alignRight ?? 'Align right',\n      justify: copy?.alignJustify ?? 'Justify',\n    };\n  }\n\n  constructor() {\n    this._destroyRef.onDestroy(() => this._unregisterOverlay());\n  }\n\n  /** @protected Resolves a translated alignment label. */\n  protected _label(alignment: (typeof this._alignments)[number]): string {\n    return this._copy()[alignment];\n  }\n\n  /** @protected Current alignment, with left as the semantic default. */\n  protected _activeAlignment(): (typeof this._alignments)[number] {\n    return (\n      this._alignments.find((alignment) => this._isActive(alignment)) ?? 'left'\n    );\n  }\n\n  /** @protected Whether the current selection has this alignment. */\n  protected _isActive(alignment: (typeof this._alignments)[number]): boolean {\n    return (\n      this._context.isActive('paragraph', { textAlign: alignment }) ||\n      this._context.isActive('heading', { textAlign: alignment })\n    );\n  }\n\n  /** @protected Whether alignment is registered by the active extension set. */\n  protected _supported(): boolean {\n    this._revision();\n    return this._context.editor()?.commands.setTextAlign !== undefined;\n  }\n\n  /** @protected Whether the menu trigger cannot be opened. */\n  protected _triggerDisabled(): boolean {\n    return (\n      !this._supported() || this._context.disabled() || this._context.readonly()\n    );\n  }\n\n  /** @protected Whether an alignment cannot be applied at the current selection. */\n  protected _disabled(alignment: (typeof this._alignments)[number]): boolean {\n    this._revision();\n    return (\n      this._triggerDisabled() || !this._context.can(this._canAlign(alignment))\n    );\n  }\n\n  /** @private Checks whether alignment can be applied without changing focus or selection. */\n  private _canAlign(\n    alignment: (typeof this._alignments)[number],\n  ): (editor: Editor) => boolean {\n    return (editor) => editor.can().chain().setTextAlign(alignment).run();\n  }\n\n  /** @protected Alignment command factory. */\n  protected _align(\n    alignment: (typeof this._alignments)[number],\n  ): (editor: Editor) => boolean {\n    return (editor) => editor.chain().focus().setTextAlign(alignment).run();\n  }\n\n  /** @protected Runs a selection-restoring alignment command. */\n  protected _run(alignment: (typeof this._alignments)[number]): void {\n    const command = this._align(alignment);\n    this._context.run(command);\n  }\n\n  /** @protected Registers the portaled panel as editor-owned focus. */\n  protected _registerOverlay(): void {\n    this._menuOpen = true;\n    queueMicrotask(() => {\n      if (!this._menuOpen) return;\n      const panel = this._document.getElementById(this._menu().panelId);\n      if (!panel) return;\n      this._unregister?.();\n      this._unregister = this._overlays.register(panel, () =>\n        this._trigger().close(),\n      );\n    });\n  }\n\n  /** @protected Removes menu-panel focus ownership after close. */\n  protected _unregisterOverlay(): void {\n    this._menuOpen = false;\n    this._unregister?.();\n    this._unregister = undefined;\n  }\n}\n"]}

package/esm2022/lib/toolbar/editor-block-insert.js

@@ -1,101 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation, } from '@angular/core';
-import { LucideCode2, LucideMinus, LucideTextQuote } from '@lucide/angular';
-import { MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, } from '../editor-toolbar-context';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MlvEditorCommandButton } from './editor-command-button';
-import { MlvButtonIcon } from '@malva-ui/core/button';
-import * as i0 from "@angular/core";
-/** Blockquote and code-block toggles plus horizontal-rule insertion. */
-export class MlvEditorBlockInsert {
-    /** @protected Editor command state. */ _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Triggers active-state refreshes after editor events. */ _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);
-    /** @private Optional localized copy. */ _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Resolved labels. */ _copy = computed(() => ({
-        blockquote: this._i18n?.().blockquote ?? 'Blockquote',
-        codeBlock: this._i18n?.().codeBlock ?? 'Code block',
-        horizontalRule: this._i18n?.().horizontalRule ?? 'Horizontal rule',
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    /** @protected Registered blockquote command. */ _canBlockquote = (editor) => editor.commands.toggleBlockquote !== undefined;
-    /** @protected Current blockquote command availability. */ _canBlockquoteNow = (editor) => editor.can().chain().toggleBlockquote().run();
-    /** @protected Registered code-block command. */ _canCodeBlock = (editor) => editor.commands.toggleCodeBlock !== undefined;
-    /** @protected Current code-block command availability. */ _canCodeBlockNow = (editor) => editor.can().chain().toggleCodeBlock().run();
-    /** @protected Registered horizontal-rule command. */ _canHorizontalRule = (editor) => editor.commands.setHorizontalRule !== undefined;
-    /** @protected Current horizontal-rule command availability. */ _canHorizontalRuleNow = (editor) => editor.can().chain().setHorizontalRule().run();
-    /** @protected Blockquote command. */ _blockquote = (editor) => editor.chain().focus().toggleBlockquote().run();
-    /** @protected Code-block command. */ _codeBlock = (editor) => editor.chain().focus().toggleCodeBlock().run();
-    /** @protected Horizontal-rule command. */ _horizontalRule = (editor) => editor.chain().focus().setHorizontalRule().run();
-    /** @protected Reads command state after the toolbar receives an editor update. */
-    _isActive = (name) => {
-        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: `
-    <mlv-editor-command-button
-      [label]="_copy().blockquote"
-      [pressed]="_isActive('blockquote')"
-      [supports]="_canBlockquote"
-      [canCommand]="_canBlockquoteNow"
-      [command]="_blockquote"
-      ><svg mlvButtonIcon lucideTextQuote
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().codeBlock"
-      [pressed]="_isActive('codeBlock')"
-      [supports]="_canCodeBlock"
-      [canCommand]="_canCodeBlockNow"
-      [command]="_codeBlock"
-      ><svg mlvButtonIcon lucideCode2
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().horizontalRule"
-      [supports]="_canHorizontalRule"
-      [canCommand]="_canHorizontalRuleNow"
-      [command]="_horizontalRule"
-      ><svg mlvButtonIcon lucideMinus
-    /></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: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-block-insert',
-                    imports: [
-                        MlvEditorCommandButton,
-                        LucideCode2,
-                        LucideMinus,
-                        LucideTextQuote,
-                        MlvButtonIcon,
-                    ],
-                    template: `
-    <mlv-editor-command-button
-      [label]="_copy().blockquote"
-      [pressed]="_isActive('blockquote')"
-      [supports]="_canBlockquote"
-      [canCommand]="_canBlockquoteNow"
-      [command]="_blockquote"
-      ><svg mlvButtonIcon lucideTextQuote
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().codeBlock"
-      [pressed]="_isActive('codeBlock')"
-      [supports]="_canCodeBlock"
-      [canCommand]="_canCodeBlockNow"
-      [command]="_codeBlock"
-      ><svg mlvButtonIcon lucideCode2
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().horizontalRule"
-      [supports]="_canHorizontalRule"
-      [canCommand]="_canHorizontalRuleNow"
-      [command]="_horizontalRule"
-      ><svg mlvButtonIcon lucideMinus
-    /></mlv-editor-command-button>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { class: 'mlv-editor-block-insert', role: 'group' },
-                }]
-        }] });
-//# sourceMappingURL=editor-block-insert.js.map

package/esm2022/lib/toolbar/editor-block-insert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-block-insert.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-block-insert.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { LucideCode2, LucideMinus, LucideTextQuote } from '@lucide/angular';\nimport {\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport { MlvEditorCommandButton } from './editor-command-button';\nimport { MlvButtonIcon } from '@malva-ui/core/button';\n\n/** Blockquote and code-block toggles plus horizontal-rule insertion. */\n@Component({\n  selector: 'mlv-editor-block-insert',\n  imports: [\n    MlvEditorCommandButton,\n    LucideCode2,\n    LucideMinus,\n    LucideTextQuote,\n    MlvButtonIcon,\n  ],\n  template: `\n    <mlv-editor-command-button\n      [label]=\"_copy().blockquote\"\n      [pressed]=\"_isActive('blockquote')\"\n      [supports]=\"_canBlockquote\"\n      [canCommand]=\"_canBlockquoteNow\"\n      [command]=\"_blockquote\"\n      ><svg mlvButtonIcon lucideTextQuote\n    /></mlv-editor-command-button>\n    <mlv-editor-command-button\n      [label]=\"_copy().codeBlock\"\n      [pressed]=\"_isActive('codeBlock')\"\n      [supports]=\"_canCodeBlock\"\n      [canCommand]=\"_canCodeBlockNow\"\n      [command]=\"_codeBlock\"\n      ><svg mlvButtonIcon lucideCode2\n    /></mlv-editor-command-button>\n    <mlv-editor-command-button\n      [label]=\"_copy().horizontalRule\"\n      [supports]=\"_canHorizontalRule\"\n      [canCommand]=\"_canHorizontalRuleNow\"\n      [command]=\"_horizontalRule\"\n      ><svg mlvButtonIcon lucideMinus\n    /></mlv-editor-command-button>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mlv-editor-block-insert', role: 'group' },\n})\nexport class MlvEditorBlockInsert {\n  /** @protected Editor command state. */ protected readonly _context = inject(\n    MLV_EDITOR_TOOLBAR_CONTEXT,\n  );\n  /** @private Triggers active-state refreshes after editor events. */ private readonly _revision =\n    inject(MLV_EDITOR_TOOLBAR_REVISION);\n  /** @private Optional localized copy. */ private readonly _i18n = inject(\n    MLV_EDITOR_I18N,\n    { optional: true },\n  );\n  /** @protected Resolved labels. */ protected readonly _copy = computed(\n    () => ({\n      blockquote: this._i18n?.().blockquote ?? 'Blockquote',\n      codeBlock: this._i18n?.().codeBlock ?? 'Code block',\n      horizontalRule: this._i18n?.().horizontalRule ?? 'Horizontal rule',\n    }),\n  );\n  /** @protected Registered blockquote command. */ protected readonly _canBlockquote =\n    (editor: Editor): boolean => editor.commands.toggleBlockquote !== undefined;\n  /** @protected Current blockquote command availability. */ protected readonly _canBlockquoteNow =\n    (editor: Editor): boolean => editor.can().chain().toggleBlockquote().run();\n  /** @protected Registered code-block command. */ protected readonly _canCodeBlock =\n    (editor: Editor): boolean => editor.commands.toggleCodeBlock !== undefined;\n  /** @protected Current code-block command availability. */ protected readonly _canCodeBlockNow =\n    (editor: Editor): boolean => editor.can().chain().toggleCodeBlock().run();\n  /** @protected Registered horizontal-rule command. */ protected readonly _canHorizontalRule =\n    (editor: Editor): boolean =>\n      editor.commands.setHorizontalRule !== undefined;\n  /** @protected Current horizontal-rule command availability. */ protected readonly _canHorizontalRuleNow =\n    (editor: Editor): boolean => editor.can().chain().setHorizontalRule().run();\n  /** @protected Blockquote command. */ protected readonly _blockquote = (\n    editor: Editor,\n  ): boolean => editor.chain().focus().toggleBlockquote().run();\n  /** @protected Code-block command. */ protected readonly _codeBlock = (\n    editor: Editor,\n  ): boolean => editor.chain().focus().toggleCodeBlock().run();\n  /** @protected Horizontal-rule command. */ protected readonly _horizontalRule =\n    (editor: Editor): boolean =>\n      editor.chain().focus().setHorizontalRule().run();\n\n  /** @protected Reads command state after the toolbar receives an editor update. */\n  protected readonly _isActive = (\n    name: 'blockquote' | 'codeBlock',\n  ): boolean => {\n    this._revision();\n    return this._context.isActive(name);\n  };\n}\n"]}

package/esm2022/lib/toolbar/editor-color-control.js

@@ -1,71 +0,0 @@
-import { Directive, effect, inject, untracked, viewChild } from '@angular/core';
-import { MLV_EDITOR_OVERLAY_REGISTRY, MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, MLV_EDITOR_TOOLBAR_ROVING, } from '../editor-toolbar-context';
-import * as i0 from "@angular/core";
-/** @internal Shared selection, roving, and overlay lifecycle for colour controls. */
-export class MlvEditorColorControl {
-    /** @protected Editor-scoped command and state boundary. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @protected Reactive toolbar invalidation state. */
-    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {
-        optional: true,
-    });
-    /** @protected Public color-picker composition surface. */
-    _picker = viewChild.required('picker', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_picker" }] : /* istanbul ignore next */ []));
-    /** @private Editor toolbar roving-focus owner. */
-    _roving = inject(MLV_EDITOR_TOOLBAR_ROVING);
-    /** @private Editor composite detached-overlay owner. */
-    _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);
-    /** @private ProseMirror selection retained while focus is inside the picker. */
-    _selection = null;
-    constructor() {
-        effect((onCleanup) => {
-            const trigger = this._picker().triggerElement();
-            if (!trigger)
-                return;
-            const activate = () => this._roving.activate(trigger);
-            trigger.addEventListener('focus', activate);
-            trigger.addEventListener('pointerdown', activate);
-            const unregister = untracked(() => this._roving.register(trigger));
-            onCleanup(() => {
-                unregister();
-                trigger.removeEventListener('focus', activate);
-                trigger.removeEventListener('pointerdown', activate);
-            });
-        });
-        effect(() => {
-            const trigger = this._picker().triggerElement();
-            if (trigger)
-                trigger.tabIndex = this._roving.isActive(trigger) ? 0 : -1;
-        });
-        effect((onCleanup) => {
-            const panel = this._picker().panelElement();
-            if (!panel)
-                return;
-            const unregister = this._overlays.register(panel, () => this._picker().opened.set(false));
-            onCleanup(unregister);
-        });
-    }
-    /** @protected Snapshots the document selection at open intent. */
-    _onOpenedChange(opened) {
-        if (!opened)
-            return;
-        const selection = this._context.editor()?.state.selection;
-        this._selection = selection
-            ? { from: selection.from, to: selection.to }
-            : null;
-    }
-    /** @protected Restores the snapshot and delegates the distinct colour command. */
-    _apply(color) {
-        const selection = this._selection;
-        if (!selection)
-            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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorColorControl, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [], propDecorators: { _picker: [{ type: i0.ViewChild, args: ['picker', { isSignal: true }] }] } });
-//# sourceMappingURL=editor-color-control.js.map

package/esm2022/lib/toolbar/editor-color-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-color-control.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-color-control.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, effect, inject, untracked, viewChild } from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport type { MlvColorPickerPopup } from '@malva-ui/core/color-picker';\nimport {\n  MLV_EDITOR_OVERLAY_REGISTRY,\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n  MLV_EDITOR_TOOLBAR_ROVING,\n} from '../editor-toolbar-context';\n\ninterface EditorSelectionRange {\n  readonly from: number;\n  readonly to: number;\n}\n\n/** @internal Shared selection, roving, and overlay lifecycle for colour controls. */\n@Directive()\nexport abstract class MlvEditorColorControl {\n  /** @protected Editor-scoped command and state boundary. */\n  protected readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @protected Reactive toolbar invalidation state. */\n  protected readonly _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {\n    optional: true,\n  });\n\n  /** @protected Public color-picker composition surface. */\n  protected readonly _picker =\n    viewChild.required<MlvColorPickerPopup>('picker');\n\n  /** @private Editor toolbar roving-focus owner. */\n  private readonly _roving = inject(MLV_EDITOR_TOOLBAR_ROVING);\n\n  /** @private Editor composite detached-overlay owner. */\n  private readonly _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);\n\n  /** @private ProseMirror selection retained while focus is inside the picker. */\n  private _selection: EditorSelectionRange | null = null;\n\n  constructor() {\n    effect((onCleanup) => {\n      const trigger = this._picker().triggerElement();\n      if (!trigger) return;\n      const activate = () => this._roving.activate(trigger);\n      trigger.addEventListener('focus', activate);\n      trigger.addEventListener('pointerdown', activate);\n      const unregister = untracked(() => this._roving.register(trigger));\n      onCleanup(() => {\n        unregister();\n        trigger.removeEventListener('focus', activate);\n        trigger.removeEventListener('pointerdown', activate);\n      });\n    });\n\n    effect(() => {\n      const trigger = this._picker().triggerElement();\n      if (trigger) trigger.tabIndex = this._roving.isActive(trigger) ? 0 : -1;\n    });\n\n    effect((onCleanup) => {\n      const panel = this._picker().panelElement();\n      if (!panel) return;\n      const unregister = this._overlays.register(panel, () =>\n        this._picker().opened.set(false),\n      );\n      onCleanup(unregister);\n    });\n  }\n\n  /** @protected Snapshots the document selection at open intent. */\n  protected _onOpenedChange(opened: boolean): void {\n    if (!opened) return;\n    const selection = this._context.editor()?.state.selection;\n    this._selection = selection\n      ? { from: selection.from, to: selection.to }\n      : null;\n  }\n\n  /** @protected Restores the snapshot and delegates the distinct colour command. */\n  protected _apply(color: string): void {\n    const selection = this._selection;\n    if (!selection) return;\n    this._context.run((editor) => this._run(editor, selection, color));\n  }\n\n  /** @protected Distinct foreground/highlight command policy. */\n  protected abstract _run(\n    editor: Editor,\n    selection: EditorSelectionRange,\n    color: string,\n  ): boolean;\n}\n"]}

package/esm2022/lib/toolbar/editor-command-button.js

@@ -1,115 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
-import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvTooltip } from '@malva-ui/core/tooltip';
-import { MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, } from '../editor-toolbar-context';
-import { MlvEditorToolbarWidget } from './editor-toolbar-widget';
-import * as i0 from "@angular/core";
-/** @internal Reusable selection-preserving command button for editor toolbar modules. */
-export class MlvEditorCommandButton {
-    /** Accessible action label. */
-    label = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    /** Evaluates whether the configured extension provides this action. */
-    supports = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "supports" }] : /* istanbul ignore next */ []));
-    /** Executes the action through a focused editor command chain. */
-    command = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "command" }] : /* istanbul ignore next */ []));
-    /** Checks whether the registered command can run at the current selection. */
-    canCommand = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canCommand" }] : /* istanbul ignore next */ []));
-    /** Optional current active state for toggle-like commands. */
-    pressed = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
-    /** @private Editor-scoped command state. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Per-editor state invalidation signal. */
-    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);
-    /** @protected Whether the current extension set supports this command. */
-    supported = computed(() => {
-        this._revision();
-        const editor = this._context.editor();
-        if (!editor)
-            return false;
-        try {
-            return this.supports()(editor);
-        }
-        catch {
-            return false;
-        }
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "supported" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the command currently cannot mutate the editor. */
-    _disabled() {
-        this._revision();
-        const canCommand = this.canCommand();
-        return (!this.supported() ||
-            this._context.disabled() ||
-            this._context.readonly() ||
-            !(canCommand ? this._context.can(canCommand) : true));
-    }
-    /** @protected Prevents the browser from moving the selection before the command chain restores content focus. */
-    _preserveSelection(event) {
-        if (!this._disabled())
-            event.preventDefault();
-    }
-    /** @protected Executes only supported, enabled commands. */
-    _run() {
-        if (this._disabled())
-            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: `
-    <button
-      mlvButton
-      mlvEditorToolbarWidget
-      type="button"
-      shape="square"
-      variant="transparent"
-      [attr.aria-label]="label()"
-      [attr.aria-pressed]="pressed() === undefined ? null : pressed()"
-      [disabled]="_disabled()"
-      [mlvTooltip]="label()"
-      [tooltipDisabled]="_disabled()"
-      mlvDensity="tight"
-      (pointerdown)="_preserveSelection($event)"
-      (click)="_run()"
-    >
-      <span mlvButtonIcon aria-hidden="true"><ng-content /></span>
-    </button>
-  `, isInline: true, dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { 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: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-command-button',
-                    imports: [MlvButton, MlvButtonIcon, MlvTooltip, MlvEditorToolbarWidget],
-                    template: `
-    <button
-      mlvButton
-      mlvEditorToolbarWidget
-      type="button"
-      shape="square"
-      variant="transparent"
-      [attr.aria-label]="label()"
-      [attr.aria-pressed]="pressed() === undefined ? null : pressed()"
-      [disabled]="_disabled()"
-      [mlvTooltip]="label()"
-      [tooltipDisabled]="_disabled()"
-      mlvDensity="tight"
-      (pointerdown)="_preserveSelection($event)"
-      (click)="_run()"
-    >
-      <span mlvButtonIcon aria-hidden="true"><ng-content /></span>
-    </button>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        class: 'mlv-editor-command-button',
-                        '[hidden]': '!supported()',
-                    },
-                }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], supports: [{ type: i0.Input, args: [{ isSignal: true, alias: "supports", required: true }] }], command: [{ type: i0.Input, args: [{ isSignal: true, alias: "command", required: true }] }], canCommand: [{ type: i0.Input, args: [{ isSignal: true, alias: "canCommand", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }] } });
-//# sourceMappingURL=editor-command-button.js.map

package/esm2022/lib/toolbar/editor-command-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-command-button.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-command-button.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvTooltip } from '@malva-ui/core/tooltip';\nimport {\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport { MlvEditorToolbarWidget } from './editor-toolbar-widget';\n\n/** @internal Reusable selection-preserving command button for editor toolbar modules. */\n@Component({\n  selector: 'mlv-editor-command-button',\n  imports: [MlvButton, MlvButtonIcon, MlvTooltip, MlvEditorToolbarWidget],\n  template: `\n    <button\n      mlvButton\n      mlvEditorToolbarWidget\n      type=\"button\"\n      shape=\"square\"\n      variant=\"transparent\"\n      [attr.aria-label]=\"label()\"\n      [attr.aria-pressed]=\"pressed() === undefined ? null : pressed()\"\n      [disabled]=\"_disabled()\"\n      [mlvTooltip]=\"label()\"\n      [tooltipDisabled]=\"_disabled()\"\n      mlvDensity=\"tight\"\n      (pointerdown)=\"_preserveSelection($event)\"\n      (click)=\"_run()\"\n    >\n      <span mlvButtonIcon aria-hidden=\"true\"><ng-content /></span>\n    </button>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-command-button',\n    '[hidden]': '!supported()',\n  },\n})\nexport class MlvEditorCommandButton {\n  /** Accessible action label. */\n  readonly label = input.required<string>();\n\n  /** Evaluates whether the configured extension provides this action. */\n  readonly supports = input.required<(editor: Editor) => boolean>();\n\n  /** Executes the action through a focused editor command chain. */\n  readonly command = input.required<(editor: Editor) => boolean>();\n\n  /** Checks whether the registered command can run at the current selection. */\n  readonly canCommand = input<((editor: Editor) => boolean) | undefined>(\n    undefined,\n  );\n\n  /** Optional current active state for toggle-like commands. */\n  readonly pressed = input<boolean | undefined>(undefined);\n\n  /** @private Editor-scoped command state. */\n  private readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @private Per-editor state invalidation signal. */\n  private readonly _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);\n\n  /** @protected Whether the current extension set supports this command. */\n  protected readonly supported = computed(() => {\n    this._revision();\n    const editor = this._context.editor();\n    if (!editor) return false;\n    try {\n      return this.supports()(editor);\n    } catch {\n      return false;\n    }\n  });\n\n  /** @protected Whether the command currently cannot mutate the editor. */\n  protected _disabled(): boolean {\n    this._revision();\n    const canCommand = this.canCommand();\n    return (\n      !this.supported() ||\n      this._context.disabled() ||\n      this._context.readonly() ||\n      !(canCommand ? this._context.can(canCommand) : true)\n    );\n  }\n\n  /** @protected Prevents the browser from moving the selection before the command chain restores content focus. */\n  protected _preserveSelection(event: PointerEvent): void {\n    if (!this._disabled()) event.preventDefault();\n  }\n\n  /** @protected Executes only supported, enabled commands. */\n  protected _run(): void {\n    if (this._disabled()) return;\n    this._context.run(this.command());\n  }\n}\n"]}