@phuong-tran-redoc/document-engine-angular 0.0.12

package/index.d.ts

@@ -0,0 +1,1698 @@
+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 { BlockquoteOptions } from '@tiptap/extension-blockquote';
+import { BoldOptions } from '@tiptap/extension-bold';
+import { CodeOptions } from '@tiptap/extension-code';
+import { CodeBlockOptions } from '@tiptap/extension-code-block';
+import { HeadingOptions } from '@tiptap/extension-heading';
+import { ImageOptions } from '@tiptap/extension-image';
+import { ItalicOptions } from '@tiptap/extension-italic';
+import { LinkOptions } from '@tiptap/extension-link';
+import { StrikeOptions } from '@tiptap/extension-strike';
+import { SubscriptExtensionOptions } from '@tiptap/extension-subscript';
+import { SuperscriptExtensionOptions } from '@tiptap/extension-superscript';
+import { TableKitOptions } from '@tiptap/extension-table';
+import { TextAlignOptions } from '@tiptap/extension-text-align';
+import { TextStyleKitOptions } from '@tiptap/extension-text-style';
+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 { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
+import * as _angular_forms from '@angular/forms';
+import { ControlValueAccessor, ValidatorFn, FormControl } from '@angular/forms';
+import { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu';
+import { Placement } from '@floating-ui/dom';
+import { SafeHtml } from '@angular/platform-browser';
+import * as rxjs from 'rxjs';
+
+interface TemplateItem {
+    title: string;
+    data: string;
+    description?: string;
+}
+
+type ButtonType = 'icon-button' | 'select-button';
+type SelectOption = {
+    value: string;
+    label: string;
+};
+type IconButton = {
+    type: 'icon-button';
+    id: string;
+    icon: string;
+    label?: string;
+    callback: () => void;
+};
+type SelectButton = {
+    type: 'select-button';
+    id: string;
+    label: string;
+    options: SelectOption[];
+    callback: () => void;
+};
+type ToolbarButton = IconButton | SelectButton;
+
+/**
+ * Định nghĩa cấu hình đầy đủ cho DocumentEngineKit (Factory của bạn).
+ * Hầu hết các tùy chọn đều là:
+ * - `false` hoặc `undefined`: Để tắt extension.
+ * - `true`: Để bật với cài đặt mặc định.
+ * - `object`: Để bật và cung cấp cấu hình tùy chỉnh.
+ */
+interface DocumentEngineConfig {
+    /**
+     * If set to false, the undo-redo extension will not be registered
+     * @example undoRedo: false
+     */
+    undoRedo: Partial<UndoRedoOptions> | boolean;
+    /**
+     * If set to false, the bold extension will not be registered
+     * @example bold: false
+     */
+    bold: Partial<BoldOptions> | boolean;
+    /**
+     * If set to false, the italic extension will not be registered
+     * @example italic: false
+     */
+    italic: Partial<ItalicOptions> | boolean;
+    /**
+     * If set to false, the underline extension will not be registered
+     * @example underline: false
+     */
+    underline: Partial<UnderlineOptions> | boolean;
+    /**
+     * If set to false, the strike extension will not be registered
+     * @example strike: false
+     */
+    strike: Partial<StrikeOptions> | boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-subscript
+     * @default false
+     */
+    subscript?: Partial<SubscriptExtensionOptions> | boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-superscript
+     * @default false
+     */
+    superscript?: Partial<SuperscriptExtensionOptions> | boolean;
+    /**
+     * If set to false, the code extension will not be registered
+     * @example code: false
+     */
+    code: Partial<CodeOptions> | boolean;
+    /**
+     * If set to false, the link extension will not be registered
+     * @example link: false
+     */
+    link: Partial<LinkOptions> | boolean;
+    /**
+     * Cấu hình cho NotumHeading (custom, thay thế cho heading gốc)
+     * @default {}
+     */
+    heading?: Partial<HeadingOptions> | boolean;
+    /**
+     * Hiển thị Font Size trong toolbar
+     * @default true
+     */
+    fontSize?: boolean;
+    /**
+     * Hiển thị Line Height trong toolbar
+     * @default true
+     */
+    lineHeight?: boolean;
+    /**
+     * Cấu hình cho TextCase (custom)
+     * @default true
+     */
+    textCase?: boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-text-align
+     * @default { types: ['paragraph', 'heading'] }
+     */
+    textAlign?: Partial<TextAlignOptions> | boolean;
+    /**
+     * Cấu hình cho Indent (custom)
+     * @default {}
+     */
+    indent?: Partial<IndentOptions> | boolean;
+    /**
+     * If set to false, the list extension will not be registered
+     * @example list: false
+     */
+    list: boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-text-style (TextStyleKit)
+     * @default false
+     */
+    textStyleKit?: Partial<TextStyleKitOptions> | boolean;
+    /**
+     * Cấu hình cho ResetFormat (custom)
+     * @default false
+     */
+    resetFormat?: boolean;
+    /**
+     * If set to false, the codeBlock extension will not be registered
+     * @example codeBlock: false
+     */
+    codeBlock: Partial<CodeBlockOptions> | boolean;
+    /**
+     * If set to false, the blockquote extension will not be registered
+     * @example blockquote: false
+     */
+    blockquote: Partial<BlockquoteOptions> | boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-image
+     * @default {}
+     */
+    image?: Partial<ImageOptions> | boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-table (StyledTableKit)
+     * @default false
+     */
+    tables?: Partial<TableKitOptions> | boolean;
+    /**
+     * Cấu hình cho Special Characters (custom)
+     * @default false
+     */
+    specialCharacters?: boolean;
+    /**
+     * Cấu hình cho PageBreak (custom)
+     * @default true
+     */
+    pageBreak?: boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-placeholder
+     * @default { placeholder: 'Type something...' }
+     */
+    placeholder?: Partial<PlaceholderOptions> | boolean;
+    /**
+     * Danh sách templates
+     * Được sử dụng để hiển thị trong bubble menu
+     */
+    templates?: TemplateItem[];
+    /**
+     * Cấu hình cho DynamicField (custom)
+     * @default true
+     */
+    dynamicField?: Partial<DynamicFieldOptions> | boolean;
+    /**
+     * Danh sách categories cho dynamic fields
+     * Được sử dụng để hiển thị trong bubble menu
+     */
+    dynamicFieldsCategories?: DynamicFieldCategory$1[];
+    /**
+     * Cấu hình cho RestrictedEditing (custom)
+     * @default { initialMode: 'standard' }
+     */
+    restrictedEditing?: Partial<RestrictedEditingOptions> | boolean;
+    /**
+     * Cấu hình cho ClearContent (custom)
+     * @default true
+     */
+    clearContent?: boolean;
+    /**
+     * Cấu hình cho Markdown download (toolbar feature)
+     * @default true
+     */
+    markdown?: boolean;
+    /**
+     * Hiển thị toolbar
+     * @default true
+     */
+    showToolbar?: boolean;
+    /**
+     * Cho phép chỉnh sửa editor
+     * @default true
+     */
+    editable?: boolean;
+    /**
+     * Hiển thị footer (chứa character count và các component khác)
+     * @default false
+     */
+    showFooter?: boolean;
+    /**
+     * Cấu hình cho @tiptap/extension-character-count
+     * Footer phải được bật để hiển thị character count
+     * @default false (Thường được bật/tắt bởi client)
+     */
+    characterCount?: Partial<CharacterCountOptions> | boolean;
+    /**
+     * Hiển thị button print
+     * @default false
+     */
+    showPrintButton?: boolean;
+    /**
+     * Custom toolbar buttons
+     * Allows clients to define custom actions/buttons in the toolbar
+     * @default undefined
+     */
+    customToolbarButtons?: ToolbarButton[];
+}
+
+/**
+ * EditorCapabilities class
+ * Pre-calculates all capability checks from DocumentEngineConfig
+ * to avoid repeated function calls in UI components
+ */
+declare class EditorCapabilities {
+    readonly hasHistory: boolean;
+    readonly hasBold: boolean;
+    readonly hasItalic: boolean;
+    readonly hasUnderline: boolean;
+    readonly hasStrike: boolean;
+    readonly basicInline: boolean;
+    readonly hasSubscript: boolean;
+    readonly hasSuperscript: boolean;
+    readonly hasCode: boolean;
+    readonly hasLink: boolean;
+    readonly advancedInline: boolean;
+    readonly hasHeading: boolean;
+    readonly hasFontSize: boolean;
+    readonly hasLineHeight: boolean;
+    readonly hasTextCase: boolean;
+    readonly hasTextProperty: boolean;
+    readonly hasTextAlign: boolean;
+    readonly hasIndent: boolean;
+    readonly hasLists: boolean;
+    readonly hasAlignmentLayout: boolean;
+    readonly hasColors: boolean;
+    readonly hasResetFormat: boolean;
+    readonly hasFormatUtilities: boolean;
+    readonly hasCodeBlock: boolean;
+    readonly hasBlockquote: boolean;
+    readonly hasBlockTypes: boolean;
+    readonly hasImages: boolean;
+    readonly hasTable: boolean;
+    readonly hasSpecialChars: boolean;
+    readonly hasPageBreak: boolean;
+    readonly hasInsertObject: boolean;
+    readonly hasTemplates: boolean;
+    readonly hasDynamicFields: boolean;
+    readonly hasEditableRegion: boolean;
+    readonly hasBusinessFeatures: boolean;
+    readonly hasClearContent: boolean;
+    readonly hasMarkdown: boolean;
+    readonly hasActions: boolean;
+    readonly hasFooter: boolean;
+    readonly hasPrintButton: boolean;
+    constructor(config: Partial<DocumentEngineConfig>);
+}
+
+/**
+ * Document Editor Component
+ * High-level wrapper that encapsulates TiptapEditor and DocumentEngineKit
+ * Provides a simple API for consumers without exposing internal dependencies
+ *
+ * Usage:
+ * <document-engine-editor
+ *   #editor
+ *   [config]="editorConfig"
+ *
+ *   (editorReady)="editor = docEditor.editor"
+ * >
+ *   <tiptap-editor
+ *     [editor]="docEditor.editor"
+ *     [(ngModel)]="content"
+ *   ></tiptap-editor>
+ * </document-engine-editor>
+ */
+declare class DocumentEditorComponent implements OnInit, OnChanges, OnDestroy {
+    private readonly ngZone;
+    config?: Partial<DocumentEngineConfig>;
+    editorReady: EventEmitter<Editor>;
+    editor: Editor;
+    get mergedConfig(): Partial<DocumentEngineConfig>;
+    private _mergedConfig?;
+    capabilities: EditorCapabilities;
+    private updateCapabilities;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initializeEditor;
+    /**
+     * Get merged config with all extensions enabled by default
+     * User config will override defaults
+     */
+    private getMergedConfig;
+    /**
+     * Merge two config objects, preferring userConfig values when provided
+     */
+    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>;
+}
+
+type BubbleTarget = {
+    kind: 'mark';
+    name: string | string[];
+    allowEmptySelection?: boolean;
+    requireFocus?: boolean;
+    extraPredicate?: (editor: Editor) => boolean;
+} | {
+    kind: 'node';
+    name: string | string[];
+    allowEmptySelection?: boolean;
+    requireFocus?: boolean;
+    extraPredicate?: (editor: Editor) => boolean;
+};
+type BubbleMenuProps = Omit<BubbleMenuPluginProps, 'editor' | 'element' | 'pluginKey' | 'shouldShow' | 'getReferencedVirtualElement'> & {
+    pluginKey: string;
+    mountTo?: string | null;
+};
+/**
+ * Interface that bubble view components must implement
+ */
+interface BubbleMenuViewContent<TAttrs = Record<string, unknown>> {
+    /**
+     * Called when view becomes active
+     *
+     * @param attrs - Attributes from the active mark/node
+     *
+     * Use this to:
+     * - Initialize form controls with attribute values
+     * - Set up initial state
+     */
+    onActivate?(attrs: TAttrs): void;
+    /**
+     * Called when view becomes inactive (before navigation away or close)
+     *
+     * Use this to:
+     * - Clean up subscriptions
+     * - Cancel pending operations
+     */
+    onDeactivate?(): void;
+    /**
+     * Navigate to another view by ID
+     * Views decide their own navigation logic
+     *
+     * @param viewId - The ID of the view to navigate to
+     *
+     * @example
+     * // In main view: navigate to edit
+     * this.navigateTo?.('edit');
+     */
+    navigateTo?(viewId: string): void;
+    /**
+     * Navigate back to previous view
+     * Each view decides where "back" goes
+     *
+     * @param viewId - Optional view ID to go back to. If not provided, closes the bubble
+     *
+     * @example
+     * // In edit view: go back to main
+     * this.goBack?.('main');
+     *
+     * // Or close if no previous view
+     * this.close?.();
+     */
+    goBack?(viewId?: string): void;
+    /**
+     * Close the entire bubble menu
+     *
+     * @example
+     * this.close?.();
+     */
+    close?(): void;
+    /**
+     * Editor instance (injected by wrapper)
+     */
+    editor?: Editor;
+    /**
+     * Current view ID (injected by wrapper)
+     */
+    viewId?: string;
+}
+/**
+ * Configuration for a single view within the bubble menu
+ */
+interface BubbleMenuViewConfig<TAttrs = Record<string, unknown>> {
+    /**
+     * Unique identifier for this view
+     * Used for navigation: navigateTo('viewId')
+     */
+    id: string;
+    /**
+     * The Angular component to render for this view
+     */
+    component: Type<BubbleMenuViewContent<TAttrs>>;
+    /**
+     * Condition to determine if this view should be shown when bubble activates
+     *
+     * @param attrs - The attributes from the active mark/node
+     * @returns true if this view should be shown
+     *
+     * @example
+     * showWhen: (attrs) => !!attrs.href  // Show if link exists
+     * showWhen: (attrs) => attrs.colspan > 1  // Show if cell spans multiple columns
+     */
+    showWhen?: (attrs: TAttrs) => boolean;
+    /**
+     * Should this view be shown when bubble is force-opened?
+     * (e.g., via toolbar button when no selection exists)
+     *
+     * @default false
+     */
+    showOnForceOpen?: boolean;
+    /**
+     * Is this the default/fallback view?
+     * Shown when no other view's showWhen condition matches
+     *
+     * @default false
+     */
+    isDefault?: boolean;
+    /**
+     * Optional label for debugging/logging
+     */
+    label?: string;
+}
+/**
+ * Configuration for the multi-view bubble menu wrapper
+ */
+interface EditorBubbleMenuConfig {
+    /**
+     * The target mark or node to track
+     */
+    target: BubbleTarget;
+    /**
+     * Array of view configurations
+     * Order matters: first matching view is selected
+     */
+    views: BubbleMenuViewConfig[];
+    /**
+     * Optional Floating UI options for positioning and behavior
+     */
+    props?: BubbleMenuProps;
+}
+interface ToolbarBubbleMenuConfig {
+    /**
+     * Unique plugin key for this bubble menu instance
+     */
+    pluginKey: string;
+    /**
+     * Array of view configurations
+     * Order matters: first matching view is selected
+     */
+    views: BubbleMenuViewConfig[];
+    /**
+     * Optional width for the bubble menu
+     */
+    width?: string;
+    /**
+     * Optional max width for the bubble menu
+     */
+    maxWidth?: string;
+}
+
+declare class TiptapBubbleMenuDirective implements OnInit, OnDestroy {
+    private elRef;
+    props: BubbleMenuProps;
+    editor: Editor;
+    mountTo?: BubbleMenuPluginProps['getReferencedVirtualElement'];
+    shouldShow?: BubbleMenuPluginProps['shouldShow'];
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    preventDefault(event: MouseEvent): void;
+    private getFloatingUiOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TiptapBubbleMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TiptapBubbleMenuDirective, "tiptap-bubble-menu[editor], [tiptapBubbleMenu][editor]", never, { "props": { "alias": "props"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "mountTo": { "alias": "mountTo"; "required": false; }; "shouldShow": { "alias": "shouldShow"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare function shouldShowFnFactory(params: {
+    editor: Editor;
+    target: BubbleTarget;
+    forceOpen: () => boolean;
+}): () => boolean;
+declare function selectionChangeHandler(params: {
+    editor: Editor;
+    target: BubbleTarget;
+    onActive: (attrs: Record<string, unknown>) => void;
+    onInactive: () => void;
+    listenOnUpdate?: boolean;
+}): () => void;
+
+type OutsideHandler = (e: Event) => void;
+declare class EventManager {
+    private document;
+    private keyToEscapeListener;
+    private keyToOutsideListener;
+    isAttached(key: string): boolean;
+    attach(key: string, hostElement: HTMLElement, cb: (key: string) => void, anchorElement?: HTMLElement): void;
+    detach(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EventManager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EventManager>;
+}
+
+/**
+ * Service to manage focus trapping within an element
+ * Traps keyboard focus inside a container element for accessibility
+ */
+declare class FocusTrapService {
+    private document;
+    private activeTraps;
+    /**
+     * Attach focus trap to an element
+     * @param element The container element to trap focus within
+     * @param autoFocus Whether to automatically focus the first focusable element
+     */
+    attach(element: HTMLElement, autoFocus?: boolean): void;
+    /**
+     * Detach focus trap from an element
+     * @param element The element to remove focus trap from
+     */
+    detach(element: HTMLElement): void;
+    /**
+     * Detach all active focus traps
+     */
+    detachAll(): void;
+    /**
+     * Re-attach focus trap to an element (useful when content changes)
+     * @param element The element to re-attach focus trap to
+     * @param autoFocus Whether to automatically focus the first focusable element
+     */
+    reattach(element: HTMLElement, autoFocus?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapService>;
+}
+
+declare class AngularRenderer<C, P> {
+    private applicationRef;
+    private componentRef;
+    constructor(ViewComponent: Type<C>, injector: Injector, props: Partial<P>);
+    get instance(): C;
+    get elementRef(): ElementRef;
+    get dom(): HTMLElement;
+    updateProps<T extends P>(props: Partial<T>): void;
+    updateAttributes(attributes: Record<string, string>): void;
+    detectChanges(): void;
+    destroy(): void;
+}
+
+declare class TiptapDraggableDirective {
+    draggable: boolean;
+    handle: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TiptapDraggableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TiptapDraggableDirective, "[tiptapDraggable]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TiptapEditorDirective implements OnInit, AfterViewInit, ControlValueAccessor {
+    protected elRef: ElementRef<HTMLElement>;
+    protected renderer: Renderer2;
+    protected changeDetectorRef: ChangeDetectorRef;
+    private _editor?;
+    private initialEditableState?;
+    set editor(editor: Editor);
+    get editor(): Editor;
+    outputFormat: 'json' | 'html';
+    protected onChange: (value: Content) => void;
+    protected onTouched: () => void;
+    writeValue(value: Content): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected handleChange: ({ editor, transaction }: EditorEvents["transaction"]) => void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TiptapEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TiptapEditorDirective, "tiptap[editor], [tiptap][editor], tiptap-editor[editor], [tiptapEditor][editor]", never, { "editor": { "alias": "editor"; "required": false; }; "outputFormat": { "alias": "outputFormat"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TiptapFloatingMenuDirective implements OnInit, OnDestroy {
+    private elRef;
+    constructor(elRef: ElementRef<HTMLElement>);
+    pluginKey: FloatingMenuPluginProps['pluginKey'];
+    editor: Editor;
+    options: FloatingMenuPluginProps['options'];
+    shouldShow?: FloatingMenuPluginProps['shouldShow'];
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TiptapFloatingMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TiptapFloatingMenuDirective, "tiptap-floating-menu[editor], [tiptapFloatingMenu][editor]", never, { "pluginKey": { "alias": "pluginKey"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "options": { "alias": "options"; "required": false; }; "shouldShow": { "alias": "shouldShow"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Directive for positioning a popover/dropdown relative to a trigger element using floating-ui
+ * Handles positioning, visibility, and cleanup automatically
+ *
+ * Usage:
+ * <button #trigger>Open</button>
+ * <div [popover]="trigger" [isOpen]="isOpen">
+ *   Content
+ * </div>
+ */
+declare class PopoverDirective implements OnChanges, AfterViewInit, OnDestroy {
+    private elRef;
+    private cdr;
+    /**
+     * The trigger element reference (ElementRef or HTMLElement)
+     */
+    popover: ElementRef<HTMLElement> | HTMLElement;
+    /**
+     * Whether the popover is open
+     */
+    isOpen: boolean;
+    /**
+     * Placement of the popover relative to trigger
+     */
+    placement: Placement;
+    /**
+     * Offset from trigger
+     */
+    offset: number;
+    /**
+     * Padding for flip/shift middleware
+     */
+    padding: number;
+    private cleanupAutoUpdate?;
+    isPositioned: boolean;
+    private viewInitialized;
+    private retryCount;
+    private readonly maxRetries;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private updateVisibility;
+    private setupFloating;
+    private _setupFloatingInternal;
+    private cleanup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[popover]", never, { "popover": { "alias": "popover"; "required": true; }; "isOpen": { "alias": "isOpen"; "required": true; }; "placement": { "alias": "placement"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const DocumentEngineKit: Extension<DocumentEngineConfig, any>;
+
+/**
+ * Custom button directive matching React button component styles
+ * Supports variants: default, destructive, outline, secondary, ghost, link
+ * Supports sizes: default, sm, lg, icon, icon-sm, icon-lg
+ *
+ * Usage:
+ * - <button documentEngineButton>Text</button> - secondary variant, default size
+ * - <button documentEngineButton="filled">Text</button> - default variant (primary)
+ * - <button documentEngineButton variant="outline">Text</button> - outline variant
+ * - <button documentEngineButton variant="icon" size="icon-sm">Icon</button> - icon button
+ */
+declare class ButtonDirective {
+    variant: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+    get buttonClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "button[documentEngineButton]", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class IconComponent implements OnChanges {
+    name: string;
+    private cdr;
+    private elementRef;
+    private iconRegistry;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "document-engine-icon", never, { "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Icon registry service for managing SVG icons
+ * Similar to Angular Material's MatIconRegistry
+ */
+declare class IconRegistryService {
+    private sanitizer;
+    private icons;
+    constructor();
+    /**
+     * Register a new icon with its SVG content
+     */
+    registerIcon(name: string, svgContent: string): void;
+    /**
+     * Get icon SVG content by name
+     * Returns SafeHtml for use in templates with [innerHTML]
+     */
+    getIcon(name: string): SafeHtml;
+    /**
+     * Get raw icon SVG string by name
+     * Returns string for direct DOM manipulation
+     */
+    getIconString(name: string): string;
+    /**
+     * Register default icons used in the application
+     */
+    private registerDefaultIcons;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconRegistryService>;
+}
+
+declare const DEFAULT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect></svg>";
+declare const CHECK = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"100%\" height=\"100%\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/></svg>";
+declare const UNDO = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z\"/></svg>";
+declare const REDO = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M396-200q-97 0-166.5-63T160-420q0-94 69.5-157T396-640h252L544-744l56-56 200 200-200 200-56-56 104-104H396q-63 0-109.5 40T240-420q0 60 46.5 100T396-280h284v80H396Z\"/></svg>";
+declare const FORMAT_SIZE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M560-160v-520H360v-120h520v120H680v520H560Zm-360 0v-320H80v-120h360v120H320v320H200Z\"/></svg>";
+declare const ARROW_DROP_DOWN = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M480-360 280-560h400L480-360Z\"/></svg>";
+declare const FORMAT_LINE_SPACING = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M240-160 80-320l56-56 64 62v-332l-64 62-56-56 160-160 160 160-56 56-64-62v332l64-62 56 56-160 160Zm240-40v-80h400v80H480Zm0-240v-80h400v80H480Zm0-240v-80h400v80H480Z\"/></svg>";
+declare const MATCH_CASE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m131-252 165-440h79l165 440h-76l-39-112H247l-40 112h-76Zm139-176h131l-64-182h-4l-63 182Zm395 186q-51 0-81-27.5T554-342q0-44 34.5-72.5T677-443q23 0 45 4t38 11v-12q0-29-20.5-47T685-505q-23 0-42 9.5T610-468l-47-35q24-29 54.5-43t68.5-14q69 0 103 32.5t34 97.5v178h-63v-37h-4q-14 23-38 35t-53 12Zm12-54q35 0 59.5-24t24.5-56q-14-8-33.5-12.5T689-393q-32 0-50 14t-18 37q0 20 16 33t40 13Z\"/></svg>";
+declare const FORMAT_CLEAR = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" fill=\"currentColor\"><path d=\"m528-546-93-93-121-121h486v120H568l-40 94ZM792-56 460-388l-80 188H249l119-280L56-792l56-56 736 736-56 56Z\"/></svg>";
+declare const FORMAT_COLOR_TEXT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M80 0v-160h800V0H80Zm140-280 210-560h100l210 560h-96l-50-144H368l-52 144h-96Zm176-224h168l-82-232h-4l-82 232Z\"/></svg>";
+declare const FORMAT_COLOR_FILL = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m247-904 57-56 343 343q23 23 23 57t-23 57L457-313q-23 23-57 23t-57-23L153-503q-23-23-23-57t23-57l190-191-96-96Zm153 153L209-560h382L400-751Zm360 471q-33 0-56.5-23.5T680-360q0-21 12.5-45t27.5-45q9-12 19-25t21-25q11 12 21 25t19 25q15 21 27.5 45t12.5 45q0 33-23.5 56.5T760-280ZM80 0v-160h800V0H80Z\"/></svg>";
+declare const FORMAT_BOLD = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200H272Zm121-112h104q48 0 58.5-24.5T566-372q0-11-10.5-35.5T494-432H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z\"/></svg>";
+declare const FORMAT_ITALIC = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z\"/></svg>";
+declare const FORMAT_UNDERLINE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M200-120v-80h560v80H200Zm280-160q-101 0-157-63t-56-167v-330h103v336q0 56 28 91t82 35q54 0 82-35t28-91v-336h103v330q0 104-56 167t-157 63Z\"/></svg>";
+declare const FORMAT_STRIKETHROUGH = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M80-400v-80h800v80H80Zm340-160v-120H200v-120h560v120H540v120H420Zm0 400v-160h120v160H420Z\"/></svg>";
+declare const SUBSCRIPT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M760-160v-80q0-17 11.5-28.5T800-280h80v-40H760v-40h120q17 0 28.5 11.5T920-320v40q0 17-11.5 28.5T880-240h-80v40h120v40H760Zm-525-80 185-291-172-269h106l124 200h4l123-200h107L539-531l186 291H618L482-457h-4L342-240H235Z\"/></svg>";
+declare const SUPERSCRIPT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M760-600v-80q0-17 11.5-28.5T800-720h80v-40H760v-40h120q17 0 28.5 11.5T920-760v40q0 17-11.5 28.5T880-680h-80v40h120v40H760ZM235-160l185-291-172-269h106l124 200h4l123-200h107L539-451l186 291H618L482-377h-4L342-160H235Z\"/></svg>";
+declare const CODE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M320-240 80-480l240-240 57 57-184 184 183 183-56 56Zm320 0-57-57 184-184-183-183 56-56 240 240-240 240Z\"/></svg>";
+declare const FORMAT_ALIGN_LEFT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-120v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Z\"/></svg>";
+declare const FORMAT_ALIGN_CENTER = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-120v-80h720v80H120Zm160-160v-80h400v80H280ZM120-440v-80h720v80H120Zm160-160v-80h400v80H280ZM120-760v-80h720v80H120Z\"/></svg>";
+declare const FORMAT_ALIGN_RIGHT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-760v-80h720v80H120Zm240 160v-80h480v80H360ZM120-440v-80h720v80H120Zm240 160v-80h480v80H360ZM120-120v-80h720v80H120Z\"/></svg>";
+declare const FORMAT_ALIGN_JUSTIFY = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-120v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Z\"/></svg>";
+declare const FORMAT_INDENT_DECREASE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm160 440L120-480l160-160v320Z\"/></svg>";
+declare const FORMAT_INDENT_INCREASE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm0 440v-320l160 160-160 160Z\"/></svg>";
+declare const FORMAT_LIST_BULLETED = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm0-240q-33 0-56.5-23.5T120-720q0-33 23.5-56.5T200-800q33 0 56.5 23.5T280-720q0 33-23.5 56.5T200-640Z\"/></svg>";
+declare const FORMAT_LIST_NUMBERED = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z\"/></svg>";
+declare const FORMAT_QUOTE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m228-240 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T458-480L320-240h-92Zm360 0 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T818-480L680-240h-92ZM320-500q25 0 42.5-17.5T380-560q0-25-17.5-42.5T320-620q-25 0-42.5 17.5T260-560q0 25 17.5 42.5T320-500Zm360 0q25 0 42.5-17.5T740-560q0-25-17.5-42.5T680-620q-25 0-42.5 17.5T620-560q0 25 17.5 42.5T680-500Zm0-60Zm-360 0Z\"/></svg>";
+declare const TABLE_ROWS = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M760-200v-120H200v120h560Zm0-200v-160H200v160h560Zm0-240v-120H200v120h560ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z\"/></svg>";
+declare const LINK = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z\"/></svg>";
+declare const LINK_OFF = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m770-302-60-62q40-11 65-42.5t25-73.5q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 57-29.5 105T770-302ZM634-440l-80-80h86v80h-6ZM792-56 56-792l56-56 736 736-56 56ZM440-280H280q-83 0-141.5-58.5T80-480q0-69 42-123t108-71l74 74h-24q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h65l79 80H320Z\"/></svg>";
+declare const SPECIAL_CHARACTER = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-120v-120h200q-84-45-132-125t-48-175q0-142 99-241t241-99q142 0 241 99t99 241q0 95-48 175T640-240h200v120H520v-204q78-14 129-75t51-141q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 80 51 141t129 75v204H120Z\"/></svg>";
+declare const CLEAR_ALL = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M120-280v-80h560v80H120Zm80-160v-80h560v80H200Zm80-160v-80h560v80H280Z\"/></svg>";
+declare const INSERT_PAGE_BREAK = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M240-80q-33 0-56.5-23.5T160-160v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-80H240Zm-80-440v-280q0-33 23.5-56.5T240-880h320l240 240v120h-80v-80H520v-200H240v280h-80Zm200 160v-80h240v80H360Zm320 0v-80h240v80H680Zm-640 0v-80h240v80H40Zm440-160Zm0 240Z\"/></svg>";
+declare const MARKDOWN = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m640-360 120-120-42-43-48 48v-125h-60v125l-48-48-42 43 120 120ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm0 0v-480 480Zm60-120h60v-180h40v120h60v-120h40v180h60v-200q0-17-11.5-28.5T440-600H260q-17 0-28.5 11.5T220-560v200Z\"/></svg>";
+declare const DYNAMIC_FORM = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M160-520q-33 0-56.5-23.5T80-600v-120q0-33 23.5-56.5T160-800h360v280H160Zm0-80h280v-120H160v120Zm0 440q-33 0-56.5-23.5T80-240v-120q0-33 23.5-56.5T160-440h440v280H160Zm0-80h360v-120H160v120Zm520 80v-360h-80v-280h280l-80 200h80L680-160ZM190-270h60v-60h-60v60Zm0-360h60v-60h-60v60Zm-30 30v-120 120Zm0 360v-120 120Z\"/></svg>";
+declare const PHOTO = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z\"/></svg>";
+declare const PRINT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M640-640v-120H320v120h-80v-200h480v200h-80Zm-480 80h640-640Zm560 100q17 0 28.5-11.5T760-500q0-17-11.5-28.5T720-540q-17 0-28.5 11.5T680-500q0 17 11.5 28.5T720-460Zm-80 260v-160H320v160h320Zm80 80H240v-160H80v-240q0-51 35-85.5t85-34.5h560q51 0 85.5 34.5T880-520v240H720v160Zm80-240v-160q0-17-11.5-28.5T760-560H200q-17 0-28.5 11.5T160-520v160h80v-80h480v80h80Z\"/></svg>";
+declare const ARCHIVE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m480-240 160-160-56-56-64 64v-168h-80v168l-64-64-56 56 160 160ZM200-640v440h560v-440H200Zm0 520q-33 0-56.5-23.5T120-200v-499q0-14 4.5-27t13.5-24l50-61q11-14 27.5-21.5T250-840h460q18 0 34.5 7.5T772-811l50 61q9 11 13.5 24t4.5 27v499q0 33-23.5 56.5T760-120H200Zm16-600h528l-34-40H250l-34 40Zm264 300Z\"/></svg>";
+declare const EDIT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z\"/></svg>";
+declare const SETTINGS = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z\"/></svg>";
+declare const SEARCH = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\"/></svg>";
+declare const SEARCH_OFF = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M280-80q-83 0-141.5-58.5T80-280q0-83 58.5-141.5T280-480q83 0 141.5 58.5T480-280q0 83-58.5 141.5T280-80Zm544-40L568-376q-12-13-25.5-26.5T516-428q38-24 61-64t23-88q0-75-52.5-127.5T420-760q-75 0-127.5 52.5T240-580q0 6 .5 11.5T242-557q-18 2-39.5 8T164-535q-2-11-3-22t-1-23q0-109 75.5-184.5T420-840q109 0 184.5 75.5T680-580q0 43-13.5 81.5T629-428l251 252-56 56Zm-615-61 71-71 70 71 29-28-71-71 71-71-28-28-71 71-71-71-28 28 71 71-71 71 28 28Z\"/></svg>";
+declare const DESCRIPTION = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z\"/></svg>";
+declare const CLOSE = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"/></svg>";
+declare const VERTICAL_ALIGN_TOP = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M160-760v-80h640v80H160Zm280 640v-408L336-424l-56-56 200-200 200 200-56 56-104-104v408h-80Z\"/></svg>";
+declare const VERTICAL_ALIGN_CENTER = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M440-80v-168l-64 64-56-56 160-160 160 160-56 56-64-64v168h-80ZM160-440v-80h640v80H160Zm320-120L320-720l56-56 64 64v-168h80v168l64-64 56 56-160 160Z\"/></svg>";
+declare const VERTICAL_ALIGN_BOTTOM = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M160-120v-80h640v80H160Zm320-160L280-480l56-56 104 104v-408h80v408l104-104 56 56-200 200Z\"/></svg>";
+declare const RESTRICT_EDIT = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n  <g transform=\"translate(10 10) scale(0.8) translate(-10 -10)\">\n    <path d=\"M6.25 16a.75.75 0 1 1 0 1.5H.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H.75a.75.75 0 1 1 0-1.5zm3-5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1 0-1.5zm6-5a.75.75 0 1 1 0 1.5H.75a.75.75 0 0 1 0-1.5zm.25 5.5a3.5 3.5 0 0 1 3.143 1.959.75.75 0 0 1-1.36.636A2 2 0 0 0 13.5 10v2H19a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-2l.005-.192A3.5 3.5 0 0 1 15.5 6.5m0 7.5a.5.5 0 0 0-.492.41L15 14.5v2a.5.5 0 0 0 .992.09L16 16.5v-2a.5.5 0 0 0-.5-.5\">\n    </path>\n  </g>\n</svg>\n";
+declare const TABLE_CELL_PROPERTY = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n  <path d=\"m11.105 18-.17 1H2.5A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1h15A1.5 1.5 0 0 1 19 2.5v9.975l-.85-.124-.15-.302V8h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5zM2 12h5V8H2zm10-4H8v4h4zM2 2v5h5V2zm0 16h5v-5H2zM13 7h5V2h-5zM8 2v5h4V2z\" opacity=\".6\"></path>\n  <path d=\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43zM13 6a1 1 0 0 1 1 1v3.172a2 2 0 0 0-.293.443l-.858 1.736-1.916.28-.151.027A1.98 1.98 0 0 0 9.315 14H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm-1 2H8v4h4z\"></path>\n</svg>\n";
+declare const TABLE_COLUMN = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n  <path d=\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1M2 2v16h16V2z\" opacity=\".6\"></path>\n  <path d=\"M18 7v1H2V7zm0 5v1H2v-1z\" opacity=\".6\"></path>\n  <path d=\"M14 1v18a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1m-2 1H8v4h4zm0 6H8v4h4zm0 6H8v4h4z\"></path>\n</svg>\n";
+declare const TABLE_MERGE_CELL = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n  <path d=\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1M2 2v16h16V2z\" opacity=\".6\"></path>\n  <path d=\"M7 2h1v16H7zm5 0h1v7h-1zm6 5v1H2V7zM8 12v1H2v-1z\" opacity=\".6\"></path>\n  <path d=\"M7 7h12a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m1 2v9h10V9z\"></path>\n</svg>\n";
+declare const TABLE_PROPERTY = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n  <path d=\"M8 2v5h4V2h1v5h5v1h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5H7v-5H2v-1h5V8H2V7h5V2zm4 6H8v4h4z\" opacity=\".6\"></path>\n  <path d=\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43zM17 1a2 2 0 0 1 2 2v9.475l-.85-.124-.857-1.736a2 2 0 0 0-.292-.44L17 3H3v14h7.808l.402.392L10.935 19H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z\"></path>\n</svg>\n";
+declare const TABLE_ROW = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n  <path d=\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1M2 2v16h16V2z\" opacity=\".6\"></path>\n  <path d=\"M7 2h1v16H7zm5 0h1v16h-1z\" opacity=\".6\"></path>\n  <path d=\"M1 6h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1m1 2v4h4V8zm6 0v4h4V8zm6 0v4h4V8z\"></path>\n</svg>\n";
+
+declare class ColorPickerComponent {
+    colorPalette: Color[];
+    usedColors: Color[];
+    activeColor: Color | null;
+    colorSelected: EventEmitter<Color>;
+    colorRemoved: EventEmitter<void>;
+    customColor: string | null;
+    trackByColorValue: (_: number, c: Color) => string;
+    isActive(color: Color): boolean;
+    selectCustomColor(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "document-engine-color-picker", never, { "colorPalette": { "alias": "colorPalette"; "required": false; }; "usedColors": { "alias": "usedColors"; "required": false; }; "activeColor": { "alias": "activeColor"; "required": false; }; }, { "colorSelected": "colorSelected"; "colorRemoved": "colorRemoved"; }, never, never, true, never>;
+}
+
+/**
+ * Directive for select label content
+ * Must be used within document-engine-select component when labelMode="static"
+ *
+ * Usage:
+ * <document-engine-select labelMode="static">
+ *   <div documentEngineSelectLabel>
+ *     <document-engine-icon name="format_size"></document-engine-icon>
+ *     <span>Font Size</span>
+ *   </div>
+ *   <button documentEngineSelectOption value="14px">14px</button>
+ * </document-engine-select>
+ */
+declare class SelectLabelDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectLabelDirective, "[documentEngineSelectLabel]", never, {}, {}, never, never, true, never>;
+}
+
+interface ISelectParent {
+    value: string | null;
+    selectOption(option: unknown): void;
+}
+
+/**
+ * Directive for select options
+ * Must be used within document-engine-select component
+ *
+ * Usage:
+ * <button documentEngineSelectOption value="option1">Option 1</button>
+ */
+declare class SelectOptionDirective {
+    readonly elementRef: ElementRef<any>;
+    readonly select: ISelectParent | null;
+    value: string | null;
+    label?: string;
+    disabled: boolean;
+    onClick(event: Event): void;
+    getLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionDirective, "[documentEngineSelectOption]", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Select component with floating dropdown using @floating-ui/dom
+ *
+ * Usage:
+ * <document-engine-select [(value)]="selectedValue" placeholder="Select...">
+ *   <button documentEngineSelectOption value="option1">Option 1</button>
+ *   <button documentEngineSelectOption value="option2">Option 2</button>
+ * </document-engine-select>
+ */
+declare class SelectComponent implements AfterContentInit, OnChanges, OnDestroy, ISelectParent {
+    private readonly cdr;
+    value: string | null;
+    disabled: boolean;
+    labelMode: 'static' | 'activeOption';
+    variant: 'default' | 'outline';
+    valueChange: EventEmitter<string | null>;
+    triggerRef: ElementRef<HTMLElement>;
+    dropdownRef: ElementRef<HTMLElement>;
+    labelDirectives: QueryList<SelectLabelDirective>;
+    options: QueryList<SelectOptionDirective>;
+    isOpen: boolean;
+    selectedLabel: string | null;
+    private cleanupAutoUpdate?;
+    private documentClickListener?;
+    private destroy;
+    private contentInitialized;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    selectOption(option: SelectOptionDirective): void;
+    private setupFloating;
+    private cleanup;
+    private addDocumentClickListener;
+    private removeDocumentClickListener;
+    onClick(event: Event): void;
+    /**
+     * Check if should use static label (directive)
+     * Falls back to activeOption if static mode but no label directive provided
+     */
+    get useStaticLabel(): boolean;
+    /**
+     * Check if label directive exists
+     */
+    get hasLabelDirective(): boolean;
+    private updateSelectedLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    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
+ */
+declare class ToolbarService implements OnDestroy {
+    private readonly actionSubject;
+    readonly action$: rxjs.Observable<{
+        actionName: string;
+        value?: unknown;
+    }>;
+    readonly action: EventEmitter<string>;
+    /**
+     * Emit an action
+     */
+    emit(actionName: string, value?: unknown): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarService, never>;
+    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
+ */
+declare class CharacterCountComponent implements OnInit, OnDestroy {
+    private readonly cdr;
+    editor: Editor;
+    config?: Partial<DocumentEngineConfig>;
+    mode: 'characters' | 'words';
+    count: number;
+    limit: number | null;
+    private updateCount;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    isNearLimit(): boolean;
+    isOverLimit(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CharacterCountComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CharacterCountComponent, "document-engine-character-count", never, { "editor": { "alias": "editor"; "required": false; }; "config": { "alias": "config"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Input directive matching shadcn Input component styles
+ * Supports all standard input attributes and types
+ *
+ * Usage:
+ * <input documentEngineInput type="text" placeholder="Enter text" />
+ * <input documentEngineInput type="email" class="custom-class" />
+ */
+declare class InputDirective {
+    class: string;
+    get inputClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[documentEngineInput]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Label directive for form fields
+ *
+ * Usage:
+ * <label documentEngineLabel for="input-id">Label text</label>
+ */
+declare class LabelDirective {
+    class: string;
+    get labelClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "label[documentEngineLabel]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Error message component for form validation
+ *
+ * Usage:
+ * <document-engine-error-message *ngIf="control.hasError('required')">
+ *   This field is required
+ * </document-engine-error-message>
+ */
+declare class ErrorMessageComponent {
+    class: string;
+    get errorClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorMessageComponent, "document-engine-error-message", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Toggle button option directive
+ */
+declare class ToggleOptionDirective {
+    value: string;
+    disabled: boolean;
+    isActive: boolean;
+    onClick(): void;
+    selected: EventEmitter<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleOptionDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleOptionDirective, "button[documentEngineToggleOption]", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Toggle button group component
+ * Similar to mat-button-toggle-group
+ *
+ * Usage:
+ * <document-engine-toggle-group [(value)]="alignment">
+ *   <button documentEngineToggleOption value="left"><document-engine-icon name="format_align_left"></document-engine-icon></button>
+ *   <button documentEngineToggleOption value="center"><document-engine-icon name="format_align_center"></document-engine-icon></button>
+ * </document-engine-toggle-group>
+ */
+declare class ToggleGroupComponent {
+    value: string | null;
+    disabled: boolean;
+    valueChange: EventEmitter<string | null>;
+    options: QueryList<ToggleOptionDirective>;
+    ngAfterContentInit(): void;
+    ngOnChanges(): void;
+    private updateActiveStates;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleGroupComponent, "document-engine-toggle-group", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, ["options"], ["*"], true, never>;
+}
+
+/**
+ * Checkbox component
+ * Works with ngModel and reactive forms
+ *
+ * Usage:
+ * <document-engine-checkbox [(ngModel)]="checked">Label text</document-engine-checkbox>
+ */
+declare class CheckboxComponent implements ControlValueAccessor {
+    disabled: boolean;
+    checked: boolean;
+    checkedChange: EventEmitter<boolean>;
+    hostClass: boolean;
+    private onChange;
+    private onTouched;
+    onCheckboxChange(event: Event): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "document-engine-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Dynamic Field interface
+ */
+interface DynamicFieldItem {
+    id: string;
+    label: string;
+    description?: string;
+}
+interface DynamicFieldCategory {
+    key: string;
+    label: string;
+    description?: string;
+    fields: DynamicFieldItem[];
+}
+
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+declare const urlValidator: ValidatorFn;
+
+interface LinkAttrs$2 {
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Main view for link bubble menu
+ * Shows when an existing link is selected
+ * Provides navigation to edit and properties views
+ */
+declare class LinkMainViewComponent implements BubbleMenuViewContent<LinkAttrs$2> {
+    private cdr;
+    editor?: Editor;
+    currentUrl: string;
+    close?: () => void;
+    navigateTo?: (viewId: string) => void;
+    constructor(cdr: ChangeDetectorRef);
+    onActivate(attrs: LinkAttrs$2): void;
+    editLink(): void;
+    openProperties(): void;
+    removeLink(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkMainViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkMainViewComponent, "document-engine-link-main-view", never, {}, {}, never, never, true, never>;
+}
+
+interface LinkAttrs$1 {
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Edit view for link bubble menu
+ * Shows when creating a new link or editing an existing one
+ * Provides URL input, display text input, and quick link shortcuts
+ */
+declare class LinkEditViewComponent implements BubbleMenuViewContent<LinkAttrs$1> {
+    private fb;
+    private cdr;
+    editor?: Editor;
+    position?: {
+        from: number;
+        to: number;
+    };
+    goBack?: (viewId?: string) => void;
+    close?: () => void;
+    linkForm: _angular_forms.FormGroup<{
+        url: FormControl<string | null>;
+        displayText: FormControl<string | null>;
+    }>;
+    isNewLink: boolean;
+    linkShortcuts: {
+        label: string;
+        url: string;
+    }[];
+    onActivate(attrs: LinkAttrs$1): void;
+    applyShortcut(url: string): void;
+    canApply(): boolean;
+    applyLink(): void;
+    cancel(): void;
+    private normalizeUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkEditViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkEditViewComponent, "document-engine-link-edit-view", never, {}, {}, never, never, true, never>;
+}
+
+interface LinkAttrs {
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Properties view for link bubble menu
+ * Shows link properties like target and rel attributes
+ * Allows user to configure SEO and security settings
+ */
+declare class LinkPropertiesViewComponent implements BubbleMenuViewContent<LinkAttrs> {
+    private cdr;
+    editor?: Editor;
+    goBack?: (viewId?: string) => void;
+    newTabControl: FormControl<boolean | null>;
+    noFollowControl: FormControl<boolean | null>;
+    noOpenerControl: FormControl<boolean | null>;
+    noReferrerControl: FormControl<boolean | null>;
+    private currentHref;
+    constructor(cdr: ChangeDetectorRef);
+    onActivate(attrs: LinkAttrs): void;
+    saveProperties(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkPropertiesViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkPropertiesViewComponent, "document-engine-link-properties-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Color picker view for bubble menu
+ * Shows color palette for text and background colors
+ */
+declare class ColorPickerViewComponent implements BubbleMenuViewContent<Record<string, unknown>> {
+    editor?: Editor;
+    colorType: 'text' | 'fill';
+    usedColors: Color[];
+    activeColor: Color | null;
+    close?: () => void;
+    goBack?: (viewId?: string) => void;
+    navigateTo?: (viewId: string) => void;
+    colorPalette: Color[];
+    onActivate(attrs: Record<string, unknown>): void;
+    applyColor(color: Color | null): void;
+    removeColor(): void;
+    private getActiveColor;
+    private collectUsedColors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerViewComponent, "document-engine-color-picker-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Temporary image insert view for bubble menu
+ * Provides URL input for inserting images via link
+ * This is a temporary solution until full upload flow is implemented
+ */
+declare class ImageInsertViewComponent implements BubbleMenuViewContent<Record<string, unknown>> {
+    private fb;
+    private cdr;
+    editor?: Editor;
+    close?: () => void;
+    goBack?: (viewId?: string) => void;
+    imageForm: _angular_forms.FormGroup<{
+        url: _angular_forms.FormControl<string | null>;
+        alt: _angular_forms.FormControl<string | null>;
+    }>;
+    onActivate(): void;
+    canInsert(): boolean;
+    insertImage(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageInsertViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageInsertViewComponent, "document-engine-image-insert-view", never, {}, {}, never, never, true, never>;
+}
+
+interface SpecialCharacter {
+    char: string;
+    name: string;
+    code?: string;
+}
+declare const CharacterCategory: {
+    readonly ALL: "all";
+    readonly CURRENCY: "currency";
+    readonly MATH: "math";
+    readonly ARROWS: "arrows";
+    readonly SYMBOLS: "symbols";
+    readonly PUNCTUATION: "punctuation";
+};
+type CharacterCategory = (typeof CharacterCategory)[keyof typeof CharacterCategory];
+
+/**
+ * Special characters view for bubble menu
+ * Shows categorized special characters for insertion
+ */
+declare class SpecialCharactersViewComponent implements BubbleMenuViewContent<Record<string, unknown>>, OnDestroy {
+    private cdr;
+    editor?: Editor;
+    close?: () => void;
+    goBack?: (viewId?: string) => void;
+    navigateTo?: (viewId: string) => void;
+    selectedCategory: (typeof CharacterCategory)[keyof typeof CharacterCategory];
+    charButtons: QueryList<ElementRef<HTMLButtonElement>>;
+    readonly GRID_COLUMNS = 6;
+    private rafId;
+    private pendingKey;
+    get currentCharacters(): SpecialCharacter[];
+    currencyChars: SpecialCharacter[];
+    mathChars: SpecialCharacter[];
+    arrowChars: SpecialCharacter[];
+    symbolChars: SpecialCharacter[];
+    punctuationChars: SpecialCharacter[];
+    onActivate(): void;
+    insertCharacter(char: string): void;
+    onGridKeydown(event: KeyboardEvent): void;
+    private handleNavigation;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpecialCharactersViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpecialCharactersViewComponent, "document-engine-special-characters-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Dynamic fields view for bubble menu
+ * Shows categorized dynamic fields for insertion into the editor
+ */
+declare class DynamicFieldsViewComponent implements BubbleMenuViewContent<Record<string, unknown>>, OnInit, OnDestroy {
+    private cdr;
+    editor?: Editor;
+    close?: () => void;
+    goBack?: (viewId?: string) => void;
+    navigateTo?: (viewId: string) => void;
+    searchQuery: string;
+    originalFields: DynamicFieldItem$1[];
+    originalCategories: DynamicFieldCategory$1[];
+    searchControl: FormControl<string | null>;
+    private destroy$;
+    onActivate(attrs: Record<string, unknown>): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Getter that filters categories and fields based on search query
+     */
+    get filteredCategories(): DynamicFieldCategory$1[];
+    /**
+     * Insert a dynamic field into the editor
+     */
+    insertDynamicField(field: DynamicFieldItem$1): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFieldsViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFieldsViewComponent, "document-engine-dynamic-fields-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Template view for bubble menu
+ * Shows templates for insertion into the editor
+ * Replaces entire editor content with selected template
+ */
+declare class TemplateViewComponent implements BubbleMenuViewContent<Record<string, unknown>>, OnInit, OnDestroy {
+    private cdr;
+    editor?: Editor;
+    close?: () => void;
+    goBack?: (viewId?: string) => void;
+    navigateTo?: (viewId: string) => void;
+    searchQuery: string;
+    originalTemplates: TemplateItem[];
+    searchControl: FormControl<string | null>;
+    private destroy$;
+    onActivate(attrs: Record<string, unknown>): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Getter that filters templates based on search query
+     */
+    get filteredTemplates(): TemplateItem[];
+    /**
+     * Insert a template into the editor, replacing entire content
+     */
+    insertTemplate(template: TemplateItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateViewComponent, "document-engine-template-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Main view for table bubble menu
+ * Shows table manipulation controls (rows, columns, cells)
+ * Provides navigation to cell and table styling views
+ */
+declare class TableMainViewComponent implements BubbleMenuViewContent {
+    editor?: Editor;
+    navigateTo?: (viewId: string) => void;
+    close?: () => void;
+    colAction: string | null;
+    rowAction: string | null;
+    cellAction: string | null;
+    get canMerge(): boolean;
+    get canSplit(): boolean;
+    handleColAction(action: string | null): void;
+    handleRowAction(action: string | null): void;
+    handleCellAction(action: string | null): void;
+    setSelection(selection: 'column' | 'row'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableMainViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableMainViewComponent, "document-engine-table-main-view", never, {}, {}, never, never, true, never>;
+}
+
+interface TableCreateViewData {
+    rows?: number;
+    cols?: number;
+    header?: boolean;
+}
+/**
+ * Table creation view for bubble menu
+ * Allows users to configure table dimensions and header row
+ */
+declare class TableCreateViewComponent implements BubbleMenuViewContent<TableCreateViewData> {
+    private readonly fb;
+    private readonly cdr;
+    editor?: Editor;
+    close?: () => void;
+    goBack?: (viewId?: string) => void;
+    navigateTo?: (viewId: string) => void;
+    readonly MAX_GRID_ROWS = 100;
+    readonly MAX_GRID_COLS = 10;
+    readonly GRID_ROW = 10;
+    readonly GRID_COL = 10;
+    gridRows: number[];
+    gridCols: number[];
+    hoveredRows: number;
+    hoveredCols: number;
+    frozenRows: number | null;
+    frozenCols: number | null;
+    form: _angular_forms.FormGroup<{
+        rows: _angular_forms.FormControl<number>;
+        cols: _angular_forms.FormControl<number>;
+        header: _angular_forms.FormControl<boolean>;
+    }>;
+    onActivate(attrs: TableCreateViewData): void;
+    isBoxSelected(row: number, col: number): boolean;
+    onBoxHover(row: number, col: number): void;
+    onBoxClick(row: number, col: number): void;
+    onGridMouseEnter(): void;
+    onGridMouseLeave(): void;
+    onInsertFromForm(): void;
+    private clamp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCreateViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCreateViewComponent, "document-engine-table-create-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Table style view for table bubble menu
+ * Allows styling the entire table (borders, background, dimensions, alignment)
+ */
+declare class TableStyleViewComponent implements BubbleMenuViewContent {
+    private cdr;
+    borderColorTrigger: ElementRef<HTMLElement>;
+    bgColorTrigger: ElementRef<HTMLElement>;
+    editor?: Editor;
+    goBack?: (viewId?: string) => void;
+    borderStyle: 'solid' | 'double' | 'dashed' | 'dotted' | 'none' | null;
+    borderColor: string | null;
+    borderWidth: string | null;
+    tableBg: string | null;
+    showColorPicker: 'border' | 'bg' | null;
+    colorPalette: Color[];
+    private documentClickListener?;
+    get borderColorObj(): Color | null;
+    get tableBgObj(): Color | null;
+    onActivate(): void;
+    toggleColorPicker(type: 'border' | 'bg'): void;
+    closeColorPicker(): void;
+    private addDocumentClickListener;
+    private removeDocumentClickListener;
+    onBorderColorSelected(color: Color): void;
+    onBorderColorRemoved(): void;
+    onTableBgSelected(color: Color): void;
+    onTableBgRemoved(): void;
+    onBorderWidthChange(): void;
+    onSave(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableStyleViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableStyleViewComponent, "document-engine-table-style-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Cell style view for table bubble menu
+ * Allows styling individual table cells (borders, background, alignment)
+ */
+declare class TableCellStyleViewComponent implements BubbleMenuViewContent {
+    private cdr;
+    borderColorTrigger: ElementRef<HTMLElement>;
+    bgColorTrigger: ElementRef<HTMLElement>;
+    editor?: Editor;
+    goBack?: (viewId?: string) => void;
+    borderStyle: 'solid' | 'dashed' | 'dotted' | 'none' | null;
+    borderColor: string | null;
+    borderWidth: string | null;
+    backgroundColor: string | null;
+    textAlign: 'left' | 'center' | 'right' | 'justify' | null;
+    vAlign: 'top' | 'middle' | 'bottom' | null;
+    showColorPicker: 'border' | 'bg' | null;
+    colorPalette: Color[];
+    private documentClickListener?;
+    get borderColorObj(): Color | null;
+    get backgroundColorObj(): Color | null;
+    onActivate(): void;
+    toggleColorPicker(type: 'border' | 'bg'): void;
+    closeColorPicker(): void;
+    private addDocumentClickListener;
+    private removeDocumentClickListener;
+    onBorderColorSelected(color: Color): void;
+    onBorderColorRemoved(): void;
+    onBackgroundColorSelected(color: Color): void;
+    onBackgroundColorRemoved(): void;
+    onBorderWidthChange(): void;
+    onSave(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCellStyleViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCellStyleViewComponent, "document-engine-table-cell-style-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * A bubble menu wrapper specifically for toolbar buttons
+ * Unlike the regular bubble menu, this one is positioned relative to toolbar buttons
+ * and doesn't depend on text selection in the editor
+ */
+declare class ToolbarBubbleMenuComponent implements AfterViewInit, OnDestroy {
+    editor: Editor;
+    config: ToolbarBubbleMenuConfig;
+    private cdr;
+    private eventManager;
+    private focusTrap;
+    private bubbleElement;
+    private viewContainer;
+    private currentViewRef;
+    private currentViewId;
+    private currentAttributes;
+    isVisible: boolean;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    isActive(type: 'text' | 'fill'): boolean;
+    toggleBubble(targetElement: HTMLElement, attrs?: Record<string, unknown>, viewId?: string): void;
+    /**
+     * Show the bubble menu positioned relative to a target element (toolbar button)
+     */
+    showBubble(targetElement: HTMLElement, attrs?: Record<string, unknown>, viewId?: string): void;
+    /**
+     * Hide the bubble menu
+     */
+    hideBubble(): void;
+    private selectInitialView;
+    private showView;
+    private createView;
+    private activateView;
+    private deactivateView;
+    private destroyCurrentView;
+    private handleNavigateTo;
+    private handleGoBack;
+    private findViewConfig;
+    private positionBubble;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarBubbleMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarBubbleMenuComponent, "document-engine-toolbar-bubble-menu", never, { "editor": { "alias": "editor"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EditorBubbleMenuComponent implements OnInit, AfterViewInit, OnDestroy {
+    editor: Editor;
+    config: EditorBubbleMenuConfig;
+    private viewContainer;
+    private bubbleElement;
+    private cdr;
+    private document;
+    private focusTrap;
+    private currentViewRef;
+    private currentViewId;
+    private currentAttributes;
+    private cleanupSelection;
+    private shouldShowImpl;
+    private keyToSignal;
+    private forceOpen;
+    private documentClickHandler;
+    shouldShowFn: () => boolean;
+    get mountTo(): (() => HTMLElement | null) | undefined;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private addDocumentClickHandler;
+    /**
+     * Public method to force open the bubble menu
+     */
+    showBubble(): void;
+    /**
+     * Handle close request from view
+     */
+    hideBubble(): void;
+    /**
+     * Handle when target mark/node becomes active
+     */
+    private handleActivate;
+    /**
+     * Handle when target mark/node becomes inactive
+     */
+    private handleDeactivate;
+    /**
+     * Select which view should be shown initially
+     */
+    private selectInitialView;
+    /**
+     * Show a specific view by ID
+     */
+    private showView;
+    /**
+     * Create a view component
+     */
+    private createView;
+    /**
+     * Activate a view (call onActivate)
+     */
+    private activateView;
+    /**
+     * Deactivate a view (call onDeactivate)
+     */
+    private deactivateView;
+    /**
+     * Destroy current view
+     */
+    private destroyCurrentView;
+    /**
+     * Handle navigation request from view
+     */
+    private handleNavigateTo;
+    /**
+     * Handle go back request from view
+     */
+    private handleGoBack;
+    /**
+     * Find view config by ID
+     */
+    private findViewConfig;
+    signalFor(key: string): {
+        value: boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorBubbleMenuComponent, never>;
+    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 type { BubbleMenuProps, BubbleMenuViewConfig, BubbleMenuViewContent, BubbleTarget, ButtonType, DocumentEngineConfig, DynamicFieldCategory, DynamicFieldItem, EditorBubbleMenuConfig, HeadingLevel, IconButton, OutsideHandler, SelectButton, SelectOption, TableCreateViewData, TemplateItem, ToolbarBubbleMenuConfig, ToolbarButton, ToolbarState };