@leanix/components 0.4.587 → 0.4.588

package/index.d.ts

@@ -84,6 +84,16 @@ export * from './lib/forms-ui/components/single-select/single-select.component';
 export * from './lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component';
 export * from './lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component';
 export * from './lib/forms-ui/components/switch/switch.component';
+export * from './lib/forms-ui/components/rich-text-editor/components/rich-text-editor/rich-text-editor.component';
+export * from './lib/forms-ui/components/rich-text-editor/directives/focus-editor.directive';
+export * from './lib/forms-ui/components/rich-text-editor/directives/tiptap-editor.directive';
+export * from './lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.directive';
+export * from './lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.directive';
+export * from './lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.directive';
+export * from './lib/forms-ui/components/rich-text-editor/ngx-tiptap/node-view.component';
+export * from './lib/forms-ui/components/rich-text-editor/ngx-tiptap/NodeViewRenderer';
+export * from './lib/forms-ui/components/rich-text-editor/pipes/remove-markdown.pipe';
+export { ExtensionFactory } from './lib/forms-ui/components/rich-text-editor/utils/extensions-builder';
 export * from './lib/forms-ui/components/keyboard-select.directive';
 export * from './lib/forms-ui/components/picker/picker-trigger.directive';
 export * from './lib/forms-ui/directives/contenteditable.directive';

package/lib/forms-ui/components/rich-text-editor/components/rich-text-editor/rich-text-editor.component.d.ts

