@flogeez/angular-tiptap-editor 3.1.2 → 3.1.4

package/lib/components/editor/angular-tiptap-editor.component.d.ts

@@ -0,0 +1,242 @@
+import { ElementRef, OnDestroy, AfterViewInit } from "@angular/core";
+import { Editor, EditorOptions, Extension, Node, Mark, JSONContent } from "@tiptap/core";
+import { Node as PMNode } from "@tiptap/pm/model";
+import { AteCustomSlashCommands } from "../../models/ate-slash-command.model";
+import { AteI18nService, SupportedLocale } from "../../services/ate-i18n.service";
+import { AteEditorCommandsService } from "../../services/ate-editor-commands.service";
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+import { AteSlashCommandsConfig } from "../../config/ate-slash-commands.config";
+import { AteToolbarConfig } from "../../models/ate-toolbar.model";
+import { AteBubbleMenuConfig } from "../../models/ate-bubble-menu.model";
+import { AteEditorConfig, AteAngularNode, AteBlockControlsMode, AteAutofocusMode } from "../../models/ate-editor-config.model";
+import { AteImageUploadHandler, AteImageUploadOptions } from "../../models/ate-image.model";
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/ate-noop-value-accessor.directive";
+/**
+ * The main rich-text editor component for Angular.
+ *
+ * Powered by Tiptap and built with a native Signal-based architecture, it provides
+ * a seamless, high-performance editing experience. Supports automatic registration
+ * of Angular components as interactive nodes ('Angular Nodes'), full Reactive Forms
+ * integration, and extensive customization via the AteEditorConfig.
+ */
+export declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
+    /** Configuration globale de l'éditeur */
+    config: import("@angular/core").InputSignal<AteEditorConfig>;
+    content: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    editable: import("@angular/core").InputSignal<boolean | undefined>;
+    disabled: import("@angular/core").InputSignal<boolean | undefined>;
+    minHeight: import("@angular/core").InputSignal<string | number | undefined>;
+    height: import("@angular/core").InputSignal<string | number | undefined>;
+    maxHeight: import("@angular/core").InputSignal<string | number | undefined>;
+    fillContainer: import("@angular/core").InputSignal<boolean | undefined>;
+    showToolbar: import("@angular/core").InputSignal<boolean | undefined>;
+    showFooter: import("@angular/core").InputSignal<boolean | undefined>;
+    showCharacterCount: import("@angular/core").InputSignal<boolean | undefined>;
+    showWordCount: import("@angular/core").InputSignal<boolean | undefined>;
+    maxCharacters: import("@angular/core").InputSignal<number | undefined>;
+    enableOfficePaste: import("@angular/core").InputSignal<boolean | undefined>;
+    enableSlashCommands: import("@angular/core").InputSignal<boolean | undefined>;
+    slashCommands: import("@angular/core").InputSignal<AteSlashCommandsConfig | undefined>;
+    customSlashCommands: import("@angular/core").InputSignal<AteCustomSlashCommands | undefined>;
+    blockControls: import("@angular/core").InputSignal<AteBlockControlsMode | undefined>;
+    locale: import("@angular/core").InputSignal<SupportedLocale | undefined>;
+    autofocus: import("@angular/core").InputSignal<AteAutofocusMode | undefined>;
+    seamless: import("@angular/core").InputSignal<boolean | undefined>;
+    floatingToolbar: import("@angular/core").InputSignal<boolean | undefined>;
+    showEditToggle: import("@angular/core").InputSignal<boolean | undefined>;
+    spellcheck: import("@angular/core").InputSignal<boolean | undefined>;
+    tiptapExtensions: import("@angular/core").InputSignal<(Mark<any, any> | Node<any, any> | Extension<any, any>)[] | undefined>;
+    tiptapOptions: import("@angular/core").InputSignal<Partial<EditorOptions> | undefined>;
+    showBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
+    bubbleMenu: import("@angular/core").InputSignal<Partial<AteBubbleMenuConfig> | undefined>;
+    showImageBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
+    imageBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"separator" | "alignLeft" | "alignCenter" | "alignRight" | "changeImage" | "downloadImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>> | undefined>;
+    toolbar: import("@angular/core").InputSignal<Partial<AteToolbarConfig> | undefined>;
+    showTableBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
+    tableBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>> | undefined>;
+    showCellBubbleMenu: import("@angular/core").InputSignal<boolean | undefined>;
+    cellBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"mergeCells" | "splitCell", boolean>>> | undefined>;
+    /**
+     * Additionnal state calculators to extend the reactive editor state.
+     */
+    stateCalculators: import("@angular/core").InputSignal<AteStateCalculator[] | undefined>;
+    imageUpload: import("@angular/core").InputSignal<Partial<AteImageUploadOptions> | undefined>;
+    /**
+     * Custom handler for image uploads.
+     * When provided, images will be processed through this handler instead of being converted to base64.
+     * This allows you to upload images to your own server/storage and use the returned URL.
+     *
+     * @example
+     * ```typescript
+     * myUploadHandler: ImageUploadHandler = async (context) => {
+     *   const formData = new FormData();
+     *   formData.append('image', context.file);
+     *   const response = await fetch('/api/upload', { method: 'POST', body: formData });
+     *   const data = await response.json();
+     *   return { src: data.imageUrl };
+     * };
+     *
+     * // In template:
+     * // <angular-tiptap-editor [imageUploadHandler]="myUploadHandler" />
+     * ```
+     */
+    imageUploadHandler: import("@angular/core").InputSignal<AteImageUploadHandler | undefined>;
+    contentChange: import("@angular/core").OutputEmitterRef<string>;
+    editorCreated: import("@angular/core").OutputEmitterRef<Editor>;
+    editorUpdate: import("@angular/core").OutputEmitterRef<{
+        editor: Editor;
+        transaction: unknown;
+    }>;
+    editorFocus: import("@angular/core").OutputEmitterRef<{
+        editor: Editor;
+        event: FocusEvent;
+    }>;
+    editorBlur: import("@angular/core").OutputEmitterRef<{
+        editor: Editor;
+        event: FocusEvent;
+    }>;
+    editableChange: import("@angular/core").OutputEmitterRef<boolean>;
+    editorElement: import("@angular/core").Signal<ElementRef<any>>;
+    hideBubbleMenus(): void;
+    showBubbleMenus(): void;
+    private _editor;
+    private _characterCount;
+    private _wordCount;
+    private _isDragOver;
+    private _editorFullyInitialized;
+    private _hoveredBlock;
+    private lastEmittedHtml;
+    readonly editor: import("@angular/core").Signal<Editor | null>;
+    readonly characterCount: import("@angular/core").Signal<number>;
+    readonly wordCount: import("@angular/core").Signal<number>;
+    readonly isDragOver: import("@angular/core").Signal<boolean>;
+    readonly editorFullyInitialized: import("@angular/core").Signal<boolean>;
+    readonly hoveredBlock: import("@angular/core").Signal<{
+        node: PMNode;
+        element: HTMLElement;
+        pos: number;
+    } | null>;
+    private _isFormControlDisabled;
+    readonly isFormControlDisabled: import("@angular/core").Signal<boolean>;
+    readonly mergedDisabled: import("@angular/core").Signal<boolean>;
+    isEditorReady: import("@angular/core").Signal<boolean>;
+    readonly finalSeamless: import("@angular/core").Signal<boolean>;
+    readonly finalEditable: import("@angular/core").Signal<boolean>;
+    readonly finalPlaceholder: import("@angular/core").Signal<string>;
+    readonly finalFillContainer: import("@angular/core").Signal<boolean | undefined>;
+    readonly finalShowFooter: import("@angular/core").Signal<boolean>;
+    readonly finalShowEditToggle: import("@angular/core").Signal<boolean>;
+    readonly finalHeight: import("@angular/core").Signal<string | undefined>;
+    readonly finalMinHeight: import("@angular/core").Signal<string | undefined>;
+    readonly finalMaxHeight: import("@angular/core").Signal<string | undefined>;
+    readonly finalSpellcheck: import("@angular/core").Signal<boolean>;
+    readonly finalEnableOfficePaste: import("@angular/core").Signal<boolean>;
+    readonly finalShowToolbar: import("@angular/core").Signal<boolean>;
+    readonly finalToolbarConfig: import("@angular/core").Signal<AteToolbarConfig>;
+    readonly finalFloatingToolbar: import("@angular/core").Signal<boolean>;
+    readonly finalShowBubbleMenu: import("@angular/core").Signal<boolean>;
+    readonly finalBubbleMenuConfig: import("@angular/core").Signal<AteBubbleMenuConfig>;
+    readonly finalShowImageBubbleMenu: import("@angular/core").Signal<boolean>;
+    readonly finalImageBubbleMenuConfig: import("@angular/core").Signal<Partial<Record<"separator" | "alignLeft" | "alignCenter" | "alignRight" | "changeImage" | "downloadImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>>;
+    readonly finalShowTableBubbleMenu: import("@angular/core").Signal<boolean>;
+    readonly finalTableBubbleMenuConfig: import("@angular/core").Signal<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>>;
+    readonly finalShowCellBubbleMenu: import("@angular/core").Signal<boolean>;
+    readonly finalCellBubbleMenuConfig: import("@angular/core").Signal<Partial<Record<"mergeCells" | "splitCell", boolean>>>;
+    readonly finalEnableSlashCommands: import("@angular/core").Signal<boolean>;
+    readonly finalSlashCommandsConfig: import("@angular/core").Signal<AteCustomSlashCommands>;
+    readonly finalAutofocus: import("@angular/core").Signal<AteAutofocusMode | undefined>;
+    readonly finalMaxCharacters: import("@angular/core").Signal<number | undefined>;
+    readonly finalBlockControls: import("@angular/core").Signal<AteBlockControlsMode>;
+    readonly finalShowCharacterCount: import("@angular/core").Signal<boolean>;
+    readonly finalShowWordCount: import("@angular/core").Signal<boolean>;
+    readonly finalLocale: import("@angular/core").Signal<SupportedLocale>;
+    readonly finalTiptapExtensions: import("@angular/core").Signal<(Mark<any, any> | Node<any, any> | Extension<any, any>)[]>;
+    readonly finalTiptapOptions: import("@angular/core").Signal<Partial<EditorOptions>>;
+    readonly finalStateCalculators: import("@angular/core").Signal<AteStateCalculator[]>;
+    readonly finalAngularNodesConfig: import("@angular/core").Signal<AteAngularNode[]>;
+    readonly finalImageUploadConfig: import("@angular/core").Signal<{
+        maxSize: number;
+        quality?: number | undefined;
+        maxWidth?: number | undefined;
+        maxHeight?: number | undefined;
+        allowedTypes?: string[] | undefined;
+        handler?: AteImageUploadHandler | undefined;
+    }>;
+    readonly finalImageUploadHandler: import("@angular/core").Signal<AteImageUploadHandler | undefined>;
+    readonly currentTranslations: import("@angular/core").Signal<import("../../services/ate-i18n.service").AteTranslations>;
+    private _destroyRef;
+    private ngControl;
+    readonly i18nService: AteI18nService;
+    readonly editorCommandsService: AteEditorCommandsService;
+    readonly editorState: import("@angular/core").Signal<import("../../models/ate-editor-state.model").AteEditorStateSnapshot>;
+    private injector;
+    private globalConfig;
+    /**
+     * Final merged configuration.
+     * Priority: Input [config] > Global config via provideAteEditor()
+     */
+    readonly effectiveConfig: import("@angular/core").Signal<{
+        theme?: "auto" | "light" | "dark" | undefined;
+        mode?: "classic" | "seamless" | undefined;
+        height?: string | number | undefined;
+        autofocus?: AteAutofocusMode | undefined;
+        placeholder?: string | undefined;
+        editable?: boolean | undefined;
+        minHeight?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        fillContainer?: boolean | undefined;
+        disabled?: boolean | undefined;
+        locale?: string | undefined;
+        spellcheck?: boolean | undefined;
+        enableOfficePaste?: boolean | undefined;
+        showToolbar?: boolean | undefined;
+        showFooter?: boolean | undefined;
+        showCharacterCount?: boolean | undefined;
+        showWordCount?: boolean | undefined;
+        showEditToggle?: boolean | undefined;
+        showBubbleMenu?: boolean | undefined;
+        showImageBubbleMenu?: boolean | undefined;
+        showTableMenu?: boolean | undefined;
+        showCellMenu?: boolean | undefined;
+        downloadImage?: boolean | undefined;
+        enableSlashCommands?: boolean | undefined;
+        maxCharacters?: number | undefined;
+        blockControls?: AteBlockControlsMode | undefined;
+        toolbar?: AteToolbarConfig | undefined;
+        bubbleMenu?: AteBubbleMenuConfig | undefined;
+        imageBubbleMenu?: Partial<Record<"separator" | "alignLeft" | "alignCenter" | "alignRight" | "changeImage" | "downloadImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>> | undefined;
+        tableBubbleMenu?: Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>> | undefined;
+        cellBubbleMenu?: Partial<Record<"mergeCells" | "splitCell", boolean>> | undefined;
+        slashCommands?: AteSlashCommandsConfig | undefined;
+        floatingToolbar?: boolean | undefined;
+        imageUpload?: import("../../models/ate-image.model").AteImageUploadConfig | undefined;
+        angularNodes?: AteAngularNode[] | undefined;
+        tiptapExtensions?: (Mark<any, any> | Node<any, any> | Extension<any, any>)[] | undefined;
+        tiptapOptions?: Partial<EditorOptions> | undefined;
+        stateCalculators?: AteStateCalculator[] | undefined;
+        customSlashCommands?: AteCustomSlashCommands | undefined;
+    }>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private initEditor;
+    toggleEditMode(event: Event): void;
+    private updateCharacterCount;
+    onDragOver(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    private getImageUploadOptions;
+    getHTML(): string;
+    getJSON(): JSONContent | undefined;
+    getText(): string;
+    setContent(content: string, emitUpdate?: boolean): void;
+    focus(): void;
+    blur(): void;
+    clearContent(): void;
+    getEditor(): Editor | null;
+    private setupFormControlSubscription;
+    onEditorClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularTiptapEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularTiptapEditorComponent, "angular-tiptap-editor", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "fillContainer": { "alias": "fillContainer"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; "isSignal": true; }; "showWordCount": { "alias": "showWordCount"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "enableOfficePaste": { "alias": "enableOfficePaste"; "required": false; "isSignal": true; }; "enableSlashCommands": { "alias": "enableSlashCommands"; "required": false; "isSignal": true; }; "slashCommands": { "alias": "slashCommands"; "required": false; "isSignal": true; }; "customSlashCommands": { "alias": "customSlashCommands"; "required": false; "isSignal": true; }; "blockControls": { "alias": "blockControls"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "seamless": { "alias": "seamless"; "required": false; "isSignal": true; }; "floatingToolbar": { "alias": "floatingToolbar"; "required": false; "isSignal": true; }; "showEditToggle": { "alias": "showEditToggle"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "tiptapExtensions": { "alias": "tiptapExtensions"; "required": false; "isSignal": true; }; "tiptapOptions": { "alias": "tiptapOptions"; "required": false; "isSignal": true; }; "showBubbleMenu": { "alias": "showBubbleMenu"; "required": false; "isSignal": true; }; "bubbleMenu": { "alias": "bubbleMenu"; "required": false; "isSignal": true; }; "showImageBubbleMenu": { "alias": "showImageBubbleMenu"; "required": false; "isSignal": true; }; "imageBubbleMenu": { "alias": "imageBubbleMenu"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "showTableBubbleMenu": { "alias": "showTableBubbleMenu"; "required": false; "isSignal": true; }; "tableBubbleMenu": { "alias": "tableBubbleMenu"; "required": false; "isSignal": true; }; "showCellBubbleMenu": { "alias": "showCellBubbleMenu"; "required": false; "isSignal": true; }; "cellBubbleMenu": { "alias": "cellBubbleMenu"; "required": false; "isSignal": true; }; "stateCalculators": { "alias": "stateCalculators"; "required": false; "isSignal": true; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "imageUploadHandler": { "alias": "imageUploadHandler"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; "editorCreated": "editorCreated"; "editorUpdate": "editorUpdate"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; "editableChange": "editableChange"; }, never, never, true, [{ directive: typeof i1.AteNoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/editor/ate-block-controls.component.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef, OnDestroy, AfterViewInit } from "@angular/core";
+import { Editor } from "@tiptap/core";
+import { Node as PMNode } from "@tiptap/pm/model";
+import { AteI18nService } from "../../services/ate-i18n.service";
+import * as i0 from "@angular/core";
+/**
+ * Component providing Notion-like block controls (Plus button and Drag Handle).
+ */
+export declare class AteBlockControlsComponent implements AfterViewInit, OnDestroy {
+    protected readonly i18n: AteI18nService;
+    editor: import("@angular/core").InputSignal<Editor>;
+    hoveredData: import("@angular/core").InputSignal<{
+        node: PMNode;
+        element: HTMLElement;
+        pos: number;
+    } | null>;
+    menuRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    protected isInteracting: import("@angular/core").WritableSignal<boolean>;
+    private lastValidData;
+    private lastValidRect;
+    private tippyInstance;
+    private updateTimeout;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private initTippy;
+    private updateMenu;
+    private showTippy;
+    private hideTippy;
+    private getSelectionRect;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onContainerMouseDown(event: MouseEvent): void;
+    onButtonMouseDown(event: MouseEvent): void;
+    /**
+     * Selection strategy to avoid partial node dragging (ghost table issue).
+     */
+    onDragHandleMouseDown(event: MouseEvent): void;
+    addBlock(event: MouseEvent): void;
+    onDragStart(event: DragEvent): void;
+    onDragEnd(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteBlockControlsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteBlockControlsComponent, "ate-block-controls", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; "hoveredData": { "alias": "hoveredData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/slash-commands/ate-slash-commands.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, OnDestroy, AfterViewInit } from "@angular/core";
+import { Editor } from "@tiptap/core";
+import { AteI18nService } from "../../services/ate-i18n.service";
+import { AteSlashCommandItem, AteCustomSlashCommands } from "../../models/ate-slash-command.model";
+import * as i0 from "@angular/core";
+export declare class AteSlashCommandsComponent implements AfterViewInit, OnDestroy {
+    readonly i18nService: AteI18nService;
+    editor: import("@angular/core").InputSignal<Editor>;
+    config: import("@angular/core").InputSignal<AteCustomSlashCommands | undefined>;
+    menuRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    private tippyInstance;
+    private editorCommands;
+    private isActive;
+    private currentQuery;
+    private slashRange;
+    selectedIndex: import("@angular/core").WritableSignal<number>;
+    private readonly isToolbarInteracting;
+    commands: import("@angular/core").Signal<AteSlashCommandItem[]>;
+    filteredCommands: import("@angular/core").Signal<AteSlashCommandItem[]>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private initTippy;
+    private getSlashRect;
+    updateMenu: () => void;
+    handleBlur: () => void;
+    private scrollToSelected;
+    private showTippy;
+    private hideTippy;
+    executeCommand(command: AteSlashCommandItem): void;
+    private addKeyboardPlugin;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteSlashCommandsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteSlashCommandsComponent, "ate-slash-commands", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/toolbar/ate-toolbar.component.d.ts

@@ -0,0 +1,47 @@
+import { Editor } from "@tiptap/core";
+import { AteToolbarConfig } from "../../models/ate-toolbar.model";
+import * as i0 from "@angular/core";
+export declare class AteToolbarComponent {
+    editor: import("@angular/core").InputSignal<Editor>;
+    config: import("@angular/core").InputSignal<AteToolbarConfig>;
+    imageUpload: import("@angular/core").InputSignal<Record<string, unknown>>;
+    floating: import("@angular/core").InputSignal<boolean>;
+    private i18nService;
+    private editorCommands;
+    readonly t: import("@angular/core").Signal<{
+        bold: string;
+        italic: string;
+        underline: string;
+        strike: string;
+        code: string;
+        codeBlock: string;
+        superscript: string;
+        subscript: string;
+        highlight: string;
+        highlightPicker: string;
+        heading1: string;
+        heading2: string;
+        heading3: string;
+        bulletList: string;
+        orderedList: string;
+        blockquote: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
+        link: string;
+        image: string;
+        horizontalRule: string;
+        table: string;
+        undo: string;
+        redo: string;
+        clear: string;
+        textColor: string;
+        customColor: string;
+        presets: string;
+    }>;
+    readonly state: import("@angular/core").Signal<import("@flogeez/angular-tiptap-editor").AteEditorStateSnapshot>;
+    onCommand(command: string, ...args: unknown[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteToolbarComponent, "ate-toolbar", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "floating": { "alias": "floating"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/ui/ate-button.component.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export interface AteButtonConfig {
+    icon: string;
+    title: string;
+    active?: boolean;
+    disabled?: boolean;
+    variant?: "default" | "text" | "danger";
+    size?: "small" | "medium" | "large";
+    iconSize?: "small" | "medium" | "large";
+}
+export declare class AteButtonComponent {
+    icon: import("@angular/core").InputSignal<string>;
+    title: import("@angular/core").InputSignal<string>;
+    active: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    color: import("@angular/core").InputSignal<string | undefined>;
+    backgroundColor: import("@angular/core").InputSignal<string | undefined>;
+    variant: import("@angular/core").InputSignal<"text" | "default" | "danger">;
+    size: import("@angular/core").InputSignal<"small" | "medium" | "large">;
+    iconSize: import("@angular/core").InputSignal<"small" | "medium" | "large">;
+    buttonClick: import("@angular/core").OutputEmitterRef<Event>;
+    onMouseDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteButtonComponent, "ate-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}

package/lib/components/ui/ate-separator.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AteSeparatorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteSeparatorComponent, "ate-separator", never, {}, {}, never, never, true, never>;
+}

package/lib/config/ate-editor.config.d.ts

@@ -0,0 +1,19 @@
+import { AteToolbarConfig } from "../models/ate-toolbar.model";
+import { AteBubbleMenuConfig, AteImageBubbleMenuConfig, AteTableBubbleMenuConfig, AteCellBubbleMenuConfig } from "../models/ate-bubble-menu.model";
+import { AteImageUploadConfig } from "../models/ate-image.model";
+export declare const ATE_DEFAULT_TOOLBAR_CONFIG: AteToolbarConfig;
+export declare const ATE_DEFAULT_BUBBLE_MENU_CONFIG: AteBubbleMenuConfig;
+export declare const ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG: AteImageBubbleMenuConfig;
+export declare const ATE_DEFAULT_TABLE_MENU_CONFIG: AteTableBubbleMenuConfig;
+export declare const ATE_DEFAULT_CELL_MENU_CONFIG: AteCellBubbleMenuConfig;
+export declare const ATE_DEFAULT_IMAGE_UPLOAD_CONFIG: AteImageUploadConfig;
+import { AteEditorConfig } from "../models/ate-editor-config.model";
+/**
+ * Ultimate default configuration for the Angular Tiptap Editor.
+ * This serves as the 'Level 4' fallback in the configuration hierarchy:
+ * 1. Component Inputs (Le Roi)
+ * 2. Component [config] (Le Prince)
+ * 3. Global provideAteEditor() (Le Duc)
+ * 4. ATE_DEFAULT_CONFIG (Le Peuple)
+ */
+export declare const ATE_DEFAULT_CONFIG: AteEditorConfig;

package/lib/config/ate-global-config.token.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from "@angular/core";
+import { AteEditorConfig } from "../models/ate-editor-config.model";
+/**
+ * Injection Token for global editor configuration.
+ */
+export declare const ATE_GLOBAL_CONFIG: InjectionToken<AteEditorConfig>;

package/lib/config/ate-slash-commands.config.d.ts

@@ -0,0 +1,41 @@
+import { AteSlashCommandItem } from "../models/ate-slash-command.model";
+import { AteI18nService } from "../services/ate-i18n.service";
+import { AteEditorCommandsService } from "../services/ate-editor-commands.service";
+/**
+ * Clés des commandes natives dans l'ordre d'affichage
+ */
+export declare const ATE_SLASH_COMMAND_KEYS: readonly ["heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "code", "image", "horizontalRule", "table"];
+export type AteSlashCommandKey = (typeof ATE_SLASH_COMMAND_KEYS)[number];
+/**
+ * Configuration simplifiée pour activer/désactiver les slash commands natives.
+ * Permet aussi d'ajouter des commandes personnalisées.
+ */
+export interface AteSlashCommandsConfig extends Partial<Record<AteSlashCommandKey, boolean>> {
+    /**
+     * Liste de commandes supplémentaires à ajouter à la fin du menu
+     */
+    custom?: AteSlashCommandItem[];
+}
+/**
+ * Configuration par défaut : toutes les commandes natives sont activées
+ */
+export declare const ATE_DEFAULT_SLASH_COMMANDS_CONFIG: AteSlashCommandsConfig;
+/**
+ * Factory pour créer les commandes natives avec leurs traductions et leur logique d'exécution.
+ * Utilise les services de l'éditeur pour garantir une cohérence de comportement.
+ */
+export declare function createDefaultSlashCommands(i18n: AteI18nService, commands: AteEditorCommandsService, imageOptions?: {
+    quality?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    allowedTypes?: string[];
+}): AteSlashCommandItem[];
+/**
+ * Filtre et assemble les commandes selon la configuration fournie.
+ */
+export declare function filterSlashCommands(config: AteSlashCommandsConfig, i18n: AteI18nService, commands: AteEditorCommandsService, imageOptions?: {
+    quality?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    allowedTypes?: string[];
+}): AteSlashCommandItem[];

package/lib/directives/ate-noop-value-accessor.directive.d.ts

@@ -0,0 +1,13 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+/**
+ * Noop Value Accessor Directive
+ * @link https://medium.com/netanelbasal/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55
+ */
+export declare class AteNoopValueAccessorDirective implements ControlValueAccessor {
+    writeValue(_obj: unknown): void;
+    registerOnChange(_fn: unknown): void;
+    registerOnTouched(_fn: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteNoopValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AteNoopValueAccessorDirective, never, never, {}, {}, never, never, true, never>;
+}

package/lib/directives/ate-tooltip.directive.d.ts

@@ -0,0 +1,30 @@
+import { OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class AteTooltipDirective implements OnDestroy {
+    private readonly el;
+    private tippyInstance;
+    content: import("@angular/core").InputSignal<string | null>;
+    placement: import("@angular/core").InputSignal<import("@popperjs/core").Placement>;
+    delay: import("@angular/core").InputSignal<number | [number, number]>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Computed logic for ARIA shortcuts.
+     */
+    protected readonly ariaShortcut: import("@angular/core").Signal<string | null>;
+    /**
+     * Computed logic for Tippy content.
+     * Includes strict escaping of dynamic content to prevent XSS.
+     */
+    private readonly processedTooltip;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Basic HTML escaping for security.
+     * Effectively neutralizes scripts or malicious HTML tags.
+     */
+    private escapeHtml;
+    private initTippy;
+    private destroyTippy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AteTooltipDirective, "[ateTooltip]", never, { "content": { "alias": "ateTooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "ateTooltipPlacement"; "required": false; "isSignal": true; }; "delay": { "alias": "ateTooltipDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "ateTooltipDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/extensions/ate-block-controls.extension.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from "@tiptap/core";
+import { Node } from "@tiptap/pm/model";
+export interface AteBlockControlsOptions {
+    onHover?: (data: {
+        node: Node;
+        element: HTMLElement;
+        pos: number;
+    } | null) => void;
+}
+export declare const AteBlockControlsExtension: Extension<AteBlockControlsOptions, any>;

package/lib/extensions/ate-link-click-behavior.extension.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from "@tiptap/core";
+export declare const AteLinkClickBehavior: Extension<any, any>;

package/lib/extensions/ate-resizable-image.extension.d.ts

@@ -0,0 +1,27 @@
+import { Node } from "@tiptap/core";
+export interface AteResizableImageOptions {
+    inline: boolean;
+    allowBase64: boolean;
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        resizableImage: {
+            setResizableImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+                width?: number;
+                height?: number;
+            }) => ReturnType;
+            updateResizableImage: (options: {
+                src?: string;
+                alt?: string;
+                title?: string;
+                width?: number;
+                height?: number;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const AteResizableImage: Node<AteResizableImageOptions, any>;

package/lib/extensions/ate-table.extension.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from "@tiptap/core";
+export declare const AteTableExtension: Extension<any, any>;

package/lib/extensions/ate-tiptap-state.extension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from "@tiptap/core";
+import { AteEditorStateSnapshot, AteStateCalculator } from "../models/ate-editor-state.model";
+export interface AteTiptapStateOptions {
+    onUpdate?: (state: AteEditorStateSnapshot) => void;
+    calculators: AteStateCalculator[];
+}
+export declare const AteTiptapStateExtension: Extension<AteTiptapStateOptions, any>;

package/lib/extensions/ate-upload-progress.extension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from "@tiptap/core";
+export interface AteUploadProgressOptions {
+    isUploading: () => boolean;
+    uploadProgress: () => number;
+    uploadMessage: () => string;
+}
+export declare const AteUploadProgress: Extension<AteUploadProgressOptions, any>;

package/lib/extensions/calculators/ate-discovery.calculator.d.ts

@@ -0,0 +1,7 @@
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+/**
+ * DiscoveryCalculator automatically detects and tracks the state of any TipTap extension.
+ * It provides a "fallback" reactive state for any mark or node not explicitly handled
+ * by specialized calculators.
+ */
+export declare const AteDiscoveryCalculator: AteStateCalculator;

package/lib/extensions/calculators/ate-image.calculator.d.ts

@@ -0,0 +1,2 @@
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+export declare const AteImageCalculator: AteStateCalculator;

package/lib/extensions/calculators/ate-marks.calculator.d.ts

@@ -0,0 +1,2 @@
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+export declare const AteMarksCalculator: AteStateCalculator;

package/lib/extensions/calculators/ate-selection.calculator.d.ts

@@ -0,0 +1,2 @@
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+export declare const AteSelectionCalculator: AteStateCalculator;

package/lib/extensions/calculators/ate-structure.calculator.d.ts

@@ -0,0 +1,2 @@
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+export declare const AteStructureCalculator: AteStateCalculator;

package/lib/extensions/calculators/ate-table.calculator.d.ts

@@ -0,0 +1,2 @@
+import { AteStateCalculator } from "../../models/ate-editor-state.model";
+export declare const AteTableCalculator: AteStateCalculator;