@flogeez/angular-tiptap-editor 2.2.1 → 2.2.2

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to `@flogeez/angular-tiptap-editor` will be documented in th
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html), with the exception that the major version is specifically aligned with the major version of [Tiptap](https://tiptap.dev).
 
+## [2.2.2] - 2026-01-26
+
+### Refactored
+
+- **Sub-Bubble Menus**: Introduced a new dedicated base class `AteBaseSubBubbleMenu` for specialized menus (link and color). This refactoring centralizes common Tippy.js logic and transition behaviors while preserving the unique anchoring and state-locking requirements of each sub-menu.
+
 ## [2.2.1] - 2026-01-25
 
 ### Added
@@ -128,7 +134,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Breaking Changes
 
-- **Service Injection**: If you were injecting `EditorCommandsService` (or other internal services) directly into your own global services/components, it will no longer work. You must now interact with the editor via its public API (`@ViewChild`).
+- **Service Injection**: If you were injecting `EditorCommandsService` (or other internal services) directly into your own global services/components, it will no longer work. You must now interact with the editor via its public API (`@ViewChild or viewChild()`).
 
 ## [0.6.0] - 2026-01-14
 

package/README.md

@@ -69,7 +69,9 @@ import { AngularTiptapEditorComponent } from "@flogeez/angular-tiptap-editor";
   selector: "app-example",
   standalone: true,
   imports: [AngularTiptapEditorComponent],
-  template: ` <angular-tiptap-editor [content]="content" (contentChange)="onContentChange($event)" /> `,
+  template: `
+    <angular-tiptap-editor [content]="content" (contentChange)="onContentChange($event)" />
+  `,
 })
 export class ExampleComponent {
   content = "<p>Hello <strong>World</strong>!</p>";
@@ -98,7 +100,10 @@ import {
   standalone: true,
   imports: [AngularTiptapEditorComponent],
   template: `
-    <angular-tiptap-editor [content]="content" [config]="editorConfig" (contentChange)="onContentChange($event)" />
+    <angular-tiptap-editor
+      [content]="content"
+      [config]="editorConfig"
+      (contentChange)="onContentChange($event)" />
   `,
 })
 export class AdvancedComponent {
@@ -146,7 +151,10 @@ import { AngularTiptapEditorComponent } from "@flogeez/angular-tiptap-editor";
   standalone: true,
   imports: [AngularTiptapEditorComponent],
   template: `
-    <angular-tiptap-editor [content]="content" [tiptapExtensions]="extensions" (contentChange)="content = $event" />
+    <angular-tiptap-editor
+      [content]="content"
+      [tiptapExtensions]="extensions"
+      (contentChange)="content = $event" />
   `,
 })
 export class CustomExtensionsComponent {
@@ -355,7 +363,10 @@ The handler can return either an **Observable** or a **Promise**.
 import { Component, inject } from "@angular/core";
 import { HttpClient } from "@angular/common/http";
 import { map } from "rxjs/operators";
-import { AngularTiptapEditorComponent, AteImageUploadHandler } from "@flogeez/angular-tiptap-editor";
+import {
+  AngularTiptapEditorComponent,
+  AteImageUploadHandler,
+} from "@flogeez/angular-tiptap-editor";
 
 @Component({
   selector: "app-custom-upload",
@@ -376,7 +387,9 @@ export class CustomUploadComponent {
     const formData = new FormData();
     formData.append("image", ctx.file);
 
-    return this.http.post<{ url: string }>("/api/upload", formData).pipe(map(result => ({ src: result.url })));
+    return this.http
+      .post<{ url: string }>("/api/upload", formData)
+      .pipe(map(result => ({ src: result.url })));
   };
 
   onContentChange(newContent: string) {