@flogeez/angular-tiptap-editor 2.3.0 → 2.4.0

package/fesm2022/flogeez-angular-tiptap-editor.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, ChangeDetectionStrategy, Component, signal, computed, Injectable, inject, viewChild, effect, Directive, DestroyRef, untracked, ApplicationRef, EnvironmentInjector, createComponent } from '@angular/core';
+import { input, output, ChangeDetectionStrategy, Component, signal, computed, Injectable, inject, viewChild, effect, Directive, ApplicationRef, EnvironmentInjector, createComponent, InjectionToken, DestroyRef, Injector, untracked, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Node as Node$1, nodeInputRule, mergeAttributes, Extension, getAttributes, Editor } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';
@@ -20,7 +20,7 @@ import Table from '@tiptap/extension-table';
 import TableRow from '@tiptap/extension-table-row';
 import TableCell from '@tiptap/extension-table-cell';
 import TableHeader from '@tiptap/extension-table-header';
-import { isObservable, firstValueFrom, concat, defer, of, tap, Subscription } from 'rxjs';
+import { isObservable, firstValueFrom, Subscription, concat, defer, of, tap } from 'rxjs';
 import { CommonModule } from '@angular/common';
 import tippy, { sticky } from 'tippy.js';
 import * as i1 from '@angular/forms';
