@flogeez/angular-tiptap-editor 3.0.0 → 3.0.2

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

@@ -4,11 +4,9 @@ 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';
 import { Placeholder, CharacterCount } from '@tiptap/extensions';
-import { Underline } from '@tiptap/extension-underline';
 import { Superscript } from '@tiptap/extension-superscript';
 import { Subscript } from '@tiptap/extension-subscript';
 import { TextAlign } from '@tiptap/extension-text-align';
-import { Link } from '@tiptap/extension-link';
 import { Highlight } from '@tiptap/extension-highlight';
 import { TextStyle } from '@tiptap/extension-text-style';
 import { Color } from '@tiptap/extension-color';
@@ -121,6 +119,13 @@ const AteResizableImage = Node$1.create({
     },
     addNodeView() {
         return ({ node, getPos, editor }) => {
+            const wrapper = document.createElement("div");
+            wrapper.className = "resizable-image-wrapper";
+            wrapper.style.display = "block";
+            if (node.attrs["textAlign"]) {
+                wrapper.style.textAlign = node.attrs["textAlign"];
+                wrapper.setAttribute("data-align", node.attrs["textAlign"]);
+            }
             const container = document.createElement("div");
             container.className = "resizable-image-container";
             container.style.position = "relative";
@@ -130,20 +135,32 @@ const AteResizableImage = Node$1.create({
             img.alt = node.attrs["alt"] || "";
             img.title = node.attrs["title"] || "";
             img.className = "ate-image";
+            img.style.display = "inline-block"; // Ensure it respects container text-align
             if (node.attrs["width"]) {
                 img.width = node.attrs["width"];
             }
             if (node.attrs["height"]) {
                 img.height = node.attrs["height"];
             }
-            img.parentNode?.insertBefore(container, img);
+            wrapper.appendChild(container);
             container.appendChild(img);
+            // Allow selection in read-only mode to show bubble menu/download
+            img.addEventListener("click", e => {
+                if (!editor.isEditable) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    const pos = getPos();
+                    if (typeof pos === "number") {
+                        editor.commands.setNodeSelection(pos);
+                        editor.view.focus();
+                    }
+                }
+            });
             // Add modern resize controls
             const resizeControls = document.createElement("div");
             resizeControls.className = "resize-controls";
-            resizeControls.style.display = "none";
-            // Create 8 handles for full resizing capability
-            const handles = ["nw", "n", "ne", "w", "e", "sw", "s", "se"];
+            // Create 2 handles (sides only) for a minimalist UI
+            const handles = ["w", "e"];
             handles.forEach(direction => {
                 const handle = document.createElement("div");
                 handle.className = `resize-handle resize-handle-${direction}`;
@@ -155,7 +172,6 @@ const AteResizableImage = Node$1.create({
             // Variables for resizing
             let isResizing = false;
             let startX = 0;
-            let startY = 0;
             let startWidth = 0;
             let startHeight = 0;
             let aspectRatio = 1;
@@ -169,7 +185,6 @@ const AteResizableImage = Node$1.create({
                 e.stopPropagation();
                 isResizing = true;
                 startX = e.clientX;
-                startY = e.clientY;
                 // Use current image dimensions instead of initial ones
                 startWidth =
                     parseInt(img.getAttribute("width") || "0") || node.attrs["width"] || img.naturalWidth;
@@ -182,7 +197,6 @@ const AteResizableImage = Node$1.create({
                         return;
                     }
                     const deltaX = e.clientX - startX;
-                    const deltaY = e.clientY - startY;
                     let newWidth = startWidth;
                     let newHeight = startHeight;
                     // Resize according to direction
@@ -195,30 +209,6 @@ const AteResizableImage = Node$1.create({
                             newWidth = startWidth - deltaX;
                             newHeight = newWidth / aspectRatio;
                             break;
-                        case "s":
-                            newHeight = startHeight + deltaY;
-                            newWidth = newHeight * aspectRatio;
-                            break;
-                        case "n":
-                            newHeight = startHeight - deltaY;
-                            newWidth = newHeight * aspectRatio;
-                            break;
-                        case "se":
-                            newWidth = startWidth + deltaX;
-                            newHeight = startHeight + deltaY;
-                            break;
-                        case "sw":
-                            newWidth = startWidth - deltaX;
-                            newHeight = startHeight + deltaY;
-                            break;
-                        case "ne":
-                            newWidth = startWidth + deltaX;
-                            newHeight = startHeight - deltaY;
-                            break;
-                        case "nw":
-                            newWidth = startWidth - deltaX;
-                            newHeight = startHeight - deltaY;
-                            break;
                     }
                     // Limits
                     newWidth = Math.max(50, Math.min(2000, newWidth));
@@ -259,17 +249,17 @@ const AteResizableImage = Node$1.create({
             });
             // Proper selection management via ProseMirror lifecycle
             const selectNode = () => {
-                resizeControls.style.display = "block";
+                wrapper.classList.add("selected");
                 container.classList.add("selected");
                 img.classList.add("selected");
             };
             const deselectNode = () => {
-                resizeControls.style.display = "none";
+                wrapper.classList.remove("selected");
                 container.classList.remove("selected");
                 img.classList.remove("selected");
             };
             return {
-                dom: container,
+                dom: wrapper,
                 selectNode,
                 deselectNode,
                 update: updatedNode => {
@@ -285,8 +275,21 @@ const AteResizableImage = Node$1.create({
                     if (updatedNode.attrs["height"]) {
                         img.height = updatedNode.attrs["height"];
                     }
+                    if (updatedNode.attrs["textAlign"]) {
+                        wrapper.style.textAlign = updatedNode.attrs["textAlign"];
+                        wrapper.setAttribute("data-align", updatedNode.attrs["textAlign"]);
+                    }
+                    else {
+                        wrapper.style.textAlign = "";
+                        wrapper.removeAttribute("data-align");
+                    }
                     return true;
                 },
+                stopEvent: (event) => {
+                    const target = event.target;
+                    return !!target.closest(".resize-controls");
+                },
+                ignoreMutation: () => true,
             };
         };
     },
@@ -769,33 +772,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] } });
 
 class AteSeparatorComponent {
-    constructor() {
-        this.orientation = input("vertical", ...(ngDevMode ? [{ debugName: "orientation" }] : []));
-        this.size = input("medium", ...(ngDevMode ? [{ debugName: "size" }] : []));
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AteSeparatorComponent, isStandalone: true, selector: "ate-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <div
-      class="ate-separator"
-      [class.vertical]="orientation() === 'vertical'"
-      [class.horizontal]="orientation() === 'horizontal'"
-      [class.small]="size() === 'small'"
-      [class.medium]="size() === 'medium'"
-      [class.large]="size() === 'large'"></div>
-  `, isInline: true, styles: [".ate-separator{background-color:var(--ate-border, #e2e8f0);margin:0}.ate-separator.vertical{width:1px;height:24px;margin:0 8px}.ate-separator.horizontal{height:1px;width:100%;margin:8px 0}.ate-separator.small.vertical{height:16px;margin:0 4px}.ate-separator.small.horizontal{margin:4px 0}.ate-separator.medium.vertical{height:24px;margin:0 8px}.ate-separator.medium.horizontal{margin:8px 0}.ate-separator.large.vertical{height:32px;margin:0 12px}.ate-separator.large.horizontal{margin:12px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AteSeparatorComponent, isStandalone: true, selector: "ate-separator", ngImport: i0, template: `<div class="ate-separator"></div>`, isInline: true, styles: [".ate-separator{width:1px;height:24px;background-color:var(--ate-border, #e2e8f0);margin:0 var(--ate-menu-gap, 2px);flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteSeparatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "ate-separator", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div
-      class="ate-separator"
-      [class.vertical]="orientation() === 'vertical'"
-      [class.horizontal]="orientation() === 'horizontal'"
-      [class.small]="size() === 'small'"
-      [class.medium]="size() === 'medium'"
-      [class.large]="size() === 'large'"></div>
-  `, styles: [".ate-separator{background-color:var(--ate-border, #e2e8f0);margin:0}.ate-separator.vertical{width:1px;height:24px;margin:0 8px}.ate-separator.horizontal{height:1px;width:100%;margin:8px 0}.ate-separator.small.vertical{height:16px;margin:0 4px}.ate-separator.small.horizontal{margin:4px 0}.ate-separator.medium.vertical{height:24px;margin:0 8px}.ate-separator.medium.horizontal{margin:8px 0}.ate-separator.large.vertical{height:32px;margin:0 12px}.ate-separator.large.horizontal{margin:12px 0}\n"] }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+            args: [{ selector: "ate-separator", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<div class="ate-separator"></div>`, styles: [".ate-separator{width:1px;height:24px;background-color:var(--ate-border, #e2e8f0);margin:0 var(--ate-menu-gap, 2px);flex-shrink:0}\n"] }]
+        }] });
 
 const ENGLISH_TRANSLATIONS = {
     toolbar: {
@@ -927,11 +910,15 @@ const ENGLISH_TRANSLATIONS = {
         invalidFileType: "Invalid file type",
         dragDropText: "Drag and drop images here",
         changeImage: "Change Image",
+        downloadImage: "Download Image",
         deleteImage: "Delete Image",
         resizeSmall: "Small",
         resizeMedium: "Medium",
         resizeLarge: "Large",
         resizeOriginal: "Original",
+        alignLeft: "Align Left",
+        alignCenter: "Align Center",
+        alignRight: "Align Right",
         resizing: "Resizing...",
         compressing: "Compressing...",
         compressionError: "Error during compression",
@@ -1094,11 +1081,15 @@ const FRENCH_TRANSLATIONS = {
         invalidFileType: "Type de fichier invalide",
         dragDropText: "Glissez et déposez des images ici",
         changeImage: "Changer l'image",
+        downloadImage: "Télécharger l'image",
         deleteImage: "Supprimer l'image",
         resizeSmall: "Petit",
         resizeMedium: "Moyen",
         resizeLarge: "Grand",
         resizeOriginal: "Original",
+        alignLeft: "Aligner à gauche",
+        alignCenter: "Aligner au centre",
+        alignRight: "Aligner à droite",
         resizing: "Redimensionnement...",
         compressing: "Compression...",
         compressionError: "Erreur lors de la compression",
@@ -1330,6 +1321,46 @@ class AteImageService {
             this.clearSelection();
         }
     }
+    /** Download the current image */
+    downloadImage(editor) {
+        const attrs = editor.getAttributes("resizableImage");
+        if (!attrs || !attrs["src"]) {
+            return;
+        }
+        const src = attrs["src"];
+        const fileName = attrs["alt"] || "image";
+        // Detect if it's base64 or remote URL
+        if (src.startsWith("data:") ||
+            src.startsWith("blob:") ||
+            src.startsWith(window.location.origin)) {
+            const link = document.createElement("a");
+            link.href = src;
+            link.download = fileName;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+        else {
+            // For remote URLs, we try to fetch it to bypass cross-origin restrictions on 'download' attribute
+            fetch(src)
+                .then(response => response.blob())
+                .then(blob => {
+                const url = window.URL.createObjectURL(blob);
+                const link = document.createElement("a");
+                link.href = url;
+                link.download = fileName;
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+                window.URL.revokeObjectURL(url);
+            })
+                .catch(err => {
+                console.error("Error downloading image:", err);
+                // Fallback to opening in new tab
+                window.open(src, "_blank");
+            });
+        }
+    }
     updateSelectedImage(attributes) {
         const current = this.selectedImage();
         if (current) {
@@ -2406,6 +2437,9 @@ class AteEditorCommandsService {
             throw error;
         }
     }
+    downloadImage(editor) {
+        this.imageService.downloadImage(editor);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteEditorCommandsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteEditorCommandsService }); }
 }
@@ -2796,7 +2830,7 @@ class AteToolbarComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;transition:opacity .3s ease}:host-context(.floating-toolbar){position:sticky;top:3rem;left:0;right:0;z-index:100;display:flex;height:0;overflow:visible;pointer-events:none;opacity:0}:host-context(.floating-toolbar:focus-within),:host-context(.floating-toolbar:hover){opacity:1}.ate-toolbar{display:flex;align-items:center;gap:4px;padding:var(--ate-toolbar-padding);background:var(--ate-toolbar-background);border-bottom:1px solid var(--ate-toolbar-border-color);flex-wrap:wrap;min-height:32px;position:relative;z-index:50;border-top-left-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px));border-top-right-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px))}.ate-toolbar.floating{pointer-events:auto;border-radius:var(--ate-menu-border-radius, 12px);border:1px solid var(--ate-menu-border)!important;box-shadow:var(--ate-menu-shadow)!important;background:var(--ate-menu-bg)!important;padding:var(--ate-menu-padding)!important;flex-wrap:nowrap;overflow-x:auto;max-width:95vw;scrollbar-width:none;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ate-toolbar.floating::-webkit-scrollbar{display:none}:host-context(.floating-toolbar:focus-within) .ate-toolbar.floating,:host-context(.floating-toolbar:hover) .ate-toolbar.floating{transform:translateY(-2rem)}@media (max-width: 768px){.ate-toolbar{padding:6px 8px;gap:2px}}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ate-toolbar{animation:toolbarSlideIn .3s cubic-bezier(.4,0,.2,1)}\n"], dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator", inputs: ["orientation", "size"] }, { kind: "component", type: AteColorPickerComponent, selector: "ate-color-picker", inputs: ["editor", "mode", "disabled", "anchorToText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;transition:opacity .3s ease}:host-context(.floating-toolbar){position:sticky;top:3rem;left:0;right:0;z-index:100;display:flex;height:0;overflow:visible;pointer-events:none;opacity:0}:host-context(.floating-toolbar:focus-within),:host-context(.floating-toolbar:hover){opacity:1}.ate-toolbar{display:flex;align-items:center;gap:var(--ate-toolbar-gap);padding:var(--ate-toolbar-padding);background:var(--ate-toolbar-background);border-bottom:1px solid var(--ate-toolbar-border-color);flex-wrap:wrap;min-height:32px;position:relative;z-index:50;border-top-left-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px));border-top-right-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px))}.ate-toolbar.floating{pointer-events:auto;border-radius:var(--ate-menu-border-radius, 12px);border:1px solid var(--ate-menu-border)!important;box-shadow:var(--ate-menu-shadow)!important;background:var(--ate-menu-bg)!important;padding:var(--ate-menu-padding)!important;flex-wrap:nowrap;overflow-x:auto;max-width:95vw;scrollbar-width:none;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ate-toolbar.floating::-webkit-scrollbar{display:none}:host-context(.floating-toolbar:focus-within) .ate-toolbar.floating,:host-context(.floating-toolbar:hover) .ate-toolbar.floating{transform:translateY(-2rem)}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ate-toolbar{animation:toolbarSlideIn .3s cubic-bezier(.4,0,.2,1)}\n"], dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator" }, { kind: "component", type: AteColorPickerComponent, selector: "ate-color-picker", inputs: ["editor", "mode", "disabled", "anchorToText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteToolbarComponent, decorators: [{
             type: Component,
@@ -3049,9 +3083,141 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }
       }
     </div>
-  `, styles: [":host{display:block;transition:opacity .3s ease}:host-context(.floating-toolbar){position:sticky;top:3rem;left:0;right:0;z-index:100;display:flex;height:0;overflow:visible;pointer-events:none;opacity:0}:host-context(.floating-toolbar:focus-within),:host-context(.floating-toolbar:hover){opacity:1}.ate-toolbar{display:flex;align-items:center;gap:4px;padding:var(--ate-toolbar-padding);background:var(--ate-toolbar-background);border-bottom:1px solid var(--ate-toolbar-border-color);flex-wrap:wrap;min-height:32px;position:relative;z-index:50;border-top-left-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px));border-top-right-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px))}.ate-toolbar.floating{pointer-events:auto;border-radius:var(--ate-menu-border-radius, 12px);border:1px solid var(--ate-menu-border)!important;box-shadow:var(--ate-menu-shadow)!important;background:var(--ate-menu-bg)!important;padding:var(--ate-menu-padding)!important;flex-wrap:nowrap;overflow-x:auto;max-width:95vw;scrollbar-width:none;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ate-toolbar.floating::-webkit-scrollbar{display:none}:host-context(.floating-toolbar:focus-within) .ate-toolbar.floating,:host-context(.floating-toolbar:hover) .ate-toolbar.floating{transform:translateY(-2rem)}@media (max-width: 768px){.ate-toolbar{padding:6px 8px;gap:2px}}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ate-toolbar{animation:toolbarSlideIn .3s cubic-bezier(.4,0,.2,1)}\n"] }]
+  `, styles: [":host{display:block;transition:opacity .3s ease}:host-context(.floating-toolbar){position:sticky;top:3rem;left:0;right:0;z-index:100;display:flex;height:0;overflow:visible;pointer-events:none;opacity:0}:host-context(.floating-toolbar:focus-within),:host-context(.floating-toolbar:hover){opacity:1}.ate-toolbar{display:flex;align-items:center;gap:var(--ate-toolbar-gap);padding:var(--ate-toolbar-padding);background:var(--ate-toolbar-background);border-bottom:1px solid var(--ate-toolbar-border-color);flex-wrap:wrap;min-height:32px;position:relative;z-index:50;border-top-left-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px));border-top-right-radius:calc(var(--ate-menu-border-radius, 12px) - var(--ate-border-width, 2px))}.ate-toolbar.floating{pointer-events:auto;border-radius:var(--ate-menu-border-radius, 12px);border:1px solid var(--ate-menu-border)!important;box-shadow:var(--ate-menu-shadow)!important;background:var(--ate-menu-bg)!important;padding:var(--ate-menu-padding)!important;flex-wrap:nowrap;overflow-x:auto;max-width:95vw;scrollbar-width:none;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ate-toolbar.floating::-webkit-scrollbar{display:none}:host-context(.floating-toolbar:focus-within) .ate-toolbar.floating,:host-context(.floating-toolbar:hover) .ate-toolbar.floating{transform:translateY(-2rem)}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ate-toolbar{animation:toolbarSlideIn .3s cubic-bezier(.4,0,.2,1)}\n"] }]
         }], propDecorators: { editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], imageUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUpload", required: false }] }], floating: [{ type: i0.Input, args: [{ isSignal: true, alias: "floating", required: 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,
+    downloadImage: true,
+    resizeSmall: true,
+    resizeMedium: true,
+    resizeLarge: true,
+    resizeOriginal: true,
+    alignLeft: true,
+    alignCenter: true,
+    alignRight: 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,
+};
+// Default image upload configuration
+const ATE_DEFAULT_IMAGE_UPLOAD_CONFIG = {
+    maxSize: 5, // 5MB
+    maxWidth: 1920,
+    maxHeight: 1080,
+    allowedTypes: ["image/jpeg", "image/png", "image/gif", "image/webp"],
+    quality: 0.8,
+};
+/**
+ * Ultimate default configuration for the Angular Tiptap Editor.
+ * This serves as the 'Level 4' fallback in the configuration hierarchy:
+ * 1. Component Inputs (Le Roi)
+ * 2. Component [config] (Le Prince)
+ * 3. Global provideAteEditor() (Le Duc)
+ * 4. ATE_DEFAULT_CONFIG (Le Peuple)
+ */
+const ATE_DEFAULT_CONFIG = {
+    theme: "auto",
+    mode: "classic",
+    height: "auto",
+    minHeight: "200px",
+    maxHeight: "none",
+    fillContainer: false,
+    autofocus: false,
+    editable: true,
+    disabled: false,
+    spellcheck: true,
+    enableOfficePaste: true,
+    showToolbar: true,
+    showFooter: true,
+    showCharacterCount: true,
+    showWordCount: true,
+    showEditToggle: false,
+    showBubbleMenu: true,
+    showImageBubbleMenu: true,
+    downloadImage: true,
+    showTableMenu: true,
+    showCellMenu: true,
+    enableSlashCommands: true,
+    floatingToolbar: false,
+    toolbar: ATE_DEFAULT_TOOLBAR_CONFIG,
+    bubbleMenu: ATE_DEFAULT_BUBBLE_MENU_CONFIG,
+    imageBubbleMenu: ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG,
+    imageUpload: ATE_DEFAULT_IMAGE_UPLOAD_CONFIG,
+    tableBubbleMenu: ATE_DEFAULT_TABLE_MENU_CONFIG,
+    cellBubbleMenu: ATE_DEFAULT_CELL_MENU_CONFIG,
+    slashCommands: {},
+    tiptapExtensions: [],
+    tiptapOptions: {},
+    stateCalculators: [],
+    angularNodes: [],
+};
+
 /**
  * Base abstract class for all Bubble Menus (Text, Image, Table, Cell).
  * Handles common logic for Tippy.js initialization, positioning, and visibility.
@@ -3261,31 +3427,9 @@ class AteBubbleMenuComponent extends AteBaseBubbleMenu {
         this.onMouseDown = () => {
             this.hideTippy();
         };
-        this.config = input({
-            bold: true,
-            italic: true,
-            underline: true,
-            strike: true,
-            code: true,
-            superscript: false,
-            subscript: false,
-            highlight: true,
-            textColor: false,
-            link: true,
-            separator: true,
-        }, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.config = input(ATE_DEFAULT_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.bubbleMenuConfig = computed(() => ({
-            bold: true,
-            italic: true,
-            underline: true,
-            strike: true,
-            code: true,
-            superscript: false,
-            subscript: false,
-            highlight: true,
-            textColor: false,
-            link: true,
-            separator: true,
+            ...ATE_DEFAULT_BUBBLE_MENU_CONFIG,
             ...this.config(),
         }), ...(ngDevMode ? [{ debugName: "bubbleMenuConfig" }] : []));
     }
@@ -3543,41 +3687,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
+/**
+ * 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",
+    "downloadImage",
+    "resizeSmall",
+    "resizeMedium",
+    "resizeLarge",
+    "resizeOriginal",
+    "alignLeft",
+    "alignCenter",
+    "alignRight",
+    "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"];
+
 class AteImageBubbleMenuComponent extends AteBaseBubbleMenu {
     constructor() {
         super(...arguments);
         this.t = this.i18nService.imageUpload;
         this.imageService = inject(AteImageService);
-        this.config = input({
-            changeImage: true,
-            resizeSmall: true,
-            resizeMedium: true,
-            resizeLarge: true,
-            resizeOriginal: true,
-            deleteImage: true,
-            separator: true,
-        }, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.config = input(ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.imageUpload = input({}, ...(ngDevMode ? [{ debugName: "imageUpload" }] : []));
-        this.imageBubbleMenuConfig = computed(() => ({
-            changeImage: this.config().changeImage ?? true,
-            resizeSmall: this.config().resizeSmall ?? true,
-            resizeMedium: this.config().resizeMedium ?? true,
-            resizeLarge: this.config().resizeLarge ?? true,
-            resizeOriginal: this.config().resizeOriginal ?? true,
-            deleteImage: this.config().deleteImage ?? true,
-            separator: this.config().separator ?? true,
-        }), ...(ngDevMode ? [{ debugName: "imageBubbleMenuConfig" }] : []));
+        this.imageBubbleMenuConfig = computed(() => {
+            const c = this.config();
+            const result = {};
+            ATE_IMAGE_BUBBLE_MENU_KEYS.forEach(key => {
+                result[key] = c[key] ?? true;
+            });
+            return result;
+        }, ...(ngDevMode ? [{ debugName: "imageBubbleMenuConfig" }] : []));
+        this.hasAlignmentButtons = computed(() => this.imageBubbleMenuConfig().alignLeft ||
+            this.imageBubbleMenuConfig().alignCenter ||
+            this.imageBubbleMenuConfig().alignRight, ...(ngDevMode ? [{ debugName: "hasAlignmentButtons" }] : []));
         this.hasResizeButtons = computed(() => {
             const c = this.imageBubbleMenuConfig();
             return c.resizeSmall || c.resizeMedium || c.resizeLarge || c.resizeOriginal;
         }, ...(ngDevMode ? [{ debugName: "hasResizeButtons" }] : []));
     }
     shouldShow() {
-        const { nodes, isEditable, isFocused } = this.state();
+        const { nodes, isEditable, isFocused, selection } = this.state();
         if (this.editorCommands.linkEditMode() || this.editorCommands.colorEditMode()) {
             return false;
         }
-        return nodes.isImage && isEditable && isFocused;
+        // In read-only mode, focus reporting can be unreliable,
+        // so we show the menu as long as an image is selected.
+        if (!isEditable) {
+            return nodes.isImage && selection.type === "node";
+        }
+        return nodes.isImage && isFocused;
     }
     getSelectionRect() {
         const ed = this.editor();
@@ -3615,6 +3811,9 @@ class AteImageBubbleMenuComponent extends AteBaseBubbleMenu {
             case "changeImage":
                 this.changeImage();
                 break;
+            case "downloadImage":
+                this.editorCommands.downloadImage(editor);
+                break;
             case "resizeSmall":
                 this.imageService.resizeImageToSmall(editor);
                 break;
@@ -3630,6 +3829,15 @@ class AteImageBubbleMenuComponent extends AteBaseBubbleMenu {
             case "deleteImage":
                 this.deleteImage();
                 break;
+            case "alignLeft":
+                editor.chain().focus().setTextAlign("left").run();
+                break;
+            case "alignCenter":
+                editor.chain().focus().setTextAlign("center").run();
+                break;
+            case "alignRight":
+                editor.chain().focus().setTextAlign("right").run();
+                break;
         }
     }
     async changeImage() {
@@ -3654,46 +3862,81 @@ class AteImageBubbleMenuComponent extends AteBaseBubbleMenu {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteImageBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteImageBubbleMenuComponent, isStandalone: true, selector: "ate-image-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
-      @if (imageBubbleMenuConfig().changeImage) {
+      @if (imageBubbleMenuConfig().changeImage && editor().isEditable) {
         <ate-button
           icon="drive_file_rename_outline"
           [title]="t().changeImage"
           (buttonClick)="onCommand('changeImage', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().separator && hasResizeButtons()) {
+      @if (imageBubbleMenuConfig().downloadImage) {
+        <ate-button
+          icon="download"
+          [title]="t().downloadImage"
+          (buttonClick)="onCommand('downloadImage', $event)"></ate-button>
+      }
+      @if (imageBubbleMenuConfig().separator && hasResizeButtons() && editor().isEditable) {
         <ate-separator />
       }
-      @if (imageBubbleMenuConfig().resizeSmall) {
+      @if (imageBubbleMenuConfig().resizeSmall && editor().isEditable) {
         <ate-button
           icon="crop_square"
           iconSize="small"
           [title]="t().resizeSmall"
           (buttonClick)="onCommand('resizeSmall', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().resizeMedium) {
+      @if (imageBubbleMenuConfig().resizeMedium && editor().isEditable) {
         <ate-button
           icon="crop_square"
           iconSize="medium"
           [title]="t().resizeMedium"
           (buttonClick)="onCommand('resizeMedium', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().resizeLarge) {
+      @if (imageBubbleMenuConfig().resizeLarge && editor().isEditable) {
         <ate-button
           icon="crop_square"
           iconSize="large"
           [title]="t().resizeLarge"
           (buttonClick)="onCommand('resizeLarge', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().resizeOriginal) {
+      @if (imageBubbleMenuConfig().resizeOriginal && editor().isEditable) {
         <ate-button
           icon="photo_size_select_actual"
           [title]="t().resizeOriginal"
           (buttonClick)="onCommand('resizeOriginal', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().separator && imageBubbleMenuConfig().deleteImage) {
+      @if (imageBubbleMenuConfig().separator && hasAlignmentButtons() && editor().isEditable) {
+        <ate-separator />
+      }
+      @if (imageBubbleMenuConfig().alignLeft && editor().isEditable) {
+        <ate-button
+          icon="format_align_left"
+          [title]="t().alignLeft"
+          [active]="editor().isActive({ textAlign: 'left' })"
+          (buttonClick)="onCommand('alignLeft', $event)"></ate-button>
+      }
+      @if (imageBubbleMenuConfig().alignCenter && editor().isEditable) {
+        <ate-button
+          icon="format_align_center"
+          [title]="t().alignCenter"
+          [active]="editor().isActive({ textAlign: 'center' })"
+          (buttonClick)="onCommand('alignCenter', $event)"></ate-button>
+      }
+      @if (imageBubbleMenuConfig().alignRight && editor().isEditable) {
+        <ate-button
+          icon="format_align_right"
+          [title]="t().alignRight"
+          [active]="editor().isActive({ textAlign: 'right' })"
+          (buttonClick)="onCommand('alignRight', $event)"></ate-button>
+      }
+
+      @if (
+        imageBubbleMenuConfig().separator &&
+        imageBubbleMenuConfig().deleteImage &&
+        editor().isEditable
+      ) {
         <ate-separator />
       }
-      @if (imageBubbleMenuConfig().deleteImage) {
+      @if (imageBubbleMenuConfig().deleteImage && editor().isEditable) {
         <ate-button
           icon="delete"
           [title]="t().deleteImage"
@@ -3701,7 +3944,7 @@ class AteImageBubbleMenuComponent extends AteBaseBubbleMenu {
           (buttonClick)="onCommand('deleteImage', $event)"></ate-button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator", inputs: ["orientation", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteImageBubbleMenuComponent, decorators: [{
             type: Component,
@@ -3712,46 +3955,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     imports: [AteButtonComponent, AteSeparatorComponent],
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
-      @if (imageBubbleMenuConfig().changeImage) {
+      @if (imageBubbleMenuConfig().changeImage && editor().isEditable) {
         <ate-button
           icon="drive_file_rename_outline"
           [title]="t().changeImage"
           (buttonClick)="onCommand('changeImage', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().separator && hasResizeButtons()) {
+      @if (imageBubbleMenuConfig().downloadImage) {
+        <ate-button
+          icon="download"
+          [title]="t().downloadImage"
+          (buttonClick)="onCommand('downloadImage', $event)"></ate-button>
+      }
+      @if (imageBubbleMenuConfig().separator && hasResizeButtons() && editor().isEditable) {
         <ate-separator />
       }
-      @if (imageBubbleMenuConfig().resizeSmall) {
+      @if (imageBubbleMenuConfig().resizeSmall && editor().isEditable) {
         <ate-button
           icon="crop_square"
           iconSize="small"
           [title]="t().resizeSmall"
           (buttonClick)="onCommand('resizeSmall', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().resizeMedium) {
+      @if (imageBubbleMenuConfig().resizeMedium && editor().isEditable) {
         <ate-button
           icon="crop_square"
           iconSize="medium"
           [title]="t().resizeMedium"
           (buttonClick)="onCommand('resizeMedium', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().resizeLarge) {
+      @if (imageBubbleMenuConfig().resizeLarge && editor().isEditable) {
         <ate-button
           icon="crop_square"
           iconSize="large"
           [title]="t().resizeLarge"
           (buttonClick)="onCommand('resizeLarge', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().resizeOriginal) {
+      @if (imageBubbleMenuConfig().resizeOriginal && editor().isEditable) {
         <ate-button
           icon="photo_size_select_actual"
           [title]="t().resizeOriginal"
           (buttonClick)="onCommand('resizeOriginal', $event)"></ate-button>
       }
-      @if (imageBubbleMenuConfig().separator && imageBubbleMenuConfig().deleteImage) {
+      @if (imageBubbleMenuConfig().separator && hasAlignmentButtons() && editor().isEditable) {
+        <ate-separator />
+      }
+      @if (imageBubbleMenuConfig().alignLeft && editor().isEditable) {
+        <ate-button
+          icon="format_align_left"
+          [title]="t().alignLeft"
+          [active]="editor().isActive({ textAlign: 'left' })"
+          (buttonClick)="onCommand('alignLeft', $event)"></ate-button>
+      }
+      @if (imageBubbleMenuConfig().alignCenter && editor().isEditable) {
+        <ate-button
+          icon="format_align_center"
+          [title]="t().alignCenter"
+          [active]="editor().isActive({ textAlign: 'center' })"
+          (buttonClick)="onCommand('alignCenter', $event)"></ate-button>
+      }
+      @if (imageBubbleMenuConfig().alignRight && editor().isEditable) {
+        <ate-button
+          icon="format_align_right"
+          [title]="t().alignRight"
+          [active]="editor().isActive({ textAlign: 'right' })"
+          (buttonClick)="onCommand('alignRight', $event)"></ate-button>
+      }
+
+      @if (
+        imageBubbleMenuConfig().separator &&
+        imageBubbleMenuConfig().deleteImage &&
+        editor().isEditable
+      ) {
         <ate-separator />
       }
-      @if (imageBubbleMenuConfig().deleteImage) {
+      @if (imageBubbleMenuConfig().deleteImage && editor().isEditable) {
         <ate-button
           icon="delete"
           [title]="t().deleteImage"
@@ -3768,18 +4046,15 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
         super(...arguments);
         // Alias for template
         this.t = this.i18nService.table;
-        this.config = input({
-            addRowBefore: true,
-            addRowAfter: true,
-            deleteRow: true,
-            addColumnBefore: true,
-            addColumnAfter: true,
-            deleteColumn: true,
-            deleteTable: true,
-            toggleHeaderRow: true,
-            toggleHeaderColumn: true,
-            separator: true,
-        }, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.config = input(ATE_DEFAULT_TABLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.tableBubbleMenuConfig = computed(() => {
+            const c = this.config();
+            const result = {};
+            ATE_TABLE_BUBBLE_MENU_KEYS.forEach(key => {
+                result[key] = c[key] ?? true;
+            });
+            return result;
+        }, ...(ngDevMode ? [{ debugName: "tableBubbleMenuConfig" }] : []));
     }
     shouldShow() {
         const { selection, nodes, isEditable, isFocused } = this.state();
@@ -3841,21 +4116,21 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteTableBubbleMenuComponent, isStandalone: true, selector: "ate-table-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       <!-- Row actions -->
-      @if (config().addRowBefore !== false) {
+      @if (tableBubbleMenuConfig().addRowBefore !== false) {
         <ate-button
           icon="add_row_above"
           [title]="t().addRowBefore"
           [disabled]="!state().can.addRowBefore"
           (buttonClick)="onCommand('addRowBefore', $event)"></ate-button>
       }
-      @if (config().addRowAfter !== false) {
+      @if (tableBubbleMenuConfig().addRowAfter !== false) {
         <ate-button
           icon="add_row_below"
           [title]="t().addRowAfter"
           [disabled]="!state().can.addRowAfter"
           (buttonClick)="onCommand('addRowAfter', $event)"></ate-button>
       }
-      @if (config().deleteRow !== false) {
+      @if (tableBubbleMenuConfig().deleteRow !== false) {
         <ate-button
           icon="delete"
           [title]="t().deleteRow"
@@ -3863,26 +4138,26 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
           [disabled]="!state().can.deleteRow"
           (buttonClick)="onCommand('deleteRow', $event)"></ate-button>
       }
-      @if (config().separator !== false) {
+      @if (tableBubbleMenuConfig().separator !== false) {
         <ate-separator />
       }
 
       <!-- Column actions -->
-      @if (config().addColumnBefore !== false) {
+      @if (tableBubbleMenuConfig().addColumnBefore !== false) {
         <ate-button
           icon="add_column_left"
           [title]="t().addColumnBefore"
           [disabled]="!state().can.addColumnBefore"
           (buttonClick)="onCommand('addColumnBefore', $event)"></ate-button>
       }
-      @if (config().addColumnAfter !== false) {
+      @if (tableBubbleMenuConfig().addColumnAfter !== false) {
         <ate-button
           icon="add_column_right"
           [title]="t().addColumnAfter"
           [disabled]="!state().can.addColumnAfter"
           (buttonClick)="onCommand('addColumnAfter', $event)"></ate-button>
       }
-      @if (config().deleteColumn !== false) {
+      @if (tableBubbleMenuConfig().deleteColumn !== false) {
         <ate-button
           icon="delete"
           [title]="t().deleteColumn"
@@ -3890,12 +4165,12 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
           [disabled]="!state().can.deleteColumn"
           (buttonClick)="onCommand('deleteColumn', $event)"></ate-button>
       }
-      @if (config().separator !== false) {
+      @if (tableBubbleMenuConfig().separator !== false) {
         <ate-separator />
       }
 
       <!-- Cell actions -->
-      @if (config().toggleHeaderRow !== false) {
+      @if (tableBubbleMenuConfig().toggleHeaderRow !== false) {
         <ate-button
           icon="toolbar"
           [title]="t().toggleHeaderRow"
@@ -3903,7 +4178,7 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
           [disabled]="!state().can.toggleHeaderRow"
           (buttonClick)="onCommand('toggleHeaderRow', $event)"></ate-button>
       }
-      @if (config().toggleHeaderColumn !== false) {
+      @if (tableBubbleMenuConfig().toggleHeaderColumn !== false) {
         <ate-button
           icon="dock_to_right"
           [title]="t().toggleHeaderColumn"
@@ -3911,12 +4186,14 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
           [disabled]="!state().can.toggleHeaderColumn"
           (buttonClick)="onCommand('toggleHeaderColumn', $event)"></ate-button>
       }
-      @if (config().separator !== false && config().deleteTable !== false) {
+      @if (
+        tableBubbleMenuConfig().separator !== false && tableBubbleMenuConfig().deleteTable !== false
+      ) {
         <ate-separator />
       }
 
       <!-- Table actions -->
-      @if (config().deleteTable !== false) {
+      @if (tableBubbleMenuConfig().deleteTable !== false) {
         <ate-button
           icon="delete_forever"
           [title]="t().deleteTable"
@@ -3925,7 +4202,7 @@ class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
           (buttonClick)="onCommand('deleteTable', $event)"></ate-button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator", inputs: ["orientation", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteTableBubbleMenuComponent, decorators: [{
             type: Component,
@@ -3937,21 +4214,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       <!-- Row actions -->
-      @if (config().addRowBefore !== false) {
+      @if (tableBubbleMenuConfig().addRowBefore !== false) {
         <ate-button
           icon="add_row_above"
           [title]="t().addRowBefore"
           [disabled]="!state().can.addRowBefore"
           (buttonClick)="onCommand('addRowBefore', $event)"></ate-button>
       }
-      @if (config().addRowAfter !== false) {
+      @if (tableBubbleMenuConfig().addRowAfter !== false) {
         <ate-button
           icon="add_row_below"
           [title]="t().addRowAfter"
           [disabled]="!state().can.addRowAfter"
           (buttonClick)="onCommand('addRowAfter', $event)"></ate-button>
       }
-      @if (config().deleteRow !== false) {
+      @if (tableBubbleMenuConfig().deleteRow !== false) {
         <ate-button
           icon="delete"
           [title]="t().deleteRow"
@@ -3959,26 +4236,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           [disabled]="!state().can.deleteRow"
           (buttonClick)="onCommand('deleteRow', $event)"></ate-button>
       }
-      @if (config().separator !== false) {
+      @if (tableBubbleMenuConfig().separator !== false) {
         <ate-separator />
       }
 
       <!-- Column actions -->
-      @if (config().addColumnBefore !== false) {
+      @if (tableBubbleMenuConfig().addColumnBefore !== false) {
         <ate-button
           icon="add_column_left"
           [title]="t().addColumnBefore"
           [disabled]="!state().can.addColumnBefore"
           (buttonClick)="onCommand('addColumnBefore', $event)"></ate-button>
       }
-      @if (config().addColumnAfter !== false) {
+      @if (tableBubbleMenuConfig().addColumnAfter !== false) {
         <ate-button
           icon="add_column_right"
           [title]="t().addColumnAfter"
           [disabled]="!state().can.addColumnAfter"
           (buttonClick)="onCommand('addColumnAfter', $event)"></ate-button>
       }
-      @if (config().deleteColumn !== false) {
+      @if (tableBubbleMenuConfig().deleteColumn !== false) {
         <ate-button
           icon="delete"
           [title]="t().deleteColumn"
@@ -3986,12 +4263,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           [disabled]="!state().can.deleteColumn"
           (buttonClick)="onCommand('deleteColumn', $event)"></ate-button>
       }
-      @if (config().separator !== false) {
+      @if (tableBubbleMenuConfig().separator !== false) {
         <ate-separator />
       }
 
       <!-- Cell actions -->
-      @if (config().toggleHeaderRow !== false) {
+      @if (tableBubbleMenuConfig().toggleHeaderRow !== false) {
         <ate-button
           icon="toolbar"
           [title]="t().toggleHeaderRow"
@@ -3999,7 +4276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           [disabled]="!state().can.toggleHeaderRow"
           (buttonClick)="onCommand('toggleHeaderRow', $event)"></ate-button>
       }
-      @if (config().toggleHeaderColumn !== false) {
+      @if (tableBubbleMenuConfig().toggleHeaderColumn !== false) {
         <ate-button
           icon="dock_to_right"
           [title]="t().toggleHeaderColumn"
@@ -4007,12 +4284,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           [disabled]="!state().can.toggleHeaderColumn"
           (buttonClick)="onCommand('toggleHeaderColumn', $event)"></ate-button>
       }
-      @if (config().separator !== false && config().deleteTable !== false) {
+      @if (
+        tableBubbleMenuConfig().separator !== false && tableBubbleMenuConfig().deleteTable !== false
+      ) {
         <ate-separator />
       }
 
       <!-- Table actions -->
-      @if (config().deleteTable !== false) {
+      @if (tableBubbleMenuConfig().deleteTable !== false) {
         <ate-button
           icon="delete_forever"
           [title]="t().deleteTable"
@@ -4029,7 +4308,11 @@ class AteCellBubbleMenuComponent extends AteBaseBubbleMenu {
     constructor() {
         super(...arguments);
         // Inputs
-        this.config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.config = input(ATE_DEFAULT_CELL_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.cellBubbleMenuConfig = computed(() => ({
+            mergeCells: this.config().mergeCells ?? true,
+            splitCell: this.config().splitCell ?? true,
+        }), ...(ngDevMode ? [{ debugName: "cellBubbleMenuConfig" }] : []));
         // Signals
         this.i18n = () => this.i18nService;
     }
@@ -4095,14 +4378,14 @@ class AteCellBubbleMenuComponent extends AteBaseBubbleMenu {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteCellBubbleMenuComponent, isStandalone: true, selector: "ate-cell-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       <!-- Cell specific actions -->
-      @if (config().mergeCells !== false && !state().selection.isSingleCell) {
+      @if (cellBubbleMenuConfig().mergeCells !== false && !state().selection.isSingleCell) {
         <ate-button
           icon="cell_merge"
           [title]="i18n().table().mergeCells"
           [disabled]="!state().can.mergeCells"
           (buttonClick)="onCommand('mergeCells', $event)"></ate-button>
       }
-      @if (config().splitCell !== false && state().selection.isSingleCell) {
+      @if (cellBubbleMenuConfig().splitCell !== false && state().selection.isSingleCell) {
         <ate-button
           icon="split_scene"
           [title]="i18n().table().splitCell"
@@ -4122,14 +4405,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       <!-- Cell specific actions -->
-      @if (config().mergeCells !== false && !state().selection.isSingleCell) {
+      @if (cellBubbleMenuConfig().mergeCells !== false && !state().selection.isSingleCell) {
         <ate-button
           icon="cell_merge"
           [title]="i18n().table().mergeCells"
           [disabled]="!state().can.mergeCells"
           (buttonClick)="onCommand('mergeCells', $event)"></ate-button>
       }
-      @if (config().splitCell !== false && state().selection.isSingleCell) {
+      @if (cellBubbleMenuConfig().splitCell !== false && state().selection.isSingleCell) {
         <ate-button
           icon="split_scene"
           [title]="i18n().table().splitCell"
@@ -4456,7 +4739,7 @@ class AteLinkBubbleMenuComponent extends AteBaseSubBubbleMenu {
         </div>
       </div>
     </div>
-  `, isInline: true, styles: [".link-input-row{display:flex;align-items:center;gap:6px}.url-input-container{flex:1;display:flex;align-items:center;background:var(--ate-surface-secondary, #f8fafc);border:1px solid var(--ate-border, #e2e8f0);border-radius:8px;padding:0 10px;height:32px;transition:all .15s ease}.url-input-container:focus-within{border-color:var(--ate-primary, #3b82f6);background:var(--ate-surface, #ffffff);box-shadow:0 0 0 2px var(--ate-primary-light, rgba(59, 130, 246, .1))}.icon-link{font-size:16px;color:var(--ate-text-muted, #94a3b8);margin-right:6px}.url-field{background:transparent;border:none;outline:none;color:var(--ate-text, #1e293b);font-size:13px;width:100%;font-family:inherit}.action-buttons{display:flex;align-items:center;gap:2px}\n"], dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator", inputs: ["orientation", "size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".link-input-row{display:flex;align-items:center;gap:6px}.url-input-container{flex:1;display:flex;align-items:center;background:var(--ate-surface-secondary, #f8fafc);border:1px solid var(--ate-border, #e2e8f0);border-radius:8px;padding:0 10px;height:32px;transition:all .15s ease}.url-input-container:focus-within{border-color:var(--ate-primary, #3b82f6);background:var(--ate-surface, #ffffff);box-shadow:0 0 0 2px var(--ate-primary-light, rgba(59, 130, 246, .1))}.icon-link{font-size:16px;color:var(--ate-text-muted, #94a3b8);margin-right:6px}.url-field{background:transparent;border:none;outline:none;color:var(--ate-text, #1e293b);font-size:13px;width:100%;font-family:inherit}.action-buttons{display:flex;align-items:center;gap:2px}\n"], dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteLinkBubbleMenuComponent, decorators: [{
             type: Component,
@@ -4783,7 +5066,7 @@ class AteColorBubbleMenuComponent extends AteBaseSubBubbleMenu {
         </div>
       </div>
     </div>
-  `, isInline: true, styles: [".color-picker-container{display:flex;flex-direction:column;gap:8px}.dropdown-row{display:flex;align-items:center;width:100%}.dropdown-row.presets{justify-content:center}.dropdown-row.controls{gap:8px;justify-content:space-between;padding-top:4px;border-top:1px solid var(--ate-border, #e2e8f0)}.color-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;width:100%}:host ::ng-deep .color-swatch-btn .ate-button{width:100%;aspect-ratio:1;height:auto;border-radius:4px;border:1px solid rgba(0,0,0,.1);padding:0}:host ::ng-deep .color-swatch-btn .ate-button.is-active{border-color:var(--ate-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f64d}:host ::ng-deep .btn-native-picker-trigger .ate-button{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.divider-v{width:1px;height:24px;background:var(--ate-border, #e2e8f0)}.hex-input-wrapper{flex:1;display:flex;align-items:center;background:var(--ate-surface-secondary, #f8fafc);border:1px solid var(--ate-border, #e2e8f0);border-radius:8px;padding:0 10px;height:32px;transition:border-color .15s ease}.hex-input-wrapper:focus-within{border-color:var(--ate-primary, #3b82f6);background:var(--ate-menu-bg, #ffffff)}.hex-hash{color:var(--ate-text-muted, #94a3b8);font-family:monospace;font-size:.875rem}.hex-input{background:transparent;border:none;outline:none;color:var(--ate-text, #1e293b);font-family:monospace;font-size:.875rem;width:100%;padding-left:4px}.native-trigger-wrapper{position:relative;width:32px;height:32px}.hidden-native-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator", inputs: ["orientation", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".color-picker-container{display:flex;flex-direction:column;gap:8px}.dropdown-row{display:flex;align-items:center;width:100%}.dropdown-row.presets{justify-content:center}.dropdown-row.controls{gap:8px;justify-content:space-between;padding-top:4px;border-top:1px solid var(--ate-border, #e2e8f0)}.color-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;width:100%}:host ::ng-deep .color-swatch-btn .ate-button{width:100%;aspect-ratio:1;height:auto;border-radius:4px;border:1px solid rgba(0,0,0,.1);padding:0}:host ::ng-deep .color-swatch-btn .ate-button.is-active{border-color:var(--ate-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f64d}:host ::ng-deep .btn-native-picker-trigger .ate-button{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.divider-v{width:1px;height:24px;background:var(--ate-border, #e2e8f0)}.hex-input-wrapper{flex:1;display:flex;align-items:center;background:var(--ate-surface-secondary, #f8fafc);border:1px solid var(--ate-border, #e2e8f0);border-radius:8px;padding:0 10px;height:32px;transition:border-color .15s ease}.hex-input-wrapper:focus-within{border-color:var(--ate-primary, #3b82f6);background:var(--ate-menu-bg, #ffffff)}.hex-hash{color:var(--ate-text-muted, #94a3b8);font-family:monospace;font-size:.875rem}.hex-input{background:transparent;border:none;outline:none;color:var(--ate-text, #1e293b);font-family:monospace;font-size:.875rem;width:100%;padding-left:4px}.native-trigger-wrapper{position:relative;width:32px;height:32px}.hidden-native-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: AteSeparatorComponent, selector: "ate-separator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorBubbleMenuComponent, decorators: [{
             type: Component,
@@ -6109,124 +6392,6 @@ const AteLinkClickBehavior = Extension.create({
     },
 });
 
-// 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,
-};
-/**
- * Ultimate default configuration for the Angular Tiptap Editor.
- * This serves as the 'Level 4' fallback in the configuration hierarchy:
- * 1. Component Inputs (Le Roi)
- * 2. Component [config] (Le Prince)
- * 3. Global provideAteEditor() (Le Duc)
- * 4. ATE_DEFAULT_CONFIG (Le Peuple)
- */
-const ATE_DEFAULT_CONFIG = {
-    theme: "auto",
-    mode: "classic",
-    height: "auto",
-    minHeight: "200px",
-    maxHeight: "none",
-    fillContainer: false,
-    autofocus: false,
-    editable: true,
-    disabled: false,
-    spellcheck: true,
-    enableOfficePaste: true,
-    showToolbar: true,
-    showFooter: true,
-    showCharacterCount: true,
-    showWordCount: true,
-    showEditToggle: false,
-    showBubbleMenu: true,
-    showImageBubbleMenu: true,
-    showTableMenu: true,
-    showCellMenu: true,
-    enableSlashCommands: true,
-    floatingToolbar: false,
-    toolbar: ATE_DEFAULT_TOOLBAR_CONFIG,
-    bubbleMenu: ATE_DEFAULT_BUBBLE_MENU_CONFIG,
-    imageBubbleMenu: ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG,
-    tableBubbleMenu: ATE_DEFAULT_TABLE_MENU_CONFIG,
-    cellBubbleMenu: ATE_DEFAULT_CELL_MENU_CONFIG,
-    slashCommands: {},
-    tiptapExtensions: [],
-    tiptapOptions: {},
-    stateCalculators: [],
-    angularNodes: [],
-};
-
 // Slash commands configuration is handled dynamically via slashCommandsConfigComputed
 /**
  * The main rich-text editor component for Angular.
@@ -6347,18 +6512,19 @@ class AngularTiptapEditorComponent {
         // Appearance & Fundamentals
         this.finalSeamless = computed(() => {
             const inputVal = this.seamless();
-            if (inputVal !== undefined)
+            if (inputVal !== undefined) {
                 return inputVal;
+            }
             const fromConfig = this.effectiveConfig().mode;
             return fromConfig === "seamless";
         }, ...(ngDevMode ? [{ debugName: "finalSeamless" }] : []));
-        this.finalEditable = computed(() => this.editable() ?? this.effectiveConfig().editable, ...(ngDevMode ? [{ debugName: "finalEditable" }] : []));
+        this.finalEditable = computed(() => this.editable() ?? this.effectiveConfig().editable ?? true, ...(ngDevMode ? [{ debugName: "finalEditable" }] : []));
         this.finalPlaceholder = computed(() => this.placeholder() ??
             this.effectiveConfig().placeholder ??
             this.currentTranslations().editor.placeholder, ...(ngDevMode ? [{ debugName: "finalPlaceholder" }] : []));
         this.finalFillContainer = computed(() => this.fillContainer() ?? this.effectiveConfig().fillContainer, ...(ngDevMode ? [{ debugName: "finalFillContainer" }] : []));
-        this.finalShowFooter = computed(() => this.showFooter() ?? this.effectiveConfig().showFooter, ...(ngDevMode ? [{ debugName: "finalShowFooter" }] : []));
-        this.finalShowEditToggle = computed(() => this.showEditToggle() ?? this.effectiveConfig().showEditToggle, ...(ngDevMode ? [{ debugName: "finalShowEditToggle" }] : []));
+        this.finalShowFooter = computed(() => this.showFooter() ?? this.effectiveConfig().showFooter ?? true, ...(ngDevMode ? [{ debugName: "finalShowFooter" }] : []));
+        this.finalShowEditToggle = computed(() => this.showEditToggle() ?? this.effectiveConfig().showEditToggle ?? false, ...(ngDevMode ? [{ debugName: "finalShowEditToggle" }] : []));
         this.finalHeight = computed(() => {
             const h = this.height() ?? this.effectiveConfig().height;
             return typeof h === "number" ? `${h}px` : h;
@@ -6371,10 +6537,10 @@ class AngularTiptapEditorComponent {
             const mh = this.maxHeight() ?? this.effectiveConfig().maxHeight;
             return typeof mh === "number" ? `${mh}px` : mh;
         }, ...(ngDevMode ? [{ debugName: "finalMaxHeight" }] : []));
-        this.finalSpellcheck = computed(() => this.spellcheck() ?? this.effectiveConfig().spellcheck, ...(ngDevMode ? [{ debugName: "finalSpellcheck" }] : []));
-        this.finalEnableOfficePaste = computed(() => this.enableOfficePaste() ?? this.effectiveConfig().enableOfficePaste, ...(ngDevMode ? [{ debugName: "finalEnableOfficePaste" }] : []));
+        this.finalSpellcheck = computed(() => this.spellcheck() ?? this.effectiveConfig().spellcheck ?? true, ...(ngDevMode ? [{ debugName: "finalSpellcheck" }] : []));
+        this.finalEnableOfficePaste = computed(() => this.enableOfficePaste() ?? this.effectiveConfig().enableOfficePaste ?? true, ...(ngDevMode ? [{ debugName: "finalEnableOfficePaste" }] : []));
         // Features
-        this.finalShowToolbar = computed(() => this.showToolbar() ?? this.effectiveConfig().showToolbar, ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
+        this.finalShowToolbar = computed(() => this.showToolbar() ?? this.effectiveConfig().showToolbar ?? true, ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
         this.finalToolbarConfig = computed(() => {
             const fromInput = this.toolbar();
             const fromConfig = this.effectiveConfig().toolbar;
@@ -6387,8 +6553,8 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalToolbarConfig" }] : []));
-        this.finalFloatingToolbar = computed(() => this.floatingToolbar() ?? this.effectiveConfig().floatingToolbar, ...(ngDevMode ? [{ debugName: "finalFloatingToolbar" }] : []));
-        this.finalShowBubbleMenu = computed(() => this.showBubbleMenu() ?? this.effectiveConfig().showBubbleMenu, ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
+        this.finalFloatingToolbar = computed(() => this.floatingToolbar() ?? this.effectiveConfig().floatingToolbar ?? false, ...(ngDevMode ? [{ debugName: "finalFloatingToolbar" }] : []));
+        this.finalShowBubbleMenu = computed(() => this.showBubbleMenu() ?? this.effectiveConfig().showBubbleMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
         this.finalBubbleMenuConfig = computed(() => {
             const fromInput = this.bubbleMenu();
             const fromConfig = this.effectiveConfig().bubbleMenu;
@@ -6401,7 +6567,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalBubbleMenuConfig" }] : []));
-        this.finalShowImageBubbleMenu = computed(() => this.showImageBubbleMenu() ?? this.effectiveConfig().showImageBubbleMenu, ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
+        this.finalShowImageBubbleMenu = computed(() => this.showImageBubbleMenu() ?? this.effectiveConfig().showImageBubbleMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
         this.finalImageBubbleMenuConfig = computed(() => {
             const fromInput = this.imageBubbleMenu();
             const fromConfig = this.effectiveConfig().imageBubbleMenu;
@@ -6414,7 +6580,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalImageBubbleMenuConfig" }] : []));
-        this.finalShowTableBubbleMenu = computed(() => this.showTableBubbleMenu() ?? this.effectiveConfig().showTableMenu, ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
+        this.finalShowTableBubbleMenu = computed(() => this.showTableBubbleMenu() ?? this.effectiveConfig().showTableMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
         this.finalTableBubbleMenuConfig = computed(() => {
             const fromInput = this.tableBubbleMenu();
             const fromConfig = this.effectiveConfig().tableBubbleMenu;
@@ -6427,7 +6593,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalTableBubbleMenuConfig" }] : []));
-        this.finalShowCellBubbleMenu = computed(() => this.showCellBubbleMenu() ?? this.effectiveConfig().showCellMenu, ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
+        this.finalShowCellBubbleMenu = computed(() => this.showCellBubbleMenu() ?? this.effectiveConfig().showCellMenu ?? true, ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
         this.finalCellBubbleMenuConfig = computed(() => {
             const fromInput = this.cellBubbleMenu();
             const fromConfig = this.effectiveConfig().cellBubbleMenu;
@@ -6440,7 +6606,7 @@ class AngularTiptapEditorComponent {
             }
             return base;
         }, ...(ngDevMode ? [{ debugName: "finalCellBubbleMenuConfig" }] : []));
-        this.finalEnableSlashCommands = computed(() => this.enableSlashCommands() ?? this.effectiveConfig().enableSlashCommands, ...(ngDevMode ? [{ debugName: "finalEnableSlashCommands" }] : []));
+        this.finalEnableSlashCommands = computed(() => this.enableSlashCommands() ?? this.effectiveConfig().enableSlashCommands ?? true, ...(ngDevMode ? [{ debugName: "finalEnableSlashCommands" }] : []));
         this.finalSlashCommandsConfig = computed(() => {
             const fromInputComponent = this.customSlashCommands();
             const fromConfigComponent = this.effectiveConfig().customSlashCommands;
@@ -6460,8 +6626,8 @@ class AngularTiptapEditorComponent {
         // Behavior
         this.finalAutofocus = computed(() => this.autofocus() ?? this.effectiveConfig().autofocus, ...(ngDevMode ? [{ debugName: "finalAutofocus" }] : []));
         this.finalMaxCharacters = computed(() => this.maxCharacters() ?? this.effectiveConfig().maxCharacters, ...(ngDevMode ? [{ debugName: "finalMaxCharacters" }] : []));
-        this.finalShowCharacterCount = computed(() => this.showCharacterCount() ?? this.effectiveConfig().showCharacterCount, ...(ngDevMode ? [{ debugName: "finalShowCharacterCount" }] : []));
-        this.finalShowWordCount = computed(() => this.showWordCount() ?? this.effectiveConfig().showWordCount, ...(ngDevMode ? [{ debugName: "finalShowWordCount" }] : []));
+        this.finalShowCharacterCount = computed(() => this.showCharacterCount() ?? this.effectiveConfig().showCharacterCount ?? true, ...(ngDevMode ? [{ debugName: "finalShowCharacterCount" }] : []));
+        this.finalShowWordCount = computed(() => this.showWordCount() ?? this.effectiveConfig().showWordCount ?? true, ...(ngDevMode ? [{ debugName: "finalShowWordCount" }] : []));
         this.finalLocale = computed(() => this.locale() ?? this.effectiveConfig().locale, ...(ngDevMode ? [{ debugName: "finalLocale" }] : []));
         // Extensions & Options
         this.finalTiptapExtensions = computed(() => this.tiptapExtensions() ?? this.effectiveConfig().tiptapExtensions ?? [], ...(ngDevMode ? [{ debugName: "finalTiptapExtensions" }] : []));
@@ -6472,22 +6638,15 @@ class AngularTiptapEditorComponent {
         this.finalImageUploadConfig = computed(() => {
             const fromInput = this.imageUpload();
             const fromConfig = this.effectiveConfig().imageUpload;
+            const base = ATE_DEFAULT_IMAGE_UPLOAD_CONFIG;
             const merged = {
-                maxSize: 5, // Default 5MB
-                maxWidth: 1920,
-                maxHeight: 1080,
-                allowedTypes: ["image/jpeg", "image/png", "image/gif", "image/webp"],
-                enableDragDrop: true,
-                showPreview: true,
-                multiple: false,
-                compressImages: true,
-                quality: 0.8,
+                ...base,
                 ...fromConfig,
                 ...fromInput,
             };
             return {
                 ...merged,
-                maxSize: merged.maxSize * 1024 * 1024, // Convert MB to bytes for internal service
+                maxSize: (merged.maxSize ?? 5) * 1024 * 1024, // Convert MB to bytes for internal service
             };
         }, ...(ngDevMode ? [{ debugName: "finalImageUploadConfig" }] : []));
         this.finalImageUploadHandler = computed(() => this.imageUploadHandler() ?? this.effectiveConfig().imageUpload?.handler, ...(ngDevMode ? [{ debugName: "finalImageUploadHandler" }] : []));
@@ -6619,7 +6778,14 @@ class AngularTiptapEditorComponent {
     }
     initEditor() {
         const extensions = [
-            StarterKit,
+            StarterKit.configure({
+                link: {
+                    openOnClick: false,
+                    HTMLAttributes: {
+                        class: "ate-link",
+                    },
+                },
+            }),
             TextStyle,
             Color.configure({
                 types: ["textStyle"],
@@ -6627,17 +6793,10 @@ class AngularTiptapEditorComponent {
             Placeholder.configure({
                 placeholder: this.finalPlaceholder(),
             }),
-            Underline,
             Superscript,
             Subscript,
             TextAlign.configure({
-                types: ["heading", "paragraph"],
-            }),
-            Link.configure({
-                openOnClick: false,
-                HTMLAttributes: {
-                    class: "ate-link",
-                },
+                types: ["heading", "paragraph", "resizableImage"],
             }),
             AteLinkClickBehavior,
             Highlight.configure({
@@ -6871,7 +7030,17 @@ class AngularTiptapEditorComponent {
     }
     onEditorClick(event) {
         const editor = this.editor();
-        if (!editor || !this.finalEditable()) {
+        if (!editor) {
+            return;
+        }
+        // In read-only mode, handle clearing of node selection
+        if (!this.finalEditable()) {
+            const target = event.target;
+            const editorElement = this.editorElement()?.nativeElement;
+            if (target === editorElement || target.classList.contains("ate-content")) {
+                // Clear selection to hide bubble menus
+                editor.commands.setTextSelection(0);
+            }
             return;
         }
         // Verify if interaction is on the container element and not on the content
@@ -6931,7 +7100,7 @@ class AngularTiptapEditorComponent {
       }
 
       <!-- Image Bubble Menu -->
-      @if (finalEditable() && finalShowImageBubbleMenu() && editor()) {
+      @if (finalShowImageBubbleMenu() && editor()) {
         <ate-image-bubble-menu
           [editor]="editor()!"
           [config]="finalImageBubbleMenuConfig()"
@@ -7006,7 +7175,7 @@ class AngularTiptapEditorComponent {
         </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 }); }
+  `, isInline: true, styles: [":host{--ate-primary: #2563eb;--ate-primary-hover: #153ca9;--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: 4px;--ate-menu-gap: 2px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-gap: var(--ate-menu-gap);--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] img{cursor:pointer}:host ::ng-deep .ProseMirror[contenteditable=false] a{cursor:pointer}: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,:host ::ng-deep .resizable-image-container.selected img{border-color:var(--ate-image-selected-color);transition:all .2s ease}:host ::ng-deep .ProseMirror [data-text-align=center],:host ::ng-deep .ProseMirror [data-align=center]{text-align:center}:host ::ng-deep .ProseMirror [data-text-align=right],:host ::ng-deep .ProseMirror [data-align=right]{text-align:right}:host ::ng-deep .ProseMirror [data-text-align=left],:host ::ng-deep .ProseMirror [data-align=left]{text-align:left}:host ::ng-deep .resizable-image-wrapper{display:block;width:100%;margin:.5em 0}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;max-width:100%}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease}:host:not(.is-readonly):not(.is-disabled) ::ng-deep .resizable-image-container:hover .resize-controls,:host:not(.is-readonly):not(.is-disabled) ::ng-deep body.resizing .resize-controls{opacity:1}:host ::ng-deep .resize-handle{position:absolute;width:.35rem;height:2rem;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:var(--ate-border-radius);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-w:hover,:host ::ng-deep .resize-handle-e:hover{background:var(--ate-primary-hover)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9);background:var(--ate-primary-hover)}:host ::ng-deep .resize-handle-w{top:50%;left:.35rem;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:.35rem;transform:translateY(-50%);cursor:e-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 .resizable-image-container{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 .resizable-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,
@@ -7075,7 +7244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       }
 
       <!-- Image Bubble Menu -->
-      @if (finalEditable() && finalShowImageBubbleMenu() && editor()) {
+      @if (finalShowImageBubbleMenu() && editor()) {
         <ate-image-bubble-menu
           [editor]="editor()!"
           [config]="finalImageBubbleMenuConfig()"
@@ -7150,7 +7319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </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"] }]
+  `, styles: [":host{--ate-primary: #2563eb;--ate-primary-hover: #153ca9;--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: 4px;--ate-menu-gap: 2px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-gap: var(--ate-menu-gap);--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] img{cursor:pointer}:host ::ng-deep .ProseMirror[contenteditable=false] a{cursor:pointer}: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,:host ::ng-deep .resizable-image-container.selected img{border-color:var(--ate-image-selected-color);transition:all .2s ease}:host ::ng-deep .ProseMirror [data-text-align=center],:host ::ng-deep .ProseMirror [data-align=center]{text-align:center}:host ::ng-deep .ProseMirror [data-text-align=right],:host ::ng-deep .ProseMirror [data-align=right]{text-align:right}:host ::ng-deep .ProseMirror [data-text-align=left],:host ::ng-deep .ProseMirror [data-align=left]{text-align:left}:host ::ng-deep .resizable-image-wrapper{display:block;width:100%;margin:.5em 0}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;max-width:100%}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease}:host:not(.is-readonly):not(.is-disabled) ::ng-deep .resizable-image-container:hover .resize-controls,:host:not(.is-readonly):not(.is-disabled) ::ng-deep body.resizing .resize-controls{opacity:1}:host ::ng-deep .resize-handle{position:absolute;width:.35rem;height:2rem;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:var(--ate-border-radius);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-w:hover,:host ::ng-deep .resize-handle-e:hover{background:var(--ate-primary-hover)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9);background:var(--ate-primary-hover)}:host ::ng-deep .resize-handle-w{top:50%;left:.35rem;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:.35rem;transform:translateY(-50%);cursor:e-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 .resizable-image-container{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 .resizable-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 }] }] } });
 
 /**
@@ -7219,55 +7388,6 @@ const ATE_TOOLBAR_KEYS = [
     "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"];
-
 /*
  * Public API Surface of tiptap-editor
  */
@@ -7277,5 +7397,5 @@ const ATE_CELL_BUBBLE_MENU_KEYS = ["mergeCells", "splitCell"];
  * 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_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, createAngularComponentExtension, createDefaultSlashCommands, filterSlashCommands, provideAteEditor, registerAngularComponent };
+export { ATE_BUBBLE_MENU_KEYS, ATE_CELL_BUBBLE_MENU_KEYS, ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_IMAGE_UPLOAD_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, createAngularComponentExtension, createDefaultSlashCommands, filterSlashCommands, provideAteEditor, registerAngularComponent };
 //# sourceMappingURL=flogeez-angular-tiptap-editor.mjs.map