@ngstarter-ui/components 21.0.30 → 21.0.31

package/types/ngstarter-ui-components-content-editor.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, OnInit, OnDestroy, AfterViewInit, EventEmitter, Type, ViewContainerRef, ElementRef, Renderer2, NgZone } from '@angular/core';
+import { InjectionToken, Signal, Type, InputSignal, OnInit, OnDestroy, AfterViewInit, EventEmitter, EnvironmentProviders, ViewContainerRef, ElementRef, Renderer2, NgZone } from '@angular/core';
 import { CdkDragDrop, CdkDragStart } from '@angular/cdk/drag-drop';
 import { Menu, MenuCloseReason } from '@ngstarter-ui/components/menu';
 import { Popover } from '@ngstarter-ui/components/popover';
@@ -105,6 +105,28 @@ interface ContentEditorTableBlockSettings {
 interface ContentEditorOptions {
     [prop: string]: any;
 }
+interface ContentEditorBlockRendererDef {
+    type: string;
+    component: Type<unknown>;
+}
+interface ContentEditorBlockRendererInputs<TContent = unknown, TSettings = unknown> extends Record<string, unknown> {
+    block: ContentEditorBlock | null;
+    id: string;
+    type: string;
+    content: TContent;
+    props: ContentEditorItemProperty[];
+    settings: TSettings;
+    index: number;
+}
+interface ContentEditorBlockRendererInputSignals<TContent = unknown, TSettings = unknown> {
+    block: InputSignal<ContentEditorBlock | null>;
+    id: InputSignal<string>;
+    type: InputSignal<string>;
+    content: InputSignal<TContent>;
+    props: InputSignal<ContentEditorItemProperty[]>;
+    settings: InputSignal<TSettings>;
+    index: InputSignal<number>;
+}
 
 declare class CommandBarComponent implements OnInit, OnDestroy {
     private _document;
@@ -112,6 +134,7 @@ declare class CommandBarComponent implements OnInit, OnDestroy {
     private _renderer;
     private _dialog;
     observedElement: HTMLElement | null;
+    private _linkDialogOpen;
     props: _angular_core.WritableSignal<ContentEditorItemProperty[]>;
     alignment: _angular_core.Signal<string>;
     ngOnInit(): void;
@@ -178,6 +201,7 @@ declare class BlockSelectionDirective implements OnDestroy {
 }
 
 declare class ContentBuilderComponent implements OnInit, AfterViewInit, OnDestroy {
+    private static readonly DRAFT_STORAGE_PREFIX;
     private _platformId;
     private _store;
     private elRef;
@@ -193,6 +217,7 @@ declare class ContentBuilderComponent implements OnInit, AfterViewInit, OnDestro
     private blockDefs;
     content: _angular_core.InputSignal<ContentEditorBlock[]>;
     contentChangedDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    persistDraft: _angular_core.InputSignalWithTransform<boolean, unknown>;
     suggestions: _angular_core.InputSignal<any>;
     options: _angular_core.InputSignal<ContentEditorOptions>;
     scrollContainer: _angular_core.InputSignal<string | undefined>;
@@ -257,6 +282,10 @@ declare class ContentBuilderComponent implements OnInit, AfterViewInit, OnDestro
     protected onSuggestionsMenuOpen(): void;
     protected onSuggestionsMenuClose(reason: MenuCloseReason): void;
     ngOnDestroy(): void;
+    private _getDraftContent;
+    private _saveDraft;
+    private _canUseDraftStorage;
+    private _getDraftStorageKey;
     onSettingsPopoverClose(): void;
     protected _onPaste(event: ClipboardEvent): void;
     private _handleTextPaste;
@@ -264,12 +293,202 @@ declare class ContentBuilderComponent implements OnInit, AfterViewInit, OnDestro
     private _mapNodeToBlock;
     private _mapListItems;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentBuilderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentBuilderComponent, "ngs-content-builder", ["ngsContentBuilder"], { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentChangedDelay": { "alias": "contentChangedDelay"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "scrollContainer": { "alias": "scrollContainer"; "required": false; "isSignal": true; }; }, { "contentChanged": "contentChanged"; }, never, never, true, [{ directive: typeof BlockSelectionDirective; inputs: { "autoScrollContainerSelector": "autoScrollContainerSelector"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentBuilderComponent, "ngs-content-editor-builder", ["ngsContentEditorBuilder"], { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentChangedDelay": { "alias": "contentChangedDelay"; "required": false; "isSignal": true; }; "persistDraft": { "alias": "persistDraft"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "scrollContainer": { "alias": "scrollContainer"; "required": false; "isSignal": true; }; }, { "contentChanged": "contentChanged"; }, never, never, true, [{ directive: typeof BlockSelectionDirective; inputs: { "autoScrollContainerSelector": "autoScrollContainerSelector"; }; outputs: {}; }]>;
+}
+
+interface ContentEditorRenderItem {
+    block: ContentEditorBlock;
+    component: Type<unknown> | null;
+    inputs: ContentEditorBlockRendererInputs;
+}
+declare class ContentEditorRenderer {
+    private readonly providedRendererGroups;
+    content: _angular_core.InputSignal<readonly ContentEditorBlock[]>;
+    blocks: _angular_core.InputSignal<readonly ContentEditorBlock[] | null>;
+    readonly rendererMap: _angular_core.Signal<Map<string, Type<unknown>>>;
+    protected readonly items: _angular_core.Signal<ContentEditorRenderItem[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorRenderer, "ngs-content-editor-renderer", ["ngsContentEditorRenderer"], { "content": { "alias": "content"; "required": false; "isSignal": true; }; "blocks": { "alias": "blocks"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const CONTENT_EDITOR_BLOCK_RENDERERS: InjectionToken<readonly (readonly ContentEditorBlockRendererDef[])[]>;
+declare function provideContentEditorRenderers(renderers: ReadonlyArray<ContentEditorBlockRendererDef>): EnvironmentProviders;
+declare function provideContentEditorRenderer(renderer: ContentEditorBlockRendererDef): EnvironmentProviders;
+
+declare const CONTENT_EDITOR_DEFAULT_RENDERERS: ReadonlyArray<ContentEditorBlockRendererDef>;
+
+interface ContentEditorCodeRendererSettings {
+    language?: string;
+}
+declare class ContentEditorCodeRenderer implements ContentEditorBlockRendererInputSignals<unknown, ContentEditorCodeRendererSettings> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<unknown>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<ContentEditorCodeRendererSettings>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly code: _angular_core.Signal<string>;
+    protected readonly language: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorCodeRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorCodeRenderer, "ngs-content-editor-code-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ContentEditorDividerRenderer implements ContentEditorBlockRendererInputSignals<unknown, Record<string, unknown>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<unknown>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Record<string, unknown>>;
+    index: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorDividerRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorDividerRenderer, "ngs-content-editor-divider-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ContentEditorEmbedRenderer implements ContentEditorBlockRendererInputSignals<Partial<ContentEditorEmbedContent> | null, Partial<ContentEditorEmbedBlockSettings>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<Partial<ContentEditorEmbedContent> | null>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Partial<ContentEditorEmbedBlockSettings>>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly url: _angular_core.Signal<string>;
+    protected readonly embedType: _angular_core.Signal<string>;
+    protected readonly width: _angular_core.Signal<number>;
+    protected readonly height: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorEmbedRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorEmbedRenderer, "ngs-content-editor-embed-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ContentEditorTextAlignment = 'left' | 'center' | 'right' | 'justify';
+
+declare class ContentEditorHeadingRenderer implements ContentEditorBlockRendererInputSignals<unknown, Partial<ContentEditorHeadingBlockSettings>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<unknown>;
+    settings: _angular_core.InputSignal<Partial<ContentEditorHeadingBlockSettings>>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly html: _angular_core.Signal<string>;
+    protected readonly level: _angular_core.Signal<1 | 2 | 3>;
+    protected readonly alignment: _angular_core.Signal<ContentEditorTextAlignment>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorHeadingRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorHeadingRenderer, "ngs-content-editor-heading-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ContentEditorImageRenderer implements ContentEditorBlockRendererInputSignals<Partial<ContentEditorImageContent> | null, Partial<ContentEditorImageBlockSettings>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<Partial<ContentEditorImageContent> | null>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Partial<ContentEditorImageBlockSettings>>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly src: _angular_core.Signal<string>;
+    protected readonly alt: _angular_core.Signal<string>;
+    protected readonly width: _angular_core.Signal<number | null>;
+    protected readonly height: _angular_core.Signal<number | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorImageRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorImageRenderer, "ngs-content-editor-image-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ContentEditorListRenderer implements ContentEditorBlockRendererInputSignals<ContentEditorListItem[], Partial<ContentEditorListSettings>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<ContentEditorListItem[]>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Partial<ContentEditorListSettings>>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly items: _angular_core.Signal<ContentEditorListItem[]>;
+    protected readonly listStyle: _angular_core.Signal<string>;
+    protected childItems(item: ContentEditorListItem): ContentEditorListItem[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorListRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorListRenderer, "ngs-content-editor-list-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ContentEditorParagraphRenderer implements ContentEditorBlockRendererInputSignals<unknown, Record<string, unknown>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<unknown>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Record<string, unknown>>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly html: _angular_core.Signal<string>;
+    protected readonly alignment: _angular_core.Signal<ContentEditorTextAlignment>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorParagraphRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorParagraphRenderer, "ngs-content-editor-paragraph-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ContentEditorQuoteRendererContentPart {
+    content?: string;
+    props?: ContentEditorItemProperty[];
+}
+interface ContentEditorQuoteRendererContent {
+    cite?: ContentEditorQuoteRendererContentPart;
+    caption?: ContentEditorQuoteRendererContentPart;
+}
+declare class ContentEditorQuoteRenderer implements ContentEditorBlockRendererInputSignals<ContentEditorQuoteRendererContent | null, Record<string, unknown>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<ContentEditorQuoteRendererContent | null>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Record<string, unknown>>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly quoteHtml: _angular_core.Signal<string>;
+    protected readonly captionHtml: _angular_core.Signal<string>;
+    protected readonly quoteAlignment: _angular_core.Signal<ContentEditorTextAlignment>;
+    protected readonly captionAlignment: _angular_core.Signal<ContentEditorTextAlignment>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorQuoteRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorQuoteRenderer, "ngs-content-editor-quote-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ContentEditorTableCell {
+    content?: string;
+    props?: unknown[];
+    styles?: Record<string, unknown>;
+    options?: {
+        colspan?: number;
+        rowspan?: number;
+        width?: number | string;
+    };
+}
+declare class ContentEditorTableRenderer implements ContentEditorBlockRendererInputSignals<ContentEditorTableCell[][], ContentEditorTableBlockSettings> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<ContentEditorTableCell[][]>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<ContentEditorTableBlockSettings>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly rows: _angular_core.Signal<ContentEditorTableCell[][]>;
+    protected readonly firstRow: _angular_core.Signal<ContentEditorTableCell[]>;
+    protected width(cell: ContentEditorTableCell): number | null;
+    protected colSpan(cell: ContentEditorTableCell): number;
+    protected rowSpan(cell: ContentEditorTableCell): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorTableRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorTableRenderer, "ngs-content-editor-table-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ContentViewerComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentViewerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentViewerComponent, "ngs-content-viewer", never, {}, {}, never, never, true, never>;
+declare class ContentEditorVideoRenderer implements ContentEditorBlockRendererInputSignals<Partial<ContentEditorVideoContent> | null, Partial<ContentEditorVideoBlockSettings>> {
+    block: _angular_core.InputSignal<ContentEditorBlock | null>;
+    id: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<string>;
+    content: _angular_core.InputSignal<Partial<ContentEditorVideoContent> | null>;
+    props: _angular_core.InputSignal<ContentEditorItemProperty[]>;
+    settings: _angular_core.InputSignal<Partial<ContentEditorVideoBlockSettings>>;
+    index: _angular_core.InputSignal<number>;
+    protected readonly src: _angular_core.Signal<string>;
+    protected readonly caption: _angular_core.Signal<string>;
+    protected readonly width: _angular_core.Signal<number | null>;
+    protected readonly height: _angular_core.Signal<number | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentEditorVideoRenderer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentEditorVideoRenderer, "ngs-content-editor-video-renderer", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ISelectionPopupComponent {
@@ -317,5 +536,5 @@ declare class TextSelectionPopupDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextSelectionPopupDirective, "[ngsTextSelectionPopup]", never, { "targetComponent": { "alias": "targetComponent"; "required": false; }; "closestContentObserverClass": { "alias": "closestContentObserverClass"; "required": false; }; }, { "tagSelected": "tagSelected"; }, never, never, true, never>;
 }
 
-export { BlockSelectionDirective, CONTENT_BUILDER, CONTENT_EDITOR_BLOCK, CommandBarComponent, ContentBuilderComponent, ContentViewerComponent, TextSelectionPopupDirective };
-export type { ContentEditorBlock, ContentEditorBlockDef, ContentEditorBlockEmpty, ContentEditorDataBlock, ContentEditorEmbedBlockSettings, ContentEditorEmbedContent, ContentEditorHeadingBlockSettings, ContentEditorImageBlockSettings, ContentEditorImageContent, ContentEditorItemProperty, ContentEditorListItem, ContentEditorListSettings, ContentEditorOptions, ContentEditorSuggestionHeading, ContentEditorSuggestionItem, ContentEditorTableBlockSettings, ContentEditorVideoBlockSettings, ContentEditorVideoContent, ISelectionPopupComponent };
+export { BlockSelectionDirective, CONTENT_BUILDER, CONTENT_EDITOR_BLOCK, CONTENT_EDITOR_BLOCK_RENDERERS, CONTENT_EDITOR_DEFAULT_RENDERERS, CommandBarComponent, ContentBuilderComponent, ContentEditorCodeRenderer, ContentEditorDividerRenderer, ContentEditorEmbedRenderer, ContentEditorHeadingRenderer, ContentEditorImageRenderer, ContentEditorListRenderer, ContentEditorParagraphRenderer, ContentEditorQuoteRenderer, ContentEditorRenderer, ContentEditorTableRenderer, ContentEditorVideoRenderer, TextSelectionPopupDirective, provideContentEditorRenderer, provideContentEditorRenderers };
+export type { ContentEditorBlock, ContentEditorBlockDef, ContentEditorBlockEmpty, ContentEditorBlockRendererDef, ContentEditorBlockRendererInputSignals, ContentEditorBlockRendererInputs, ContentEditorCodeRendererSettings, ContentEditorDataBlock, ContentEditorEmbedBlockSettings, ContentEditorEmbedContent, ContentEditorHeadingBlockSettings, ContentEditorImageBlockSettings, ContentEditorImageContent, ContentEditorItemProperty, ContentEditorListItem, ContentEditorListSettings, ContentEditorOptions, ContentEditorQuoteRendererContent, ContentEditorQuoteRendererContentPart, ContentEditorSuggestionHeading, ContentEditorSuggestionItem, ContentEditorTableBlockSettings, ContentEditorTableCell, ContentEditorVideoBlockSettings, ContentEditorVideoContent, ISelectionPopupComponent };