@@ -5391,407 +5391,851 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
-const AteSelectionCalculator = editor => {
-    const { selection } = editor.state;
-    const { from, to } = selection;
-    let selectionType = "none";
-    if (selection instanceof TextSelection) {
-        selectionType = "text";
+/**
+ * Base abstract class for custom 'Angular Nodes'.
+ *
+ * Extend this class in your custom components to automatically receive TipTap editor
+ * properties (node attributes, selection state, etc.) as reactive Signals.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'app-counter',
+ *   template: `
+ *     <div>
+ *       <button (click)="increment()">Count: {{ node().attrs['count'] }}</button>
+ *     </div>
+ *   `
+ * })
+ * export class CounterComponent extends AteAngularNodeView {
+ *   increment() {
+ *     const count = this.node().attrs['count'] || 0;
+ *     this.updateAttributes({ count: count + 1 });
+ *   }
+ * }
+ * ```
+ */
+class AteAngularNodeView {
+    /**
+     * Internal method to initialize the component with NodeView props.
+     * This is called by the AngularNodeViewRenderer.
+     *
+     * @internal
+     */
+    _initNodeView(props) {
+        // Create signals from the props
+        const editorSignal = signal(props.editor, ...(ngDevMode ? [{ debugName: "editorSignal" }] : []));
+        const nodeSignal = signal(props.node, ...(ngDevMode ? [{ debugName: "nodeSignal" }] : []));
+        const decorationsSignal = signal(props.decorations, ...(ngDevMode ? [{ debugName: "decorationsSignal" }] : []));
+        const selectedSignal = signal(props.selected, ...(ngDevMode ? [{ debugName: "selectedSignal" }] : []));
+        const extensionSignal = signal(props.extension, ...(ngDevMode ? [{ debugName: "extensionSignal" }] : []));
+        // Assign to the component
+        this.editor = editorSignal.asReadonly();
+        this.node = nodeSignal.asReadonly();
+        this.decorations = decorationsSignal.asReadonly();
+        this.selected = selectedSignal.asReadonly();
+        this.extension = extensionSignal.asReadonly();
+        this.getPos = props.getPos;
+        this.updateAttributes = props.updateAttributes;
+        this.deleteNode = props.deleteNode;
+        // Store writable signals for updates
+        this._writableSignals = {
+            node: nodeSignal,
+            decorations: decorationsSignal,
+            selected: selectedSignal,
+        };
     }
-    else if (selection instanceof NodeSelection) {
-        selectionType = "node";
+    /**
+     * Internal method to update the component when the node changes.
+     * This is called by the AngularNodeViewRenderer.
+     *
+     * @internal
+     */
+    _updateNodeView(node, decorations) {
+        if (this._writableSignals) {
+            this._writableSignals.node.set(node);
+            this._writableSignals.decorations.set(decorations);
+        }
     }
-    else if (selection instanceof CellSelection) {
-        selectionType = "cell";
+    /**
+     * Internal method to update the selection state.
+     * This is called by the AngularNodeViewRenderer.
+     *
+     * @internal
+     */
+    _selectNodeView() {
+        if (this._writableSignals) {
+            this._writableSignals.selected.set(true);
+        }
     }
-    let isSingleCell = false;
-    if (selection instanceof CellSelection) {
-        isSingleCell = selection.$anchorCell.pos === selection.$headCell.pos;
+    /**
+     * Internal method to update the deselection state.
+     * This is called by the AngularNodeViewRenderer.
+     *
+     * @internal
+     */
+    _deselectNodeView() {
+        if (this._writableSignals) {
+            this._writableSignals.selected.set(false);
+        }
     }
-    return {
-        isFocused: editor.view.hasFocus(),
-        isEditable: editor.isEditable,
-        selection: {
-            type: selectionType,
-            from,
-            to,
-            empty: selection.empty || (selectionType === "text" && from === to),
-            isSingleCell: isSingleCell,
-        },
-        nodes: {
-            activeNodeName: editor.state.doc.nodeAt(editor.state.selection.$head.pos)?.type.name || null,
-        },
-    };
-};
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteAngularNodeView, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AteAngularNodeView, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteAngularNodeView, decorators: [{
+            type: Directive
+        }] });
 
-const AteMarksCalculator = editor => {
-    const isCodeBlock = editor.isActive("codeBlock");
-    const isCode = editor.isActive("code"); // Inline code mark
-    const isImage = editor.isActive("image") || editor.isActive("resizableImage");
-    // Check if marks are generally allowed based on context
-    const marksAllowed = !isCodeBlock && !isImage;
-    // For inline code specifically, we don't allow nesting OTHER marks inside it,
-    // but the code mark ITSELF must be togglable to be removed.
-    const isInsideInlineCode = isCode;
-    // 1. Resolve target element once for this calculation
-    const getTargetElement = () => {
-        if (typeof window === "undefined" || !editor.view?.dom) {
-            return null;
+/**
+ * Universal Renderer for Angular Components as TipTap NodeViews.
+ *
+ * Supports:
+ * - TipTap-Aware components (extending AteAngularNodeView)
+ * - Standard library components (automatic @Input() sync)
+ * - Signal-based inputs and outputs (Angular 18+)
+ * - Content projection (editableContent)
+ * - Unified lifecycle and event management
+ */
+function AteNodeViewRenderer(component, options) {
+    return props => {
+        const { node, view: _view, getPos, decorations, editor, extension } = props;
+        const { injector, inputs = {}, wrapperTag = "div", wrapperClass, editableContent = false, contentSelector, onOutput, ignoreMutation = true, } = options;
+        const dom = document.createElement(wrapperTag);
+        if (wrapperClass) {
+            dom.className = wrapperClass;
         }
-        try {
-            const { from } = editor.state.selection;
-            const { node } = editor.view.domAtPos(from);
-            return node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+        const applicationRef = injector.get(ApplicationRef);
+        const environmentInjector = injector.get(EnvironmentInjector);
+        // 1. Setup Content Projection (ng-content)
+        let initialNodes = [];
+        let contentDOM = null;
+        if (editableContent && !contentSelector) {
+            contentDOM = document.createElement("div");
+            contentDOM.setAttribute("data-node-view-content", "");
+            initialNodes = [[contentDOM]];
         }
-        catch (_e) {
-            return null;
+        // 2. Create the Angular Component
+        const componentRef = createComponent(component, {
+            environmentInjector,
+            elementInjector: injector,
+            projectableNodes: initialNodes,
+        });
+        const instance = componentRef.instance;
+        const subscriptions = [];
+        // 3. Initialize TipTap-Aware instances
+        if (instance instanceof AteAngularNodeView) {
+            instance._initNodeView({
+                editor,
+                node,
+                decorations,
+                selected: false,
+                extension,
+                getPos,
+                updateAttributes: attrs => editor.commands.updateAttributes(node.type.name, attrs),
+                deleteNode: () => {
+                    const pos = getPos();
+                    if (pos !== undefined) {
+                        editor.commands.deleteRange({ from: pos, to: pos + node.nodeSize });
+                    }
+                },
+            });
         }
-    };
-    const targetEl = getTargetElement() || (typeof window !== "undefined" ? editor.view?.dom : null);
-    const computedStyle = targetEl && typeof window !== "undefined" ? window.getComputedStyle(targetEl) : null;
-    // 2. Lightweight helper to extract properties from the pre-calculated style object
-    const getStyle = (prop) => {
-        if (!computedStyle) {
-            return null;
+        // 4. Synchronize Inputs (Handles standard @Input and Signal-based inputs)
+        const syncInputs = (nodeToSync) => {
+            // Combine base inputs from options with dynamic node attributes
+            const mergedInputs = { ...inputs, ...nodeToSync.attrs };
+            Object.entries(mergedInputs).forEach(([key, value]) => {
+                if (key !== "id" && value !== null && value !== undefined) {
+                    try {
+                        componentRef.setInput(key, value);
+                    }
+                    catch {
+                        // Silently ignore inputs that don't exist on the component
+                    }
+                }
+            });
+        };
+        syncInputs(node);
+        // 5. Setup Outputs (Handles EventEmitter and OutputRef)
+        if (onOutput) {
+            Object.entries(instance).forEach(([key, potentialOutput]) => {
+                if (potentialOutput &&
+                    typeof potentialOutput
+                        .subscribe === "function") {
+                    const sub = potentialOutput.subscribe((value) => {
+                        onOutput(key, value);
+                    });
+                    if (sub instanceof Subscription) {
+                        subscriptions.push(sub);
+                    }
+                }
+            });
         }
-        const val = computedStyle.getPropertyValue(prop);
-        return normalizeColor(val);
-    };
-    const colorMark = editor.getAttributes("textStyle")["color"] || null;
-    const backgroundMark = editor.getAttributes("highlight")["color"] || null;
-    return {
-        marks: {
-            bold: editor.isActive("bold"),
-            italic: editor.isActive("italic"),
-            underline: editor.isActive("underline"),
-            strike: editor.isActive("strike"),
-            code: isCode,
-            superscript: editor.isActive("superscript"),
-            subscript: editor.isActive("subscript"),
-            highlight: editor.isActive("highlight"),
-            link: editor.isActive("link"),
-            linkHref: editor.getAttributes("link")["href"] || null,
-            color: colorMark,
-            computedColor: colorMark || getStyle("color"),
-            background: backgroundMark,
-            computedBackground: backgroundMark || getStyle("background-color"),
-            linkOpenOnClick: editor.extensionManager.extensions.find(ext => ext.name === "link")?.options?.openOnClick ??
-                false,
-        },
-        can: {
-            toggleBold: marksAllowed && !isInsideInlineCode && editor.can().toggleBold(),
-            toggleItalic: marksAllowed && !isInsideInlineCode && editor.can().toggleItalic(),
-            toggleUnderline: marksAllowed && !isInsideInlineCode && editor.can().toggleUnderline(),
-            toggleStrike: marksAllowed && !isInsideInlineCode && editor.can().toggleStrike(),
-            toggleCode: marksAllowed && editor.can().toggleCode(),
-            toggleHighlight: marksAllowed && !isInsideInlineCode && editor.can().toggleHighlight(),
-            toggleLink: marksAllowed &&
-                !isInsideInlineCode &&
-                (editor.can().setLink({ href: "" }) || editor.can().unsetLink()),
-            toggleSuperscript: marksAllowed && !isInsideInlineCode && editor.can().toggleSuperscript(),
-            toggleSubscript: marksAllowed && !isInsideInlineCode && editor.can().toggleSubscript(),
-            setColor: marksAllowed && !isInsideInlineCode && editor.can().setColor(""),
-            setHighlight: marksAllowed && !isInsideInlineCode && editor.can().setHighlight(),
-            undo: editor.can().undo(),
-            redo: editor.can().redo(),
-        },
-    };
-};
-
-const AteTableCalculator = editor => {
-    const isTable = editor.isActive("table");
-    if (!isTable) {
+        // 6. Attach to DOM and ApplicationRef
+        applicationRef.attachView(componentRef.hostView);
+        const componentElement = componentRef.location.nativeElement;
+        // Target specific element for content if selector provided
+        if (editableContent && contentSelector) {
+            contentDOM = componentElement.querySelector(contentSelector);
+        }
+        dom.appendChild(componentElement);
+        // Initial detection to ensure the component is rendered
+        componentRef.changeDetectorRef.detectChanges();
+        // 7. Return the TipTap NodeView Interface
         return {
-            nodes: {
-                isTable: false,
-                isTableCell: false,
-                isTableHeaderRow: false,
-                isTableHeaderColumn: false,
+            dom,
+            contentDOM,
+            update: (updatedNode, updatedDecorations) => {
+                if (updatedNode.type !== node.type) {
+                    return false;
+                }
+                // Update Aware component signals
+                if (instance instanceof AteAngularNodeView) {
+                    instance._updateNodeView(updatedNode, updatedDecorations);
+                }
+                // Update inputs
+                syncInputs(updatedNode);
+                // Notify and Detect changes
+                componentRef.changeDetectorRef.detectChanges();
+                if (options.onUpdate) {
+                    options.onUpdate(updatedNode);
+                }
+                return true;
+            },
+            selectNode: () => {
+                if (instance instanceof AteAngularNodeView) {
+                    instance._selectNodeView();
+                }
+                dom.classList.add("ProseMirror-selectednode");
+            },
+            deselectNode: () => {
+                if (instance instanceof AteAngularNodeView) {
+                    instance._deselectNodeView();
+                }
+                dom.classList.remove("ProseMirror-selectednode");
+            },
+            destroy: () => {
+                if (options.onDestroy) {
+                    options.onDestroy();
+                }
+                subscriptions.forEach(s => s.unsubscribe());
+                applicationRef.detachView(componentRef.hostView);
+                componentRef.destroy();
+            },
+            stopEvent: event => {
+                const target = event.target;
+                const isEditable = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
+                return isEditable;
+            },
+            ignoreMutation: mutation => {
+                if (typeof ignoreMutation === "function") {
+                    return ignoreMutation(mutation);
+                }
+                return ignoreMutation;
             },
         };
-    }
-    const { selection } = editor.state;
-    return {
-        nodes: {
-            isTable: true,
-            isTableNodeSelected: selection instanceof NodeSelection && selection.node.type.name === "table",
-            isTableCell: editor.isActive("tableCell") || editor.isActive("tableHeader"),
-            isTableHeaderRow: editor.isActive("tableHeader", { row: true }),
-            isTableHeaderColumn: editor.isActive("tableHeader", { column: true }),
-        },
-        can: {
-            addRowBefore: editor.can().addRowBefore(),
-            addRowAfter: editor.can().addRowAfter(),
-            deleteRow: editor.can().deleteRow(),
-            addColumnBefore: editor.can().addColumnBefore(),
-            addColumnAfter: editor.can().addColumnAfter(),
-            deleteColumn: editor.can().deleteColumn(),
-            deleteTable: editor.can().deleteTable(),
-            mergeCells: editor.can().mergeCells(),
-            splitCell: editor.can().splitCell(),
-            toggleHeaderRow: editor.can().toggleHeaderRow(),
-            toggleHeaderColumn: editor.can().toggleHeaderColumn(),
-        },
     };
-};
+}
 
-const AteImageCalculator = editor => {
-    return {
-        nodes: {
-            isImage: editor.isActive("image") || editor.isActive("resizableImage"),
+const RESERVED_NAMES = [
+    "doc",
+    "paragraph",
+    "text",
+    "hardBreak",
+    "bulletList",
+    "orderedList",
+    "listItem",
+    "blockquote",
+    "codeBlock",
+    "heading",
+    "horizontalRule",
+];
+/**
+ * Derives the TipTap node name and HTML tag from a component class.
+ */
+function deriveMetadata(component, customName) {
+    let nodeName = customName;
+    if (!nodeName) {
+        nodeName = component.name
+            .replace(/Component$/, "")
+            .replace(/Node$/, "")
+            .replace(/^([A-Z])/, m => m.toLowerCase());
+        console.warn(`[ATE] Auto-deriving node name '${nodeName}' for component ${component.name}. ` +
+            `Provide an explicit 'name' in options to avoid potential naming collisions.`);
+    }
+    if (RESERVED_NAMES.includes(nodeName)) {
+        throw new Error(`[ATE] The name '${nodeName}' is a reserved TipTap node name. ` +
+            `Please provide a unique name for your custom component.`);
+    }
+    const tag = nodeName.toLowerCase().replace(/([A-Z])/g, "-$1");
+    return { nodeName, tag };
+}
+/**
+ * Creates TipTap attributes from component inputs (Standard Mode).
+ */
+function createStandardAttributes(defaultInputs = {}) {
+    const tiptapAttributes = {};
+    Object.entries(defaultInputs).forEach(([key, defaultValue]) => {
+        tiptapAttributes[key] = {
+            default: defaultValue,
+            parseHTML: (element) => {
+                const attr = element.getAttribute(`data-${key}`);
+                if (attr === null) {
+                    return defaultValue;
+                }
+                try {
+                    return JSON.parse(attr);
+                }
+                catch {
+                    return attr;
+                }
+            },
+            renderHTML: (attrs) => {
+                const value = attrs[key];
+                if (value === undefined || value === null) {
+                    return {};
+                }
+                const serialized = typeof value === "object" ? JSON.stringify(value) : String(value);
+                return { [`data-${key}`]: serialized };
+            },
+        };
+    });
+    return tiptapAttributes;
+}
+/**
+ * Factory to transform an Angular component into a TipTap Node extension.
+ * Supports both "TipTap-Aware" and "Standard" modes.
+ *
+ * @internal
+ */
+function createAngularComponentExtension(injector, options) {
+    const { component, name: customName, attributes, defaultInputs, contentSelector, contentMode = "block", editableContent = false, group = "block", draggable = true, ignoreMutation = true, onOutput, HTMLAttributes = {}, parseHTML: customParseHTML, renderHTML: customRenderHTML, } = options;
+    const { nodeName, tag } = deriveMetadata(component, customName);
+    const isTipTapAware = Object.prototype.isPrototypeOf.call(AteAngularNodeView, component);
+    const atom = !editableContent;
+    // 1. Prepare Attributes
+    const tiptapAttributes = isTipTapAware
+        ? attributes || {}
+        : createStandardAttributes(defaultInputs);
+    // 2. Create Node Extension
+    return Node$1.create({
+        name: nodeName,
+        group,
+        inline: group === "inline",
+        atom,
+        draggable,
+        content: editableContent ? (contentMode === "inline" ? "inline*" : "block*") : undefined,
+        addAttributes() {
+            return tiptapAttributes;
         },
-    };
-};
-
-const AteStructureCalculator = editor => {
-    return {
-        nodes: {
-            isBlockquote: editor.isActive("blockquote"),
-            isCodeBlock: editor.isActive("codeBlock"),
-            isBulletList: editor.isActive("bulletList"),
-            isOrderedList: editor.isActive("orderedList"),
-            h1: editor.isActive("heading", { level: 1 }),
-            h2: editor.isActive("heading", { level: 2 }),
-            h3: editor.isActive("heading", { level: 3 }),
-            alignLeft: editor.isActive({ textAlign: "left" }),
-            alignCenter: editor.isActive({ textAlign: "center" }),
-            alignRight: editor.isActive({ textAlign: "right" }),
-            alignJustify: editor.isActive({ textAlign: "justify" }),
+        parseHTML() {
+            if (customParseHTML) {
+                return customParseHTML.call(this);
+            }
+            return [{ tag }, { tag: `div[data-component="${nodeName}"]` }];
         },
-        can: {
-            toggleHeading1: editor.can().toggleHeading({ level: 1 }),
-            toggleHeading2: editor.can().toggleHeading({ level: 2 }),
-            toggleHeading3: editor.can().toggleHeading({ level: 3 }),
-            toggleBulletList: editor.can().toggleBulletList(),
-            toggleOrderedList: editor.can().toggleOrderedList(),
-            toggleBlockquote: editor.can().toggleBlockquote(),
-            toggleCodeBlock: editor.can().toggleCodeBlock(),
-            setTextAlignLeft: editor.can().setTextAlign("left"),
-            setTextAlignCenter: editor.can().setTextAlign("center"),
-            setTextAlignRight: editor.can().setTextAlign("right"),
-            setTextAlignJustify: editor.can().setTextAlign("justify"),
-            insertHorizontalRule: editor.can().setHorizontalRule(),
-            insertTable: editor.can().insertTable(),
-            insertImage: editor.can().setResizableImage({ src: "" }),
+        renderHTML({ node, HTMLAttributes: attrs }) {
+            if (customRenderHTML) {
+                return customRenderHTML.call(this, { node, HTMLAttributes: attrs });
+            }
+            return [tag, mergeAttributes(HTMLAttributes, attrs, { "data-component": nodeName })];
+        },
+        addNodeView() {
+            return AteNodeViewRenderer(component, {
+                injector,
+                inputs: defaultInputs,
+                wrapperTag: group === "inline" ? "span" : "div",
+                wrapperClass: isTipTapAware
+                    ? `ate-node-${nodeName}`
+                    : `embedded-component embedded-${nodeName}`,
+                atom,
+                editableContent,
+                contentSelector,
+                contentMode,
+                onOutput,
+                ignoreMutation,
+            });
         },
-    };
-};
-
-/**
- * DiscoveryCalculator automatically detects and tracks the state of any TipTap extension.
- * It provides a "fallback" reactive state for any mark or node not explicitly handled
- * by specialized calculators.
- */
-const AteDiscoveryCalculator = (editor) => {
-    const state = {
-        marks: {},
-        nodes: {},
-    };
-    // We skip core extensions that are already handled by specialized calculators
-    // to avoid redundant calculations and maintain precise attribute tracking.
-    const handled = [
-        "bold",
-        "italic",
-        "underline",
-        "strike",
-        "code",
-        "link",
-        "highlight",
-        "superscript",
-        "subscript",
-        "table",
-        "image",
-        "resizableImage",
-        "heading",
-        "bulletList",
-        "orderedList",
-        "blockquote",
-        "textAlign",
-        "textStyle",
-        "color",
-    ];
-    editor.extensionManager.extensions.forEach(extension => {
-        const name = extension.name;
-        const type = extension.type;
-        // Skip internal/core extensions or already handled ones
-        if ([
-            "selection",
-            "editable",
-            "focus",
-            "undo",
-            "redo",
-            "history",
-            "placeholder",
-            "characterCount",
-        ].includes(name)) {
-            return;
-        }
-        if (handled.includes(name)) {
-            return;
-        }
-        if (type === "mark") {
-            state.marks[name] = editor.isActive(name);
-        }
-        else if (type === "node") {
-            state.nodes[name] = editor.isActive(name);
-        }
     });
-    return state;
-};
+}
 
-const AteLinkClickBehavior = Extension.create({
-    name: "linkClickBehavior",
-    addProseMirrorPlugins() {
-        return [
-            new Plugin({
-                key: new PluginKey("linkClickBehavior"),
-                props: {
-                    handleClick(view, _pos, event) {
-                        // handleClick only runs in the browser, but we guard it for absolute SSR safety
-                        if (typeof window === "undefined") {
-                            return false;
-                        }
-                        const isModKey = event.ctrlKey || event.metaKey;
-                        // If editor is editable, only proceed if Ctrl/Cmd is pressed
-                        if (view.editable && !isModKey) {
-                            return false;
-                        }
-                        const attrs = getAttributes(view.state, "link");
-                        if (attrs["href"]) {
-                            window.open(attrs["href"], "_blank", "noopener,noreferrer");
-                            return true;
-                        }
-                        return false;
-                    },
-                },
-            }),
-        ];
-    },
-});
+/**
+ * Internal registry to store the root injector for the editor.
+ * This allows registerAngularComponent to work without explicitly passing the injector.
+ * @internal
+ */
+let globalInjector = null;
+function setGlobalInjector(injector) {
+    globalInjector = injector;
+}
+function getGlobalInjector() {
+    if (!globalInjector) {
+        throw new Error("[ATE] Global Injector not found. Make sure to call provideAteEditor() in your app.config.ts or main.ts.");
+    }
+    return globalInjector;
+}
 
-// Default toolbar configuration
-const ATE_DEFAULT_TOOLBAR_CONFIG = {
-    bold: true,
-    italic: true,
-    underline: true,
-    strike: true,
-    code: true,
-    codeBlock: true,
-    superscript: false, // Disabled by default (opt-in)
-    subscript: false, // Disabled by default (opt-in)
-    highlight: false, // Disabled by default (opt-in)
-    highlightPicker: true,
-    heading1: true,
-    heading2: true,
-    heading3: true,
-    bulletList: true,
-    orderedList: true,
-    blockquote: true,
-    alignLeft: false, // Disabled by default (opt-in)
-    alignCenter: false, // Disabled by default (opt-in)
-    alignRight: false, // Disabled by default (opt-in)
-    alignJustify: false, // Disabled by default (opt-in)
-    link: true,
-    image: true,
-    horizontalRule: false, // Disabled by default (opt-in)
-    table: true,
-    undo: true,
-    redo: true,
-    clear: false, // Disabled by default (opt-in)
-    textColor: true,
-    separator: true,
-};
-// Default bubble menu configuration
-const ATE_DEFAULT_BUBBLE_MENU_CONFIG = {
-    bold: true,
-    italic: true,
-    underline: true,
-    strike: true,
-    code: true,
-    superscript: false,
-    subscript: false,
-    highlight: false,
-    highlightPicker: true,
-    textColor: true,
-    link: true,
-    separator: true,
-};
-// Default image bubble menu configuration
-const ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG = {
-    changeImage: true,
-    resizeSmall: true,
-    resizeMedium: true,
-    resizeLarge: true,
-    resizeOriginal: true,
-    deleteImage: true,
-    separator: true,
-};
-// Default table bubble menu configuration
-const ATE_DEFAULT_TABLE_MENU_CONFIG = {
-    addRowBefore: true,
-    addRowAfter: true,
-    deleteRow: true,
-    addColumnBefore: true,
-    addColumnAfter: true,
-    deleteColumn: true,
-    toggleHeaderRow: true,
-    toggleHeaderColumn: true,
-    deleteTable: true,
-    separator: true,
-};
-// Default cell bubble menu configuration
-const ATE_DEFAULT_CELL_MENU_CONFIG = {
-    mergeCells: true,
-    splitCell: true,
-};
+/**
+ * Registers ANY Angular component as a TipTap node extension.
+ *
+ * This function is the single public entry point for adding custom components.
+ * It supports two distinct modes:
+ *
+ * 1. **TipTap-Aware Mode** (the component extends `AteAngularNodeView`):
+ *    Grants direct access to the TipTap API (`editor`, `node`, `updateAttributes`, etc.) within the component.
+ *
+ * 2. **Standard Mode** (library or legacy components):
+ *    Allows using any existing Angular component. Its `@Input()` properties are automatically
+ *    synchronized with TipTap node attributes.
+ *
+ * @param injectorOrOptions - The Angular Injector OR the configuration options
+ * @param maybeOptions - Configuration options (if the first param was an injector)
+ * @returns A TipTap Node extension ready to be used
+ *
+ * @example
+ * ```typescript
+ * // Modern way (requires provideAteEditor())
+ * registerAngularComponent({
+ *   component: MyComponent,
+ *   name: 'myComponent'
+ * });
+ *
+ * // Classic way
+ * registerAngularComponent(injector, {
+ *   component: MyComponent
+ * });
+ * ```
+ */
+function registerAngularComponent(injectorOrOptions, maybeOptions) {
+    let injector;
+    let options;
+    // Duck-typing check: Injectors have a 'get' method
+    const isInjector = (obj) => obj !== null && typeof obj === "object" && typeof obj.get === "function";
+    if (isInjector(injectorOrOptions)) {
+        injector = injectorOrOptions;
+        options = maybeOptions;
+    }
+    else {
+        injector = getGlobalInjector();
+        options = injectorOrOptions;
+    }
+    return createAngularComponentExtension(injector, options);
+}
 
-// Slash commands configuration is handled dynamically via slashCommandsConfigComputed
-class AngularTiptapEditorComponent {
-    // ============================================
-    // Toolbar / Bubble Menu Coordination
-    // ============================================
-    hideBubbleMenus() {
-        this.editorCommandsService.setToolbarInteracting(true);
+/**
+ * Injection Token for global editor configuration.
+ */
+const ATE_GLOBAL_CONFIG = new InjectionToken("ATE_GLOBAL_CONFIG");
+
+const AteSelectionCalculator = editor => {
+    const { selection } = editor.state;
+    const { from, to } = selection;
+    let selectionType = "none";
+    if (selection instanceof TextSelection) {
+        selectionType = "text";
     }
-    showBubbleMenus() {
-        this.editorCommandsService.setToolbarInteracting(false);
+    else if (selection instanceof NodeSelection) {
+        selectionType = "node";
     }
-    constructor() {
-        /** Configuration globale de l'éditeur */
-        this.config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
-        this.content = input("", ...(ngDevMode ? [{ debugName: "content" }] : []));
-        this.placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-        this.editable = input(true, ...(ngDevMode ? [{ debugName: "editable" }] : []));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.minHeight = input(200, ...(ngDevMode ? [{ debugName: "minHeight" }] : []));
-        this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height" }] : []));
-        this.maxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
-        this.fillContainer = input(false, ...(ngDevMode ? [{ debugName: "fillContainer" }] : []));
-        this.showToolbar = input(true, ...(ngDevMode ? [{ debugName: "showToolbar" }] : []));
-        this.showFooter = input(true, ...(ngDevMode ? [{ debugName: "showFooter" }] : []));
-        this.showCharacterCount = input(true, ...(ngDevMode ? [{ debugName: "showCharacterCount" }] : []));
-        this.showWordCount = input(true, ...(ngDevMode ? [{ debugName: "showWordCount" }] : []));
-        this.maxCharacters = input(undefined, ...(ngDevMode ? [{ debugName: "maxCharacters" }] : []));
-        this.enableOfficePaste = input(true, ...(ngDevMode ? [{ debugName: "enableOfficePaste" }] : []));
-        this.enableSlashCommands = input(true, ...(ngDevMode ? [{ debugName: "enableSlashCommands" }] : []));
-        this.slashCommands = input({}, ...(ngDevMode ? [{ debugName: "slashCommands" }] : []));
-        this.customSlashCommands = input(undefined, ...(ngDevMode ? [{ debugName: "customSlashCommands" }] : []));
-        this.locale = input(undefined, ...(ngDevMode ? [{ debugName: "locale" }] : []));
-        this.autofocus = input(false, ...(ngDevMode ? [{ debugName: "autofocus" }] : []));
-        this.seamless = input(false, ...(ngDevMode ? [{ debugName: "seamless" }] : []));
-        this.floatingToolbar = input(false, ...(ngDevMode ? [{ debugName: "floatingToolbar" }] : []));
-        this.showEditToggle = input(false, ...(ngDevMode ? [{ debugName: "showEditToggle" }] : []));
-        this.spellcheck = input(true, ...(ngDevMode ? [{ debugName: "spellcheck" }] : []));
-        this.tiptapExtensions = input([], ...(ngDevMode ? [{ debugName: "tiptapExtensions" }] : []));
-        this.tiptapOptions = input({}, ...(ngDevMode ? [{ debugName: "tiptapOptions" }] : []));
-        // Nouveaux inputs pour les bubble menus
-        this.showBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showBubbleMenu" }] : []));
-        this.bubbleMenu = input(ATE_DEFAULT_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "bubbleMenu" }] : []));
-        this.showImageBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showImageBubbleMenu" }] : []));
-        this.imageBubbleMenu = input(ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "imageBubbleMenu" }] : []));
-        // Configuration de la toolbar
-        this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
-        // Configuration des menus de table
+    else if (selection instanceof CellSelection) {
+        selectionType = "cell";
+    }
+    let isSingleCell = false;
+    if (selection instanceof CellSelection) {
+        isSingleCell = selection.$anchorCell.pos === selection.$headCell.pos;
+    }
+    return {
+        isFocused: editor.view.hasFocus(),
+        isEditable: editor.isEditable,
+        selection: {
+            type: selectionType,
+            from,
+            to,
+            empty: selection.empty || (selectionType === "text" && from === to),
+            isSingleCell: isSingleCell,
+        },
+        nodes: {
+            activeNodeName: editor.state.doc.nodeAt(editor.state.selection.$head.pos)?.type.name || null,
+        },
+    };
+};
+
+const AteMarksCalculator = editor => {
+    const isCodeBlock = editor.isActive("codeBlock");
+    const isCode = editor.isActive("code"); // Inline code mark
+    const isImage = editor.isActive("image") || editor.isActive("resizableImage");
+    // Check if marks are generally allowed based on context
+    const marksAllowed = !isCodeBlock && !isImage;
+    // For inline code specifically, we don't allow nesting OTHER marks inside it,
+    // but the code mark ITSELF must be togglable to be removed.
+    const isInsideInlineCode = isCode;
+    // 1. Resolve target element once for this calculation
+    const getTargetElement = () => {
+        if (typeof window === "undefined" || !editor.view?.dom) {
+            return null;
+        }
+        try {
+            const { from } = editor.state.selection;
+            const { node } = editor.view.domAtPos(from);
+            return node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+        }
+        catch (_e) {
+            return null;
+        }
+    };
+    const targetEl = getTargetElement() || (typeof window !== "undefined" ? editor.view?.dom : null);
+    const computedStyle = targetEl && typeof window !== "undefined" ? window.getComputedStyle(targetEl) : null;
+    // 2. Lightweight helper to extract properties from the pre-calculated style object
+    const getStyle = (prop) => {
+        if (!computedStyle) {
+            return null;
+        }
+        const val = computedStyle.getPropertyValue(prop);
+        return normalizeColor(val);
+    };
+    const colorMark = editor.getAttributes("textStyle")["color"] || null;
+    const backgroundMark = editor.getAttributes("highlight")["color"] || null;
+    return {
+        marks: {
+            bold: editor.isActive("bold"),
+            italic: editor.isActive("italic"),
+            underline: editor.isActive("underline"),
+            strike: editor.isActive("strike"),
+            code: isCode,
+            superscript: editor.isActive("superscript"),
+            subscript: editor.isActive("subscript"),
+            highlight: editor.isActive("highlight"),
+            link: editor.isActive("link"),
+            linkHref: editor.getAttributes("link")["href"] || null,
+            color: colorMark,
+            computedColor: colorMark || getStyle("color"),
+            background: backgroundMark,
+            computedBackground: backgroundMark || getStyle("background-color"),
+            linkOpenOnClick: editor.extensionManager.extensions.find(ext => ext.name === "link")?.options?.openOnClick ??
+                false,
+        },
+        can: {
+            toggleBold: marksAllowed && !isInsideInlineCode && editor.can().toggleBold(),
+            toggleItalic: marksAllowed && !isInsideInlineCode && editor.can().toggleItalic(),
+            toggleUnderline: marksAllowed && !isInsideInlineCode && editor.can().toggleUnderline(),
+            toggleStrike: marksAllowed && !isInsideInlineCode && editor.can().toggleStrike(),
+            toggleCode: marksAllowed && editor.can().toggleCode(),
+            toggleHighlight: marksAllowed && !isInsideInlineCode && editor.can().toggleHighlight(),
+            toggleLink: marksAllowed &&
+                !isInsideInlineCode &&
+                (editor.can().setLink({ href: "" }) || editor.can().unsetLink()),
+            toggleSuperscript: marksAllowed && !isInsideInlineCode && editor.can().toggleSuperscript(),
+            toggleSubscript: marksAllowed && !isInsideInlineCode && editor.can().toggleSubscript(),
+            setColor: marksAllowed && !isInsideInlineCode && editor.can().setColor(""),
+            setHighlight: marksAllowed && !isInsideInlineCode && editor.can().setHighlight(),
+            undo: editor.can().undo(),
+            redo: editor.can().redo(),
+        },
+    };
+};
+
+const AteTableCalculator = editor => {
+    const isTable = editor.isActive("table");
+    if (!isTable) {
+        return {
+            nodes: {
+                isTable: false,
+                isTableCell: false,
+                isTableHeaderRow: false,
+                isTableHeaderColumn: false,
+            },
+        };
+    }
+    const { selection } = editor.state;
+    return {
+        nodes: {
+            isTable: true,
+            isTableNodeSelected: selection instanceof NodeSelection && selection.node.type.name === "table",
+            isTableCell: editor.isActive("tableCell") || editor.isActive("tableHeader"),
+            isTableHeaderRow: editor.isActive("tableHeader", { row: true }),
+            isTableHeaderColumn: editor.isActive("tableHeader", { column: true }),
+        },
+        can: {
+            addRowBefore: editor.can().addRowBefore(),
+            addRowAfter: editor.can().addRowAfter(),
+            deleteRow: editor.can().deleteRow(),
+            addColumnBefore: editor.can().addColumnBefore(),
+            addColumnAfter: editor.can().addColumnAfter(),
+            deleteColumn: editor.can().deleteColumn(),
+            deleteTable: editor.can().deleteTable(),
+            mergeCells: editor.can().mergeCells(),
+            splitCell: editor.can().splitCell(),
+            toggleHeaderRow: editor.can().toggleHeaderRow(),
+            toggleHeaderColumn: editor.can().toggleHeaderColumn(),
+        },
+    };
+};
+
+const AteImageCalculator = editor => {
+    return {
+        nodes: {
+            isImage: editor.isActive("image") || editor.isActive("resizableImage"),
+        },
+    };
+};
+
+const AteStructureCalculator = editor => {
+    return {
+        nodes: {
+            isBlockquote: editor.isActive("blockquote"),
+            isCodeBlock: editor.isActive("codeBlock"),
+            isBulletList: editor.isActive("bulletList"),
+            isOrderedList: editor.isActive("orderedList"),
+            h1: editor.isActive("heading", { level: 1 }),
+            h2: editor.isActive("heading", { level: 2 }),
+            h3: editor.isActive("heading", { level: 3 }),
+            alignLeft: editor.isActive({ textAlign: "left" }),
+            alignCenter: editor.isActive({ textAlign: "center" }),
+            alignRight: editor.isActive({ textAlign: "right" }),
+            alignJustify: editor.isActive({ textAlign: "justify" }),
+        },
+        can: {
+            toggleHeading1: editor.can().toggleHeading({ level: 1 }),
+            toggleHeading2: editor.can().toggleHeading({ level: 2 }),
+            toggleHeading3: editor.can().toggleHeading({ level: 3 }),
+            toggleBulletList: editor.can().toggleBulletList(),
+            toggleOrderedList: editor.can().toggleOrderedList(),
+            toggleBlockquote: editor.can().toggleBlockquote(),
+            toggleCodeBlock: editor.can().toggleCodeBlock(),
+            setTextAlignLeft: editor.can().setTextAlign("left"),
+            setTextAlignCenter: editor.can().setTextAlign("center"),
+            setTextAlignRight: editor.can().setTextAlign("right"),
+            setTextAlignJustify: editor.can().setTextAlign("justify"),
+            insertHorizontalRule: editor.can().setHorizontalRule(),
+            insertTable: editor.can().insertTable(),
+            insertImage: editor.can().setResizableImage({ src: "" }),
+        },
+    };
+};
+
+/**
+ * DiscoveryCalculator automatically detects and tracks the state of any TipTap extension.
+ * It provides a "fallback" reactive state for any mark or node not explicitly handled
+ * by specialized calculators.
+ */
+const AteDiscoveryCalculator = (editor) => {
+    const state = {
+        marks: {},
+        nodes: {},
+    };
+    // We skip core extensions that are already handled by specialized calculators
+    // to avoid redundant calculations and maintain precise attribute tracking.
+    const handled = [
+        "bold",
+        "italic",
+        "underline",
+        "strike",
+        "code",
+        "link",
+        "highlight",
+        "superscript",
+        "subscript",
+        "table",
+        "image",
+        "resizableImage",
+        "heading",
+        "bulletList",
+        "orderedList",
+        "blockquote",
+        "textAlign",
+        "textStyle",
+        "color",
+    ];
+    editor.extensionManager.extensions.forEach(extension => {
+        const name = extension.name;
+        const type = extension.type;
+        // Skip internal/core extensions or already handled ones
+        if ([
+            "selection",
+            "editable",
+            "focus",
+            "undo",
+            "redo",
+            "history",
+            "placeholder",
+            "characterCount",
+        ].includes(name)) {
+            return;
+        }
+        if (handled.includes(name)) {
+            return;
+        }
+        if (type === "mark") {
+            state.marks[name] = editor.isActive(name);
+        }
+        else if (type === "node") {
+            state.nodes[name] = editor.isActive(name);
+        }
+    });
+    return state;
+};
+
+const AteLinkClickBehavior = Extension.create({
+    name: "linkClickBehavior",
+    addProseMirrorPlugins() {
+        return [
+            new Plugin({
+                key: new PluginKey("linkClickBehavior"),
+                props: {
+                    handleClick(view, _pos, event) {
+                        // handleClick only runs in the browser, but we guard it for absolute SSR safety
+                        if (typeof window === "undefined") {
+                            return false;
+                        }
+                        const isModKey = event.ctrlKey || event.metaKey;
+                        // If editor is editable, only proceed if Ctrl/Cmd is pressed
+                        if (view.editable && !isModKey) {
+                            return false;
+                        }
+                        const attrs = getAttributes(view.state, "link");
+                        if (attrs["href"]) {
+                            window.open(attrs["href"], "_blank", "noopener,noreferrer");
+                            return true;
+                        }
+                        return false;
+                    },
+                },
+            }),
+        ];
+    },
+});
+
+// Default toolbar configuration
+const ATE_DEFAULT_TOOLBAR_CONFIG = {
+    bold: true,
+    italic: true,
+    underline: true,
+    strike: true,
+    code: true,
+    codeBlock: true,
+    superscript: false, // Disabled by default (opt-in)
+    subscript: false, // Disabled by default (opt-in)
+    highlight: false, // Disabled by default (opt-in)
+    highlightPicker: true,
+    heading1: true,
+    heading2: true,
+    heading3: true,
+    bulletList: true,
+    orderedList: true,
+    blockquote: true,
+    alignLeft: false, // Disabled by default (opt-in)
+    alignCenter: false, // Disabled by default (opt-in)
+    alignRight: false, // Disabled by default (opt-in)
+    alignJustify: false, // Disabled by default (opt-in)
+    link: true,
+    image: true,
+    horizontalRule: false, // Disabled by default (opt-in)
+    table: true,
+    undo: true,
+    redo: true,
+    clear: false, // Disabled by default (opt-in)
+    textColor: true,
+    separator: true,
+};
+// Default bubble menu configuration
+const ATE_DEFAULT_BUBBLE_MENU_CONFIG = {
+    bold: true,
+    italic: true,
+    underline: true,
+    strike: true,
+    code: true,
+    superscript: false,
+    subscript: false,
+    highlight: false,
+    highlightPicker: true,
+    textColor: true,
+    link: true,
+    separator: true,
+};
+// Default image bubble menu configuration
+const ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG = {
+    changeImage: true,
+    resizeSmall: true,
+    resizeMedium: true,
+    resizeLarge: true,
+    resizeOriginal: true,
+    deleteImage: true,
+    separator: true,
+};
+// Default table bubble menu configuration
+const ATE_DEFAULT_TABLE_MENU_CONFIG = {
+    addRowBefore: true,
+    addRowAfter: true,
+    deleteRow: true,
+    addColumnBefore: true,
+    addColumnAfter: true,
+    deleteColumn: true,
+    toggleHeaderRow: true,
+    toggleHeaderColumn: true,
+    deleteTable: true,
+    separator: true,
+};
+// Default cell bubble menu configuration
+const ATE_DEFAULT_CELL_MENU_CONFIG = {
+    mergeCells: true,
+    splitCell: true,
+};
+
+// Slash commands configuration is handled dynamically via slashCommandsConfigComputed
+/**
+ * The main rich-text editor component for Angular.
+ *
+ * Powered by Tiptap and built with a native Signal-based architecture, it provides
+ * a seamless, high-performance editing experience. Supports automatic registration
+ * of Angular components as interactive nodes ('Angular Nodes'), full Reactive Forms
+ * integration, and extensive customization via the AteEditorConfig.
+ */
+class AngularTiptapEditorComponent {
+    // ============================================
+    // Toolbar / Bubble Menu Coordination
+    // ============================================
+    hideBubbleMenus() {
+        this.editorCommandsService.setToolbarInteracting(true);
+    }
+    showBubbleMenus() {
+        this.editorCommandsService.setToolbarInteracting(false);
+    }
+    constructor() {
+        /** Configuration globale de l'éditeur */
+        this.config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.content = input("", ...(ngDevMode ? [{ debugName: "content" }] : []));
+        this.placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.editable = input(true, ...(ngDevMode ? [{ debugName: "editable" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.minHeight = input(200, ...(ngDevMode ? [{ debugName: "minHeight" }] : []));
+        this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.maxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
+        this.fillContainer = input(false, ...(ngDevMode ? [{ debugName: "fillContainer" }] : []));
+        this.showToolbar = input(true, ...(ngDevMode ? [{ debugName: "showToolbar" }] : []));
+        this.showFooter = input(true, ...(ngDevMode ? [{ debugName: "showFooter" }] : []));
+        this.showCharacterCount = input(true, ...(ngDevMode ? [{ debugName: "showCharacterCount" }] : []));
+        this.showWordCount = input(true, ...(ngDevMode ? [{ debugName: "showWordCount" }] : []));
+        this.maxCharacters = input(undefined, ...(ngDevMode ? [{ debugName: "maxCharacters" }] : []));
+        this.enableOfficePaste = input(true, ...(ngDevMode ? [{ debugName: "enableOfficePaste" }] : []));
+        this.enableSlashCommands = input(true, ...(ngDevMode ? [{ debugName: "enableSlashCommands" }] : []));
+        this.slashCommands = input({}, ...(ngDevMode ? [{ debugName: "slashCommands" }] : []));
+        this.customSlashCommands = input(undefined, ...(ngDevMode ? [{ debugName: "customSlashCommands" }] : []));
+        this.locale = input(undefined, ...(ngDevMode ? [{ debugName: "locale" }] : []));
+        this.autofocus = input(false, ...(ngDevMode ? [{ debugName: "autofocus" }] : []));
+        this.seamless = input(false, ...(ngDevMode ? [{ debugName: "seamless" }] : []));
+        this.floatingToolbar = input(false, ...(ngDevMode ? [{ debugName: "floatingToolbar" }] : []));
+        this.showEditToggle = input(false, ...(ngDevMode ? [{ debugName: "showEditToggle" }] : []));
+        this.spellcheck = input(true, ...(ngDevMode ? [{ debugName: "spellcheck" }] : []));
+        this.tiptapExtensions = input([], ...(ngDevMode ? [{ debugName: "tiptapExtensions" }] : []));
+        this.tiptapOptions = input({}, ...(ngDevMode ? [{ debugName: "tiptapOptions" }] : []));
+        // Nouveaux inputs pour les bubble menus
+        this.showBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showBubbleMenu" }] : []));
+        this.bubbleMenu = input(ATE_DEFAULT_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "bubbleMenu" }] : []));
+        this.showImageBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showImageBubbleMenu" }] : []));
+        this.imageBubbleMenu = input(ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "imageBubbleMenu" }] : []));
+        // Configuration de la toolbar
+        this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
+        // Configuration des menus de table
         this.showTableBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showTableBubbleMenu" }] : []));
         this.tableBubbleMenu = input(ATE_DEFAULT_TABLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "tableBubbleMenu" }] : []));
         this.showCellBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showCellBubbleMenu" }] : []));
@@ -5848,7 +6292,7 @@ class AngularTiptapEditorComponent {
         this._isFormControlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_isFormControlDisabled" }] : []));
         this.isFormControlDisabled = this._isFormControlDisabled.asReadonly();
         // Combined disabled state (Input + FormControl)
-        this.mergedDisabled = computed(() => (this.config().disabled ?? this.disabled()) || this.isFormControlDisabled(), ...(ngDevMode ? [{ debugName: "mergedDisabled" }] : []));
+        this.mergedDisabled = computed(() => (this.effectiveConfig().disabled ?? this.disabled()) || this.isFormControlDisabled(), ...(ngDevMode ? [{ debugName: "mergedDisabled" }] : []));
         // Computed for editor states
         this.isEditorReady = computed(() => this.editor() !== null, ...(ngDevMode ? [{ debugName: "isEditorReady" }] : []));
         // ============================================
@@ -5856,27 +6300,27 @@ class AngularTiptapEditorComponent {
         // ============================================
         // Appearance & Fundamentals
         this.finalSeamless = computed(() => {
-            const fromConfig = this.config().mode;
+            const fromConfig = this.effectiveConfig().mode;
             if (fromConfig !== undefined) {
                 return fromConfig === "seamless";
             }
             return this.seamless();
         }, ...(ngDevMode ? [{ debugName: "finalSeamless" }] : []));
-        this.finalEditable = computed(() => this.config().editable ?? this.editable(), ...(ngDevMode ? [{ debugName: "finalEditable" }] : []));
-        this.finalPlaceholder = computed(() => this.config().placeholder ??
+        this.finalEditable = computed(() => this.effectiveConfig().editable ?? this.editable(), ...(ngDevMode ? [{ debugName: "finalEditable" }] : []));
+        this.finalPlaceholder = computed(() => this.effectiveConfig().placeholder ??
             (this.placeholder() || this.currentTranslations().editor.placeholder), ...(ngDevMode ? [{ debugName: "finalPlaceholder" }] : []));
-        this.finalFillContainer = computed(() => this.config().fillContainer ?? this.fillContainer(), ...(ngDevMode ? [{ debugName: "finalFillContainer" }] : []));
-        this.finalShowFooter = computed(() => this.config().showFooter ?? this.showFooter(), ...(ngDevMode ? [{ debugName: "finalShowFooter" }] : []));
-        this.finalShowEditToggle = computed(() => this.config().showEditToggle ?? this.showEditToggle(), ...(ngDevMode ? [{ debugName: "finalShowEditToggle" }] : []));
-        this.finalHeight = computed(() => this.config().height ?? (this.height() ? `${this.height()}px` : undefined), ...(ngDevMode ? [{ debugName: "finalHeight" }] : []));
-        this.finalMinHeight = computed(() => this.config().minHeight ?? (this.minHeight() ? `${this.minHeight()}px` : undefined), ...(ngDevMode ? [{ debugName: "finalMinHeight" }] : []));
-        this.finalMaxHeight = computed(() => this.config().maxHeight ?? (this.maxHeight() ? `${this.maxHeight()}px` : undefined), ...(ngDevMode ? [{ debugName: "finalMaxHeight" }] : []));
-        this.finalSpellcheck = computed(() => this.config().spellcheck ?? this.spellcheck(), ...(ngDevMode ? [{ debugName: "finalSpellcheck" }] : []));
-        this.finalEnableOfficePaste = computed(() => this.config().enableOfficePaste ?? this.enableOfficePaste(), ...(ngDevMode ? [{ debugName: "finalEnableOfficePaste" }] : []));
+        this.finalFillContainer = computed(() => this.effectiveConfig().fillContainer ?? this.fillContainer(), ...(ngDevMode ? [{ debugName: "finalFillContainer" }] : []));
+        this.finalShowFooter = computed(() => this.effectiveConfig().showFooter ?? this.showFooter(), ...(ngDevMode ? [{ debugName: "finalShowFooter" }] : []));
+        this.finalShowEditToggle = computed(() => this.effectiveConfig().showEditToggle ?? this.showEditToggle(), ...(ngDevMode ? [{ debugName: "finalShowEditToggle" }] : []));
+        this.finalHeight = computed(() => this.effectiveConfig().height ?? (this.height() ? `${this.height()}px` : undefined), ...(ngDevMode ? [{ debugName: "finalHeight" }] : []));
+        this.finalMinHeight = computed(() => this.effectiveConfig().minHeight ?? (this.minHeight() ? `${this.minHeight()}px` : undefined), ...(ngDevMode ? [{ debugName: "finalMinHeight" }] : []));
+        this.finalMaxHeight = computed(() => this.effectiveConfig().maxHeight ?? (this.maxHeight() ? `${this.maxHeight()}px` : undefined), ...(ngDevMode ? [{ debugName: "finalMaxHeight" }] : []));
+        this.finalSpellcheck = computed(() => this.effectiveConfig().spellcheck ?? this.spellcheck(), ...(ngDevMode ? [{ debugName: "finalSpellcheck" }] : []));
+        this.finalEnableOfficePaste = computed(() => this.effectiveConfig().enableOfficePaste ?? this.enableOfficePaste(), ...(ngDevMode ? [{ debugName: "finalEnableOfficePaste" }] : []));
         // Features
-        this.finalShowToolbar = computed(() => this.config().showToolbar ?? this.showToolbar(), ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
+        this.finalShowToolbar = computed(() => this.effectiveConfig().showToolbar ?? this.showToolbar(), ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
         this.finalToolbarConfig = computed(() => {
-            const fromConfig = this.config().toolbar;
+            const fromConfig = this.effectiveConfig().toolbar;
             const base = ATE_DEFAULT_TOOLBAR_CONFIG;
             if (fromConfig) {
                 return { ...base, ...fromConfig };
@@ -5884,19 +6328,19 @@ class AngularTiptapEditorComponent {
             const fromInput = this.toolbar();
             return Object.keys(fromInput).length === 0 ? base : { ...base, ...fromInput };
         }, ...(ngDevMode ? [{ debugName: "finalToolbarConfig" }] : []));
-        this.finalFloatingToolbar = computed(() => this.config().floatingToolbar ?? this.floatingToolbar(), ...(ngDevMode ? [{ debugName: "finalFloatingToolbar" }] : []));
-        this.finalShowBubbleMenu = computed(() => this.config().showBubbleMenu ?? this.showBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
+        this.finalFloatingToolbar = computed(() => this.effectiveConfig().floatingToolbar ?? this.floatingToolbar(), ...(ngDevMode ? [{ debugName: "finalFloatingToolbar" }] : []));
+        this.finalShowBubbleMenu = computed(() => this.effectiveConfig().showBubbleMenu ?? this.showBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
         this.finalBubbleMenuConfig = computed(() => {
-            const fromConfig = this.config().bubbleMenu;
+            const fromConfig = this.effectiveConfig().bubbleMenu;
             const base = ATE_DEFAULT_BUBBLE_MENU_CONFIG;
             if (fromConfig) {
                 return { ...base, ...fromConfig };
             }
             return Object.keys(this.bubbleMenu()).length === 0 ? base : { ...base, ...this.bubbleMenu() };
         }, ...(ngDevMode ? [{ debugName: "finalBubbleMenuConfig" }] : []));
-        this.finalShowImageBubbleMenu = computed(() => this.config().showImageBubbleMenu ?? this.showImageBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
+        this.finalShowImageBubbleMenu = computed(() => this.effectiveConfig().showImageBubbleMenu ?? this.showImageBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
         this.finalImageBubbleMenuConfig = computed(() => {
-            const fromConfig = this.config().imageBubbleMenu;
+            const fromConfig = this.effectiveConfig().imageBubbleMenu;
             const base = ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG;
             if (fromConfig) {
                 return { ...base, ...fromConfig };
@@ -5905,9 +6349,9 @@ class AngularTiptapEditorComponent {
                 ? base
                 : { ...base, ...this.imageBubbleMenu() };
         }, ...(ngDevMode ? [{ debugName: "finalImageBubbleMenuConfig" }] : []));
-        this.finalShowTableBubbleMenu = computed(() => this.config().showTableMenu ?? this.showTableBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
+        this.finalShowTableBubbleMenu = computed(() => this.effectiveConfig().showTableMenu ?? this.showTableBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
         this.finalTableBubbleMenuConfig = computed(() => {
-            const fromConfig = this.config().tableBubbleMenu;
+            const fromConfig = this.effectiveConfig().tableBubbleMenu;
             const base = ATE_DEFAULT_TABLE_MENU_CONFIG;
             if (fromConfig) {
                 return { ...base, ...fromConfig };
@@ -5916,9 +6360,9 @@ class AngularTiptapEditorComponent {
                 ? base
                 : { ...base, ...this.tableBubbleMenu() };
         }, ...(ngDevMode ? [{ debugName: "finalTableBubbleMenuConfig" }] : []));
-        this.finalShowCellBubbleMenu = computed(() => this.config().showCellMenu ?? this.showCellBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
+        this.finalShowCellBubbleMenu = computed(() => this.effectiveConfig().showCellMenu ?? this.showCellBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
         this.finalCellBubbleMenuConfig = computed(() => {
-            const fromConfig = this.config().cellBubbleMenu;
+            const fromConfig = this.effectiveConfig().cellBubbleMenu;
             const base = ATE_DEFAULT_CELL_MENU_CONFIG;
             if (fromConfig) {
                 return { ...base, ...fromConfig };
@@ -5927,10 +6371,12 @@ class AngularTiptapEditorComponent {
                 ? base
                 : { ...base, ...this.cellBubbleMenu() };
         }, ...(ngDevMode ? [{ debugName: "finalCellBubbleMenuConfig" }] : []));
-        this.finalEnableSlashCommands = computed(() => this.config().enableSlashCommands ?? this.enableSlashCommands(), ...(ngDevMode ? [{ debugName: "finalEnableSlashCommands" }] : []));
+        this.finalEnableSlashCommands = computed(() => this.effectiveConfig().enableSlashCommands ?? this.enableSlashCommands(), ...(ngDevMode ? [{ debugName: "finalEnableSlashCommands" }] : []));
         this.finalSlashCommandsConfig = computed(() => {
-            const fromConfig = this.config().slashCommands;
-            const customConfig = this.customSlashCommands();
+            const fromConfig = this.effectiveConfig().slashCommands;
+            const fromGlobalCustom = this.effectiveConfig().customSlashCommands;
+            const fromInputCustom = this.customSlashCommands();
+            const customConfig = fromInputCustom ?? fromGlobalCustom;
             if (customConfig) {
                 return customConfig;
             }
@@ -5943,14 +6389,19 @@ class AngularTiptapEditorComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "finalSlashCommandsConfig" }] : []));
         // Behavior
-        this.finalAutofocus = computed(() => this.config().autofocus ?? this.autofocus(), ...(ngDevMode ? [{ debugName: "finalAutofocus" }] : []));
-        this.finalMaxCharacters = computed(() => this.config().maxCharacters ?? this.maxCharacters(), ...(ngDevMode ? [{ debugName: "finalMaxCharacters" }] : []));
-        this.finalShowCharacterCount = computed(() => this.config().showCharacterCount ?? this.showCharacterCount(), ...(ngDevMode ? [{ debugName: "finalShowCharacterCount" }] : []));
-        this.finalShowWordCount = computed(() => this.config().showWordCount ?? this.showWordCount(), ...(ngDevMode ? [{ debugName: "finalShowWordCount" }] : []));
-        this.finalLocale = computed(() => this.config().locale ?? this.locale(), ...(ngDevMode ? [{ debugName: "finalLocale" }] : []));
+        this.finalAutofocus = computed(() => this.effectiveConfig().autofocus ?? this.autofocus(), ...(ngDevMode ? [{ debugName: "finalAutofocus" }] : []));
+        this.finalMaxCharacters = computed(() => this.effectiveConfig().maxCharacters ?? this.maxCharacters(), ...(ngDevMode ? [{ debugName: "finalMaxCharacters" }] : []));
+        this.finalShowCharacterCount = computed(() => this.effectiveConfig().showCharacterCount ?? this.showCharacterCount(), ...(ngDevMode ? [{ debugName: "finalShowCharacterCount" }] : []));
+        this.finalShowWordCount = computed(() => this.effectiveConfig().showWordCount ?? this.showWordCount(), ...(ngDevMode ? [{ debugName: "finalShowWordCount" }] : []));
+        this.finalLocale = computed(() => this.effectiveConfig().locale ?? this.locale(), ...(ngDevMode ? [{ debugName: "finalLocale" }] : []));
+        // Extensions & Options
+        this.finalTiptapExtensions = computed(() => this.effectiveConfig().tiptapExtensions ?? this.tiptapExtensions() ?? [], ...(ngDevMode ? [{ debugName: "finalTiptapExtensions" }] : []));
+        this.finalTiptapOptions = computed(() => this.effectiveConfig().tiptapOptions ?? this.tiptapOptions() ?? {}, ...(ngDevMode ? [{ debugName: "finalTiptapOptions" }] : []));
+        this.finalStateCalculators = computed(() => this.effectiveConfig().stateCalculators ?? this.stateCalculators() ?? [], ...(ngDevMode ? [{ debugName: "finalStateCalculators" }] : []));
+        this.finalAngularNodesConfig = computed(() => this.effectiveConfig().angularNodes ?? [], ...(ngDevMode ? [{ debugName: "finalAngularNodesConfig" }] : []));
         // Image Upload
         this.finalImageUploadConfig = computed(() => {
-            const fromConfig = this.config().imageUpload;
+            const fromConfig = this.effectiveConfig().imageUpload;
             const fromInput = this.imageUpload();
             const merged = {
                 maxSize: 5, // Default 5MB
@@ -5970,7 +6421,7 @@ class AngularTiptapEditorComponent {
                 maxSize: merged.maxSize * 1024 * 1024, // Convert MB to bytes for internal service
             };
         }, ...(ngDevMode ? [{ debugName: "finalImageUploadConfig" }] : []));
-        this.finalImageUploadHandler = computed(() => this.config().imageUpload?.handler ?? this.imageUploadHandler(), ...(ngDevMode ? [{ debugName: "finalImageUploadHandler" }] : []));
+        this.finalImageUploadHandler = computed(() => this.effectiveConfig().imageUpload?.handler ?? this.imageUploadHandler(), ...(ngDevMode ? [{ debugName: "finalImageUploadHandler" }] : []));
         // Computed for current translations (allows per-instance override via config or input)
         this.currentTranslations = computed(() => {
             const localeOverride = this.finalLocale();
@@ -5987,6 +6438,17 @@ class AngularTiptapEditorComponent {
         this.editorCommandsService = inject(AteEditorCommandsService);
         // Access editor state via service
         this.editorState = this.editorCommandsService.editorState;
+        this.injector = inject(Injector);
+        this.globalConfig = inject(ATE_GLOBAL_CONFIG, { optional: true });
+        /**
+         * Final merged configuration.
+         * Priority: Input [config] > Global config via provideAteEditor()
+         */
+        this.effectiveConfig = computed(() => {
+            const fromInput = this.config();
+            const fromGlobal = this.globalConfig || {};
+            return { ...fromGlobal, ...fromInput };
+        }, ...(ngDevMode ? [{ debugName: "effectiveConfig" }] : []));
         // Effect to update editor content (with anti-echo)
         effect(() => {
             const content = this.content(); // Sole reactive dependency
@@ -6053,11 +6515,12 @@ class AngularTiptapEditorComponent {
                 }
             }
         });
-        // Effect to re-initialize editor when extensions or options change
+        // Effect to re-initialize editor when technical configuration changes
         effect(() => {
-            // Monitor extensions and options
-            this.tiptapExtensions();
-            this.tiptapOptions();
+            // Monitor technical dependencies
+            this.finalTiptapExtensions();
+            this.finalTiptapOptions();
+            this.finalAngularNodesConfig();
             untracked(() => {
                 // Only if already initialized (post AfterViewInit)
                 if (this.editorFullyInitialized()) {
@@ -6136,7 +6599,7 @@ class AngularTiptapEditorComponent {
                     AteImageCalculator,
                     AteStructureCalculator,
                     AteDiscoveryCalculator,
-                    ...this.stateCalculators(),
+                    ...this.finalStateCalculators(),
                 ],
             }),
         ];
@@ -6153,8 +6616,22 @@ class AngularTiptapEditorComponent {
                 limit: this.finalMaxCharacters(),
             }));
         }
+        // Register automatic node views from config
+        const autoNodeViews = this.finalAngularNodesConfig();
+        autoNodeViews.forEach(reg => {
+            const options = typeof reg === "function"
+                ? { component: reg }
+                : reg;
+            try {
+                const extension = registerAngularComponent(this.injector, options);
+                extensions.push(extension);
+            }
+            catch (e) {
+                console.error("[ATE] Failed to auto-register node view:", e);
+            }
+        });
         // Allow addition of custom extensions, but avoid duplicates by filtering by name
-        const customExtensions = this.tiptapExtensions();
+        const customExtensions = this.finalTiptapExtensions();
         if (customExtensions.length > 0) {
             const existingNames = new Set(extensions
                 .map(ext => ext?.name)
@@ -6166,7 +6643,7 @@ class AngularTiptapEditorComponent {
             extensions.push(...toAdd);
         }
         // Also allow any tiptap user options
-        const userOptions = this.tiptapOptions();
+        const userOptions = this.finalTiptapOptions();
         const newEditor = new Editor({
             ...userOptions,
             element: this.editorElement().nativeElement,
@@ -6265,228 +6742,84 @@ class AngularTiptapEditorComponent {
     }
     // Public methods
     getHTML() {
-        return this.editor()?.getHTML() || "";
-    }
-    getJSON() {
-        return this.editor()?.getJSON();
-    }
-    getText() {
-        return this.editor()?.getText() || "";
-    }
-    setContent(content, emitUpdate = true) {
-        const editor = this.editor();
-        if (editor) {
-            this.editorCommandsService.setContent(editor, content, emitUpdate);
-        }
-    }
-    focus() {
-        const editor = this.editor();
-        if (editor) {
-            this.editorCommandsService.focus(editor);
-        }
-    }
-    blur() {
-        const editor = this.editor();
-        if (editor) {
-            this.editorCommandsService.blur(editor);
-        }
-    }
-    clearContent() {
-        const editor = this.editor();
-        if (editor) {
-            this.editorCommandsService.clearContent(editor);
-        }
-    }
-    // Méthode publique pour obtenir l'éditeur
-    getEditor() {
-        return this.editor();
-    }
-    setupFormControlSubscription() {
-        const control = this.ngControl?.control;
-        if (control) {
-            // Synchronize form control value with editor content
-            const formValue$ = concat(defer(() => of(control.value)), control.valueChanges);
-            formValue$
-                .pipe(tap((value) => {
-                const editor = this.editor();
-                if (editor) {
-                    this.setContent(value, false);
-                }
-            }), takeUntilDestroyed(this._destroyRef))
-                .subscribe();
-            // Synchronize form control status with editor disabled state
-            const formStatus$ = concat(defer(() => of(control.status)), control.statusChanges);
-            formStatus$
-                .pipe(tap((status) => {
-                this._isFormControlDisabled.set(status === "DISABLED");
-            }), takeUntilDestroyed(this._destroyRef))
-                .subscribe();
-        }
-    }
-    onEditorClick(event) {
-        const editor = this.editor();
-        if (!editor || !this.finalEditable()) {
-            return;
-        }
-        // Verify if interaction is on the container element and not on the content
-        const target = event.target;
-        const editorElement = this.editorElement()?.nativeElement;
-        if (target === editorElement || target.classList.contains("ate-content")) {
-            // Interaction in the empty space, position the cursor at the end
-            setTimeout(() => {
-                const { doc } = editor.state;
-                const endPos = doc.content.size;
-                editor.commands.setTextSelection(endPos);
-                editor.commands.focus();
-            }, 0);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AngularTiptapEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AngularTiptapEditorComponent, isStandalone: true, selector: "angular-tiptap-editor", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, fillContainer: { classPropertyName: "fillContainer", publicName: "fillContainer", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, showWordCount: { classPropertyName: "showWordCount", publicName: "showWordCount", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, enableOfficePaste: { classPropertyName: "enableOfficePaste", publicName: "enableOfficePaste", isSignal: true, isRequired: false, transformFunction: null }, enableSlashCommands: { classPropertyName: "enableSlashCommands", publicName: "enableSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, slashCommands: { classPropertyName: "slashCommands", publicName: "slashCommands", isSignal: true, isRequired: false, transformFunction: null }, customSlashCommands: { classPropertyName: "customSlashCommands", publicName: "customSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, seamless: { classPropertyName: "seamless", publicName: "seamless", isSignal: true, isRequired: false, transformFunction: null }, floatingToolbar: { classPropertyName: "floatingToolbar", publicName: "floatingToolbar", isSignal: true, isRequired: false, transformFunction: null }, showEditToggle: { classPropertyName: "showEditToggle", publicName: "showEditToggle", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, tiptapExtensions: { classPropertyName: "tiptapExtensions", publicName: "tiptapExtensions", isSignal: true, isRequired: false, transformFunction: null }, tiptapOptions: { classPropertyName: "tiptapOptions", publicName: "tiptapOptions", isSignal: true, isRequired: false, transformFunction: null }, showBubbleMenu: { classPropertyName: "showBubbleMenu", publicName: "showBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, bubbleMenu: { classPropertyName: "bubbleMenu", publicName: "bubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showImageBubbleMenu: { classPropertyName: "showImageBubbleMenu", publicName: "showImageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, imageBubbleMenu: { classPropertyName: "imageBubbleMenu", publicName: "imageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, showTableBubbleMenu: { classPropertyName: "showTableBubbleMenu", publicName: "showTableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, tableBubbleMenu: { classPropertyName: "tableBubbleMenu", publicName: "tableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showCellBubbleMenu: { classPropertyName: "showCellBubbleMenu", publicName: "showCellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, cellBubbleMenu: { classPropertyName: "cellBubbleMenu", publicName: "cellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, stateCalculators: { classPropertyName: "stateCalculators", publicName: "stateCalculators", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, imageUploadHandler: { classPropertyName: "imageUploadHandler", publicName: "imageUploadHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", editorCreated: "editorCreated", editorUpdate: "editorUpdate", editorFocus: "editorFocus", editorBlur: "editorBlur", editableChange: "editableChange" }, host: { properties: { "class.fill-container": "finalFillContainer()", "class.floating-toolbar": "finalFloatingToolbar()", "class.is-readonly": "!finalEditable() && !mergedDisabled()", "class.is-disabled": "mergedDisabled()", "style.--ate-border-width": "finalSeamless() || mergedDisabled() ? '0' : null", "style.--ate-background": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)", "style.--ate-toolbar-border-color": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-background": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-border-color": "finalSeamless() ? 'transparent' : null", "class.dark": "config().theme === 'dark'", "attr.data-theme": "config().theme" } }, providers: [AteEditorCommandsService, AteImageService, AteColorPickerService, AteLinkService], viewQueries: [{ propertyName: "editorElement", first: true, predicate: ["editorElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: AteNoopValueAccessorDirective }], ngImport: i0, template: `
-    <div class="ate-editor">
-      <!-- Toolbar -->
-      @if (finalEditable() && !mergedDisabled() && finalShowToolbar() && editor()) {
-        <ate-toolbar
-          [editor]="editor()!"
-          [config]="finalToolbarConfig()"
-          [imageUpload]="finalImageUploadConfig()"
-          [floating]="finalFloatingToolbar()"
-          (mouseenter)="hideBubbleMenus()"
-          (mouseleave)="showBubbleMenus()" />
-      }
-
-      @if (finalShowEditToggle() && !mergedDisabled()) {
-        <ate-edit-toggle
-          [editable]="finalEditable()"
-          [translations]="currentTranslations()"
-          (editToggle)="toggleEditMode($event)" />
-      }
-
-      <!-- Editor Content -->
-      <div
-        #editorElement
-        class="ate-content"
-        [class.drag-over]="isDragOver()"
-        (dragover)="onDragOver($event)"
-        (drop)="onDrop($event)"
-        (click)="onEditorClick($event)"
-        (keydown.enter)="onEditorClick($event)"
-        (keydown.space)="onEditorClick($event)"
-        tabindex="0"
-        role="application"
-        [attr.aria-label]="currentTranslations().editor.placeholder"></div>
-
-      <!-- Text Bubble Menu -->
-      @if (finalEditable() && finalShowBubbleMenu() && editor()) {
-        <ate-bubble-menu
-          [editor]="editor()!"
-          [config]="finalBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-bubble-menu>
-      }
-
-      <!-- Image Bubble Menu -->
-      @if (finalEditable() && finalShowImageBubbleMenu() && editor()) {
-        <ate-image-bubble-menu
-          [editor]="editor()!"
-          [config]="finalImageBubbleMenuConfig()"
-          [imageUpload]="finalImageUploadConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-image-bubble-menu>
-      }
-
-      <!-- Link Bubble Menu -->
-      @if (finalEditable() && editor()) {
-        <ate-link-bubble-menu
-          [editor]="editor()!"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-link-bubble-menu>
-      }
-
-      <!-- Color Bubble Menu -->
-      @if (finalEditable() && editor()) {
-        <ate-color-bubble-menu
-          [editor]="editor()!"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-color-bubble-menu>
-      }
-
-      <!-- Slash Commands -->
-      @if (finalEditable() && finalEnableSlashCommands() && editor()) {
-        <ate-slash-commands
-          [editor]="editor()!"
-          [config]="finalSlashCommandsConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-slash-commands>
-      }
-
-      <!-- Table Menu -->
-      @if (finalEditable() && finalShowTableBubbleMenu() && editor()) {
-        <ate-table-bubble-menu
-          [editor]="editor()!"
-          [config]="finalTableBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-table-bubble-menu>
-      }
-
-      <!-- Cell Menu -->
-      @if (finalEditable() && finalShowCellBubbleMenu() && editor()) {
-        <ate-cell-bubble-menu
-          [editor]="editor()!"
-          [config]="finalCellBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-cell-bubble-menu>
-      }
-
-      <!-- Counters -->
-      @if (
-        finalEditable() &&
-        !mergedDisabled() &&
-        finalShowFooter() &&
-        (finalShowCharacterCount() || finalShowWordCount())
-      ) {
-        <div
-          class="character-count"
-          [class.limit-reached]="finalMaxCharacters() && characterCount() >= finalMaxCharacters()!">
-          @if (finalShowCharacterCount()) {
-            {{ characterCount() }}
-            {{ currentTranslations().editor.character }}{{ characterCount() > 1 ? "s" : "" }}
-            @if (finalMaxCharacters()) {
-              / {{ finalMaxCharacters() }}
-            }
-          }
-
-          @if (finalShowCharacterCount() && finalShowWordCount()) {
-            ,
-          }
-
-          @if (finalShowWordCount()) {
-            {{ wordCount() }}
-            {{ currentTranslations().editor.word }}{{ wordCount() > 1 ? "s" : "" }}
-          }
-        </div>
-      }
-    </div>
-  `, isInline: true, styles: [":host{--ate-primary: #2563eb;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 90%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 95%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-surface: #ffffff;--ate-surface-secondary: #f8f9fa;--ate-surface-tertiary: #f1f5f9;--ate-text: #2d3748;--ate-text-secondary: #64748b;--ate-text-muted: #a0aec0;--ate-border: #e2e8f0;--ate-highlight-bg: #fef08a;--ate-highlight-color: #854d0e;--ate-button-hover: #f1f5f9;--ate-button-active: #e2e8f0;--ate-error-color: #c53030;--ate-error-bg: #fed7d7;--ate-error-border: #feb2b2;--ate-border-color: var(--ate-border);--ate-border-width: 2px;--ate-border-radius: 12px;--ate-focus-color: var(--ate-primary);--ate-background: var(--ate-surface);--ate-sub-border-radius: 8px;--ate-text-color: var(--ate-text);--ate-placeholder-color: var(--ate-text-muted);--ate-line-height: 1.6;--ate-content-padding: 16px;--ate-menu-bg: var(--ate-surface);--ate-menu-border-radius: var(--ate-border-radius);--ate-menu-border: var(--ate-border);--ate-menu-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ate-menu-padding: 6px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-background: var(--ate-surface-secondary);--ate-toolbar-border-color: var(--ate-border);--ate-toolbar-button-color: var(--ate-text-secondary);--ate-toolbar-button-hover-background: transparent;--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-counter-color: var(--ate-text-secondary);--ate-counter-background: var(--ate-surface-secondary);--ate-counter-border-color: var(--ate-border);--ate-drag-background: #f0f8ff;--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-border);--ate-blockquote-background: var(--ate-surface-secondary);--ate-code-background: var(--ate-surface-secondary);--ate-code-color: var(--ate-code-color);--ate-code-border-color: var(--ate-border);--ate-code-block-background: #0f172a;--ate-code-block-color: #e2e8f0;--ate-code-block-border-color: var(--ate-border);--ate-image-border-radius: 16px;--ate-image-selected-color: var(--ate-primary);--ate-scrollbar-width: 10px;--ate-scrollbar-thumb: var(--ate-border);--ate-scrollbar-thumb-hover: var(--ate-text-muted);--ate-scrollbar-track: transparent;--ate-table-border-color: var(--ate-border);--ate-table-header-background: var(--ate-surface-secondary);--ate-table-header-color: var(--ate-text);--ate-table-cell-background: var(--ate-surface);--ate-table-cell-selected-background: var(--ate-primary-light);--ate-table-resize-handle-color: var(--ate-primary);--ate-table-row-hover-background: var(--ate-primary-lighter)}:host(.dark),:host([data-theme=\"dark\"]){--ate-primary: #3b82f6;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 92%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 80%);--ate-surface: #020617;--ate-surface-secondary: #0f172a;--ate-surface-tertiary: #1e293b;--ate-text: #f8fafc;--ate-text-secondary: #94a3b8;--ate-text-muted: #64748b;--ate-border: #1e293b;--ate-highlight-bg: #854d0e;--ate-highlight-color: #fef08a;--ate-button-hover: #1e293b;--ate-button-active: #0f172a;--ate-menu-border: rgba(255, 255, 255, .1);--ate-menu-shadow: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--ate-error-color: #f87171;--ate-error-bg: #450a0a;--ate-error-border: #7f1d1d;--ate-drag-background: var(--ate-surface-tertiary);--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-primary);--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-button-hover: var(--ate-surface-tertiary);--ate-button-active: var(--ate-surface-secondary);--ate-scrollbar-thumb: var(--ate-surface-tertiary);--ate-scrollbar-thumb-hover: var(--ate-text-muted)}:host(.fill-container){display:block;height:100%}.ate-editor{border:var(--ate-border-width) solid var(--ate-border-color);border-radius:var(--ate-border-radius);background:var(--ate-background);overflow:visible;transition:border-color .2s ease;position:relative}:host(.floating-toolbar) .ate-editor{overflow:visible}:host(.fill-container) .ate-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .ate-content-wrapper{flex:1;min-height:0}:host(.fill-container) .ate-content{flex:1;min-height:0;overflow-y:auto}.ate-editor:focus-within{border-color:var(--ate-focus-color)}.ate-content{min-height:var(--editor-min-height, 200px);height:var(--editor-height, auto);max-height:var(--editor-max-height, none);overflow-y:var(--editor-overflow, visible);outline:none;position:relative;scrollbar-width:thin;scrollbar-color:var(--ate-scrollbar-thumb) var(--ate-scrollbar-track)}:host(.is-disabled) .ate-content{cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--ate-surface-tertiary)}:host(.is-readonly) .ate-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .ate-content ::ng-deep .ate-link{cursor:pointer;pointer-events:auto}.ate-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.ate-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.ate-content-wrapper .ate-content{flex:1}.ate-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.ate-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.ate-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.ate-content.drag-over{background:var(--ate-drag-background);border:2px dashed var(--ate-drag-border-color)}.character-count{padding:6px 8px;font-size:12px;color:var(--ate-counter-color);text-align:right;border-top:1px solid var(--ate-counter-border-color);background:var(--ate-counter-background);transition:color .2s ease;border-bottom-left-radius:calc(var(--ate-border-radius) - var(--ate-border-width));border-bottom-right-radius:calc(var(--ate-border-radius) - var(--ate-border-width))}.character-count.limit-reached{color:var(--ate-error-color, #ef4444);font-weight:600}:host ::ng-deep .ProseMirror{padding:var(--ate-content-padding);outline:none;line-height:var(--ate-line-height);color:var(--ate-text-color);min-height:100%;height:100%;word-wrap:break-word;overflow-wrap:break-word}:host ::ng-deep .ProseMirror h1{font-size:2em;font-weight:700;margin-top:0;margin-bottom:.5em}:host ::ng-deep .ProseMirror h2{font-size:1.5em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror h3{font-size:1.25em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror p{margin:.5em 0}:host ::ng-deep .ProseMirror ul,:host ::ng-deep .ProseMirror ol{padding-left:2em;margin:.5em 0}:host ::ng-deep .ProseMirror blockquote{border-left:4px solid var(--ate-blockquote-border-color);margin:1em 0;background:var(--ate-blockquote-background);padding:.5em 1em;border-radius:0 4px 4px 0}:host ::ng-deep .ProseMirror code{background:var(--ate-code-background);color:var(--ate-code-color);border:1px solid var(--ate-code-border-color);padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.85em;font-weight:500}:host ::ng-deep .ProseMirror pre{background:var(--ate-code-block-background);color:var(--ate-code-block-color);border:1px solid var(--ate-code-block-border-color);padding:1em;border-radius:var(--ate-border-radius);overflow-x:auto;margin:1em 0}:host ::ng-deep .ProseMirror pre code{background:none;color:inherit;border:none;padding:0}:host ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ate-placeholder-color);pointer-events:none;float:left;height:0}:host ::ng-deep .ProseMirror[contenteditable=false]{pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img{cursor:default;pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img:hover{transform:none;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .ProseMirror[contenteditable=false] img.ProseMirror-selectednode{outline:none}:host ::ng-deep .ProseMirror img{position:relative;display:inline-block;max-width:100%;height:auto;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:var(--ate-image-border-radius)}:host ::ng-deep .ProseMirror img:hover{border-color:var(--ate-border-color);box-shadow:0 2px 4px #0000001a}:host ::ng-deep .ProseMirror img.ProseMirror-selectednode{border-color:var(--ate-image-selected-color);box-shadow:0 0 0 3px var(--ate-primary-light-alpha);transition:all .2s ease}:host ::ng-deep .ProseMirror .tiptap-image{max-width:100%;height:auto;border-radius:var(--ate-image-border-radius);box-shadow:0 4px 20px #00000014;margin:.5em 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;filter:brightness(1) contrast(1)}:host ::ng-deep .ProseMirror .tiptap-image:hover{box-shadow:0 8px 30px #0000001f;filter:brightness(1.02) contrast(1.02)}:host ::ng-deep .ProseMirror .tiptap-image.ProseMirror-selectednode{outline:2px solid var(--ate-primary);outline-offset:2px;border-radius:var(--ate-image-border-radius);box-shadow:0 0 0 4px var(--ate-primary-light-alpha)}:host ::ng-deep .image-container{margin:.5em 0;text-align:center;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}:host ::ng-deep .image-container.image-align-left{text-align:left}:host ::ng-deep .image-container.image-align-center{text-align:center}:host ::ng-deep .image-container.image-align-right{text-align:right}:host ::ng-deep .image-container img{display:inline-block;max-width:100%;height:auto;border-radius:16px}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;margin:.5em 0}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000}:host ::ng-deep .resize-handle{position:absolute;width:12px;height:12px;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:50%;pointer-events:all;cursor:pointer;z-index:1001;transition:all .15s ease;box-shadow:0 2px 6px #0003}:host ::ng-deep .resize-handle:hover{background:var(--ate-primary);box-shadow:0 3px 8px #0000004d}:host ::ng-deep .resize-handle:active{background:var(--ate-primary)}:host ::ng-deep .resize-handle-n:hover,:host ::ng-deep .resize-handle-s:hover{transform:translate(-50%) scale(1.2)}:host ::ng-deep .resize-handle-w:hover,:host ::ng-deep .resize-handle-e:hover{transform:translateY(-50%) scale(1.2)}:host ::ng-deep .resize-handle-n:active,:host ::ng-deep .resize-handle-s:active{transform:translate(-50%) scale(.9)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9)}:host ::ng-deep .resize-handle-nw:hover,:host ::ng-deep .resize-handle-ne:hover,:host ::ng-deep .resize-handle-sw:hover,:host ::ng-deep .resize-handle-se:hover{transform:scale(1.2)}:host ::ng-deep .resize-handle-nw:active,:host ::ng-deep .resize-handle-ne:active,:host ::ng-deep .resize-handle-sw:active,:host ::ng-deep .resize-handle-se:active{transform:scale(.9)}:host ::ng-deep .resize-handle-nw{top:0;left:-6px;cursor:nw-resize}:host ::ng-deep .resize-handle-n{top:0;left:50%;transform:translate(-50%);cursor:n-resize}:host ::ng-deep .resize-handle-ne{top:0;right:-6px;cursor:ne-resize}:host ::ng-deep .resize-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host ::ng-deep .resize-handle-sw{bottom:0;left:-6px;cursor:sw-resize}:host ::ng-deep .resize-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}:host ::ng-deep .resize-handle-se{bottom:0;right:-6px;cursor:se-resize}:host ::ng-deep body.resizing{-webkit-user-select:none;user-select:none;cursor:crosshair}:host ::ng-deep body.resizing .ProseMirror{pointer-events:none}:host ::ng-deep body.resizing .ProseMirror .tiptap-image{pointer-events:none}:host ::ng-deep .image-size-info{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .2s ease}:host ::ng-deep .image-container:hover .image-size-info{opacity:1}:host ::ng-deep .ProseMirror table{border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed;width:100%;border-radius:8px;overflow:hidden}:host ::ng-deep .ProseMirror table td,:host ::ng-deep .ProseMirror table th{border:none;border-right:1px solid var(--ate-table-border-color);border-bottom:1px solid var(--ate-table-border-color);box-sizing:border-box;min-width:1em;padding:8px 12px;position:relative;vertical-align:top;text-align:left}:host ::ng-deep .ProseMirror table td{background:var(--ate-table-cell-background)}:host ::ng-deep .ProseMirror table td:first-child,:host ::ng-deep .ProseMirror table th:first-child{border-left:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child td,:host ::ng-deep .ProseMirror table tr:first-child th{border-top:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child th:first-child{border-top-left-radius:8px}:host ::ng-deep .ProseMirror table tr:first-child th:last-child{border-top-right-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:first-child{border-bottom-left-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:last-child{border-bottom-right-radius:8px}:host ::ng-deep .ProseMirror table th{background:var(--ate-table-header-background);font-weight:600;color:var(--ate-table-header-color)}:host ::ng-deep .ProseMirror table .selectedCell:after{background:var(--ate-table-cell-selected-background);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:2}:host ::ng-deep .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:var(--ate-table-resize-handle-color);opacity:0;transition:opacity .2s ease}:host ::ng-deep .ProseMirror table:hover .column-resize-handle{opacity:1}:host ::ng-deep .ProseMirror table .column-resize-handle:hover{background-color:var(--ate-focus-color)}:host ::ng-deep .ProseMirror .tableWrapper{overflow-x:auto;margin:1em 0;border-radius:8px}:host ::ng-deep .ProseMirror .tableWrapper table{margin:0;border-radius:8px;min-width:600px;overflow:hidden}:host ::ng-deep .ProseMirror table p{margin:0}:host ::ng-deep .ProseMirror table tbody tr:hover td{background-color:var(--ate-table-row-hover-background)}\n"], dependencies: [{ kind: "component", type: AteToolbarComponent, selector: "ate-toolbar", inputs: ["editor", "config", "imageUpload", "floating"] }, { kind: "component", type: AteBubbleMenuComponent, selector: "ate-bubble-menu", inputs: ["config"] }, { kind: "component", type: AteImageBubbleMenuComponent, selector: "ate-image-bubble-menu", inputs: ["config", "imageUpload"] }, { kind: "component", type: AteTableBubbleMenuComponent, selector: "ate-table-bubble-menu", inputs: ["config"] }, { kind: "component", type: AteCellBubbleMenuComponent, selector: "ate-cell-bubble-menu", inputs: ["config"] }, { kind: "component", type: AteSlashCommandsComponent, selector: "ate-slash-commands", inputs: ["editor", "config"] }, { kind: "component", type: AteLinkBubbleMenuComponent, selector: "ate-link-bubble-menu" }, { kind: "component", type: AteColorBubbleMenuComponent, selector: "ate-color-bubble-menu" }, { kind: "component", type: AteEditToggleComponent, selector: "ate-edit-toggle", inputs: ["editable", "translations"], outputs: ["editToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AngularTiptapEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "angular-tiptap-editor", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [AteNoopValueAccessorDirective], host: {
-                        "[class.fill-container]": "finalFillContainer()",
-                        "[class.floating-toolbar]": "finalFloatingToolbar()",
-                        "[class.is-readonly]": "!finalEditable() && !mergedDisabled()",
-                        "[class.is-disabled]": "mergedDisabled()",
-                        "[style.--ate-border-width]": "finalSeamless() || mergedDisabled() ? '0' : null",
-                        "[style.--ate-background]": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)",
-                        "[style.--ate-toolbar-border-color]": "finalSeamless() ? 'transparent' : null",
-                        "[style.--ate-counter-background]": "finalSeamless() ? 'transparent' : null",
-                        "[style.--ate-counter-border-color]": "finalSeamless() ? 'transparent' : null",
-                        "[class.dark]": "config().theme === 'dark'",
-                        "[attr.data-theme]": "config().theme",
-                    }, imports: [
-                        AteToolbarComponent,
-                        AteBubbleMenuComponent,
-                        AteImageBubbleMenuComponent,
-                        AteTableBubbleMenuComponent,
-                        AteCellBubbleMenuComponent,
-                        AteSlashCommandsComponent,
-                        AteLinkBubbleMenuComponent,
-                        AteColorBubbleMenuComponent,
-                        AteEditToggleComponent,
-                    ], providers: [AteEditorCommandsService, AteImageService, AteColorPickerService, AteLinkService], template: `
+        return this.editor()?.getHTML() || "";
+    }
+    getJSON() {
+        return this.editor()?.getJSON();
+    }
+    getText() {
+        return this.editor()?.getText() || "";
+    }
+    setContent(content, emitUpdate = true) {
+        const editor = this.editor();
+        if (editor) {
+            this.editorCommandsService.setContent(editor, content, emitUpdate);
+        }
+    }
+    focus() {
+        const editor = this.editor();
+        if (editor) {
+            this.editorCommandsService.focus(editor);
+        }
+    }
+    blur() {
+        const editor = this.editor();
+        if (editor) {
+            this.editorCommandsService.blur(editor);
+        }
+    }
+    clearContent() {
+        const editor = this.editor();
+        if (editor) {
+            this.editorCommandsService.clearContent(editor);
+        }
+    }
+    // Méthode publique pour obtenir l'éditeur
+    getEditor() {
+        return this.editor();
+    }
+    setupFormControlSubscription() {
+        const control = this.ngControl?.control;
+        if (control) {
+            // Synchronize form control value with editor content
+            const formValue$ = concat(defer(() => of(control.value)), control.valueChanges);
+            formValue$
+                .pipe(tap((value) => {
+                const editor = this.editor();
+                if (editor) {
+                    this.setContent(value, false);
+                }
+            }), takeUntilDestroyed(this._destroyRef))
+                .subscribe();
+            // Synchronize form control status with editor disabled state
+            const formStatus$ = concat(defer(() => of(control.status)), control.statusChanges);
+            formStatus$
+                .pipe(tap((status) => {
+                this._isFormControlDisabled.set(status === "DISABLED");
+            }), takeUntilDestroyed(this._destroyRef))
+                .subscribe();
+        }
+    }
+    onEditorClick(event) {
+        const editor = this.editor();
+        if (!editor || !this.finalEditable()) {
+            return;
+        }
+        // Verify if interaction is on the container element and not on the content
+        const target = event.target;
+        const editorElement = this.editorElement()?.nativeElement;
+        if (target === editorElement || target.classList.contains("ate-content")) {
+            // Interaction in the empty space, position the cursor at the end
+            setTimeout(() => {
+                const { doc } = editor.state;
+                const endPos = doc.content.size;
+                editor.commands.setTextSelection(endPos);
+                editor.commands.focus();
+            }, 0);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AngularTiptapEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AngularTiptapEditorComponent, isStandalone: true, selector: "angular-tiptap-editor", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, fillContainer: { classPropertyName: "fillContainer", publicName: "fillContainer", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, showWordCount: { classPropertyName: "showWordCount", publicName: "showWordCount", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, enableOfficePaste: { classPropertyName: "enableOfficePaste", publicName: "enableOfficePaste", isSignal: true, isRequired: false, transformFunction: null }, enableSlashCommands: { classPropertyName: "enableSlashCommands", publicName: "enableSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, slashCommands: { classPropertyName: "slashCommands", publicName: "slashCommands", isSignal: true, isRequired: false, transformFunction: null }, customSlashCommands: { classPropertyName: "customSlashCommands", publicName: "customSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, seamless: { classPropertyName: "seamless", publicName: "seamless", isSignal: true, isRequired: false, transformFunction: null }, floatingToolbar: { classPropertyName: "floatingToolbar", publicName: "floatingToolbar", isSignal: true, isRequired: false, transformFunction: null }, showEditToggle: { classPropertyName: "showEditToggle", publicName: "showEditToggle", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, tiptapExtensions: { classPropertyName: "tiptapExtensions", publicName: "tiptapExtensions", isSignal: true, isRequired: false, transformFunction: null }, tiptapOptions: { classPropertyName: "tiptapOptions", publicName: "tiptapOptions", isSignal: true, isRequired: false, transformFunction: null }, showBubbleMenu: { classPropertyName: "showBubbleMenu", publicName: "showBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, bubbleMenu: { classPropertyName: "bubbleMenu", publicName: "bubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showImageBubbleMenu: { classPropertyName: "showImageBubbleMenu", publicName: "showImageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, imageBubbleMenu: { classPropertyName: "imageBubbleMenu", publicName: "imageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, showTableBubbleMenu: { classPropertyName: "showTableBubbleMenu", publicName: "showTableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, tableBubbleMenu: { classPropertyName: "tableBubbleMenu", publicName: "tableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showCellBubbleMenu: { classPropertyName: "showCellBubbleMenu", publicName: "showCellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, cellBubbleMenu: { classPropertyName: "cellBubbleMenu", publicName: "cellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, stateCalculators: { classPropertyName: "stateCalculators", publicName: "stateCalculators", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, imageUploadHandler: { classPropertyName: "imageUploadHandler", publicName: "imageUploadHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", editorCreated: "editorCreated", editorUpdate: "editorUpdate", editorFocus: "editorFocus", editorBlur: "editorBlur", editableChange: "editableChange" }, host: { properties: { "class.fill-container": "finalFillContainer()", "class.floating-toolbar": "finalFloatingToolbar()", "class.is-readonly": "!finalEditable() && !mergedDisabled()", "class.is-disabled": "mergedDisabled()", "style.--ate-border-width": "finalSeamless() || mergedDisabled() ? '0' : null", "style.--ate-background": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)", "style.--ate-toolbar-border-color": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-background": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-border-color": "finalSeamless() ? 'transparent' : null", "class.dark": "config().theme === 'dark'", "attr.data-theme": "config().theme" } }, providers: [AteEditorCommandsService, AteImageService, AteColorPickerService, AteLinkService], viewQueries: [{ propertyName: "editorElement", first: true, predicate: ["editorElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: AteNoopValueAccessorDirective }], ngImport: i0, template: `
     <div class="ate-editor">
       <!-- Toolbar -->
       @if (finalEditable() && !mergedDisabled() && finalShowToolbar() && editor()) {
@@ -6600,498 +6933,276 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           @if (finalShowWordCount()) {
             {{ wordCount() }}
             {{ currentTranslations().editor.word }}{{ wordCount() > 1 ? "s" : "" }}
-          }
-        </div>
-      }
-    </div>
-  `, styles: [":host{--ate-primary: #2563eb;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 90%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 95%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-surface: #ffffff;--ate-surface-secondary: #f8f9fa;--ate-surface-tertiary: #f1f5f9;--ate-text: #2d3748;--ate-text-secondary: #64748b;--ate-text-muted: #a0aec0;--ate-border: #e2e8f0;--ate-highlight-bg: #fef08a;--ate-highlight-color: #854d0e;--ate-button-hover: #f1f5f9;--ate-button-active: #e2e8f0;--ate-error-color: #c53030;--ate-error-bg: #fed7d7;--ate-error-border: #feb2b2;--ate-border-color: var(--ate-border);--ate-border-width: 2px;--ate-border-radius: 12px;--ate-focus-color: var(--ate-primary);--ate-background: var(--ate-surface);--ate-sub-border-radius: 8px;--ate-text-color: var(--ate-text);--ate-placeholder-color: var(--ate-text-muted);--ate-line-height: 1.6;--ate-content-padding: 16px;--ate-menu-bg: var(--ate-surface);--ate-menu-border-radius: var(--ate-border-radius);--ate-menu-border: var(--ate-border);--ate-menu-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ate-menu-padding: 6px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-background: var(--ate-surface-secondary);--ate-toolbar-border-color: var(--ate-border);--ate-toolbar-button-color: var(--ate-text-secondary);--ate-toolbar-button-hover-background: transparent;--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-counter-color: var(--ate-text-secondary);--ate-counter-background: var(--ate-surface-secondary);--ate-counter-border-color: var(--ate-border);--ate-drag-background: #f0f8ff;--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-border);--ate-blockquote-background: var(--ate-surface-secondary);--ate-code-background: var(--ate-surface-secondary);--ate-code-color: var(--ate-code-color);--ate-code-border-color: var(--ate-border);--ate-code-block-background: #0f172a;--ate-code-block-color: #e2e8f0;--ate-code-block-border-color: var(--ate-border);--ate-image-border-radius: 16px;--ate-image-selected-color: var(--ate-primary);--ate-scrollbar-width: 10px;--ate-scrollbar-thumb: var(--ate-border);--ate-scrollbar-thumb-hover: var(--ate-text-muted);--ate-scrollbar-track: transparent;--ate-table-border-color: var(--ate-border);--ate-table-header-background: var(--ate-surface-secondary);--ate-table-header-color: var(--ate-text);--ate-table-cell-background: var(--ate-surface);--ate-table-cell-selected-background: var(--ate-primary-light);--ate-table-resize-handle-color: var(--ate-primary);--ate-table-row-hover-background: var(--ate-primary-lighter)}:host(.dark),:host([data-theme=\"dark\"]){--ate-primary: #3b82f6;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 92%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 80%);--ate-surface: #020617;--ate-surface-secondary: #0f172a;--ate-surface-tertiary: #1e293b;--ate-text: #f8fafc;--ate-text-secondary: #94a3b8;--ate-text-muted: #64748b;--ate-border: #1e293b;--ate-highlight-bg: #854d0e;--ate-highlight-color: #fef08a;--ate-button-hover: #1e293b;--ate-button-active: #0f172a;--ate-menu-border: rgba(255, 255, 255, .1);--ate-menu-shadow: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--ate-error-color: #f87171;--ate-error-bg: #450a0a;--ate-error-border: #7f1d1d;--ate-drag-background: var(--ate-surface-tertiary);--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-primary);--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-button-hover: var(--ate-surface-tertiary);--ate-button-active: var(--ate-surface-secondary);--ate-scrollbar-thumb: var(--ate-surface-tertiary);--ate-scrollbar-thumb-hover: var(--ate-text-muted)}:host(.fill-container){display:block;height:100%}.ate-editor{border:var(--ate-border-width) solid var(--ate-border-color);border-radius:var(--ate-border-radius);background:var(--ate-background);overflow:visible;transition:border-color .2s ease;position:relative}:host(.floating-toolbar) .ate-editor{overflow:visible}:host(.fill-container) .ate-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .ate-content-wrapper{flex:1;min-height:0}:host(.fill-container) .ate-content{flex:1;min-height:0;overflow-y:auto}.ate-editor:focus-within{border-color:var(--ate-focus-color)}.ate-content{min-height:var(--editor-min-height, 200px);height:var(--editor-height, auto);max-height:var(--editor-max-height, none);overflow-y:var(--editor-overflow, visible);outline:none;position:relative;scrollbar-width:thin;scrollbar-color:var(--ate-scrollbar-thumb) var(--ate-scrollbar-track)}:host(.is-disabled) .ate-content{cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--ate-surface-tertiary)}:host(.is-readonly) .ate-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .ate-content ::ng-deep .ate-link{cursor:pointer;pointer-events:auto}.ate-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.ate-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.ate-content-wrapper .ate-content{flex:1}.ate-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.ate-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.ate-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.ate-content.drag-over{background:var(--ate-drag-background);border:2px dashed var(--ate-drag-border-color)}.character-count{padding:6px 8px;font-size:12px;color:var(--ate-counter-color);text-align:right;border-top:1px solid var(--ate-counter-border-color);background:var(--ate-counter-background);transition:color .2s ease;border-bottom-left-radius:calc(var(--ate-border-radius) - var(--ate-border-width));border-bottom-right-radius:calc(var(--ate-border-radius) - var(--ate-border-width))}.character-count.limit-reached{color:var(--ate-error-color, #ef4444);font-weight:600}:host ::ng-deep .ProseMirror{padding:var(--ate-content-padding);outline:none;line-height:var(--ate-line-height);color:var(--ate-text-color);min-height:100%;height:100%;word-wrap:break-word;overflow-wrap:break-word}:host ::ng-deep .ProseMirror h1{font-size:2em;font-weight:700;margin-top:0;margin-bottom:.5em}:host ::ng-deep .ProseMirror h2{font-size:1.5em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror h3{font-size:1.25em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror p{margin:.5em 0}:host ::ng-deep .ProseMirror ul,:host ::ng-deep .ProseMirror ol{padding-left:2em;margin:.5em 0}:host ::ng-deep .ProseMirror blockquote{border-left:4px solid var(--ate-blockquote-border-color);margin:1em 0;background:var(--ate-blockquote-background);padding:.5em 1em;border-radius:0 4px 4px 0}:host ::ng-deep .ProseMirror code{background:var(--ate-code-background);color:var(--ate-code-color);border:1px solid var(--ate-code-border-color);padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.85em;font-weight:500}:host ::ng-deep .ProseMirror pre{background:var(--ate-code-block-background);color:var(--ate-code-block-color);border:1px solid var(--ate-code-block-border-color);padding:1em;border-radius:var(--ate-border-radius);overflow-x:auto;margin:1em 0}:host ::ng-deep .ProseMirror pre code{background:none;color:inherit;border:none;padding:0}:host ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ate-placeholder-color);pointer-events:none;float:left;height:0}:host ::ng-deep .ProseMirror[contenteditable=false]{pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img{cursor:default;pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img:hover{transform:none;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .ProseMirror[contenteditable=false] img.ProseMirror-selectednode{outline:none}:host ::ng-deep .ProseMirror img{position:relative;display:inline-block;max-width:100%;height:auto;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:var(--ate-image-border-radius)}:host ::ng-deep .ProseMirror img:hover{border-color:var(--ate-border-color);box-shadow:0 2px 4px #0000001a}:host ::ng-deep .ProseMirror img.ProseMirror-selectednode{border-color:var(--ate-image-selected-color);box-shadow:0 0 0 3px var(--ate-primary-light-alpha);transition:all .2s ease}:host ::ng-deep .ProseMirror .tiptap-image{max-width:100%;height:auto;border-radius:var(--ate-image-border-radius);box-shadow:0 4px 20px #00000014;margin:.5em 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;filter:brightness(1) contrast(1)}:host ::ng-deep .ProseMirror .tiptap-image:hover{box-shadow:0 8px 30px #0000001f;filter:brightness(1.02) contrast(1.02)}:host ::ng-deep .ProseMirror .tiptap-image.ProseMirror-selectednode{outline:2px solid var(--ate-primary);outline-offset:2px;border-radius:var(--ate-image-border-radius);box-shadow:0 0 0 4px var(--ate-primary-light-alpha)}:host ::ng-deep .image-container{margin:.5em 0;text-align:center;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}:host ::ng-deep .image-container.image-align-left{text-align:left}:host ::ng-deep .image-container.image-align-center{text-align:center}:host ::ng-deep .image-container.image-align-right{text-align:right}:host ::ng-deep .image-container img{display:inline-block;max-width:100%;height:auto;border-radius:16px}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;margin:.5em 0}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000}:host ::ng-deep .resize-handle{position:absolute;width:12px;height:12px;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:50%;pointer-events:all;cursor:pointer;z-index:1001;transition:all .15s ease;box-shadow:0 2px 6px #0003}:host ::ng-deep .resize-handle:hover{background:var(--ate-primary);box-shadow:0 3px 8px #0000004d}:host ::ng-deep .resize-handle:active{background:var(--ate-primary)}:host ::ng-deep .resize-handle-n:hover,:host ::ng-deep .resize-handle-s:hover{transform:translate(-50%) scale(1.2)}:host ::ng-deep .resize-handle-w:hover,:host ::ng-deep .resize-handle-e:hover{transform:translateY(-50%) scale(1.2)}:host ::ng-deep .resize-handle-n:active,:host ::ng-deep .resize-handle-s:active{transform:translate(-50%) scale(.9)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9)}:host ::ng-deep .resize-handle-nw:hover,:host ::ng-deep .resize-handle-ne:hover,:host ::ng-deep .resize-handle-sw:hover,:host ::ng-deep .resize-handle-se:hover{transform:scale(1.2)}:host ::ng-deep .resize-handle-nw:active,:host ::ng-deep .resize-handle-ne:active,:host ::ng-deep .resize-handle-sw:active,:host ::ng-deep .resize-handle-se:active{transform:scale(.9)}:host ::ng-deep .resize-handle-nw{top:0;left:-6px;cursor:nw-resize}:host ::ng-deep .resize-handle-n{top:0;left:50%;transform:translate(-50%);cursor:n-resize}:host ::ng-deep .resize-handle-ne{top:0;right:-6px;cursor:ne-resize}:host ::ng-deep .resize-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host ::ng-deep .resize-handle-sw{bottom:0;left:-6px;cursor:sw-resize}:host ::ng-deep .resize-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}:host ::ng-deep .resize-handle-se{bottom:0;right:-6px;cursor:se-resize}:host ::ng-deep body.resizing{-webkit-user-select:none;user-select:none;cursor:crosshair}:host ::ng-deep body.resizing .ProseMirror{pointer-events:none}:host ::ng-deep body.resizing .ProseMirror .tiptap-image{pointer-events:none}:host ::ng-deep .image-size-info{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .2s ease}:host ::ng-deep .image-container:hover .image-size-info{opacity:1}:host ::ng-deep .ProseMirror table{border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed;width:100%;border-radius:8px;overflow:hidden}:host ::ng-deep .ProseMirror table td,:host ::ng-deep .ProseMirror table th{border:none;border-right:1px solid var(--ate-table-border-color);border-bottom:1px solid var(--ate-table-border-color);box-sizing:border-box;min-width:1em;padding:8px 12px;position:relative;vertical-align:top;text-align:left}:host ::ng-deep .ProseMirror table td{background:var(--ate-table-cell-background)}:host ::ng-deep .ProseMirror table td:first-child,:host ::ng-deep .ProseMirror table th:first-child{border-left:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child td,:host ::ng-deep .ProseMirror table tr:first-child th{border-top:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child th:first-child{border-top-left-radius:8px}:host ::ng-deep .ProseMirror table tr:first-child th:last-child{border-top-right-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:first-child{border-bottom-left-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:last-child{border-bottom-right-radius:8px}:host ::ng-deep .ProseMirror table th{background:var(--ate-table-header-background);font-weight:600;color:var(--ate-table-header-color)}:host ::ng-deep .ProseMirror table .selectedCell:after{background:var(--ate-table-cell-selected-background);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:2}:host ::ng-deep .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:var(--ate-table-resize-handle-color);opacity:0;transition:opacity .2s ease}:host ::ng-deep .ProseMirror table:hover .column-resize-handle{opacity:1}:host ::ng-deep .ProseMirror table .column-resize-handle:hover{background-color:var(--ate-focus-color)}:host ::ng-deep .ProseMirror .tableWrapper{overflow-x:auto;margin:1em 0;border-radius:8px}:host ::ng-deep .ProseMirror .tableWrapper table{margin:0;border-radius:8px;min-width:600px;overflow:hidden}:host ::ng-deep .ProseMirror table p{margin:0}:host ::ng-deep .ProseMirror table tbody tr:hover td{background-color:var(--ate-table-row-hover-background)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], fillContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillContainer", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooter", required: false }] }], showCharacterCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCharacterCount", required: false }] }], showWordCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWordCount", required: false }] }], maxCharacters: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCharacters", required: false }] }], enableOfficePaste: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableOfficePaste", required: false }] }], enableSlashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSlashCommands", required: false }] }], slashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "slashCommands", required: false }] }], customSlashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSlashCommands", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], seamless: [{ type: i0.Input, args: [{ isSignal: true, alias: "seamless", required: false }] }], floatingToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingToolbar", required: false }] }], showEditToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEditToggle", required: false }] }], spellcheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellcheck", required: false }] }], tiptapExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiptapExtensions", required: false }] }], tiptapOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiptapOptions", required: false }] }], showBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBubbleMenu", required: false }] }], bubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubbleMenu", required: false }] }], showImageBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showImageBubbleMenu", required: false }] }], imageBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageBubbleMenu", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], showTableBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTableBubbleMenu", required: false }] }], tableBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBubbleMenu", required: false }] }], showCellBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCellBubbleMenu", required: false }] }], cellBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellBubbleMenu", required: false }] }], stateCalculators: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateCalculators", required: false }] }], imageUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUpload", required: false }] }], imageUploadHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploadHandler", required: false }] }], contentChange: [{ type: i0.Output, args: ["contentChange"] }], editorCreated: [{ type: i0.Output, args: ["editorCreated"] }], editorUpdate: [{ type: i0.Output, args: ["editorUpdate"] }], editorFocus: [{ type: i0.Output, args: ["editorFocus"] }], editorBlur: [{ type: i0.Output, args: ["editorBlur"] }], editableChange: [{ type: i0.Output, args: ["editableChange"] }], editorElement: [{ type: i0.ViewChild, args: ["editorElement", { isSignal: true }] }] } });
-
-/**
- * Clés des boutons de la barre d'outils native
- */
-const ATE_TOOLBAR_KEYS = [
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "code",
-    "codeBlock",
-    "superscript",
-    "subscript",
-    "highlight",
-    "highlightPicker",
-    "heading1",
-    "heading2",
-    "heading3",
-    "bulletList",
-    "orderedList",
-    "blockquote",
-    "alignLeft",
-    "alignCenter",
-    "alignRight",
-    "alignJustify",
-    "link",
-    "image",
-    "horizontalRule",
-    "table",
-    "undo",
-    "redo",
-    "clear",
-    "textColor",
-    "separator",
-];
-
-/**
- * Clés des options du menu bulle de texte
- */
-const ATE_BUBBLE_MENU_KEYS = [
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "code",
-    "superscript",
-    "subscript",
-    "highlight",
-    "highlightPicker",
-    "textColor",
-    "link",
-    "separator",
-];
-/**
- * Clés des options du menu bulle d'image
- */
-const ATE_IMAGE_BUBBLE_MENU_KEYS = [
-    "changeImage",
-    "resizeSmall",
-    "resizeMedium",
-    "resizeLarge",
-    "resizeOriginal",
-    "deleteImage",
-    "separator",
-];
-/**
- * Clés des options du menu de table
- */
-const ATE_TABLE_BUBBLE_MENU_KEYS = [
-    "addRowBefore",
-    "addRowAfter",
-    "deleteRow",
-    "addColumnBefore",
-    "addColumnAfter",
-    "deleteColumn",
-    "deleteTable",
-    "toggleHeaderRow",
-    "toggleHeaderColumn",
-    "separator",
-];
-/**
- * Clés des options du menu de cellule
- */
-const ATE_CELL_BUBBLE_MENU_KEYS = ["mergeCells", "splitCell"];
-
-/**
- * Base abstract class for Angular components used as TipTap NodeViews.
- *
- * Extend this class in your custom components to get access to the TipTap node properties.
- *
- * @example
- * ```typescript
- * @Component({
- *   selector: 'app-counter',
- *   template: `
- *     <div>
- *       <button (click)="increment()">Count: {{ node().attrs['count'] }}</button>
- *     </div>
- *   `
- * })
- * export class CounterComponent extends AteAngularNodeView {
- *   increment() {
- *     const count = this.node().attrs['count'] || 0;
- *     this.updateAttributes({ count: count + 1 });
- *   }
- * }
- * ```
- */
-class AteAngularNodeView {
-    /**
-     * Internal method to initialize the component with NodeView props.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _initNodeView(props) {
-        // Create signals from the props
-        const editorSignal = signal(props.editor, ...(ngDevMode ? [{ debugName: "editorSignal" }] : []));
-        const nodeSignal = signal(props.node, ...(ngDevMode ? [{ debugName: "nodeSignal" }] : []));
-        const decorationsSignal = signal(props.decorations, ...(ngDevMode ? [{ debugName: "decorationsSignal" }] : []));
-        const selectedSignal = signal(props.selected, ...(ngDevMode ? [{ debugName: "selectedSignal" }] : []));
-        const extensionSignal = signal(props.extension, ...(ngDevMode ? [{ debugName: "extensionSignal" }] : []));
-        // Assign to the component
-        this.editor = editorSignal.asReadonly();
-        this.node = nodeSignal.asReadonly();
-        this.decorations = decorationsSignal.asReadonly();
-        this.selected = selectedSignal.asReadonly();
-        this.extension = extensionSignal.asReadonly();
-        this.getPos = props.getPos;
-        this.updateAttributes = props.updateAttributes;
-        this.deleteNode = props.deleteNode;
-        // Store writable signals for updates
-        this._writableSignals = {
-            node: nodeSignal,
-            decorations: decorationsSignal,
-            selected: selectedSignal,
-        };
-    }
-    /**
-     * Internal method to update the component when the node changes.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _updateNodeView(node, decorations) {
-        if (this._writableSignals) {
-            this._writableSignals.node.set(node);
-            this._writableSignals.decorations.set(decorations);
-        }
-    }
-    /**
-     * Internal method to update the selection state.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _selectNodeView() {
-        if (this._writableSignals) {
-            this._writableSignals.selected.set(true);
-        }
-    }
-    /**
-     * Internal method to update the deselection state.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _deselectNodeView() {
-        if (this._writableSignals) {
-            this._writableSignals.selected.set(false);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteAngularNodeView, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AteAngularNodeView, isStandalone: true, ngImport: i0 }); }
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{--ate-primary: #2563eb;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 90%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 95%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-surface: #ffffff;--ate-surface-secondary: #f8f9fa;--ate-surface-tertiary: #f1f5f9;--ate-text: #2d3748;--ate-text-secondary: #64748b;--ate-text-muted: #a0aec0;--ate-border: #e2e8f0;--ate-highlight-bg: #fef08a;--ate-highlight-color: #854d0e;--ate-button-hover: #f1f5f9;--ate-button-active: #e2e8f0;--ate-error-color: #c53030;--ate-error-bg: #fed7d7;--ate-error-border: #feb2b2;--ate-border-color: var(--ate-border);--ate-border-width: 2px;--ate-border-radius: 12px;--ate-focus-color: var(--ate-primary);--ate-background: var(--ate-surface);--ate-sub-border-radius: 8px;--ate-text-color: var(--ate-text);--ate-placeholder-color: var(--ate-text-muted);--ate-line-height: 1.6;--ate-content-padding: 16px;--ate-menu-bg: var(--ate-surface);--ate-menu-border-radius: var(--ate-border-radius);--ate-menu-border: var(--ate-border);--ate-menu-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ate-menu-padding: 6px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-background: var(--ate-surface-secondary);--ate-toolbar-border-color: var(--ate-border);--ate-toolbar-button-color: var(--ate-text-secondary);--ate-toolbar-button-hover-background: transparent;--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-counter-color: var(--ate-text-secondary);--ate-counter-background: var(--ate-surface-secondary);--ate-counter-border-color: var(--ate-border);--ate-drag-background: #f0f8ff;--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-border);--ate-blockquote-background: var(--ate-surface-secondary);--ate-code-background: var(--ate-surface-secondary);--ate-code-color: var(--ate-code-color);--ate-code-border-color: var(--ate-border);--ate-code-block-background: #0f172a;--ate-code-block-color: #e2e8f0;--ate-code-block-border-color: var(--ate-border);--ate-image-border-radius: 16px;--ate-image-selected-color: var(--ate-primary);--ate-scrollbar-width: 10px;--ate-scrollbar-thumb: var(--ate-border);--ate-scrollbar-thumb-hover: var(--ate-text-muted);--ate-scrollbar-track: transparent;--ate-table-border-color: var(--ate-border);--ate-table-header-background: var(--ate-surface-secondary);--ate-table-header-color: var(--ate-text);--ate-table-cell-background: var(--ate-surface);--ate-table-cell-selected-background: var(--ate-primary-light);--ate-table-resize-handle-color: var(--ate-primary);--ate-table-row-hover-background: var(--ate-primary-lighter)}:host(.dark),:host([data-theme=\"dark\"]){--ate-primary: #3b82f6;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 92%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 80%);--ate-surface: #020617;--ate-surface-secondary: #0f172a;--ate-surface-tertiary: #1e293b;--ate-text: #f8fafc;--ate-text-secondary: #94a3b8;--ate-text-muted: #64748b;--ate-border: #1e293b;--ate-highlight-bg: #854d0e;--ate-highlight-color: #fef08a;--ate-button-hover: #1e293b;--ate-button-active: #0f172a;--ate-menu-border: rgba(255, 255, 255, .1);--ate-menu-shadow: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--ate-error-color: #f87171;--ate-error-bg: #450a0a;--ate-error-border: #7f1d1d;--ate-drag-background: var(--ate-surface-tertiary);--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-primary);--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-button-hover: var(--ate-surface-tertiary);--ate-button-active: var(--ate-surface-secondary);--ate-scrollbar-thumb: var(--ate-surface-tertiary);--ate-scrollbar-thumb-hover: var(--ate-text-muted)}:host(.fill-container){display:block;height:100%}.ate-editor{border:var(--ate-border-width) solid var(--ate-border-color);border-radius:var(--ate-border-radius);background:var(--ate-background);overflow:visible;transition:border-color .2s ease;position:relative}:host(.floating-toolbar) .ate-editor{overflow:visible}:host(.fill-container) .ate-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .ate-content-wrapper{flex:1;min-height:0}:host(.fill-container) .ate-content{flex:1;min-height:0;overflow-y:auto}.ate-editor:focus-within{border-color:var(--ate-focus-color)}.ate-content{min-height:var(--editor-min-height, 200px);height:var(--editor-height, auto);max-height:var(--editor-max-height, none);overflow-y:var(--editor-overflow, visible);outline:none;position:relative;scrollbar-width:thin;scrollbar-color:var(--ate-scrollbar-thumb) var(--ate-scrollbar-track)}:host(.is-disabled) .ate-content{cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--ate-surface-tertiary)}:host(.is-readonly) .ate-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .ate-content ::ng-deep .ate-link{cursor:pointer;pointer-events:auto}.ate-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.ate-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.ate-content-wrapper .ate-content{flex:1}.ate-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.ate-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.ate-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.ate-content.drag-over{background:var(--ate-drag-background);border:2px dashed var(--ate-drag-border-color)}.character-count{padding:6px 8px;font-size:12px;color:var(--ate-counter-color);text-align:right;border-top:1px solid var(--ate-counter-border-color);background:var(--ate-counter-background);transition:color .2s ease;border-bottom-left-radius:calc(var(--ate-border-radius) - var(--ate-border-width));border-bottom-right-radius:calc(var(--ate-border-radius) - var(--ate-border-width))}.character-count.limit-reached{color:var(--ate-error-color, #ef4444);font-weight:600}:host ::ng-deep .ProseMirror{padding:var(--ate-content-padding);outline:none;line-height:var(--ate-line-height);color:var(--ate-text-color);min-height:100%;height:100%;word-wrap:break-word;overflow-wrap:break-word}:host ::ng-deep .ProseMirror h1{font-size:2em;font-weight:700;margin-top:0;margin-bottom:.5em}:host ::ng-deep .ProseMirror h2{font-size:1.5em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror h3{font-size:1.25em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror p{margin:.5em 0}:host ::ng-deep .ProseMirror ul,:host ::ng-deep .ProseMirror ol{padding-left:2em;margin:.5em 0}:host ::ng-deep .ProseMirror blockquote{border-left:4px solid var(--ate-blockquote-border-color);margin:1em 0;background:var(--ate-blockquote-background);padding:.5em 1em;border-radius:0 4px 4px 0}:host ::ng-deep .ProseMirror code{background:var(--ate-code-background);color:var(--ate-code-color);border:1px solid var(--ate-code-border-color);padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.85em;font-weight:500}:host ::ng-deep .ProseMirror pre{background:var(--ate-code-block-background);color:var(--ate-code-block-color);border:1px solid var(--ate-code-block-border-color);padding:1em;border-radius:var(--ate-border-radius);overflow-x:auto;margin:1em 0}:host ::ng-deep .ProseMirror pre code{background:none;color:inherit;border:none;padding:0}:host ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ate-placeholder-color);pointer-events:none;float:left;height:0}:host ::ng-deep .ProseMirror[contenteditable=false]{pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img{cursor:default;pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img:hover{transform:none;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .ProseMirror[contenteditable=false] img.ProseMirror-selectednode{outline:none}:host ::ng-deep .ProseMirror img{position:relative;display:inline-block;max-width:100%;height:auto;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:var(--ate-image-border-radius)}:host ::ng-deep .ProseMirror img:hover{border-color:var(--ate-border-color);box-shadow:0 2px 4px #0000001a}:host ::ng-deep .ProseMirror img.ProseMirror-selectednode{border-color:var(--ate-image-selected-color);box-shadow:0 0 0 3px var(--ate-primary-light-alpha);transition:all .2s ease}:host ::ng-deep .ProseMirror .tiptap-image{max-width:100%;height:auto;border-radius:var(--ate-image-border-radius);box-shadow:0 4px 20px #00000014;margin:.5em 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;filter:brightness(1) contrast(1)}:host ::ng-deep .ProseMirror .tiptap-image:hover{box-shadow:0 8px 30px #0000001f;filter:brightness(1.02) contrast(1.02)}:host ::ng-deep .ProseMirror .tiptap-image.ProseMirror-selectednode{outline:2px solid var(--ate-primary);outline-offset:2px;border-radius:var(--ate-image-border-radius);box-shadow:0 0 0 4px var(--ate-primary-light-alpha)}:host ::ng-deep .image-container{margin:.5em 0;text-align:center;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}:host ::ng-deep .image-container.image-align-left{text-align:left}:host ::ng-deep .image-container.image-align-center{text-align:center}:host ::ng-deep .image-container.image-align-right{text-align:right}:host ::ng-deep .image-container img{display:inline-block;max-width:100%;height:auto;border-radius:16px}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;margin:.5em 0}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000}:host ::ng-deep .resize-handle{position:absolute;width:12px;height:12px;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:50%;pointer-events:all;cursor:pointer;z-index:1001;transition:all .15s ease;box-shadow:0 2px 6px #0003}:host ::ng-deep .resize-handle:hover{background:var(--ate-primary);box-shadow:0 3px 8px #0000004d}:host ::ng-deep .resize-handle:active{background:var(--ate-primary)}:host ::ng-deep .resize-handle-n:hover,:host ::ng-deep .resize-handle-s:hover{transform:translate(-50%) scale(1.2)}:host ::ng-deep .resize-handle-w:hover,:host ::ng-deep .resize-handle-e:hover{transform:translateY(-50%) scale(1.2)}:host ::ng-deep .resize-handle-n:active,:host ::ng-deep .resize-handle-s:active{transform:translate(-50%) scale(.9)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9)}:host ::ng-deep .resize-handle-nw:hover,:host ::ng-deep .resize-handle-ne:hover,:host ::ng-deep .resize-handle-sw:hover,:host ::ng-deep .resize-handle-se:hover{transform:scale(1.2)}:host ::ng-deep .resize-handle-nw:active,:host ::ng-deep .resize-handle-ne:active,:host ::ng-deep .resize-handle-sw:active,:host ::ng-deep .resize-handle-se:active{transform:scale(.9)}:host ::ng-deep .resize-handle-nw{top:0;left:-6px;cursor:nw-resize}:host ::ng-deep .resize-handle-n{top:0;left:50%;transform:translate(-50%);cursor:n-resize}:host ::ng-deep .resize-handle-ne{top:0;right:-6px;cursor:ne-resize}:host ::ng-deep .resize-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host ::ng-deep .resize-handle-sw{bottom:0;left:-6px;cursor:sw-resize}:host ::ng-deep .resize-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}:host ::ng-deep .resize-handle-se{bottom:0;right:-6px;cursor:se-resize}:host ::ng-deep body.resizing{-webkit-user-select:none;user-select:none;cursor:crosshair}:host ::ng-deep body.resizing .ProseMirror{pointer-events:none}:host ::ng-deep body.resizing .ProseMirror .tiptap-image{pointer-events:none}:host ::ng-deep .image-size-info{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .2s ease}:host ::ng-deep .image-container:hover .image-size-info{opacity:1}:host ::ng-deep .ProseMirror table{border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed;width:100%;border-radius:8px;overflow:hidden}:host ::ng-deep .ProseMirror table td,:host ::ng-deep .ProseMirror table th{border:none;border-right:1px solid var(--ate-table-border-color);border-bottom:1px solid var(--ate-table-border-color);box-sizing:border-box;min-width:1em;padding:8px 12px;position:relative;vertical-align:top;text-align:left}:host ::ng-deep .ProseMirror table td{background:var(--ate-table-cell-background)}:host ::ng-deep .ProseMirror table td:first-child,:host ::ng-deep .ProseMirror table th:first-child{border-left:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child td,:host ::ng-deep .ProseMirror table tr:first-child th{border-top:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child th:first-child{border-top-left-radius:8px}:host ::ng-deep .ProseMirror table tr:first-child th:last-child{border-top-right-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:first-child{border-bottom-left-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:last-child{border-bottom-right-radius:8px}:host ::ng-deep .ProseMirror table th{background:var(--ate-table-header-background);font-weight:600;color:var(--ate-table-header-color)}:host ::ng-deep .ProseMirror table .selectedCell:after{background:var(--ate-table-cell-selected-background);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:2}:host ::ng-deep .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:var(--ate-table-resize-handle-color);opacity:0;transition:opacity .2s ease}:host ::ng-deep .ProseMirror table:hover .column-resize-handle{opacity:1}:host ::ng-deep .ProseMirror table .column-resize-handle:hover{background-color:var(--ate-focus-color)}:host ::ng-deep .ProseMirror .tableWrapper{overflow-x:auto;margin:1em 0;border-radius:8px}:host ::ng-deep .ProseMirror .tableWrapper table{margin:0;border-radius:8px;min-width:600px;overflow:hidden}:host ::ng-deep .ProseMirror table p{margin:0}:host ::ng-deep .ProseMirror table tbody tr:hover td{background-color:var(--ate-table-row-hover-background)}\n"], dependencies: [{ kind: "component", type: AteToolbarComponent, selector: "ate-toolbar", inputs: ["editor", "config", "imageUpload", "floating"] }, { kind: "component", type: AteBubbleMenuComponent, selector: "ate-bubble-menu", inputs: ["config"] }, { kind: "component", type: AteImageBubbleMenuComponent, selector: "ate-image-bubble-menu", inputs: ["config", "imageUpload"] }, { kind: "component", type: AteTableBubbleMenuComponent, selector: "ate-table-bubble-menu", inputs: ["config"] }, { kind: "component", type: AteCellBubbleMenuComponent, selector: "ate-cell-bubble-menu", inputs: ["config"] }, { kind: "component", type: AteSlashCommandsComponent, selector: "ate-slash-commands", inputs: ["editor", "config"] }, { kind: "component", type: AteLinkBubbleMenuComponent, selector: "ate-link-bubble-menu" }, { kind: "component", type: AteColorBubbleMenuComponent, selector: "ate-color-bubble-menu" }, { kind: "component", type: AteEditToggleComponent, selector: "ate-edit-toggle", inputs: ["editable", "translations"], outputs: ["editToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteAngularNodeView, decorators: [{
-            type: Directive
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AngularTiptapEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "angular-tiptap-editor", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [AteNoopValueAccessorDirective], host: {
+                        "[class.fill-container]": "finalFillContainer()",
+                        "[class.floating-toolbar]": "finalFloatingToolbar()",
+                        "[class.is-readonly]": "!finalEditable() && !mergedDisabled()",
+                        "[class.is-disabled]": "mergedDisabled()",
+                        "[style.--ate-border-width]": "finalSeamless() || mergedDisabled() ? '0' : null",
+                        "[style.--ate-background]": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)",
+                        "[style.--ate-toolbar-border-color]": "finalSeamless() ? 'transparent' : null",
+                        "[style.--ate-counter-background]": "finalSeamless() ? 'transparent' : null",
+                        "[style.--ate-counter-border-color]": "finalSeamless() ? 'transparent' : null",
+                        "[class.dark]": "config().theme === 'dark'",
+                        "[attr.data-theme]": "config().theme",
+                    }, imports: [
+                        AteToolbarComponent,
+                        AteBubbleMenuComponent,
+                        AteImageBubbleMenuComponent,
+                        AteTableBubbleMenuComponent,
+                        AteCellBubbleMenuComponent,
+                        AteSlashCommandsComponent,
+                        AteLinkBubbleMenuComponent,
+                        AteColorBubbleMenuComponent,
+                        AteEditToggleComponent,
+                    ], providers: [AteEditorCommandsService, AteImageService, AteColorPickerService, AteLinkService], template: `
+    <div class="ate-editor">
+      <!-- Toolbar -->
+      @if (finalEditable() && !mergedDisabled() && finalShowToolbar() && editor()) {
+        <ate-toolbar
+          [editor]="editor()!"
+          [config]="finalToolbarConfig()"
+          [imageUpload]="finalImageUploadConfig()"
+          [floating]="finalFloatingToolbar()"
+          (mouseenter)="hideBubbleMenus()"
+          (mouseleave)="showBubbleMenus()" />
+      }
 
-/**
- * Universal Renderer for Angular Components as TipTap NodeViews.
- *
- * Supports:
- * - TipTap-Aware components (extending AteAngularNodeView)
- * - Standard library components (automatic @Input() sync)
- * - Signal-based inputs and outputs (Angular 18+)
- * - Content projection (editableContent)
- * - Unified lifecycle and event management
- */
-function AteNodeViewRenderer(component, options) {
-    return props => {
-        const { node, view: _view, getPos, decorations, editor, extension } = props;
-        const { injector, inputs = {}, wrapperTag = "div", wrapperClass, editableContent = false, contentSelector, onOutput, ignoreMutation = true, } = options;
-        const dom = document.createElement(wrapperTag);
-        if (wrapperClass) {
-            dom.className = wrapperClass;
-        }
-        const applicationRef = injector.get(ApplicationRef);
-        const environmentInjector = injector.get(EnvironmentInjector);
-        // 1. Setup Content Projection (ng-content)
-        let initialNodes = [];
-        let contentDOM = null;
-        if (editableContent && !contentSelector) {
-            contentDOM = document.createElement("div");
-            contentDOM.setAttribute("data-node-view-content", "");
-            initialNodes = [[contentDOM]];
-        }
-        // 2. Create the Angular Component
-        const componentRef = createComponent(component, {
-            environmentInjector,
-            elementInjector: injector,
-            projectableNodes: initialNodes,
-        });
-        const instance = componentRef.instance;
-        const subscriptions = [];
-        // 3. Initialize TipTap-Aware instances
-        if (instance instanceof AteAngularNodeView) {
-            instance._initNodeView({
-                editor,
-                node,
-                decorations,
-                selected: false,
-                extension,
-                getPos,
-                updateAttributes: attrs => editor.commands.updateAttributes(node.type.name, attrs),
-                deleteNode: () => {
-                    const pos = getPos();
-                    if (pos !== undefined) {
-                        editor.commands.deleteRange({ from: pos, to: pos + node.nodeSize });
-                    }
-                },
-            });
-        }
-        // 4. Synchronize Inputs (Handles standard @Input and Signal-based inputs)
-        const syncInputs = (nodeToSync) => {
-            // Combine base inputs from options with dynamic node attributes
-            const mergedInputs = { ...inputs, ...nodeToSync.attrs };
-            Object.entries(mergedInputs).forEach(([key, value]) => {
-                if (key !== "id" && value !== null && value !== undefined) {
-                    try {
-                        componentRef.setInput(key, value);
-                    }
-                    catch {
-                        // Silently ignore inputs that don't exist on the component
-                    }
-                }
-            });
-        };
-        syncInputs(node);
-        // 5. Setup Outputs (Handles EventEmitter and OutputRef)
-        if (onOutput) {
-            Object.entries(instance).forEach(([key, potentialOutput]) => {
-                if (potentialOutput &&
-                    typeof potentialOutput
-                        .subscribe === "function") {
-                    const sub = potentialOutput.subscribe((value) => {
-                        onOutput(key, value);
-                    });
-                    if (sub instanceof Subscription) {
-                        subscriptions.push(sub);
-                    }
-                }
-            });
-        }
-        // 6. Attach to DOM and ApplicationRef
-        applicationRef.attachView(componentRef.hostView);
-        const componentElement = componentRef.location.nativeElement;
-        // Target specific element for content if selector provided
-        if (editableContent && contentSelector) {
-            contentDOM = componentElement.querySelector(contentSelector);
-        }
-        dom.appendChild(componentElement);
-        // Initial detection to ensure the component is rendered
-        componentRef.changeDetectorRef.detectChanges();
-        // 7. Return the TipTap NodeView Interface
-        return {
-            dom,
-            contentDOM,
-            update: (updatedNode, updatedDecorations) => {
-                if (updatedNode.type !== node.type) {
-                    return false;
-                }
-                // Update Aware component signals
-                if (instance instanceof AteAngularNodeView) {
-                    instance._updateNodeView(updatedNode, updatedDecorations);
-                }
-                // Update inputs
-                syncInputs(updatedNode);
-                // Notify and Detect changes
-                componentRef.changeDetectorRef.detectChanges();
-                if (options.onUpdate) {
-                    options.onUpdate(updatedNode);
-                }
-                return true;
-            },
-            selectNode: () => {
-                if (instance instanceof AteAngularNodeView) {
-                    instance._selectNodeView();
-                }
-                dom.classList.add("ProseMirror-selectednode");
-            },
-            deselectNode: () => {
-                if (instance instanceof AteAngularNodeView) {
-                    instance._deselectNodeView();
-                }
-                dom.classList.remove("ProseMirror-selectednode");
-            },
-            destroy: () => {
-                if (options.onDestroy) {
-                    options.onDestroy();
-                }
-                subscriptions.forEach(s => s.unsubscribe());
-                applicationRef.detachView(componentRef.hostView);
-                componentRef.destroy();
-            },
-            stopEvent: event => {
-                const target = event.target;
-                const isEditable = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
-                return isEditable;
-            },
-            ignoreMutation: mutation => {
-                if (typeof ignoreMutation === "function") {
-                    return ignoreMutation(mutation);
-                }
-                return ignoreMutation;
-            },
-        };
-    };
+      @if (finalShowEditToggle() && !mergedDisabled()) {
+        <ate-edit-toggle
+          [editable]="finalEditable()"
+          [translations]="currentTranslations()"
+          (editToggle)="toggleEditMode($event)" />
+      }
+
+      <!-- Editor Content -->
+      <div
+        #editorElement
+        class="ate-content"
+        [class.drag-over]="isDragOver()"
+        (dragover)="onDragOver($event)"
+        (drop)="onDrop($event)"
+        (click)="onEditorClick($event)"
+        (keydown.enter)="onEditorClick($event)"
+        (keydown.space)="onEditorClick($event)"
+        tabindex="0"
+        role="application"
+        [attr.aria-label]="currentTranslations().editor.placeholder"></div>
+
+      <!-- Text Bubble Menu -->
+      @if (finalEditable() && finalShowBubbleMenu() && editor()) {
+        <ate-bubble-menu
+          [editor]="editor()!"
+          [config]="finalBubbleMenuConfig()"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-bubble-menu>
+      }
+
+      <!-- Image Bubble Menu -->
+      @if (finalEditable() && finalShowImageBubbleMenu() && editor()) {
+        <ate-image-bubble-menu
+          [editor]="editor()!"
+          [config]="finalImageBubbleMenuConfig()"
+          [imageUpload]="finalImageUploadConfig()"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-image-bubble-menu>
+      }
+
+      <!-- Link Bubble Menu -->
+      @if (finalEditable() && editor()) {
+        <ate-link-bubble-menu
+          [editor]="editor()!"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-link-bubble-menu>
+      }
+
+      <!-- Color Bubble Menu -->
+      @if (finalEditable() && editor()) {
+        <ate-color-bubble-menu
+          [editor]="editor()!"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-color-bubble-menu>
+      }
+
+      <!-- Slash Commands -->
+      @if (finalEditable() && finalEnableSlashCommands() && editor()) {
+        <ate-slash-commands
+          [editor]="editor()!"
+          [config]="finalSlashCommandsConfig()"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-slash-commands>
+      }
+
+      <!-- Table Menu -->
+      @if (finalEditable() && finalShowTableBubbleMenu() && editor()) {
+        <ate-table-bubble-menu
+          [editor]="editor()!"
+          [config]="finalTableBubbleMenuConfig()"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-table-bubble-menu>
+      }
+
+      <!-- Cell Menu -->
+      @if (finalEditable() && finalShowCellBubbleMenu() && editor()) {
+        <ate-cell-bubble-menu
+          [editor]="editor()!"
+          [config]="finalCellBubbleMenuConfig()"
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-cell-bubble-menu>
+      }
+
+      <!-- Counters -->
+      @if (
+        finalEditable() &&
+        !mergedDisabled() &&
+        finalShowFooter() &&
+        (finalShowCharacterCount() || finalShowWordCount())
+      ) {
+        <div
+          class="character-count"
+          [class.limit-reached]="finalMaxCharacters() && characterCount() >= finalMaxCharacters()!">
+          @if (finalShowCharacterCount()) {
+            {{ characterCount() }}
+            {{ currentTranslations().editor.character }}{{ characterCount() > 1 ? "s" : "" }}
+            @if (finalMaxCharacters()) {
+              / {{ finalMaxCharacters() }}
+            }
+          }
+
+          @if (finalShowCharacterCount() && finalShowWordCount()) {
+            ,
+          }
+
+          @if (finalShowWordCount()) {
+            {{ wordCount() }}
+            {{ currentTranslations().editor.word }}{{ wordCount() > 1 ? "s" : "" }}
+          }
+        </div>
+      }
+    </div>
+  `, styles: [":host{--ate-primary: #2563eb;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 90%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 95%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-surface: #ffffff;--ate-surface-secondary: #f8f9fa;--ate-surface-tertiary: #f1f5f9;--ate-text: #2d3748;--ate-text-secondary: #64748b;--ate-text-muted: #a0aec0;--ate-border: #e2e8f0;--ate-highlight-bg: #fef08a;--ate-highlight-color: #854d0e;--ate-button-hover: #f1f5f9;--ate-button-active: #e2e8f0;--ate-error-color: #c53030;--ate-error-bg: #fed7d7;--ate-error-border: #feb2b2;--ate-border-color: var(--ate-border);--ate-border-width: 2px;--ate-border-radius: 12px;--ate-focus-color: var(--ate-primary);--ate-background: var(--ate-surface);--ate-sub-border-radius: 8px;--ate-text-color: var(--ate-text);--ate-placeholder-color: var(--ate-text-muted);--ate-line-height: 1.6;--ate-content-padding: 16px;--ate-menu-bg: var(--ate-surface);--ate-menu-border-radius: var(--ate-border-radius);--ate-menu-border: var(--ate-border);--ate-menu-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ate-menu-padding: 6px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-background: var(--ate-surface-secondary);--ate-toolbar-border-color: var(--ate-border);--ate-toolbar-button-color: var(--ate-text-secondary);--ate-toolbar-button-hover-background: transparent;--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-counter-color: var(--ate-text-secondary);--ate-counter-background: var(--ate-surface-secondary);--ate-counter-border-color: var(--ate-border);--ate-drag-background: #f0f8ff;--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-border);--ate-blockquote-background: var(--ate-surface-secondary);--ate-code-background: var(--ate-surface-secondary);--ate-code-color: var(--ate-code-color);--ate-code-border-color: var(--ate-border);--ate-code-block-background: #0f172a;--ate-code-block-color: #e2e8f0;--ate-code-block-border-color: var(--ate-border);--ate-image-border-radius: 16px;--ate-image-selected-color: var(--ate-primary);--ate-scrollbar-width: 10px;--ate-scrollbar-thumb: var(--ate-border);--ate-scrollbar-thumb-hover: var(--ate-text-muted);--ate-scrollbar-track: transparent;--ate-table-border-color: var(--ate-border);--ate-table-header-background: var(--ate-surface-secondary);--ate-table-header-color: var(--ate-text);--ate-table-cell-background: var(--ate-surface);--ate-table-cell-selected-background: var(--ate-primary-light);--ate-table-resize-handle-color: var(--ate-primary);--ate-table-row-hover-background: var(--ate-primary-lighter)}:host(.dark),:host([data-theme=\"dark\"]){--ate-primary: #3b82f6;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 92%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 80%);--ate-surface: #020617;--ate-surface-secondary: #0f172a;--ate-surface-tertiary: #1e293b;--ate-text: #f8fafc;--ate-text-secondary: #94a3b8;--ate-text-muted: #64748b;--ate-border: #1e293b;--ate-highlight-bg: #854d0e;--ate-highlight-color: #fef08a;--ate-button-hover: #1e293b;--ate-button-active: #0f172a;--ate-menu-border: rgba(255, 255, 255, .1);--ate-menu-shadow: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--ate-error-color: #f87171;--ate-error-bg: #450a0a;--ate-error-border: #7f1d1d;--ate-drag-background: var(--ate-surface-tertiary);--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-primary);--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-button-hover: var(--ate-surface-tertiary);--ate-button-active: var(--ate-surface-secondary);--ate-scrollbar-thumb: var(--ate-surface-tertiary);--ate-scrollbar-thumb-hover: var(--ate-text-muted)}:host(.fill-container){display:block;height:100%}.ate-editor{border:var(--ate-border-width) solid var(--ate-border-color);border-radius:var(--ate-border-radius);background:var(--ate-background);overflow:visible;transition:border-color .2s ease;position:relative}:host(.floating-toolbar) .ate-editor{overflow:visible}:host(.fill-container) .ate-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .ate-content-wrapper{flex:1;min-height:0}:host(.fill-container) .ate-content{flex:1;min-height:0;overflow-y:auto}.ate-editor:focus-within{border-color:var(--ate-focus-color)}.ate-content{min-height:var(--editor-min-height, 200px);height:var(--editor-height, auto);max-height:var(--editor-max-height, none);overflow-y:var(--editor-overflow, visible);outline:none;position:relative;scrollbar-width:thin;scrollbar-color:var(--ate-scrollbar-thumb) var(--ate-scrollbar-track)}:host(.is-disabled) .ate-content{cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--ate-surface-tertiary)}:host(.is-readonly) .ate-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .ate-content ::ng-deep .ate-link{cursor:pointer;pointer-events:auto}.ate-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.ate-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.ate-content-wrapper .ate-content{flex:1}.ate-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.ate-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.ate-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.ate-content.drag-over{background:var(--ate-drag-background);border:2px dashed var(--ate-drag-border-color)}.character-count{padding:6px 8px;font-size:12px;color:var(--ate-counter-color);text-align:right;border-top:1px solid var(--ate-counter-border-color);background:var(--ate-counter-background);transition:color .2s ease;border-bottom-left-radius:calc(var(--ate-border-radius) - var(--ate-border-width));border-bottom-right-radius:calc(var(--ate-border-radius) - var(--ate-border-width))}.character-count.limit-reached{color:var(--ate-error-color, #ef4444);font-weight:600}:host ::ng-deep .ProseMirror{padding:var(--ate-content-padding);outline:none;line-height:var(--ate-line-height);color:var(--ate-text-color);min-height:100%;height:100%;word-wrap:break-word;overflow-wrap:break-word}:host ::ng-deep .ProseMirror h1{font-size:2em;font-weight:700;margin-top:0;margin-bottom:.5em}:host ::ng-deep .ProseMirror h2{font-size:1.5em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror h3{font-size:1.25em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror p{margin:.5em 0}:host ::ng-deep .ProseMirror ul,:host ::ng-deep .ProseMirror ol{padding-left:2em;margin:.5em 0}:host ::ng-deep .ProseMirror blockquote{border-left:4px solid var(--ate-blockquote-border-color);margin:1em 0;background:var(--ate-blockquote-background);padding:.5em 1em;border-radius:0 4px 4px 0}:host ::ng-deep .ProseMirror code{background:var(--ate-code-background);color:var(--ate-code-color);border:1px solid var(--ate-code-border-color);padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.85em;font-weight:500}:host ::ng-deep .ProseMirror pre{background:var(--ate-code-block-background);color:var(--ate-code-block-color);border:1px solid var(--ate-code-block-border-color);padding:1em;border-radius:var(--ate-border-radius);overflow-x:auto;margin:1em 0}:host ::ng-deep .ProseMirror pre code{background:none;color:inherit;border:none;padding:0}:host ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ate-placeholder-color);pointer-events:none;float:left;height:0}:host ::ng-deep .ProseMirror[contenteditable=false]{pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img{cursor:default;pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img:hover{transform:none;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .ProseMirror[contenteditable=false] img.ProseMirror-selectednode{outline:none}:host ::ng-deep .ProseMirror img{position:relative;display:inline-block;max-width:100%;height:auto;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:var(--ate-image-border-radius)}:host ::ng-deep .ProseMirror img:hover{border-color:var(--ate-border-color);box-shadow:0 2px 4px #0000001a}:host ::ng-deep .ProseMirror img.ProseMirror-selectednode{border-color:var(--ate-image-selected-color);box-shadow:0 0 0 3px var(--ate-primary-light-alpha);transition:all .2s ease}:host ::ng-deep .ProseMirror .tiptap-image{max-width:100%;height:auto;border-radius:var(--ate-image-border-radius);box-shadow:0 4px 20px #00000014;margin:.5em 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;filter:brightness(1) contrast(1)}:host ::ng-deep .ProseMirror .tiptap-image:hover{box-shadow:0 8px 30px #0000001f;filter:brightness(1.02) contrast(1.02)}:host ::ng-deep .ProseMirror .tiptap-image.ProseMirror-selectednode{outline:2px solid var(--ate-primary);outline-offset:2px;border-radius:var(--ate-image-border-radius);box-shadow:0 0 0 4px var(--ate-primary-light-alpha)}:host ::ng-deep .image-container{margin:.5em 0;text-align:center;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}:host ::ng-deep .image-container.image-align-left{text-align:left}:host ::ng-deep .image-container.image-align-center{text-align:center}:host ::ng-deep .image-container.image-align-right{text-align:right}:host ::ng-deep .image-container img{display:inline-block;max-width:100%;height:auto;border-radius:16px}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;margin:.5em 0}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000}:host ::ng-deep .resize-handle{position:absolute;width:12px;height:12px;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:50%;pointer-events:all;cursor:pointer;z-index:1001;transition:all .15s ease;box-shadow:0 2px 6px #0003}:host ::ng-deep .resize-handle:hover{background:var(--ate-primary);box-shadow:0 3px 8px #0000004d}:host ::ng-deep .resize-handle:active{background:var(--ate-primary)}:host ::ng-deep .resize-handle-n:hover,:host ::ng-deep .resize-handle-s:hover{transform:translate(-50%) scale(1.2)}:host ::ng-deep .resize-handle-w:hover,:host ::ng-deep .resize-handle-e:hover{transform:translateY(-50%) scale(1.2)}:host ::ng-deep .resize-handle-n:active,:host ::ng-deep .resize-handle-s:active{transform:translate(-50%) scale(.9)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9)}:host ::ng-deep .resize-handle-nw:hover,:host ::ng-deep .resize-handle-ne:hover,:host ::ng-deep .resize-handle-sw:hover,:host ::ng-deep .resize-handle-se:hover{transform:scale(1.2)}:host ::ng-deep .resize-handle-nw:active,:host ::ng-deep .resize-handle-ne:active,:host ::ng-deep .resize-handle-sw:active,:host ::ng-deep .resize-handle-se:active{transform:scale(.9)}:host ::ng-deep .resize-handle-nw{top:0;left:-6px;cursor:nw-resize}:host ::ng-deep .resize-handle-n{top:0;left:50%;transform:translate(-50%);cursor:n-resize}:host ::ng-deep .resize-handle-ne{top:0;right:-6px;cursor:ne-resize}:host ::ng-deep .resize-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host ::ng-deep .resize-handle-sw{bottom:0;left:-6px;cursor:sw-resize}:host ::ng-deep .resize-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}:host ::ng-deep .resize-handle-se{bottom:0;right:-6px;cursor:se-resize}:host ::ng-deep body.resizing{-webkit-user-select:none;user-select:none;cursor:crosshair}:host ::ng-deep body.resizing .ProseMirror{pointer-events:none}:host ::ng-deep body.resizing .ProseMirror .tiptap-image{pointer-events:none}:host ::ng-deep .image-size-info{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .2s ease}:host ::ng-deep .image-container:hover .image-size-info{opacity:1}:host ::ng-deep .ProseMirror table{border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed;width:100%;border-radius:8px;overflow:hidden}:host ::ng-deep .ProseMirror table td,:host ::ng-deep .ProseMirror table th{border:none;border-right:1px solid var(--ate-table-border-color);border-bottom:1px solid var(--ate-table-border-color);box-sizing:border-box;min-width:1em;padding:8px 12px;position:relative;vertical-align:top;text-align:left}:host ::ng-deep .ProseMirror table td{background:var(--ate-table-cell-background)}:host ::ng-deep .ProseMirror table td:first-child,:host ::ng-deep .ProseMirror table th:first-child{border-left:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child td,:host ::ng-deep .ProseMirror table tr:first-child th{border-top:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child th:first-child{border-top-left-radius:8px}:host ::ng-deep .ProseMirror table tr:first-child th:last-child{border-top-right-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:first-child{border-bottom-left-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:last-child{border-bottom-right-radius:8px}:host ::ng-deep .ProseMirror table th{background:var(--ate-table-header-background);font-weight:600;color:var(--ate-table-header-color)}:host ::ng-deep .ProseMirror table .selectedCell:after{background:var(--ate-table-cell-selected-background);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:2}:host ::ng-deep .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:var(--ate-table-resize-handle-color);opacity:0;transition:opacity .2s ease}:host ::ng-deep .ProseMirror table:hover .column-resize-handle{opacity:1}:host ::ng-deep .ProseMirror table .column-resize-handle:hover{background-color:var(--ate-focus-color)}:host ::ng-deep .ProseMirror .tableWrapper{overflow-x:auto;margin:1em 0;border-radius:8px}:host ::ng-deep .ProseMirror .tableWrapper table{margin:0;border-radius:8px;min-width:600px;overflow:hidden}:host ::ng-deep .ProseMirror table p{margin:0}:host ::ng-deep .ProseMirror table tbody tr:hover td{background-color:var(--ate-table-row-hover-background)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], fillContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillContainer", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooter", required: false }] }], showCharacterCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCharacterCount", required: false }] }], showWordCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWordCount", required: false }] }], maxCharacters: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCharacters", required: false }] }], enableOfficePaste: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableOfficePaste", required: false }] }], enableSlashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSlashCommands", required: false }] }], slashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "slashCommands", required: false }] }], customSlashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSlashCommands", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], seamless: [{ type: i0.Input, args: [{ isSignal: true, alias: "seamless", required: false }] }], floatingToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingToolbar", required: false }] }], showEditToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEditToggle", required: false }] }], spellcheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellcheck", required: false }] }], tiptapExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiptapExtensions", required: false }] }], tiptapOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiptapOptions", required: false }] }], showBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBubbleMenu", required: false }] }], bubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubbleMenu", required: false }] }], showImageBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showImageBubbleMenu", required: false }] }], imageBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageBubbleMenu", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], showTableBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTableBubbleMenu", required: false }] }], tableBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBubbleMenu", required: false }] }], showCellBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCellBubbleMenu", required: false }] }], cellBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellBubbleMenu", required: false }] }], stateCalculators: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateCalculators", required: false }] }], imageUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUpload", required: false }] }], imageUploadHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploadHandler", required: false }] }], contentChange: [{ type: i0.Output, args: ["contentChange"] }], editorCreated: [{ type: i0.Output, args: ["editorCreated"] }], editorUpdate: [{ type: i0.Output, args: ["editorUpdate"] }], editorFocus: [{ type: i0.Output, args: ["editorFocus"] }], editorBlur: [{ type: i0.Output, args: ["editorBlur"] }], editableChange: [{ type: i0.Output, args: ["editableChange"] }], editorElement: [{ type: i0.ViewChild, args: ["editorElement", { isSignal: true }] }] } });
+
+/**
+ * Provides the necessary configuration and initialization for the Angular TipTap Editor.
+ * This should be called in your app.config.ts (for standalone) or main.ts.
+ *
+ * This provider is essential for 'Angular Nodes' to work correctly, as it captures the
+ * root Injector required to instantiate custom Angular components within the editor.
+ * @example
+ * ```ts
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideAteEditor({
+ *       theme: 'dark',
+ *       mode: 'seamless'
+ *     })
+ *   ]
+ * });
+ * ```
+ */
+function provideAteEditor(config) {
+    return makeEnvironmentProviders([
+        {
+            provide: ATE_GLOBAL_CONFIG,
+            useValue: config || {},
+        },
+        provideEnvironmentInitializer(() => {
+            const injector = inject(Injector);
+            setGlobalInjector(injector);
+        }),
+    ]);
 }
 
-const RESERVED_NAMES = [
-    "doc",
-    "paragraph",
-    "text",
-    "hardBreak",
+/**
+ * Clés des boutons de la barre d'outils native
+ */
+const ATE_TOOLBAR_KEYS = [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "code",
+    "codeBlock",
+    "superscript",
+    "subscript",
+    "highlight",
+    "highlightPicker",
+    "heading1",
+    "heading2",
+    "heading3",
     "bulletList",
     "orderedList",
-    "listItem",
     "blockquote",
-    "codeBlock",
-    "heading",
+    "alignLeft",
+    "alignCenter",
+    "alignRight",
+    "alignJustify",
+    "link",
+    "image",
     "horizontalRule",
+    "table",
+    "undo",
+    "redo",
+    "clear",
+    "textColor",
+    "separator",
 ];
+
 /**
- * Derives the TipTap node name and HTML tag from a component class.
+ * Clés des options du menu bulle de texte
  */
-function deriveMetadata(component, customName) {
-    let nodeName = customName;
-    if (!nodeName) {
-        nodeName = component.name
-            .replace(/Component$/, "")
-            .replace(/Node$/, "")
-            .replace(/^([A-Z])/, m => m.toLowerCase());
-        console.warn(`[ATE] Auto-deriving node name '${nodeName}' for component ${component.name}. ` +
-            `Provide an explicit 'name' in options to avoid potential naming collisions.`);
-    }
-    if (RESERVED_NAMES.includes(nodeName)) {
-        throw new Error(`[ATE] The name '${nodeName}' is a reserved TipTap node name. ` +
-            `Please provide a unique name for your custom component.`);
-    }
-    const tag = nodeName.toLowerCase().replace(/([A-Z])/g, "-$1");
-    return { nodeName, tag };
-}
+const ATE_BUBBLE_MENU_KEYS = [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "code",
+    "superscript",
+    "subscript",
+    "highlight",
+    "highlightPicker",
+    "textColor",
+    "link",
+    "separator",
+];
 /**
- * Creates TipTap attributes from component inputs (Standard Mode).
+ * Clés des options du menu bulle d'image
  */
-function createStandardAttributes(defaultInputs = {}) {
-    const tiptapAttributes = {};
-    Object.entries(defaultInputs).forEach(([key, defaultValue]) => {
-        tiptapAttributes[key] = {
-            default: defaultValue,
-            parseHTML: (element) => {
-                const attr = element.getAttribute(`data-${key}`);
-                if (attr === null) {
-                    return defaultValue;
-                }
-                try {
-                    return JSON.parse(attr);
-                }
-                catch {
-                    return attr;
-                }
-            },
-            renderHTML: (attrs) => {
-                const value = attrs[key];
-                if (value === undefined || value === null) {
-                    return {};
-                }
-                const serialized = typeof value === "object" ? JSON.stringify(value) : String(value);
-                return { [`data-${key}`]: serialized };
-            },
-        };
-    });
-    return tiptapAttributes;
-}
+const ATE_IMAGE_BUBBLE_MENU_KEYS = [
+    "changeImage",
+    "resizeSmall",
+    "resizeMedium",
+    "resizeLarge",
+    "resizeOriginal",
+    "deleteImage",
+    "separator",
+];
 /**
- * Factory to transform an Angular component into a TipTap Node extension.
- * Supports both "TipTap-Aware" and "Standard" modes.
- *
- * @internal
+ * Clés des options du menu de table
  */
-function createAngularComponentExtension(injector, options) {
-    const { component, name: customName, attributes, defaultInputs, contentSelector, contentMode = "block", editableContent = false, group = "block", draggable = true, ignoreMutation = true, onOutput, HTMLAttributes = {}, parseHTML: customParseHTML, renderHTML: customRenderHTML, } = options;
-    const { nodeName, tag } = deriveMetadata(component, customName);
-    const isTipTapAware = Object.prototype.isPrototypeOf.call(AteAngularNodeView, component);
-    const atom = !editableContent;
-    // 1. Prepare Attributes
-    const tiptapAttributes = isTipTapAware
-        ? attributes || {}
-        : createStandardAttributes(defaultInputs);
-    // 2. Create Node Extension
-    return Node$1.create({
-        name: nodeName,
-        group,
-        inline: group === "inline",
-        atom,
-        draggable,
-        content: editableContent ? (contentMode === "inline" ? "inline*" : "block*") : undefined,
-        addAttributes() {
-            return tiptapAttributes;
-        },
-        parseHTML() {
-            if (customParseHTML) {
-                return customParseHTML.call(this);
-            }
-            return [{ tag }, { tag: `div[data-component="${nodeName}"]` }];
-        },
-        renderHTML({ node, HTMLAttributes: attrs }) {
-            if (customRenderHTML) {
-                return customRenderHTML.call(this, { node, HTMLAttributes: attrs });
-            }
-            return [tag, mergeAttributes(HTMLAttributes, attrs, { "data-component": nodeName })];
-        },
-        addNodeView() {
-            return AteNodeViewRenderer(component, {
-                injector,
-                inputs: defaultInputs,
-                wrapperTag: group === "inline" ? "span" : "div",
-                wrapperClass: isTipTapAware
-                    ? `ate-node-${nodeName}`
-                    : `embedded-component embedded-${nodeName}`,
-                atom,
-                editableContent,
-                contentSelector,
-                contentMode,
-                onOutput,
-                ignoreMutation,
-            });
-        },
-    });
-}
-
+const ATE_TABLE_BUBBLE_MENU_KEYS = [
+    "addRowBefore",
+    "addRowAfter",
+    "deleteRow",
+    "addColumnBefore",
+    "addColumnAfter",
+    "deleteColumn",
+    "deleteTable",
+    "toggleHeaderRow",
+    "toggleHeaderColumn",
+    "separator",
+];
 /**
- * Registers ANY Angular component as a TipTap node extension.
- *
- * This function is the single public entry point for adding custom components.
- * It supports two distinct modes:
- *
- * 1. **TipTap-Aware Mode** (the component extends `AteAngularNodeView`):
- *    Grants direct access to the TipTap API (`editor`, `node`, `updateAttributes`, etc.) within the component.
- *
- * 2. **Standard Mode** (library or legacy components):
- *    Allows using any existing Angular component. Its `@Input()` properties are automatically
- *    synchronized with TipTap node attributes.
- *
- * @param injector - The Angular Injector (obtained via `inject(Injector)`)
- * @param options - Configuration options for the component extension
- * @returns A TipTap Node extension ready to be used
- *
- * @example
- * ```typescript
- * registerAngularComponent(injector, {
- *   component: MyComponent,
- *   name: 'myComponent',
- *   defaultInputs: { color: 'blue' }
- * });
- * ```
+ * Clés des options du menu de cellule
  */
-function registerAngularComponent(injector, options) {
-    return createAngularComponentExtension(injector, options);
-}
+const ATE_CELL_BUBBLE_MENU_KEYS = ["mergeCells", "splitCell"];
 
 /*
  * Public API Surface of tiptap-editor
  */
-// Main component
+// Main component & Provider
 /** @deprecated Renamed to `ATE_INITIAL_EDITOR_STATE`. This alias will be removed in v3.0.0. */
 const INITIAL_EDITOR_STATE = ATE_INITIAL_EDITOR_STATE;
 /** @deprecated Renamed to `ATE_SLASH_COMMAND_KEYS`. This alias will be removed in v3.0.0. */
@@ -7125,5 +7236,5 @@ const DEFAULT_CELL_MENU_CONFIG = ATE_DEFAULT_CELL_MENU_CONFIG;
  * Generated bundle index. Do not edit.
  */
 
-export { ATE_BUBBLE_MENU_KEYS, ATE_CELL_BUBBLE_MENU_KEYS, ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_SLASH_COMMAND_KEYS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteAngularNodeView, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteI18nService, AteImageCalculator, AteImageService, AteLinkService, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteColorPickerService as ColorPickerService, DEFAULT_BUBBLE_MENU_CONFIG, DEFAULT_CELL_MENU_CONFIG, DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, DEFAULT_SLASH_COMMANDS_CONFIG, DEFAULT_TABLE_MENU_CONFIG, DEFAULT_TOOLBAR_CONFIG, DiscoveryCalculator, AteEditorCommandsService as EditorCommandsService, INITIAL_EDITOR_STATE, ImageCalculator, AteImageService as ImageService, AteLinkService as LinkService, MarksCalculator, SLASH_COMMAND_KEYS, SelectionCalculator, StructureCalculator, TableCalculator, AteI18nService as TiptapI18nService, createAngularComponentExtension, createDefaultSlashCommands, filterSlashCommands, registerAngularComponent };
+export { ATE_BUBBLE_MENU_KEYS, ATE_CELL_BUBBLE_MENU_KEYS, ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_GLOBAL_CONFIG, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_SLASH_COMMAND_KEYS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteAngularNodeView, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteI18nService, AteImageCalculator, AteImageService, AteLinkService, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteColorPickerService as ColorPickerService, DEFAULT_BUBBLE_MENU_CONFIG, DEFAULT_CELL_MENU_CONFIG, DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, DEFAULT_SLASH_COMMANDS_CONFIG, DEFAULT_TABLE_MENU_CONFIG, DEFAULT_TOOLBAR_CONFIG, DiscoveryCalculator, AteEditorCommandsService as EditorCommandsService, INITIAL_EDITOR_STATE, ImageCalculator, AteImageService as ImageService, AteLinkService as LinkService, MarksCalculator, SLASH_COMMAND_KEYS, SelectionCalculator, StructureCalculator, TableCalculator, AteI18nService as TiptapI18nService, createAngularComponentExtension, createDefaultSlashCommands, filterSlashCommands, provideAteEditor, registerAngularComponent };
 //# sourceMappingURL=flogeez-angular-tiptap-editor.mjs.map