@flogeez/angular-tiptap-editor 3.4.0 → 3.4.2

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

@@ -220,6 +220,7 @@ export declare class AngularTiptapEditorComponent implements AfterViewInit, OnDe
         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;
+        tableOfContents?: import("@flogeez/angular-tiptap-editor").AteTocConfig | undefined;
         floatingToolbar?: boolean | undefined;
         imageUpload?: import("../../models/ate-image.model").AteImageUploadConfig | undefined;
         angularNodes?: AteAngularNode[] | undefined;

package/lib/components/table-of-contents/ate-table-of-contents.component.d.ts

@@ -1,15 +1,8 @@
 import { OnDestroy } from "@angular/core";
 import { Editor } from "@tiptap/core";
 import { AteEditorRef } from "../../models/ate-editor-ref";
+import { AteTocItem, AteTocVariant } from "../../models/ate-toc.model";
 import * as i0 from "@angular/core";
-export interface AteTocItem {
-    text: string;
-    level: number;
-    pos: number;
-    id: string;
-    active: boolean;
-}
-export type AteTocVariant = "card" | "transparent" | "minimal";
 /**
  * Table of Contents Component (Notion-style)
  * Dynamically extracts headings from the active editor and displays them.
@@ -23,6 +16,7 @@ export declare class AteTableOfContentsComponent implements OnDestroy {
     position: import("@angular/core").InputSignal<"left" | "right">;
     variant: import("@angular/core").InputSignal<AteTocVariant>;
     hoverExpand: import("@angular/core").InputSignal<boolean>;
+    maxDepth: import("@angular/core").InputSignalWithTransform<number, string | number>;
     private readonly registry;
     private readonly i18n;
     dashWidth(level: number): number;
@@ -44,5 +38,5 @@ export declare class AteTableOfContentsComponent implements OnDestroy {
     private updateHeadings;
     private checkActiveHeading;
     static ɵfac: i0.ɵɵFactoryDeclaration<AteTableOfContentsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AteTableOfContentsComponent, "ate-table-of-contents", never, { "editor": { "alias": "editor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; "floating": { "alias": "floating"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hoverExpand": { "alias": "hoverExpand"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteTableOfContentsComponent, "ate-table-of-contents", never, { "editor": { "alias": "editor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; "floating": { "alias": "floating"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hoverExpand": { "alias": "hoverExpand"; "required": false; "isSignal": true; }; "maxDepth": { "alias": "maxDepth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/table-of-contents/ate-toc-node.component.d.ts

@@ -0,0 +1,19 @@
+import { Injector } from "@angular/core";
+import { AteAngularNodeView } from "../../node-view/ate-angular-node-view";
+import { RegisterAngularComponentOptions } from "../../node-view/ate-node-view.models";
+import * as i0 from "@angular/core";
+/**
+ * Custom Angular NodeView wrapper for displaying Table of Contents directly inside the editor content.
+ */
+export declare class AteTocNodeComponent extends AteAngularNodeView {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AteTocNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AteTocNodeComponent, "ate-toc-node", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Registration options for the Table of Contents Angular NodeView
+ */
+export declare const AteTocNodeOptions: RegisterAngularComponentOptions<AteTocNodeComponent>;
+/**
+ * Creates the Table of Contents TipTap Node Extension instance.
+ */
+export declare function getAteTocNodeExtension(injector?: Injector): import("@tiptap/core").Node<any, any>;

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

@@ -4,7 +4,7 @@ import { AteEditorCommandsService } from "../services/ate-editor-commands.servic
 /**
  * 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 declare const ATE_SLASH_COMMAND_KEYS: readonly ["heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "code", "image", "horizontalRule", "table", "tableOfContents"];
 export type AteSlashCommandKey = (typeof ATE_SLASH_COMMAND_KEYS)[number];
 /**
  * Configuration simplifiée pour activer/désactiver les slash commands natives.

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

@@ -0,0 +1,5 @@
+import { AteTocConfig } from "../models/ate-toc.model";
+/**
+ * Default Table of Contents configuration
+ */
+export declare const ATE_DEFAULT_TOC_CONFIG: Required<AteTocConfig>;

package/lib/i18n/ateTranslationsModel.d.ts

@@ -104,6 +104,11 @@ export interface AteTranslations {
             description: string;
             keywords: string[];
         };
+        tableOfContents: {
+            title: string;
+            description: string;
+            keywords: string[];
+        };
     };
     table: {
         addRowBefore: string;

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

@@ -4,6 +4,7 @@ import { RegisterAngularComponentOptions } from "../node-view/ate-node-view.mode
 import { AteBubbleMenuConfig, AteImageBubbleMenuConfig, AteTableBubbleMenuConfig, AteCellBubbleMenuConfig } from "./ate-bubble-menu.model";
 import { AteSlashCommandsConfig } from "../config/ate-slash-commands.config";
 import { AteImageUploadConfig } from "./ate-image.model";
+import { AteTocConfig } from "./ate-toc.model";
 import { Extension, Node, Mark, EditorOptions } from "@tiptap/core";
 import { AteStateCalculator } from "./ate-editor-state.model";
 import { AteCustomSlashCommands } from "./ate-slash-command.model";
@@ -90,6 +91,8 @@ export interface AteEditorConfig {
     cellBubbleMenu?: AteCellBubbleMenuConfig;
     /** Slash commands configuration (/) */
     slashCommands?: AteSlashCommandsConfig;
+    /** Table of Contents configuration */
+    tableOfContents?: AteTocConfig;
     /** If true, shows the floating toolbar on focus */
     floatingToolbar?: boolean;
     /** Technical configuration for image uploads */

package/lib/models/ate-toc.model.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Visual variants for Table of Contents
+ */
+export type AteTocVariant = "card" | "transparent" | "minimal";
+/**
+ * Item structure extracted by Table of Contents
+ */
+export interface AteTocItem {
+    text: string;
+    level: number;
+    pos: number;
+    id: string;
+    active: boolean;
+}
+/**
+ * Configuration options for Table of Contents
+ */
+export interface AteTocConfig {
+    enabled?: boolean;
+    floating?: boolean;
+    position?: "left" | "right";
+    variant?: AteTocVariant;
+    hoverExpand?: boolean;
+    showTitle?: boolean;
+    maxDepth?: number;
+}

package/lib/node-view/ate-angular-node-view.d.ts

@@ -49,6 +49,10 @@ export declare abstract class AteAngularNodeView {
      * The ProseMirror node
      */
     node: Signal<ProseMirrorNode>;
+    /**
+     * Helper signal to directly access node attributes
+     */
+    attributes: Signal<Record<string, unknown>>;
     /**
      * Decorations applied to this node
      */

package/lib/services/ate-i18n.service.d.ts

@@ -113,6 +113,11 @@ export declare class AteI18nService {
             description: string;
             keywords: string[];
         };
+        tableOfContents: {
+            title: string;
+            description: string;
+            keywords: string[];
+        };
     }>;
     readonly table: import("@angular/core").Signal<{
         addRowBefore: string;
@@ -244,6 +249,10 @@ export declare class AteI18nService {
         title: string;
         description: string;
         keywords: string[];
+    } | {
+        title: string;
+        description: string;
+        keywords: string[];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<AteI18nService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AteI18nService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flogeez/angular-tiptap-editor",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "A modern, customizable rich-text editor for Angular (18+), built with Tiptap and featuring complete internationalization support",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -1,5 +1,6 @@
 export * from "./lib/components/editor/angular-tiptap-editor.component";
-export { AteTableOfContentsComponent, type AteTocItem, type AteTocVariant } from "./lib/components/table-of-contents/ate-table-of-contents.component";
+export { AteTableOfContentsComponent } from "./lib/components/table-of-contents/ate-table-of-contents.component";
+export { AteTocNodeComponent, AteTocNodeOptions, getAteTocNodeExtension } from "./lib/components/table-of-contents/ate-toc-node.component";
 export * from "./lib/ate-editor.provider";
 export * from "./lib/directives/ate-noop-value-accessor.directive";
 export * from "./lib/directives/ate-tooltip.directive";
@@ -23,8 +24,10 @@ export * from "./lib/models/ate-image.model";
 export * from "./lib/models/ate-bubble-menu.model";
 export * from "./lib/models/ate-editor-config.model";
 export * from "./lib/models/ate-slash-command.model";
+export * from "./lib/models/ate-toc.model";
 export * from "./lib/config/ate-editor.config";
 export * from "./lib/config/ate-global-config.token";
+export * from "./lib/config/ate-toc.config";
 export * from "./lib/config/ate-slash-commands.config";
 export type { SupportedLocale } from "./lib/i18n/ateTranslationsModel";
 export { AteAngularNodeView } from "./lib/node-view/ate-angular-node-view";