@malva-ui/editor 0.1.13 → 0.1.14

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

@@ -1,292 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, ElementRef, effect, inject, signal, viewChild, viewChildren, ViewEncapsulation, } from '@angular/core';
-import { LucideTable2 } from '@lucide/angular';
-import { MlvButton, MlvButtonIcon, MlvButtonToggle, } from '@malva-ui/core/button';
-import { MlvPopup, MlvPopupContent, MlvPopupTrigger, } from '@malva-ui/core/popup';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MlvTooltip } from '@malva-ui/core/tooltip';
-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";
-const TABLE_GRID_BOUNDARY = 10;
-/** Resizable table insertion and contextual command control. */
-export class MlvEditorTable {
-    /** @protected Editor-scoped command and form state. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Transaction and selection invalidation bridge. */
-    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {
-        optional: true,
-    });
-    /** @private Detached popup ownership for composite editor focus. */
-    _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);
-    /** @private Optional localized editor copy. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Popup controller owned by the table trigger. */
-    _popup = viewChild.required('_popup', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_popup" }] : /* istanbul ignore next */ []));
-    /** @protected Connected popup trigger. */
-    _trigger = viewChild.required('_trigger', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_trigger" }] : /* istanbul ignore next */ []));
-    /** @protected Native trigger restored after final popup teardown. */
-    _triggerElement = viewChild.required('_triggerElement', {
-        read: ElementRef,
-    });
-    /** @private Detached popup panel used by the overlay focus registry. */
-    _panel = viewChild('_panel', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_panel" }] : /* istanbul ignore next */ []));
-    /** @protected First contextual action focused when a table popup opens. */
-    _firstAction = viewChild('_firstAction', {
-        read: ElementRef,
-    });
-    /** @private Native insertion-grid buttons in row-major order. */
-    _gridCells = viewChildren('_gridCell', {
-        read: ElementRef,
-    });
-    /** @protected Fixed row and column choices exposed by the grid. */
-    _gridRows = Array.from({ length: TABLE_GRID_BOUNDARY }, (_, rowIndex) => Array.from({ length: TABLE_GRID_BOUNDARY }, (_, columnIndex) => ({
-        rows: rowIndex + 1,
-        cols: columnIndex + 1,
-    })));
-    /** @protected Currently selected insertion dimensions. */
-    _selectedSize = signal({
-        rows: 3,
-        cols: 3,
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_selectedSize" }] : /* istanbul ignore next */ []));
-    /** @protected Whether insertion creates a header first row. */
-    _withHeaderRow = signal(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_withHeaderRow" }] : /* istanbul ignore next */ []));
-    /** @protected Reactive localized copy for the trigger and insertion panel. */
-    _copy = computed(() => {
-        const copy = this._i18n?.();
-        return {
-            table: copy?.table ?? 'Table',
-            insertTable: copy?.insertTable ?? 'Insert table',
-            addRowBefore: copy?.addRowBefore ?? 'Add row before',
-            addRowAfter: copy?.addRowAfter ?? 'Add row after',
-            deleteRow: copy?.deleteRow ?? 'Delete row',
-            addColumnBefore: copy?.addColumnBefore ?? 'Add column before',
-            addColumnAfter: copy?.addColumnAfter ?? 'Add column after',
-            deleteColumn: copy?.deleteColumn ?? 'Delete column',
-            mergeCells: copy?.mergeCells ?? 'Merge cells',
-            splitCell: copy?.splitCell ?? 'Split cell',
-            toggleHeaderRow: copy?.toggleHeaderRow ?? 'Toggle header row',
-            toggleHeaderColumn: copy?.toggleHeaderColumn ?? 'Toggle header column',
-            toggleHeaderCell: copy?.toggleHeaderCell ?? 'Toggle header cell',
-            deleteTable: copy?.deleteTable ?? 'Delete table',
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the current editor registered table commands. */
-    _supported = computed(() => {
-        this._revision?.();
-        const commands = this._context.editor()?.commands;
-        return typeof commands?.['insertTable'] === 'function';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_supported" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the retained selection is inside a table. */
-    _active = computed(() => {
-        this._revision?.();
-        return this._context.isActive('table');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_active" }] : /* istanbul ignore next */ []));
-    /** @protected Whether editor form state blocks the complete control. */
-    _disabled = computed(() => this._context.disabled() || this._context.readonly(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    /** @protected Adds a row before the selected cell. */
-    _addRowBefore = (editor) => editor.chain().addRowBefore().run();
-    /** @protected Adds a row after the selected cell. */
-    _addRowAfter = (editor) => editor.chain().addRowAfter().run();
-    /** @protected Deletes the selected row. */
-    _deleteRow = (editor) => editor.chain().deleteRow().run();
-    /** @protected Adds a column before the selected cell. */
-    _addColumnBefore = (editor) => editor.chain().addColumnBefore().run();
-    /** @protected Adds a column after the selected cell. */
-    _addColumnAfter = (editor) => editor.chain().addColumnAfter().run();
-    /** @protected Deletes the selected column. */
-    _deleteColumn = (editor) => editor.chain().deleteColumn().run();
-    /** @protected Merges the selected rectangular cell range. */
-    _mergeCells = (editor) => editor.chain().mergeCells().run();
-    /** @protected Splits the current merged cell. */
-    _splitCell = (editor) => editor.chain().splitCell().run();
-    /** @protected Toggles header nodes across the first row. */
-    _toggleHeaderRow = (editor) => editor.chain().toggleHeaderRow().run();
-    /** @protected Toggles header nodes down the first column. */
-    _toggleHeaderColumn = (editor) => editor.chain().toggleHeaderColumn().run();
-    /** @protected Toggles the selected table cell's header node type. */
-    _toggleHeaderCell = (editor) => editor.chain().toggleHeaderCell().run();
-    /** @protected Deletes the complete active table. */
-    _deleteTable = (editor) => editor.chain().deleteTable().run();
-    /** @protected Non-dispatching add-row-before capability check. */
-    _canAddRowBefore = (editor) => editor.can().chain().addRowBefore().run();
-    /** @protected Non-dispatching add-row-after capability check. */
-    _canAddRowAfter = (editor) => editor.can().chain().addRowAfter().run();
-    /** @protected Non-dispatching delete-row capability check. */
-    _canDeleteRow = (editor) => editor.can().chain().deleteRow().run();
-    /** @protected Non-dispatching add-column-before capability check. */
-    _canAddColumnBefore = (editor) => editor.can().chain().addColumnBefore().run();
-    /** @protected Non-dispatching add-column-after capability check. */
-    _canAddColumnAfter = (editor) => editor.can().chain().addColumnAfter().run();
-    /** @protected Non-dispatching delete-column capability check. */
-    _canDeleteColumn = (editor) => editor.can().chain().deleteColumn().run();
-    /** @protected Non-dispatching merge capability check. */
-    _canMergeCells = (editor) => editor.can().chain().mergeCells().run();
-    /** @protected Non-dispatching split capability check. */
-    _canSplitCell = (editor) => editor.can().chain().splitCell().run();
-    /** @protected Non-dispatching header-row capability check. */
-    _canToggleHeaderRow = (editor) => editor.can().chain().toggleHeaderRow().run();
-    /** @protected Non-dispatching header-column capability check. */
-    _canToggleHeaderColumn = (editor) => editor.can().chain().toggleHeaderColumn().run();
-    /** @protected Non-dispatching header-cell capability check. */
-    _canToggleHeaderCell = (editor) => editor.can().chain().toggleHeaderCell().run();
-    /** @protected Non-dispatching table-deletion capability check. */
-    _canDeleteTable = (editor) => editor.can().chain().deleteTable().run();
-    constructor() {
-        effect(() => {
-            if (this._disabled() && this._popup().opened()) {
-                this._popup().opened.set(false);
-            }
-        });
-        effect((onCleanup) => {
-            const panel = this._panel()?.nativeElement;
-            if (!panel)
-                return;
-            const unregister = this._overlays.register(panel, () => this._popup().opened.set(false));
-            onCleanup(unregister);
-        });
-    }
-    /** @protected Initializes and focuses the default insertion-grid choice. */
-    _onOpened() {
-        if (this._disabled()) {
-            this._popup().opened.set(false);
-            return;
-        }
-        if (!this._active()) {
-            this._selectedSize.set({ rows: 3, cols: 3 });
-            this._withHeaderRow.set(true);
-            queueMicrotask(() => this._focusSelectedCell());
-        }
-        else {
-            queueMicrotask(() => this._firstAction()?.nativeElement.focus());
-        }
-    }
-    /** @protected Restores the connected toolbar trigger after final teardown. */
-    _onClosed() {
-        if (!this._disabled() && this._triggerElement().nativeElement.isConnected) {
-            this._triggerElement().nativeElement.focus();
-        }
-    }
-    /** @protected Names an exact insertion size from localized table copy. */
-    _sizeLabel(size) {
-        return `${this._copy().insertTable}: ${size.rows} × ${size.cols}`;
-    }
-    /** @protected Whether a grid cell belongs to the selected dimensions. */
-    _sizeSelected(size) {
-        const selected = this._selectedSize();
-        return size.rows <= selected.rows && size.cols <= selected.cols;
-    }
-    /** @protected Updates the current pointer/focus-selected dimensions. */
-    _selectSize(size) {
-        this._selectedSize.set(size);
-    }
-    /** @protected Executes insertion for a selected pointer cell. */
-    _insertSize(size) {
-        this._selectedSize.set(size);
-        const inserted = this._context.run((editor) => editor
-            .chain()
-            .focus()
-            .insertTable({
-            rows: size.rows,
-            cols: size.cols,
-            withHeaderRow: this._withHeaderRow(),
-        })
-            .run());
-        if (inserted)
-            this._trigger().close();
-    }
-    /** @protected Whether current selection and form state block an action. */
-    _commandDisabled(command) {
-        this._revision?.();
-        if (this._disabled())
-            return true;
-        return !this._context.can(command);
-    }
-    /** @protected Executes one contextual mutation through the public guard. */
-    _run(command, closeAfter = false) {
-        const applied = this._context.run(command);
-        if (applied && closeAfter)
-            this._trigger().close();
-    }
-    /** @protected Handles bounded grid navigation and keyboard insertion. */
-    _onGridKeydown(event) {
-        const current = this._selectedSize();
-        let next = current;
-        switch (event.key) {
-            case 'ArrowLeft':
-                next = { ...current, cols: Math.max(1, current.cols - 1) };
-                break;
-            case 'ArrowRight':
-                next = {
-                    ...current,
-                    cols: Math.min(TABLE_GRID_BOUNDARY, current.cols + 1),
-                };
-                break;
-            case 'ArrowUp':
-                next = { ...current, rows: Math.max(1, current.rows - 1) };
-                break;
-            case 'ArrowDown':
-                next = {
-                    ...current,
-                    rows: Math.min(TABLE_GRID_BOUNDARY, current.rows + 1),
-                };
-                break;
-            case 'Home':
-                next = { rows: 1, cols: 1 };
-                break;
-            case 'End':
-                next = { rows: TABLE_GRID_BOUNDARY, cols: TABLE_GRID_BOUNDARY };
-                break;
-            case 'Enter':
-            case ' ':
-                event.preventDefault();
-                this._insertSize(current);
-                return;
-            default:
-                return;
-        }
-        event.preventDefault();
-        this._selectedSize.set(next);
-        queueMicrotask(() => this._focusSelectedCell());
-    }
-    /** @private Focuses the single row-major button matching selected dimensions. */
-    _focusSelectedCell() {
-        const selected = this._selectedSize();
-        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: "_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: "<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  [attr.aria-pressed]=\"_active()\"\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      @if (_active()) {\n      <div class=\"mlv-editor-table__actions\">\n        <button\n          #_firstAction\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddRowBefore)\"\n          (click)=\"_run(_addRowBefore)\"\n        >\n          {{ _copy().addRowBefore }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddRowAfter)\"\n          (click)=\"_run(_addRowAfter)\"\n        >\n          {{ _copy().addRowAfter }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteRow)\"\n          (click)=\"_run(_deleteRow)\"\n        >\n          {{ _copy().deleteRow }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddColumnBefore)\"\n          (click)=\"_run(_addColumnBefore)\"\n        >\n          {{ _copy().addColumnBefore }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddColumnAfter)\"\n          (click)=\"_run(_addColumnAfter)\"\n        >\n          {{ _copy().addColumnAfter }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteColumn)\"\n          (click)=\"_run(_deleteColumn)\"\n        >\n          {{ _copy().deleteColumn }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canMergeCells)\"\n          (click)=\"_run(_mergeCells)\"\n        >\n          {{ _copy().mergeCells }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canSplitCell)\"\n          (click)=\"_run(_splitCell)\"\n        >\n          {{ _copy().splitCell }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderRow)\"\n          (click)=\"_run(_toggleHeaderRow)\"\n        >\n          {{ _copy().toggleHeaderRow }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderColumn)\"\n          (click)=\"_run(_toggleHeaderColumn)\"\n        >\n          {{ _copy().toggleHeaderColumn }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderCell)\"\n          (click)=\"_run(_toggleHeaderCell)\"\n        >\n          {{ _copy().toggleHeaderCell }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteTable)\"\n          (click)=\"_run(_deleteTable, true)\"\n        >\n          {{ _copy().deleteTable }}\n        </button>\n      </div>\n      } @else {\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            mlvButton\n            class=\"mlv-editor-table__grid-cell\"\n            type=\"button\"\n            variant=\"secondary\"\n            role=\"gridcell\"\n            [class.mlv-editor-table__grid-cell--selected]=\"_sizeSelected(size)\"\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      <mlv-button-toggle\n        [pressed]=\"_withHeaderRow()\"\n        [disabled]=\"_disabled()\"\n        (pressedChange)=\"_withHeaderRow.set($event)\"\n      >\n        {{ _copy().toggleHeaderRow }}\n      </mlv-button-toggle>\n      }\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: [".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:min(24rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5)}.mlv-editor-table__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));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{min-width:1.25rem;width:1.25rem;min-height:1.25rem;height:1.25rem;padding:0;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-xs);background:var(--mlv-background-base)}.mlv-editor-table__grid-cell--selected{border-color:var(--mlv-border-focus);background:var(--mlv-background-accent-1-pale)}.mlv-editor-table__grid-cell:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:.125rem}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorTable, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-editor-table', imports: [
-                        MlvButton,
-                        MlvButtonIcon,
-                        MlvButtonToggle,
-                        MlvTooltip,
-                        LucideTable2,
-                        MlvEditorToolbarWidget,
-                        MlvPopup,
-                        MlvPopupContent,
-                        MlvPopupTrigger,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'mlv-editor-table',
-                        '[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().table\"\n  [attr.aria-pressed]=\"_active()\"\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      @if (_active()) {\n      <div class=\"mlv-editor-table__actions\">\n        <button\n          #_firstAction\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddRowBefore)\"\n          (click)=\"_run(_addRowBefore)\"\n        >\n          {{ _copy().addRowBefore }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddRowAfter)\"\n          (click)=\"_run(_addRowAfter)\"\n        >\n          {{ _copy().addRowAfter }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteRow)\"\n          (click)=\"_run(_deleteRow)\"\n        >\n          {{ _copy().deleteRow }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddColumnBefore)\"\n          (click)=\"_run(_addColumnBefore)\"\n        >\n          {{ _copy().addColumnBefore }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddColumnAfter)\"\n          (click)=\"_run(_addColumnAfter)\"\n        >\n          {{ _copy().addColumnAfter }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteColumn)\"\n          (click)=\"_run(_deleteColumn)\"\n        >\n          {{ _copy().deleteColumn }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canMergeCells)\"\n          (click)=\"_run(_mergeCells)\"\n        >\n          {{ _copy().mergeCells }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canSplitCell)\"\n          (click)=\"_run(_splitCell)\"\n        >\n          {{ _copy().splitCell }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderRow)\"\n          (click)=\"_run(_toggleHeaderRow)\"\n        >\n          {{ _copy().toggleHeaderRow }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderColumn)\"\n          (click)=\"_run(_toggleHeaderColumn)\"\n        >\n          {{ _copy().toggleHeaderColumn }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderCell)\"\n          (click)=\"_run(_toggleHeaderCell)\"\n        >\n          {{ _copy().toggleHeaderCell }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteTable)\"\n          (click)=\"_run(_deleteTable, true)\"\n        >\n          {{ _copy().deleteTable }}\n        </button>\n      </div>\n      } @else {\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            mlvButton\n            class=\"mlv-editor-table__grid-cell\"\n            type=\"button\"\n            variant=\"secondary\"\n            role=\"gridcell\"\n            [class.mlv-editor-table__grid-cell--selected]=\"_sizeSelected(size)\"\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      <mlv-button-toggle\n        [pressed]=\"_withHeaderRow()\"\n        [disabled]=\"_disabled()\"\n        (pressedChange)=\"_withHeaderRow.set($event)\"\n      >\n        {{ _copy().toggleHeaderRow }}\n      </mlv-button-toggle>\n      }\n    </div>\n  </ng-template>\n</mlv-popup>\n", styles: [".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:min(24rem,100vw - 3.5rem);gap:var(--mlv-spacing-1-5)}.mlv-editor-table__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));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{min-width:1.25rem;width:1.25rem;min-height:1.25rem;height:1.25rem;padding:0;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-xs);background:var(--mlv-background-base)}.mlv-editor-table__grid-cell--selected{border-color:var(--mlv-border-focus);background:var(--mlv-background-accent-1-pale)}.mlv-editor-table__grid-cell:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:.125rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { _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 }] }], _panel: [{ type: i0.ViewChild, args: ['_panel', { isSignal: true }] }], _firstAction: [{ type: i0.ViewChild, args: ['_firstAction', { ...{
-                            read: ElementRef,
-                        }, isSignal: true }] }], _gridCells: [{ type: i0.ViewChildren, args: ['_gridCell', { ...{
-                            read: ElementRef,
-                        }, isSignal: true }] }] } });
-//# sourceMappingURL=editor-table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor-table.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-table.ts","../../../../../../libs/editor/src/lib/toolbar/editor-table.html"],"names":[],"mappings":"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","sourcesContent":["import type { Signal } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  effect,\n  inject,\n  signal,\n  viewChild,\n  viewChildren,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { LucideTable2 } from '@lucide/angular';\nimport {\n  MlvButton,\n  MlvButtonIcon,\n  MlvButtonToggle,\n} from '@malva-ui/core/button';\nimport {\n  MlvPopup,\n  MlvPopupContent,\n  MlvPopupTrigger,\n} from '@malva-ui/core/popup';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport { MlvTooltip } from '@malva-ui/core/tooltip';\nimport {\n  MLV_EDITOR_OVERLAY_REGISTRY,\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport { MlvEditorToolbarWidget } from './editor-toolbar-widget';\n\ninterface EditorTableSize {\n  readonly rows: number;\n  readonly cols: number;\n}\n\nconst TABLE_GRID_BOUNDARY = 10;\n\n/** Resizable table insertion and contextual command control. */\n@Component({\n  selector: 'mlv-editor-table',\n  imports: [\n    MlvButton,\n    MlvButtonIcon,\n    MlvButtonToggle,\n    MlvTooltip,\n    LucideTable2,\n    MlvEditorToolbarWidget,\n    MlvPopup,\n    MlvPopupContent,\n    MlvPopupTrigger,\n  ],\n  templateUrl: './editor-table.html',\n  styleUrl: './editor-table.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-table',\n    '[hidden]': '!_supported()',\n  },\n})\nexport class MlvEditorTable {\n  /** @protected Editor-scoped command and form state. */\n  protected readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @private Transaction and selection invalidation bridge. */\n  private readonly _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {\n    optional: true,\n  });\n\n  /** @private Detached popup ownership for composite editor focus. */\n  private readonly _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);\n\n  /** @private Optional localized editor copy. */\n  private readonly _i18n = inject(MLV_EDITOR_I18N, { optional: true });\n\n  /** @protected Popup controller owned by the table trigger. */\n  protected readonly _popup = viewChild.required<MlvPopup>('_popup');\n\n  /** @protected Connected popup trigger. */\n  protected readonly _trigger = viewChild.required<MlvPopupTrigger>('_trigger');\n\n  /** @protected Native trigger restored after final popup teardown. */\n  protected readonly _triggerElement = viewChild.required('_triggerElement', {\n    read: ElementRef,\n  }) as Signal<ElementRef<HTMLButtonElement>>;\n\n  /** @private Detached popup panel used by the overlay focus registry. */\n  private readonly _panel = viewChild<ElementRef<HTMLElement>>('_panel');\n\n  /** @protected First contextual action focused when a table popup opens. */\n  protected readonly _firstAction = viewChild('_firstAction', {\n    read: ElementRef,\n  }) as Signal<ElementRef<HTMLButtonElement> | undefined>;\n\n  /** @private Native insertion-grid buttons in row-major order. */\n  private readonly _gridCells = viewChildren('_gridCell', {\n    read: ElementRef,\n  }) as Signal<readonly ElementRef<HTMLButtonElement>[]>;\n\n  /** @protected Fixed row and column choices exposed by the grid. */\n  protected readonly _gridRows: readonly (readonly EditorTableSize[])[] =\n    Array.from({ length: TABLE_GRID_BOUNDARY }, (_, rowIndex) =>\n      Array.from({ length: TABLE_GRID_BOUNDARY }, (_, columnIndex) => ({\n        rows: rowIndex + 1,\n        cols: columnIndex + 1,\n      })),\n    );\n\n  /** @protected Currently selected insertion dimensions. */\n  protected readonly _selectedSize = signal<EditorTableSize>({\n    rows: 3,\n    cols: 3,\n  });\n\n  /** @protected Whether insertion creates a header first row. */\n  protected readonly _withHeaderRow = signal(true);\n\n  /** @protected Reactive localized copy for the trigger and insertion panel. */\n  protected readonly _copy = computed(() => {\n    const copy = this._i18n?.();\n    return {\n      table: copy?.table ?? 'Table',\n      insertTable: copy?.insertTable ?? 'Insert table',\n      addRowBefore: copy?.addRowBefore ?? 'Add row before',\n      addRowAfter: copy?.addRowAfter ?? 'Add row after',\n      deleteRow: copy?.deleteRow ?? 'Delete row',\n      addColumnBefore: copy?.addColumnBefore ?? 'Add column before',\n      addColumnAfter: copy?.addColumnAfter ?? 'Add column after',\n      deleteColumn: copy?.deleteColumn ?? 'Delete column',\n      mergeCells: copy?.mergeCells ?? 'Merge cells',\n      splitCell: copy?.splitCell ?? 'Split cell',\n      toggleHeaderRow: copy?.toggleHeaderRow ?? 'Toggle header row',\n      toggleHeaderColumn: copy?.toggleHeaderColumn ?? 'Toggle header column',\n      toggleHeaderCell: copy?.toggleHeaderCell ?? 'Toggle header cell',\n      deleteTable: copy?.deleteTable ?? 'Delete table',\n    };\n  });\n\n  /** @protected Whether the current editor registered table commands. */\n  protected readonly _supported = computed(() => {\n    this._revision?.();\n    const commands = this._context.editor()?.commands as\n      | Record<string, unknown>\n      | undefined;\n    return typeof commands?.['insertTable'] === 'function';\n  });\n\n  /** @protected Whether the retained selection is inside a table. */\n  protected readonly _active = computed(() => {\n    this._revision?.();\n    return this._context.isActive('table');\n  });\n\n  /** @protected Whether editor form state blocks the complete control. */\n  protected readonly _disabled = computed(\n    () => this._context.disabled() || this._context.readonly(),\n  );\n\n  /** @protected Adds a row before the selected cell. */\n  protected readonly _addRowBefore = (editor: Editor): boolean =>\n    editor.chain().addRowBefore().run();\n\n  /** @protected Adds a row after the selected cell. */\n  protected readonly _addRowAfter = (editor: Editor): boolean =>\n    editor.chain().addRowAfter().run();\n\n  /** @protected Deletes the selected row. */\n  protected readonly _deleteRow = (editor: Editor): boolean =>\n    editor.chain().deleteRow().run();\n\n  /** @protected Adds a column before the selected cell. */\n  protected readonly _addColumnBefore = (editor: Editor): boolean =>\n    editor.chain().addColumnBefore().run();\n\n  /** @protected Adds a column after the selected cell. */\n  protected readonly _addColumnAfter = (editor: Editor): boolean =>\n    editor.chain().addColumnAfter().run();\n\n  /** @protected Deletes the selected column. */\n  protected readonly _deleteColumn = (editor: Editor): boolean =>\n    editor.chain().deleteColumn().run();\n\n  /** @protected Merges the selected rectangular cell range. */\n  protected readonly _mergeCells = (editor: Editor): boolean =>\n    editor.chain().mergeCells().run();\n\n  /** @protected Splits the current merged cell. */\n  protected readonly _splitCell = (editor: Editor): boolean =>\n    editor.chain().splitCell().run();\n\n  /** @protected Toggles header nodes across the first row. */\n  protected readonly _toggleHeaderRow = (editor: Editor): boolean =>\n    editor.chain().toggleHeaderRow().run();\n\n  /** @protected Toggles header nodes down the first column. */\n  protected readonly _toggleHeaderColumn = (editor: Editor): boolean =>\n    editor.chain().toggleHeaderColumn().run();\n\n  /** @protected Toggles the selected table cell's header node type. */\n  protected readonly _toggleHeaderCell = (editor: Editor): boolean =>\n    editor.chain().toggleHeaderCell().run();\n\n  /** @protected Deletes the complete active table. */\n  protected readonly _deleteTable = (editor: Editor): boolean =>\n    editor.chain().deleteTable().run();\n\n  /** @protected Non-dispatching add-row-before capability check. */\n  protected readonly _canAddRowBefore = (editor: Editor): boolean =>\n    editor.can().chain().addRowBefore().run();\n\n  /** @protected Non-dispatching add-row-after capability check. */\n  protected readonly _canAddRowAfter = (editor: Editor): boolean =>\n    editor.can().chain().addRowAfter().run();\n\n  /** @protected Non-dispatching delete-row capability check. */\n  protected readonly _canDeleteRow = (editor: Editor): boolean =>\n    editor.can().chain().deleteRow().run();\n\n  /** @protected Non-dispatching add-column-before capability check. */\n  protected readonly _canAddColumnBefore = (editor: Editor): boolean =>\n    editor.can().chain().addColumnBefore().run();\n\n  /** @protected Non-dispatching add-column-after capability check. */\n  protected readonly _canAddColumnAfter = (editor: Editor): boolean =>\n    editor.can().chain().addColumnAfter().run();\n\n  /** @protected Non-dispatching delete-column capability check. */\n  protected readonly _canDeleteColumn = (editor: Editor): boolean =>\n    editor.can().chain().deleteColumn().run();\n\n  /** @protected Non-dispatching merge capability check. */\n  protected readonly _canMergeCells = (editor: Editor): boolean =>\n    editor.can().chain().mergeCells().run();\n\n  /** @protected Non-dispatching split capability check. */\n  protected readonly _canSplitCell = (editor: Editor): boolean =>\n    editor.can().chain().splitCell().run();\n\n  /** @protected Non-dispatching header-row capability check. */\n  protected readonly _canToggleHeaderRow = (editor: Editor): boolean =>\n    editor.can().chain().toggleHeaderRow().run();\n\n  /** @protected Non-dispatching header-column capability check. */\n  protected readonly _canToggleHeaderColumn = (editor: Editor): boolean =>\n    editor.can().chain().toggleHeaderColumn().run();\n\n  /** @protected Non-dispatching header-cell capability check. */\n  protected readonly _canToggleHeaderCell = (editor: Editor): boolean =>\n    editor.can().chain().toggleHeaderCell().run();\n\n  /** @protected Non-dispatching table-deletion capability check. */\n  protected readonly _canDeleteTable = (editor: Editor): boolean =>\n    editor.can().chain().deleteTable().run();\n\n  constructor() {\n    effect(() => {\n      if (this._disabled() && this._popup().opened()) {\n        this._popup().opened.set(false);\n      }\n    });\n\n    effect((onCleanup) => {\n      const panel = this._panel()?.nativeElement;\n      if (!panel) return;\n      const unregister = this._overlays.register(panel, () =>\n        this._popup().opened.set(false),\n      );\n      onCleanup(unregister);\n    });\n  }\n\n  /** @protected Initializes and focuses the default insertion-grid choice. */\n  protected _onOpened(): void {\n    if (this._disabled()) {\n      this._popup().opened.set(false);\n      return;\n    }\n    if (!this._active()) {\n      this._selectedSize.set({ rows: 3, cols: 3 });\n      this._withHeaderRow.set(true);\n      queueMicrotask(() => this._focusSelectedCell());\n    } else {\n      queueMicrotask(() => this._firstAction()?.nativeElement.focus());\n    }\n  }\n\n  /** @protected Restores the connected toolbar trigger after final teardown. */\n  protected _onClosed(): void {\n    if (!this._disabled() && this._triggerElement().nativeElement.isConnected) {\n      this._triggerElement().nativeElement.focus();\n    }\n  }\n\n  /** @protected Names an exact insertion size from localized table copy. */\n  protected _sizeLabel(size: EditorTableSize): string {\n    return `${this._copy().insertTable}: ${size.rows} × ${size.cols}`;\n  }\n\n  /** @protected Whether a grid cell belongs to the selected dimensions. */\n  protected _sizeSelected(size: EditorTableSize): boolean {\n    const selected = this._selectedSize();\n    return size.rows <= selected.rows && size.cols <= selected.cols;\n  }\n\n  /** @protected Updates the current pointer/focus-selected dimensions. */\n  protected _selectSize(size: EditorTableSize): void {\n    this._selectedSize.set(size);\n  }\n\n  /** @protected Executes insertion for a selected pointer cell. */\n  protected _insertSize(size: EditorTableSize): void {\n    this._selectedSize.set(size);\n    const inserted = this._context.run((editor) =>\n      editor\n        .chain()\n        .focus()\n        .insertTable({\n          rows: size.rows,\n          cols: size.cols,\n          withHeaderRow: this._withHeaderRow(),\n        })\n        .run(),\n    );\n    if (inserted) this._trigger().close();\n  }\n\n  /** @protected Whether current selection and form state block an action. */\n  protected _commandDisabled(command: (editor: Editor) => boolean): boolean {\n    this._revision?.();\n    if (this._disabled()) return true;\n    return !this._context.can(command);\n  }\n\n  /** @protected Executes one contextual mutation through the public guard. */\n  protected _run(\n    command: (editor: Editor) => boolean,\n    closeAfter = false,\n  ): void {\n    const applied = this._context.run(command);\n    if (applied && closeAfter) this._trigger().close();\n  }\n\n  /** @protected Handles bounded grid navigation and keyboard insertion. */\n  protected _onGridKeydown(event: KeyboardEvent): void {\n    const current = this._selectedSize();\n    let next = current;\n    switch (event.key) {\n      case 'ArrowLeft':\n        next = { ...current, cols: Math.max(1, current.cols - 1) };\n        break;\n      case 'ArrowRight':\n        next = {\n          ...current,\n          cols: Math.min(TABLE_GRID_BOUNDARY, current.cols + 1),\n        };\n        break;\n      case 'ArrowUp':\n        next = { ...current, rows: Math.max(1, current.rows - 1) };\n        break;\n      case 'ArrowDown':\n        next = {\n          ...current,\n          rows: Math.min(TABLE_GRID_BOUNDARY, current.rows + 1),\n        };\n        break;\n      case 'Home':\n        next = { rows: 1, cols: 1 };\n        break;\n      case 'End':\n        next = { rows: TABLE_GRID_BOUNDARY, cols: TABLE_GRID_BOUNDARY };\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        this._insertSize(current);\n        return;\n      default:\n        return;\n    }\n    event.preventDefault();\n    this._selectedSize.set(next);\n    queueMicrotask(() => this._focusSelectedCell());\n  }\n\n  /** @private Focuses the single row-major button matching selected dimensions. */\n  private _focusSelectedCell(): void {\n    const selected = this._selectedSize();\n    const index =\n      (selected.rows - 1) * TABLE_GRID_BOUNDARY + (selected.cols - 1);\n    this._gridCells()[index]?.nativeElement.focus();\n  }\n}\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  [attr.aria-pressed]=\"_active()\"\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      @if (_active()) {\n      <div class=\"mlv-editor-table__actions\">\n        <button\n          #_firstAction\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddRowBefore)\"\n          (click)=\"_run(_addRowBefore)\"\n        >\n          {{ _copy().addRowBefore }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddRowAfter)\"\n          (click)=\"_run(_addRowAfter)\"\n        >\n          {{ _copy().addRowAfter }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteRow)\"\n          (click)=\"_run(_deleteRow)\"\n        >\n          {{ _copy().deleteRow }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddColumnBefore)\"\n          (click)=\"_run(_addColumnBefore)\"\n        >\n          {{ _copy().addColumnBefore }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canAddColumnAfter)\"\n          (click)=\"_run(_addColumnAfter)\"\n        >\n          {{ _copy().addColumnAfter }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteColumn)\"\n          (click)=\"_run(_deleteColumn)\"\n        >\n          {{ _copy().deleteColumn }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canMergeCells)\"\n          (click)=\"_run(_mergeCells)\"\n        >\n          {{ _copy().mergeCells }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canSplitCell)\"\n          (click)=\"_run(_splitCell)\"\n        >\n          {{ _copy().splitCell }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderRow)\"\n          (click)=\"_run(_toggleHeaderRow)\"\n        >\n          {{ _copy().toggleHeaderRow }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderColumn)\"\n          (click)=\"_run(_toggleHeaderColumn)\"\n        >\n          {{ _copy().toggleHeaderColumn }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canToggleHeaderCell)\"\n          (click)=\"_run(_toggleHeaderCell)\"\n        >\n          {{ _copy().toggleHeaderCell }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"secondary\"\n          [disabled]=\"_commandDisabled(_canDeleteTable)\"\n          (click)=\"_run(_deleteTable, true)\"\n        >\n          {{ _copy().deleteTable }}\n        </button>\n      </div>\n      } @else {\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            mlvButton\n            class=\"mlv-editor-table__grid-cell\"\n            type=\"button\"\n            variant=\"secondary\"\n            role=\"gridcell\"\n            [class.mlv-editor-table__grid-cell--selected]=\"_sizeSelected(size)\"\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      <mlv-button-toggle\n        [pressed]=\"_withHeaderRow()\"\n        [disabled]=\"_disabled()\"\n        (pressedChange)=\"_withHeaderRow.set($event)\"\n      >\n        {{ _copy().toggleHeaderRow }}\n      </mlv-button-toggle>\n      }\n    </div>\n  </ng-template>\n</mlv-popup>\n"]}

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

@@ -1,82 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation, } from '@angular/core';
-import { LucideType } from '@lucide/angular';
-import { MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvColorPickerPopup } from '@malva-ui/core/color-picker';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MlvEditorColorControl } from './editor-color-control';
-import * as i0 from "@angular/core";
-/** Foreground-colour toolbar control backed by the reusable swatch picker. */
-export class MlvEditorTextColor extends MlvEditorColorControl {
-    /** @private Optional localized editor labels. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Localized accessible trigger and dialog label. */
-    _label = computed(() => this._i18n?.().textColor ?? 'Text color', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_label" }] : /* istanbul ignore next */ []));
-    /** @protected Exact command-presence capability without command execution. */
-    _supported = computed(() => {
-        this._revision?.();
-        const commands = this._context.editor()?.commands;
-        return (typeof commands?.['setColor'] === 'function' &&
-            typeof commands['unsetColor'] === 'function');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_supported" }] : /* istanbul ignore next */ []));
-    /** @protected Active foreground colour rendered by the swatch. */
-    _activeColor = computed(() => {
-        this._revision?.();
-        const color = this._context.editor()?.getAttributes('textStyle')['color'];
-        return typeof color === 'string' && color ? color : '#000000';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_activeColor" }] : /* istanbul ignore next */ []));
-    /** @protected Applies or clears foreground colour without focusing Tiptap. */
-    _run(editor, selection, color) {
-        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: `
-    <mlv-color-picker-popup
-      #picker
-      presentation="icon"
-      clearable
-      live
-      [ariaLabel]="_label()"
-      [value]="_activeColor()"
-      [disabled]="_context.disabled()"
-      [readonly]="_context.readonly()"
-      (openedChange)="_onOpenedChange($event)"
-      (colorChange)="_apply($event)"
-    >
-      <svg mlvButtonIcon lucideType aria-hidden="true" />
-    </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: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-text-color',
-                    imports: [MlvColorPickerPopup, MlvButtonIcon, LucideType],
-                    template: `
-    <mlv-color-picker-popup
-      #picker
-      presentation="icon"
-      clearable
-      live
-      [ariaLabel]="_label()"
-      [value]="_activeColor()"
-      [disabled]="_context.disabled()"
-      [readonly]="_context.readonly()"
-      (openedChange)="_onOpenedChange($event)"
-      (colorChange)="_apply($event)"
-    >
-      <svg mlvButtonIcon lucideType aria-hidden="true" />
-    </mlv-color-picker-popup>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        class: 'mlv-editor-text-color',
-                        '[hidden]': '!_supported()',
-                    },
-                }]
-        }] });
-//# sourceMappingURL=editor-text-color.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor-text-color.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-text-color.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;AAE/D,8EAA8E;AA2B9E,MAAM,OAAO,kBAAmB,SAAQ,qBAAqB;IAC3D,iDAAiD;IAChC,KAAK,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAErE,gEAAgE;IAC7C,MAAM,GAAG,QAAQ,CAClC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,IAAI,YAAY;+EAC/C,CAAC;IAEF,8EAA8E;IAC3D,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,QAE5B,CAAC;QACd,OAAO,CACL,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,UAAU;YAC5C,OAAO,QAAQ,CAAC,YAAY,CAAC,KAAK,UAAU,CAC7C,CAAC;IACJ,CAAC;mFAAC,CAAC;IAEH,kEAAkE;IAC/C,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1E,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,CAAC;qFAAC,CAAC;IAEH,8EAA8E;IAC3D,IAAI,CACrB,MAAc,EACd,SAAyD,EACzD,KAAa;QAEb,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;IACxE,CAAC;uGApCU,kBAAkB;2FAAlB,kBAAkB,sMAvBnB;;;;;;;;;;;;;;;GAeT,4DAhBS,mBAAmB,iQAAE,aAAa,4DAAE,UAAU;;2FAwB7C,kBAAkB;kBA1B9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,OAAO,EAAE,CAAC,mBAAmB,EAAE,aAAa,EAAE,UAAU,CAAC;oBACzD,QAAQ,EAAE;;;;;;;;;;;;;;;GAeT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,uBAAuB;wBAC9B,UAAU,EAAE,eAAe;qBAC5B;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { LucideType } from '@lucide/angular';\nimport { MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvColorPickerPopup } from '@malva-ui/core/color-picker';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport { MlvEditorColorControl } from './editor-color-control';\n\n/** Foreground-colour toolbar control backed by the reusable swatch picker. */\n@Component({\n  selector: 'mlv-editor-text-color',\n  imports: [MlvColorPickerPopup, MlvButtonIcon, LucideType],\n  template: `\n    <mlv-color-picker-popup\n      #picker\n      presentation=\"icon\"\n      clearable\n      live\n      [ariaLabel]=\"_label()\"\n      [value]=\"_activeColor()\"\n      [disabled]=\"_context.disabled()\"\n      [readonly]=\"_context.readonly()\"\n      (openedChange)=\"_onOpenedChange($event)\"\n      (colorChange)=\"_apply($event)\"\n    >\n      <svg mlvButtonIcon lucideType aria-hidden=\"true\" />\n    </mlv-color-picker-popup>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-text-color',\n    '[hidden]': '!_supported()',\n  },\n})\nexport class MlvEditorTextColor extends MlvEditorColorControl {\n  /** @private Optional localized editor labels. */\n  private readonly _i18n = inject(MLV_EDITOR_I18N, { optional: true });\n\n  /** @protected Localized accessible trigger and dialog label. */\n  protected readonly _label = computed(\n    () => this._i18n?.().textColor ?? 'Text color',\n  );\n\n  /** @protected Exact command-presence capability without command execution. */\n  protected readonly _supported = computed(() => {\n    this._revision?.();\n    const commands = this._context.editor()?.commands as\n      | Record<string, unknown>\n      | undefined;\n    return (\n      typeof commands?.['setColor'] === 'function' &&\n      typeof commands['unsetColor'] === 'function'\n    );\n  });\n\n  /** @protected Active foreground colour rendered by the swatch. */\n  protected readonly _activeColor = computed(() => {\n    this._revision?.();\n    const color = this._context.editor()?.getAttributes('textStyle')['color'];\n    return typeof color === 'string' && color ? color : '#000000';\n  });\n\n  /** @protected Applies or clears foreground colour without focusing Tiptap. */\n  protected override _run(\n    editor: Editor,\n    selection: { readonly from: number; readonly to: number },\n    color: string,\n  ): boolean {\n    const chain = editor.chain().setTextSelection(selection);\n    return color ? chain.setColor(color).run() : chain.unsetColor().run();\n  }\n}\n"]}

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

@@ -1,41 +0,0 @@
-import { Directive, DestroyRef, ElementRef, computed, inject, } from '@angular/core';
-import { MLV_EDITOR_TOOLBAR_ROVING } from '../editor-toolbar-context';
-import * as i0 from "@angular/core";
-/** Marks a projected or built-in editor control as one editor-toolbar roving widget. */
-export class MlvEditorToolbarWidget {
-    /** @internal Native widget registered with the enclosing toolbar. */
-    _element = inject(ElementRef).nativeElement;
-    /** @internal Editor-scoped roving-focus coordinator. */
-    _registry = inject(MLV_EDITOR_TOOLBAR_ROVING);
-    /** @internal Widget lifecycle for deregistration. */
-    _destroyRef = inject(DestroyRef);
-    /** @internal Derived tab stop for roving keyboard navigation. */
-    _tabIndex = computed(() => this._registry.isActive(this._element) ? 0 : -1, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_tabIndex" }] : /* istanbul ignore next */ []));
-    constructor() {
-        const unregister = this._registry.register(this._element);
-        this._destroyRef.onDestroy(unregister);
-    }
-    /** @internal Promotes this widget when it receives focus. */
-    _activate() {
-        this._registry.activate(this._element);
-    }
-    /** @internal Promotes this widget before pointer activation. */
-    _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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarWidget, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mlvEditorToolbarWidget]',
-                    host: {
-                        '[attr.tabindex]': '_tabIndex()',
-                        '(focus)': '_activate()',
-                        '(pointerdown)': '_activateOnPointerDown()',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=editor-toolbar-widget.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor-toolbar-widget.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-toolbar-widget.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;;AAEtE,wFAAwF;AASxF,MAAM,OAAO,sBAAsB;IACjC,qEAAqE;IACpD,QAAQ,GACvB,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa,CAAC;IAC5D,wDAAwD;IACvC,SAAS,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAC;IAC/D,qDAAqD;IACpC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAClD,iEAAiE;IAC9C,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC3C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;kFAChD,CAAC;IAEF;QACE,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1D,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC;IAED,6DAA6D;IACnD,SAAS;QACjB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;IAED,gEAAgE;IACtD,sBAAsB;QAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;uGA1BU,sBAAsB;2FAAtB,sBAAsB;;2FAAtB,sBAAsB;kBARlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE;wBACJ,iBAAiB,EAAE,aAAa;wBAChC,SAAS,EAAE,aAAa;wBACxB,eAAe,EAAE,0BAA0B;qBAC5C;iBACF","sourcesContent":["import {\n  Directive,\n  DestroyRef,\n  ElementRef,\n  computed,\n  inject,\n} from '@angular/core';\nimport { MLV_EDITOR_TOOLBAR_ROVING } from '../editor-toolbar-context';\n\n/** Marks a projected or built-in editor control as one editor-toolbar roving widget. */\n@Directive({\n  selector: '[mlvEditorToolbarWidget]',\n  host: {\n    '[attr.tabindex]': '_tabIndex()',\n    '(focus)': '_activate()',\n    '(pointerdown)': '_activateOnPointerDown()',\n  },\n})\nexport class MlvEditorToolbarWidget {\n  /** @internal Native widget registered with the enclosing toolbar. */\n  private readonly _element =\n    inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  /** @internal Editor-scoped roving-focus coordinator. */\n  private readonly _registry = inject(MLV_EDITOR_TOOLBAR_ROVING);\n  /** @internal Widget lifecycle for deregistration. */\n  private readonly _destroyRef = inject(DestroyRef);\n  /** @internal Derived tab stop for roving keyboard navigation. */\n  protected readonly _tabIndex = computed(() =>\n    this._registry.isActive(this._element) ? 0 : -1,\n  );\n\n  constructor() {\n    const unregister = this._registry.register(this._element);\n    this._destroyRef.onDestroy(unregister);\n  }\n\n  /** @internal Promotes this widget when it receives focus. */\n  protected _activate(): void {\n    this._registry.activate(this._element);\n  }\n\n  /** @internal Promotes this widget before pointer activation. */\n  protected _activateOnPointerDown(): void {\n    this._registry.activate(this._element);\n  }\n}\n"]}

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

@@ -1,60 +0,0 @@
-import { Directive, TemplateRef, inject } from '@angular/core';
-import * as i0 from "@angular/core";
-/** Complete replacement template for an editor's built-in toolbar. */
-export class MlvEditorToolbarDef {
-    /** The projected template, whose implicit context is `MlvEditorToolbarContext`. */
-    templateRef = inject(TemplateRef, {
-        optional: true,
-    });
-    /** Narrows `let-context` to the editor toolbar context. */
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarDef, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mlvEditorToolbar]',
-                }]
-        }] });
-/** Template rendered before the built-in toolbar groups. */
-export class MlvEditorToolbarStartDef {
-    /** The projected template, whose implicit context is `MlvEditorToolbarContext`. */
-    templateRef = inject(TemplateRef, {
-        optional: true,
-    });
-    /** Narrows `let-context` to the editor toolbar context. */
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarStartDef, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mlvEditorToolbarStart]',
-                }]
-        }] });
-/** Template rendered after the built-in toolbar groups. */
-export class MlvEditorToolbarEndDef {
-    /** The projected template, whose implicit context is `MlvEditorToolbarContext`. */
-    templateRef = inject(TemplateRef, {
-        optional: true,
-    });
-    /** Narrows `let-context` to the editor toolbar context. */
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorToolbarEndDef, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mlvEditorToolbarEnd]',
-                }]
-        }] });
-//# sourceMappingURL=editor-toolbar.defs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor-toolbar.defs.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-toolbar.defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAQ/D,sEAAsE;AAItE,MAAM,OAAO,mBAAmB;IAC9B,mFAAmF;IAC1E,WAAW,GAAG,MAAM,CAC3B,WAAW,EACX;QACE,QAAQ,EAAE,IAAI;KACf,CACF,CAAC;IAEF,2DAA2D;IAC3D,MAAM,CAAC,sBAAsB,CAC3B,IAAyB,EACzB,QAAiB;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;uGAfU,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAH/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;iBAC/B;;AAmBD,4DAA4D;AAI5D,MAAM,OAAO,wBAAwB;IACnC,mFAAmF;IAC1E,WAAW,GAAG,MAAM,CAC3B,WAAW,EACX;QACE,QAAQ,EAAE,IAAI;KACf,CACF,CAAC;IAEF,2DAA2D;IAC3D,MAAM,CAAC,sBAAsB,CAC3B,IAA8B,EAC9B,QAAiB;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;uGAfU,wBAAwB;2FAAxB,wBAAwB;;2FAAxB,wBAAwB;kBAHpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;iBACpC;;AAmBD,2DAA2D;AAI3D,MAAM,OAAO,sBAAsB;IACjC,mFAAmF;IAC1E,WAAW,GAAG,MAAM,CAC3B,WAAW,EACX;QACE,QAAQ,EAAE,IAAI;KACf,CACF,CAAC;IAEF,2DAA2D;IAC3D,MAAM,CAAC,sBAAsB,CAC3B,IAA4B,EAC5B,QAAiB;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;uGAfU,sBAAsB;2FAAtB,sBAAsB;;2FAAtB,sBAAsB;kBAHlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;iBAClC","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\nimport type { MlvEditorToolbarContext } from '../editor-toolbar-context';\n\n/** @internal Template context supplied to replaceable toolbar definitions. */\ninterface MlvEditorToolbarTemplateContext {\n  readonly $implicit: MlvEditorToolbarContext;\n}\n\n/** Complete replacement template for an editor's built-in toolbar. */\n@Directive({\n  selector: '[mlvEditorToolbar]',\n})\nexport class MlvEditorToolbarDef {\n  /** The projected template, whose implicit context is `MlvEditorToolbarContext`. */\n  readonly templateRef = inject<TemplateRef<MlvEditorToolbarTemplateContext>>(\n    TemplateRef,\n    {\n      optional: true,\n    },\n  );\n\n  /** Narrows `let-context` to the editor toolbar context. */\n  static ngTemplateContextGuard(\n    _dir: MlvEditorToolbarDef,\n    _context: unknown,\n  ): _context is MlvEditorToolbarTemplateContext {\n    return true;\n  }\n}\n\n/** Template rendered before the built-in toolbar groups. */\n@Directive({\n  selector: '[mlvEditorToolbarStart]',\n})\nexport class MlvEditorToolbarStartDef {\n  /** The projected template, whose implicit context is `MlvEditorToolbarContext`. */\n  readonly templateRef = inject<TemplateRef<MlvEditorToolbarTemplateContext>>(\n    TemplateRef,\n    {\n      optional: true,\n    },\n  );\n\n  /** Narrows `let-context` to the editor toolbar context. */\n  static ngTemplateContextGuard(\n    _dir: MlvEditorToolbarStartDef,\n    _context: unknown,\n  ): _context is MlvEditorToolbarTemplateContext {\n    return true;\n  }\n}\n\n/** Template rendered after the built-in toolbar groups. */\n@Directive({\n  selector: '[mlvEditorToolbarEnd]',\n})\nexport class MlvEditorToolbarEndDef {\n  /** The projected template, whose implicit context is `MlvEditorToolbarContext`. */\n  readonly templateRef = inject<TemplateRef<MlvEditorToolbarTemplateContext>>(\n    TemplateRef,\n    {\n      optional: true,\n    },\n  );\n\n  /** Narrows `let-context` to the editor toolbar context. */\n  static ngTemplateContextGuard(\n    _dir: MlvEditorToolbarEndDef,\n    _context: unknown,\n  ): _context is MlvEditorToolbarTemplateContext {\n    return true;\n  }\n}\n"]}