@@ -0,0 +1,29 @@
+import { OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { JSONContent } from '@tiptap/core';
+import { ExtensionFactory } from '../../utils/extensions-builder';
+import { OutputFormat, RichTextEditorFeature } from '../../utils/features';
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/tiptap-editor.directive";
+import * as i2 from "../../extensions/tracking/tracking.directive";
+export declare class RichTextEditorComponent implements OnDestroy, ControlValueAccessor {
+    readonly mode: import("@angular/core").InputSignal<"edit" | "view">;
+    readonly outputFormat: import("@angular/core").InputSignal<OutputFormat>;
+    readonly additionalFeatures: import("@angular/core").InputSignal<RichTextEditorFeature[]>;
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<string | null>;
+    readonly maxHeight: import("@angular/core").InputSignal<string | null>;
+    readonly customExtensions: import("@angular/core").InputSignal<ExtensionFactory[]>;
+    readonly blur: import("@angular/core").OutputEmitterRef<void>;
+    value: JSONContent | string | null;
+    disabled: boolean;
+    editor: import("@angular/core").Signal<import("@tiptap/core").Editor>;
+    onChange: (_value: JSONContent | string | null) => void;
+    onTouched: () => void;
+    ngOnDestroy(): void;
+    writeValue(value: JSONContent | string | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RichTextEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextEditorComponent, "lx-rich-text-editor", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "outputFormat": { "alias": "outputFormat"; "required": true; "isSignal": true; }; "additionalFeatures": { "alias": "additionalFeatures"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "customExtensions": { "alias": "customExtensions"; "required": false; "isSignal": true; }; }, { "blur": "blur"; }, never, [".diagram-btn", "*"], true, [{ directive: typeof i1.TipTapEditorDirective; inputs: { "outputFormat": "outputFormat"; "additionalFeatures": "additionalFeatures"; "ariaLabelledBy": "ariaLabelledBy"; "customExtensions": "customExtensions"; "mode": "mode"; }; outputs: {}; }, { directive: typeof i2.TrackingDirective; inputs: {}; outputs: { "trackEvent": "trackEvent"; }; }]>;
+}

package/lib/forms-ui/components/rich-text-editor/components/rich-text-editor-toolbar/rich-text-editor-toolbar.component.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Editor } from '@tiptap/core';
+import type { Level } from '@tiptap/extension-heading';
+import { Transaction } from '@tiptap/pm/state';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class RichTextEditorToolbarComponent implements OnInit, OnDestroy {
+    NAME: string;
+    editor: Editor;
+    headingLevels: Level[];
+    readonly cd: ChangeDetectorRef;
+    readonly isLinkModalOpen$: BehaviorSubject<boolean>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    detectChanges: () => void;
+    update: (event: {
+        editor: Editor;
+        transaction: Transaction;
+    }) => void;
+    insertTable(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RichTextEditorToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextEditorToolbarComponent, "lx-rich-text-editor-toolbar", never, { "editor": { "alias": "editor"; "required": true; }; }, {}, never, [".diagram-btn"], true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/directives/focus-editor.directive.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FocusEditorDirective implements OnInit {
+    editor: import("@angular/core").Signal<import("@tiptap/core").Editor>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusEditorDirective, "lx-rich-text-editor[lxFocusEditor]", never, {}, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/directives/tiptap-editor.directive.d.ts

@@ -0,0 +1,23 @@
+import { Editor } from '@tiptap/core';
+import { ExtensionFactory, ExtensionsBuilder } from '../utils/extensions-builder';
+import { OutputFormat, RichTextEditorFeature } from '../utils/features';
+import * as i0 from "@angular/core";
+export declare class TipTapEditorDirective {
+    readonly NAME = "TipTapEditorDirective";
+    readonly outputFormat: import("@angular/core").InputSignal<OutputFormat>;
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<string | null>;
+    readonly additionalFeatures: import("@angular/core").InputSignal<RichTextEditorFeature[]>;
+    readonly customExtensions: import("@angular/core").InputSignal<ExtensionFactory[]>;
+    readonly mode: import("@angular/core").InputSignal<"edit" | "view">;
+    features: import("@angular/core").Signal<RichTextEditorFeature[]>;
+    attributes: import("@angular/core").Signal<{
+        [name: string]: string;
+    } | ((state: import("prosemirror-state").EditorState) => {
+        [name: string]: string;
+    }) | undefined>;
+    editor: import("@angular/core").Signal<Editor>;
+    extensionsBuilder: ExtensionsBuilder;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TipTapEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TipTapEditorDirective, "lx-rich-text-editor[lxEditor]", never, { "outputFormat": { "alias": "outputFormat"; "required": true; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "additionalFeatures": { "alias": "additionalFeatures"; "required": false; "isSignal": true; }; "customExtensions": { "alias": "customExtensions"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term-state.plugin.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export declare const highlightTermStatePluginKey: PluginKey<{
+    term: string | null;
+}>;
+export declare function highlightTermState(_editor: Editor): Plugin<{
+    term: null;
+}>;

package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class HighlightTermDirective {
+    lxHighlightTerm: import("@angular/core").InputSignal<string | null | undefined>;
+    editor: import("@angular/core").Signal<import("@tiptap/core").Editor>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HighlightTermDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HighlightTermDirective, "lx-rich-text-editor[lxHighlightTerm]", never, { "lxHighlightTerm": { "alias": "lxHighlightTerm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.extension.d.ts

@@ -0,0 +1,9 @@
+import { Extension } from '@tiptap/core';
+export interface HighlightTermOptions {
+    exactMatch: boolean;
+}
+/**
+ * This extension replicates the search term highlight mechanism
+ * implemented by highlight-term.pipe.ts for tiptap editor.
+ */
+export declare const HighlightTerm: Extension<HighlightTermOptions, any>;

package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.plugin.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/core';
+import { Plugin } from '@tiptap/pm/state';
+import { DecorationSet } from '@tiptap/pm/view';
+import { HighlightTermOptions } from './highlight-term.extension';
+export declare function highlightTerm(_editor: Editor, options: HighlightTermOptions): Plugin<DecorationSet>;

package/lib/forms-ui/components/rich-text-editor/extensions/link/components/link-modal/link-modal.component.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { NgForm } from '@angular/forms';
+import { Editor } from '@tiptap/core';
+import * as i0 from "@angular/core";
+export declare class LinkModalComponent {
+    readonly NAME = "LinkModalComponent";
+    editor: Editor;
+    readonly ngForm: import("@angular/core").Signal<NgForm>;
+    readonly cd: ChangeDetectorRef;
+    get open(): any;
+    get text(): any;
+    get url(): any;
+    removeLink(): void;
+    saveLink(): void;
+    closeModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkModalComponent, "lx-link-modal", never, { "editor": { "alias": "editor"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/link/link.extension.d.ts

@@ -0,0 +1,8 @@
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        lxLink: {
+            openLinkModal: () => ReturnType;
+        };
+    }
+}
+export declare const CustomLink: import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any>;

package/lib/forms-ui/components/rich-text-editor/extensions/link/link.plugin.d.ts

@@ -0,0 +1,10 @@
+import { Editor } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export interface LinkPluginState {
+    open: boolean;
+    text: string | null;
+    url: string | null;
+}
+export declare const linkPluginKey: PluginKey<any>;
+export declare function linkPlugin(): Plugin<LinkPluginState>;
+export declare function dispatchLinkState(editor: Editor, props: LinkPluginState): void;

package/lib/forms-ui/components/rich-text-editor/extensions/link/url-validator.directive.d.ts

@@ -0,0 +1,7 @@
+import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class UrlValidatorDirective implements Validator {
+    validate(control: AbstractControl<string | null>): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UrlValidatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UrlValidatorDirective, "[lxUrl][ngModel]", never, {}, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-bubble-menu/table-bubble-menu.component';
+export * from './table-extensions';

package/lib/forms-ui/components/rich-text-editor/extensions/table/table-bubble-menu/table-bubble-menu.component.d.ts

@@ -0,0 +1,13 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { Editor } from '@tiptap/core';
+import * as i0 from "@angular/core";
+export declare class TableBubbleMenuComponent implements AfterViewInit {
+    NAME: string;
+    editor: Editor;
+    bubbleMenuRowRef: ElementRef;
+    bubbleMenuColumnRef: ElementRef;
+    bubbleMenuTableRef: ElementRef;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBubbleMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBubbleMenuComponent, "lx-table-bubble-menu", never, { "editor": { "alias": "editor"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/table/table-extensions.d.ts

@@ -0,0 +1,4 @@
+export declare const CustomTable: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;
+export declare const CustomTableRow: import("@tiptap/core").Node<import("@tiptap/extension-table-row").TableRowOptions, any>;
+export declare const CustomTableCell: import("@tiptap/core").Node<import("@tiptap/extension-table-cell").TableCellOptions, any>;
+export declare const CustomTableHeader: import("@tiptap/core").Node<import("@tiptap/extension-table-header").TableHeaderOptions, any>;

package/lib/forms-ui/components/rich-text-editor/extensions/table/utils.d.ts

@@ -0,0 +1,28 @@
+import { Editor } from '@tiptap/core';
+import { EditorState, Selection, Transaction } from '@tiptap/pm/state';
+import { EditorView } from '@tiptap/pm/view';
+export declare const isColumnSelected: (columnIndex: number, selection: Selection) => boolean;
+export declare const isRowSelected: (rowIndex: number, selection: Selection) => boolean;
+export declare const isTableSelected: (selection: Selection) => boolean;
+export declare const getCellsInColumn: (columnIndex: number | number[], selection: Selection) => {
+    pos: number;
+    start: number;
+    node: import("prosemirror-model").Node | null;
+}[] | null;
+export declare const getCellsInRow: (rowIndex: number | number[], selection: Selection) => {
+    pos: number;
+    start: number;
+    node: import("prosemirror-model").Node | null;
+}[] | null;
+export declare const selectColumn: (index: number, tr: Transaction) => Transaction;
+export declare const selectRow: (index: number, tr: Transaction) => Transaction;
+type SelectorCheckParams = {
+    editor: Editor;
+    view: EditorView;
+    state: EditorState;
+    from: number;
+    selectorType: 'selector-column' | 'selector-row';
+};
+export declare const isColumnSelectorActive: (params: Omit<SelectorCheckParams, "selectorType">) => boolean;
+export declare const isRowSelectorActive: (params: Omit<SelectorCheckParams, "selectorType">) => boolean;
+export {};

package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TrackingDirective {
+    trackEvent: import("@angular/core").OutputEmitterRef<"INSERT_TABLE">;
+    editor: import("@angular/core").Signal<import("@tiptap/core").Editor>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrackingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TrackingDirective, "lx-rich-text-editor[lxTracking]", never, {}, { "trackEvent": "trackEvent"; }, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.extension.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/core';
+import { TrackingEvent } from './tracking.plugin';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        tracking: {
+            track: (trackingEvent: TrackingEvent) => ReturnType;
+        };
+    }
+}
+export declare const Tracking: Extension<any, any>;

package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.plugin.d.ts

@@ -0,0 +1,4 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export type TrackingEvent = 'INSERT_TABLE';
+export declare const trackingPluginKey: PluginKey<any>;
+export declare function tracking(): Plugin<"INSERT_TABLE">;

package/lib/forms-ui/components/rich-text-editor/extensions/truncate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './truncate-button.component';
+export * from './truncate.extension';

package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate-button.component.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { Editor } from '@tiptap/core';
+import { Transaction } from '@tiptap/pm/state';
+import * as i0 from "@angular/core";
+export declare class TruncateButtonComponent implements OnInit, OnDestroy {
+    readonly NAME = "TruncateButtonComponent";
+    editor: Editor;
+    private readonly cdr;
+    get collapsed(): any;
+    get key(): ".showMore" | ".showLess";
+    get activated(): any;
+    get showToggleButton(): any;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    update: (event: {
+        editor: Editor;
+        transaction: Transaction;
+    }) => void;
+    onClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncateButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TruncateButtonComponent, "lx-truncate-button", never, { "editor": { "alias": "editor"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.directive.d.ts

@@ -0,0 +1,9 @@
+import { TruncateOptions } from './truncate.extension';
+import * as i0 from "@angular/core";
+export declare class TruncateDirective {
+    lxTruncate: import("@angular/core").InputSignal<TruncateOptions | undefined>;
+    editor: import("@angular/core").Signal<import("@tiptap/core").Editor>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TruncateDirective, "lx-rich-text-editor[lxTruncate]", never, { "lxTruncate": { "alias": "lxTruncate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.extension.d.ts

@@ -0,0 +1,6 @@
+import { Extension } from '@tiptap/core';
+export interface TruncateOptions {
+    maxLines?: number;
+    showToggleButton?: boolean;
+}
+export declare const Truncate: Extension<TruncateOptions, any>;

package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.plugin.d.ts

@@ -0,0 +1,10 @@
+import { Editor } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export declare const truncatePluginKey: PluginKey<any>;
+export interface TruncatePluginState {
+    collapsed?: boolean;
+    activated?: boolean;
+    showToggleButton?: boolean;
+    maxLines?: number;
+}
+export declare function truncate(editor: Editor): Plugin<TruncatePluginState>;

package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/AngularRenderer.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef, Injector, Type } from '@angular/core';
+export 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;
+    detectChanges(): void;
+    destroy(): void;
+}

package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/NodeViewRenderer.d.ts

@@ -0,0 +1,18 @@
+import { Injector, Type } from '@angular/core';
+import { NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
+import type { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import type { Decoration } from '@tiptap/pm/view';
+import { AngularNodeViewComponent } from './node-view.component';
+interface RendererUpdateProps {
+    oldNode: ProseMirrorNode;
+    oldDecorations: Decoration[];
+    newNode: ProseMirrorNode;
+    newDecorations: Decoration[];
+    updateProps: () => void;
+}
+interface AngularNodeViewRendererOptions extends NodeViewRendererOptions {
+    update?: ((props: RendererUpdateProps) => boolean) | null;
+    injector: Injector;
+}
+export declare const AngularNodeViewRenderer: (ViewComponent: Type<AngularNodeViewComponent>, options: Partial<AngularNodeViewRendererOptions>) => NodeViewRenderer;
+export {};

package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/editor.directive.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Content, Editor, type EditorEvents } from '@tiptap/core';
+import * as i0 from "@angular/core";
+export declare class EditorDirective implements OnInit, AfterViewInit, ControlValueAccessor {
+    protected elRef: ElementRef<HTMLElement>;
+    protected renderer: Renderer2;
+    protected changeDetectorRef: ChangeDetectorRef;
+    editor: Editor;
+    outputFormat: 'json' | 'markdown';
+    blur: EventEmitter<any>;
+    constructor(elRef: ElementRef<HTMLElement>, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef);
+    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<EditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditorDirective, "tiptap-editor[editor]", never, { "editor": { "alias": "editor"; "required": true; }; "outputFormat": { "alias": "outputFormat"; "required": true; }; }, { "blur": "blur"; }, never, never, true, never>;
+}

package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/node-view.component.d.ts

@@ -0,0 +1,14 @@
+import type { NodeViewProps } from '@tiptap/core';
+import * as i0 from "@angular/core";
+export declare class AngularNodeViewComponent implements NodeViewProps {
+    editor: NodeViewProps['editor'];
+    node: NodeViewProps['node'];
+    decorations: NodeViewProps['decorations'];
+    selected: NodeViewProps['selected'];
+    extension: NodeViewProps['extension'];
+    getPos: NodeViewProps['getPos'];
+    updateAttributes: NodeViewProps['updateAttributes'];
+    deleteNode: NodeViewProps['deleteNode'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularNodeViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularNodeViewComponent, "ng-component", never, { "editor": { "alias": "editor"; "required": false; }; "node": { "alias": "node"; "required": false; }; "decorations": { "alias": "decorations"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "extension": { "alias": "extension"; "required": false; }; "getPos": { "alias": "getPos"; "required": false; }; "updateAttributes": { "alias": "updateAttributes"; "required": false; }; "deleteNode": { "alias": "deleteNode"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/forms-ui/components/rich-text-editor/pipes/extension-enabled.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { Editor } from '@tiptap/core';
+import * as i0 from "@angular/core";
+export declare class ExtensionEnabledPipe implements PipeTransform {
+    transform(name: string, editor: Editor): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExtensionEnabledPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ExtensionEnabledPipe, "lxExtensionEnabled", true>;
+}

package/lib/forms-ui/components/rich-text-editor/pipes/remove-markdown.pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Removes markdown syntax from text.
+ * e.g '### This is a heading' will become 'This is a heading'
+ *
+ * It does not remove links. Links can be post processed by LxLinkifyPipe or LxUnLinkifyPipe
+ */
+export declare class RemoveMarkdownPipe implements PipeTransform {
+    transform(markdown: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RemoveMarkdownPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RemoveMarkdownPipe, "lxRemoveMarkdown", true>;
+}
+export declare function markdownToText(md: string): string;

package/lib/forms-ui/components/rich-text-editor/utils/extensions-builder.d.ts

@@ -0,0 +1,13 @@
+import { Injector } from '@angular/core';
+import { Extension, Extensions, Node } from '@tiptap/core';
+import { OutputFormat, RichTextEditorFeature } from './features';
+import * as i0 from "@angular/core";
+export type ExtensionFactory = (injector: Injector) => Node | Extension;
+export declare class ExtensionsBuilder {
+    injector: Injector;
+    build(features: RichTextEditorFeature[], output: OutputFormat): Extensions;
+    buildCustomExtensions(extensionFactories: ExtensionFactory[]): Extensions;
+    private pluginRegistry;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExtensionsBuilder, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ExtensionsBuilder>;
+}

package/lib/forms-ui/components/rich-text-editor/utils/features.d.ts

@@ -0,0 +1,3 @@
+export type OutputFormat = 'json' | 'markdown';
+export type RichTextEditorFeature = 'Heading' | 'Bold' | 'Italic' | 'Underline' | 'Strike' | 'List' | 'TextAlign' | 'Code' | 'Link' | 'Table' | 'Truncate' | 'HighlightTerm';
+export declare const EDITOR_FEATURES: Record<OutputFormat, RichTextEditorFeature[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.587",
+  "version": "0.4.588",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {
@@ -23,6 +23,35 @@
     "ngx-infinite-scroll": "19.0.0",
     "lodash": "4.17.21",
     "lodash-es": "4.17.21",
+    "@tiptap/core": "2.6.6",
+    "@tiptap/extension-heading": "2.12.0",
+    "@tiptap/pm": "2.6.6",
+    "@tiptap/extension-link": "2.6.6",
+    "@tiptap/extension-bubble-menu": "2.6.6",
+    "@tiptap/extension-table": "2.6.6",
+    "@tiptap/extension-table-cell": "2.6.6",
+    "@tiptap/extension-table-header": "2.6.6",
+    "@tiptap/extension-table-row": "2.6.6",
+    "@tiptap/extension-floating-menu": "2.6.6",
+    "@tiptap/extension-bold": "2.12.0",
+    "@tiptap/extension-bullet-list": "2.12.0",
+    "@tiptap/extension-code": "2.12.0",
+    "@tiptap/extension-code-block": "2.6.6",
+    "@tiptap/extension-document": "2.12.0",
+    "@tiptap/extension-dropcursor": "2.12.0",
+    "@tiptap/extension-gapcursor": "2.12.0",
+    "@tiptap/extension-hard-break": "2.12.0",
+    "@tiptap/extension-history": "2.12.0",
+    "@tiptap/extension-horizontal-rule": "2.12.0",
+    "@tiptap/extension-italic": "2.12.0",
+    "@tiptap/extension-list-item": "2.12.0",
+    "@tiptap/extension-ordered-list": "2.12.0",
+    "@tiptap/extension-paragraph": "2.12.0",
+    "@tiptap/extension-strike": "2.12.0",
+    "@tiptap/extension-text": "2.12.0",
+    "@tiptap/extension-text-align": "2.6.6",
+    "@tiptap/extension-underline": "2.6.6",
+    "tiptap-markdown": "0.8.10",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {