@acorex/components 22.4.2 → 22.4.4

package/fesm2022/acorex-components-text-editor.mjs

@@ -0,0 +1,1988 @@
+import { AXComponent, MXInputBaseValueComponent, MXLookComponent, AXFocusableComponent, AXValuableComponent } from '@acorex/cdk/common';
+import { AXButtonComponent, AXButtonItemListComponent, AXButtonItemComponent } from '@acorex/components/button';
+import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, inject, input, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, PLATFORM_ID, afterNextRender, effect, DestroyRef, contentChild, forwardRef, model, viewChild, NgModule } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { Mark, mergeAttributes, Extension, Editor } from '@tiptap/core';
+import { isEqual } from 'lodash-es';
+import { Highlight } from '@tiptap/extension-highlight';
+import { TableKit } from '@tiptap/extension-table/kit';
+import { TextAlign } from '@tiptap/extension-text-align';
+import { TextStyle, Color } from '@tiptap/extension-text-style';
+import { Placeholder } from '@tiptap/extensions';
+import { StarterKit } from '@tiptap/starter-kit';
+import { PluginKey, Plugin } from '@tiptap/pm/state';
+import { DecorationSet, Decoration } from '@tiptap/pm/view';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { classes } from 'polytype';
+import { AXHorizontalScrollDirective } from '@acorex/cdk/horizontal-scroll';
+import { AXDropdownButtonComponent } from '@acorex/components/dropdown-button';
+import { AXBadgeComponent } from '@acorex/components/badge';
+import { AXColorPaletteComponent, AXColorPalettePickerComponent, AXColorPaletteSwatchesComponent, AXColorPaletteInputComponent } from '@acorex/components/color-palette';
+
+const AX_TEXT_EDITOR_ZOOM_PRESETS = [40, 50, 75, 90, 100, 125, 150, 175, 200];
+const AX_TEXT_EDITOR_ZOOM_MIN = 40;
+const AX_TEXT_EDITOR_ZOOM_MAX = 200;
+const AX_TEXT_EDITOR_DEFAULT_TEXT_COLORS = [
+    '#f59e0b',
+    '#eab308',
+    '#22c55e',
+    '#06b6d4',
+    '#3b82f6',
+    '#a855f7',
+    '#ec4899',
+    '#ef4444',
+];
+const AX_TEXT_EDITOR_DEFAULT_BACKGROUND_COLORS = [
+    '#ffffff',
+    '#f5e6c8',
+    '#fde68a',
+    '#f9a8d4',
+    '#bbf7d0',
+    '#ddd6fe',
+    '#fbcfe8',
+    '#fdba74',
+];
+
+function escapeHtml(value) {
+    return value.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;');
+}
+function normalizeHref(value) {
+    const href = value.trim();
+    if (!href)
+        return '';
+    if (/^(https?:|mailto:|tel:|#|\/)/i.test(href))
+        return href;
+    return `https://${href}`;
+}
+function headingLevel(attrs) {
+    const level = Number(attrs?.['level']);
+    return level === 1 || level === 2 || level === 3 ? level : undefined;
+}
+function isTextEditorCommandActive(editor, command, attrs) {
+    switch (command) {
+        case 'heading': {
+            const level = headingLevel(attrs);
+            return level ? editor.isActive('heading', { level }) : editor.isActive('heading');
+        }
+        case 'paragraph':
+            return editor.isActive('paragraph');
+        case 'align':
+            return editor.isActive({ textAlign: attrs?.['align'] });
+        case 'direction':
+            return editor.isActive({ dir: attrs?.['direction'] });
+        case 'link':
+            return editor.isActive('link');
+        case 'insertTable':
+            return editor.isActive('table');
+        case 'unlink':
+        case 'color':
+        case 'highlight':
+        case 'undo':
+        case 'redo':
+        case 'horizontalRule':
+            return false;
+        default:
+            return editor.isActive(command);
+    }
+}
+function canRunTextEditorCommand(editor, command, attrs) {
+    switch (command) {
+        case 'undo':
+            return editor.can().undo();
+        case 'redo':
+            return editor.can().redo();
+        case 'heading': {
+            const level = headingLevel(attrs);
+            return level ? editor.can().setHeading({ level }) : editor.can().setParagraph();
+        }
+        case 'paragraph':
+            return editor.can().setParagraph();
+        case 'align':
+            return editor.can().setTextAlign(String(attrs?.['align'] ?? 'left'));
+        case 'direction':
+            return true;
+        case 'color':
+            return attrs?.['color'] ? editor.can().setColor(String(attrs['color'])) : editor.can().unsetColor();
+        case 'highlight':
+            return attrs?.['color']
+                ? editor.can().setHighlight({ color: String(attrs['color']) })
+                : editor.can().unsetHighlight();
+        case 'link':
+            return editor.isEditable;
+        case 'unlink':
+            return editor.isEditable && editor.can().unsetLink();
+        case 'insertTable':
+            return editor.can().insertTable({
+                rows: Number(attrs?.['rows'] ?? 3),
+                cols: Number(attrs?.['cols'] ?? 3),
+                withHeaderRow: Boolean(attrs?.['withHeaderRow'] ?? false),
+            });
+        case 'addColumnBefore':
+            return editor.can().addColumnBefore();
+        case 'addColumnAfter':
+            return editor.can().addColumnAfter();
+        case 'deleteColumn':
+            return editor.can().deleteColumn();
+        case 'addRowBefore':
+            return editor.can().addRowBefore();
+        case 'addRowAfter':
+            return editor.can().addRowAfter();
+        case 'deleteRow':
+            return editor.can().deleteRow();
+        case 'toggleHeaderRow':
+            return editor.can().toggleHeaderRow();
+        case 'deleteTable':
+            return editor.can().deleteTable();
+        case 'blockquote':
+            return editor.can().toggleBlockquote();
+        case 'code':
+            return editor.can().toggleCode();
+        case 'codeBlock':
+            return editor.can().toggleCodeBlock();
+        case 'horizontalRule':
+            return editor.can().setHorizontalRule();
+        case 'bulletList':
+            return editor.isEditable && Boolean(editor.schema.nodes['bulletList']);
+        case 'orderedList':
+            return editor.isEditable && Boolean(editor.schema.nodes['orderedList']);
+        case 'superscript':
+            return editor.can().toggleSuperscript();
+        case 'subscript':
+            return editor.can().toggleSubscript();
+        case 'bold':
+            return editor.can().toggleBold();
+        case 'italic':
+            return editor.can().toggleItalic();
+        case 'underline':
+            return editor.can().toggleUnderline();
+        case 'strike':
+            return editor.can().toggleStrike();
+        default:
+            return false;
+    }
+}
+function runTextEditorCommand(editor, command, attrs) {
+    const chain = editor.chain().focus();
+    switch (command) {
+        case 'undo':
+            return chain.undo().run();
+        case 'redo':
+            return chain.redo().run();
+        case 'heading': {
+            const level = headingLevel(attrs);
+            return level ? chain.setHeading({ level }).run() : chain.setParagraph().run();
+        }
+        case 'paragraph':
+            return chain.setParagraph().run();
+        case 'align':
+            return chain.setTextAlign(String(attrs?.['align'] ?? 'left')).run();
+        case 'direction': {
+            const direction = attrs?.['direction'] === 'rtl' ? 'rtl' : 'ltr';
+            return chain
+                .updateAttributes('paragraph', { dir: direction })
+                .updateAttributes('heading', { dir: direction })
+                .run();
+        }
+        case 'color':
+            return attrs?.['color'] ? chain.setColor(String(attrs['color'])).run() : chain.unsetColor().run();
+        case 'highlight':
+            return attrs?.['color']
+                ? chain.setHighlight({ color: String(attrs['color']) }).run()
+                : chain.unsetHighlight().run();
+        case 'link': {
+            const href = normalizeHref(String(attrs?.['href'] ?? ''));
+            if (!href) {
+                return chain.extendMarkRange('link').unsetLink().run();
+            }
+            if (editor.state.selection.empty) {
+                const safeHref = escapeHtml(href);
+                return chain.insertContent(`<a href="${safeHref}">${safeHref}</a>`).run();
+            }
+            return chain.extendMarkRange('link').setLink({ href }).run();
+        }
+        case 'unlink':
+            return chain.extendMarkRange('link').unsetLink().run();
+        case 'insertTable':
+            return chain
+                .insertTable({
+                rows: Number(attrs?.['rows'] ?? 3),
+                cols: Number(attrs?.['cols'] ?? 3),
+                withHeaderRow: Boolean(attrs?.['withHeaderRow'] ?? false),
+            })
+                .run();
+        case 'addColumnBefore':
+            return chain.addColumnBefore().run();
+        case 'addColumnAfter':
+            return chain.addColumnAfter().run();
+        case 'deleteColumn':
+            return chain.deleteColumn().run();
+        case 'addRowBefore':
+            return chain.addRowBefore().run();
+        case 'addRowAfter':
+            return chain.addRowAfter().run();
+        case 'deleteRow':
+            return chain.deleteRow().run();
+        case 'toggleHeaderRow':
+            return chain.toggleHeaderRow().run();
+        case 'deleteTable':
+            return chain.deleteTable().run();
+        case 'blockquote':
+            return chain.toggleBlockquote().run();
+        case 'code':
+            return chain.toggleCode().run();
+        case 'codeBlock':
+            return chain.toggleCodeBlock().run();
+        case 'horizontalRule':
+            return chain.setHorizontalRule().run();
+        case 'bulletList':
+            return chain.toggleBulletList().run();
+        case 'orderedList':
+            return chain.toggleOrderedList().run();
+        case 'superscript':
+            return chain.toggleSuperscript().run();
+        case 'subscript':
+            return chain.toggleSubscript().run();
+        case 'bold':
+            return chain.toggleBold().run();
+        case 'italic':
+            return chain.toggleItalic().run();
+        case 'underline':
+            return chain.toggleUnderline().run();
+        case 'strike':
+            return chain.toggleStrike().run();
+        default:
+            return false;
+    }
+}
+
+/**
+ * Per-editor Tiptap facade. Provided on `ax-text-editor`, so projected tools and
+ * custom toolbar children can `inject(AXTextEditorService)` and use either the
+ * named-command helpers or the full Tiptap instance.
+ */
+class AXTextEditorService {
+    constructor() {
+        this._editor = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_editor" }] : /* istanbul ignore next */ []));
+        this.host = null;
+        this.preservedRange = null;
+        this.editor = this._editor.asReadonly();
+        this.version = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "version" }] : /* istanbul ignore next */ []));
+        this.disabled = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.readonly = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.editable = computed(() => !this.disabled() && !this.readonly(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
+        this.textColor = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textColor" }] : /* istanbul ignore next */ []));
+        this.highlightColor = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "highlightColor" }] : /* istanbul ignore next */ []));
+        this.zoom = signal(100, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
+        this.zoomFactor = computed(() => this.zoom() / 100, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoomFactor" }] : /* istanbul ignore next */ []));
+    }
+    bindHost(host) {
+        this.host = host;
+        this.syncHostState();
+    }
+    syncHostState() {
+        this.disabled.set(Boolean(this.host?.disabled()));
+        this.readonly.set(Boolean(this.host?.readonly()));
+        this.setEditable(this.editable());
+    }
+    getHost() {
+        return this.host;
+    }
+    setEditor(editor) {
+        this._editor.set(editor);
+        this.refresh();
+    }
+    refresh() {
+        this.version.update((value) => value + 1);
+        const editor = this._editor();
+        if (!editor) {
+            this.textColor.set(null);
+            this.highlightColor.set(null);
+            return;
+        }
+        this.textColor.set(editor.getAttributes('textStyle')?.['color'] ?? null);
+        this.highlightColor.set(editor.getAttributes('highlight')?.['color'] ?? null);
+    }
+    chain() {
+        return this._editor()?.chain() ?? null;
+    }
+    get commands() {
+        return this._editor()?.commands;
+    }
+    get canCommands() {
+        return this._editor()?.can();
+    }
+    isActive(command, attrs) {
+        this.version();
+        const editor = this._editor();
+        return editor ? isTextEditorCommandActive(editor, command, attrs) : false;
+    }
+    can(command, attrs) {
+        this.version();
+        if (!this.editable())
+            return false;
+        const editor = this._editor();
+        return editor ? canRunTextEditorCommand(editor, command, attrs) : false;
+    }
+    preserveSelection() {
+        const editor = this._editor();
+        if (!editor)
+            return;
+        const { from, to } = editor.state.selection;
+        this.preservedRange = { from, to };
+    }
+    clearPreservedSelection() {
+        this.preservedRange = null;
+    }
+    run(command, attrs) {
+        const editor = this._editor();
+        if (!editor || !this.editable())
+            return false;
+        this.restorePreservedSelection(editor);
+        return runTextEditorCommand(editor, command, attrs);
+    }
+    restorePreservedSelection(editor) {
+        const range = this.preservedRange;
+        if (!range)
+            return;
+        const max = editor.state.doc.content.size;
+        const from = Math.max(0, Math.min(range.from, max));
+        const to = Math.max(0, Math.min(range.to, max));
+        if (editor.state.selection.from === from && editor.state.selection.to === to)
+            return;
+        editor.commands.setTextSelection({ from, to });
+    }
+    getJSON() {
+        return this._editor()?.getJSON() ?? null;
+    }
+    getHTML() {
+        return this._editor()?.getHTML() ?? '';
+    }
+    getText(options) {
+        return this._editor()?.getText(options) ?? '';
+    }
+    setContent(content, emitUpdate = false) {
+        return this._editor()?.commands.setContent(content, { emitUpdate }) ?? false;
+    }
+    insertContent(value) {
+        return this._editor()?.chain().focus().insertContent(value).run() ?? false;
+    }
+    clearContent() {
+        return this._editor()?.commands.clearContent() ?? false;
+    }
+    focus() {
+        return this._editor()?.commands.focus() ?? false;
+    }
+    blur() {
+        return this._editor()?.commands.blur() ?? false;
+    }
+    isEmpty() {
+        return this._editor()?.isEmpty ?? true;
+    }
+    isFocused() {
+        return this._editor()?.isFocused ?? false;
+    }
+    isEditable() {
+        return this._editor()?.isEditable ?? false;
+    }
+    setEditable(editable) {
+        const editor = this._editor();
+        if (!editor || editor.isEditable === editable)
+            return;
+        editor.setEditable(editable, false);
+        this.refresh();
+    }
+    setZoom(value) {
+        if (!Number.isFinite(value))
+            return;
+        this.zoom.set(Math.min(AX_TEXT_EDITOR_ZOOM_MAX, Math.max(AX_TEXT_EDITOR_ZOOM_MIN, Math.round(value))));
+    }
+    zoomIn(step = 10) {
+        this.setZoom(this.zoom() + step);
+    }
+    zoomOut(step = 10) {
+        this.setZoom(this.zoom() - step);
+    }
+    fitToPage() {
+        const editor = this._editor();
+        if (!editor) {
+            this.setZoom(100);
+            return;
+        }
+        const prose = editor.view.dom;
+        const viewport = prose.closest('ax-text-editor-content') ?? prose.parentElement;
+        if (!viewport) {
+            this.setZoom(100);
+            return;
+        }
+        const factor = Math.max(this.zoom() / 100, 0.01);
+        const unscaledWidth = prose.scrollWidth / factor;
+        const available = viewport.clientWidth;
+        if (unscaledWidth <= 0 || available <= 0 || unscaledWidth <= available) {
+            this.setZoom(100);
+            return;
+        }
+        this.setZoom(Math.floor((available / unscaledWidth) * 100));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Marker base for projected editor tools and slots.
+ */
+class AXTextEditorSlot {
+}
+
+const TOGGLE_COMMANDS = new Set([
+    'bold',
+    'italic',
+    'underline',
+    'strike',
+    'bulletList',
+    'orderedList',
+    'superscript',
+    'subscript',
+    'blockquote',
+    'code',
+    'codeBlock',
+    'direction',
+]);
+class AXTextEditorCommandComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.command = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "command" }] : /* istanbul ignore next */ []));
+        this.attrs = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attrs" }] : /* istanbul ignore next */ []));
+        this.icon = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        this.label = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.toggleable = computed(() => TOGGLE_COMMANDS.has(this.command()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toggleable" }] : /* istanbul ignore next */ []));
+        this.active = computed(() => this.editorService.isActive(this.command(), this.attrs()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.enabled = computed(() => this.editorService.can(this.command(), this.attrs()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+    }
+    execute() {
+        this.editorService.run(this.command(), this.attrs());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorCommandComponent, isStandalone: true, selector: "ax-text-editor-command", inputs: { command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: true, transformFunction: null }, attrs: { classPropertyName: "attrs", publicName: "attrs", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.title": "label()" } }, providers: [
+            { provide: AXComponent, useExisting: AXTextEditorCommandComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorCommandComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-button
+      class="ax-sm"
+      look="blank"
+      [iconOnly]="true"
+      [text]="label()"
+      [toggleable]="toggleable()"
+      [selected]="active()"
+      [disabled]="!enabled()"
+      (onClick)="execute()"
+    >
+      @if (icon()) {
+        <ax-icon class="ax-icon {{ icon() }}"></ax-icon>
+      }
+    </ax-button>
+  `, isInline: true, dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorCommandComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-command',
+                    template: `
+    <ax-button
+      class="ax-sm"
+      look="blank"
+      [iconOnly]="true"
+      [text]="label()"
+      [toggleable]="toggleable()"
+      [selected]="active()"
+      [disabled]="!enabled()"
+      (onClick)="execute()"
+    >
+      @if (icon()) {
+        <ax-icon class="ax-icon {{ icon() }}"></ax-icon>
+      }
+    </ax-button>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[attr.title]': 'label()',
+                    },
+                    imports: [AXButtonComponent, AXDecoratorIconComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorCommandComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorCommandComponent },
+                    ],
+                }]
+        }], propDecorators: { command: [{ type: i0.Input, args: [{ isSignal: true, alias: "command", required: true }] }], attrs: [{ type: i0.Input, args: [{ isSignal: true, alias: "attrs", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+const Superscript = Mark.create({
+    name: 'superscript',
+    excludes: 'subscript',
+    parseHTML() {
+        return [{ tag: 'sup' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['sup', mergeAttributes(HTMLAttributes), 0];
+    },
+    addCommands() {
+        return {
+            toggleSuperscript: () => ({ commands }) => commands.toggleMark(this.name),
+        };
+    },
+});
+const Subscript = Mark.create({
+    name: 'subscript',
+    excludes: 'superscript',
+    parseHTML() {
+        return [{ tag: 'sub' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['sub', mergeAttributes(HTMLAttributes), 0];
+    },
+    addCommands() {
+        return {
+            toggleSubscript: () => ({ commands }) => commands.toggleMark(this.name),
+        };
+    },
+});
+const keepSelectionKey = new PluginKey('axKeepSelection');
+const KeepSelection = Extension.create({
+    name: 'keepSelection',
+    addProseMirrorPlugins() {
+        return [
+            new Plugin({
+                key: keepSelectionKey,
+                state: {
+                    init() {
+                        return DecorationSet.empty;
+                    },
+                    apply(tr, set) {
+                        const meta = tr.getMeta(keepSelectionKey);
+                        if (meta === 'clear')
+                            return DecorationSet.empty;
+                        if (meta && meta.from !== meta.to) {
+                            return DecorationSet.create(tr.doc, [
+                                Decoration.inline(meta.from, meta.to, { class: 'ax-text-editor-kept-selection' }),
+                            ]);
+                        }
+                        return set.map(tr.mapping, tr.doc);
+                    },
+                },
+                props: {
+                    decorations(state) {
+                        return keepSelectionKey.getState(state);
+                    },
+                    handleDOMEvents: {
+                        blur(view) {
+                            const { from, to } = view.state.selection;
+                            if (from !== to) {
+                                view.dispatch(view.state.tr.setMeta(keepSelectionKey, { from, to }));
+                            }
+                            return false;
+                        },
+                        focus(view) {
+                            const decorations = keepSelectionKey.getState(view.state);
+                            if (decorations?.find().length) {
+                                view.dispatch(view.state.tr.setMeta(keepSelectionKey, 'clear'));
+                            }
+                            return false;
+                        },
+                    },
+                },
+            }),
+        ];
+    },
+});
+const TextDirection = Extension.create({
+    name: 'textDirection',
+    addGlobalAttributes() {
+        return [
+            {
+                types: ['paragraph', 'heading'],
+                attributes: {
+                    dir: {
+                        default: null,
+                        parseHTML: (element) => element.getAttribute('dir'),
+                        renderHTML: (attributes) => (attributes['dir'] ? { dir: attributes['dir'] } : {}),
+                    },
+                },
+            },
+        ];
+    },
+});
+function createTextEditorExtensions(placeholder = '') {
+    const placeholderFn = typeof placeholder === 'function' ? placeholder : () => placeholder;
+    return [
+        StarterKit.configure({
+            heading: {
+                levels: [1, 2, 3],
+                HTMLAttributes: {
+                    class: 'ax-text-editor-heading',
+                },
+            },
+            link: {
+                openOnClick: false,
+                HTMLAttributes: {
+                    class: 'ax-text-editor-link',
+                },
+            },
+            code: {
+                HTMLAttributes: {
+                    class: 'ax-text-editor-code',
+                },
+            },
+            codeBlock: {
+                HTMLAttributes: {
+                    class: 'ax-text-editor-code-block',
+                },
+            },
+            bulletList: {
+                HTMLAttributes: {
+                    class: 'ax-text-editor-bullet-list',
+                },
+            },
+            orderedList: {
+                HTMLAttributes: {
+                    class: 'ax-text-editor-ordered-list',
+                },
+            },
+            listItem: {
+                HTMLAttributes: {
+                    class: 'ax-text-editor-list-item',
+                },
+            },
+        }),
+        Superscript,
+        Subscript,
+        TextStyle,
+        Color,
+        Highlight.configure({ multicolor: true }),
+        TextAlign.configure({
+            types: ['heading', 'paragraph'],
+        }),
+        TextDirection,
+        KeepSelection,
+        TableKit.configure({
+            table: {
+                resizable: true,
+                lastColumnResizable: true,
+                cellMinWidth: 64,
+                HTMLAttributes: {
+                    class: 'ax-text-editor-table',
+                },
+            },
+        }),
+        Placeholder.configure({
+            placeholder: placeholderFn,
+            showOnlyCurrent: true,
+        }),
+    ];
+}
+
+class AXTextEditorContentComponent extends AXTextEditorSlot {
+    constructor() {
+        super();
+        this.editorService = inject(AXTextEditorService);
+        this.elementRef = inject((ElementRef));
+        this.platformId = inject(PLATFORM_ID);
+        this.editor = null;
+        afterNextRender(() => this.createEditor());
+        effect(() => {
+            if (!this.editorService.editor())
+                return;
+            this.editorService.setEditable(this.editorService.editable());
+        });
+    }
+    host() {
+        return this.editorService.getHost();
+    }
+    ngOnDestroy() {
+        this.editor?.destroy();
+        this.editor = null;
+        this.editorService.setEditor(null);
+    }
+    createEditor() {
+        if (!isPlatformBrowser(this.platformId) || this.editor)
+            return;
+        const host = this.host();
+        const element = this.elementRef.nativeElement.querySelector('.ax-text-editor-surface');
+        if (!host || !element)
+            return;
+        this.editor = new Editor({
+            element,
+            extensions: createTextEditorExtensions(() => this.host()?.placeHolder() ?? ''),
+            content: this.toContent(host.value()),
+            editable: this.editorService.editable(),
+            editorProps: {
+                attributes: {
+                    class: 'ax-text-editor-prose',
+                },
+                handleDOMEvents: {
+                    mousedown: () => {
+                        this.editorService.clearPreservedSelection();
+                        return false;
+                    },
+                },
+            },
+            onUpdate: () => this.emitValue(),
+            onSelectionUpdate: () => this.editorService.refresh(),
+            onTransaction: () => this.editorService.refresh(),
+            onFocus: () => this.host()?.notifyFocus(),
+            onBlur: () => this.host()?.notifyBlur(),
+        });
+        this.editorService.setEditor(this.editor);
+    }
+    emitValue() {
+        const host = this.host();
+        const next = this.serialize();
+        if (!host || isEqual(next, host.value())) {
+            this.editorService.refresh();
+            return;
+        }
+        host.notifyValue(next);
+        this.editorService.refresh();
+    }
+    serialize() {
+        if (!this.editor || this.editor.isEmpty)
+            return null;
+        return this.host()?.outputFormat() === 'html' ? this.editor.getHTML() : this.editor.getJSON();
+    }
+    toContent(value) {
+        if (value == null || value === '')
+            return '';
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorContentComponent, isStandalone: true, selector: "ax-text-editor-content", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorContentComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorContentComponent },
+        ], usesInheritance: true, ngImport: i0, template: `<div class="ax-text-editor-surface" #surface></div>`, isInline: true, styles: ["@layer properties;@layer components{ax-text-editor-content{position:relative;display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-text-editor-surface{width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-text-editor-prose{width:100%;min-width:calc(var(--spacing, .25rem) * 0);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-outline-style: none;outline-style:none;min-height:var( --ax-comp-text-editor-min-height, calc(var(--ax-comp-text-editor-initial-line, 6) * 1.5em + 1.5rem) );color:var(--ax-comp-text-editor-text-color, var(--ax-sys-color-on-surface, inherit));zoom:var(--ax-comp-text-editor-zoom, 1)}.ax-text-editor-prose a{color:rgba(var(--ax-sys-color-primary-600));text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px}.ax-text-editor-prose a:hover{color:rgba(var(--ax-sys-color-primary-700));text-decoration-thickness:2px}.ax-text-editor-prose blockquote{margin-block:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 1);border-inline-start:3px solid var(--ax-sys-color-primary, #3b82f6);color:var(--ax-comp-text-editor-text-color, currentColor)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-prose blockquote{color:color-mix(in oklab,var(--ax-comp-text-editor-text-color, currentColor) 72%,transparent)}}.ax-text-editor-prose blockquote p{margin:0}.ax-text-editor-prose pre,.ax-text-editor-prose pre.ax-text-editor-code-block{margin-block:calc(var(--spacing, .25rem) * 2);display:block;width:100%;overflow-x:auto;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);background-color:var(--ax-comp-text-editor-code-bg-color, rgba(var(--ax-sys-color-surface)));border:0;color:inherit;font-family:inherit;white-space:pre-wrap}.ax-text-editor-prose pre code{display:block;border-radius:0;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:inherit;font-family:inherit;font-size:inherit}.ax-text-editor-prose p.is-empty:first-child:before,.ax-text-editor-prose p.is-editor-empty:first-child:before{pointer-events:none;float:left;height:calc(var(--spacing, .25rem) * 0);content:attr(data-placeholder);color:var(--ax-comp-text-editor-placeholder-color, currentColor)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-prose p.is-empty:first-child:before,.ax-text-editor-prose p.is-editor-empty:first-child:before{color:var(--ax-comp-text-editor-placeholder-color, color-mix(in oklab, currentColor 45%, transparent))}}.ax-text-editor-prose sup{font-size:.75em;line-height:0;position:relative;top:-.4em;vertical-align:baseline}.ax-text-editor-prose sub{font-size:.75em;line-height:0;position:relative;bottom:-.2em;vertical-align:baseline}.ax-text-editor-prose table{width:100%;border-collapse:collapse;border:1px solid var(--ax-comp-text-editor-table-border-color, var(--ax-sys-color-border-lightest, #e5e7eb))}.ax-text-editor-prose th,.ax-text-editor-prose td{position:relative;min-width:calc(var(--spacing, .25rem) * 16);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);vertical-align:top;border:1px solid var(--ax-comp-text-editor-table-border-color, var(--ax-sys-color-border-lightest, #e5e7eb))}.ax-text-editor-prose .selectedCell{background:var(--ax-sys-color-primary, #3b82f6)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-prose .selectedCell{background:color-mix(in oklab,var(--ax-sys-color-primary, #3b82f6) 16%,transparent)}}.ax-text-editor-prose .column-resize-handle{pointer-events:none;position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -.5);top:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);width:calc(var(--spacing, .25rem) * 1);background:var(--ax-sys-color-primary, #3b82f6)}.ax-text-editor-prose .tableWrapper{margin-block:calc(var(--spacing, .25rem) * 2);overflow-x:auto}.resize-cursor{cursor:col-resize}}ax-text-editor .ax-text-editor-prose :not(pre)>code,ax-text-editor .ax-text-editor-prose code.ax-text-editor-code{display:inline;border-radius:.5rem;padding:.25rem .625rem;background-color:var(--ax-comp-text-editor-code-bg-color, rgba(var(--ax-sys-color-surface)));border:1px solid var(--ax-comp-text-editor-code-border-color, rgba(var(--ax-sys-color-border-surface)));color:inherit;font-family:inherit;font-size:.875em}ax-text-editor .ax-text-editor-prose pre code{display:block;border:0;border-radius:0;padding:0;background-color:transparent;color:inherit;font-family:inherit;font-size:inherit}ax-text-editor .ax-text-editor-prose ul,ax-text-editor .ax-text-editor-prose ul.ax-text-editor-bullet-list{list-style-type:disc!important;list-style-position:outside;margin-block:.5em;padding-inline-start:1.75rem}ax-text-editor .ax-text-editor-prose ol,ax-text-editor .ax-text-editor-prose ol.ax-text-editor-ordered-list{list-style-type:decimal!important;list-style-position:outside;margin-block:.5em;padding-inline-start:1.75rem}ax-text-editor .ax-text-editor-prose ul ul{list-style-type:circle!important}ax-text-editor .ax-text-editor-prose ol ol{list-style-type:lower-alpha!important}ax-text-editor .ax-text-editor-prose li{display:list-item!important}ax-text-editor .ax-text-editor-prose li p{margin:0}ax-text-editor .ax-text-editor-prose .ax-text-editor-kept-selection{background-color:var(--ax-sys-color-primary, #3b82f6)}@supports (color: color-mix(in lab,red,red)){ax-text-editor .ax-text-editor-prose .ax-text-editor-kept-selection{background-color:color-mix(in oklab,var(--ax-sys-color-primary, #3b82f6) 28%,transparent)}}ax-text-editor .ax-text-editor-prose p{margin-block:.35em;font-size:1em;font-weight:400}ax-text-editor .ax-text-editor-prose h1,ax-text-editor .ax-text-editor-prose h2,ax-text-editor .ax-text-editor-prose h3{margin-block:.6em .35em;letter-spacing:-.02em;color:inherit}ax-text-editor .ax-text-editor-prose h1{font-size:2.5rem!important;font-weight:600!important;line-height:1.2}ax-text-editor .ax-text-editor-prose h2{font-size:2rem!important;font-weight:600!important;line-height:1.25}ax-text-editor .ax-text-editor-prose h3{font-size:1.5rem!important;font-weight:600!important;line-height:1.3}ax-text-editor .ax-text-editor-prose>:first-child{margin-top:0}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-content', template: `<div class="ax-text-editor-surface" #surface></div>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorContentComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorContentComponent },
+                    ], styles: ["@layer properties;@layer components{ax-text-editor-content{position:relative;display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-text-editor-surface{width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-text-editor-prose{width:100%;min-width:calc(var(--spacing, .25rem) * 0);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-outline-style: none;outline-style:none;min-height:var( --ax-comp-text-editor-min-height, calc(var(--ax-comp-text-editor-initial-line, 6) * 1.5em + 1.5rem) );color:var(--ax-comp-text-editor-text-color, var(--ax-sys-color-on-surface, inherit));zoom:var(--ax-comp-text-editor-zoom, 1)}.ax-text-editor-prose a{color:rgba(var(--ax-sys-color-primary-600));text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px}.ax-text-editor-prose a:hover{color:rgba(var(--ax-sys-color-primary-700));text-decoration-thickness:2px}.ax-text-editor-prose blockquote{margin-block:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 1);border-inline-start:3px solid var(--ax-sys-color-primary, #3b82f6);color:var(--ax-comp-text-editor-text-color, currentColor)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-prose blockquote{color:color-mix(in oklab,var(--ax-comp-text-editor-text-color, currentColor) 72%,transparent)}}.ax-text-editor-prose blockquote p{margin:0}.ax-text-editor-prose pre,.ax-text-editor-prose pre.ax-text-editor-code-block{margin-block:calc(var(--spacing, .25rem) * 2);display:block;width:100%;overflow-x:auto;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);background-color:var(--ax-comp-text-editor-code-bg-color, rgba(var(--ax-sys-color-surface)));border:0;color:inherit;font-family:inherit;white-space:pre-wrap}.ax-text-editor-prose pre code{display:block;border-radius:0;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:inherit;font-family:inherit;font-size:inherit}.ax-text-editor-prose p.is-empty:first-child:before,.ax-text-editor-prose p.is-editor-empty:first-child:before{pointer-events:none;float:left;height:calc(var(--spacing, .25rem) * 0);content:attr(data-placeholder);color:var(--ax-comp-text-editor-placeholder-color, currentColor)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-prose p.is-empty:first-child:before,.ax-text-editor-prose p.is-editor-empty:first-child:before{color:var(--ax-comp-text-editor-placeholder-color, color-mix(in oklab, currentColor 45%, transparent))}}.ax-text-editor-prose sup{font-size:.75em;line-height:0;position:relative;top:-.4em;vertical-align:baseline}.ax-text-editor-prose sub{font-size:.75em;line-height:0;position:relative;bottom:-.2em;vertical-align:baseline}.ax-text-editor-prose table{width:100%;border-collapse:collapse;border:1px solid var(--ax-comp-text-editor-table-border-color, var(--ax-sys-color-border-lightest, #e5e7eb))}.ax-text-editor-prose th,.ax-text-editor-prose td{position:relative;min-width:calc(var(--spacing, .25rem) * 16);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);vertical-align:top;border:1px solid var(--ax-comp-text-editor-table-border-color, var(--ax-sys-color-border-lightest, #e5e7eb))}.ax-text-editor-prose .selectedCell{background:var(--ax-sys-color-primary, #3b82f6)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-prose .selectedCell{background:color-mix(in oklab,var(--ax-sys-color-primary, #3b82f6) 16%,transparent)}}.ax-text-editor-prose .column-resize-handle{pointer-events:none;position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -.5);top:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);width:calc(var(--spacing, .25rem) * 1);background:var(--ax-sys-color-primary, #3b82f6)}.ax-text-editor-prose .tableWrapper{margin-block:calc(var(--spacing, .25rem) * 2);overflow-x:auto}.resize-cursor{cursor:col-resize}}ax-text-editor .ax-text-editor-prose :not(pre)>code,ax-text-editor .ax-text-editor-prose code.ax-text-editor-code{display:inline;border-radius:.5rem;padding:.25rem .625rem;background-color:var(--ax-comp-text-editor-code-bg-color, rgba(var(--ax-sys-color-surface)));border:1px solid var(--ax-comp-text-editor-code-border-color, rgba(var(--ax-sys-color-border-surface)));color:inherit;font-family:inherit;font-size:.875em}ax-text-editor .ax-text-editor-prose pre code{display:block;border:0;border-radius:0;padding:0;background-color:transparent;color:inherit;font-family:inherit;font-size:inherit}ax-text-editor .ax-text-editor-prose ul,ax-text-editor .ax-text-editor-prose ul.ax-text-editor-bullet-list{list-style-type:disc!important;list-style-position:outside;margin-block:.5em;padding-inline-start:1.75rem}ax-text-editor .ax-text-editor-prose ol,ax-text-editor .ax-text-editor-prose ol.ax-text-editor-ordered-list{list-style-type:decimal!important;list-style-position:outside;margin-block:.5em;padding-inline-start:1.75rem}ax-text-editor .ax-text-editor-prose ul ul{list-style-type:circle!important}ax-text-editor .ax-text-editor-prose ol ol{list-style-type:lower-alpha!important}ax-text-editor .ax-text-editor-prose li{display:list-item!important}ax-text-editor .ax-text-editor-prose li p{margin:0}ax-text-editor .ax-text-editor-prose .ax-text-editor-kept-selection{background-color:var(--ax-sys-color-primary, #3b82f6)}@supports (color: color-mix(in lab,red,red)){ax-text-editor .ax-text-editor-prose .ax-text-editor-kept-selection{background-color:color-mix(in oklab,var(--ax-sys-color-primary, #3b82f6) 28%,transparent)}}ax-text-editor .ax-text-editor-prose p{margin-block:.35em;font-size:1em;font-weight:400}ax-text-editor .ax-text-editor-prose h1,ax-text-editor .ax-text-editor-prose h2,ax-text-editor .ax-text-editor-prose h3{margin-block:.6em .35em;letter-spacing:-.02em;color:inherit}ax-text-editor .ax-text-editor-prose h1{font-size:2.5rem!important;font-weight:600!important;line-height:1.2}ax-text-editor .ax-text-editor-prose h2{font-size:2rem!important;font-weight:600!important;line-height:1.25}ax-text-editor .ax-text-editor-prose h3{font-size:1.5rem!important;font-weight:600!important;line-height:1.3}ax-text-editor .ax-text-editor-prose>:first-child{margin-top:0}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [] });
+
+class AXTextEditorComponent extends classes((MXInputBaseValueComponent), MXLookComponent) {
+    constructor() {
+        super();
+        this.editorService = inject(AXTextEditorService);
+        this.destroyRef = inject(DestroyRef);
+        this.projected = contentChild(AXTextEditorContentComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "projected" }] : /* istanbul ignore next */ []));
+        this.syncingFromEditor = false;
+        this.placeHolder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeHolder" }] : /* istanbul ignore next */ []));
+        this.outputFormat = input('json', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outputFormat" }] : /* istanbul ignore next */ []));
+        this.initialLine = input(6, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialLine" }] : /* istanbul ignore next */ []));
+        this.zoomFactor = computed(() => this.editorService.zoomFactor(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoomFactor" }] : /* istanbul ignore next */ []));
+        this.projectedContent = computed(() => this.projected() != null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "projectedContent" }] : /* istanbul ignore next */ []));
+        this.editorService.bindHost({
+            placeHolder: () => this.placeHolder(),
+            outputFormat: () => this.outputFormat(),
+            value: () => this.value,
+            disabled: () => this.disabled,
+            readonly: () => this.readonly,
+            notifyFocus: (event) => this.notifyEditorFocus(event),
+            notifyBlur: (event) => this.notifyEditorBlur(event),
+            notifyValue: (value) => this.notifyEditorValue(value),
+        });
+        this.disabledChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.editorService.syncHostState());
+        this.readonlyChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.editorService.syncHostState());
+    }
+    getEditor() {
+        return this.editorService.editor();
+    }
+    getEditorService() {
+        return this.editorService;
+    }
+    /** @ignore */
+    notifyEditorFocus(event) {
+        this.emitOnFocusEvent(event);
+    }
+    /** @ignore */
+    notifyEditorBlur(event) {
+        this.emitOnBlurEvent(event);
+    }
+    /** @ignore */
+    notifyEditorValue(value) {
+        this.syncingFromEditor = true;
+        this.value = value;
+        this.syncingFromEditor = false;
+    }
+    internalValueChanged(value) {
+        if (this.syncingFromEditor)
+            return;
+        const editor = this.editorService.editor();
+        if (!editor)
+            return;
+        if (editor.isEmpty && (value == null || value === ''))
+            return;
+        this.editorService.setContent(value == null ? '' : value, false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorComponent, isStandalone: true, selector: "ax-text-editor", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, outputFormat: { classPropertyName: "outputFormat", publicName: "outputFormat", isSignal: true, isRequired: false, transformFunction: null }, initialLine: { classPropertyName: "initialLine", publicName: "initialLine", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange" }, host: { properties: { "style.--ax-comp-text-editor-initial-line": "initialLine()", "style.--ax-comp-text-editor-zoom": "zoomFactor()", "class.ax-state-disabled": "disabled", "class.ax-state-readonly": "readonly && !disabled" }, classAttribute: "ax-text-editor" }, providers: [
+            AXTextEditorService,
+            { provide: AXComponent, useExisting: AXTextEditorComponent },
+            { provide: AXFocusableComponent, useExisting: AXTextEditorComponent },
+            { provide: AXValuableComponent, useExisting: AXTextEditorComponent },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXTextEditorComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "projected", first: true, predicate: AXTextEditorContentComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-editor-container ax-default {{ look }}\">\n  <ng-content></ng-content>\n  @if (!projectedContent()) {\n    <ax-text-editor-content></ax-text-editor-content>\n  }\n</div>\n", styles: ["@layer components{ax-text-editor{position:relative;display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:visible;border-radius:var(--ax-sys-border-radius)}ax-text-editor:focus-within{box-shadow:0 0 0 2px var(--ax-sys-color-primary-light, rgb(147 197 253))}ax-text-editor>.ax-editor-container{position:relative;display:flex;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:var(--ax-sys-size-default, 2.5rem);padding:0!important;overflow:visible!important}ax-text-editor ax-text-editor-toolbar{width:100%;flex-shrink:0}ax-text-editor ax-text-editor-content{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto}ax-text-editor:has(ax-text-editor-toolbar.ax-orientation-vertical)>.ax-editor-container{flex-direction:row!important;align-items:stretch!important}ax-text-editor:has(ax-text-editor-toolbar.ax-orientation-vertical) ax-text-editor-toolbar.ax-orientation-vertical{width:auto;max-width:none;flex-shrink:0;align-self:flex-start;overflow:hidden;max-height:var( --ax-comp-text-editor-min-height, calc(var(--ax-comp-text-editor-initial-line, 6) * 1.5em + 1.5rem) )}:dir(rtl) ax-text-editor:has(ax-text-editor-toolbar.ax-orientation-vertical)>.ax-editor-container{flex-direction:row-reverse!important}:is(ax-text-editor.ax-state-disabled,ax-text-editor.ax-state-readonly) ax-text-editor-toolbar{pointer-events:none;opacity:60%}ax-text-editor.ax-state-readonly:not(.ax-state-disabled) ax-text-editor-content{cursor:default}ax-text-editor.ax-state-disabled{cursor:not-allowed}ax-text-editor.ax-state-disabled ax-text-editor-content{pointer-events:none;cursor:not-allowed;opacity:60%}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXTextEditorContentComponent, selector: "ax-text-editor-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'state', 'name', 'look'], outputs: [
+                        'onBlur',
+                        'onFocus',
+                        'valueChange',
+                        'stateChange',
+                        'onValueChanged',
+                        'readonlyChange',
+                        'disabledChange',
+                    ], host: {
+                        '[style.--ax-comp-text-editor-initial-line]': 'initialLine()',
+                        '[style.--ax-comp-text-editor-zoom]': 'zoomFactor()',
+                        '[class.ax-state-disabled]': 'disabled',
+                        '[class.ax-state-readonly]': 'readonly && !disabled',
+                        class: 'ax-text-editor',
+                    }, providers: [
+                        AXTextEditorService,
+                        { provide: AXComponent, useExisting: AXTextEditorComponent },
+                        { provide: AXFocusableComponent, useExisting: AXTextEditorComponent },
+                        { provide: AXValuableComponent, useExisting: AXTextEditorComponent },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXTextEditorComponent),
+                            multi: true,
+                        },
+                    ], imports: [AXTextEditorContentComponent], template: "<div class=\"ax-editor-container ax-default {{ look }}\">\n  <ng-content></ng-content>\n  @if (!projectedContent()) {\n    <ax-text-editor-content></ax-text-editor-content>\n  }\n</div>\n", styles: ["@layer components{ax-text-editor{position:relative;display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:visible;border-radius:var(--ax-sys-border-radius)}ax-text-editor:focus-within{box-shadow:0 0 0 2px var(--ax-sys-color-primary-light, rgb(147 197 253))}ax-text-editor>.ax-editor-container{position:relative;display:flex;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:var(--ax-sys-size-default, 2.5rem);padding:0!important;overflow:visible!important}ax-text-editor ax-text-editor-toolbar{width:100%;flex-shrink:0}ax-text-editor ax-text-editor-content{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto}ax-text-editor:has(ax-text-editor-toolbar.ax-orientation-vertical)>.ax-editor-container{flex-direction:row!important;align-items:stretch!important}ax-text-editor:has(ax-text-editor-toolbar.ax-orientation-vertical) ax-text-editor-toolbar.ax-orientation-vertical{width:auto;max-width:none;flex-shrink:0;align-self:flex-start;overflow:hidden;max-height:var( --ax-comp-text-editor-min-height, calc(var(--ax-comp-text-editor-initial-line, 6) * 1.5em + 1.5rem) )}:dir(rtl) ax-text-editor:has(ax-text-editor-toolbar.ax-orientation-vertical)>.ax-editor-container{flex-direction:row-reverse!important}:is(ax-text-editor.ax-state-disabled,ax-text-editor.ax-state-readonly) ax-text-editor-toolbar{pointer-events:none;opacity:60%}ax-text-editor.ax-state-readonly:not(.ax-state-disabled) ax-text-editor-content{cursor:default}ax-text-editor.ax-state-disabled{cursor:not-allowed}ax-text-editor.ax-state-disabled ax-text-editor-content{pointer-events:none;cursor:not-allowed;opacity:60%}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { projected: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXTextEditorContentComponent), { isSignal: true }] }], placeHolder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeHolder", required: false }] }], outputFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputFormat", required: false }] }], initialLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialLine", required: false }] }] } });
+
+class AXTextEditorToolbarComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.orientation = input('horizontal', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    }
+    onMouseDown(event) {
+        const target = event.target;
+        if (target?.closest('input, textarea, select, [contenteditable="true"]'))
+            return;
+        this.editorService.preserveSelection();
+        event.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXTextEditorToolbarComponent, isStandalone: true, selector: "ax-text-editor-toolbar", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "onMouseDown($event)" }, properties: { "class.ax-orientation-vertical": "orientation() === \"vertical\"", "class.ax-orientation-horizontal": "orientation() === \"horizontal\"" }, classAttribute: "ax-text-editor-toolbar" }, providers: [
+            { provide: AXComponent, useExisting: AXTextEditorToolbarComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorToolbarComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-text-editor-toolbar-content">
+      <ng-content select="ax-prefix"></ng-content>
+      <div class="ax-text-editor-toolbar-tools" axHorizontalScroll [orientation]="orientation()">
+        <ng-content></ng-content>
+      </div>
+      <ng-content select="ax-suffix"></ng-content>
+    </div>
+  `, isInline: true, styles: ["@layer properties;@layer components{ax-text-editor-toolbar{position:relative;display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow-x:hidden;overflow-y:visible}ax-text-editor-toolbar>.ax-text-editor-toolbar-content{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * .5)}ax-text-editor-toolbar>.ax-text-editor-toolbar-content ax-prefix{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1);padding-inline:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow-x:auto;overflow-y:hidden;padding:calc(var(--spacing, .25rem) * 1);overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools::-webkit-scrollbar{display:none}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>*{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools ax-dropdown-button{width:auto}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>ax-divider{margin-inline:calc(var(--spacing, .25rem) * 1);display:block;min-height:calc(var(--spacing, .25rem) * 6);width:1px;align-self:stretch;background-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools ax-button button.ax-state-selected{background-color:var(--ax-comp-bg-lighter, var(--color-surface));color:var(--ax-comp-text-lighter, var(--color-on-surface))}ax-text-editor-toolbar>.ax-text-editor-toolbar-content ax-suffix{margin-inline-start:auto;display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1);padding-inline:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar.ax-orientation-vertical{display:flex;width:auto;max-width:none;flex-direction:column;overflow:hidden}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content{min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:stretch;gap:calc(var(--spacing, .25rem) * 1);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;padding-inline:calc(var(--spacing, .25rem) * .5);padding-block:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content ax-prefix,ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content ax-suffix{flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 1);padding-inline:calc(var(--spacing, .25rem) * 0)}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content ax-suffix{margin-inline-start:calc(var(--spacing, .25rem) * 0);margin-top:auto}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools{min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow-x:hidden;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 1);overscroll-behavior-y:contain}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>*{flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>ax-divider{margin-inline:calc(var(--spacing, .25rem) * 0);margin-block:calc(var(--spacing, .25rem) * 1);height:1px;min-height:1px;width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);align-self:center}ax-text-editor-toolbar.ax-orientation-vertical .ax-text-editor-zoom-value{min-width:calc(var(--spacing, .25rem) * 0)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXHorizontalScrollDirective, selector: "[axHorizontalScroll]", inputs: ["disabled", "orientation", "speed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-toolbar', template: `
+    <div class="ax-text-editor-toolbar-content">
+      <ng-content select="ax-prefix"></ng-content>
+      <div class="ax-text-editor-toolbar-tools" axHorizontalScroll [orientation]="orientation()">
+        <ng-content></ng-content>
+      </div>
+      <ng-content select="ax-suffix"></ng-content>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'ax-text-editor-toolbar',
+                        '[class.ax-orientation-vertical]': 'orientation() === "vertical"',
+                        '[class.ax-orientation-horizontal]': 'orientation() === "horizontal"',
+                        '(mousedown)': 'onMouseDown($event)',
+                    }, imports: [AXHorizontalScrollDirective], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorToolbarComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorToolbarComponent },
+                    ], styles: ["@layer properties;@layer components{ax-text-editor-toolbar{position:relative;display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow-x:hidden;overflow-y:visible}ax-text-editor-toolbar>.ax-text-editor-toolbar-content{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * .5)}ax-text-editor-toolbar>.ax-text-editor-toolbar-content ax-prefix{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1);padding-inline:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow-x:auto;overflow-y:hidden;padding:calc(var(--spacing, .25rem) * 1);overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools::-webkit-scrollbar{display:none}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>*{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools ax-dropdown-button{width:auto}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>ax-divider{margin-inline:calc(var(--spacing, .25rem) * 1);display:block;min-height:calc(var(--spacing, .25rem) * 6);width:1px;align-self:stretch;background-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-text-editor-toolbar>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools ax-button button.ax-state-selected{background-color:var(--ax-comp-bg-lighter, var(--color-surface));color:var(--ax-comp-text-lighter, var(--color-on-surface))}ax-text-editor-toolbar>.ax-text-editor-toolbar-content ax-suffix{margin-inline-start:auto;display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1);padding-inline:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar.ax-orientation-vertical{display:flex;width:auto;max-width:none;flex-direction:column;overflow:hidden}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content{min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:stretch;gap:calc(var(--spacing, .25rem) * 1);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;padding-inline:calc(var(--spacing, .25rem) * .5);padding-block:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content ax-prefix,ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content ax-suffix{flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 1);padding-inline:calc(var(--spacing, .25rem) * 0)}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content ax-suffix{margin-inline-start:calc(var(--spacing, .25rem) * 0);margin-top:auto}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools{min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow-x:hidden;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 1);overscroll-behavior-y:contain}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>*{flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1)}ax-text-editor-toolbar.ax-orientation-vertical>.ax-text-editor-toolbar-content .ax-text-editor-toolbar-tools>ax-divider{margin-inline:calc(var(--spacing, .25rem) * 0);margin-block:calc(var(--spacing, .25rem) * 1);height:1px;min-height:1px;width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);align-self:center}ax-text-editor-toolbar.ax-orientation-vertical .ax-text-editor-zoom-value{min-width:calc(var(--spacing, .25rem) * 0)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+
+class AXTextEditorAlignmentComponent extends AXTextEditorSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorAlignmentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorAlignmentComponent, isStandalone: true, selector: "ax-text-editor-alignment", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorAlignmentComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorAlignmentComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-text-editor-command command="align" [attrs]="{ align: 'left' }" icon="ax-icon-align-left" label="Align left" />
+    <ax-text-editor-command
+      command="align"
+      [attrs]="{ align: 'center' }"
+      icon="ax-icon-align-center"
+      label="Align center"
+    />
+    <ax-text-editor-command command="align" [attrs]="{ align: 'right' }" icon="ax-icon-align-right" label="Align right" />
+    <ax-text-editor-command command="align" [attrs]="{ align: 'justify' }" icon="ax-icon-align-justify" label="Justify" />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorAlignmentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-alignment',
+                    template: `
+    <ax-text-editor-command command="align" [attrs]="{ align: 'left' }" icon="ax-icon-align-left" label="Align left" />
+    <ax-text-editor-command
+      command="align"
+      [attrs]="{ align: 'center' }"
+      icon="ax-icon-align-center"
+      label="Align center"
+    />
+    <ax-text-editor-command command="align" [attrs]="{ align: 'right' }" icon="ax-icon-align-right" label="Align right" />
+    <ax-text-editor-command command="align" [attrs]="{ align: 'justify' }" icon="ax-icon-align-justify" label="Justify" />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [AXTextEditorCommandComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorAlignmentComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorAlignmentComponent },
+                    ],
+                }]
+        }] });
+
+class AXTextEditorBlocksComponent extends AXTextEditorSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorBlocksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorBlocksComponent, isStandalone: true, selector: "ax-text-editor-blocks", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorBlocksComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorBlocksComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-text-editor-command command="codeBlock" icon="ax-icon-code-block" label="Code block" />
+    <ax-text-editor-command command="horizontalRule" icon="ax-icon-horizontal-rule" label="Horizontal rule" />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorBlocksComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-blocks',
+                    template: `
+    <ax-text-editor-command command="codeBlock" icon="ax-icon-code-block" label="Code block" />
+    <ax-text-editor-command command="horizontalRule" icon="ax-icon-horizontal-rule" label="Horizontal rule" />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [AXTextEditorCommandComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorBlocksComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorBlocksComponent },
+                    ],
+                }]
+        }] });
+
+class AXTextEditorColorSwatchesComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.textColors = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textColors" }] : /* istanbul ignore next */ []));
+        this.backgroundColors = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backgroundColors" }] : /* istanbul ignore next */ []));
+        this.recentColors = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "recentColors" }] : /* istanbul ignore next */ []));
+        this.resolvedTextColors = computed(() => this.textColors().length ? this.textColors() : AX_TEXT_EDITOR_DEFAULT_TEXT_COLORS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedTextColors" }] : /* istanbul ignore next */ []));
+        this.resolvedBackgroundColors = computed(() => this.backgroundColors().length ? this.backgroundColors() : AX_TEXT_EDITOR_DEFAULT_BACKGROUND_COLORS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedBackgroundColors" }] : /* istanbul ignore next */ []));
+    }
+    isTextSelected(color) {
+        return sameColor(this.editorService.textColor(), color);
+    }
+    isBackgroundSelected(color) {
+        return sameColor(this.editorService.highlightColor(), color);
+    }
+    applyText(color) {
+        this.editorService.run('color', { color });
+        this.remember({ color, kind: 'text' });
+    }
+    applyBackground(color) {
+        this.editorService.run('highlight', { color });
+        this.remember({ color, kind: 'background' });
+    }
+    applyRecent(item) {
+        if (item.kind === 'text')
+            this.applyText(item.color);
+        else
+            this.applyBackground(item.color);
+    }
+    remember(item) {
+        const next = [item, ...this.recentColors().filter((entry) => entry.kind !== item.kind || !sameColor(entry.color, item.color))];
+        this.recentColors.set(next.slice(0, 8));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorColorSwatchesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorColorSwatchesComponent, isStandalone: true, selector: "ax-text-editor-color-swatches", inputs: { textColors: { classPropertyName: "textColors", publicName: "textColors", isSignal: true, isRequired: false, transformFunction: null }, backgroundColors: { classPropertyName: "backgroundColors", publicName: "backgroundColors", isSignal: true, isRequired: false, transformFunction: null }, recentColors: { classPropertyName: "recentColors", publicName: "recentColors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { recentColors: "recentColorsChange" }, providers: [
+            { provide: AXComponent, useExisting: AXTextEditorColorSwatchesComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorColorSwatchesComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-dropdown-button class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Colors">
+      <ax-prefix>
+        <span
+          class="ax-text-editor-swatches-trigger"
+          [style.color]="editorService.textColor() || 'currentColor'"
+          [style.background-color]="editorService.highlightColor() || 'transparent'"
+        >
+          A
+        </span>
+      </ax-prefix>
+      <div class="ax-text-editor-swatches-panel" (click)="$event.stopPropagation()" (mousedown)="$event.stopPropagation()">
+        @if (recentColors().length) {
+          <div class="ax-text-editor-swatches-section">
+            <div class="ax-text-editor-swatches-title">Recently Used</div>
+            <div class="ax-text-editor-swatches-row">
+              @for (item of recentColors(); track item.kind + item.color) {
+                <button
+                  type="button"
+                  class="ax-text-editor-swatch"
+                  [class.ax-text-editor-swatch-letter]="item.kind === 'text'"
+                  [class.ax-text-editor-swatch-dot]="item.kind === 'background'"
+                  [style.background-color]="item.kind === 'background' ? item.color : null"
+                  [attr.title]="item.color"
+                  (click)="applyRecent(item)"
+                >
+                  @if (item.kind === 'text') {
+                    <span [style.color]="item.color">A</span>
+                  }
+                </button>
+              }
+            </div>
+          </div>
+        }
+        <div class="ax-text-editor-swatches-section">
+          <div class="ax-text-editor-swatches-title">Text Color</div>
+          <div class="ax-text-editor-swatches-row">
+            @for (color of resolvedTextColors(); track color) {
+              <button
+                type="button"
+                class="ax-text-editor-swatch ax-text-editor-swatch-letter"
+                [class.ax-state-selected]="isTextSelected(color)"
+                [attr.title]="color"
+                (click)="applyText(color)"
+              >
+                <span [style.color]="color">A</span>
+              </button>
+            }
+          </div>
+        </div>
+        <div class="ax-text-editor-swatches-section">
+          <div class="ax-text-editor-swatches-title">Highlight Color</div>
+          <div class="ax-text-editor-swatches-row">
+            @for (color of resolvedBackgroundColors(); track color) {
+              <button
+                type="button"
+                class="ax-text-editor-swatch ax-text-editor-swatch-dot"
+                [class.ax-state-selected]="isBackgroundSelected(color)"
+                [style.background-color]="color"
+                [attr.title]="color"
+                (click)="applyBackground(color)"
+              ></button>
+            }
+          </div>
+        </div>
+      </div>
+    </ax-dropdown-button>
+  `, isInline: true, styles: ["@layer properties;@layer components{ax-text-editor-color-swatches{position:relative;z-index:20;display:inline-flex;align-items:center}.ax-text-editor-swatches-trigger{display:inline-flex;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);align-items:center;justify-content:center;border-radius:var(--radius-sm, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-text-editor-color-swatches ax-dropdown-button ax-suffix{display:none}.ax-overlay-pane:has(.ax-text-editor-swatches-panel){width:max-content;min-width:0}.ax-text-editor-swatches-panel{display:flex;width:max-content;flex-direction:column;gap:12px;padding:12px}.ax-text-editor-swatches-section{display:flex;flex-direction:column;gap:8px}.ax-text-editor-swatches-title{font-size:13px;font-weight:500;line-height:1.25;color:#374151}.ax-text-editor-swatches-row{display:grid;grid-template-columns:repeat(4,28px);gap:8px 10px}.ax-text-editor-swatch{display:inline-flex;width:28px;height:28px;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:9999px;background:transparent}.ax-text-editor-swatch-letter{border-color:#d1d5db;background:#fff;font-size:13px;font-weight:600;line-height:1}.ax-text-editor-swatch-dot{border-color:#e5e7eb}.ax-text-editor-swatch.ax-state-selected{box-shadow:0 0 0 2px var(--ax-sys-color-primary, #8b5cf6)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "selected", "color", "look", "type", "mode", "iconOnly"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorColorSwatchesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-color-swatches', template: `
+    <ax-dropdown-button class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Colors">
+      <ax-prefix>
+        <span
+          class="ax-text-editor-swatches-trigger"
+          [style.color]="editorService.textColor() || 'currentColor'"
+          [style.background-color]="editorService.highlightColor() || 'transparent'"
+        >
+          A
+        </span>
+      </ax-prefix>
+      <div class="ax-text-editor-swatches-panel" (click)="$event.stopPropagation()" (mousedown)="$event.stopPropagation()">
+        @if (recentColors().length) {
+          <div class="ax-text-editor-swatches-section">
+            <div class="ax-text-editor-swatches-title">Recently Used</div>
+            <div class="ax-text-editor-swatches-row">
+              @for (item of recentColors(); track item.kind + item.color) {
+                <button
+                  type="button"
+                  class="ax-text-editor-swatch"
+                  [class.ax-text-editor-swatch-letter]="item.kind === 'text'"
+                  [class.ax-text-editor-swatch-dot]="item.kind === 'background'"
+                  [style.background-color]="item.kind === 'background' ? item.color : null"
+                  [attr.title]="item.color"
+                  (click)="applyRecent(item)"
+                >
+                  @if (item.kind === 'text') {
+                    <span [style.color]="item.color">A</span>
+                  }
+                </button>
+              }
+            </div>
+          </div>
+        }
+        <div class="ax-text-editor-swatches-section">
+          <div class="ax-text-editor-swatches-title">Text Color</div>
+          <div class="ax-text-editor-swatches-row">
+            @for (color of resolvedTextColors(); track color) {
+              <button
+                type="button"
+                class="ax-text-editor-swatch ax-text-editor-swatch-letter"
+                [class.ax-state-selected]="isTextSelected(color)"
+                [attr.title]="color"
+                (click)="applyText(color)"
+              >
+                <span [style.color]="color">A</span>
+              </button>
+            }
+          </div>
+        </div>
+        <div class="ax-text-editor-swatches-section">
+          <div class="ax-text-editor-swatches-title">Highlight Color</div>
+          <div class="ax-text-editor-swatches-row">
+            @for (color of resolvedBackgroundColors(); track color) {
+              <button
+                type="button"
+                class="ax-text-editor-swatch ax-text-editor-swatch-dot"
+                [class.ax-state-selected]="isBackgroundSelected(color)"
+                [style.background-color]="color"
+                [attr.title]="color"
+                (click)="applyBackground(color)"
+              ></button>
+            }
+          </div>
+        </div>
+      </div>
+    </ax-dropdown-button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDropdownButtonComponent, AXDecoratorGenericComponent], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorColorSwatchesComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorColorSwatchesComponent },
+                    ], styles: ["@layer properties;@layer components{ax-text-editor-color-swatches{position:relative;z-index:20;display:inline-flex;align-items:center}.ax-text-editor-swatches-trigger{display:inline-flex;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);align-items:center;justify-content:center;border-radius:var(--radius-sm, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-text-editor-color-swatches ax-dropdown-button ax-suffix{display:none}.ax-overlay-pane:has(.ax-text-editor-swatches-panel){width:max-content;min-width:0}.ax-text-editor-swatches-panel{display:flex;width:max-content;flex-direction:column;gap:12px;padding:12px}.ax-text-editor-swatches-section{display:flex;flex-direction:column;gap:8px}.ax-text-editor-swatches-title{font-size:13px;font-weight:500;line-height:1.25;color:#374151}.ax-text-editor-swatches-row{display:grid;grid-template-columns:repeat(4,28px);gap:8px 10px}.ax-text-editor-swatch{display:inline-flex;width:28px;height:28px;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:9999px;background:transparent}.ax-text-editor-swatch-letter{border-color:#d1d5db;background:#fff;font-size:13px;font-weight:600;line-height:1}.ax-text-editor-swatch-dot{border-color:#e5e7eb}.ax-text-editor-swatch.ax-state-selected{box-shadow:0 0 0 2px var(--ax-sys-color-primary, #8b5cf6)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { textColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColors", required: false }] }], backgroundColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColors", required: false }] }], recentColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "recentColors", required: false }] }, { type: i0.Output, args: ["recentColorsChange"] }] } });
+function sameColor(left, right) {
+    return (left ?? '').replaceAll(' ', '').toLowerCase() === right.replaceAll(' ', '').toLowerCase();
+}
+
+class AXTextEditorColorsComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+    }
+    setColor(color) {
+        if (color)
+            this.editorService.run('color', { color });
+        else
+            this.editorService.run('color');
+    }
+    setHighlight(color) {
+        if (color)
+            this.editorService.run('highlight', { color });
+        else
+            this.editorService.run('highlight');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorColorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorColorsComponent, isStandalone: true, selector: "ax-text-editor-colors", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorColorsComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorColorsComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-dropdown-button class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Text color">
+      <ax-prefix class="ax-text-editor-color-trigger">
+        <ax-icon class="ax-icon ax-icon-color-palette"></ax-icon>
+        <ax-badge
+          text=""
+          class="ax-text-editor-color-badge"
+          [look]="editorService.textColor() ? 'solid' : 'outline'"
+          [style.background-color]="editorService.textColor()"
+        ></ax-badge>
+      </ax-prefix>
+      <ax-color-palette
+        class="ax-text-editor-color-palette"
+        [ngModel]="editorService.textColor()"
+        (ngModelChange)="setColor($event)"
+      >
+        <ax-color-palette-picker></ax-color-palette-picker>
+        <ax-color-palette-swatches></ax-color-palette-swatches>
+        <ax-color-palette-input></ax-color-palette-input>
+      </ax-color-palette>
+    </ax-dropdown-button>
+
+    <ax-dropdown-button class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Highlight">
+      <ax-prefix class="ax-text-editor-color-trigger">
+        <ax-icon class="ax-icon ax-icon-highlight"></ax-icon>
+        <ax-badge
+          text=""
+          class="ax-text-editor-color-badge"
+          [look]="editorService.highlightColor() ? 'solid' : 'outline'"
+          [style.background-color]="editorService.highlightColor()"
+        ></ax-badge>
+      </ax-prefix>
+      <ax-color-palette
+        class="ax-text-editor-color-palette"
+        [ngModel]="editorService.highlightColor()"
+        (ngModelChange)="setHighlight($event)"
+      >
+        <ax-color-palette-picker></ax-color-palette-picker>
+        <ax-color-palette-swatches></ax-color-palette-swatches>
+        <ax-color-palette-input></ax-color-palette-input>
+      </ax-color-palette>
+    </ax-dropdown-button>
+  `, isInline: true, styles: ["@layer components{ax-text-editor-colors{position:relative;z-index:20;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-text-editor-color-trigger{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-text-editor-color-badge{pointer-events:none;box-shadow:inset 0 0 0 1px currentColor}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-color-badge{box-shadow:inset 0 0 0 1px color-mix(in oklab,currentColor 25%,transparent)}}.ax-text-editor-color-palette{width:calc(var(--spacing, .25rem) * 72);max-width:min(18rem,calc(100vw - 2rem));padding:calc(var(--spacing, .25rem) * 2)}@media(min-width:48rem){.ax-text-editor-color-palette{width:calc(var(--spacing, .25rem) * 80)}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "selected", "color", "look", "type", "mode", "iconOnly"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXColorPaletteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: AXColorPaletteSwatchesComponent, selector: "ax-color-palette-swatches, ax-color-palette-favorite", inputs: ["colors"] }, { kind: "component", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorColorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-colors', template: `
+    <ax-dropdown-button class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Text color">
+      <ax-prefix class="ax-text-editor-color-trigger">
+        <ax-icon class="ax-icon ax-icon-color-palette"></ax-icon>
+        <ax-badge
+          text=""
+          class="ax-text-editor-color-badge"
+          [look]="editorService.textColor() ? 'solid' : 'outline'"
+          [style.background-color]="editorService.textColor()"
+        ></ax-badge>
+      </ax-prefix>
+      <ax-color-palette
+        class="ax-text-editor-color-palette"
+        [ngModel]="editorService.textColor()"
+        (ngModelChange)="setColor($event)"
+      >
+        <ax-color-palette-picker></ax-color-palette-picker>
+        <ax-color-palette-swatches></ax-color-palette-swatches>
+        <ax-color-palette-input></ax-color-palette-input>
+      </ax-color-palette>
+    </ax-dropdown-button>
+
+    <ax-dropdown-button class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Highlight">
+      <ax-prefix class="ax-text-editor-color-trigger">
+        <ax-icon class="ax-icon ax-icon-highlight"></ax-icon>
+        <ax-badge
+          text=""
+          class="ax-text-editor-color-badge"
+          [look]="editorService.highlightColor() ? 'solid' : 'outline'"
+          [style.background-color]="editorService.highlightColor()"
+        ></ax-badge>
+      </ax-prefix>
+      <ax-color-palette
+        class="ax-text-editor-color-palette"
+        [ngModel]="editorService.highlightColor()"
+        (ngModelChange)="setHighlight($event)"
+      >
+        <ax-color-palette-picker></ax-color-palette-picker>
+        <ax-color-palette-swatches></ax-color-palette-swatches>
+        <ax-color-palette-input></ax-color-palette-input>
+      </ax-color-palette>
+    </ax-dropdown-button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXDropdownButtonComponent,
+                        AXDecoratorGenericComponent,
+                        AXDecoratorIconComponent,
+                        AXBadgeComponent,
+                        AXColorPaletteComponent,
+                        AXColorPalettePickerComponent,
+                        AXColorPaletteSwatchesComponent,
+                        AXColorPaletteInputComponent,
+                        FormsModule,
+                    ], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorColorsComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorColorsComponent },
+                    ], styles: ["@layer components{ax-text-editor-colors{position:relative;z-index:20;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-text-editor-color-trigger{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}.ax-text-editor-color-badge{pointer-events:none;box-shadow:inset 0 0 0 1px currentColor}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-color-badge{box-shadow:inset 0 0 0 1px color-mix(in oklab,currentColor 25%,transparent)}}.ax-text-editor-color-palette{width:calc(var(--spacing, .25rem) * 72);max-width:min(18rem,calc(100vw - 2rem));padding:calc(var(--spacing, .25rem) * 2)}@media(min-width:48rem){.ax-text-editor-color-palette{width:calc(var(--spacing, .25rem) * 80)}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class AXTextEditorFontStyleComponent extends AXTextEditorSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorFontStyleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorFontStyleComponent, isStandalone: true, selector: "ax-text-editor-font-style", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorFontStyleComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorFontStyleComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-text-editor-command command="bold" icon="ax-icon-bold" label="Bold" />
+    <ax-text-editor-command command="italic" icon="ax-icon-italic" label="Italic" />
+    <ax-text-editor-command command="underline" icon="ax-icon-under-line" label="Underline" />
+    <ax-text-editor-command command="strike" icon="ax-icon-strike" label="Strikethrough" />
+    <ax-text-editor-command command="code" icon="ax-icon-code" label="Code" />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorFontStyleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-font-style',
+                    template: `
+    <ax-text-editor-command command="bold" icon="ax-icon-bold" label="Bold" />
+    <ax-text-editor-command command="italic" icon="ax-icon-italic" label="Italic" />
+    <ax-text-editor-command command="underline" icon="ax-icon-under-line" label="Underline" />
+    <ax-text-editor-command command="strike" icon="ax-icon-strike" label="Strikethrough" />
+    <ax-text-editor-command command="code" icon="ax-icon-code" label="Code" />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [AXTextEditorCommandComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorFontStyleComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorFontStyleComponent },
+                    ],
+                }]
+        }] });
+
+class AXTextEditorHeadingComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.editorReady = computed(() => this.editorService.editor() != null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editorReady" }] : /* istanbul ignore next */ []));
+        this.isParagraphSelected = computed(() => this.editorService.isActive('paragraph'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isParagraphSelected" }] : /* istanbul ignore next */ []));
+        this.isH1 = computed(() => this.editorService.isActive('heading', { level: 1 }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isH1" }] : /* istanbul ignore next */ []));
+        this.isH2 = computed(() => this.editorService.isActive('heading', { level: 2 }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isH2" }] : /* istanbul ignore next */ []));
+        this.isH3 = computed(() => this.editorService.isActive('heading', { level: 3 }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isH3" }] : /* istanbul ignore next */ []));
+        this.currentLabel = computed(() => {
+            if (this.isH1())
+                return 'H1';
+            if (this.isH2())
+                return 'H2';
+            if (this.isH3())
+                return 'H3';
+            return 'Paragraph';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentLabel" }] : /* istanbul ignore next */ []));
+    }
+    onSelect(event) {
+        const data = (event.data ?? {});
+        const level = Number(data.level);
+        if (level === 1 || level === 2 || level === 3) {
+            this.editorService.run('heading', { level });
+        }
+        else {
+            this.editorService.run('paragraph');
+        }
+        setTimeout(() => this.editorService.focus());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorHeadingComponent, isStandalone: true, selector: "ax-text-editor-heading", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorHeadingComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorHeadingComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-dropdown-button
+      class="ax-sm"
+      look="blank"
+      mode="dropdown"
+      [iconOnly]="true"
+      text="Paragraph"
+      [disabled]="!editorReady()"
+      [attr.title]="currentLabel()"
+    >
+      <ax-prefix>
+        <ax-icon class="ax-icon ax-icon-paragraph"></ax-icon>
+      </ax-prefix>
+      <ax-button-item-list (mousedown)="$event.preventDefault()" (onItemClick)="onSelect($event)">
+        <ax-button-item text="Paragraph" [data]="{ level: null }" [selected]="isParagraphSelected()"></ax-button-item>
+        <ax-button-item text="Heading 1" [data]="{ level: 1 }" [selected]="isH1()"></ax-button-item>
+        <ax-button-item text="Heading 2" [data]="{ level: 2 }" [selected]="isH2()"></ax-button-item>
+        <ax-button-item text="Heading 3" [data]="{ level: 3 }" [selected]="isH3()"></ax-button-item>
+      </ax-button-item-list>
+    </ax-dropdown-button>
+    <ax-text-editor-command command="direction" [attrs]="{ direction: 'ltr' }" icon="ax-icon-ltr" label="LTR" />
+    <ax-text-editor-command command="direction" [attrs]="{ direction: 'rtl' }" icon="ax-icon-rtl" label="RTL" />
+  `, isInline: true, styles: ["ax-text-editor-heading .ax-icon-rtl{transform:scaleX(-1)}\n"], dependencies: [{ kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "selected", "color", "look", "type", "mode", "iconOnly"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorHeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-heading', template: `
+    <ax-dropdown-button
+      class="ax-sm"
+      look="blank"
+      mode="dropdown"
+      [iconOnly]="true"
+      text="Paragraph"
+      [disabled]="!editorReady()"
+      [attr.title]="currentLabel()"
+    >
+      <ax-prefix>
+        <ax-icon class="ax-icon ax-icon-paragraph"></ax-icon>
+      </ax-prefix>
+      <ax-button-item-list (mousedown)="$event.preventDefault()" (onItemClick)="onSelect($event)">
+        <ax-button-item text="Paragraph" [data]="{ level: null }" [selected]="isParagraphSelected()"></ax-button-item>
+        <ax-button-item text="Heading 1" [data]="{ level: 1 }" [selected]="isH1()"></ax-button-item>
+        <ax-button-item text="Heading 2" [data]="{ level: 2 }" [selected]="isH2()"></ax-button-item>
+        <ax-button-item text="Heading 3" [data]="{ level: 3 }" [selected]="isH3()"></ax-button-item>
+      </ax-button-item-list>
+    </ax-dropdown-button>
+    <ax-text-editor-command command="direction" [attrs]="{ direction: 'ltr' }" icon="ax-icon-ltr" label="LTR" />
+    <ax-text-editor-command command="direction" [attrs]="{ direction: 'rtl' }" icon="ax-icon-rtl" label="RTL" />
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXDropdownButtonComponent,
+                        AXButtonItemListComponent,
+                        AXButtonItemComponent,
+                        AXDecoratorIconComponent,
+                        AXDecoratorGenericComponent,
+                        AXTextEditorCommandComponent,
+                    ], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorHeadingComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorHeadingComponent },
+                    ], styles: ["ax-text-editor-heading .ax-icon-rtl{transform:scaleX(-1)}\n"] }]
+        }] });
+
+class AXTextEditorHistoryComponent extends AXTextEditorSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorHistoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorHistoryComponent, isStandalone: true, selector: "ax-text-editor-history", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorHistoryComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorHistoryComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-text-editor-command command="undo" icon="ax-icon-undo" label="Undo" />
+    <ax-text-editor-command command="redo" icon="ax-icon-redo" label="Redo" />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorHistoryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-history',
+                    template: `
+    <ax-text-editor-command command="undo" icon="ax-icon-undo" label="Undo" />
+    <ax-text-editor-command command="redo" icon="ax-icon-redo" label="Redo" />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [AXTextEditorCommandComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorHistoryComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorHistoryComponent },
+                    ],
+                }]
+        }] });
+
+class AXTextEditorLinkComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.dropdown = viewChild('dropdown', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropdown" }] : /* istanbul ignore next */ []));
+        this.href = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+        this.active = computed(() => this.editorService.isActive('link'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.savedFrom = 0;
+        this.savedTo = 0;
+    }
+    syncHref() {
+        const editor = this.editorService.editor();
+        this.savedFrom = editor?.state.selection.from ?? 0;
+        this.savedTo = editor?.state.selection.to ?? 0;
+        this.href.set(editor?.getAttributes('link')?.['href'] ?? '');
+    }
+    apply() {
+        const editor = this.editorService.editor();
+        const value = this.href().trim();
+        if (!value) {
+            this.remove();
+            return;
+        }
+        editor?.chain().setTextSelection({ from: this.savedFrom, to: this.savedTo }).run();
+        this.editorService.run('link', { href: value });
+        this.dropdown()?.close();
+    }
+    remove() {
+        const editor = this.editorService.editor();
+        editor?.chain().setTextSelection({ from: this.savedFrom, to: this.savedTo }).run();
+        this.editorService.run('unlink');
+        this.href.set('');
+        this.dropdown()?.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: AXTextEditorLinkComponent, isStandalone: true, selector: "ax-text-editor-link", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorLinkComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorLinkComponent },
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ax-dropdown-button
+      #dropdown
+      class="ax-sm"
+      look="blank"
+      mode="dropdown"
+      [iconOnly]="true"
+      text="Link"
+      [selected]="active()"
+      [attr.title]="'Link'"
+      (onClick)="syncHref()"
+    >
+      <ax-prefix>
+        <ax-icon class="ax-icon ax-icon-link"></ax-icon>
+      </ax-prefix>
+      <div class="ax-text-editor-link-panel" (click)="$event.stopPropagation()" (mousedown)="$event.stopPropagation()">
+        <input
+          class="ax-text-editor-link-input"
+          type="url"
+          placeholder="https://"
+          [ngModel]="href()"
+          (ngModelChange)="href.set($event)"
+          (keydown.enter)="apply(); $event.preventDefault()"
+        />
+        <ax-button class="ax-xs" look="solid" color="primary" text="Apply" (onClick)="apply()"></ax-button>
+        <ax-button class="ax-xs" look="blank" text="Remove" (onClick)="remove()"></ax-button>
+      </div>
+    </ax-dropdown-button>
+  `, isInline: true, styles: ["@layer properties;@layer components{.ax-text-editor-link-panel{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 2);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-text-editor-link-input{min-width:calc(var(--spacing, .25rem) * 40);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-outline-style: none;outline-style:none}}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "selected", "color", "look", "type", "mode", "iconOnly"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-link', template: `
+    <ax-dropdown-button
+      #dropdown
+      class="ax-sm"
+      look="blank"
+      mode="dropdown"
+      [iconOnly]="true"
+      text="Link"
+      [selected]="active()"
+      [attr.title]="'Link'"
+      (onClick)="syncHref()"
+    >
+      <ax-prefix>
+        <ax-icon class="ax-icon ax-icon-link"></ax-icon>
+      </ax-prefix>
+      <div class="ax-text-editor-link-panel" (click)="$event.stopPropagation()" (mousedown)="$event.stopPropagation()">
+        <input
+          class="ax-text-editor-link-input"
+          type="url"
+          placeholder="https://"
+          [ngModel]="href()"
+          (ngModelChange)="href.set($event)"
+          (keydown.enter)="apply(); $event.preventDefault()"
+        />
+        <ax-button class="ax-xs" look="solid" color="primary" text="Apply" (onClick)="apply()"></ax-button>
+        <ax-button class="ax-xs" look="blank" text="Remove" (onClick)="remove()"></ax-button>
+      </div>
+    </ax-dropdown-button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXDropdownButtonComponent,
+                        AXButtonComponent,
+                        AXDecoratorIconComponent,
+                        AXDecoratorGenericComponent,
+                        FormsModule,
+                    ], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorLinkComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorLinkComponent },
+                    ], styles: ["@layer properties;@layer components{.ax-text-editor-link-panel{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 2);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-text-editor-link-input{min-width:calc(var(--spacing, .25rem) * 40);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-outline-style: none;outline-style:none}}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { dropdown: [{ type: i0.ViewChild, args: ['dropdown', { isSignal: true }] }] } });
+
+class AXTextEditorListComponent extends AXTextEditorSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorListComponent, isStandalone: true, selector: "ax-text-editor-list", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorListComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorListComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-text-editor-command command="bulletList" icon="ax-icon-un-order-list" label="Bullet list" />
+    <ax-text-editor-command command="orderedList" icon="ax-icon-order-list" label="Ordered list" />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-list',
+                    template: `
+    <ax-text-editor-command command="bulletList" icon="ax-icon-un-order-list" label="Bullet list" />
+    <ax-text-editor-command command="orderedList" icon="ax-icon-order-list" label="Ordered list" />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [AXTextEditorCommandComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorListComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorListComponent },
+                    ],
+                }]
+        }] });
+
+class AXTextEditorTableComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.dropdown = viewChild('dropdown', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropdown" }] : /* istanbul ignore next */ []));
+        this.cells = [1, 2, 3, 4, 5, 6, 7, 8];
+        this.hover = signal({ rows: 0, cols: 0 }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
+        this.sizeLabel = computed(() => {
+            const { rows, cols } = this.hover();
+            return rows && cols ? `${rows} × ${cols}` : 'Insert table';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sizeLabel" }] : /* istanbul ignore next */ []));
+    }
+    isHighlighted(row, col) {
+        const hover = this.hover();
+        return hover.rows > 0 && hover.cols > 0 && row <= hover.rows && col <= hover.cols;
+    }
+    insert(rows, cols) {
+        this.editorService.run('insertTable', { rows, cols, withHeaderRow: false });
+        this.dropdown()?.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorTableComponent, isStandalone: true, selector: "ax-text-editor-table", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorTableComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorTableComponent },
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ax-dropdown-button #dropdown class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Insert table">
+      <ax-prefix>
+        <ax-icon class="ax-icon ax-icon-table"></ax-icon>
+      </ax-prefix>
+      <div class="ax-text-editor-table-picker" (mousedown)="$event.preventDefault()" (mouseleave)="hover.set({ rows: 0, cols: 0 })">
+        <div class="ax-text-editor-table-grid">
+          @for (row of cells; track row) {
+            @for (col of cells; track col) {
+              <button
+                type="button"
+                class="ax-text-editor-table-cell"
+                [class.ax-state-active]="isHighlighted(row, col)"
+                (mouseenter)="hover.set({ rows: row, cols: col })"
+                (click)="insert(row, col)"
+              ></button>
+            }
+          }
+        </div>
+        <div class="ax-text-editor-table-size">{{ sizeLabel() }}</div>
+      </div>
+    </ax-dropdown-button>
+  `, isInline: true, styles: ["@layer properties;@layer components{.ax-text-editor-table-picker{min-width:calc(var(--spacing, .25rem) * 44);padding:calc(var(--spacing, .25rem) * 2)}.ax-text-editor-table-grid{display:grid;grid-template-columns:repeat(8,1.125rem);gap:.25rem}.ax-text-editor-table-cell{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 0)}.ax-text-editor-table-cell.ax-state-active{border-color:var(--ax-sys-color-primary, #3b82f6);background:var(--ax-sys-color-primary, #3b82f6)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-table-cell.ax-state-active{background:color-mix(in oklab,var(--ax-sys-color-primary, #3b82f6) 18%,white)}}.ax-text-editor-table-size{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:currentColor}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-table-size{color:color-mix(in oklab,currentColor 70%,transparent)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "selected", "color", "look", "type", "mode", "iconOnly"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-table', template: `
+    <ax-dropdown-button #dropdown class="ax-sm" look="blank" mode="dropdown" [iconOnly]="true" text="Insert table">
+      <ax-prefix>
+        <ax-icon class="ax-icon ax-icon-table"></ax-icon>
+      </ax-prefix>
+      <div class="ax-text-editor-table-picker" (mousedown)="$event.preventDefault()" (mouseleave)="hover.set({ rows: 0, cols: 0 })">
+        <div class="ax-text-editor-table-grid">
+          @for (row of cells; track row) {
+            @for (col of cells; track col) {
+              <button
+                type="button"
+                class="ax-text-editor-table-cell"
+                [class.ax-state-active]="isHighlighted(row, col)"
+                (mouseenter)="hover.set({ rows: row, cols: col })"
+                (click)="insert(row, col)"
+              ></button>
+            }
+          }
+        </div>
+        <div class="ax-text-editor-table-size">{{ sizeLabel() }}</div>
+      </div>
+    </ax-dropdown-button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDropdownButtonComponent, AXDecoratorIconComponent, AXDecoratorGenericComponent], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorTableComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorTableComponent },
+                    ], styles: ["@layer properties;@layer components{.ax-text-editor-table-picker{min-width:calc(var(--spacing, .25rem) * 44);padding:calc(var(--spacing, .25rem) * 2)}.ax-text-editor-table-grid{display:grid;grid-template-columns:repeat(8,1.125rem);gap:.25rem}.ax-text-editor-table-cell{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 0)}.ax-text-editor-table-cell.ax-state-active{border-color:var(--ax-sys-color-primary, #3b82f6);background:var(--ax-sys-color-primary, #3b82f6)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-table-cell.ax-state-active{background:color-mix(in oklab,var(--ax-sys-color-primary, #3b82f6) 18%,white)}}.ax-text-editor-table-size{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:currentColor}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-table-size{color:color-mix(in oklab,currentColor 70%,transparent)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { dropdown: [{ type: i0.ViewChild, args: ['dropdown', { isSignal: true }] }] } });
+
+class AXTextEditorScriptComponent extends AXTextEditorSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorScriptComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXTextEditorScriptComponent, isStandalone: true, selector: "ax-text-editor-script", providers: [
+            { provide: AXComponent, useExisting: AXTextEditorScriptComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorScriptComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ax-text-editor-command command="superscript" icon="ax-icon-superscript" label="Superscript" />
+    <ax-text-editor-command command="subscript" icon="ax-icon-subscript" label="Subscript" />
+  `, isInline: true, dependencies: [{ kind: "component", type: AXTextEditorCommandComponent, selector: "ax-text-editor-command", inputs: ["command", "attrs", "icon", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorScriptComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-editor-script',
+                    template: `
+    <ax-text-editor-command command="superscript" icon="ax-icon-superscript" label="Superscript" />
+    <ax-text-editor-command command="subscript" icon="ax-icon-subscript" label="Subscript" />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [AXTextEditorCommandComponent],
+                    providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorScriptComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorScriptComponent },
+                    ],
+                }]
+        }] });
+
+class AXTextEditorZoomComponent extends AXTextEditorSlot {
+    constructor() {
+        super(...arguments);
+        this.editorService = inject(AXTextEditorService);
+        this.dropdown = viewChild('dropdown', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropdown" }] : /* istanbul ignore next */ []));
+        this.presets = AX_TEXT_EDITOR_ZOOM_PRESETS;
+        this.draft = signal('100', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+        this.zoomLabel = computed(() => `${this.editorService.zoom()}%`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoomLabel" }] : /* istanbul ignore next */ []));
+        this.canZoomOut = computed(() => this.editorService.zoom() > AX_TEXT_EDITOR_ZOOM_MIN, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canZoomOut" }] : /* istanbul ignore next */ []));
+        this.canZoomIn = computed(() => this.editorService.zoom() < AX_TEXT_EDITOR_ZOOM_MAX, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canZoomIn" }] : /* istanbul ignore next */ []));
+    }
+    syncDraft() {
+        this.draft.set(String(this.editorService.zoom()));
+    }
+    onDraftInput(event) {
+        this.draft.set(event.target.value);
+    }
+    commitDraft() {
+        const next = Number.parseInt(this.draft(), 10);
+        if (Number.isFinite(next))
+            this.editorService.setZoom(next);
+        this.dropdown()?.close();
+    }
+    applyPreset(value) {
+        this.editorService.setZoom(value);
+        this.dropdown()?.close();
+    }
+    fitToPage() {
+        this.editorService.fitToPage();
+        this.dropdown()?.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorZoomComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorZoomComponent, isStandalone: true, selector: "ax-text-editor-zoom", host: { classAttribute: "ax-text-editor-zoom" }, providers: [
+            { provide: AXComponent, useExisting: AXTextEditorZoomComponent },
+            { provide: AXTextEditorSlot, useExisting: AXTextEditorZoomComponent },
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ax-button
+      class="ax-sm"
+      look="blank"
+      [iconOnly]="true"
+      text="Zoom out"
+      [disabled]="!canZoomOut()"
+      (onClick)="editorService.zoomOut()"
+    >
+      <ax-icon class="fa-regular fa-minus"></ax-icon>
+    </ax-button>
+    <ax-dropdown-button
+      #dropdown
+      class="ax-sm ax-text-editor-zoom-value"
+      look="blank"
+      mode="dropdown"
+      [text]="zoomLabel()"
+      (onClick)="syncDraft()"
+    >
+      <div class="ax-text-editor-zoom-panel" (click)="$event.stopPropagation()" (mousedown)="$event.stopPropagation()">
+        <input
+          class="ax-text-editor-zoom-input"
+          type="text"
+          inputmode="numeric"
+          [value]="draft()"
+          (input)="onDraftInput($event)"
+          (keydown.enter)="commitDraft(); $event.preventDefault()"
+        />
+        <ax-button-item-list>
+          <ax-button-item text="Fit to page" (onClick)="fitToPage()">
+            <ax-prefix>
+              <ax-icon class="fa-regular fa-expand"></ax-icon>
+            </ax-prefix>
+          </ax-button-item>
+          @for (preset of presets; track preset) {
+            <ax-button-item
+              [text]="preset + '%'"
+              [selected]="editorService.zoom() === preset"
+              (onClick)="applyPreset(preset)"
+            ></ax-button-item>
+          }
+        </ax-button-item-list>
+      </div>
+    </ax-dropdown-button>
+    <ax-button
+      class="ax-sm"
+      look="blank"
+      [iconOnly]="true"
+      text="Zoom in"
+      [disabled]="!canZoomIn()"
+      (onClick)="editorService.zoomIn()"
+    >
+      <ax-icon class="fa-regular fa-plus"></ax-icon>
+    </ax-button>
+  `, isInline: true, styles: ["@layer properties;@layer components{ax-text-editor-zoom{display:inline-flex;align-items:center}.ax-text-editor-zoom-value{min-width:calc(var(--spacing, .25rem) * 16)}.ax-text-editor-zoom-value ax-suffix,ax-text-editor-zoom ax-dropdown-button ax-suffix{display:none!important}.ax-text-editor-zoom-panel{display:flex;min-width:calc(var(--spacing, .25rem) * 44);flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 2);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-text-editor-zoom-input{width:100%;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-outline-style: none;outline-style:none}.ax-text-editor-zoom-input:focus{border-color:var(--ax-sys-color-primary, #8b5cf6);box-shadow:0 0 0 2px var(--ax-sys-color-primary, #8b5cf6)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-zoom-input:focus{box-shadow:0 0 0 2px color-mix(in oklab,var(--ax-sys-color-primary, #8b5cf6) 35%,transparent)}}}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "selected", "color", "look", "type", "mode", "iconOnly"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorZoomComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-text-editor-zoom', template: `
+    <ax-button
+      class="ax-sm"
+      look="blank"
+      [iconOnly]="true"
+      text="Zoom out"
+      [disabled]="!canZoomOut()"
+      (onClick)="editorService.zoomOut()"
+    >
+      <ax-icon class="fa-regular fa-minus"></ax-icon>
+    </ax-button>
+    <ax-dropdown-button
+      #dropdown
+      class="ax-sm ax-text-editor-zoom-value"
+      look="blank"
+      mode="dropdown"
+      [text]="zoomLabel()"
+      (onClick)="syncDraft()"
+    >
+      <div class="ax-text-editor-zoom-panel" (click)="$event.stopPropagation()" (mousedown)="$event.stopPropagation()">
+        <input
+          class="ax-text-editor-zoom-input"
+          type="text"
+          inputmode="numeric"
+          [value]="draft()"
+          (input)="onDraftInput($event)"
+          (keydown.enter)="commitDraft(); $event.preventDefault()"
+        />
+        <ax-button-item-list>
+          <ax-button-item text="Fit to page" (onClick)="fitToPage()">
+            <ax-prefix>
+              <ax-icon class="fa-regular fa-expand"></ax-icon>
+            </ax-prefix>
+          </ax-button-item>
+          @for (preset of presets; track preset) {
+            <ax-button-item
+              [text]="preset + '%'"
+              [selected]="editorService.zoom() === preset"
+              (onClick)="applyPreset(preset)"
+            ></ax-button-item>
+          }
+        </ax-button-item-list>
+      </div>
+    </ax-dropdown-button>
+    <ax-button
+      class="ax-sm"
+      look="blank"
+      [iconOnly]="true"
+      text="Zoom in"
+      [disabled]="!canZoomIn()"
+      (onClick)="editorService.zoomIn()"
+    >
+      <ax-icon class="fa-regular fa-plus"></ax-icon>
+    </ax-button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'ax-text-editor-zoom',
+                    }, imports: [
+                        AXButtonComponent,
+                        AXDropdownButtonComponent,
+                        AXButtonItemListComponent,
+                        AXButtonItemComponent,
+                        AXDecoratorIconComponent,
+                        AXDecoratorGenericComponent,
+                    ], providers: [
+                        { provide: AXComponent, useExisting: AXTextEditorZoomComponent },
+                        { provide: AXTextEditorSlot, useExisting: AXTextEditorZoomComponent },
+                    ], styles: ["@layer properties;@layer components{ax-text-editor-zoom{display:inline-flex;align-items:center}.ax-text-editor-zoom-value{min-width:calc(var(--spacing, .25rem) * 16)}.ax-text-editor-zoom-value ax-suffix,ax-text-editor-zoom ax-dropdown-button ax-suffix{display:none!important}.ax-text-editor-zoom-panel{display:flex;min-width:calc(var(--spacing, .25rem) * 44);flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 2);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-text-editor-zoom-input{width:100%;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-outline-style: none;outline-style:none}.ax-text-editor-zoom-input:focus{border-color:var(--ax-sys-color-primary, #8b5cf6);box-shadow:0 0 0 2px var(--ax-sys-color-primary, #8b5cf6)}@supports (color: color-mix(in lab,red,red)){.ax-text-editor-zoom-input:focus{box-shadow:0 0 0 2px color-mix(in oklab,var(--ax-sys-color-primary, #8b5cf6) 35%,transparent)}}}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { dropdown: [{ type: i0.ViewChild, args: ['dropdown', { isSignal: true }] }] } });
+
+const COMPONENTS = [
+    AXTextEditorComponent,
+    AXTextEditorToolbarComponent,
+    AXTextEditorContentComponent,
+    AXTextEditorCommandComponent,
+    AXTextEditorHistoryComponent,
+    AXTextEditorHeadingComponent,
+    AXTextEditorFontStyleComponent,
+    AXTextEditorAlignmentComponent,
+    AXTextEditorColorsComponent,
+    AXTextEditorColorSwatchesComponent,
+    AXTextEditorListComponent,
+    AXTextEditorLinkComponent,
+    AXTextEditorBlocksComponent,
+    AXTextEditorTableComponent,
+    AXTextEditorScriptComponent,
+    AXTextEditorZoomComponent,
+];
+class AXTextEditorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorModule, imports: [AXTextEditorComponent,
+            AXTextEditorToolbarComponent,
+            AXTextEditorContentComponent,
+            AXTextEditorCommandComponent,
+            AXTextEditorHistoryComponent,
+            AXTextEditorHeadingComponent,
+            AXTextEditorFontStyleComponent,
+            AXTextEditorAlignmentComponent,
+            AXTextEditorColorsComponent,
+            AXTextEditorColorSwatchesComponent,
+            AXTextEditorListComponent,
+            AXTextEditorLinkComponent,
+            AXTextEditorBlocksComponent,
+            AXTextEditorTableComponent,
+            AXTextEditorScriptComponent,
+            AXTextEditorZoomComponent], exports: [AXTextEditorComponent,
+            AXTextEditorToolbarComponent,
+            AXTextEditorContentComponent,
+            AXTextEditorCommandComponent,
+            AXTextEditorHistoryComponent,
+            AXTextEditorHeadingComponent,
+            AXTextEditorFontStyleComponent,
+            AXTextEditorAlignmentComponent,
+            AXTextEditorColorsComponent,
+            AXTextEditorColorSwatchesComponent,
+            AXTextEditorListComponent,
+            AXTextEditorLinkComponent,
+            AXTextEditorBlocksComponent,
+            AXTextEditorTableComponent,
+            AXTextEditorScriptComponent,
+            AXTextEditorZoomComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorModule, imports: [AXTextEditorCommandComponent,
+            AXTextEditorHistoryComponent,
+            AXTextEditorHeadingComponent,
+            AXTextEditorFontStyleComponent,
+            AXTextEditorAlignmentComponent,
+            AXTextEditorColorsComponent,
+            AXTextEditorColorSwatchesComponent,
+            AXTextEditorListComponent,
+            AXTextEditorLinkComponent,
+            AXTextEditorBlocksComponent,
+            AXTextEditorTableComponent,
+            AXTextEditorScriptComponent,
+            AXTextEditorZoomComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...COMPONENTS],
+                    exports: [...COMPONENTS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXTextEditorAlignmentComponent, AXTextEditorBlocksComponent, AXTextEditorColorSwatchesComponent, AXTextEditorColorsComponent, AXTextEditorCommandComponent, AXTextEditorComponent, AXTextEditorContentComponent, AXTextEditorFontStyleComponent, AXTextEditorHeadingComponent, AXTextEditorHistoryComponent, AXTextEditorLinkComponent, AXTextEditorListComponent, AXTextEditorModule, AXTextEditorScriptComponent, AXTextEditorService, AXTextEditorSlot, AXTextEditorTableComponent, AXTextEditorToolbarComponent, AXTextEditorZoomComponent, AX_TEXT_EDITOR_DEFAULT_BACKGROUND_COLORS, AX_TEXT_EDITOR_DEFAULT_TEXT_COLORS, AX_TEXT_EDITOR_ZOOM_MAX, AX_TEXT_EDITOR_ZOOM_MIN, AX_TEXT_EDITOR_ZOOM_PRESETS, canRunTextEditorCommand, createTextEditorExtensions, isTextEditorCommandActive, runTextEditorCommand };
+//# sourceMappingURL=acorex-components-text-editor.mjs.map