@flogeez/angular-tiptap-editor 3.4.1 → 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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flogeez/angular-tiptap-editor",
-  "version": "3.4.1",
+  "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,5 @@
 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";
@@ -24,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";