@progress/kendo-angular-diagrams 25.3.0-develop.1 → 25.3.0-develop.10

package/index.d.ts

@@ -2,13 +2,16 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ConnectionDefaultsBase, ConnectionOptionsBase, ShapeDefaultsBase, NavigationOptions, ShapeOptionsBase, DiagramEditable, DiagramLayout, Pannable, Selectable, DiagramChangeEvent, DiagramDomEvent, DiagramDragEvent, DiagramItemBoundsChangeEvent, DiagramPanEvent, DiagramSelectEvent, DiagramZoomEndEvent, DiagramZoomStartEvent, Diagram, Shape, Connection, DiagramState, Point, Connector, SelectionOptions, Rect, BringIntoViewOptions, Direction } from '@progress/kendo-diagram-common';
-export { ArrowMarker, BringIntoViewOptions, Circle, CircleMarker, Collate, Connection, ConnectionCap, ConnectionContent, ConnectionDefaultsBase, ConnectionDefaultsEditable, ConnectionEditingPoint, ConnectionMapping, ConnectionOptionsBase, ConnectionPointsEditable, ConnectionRichTextContent, Connector, ConvertResult, Coordinate, DashType, DataInputOutput, DataStorage, Database, Decision, Delay, DiagramChangeEvent, DiagramDomEvent, DiagramDragEvent, DiagramEditable, DiagramItemBoundsChangeEvent, DiagramLayout, DiagramMapping, DiagramPanEvent, DiagramSelectEvent, DiagramState, DiagramZoomEndEvent, DiagramZoomStartEvent, DirectAccessStorage, Direction, Display, Document, EditableDefaults, Extract, Fill, FlowchartShapeType, FromPathOrFn, Group, Image, InlineImage, InternalStorage, Layout, LayoutGrid, Line, LineBreak, LogicalOr, ManualInputOutput, ManualOperation, MapSpec, MarkerType, Merge, MultiLineTextBlock, MultipleDocuments, OffPageConnector, OnPageConnector, Padding, Pannable, Paragraph, ParagraphMargin, Path, Point, Polyline, PredefinedProcess, Preparation, Process, Rect, Rectangle, Selectable, SelectionOptions, Shape, ShapeConnector, ShapeConnectorDefaults, ShapeConnectorHover, ShapeContent, ShapeDefaultsBase, ShapeDefaultsEditable, ShapeEditable, ShapeFill, ShapeFillGradient, ShapeFillGradientStop, ShapeHover, ShapeMapping, ShapeOptionsBase, ShapeRichTextContent, ShapeRotation, ShapeType, Sort, Stroke, SummingJunction, Terminator, TextBlock, TextRun, convertToDiagramModel } from '@progress/kendo-diagram-common';
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterViewInit, OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, ViewContainerRef } from '@angular/core';
+import * as _progress_kendo_diagram_common from '@progress/kendo-diagram-common';
+import { ConnectionDefaultsBase, ConnectionOptionsBase, ShapeDefaultsBase, NavigationOptions, ShapeOptionsBase, DiagramEditable, DiagramLayout, Pannable, Selectable, DiagramChangeEvent, DiagramDomEvent, DiagramDragEvent, DiagramItemBoundsChangeEvent, DiagramPanEvent, DiagramSelectEvent, DiagramZoomEndEvent, DiagramZoomStartEvent, Diagram, Shape, Connection, DiagramState, Point, Connector, SelectionOptions, Rect, BringIntoViewOptions, Direction, DiagramEditorToolbarsOptions, FlowchartShapeType, FontTypeItem, FontSizeItem, DiagramEditorController, DiagramEditorSnapshot, MainToolbarOptions, ShapeToolbarOptions, ConnectionToolbarOptions, TextToolbarOptions, ShapeRichTextContent, ConnectionRichTextContent } from '@progress/kendo-diagram-common';
+export { ArrowMarker, BringIntoViewOptions, CapType, Circle, CircleMarker, Collate, Connection, ConnectionCap, ConnectionContent, ConnectionDefaultsBase, ConnectionDefaultsEditable, ConnectionEditingPoint, ConnectionMapping, ConnectionOptionsBase, ConnectionPointsEditable, ConnectionRichTextContent, ConnectionToolbarOptions, Connector, ConvertResult, Coordinate, DashType, DataInputOutput, DataStorage, Database, Decision, Delay, DiagramChangeEvent, DiagramDomEvent, DiagramDragEvent, DiagramEditable, DiagramEditorToolbarsOptions, DiagramItemBoundsChangeEvent, DiagramLayout, DiagramMapping, DiagramPanEvent, DiagramSelectEvent, DiagramState, DiagramZoomEndEvent, DiagramZoomStartEvent, DirectAccessStorage, Direction, Display, Document, EditableDefaults, Extract, Fill, FlowchartShapeType, FontSizeItem, FontTypeItem, FromPathOrFn, Group, Image, InlineImage, InternalStorage, Layout, LayoutGrid, Line, LineBreak, LogicalOr, MainToolbarOptions, ManualInputOutput, ManualOperation, MapSpec, MarkerType, Merge, MultiLineTextBlock, MultipleDocuments, OffPageConnector, OnPageConnector, Padding, Pannable, Paragraph, ParagraphMargin, Path, Point, Polyline, PredefinedProcess, Preparation, Process, Rect, Rectangle, Selectable, SelectionOptions, Shape, ShapeConnector, ShapeConnectorDefaults, ShapeConnectorHover, ShapeContent, ShapeDefaultsBase, ShapeDefaultsEditable, ShapeEditable, ShapeFill, ShapeFillGradient, ShapeFillGradientStop, ShapeHover, ShapeMapping, ShapeOptionsBase, ShapeRichTextContent, ShapeRotation, ShapeToolbarOptions, ShapeType, Sort, Stroke, SummingJunction, Terminator, TextBlock, TextRun, TextToolbarOptions, ToolbarTools, convertToDiagramModel } from '@progress/kendo-diagram-common';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit, OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, ViewContainerRef, AfterViewChecked } from '@angular/core';
 import { LicenseMessage } from '@progress/kendo-licensing';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { Group } from '@progress/kendo-drawing';
