@phuong-tran-redoc/document-engine-angular 0.0.21 → 0.0.22

package/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, OnDestroy, EventEmitter, SimpleChanges, Type, Injector, ElementRef, AfterViewInit, Renderer2, ChangeDetectorRef, AfterContentInit, QueryList } from '@angular/core';
-import { IndentOptions, DynamicFieldOptions, DynamicFieldCategory as DynamicFieldCategory$1, RestrictedEditingOptions, Color, TextCaseType, ListStyleType, DynamicFieldItem as DynamicFieldItem$1 } from '@phuong-tran-redoc/document-engine-core';
+import { IndentOptions, DynamicFieldOptions, DynamicFieldCategory as DynamicFieldCategory$1, RestrictedEditingOptions, TextCaseType, ListStyleType, Color, DynamicFieldItem as DynamicFieldItem$1 } from '@phuong-tran-redoc/document-engine-core';
 import { BlockquoteOptions } from '@tiptap/extension-blockquote';
 import { BoldOptions } from '@tiptap/extension-bold';
 import { CodeOptions } from '@tiptap/extension-code';
@@ -19,6 +19,7 @@ import { UnderlineOptions } from '@tiptap/extension-underline';
 import { UndoRedoOptions, PlaceholderOptions, CharacterCountOptions } from '@tiptap/extensions';
 import { Editor, Content, EditorEvents, Extension } from '@tiptap/core';
 export { Editor } from '@tiptap/core';
+import * as i2 from '@angular/common';
 import { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor, ValidatorFn, FormControl } from '@angular/forms';
