@flogeez/angular-tiptap-editor 2.4.0 → 2.4.1

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

@@ -0,0 +1,235 @@
+import { ElementRef, OnDestroy, AfterViewInit } from "@angular/core";
+import { Editor, EditorOptions, Extension, Node, Mark, JSONContent } from "@tiptap/core";
+import { AteCustomSlashCommands } from "../slash-commands/ate-slash-commands.component";
+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 } 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>;
+    editable: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    minHeight: import("@angular/core").InputSignal<number>;
+    height: import("@angular/core").InputSignal<number | undefined>;
+    maxHeight: import("@angular/core").InputSignal<number | undefined>;
+    fillContainer: import("@angular/core").InputSignal<boolean>;
+    showToolbar: import("@angular/core").InputSignal<boolean>;
+    showFooter: import("@angular/core").InputSignal<boolean>;
+    showCharacterCount: import("@angular/core").InputSignal<boolean>;
+    showWordCount: import("@angular/core").InputSignal<boolean>;
+    maxCharacters: import("@angular/core").InputSignal<number | undefined>;
+    enableOfficePaste: import("@angular/core").InputSignal<boolean>;
+    enableSlashCommands: import("@angular/core").InputSignal<boolean>;
+    slashCommands: import("@angular/core").InputSignal<AteSlashCommandsConfig>;
+    customSlashCommands: import("@angular/core").InputSignal<AteCustomSlashCommands | undefined>;
+    locale: import("@angular/core").InputSignal<SupportedLocale | undefined>;
+    autofocus: import("@angular/core").InputSignal<number | boolean | "start" | "end" | "all">;
+    seamless: import("@angular/core").InputSignal<boolean>;
+    floatingToolbar: import("@angular/core").InputSignal<boolean>;
+    showEditToggle: import("@angular/core").InputSignal<boolean>;
+    spellcheck: import("@angular/core").InputSignal<boolean>;
+    tiptapExtensions: import("@angular/core").InputSignal<(Node<any, any> | Mark<any, any> | Extension<any, any>)[]>;
+    tiptapOptions: import("@angular/core").InputSignal<Partial<EditorOptions>>;
+    showBubbleMenu: import("@angular/core").InputSignal<boolean>;
+    bubbleMenu: import("@angular/core").InputSignal<Partial<AteBubbleMenuConfig>>;
+    showImageBubbleMenu: import("@angular/core").InputSignal<boolean>;
+    imageBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"separator" | "changeImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>>>;
+    toolbar: import("@angular/core").InputSignal<Partial<AteToolbarConfig>>;
+    showTableBubbleMenu: import("@angular/core").InputSignal<boolean>;
+    tableBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>>>;
+    showCellBubbleMenu: import("@angular/core").InputSignal<boolean>;
+    cellBubbleMenu: import("@angular/core").InputSignal<Partial<Partial<Record<"mergeCells" | "splitCell", boolean>>>>;
+    /**
+     * Additionnal state calculators to extend the reactive editor state.
+     */
+    stateCalculators: import("@angular/core").InputSignal<AteStateCalculator[]>;
+    imageUpload: import("@angular/core").InputSignal<Partial<AteImageUploadOptions>>;
+    /**
+     * 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 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>;
+    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>;
+    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" | "changeImage" | "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<number | boolean | "start" | "end" | "all">;
+    readonly finalMaxCharacters: import("@angular/core").Signal<number | undefined>;
+    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<(Node<any, any> | Mark<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<import("../../models/ate-editor-config.model").AteAngularNode[]>;
+    readonly finalImageUploadConfig: import("@angular/core").Signal<{
+        maxSize: number;
+        handler?: AteImageUploadHandler | undefined;
+        quality: number;
+        maxWidth: number;
+        maxHeight: number;
+        allowedTypes: string[];
+        enableDragDrop: boolean;
+        showPreview: boolean;
+        multiple: boolean;
+        compressImages: boolean;
+    }>;
+    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 | undefined;
+        autofocus?: number | boolean | "start" | "end" | "all" | undefined;
+        placeholder?: string | undefined;
+        editable?: boolean | undefined;
+        minHeight?: string | undefined;
+        maxHeight?: string | 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;
+        enableSlashCommands?: boolean | undefined;
+        maxCharacters?: number | undefined;
+        toolbar?: AteToolbarConfig | undefined;
+        bubbleMenu?: AteBubbleMenuConfig | undefined;
+        imageBubbleMenu?: Partial<Record<"separator" | "changeImage" | "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?: import("../../models/ate-editor-config.model").AteAngularNode[] | undefined;
+        tiptapExtensions?: (Node<any, any> | Mark<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 insertImageFromFile;
+    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; }; "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/slash-commands/ate-slash-commands.component.d.ts

@@ -0,0 +1,43 @@
+import { ElementRef, OnInit, OnDestroy } from "@angular/core";
+import { Editor } from "@tiptap/core";
+import { AteI18nService } from "../../services/ate-i18n.service";
+import * as i0 from "@angular/core";
+export interface AteSlashCommandItem {
+    title: string;
+    description: string;
+    icon: string;
+    keywords: string[];
+    command: (editor: Editor) => void;
+}
+export interface AteCustomSlashCommands {
+    commands?: AteSlashCommandItem[];
+}
+export declare class AteSlashCommandsComponent implements OnInit, 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();
+    ngOnInit(): 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").EditorStateSnapshot>;
+    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,7 @@
+import * as i0 from "@angular/core";
+export declare class AteSeparatorComponent {
+    orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+    size: import("@angular/core").InputSignal<"small" | "medium" | "large">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteSeparatorComponent, "ate-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+import { AteToolbarConfig } from "../models/ate-toolbar.model";
+import { AteBubbleMenuConfig, AteImageBubbleMenuConfig, AteTableBubbleMenuConfig, AteCellBubbleMenuConfig } from "../models/ate-bubble-menu.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;

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 "../components/slash-commands/ate-slash-commands.component";
+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/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;

package/lib/models/ate-bubble-menu.model.d.ts

@@ -0,0 +1,33 @@
+import { Editor } from "@tiptap/core";
+/**
+ * Clés des options du menu bulle de texte
+ */
+export declare const ATE_BUBBLE_MENU_KEYS: readonly ["bold", "italic", "underline", "strike", "code", "superscript", "subscript", "highlight", "highlightPicker", "textColor", "link", "separator"];
+export type AteBubbleMenuKey = (typeof ATE_BUBBLE_MENU_KEYS)[number];
+export interface AteBubbleMenuConfig extends Partial<Record<AteBubbleMenuKey, boolean>> {
+    custom?: AteCustomBubbleMenuItem[];
+}
+export interface AteCustomBubbleMenuItem {
+    key: string;
+    label: string;
+    icon: string;
+    command: (editor: Editor) => void | Promise<void>;
+}
+/**
+ * Clés des options du menu bulle d'image
+ */
+export declare const ATE_IMAGE_BUBBLE_MENU_KEYS: readonly ["changeImage", "resizeSmall", "resizeMedium", "resizeLarge", "resizeOriginal", "deleteImage", "separator"];
+export type AteImageBubbleMenuKey = (typeof ATE_IMAGE_BUBBLE_MENU_KEYS)[number];
+export type AteImageBubbleMenuConfig = Partial<Record<AteImageBubbleMenuKey, boolean>>;
+/**
+ * Clés des options du menu de table
+ */
+export declare const ATE_TABLE_BUBBLE_MENU_KEYS: readonly ["addRowBefore", "addRowAfter", "deleteRow", "addColumnBefore", "addColumnAfter", "deleteColumn", "deleteTable", "toggleHeaderRow", "toggleHeaderColumn", "separator"];
+export type AteTableBubbleMenuKey = (typeof ATE_TABLE_BUBBLE_MENU_KEYS)[number];
+export type AteTableBubbleMenuConfig = Partial<Record<AteTableBubbleMenuKey, boolean>>;
+/**
+ * Clés des options du menu de cellule
+ */
+export declare const ATE_CELL_BUBBLE_MENU_KEYS: readonly ["mergeCells", "splitCell"];
+export type AteCellBubbleMenuKey = (typeof ATE_CELL_BUBBLE_MENU_KEYS)[number];
+export type AteCellBubbleMenuConfig = Partial<Record<AteCellBubbleMenuKey, boolean>>;