+import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
+import { EditorComponent } from '@progress/kendo-angular-editor';
 
 /**
  * Defines the navigation configuration options for the `Diagram`.
@@ -243,8 +246,8 @@ declare class ShapeTooltipTemplateDirective {
      */
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ShapeTooltipTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ShapeTooltipTemplateDirective, "[kendoDiagramShapeTooltipTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShapeTooltipTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShapeTooltipTemplateDirective, "[kendoDiagramShapeTooltipTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -276,8 +279,8 @@ declare class ConnectionTooltipTemplateDirective {
      */
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionTooltipTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionTooltipTemplateDirective, "[kendoDiagramConnectionTooltipTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConnectionTooltipTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ConnectionTooltipTemplateDirective, "[kendoDiagramConnectionTooltipTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -473,6 +476,13 @@ declare class DiagramComponent implements AfterViewInit, OnDestroy {
      * Represents the Diagram instance, holding the core functionality of the Diagram.
      */
     diagramWidget: Diagram;
+    /**
+     * @hidden
+     * Reactive reference to the underlying `Diagram` instance. Set once the widget is
+     * created in `init` so content-projected children (for example, the Diagram editor)
+     * can react to its availability instead of racing lifecycle hooks.
+     */
+    readonly diagramInstance: _angular_core.WritableSignal<Diagram>;
     /**
      * The currently selected items in the `Diagram`.
      */
@@ -552,6 +562,7 @@ declare class DiagramComponent implements AfterViewInit, OnDestroy {
      * @returns {DiagramState} Object containing shapes and connections arrays.
      */
     getState(): DiagramState;
+    private getShapeDefaults;
     /**
      * Focuses the `Diagram`.
      * @returns {boolean} true if focus was set successfully.
@@ -781,8 +792,489 @@ declare class DiagramComponent implements AfterViewInit, OnDestroy {
     private updateOptions;
     private loadOptions;
     private getNormalizedNavigationOptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "kendo-diagram", ["kendoDiagram"], { "connectionDefaults": { "alias": "connectionDefaults"; "required": false; }; "connections": { "alias": "connections"; "required": false; }; "connectionModelFields": { "alias": "connectionModelFields"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "pannable": { "alias": "pannable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "shapeDefaults": { "alias": "shapeDefaults"; "required": false; }; "shapes": { "alias": "shapes"; "required": false; }; "shapeModelFields": { "alias": "shapeModelFields"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomMax": { "alias": "zoomMax"; "required": false; }; "zoomMin": { "alias": "zoomMin"; "required": false; }; "zoomRate": { "alias": "zoomRate"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "change": "change"; "diagramClick": "diagramClick"; "drag": "drag"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "shapeBoundsChange": "shapeBoundsChange"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "onPan": "pan"; "onSelect": "select"; "zoomEnd": "zoomEnd"; "zoomStart": "zoomStart"; "tooltipShow": "tooltipShow"; "tooltipHide": "tooltipHide"; }, ["shapeTooltipTemplate", "connectionTooltipTemplate"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DiagramComponent, "kendo-diagram", ["kendoDiagram"], { "connectionDefaults": { "alias": "connectionDefaults"; "required": false; }; "connections": { "alias": "connections"; "required": false; }; "connectionModelFields": { "alias": "connectionModelFields"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "pannable": { "alias": "pannable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "shapeDefaults": { "alias": "shapeDefaults"; "required": false; }; "shapes": { "alias": "shapes"; "required": false; }; "shapeModelFields": { "alias": "shapeModelFields"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomMax": { "alias": "zoomMax"; "required": false; }; "zoomMin": { "alias": "zoomMin"; "required": false; }; "zoomRate": { "alias": "zoomRate"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "change": "change"; "diagramClick": "diagramClick"; "drag": "drag"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "shapeBoundsChange": "shapeBoundsChange"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "onPan": "pan"; "onSelect": "select"; "zoomEnd": "zoomEnd"; "zoomStart": "zoomStart"; "tooltipShow": "tooltipShow"; "tooltipHide": "tooltipHide"; }, ["shapeTooltipTemplate", "connectionTooltipTemplate"], ["*"], true, never>;
+}
+
+/**
+ * Represents the [Kendo UI Diagram Editor component for Angular](slug:overview_diagrameditor).
+ *
+ * The Diagram Editor renders floating toolbars that let users edit the shapes, connections,
+ * and text of the parent Diagram. Render it inside a `<kendo-diagram>` component.
+ *
+ * @example
+ * ```html
+ * <kendo-diagram>
+ *   <kendo-diagram-editor></kendo-diagram-editor>
+ * </kendo-diagram>
+ * ```
+ */
+declare class DiagramEditorComponent implements AfterViewChecked, OnDestroy {
+    private readonly host;
+    private readonly localization;
+    private readonly ngZone;
+    private readonly renderer;
+    private readonly editorComponent;
+    private readonly editorElementRef;
+    /**
+     * Configures the diagram editor toolbars.
+     */
+    set toolbars(value: DiagramEditorToolbarsOptions | undefined);
+    get toolbars(): DiagramEditorToolbarsOptions;
+    /**
+     * Sets the available flowchart shape types shown in the shape tools.
+     */
+    set shapes(value: FlowchartShapeType[] | undefined);
+    get shapes(): FlowchartShapeType[] | undefined;
+    /**
+     * Sets the available font families shown in the text toolbar.
+     */
+    set fontTypes(value: FontTypeItem[] | undefined);
+    get fontTypes(): FontTypeItem[] | undefined;
+    /**
+     * Sets the available font sizes shown in the text toolbar.
+     */
+    set fontSizes(value: FontSizeItem[] | undefined);
+    get fontSizes(): FontSizeItem[] | undefined;
+    /**
+     * @hidden
+     */
+    readonly controller: _angular_core.WritableSignal<DiagramEditorController>;
+    /**
+     * @hidden
+     */
+    readonly snapshot: _angular_core.WritableSignal<DiagramEditorSnapshot>;
+    private readonly textEditorSelectionVersion;
+    /**
+     * @hidden
+     */
+    readonly toolbarPopupWrapClass = "k-diagram-context-toolbar-container";
+    get textEditorPlaceholder(): string;
+    get textEditor(): EditorComponent | undefined;
+    get textEditorElement(): ElementRef<HTMLElement> | undefined;
+    private readonly _toolbars;
+    private readonly _shapes;
+    private readonly _fontTypes;
+    private readonly _fontSizes;
+    constructor(host: DiagramComponent, localization: LocalizationService, ngZone: NgZone, renderer: Renderer2);
+    /**
+     * @hidden
+     */
+    readonly resolvedDiagram: _angular_core.Signal<Diagram>;
+    /**
+     * @hidden
+     */
+    readonly mainToolbarOptions: _angular_core.Signal<MainToolbarOptions>;
+    /**
+     * @hidden
+     */
+    readonly shapeToolbarOptions: _angular_core.Signal<ShapeToolbarOptions>;
+    /**
+     * @hidden
+     */
+    readonly shapeToolbarAnchors: _angular_core.Signal<_progress_kendo_diagram_common.DiagramFloatingToolbarAnchors>;
+    /**
+     * @hidden
+     */
+    readonly shapeToolbarVisible: _angular_core.Signal<boolean>;
+    readonly connectionToolbarOptions: _angular_core.Signal<ConnectionToolbarOptions>;
+    readonly connectionToolbarAnchors: _angular_core.Signal<_progress_kendo_diagram_common.DiagramFloatingToolbarAnchors>;
+    readonly connectionToolbarVisible: _angular_core.Signal<boolean>;
+    readonly textToolbarOptions: _angular_core.Signal<TextToolbarOptions>;
+    readonly textToolbarAnchor: _angular_core.Signal<{
+        left: number;
+        top: number;
+    }>;
+    readonly textToolbarVisible: _angular_core.Signal<boolean>;
+    protected readonly activeContextToolbar: _angular_core.Signal<{
+        type: "shape";
+        baseAnchor: _progress_kendo_diagram_common.DiagramFloatingToolbarPoint;
+        fallbackAnchor: _progress_kendo_diagram_common.DiagramFloatingToolbarPoint;
+    } | {
+        type: "connection";
+        baseAnchor: _progress_kendo_diagram_common.DiagramFloatingToolbarPoint;
+        fallbackAnchor: _progress_kendo_diagram_common.DiagramFloatingToolbarPoint;
+    } | {
+        type: "text";
+        baseAnchor: {
+            left: number;
+            top: number;
+        };
+        fallbackAnchor: any;
+    }>;
+    readonly textToolbarRenderVerticalAlignment: _angular_core.Signal<boolean>;
+    readonly textToolbarAlignment: _angular_core.Signal<any>;
+    readonly textToolbarBold: _angular_core.Signal<boolean>;
+    readonly textToolbarItalic: _angular_core.Signal<boolean>;
+    readonly textToolbarUnderline: _angular_core.Signal<boolean>;
+    readonly textToolbarFontSize: _angular_core.Signal<any>;
+    readonly textToolbarFontType: _angular_core.Signal<any>;
+    readonly textToolbarColor: _angular_core.Signal<any>;
+    onTextEditorAlignmentChange(value: string): void;
+    private recalculateTextEditorAlignment;
+    refreshTextEditorSelection(): void;
+    private unsubscribe;
+    private textEditingSessionKey;
+    private textEditingSurfaceCleanup;
+    private textEditorPointerDownCleanup;
+    private textEditorKeyDownCleanup;
+    private textEditorSelectionCleanup;
+    private textEditingAdapter;
+    private textEditorPositionFrame;
+    private pendingTextEditorPoint;
+    private readonly textEditorSchema;
+    private readonly controllerEffect;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    private scheduleTextEditorPosition;
+    private cancelTextEditorPositionFrame;
+    private getTextEditorInlineStyles;
+    private hasTextEditorMark;
+    onTextEditorValueChange(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramEditorComponent, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DiagramEditorComponent, "kendo-diagram-editor", never, { "toolbars": { "alias": "toolbars"; "required": false; }; "shapes": { "alias": "shapes"; "required": false; }; "fontTypes": { "alias": "fontTypes"; "required": false; }; "fontSizes": { "alias": "fontSizes"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class DiagramEditorMessages extends ComponentMessages {
+    /**
+     * Sets the title of the undo tool in the main toolbar.
+     */
+    undoTitle: string;
+    /**
+     * Sets the title of the redo tool in the main toolbar.
+     */
+    redoTitle: string;
+    /**
+     * Sets the title of the select tool in the main toolbar.
+     */
+    selectTitle: string;
+    /**
+     * Sets the title of the pan tool in the main toolbar.
+     */
+    panTitle: string;
+    /**
+     * Sets the title of the text insertion tool in the main toolbar.
+     */
+    textTitle: string;
+    /**
+     * Sets the title of the shape insertion tool in the main toolbar.
+     */
+    shapeTitle: string;
+    /**
+     * Sets the label of the collate shape.
+     */
+    shapeCollateLabel: string;
+    /**
+     * Sets the label of the connector shape.
+     */
+    shapeConnectorLabel: string;
+    /**
+     * Sets the label of the data storage shape.
+     */
+    shapeDataStorageLabel: string;
+    /**
+     * Sets the label of the database shape.
+     */
+    shapeDatabaseLabel: string;
+    /**
+     * Sets the label of the decision shape.
+     */
+    shapeDecisionLabel: string;
+    /**
+     * Sets the label of the delay shape.
+     */
+    shapeDelayLabel: string;
+    /**
+     * Sets the label of the direct access storage shape.
+     */
+    shapeDirectAccessStorageLabel: string;
+    /**
+     * Sets the label of the display shape.
+     */
+    shapeDisplayLabel: string;
+    /**
+     * Sets the label of the document shape.
+     */
+    shapeDocumentLabel: string;
+    /**
+     * Sets the label of the extract shape.
+     */
+    shapeExtractLabel: string;
+    /**
+     * Sets the label of the input output shape.
+     */
+    shapeInputOutputLabel: string;
+    /**
+     * Sets the label of the internal storage shape.
+     */
+    shapeInternalStorageLabel: string;
+    /**
+     * Sets the label of the logical OR shape.
+     */
+    shapeLogicalOrLabel: string;
+    /**
+     * Sets the label of the manual input output shape.
+     */
+    shapeManualInputOutputLabel: string;
+    /**
+     * Sets the label of the manual operation shape.
+     */
+    shapeManualOperationLabel: string;
+    /**
+     * Sets the label of the merge shape.
+     */
+    shapeMergeLabel: string;
+    /**
+     * Sets the label of the multiple documents shape.
+     */
+    shapeMultipleDocumentsLabel: string;
+    /**
+     * Sets the label of the off-page connector shape.
+     */
+    shapeOffPageConnectorLabel: string;
+    /**
+     * Sets the label of the predefined process shape.
+     */
+    shapePredefinedProcessLabel: string;
+    /**
+     * Sets the label of the preparation shape.
+     */
+    shapePreparationLabel: string;
+    /**
+     * Sets the label of the process shape.
+     */
+    shapeProcessLabel: string;
+    /**
+     * Sets the label of the sort shape.
+     */
+    shapeSortLabel: string;
+    /**
+     * Sets the label of the summing junction shape.
+     */
+    shapeSummingJunctionLabel: string;
+    /**
+     * Sets the label of the terminator shape.
+     */
+    shapeTerminatorLabel: string;
+    /**
+     * Sets the title of the shape type tool in the shape editing toolbar.
+     */
+    shapeTypeTitle: string;
+    /**
+     * Sets the title of the fill color tool in the shape editing toolbar.
+     */
+    fillColorTitle: string;
+    /**
+     * Sets the title of the border width tool in the shape and connection editing toolbars.
+     */
+    borderWidthTitle: string;
+    /**
+     * Sets the title of the border color tool in the shape editing toolbar.
+     */
+    borderColorTitle: string;
+    /**
+     * Sets the title of the border style tool in the shape and connection editing toolbars.
+     */
+    borderStyleTitle: string;
+    /**
+     * Sets the label of the solid border style.
+     */
+    borderStyleSolidLabel: string;
+    /**
+     * Sets the label of the dotted border style.
+     */
+    borderStyleDottedLabel: string;
+    /**
+     * Sets the label of the dashed border style.
+     */
+    borderStyleDashedLabel: string;
+    /**
+     * Sets the label of the dash-dot border style.
+     */
+    borderStyleDashDotLabel: string;
+    /**
+     * Sets the label of the long dash border style.
+     */
+    borderStyleLongDashLabel: string;
+    /**
+     * Sets the label of the long dash-dot border style.
+     */
+    borderStyleLongDashDotLabel: string;
+    /**
+     * Sets the label of the long dash-dot-dot border style.
+     */
+    borderStyleLongDashDotDotLabel: string;
+    /**
+     * Sets the title of the bring-to-front tool in the shape editing toolbar.
+     */
+    toFrontTitle: string;
+    /**
+     * Sets the title of the send-to-back tool in the shape editing toolbar.
+     */
+    toBackTitle: string;
+    /**
+     * Sets the title of the rotate-left tool in the shape editing toolbar.
+     */
+    rotateLeftTitle: string;
+    /**
+     * Sets the title of the rotate-right tool in the shape editing toolbar.
+     */
+    rotateRightTitle: string;
+    /**
+     * Sets the title of the duplicate tool in the shape editing toolbar.
+     */
+    duplicateTitle: string;
+    /**
+     * Sets the title of the delete tool in the shape editing toolbar.
+     */
+    deleteTitle: string;
+    /**
+     * Sets the title of the connection type tool in the connection editing toolbar.
+     */
+    connectionTypeTitle: string;
+    /**
+     * Sets the label of the cascading connection type.
+     */
+    connectionTypeCascadingLabel: string;
+    /**
+     * Sets the label of the polyline connection type.
+     */
+    connectionTypePolylineLabel: string;
+    /**
+     * Sets the title of the start cap tool in the connection editing toolbar.
+     */
+    startCapTitle: string;
+    /**
+     * Sets the title of the end cap tool in the connection editing toolbar.
+     */
+    endCapTitle: string;
+    /**
+     * Sets the label of the no-cap option.
+     */
+    capNoneLabel: string;
+    /**
+     * Sets the label of the arrow cap option.
+     */
+    capArrowLabel: string;
+    /**
+     * Sets the label of the triangle arrow cap option.
+     */
+    capTriangleArrowLabel: string;
+    /**
+     * Sets the label of the line arrow cap option.
+     */
+    capLineArrowLabel: string;
+    /**
+     * Sets the label of the filled circle cap option.
+     */
+    capFilledCircleLabel: string;
+    /**
+     * Sets the label of the filled diamond cap option.
+     */
+    capFilledDiamondLabel: string;
+    /**
+     * Sets the title of the connection color tool in the connection editing toolbar.
+     */
+    connectionColorTitle: string;
+    /**
+     * Sets the title of the connection width tool in the connection editing toolbar.
+     */
+    connectionWidthTitle: string;
+    /**
+     * Sets the title of the connection style tool in the connection editing toolbar.
+     */
+    connectionStyleTitle: string;
+    /**
+     * Sets the title of the text color tool in the text editing toolbar.
+     */
+    textColorTitle: string;
+    /**
+     * Sets the title of the font size tool in the text editing toolbar.
+     */
+    fontSizeTitle: string;
+    /**
+     * Sets the title of the font type tool in the text editing toolbar.
+     */
+    fontTypeTitle: string;
+    /**
+     * Sets the title of the bold tool in the text editing toolbar.
+     */
+    boldTitle: string;
+    /**
+     * Sets the title of the italic tool in the text editing toolbar.
+     */
+    italicTitle: string;
+    /**
+     * Sets the title of the underline tool in the text editing toolbar.
+     */
+    underlineTitle: string;
+    /**
+     * Sets the title of the horizontal alignment tool in the text editing toolbar.
+     */
+    alignHorizontalTitle: string;
+    /**
+     * Sets the title of the vertical alignment tool in the text editing toolbar.
+     */
+    alignVerticalTitle: string;
+    /**
+     * Sets the label of the left horizontal alignment option in the text editing toolbar.
+     */
+    alignLeftLabel: string;
+    /**
+     * Sets the label of the center horizontal alignment option in the text editing toolbar.
+     */
+    alignCenterLabel: string;
+    /**
+     * Sets the label of the right horizontal alignment option in the text editing toolbar.
+     */
+    alignRightLabel: string;
+    /**
+     * Sets the label of the top vertical alignment option in the text editing toolbar.
+     */
+    alignTopLabel: string;
+    /**
+     * Sets the label of the middle vertical alignment option in the text editing toolbar.
+     */
+    alignMiddleLabel: string;
+    /**
+     * Sets the label of the bottom vertical alignment option in the text editing toolbar.
+     */
+    alignBottomLabel: string;
+    /**
+     * Sets the title of the text editing tool in the shape and connection editing toolbars.
+     */
+    editTextTitle: string;
+    /**
+     * Sets the placeholder text of the text editor.
+     */
+    textEditorPlaceholder: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramEditorMessages, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DiagramEditorMessages, "kendoDiagramEditorMessages", never, { "undoTitle": { "alias": "undoTitle"; "required": false; }; "redoTitle": { "alias": "redoTitle"; "required": false; }; "selectTitle": { "alias": "selectTitle"; "required": false; }; "panTitle": { "alias": "panTitle"; "required": false; }; "textTitle": { "alias": "textTitle"; "required": false; }; "shapeTitle": { "alias": "shapeTitle"; "required": false; }; "shapeCollateLabel": { "alias": "shapeCollateLabel"; "required": false; }; "shapeConnectorLabel": { "alias": "shapeConnectorLabel"; "required": false; }; "shapeDataStorageLabel": { "alias": "shapeDataStorageLabel"; "required": false; }; "shapeDatabaseLabel": { "alias": "shapeDatabaseLabel"; "required": false; }; "shapeDecisionLabel": { "alias": "shapeDecisionLabel"; "required": false; }; "shapeDelayLabel": { "alias": "shapeDelayLabel"; "required": false; }; "shapeDirectAccessStorageLabel": { "alias": "shapeDirectAccessStorageLabel"; "required": false; }; "shapeDisplayLabel": { "alias": "shapeDisplayLabel"; "required": false; }; "shapeDocumentLabel": { "alias": "shapeDocumentLabel"; "required": false; }; "shapeExtractLabel": { "alias": "shapeExtractLabel"; "required": false; }; "shapeInputOutputLabel": { "alias": "shapeInputOutputLabel"; "required": false; }; "shapeInternalStorageLabel": { "alias": "shapeInternalStorageLabel"; "required": false; }; "shapeLogicalOrLabel": { "alias": "shapeLogicalOrLabel"; "required": false; }; "shapeManualInputOutputLabel": { "alias": "shapeManualInputOutputLabel"; "required": false; }; "shapeManualOperationLabel": { "alias": "shapeManualOperationLabel"; "required": false; }; "shapeMergeLabel": { "alias": "shapeMergeLabel"; "required": false; }; "shapeMultipleDocumentsLabel": { "alias": "shapeMultipleDocumentsLabel"; "required": false; }; "shapeOffPageConnectorLabel": { "alias": "shapeOffPageConnectorLabel"; "required": false; }; "shapePredefinedProcessLabel": { "alias": "shapePredefinedProcessLabel"; "required": false; }; "shapePreparationLabel": { "alias": "shapePreparationLabel"; "required": false; }; "shapeProcessLabel": { "alias": "shapeProcessLabel"; "required": false; }; "shapeSortLabel": { "alias": "shapeSortLabel"; "required": false; }; "shapeSummingJunctionLabel": { "alias": "shapeSummingJunctionLabel"; "required": false; }; "shapeTerminatorLabel": { "alias": "shapeTerminatorLabel"; "required": false; }; "shapeTypeTitle": { "alias": "shapeTypeTitle"; "required": false; }; "fillColorTitle": { "alias": "fillColorTitle"; "required": false; }; "borderWidthTitle": { "alias": "borderWidthTitle"; "required": false; }; "borderColorTitle": { "alias": "borderColorTitle"; "required": false; }; "borderStyleTitle": { "alias": "borderStyleTitle"; "required": false; }; "borderStyleSolidLabel": { "alias": "borderStyleSolidLabel"; "required": false; }; "borderStyleDottedLabel": { "alias": "borderStyleDottedLabel"; "required": false; }; "borderStyleDashedLabel": { "alias": "borderStyleDashedLabel"; "required": false; }; "borderStyleDashDotLabel": { "alias": "borderStyleDashDotLabel"; "required": false; }; "borderStyleLongDashLabel": { "alias": "borderStyleLongDashLabel"; "required": false; }; "borderStyleLongDashDotLabel": { "alias": "borderStyleLongDashDotLabel"; "required": false; }; "borderStyleLongDashDotDotLabel": { "alias": "borderStyleLongDashDotDotLabel"; "required": false; }; "toFrontTitle": { "alias": "toFrontTitle"; "required": false; }; "toBackTitle": { "alias": "toBackTitle"; "required": false; }; "rotateLeftTitle": { "alias": "rotateLeftTitle"; "required": false; }; "rotateRightTitle": { "alias": "rotateRightTitle"; "required": false; }; "duplicateTitle": { "alias": "duplicateTitle"; "required": false; }; "deleteTitle": { "alias": "deleteTitle"; "required": false; }; "connectionTypeTitle": { "alias": "connectionTypeTitle"; "required": false; }; "connectionTypeCascadingLabel": { "alias": "connectionTypeCascadingLabel"; "required": false; }; "connectionTypePolylineLabel": { "alias": "connectionTypePolylineLabel"; "required": false; }; "startCapTitle": { "alias": "startCapTitle"; "required": false; }; "endCapTitle": { "alias": "endCapTitle"; "required": false; }; "capNoneLabel": { "alias": "capNoneLabel"; "required": false; }; "capArrowLabel": { "alias": "capArrowLabel"; "required": false; }; "capTriangleArrowLabel": { "alias": "capTriangleArrowLabel"; "required": false; }; "capLineArrowLabel": { "alias": "capLineArrowLabel"; "required": false; }; "capFilledCircleLabel": { "alias": "capFilledCircleLabel"; "required": false; }; "capFilledDiamondLabel": { "alias": "capFilledDiamondLabel"; "required": false; }; "connectionColorTitle": { "alias": "connectionColorTitle"; "required": false; }; "connectionWidthTitle": { "alias": "connectionWidthTitle"; "required": false; }; "connectionStyleTitle": { "alias": "connectionStyleTitle"; "required": false; }; "textColorTitle": { "alias": "textColorTitle"; "required": false; }; "fontSizeTitle": { "alias": "fontSizeTitle"; "required": false; }; "fontTypeTitle": { "alias": "fontTypeTitle"; "required": false; }; "boldTitle": { "alias": "boldTitle"; "required": false; }; "italicTitle": { "alias": "italicTitle"; "required": false; }; "underlineTitle": { "alias": "underlineTitle"; "required": false; }; "alignHorizontalTitle": { "alias": "alignHorizontalTitle"; "required": false; }; "alignVerticalTitle": { "alias": "alignVerticalTitle"; "required": false; }; "alignLeftLabel": { "alias": "alignLeftLabel"; "required": false; }; "alignCenterLabel": { "alias": "alignCenterLabel"; "required": false; }; "alignRightLabel": { "alias": "alignRightLabel"; "required": false; }; "alignTopLabel": { "alias": "alignTopLabel"; "required": false; }; "alignMiddleLabel": { "alias": "alignMiddleLabel"; "required": false; }; "alignBottomLabel": { "alias": "alignBottomLabel"; "required": false; }; "editTextTitle": { "alias": "editTextTitle"; "required": false; }; "textEditorPlaceholder": { "alias": "textEditorPlaceholder"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Diagram Editor custom messages component for Angular.
+ * Use this component to override the default Diagram Editor messages.
+ *
+ * @example
+ * ```html
+ * <kendo-diagram>
+ *   <kendo-diagram-editor>
+ *     <kendo-diagram-editor-messages undoTitle="Undo action" redoTitle="Redo action">
+ *     </kendo-diagram-editor-messages>
+ *   </kendo-diagram-editor>
+ * </kendo-diagram>
+ * ```
+ */
+declare class DiagramEditorCustomMessagesComponent extends DiagramEditorMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramEditorCustomMessagesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DiagramEditorCustomMessagesComponent, "kendo-diagram-editor-messages", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -817,11 +1309,16 @@ declare class DiagramComponent implements AfterViewInit, OnDestroy {
  * ```
  */
 declare class DiagramModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DiagramModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DiagramModule, never, [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective], [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DiagramModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DiagramModule, never, [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective, typeof DiagramEditorComponent, typeof DiagramEditorCustomMessagesComponent], [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective, typeof DiagramEditorComponent, typeof DiagramEditorCustomMessagesComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DiagramModule>;
 }
 
+/**
+ * The default content style for shapes and connections in the diagram for text editing.
+ */
+declare const diagramEditingContentDefaults: ShapeRichTextContent | ConnectionRichTextContent;
+
 /**
  * Represents the utility array that that contains all `Diagram`-related components and directives.
  *
@@ -841,7 +1338,7 @@ declare class DiagramModule {
  * export class DiagramAppComponent {}
  * ```
  */
-declare const KENDO_DIAGRAM: readonly [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective];
+declare const KENDO_DIAGRAM: readonly [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective, typeof DiagramEditorComponent, typeof DiagramEditorCustomMessagesComponent];
 
-export { ConnectionTooltipTemplateDirective, DiagramComponent, DiagramModule, KENDO_DIAGRAM, ShapeTooltipTemplateDirective };
+export { ConnectionTooltipTemplateDirective, DiagramComponent, DiagramEditorComponent, DiagramEditorCustomMessagesComponent, DiagramModule, KENDO_DIAGRAM, ShapeTooltipTemplateDirective, diagramEditingContentDefaults };
 export type { ConnectionDefaults, ConnectionModelFields, ConnectionOptions, DiagramNavigationOptions, ShapeDefaults, ShapeModelFields, ShapeOptions, TooltipOptions };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1790689543,
-  "version": "25.3.0-develop.1",
+  "publishDate": 1791359350,
+  "version": "25.3.0-develop.10",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
 };