@@ -341,7 +342,7 @@ declare class DocumentEditorComponent implements OnInit, OnChanges, OnDestroy {
      */
     private mergeConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentEditorComponent, "document-engine-editor", never, { "config": { "alias": "config"; "required": false; }; }, { "editorReady": "editorReady"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentEditorComponent, "document-engine-editor", never, { "config": { "alias": "config"; "required": false; }; }, { "editorReady": "editorReady"; }, never, ["*"], false, never>;
 }
 
 type BubbleTarget = {
@@ -505,6 +506,143 @@ interface ToolbarBubbleMenuConfig {
     maxWidth?: string;
 }
 
+interface ToolbarState {
+    isReadOnly: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    canResetFormat: boolean;
+    canToggleBold: boolean;
+    canToggleItalic: boolean;
+    canToggleUnderline: boolean;
+    canToggleStrike: boolean;
+    canToggleSubscript: boolean;
+    canToggleSuperscript: boolean;
+    canToggleCode: boolean;
+    canToggleLink: boolean;
+    canDecreaseIndent: boolean;
+    canIncreaseIndent: boolean;
+    canToggleBulletList: boolean;
+    canToggleBlockquote: boolean;
+    canInsertPageBreak: boolean;
+    canToggleEditableRegion: boolean;
+    canClearContent: boolean;
+}
+declare const DEFAULT_TOOLBAR_STATE: ToolbarState;
+declare function buildToolbarState(editor: Editor, config?: Partial<DocumentEngineConfig>): ToolbarState;
+
+/**
+ * Toolbar component for document editor
+ * Provides toolbar controls for editor actions
+ */
+declare class ToolbarComponent implements OnInit, OnDestroy {
+    private readonly cdr;
+    private readonly toolbarService;
+    editor: Editor;
+    capabilities: EditorCapabilities;
+    config?: Partial<DocumentEngineConfig>;
+    readonly action: i0.EventEmitter<string>;
+    activeFontSize: string | null;
+    activeLineHeight: string | null;
+    activeHeading: number | null;
+    activeTextAlign: string | null;
+    activeTextAlignIcon: string;
+    toolbarState: ToolbarState;
+    readonly fontSizeOptions: {
+        value: string;
+        label: string;
+    }[];
+    readonly lineHeightOptions: ({
+        value: null;
+        label: string;
+    } | {
+        value: string;
+        label: string;
+    })[];
+    readonly textCaseOptions: {
+        value: TextCaseType;
+        label: string;
+    }[];
+    readonly headingOptions: ({
+        value: null;
+        label: string;
+        class: string;
+    } | {
+        value: number;
+        label: string;
+        class: string;
+    })[];
+    readonly textAlignOptions: {
+        value: string;
+        label: string;
+        icon: string;
+    }[];
+    readonly listStyleOptions: {
+        value: ListStyleType;
+        label: string;
+        example: string;
+    }[];
+    private colorBubbleMenu;
+    private linkBubbleWrapper;
+    private imageBubbleMenu;
+    private specialCharsBubbleMenu;
+    private dynamicFieldsBubbleMenu;
+    private templateBubbleMenu;
+    private tableCreateBubbleMenu;
+    readonly colorBubbleConfig: ToolbarBubbleMenuConfig;
+    readonly linkBubbleConfig: EditorBubbleMenuConfig;
+    readonly tableBubbleConfig: EditorBubbleMenuConfig;
+    readonly imageBubbleConfig: ToolbarBubbleMenuConfig;
+    readonly specialCharsBubbleConfig: ToolbarBubbleMenuConfig;
+    readonly dynamicFieldsBubbleConfig: ToolbarBubbleMenuConfig;
+    readonly templateBubbleConfig: ToolbarBubbleMenuConfig;
+    readonly tableCreateBubbleConfig: ToolbarBubbleMenuConfig;
+    private throttleUpdateToolbarState;
+    private updateToolbarState;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    runAndEmit(actionName: string, chain: () => void): void;
+    setFontSize(size: string | null): void;
+    setLineHeight(lineHeight: string | null): void;
+    setHeading(level: string | null): void;
+    setTextAlign(align: string | null): void;
+    setListStyle(listStyleType: ListStyleType): void;
+    openColorBubble(event: MouseEvent, type: 'text' | 'fill'): void;
+    toggleLink(): void;
+    insertImage(event: MouseEvent): void;
+    openSpecialCharsBubble(event: MouseEvent): void;
+    openDynamicFieldsBubble(event: MouseEvent): void;
+    openTemplateBubble(event: MouseEvent): void;
+    openCreateTableBubble(event: MouseEvent): void;
+    trackByValue(index: number, item: {
+        value: unknown;
+    }): unknown;
+    trackByIndex(index: number): number;
+    get customToolbarButtons(): ToolbarButton[];
+    handleCustomIconButton(button: ToolbarButton): void;
+    handleCustomSelectButton(button: ToolbarButton, value: string): void;
+    printValue(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "document-engine-toolbar", never, { "editor": { "alias": "editor"; "required": false; }; "capabilities": { "alias": "capabilities"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
+}
+
+/**
+ * Footer component for document editor
+ * Container for footer components like character count
+ */
+declare class FooterComponent {
+    editor: Editor;
+    config?: Partial<DocumentEngineConfig>;
+    hasCharacterCount(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "document-engine-footer", never, { "editor": { "alias": "editor"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DocumentEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DocumentEditorModule, [typeof DocumentEditorComponent], [typeof i2.CommonModule, typeof ToolbarComponent, typeof FooterComponent], [typeof DocumentEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DocumentEditorModule>;
+}
+
 declare class TiptapBubbleMenuDirective implements OnInit, OnDestroy {
     private elRef;
     props: BubbleMenuProps;
@@ -903,125 +1041,6 @@ declare class SelectComponent implements AfterContentInit, OnChanges, OnDestroy,
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "document-engine-select", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "valueChange": "valueChange"; }, ["labelDirectives", "options"], ["[documentEngineSelectLabel]", "*"], true, never>;
 }
 
-interface ToolbarState {
-    isReadOnly: boolean;
-    canUndo: boolean;
-    canRedo: boolean;
-    canResetFormat: boolean;
-    canToggleBold: boolean;
-    canToggleItalic: boolean;
-    canToggleUnderline: boolean;
-    canToggleStrike: boolean;
-    canToggleSubscript: boolean;
-    canToggleSuperscript: boolean;
-    canToggleCode: boolean;
-    canToggleLink: boolean;
-    canDecreaseIndent: boolean;
-    canIncreaseIndent: boolean;
-    canToggleBulletList: boolean;
-    canToggleBlockquote: boolean;
-    canInsertPageBreak: boolean;
-    canToggleEditableRegion: boolean;
-    canClearContent: boolean;
-}
-declare const DEFAULT_TOOLBAR_STATE: ToolbarState;
-declare function buildToolbarState(editor: Editor, config?: Partial<DocumentEngineConfig>): ToolbarState;
-
-/**
- * Toolbar component for document editor
- * Provides toolbar controls for editor actions
- */
-declare class ToolbarComponent implements OnInit, OnDestroy {
-    private readonly cdr;
-    private readonly toolbarService;
-    editor: Editor;
-    capabilities: EditorCapabilities;
-    config?: Partial<DocumentEngineConfig>;
-    readonly action: i0.EventEmitter<string>;
-    activeFontSize: string | null;
-    activeLineHeight: string | null;
-    activeHeading: number | null;
-    activeTextAlign: string | null;
-    activeTextAlignIcon: string;
-    toolbarState: ToolbarState;
-    readonly fontSizeOptions: {
-        value: string;
-        label: string;
-    }[];
-    readonly lineHeightOptions: ({
-        value: null;
-        label: string;
-    } | {
-        value: string;
-        label: string;
-    })[];
-    readonly textCaseOptions: {
-        value: TextCaseType;
-        label: string;
-    }[];
-    readonly headingOptions: ({
-        value: null;
-        label: string;
-        class: string;
-    } | {
-        value: number;
-        label: string;
-        class: string;
-    })[];
-    readonly textAlignOptions: {
-        value: string;
-        label: string;
-        icon: string;
-    }[];
-    readonly listStyleOptions: {
-        value: ListStyleType;
-        label: string;
-        example: string;
-    }[];
-    private colorBubbleMenu;
-    private linkBubbleWrapper;
-    private imageBubbleMenu;
-    private specialCharsBubbleMenu;
-    private dynamicFieldsBubbleMenu;
-    private templateBubbleMenu;
-    private tableCreateBubbleMenu;
-    readonly colorBubbleConfig: ToolbarBubbleMenuConfig;
-    readonly linkBubbleConfig: EditorBubbleMenuConfig;
-    readonly tableBubbleConfig: EditorBubbleMenuConfig;
-    readonly imageBubbleConfig: ToolbarBubbleMenuConfig;
-    readonly specialCharsBubbleConfig: ToolbarBubbleMenuConfig;
-    readonly dynamicFieldsBubbleConfig: ToolbarBubbleMenuConfig;
-    readonly templateBubbleConfig: ToolbarBubbleMenuConfig;
-    readonly tableCreateBubbleConfig: ToolbarBubbleMenuConfig;
-    private throttleUpdateToolbarState;
-    private updateToolbarState;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    runAndEmit(actionName: string, chain: () => void): void;
-    setFontSize(size: string | null): void;
-    setLineHeight(lineHeight: string | null): void;
-    setHeading(level: string | null): void;
-    setTextAlign(align: string | null): void;
-    setListStyle(listStyleType: ListStyleType): void;
-    openColorBubble(event: MouseEvent, type: 'text' | 'fill'): void;
-    toggleLink(): void;
-    insertImage(event: MouseEvent): void;
-    openSpecialCharsBubble(event: MouseEvent): void;
-    openDynamicFieldsBubble(event: MouseEvent): void;
-    openTemplateBubble(event: MouseEvent): void;
-    openCreateTableBubble(event: MouseEvent): void;
-    trackByValue(index: number, item: {
-        value: unknown;
-    }): unknown;
-    trackByIndex(index: number): number;
-    get customToolbarButtons(): ToolbarButton[];
-    handleCustomIconButton(button: ToolbarButton): void;
-    handleCustomSelectButton(button: ToolbarButton, value: string): void;
-    printValue(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "document-engine-toolbar", never, { "editor": { "alias": "editor"; "required": false; }; "capabilities": { "alias": "capabilities"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
-}
-
 /**
  * Service to handle toolbar action emissions
  */
@@ -1041,18 +1060,6 @@ declare class ToolbarService implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarService>;
 }
 
-/**
- * Footer component for document editor
- * Container for footer components like character count
- */
-declare class FooterComponent {
-    editor: Editor;
-    config?: Partial<DocumentEngineConfig>;
-    hasCharacterCount(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "document-engine-footer", never, { "editor": { "alias": "editor"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 /**
  * Character Count component for document editor footer
  * Displays character/word count with optional limit and color coding
@@ -1694,5 +1701,5 @@ declare class EditorBubbleMenuComponent implements OnInit, AfterViewInit, OnDest
     static ɵcmp: i0.ɵɵComponentDeclaration<EditorBubbleMenuComponent, "document-engine-editor-bubble-menu", never, { "editor": { "alias": "editor"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { ARCHIVE, ARROW_DROP_DOWN, AngularRenderer, ButtonDirective, CHECK, CLEAR_ALL, CLOSE, CODE, CharacterCountComponent, CheckboxComponent, ColorPickerComponent, ColorPickerViewComponent, DEFAULT, DEFAULT_TOOLBAR_STATE, DESCRIPTION, DYNAMIC_FORM, DocumentEditorComponent, DocumentEngineKit, DynamicFieldsViewComponent, EDIT, EditorBubbleMenuComponent, EditorCapabilities, ErrorMessageComponent, EventManager, FORMAT_ALIGN_CENTER, FORMAT_ALIGN_JUSTIFY, FORMAT_ALIGN_LEFT, FORMAT_ALIGN_RIGHT, FORMAT_BOLD, FORMAT_CLEAR, FORMAT_COLOR_FILL, FORMAT_COLOR_TEXT, FORMAT_INDENT_DECREASE, FORMAT_INDENT_INCREASE, FORMAT_ITALIC, FORMAT_LINE_SPACING, FORMAT_LIST_BULLETED, FORMAT_LIST_NUMBERED, FORMAT_QUOTE, FORMAT_SIZE, FORMAT_STRIKETHROUGH, FORMAT_UNDERLINE, FocusTrapService, FooterComponent, INSERT_PAGE_BREAK, IconComponent, IconRegistryService, ImageInsertViewComponent, InputDirective, LINK, LINK_OFF, LabelDirective, LinkEditViewComponent, LinkMainViewComponent, LinkPropertiesViewComponent, MARKDOWN, MATCH_CASE, PHOTO, PRINT, PopoverDirective, REDO, RESTRICT_EDIT, SEARCH, SEARCH_OFF, SETTINGS, SPECIAL_CHARACTER, SUBSCRIPT, SUPERSCRIPT, SelectComponent, SelectLabelDirective, SelectOptionDirective, SpecialCharactersViewComponent, TABLE_CELL_PROPERTY, TABLE_COLUMN, TABLE_MERGE_CELL, TABLE_PROPERTY, TABLE_ROW, TABLE_ROWS, TableCellStyleViewComponent, TableCreateViewComponent, TableMainViewComponent, TableStyleViewComponent, TemplateViewComponent, TiptapBubbleMenuDirective, TiptapDraggableDirective, TiptapEditorDirective, TiptapFloatingMenuDirective, ToggleGroupComponent, ToggleOptionDirective, ToolbarBubbleMenuComponent, ToolbarComponent, ToolbarService, UNDO, VERTICAL_ALIGN_BOTTOM, VERTICAL_ALIGN_CENTER, VERTICAL_ALIGN_TOP, buildToolbarState, selectionChangeHandler, shouldShowFnFactory, urlValidator };
+export { ARCHIVE, ARROW_DROP_DOWN, AngularRenderer, ButtonDirective, CHECK, CLEAR_ALL, CLOSE, CODE, CharacterCountComponent, CheckboxComponent, ColorPickerComponent, ColorPickerViewComponent, DEFAULT, DEFAULT_TOOLBAR_STATE, DESCRIPTION, DYNAMIC_FORM, DocumentEditorComponent, DocumentEditorModule, DocumentEngineKit, DynamicFieldsViewComponent, EDIT, EditorBubbleMenuComponent, EditorCapabilities, ErrorMessageComponent, EventManager, FORMAT_ALIGN_CENTER, FORMAT_ALIGN_JUSTIFY, FORMAT_ALIGN_LEFT, FORMAT_ALIGN_RIGHT, FORMAT_BOLD, FORMAT_CLEAR, FORMAT_COLOR_FILL, FORMAT_COLOR_TEXT, FORMAT_INDENT_DECREASE, FORMAT_INDENT_INCREASE, FORMAT_ITALIC, FORMAT_LINE_SPACING, FORMAT_LIST_BULLETED, FORMAT_LIST_NUMBERED, FORMAT_QUOTE, FORMAT_SIZE, FORMAT_STRIKETHROUGH, FORMAT_UNDERLINE, FocusTrapService, FooterComponent, INSERT_PAGE_BREAK, IconComponent, IconRegistryService, ImageInsertViewComponent, InputDirective, LINK, LINK_OFF, LabelDirective, LinkEditViewComponent, LinkMainViewComponent, LinkPropertiesViewComponent, MARKDOWN, MATCH_CASE, PHOTO, PRINT, PopoverDirective, REDO, RESTRICT_EDIT, SEARCH, SEARCH_OFF, SETTINGS, SPECIAL_CHARACTER, SUBSCRIPT, SUPERSCRIPT, SelectComponent, SelectLabelDirective, SelectOptionDirective, SpecialCharactersViewComponent, TABLE_CELL_PROPERTY, TABLE_COLUMN, TABLE_MERGE_CELL, TABLE_PROPERTY, TABLE_ROW, TABLE_ROWS, TableCellStyleViewComponent, TableCreateViewComponent, TableMainViewComponent, TableStyleViewComponent, TemplateViewComponent, TiptapBubbleMenuDirective, TiptapDraggableDirective, TiptapEditorDirective, TiptapFloatingMenuDirective, ToggleGroupComponent, ToggleOptionDirective, ToolbarBubbleMenuComponent, ToolbarComponent, ToolbarService, UNDO, VERTICAL_ALIGN_BOTTOM, VERTICAL_ALIGN_CENTER, VERTICAL_ALIGN_TOP, buildToolbarState, selectionChangeHandler, shouldShowFnFactory, urlValidator };
 export type { BubbleMenuProps, BubbleMenuViewConfig, BubbleMenuViewContent, BubbleTarget, ButtonType, DocumentEngineConfig, DynamicFieldCategory, DynamicFieldItem, EditorBubbleMenuConfig, HeadingLevel, IconButton, OutsideHandler, SelectButton, SelectOption, TableCreateViewData, TemplateItem, ToolbarBubbleMenuConfig, ToolbarButton, ToolbarState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phuong-tran-redoc/document-engine-angular",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "commonjs",
   "license": "MIT",
   "author": "Duc Phuong (Jack) <tdp99.business@gmail.com>",
@@ -26,7 +26,7 @@
   "dependencies": {
     "tslib": "^2.3.0",
     "@floating-ui/dom": "^1.7.4",
-    "@phuong-tran-redoc/document-engine-core": "0.0.21"
+    "@phuong-tran-redoc/document-engine-core": "0.0.22"
   },
   "peerDependencies": {
     "rxjs": "^7.5.0",