@flogeez/angular-tiptap-editor 2.1.3 → 2.2.1

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

@@ -27,7 +27,7 @@ import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { CellSelection } from '@tiptap/pm/tables';
 
-const ResizableImage = Node$1.create({
+const AteResizableImage = Node$1.create({
     name: "resizableImage",
     addOptions() {
         return {
@@ -133,7 +133,7 @@ const ResizableImage = Node$1.create({
             img.src = node.attrs["src"];
             img.alt = node.attrs["alt"] || "";
             img.title = node.attrs["title"] || "";
-            img.className = "tiptap-image";
+            img.className = "ate-image";
             if (node.attrs["width"])
                 img.width = node.attrs["width"];
             if (node.attrs["height"])
@@ -288,7 +288,7 @@ const ResizableImage = Node$1.create({
     },
 });
 
-const UploadProgress = Extension.create({
+const AteUploadProgress = Extension.create({
     name: "uploadProgress",
     addOptions() {
         return {
@@ -480,7 +480,7 @@ const UploadProgress = Extension.create({
     },
 });
 
-const TableExtension = Extension.create({
+const AteTableExtension = Extension.create({
     name: "tableExtension",
     addExtensions() {
         return [
@@ -504,7 +504,7 @@ const TableExtension = Extension.create({
     },
 });
 
-const INITIAL_EDITOR_STATE = {
+const ATE_INITIAL_EDITOR_STATE = {
     isFocused: false,
     isEditable: true,
     selection: {
@@ -627,10 +627,10 @@ function fastMerge(target, source) {
     }
 }
 function createFreshSnapshot() {
-    return JSON.parse(JSON.stringify(INITIAL_EDITOR_STATE));
+    return JSON.parse(JSON.stringify(ATE_INITIAL_EDITOR_STATE));
 }
-const TiptapStateExtension = Extension.create({
-    name: "tiptapState",
+const AteTiptapStateExtension = Extension.create({
+    name: "ateTiptapState",
     addOptions() {
         return {
             onUpdate: undefined,
@@ -673,7 +673,7 @@ const TiptapStateExtension = Extension.create({
     },
 });
 
-class TiptapButtonComponent {
+class AteButtonComponent {
     constructor() {
         // Inputs
         this.icon = input("", ...(ngDevMode ? [{ debugName: "icon" }] : []));
@@ -691,10 +691,10 @@ class TiptapButtonComponent {
     onMouseDown(event) {
         event.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapButtonComponent, isStandalone: true, selector: "tiptap-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteButtonComponent, isStandalone: true, selector: "ate-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: `
     <button
-      class="tiptap-button"
+      class="ate-button"
       [class.is-active]="active()"
       [class.is-disabled]="disabled()"
       [class.text-button]="variant() === 'text'"
@@ -723,13 +723,13 @@ class TiptapButtonComponent {
       }
       <ng-content></ng-content>
     </button>
-  `, isInline: true, styles: [".tiptap-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--ate-sub-border-radius, 8px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--ate-toolbar-button-color, var(--ate-text-secondary));position:relative;overflow:hidden}.tiptap-button:before{content:\"\";position:absolute;inset:0;background:var(--ate-primary);opacity:0;transition:opacity .2s ease;border-radius:var(--ate-sub-border-radius, 8px)}.tiptap-button:hover:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.tiptap-button.has-custom-color:hover:not(.has-custom-bg){background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.tiptap-button.has-custom-bg:hover{transform:translateY(-1px);filter:brightness(.9)}.tiptap-button:hover:before{opacity:.1}.tiptap-button:active{transform:translateY(0)}.tiptap-button.is-active:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.tiptap-button.is-active.has-custom-color{background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.tiptap-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tiptap-button .material-symbols-outlined{font-size:20px;position:relative;z-index:1}.tiptap-button .material-symbols-outlined.icon-small{font-size:16px}.tiptap-button .material-symbols-outlined.icon-medium{font-size:20px}.tiptap-button .material-symbols-outlined.icon-large{font-size:24px}.tiptap-button.text-button{width:auto;padding:0 12px;font-size:14px;font-weight:500;gap:8px}.tiptap-button.color-button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;transition:all .2s ease}.tiptap-button.color-button:hover{border-color:var(--ate-border);transform:scale(1.1)}.tiptap-button.color-button.is-active{border-color:var(--ate-primary);box-shadow:0 0 0 2px var(--ate-primary-light)}.tiptap-button.danger{color:var(--ate-error-color, #ef4444)}.tiptap-button.danger:hover{color:var(--ate-error-color, #ef4444);background:var(--ate-error-bg, rgba(239, 68, 68, .1))}.tiptap-button.danger:before{background:var(--ate-error-color, #ef4444)}.tiptap-button.small{width:24px;height:24px}.tiptap-button.medium{width:32px;height:32px}.tiptap-button.large{width:40px;height:40px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--ate-primary-light-alpha)}50%{box-shadow:0 0 0 4px transparent}}.tiptap-button.is-active.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.tiptap-button{width:32px;height:32px}.tiptap-button .material-symbols-outlined{font-size:18px}.tiptap-button.text-button{padding:0 8px;font-size:13px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".ate-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--ate-sub-border-radius, 8px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--ate-toolbar-button-color, var(--ate-text-secondary));position:relative;overflow:hidden}.ate-button:before{content:\"\";position:absolute;inset:0;background:var(--ate-primary);opacity:0;transition:opacity .2s ease;border-radius:var(--ate-sub-border-radius, 8px)}.ate-button:hover:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.ate-button.has-custom-color:hover:not(.has-custom-bg){background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.ate-button.has-custom-bg:hover{transform:translateY(-1px);filter:brightness(.9)}.ate-button:hover:before{opacity:.1}.ate-button:active{transform:translateY(0)}.ate-button.is-active:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.ate-button.is-active.has-custom-color{background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.ate-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ate-button .material-symbols-outlined{font-size:20px;position:relative;z-index:1}.ate-button .material-symbols-outlined.icon-small{font-size:16px}.ate-button .material-symbols-outlined.icon-medium{font-size:20px}.ate-button .material-symbols-outlined.icon-large{font-size:24px}.ate-button.text-button{width:auto;padding:0 12px;font-size:14px;font-weight:500;gap:8px}.ate-button.color-button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;transition:all .2s ease}.ate-button.color-button:hover{border-color:var(--ate-border);transform:scale(1.1)}.ate-button.color-button.is-active{border-color:var(--ate-primary);box-shadow:0 0 0 2px var(--ate-primary-light)}.ate-button.danger{color:var(--ate-error-color, #ef4444)}.ate-button.danger:hover{color:var(--ate-error-color, #ef4444);background:var(--ate-error-bg, rgba(239, 68, 68, .1))}.ate-button.danger:before{background:var(--ate-error-color, #ef4444)}.ate-button.small{width:24px;height:24px}.ate-button.medium{width:32px;height:32px}.ate-button.large{width:40px;height:40px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--ate-primary-light-alpha)}50%{box-shadow:0 0 0 4px transparent}}.ate-button.is-active.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.ate-button{width:32px;height:32px}.ate-button .material-symbols-outlined{font-size:18px}.ate-button.text-button{padding:0 8px;font-size:13px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-button", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: "ate-button", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <button
-      class="tiptap-button"
+      class="ate-button"
       [class.is-active]="active()"
       [class.is-disabled]="disabled()"
       [class.text-button]="variant() === 'text'"
@@ -758,36 +758,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       }
       <ng-content></ng-content>
     </button>
-  `, styles: [".tiptap-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--ate-sub-border-radius, 8px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--ate-toolbar-button-color, var(--ate-text-secondary));position:relative;overflow:hidden}.tiptap-button:before{content:\"\";position:absolute;inset:0;background:var(--ate-primary);opacity:0;transition:opacity .2s ease;border-radius:var(--ate-sub-border-radius, 8px)}.tiptap-button:hover:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.tiptap-button.has-custom-color:hover:not(.has-custom-bg){background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.tiptap-button.has-custom-bg:hover{transform:translateY(-1px);filter:brightness(.9)}.tiptap-button:hover:before{opacity:.1}.tiptap-button:active{transform:translateY(0)}.tiptap-button.is-active:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.tiptap-button.is-active.has-custom-color{background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.tiptap-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tiptap-button .material-symbols-outlined{font-size:20px;position:relative;z-index:1}.tiptap-button .material-symbols-outlined.icon-small{font-size:16px}.tiptap-button .material-symbols-outlined.icon-medium{font-size:20px}.tiptap-button .material-symbols-outlined.icon-large{font-size:24px}.tiptap-button.text-button{width:auto;padding:0 12px;font-size:14px;font-weight:500;gap:8px}.tiptap-button.color-button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;transition:all .2s ease}.tiptap-button.color-button:hover{border-color:var(--ate-border);transform:scale(1.1)}.tiptap-button.color-button.is-active{border-color:var(--ate-primary);box-shadow:0 0 0 2px var(--ate-primary-light)}.tiptap-button.danger{color:var(--ate-error-color, #ef4444)}.tiptap-button.danger:hover{color:var(--ate-error-color, #ef4444);background:var(--ate-error-bg, rgba(239, 68, 68, .1))}.tiptap-button.danger:before{background:var(--ate-error-color, #ef4444)}.tiptap-button.small{width:24px;height:24px}.tiptap-button.medium{width:32px;height:32px}.tiptap-button.large{width:40px;height:40px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--ate-primary-light-alpha)}50%{box-shadow:0 0 0 4px transparent}}.tiptap-button.is-active.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.tiptap-button{width:32px;height:32px}.tiptap-button .material-symbols-outlined{font-size:18px}.tiptap-button.text-button{padding:0 8px;font-size:13px}}\n"] }]
+  `, styles: [".ate-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--ate-sub-border-radius, 8px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--ate-toolbar-button-color, var(--ate-text-secondary));position:relative;overflow:hidden}.ate-button:before{content:\"\";position:absolute;inset:0;background:var(--ate-primary);opacity:0;transition:opacity .2s ease;border-radius:var(--ate-sub-border-radius, 8px)}.ate-button:hover:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.ate-button.has-custom-color:hover:not(.has-custom-bg){background:var(--ate-toolbar-button-hover-background, transparent);transform:translateY(-1px)}.ate-button.has-custom-bg:hover{transform:translateY(-1px);filter:brightness(.9)}.ate-button:hover:before{opacity:.1}.ate-button:active{transform:translateY(0)}.ate-button.is-active:not(.has-custom-color){color:var(--ate-toolbar-button-active-color, var(--ate-primary));background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.ate-button.is-active.has-custom-color{background:var(--ate-toolbar-button-active-background, var(--ate-primary-light))}.ate-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ate-button .material-symbols-outlined{font-size:20px;position:relative;z-index:1}.ate-button .material-symbols-outlined.icon-small{font-size:16px}.ate-button .material-symbols-outlined.icon-medium{font-size:20px}.ate-button .material-symbols-outlined.icon-large{font-size:24px}.ate-button.text-button{width:auto;padding:0 12px;font-size:14px;font-weight:500;gap:8px}.ate-button.color-button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;transition:all .2s ease}.ate-button.color-button:hover{border-color:var(--ate-border);transform:scale(1.1)}.ate-button.color-button.is-active{border-color:var(--ate-primary);box-shadow:0 0 0 2px var(--ate-primary-light)}.ate-button.danger{color:var(--ate-error-color, #ef4444)}.ate-button.danger:hover{color:var(--ate-error-color, #ef4444);background:var(--ate-error-bg, rgba(239, 68, 68, .1))}.ate-button.danger:before{background:var(--ate-error-color, #ef4444)}.ate-button.small{width:24px;height:24px}.ate-button.medium{width:32px;height:32px}.ate-button.large{width:40px;height:40px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--ate-primary-light-alpha)}50%{box-shadow:0 0 0 4px transparent}}.ate-button.is-active.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.ate-button{width:32px;height:32px}.ate-button .material-symbols-outlined{font-size:18px}.ate-button.text-button{padding:0 8px;font-size:13px}}\n"] }]
         }], 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 TiptapSeparatorComponent {
+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: TiptapSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TiptapSeparatorComponent, isStandalone: true, selector: "tiptap-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: `
+    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="tiptap-separator"
+      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: [".tiptap-separator{background-color:var(--ate-border, #e2e8f0);margin:0}.tiptap-separator.vertical{width:1px;height:24px;margin:0 8px}.tiptap-separator.horizontal{height:1px;width:100%;margin:8px 0}.tiptap-separator.small.vertical{height:16px;margin:0 4px}.tiptap-separator.small.horizontal{margin:4px 0}.tiptap-separator.medium.vertical{height:24px;margin:0 8px}.tiptap-separator.medium.horizontal{margin:8px 0}.tiptap-separator.large.vertical{height:32px;margin:0 12px}.tiptap-separator.large.horizontal{margin:12px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapSeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteSeparatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-separator", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: "ate-separator", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div
-      class="tiptap-separator"
+      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: [".tiptap-separator{background-color:var(--ate-border, #e2e8f0);margin:0}.tiptap-separator.vertical{width:1px;height:24px;margin:0 8px}.tiptap-separator.horizontal{height:1px;width:100%;margin:8px 0}.tiptap-separator.small.vertical{height:16px;margin:0 4px}.tiptap-separator.small.horizontal{margin:4px 0}.tiptap-separator.medium.vertical{height:24px;margin:0 8px}.tiptap-separator.medium.horizontal{margin:8px 0}.tiptap-separator.large.vertical{height:32px;margin:0 12px}.tiptap-separator.large.horizontal{margin:12px 0}\n"] }]
+  `, 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 }] }] } });
 
 const ENGLISH_TRANSLATIONS = {
@@ -1124,7 +1124,7 @@ const FRENCH_TRANSLATIONS = {
         success: "Succès",
     },
 };
-class TiptapI18nService {
+class AteI18nService {
     constructor() {
         this._currentLocale = signal("en", ...(ngDevMode ? [{ debugName: "_currentLocale" }] : []));
         this._translations = signal({
@@ -1188,24 +1188,24 @@ class TiptapI18nService {
     getSlashCommand(key) {
         return this.translations().slashCommands[key];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapI18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapI18nService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteI18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteI18nService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapI18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteI18nService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
                 }]
         }], ctorParameters: () => [] });
 
-class ImageService {
+class AteImageService {
     constructor() {
         /** Signals for image state */
         this.selectedImage = signal(null, ...(ngDevMode ? [{ debugName: "selectedImage" }] : []));
         this.isImageSelected = computed(() => this.selectedImage() !== null, ...(ngDevMode ? [{ debugName: "isImageSelected" }] : []));
         /** Resizing state */
         this.isResizing = signal(false, ...(ngDevMode ? [{ debugName: "isResizing" }] : []));
-        this.i18n = inject(TiptapI18nService);
+        this.i18n = inject(AteI18nService);
         this.t = this.i18n.imageUpload;
         /** Upload state signals */
         this.isUploading = signal(false, ...(ngDevMode ? [{ debugName: "isUploading" }] : []));
@@ -1539,10 +1539,10 @@ class ImageService {
             this.selectImage(ed);
         }, this.t().replacingImage, options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteImageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteImageService, decorators: [{
             type: Injectable
         }] });
 
@@ -1599,7 +1599,7 @@ function getContrastColor(color) {
     return getLuminance(color) > 128 ? "black" : "white";
 }
 
-class ColorPickerService {
+class AteColorPickerService {
     constructor() {
         this.storedSelection = null;
         // ============================================
@@ -1776,14 +1776,14 @@ class ColorPickerService {
     getContrastColor(color) {
         return getContrastColor(color);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ColorPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ColorPickerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorPickerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ColorPickerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorPickerService, decorators: [{
             type: Injectable
         }] });
 
-class LinkService {
+class AteLinkService {
     constructor() {
         // ============================================
         // State Signals (owned by this service)
@@ -1867,19 +1867,19 @@ class LinkService {
         editor.chain().focus().extendMarkRange("link").unsetLink().run();
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LinkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LinkService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteLinkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteLinkService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LinkService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteLinkService, decorators: [{
             type: Injectable
         }] });
 
-class EditorCommandsService {
+class AteEditorCommandsService {
     constructor() {
-        this.imageService = inject(ImageService);
-        this.colorPickerSvc = inject(ColorPickerService);
-        this.linkSvc = inject(LinkService);
-        this._editorState = signal(INITIAL_EDITOR_STATE, ...(ngDevMode ? [{ debugName: "_editorState", equal: (a, b) => {
+        this.imageService = inject(AteImageService);
+        this.colorPickerSvc = inject(AteColorPickerService);
+        this.linkSvc = inject(AteLinkService);
+        this._editorState = signal(ATE_INITIAL_EDITOR_STATE, ...(ngDevMode ? [{ debugName: "_editorState", equal: (a, b) => {
                     // 1. Primitive global states
                     if (a.isFocused !== b.isFocused || a.isEditable !== b.isEditable)
                         return false;
@@ -2313,22 +2313,22 @@ class EditorCommandsService {
             throw error;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EditorCommandsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EditorCommandsService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EditorCommandsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteEditorCommandsService, decorators: [{
             type: Injectable
         }] });
 
-class TiptapColorPickerComponent {
+class AteColorPickerComponent {
     constructor() {
         this.editor = input.required(...(ngDevMode ? [{ debugName: "editor" }] : []));
         this.mode = input("text", ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.anchorToText = input(false, ...(ngDevMode ? [{ debugName: "anchorToText" }] : []));
-        this.colorPickerSvc = inject(ColorPickerService);
-        this.i18nService = inject(TiptapI18nService);
-        this.editorCommands = inject(EditorCommandsService);
+        this.colorPickerSvc = inject(AteColorPickerService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommands = inject(AteEditorCommandsService);
         this.t = this.i18nService.toolbar;
         this.state = this.editorCommands.editorState;
         this.currentColor = computed(() => {
@@ -2381,11 +2381,11 @@ class TiptapColorPickerComponent {
         }
         this.colorPickerSvc.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapColorPickerComponent, isStandalone: true, selector: "tiptap-color-picker", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, anchorToText: { classPropertyName: "anchorToText", publicName: "anchorToText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteColorPickerComponent, isStandalone: true, selector: "ate-color-picker", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, anchorToText: { classPropertyName: "anchorToText", publicName: "anchorToText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div class="color-picker-wrapper">
       <div class="color-picker-container" [class.is-highlight]="mode() === 'highlight'">
-        <tiptap-button
+        <ate-button
           [icon]="buttonIcon()"
           [title]="mode() === 'text' ? t().textColor : t().highlight"
           [color]="buttonTextColor()"
@@ -2405,14 +2405,14 @@ class TiptapColorPickerComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [".color-picker-wrapper{position:relative;display:inline-block}.color-picker-container{position:relative;display:inline-flex;align-items:center}.btn-clear-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;padding:0;border:none;border-radius:999px;background:#0f172abf;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .12s ease}.color-picker-container:hover .btn-clear-badge{opacity:1;pointer-events:auto}.btn-clear-badge .material-symbols-outlined{font-size:10px;line-height:1}\n"], dependencies: [{ kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".color-picker-wrapper{position:relative;display:inline-block}.color-picker-container{position:relative;display:inline-flex;align-items:center}.btn-clear-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;padding:0;border:none;border-radius:999px;background:#0f172abf;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .12s ease}.color-picker-container:hover .btn-clear-badge{opacity:1;pointer-events:auto}.btn-clear-badge .material-symbols-outlined{font-size:10px;line-height:1}\n"], dependencies: [{ kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapColorPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-color-picker", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TiptapButtonComponent, CommonModule], template: `
+            args: [{ selector: "ate-color-picker", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AteButtonComponent, CommonModule], template: `
     <div class="color-picker-wrapper">
       <div class="color-picker-container" [class.is-highlight]="mode() === 'highlight'">
-        <tiptap-button
+        <ate-button
           [icon]="buttonIcon()"
           [title]="mode() === 'text' ? t().textColor : t().highlight"
           [color]="buttonTextColor()"
@@ -2435,14 +2435,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
   `, styles: [".color-picker-wrapper{position:relative;display:inline-block}.color-picker-container{position:relative;display:inline-flex;align-items:center}.btn-clear-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;padding:0;border:none;border-radius:999px;background:#0f172abf;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .12s ease}.color-picker-container:hover .btn-clear-badge{opacity:1;pointer-events:auto}.btn-clear-badge .material-symbols-outlined{font-size:10px;line-height:1}\n"] }]
         }], propDecorators: { editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], anchorToText: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorToText", required: false }] }] } });
 
-class TiptapToolbarComponent {
+class AteToolbarComponent {
     constructor() {
         this.editor = input.required(...(ngDevMode ? [{ debugName: "editor" }] : []));
         this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
         this.imageUpload = input({}, ...(ngDevMode ? [{ debugName: "imageUpload" }] : []));
         this.floating = input(false, ...(ngDevMode ? [{ debugName: "floating" }] : []));
-        this.i18nService = inject(TiptapI18nService);
-        this.editorCommands = inject(EditorCommandsService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommands = inject(AteEditorCommandsService);
         this.t = this.i18nService.toolbar;
         this.state = this.editorCommands.editorState;
     }
@@ -2452,11 +2452,11 @@ class TiptapToolbarComponent {
             return;
         this.editorCommands.execute(editor, command, ...args);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapToolbarComponent, isStandalone: true, selector: "tiptap-toolbar", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, floating: { classPropertyName: "floating", publicName: "floating", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <div class="tiptap-toolbar" [class.floating]="floating()">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteToolbarComponent, isStandalone: true, selector: "ate-toolbar", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, floating: { classPropertyName: "floating", publicName: "floating", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="ate-toolbar" [class.floating]="floating()">
       @if (config().bold) {
-        <tiptap-button
+        <ate-button
           icon="format_bold"
           [title]="t().bold"
           [active]="state().marks.bold"
@@ -2464,7 +2464,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleBold')" />
       }
       @if (config().italic) {
-        <tiptap-button
+        <ate-button
           icon="format_italic"
           [title]="t().italic"
           [active]="state().marks.italic"
@@ -2472,7 +2472,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleItalic')" />
       }
       @if (config().underline) {
-        <tiptap-button
+        <ate-button
           icon="format_underlined"
           [title]="t().underline"
           [active]="state().marks.underline"
@@ -2480,7 +2480,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleUnderline')" />
       }
       @if (config().strike) {
-        <tiptap-button
+        <ate-button
           icon="strikethrough_s"
           [title]="t().strike"
           [active]="state().marks.strike"
@@ -2488,7 +2488,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleStrike')" />
       }
       @if (config().code) {
-        <tiptap-button
+        <ate-button
           icon="code"
           [title]="t().code"
           [active]="state().marks.code"
@@ -2496,7 +2496,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleCode')" />
       }
       @if (config().codeBlock) {
-        <tiptap-button
+        <ate-button
           icon="terminal"
           [title]="t().codeBlock"
           [active]="state().nodes.isCodeBlock"
@@ -2504,7 +2504,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleCodeBlock')" />
       }
       @if (config().superscript) {
-        <tiptap-button
+        <ate-button
           icon="superscript"
           [title]="t().superscript"
           [active]="state().marks.superscript"
@@ -2512,7 +2512,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleSuperscript')" />
       }
       @if (config().subscript) {
-        <tiptap-button
+        <ate-button
           icon="subscript"
           [title]="t().subscript"
           [active]="state().marks.subscript"
@@ -2520,7 +2520,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleSubscript')" />
       }
       @if (config().highlight) {
-        <tiptap-button
+        <ate-button
           icon="highlight"
           [title]="t().highlight"
           [active]="state().marks.highlight"
@@ -2528,17 +2528,17 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleHighlight')" />
       }
       @if (config().highlightPicker) {
-        <tiptap-color-picker mode="highlight" [editor]="editor()" [disabled]="!state().can.setHighlight" />
+        <ate-color-picker mode="highlight" [editor]="editor()" [disabled]="!state().can.setHighlight" />
       }
       @if (config().textColor) {
-        <tiptap-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" />
+        <ate-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" />
       }
 
       @if (config().separator && (config().heading1 || config().heading2 || config().heading3)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().heading1) {
-        <tiptap-button
+        <ate-button
           icon="format_h1"
           [title]="t().heading1"
           [active]="state().nodes.h1"
@@ -2546,7 +2546,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleHeading', 1)" />
       }
       @if (config().heading2) {
-        <tiptap-button
+        <ate-button
           icon="format_h2"
           [title]="t().heading2"
           [active]="state().nodes.h2"
@@ -2554,7 +2554,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleHeading', 2)" />
       }
       @if (config().heading3) {
-        <tiptap-button
+        <ate-button
           icon="format_h3"
           [title]="t().heading3"
           [active]="state().nodes.h3"
@@ -2562,10 +2562,10 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleHeading', 3)" />
       }
       @if (config().separator && (config().bulletList || config().orderedList || config().blockquote)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().bulletList) {
-        <tiptap-button
+        <ate-button
           icon="format_list_bulleted"
           [title]="t().bulletList"
           [active]="state().nodes.isBulletList"
@@ -2573,7 +2573,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleBulletList')" />
       }
       @if (config().orderedList) {
-        <tiptap-button
+        <ate-button
           icon="format_list_numbered"
           [title]="t().orderedList"
           [active]="state().nodes.isOrderedList"
@@ -2581,7 +2581,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleOrderedList')" />
       }
       @if (config().blockquote) {
-        <tiptap-button
+        <ate-button
           icon="format_quote"
           [title]="t().blockquote"
           [active]="state().nodes.isBlockquote"
@@ -2592,10 +2592,10 @@ class TiptapToolbarComponent {
         config().separator &&
         (config().alignLeft || config().alignCenter || config().alignRight || config().alignJustify)
       ) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().alignLeft) {
-        <tiptap-button
+        <ate-button
           icon="format_align_left"
           [title]="t().alignLeft"
           [active]="state().nodes.alignLeft"
@@ -2603,7 +2603,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('setTextAlign', 'left')" />
       }
       @if (config().alignCenter) {
-        <tiptap-button
+        <ate-button
           icon="format_align_center"
           [title]="t().alignCenter"
           [active]="state().nodes.alignCenter"
@@ -2611,7 +2611,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('setTextAlign', 'center')" />
       }
       @if (config().alignRight) {
-        <tiptap-button
+        <ate-button
           icon="format_align_right"
           [title]="t().alignRight"
           [active]="state().nodes.alignRight"
@@ -2619,7 +2619,7 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('setTextAlign', 'right')" />
       }
       @if (config().alignJustify) {
-        <tiptap-button
+        <ate-button
           icon="format_align_justify"
           [title]="t().alignJustify"
           [active]="state().nodes.alignJustify"
@@ -2627,10 +2627,10 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('setTextAlign', 'justify')" />
       }
       @if (config().separator && (config().link || config().horizontalRule)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().link) {
-        <tiptap-button
+        <ate-button
           icon="link"
           [title]="t().link"
           [active]="state().marks.link"
@@ -2638,65 +2638,62 @@ class TiptapToolbarComponent {
           (buttonClick)="onCommand('toggleLink', $event)" />
       }
       @if (config().horizontalRule) {
-        <tiptap-button
+        <ate-button
           icon="horizontal_rule"
           [title]="t().horizontalRule"
           [disabled]="!state().can.insertHorizontalRule"
           (buttonClick)="onCommand('insertHorizontalRule')" />
       }
       @if (config().table) {
-        <tiptap-button
+        <ate-button
           icon="table_view"
           [title]="t().table"
           [disabled]="!state().can.insertTable"
           (buttonClick)="onCommand('insertTable')" />
       }
       @if (config().separator && config().image) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().image) {
-        <tiptap-button
+        <ate-button
           icon="image"
           [title]="t().image"
           [disabled]="!state().can.insertImage"
           (buttonClick)="onCommand('insertImage', imageUpload())" />
       }
       @if (config().separator && (config().undo || config().redo)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().undo) {
-        <tiptap-button
-          icon="undo"
-          [title]="t().undo"
-          [disabled]="!state().can.undo"
-          (buttonClick)="onCommand('undo')" />
+        <ate-button icon="undo" [title]="t().undo" [disabled]="!state().can.undo" (buttonClick)="onCommand('undo')" />
       }
       @if (config().redo) {
-        <tiptap-button
-          icon="redo"
-          [title]="t().redo"
-          [disabled]="!state().can.redo"
-          (buttonClick)="onCommand('redo')" />
+        <ate-button icon="redo" [title]="t().redo" [disabled]="!state().can.redo" (buttonClick)="onCommand('redo')" />
       }
       @if (config().separator && config().clear) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().clear) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().clear"
           [disabled]="!state().isEditable"
           (buttonClick)="onCommand('clearContent')" />
       }
+      @if (config().custom?.length) {
+        @for (item of config().custom; track item.key) {
+          <ate-button [icon]="item.icon" [title]="item.label" (buttonClick)="item.command(editor())"></ate-button>
+        }
+      }
     </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}.tiptap-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))}.tiptap-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)}.tiptap-toolbar.floating::-webkit-scrollbar{display:none}:host-context(.floating-toolbar:focus-within) .tiptap-toolbar.floating,:host-context(.floating-toolbar:hover) .tiptap-toolbar.floating{transform:translateY(-2rem)}@media (max-width: 768px){.tiptap-toolbar{padding:6px 8px;gap:2px}}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tiptap-toolbar{animation:toolbarSlideIn .3s cubic-bezier(.4,0,.2,1)}\n"], dependencies: [{ kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: TiptapSeparatorComponent, selector: "tiptap-separator", inputs: ["orientation", "size"] }, { kind: "component", type: TiptapColorPickerComponent, selector: "tiptap-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: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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-toolbar", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TiptapButtonComponent, TiptapSeparatorComponent, TiptapColorPickerComponent], template: `
-    <div class="tiptap-toolbar" [class.floating]="floating()">
+            args: [{ selector: "ate-toolbar", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AteButtonComponent, AteSeparatorComponent, AteColorPickerComponent], template: `
+    <div class="ate-toolbar" [class.floating]="floating()">
       @if (config().bold) {
-        <tiptap-button
+        <ate-button
           icon="format_bold"
           [title]="t().bold"
           [active]="state().marks.bold"
@@ -2704,7 +2701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleBold')" />
       }
       @if (config().italic) {
-        <tiptap-button
+        <ate-button
           icon="format_italic"
           [title]="t().italic"
           [active]="state().marks.italic"
@@ -2712,7 +2709,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleItalic')" />
       }
       @if (config().underline) {
-        <tiptap-button
+        <ate-button
           icon="format_underlined"
           [title]="t().underline"
           [active]="state().marks.underline"
@@ -2720,7 +2717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleUnderline')" />
       }
       @if (config().strike) {
-        <tiptap-button
+        <ate-button
           icon="strikethrough_s"
           [title]="t().strike"
           [active]="state().marks.strike"
@@ -2728,7 +2725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleStrike')" />
       }
       @if (config().code) {
-        <tiptap-button
+        <ate-button
           icon="code"
           [title]="t().code"
           [active]="state().marks.code"
@@ -2736,7 +2733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleCode')" />
       }
       @if (config().codeBlock) {
-        <tiptap-button
+        <ate-button
           icon="terminal"
           [title]="t().codeBlock"
           [active]="state().nodes.isCodeBlock"
@@ -2744,7 +2741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleCodeBlock')" />
       }
       @if (config().superscript) {
-        <tiptap-button
+        <ate-button
           icon="superscript"
           [title]="t().superscript"
           [active]="state().marks.superscript"
@@ -2752,7 +2749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleSuperscript')" />
       }
       @if (config().subscript) {
-        <tiptap-button
+        <ate-button
           icon="subscript"
           [title]="t().subscript"
           [active]="state().marks.subscript"
@@ -2760,7 +2757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleSubscript')" />
       }
       @if (config().highlight) {
-        <tiptap-button
+        <ate-button
           icon="highlight"
           [title]="t().highlight"
           [active]="state().marks.highlight"
@@ -2768,17 +2765,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleHighlight')" />
       }
       @if (config().highlightPicker) {
-        <tiptap-color-picker mode="highlight" [editor]="editor()" [disabled]="!state().can.setHighlight" />
+        <ate-color-picker mode="highlight" [editor]="editor()" [disabled]="!state().can.setHighlight" />
       }
       @if (config().textColor) {
-        <tiptap-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" />
+        <ate-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" />
       }
 
       @if (config().separator && (config().heading1 || config().heading2 || config().heading3)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().heading1) {
-        <tiptap-button
+        <ate-button
           icon="format_h1"
           [title]="t().heading1"
           [active]="state().nodes.h1"
@@ -2786,7 +2783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleHeading', 1)" />
       }
       @if (config().heading2) {
-        <tiptap-button
+        <ate-button
           icon="format_h2"
           [title]="t().heading2"
           [active]="state().nodes.h2"
@@ -2794,7 +2791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleHeading', 2)" />
       }
       @if (config().heading3) {
-        <tiptap-button
+        <ate-button
           icon="format_h3"
           [title]="t().heading3"
           [active]="state().nodes.h3"
@@ -2802,10 +2799,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleHeading', 3)" />
       }
       @if (config().separator && (config().bulletList || config().orderedList || config().blockquote)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().bulletList) {
-        <tiptap-button
+        <ate-button
           icon="format_list_bulleted"
           [title]="t().bulletList"
           [active]="state().nodes.isBulletList"
@@ -2813,7 +2810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleBulletList')" />
       }
       @if (config().orderedList) {
-        <tiptap-button
+        <ate-button
           icon="format_list_numbered"
           [title]="t().orderedList"
           [active]="state().nodes.isOrderedList"
@@ -2821,7 +2818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleOrderedList')" />
       }
       @if (config().blockquote) {
-        <tiptap-button
+        <ate-button
           icon="format_quote"
           [title]="t().blockquote"
           [active]="state().nodes.isBlockquote"
@@ -2832,10 +2829,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         config().separator &&
         (config().alignLeft || config().alignCenter || config().alignRight || config().alignJustify)
       ) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().alignLeft) {
-        <tiptap-button
+        <ate-button
           icon="format_align_left"
           [title]="t().alignLeft"
           [active]="state().nodes.alignLeft"
@@ -2843,7 +2840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('setTextAlign', 'left')" />
       }
       @if (config().alignCenter) {
-        <tiptap-button
+        <ate-button
           icon="format_align_center"
           [title]="t().alignCenter"
           [active]="state().nodes.alignCenter"
@@ -2851,7 +2848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('setTextAlign', 'center')" />
       }
       @if (config().alignRight) {
-        <tiptap-button
+        <ate-button
           icon="format_align_right"
           [title]="t().alignRight"
           [active]="state().nodes.alignRight"
@@ -2859,7 +2856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('setTextAlign', 'right')" />
       }
       @if (config().alignJustify) {
-        <tiptap-button
+        <ate-button
           icon="format_align_justify"
           [title]="t().alignJustify"
           [active]="state().nodes.alignJustify"
@@ -2867,10 +2864,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('setTextAlign', 'justify')" />
       }
       @if (config().separator && (config().link || config().horizontalRule)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().link) {
-        <tiptap-button
+        <ate-button
           icon="link"
           [title]="t().link"
           [active]="state().marks.link"
@@ -2878,68 +2875,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           (buttonClick)="onCommand('toggleLink', $event)" />
       }
       @if (config().horizontalRule) {
-        <tiptap-button
+        <ate-button
           icon="horizontal_rule"
           [title]="t().horizontalRule"
           [disabled]="!state().can.insertHorizontalRule"
           (buttonClick)="onCommand('insertHorizontalRule')" />
       }
       @if (config().table) {
-        <tiptap-button
+        <ate-button
           icon="table_view"
           [title]="t().table"
           [disabled]="!state().can.insertTable"
           (buttonClick)="onCommand('insertTable')" />
       }
       @if (config().separator && config().image) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().image) {
-        <tiptap-button
+        <ate-button
           icon="image"
           [title]="t().image"
           [disabled]="!state().can.insertImage"
           (buttonClick)="onCommand('insertImage', imageUpload())" />
       }
       @if (config().separator && (config().undo || config().redo)) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().undo) {
-        <tiptap-button
-          icon="undo"
-          [title]="t().undo"
-          [disabled]="!state().can.undo"
-          (buttonClick)="onCommand('undo')" />
+        <ate-button icon="undo" [title]="t().undo" [disabled]="!state().can.undo" (buttonClick)="onCommand('undo')" />
       }
       @if (config().redo) {
-        <tiptap-button
-          icon="redo"
-          [title]="t().redo"
-          [disabled]="!state().can.redo"
-          (buttonClick)="onCommand('redo')" />
+        <ate-button icon="redo" [title]="t().redo" [disabled]="!state().can.redo" (buttonClick)="onCommand('redo')" />
       }
       @if (config().separator && config().clear) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (config().clear) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().clear"
           [disabled]="!state().isEditable"
           (buttonClick)="onCommand('clearContent')" />
       }
+      @if (config().custom?.length) {
+        @for (item of config().custom; track item.key) {
+          <ate-button [icon]="item.icon" [title]="item.label" (buttonClick)="item.command(editor())"></ate-button>
+        }
+      }
     </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}.tiptap-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))}.tiptap-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)}.tiptap-toolbar.floating::-webkit-scrollbar{display:none}:host-context(.floating-toolbar:focus-within) .tiptap-toolbar.floating,:host-context(.floating-toolbar:hover) .tiptap-toolbar.floating{transform:translateY(-2rem)}@media (max-width: 768px){.tiptap-toolbar{padding:6px 8px;gap:2px}}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tiptap-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: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"] }]
         }], 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 }] }] } });
 
 /**
  * Base abstract class for all Bubble Menus (Text, Image, Table, Cell).
  * Handles common logic for Tippy.js initialization, positioning, and visibility.
  */
-class TiptapBaseBubbleMenu {
+class AteBaseBubbleMenu {
     constructor() {
-        this.i18nService = inject(TiptapI18nService);
-        this.editorCommands = inject(EditorCommandsService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommands = inject(AteEditorCommandsService);
         // Core Inputs
         this.editor = input.required(...(ngDevMode ? [{ debugName: "editor" }] : []));
         // Internal State
@@ -3121,17 +3115,17 @@ class TiptapBaseBubbleMenu {
     onTippyHide(_instance) {
         /* empty */
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapBaseBubbleMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: TiptapBaseBubbleMenu, isStandalone: true, inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteBaseBubbleMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: AteBaseBubbleMenu, isStandalone: true, inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapBaseBubbleMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteBaseBubbleMenu, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: true }] }], menuRef: [{
                 type: ViewChild,
                 args: ["menuRef", { static: false }]
             }] } });
 
-class TiptapBubbleMenuComponent extends TiptapBaseBubbleMenu {
+class AteBubbleMenuComponent extends AteBaseBubbleMenu {
     constructor() {
         super(...arguments);
         this.t = this.i18nService.bubbleMenu;
@@ -3212,195 +3206,205 @@ class TiptapBubbleMenuComponent extends TiptapBaseBubbleMenu {
         // Sub-menus now manage their own state. Clearing them here causes
         // premature closing when clicking between 'sibling' menu instances.
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapBubbleMenuComponent, isStandalone: true, selector: "tiptap-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteBubbleMenuComponent, isStandalone: true, selector: "ate-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()">
       @if (bubbleMenuConfig().bold) {
-        <tiptap-button
+        <ate-button
           icon="format_bold"
           [title]="t().bold"
           [active]="state().marks.bold"
           [disabled]="!state().can.toggleBold"
-          (buttonClick)="onCommand('toggleBold', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleBold', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().italic) {
-        <tiptap-button
+        <ate-button
           icon="format_italic"
           [title]="t().italic"
           [active]="state().marks.italic"
           [disabled]="!state().can.toggleItalic"
-          (buttonClick)="onCommand('toggleItalic', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleItalic', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().underline) {
-        <tiptap-button
+        <ate-button
           icon="format_underlined"
           [title]="t().underline"
           [active]="state().marks.underline"
           [disabled]="!state().can.toggleUnderline"
-          (buttonClick)="onCommand('toggleUnderline', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleUnderline', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().strike) {
-        <tiptap-button
+        <ate-button
           icon="strikethrough_s"
           [title]="t().strike"
           [active]="state().marks.strike"
           [disabled]="!state().can.toggleStrike"
-          (buttonClick)="onCommand('toggleStrike', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleStrike', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().code) {
-        <tiptap-button
+        <ate-button
           icon="code"
           [title]="t().code"
           [active]="state().marks.code"
           [disabled]="!state().can.toggleCode"
-          (buttonClick)="onCommand('toggleCode', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleCode', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().superscript) {
-        <tiptap-button
+        <ate-button
           icon="superscript"
           [title]="t().superscript"
           [active]="state().marks.superscript"
           [disabled]="!state().can.toggleSuperscript"
-          (buttonClick)="onCommand('toggleSuperscript', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleSuperscript', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().subscript) {
-        <tiptap-button
+        <ate-button
           icon="subscript"
           [title]="t().subscript"
           [active]="state().marks.subscript"
           [disabled]="!state().can.toggleSubscript"
-          (buttonClick)="onCommand('toggleSubscript', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleSubscript', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().highlight) {
-        <tiptap-button
+        <ate-button
           icon="highlight"
           [title]="t().highlight"
           [active]="state().marks.highlight"
           [disabled]="!state().can.toggleHighlight"
-          (buttonClick)="onCommand('toggleHighlight', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleHighlight', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().highlightPicker) {
-        <tiptap-color-picker
+        <ate-color-picker
           mode="highlight"
           [editor]="editor()"
           [disabled]="!state().can.setHighlight"
           [anchorToText]="true" />
       }
       @if (bubbleMenuConfig().textColor) {
-        <tiptap-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" [anchorToText]="true" />
+        <ate-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" [anchorToText]="true" />
       }
       @if (bubbleMenuConfig().link) {
-        <tiptap-button
+        <ate-button
           icon="link"
           [title]="t().link"
           [active]="state().marks.link"
           [disabled]="!state().can.toggleLink"
-          (buttonClick)="onCommand('toggleLink', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleLink', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().custom?.length) {
+        @for (item of bubbleMenuConfig().custom; track item.key) {
+          <ate-button [icon]="item.icon" [title]="item.label" (buttonClick)="item.command(editor())"></ate-button>
+        }
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: TiptapColorPickerComponent, selector: "tiptap-color-picker", inputs: ["editor", "mode", "disabled", "anchorToText"] }], 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: 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: TiptapBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteBubbleMenuComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "tiptap-bubble-menu",
+                    selector: "ate-bubble-menu",
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [TiptapButtonComponent, TiptapColorPickerComponent],
+                    imports: [AteButtonComponent, AteColorPickerComponent],
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       @if (bubbleMenuConfig().bold) {
-        <tiptap-button
+        <ate-button
           icon="format_bold"
           [title]="t().bold"
           [active]="state().marks.bold"
           [disabled]="!state().can.toggleBold"
-          (buttonClick)="onCommand('toggleBold', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleBold', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().italic) {
-        <tiptap-button
+        <ate-button
           icon="format_italic"
           [title]="t().italic"
           [active]="state().marks.italic"
           [disabled]="!state().can.toggleItalic"
-          (buttonClick)="onCommand('toggleItalic', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleItalic', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().underline) {
-        <tiptap-button
+        <ate-button
           icon="format_underlined"
           [title]="t().underline"
           [active]="state().marks.underline"
           [disabled]="!state().can.toggleUnderline"
-          (buttonClick)="onCommand('toggleUnderline', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleUnderline', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().strike) {
-        <tiptap-button
+        <ate-button
           icon="strikethrough_s"
           [title]="t().strike"
           [active]="state().marks.strike"
           [disabled]="!state().can.toggleStrike"
-          (buttonClick)="onCommand('toggleStrike', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleStrike', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().code) {
-        <tiptap-button
+        <ate-button
           icon="code"
           [title]="t().code"
           [active]="state().marks.code"
           [disabled]="!state().can.toggleCode"
-          (buttonClick)="onCommand('toggleCode', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleCode', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().superscript) {
-        <tiptap-button
+        <ate-button
           icon="superscript"
           [title]="t().superscript"
           [active]="state().marks.superscript"
           [disabled]="!state().can.toggleSuperscript"
-          (buttonClick)="onCommand('toggleSuperscript', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleSuperscript', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().subscript) {
-        <tiptap-button
+        <ate-button
           icon="subscript"
           [title]="t().subscript"
           [active]="state().marks.subscript"
           [disabled]="!state().can.toggleSubscript"
-          (buttonClick)="onCommand('toggleSubscript', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleSubscript', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().highlight) {
-        <tiptap-button
+        <ate-button
           icon="highlight"
           [title]="t().highlight"
           [active]="state().marks.highlight"
           [disabled]="!state().can.toggleHighlight"
-          (buttonClick)="onCommand('toggleHighlight', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleHighlight', $event)"></ate-button>
       }
       @if (bubbleMenuConfig().highlightPicker) {
-        <tiptap-color-picker
+        <ate-color-picker
           mode="highlight"
           [editor]="editor()"
           [disabled]="!state().can.setHighlight"
           [anchorToText]="true" />
       }
       @if (bubbleMenuConfig().textColor) {
-        <tiptap-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" [anchorToText]="true" />
+        <ate-color-picker mode="text" [editor]="editor()" [disabled]="!state().can.setColor" [anchorToText]="true" />
       }
       @if (bubbleMenuConfig().link) {
-        <tiptap-button
+        <ate-button
           icon="link"
           [title]="t().link"
           [active]="state().marks.link"
           [disabled]="!state().can.toggleLink"
-          (buttonClick)="onCommand('toggleLink', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleLink', $event)"></ate-button>
+      }
+      @if (bubbleMenuConfig().custom?.length) {
+        @for (item of bubbleMenuConfig().custom; track item.key) {
+          <ate-button [icon]="item.icon" [title]="item.label" (buttonClick)="item.command(editor())"></ate-button>
+        }
       }
     </div>
   `,
                 }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
-class TiptapImageBubbleMenuComponent extends TiptapBaseBubbleMenu {
+class AteImageBubbleMenuComponent extends AteBaseBubbleMenu {
     constructor() {
         super(...arguments);
         this.t = this.i18nService.imageUpload;
-        this.imageService = inject(ImageService);
+        this.imageService = inject(AteImageService);
         this.config = input({
             changeImage: true,
             resizeSmall: true,
@@ -3501,119 +3505,119 @@ class TiptapImageBubbleMenuComponent extends TiptapBaseBubbleMenu {
             ed.chain().focus().deleteSelection().run();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapImageBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapImageBubbleMenuComponent, isStandalone: true, selector: "tiptap-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: `
+    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) {
-        <tiptap-button
+        <ate-button
           icon="drive_file_rename_outline"
           [title]="t().changeImage"
-          (buttonClick)="onCommand('changeImage', $event)"></tiptap-button>
+          (buttonClick)="onCommand('changeImage', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().separator && hasResizeButtons()) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (imageBubbleMenuConfig().resizeSmall) {
-        <tiptap-button
+        <ate-button
           icon="crop_square"
           iconSize="small"
           [title]="t().resizeSmall"
-          (buttonClick)="onCommand('resizeSmall', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeSmall', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().resizeMedium) {
-        <tiptap-button
+        <ate-button
           icon="crop_square"
           iconSize="medium"
           [title]="t().resizeMedium"
-          (buttonClick)="onCommand('resizeMedium', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeMedium', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().resizeLarge) {
-        <tiptap-button
+        <ate-button
           icon="crop_square"
           iconSize="large"
           [title]="t().resizeLarge"
-          (buttonClick)="onCommand('resizeLarge', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeLarge', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().resizeOriginal) {
-        <tiptap-button
+        <ate-button
           icon="photo_size_select_actual"
           [title]="t().resizeOriginal"
-          (buttonClick)="onCommand('resizeOriginal', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeOriginal', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().separator && imageBubbleMenuConfig().deleteImage) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (imageBubbleMenuConfig().deleteImage) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().deleteImage"
           variant="danger"
-          (buttonClick)="onCommand('deleteImage', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteImage', $event)"></ate-button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: TiptapSeparatorComponent, selector: "tiptap-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", inputs: ["orientation", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapImageBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteImageBubbleMenuComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "tiptap-image-bubble-menu",
+                    selector: "ate-image-bubble-menu",
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [TiptapButtonComponent, TiptapSeparatorComponent],
+                    imports: [AteButtonComponent, AteSeparatorComponent],
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       @if (imageBubbleMenuConfig().changeImage) {
-        <tiptap-button
+        <ate-button
           icon="drive_file_rename_outline"
           [title]="t().changeImage"
-          (buttonClick)="onCommand('changeImage', $event)"></tiptap-button>
+          (buttonClick)="onCommand('changeImage', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().separator && hasResizeButtons()) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (imageBubbleMenuConfig().resizeSmall) {
-        <tiptap-button
+        <ate-button
           icon="crop_square"
           iconSize="small"
           [title]="t().resizeSmall"
-          (buttonClick)="onCommand('resizeSmall', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeSmall', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().resizeMedium) {
-        <tiptap-button
+        <ate-button
           icon="crop_square"
           iconSize="medium"
           [title]="t().resizeMedium"
-          (buttonClick)="onCommand('resizeMedium', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeMedium', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().resizeLarge) {
-        <tiptap-button
+        <ate-button
           icon="crop_square"
           iconSize="large"
           [title]="t().resizeLarge"
-          (buttonClick)="onCommand('resizeLarge', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeLarge', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().resizeOriginal) {
-        <tiptap-button
+        <ate-button
           icon="photo_size_select_actual"
           [title]="t().resizeOriginal"
-          (buttonClick)="onCommand('resizeOriginal', $event)"></tiptap-button>
+          (buttonClick)="onCommand('resizeOriginal', $event)"></ate-button>
       }
       @if (imageBubbleMenuConfig().separator && imageBubbleMenuConfig().deleteImage) {
-        <tiptap-separator />
+        <ate-separator />
       }
       @if (imageBubbleMenuConfig().deleteImage) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().deleteImage"
           variant="danger"
-          (buttonClick)="onCommand('deleteImage', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteImage', $event)"></ate-button>
       }
     </div>
   `,
                 }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], imageUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUpload", required: false }] }] } });
 
-class TiptapTableBubbleMenuComponent extends TiptapBaseBubbleMenu {
+class AteTableBubbleMenuComponent extends AteBaseBubbleMenu {
     constructor() {
         super(...arguments);
         // Alias for template
@@ -3683,195 +3687,195 @@ class TiptapTableBubbleMenuComponent extends TiptapBaseBubbleMenu {
     executeCommand(editor, command, ...args) {
         this.editorCommands.execute(editor, command, ...args);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapTableBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapTableBubbleMenuComponent, isStandalone: true, selector: "tiptap-table-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteTableBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    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) {
-        <tiptap-button
+        <ate-button
           icon="add_row_above"
           [title]="t().addRowBefore"
           [disabled]="!state().can.addRowBefore"
-          (buttonClick)="onCommand('addRowBefore', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addRowBefore', $event)"></ate-button>
       }
       @if (config().addRowAfter !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_row_below"
           [title]="t().addRowAfter"
           [disabled]="!state().can.addRowAfter"
-          (buttonClick)="onCommand('addRowAfter', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addRowAfter', $event)"></ate-button>
       }
       @if (config().deleteRow !== false) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().deleteRow"
           variant="danger"
           [disabled]="!state().can.deleteRow"
-          (buttonClick)="onCommand('deleteRow', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteRow', $event)"></ate-button>
       }
       @if (config().separator !== false) {
-        <tiptap-separator />
+        <ate-separator />
       }
 
       <!-- Column actions -->
       @if (config().addColumnBefore !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_column_left"
           [title]="t().addColumnBefore"
           [disabled]="!state().can.addColumnBefore"
-          (buttonClick)="onCommand('addColumnBefore', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addColumnBefore', $event)"></ate-button>
       }
       @if (config().addColumnAfter !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_column_right"
           [title]="t().addColumnAfter"
           [disabled]="!state().can.addColumnAfter"
-          (buttonClick)="onCommand('addColumnAfter', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addColumnAfter', $event)"></ate-button>
       }
       @if (config().deleteColumn !== false) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().deleteColumn"
           variant="danger"
           [disabled]="!state().can.deleteColumn"
-          (buttonClick)="onCommand('deleteColumn', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteColumn', $event)"></ate-button>
       }
       @if (config().separator !== false) {
-        <tiptap-separator />
+        <ate-separator />
       }
 
       <!-- Cell actions -->
       @if (config().toggleHeaderRow !== false) {
-        <tiptap-button
+        <ate-button
           icon="toolbar"
           [title]="t().toggleHeaderRow"
           [active]="state().nodes.isTableHeaderRow"
           [disabled]="!state().can.toggleHeaderRow"
-          (buttonClick)="onCommand('toggleHeaderRow', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleHeaderRow', $event)"></ate-button>
       }
       @if (config().toggleHeaderColumn !== false) {
-        <tiptap-button
+        <ate-button
           icon="dock_to_right"
           [title]="t().toggleHeaderColumn"
           [active]="state().nodes.isTableHeaderColumn"
           [disabled]="!state().can.toggleHeaderColumn"
-          (buttonClick)="onCommand('toggleHeaderColumn', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleHeaderColumn', $event)"></ate-button>
       }
       @if (config().separator !== false && config().deleteTable !== false) {
-        <tiptap-separator />
+        <ate-separator />
       }
 
       <!-- Table actions -->
       @if (config().deleteTable !== false) {
-        <tiptap-button
+        <ate-button
           icon="delete_forever"
           [title]="t().deleteTable"
           variant="danger"
           [disabled]="!state().can.deleteTable"
-          (buttonClick)="onCommand('deleteTable', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteTable', $event)"></ate-button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: TiptapSeparatorComponent, selector: "tiptap-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", inputs: ["orientation", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapTableBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteTableBubbleMenuComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "tiptap-table-bubble-menu",
+                    selector: "ate-table-bubble-menu",
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, TiptapButtonComponent, TiptapSeparatorComponent],
+                    imports: [CommonModule, AteButtonComponent, AteSeparatorComponent],
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       <!-- Row actions -->
       @if (config().addRowBefore !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_row_above"
           [title]="t().addRowBefore"
           [disabled]="!state().can.addRowBefore"
-          (buttonClick)="onCommand('addRowBefore', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addRowBefore', $event)"></ate-button>
       }
       @if (config().addRowAfter !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_row_below"
           [title]="t().addRowAfter"
           [disabled]="!state().can.addRowAfter"
-          (buttonClick)="onCommand('addRowAfter', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addRowAfter', $event)"></ate-button>
       }
       @if (config().deleteRow !== false) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().deleteRow"
           variant="danger"
           [disabled]="!state().can.deleteRow"
-          (buttonClick)="onCommand('deleteRow', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteRow', $event)"></ate-button>
       }
       @if (config().separator !== false) {
-        <tiptap-separator />
+        <ate-separator />
       }
 
       <!-- Column actions -->
       @if (config().addColumnBefore !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_column_left"
           [title]="t().addColumnBefore"
           [disabled]="!state().can.addColumnBefore"
-          (buttonClick)="onCommand('addColumnBefore', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addColumnBefore', $event)"></ate-button>
       }
       @if (config().addColumnAfter !== false) {
-        <tiptap-button
+        <ate-button
           icon="add_column_right"
           [title]="t().addColumnAfter"
           [disabled]="!state().can.addColumnAfter"
-          (buttonClick)="onCommand('addColumnAfter', $event)"></tiptap-button>
+          (buttonClick)="onCommand('addColumnAfter', $event)"></ate-button>
       }
       @if (config().deleteColumn !== false) {
-        <tiptap-button
+        <ate-button
           icon="delete"
           [title]="t().deleteColumn"
           variant="danger"
           [disabled]="!state().can.deleteColumn"
-          (buttonClick)="onCommand('deleteColumn', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteColumn', $event)"></ate-button>
       }
       @if (config().separator !== false) {
-        <tiptap-separator />
+        <ate-separator />
       }
 
       <!-- Cell actions -->
       @if (config().toggleHeaderRow !== false) {
-        <tiptap-button
+        <ate-button
           icon="toolbar"
           [title]="t().toggleHeaderRow"
           [active]="state().nodes.isTableHeaderRow"
           [disabled]="!state().can.toggleHeaderRow"
-          (buttonClick)="onCommand('toggleHeaderRow', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleHeaderRow', $event)"></ate-button>
       }
       @if (config().toggleHeaderColumn !== false) {
-        <tiptap-button
+        <ate-button
           icon="dock_to_right"
           [title]="t().toggleHeaderColumn"
           [active]="state().nodes.isTableHeaderColumn"
           [disabled]="!state().can.toggleHeaderColumn"
-          (buttonClick)="onCommand('toggleHeaderColumn', $event)"></tiptap-button>
+          (buttonClick)="onCommand('toggleHeaderColumn', $event)"></ate-button>
       }
       @if (config().separator !== false && config().deleteTable !== false) {
-        <tiptap-separator />
+        <ate-separator />
       }
 
       <!-- Table actions -->
       @if (config().deleteTable !== false) {
-        <tiptap-button
+        <ate-button
           icon="delete_forever"
           [title]="t().deleteTable"
           variant="danger"
           [disabled]="!state().can.deleteTable"
-          (buttonClick)="onCommand('deleteTable', $event)"></tiptap-button>
+          (buttonClick)="onCommand('deleteTable', $event)"></ate-button>
       }
     </div>
   `,
                 }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
-class TiptapCellBubbleMenuComponent extends TiptapBaseBubbleMenu {
+class AteCellBubbleMenuComponent extends AteBaseBubbleMenu {
     constructor() {
         super(...arguments);
         // Inputs
@@ -3935,61 +3939,61 @@ class TiptapCellBubbleMenuComponent extends TiptapBaseBubbleMenu {
     executeCommand(editor, command, ...args) {
         this.editorCommands.execute(editor, command, ...args);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapCellBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapCellBubbleMenuComponent, isStandalone: true, selector: "tiptap-cell-bubble-menu", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteCellBubbleMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    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) {
-        <tiptap-button
+        <ate-button
           icon="cell_merge"
           [title]="i18n().table().mergeCells"
           [disabled]="!state().can.mergeCells"
-          (buttonClick)="onCommand('mergeCells', $event)"></tiptap-button>
+          (buttonClick)="onCommand('mergeCells', $event)"></ate-button>
       }
       @if (config().splitCell !== false && state().selection.isSingleCell) {
-        <tiptap-button
+        <ate-button
           icon="split_scene"
           [title]="i18n().table().splitCell"
           [disabled]="!state().can.splitCell"
-          (buttonClick)="onCommand('splitCell', $event)"></tiptap-button>
+          (buttonClick)="onCommand('splitCell', $event)"></ate-button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapCellBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteCellBubbleMenuComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "tiptap-cell-bubble-menu",
+                    selector: "ate-cell-bubble-menu",
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, TiptapButtonComponent],
+                    imports: [CommonModule, AteButtonComponent],
                     template: `
     <div #menuRef class="bubble-menu" (mousedown)="$event.preventDefault()">
       <!-- Cell specific actions -->
       @if (config().mergeCells !== false && !state().selection.isSingleCell) {
-        <tiptap-button
+        <ate-button
           icon="cell_merge"
           [title]="i18n().table().mergeCells"
           [disabled]="!state().can.mergeCells"
-          (buttonClick)="onCommand('mergeCells', $event)"></tiptap-button>
+          (buttonClick)="onCommand('mergeCells', $event)"></ate-button>
       }
       @if (config().splitCell !== false && state().selection.isSingleCell) {
-        <tiptap-button
+        <ate-button
           icon="split_scene"
           [title]="i18n().table().splitCell"
           [disabled]="!state().can.splitCell"
-          (buttonClick)="onCommand('splitCell', $event)"></tiptap-button>
+          (buttonClick)="onCommand('splitCell', $event)"></ate-button>
       }
     </div>
   `,
                 }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
-class TiptapLinkBubbleMenuComponent {
+class AteLinkBubbleMenuComponent {
     constructor() {
-        this.i18nService = inject(TiptapI18nService);
-        this.editorCommands = inject(EditorCommandsService);
-        this.linkSvc = inject(LinkService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommands = inject(AteEditorCommandsService);
+        this.linkSvc = inject(AteLinkService);
         this.t = this.i18nService.bubbleMenu;
         this.common = this.i18nService.common;
         this.state = this.editorCommands.editorState;
@@ -4197,8 +4201,8 @@ class TiptapLinkBubbleMenuComponent {
         this.linkSvc.close();
         this.hideTippy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapLinkBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TiptapLinkBubbleMenuComponent, isStandalone: true, selector: "tiptap-link-bubble-menu", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "linkInput", first: true, predicate: ["linkInput"], descendants: true }, { propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteLinkBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AteLinkBubbleMenuComponent, isStandalone: true, selector: "ate-link-bubble-menu", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "linkInput", first: true, predicate: ["linkInput"], descendants: true }, { propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
     <div
       #menuRef
       class="bubble-menu"
@@ -4225,32 +4229,32 @@ class TiptapLinkBubbleMenuComponent {
         </div>
 
         <div class="action-buttons">
-          <tiptap-button
+          <ate-button
             icon="check"
             [title]="common().apply"
             color="var(--ate-primary)"
             [disabled]="!editUrl().trim()"
-            (buttonClick)="onApply($event)"></tiptap-button>
-          <tiptap-button
+            (buttonClick)="onApply($event)"></ate-button>
+          <ate-button
             icon="open_in_new"
             [title]="t().openLink"
             [disabled]="!currentUrl()"
-            (buttonClick)="onOpenLink($event)"></tiptap-button>
-          <tiptap-separator />
-          <tiptap-button
+            (buttonClick)="onOpenLink($event)"></ate-button>
+          <ate-separator />
+          <ate-button
             icon="link_off"
             [title]="t().removeLink"
             variant="danger"
             [disabled]="!currentUrl()"
-            (buttonClick)="onRemove($event)"></tiptap-button>
+            (buttonClick)="onRemove($event)"></ate-button>
         </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: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: TiptapSeparatorComponent, selector: "tiptap-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", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapLinkBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteLinkBubbleMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-link-bubble-menu", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TiptapButtonComponent, TiptapSeparatorComponent, FormsModule], template: `
+            args: [{ selector: "ate-link-bubble-menu", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AteButtonComponent, AteSeparatorComponent, FormsModule], template: `
     <div
       #menuRef
       class="bubble-menu"
@@ -4277,24 +4281,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </div>
 
         <div class="action-buttons">
-          <tiptap-button
+          <ate-button
             icon="check"
             [title]="common().apply"
             color="var(--ate-primary)"
             [disabled]="!editUrl().trim()"
-            (buttonClick)="onApply($event)"></tiptap-button>
-          <tiptap-button
+            (buttonClick)="onApply($event)"></ate-button>
+          <ate-button
             icon="open_in_new"
             [title]="t().openLink"
             [disabled]="!currentUrl()"
-            (buttonClick)="onOpenLink($event)"></tiptap-button>
-          <tiptap-separator />
-          <tiptap-button
+            (buttonClick)="onOpenLink($event)"></ate-button>
+          <ate-separator />
+          <ate-button
             icon="link_off"
             [title]="t().removeLink"
             variant="danger"
             [disabled]="!currentUrl()"
-            (buttonClick)="onRemove($event)"></tiptap-button>
+            (buttonClick)="onRemove($event)"></ate-button>
         </div>
       </div>
     </div>
@@ -4321,11 +4325,11 @@ const PRESET_COLORS = [
     "#9C27B0",
     "#E91E63",
 ];
-class TiptapColorBubbleMenuComponent {
+class AteColorBubbleMenuComponent {
     constructor() {
-        this.i18nService = inject(TiptapI18nService);
-        this.editorCommands = inject(EditorCommandsService);
-        this.colorPickerSvc = inject(ColorPickerService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommands = inject(AteEditorCommandsService);
+        this.colorPickerSvc = inject(AteColorPickerService);
         this.t = this.i18nService.toolbar;
         this.common = this.i18nService.common;
         this.state = this.editorCommands.editorState;
@@ -4566,8 +4570,8 @@ class TiptapColorBubbleMenuComponent {
             this.updateMenu();
         }, 150);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapColorBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapColorBubbleMenuComponent, isStandalone: true, selector: "tiptap-color-bubble-menu", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "colorInputRef", first: true, predicate: ["colorInput"], descendants: true, isSignal: true }, { propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteColorBubbleMenuComponent, isStandalone: true, selector: "ate-color-bubble-menu", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "colorInputRef", first: true, predicate: ["colorInput"], descendants: true, isSignal: true }, { propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
     <div
       #menuRef
       class="bubble-menu color-bubble-menu"
@@ -4581,13 +4585,13 @@ class TiptapColorBubbleMenuComponent {
         <div class="dropdown-row presets">
           <div class="color-grid">
             @for (color of presets; track color) {
-              <tiptap-button
+              <ate-button
                 class="color-swatch-btn"
                 size="small"
                 [title]="color"
                 [active]="isColorActive(color)"
                 [backgroundColor]="color"
-                (buttonClick)="applyColor(color, true, $event)"></tiptap-button>
+                (buttonClick)="applyColor(color, true, $event)"></ate-button>
             }
           </div>
         </div>
@@ -4611,12 +4615,12 @@ class TiptapColorBubbleMenuComponent {
           </div>
 
           <div class="native-trigger-wrapper">
-            <tiptap-button
+            <ate-button
               class="btn-native-picker-trigger"
               icon="colorize"
               [title]="t().customColor"
               [backgroundColor]="currentColor()"
-              (buttonClick)="triggerNativePicker($event)"></tiptap-button>
+              (buttonClick)="triggerNativePicker($event)"></ate-button>
             <input
               #colorInput
               type="color"
@@ -4629,27 +4633,27 @@ class TiptapColorBubbleMenuComponent {
               (blur)="onBlur()" />
           </div>
 
-          <tiptap-button
+          <ate-button
             icon="check"
             [title]="common().apply"
             color="var(--ate-primary)"
-            (buttonClick)="onApply($event)"></tiptap-button>
+            (buttonClick)="onApply($event)"></ate-button>
 
-          <tiptap-separator />
+          <ate-separator />
 
-          <tiptap-button
+          <ate-button
             icon="format_color_reset"
             [title]="t().clear"
             variant="danger"
-            (buttonClick)="onClearColor($event)"></tiptap-button>
+            (buttonClick)="onClearColor($event)"></ate-button>
         </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 .tiptap-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 .tiptap-button.is-active{border-color:var(--ate-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f64d}:host ::ng-deep .btn-native-picker-trigger .tiptap-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: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }, { kind: "component", type: TiptapSeparatorComponent, selector: "tiptap-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", inputs: ["orientation", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapColorBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteColorBubbleMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-color-bubble-menu", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, TiptapButtonComponent, TiptapSeparatorComponent], template: `
+            args: [{ selector: "ate-color-bubble-menu", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, AteButtonComponent, AteSeparatorComponent], template: `
     <div
       #menuRef
       class="bubble-menu color-bubble-menu"
@@ -4663,13 +4667,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <div class="dropdown-row presets">
           <div class="color-grid">
             @for (color of presets; track color) {
-              <tiptap-button
+              <ate-button
                 class="color-swatch-btn"
                 size="small"
                 [title]="color"
                 [active]="isColorActive(color)"
                 [backgroundColor]="color"
-                (buttonClick)="applyColor(color, true, $event)"></tiptap-button>
+                (buttonClick)="applyColor(color, true, $event)"></ate-button>
             }
           </div>
         </div>
@@ -4693,12 +4697,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           </div>
 
           <div class="native-trigger-wrapper">
-            <tiptap-button
+            <ate-button
               class="btn-native-picker-trigger"
               icon="colorize"
               [title]="t().customColor"
               [backgroundColor]="currentColor()"
-              (buttonClick)="triggerNativePicker($event)"></tiptap-button>
+              (buttonClick)="triggerNativePicker($event)"></ate-button>
             <input
               #colorInput
               type="color"
@@ -4711,23 +4715,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               (blur)="onBlur()" />
           </div>
 
-          <tiptap-button
+          <ate-button
             icon="check"
             [title]="common().apply"
             color="var(--ate-primary)"
-            (buttonClick)="onApply($event)"></tiptap-button>
+            (buttonClick)="onApply($event)"></ate-button>
 
-          <tiptap-separator />
+          <ate-separator />
 
-          <tiptap-button
+          <ate-button
             icon="format_color_reset"
             [title]="t().clear"
             variant="danger"
-            (buttonClick)="onClearColor($event)"></tiptap-button>
+            (buttonClick)="onClearColor($event)"></ate-button>
         </div>
       </div>
     </div>
-  `, 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 .tiptap-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 .tiptap-button.is-active{border-color:var(--ate-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f64d}:host ::ng-deep .btn-native-picker-trigger .tiptap-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"] }]
+  `, 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"] }]
         }], ctorParameters: () => [], propDecorators: { editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: true }] }], menuRef: [{
                 type: ViewChild,
                 args: ["menuRef", { static: false }]
@@ -4736,7 +4740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 /**
  * Clés des commandes natives dans l'ordre d'affichage
  */
-const SLASH_COMMAND_KEYS = [
+const ATE_SLASH_COMMAND_KEYS = [
     "heading1",
     "heading2",
     "heading3",
@@ -4751,7 +4755,7 @@ const SLASH_COMMAND_KEYS = [
 /**
  * Configuration par défaut : toutes les commandes natives sont activées
  */
-const DEFAULT_SLASH_COMMANDS_CONFIG = {
+const ATE_DEFAULT_SLASH_COMMANDS_CONFIG = {
     heading1: true,
     heading2: true,
     heading3: true,
@@ -4852,9 +4856,9 @@ function createDefaultSlashCommands(i18n, commands, imageOptions) {
  */
 function filterSlashCommands(config, i18n, commands, imageOptions) {
     const allNatives = createDefaultSlashCommands(i18n, commands, imageOptions);
-    const activeConfig = { ...DEFAULT_SLASH_COMMANDS_CONFIG, ...config };
+    const activeConfig = { ...ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ...config };
     const filtered = allNatives.filter((_, index) => {
-        const key = SLASH_COMMAND_KEYS[index];
+        const key = ATE_SLASH_COMMAND_KEYS[index];
         return key && activeConfig[key] !== false;
     });
     if (config.custom && Array.isArray(config.custom)) {
@@ -4864,13 +4868,13 @@ function filterSlashCommands(config, i18n, commands, imageOptions) {
 }
 
 // Default command definitions are now centralized in src/lib/config/slash-commands.config.ts
-class TiptapSlashCommandsComponent {
+class AteSlashCommandsComponent {
     constructor() {
-        this.i18nService = inject(TiptapI18nService);
+        this.i18nService = inject(AteI18nService);
         this.editor = input.required(...(ngDevMode ? [{ debugName: "editor" }] : []));
         this.config = input(undefined, ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.tippyInstance = null;
-        this.editorCommands = inject(EditorCommandsService);
+        this.editorCommands = inject(AteEditorCommandsService);
         // Local state
         this.isActive = false;
         this.currentQuery = signal("", ...(ngDevMode ? [{ debugName: "currentQuery" }] : []));
@@ -5181,8 +5185,8 @@ class TiptapSlashCommandsComponent {
             plugins: [keyboardPlugin, ...ed.view.state.plugins],
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapSlashCommandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TiptapSlashCommandsComponent, isStandalone: true, selector: "tiptap-slash-commands", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteSlashCommandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AteSlashCommandsComponent, isStandalone: true, selector: "ate-slash-commands", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menuRef"], descendants: true }], ngImport: i0, template: `
     <div #menuRef class="slash-commands-menu">
       @for (command of filteredCommands(); track command.title) {
         <div
@@ -5202,9 +5206,9 @@ class TiptapSlashCommandsComponent {
     </div>
   `, isInline: true, styles: [".slash-commands-menu{background:var(--ate-menu-bg);border:1px solid var(--ate-menu-border);border-radius:var(--ate-menu-border-radius, 12px);box-shadow:var(--ate-menu-shadow);padding:var(--ate-menu-padding);max-height:320px;overflow-y:auto;min-width:280px;outline:none;animation:slashMenuFadeIn .2s cubic-bezier(0,0,.2,1);scrollbar-width:thin;scrollbar-color:var(--ate-scrollbar-thumb) var(--ate-scrollbar-track)}.slash-commands-menu::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.slash-commands-menu::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.slash-commands-menu::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.slash-commands-menu::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}@keyframes slashMenuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slash-command-item{display:flex;align-items:center;gap:12px;padding:var(--ate-menu-padding);border-radius:var(--ate-menu-border-radius, 8px);cursor:pointer;transition:all .15s ease;border:var(--ate-border-width, 1px) solid transparent;outline:none;margin-bottom:2px}.slash-command-item:last-child{margin-bottom:0}.slash-command-item:hover{background:var(--ate-surface-secondary)}.slash-command-item.selected{background:var(--ate-primary-light);border-color:var(--ate-primary-light-alpha)}.slash-command-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ate-surface-tertiary);border-radius:var(--ate-sub-border-radius, 8px);color:var(--ate-primary);flex-shrink:0;transition:all .15s ease}.slash-command-item.selected .slash-command-icon{background:var(--ate-primary);color:var(--ate-primary-contrast, #ffffff)}.slash-command-icon .material-symbols-outlined{font-size:18px}.slash-command-content{flex:1;min-width:0}.slash-command-title{font-weight:500;color:var(--ate-text);font-size:14px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-command-description{color:var(--ate-text-secondary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapSlashCommandsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteSlashCommandsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-slash-commands", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: "ate-slash-commands", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div #menuRef class="slash-commands-menu">
       @for (command of filteredCommands(); track command.title) {
         <div
@@ -5232,16 +5236,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Edit Toggle Component
  * Allows switching between editable and readonly modes
  */
-class TiptapEditToggleComponent {
+class AteEditToggleComponent {
     constructor() {
         this.editable = input.required(...(ngDevMode ? [{ debugName: "editable" }] : []));
         this.translations = input.required(...(ngDevMode ? [{ debugName: "translations" }] : []));
         this.editToggle = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapEditToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: TiptapEditToggleComponent, isStandalone: true, selector: "tiptap-edit-toggle", inputs: { editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: true, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { editToggle: "editToggle" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteEditToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AteEditToggleComponent, isStandalone: true, selector: "ate-edit-toggle", inputs: { editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: true, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { editToggle: "editToggle" }, ngImport: i0, template: `
     <div class="ate-edit-toggle-container" [class.is-editable]="editable()">
-      <tiptap-button
+      <ate-button
         [icon]="editable() ? 'visibility' : 'edit'"
         [title]="editable() ? translations().editor.viewMode : translations().editor.toggleEdit"
         (buttonClick)="editToggle.emit($event)"
@@ -5249,13 +5253,13 @@ class TiptapEditToggleComponent {
         iconSize="small"
         backgroundColor="var(--ate-primary-lighter)" />
     </div>
-  `, isInline: true, styles: [".ate-edit-toggle-container{position:absolute;margin-top:16px;right:16px;z-index:50}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TiptapButtonComponent, selector: "tiptap-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".ate-edit-toggle-container{position:absolute;margin-top:16px;right:16px;z-index:50}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AteButtonComponent, selector: "ate-button", inputs: ["icon", "title", "active", "disabled", "color", "backgroundColor", "variant", "size", "iconSize"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TiptapEditToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteEditToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: "tiptap-edit-toggle", standalone: true, imports: [CommonModule, TiptapButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: "ate-edit-toggle", standalone: true, imports: [CommonModule, AteButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="ate-edit-toggle-container" [class.is-editable]="editable()">
-      <tiptap-button
+      <ate-button
         [icon]="editable() ? 'visibility' : 'edit'"
         [title]="editable() ? translations().editor.viewMode : translations().editor.toggleEdit"
         (buttonClick)="editToggle.emit($event)"
@@ -5266,7 +5270,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
   `, styles: [".ate-edit-toggle-container{position:absolute;margin-top:16px;right:16px;z-index:50}\n"] }]
         }], propDecorators: { editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: true }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: true }] }], editToggle: [{ type: i0.Output, args: ["editToggle"] }] } });
 
-class NoopValueAccessorDirective {
+/**
+ * Noop Value Accessor Directive
+ * @link https://medium.com/netanelbasal/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55
+ */
+class AteNoopValueAccessorDirective {
     writeValue(_obj) {
         /* empty */
     }
@@ -5276,16 +5284,16 @@ class NoopValueAccessorDirective {
     registerOnTouched(_fn) {
         /* empty */
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NoopValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: NoopValueAccessorDirective, isStandalone: true, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteNoopValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AteNoopValueAccessorDirective, isStandalone: true, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
-                useExisting: NoopValueAccessorDirective,
+                useExisting: AteNoopValueAccessorDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NoopValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AteNoopValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -5293,13 +5301,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
-                            useExisting: NoopValueAccessorDirective,
+                            useExisting: AteNoopValueAccessorDirective,
                         },
                     ],
                 }]
         }] });
 
-const SelectionCalculator = editor => {
+const AteSelectionCalculator = editor => {
     const { selection } = editor.state;
     const { from, to } = selection;
     let selectionType = "none";
@@ -5329,7 +5337,7 @@ const SelectionCalculator = editor => {
     };
 };
 
-const MarksCalculator = editor => {
+const AteMarksCalculator = editor => {
     const isCodeBlock = editor.isActive("codeBlock");
     const isCode = editor.isActive("code"); // Inline code mark
     const isImage = editor.isActive("image") || editor.isActive("resizableImage");
@@ -5398,7 +5406,7 @@ const MarksCalculator = editor => {
     };
 };
 
-const TableCalculator = editor => {
+const AteTableCalculator = editor => {
     const isTable = editor.isActive("table");
     if (!isTable) {
         return {
@@ -5435,7 +5443,7 @@ const TableCalculator = editor => {
     };
 };
 
-const ImageCalculator = editor => {
+const AteImageCalculator = editor => {
     return {
         nodes: {
             isImage: editor.isActive("image") || editor.isActive("resizableImage"),
@@ -5443,7 +5451,7 @@ const ImageCalculator = editor => {
     };
 };
 
-const StructureCalculator = editor => {
+const AteStructureCalculator = editor => {
     return {
         nodes: {
             isBlockquote: editor.isActive("blockquote"),
@@ -5482,7 +5490,7 @@ const StructureCalculator = editor => {
  * It provides a "fallback" reactive state for any mark or node not explicitly handled
  * by specialized calculators.
  */
-const DiscoveryCalculator = (editor) => {
+const AteDiscoveryCalculator = (editor) => {
     const state = {
         marks: {},
         nodes: {},
@@ -5530,7 +5538,7 @@ const DiscoveryCalculator = (editor) => {
     return state;
 };
 
-const LinkClickBehavior = Extension.create({
+const AteLinkClickBehavior = Extension.create({
     name: "linkClickBehavior",
     addProseMirrorPlugins() {
         return [
@@ -5558,7 +5566,7 @@ const LinkClickBehavior = Extension.create({
 });
 
 // Default toolbar configuration
-const DEFAULT_TOOLBAR_CONFIG = {
+const ATE_DEFAULT_TOOLBAR_CONFIG = {
     bold: true,
     italic: true,
     underline: true,
@@ -5590,7 +5598,7 @@ const DEFAULT_TOOLBAR_CONFIG = {
     separator: true,
 };
 // Default bubble menu configuration
-const DEFAULT_BUBBLE_MENU_CONFIG = {
+const ATE_DEFAULT_BUBBLE_MENU_CONFIG = {
     bold: true,
     italic: true,
     underline: true,
@@ -5605,7 +5613,7 @@ const DEFAULT_BUBBLE_MENU_CONFIG = {
     separator: true,
 };
 // Default image bubble menu configuration
-const DEFAULT_IMAGE_BUBBLE_MENU_CONFIG = {
+const ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG = {
     changeImage: true,
     resizeSmall: true,
     resizeMedium: true,
@@ -5615,7 +5623,7 @@ const DEFAULT_IMAGE_BUBBLE_MENU_CONFIG = {
     separator: true,
 };
 // Default table bubble menu configuration
-const DEFAULT_TABLE_MENU_CONFIG = {
+const ATE_DEFAULT_TABLE_MENU_CONFIG = {
     addRowBefore: true,
     addRowAfter: true,
     deleteRow: true,
@@ -5628,7 +5636,7 @@ const DEFAULT_TABLE_MENU_CONFIG = {
     separator: true,
 };
 // Default cell bubble menu configuration
-const DEFAULT_CELL_MENU_CONFIG = {
+const ATE_DEFAULT_CELL_MENU_CONFIG = {
     mergeCells: true,
     splitCell: true,
 };
@@ -5674,16 +5682,16 @@ class AngularTiptapEditorComponent {
         this.tiptapOptions = input({}, ...(ngDevMode ? [{ debugName: "tiptapOptions" }] : []));
         // Nouveaux inputs pour les bubble menus
         this.showBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showBubbleMenu" }] : []));
-        this.bubbleMenu = input(DEFAULT_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "bubbleMenu" }] : []));
+        this.bubbleMenu = input(ATE_DEFAULT_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "bubbleMenu" }] : []));
         this.showImageBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showImageBubbleMenu" }] : []));
-        this.imageBubbleMenu = input(DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "imageBubbleMenu" }] : []));
+        this.imageBubbleMenu = input(ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "imageBubbleMenu" }] : []));
         // Configuration de la toolbar
         this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
         // Configuration des menus de table
         this.showTableBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showTableBubbleMenu" }] : []));
-        this.tableBubbleMenu = input(DEFAULT_TABLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "tableBubbleMenu" }] : []));
+        this.tableBubbleMenu = input(ATE_DEFAULT_TABLE_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "tableBubbleMenu" }] : []));
         this.showCellBubbleMenu = input(true, ...(ngDevMode ? [{ debugName: "showCellBubbleMenu" }] : []));
-        this.cellBubbleMenu = input(DEFAULT_CELL_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "cellBubbleMenu" }] : []));
+        this.cellBubbleMenu = input(ATE_DEFAULT_CELL_MENU_CONFIG, ...(ngDevMode ? [{ debugName: "cellBubbleMenu" }] : []));
         /**
          * Additionnal state calculators to extend the reactive editor state.
          */
@@ -5763,7 +5771,7 @@ class AngularTiptapEditorComponent {
         this.finalShowToolbar = computed(() => this.config().showToolbar ?? this.showToolbar(), ...(ngDevMode ? [{ debugName: "finalShowToolbar" }] : []));
         this.finalToolbarConfig = computed(() => {
             const fromConfig = this.config().toolbar;
-            const base = DEFAULT_TOOLBAR_CONFIG;
+            const base = ATE_DEFAULT_TOOLBAR_CONFIG;
             if (fromConfig)
                 return { ...base, ...fromConfig };
             const fromInput = this.toolbar();
@@ -5773,7 +5781,7 @@ class AngularTiptapEditorComponent {
         this.finalShowBubbleMenu = computed(() => this.config().showBubbleMenu ?? this.showBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowBubbleMenu" }] : []));
         this.finalBubbleMenuConfig = computed(() => {
             const fromConfig = this.config().bubbleMenu;
-            const base = DEFAULT_BUBBLE_MENU_CONFIG;
+            const base = ATE_DEFAULT_BUBBLE_MENU_CONFIG;
             if (fromConfig)
                 return { ...base, ...fromConfig };
             return Object.keys(this.bubbleMenu()).length === 0 ? base : { ...base, ...this.bubbleMenu() };
@@ -5781,7 +5789,7 @@ class AngularTiptapEditorComponent {
         this.finalShowImageBubbleMenu = computed(() => this.config().showImageBubbleMenu ?? this.showImageBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowImageBubbleMenu" }] : []));
         this.finalImageBubbleMenuConfig = computed(() => {
             const fromConfig = this.config().imageBubbleMenu;
-            const base = DEFAULT_IMAGE_BUBBLE_MENU_CONFIG;
+            const base = ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG;
             if (fromConfig)
                 return { ...base, ...fromConfig };
             return Object.keys(this.imageBubbleMenu()).length === 0 ? base : { ...base, ...this.imageBubbleMenu() };
@@ -5789,7 +5797,7 @@ class AngularTiptapEditorComponent {
         this.finalShowTableBubbleMenu = computed(() => this.config().showTableMenu ?? this.showTableBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowTableBubbleMenu" }] : []));
         this.finalTableBubbleMenuConfig = computed(() => {
             const fromConfig = this.config().tableBubbleMenu;
-            const base = DEFAULT_TABLE_MENU_CONFIG;
+            const base = ATE_DEFAULT_TABLE_MENU_CONFIG;
             if (fromConfig)
                 return { ...base, ...fromConfig };
             return Object.keys(this.tableBubbleMenu()).length === 0 ? base : { ...base, ...this.tableBubbleMenu() };
@@ -5797,7 +5805,7 @@ class AngularTiptapEditorComponent {
         this.finalShowCellBubbleMenu = computed(() => this.config().showCellMenu ?? this.showCellBubbleMenu(), ...(ngDevMode ? [{ debugName: "finalShowCellBubbleMenu" }] : []));
         this.finalCellBubbleMenuConfig = computed(() => {
             const fromConfig = this.config().cellBubbleMenu;
-            const base = DEFAULT_CELL_MENU_CONFIG;
+            const base = ATE_DEFAULT_CELL_MENU_CONFIG;
             if (fromConfig)
                 return { ...base, ...fromConfig };
             return Object.keys(this.cellBubbleMenu()).length === 0 ? base : { ...base, ...this.cellBubbleMenu() };
@@ -5857,8 +5865,8 @@ class AngularTiptapEditorComponent {
         this._destroyRef = inject(DestroyRef);
         // NgControl for management of FormControls
         this.ngControl = inject(NgControl, { self: true, optional: true });
-        this.i18nService = inject(TiptapI18nService);
-        this.editorCommandsService = inject(EditorCommandsService);
+        this.i18nService = inject(AteI18nService);
+        this.editorCommandsService = inject(AteEditorCommandsService);
         // Access editor state via service
         this.editorState = this.editorCommandsService.editorState;
         // Effect to update editor content (with anti-echo)
@@ -5957,38 +5965,38 @@ class AngularTiptapEditorComponent {
             Link.configure({
                 openOnClick: false,
                 HTMLAttributes: {
-                    class: "tiptap-link",
+                    class: "ate-link",
                 },
             }),
-            LinkClickBehavior,
+            AteLinkClickBehavior,
             Highlight.configure({
                 multicolor: true,
                 HTMLAttributes: {
-                    class: "tiptap-highlight",
+                    class: "ate-highlight",
                 },
             }),
-            ResizableImage.configure({
+            AteResizableImage.configure({
                 inline: false,
                 allowBase64: true,
                 HTMLAttributes: {
-                    class: "tiptap-image",
+                    class: "ate-image",
                 },
             }),
-            UploadProgress.configure({
+            AteUploadProgress.configure({
                 isUploading: () => this.editorCommandsService.isUploading(),
                 uploadProgress: () => this.editorCommandsService.uploadProgress(),
                 uploadMessage: () => this.editorCommandsService.uploadMessage(),
             }),
-            TableExtension,
-            TiptapStateExtension.configure({
+            AteTableExtension,
+            AteTiptapStateExtension.configure({
                 onUpdate: state => this.editorCommandsService.updateState(state),
                 calculators: [
-                    SelectionCalculator,
-                    MarksCalculator,
-                    TableCalculator,
-                    ImageCalculator,
-                    StructureCalculator,
-                    DiscoveryCalculator,
+                    AteSelectionCalculator,
+                    AteMarksCalculator,
+                    AteTableCalculator,
+                    AteImageCalculator,
+                    AteStructureCalculator,
+                    AteDiscoveryCalculator,
                     ...this.stateCalculators(),
                 ],
             }),
@@ -6180,7 +6188,7 @@ class AngularTiptapEditorComponent {
         // Verify if interaction is on the container element and not on the content
         const target = event.target;
         const editorElement = this.editorElement()?.nativeElement;
-        if (target === editorElement || target.classList.contains("tiptap-content")) {
+        if (target === editorElement || target.classList.contains("ate-content")) {
             // Interaction in the empty space, position the cursor at the end
             setTimeout(() => {
                 const { doc } = editor.state;
@@ -6191,11 +6199,11 @@ class AngularTiptapEditorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AngularTiptapEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AngularTiptapEditorComponent, isStandalone: true, selector: "angular-tiptap-editor", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, fillContainer: { classPropertyName: "fillContainer", publicName: "fillContainer", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, showWordCount: { classPropertyName: "showWordCount", publicName: "showWordCount", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, enableOfficePaste: { classPropertyName: "enableOfficePaste", publicName: "enableOfficePaste", isSignal: true, isRequired: false, transformFunction: null }, enableSlashCommands: { classPropertyName: "enableSlashCommands", publicName: "enableSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, slashCommands: { classPropertyName: "slashCommands", publicName: "slashCommands", isSignal: true, isRequired: false, transformFunction: null }, customSlashCommands: { classPropertyName: "customSlashCommands", publicName: "customSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, seamless: { classPropertyName: "seamless", publicName: "seamless", isSignal: true, isRequired: false, transformFunction: null }, floatingToolbar: { classPropertyName: "floatingToolbar", publicName: "floatingToolbar", isSignal: true, isRequired: false, transformFunction: null }, showEditToggle: { classPropertyName: "showEditToggle", publicName: "showEditToggle", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, tiptapExtensions: { classPropertyName: "tiptapExtensions", publicName: "tiptapExtensions", isSignal: true, isRequired: false, transformFunction: null }, tiptapOptions: { classPropertyName: "tiptapOptions", publicName: "tiptapOptions", isSignal: true, isRequired: false, transformFunction: null }, showBubbleMenu: { classPropertyName: "showBubbleMenu", publicName: "showBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, bubbleMenu: { classPropertyName: "bubbleMenu", publicName: "bubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showImageBubbleMenu: { classPropertyName: "showImageBubbleMenu", publicName: "showImageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, imageBubbleMenu: { classPropertyName: "imageBubbleMenu", publicName: "imageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, showTableBubbleMenu: { classPropertyName: "showTableBubbleMenu", publicName: "showTableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, tableBubbleMenu: { classPropertyName: "tableBubbleMenu", publicName: "tableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showCellBubbleMenu: { classPropertyName: "showCellBubbleMenu", publicName: "showCellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, cellBubbleMenu: { classPropertyName: "cellBubbleMenu", publicName: "cellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, stateCalculators: { classPropertyName: "stateCalculators", publicName: "stateCalculators", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, imageUploadHandler: { classPropertyName: "imageUploadHandler", publicName: "imageUploadHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", editorCreated: "editorCreated", editorUpdate: "editorUpdate", editorFocus: "editorFocus", editorBlur: "editorBlur", editableChange: "editableChange" }, host: { properties: { "class.fill-container": "finalFillContainer()", "class.floating-toolbar": "finalFloatingToolbar()", "class.is-readonly": "!finalEditable() && !mergedDisabled()", "class.is-disabled": "mergedDisabled()", "style.--ate-border-width": "finalSeamless() || mergedDisabled() ? '0' : null", "style.--ate-background": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)", "style.--ate-toolbar-border-color": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-background": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-border-color": "finalSeamless() ? 'transparent' : null", "class.dark": "config().theme === 'dark'", "attr.data-theme": "config().theme" } }, providers: [EditorCommandsService, ImageService, ColorPickerService, LinkService], viewQueries: [{ propertyName: "editorElement", first: true, predicate: ["editorElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: `
-    <div class="tiptap-editor">
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AngularTiptapEditorComponent, isStandalone: true, selector: "angular-tiptap-editor", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, fillContainer: { classPropertyName: "fillContainer", publicName: "fillContainer", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, showWordCount: { classPropertyName: "showWordCount", publicName: "showWordCount", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, enableOfficePaste: { classPropertyName: "enableOfficePaste", publicName: "enableOfficePaste", isSignal: true, isRequired: false, transformFunction: null }, enableSlashCommands: { classPropertyName: "enableSlashCommands", publicName: "enableSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, slashCommands: { classPropertyName: "slashCommands", publicName: "slashCommands", isSignal: true, isRequired: false, transformFunction: null }, customSlashCommands: { classPropertyName: "customSlashCommands", publicName: "customSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, seamless: { classPropertyName: "seamless", publicName: "seamless", isSignal: true, isRequired: false, transformFunction: null }, floatingToolbar: { classPropertyName: "floatingToolbar", publicName: "floatingToolbar", isSignal: true, isRequired: false, transformFunction: null }, showEditToggle: { classPropertyName: "showEditToggle", publicName: "showEditToggle", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, tiptapExtensions: { classPropertyName: "tiptapExtensions", publicName: "tiptapExtensions", isSignal: true, isRequired: false, transformFunction: null }, tiptapOptions: { classPropertyName: "tiptapOptions", publicName: "tiptapOptions", isSignal: true, isRequired: false, transformFunction: null }, showBubbleMenu: { classPropertyName: "showBubbleMenu", publicName: "showBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, bubbleMenu: { classPropertyName: "bubbleMenu", publicName: "bubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showImageBubbleMenu: { classPropertyName: "showImageBubbleMenu", publicName: "showImageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, imageBubbleMenu: { classPropertyName: "imageBubbleMenu", publicName: "imageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, showTableBubbleMenu: { classPropertyName: "showTableBubbleMenu", publicName: "showTableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, tableBubbleMenu: { classPropertyName: "tableBubbleMenu", publicName: "tableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showCellBubbleMenu: { classPropertyName: "showCellBubbleMenu", publicName: "showCellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, cellBubbleMenu: { classPropertyName: "cellBubbleMenu", publicName: "cellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, stateCalculators: { classPropertyName: "stateCalculators", publicName: "stateCalculators", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, imageUploadHandler: { classPropertyName: "imageUploadHandler", publicName: "imageUploadHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", editorCreated: "editorCreated", editorUpdate: "editorUpdate", editorFocus: "editorFocus", editorBlur: "editorBlur", editableChange: "editableChange" }, host: { properties: { "class.fill-container": "finalFillContainer()", "class.floating-toolbar": "finalFloatingToolbar()", "class.is-readonly": "!finalEditable() && !mergedDisabled()", "class.is-disabled": "mergedDisabled()", "style.--ate-border-width": "finalSeamless() || mergedDisabled() ? '0' : null", "style.--ate-background": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)", "style.--ate-toolbar-border-color": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-background": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-border-color": "finalSeamless() ? 'transparent' : null", "class.dark": "config().theme === 'dark'", "attr.data-theme": "config().theme" } }, providers: [AteEditorCommandsService, AteImageService, AteColorPickerService, AteLinkService], viewQueries: [{ propertyName: "editorElement", first: true, predicate: ["editorElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: AteNoopValueAccessorDirective }], ngImport: i0, template: `
+    <div class="ate-editor">
       <!-- Toolbar -->
       @if (finalEditable() && !mergedDisabled() && finalShowToolbar() && editor()) {
-        <tiptap-toolbar
+        <ate-toolbar
           [editor]="editor()!"
           [config]="finalToolbarConfig()"
           [imageUpload]="finalImageUploadConfig()"
@@ -6205,7 +6213,7 @@ class AngularTiptapEditorComponent {
       }
 
       @if (finalShowEditToggle() && !mergedDisabled()) {
-        <tiptap-edit-toggle
+        <ate-edit-toggle
           [editable]="finalEditable()"
           [translations]="currentTranslations()"
           (editToggle)="toggleEditMode($event)" />
@@ -6214,7 +6222,7 @@ class AngularTiptapEditorComponent {
       <!-- Editor Content -->
       <div
         #editorElement
-        class="tiptap-content"
+        class="ate-content"
         [class.drag-over]="isDragOver()"
         (dragover)="onDragOver($event)"
         (drop)="onDrop($event)"
@@ -6227,57 +6235,57 @@ class AngularTiptapEditorComponent {
 
       <!-- Text Bubble Menu -->
       @if (finalEditable() && finalShowBubbleMenu() && editor()) {
-        <tiptap-bubble-menu
+        <ate-bubble-menu
           [editor]="editor()!"
           [config]="finalBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-bubble-menu>
       }
 
       <!-- Image Bubble Menu -->
       @if (finalEditable() && finalShowImageBubbleMenu() && editor()) {
-        <tiptap-image-bubble-menu
+        <ate-image-bubble-menu
           [editor]="editor()!"
           [config]="finalImageBubbleMenuConfig()"
           [imageUpload]="finalImageUploadConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-image-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-image-bubble-menu>
       }
 
       <!-- Link Bubble Menu -->
       @if (finalEditable() && editor()) {
-        <tiptap-link-bubble-menu
+        <ate-link-bubble-menu
           [editor]="editor()!"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-link-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-link-bubble-menu>
       }
 
       <!-- Color Bubble Menu -->
       @if (finalEditable() && editor()) {
-        <tiptap-color-bubble-menu
+        <ate-color-bubble-menu
           [editor]="editor()!"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-color-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-color-bubble-menu>
       }
 
       <!-- Slash Commands -->
       @if (finalEditable() && finalEnableSlashCommands() && editor()) {
-        <tiptap-slash-commands
+        <ate-slash-commands
           [editor]="editor()!"
           [config]="finalSlashCommandsConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-slash-commands>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-slash-commands>
       }
 
       <!-- Table Menu -->
       @if (finalEditable() && finalShowTableBubbleMenu() && editor()) {
-        <tiptap-table-bubble-menu
+        <ate-table-bubble-menu
           [editor]="editor()!"
           [config]="finalTableBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-table-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-table-bubble-menu>
       }
 
       <!-- Cell Menu -->
       @if (finalEditable() && finalShowCellBubbleMenu() && editor()) {
-        <tiptap-cell-bubble-menu
+        <ate-cell-bubble-menu
           [editor]="editor()!"
           [config]="finalCellBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-cell-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-cell-bubble-menu>
       }
 
       <!-- Counters -->
@@ -6306,11 +6314,11 @@ 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%}.tiptap-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) .tiptap-editor{overflow:visible}:host(.fill-container) .tiptap-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .tiptap-content-wrapper{flex:1;min-height:0}:host(.fill-container) .tiptap-content{flex:1;min-height:0;overflow-y:auto}.tiptap-editor:focus-within{border-color:var(--ate-focus-color)}.tiptap-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) .tiptap-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) .tiptap-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .tiptap-content ::ng-deep .tiptap-link{cursor:pointer;pointer-events:auto}.tiptap-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.tiptap-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.tiptap-content-wrapper .tiptap-content{flex:1}.tiptap-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.tiptap-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.tiptap-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.tiptap-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: TiptapToolbarComponent, selector: "tiptap-toolbar", inputs: ["editor", "config", "imageUpload", "floating"] }, { kind: "component", type: TiptapBubbleMenuComponent, selector: "tiptap-bubble-menu", inputs: ["config"] }, { kind: "component", type: TiptapImageBubbleMenuComponent, selector: "tiptap-image-bubble-menu", inputs: ["config", "imageUpload"] }, { kind: "component", type: TiptapTableBubbleMenuComponent, selector: "tiptap-table-bubble-menu", inputs: ["config"] }, { kind: "component", type: TiptapCellBubbleMenuComponent, selector: "tiptap-cell-bubble-menu", inputs: ["config"] }, { kind: "component", type: TiptapSlashCommandsComponent, selector: "tiptap-slash-commands", inputs: ["editor", "config"] }, { kind: "component", type: TiptapLinkBubbleMenuComponent, selector: "tiptap-link-bubble-menu", inputs: ["editor"] }, { kind: "component", type: TiptapColorBubbleMenuComponent, selector: "tiptap-color-bubble-menu", inputs: ["editor"] }, { kind: "component", type: TiptapEditToggleComponent, selector: "tiptap-edit-toggle", inputs: ["editable", "translations"], outputs: ["editToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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", inputs: ["editor"] }, { kind: "component", type: AteColorBubbleMenuComponent, selector: "ate-color-bubble-menu", inputs: ["editor"] }, { kind: "component", type: AteEditToggleComponent, selector: "ate-edit-toggle", inputs: ["editable", "translations"], outputs: ["editToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AngularTiptapEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "angular-tiptap-editor", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [NoopValueAccessorDirective], host: {
+            args: [{ selector: "angular-tiptap-editor", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [AteNoopValueAccessorDirective], host: {
                         "[class.fill-container]": "finalFillContainer()",
                         "[class.floating-toolbar]": "finalFloatingToolbar()",
                         "[class.is-readonly]": "!finalEditable() && !mergedDisabled()",
@@ -6323,20 +6331,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         "[class.dark]": "config().theme === 'dark'",
                         "[attr.data-theme]": "config().theme",
                     }, imports: [
-                        TiptapToolbarComponent,
-                        TiptapBubbleMenuComponent,
-                        TiptapImageBubbleMenuComponent,
-                        TiptapTableBubbleMenuComponent,
-                        TiptapCellBubbleMenuComponent,
-                        TiptapSlashCommandsComponent,
-                        TiptapLinkBubbleMenuComponent,
-                        TiptapColorBubbleMenuComponent,
-                        TiptapEditToggleComponent,
-                    ], providers: [EditorCommandsService, ImageService, ColorPickerService, LinkService], template: `
-    <div class="tiptap-editor">
+                        AteToolbarComponent,
+                        AteBubbleMenuComponent,
+                        AteImageBubbleMenuComponent,
+                        AteTableBubbleMenuComponent,
+                        AteCellBubbleMenuComponent,
+                        AteSlashCommandsComponent,
+                        AteLinkBubbleMenuComponent,
+                        AteColorBubbleMenuComponent,
+                        AteEditToggleComponent,
+                    ], providers: [AteEditorCommandsService, AteImageService, AteColorPickerService, AteLinkService], template: `
+    <div class="ate-editor">
       <!-- Toolbar -->
       @if (finalEditable() && !mergedDisabled() && finalShowToolbar() && editor()) {
-        <tiptap-toolbar
+        <ate-toolbar
           [editor]="editor()!"
           [config]="finalToolbarConfig()"
           [imageUpload]="finalImageUploadConfig()"
@@ -6346,7 +6354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       }
 
       @if (finalShowEditToggle() && !mergedDisabled()) {
-        <tiptap-edit-toggle
+        <ate-edit-toggle
           [editable]="finalEditable()"
           [translations]="currentTranslations()"
           (editToggle)="toggleEditMode($event)" />
@@ -6355,7 +6363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       <!-- Editor Content -->
       <div
         #editorElement
-        class="tiptap-content"
+        class="ate-content"
         [class.drag-over]="isDragOver()"
         (dragover)="onDragOver($event)"
         (drop)="onDrop($event)"
@@ -6368,57 +6376,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
       <!-- Text Bubble Menu -->
       @if (finalEditable() && finalShowBubbleMenu() && editor()) {
-        <tiptap-bubble-menu
+        <ate-bubble-menu
           [editor]="editor()!"
           [config]="finalBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-bubble-menu>
       }
 
       <!-- Image Bubble Menu -->
       @if (finalEditable() && finalShowImageBubbleMenu() && editor()) {
-        <tiptap-image-bubble-menu
+        <ate-image-bubble-menu
           [editor]="editor()!"
           [config]="finalImageBubbleMenuConfig()"
           [imageUpload]="finalImageUploadConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-image-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-image-bubble-menu>
       }
 
       <!-- Link Bubble Menu -->
       @if (finalEditable() && editor()) {
-        <tiptap-link-bubble-menu
+        <ate-link-bubble-menu
           [editor]="editor()!"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-link-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-link-bubble-menu>
       }
 
       <!-- Color Bubble Menu -->
       @if (finalEditable() && editor()) {
-        <tiptap-color-bubble-menu
+        <ate-color-bubble-menu
           [editor]="editor()!"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-color-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-color-bubble-menu>
       }
 
       <!-- Slash Commands -->
       @if (finalEditable() && finalEnableSlashCommands() && editor()) {
-        <tiptap-slash-commands
+        <ate-slash-commands
           [editor]="editor()!"
           [config]="finalSlashCommandsConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-slash-commands>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-slash-commands>
       }
 
       <!-- Table Menu -->
       @if (finalEditable() && finalShowTableBubbleMenu() && editor()) {
-        <tiptap-table-bubble-menu
+        <ate-table-bubble-menu
           [editor]="editor()!"
           [config]="finalTableBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-table-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-table-bubble-menu>
       }
 
       <!-- Cell Menu -->
       @if (finalEditable() && finalShowCellBubbleMenu() && editor()) {
-        <tiptap-cell-bubble-menu
+        <ate-cell-bubble-menu
           [editor]="editor()!"
           [config]="finalCellBubbleMenuConfig()"
-          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></tiptap-cell-bubble-menu>
+          [style.display]="editorFullyInitialized() ? 'block' : 'none'"></ate-cell-bubble-menu>
       }
 
       <!-- Counters -->
@@ -6447,17 +6455,129 @@ 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%}.tiptap-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) .tiptap-editor{overflow:visible}:host(.fill-container) .tiptap-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .tiptap-content-wrapper{flex:1;min-height:0}:host(.fill-container) .tiptap-content{flex:1;min-height:0;overflow-y:auto}.tiptap-editor:focus-within{border-color:var(--ate-focus-color)}.tiptap-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) .tiptap-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) .tiptap-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .tiptap-content ::ng-deep .tiptap-link{cursor:pointer;pointer-events:auto}.tiptap-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.tiptap-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.tiptap-content-wrapper .tiptap-content{flex:1}.tiptap-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.tiptap-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.tiptap-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.tiptap-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-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 90%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 95%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-surface: #ffffff;--ate-surface-secondary: #f8f9fa;--ate-surface-tertiary: #f1f5f9;--ate-text: #2d3748;--ate-text-secondary: #64748b;--ate-text-muted: #a0aec0;--ate-border: #e2e8f0;--ate-highlight-bg: #fef08a;--ate-highlight-color: #854d0e;--ate-button-hover: #f1f5f9;--ate-button-active: #e2e8f0;--ate-error-color: #c53030;--ate-error-bg: #fed7d7;--ate-error-border: #feb2b2;--ate-border-color: var(--ate-border);--ate-border-width: 2px;--ate-border-radius: 12px;--ate-focus-color: var(--ate-primary);--ate-background: var(--ate-surface);--ate-sub-border-radius: 8px;--ate-text-color: var(--ate-text);--ate-placeholder-color: var(--ate-text-muted);--ate-line-height: 1.6;--ate-content-padding: 16px;--ate-menu-bg: var(--ate-surface);--ate-menu-border-radius: var(--ate-border-radius);--ate-menu-border: var(--ate-border);--ate-menu-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ate-menu-padding: 6px;--ate-toolbar-padding: var(--ate-menu-padding);--ate-toolbar-background: var(--ate-surface-secondary);--ate-toolbar-border-color: var(--ate-border);--ate-toolbar-button-color: var(--ate-text-secondary);--ate-toolbar-button-hover-background: transparent;--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-counter-color: var(--ate-text-secondary);--ate-counter-background: var(--ate-surface-secondary);--ate-counter-border-color: var(--ate-border);--ate-drag-background: #f0f8ff;--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-border);--ate-blockquote-background: var(--ate-surface-secondary);--ate-code-background: var(--ate-surface-secondary);--ate-code-color: var(--ate-code-color);--ate-code-border-color: var(--ate-border);--ate-code-block-background: #0f172a;--ate-code-block-color: #e2e8f0;--ate-code-block-border-color: var(--ate-border);--ate-image-border-radius: 16px;--ate-image-selected-color: var(--ate-primary);--ate-scrollbar-width: 10px;--ate-scrollbar-thumb: var(--ate-border);--ate-scrollbar-thumb-hover: var(--ate-text-muted);--ate-scrollbar-track: transparent;--ate-table-border-color: var(--ate-border);--ate-table-header-background: var(--ate-surface-secondary);--ate-table-header-color: var(--ate-text);--ate-table-cell-background: var(--ate-surface);--ate-table-cell-selected-background: var(--ate-primary-light);--ate-table-resize-handle-color: var(--ate-primary);--ate-table-row-hover-background: var(--ate-primary-lighter)}:host(.dark),:host([data-theme=\"dark\"]){--ate-primary: #3b82f6;--ate-primary-contrast: #ffffff;--ate-primary-light: color-mix(in srgb, var(--ate-primary), transparent 85%);--ate-primary-lighter: color-mix(in srgb, var(--ate-primary), transparent 92%);--ate-primary-light-alpha: color-mix(in srgb, var(--ate-primary), transparent 80%);--ate-surface: #020617;--ate-surface-secondary: #0f172a;--ate-surface-tertiary: #1e293b;--ate-text: #f8fafc;--ate-text-secondary: #94a3b8;--ate-text-muted: #64748b;--ate-border: #1e293b;--ate-highlight-bg: #854d0e;--ate-highlight-color: #fef08a;--ate-button-hover: #1e293b;--ate-button-active: #0f172a;--ate-menu-border: rgba(255, 255, 255, .1);--ate-menu-shadow: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--ate-error-color: #f87171;--ate-error-bg: #450a0a;--ate-error-border: #7f1d1d;--ate-drag-background: var(--ate-surface-tertiary);--ate-drag-border-color: var(--ate-primary);--ate-blockquote-border-color: var(--ate-primary);--ate-toolbar-button-active-background: var(--ate-primary-light);--ate-toolbar-button-active-color: var(--ate-primary);--ate-button-hover: var(--ate-surface-tertiary);--ate-button-active: var(--ate-surface-secondary);--ate-scrollbar-thumb: var(--ate-surface-tertiary);--ate-scrollbar-thumb-hover: var(--ate-text-muted)}:host(.fill-container){display:block;height:100%}.ate-editor{border:var(--ate-border-width) solid var(--ate-border-color);border-radius:var(--ate-border-radius);background:var(--ate-background);overflow:visible;transition:border-color .2s ease;position:relative}:host(.floating-toolbar) .ate-editor{overflow:visible}:host(.fill-container) .ate-editor{display:flex;flex-direction:column;height:100%}:host(.fill-container) .ate-content-wrapper{flex:1;min-height:0}:host(.fill-container) .ate-content{flex:1;min-height:0;overflow-y:auto}.ate-editor:focus-within{border-color:var(--ate-focus-color)}.ate-content{min-height:var(--editor-min-height, 200px);height:var(--editor-height, auto);max-height:var(--editor-max-height, none);overflow-y:var(--editor-overflow, visible);outline:none;position:relative;scrollbar-width:thin;scrollbar-color:var(--ate-scrollbar-thumb) var(--ate-scrollbar-track)}:host(.is-disabled) .ate-content{cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--ate-surface-tertiary)}:host(.is-readonly) .ate-content{cursor:default;-webkit-user-select:text;user-select:text}:host(.is-readonly) .ate-content ::ng-deep .ate-link{cursor:pointer;pointer-events:auto}.ate-content::-webkit-scrollbar{width:var(--ate-scrollbar-width)}.ate-content-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.ate-content-wrapper .ate-content{flex:1}.ate-content::-webkit-scrollbar-track{background:var(--ate-scrollbar-track)}.ate-content::-webkit-scrollbar-thumb{background:var(--ate-scrollbar-thumb);border:3px solid transparent;background-clip:content-box;border-radius:10px}.ate-content::-webkit-scrollbar-thumb:hover{background:var(--ate-scrollbar-thumb-hover);background-clip:content-box}.ate-content.drag-over{background:var(--ate-drag-background);border:2px dashed var(--ate-drag-border-color)}.character-count{padding:6px 8px;font-size:12px;color:var(--ate-counter-color);text-align:right;border-top:1px solid var(--ate-counter-border-color);background:var(--ate-counter-background);transition:color .2s ease;border-bottom-left-radius:calc(var(--ate-border-radius) - var(--ate-border-width));border-bottom-right-radius:calc(var(--ate-border-radius) - var(--ate-border-width))}.character-count.limit-reached{color:var(--ate-error-color, #ef4444);font-weight:600}:host ::ng-deep .ProseMirror{padding:var(--ate-content-padding);outline:none;line-height:var(--ate-line-height);color:var(--ate-text-color);min-height:100%;height:100%;word-wrap:break-word;overflow-wrap:break-word}:host ::ng-deep .ProseMirror h1{font-size:2em;font-weight:700;margin-top:0;margin-bottom:.5em}:host ::ng-deep .ProseMirror h2{font-size:1.5em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror h3{font-size:1.25em;font-weight:700;margin-top:1em;margin-bottom:.5em}:host ::ng-deep .ProseMirror p{margin:.5em 0}:host ::ng-deep .ProseMirror ul,:host ::ng-deep .ProseMirror ol{padding-left:2em;margin:.5em 0}:host ::ng-deep .ProseMirror blockquote{border-left:4px solid var(--ate-blockquote-border-color);margin:1em 0;background:var(--ate-blockquote-background);padding:.5em 1em;border-radius:0 4px 4px 0}:host ::ng-deep .ProseMirror code{background:var(--ate-code-background);color:var(--ate-code-color);border:1px solid var(--ate-code-border-color);padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.85em;font-weight:500}:host ::ng-deep .ProseMirror pre{background:var(--ate-code-block-background);color:var(--ate-code-block-color);border:1px solid var(--ate-code-block-border-color);padding:1em;border-radius:var(--ate-border-radius);overflow-x:auto;margin:1em 0}:host ::ng-deep .ProseMirror pre code{background:none;color:inherit;border:none;padding:0}:host ::ng-deep .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ate-placeholder-color);pointer-events:none;float:left;height:0}:host ::ng-deep .ProseMirror[contenteditable=false]{pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img{cursor:default;pointer-events:none}:host ::ng-deep .ProseMirror[contenteditable=false] img:hover{transform:none;box-shadow:0 2px 8px #0000001a}:host ::ng-deep .ProseMirror[contenteditable=false] img.ProseMirror-selectednode{outline:none}:host ::ng-deep .ProseMirror img{position:relative;display:inline-block;max-width:100%;height:auto;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:var(--ate-image-border-radius)}:host ::ng-deep .ProseMirror img:hover{border-color:var(--ate-border-color);box-shadow:0 2px 4px #0000001a}:host ::ng-deep .ProseMirror img.ProseMirror-selectednode{border-color:var(--ate-image-selected-color);box-shadow:0 0 0 3px var(--ate-primary-light-alpha);transition:all .2s ease}:host ::ng-deep .ProseMirror .tiptap-image{max-width:100%;height:auto;border-radius:var(--ate-image-border-radius);box-shadow:0 4px 20px #00000014;margin:.5em 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;filter:brightness(1) contrast(1)}:host ::ng-deep .ProseMirror .tiptap-image:hover{box-shadow:0 8px 30px #0000001f;filter:brightness(1.02) contrast(1.02)}:host ::ng-deep .ProseMirror .tiptap-image.ProseMirror-selectednode{outline:2px solid var(--ate-primary);outline-offset:2px;border-radius:var(--ate-image-border-radius);box-shadow:0 0 0 4px var(--ate-primary-light-alpha)}:host ::ng-deep .image-container{margin:.5em 0;text-align:center;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}:host ::ng-deep .image-container.image-align-left{text-align:left}:host ::ng-deep .image-container.image-align-center{text-align:center}:host ::ng-deep .image-container.image-align-right{text-align:right}:host ::ng-deep .image-container img{display:inline-block;max-width:100%;height:auto;border-radius:16px}:host ::ng-deep .resizable-image-container{position:relative;display:inline-block;margin:.5em 0}:host ::ng-deep .resize-controls{position:absolute;inset:0;pointer-events:none;z-index:1000}:host ::ng-deep .resize-handle{position:absolute;width:12px;height:12px;background:var(--ate-primary);border:2px solid var(--ate-surface);border-radius:50%;pointer-events:all;cursor:pointer;z-index:1001;transition:all .15s ease;box-shadow:0 2px 6px #0003}:host ::ng-deep .resize-handle:hover{background:var(--ate-primary);box-shadow:0 3px 8px #0000004d}:host ::ng-deep .resize-handle:active{background:var(--ate-primary)}:host ::ng-deep .resize-handle-n:hover,:host ::ng-deep .resize-handle-s:hover{transform:translate(-50%) scale(1.2)}:host ::ng-deep .resize-handle-w:hover,:host ::ng-deep .resize-handle-e:hover{transform:translateY(-50%) scale(1.2)}:host ::ng-deep .resize-handle-n:active,:host ::ng-deep .resize-handle-s:active{transform:translate(-50%) scale(.9)}:host ::ng-deep .resize-handle-w:active,:host ::ng-deep .resize-handle-e:active{transform:translateY(-50%) scale(.9)}:host ::ng-deep .resize-handle-nw:hover,:host ::ng-deep .resize-handle-ne:hover,:host ::ng-deep .resize-handle-sw:hover,:host ::ng-deep .resize-handle-se:hover{transform:scale(1.2)}:host ::ng-deep .resize-handle-nw:active,:host ::ng-deep .resize-handle-ne:active,:host ::ng-deep .resize-handle-sw:active,:host ::ng-deep .resize-handle-se:active{transform:scale(.9)}:host ::ng-deep .resize-handle-nw{top:0;left:-6px;cursor:nw-resize}:host ::ng-deep .resize-handle-n{top:0;left:50%;transform:translate(-50%);cursor:n-resize}:host ::ng-deep .resize-handle-ne{top:0;right:-6px;cursor:ne-resize}:host ::ng-deep .resize-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}:host ::ng-deep .resize-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host ::ng-deep .resize-handle-sw{bottom:0;left:-6px;cursor:sw-resize}:host ::ng-deep .resize-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}:host ::ng-deep .resize-handle-se{bottom:0;right:-6px;cursor:se-resize}:host ::ng-deep body.resizing{-webkit-user-select:none;user-select:none;cursor:crosshair}:host ::ng-deep body.resizing .ProseMirror{pointer-events:none}:host ::ng-deep body.resizing .ProseMirror .tiptap-image{pointer-events:none}:host ::ng-deep .image-size-info{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .2s ease}:host ::ng-deep .image-container:hover .image-size-info{opacity:1}:host ::ng-deep .ProseMirror table{border-collapse:separate;border-spacing:0;margin:0;table-layout:fixed;width:100%;border-radius:8px;overflow:hidden}:host ::ng-deep .ProseMirror table td,:host ::ng-deep .ProseMirror table th{border:none;border-right:1px solid var(--ate-table-border-color);border-bottom:1px solid var(--ate-table-border-color);box-sizing:border-box;min-width:1em;padding:8px 12px;position:relative;vertical-align:top;text-align:left}:host ::ng-deep .ProseMirror table td{background:var(--ate-table-cell-background)}:host ::ng-deep .ProseMirror table td:first-child,:host ::ng-deep .ProseMirror table th:first-child{border-left:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child td,:host ::ng-deep .ProseMirror table tr:first-child th{border-top:1px solid var(--ate-table-border-color)}:host ::ng-deep .ProseMirror table tr:first-child th:first-child{border-top-left-radius:8px}:host ::ng-deep .ProseMirror table tr:first-child th:last-child{border-top-right-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:first-child{border-bottom-left-radius:8px}:host ::ng-deep .ProseMirror table tr:last-child td:last-child{border-bottom-right-radius:8px}:host ::ng-deep .ProseMirror table th{background:var(--ate-table-header-background);font-weight:600;color:var(--ate-table-header-color)}:host ::ng-deep .ProseMirror table .selectedCell:after{background:var(--ate-table-cell-selected-background);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:2}:host ::ng-deep .ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:var(--ate-table-resize-handle-color);opacity:0;transition:opacity .2s ease}:host ::ng-deep .ProseMirror table:hover .column-resize-handle{opacity:1}:host ::ng-deep .ProseMirror table .column-resize-handle:hover{background-color:var(--ate-focus-color)}:host ::ng-deep .ProseMirror .tableWrapper{overflow-x:auto;margin:1em 0;border-radius:8px}:host ::ng-deep .ProseMirror .tableWrapper table{margin:0;border-radius:8px;min-width:600px;overflow:hidden}:host ::ng-deep .ProseMirror table p{margin:0}:host ::ng-deep .ProseMirror table tbody tr:hover td{background-color:var(--ate-table-row-hover-background)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], fillContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillContainer", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooter", required: false }] }], showCharacterCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCharacterCount", required: false }] }], showWordCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWordCount", required: false }] }], maxCharacters: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCharacters", required: false }] }], enableOfficePaste: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableOfficePaste", required: false }] }], enableSlashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSlashCommands", required: false }] }], slashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "slashCommands", required: false }] }], customSlashCommands: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSlashCommands", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], seamless: [{ type: i0.Input, args: [{ isSignal: true, alias: "seamless", required: false }] }], floatingToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingToolbar", required: false }] }], showEditToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEditToggle", required: false }] }], spellcheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellcheck", required: false }] }], tiptapExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiptapExtensions", required: false }] }], tiptapOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tiptapOptions", required: false }] }], showBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBubbleMenu", required: false }] }], bubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubbleMenu", required: false }] }], showImageBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showImageBubbleMenu", required: false }] }], imageBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageBubbleMenu", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], showTableBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTableBubbleMenu", required: false }] }], tableBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBubbleMenu", required: false }] }], showCellBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCellBubbleMenu", required: false }] }], cellBubbleMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellBubbleMenu", required: false }] }], stateCalculators: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateCalculators", required: false }] }], imageUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUpload", required: false }] }], imageUploadHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploadHandler", required: false }] }], contentChange: [{ type: i0.Output, args: ["contentChange"] }], editorCreated: [{ type: i0.Output, args: ["editorCreated"] }], editorUpdate: [{ type: i0.Output, args: ["editorUpdate"] }], editorFocus: [{ type: i0.Output, args: ["editorFocus"] }], editorBlur: [{ type: i0.Output, args: ["editorBlur"] }], editableChange: [{ type: i0.Output, args: ["editableChange"] }], editorElement: [{ type: i0.ViewChild, args: ["editorElement", { isSignal: true }] }] } });
 
+/**
+ * Clés des boutons de la barre d'outils native
+ */
+const ATE_TOOLBAR_KEYS = [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "code",
+    "codeBlock",
+    "superscript",
+    "subscript",
+    "highlight",
+    "highlightPicker",
+    "heading1",
+    "heading2",
+    "heading3",
+    "bulletList",
+    "orderedList",
+    "blockquote",
+    "alignLeft",
+    "alignCenter",
+    "alignRight",
+    "alignJustify",
+    "link",
+    "image",
+    "horizontalRule",
+    "table",
+    "undo",
+    "redo",
+    "clear",
+    "textColor",
+    "separator",
+];
+
+/**
+ * Clés des options du menu bulle de texte
+ */
+const ATE_BUBBLE_MENU_KEYS = [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "code",
+    "superscript",
+    "subscript",
+    "highlight",
+    "highlightPicker",
+    "textColor",
+    "link",
+    "separator",
+];
+/**
+ * Clés des options du menu bulle d'image
+ */
+const ATE_IMAGE_BUBBLE_MENU_KEYS = [
+    "changeImage",
+    "resizeSmall",
+    "resizeMedium",
+    "resizeLarge",
+    "resizeOriginal",
+    "deleteImage",
+    "separator",
+];
+/**
+ * Clés des options du menu de table
+ */
+const ATE_TABLE_BUBBLE_MENU_KEYS = [
+    "addRowBefore",
+    "addRowAfter",
+    "deleteRow",
+    "addColumnBefore",
+    "addColumnAfter",
+    "deleteColumn",
+    "deleteTable",
+    "toggleHeaderRow",
+    "toggleHeaderColumn",
+    "separator",
+];
+/**
+ * Clés des options du menu de cellule
+ */
+const ATE_CELL_BUBBLE_MENU_KEYS = ["mergeCells", "splitCell"];
+
 /*
  * Public API Surface of tiptap-editor
  */
 // Main component
+/** @deprecated Renamed to `ATE_INITIAL_EDITOR_STATE`. This alias will be removed in v3.0.0. */
+const INITIAL_EDITOR_STATE = ATE_INITIAL_EDITOR_STATE;
+/** @deprecated Renamed to `ATE_SLASH_COMMAND_KEYS`. This alias will be removed in v3.0.0. */
+const SLASH_COMMAND_KEYS = ATE_SLASH_COMMAND_KEYS;
+/** @deprecated Renamed to `ATE_DEFAULT_SLASH_COMMANDS_CONFIG`. This alias will be removed in v3.0.0. */
+const DEFAULT_SLASH_COMMANDS_CONFIG = ATE_DEFAULT_SLASH_COMMANDS_CONFIG;
+/** @deprecated Renamed to `AteDiscoveryCalculator`. This alias will be removed in v3.0.0. */
+const DiscoveryCalculator = AteDiscoveryCalculator;
+/** @deprecated Renamed to `AteImageCalculator`. This alias will be removed in v3.0.0. */
+const ImageCalculator = AteImageCalculator;
+/** @deprecated Renamed to `AteMarksCalculator`. This alias will be removed in v3.0.0. */
+const MarksCalculator = AteMarksCalculator;
+/** @deprecated Renamed to `AteSelectionCalculator`. This alias will be removed in v3.0.0. */
+const SelectionCalculator = AteSelectionCalculator;
+/** @deprecated Renamed to `AteStructureCalculator`. This alias will be removed in v3.0.0. */
+const StructureCalculator = AteStructureCalculator;
+/** @deprecated Renamed to `AteTableCalculator`. This alias will be removed in v3.0.0. */
+const TableCalculator = AteTableCalculator;
+/** @deprecated Renamed to `ATE_DEFAULT_TOOLBAR_CONFIG`. This alias will be removed in v3.0.0. */
+const DEFAULT_TOOLBAR_CONFIG = ATE_DEFAULT_TOOLBAR_CONFIG;
+/** @deprecated Renamed to `ATE_DEFAULT_BUBBLE_MENU_CONFIG`. This alias will be removed in v3.0.0. */
+const DEFAULT_BUBBLE_MENU_CONFIG = ATE_DEFAULT_BUBBLE_MENU_CONFIG;
+/** @deprecated Renamed to `ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG`. This alias will be removed in v3.0.0. */
+const DEFAULT_IMAGE_BUBBLE_MENU_CONFIG = ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG;
+/** @deprecated Renamed to `ATE_DEFAULT_TABLE_MENU_CONFIG`. This alias will be removed in v3.0.0. */
+const DEFAULT_TABLE_MENU_CONFIG = ATE_DEFAULT_TABLE_MENU_CONFIG;
+/** @deprecated Renamed to `ATE_DEFAULT_CELL_MENU_CONFIG`. This alias will be removed in v3.0.0. */
+const DEFAULT_CELL_MENU_CONFIG = ATE_DEFAULT_CELL_MENU_CONFIG;
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AngularTiptapEditorComponent, ColorPickerService, DEFAULT_BUBBLE_MENU_CONFIG, DEFAULT_CELL_MENU_CONFIG, DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, DEFAULT_SLASH_COMMANDS_CONFIG, DEFAULT_TABLE_MENU_CONFIG, DEFAULT_TOOLBAR_CONFIG, DiscoveryCalculator, EditorCommandsService, INITIAL_EDITOR_STATE, ImageCalculator, ImageService, LinkService, MarksCalculator, NoopValueAccessorDirective, SLASH_COMMAND_KEYS, SelectionCalculator, StructureCalculator, TableCalculator, TiptapI18nService, createDefaultSlashCommands, filterSlashCommands };
+export { ATE_BUBBLE_MENU_KEYS, ATE_CELL_BUBBLE_MENU_KEYS, ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_SLASH_COMMAND_KEYS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteI18nService, AteImageCalculator, AteImageService, AteLinkService, AteMarksCalculator, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteColorPickerService as ColorPickerService, DEFAULT_BUBBLE_MENU_CONFIG, DEFAULT_CELL_MENU_CONFIG, DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, DEFAULT_SLASH_COMMANDS_CONFIG, DEFAULT_TABLE_MENU_CONFIG, DEFAULT_TOOLBAR_CONFIG, DiscoveryCalculator, AteEditorCommandsService as EditorCommandsService, INITIAL_EDITOR_STATE, ImageCalculator, AteImageService as ImageService, AteLinkService as LinkService, MarksCalculator, SLASH_COMMAND_KEYS, SelectionCalculator, StructureCalculator, TableCalculator, AteI18nService as TiptapI18nService, createDefaultSlashCommands, filterSlashCommands };
 //# sourceMappingURL=flogeez-angular-tiptap-editor.mjs.map