@stackch/angular-richtext-editor 1.1.1 → 1.2.1

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class StackchRichtextEditorConfig {
@@ -17,6 +17,10 @@ declare class StackchRichtextEditorConfig {
     showRemoveFormat: boolean;
     i18n?: Partial<StackchRichtextEditorI18n>;
 }
+interface StackchRichtextMetrics {
+    htmlLength: number;
+    textLength: number;
+}
 declare class StackchRichtextEditorI18n {
     placeholder: string;
     undoTitle: string;
@@ -57,8 +61,15 @@ declare class StackchRichtextEditorI18n {
 declare const STACKCH_RTE_I18N_DE: Partial<StackchRichtextEditorI18n>;
 declare const STACKCH_RTE_I18N_FR: Partial<StackchRichtextEditorI18n>;
 declare const STACKCH_RTE_I18N_IT: Partial<StackchRichtextEditorI18n>;
-declare class StackchRichtextEditor implements ControlValueAccessor {
-    private cdr;
+/**
+ * Abstract base class shared by StackchRichtextEditor (core) and
+ * StackchRichtextEditorMaterial (Material variant).
+ * Contains all editing logic; concrete subclasses add only the @Component
+ * decorator with their own template / styles / toolbar.
+ */
+declare abstract class StackchRichtextEditorBase implements ControlValueAccessor {
+    protected cdr: ChangeDetectorRef;
+    protected logPrefix: string;
     placeholder: string;
     showToolbar: boolean;
     fonts: string[];
@@ -70,12 +81,13 @@ declare class StackchRichtextEditor implements ControlValueAccessor {
     get disabled(): boolean;
     private _disabled;
     valueChange: EventEmitter<string>;
+    metricsChange: EventEmitter<StackchRichtextMetrics>;
     editorRef: ElementRef<HTMLDivElement>;
     constructor(cdr: ChangeDetectorRef);
     config?: Partial<StackchRichtextEditorConfig> | null;
     get cfg(): StackchRichtextEditorConfig;
     get i18n(): StackchRichtextEditorI18n;
-    private onChange;
+    protected onChange: (value: string) => void;
     onTouched: () => void;
     private savedRange;
     private history;
@@ -131,6 +143,7 @@ declare class StackchRichtextEditor implements ControlValueAccessor {
     onKeyup(_evt: KeyboardEvent): void;
     onPaste(evt: ClipboardEvent): void;
     private emitValue;
+    private emitMetrics;
     private cleanupEmptyStylesAndSpans;
     get canUndo(): boolean;
     get canRedo(): boolean;
@@ -147,22 +160,13 @@ declare class StackchRichtextEditor implements ControlValueAccessor {
     private focusEditor;
     private applyInlineStyle;
     private applyInlineStyleSmart;
-    private getIntersectingBlocks;
-    private wrapSelectionInline;
-    private isBoldCarrier;
-    private boldAncestorContainingRange;
-    private ancestorContainingRange;
-    private splitCarrierAroundSelection;
-    private deselectBoldBySplitting;
-    private deselectItalicBySplitting;
-    private deselectUnderlineBySplitting;
-    private cleanupEmptyItalicSpans;
-    private cleanupEmptyUnderlineSpans;
-    private stripBoldWithin;
-    private liftOutOfBoldAncestors;
-    private splitOutOfAncestor;
-    private cleanupEmptyBoldSpans;
-    private maybeUnwrapNormalSpan;
+    private applySelectionStyles;
+    private collectTextSegments;
+    private intersectsRange;
+    private applyStylesToSegment;
+    private toCssProperty;
+    private mergeAdjacentStyledSpans;
+    private saveSelectionFromRange;
     private wrapSelectionWith;
     private insertTextAtSelection;
     private updateInlineStates;
@@ -172,12 +176,14 @@ declare class StackchRichtextEditor implements ControlValueAccessor {
     private isNodeBold;
     private isNodeItalic;
     private isNodeUnderline;
-    private isItalicCarrier;
-    private isUnderlineCarrier;
-    private computeBoldActiveForRange;
-    private computeItalicActiveForRange;
-    private computeUnderlineActiveForRange;
     private removeInlineStyleInRange;
+    private pruneDanglingStyleCarriers;
+    private elementHasVisibleContent;
+    private isolateRangeFromStyleCarriers;
+    private selectionHasStyle;
+    private findCarrierContainingRange;
+    private isStyleCarrier;
+    private splitCarrierAroundSelection;
     toggleBold(): void;
     toggleItalic(): void;
     toggleUnderline(): void;
@@ -190,8 +196,15 @@ declare class StackchRichtextEditor implements ControlValueAccessor {
     private applySpacingToSelection;
     private normalizeSpacingSpans;
     private setHeading;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StackchRichtextEditorBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StackchRichtextEditorBase, never, never, { "placeholder": { "alias": "placeholder"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "fonts": { "alias": "fonts"; "required": false; }; "fontSizes": { "alias": "fontSizes"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "valueChange": "valueChange"; "metricsChange": "metricsChange"; }, never, never, true, never>;
+}
+
+declare class StackchRichtextEditor extends StackchRichtextEditorBase {
+    protected logPrefix: string;
+    constructor(cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<StackchRichtextEditor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StackchRichtextEditor, "stackch-richtext-editor", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "fonts": { "alias": "fonts"; "required": false; }; "fontSizes": { "alias": "fontSizes"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StackchRichtextEditor, "stackch-richtext-editor", never, {}, {}, never, never, true, never>;
 }
 
 declare class StackchRichtextEditorToolbar {
@@ -245,4 +258,5 @@ declare class StackchRichtextEditorToolbar {
     static ɵcmp: i0.ɵɵComponentDeclaration<StackchRichtextEditorToolbar, "stackch-richtext-editor-toolbar", never, { "cfg": { "alias": "cfg"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fonts": { "alias": "fonts"; "required": false; }; "fontSizes": { "alias": "fontSizes"; "required": false; }; "isBoldActive": { "alias": "isBoldActive"; "required": false; }; "isItalicActive": { "alias": "isItalicActive"; "required": false; }; "isUnderlineActive": { "alias": "isUnderlineActive"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "uiState": { "alias": "uiState"; "required": false; }; }, { "undo": "undo"; "redo": "redo"; "toggleFontPanel": "toggleFontPanel"; "toggleHeadingMenu": "toggleHeadingMenu"; "toggleSpacingMenu": "toggleSpacingMenu"; "toggleAlignMenu": "toggleAlignMenu"; "toggleColorMenu": "toggleColorMenu"; "toggleListMenu": "toggleListMenu"; "pickFont": "pickFont"; "pickFontSize": "pickFontSize"; "pickAlign": "pickAlign"; "pickList": "pickList"; "pickHeading": "pickHeading"; "pickSpacing": "pickSpacing"; "applyColor": "applyColor"; "applyHighlight": "applyHighlight"; "toggleBold": "toggleBold"; "toggleItalic": "toggleItalic"; "toggleUnderline": "toggleUnderline"; "insertLink": "insertLink"; "removeFormat": "removeFormat"; "saveSelectionRequest": "saveSelectionRequest"; }, never, never, true, never>;
 }
 
-export { STACKCH_RTE_I18N_DE, STACKCH_RTE_I18N_FR, STACKCH_RTE_I18N_IT, StackchRichtextEditor, StackchRichtextEditorConfig, StackchRichtextEditorI18n, StackchRichtextEditorToolbar };
+export { STACKCH_RTE_I18N_DE, STACKCH_RTE_I18N_FR, STACKCH_RTE_I18N_IT, StackchRichtextEditor, StackchRichtextEditorBase, StackchRichtextEditorConfig, StackchRichtextEditorI18n, StackchRichtextEditorToolbar };
+export type { StackchRichtextMetrics };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackch/angular-richtext-editor",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "Lightweight Angular rich text editor (standalone) with a reusable toolbar: fonts, sizes, colors, lists, alignment, links.",
   "peerDependencies": {
     "@angular/common": "^20.3.4",