@ngstarter-ui/components 21.0.30 → 21.0.32

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 };

package/types/ngstarter-ui-components-country-select.d.ts

@@ -12,6 +12,8 @@ interface Country {
 }
 
 declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor, FormFieldControl<string | null> {
+    private static readonly COUNTRY_RENDER_CHUNK_SIZE;
+    private static readonly COUNTRY_RENDER_CHUNK_DELAY;
     private _elementRef;
     private _renderer;
     private _formField;
@@ -19,6 +21,7 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     id: string;
     readonly stateChanges: Subject<void>;
     protected searchTerm: _angular_core.ModelSignal<string>;
+    protected visibleCountryCount: _angular_core.WritableSignal<number>;
     private readonly _valueSignal;
     private readonly _focusedSignal;
     private _touched;
@@ -28,6 +31,7 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     readonly showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly internalCountries: Country[];
     readonly filteredCountries: _angular_core.Signal<Country[]>;
+    readonly visibleCountries: _angular_core.Signal<Country[]>;
     readonly selectedCountryDisplay: _angular_core.Signal<Country | undefined>;
     readonly ngsSelect: _angular_core.Signal<Select>;
     readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
@@ -39,6 +43,8 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private onChangeFn;
     private onTouchedFn;
+    private _countryRenderTimeout;
+    private _countrySearchFocusTimeout;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -65,9 +71,15 @@ declare class CountrySelect implements OnInit, OnDestroy, ControlValueAccessor,
     setDisabledState(isDisabled: boolean): void;
     onSelectionChange(event: SelectChange): void;
     clearSearch(event: MouseEvent): void;
+    onCountrySearch(searchTerm: string): void;
     onSelectOpened(): void;
     onSelectClosed(): void;
     focus(): void;
+    private getInitialVisibleCountryCount;
+    private scheduleCountryRendering;
+    private clearCountrySelectTimeouts;
+    private clearCountryRenderTimeout;
+    private clearCountrySearchFocusTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CountrySelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CountrySelect, "ngs-country-select", ["ngsCountrySelect"], { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "placeholderInputSignal": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isRequiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "isDisabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCountryCode": { "alias": "showCountryCode"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; "isRequiredSignal": "requiredChange"; "isDisabledSignal": "disabledChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }

package/types/ngstarter-ui-components-currency-select.d.ts

@@ -14,6 +14,8 @@ interface Currency {
 }
 
 declare class CurrencySelect implements OnInit, OnDestroy, ControlValueAccessor, FormFieldControl<string | null> {
+    private static readonly CURRENCY_RENDER_CHUNK_SIZE;
+    private static readonly CURRENCY_RENDER_CHUNK_DELAY;
     private _elementRef;
     private _renderer;
     private _formField;
@@ -23,6 +25,7 @@ declare class CurrencySelect implements OnInit, OnDestroy, ControlValueAccessor,
     controlType: string;
     autofilled?: boolean;
     protected searchTerm: _angular_core.ModelSignal<string>;
+    protected visibleCurrencyCount: _angular_core.WritableSignal<number>;
     private readonly _valueSignal;
     private readonly _focusedSignal;
     private _touched;
@@ -32,6 +35,7 @@ declare class CurrencySelect implements OnInit, OnDestroy, ControlValueAccessor,
     showCountryName: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly internalCurrencies: Currency[];
     readonly filteredCurrencies: _angular_core.Signal<Currency[]>;
+    readonly visibleCurrencies: _angular_core.Signal<Currency[]>;
     readonly selectedCurrencyDisplay: _angular_core.Signal<Currency | undefined>;
     readonly ngsSelect: _angular_core.Signal<Select | undefined>;
     readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
@@ -43,6 +47,8 @@ declare class CurrencySelect implements OnInit, OnDestroy, ControlValueAccessor,
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private onChangeFn;
     private onTouchedFn;
+    private _currencyRenderTimeout;
+    private _currencySearchFocusTimeout;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -69,9 +75,15 @@ declare class CurrencySelect implements OnInit, OnDestroy, ControlValueAccessor,
     setDisabledState(isDisabled: boolean): void;
     onSelectionChange(event: SelectChange): void;
     clearSearch(event: MouseEvent): void;
+    onCurrencySearch(searchTerm: string): void;
     onSelectOpened(): void;
     onSelectClosed(): void;
     focus(): void;
+    private getInitialVisibleCurrencyCount;
+    private scheduleCurrencyRendering;
+    private clearCurrencySelectTimeouts;
+    private clearCurrencyRenderTimeout;
+    private clearCurrencySearchFocusTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CurrencySelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CurrencySelect, "ngs-currency-select", ["ngsCurrencySelect"], { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "placeholderInputSignal": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isRequiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "isDisabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCountryName": { "alias": "showCountryName"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; "isRequiredSignal": "requiredChange"; "isDisabledSignal": "disabledChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }

package/types/ngstarter-ui-components-menu.d.ts

@@ -101,7 +101,7 @@ declare class Menu implements OnDestroy {
     _triggerClosed(trigger: any): void;
     hasOpenChild(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Menu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "ngs-menu", ["ngsMenu"], { "role": { "alias": "role"; "required": false; "isSignal": true; }; "classList": { "alias": "classList"; "required": false; "isSignal": true; }; "xPosition": { "alias": "xPosition"; "required": false; "isSignal": true; }; "yPosition": { "alias": "yPosition"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["content", "items"], ["[ngs-menu-header]", "*", "[ngs-menu-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "ngs-menu", ["ngsMenu"], { "role": { "alias": "role"; "required": false; "isSignal": true; }; "classList": { "alias": "classList"; "required": false; "isSignal": true; }; "xPosition": { "alias": "xPosition"; "required": false; "isSignal": true; }; "yPosition": { "alias": "yPosition"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["content", "items"], ["ngs-menu-header,[ngs-menu-header]", "*", "ngs-menu-footer,[ngs-menu-footer]"], true, never>;
 }
 
 declare class MenuDivider {
@@ -143,12 +143,12 @@ declare class ContextMenuTrigger implements OnDestroy {
 
 declare class MenuHeader {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuHeader, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuHeader, "ngs-menu-header", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuHeader, "ngs-menu-header", ["ngsMenuHeader"], {}, {}, never, ["*"], true, never>;
 }
 
 declare class MenuFooter {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuFooter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuFooter, "ngs-menu-footer", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuFooter, "ngs-menu-footer", ["ngsMenuFooter"], {}, {}, never, ["*"], true, never>;
 }
 
 /**

package/types/ngstarter-ui-components-phone-input.d.ts

@@ -16,6 +16,8 @@ type PhoneNumberFormat = 'default' | 'national' | 'international';
 
 declare class PhoneInput implements OnInit, AfterViewInit, DoCheck, OnDestroy, FormFieldControl<any> {
     ngControl: NgControl;
+    private static readonly COUNTRY_RENDER_CHUNK_SIZE;
+    private static readonly COUNTRY_RENDER_CHUNK_DELAY;
     private _destroyRef;
     private _changeDetectorRef;
     private countryCodeData;
@@ -24,7 +26,7 @@ declare class PhoneInput implements OnInit, AfterViewInit, DoCheck, OnDestroy, F
     private _errorStateMatcher;
     private _parentForm;
     static nextId: number;
-    readonly menuSearchInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly focusable: _angular_core.Signal<ElementRef<any>>;
     private _focused;
     private _errorState;
@@ -40,8 +42,13 @@ declare class PhoneInput implements OnInit, AfterViewInit, DoCheck, OnDestroy, F
     selectedCountry: _angular_core.WritableSignal<Country | null>;
     numberInstance?: PhoneNumber;
     private _value;
-    searchCriteria?: string;
+    searchTerm: _angular_core.WritableSignal<string>;
+    visibleCountryCount: _angular_core.WritableSignal<number>;
+    filteredCountries: _angular_core.Signal<Country[]>;
+    visibleCountries: _angular_core.Signal<Country[]>;
     private _previousFormattedNumber?;
+    private _countryRenderTimeout;
+    private _countrySearchFocusTimeout;
     onTouched: () => void;
     propagateChange: (_: any) => void;
     get focused(): boolean;
@@ -72,6 +79,16 @@ declare class PhoneInput implements OnInit, AfterViewInit, DoCheck, OnDestroy, F
     ngOnDestroy(): void;
     onPhoneNumberChange(): void;
     onCountrySelect(country: Country, el: any): void;
+    protected focusSearchInput(): void;
+    protected openCountryMenu(): void;
+    protected closeCountryMenu(): void;
+    protected onCountrySearch(searchTerm: string): void;
+    protected clearSearch(event: MouseEvent): void;
+    protected countryFlagEmoji(shortCode: string | undefined | null): string;
+    private scheduleCountryRendering;
+    private clearCountryMenuTimeouts;
+    private clearCountryRenderTimeout;
+    private clearCountrySearchFocusTimeout;
     getCountry(shortCode: CountryCode): Country;
     onInputKeyPress(event: any): void;
     protected fetchCountryData(): void;