fable-editor 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 An Sajin Satheesan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,175 @@
+# FableEditor
+
+A rich text editor packaged as an npm library with first-class React and Angular wrappers. Built from the original standalone `fable-editor.html`/`fable-editor.js` demo, preserving the full feature set.
+
+## Features
+
+| Feature | Details |
+|---|---|
+| Toolbar & menubar | Configurable via `toolbar`/`menubar` strings (`\|`-separated groups), or use the built-in defaults. Menus: File, Edit, View, Insert, Format, Tools, Table, Help |
+| Tables | Resize handles, row/column insert & delete, cell/row/column/table properties, context toolbar |
+| Paste handling | PowerPaste-style clean paste from Word / Google Docs / Excel |
+| Internationalization | English / Arabic, automatic RTL/LTR switching |
+| Fonts & formatting | Configurable font list (`fontFamilyFormats`), sizes, line-height, word-spacing, text/background color, change case |
+| Custom content styling | `contentStyle` injects scoped CSS into the editable area (e.g. default font/size) |
+| Images | Placeholder upload UI, drag-and-drop, configurable accepted file types (`imageFileTypes`), pluggable async upload handler |
+| Documents | Import `.docx` files, source-code view, print preview |
+| Productivity | Undo/redo, revision history, autosave draft restore, word count, special characters, page breaks |
+| Fullscreen | Toggle fullscreen editing |
+| Help | Built-in shortcuts/help dialog |
+
+## Install
+
+```bash
+npm install fable-editor
+```
+
+> **Note:** the package ships framework wrappers as optional peer dependencies. Install React or Angular dependencies only if you use those wrappers.
+
+## Vanilla / Core
+
+Import the CSS once in your app, then create an editor instance:
+
+```ts
+import 'fable-editor/style.css';
+import { FableEditor } from 'fable-editor';
+
+const editor = new FableEditor({
+  target: document.getElementById('editor')!,
+  language: 'en',           // 'en' | 'ar'
+  height: 400,
+  initialContent: '<p><br></p>',
+  onChange: (html) => console.log(html)
+});
+
+// API
+editor.getContent();
+editor.setContent('<p>Hello</p>');
+editor.insertContent('<strong>bold</strong>');
+editor.setLanguage('ar');
+editor.focus();
+editor.destroy();
+```
+
+### `init` options
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `target` | `HTMLElement` | — | Required. Element to mount the editor into. |
+| `language` | `'en' \| 'ar'` | `'en'` | UI language; also switches text direction. |
+| `height` | `number` | `302` | Editable area height in px. |
+| `initialContent` | `string` | `'<p><br></p>'` | Starting HTML content. |
+| `menubar` | `boolean \| string` | `true` | `true`/omitted = default menu set. `false` = hidden. A string is a space-separated subset/reorder, e.g. `'file edit view insert format tools table help'`. |
+| `toolbar` | `boolean \| string` | `true` | `true`/omitted = default toolbar. `false` = hidden. A string lays out the toolbar: `\|` separates groups, spaces separate items, e.g. `'undo redo \| bold italic'`. |
+| `statusbar` | `boolean` | `true` | Show/hide the status bar. |
+| `readonly` | `boolean` | `false` | Disable editing. |
+| `fontFamilyFormats` | `[string, string][]` | built-in list | Overrides the font dropdown. Tuples of `[displayName, cssFontFamilyValue]`. |
+| `contentStyle` | `string` | — | Custom CSS for the editable area. The literal word `body` is scoped to this editor instance; other selectors are used verbatim (your responsibility to scope). |
+| `imageFileTypes` | `string[]` | common image MIME types | `accept` list for the native image file picker. |
+| `imageUploadHandler` | `(file: File) => Promise<string>` | — | Resolve with a URL after uploading; omit to inline images as base64. |
+| `onImageUploadError` | `(error, file) => void` | — | Called when `imageUploadHandler` rejects. |
+| `draftKey` | `string` | current page path | Storage key suffix for autosaved drafts. |
+| `onChange` / `onReady` | functions | — | Content-change and ready callbacks (usually set by the React/Angular wrapper instead). |
+
+## React
+
+```tsx
+import 'fable-editor/style.css';
+import { FableEditor } from 'fable-editor/react';
+
+function App() {
+  const [value, setValue] = useState('<p><br></p>');
+
+  return (
+    <FableEditor
+      value={value}
+      onChange={setValue}
+      language="en"
+      height={400}
+    />
+  );
+}
+```
+
+Props: `value`, `defaultValue`, `onChange`, `language`, `height`, `menubar`, `toolbar`, `statusbar`, `readonly`, `fontFamilyFormats`, `contentStyle`, `imageFileTypes`, `imageUploadHandler`, `onImageUploadError`, `init`, `className`, `style` (see the [`init` options](#init-options) table above — every option is also a top-level prop). A ref exposes `getContent`, `setContent`, `insertContent`, `setLanguage`, `focus`, `destroy`.
+
+## Angular
+
+Add to `angular.json` styles:
+
+```json
+"styles": [
+  "src/styles.css",
+  "node_modules/fable-editor/style.css"
+]
+```
+
+Import the module:
+
+```ts
+import { FableEditorModule } from 'fable-editor/angular';
+
+@NgModule({
+  imports: [FableEditorModule]
+})
+export class AppModule {}
+```
+
+Use in a template:
+
+```html
+<fable-editor [(ngModel)]="content" language="en" [height]="400"></fable-editor>
+```
+
+Inputs: `language`, `height`, `menubar`, `toolbar`, `statusbar`, `readonly`, `init`. `menubar`/`toolbar` accept a string directly (e.g. `[toolbar]="'undo redo | bold italic'"`); `fontFamilyFormats`, `contentStyle`, `imageFileTypes`, `imageUploadHandler`, and `onImageUploadError` aren't top-level inputs — pass them via `[init]="{ contentStyle: '...' }"` (see the [`init` options](#init-options) table above). Outputs: `editorChange`, `editorReady`. Works with `ngModel` and `formControlName`.
+
+## Development & testing
+
+```bash
+npm install
+npm run build      # builds core, react, and angular
+npm test           # automated core tests (Vitest + jsdom)
+```
+
+### Manual smoke tests
+
+```bash
+# Vanilla demo
+npm run demo
+# open http://localhost:5173/demo/index.html
+
+# React example
+npm run demo:react
+# open http://localhost:5173
+
+# Angular example
+npm run demo:angular
+# open http://localhost:4200
+```
+
+> Run `npm run build` before the Angular demo so the library files are up to date.
+
+## Project layout
+
+```
+src/
+  core/         # framework-agnostic editor engine
+  react/        # React wrapper
+  angular/      # Angular wrapper + module
+  index.ts      # Angular library entry point
+examples/
+  react/        # runnable React test app
+  angular/      # runnable Angular CLI test app
+demo/
+  index.html    # manual vanilla test page
+test/
+  core.test.ts  # automated core tests
+```
+
+## Author
+
+An Sajin Satheesan <an.sajinsatheesan@gmail.com>
+
+## License
+
+MIT

package/dist/angular/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 An Sajin Satheesan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/angular/README.md

@@ -0,0 +1,175 @@
+# FableEditor
+
+A rich text editor packaged as an npm library with first-class React and Angular wrappers. Built from the original standalone `fable-editor.html`/`fable-editor.js` demo, preserving the full feature set.
+
+## Features
+
+| Feature | Details |
+|---|---|
+| Toolbar & menubar | Configurable via `toolbar`/`menubar` strings (`\|`-separated groups), or use the built-in defaults. Menus: File, Edit, View, Insert, Format, Tools, Table, Help |
+| Tables | Resize handles, row/column insert & delete, cell/row/column/table properties, context toolbar |
+| Paste handling | PowerPaste-style clean paste from Word / Google Docs / Excel |
+| Internationalization | English / Arabic, automatic RTL/LTR switching |
+| Fonts & formatting | Configurable font list (`fontFamilyFormats`), sizes, line-height, word-spacing, text/background color, change case |
+| Custom content styling | `contentStyle` injects scoped CSS into the editable area (e.g. default font/size) |
+| Images | Placeholder upload UI, drag-and-drop, configurable accepted file types (`imageFileTypes`), pluggable async upload handler |
+| Documents | Import `.docx` files, source-code view, print preview |
+| Productivity | Undo/redo, revision history, autosave draft restore, word count, special characters, page breaks |
+| Fullscreen | Toggle fullscreen editing |
+| Help | Built-in shortcuts/help dialog |
+
+## Install
+
+```bash
+npm install fable-editor
+```
+
+> **Note:** the package ships framework wrappers as optional peer dependencies. Install React or Angular dependencies only if you use those wrappers.
+
+## Vanilla / Core
+
+Import the CSS once in your app, then create an editor instance:
+
+```ts
+import 'fable-editor/style.css';
+import { FableEditor } from 'fable-editor';
+
+const editor = new FableEditor({
+  target: document.getElementById('editor')!,
+  language: 'en',           // 'en' | 'ar'
+  height: 400,
+  initialContent: '<p><br></p>',
+  onChange: (html) => console.log(html)
+});
+
+// API
+editor.getContent();
+editor.setContent('<p>Hello</p>');
+editor.insertContent('<strong>bold</strong>');
+editor.setLanguage('ar');
+editor.focus();
+editor.destroy();
+```
+
+### `init` options
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `target` | `HTMLElement` | — | Required. Element to mount the editor into. |
+| `language` | `'en' \| 'ar'` | `'en'` | UI language; also switches text direction. |
+| `height` | `number` | `302` | Editable area height in px. |
+| `initialContent` | `string` | `'<p><br></p>'` | Starting HTML content. |
+| `menubar` | `boolean \| string` | `true` | `true`/omitted = default menu set. `false` = hidden. A string is a space-separated subset/reorder, e.g. `'file edit view insert format tools table help'`. |
+| `toolbar` | `boolean \| string` | `true` | `true`/omitted = default toolbar. `false` = hidden. A string lays out the toolbar: `\|` separates groups, spaces separate items, e.g. `'undo redo \| bold italic'`. |
+| `statusbar` | `boolean` | `true` | Show/hide the status bar. |
+| `readonly` | `boolean` | `false` | Disable editing. |
+| `fontFamilyFormats` | `[string, string][]` | built-in list | Overrides the font dropdown. Tuples of `[displayName, cssFontFamilyValue]`. |
+| `contentStyle` | `string` | — | Custom CSS for the editable area. The literal word `body` is scoped to this editor instance; other selectors are used verbatim (your responsibility to scope). |
+| `imageFileTypes` | `string[]` | common image MIME types | `accept` list for the native image file picker. |
+| `imageUploadHandler` | `(file: File) => Promise<string>` | — | Resolve with a URL after uploading; omit to inline images as base64. |
+| `onImageUploadError` | `(error, file) => void` | — | Called when `imageUploadHandler` rejects. |
+| `draftKey` | `string` | current page path | Storage key suffix for autosaved drafts. |
+| `onChange` / `onReady` | functions | — | Content-change and ready callbacks (usually set by the React/Angular wrapper instead). |
+
+## React
+
+```tsx
+import 'fable-editor/style.css';
+import { FableEditor } from 'fable-editor/react';
+
+function App() {
+  const [value, setValue] = useState('<p><br></p>');
+
+  return (
+    <FableEditor
+      value={value}
+      onChange={setValue}
+      language="en"
+      height={400}
+    />
+  );
+}
+```
+
+Props: `value`, `defaultValue`, `onChange`, `language`, `height`, `menubar`, `toolbar`, `statusbar`, `readonly`, `fontFamilyFormats`, `contentStyle`, `imageFileTypes`, `imageUploadHandler`, `onImageUploadError`, `init`, `className`, `style` (see the [`init` options](#init-options) table above — every option is also a top-level prop). A ref exposes `getContent`, `setContent`, `insertContent`, `setLanguage`, `focus`, `destroy`.
+
+## Angular
+
+Add to `angular.json` styles:
+
+```json
+"styles": [
+  "src/styles.css",
+  "node_modules/fable-editor/style.css"
+]
+```
+
+Import the module:
+
+```ts
+import { FableEditorModule } from 'fable-editor/angular';
+
+@NgModule({
+  imports: [FableEditorModule]
+})
+export class AppModule {}
+```
+
+Use in a template:
+
+```html
+<fable-editor [(ngModel)]="content" language="en" [height]="400"></fable-editor>
+```
+
+Inputs: `language`, `height`, `menubar`, `toolbar`, `statusbar`, `readonly`, `init`. `menubar`/`toolbar` accept a string directly (e.g. `[toolbar]="'undo redo | bold italic'"`); `fontFamilyFormats`, `contentStyle`, `imageFileTypes`, `imageUploadHandler`, and `onImageUploadError` aren't top-level inputs — pass them via `[init]="{ contentStyle: '...' }"` (see the [`init` options](#init-options) table above). Outputs: `editorChange`, `editorReady`. Works with `ngModel` and `formControlName`.
+
+## Development & testing
+
+```bash
+npm install
+npm run build      # builds core, react, and angular
+npm test           # automated core tests (Vitest + jsdom)
+```
+
+### Manual smoke tests
+
+```bash
+# Vanilla demo
+npm run demo
+# open http://localhost:5173/demo/index.html
+
+# React example
+npm run demo:react
+# open http://localhost:5173
+
+# Angular example
+npm run demo:angular
+# open http://localhost:4200
+```
+
+> Run `npm run build` before the Angular demo so the library files are up to date.
+
+## Project layout
+
+```
+src/
+  core/         # framework-agnostic editor engine
+  react/        # React wrapper
+  angular/      # Angular wrapper + module
+  index.ts      # Angular library entry point
+examples/
+  react/        # runnable React test app
+  angular/      # runnable Angular CLI test app
+demo/
+  index.html    # manual vanilla test page
+test/
+  core.test.ts  # automated core tests
+```
+
+## Author
+
+An Sajin Satheesan <an.sajinsatheesan@gmail.com>
+
+## License
+
+MIT

package/dist/angular/angular/fable-editor.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { EditorInitOptions, EditorLanguage, FableEditorApi } from '../core';
+import * as i0 from "@angular/core";
+export declare class FableEditorComponent implements OnInit, OnChanges, OnDestroy {
+    container: ElementRef<HTMLDivElement>;
+    language: EditorLanguage;
+    height: number;
+    menubar: boolean | string;
+    toolbar: boolean | string;
+    statusbar: boolean;
+    readonly: boolean;
+    init: Partial<Omit<EditorInitOptions, 'target'>>;
+    value: string;
+    editorChange: EventEmitter<string>;
+    editorReady: EventEmitter<FableEditorApi>;
+    private editor?;
+    private lastContent;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    getContent(): string;
+    setContent(html: string): void;
+    insertContent(html: string): void;
+    setLanguage(lang: EditorLanguage): void;
+    focus(): void;
+    writeValue(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FableEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FableEditorComponent, "fable-editor", never, { "language": { "alias": "language"; "required": false; }; "height": { "alias": "height"; "required": false; }; "menubar": { "alias": "menubar"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "statusbar": { "alias": "statusbar"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "init": { "alias": "init"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "editorChange": "editorChange"; "editorReady": "editorReady"; }, never, never, true, never>;
+}

package/dist/angular/angular/fable-editor.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./fable-editor.component";
+export declare class FableEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FableEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FableEditorModule, never, [typeof i1.FableEditorComponent], [typeof i1.FableEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FableEditorModule>;
+}

package/dist/angular/angular/index.d.ts

@@ -0,0 +1,2 @@
+export { FableEditorModule } from './fable-editor.module';
+export { FableEditorComponent } from './fable-editor.component';

package/dist/angular/core/config.d.ts

@@ -0,0 +1,17 @@
+/** Transcribed group-by-group from the editor's built-in toolbar layout so that
+ *  `toolbar: true` (the default) renders identically to the hard-coded original. */
+export declare const DEFAULT_TOOLBAR: string;
+/** Transcribed from the editor's built-in menu keys so that `menubar: true` (the
+ *  default) renders identically to the hard-coded original. */
+export declare const DEFAULT_MENUBAR = "file edit view insert format tools table help";
+export declare const FONTS: [string, string][];
+export declare const SIZES: string[];
+export declare const MIN_FONT_PX = 1;
+export declare const MAX_FONT_PX = 100;
+export declare const LINE_HEIGHTS: string[];
+export declare const WORD_SPACINGS: string[];
+export declare const BLOCKS: [string, string][];
+/** Quick-access text color chips shown directly in the toolbar. */
+export declare const QUICK_COLORS: string[];
+export declare const COLORS: string[];
+export declare const CHARS: string[];

package/dist/angular/core/docx-import.d.ts

@@ -0,0 +1 @@
+export declare function importDocxToHtml(input: File | Blob | ArrayBuffer): Promise<string>;

package/dist/angular/core/editor.d.ts

@@ -0,0 +1,219 @@
+import { EditorInitOptions, EditorLanguage, FableEditorApi } from './types';
+export declare class FableEditor implements FableEditorApi {
+    private static instanceCounter;
+    private options;
+    private lang;
+    private contentClass;
+    private contentStyleEl;
+    private shell;
+    private menubar;
+    private toolbar;
+    private ed;
+    private statusbar;
+    private sbHelp;
+    private sbWords;
+    private imgInput;
+    private savedRange;
+    private foreColor;
+    private backColor;
+    private openPop;
+    private openSubEl;
+    private popAnchor;
+    private dlgOvl;
+    private tblActive;
+    private tblCorner;
+    private tblColBars;
+    private tblCtx;
+    private tblCellMark;
+    private tblOpMark;
+    private tblOpMarkKind;
+    private imgActive;
+    private imgHandles;
+    private imgCtx;
+    private imgHideTimer;
+    private phActive;
+    private phCtx;
+    private phUploadTarget;
+    private imageUploadHandler?;
+    private onImageUploadError?;
+    private contentStyle?;
+    private selCtx;
+    private docInput;
+    private revisions;
+    private revTimer;
+    private draftTimer;
+    private draftStorageKey;
+    private listeners;
+    private isDestroyed;
+    constructor(options: EditorInitOptions);
+    private t;
+    private tArr;
+    private dir;
+    private initDOM;
+    /** Rewrites the literal word `body` in a user-supplied `contentStyle` string to a
+     *  selector scoped to this instance's content div. Everything else passes through
+     *  verbatim, since `.ed` is a plain div in the host page (not an iframe) and an
+     *  unscoped `body { ... }` rule would otherwise leak onto the host page's body. */
+    private scopeContentStyle;
+    private bindGrip;
+    private bindEvents;
+    private on;
+    private onDoc;
+    private onWin;
+    getContent(): string;
+    setContent(html: string): void;
+    insertContent(html: string): void;
+    setLanguage(lang: EditorLanguage): void;
+    focus(): void;
+    importWordFile(file: File | Blob): Promise<void>;
+    restoreDraft(): boolean;
+    getRevisions(): Array<{
+        time: number;
+        html: string;
+    }>;
+    destroy(): void;
+    private saveSel;
+    private restoreSel;
+    private exec;
+    private closestBlock;
+    private selectedBlocks;
+    private onChange;
+    private recordRevision;
+    private scheduleRevision;
+    private scheduleDraftSave;
+    private revisionDlg;
+    private closeSub;
+    private closePop;
+    private openSubFor;
+    private popup;
+    private menuItems;
+    private tbtn;
+    /** Font-size increase / decrease step button. */
+    private stepBtn;
+    /** Toolbar icon button that opens a popup menu anchored to itself. */
+    private menuTbtn;
+    /** Quick text-color chips plus a "more" chip that opens the full palette. */
+    private colorChips;
+    private group;
+    private tsel;
+    private setListStyle;
+    private listMenu;
+    private colorMenu;
+    private applyColor;
+    private syncColorSwatches;
+    private fontMenu;
+    private sizeMenu;
+    /** Font sizing needs a non-collapsed range. With a bare caret, grow the
+        selection to the word under it; in an empty spot, select a zero-width
+        space so the new size applies to what gets typed next. */
+    private ensureSizeTarget;
+    private applyFontSize;
+    private stepFontSize;
+    private transformCase;
+    private caseMenu;
+    private applyBlockStyle;
+    private currentBlockStyle;
+    private lineHeightMenu;
+    private wordSpacingMenu;
+    private closestAnchor;
+    private linkDlg;
+    private blocksMenu;
+    private blockLabel;
+    private tableGrid;
+    private buildTableGridInto;
+    private insertTable;
+    private setDir;
+    /** Splits a toolbar layout string into groups of item names: `|` separates visual
+     *  groups, whitespace separates items within a group. Empty groups/tokens (e.g. from
+     *  leading/trailing/doubled separators) are dropped. Pure function. */
+    private parseToolbarString;
+    /** Maps every supported toolbar item name to a builder for that one control. Each
+     *  entry is a direct lift of what used to be an inline call in `buildToolbar()` — no
+     *  behavior changes, just named lookup. Only `forecolor` yields multiple elements
+     *  (the quick color chips); everything else yields one. */
+    private buildToolbarRegistry;
+    private buildToolbar;
+    private mItem;
+    private buildMenubar;
+    private tableOp;
+    private applyTableProps;
+    private tablePropsDlg;
+    private currentCell;
+    private toHexColor;
+    private formRow;
+    private formInput;
+    private formSelect;
+    private formBg;
+    private setOrClear;
+    private cellPropsDlg;
+    private rowPropsDlg;
+    private colPropsDlg;
+    private closeDlg;
+    private dialog;
+    private sourceDlg;
+    private helpDlg;
+    private wordCountDlg;
+    private previewDlg;
+    private charMap;
+    private printDoc;
+    private pickImage;
+    private insertImagePlaceholder;
+    private clearImgPlaceholderSel;
+    private selectImgPlaceholder;
+    private renderPhCtxButtons;
+    private renderPhCtxUrlInput;
+    private readImageFileInto;
+    /** Runs the host-supplied imageUploadHandler instead of inlining base64,
+     *  so apps can route the file to S3 / Azure Blob / their own server. */
+    private uploadImageFile;
+    private replacePlaceholderWithImage;
+    private positionImgPhCtx;
+    private pickWordDoc;
+    private toggleFullscreen;
+    private clearTableHandles;
+    /** Blue outline around the cell that holds the caret, so it is clear
+        which cell / row / column the table operations will target. */
+    private positionCellMarker;
+    /** Dashed highlight over the whole row / column an operation targets,
+        shown while its button or menu item is hovered. */
+    private setOpTarget;
+    private positionOpMark;
+    /** Lowest allowed top for floating context toolbars — keeps them from
+        covering the editor menubar/toolbar when the target sits on the first line. */
+    private ctxMinTop;
+    private ctxBtn;
+    private ctxSep;
+    private buildTableCtxToolbar;
+    private positionTableHandles;
+    private selectTableForResize;
+    private withNoTextSelect;
+    private startTableCornerDrag;
+    private startColBarDrag;
+    private cancelImgHide;
+    private scheduleImgHide;
+    private clearImageHandles;
+    private selectImage;
+    private buildImageCtxToolbar;
+    private setImageAlign;
+    private applyImgTransform;
+    private rotateImage;
+    private flipImage;
+    private positionImageHandles;
+    private startImageResizeDrag;
+    private toggleBlock;
+    private clearSelToolbar;
+    private updateSelToolbar;
+    private buildSelToolbar;
+    private positionSelToolbar;
+    private repositionSelToolbar;
+    private currentBlock;
+    /** Element whose computed font reflects the current caret, falling back to the editor root before any selection lands inside it. */
+    private fontRefEl;
+    private currentFont;
+    private currentSize;
+    private refreshState;
+    private countWords;
+    private handlePaste;
+    private initUI;
+}
+export default FableEditor;