@progress/kendo-angular-diagrams 25.3.1-develop.2 → 25.4.0-develop.10

package/fesm2022/progress-kendo-angular-diagrams.mjs

@@ -31,8 +31,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791537149,
-    version: '25.3.1-develop.2',
+    publishDate: 1792514111,
+    version: '25.4.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',
 };
 
@@ -70,10 +70,10 @@ class ShapeTooltipTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeTooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ShapeTooltipTemplateDirective, isStandalone: true, selector: "[kendoDiagramShapeTooltipTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ShapeTooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ShapeTooltipTemplateDirective, isStandalone: true, selector: "[kendoDiagramShapeTooltipTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeTooltipTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ShapeTooltipTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDiagramShapeTooltipTemplate]',
@@ -112,10 +112,10 @@ class ConnectionTooltipTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ConnectionTooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ConnectionTooltipTemplateDirective, isStandalone: true, selector: "[kendoDiagramConnectionTooltipTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ConnectionTooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ConnectionTooltipTemplateDirective, isStandalone: true, selector: "[kendoDiagramConnectionTooltipTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ConnectionTooltipTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ConnectionTooltipTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDiagramConnectionTooltipTemplate]',
@@ -132,6 +132,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  * ```html
  * <kendo-diagram [shapes]="shapesData"></kendo-diagram>
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link DiagramEditorComponent}.
  */
 class DiagramComponent {
     wrapperElement;
@@ -393,7 +396,7 @@ class DiagramComponent {
      * created in `init` so content-projected children (for example, the Diagram editor)
      * can react to its availability instead of racing lifecycle hooks.
      */
-    diagramInstance = signal(null, ...(ngDevMode ? [{ debugName: "diagramInstance" }] : /* istanbul ignore next */ []));
+    diagramInstance = signal(null, ...(ngDevMode ? [{ debugName: "diagramInstance" }] : []));
     /**
      * The currently selected items in the `Diagram`.
      */
@@ -440,21 +443,21 @@ class DiagramComponent {
      * Current popup instance for tooltip.
      */
     tooltipPopup;
-    _navigable = signal(DEFAULT_NAVIGABLE_OPTIONS, ...(ngDevMode ? [{ debugName: "_navigable" }] : /* istanbul ignore next */ []));
-    _connectionDefaults = signal(undefined, ...(ngDevMode ? [{ debugName: "_connectionDefaults" }] : /* istanbul ignore next */ []));
-    _connections = signal([], ...(ngDevMode ? [{ debugName: "_connections" }] : /* istanbul ignore next */ []));
-    _connectionModelFields = signal(undefined, ...(ngDevMode ? [{ debugName: "_connectionModelFields" }] : /* istanbul ignore next */ []));
-    _editable = signal(true, ...(ngDevMode ? [{ debugName: "_editable" }] : /* istanbul ignore next */ []));
-    _layout = signal(undefined, ...(ngDevMode ? [{ debugName: "_layout" }] : /* istanbul ignore next */ []));
-    _pannable = signal(true, ...(ngDevMode ? [{ debugName: "_pannable" }] : /* istanbul ignore next */ []));
-    _selectable = signal(true, ...(ngDevMode ? [{ debugName: "_selectable" }] : /* istanbul ignore next */ []));
-    _shapeDefaults = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapeDefaults" }] : /* istanbul ignore next */ []));
-    _shapes = signal([], ...(ngDevMode ? [{ debugName: "_shapes" }] : /* istanbul ignore next */ []));
-    _shapeModelFields = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapeModelFields" }] : /* istanbul ignore next */ []));
-    _zoom = signal(1, ...(ngDevMode ? [{ debugName: "_zoom" }] : /* istanbul ignore next */ []));
-    _zoomMax = signal(2, ...(ngDevMode ? [{ debugName: "_zoomMax" }] : /* istanbul ignore next */ []));
-    _zoomMin = signal(0.1, ...(ngDevMode ? [{ debugName: "_zoomMin" }] : /* istanbul ignore next */ []));
-    _zoomRate = signal(0.1, ...(ngDevMode ? [{ debugName: "_zoomRate" }] : /* istanbul ignore next */ []));
+    _navigable = signal(DEFAULT_NAVIGABLE_OPTIONS, ...(ngDevMode ? [{ debugName: "_navigable" }] : []));
+    _connectionDefaults = signal(undefined, ...(ngDevMode ? [{ debugName: "_connectionDefaults" }] : []));
+    _connections = signal([], ...(ngDevMode ? [{ debugName: "_connections" }] : []));
+    _connectionModelFields = signal(undefined, ...(ngDevMode ? [{ debugName: "_connectionModelFields" }] : []));
+    _editable = signal(true, ...(ngDevMode ? [{ debugName: "_editable" }] : []));
+    _layout = signal(undefined, ...(ngDevMode ? [{ debugName: "_layout" }] : []));
+    _pannable = signal(true, ...(ngDevMode ? [{ debugName: "_pannable" }] : []));
+    _selectable = signal(true, ...(ngDevMode ? [{ debugName: "_selectable" }] : []));
+    _shapeDefaults = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapeDefaults" }] : []));
+    _shapes = signal([], ...(ngDevMode ? [{ debugName: "_shapes" }] : []));
+    _shapeModelFields = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapeModelFields" }] : []));
+    _zoom = signal(1, ...(ngDevMode ? [{ debugName: "_zoom" }] : []));
+    _zoomMax = signal(2, ...(ngDevMode ? [{ debugName: "_zoomMax" }] : []));
+    _zoomMin = signal(0.1, ...(ngDevMode ? [{ debugName: "_zoomMin" }] : []));
+    _zoomRate = signal(0.1, ...(ngDevMode ? [{ debugName: "_zoomRate" }] : []));
     dataBindingEffect = effect(() => {
         this._shapes();
         this._connections();
@@ -466,7 +469,7 @@ class DiagramComponent {
         this.convertUserData();
         this.options = { ...this.options, shapes: this.convertedShapes, connections: this.convertedConnections };
         this.loadOptions(this.options);
-    }, ...(ngDevMode ? [{ debugName: "dataBindingEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "dataBindingEffect" }] : []));
     connectionDefaultsEffect = effect(() => {
         const connectionDefaults = this._connectionDefaults();
         if (!this.diagramWidget || connectionDefaults === undefined) {
@@ -474,7 +477,7 @@ class DiagramComponent {
         }
         this.options.connectionDefaults = { ...this.options.connectionDefaults, ...connectionDefaults };
         this.loadOptions(this.options);
-    }, ...(ngDevMode ? [{ debugName: "connectionDefaultsEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "connectionDefaultsEffect" }] : []));
     shapeDefaultsEffect = effect(() => {
         const shapeDefaults = this._shapeDefaults();
         if (!this.diagramWidget || shapeDefaults === undefined) {
@@ -486,7 +489,7 @@ class DiagramComponent {
             content: { ...this.options.shapeDefaults?.content, ...shapeDefaults.content }
         };
         this.loadOptions(this.options);
-    }, ...(ngDevMode ? [{ debugName: "shapeDefaultsEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "shapeDefaultsEffect" }] : []));
     scalarOptionsEffect = effect(() => {
         const zoomMax = this._zoomMax();
         const zoomMin = this._zoomMin();
@@ -502,7 +505,7 @@ class DiagramComponent {
         this.options.selectable = selectable;
         this.options.pannable = pannable;
         this.diagramWidget?.setOptions(this.options);
-    }, ...(ngDevMode ? [{ debugName: "scalarOptionsEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "scalarOptionsEffect" }] : []));
     layoutEffect = effect(() => {
         const layout = this._layout();
         if (!this.diagramWidget) {
@@ -511,7 +514,7 @@ class DiagramComponent {
         this.options.layout = layout;
         this.diagramWidget?.setOptions(this.options);
         this.diagramWidget?.layout(this.options.layout);
-    }, ...(ngDevMode ? [{ debugName: "layoutEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "layoutEffect" }] : []));
     zoomEffect = effect(() => {
         const zoom = this._zoom();
         if (!this.diagramWidget) {
@@ -520,7 +523,7 @@ class DiagramComponent {
         this.options.zoom = zoom;
         this.diagramWidget?.setOptions(this.options);
         this.diagramWidget?.zoom(this.diagramWidget?.options.zoom);
-    }, ...(ngDevMode ? [{ debugName: "zoomEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "zoomEffect" }] : []));
     navigableEffect = effect(() => {
         this._navigable();
         if (!this.diagramWidget) {
@@ -528,7 +531,7 @@ class DiagramComponent {
         }
         this.options = { ...this.options, navigation: this.getNormalizedNavigationOptions() };
         this.diagramWidget?.setOptions(this.options);
-    }, ...(ngDevMode ? [{ debugName: "navigableEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "navigableEffect" }] : []));
     defaultTooltipTemplate;
     customTooltipTemplate;
     shapeTooltipTemplate;
@@ -1091,8 +1094,8 @@ class DiagramComponent {
             largeStep: nav.largeStep,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: DiagramComponent, isStandalone: true, selector: "kendo-diagram", inputs: { connectionDefaults: "connectionDefaults", connections: "connections", connectionModelFields: "connectionModelFields", editable: "editable", layout: "layout", pannable: "pannable", selectable: "selectable", shapeDefaults: "shapeDefaults", shapes: "shapes", shapeModelFields: "shapeModelFields", zoom: "zoom", zoomMax: "zoomMax", zoomMin: "zoomMin", zoomRate: "zoomRate", navigable: "navigable" }, outputs: { 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" }, host: { properties: { "class.k-diagram": "this.diagramClass" } }, providers: [PopupService], queries: [{ propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }, { propertyName: "connectionTooltipTemplate", first: true, predicate: ConnectionTooltipTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "defaultTooltipTemplate", first: true, predicate: ["defaultTemplate"], descendants: true }, { propertyName: "customTooltipTemplate", first: true, predicate: ["customTooltipTemplate"], descendants: true }], exportAs: ["kendoDiagram"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: DiagramComponent, isStandalone: true, selector: "kendo-diagram", inputs: { connectionDefaults: "connectionDefaults", connections: "connections", connectionModelFields: "connectionModelFields", editable: "editable", layout: "layout", pannable: "pannable", selectable: "selectable", shapeDefaults: "shapeDefaults", shapes: "shapes", shapeModelFields: "shapeModelFields", zoom: "zoom", zoomMax: "zoomMax", zoomMin: "zoomMin", zoomRate: "zoomRate", navigable: "navigable" }, outputs: { 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" }, host: { properties: { "class.k-diagram": "this.diagramClass" } }, providers: [PopupService], queries: [{ propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }, { propertyName: "connectionTooltipTemplate", first: true, predicate: ConnectionTooltipTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "defaultTooltipTemplate", first: true, predicate: ["defaultTemplate"], descendants: true }, { propertyName: "customTooltipTemplate", first: true, predicate: ["customTooltipTemplate"], descendants: true }], exportAs: ["kendoDiagram"], ngImport: i0, template: `
         @if (showLicenseWatermark) {
         <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
@@ -1108,7 +1111,7 @@ class DiagramComponent {
         <ng-content></ng-content>
     `, isInline: true, dependencies: [{ kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -1237,8 +1240,8 @@ class IconsDropdownComponent {
     anchor;
     popupContent;
     chevronDownIcon = chevronDownIcon;
-    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-    containerStyle = computed(() => this.columns === 4 ? '' : `grid-template-columns: repeat(${this.columns}, max-content);`, ...(ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []));
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    containerStyle = computed(() => this.columns === 4 ? '' : `grid-template-columns: repeat(${this.columns}, max-content);`, ...(ngDevMode ? [{ debugName: "containerStyle" }] : []));
     overlayId = `icons-dropdown-${nextIconsDropdownOverlayId++}`;
     surfaceCleanup = null;
     returnFocus = false;
@@ -1365,8 +1368,8 @@ class IconsDropdownComponent {
         this.popupRef = null;
         popupRef?.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: IconsDropdownComponent, deps: [{ token: i1.PopupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: IconsDropdownComponent, isStandalone: true, selector: "kendo-diagram-icons-dropdown", inputs: { controller: "controller", value: "value", active: "active", buttonTitle: "buttonTitle", buttonIcon: "buttonIcon", data: "data", columns: "columns", popupClass: "popupClass", overlayOwner: "overlayOwner" }, outputs: { valueSelect: "valueSelect", escape: "escape" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: IconsDropdownComponent, deps: [{ token: i1.PopupService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: IconsDropdownComponent, isStandalone: true, selector: "kendo-diagram-icons-dropdown", inputs: { controller: "controller", value: "value", active: "active", buttonTitle: "buttonTitle", buttonIcon: "buttonIcon", data: "data", columns: "columns", popupClass: "popupClass", overlayOwner: "overlayOwner" }, outputs: { valueSelect: "valueSelect", escape: "escape" }, providers: [
             PopupService,
             {
                 provide: POPUP_CONTAINER,
@@ -1413,7 +1416,7 @@ class IconsDropdownComponent {
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: IconsDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: IconsDropdownComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-icons-dropdown',
@@ -1625,8 +1628,8 @@ class ShapeSelectorComponent {
             const label = (messageKey && this.localization.get(messageKey)) || data.label;
             return { label, icon: data.icon, value: type };
         });
-    }, ...(ngDevMode ? [{ debugName: "shapeItems" }] : /* istanbul ignore next */ []));
-    _shapes = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapes" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "shapeItems" }] : []));
+    _shapes = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapes" }] : []));
     constructor(localization) {
         this.localization = localization;
     }
@@ -1635,8 +1638,8 @@ class ShapeSelectorComponent {
             this.controller?.dispatch({ type: 'setActiveTool', tool: { type: 'select' } });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeSelectorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ShapeSelectorComponent, isStandalone: true, selector: "kendo-diagram-shape-selector", inputs: { controller: "controller", value: "value", active: "active", buttonTitle: "buttonTitle", popupClass: "popupClass", overlayOwner: "overlayOwner", shapes: "shapes" }, outputs: { valueSelect: "valueSelect" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ShapeSelectorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ShapeSelectorComponent, isStandalone: true, selector: "kendo-diagram-shape-selector", inputs: { controller: "controller", value: "value", active: "active", buttonTitle: "buttonTitle", popupClass: "popupClass", overlayOwner: "overlayOwner", shapes: "shapes" }, outputs: { valueSelect: "valueSelect" }, ngImport: i0, template: `
         <kendo-diagram-icons-dropdown
             [controller]="controller"
             [value]="value"
@@ -1651,7 +1654,7 @@ class ShapeSelectorComponent {
         ></kendo-diagram-icons-dropdown>
     `, isInline: true, dependencies: [{ kind: "component", type: IconsDropdownComponent, selector: "kendo-diagram-icons-dropdown", inputs: ["controller", "value", "active", "buttonTitle", "buttonIcon", "data", "columns", "popupClass", "overlayOwner"], outputs: ["valueSelect", "escape"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ShapeSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-shape-selector',
@@ -1721,8 +1724,8 @@ class DiagramToolbarToolComponent extends ToolBarToolComponent {
     getFocusableButton() {
         return this.content?.nativeElement.querySelector('button') ?? null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramToolbarToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: DiagramToolbarToolComponent, isStandalone: true, selector: "kendo-diagram-toolbar-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => DiagramToolbarToolComponent) }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramToolbarToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: DiagramToolbarToolComponent, isStandalone: true, selector: "kendo-diagram-toolbar-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => DiagramToolbarToolComponent) }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <span #content [style.display]="'contents'">
                 <ng-content></ng-content>
@@ -1730,7 +1733,7 @@ class DiagramToolbarToolComponent extends ToolBarToolComponent {
         </ng-template>
     `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramToolbarToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramToolbarToolComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-toolbar-tool',
@@ -1834,8 +1837,8 @@ class MainToolbarComponent {
     onInsertShape(shape) {
         this.setActiveTool({ type: 'insert-shape', shape });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MainToolbarComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: MainToolbarComponent, isStandalone: true, selector: "kendo-diagram-main-toolbar", inputs: { controller: "controller", diagram: "diagram", snapshot: "snapshot", tools: "tools", position: "position", shapes: "shapes", visible: "visible", ariaLabel: "ariaLabel" }, viewQueries: [{ propertyName: "popup", first: true, predicate: PopupComponent, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: MainToolbarComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: MainToolbarComponent, isStandalone: true, selector: "kendo-diagram-main-toolbar", inputs: { controller: "controller", diagram: "diagram", snapshot: "snapshot", tools: "tools", position: "position", shapes: "shapes", visible: "visible", ariaLabel: "ariaLabel" }, viewQueries: [{ propertyName: "popup", first: true, predicate: PopupComponent, descendants: true }], ngImport: i0, template: `
         @if (diagram) {
             <kendo-popup
                 [anchor]="diagram.element"
@@ -1937,7 +1940,7 @@ class MainToolbarComponent {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText", "toolsSource"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: DiagramToolbarToolComponent, selector: "kendo-diagram-toolbar-tool" }, { kind: "component", type: ShapeSelectorComponent, selector: "kendo-diagram-shape-selector", inputs: ["controller", "value", "active", "buttonTitle", "popupClass", "overlayOwner", "shapes"], outputs: ["valueSelect"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MainToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: MainToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-main-toolbar',
@@ -2085,12 +2088,12 @@ class BorderStyleComponent {
             const messageKey = borderStyleMessageKeyMap[value];
             return { label: (messageKey && this.localization.get(messageKey)) || label, icon, value };
         });
-    }, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
     constructor(localization) {
         this.localization = localization;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BorderStyleComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: BorderStyleComponent, isStandalone: true, selector: "kendo-diagram-border-style", inputs: { controller: "controller", value: "value", buttonTitle: "buttonTitle", overlayOwner: "overlayOwner" }, outputs: { valueSelect: "valueSelect" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: BorderStyleComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: BorderStyleComponent, isStandalone: true, selector: "kendo-diagram-border-style", inputs: { controller: "controller", value: "value", buttonTitle: "buttonTitle", overlayOwner: "overlayOwner" }, outputs: { valueSelect: "valueSelect" }, ngImport: i0, template: `
         <kendo-diagram-icons-dropdown
             [controller]="controller"
             [value]="value"
@@ -2104,7 +2107,7 @@ class BorderStyleComponent {
         ></kendo-diagram-icons-dropdown>
     `, isInline: true, dependencies: [{ kind: "component", type: IconsDropdownComponent, selector: "kendo-diagram-icons-dropdown", inputs: ["controller", "value", "active", "buttonTitle", "buttonIcon", "data", "columns", "popupClass", "overlayOwner"], outputs: ["valueSelect", "escape"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BorderStyleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: BorderStyleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-border-style',
@@ -2161,7 +2164,7 @@ class BorderWidthComponent {
     maxValue = maxValue;
     step = step;
     borderWidthInputWidth = borderWidthInputWidth;
-    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
     overlayId = `border-width-${nextBorderWidthOverlayId++}`;
     surfaceCleanup = null;
     ngOnDestroy() {
@@ -2224,8 +2227,8 @@ class BorderWidthComponent {
             this.controller.closeOverlay(this.overlayId);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BorderWidthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: BorderWidthComponent, isStandalone: true, selector: "kendo-diagram-border-width", inputs: { controller: "controller", value: "value", min: "min", label: "label", overlayOwner: "overlayOwner" }, outputs: { valueSelect: "valueSelect" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, read: ElementRef }, { propertyName: "numericInput", first: true, predicate: ["numericInput"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: BorderWidthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: BorderWidthComponent, isStandalone: true, selector: "kendo-diagram-border-width", inputs: { controller: "controller", value: "value", min: "min", label: "label", overlayOwner: "overlayOwner" }, outputs: { valueSelect: "valueSelect" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, read: ElementRef }, { propertyName: "numericInput", first: true, predicate: ["numericInput"], descendants: true }], ngImport: i0, template: `
         <button
             #anchor
             kendoButton
@@ -2268,7 +2271,7 @@ class BorderWidthComponent {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: PrefixTemplateDirective, selector: "[kendoPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BorderWidthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: BorderWidthComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-border-width',
@@ -2434,8 +2437,8 @@ class ShapeEditingToolbarComponent {
             picker.togglePopup();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeEditingToolbarComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ShapeEditingToolbarComponent, isStandalone: true, selector: "kendo-diagram-shape-editing-toolbar", inputs: { controller: "controller", shape: "shape", stateVersion: "stateVersion", tools: "tools", shapes: "shapes", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ShapeEditingToolbarComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ShapeEditingToolbarComponent, isStandalone: true, selector: "kendo-diagram-shape-editing-toolbar", inputs: { controller: "controller", shape: "shape", stateVersion: "stateVersion", tools: "tools", shapes: "shapes", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
         <kendo-toolbar fillMode="flat" [attr.aria-label]="ariaLabel" overflow="scroll">
             <ng-template #toolTemplate let-tool>
                 @switch (tool) {
@@ -2578,7 +2581,7 @@ class ShapeEditingToolbarComponent {
         </kendo-toolbar>
     `, isInline: true, dependencies: [{ kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText", "toolsSource"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: DiagramToolbarToolComponent, selector: "kendo-diagram-toolbar-tool" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: BorderWidthComponent, selector: "kendo-diagram-border-width", inputs: ["controller", "value", "min", "label", "overlayOwner"], outputs: ["valueSelect"] }, { kind: "component", type: BorderStyleComponent, selector: "kendo-diagram-border-style", inputs: ["controller", "value", "buttonTitle", "overlayOwner"], outputs: ["valueSelect"] }, { kind: "component", type: ShapeSelectorComponent, selector: "kendo-diagram-shape-selector", inputs: ["controller", "value", "active", "buttonTitle", "popupClass", "overlayOwner", "shapes"], outputs: ["valueSelect"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeEditingToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ShapeEditingToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-shape-editing-toolbar',
@@ -2860,8 +2863,8 @@ class ConnectionEditingToolbarComponent {
         const key = capLabelKeys[value] ?? 'capArrowLabel';
         return this.messageFor(key) || fallback;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ConnectionEditingToolbarComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ConnectionEditingToolbarComponent, isStandalone: true, selector: "kendo-diagram-connection-editing-toolbar", inputs: { controller: "controller", connection: "connection", stateVersion: "stateVersion", tools: "tools", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ConnectionEditingToolbarComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ConnectionEditingToolbarComponent, isStandalone: true, selector: "kendo-diagram-connection-editing-toolbar", inputs: { controller: "controller", connection: "connection", stateVersion: "stateVersion", tools: "tools", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
         <kendo-toolbar fillMode="flat" [attr.aria-label]="ariaLabel" overflow="scroll">
             <ng-template #toolTemplate let-tool>
                 @switch (tool) {
@@ -2982,7 +2985,7 @@ class ConnectionEditingToolbarComponent {
         </kendo-toolbar>
     `, isInline: true, dependencies: [{ kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText", "toolsSource"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: DiagramToolbarToolComponent, selector: "kendo-diagram-toolbar-tool" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: BorderWidthComponent, selector: "kendo-diagram-border-width", inputs: ["controller", "value", "min", "label", "overlayOwner"], outputs: ["valueSelect"] }, { kind: "component", type: BorderStyleComponent, selector: "kendo-diagram-border-style", inputs: ["controller", "value", "buttonTitle", "overlayOwner"], outputs: ["valueSelect"] }, { kind: "component", type: IconsDropdownComponent, selector: "kendo-diagram-icons-dropdown", inputs: ["controller", "value", "active", "buttonTitle", "buttonIcon", "data", "columns", "popupClass", "overlayOwner"], outputs: ["valueSelect", "escape"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ConnectionEditingToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ConnectionEditingToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-connection-editing-toolbar',
@@ -3259,8 +3262,8 @@ class TextEditingToolbarComponent {
             { label: this.messageFor('alignBottomLabel'), value: 'bottom', icon: alignBottomIcon }
         ];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TextEditingToolbarComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: TextEditingToolbarComponent, isStandalone: true, selector: "kendo-diagram-text-editing-toolbar", inputs: { controller: "controller", editor: "editor", tools: "tools", fontTypes: "fontTypes", fontSizes: "fontSizes", fontSize: "fontSize", fontType: "fontType", color: "color", bold: "bold", italic: "italic", underline: "underline", renderVerticalAlignment: "renderVerticalAlignment", ariaLabel: "ariaLabel", alignment: "alignment" }, outputs: { alignmentChange: "alignmentChange", stateChange: "stateChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TextEditingToolbarComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: TextEditingToolbarComponent, isStandalone: true, selector: "kendo-diagram-text-editing-toolbar", inputs: { controller: "controller", editor: "editor", tools: "tools", fontTypes: "fontTypes", fontSizes: "fontSizes", fontSize: "fontSize", fontType: "fontType", color: "color", bold: "bold", italic: "italic", underline: "underline", renderVerticalAlignment: "renderVerticalAlignment", ariaLabel: "ariaLabel", alignment: "alignment" }, outputs: { alignmentChange: "alignmentChange", stateChange: "stateChange" }, ngImport: i0, template: `
         <kendo-toolbar fillMode="flat" [attr.aria-label]="ariaLabel" overflow="scroll">
             <ng-template #toolTemplate let-tool>
                 @switch (tool) {
@@ -3398,7 +3401,7 @@ class TextEditingToolbarComponent {
         </kendo-toolbar>
     `, isInline: true, dependencies: [{ kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText", "toolsSource"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: DiagramToolbarToolComponent, selector: "kendo-diagram-toolbar-tool" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: IconsDropdownComponent, selector: "kendo-diagram-icons-dropdown", inputs: ["controller", "value", "active", "buttonTitle", "buttonIcon", "data", "columns", "popupClass", "overlayOwner"], outputs: ["valueSelect", "escape"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TextEditingToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: TextEditingToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-text-editing-toolbar',
@@ -3636,15 +3639,15 @@ class FloatingToolbarPopupComponent {
         }
     }
     centeredAlign = centeredAlign;
-    shouldRender = computed(() => this._show() && Boolean(this._baseAnchor()), ...(ngDevMode ? [{ debugName: "shouldRender" }] : /* istanbul ignore next */ []));
+    shouldRender = computed(() => this._show() && Boolean(this._baseAnchor()), ...(ngDevMode ? [{ debugName: "shouldRender" }] : []));
     resolvedOffset = computed(() => {
         const current = this.placement();
         return current.visible ? current.offset : this._baseAnchor() ?? zeroOffset;
-    }, ...(ngDevMode ? [{ debugName: "resolvedOffset" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "resolvedOffset" }] : []));
     resolvedPopupAlign = computed(() => {
         const current = this.placement();
         return current.visible && current.placement === 'below' ? popupAtAnchorTop : popupAboveAnchor;
-    }, ...(ngDevMode ? [{ debugName: "resolvedPopupAlign" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "resolvedPopupAlign" }] : []));
     // Popup content is measured asynchronously because kendo-popup renders it a tick after `shouldRender` becomes true.
     recomputePlacementEffect = effect(() => {
         const base = this._baseAnchor();
@@ -3660,12 +3663,12 @@ class FloatingToolbarPopupComponent {
             return;
         }
         this.measurePlacement();
-    }, ...(ngDevMode ? [{ debugName: "recomputePlacementEffect" }] : /* istanbul ignore next */ []));
-    _show = signal(false, ...(ngDevMode ? [{ debugName: "_show" }] : /* istanbul ignore next */ []));
-    _baseAnchor = signal(null, ...(ngDevMode ? [{ debugName: "_baseAnchor" }] : /* istanbul ignore next */ []));
-    _fallbackAnchor = signal(null, ...(ngDevMode ? [{ debugName: "_fallbackAnchor" }] : /* istanbul ignore next */ []));
-    _boundaryElement = signal(null, ...(ngDevMode ? [{ debugName: "_boundaryElement" }] : /* istanbul ignore next */ []));
-    placement = signal(hiddenPlacement, ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "recomputePlacementEffect" }] : []));
+    _show = signal(false, ...(ngDevMode ? [{ debugName: "_show" }] : []));
+    _baseAnchor = signal(null, ...(ngDevMode ? [{ debugName: "_baseAnchor" }] : []));
+    _fallbackAnchor = signal(null, ...(ngDevMode ? [{ debugName: "_fallbackAnchor" }] : []));
+    _boundaryElement = signal(null, ...(ngDevMode ? [{ debugName: "_boundaryElement" }] : []));
+    placement = signal(hiddenPlacement, ...(ngDevMode ? [{ debugName: "placement" }] : []));
     popupHeight = 0;
     surfaceCleanup = null;
     _popup;
@@ -3712,8 +3715,8 @@ class FloatingToolbarPopupComponent {
             boundaryBottom: boundaryRect.bottom + scrollY
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolbarPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: FloatingToolbarPopupComponent, isStandalone: true, selector: "kendo-diagram-floating-toolbar-popup", inputs: { controller: "controller", show: "show", baseAnchor: "baseAnchor", fallbackAnchor: "fallbackAnchor", boundaryElement: "boundaryElement" }, viewQueries: [{ propertyName: "popup", first: true, predicate: PopupComponent, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolbarPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FloatingToolbarPopupComponent, isStandalone: true, selector: "kendo-diagram-floating-toolbar-popup", inputs: { controller: "controller", show: "show", baseAnchor: "baseAnchor", fallbackAnchor: "fallbackAnchor", boundaryElement: "boundaryElement" }, viewQueries: [{ propertyName: "popup", first: true, predicate: PopupComponent, descendants: true }], ngImport: i0, template: `
         @if (shouldRender()) {
             <kendo-popup
                 [anchorAlign]="centeredAlign"
@@ -3727,7 +3730,7 @@ class FloatingToolbarPopupComponent {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolbarPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolbarPopupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-floating-toolbar-popup',
@@ -4079,10 +4082,10 @@ class DiagramEditorMessages extends ComponentMessages {
      * Sets the placeholder text of the text editor.
      */
     textEditorPlaceholder;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DiagramEditorMessages, isStandalone: true, selector: "kendoDiagramEditorMessages", inputs: { undoTitle: "undoTitle", redoTitle: "redoTitle", selectTitle: "selectTitle", panTitle: "panTitle", textTitle: "textTitle", shapeTitle: "shapeTitle", shapeCollateLabel: "shapeCollateLabel", shapeConnectorLabel: "shapeConnectorLabel", shapeDataStorageLabel: "shapeDataStorageLabel", shapeDatabaseLabel: "shapeDatabaseLabel", shapeDecisionLabel: "shapeDecisionLabel", shapeDelayLabel: "shapeDelayLabel", shapeDirectAccessStorageLabel: "shapeDirectAccessStorageLabel", shapeDisplayLabel: "shapeDisplayLabel", shapeDocumentLabel: "shapeDocumentLabel", shapeExtractLabel: "shapeExtractLabel", shapeInputOutputLabel: "shapeInputOutputLabel", shapeInternalStorageLabel: "shapeInternalStorageLabel", shapeLogicalOrLabel: "shapeLogicalOrLabel", shapeManualInputOutputLabel: "shapeManualInputOutputLabel", shapeManualOperationLabel: "shapeManualOperationLabel", shapeMergeLabel: "shapeMergeLabel", shapeMultipleDocumentsLabel: "shapeMultipleDocumentsLabel", shapeOffPageConnectorLabel: "shapeOffPageConnectorLabel", shapePredefinedProcessLabel: "shapePredefinedProcessLabel", shapePreparationLabel: "shapePreparationLabel", shapeProcessLabel: "shapeProcessLabel", shapeSortLabel: "shapeSortLabel", shapeSummingJunctionLabel: "shapeSummingJunctionLabel", shapeTerminatorLabel: "shapeTerminatorLabel", shapeTypeTitle: "shapeTypeTitle", fillColorTitle: "fillColorTitle", borderWidthTitle: "borderWidthTitle", borderColorTitle: "borderColorTitle", borderStyleTitle: "borderStyleTitle", borderStyleSolidLabel: "borderStyleSolidLabel", borderStyleDottedLabel: "borderStyleDottedLabel", borderStyleDashedLabel: "borderStyleDashedLabel", borderStyleDashDotLabel: "borderStyleDashDotLabel", borderStyleLongDashLabel: "borderStyleLongDashLabel", borderStyleLongDashDotLabel: "borderStyleLongDashDotLabel", borderStyleLongDashDotDotLabel: "borderStyleLongDashDotDotLabel", toFrontTitle: "toFrontTitle", toBackTitle: "toBackTitle", rotateLeftTitle: "rotateLeftTitle", rotateRightTitle: "rotateRightTitle", duplicateTitle: "duplicateTitle", deleteTitle: "deleteTitle", connectionTypeTitle: "connectionTypeTitle", connectionTypeCascadingLabel: "connectionTypeCascadingLabel", connectionTypePolylineLabel: "connectionTypePolylineLabel", startCapTitle: "startCapTitle", endCapTitle: "endCapTitle", capNoneLabel: "capNoneLabel", capArrowLabel: "capArrowLabel", capTriangleArrowLabel: "capTriangleArrowLabel", capLineArrowLabel: "capLineArrowLabel", capFilledCircleLabel: "capFilledCircleLabel", capFilledDiamondLabel: "capFilledDiamondLabel", connectionColorTitle: "connectionColorTitle", connectionWidthTitle: "connectionWidthTitle", connectionStyleTitle: "connectionStyleTitle", textColorTitle: "textColorTitle", fontSizeTitle: "fontSizeTitle", fontTypeTitle: "fontTypeTitle", boldTitle: "boldTitle", italicTitle: "italicTitle", underlineTitle: "underlineTitle", alignHorizontalTitle: "alignHorizontalTitle", alignVerticalTitle: "alignVerticalTitle", alignLeftLabel: "alignLeftLabel", alignCenterLabel: "alignCenterLabel", alignRightLabel: "alignRightLabel", alignTopLabel: "alignTopLabel", alignMiddleLabel: "alignMiddleLabel", alignBottomLabel: "alignBottomLabel", editTextTitle: "editTextTitle", textEditorPlaceholder: "textEditorPlaceholder" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: DiagramEditorMessages, isStandalone: true, selector: "kendoDiagramEditorMessages", inputs: { undoTitle: "undoTitle", redoTitle: "redoTitle", selectTitle: "selectTitle", panTitle: "panTitle", textTitle: "textTitle", shapeTitle: "shapeTitle", shapeCollateLabel: "shapeCollateLabel", shapeConnectorLabel: "shapeConnectorLabel", shapeDataStorageLabel: "shapeDataStorageLabel", shapeDatabaseLabel: "shapeDatabaseLabel", shapeDecisionLabel: "shapeDecisionLabel", shapeDelayLabel: "shapeDelayLabel", shapeDirectAccessStorageLabel: "shapeDirectAccessStorageLabel", shapeDisplayLabel: "shapeDisplayLabel", shapeDocumentLabel: "shapeDocumentLabel", shapeExtractLabel: "shapeExtractLabel", shapeInputOutputLabel: "shapeInputOutputLabel", shapeInternalStorageLabel: "shapeInternalStorageLabel", shapeLogicalOrLabel: "shapeLogicalOrLabel", shapeManualInputOutputLabel: "shapeManualInputOutputLabel", shapeManualOperationLabel: "shapeManualOperationLabel", shapeMergeLabel: "shapeMergeLabel", shapeMultipleDocumentsLabel: "shapeMultipleDocumentsLabel", shapeOffPageConnectorLabel: "shapeOffPageConnectorLabel", shapePredefinedProcessLabel: "shapePredefinedProcessLabel", shapePreparationLabel: "shapePreparationLabel", shapeProcessLabel: "shapeProcessLabel", shapeSortLabel: "shapeSortLabel", shapeSummingJunctionLabel: "shapeSummingJunctionLabel", shapeTerminatorLabel: "shapeTerminatorLabel", shapeTypeTitle: "shapeTypeTitle", fillColorTitle: "fillColorTitle", borderWidthTitle: "borderWidthTitle", borderColorTitle: "borderColorTitle", borderStyleTitle: "borderStyleTitle", borderStyleSolidLabel: "borderStyleSolidLabel", borderStyleDottedLabel: "borderStyleDottedLabel", borderStyleDashedLabel: "borderStyleDashedLabel", borderStyleDashDotLabel: "borderStyleDashDotLabel", borderStyleLongDashLabel: "borderStyleLongDashLabel", borderStyleLongDashDotLabel: "borderStyleLongDashDotLabel", borderStyleLongDashDotDotLabel: "borderStyleLongDashDotDotLabel", toFrontTitle: "toFrontTitle", toBackTitle: "toBackTitle", rotateLeftTitle: "rotateLeftTitle", rotateRightTitle: "rotateRightTitle", duplicateTitle: "duplicateTitle", deleteTitle: "deleteTitle", connectionTypeTitle: "connectionTypeTitle", connectionTypeCascadingLabel: "connectionTypeCascadingLabel", connectionTypePolylineLabel: "connectionTypePolylineLabel", startCapTitle: "startCapTitle", endCapTitle: "endCapTitle", capNoneLabel: "capNoneLabel", capArrowLabel: "capArrowLabel", capTriangleArrowLabel: "capTriangleArrowLabel", capLineArrowLabel: "capLineArrowLabel", capFilledCircleLabel: "capFilledCircleLabel", capFilledDiamondLabel: "capFilledDiamondLabel", connectionColorTitle: "connectionColorTitle", connectionWidthTitle: "connectionWidthTitle", connectionStyleTitle: "connectionStyleTitle", textColorTitle: "textColorTitle", fontSizeTitle: "fontSizeTitle", fontTypeTitle: "fontTypeTitle", boldTitle: "boldTitle", italicTitle: "italicTitle", underlineTitle: "underlineTitle", alignHorizontalTitle: "alignHorizontalTitle", alignVerticalTitle: "alignVerticalTitle", alignLeftLabel: "alignLeftLabel", alignCenterLabel: "alignCenterLabel", alignRightLabel: "alignRightLabel", alignTopLabel: "alignTopLabel", alignMiddleLabel: "alignMiddleLabel", alignBottomLabel: "alignBottomLabel", editTextTitle: "editTextTitle", textEditorPlaceholder: "textEditorPlaceholder" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendoDiagramEditorMessages'
@@ -4254,15 +4257,15 @@ class DiagramEditorLocalizedMessagesDirective extends DiagramEditorMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DiagramEditorLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDiagramEditorLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorLocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: DiagramEditorLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDiagramEditorLocalizedMessages]", providers: [
             {
                 provide: DiagramEditorMessages,
                 useExisting: forwardRef(() => DiagramEditorLocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorLocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorLocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -4288,14 +4291,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
  *   <kendo-diagram-editor></kendo-diagram-editor>
  * </kendo-diagram>
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link DiagramEditorCustomMessagesComponent}.
  */
 class DiagramEditorComponent {
     host;
     localization;
     ngZone;
     renderer;
-    editorComponent = viewChild(EditorComponent, ...(ngDevMode ? [{ debugName: "editorComponent" }] : /* istanbul ignore next */ []));
-    editorElementRef = viewChild(EditorComponent, { ...(ngDevMode ? { debugName: "editorElementRef" } : /* istanbul ignore next */ {}), read: ElementRef });
+    editorComponent = viewChild(EditorComponent, ...(ngDevMode ? [{ debugName: "editorComponent" }] : []));
+    editorElementRef = viewChild(EditorComponent, ...(ngDevMode ? [{ debugName: "editorElementRef", read: ElementRef }] : [{ read: ElementRef }]));
     /**
      * Configures the diagram editor toolbars.
      */
@@ -4335,12 +4341,12 @@ class DiagramEditorComponent {
     /**
      * @hidden
      */
-    controller = signal(null, ...(ngDevMode ? [{ debugName: "controller" }] : /* istanbul ignore next */ []));
+    controller = signal(null, ...(ngDevMode ? [{ debugName: "controller" }] : []));
     /**
      * @hidden
      */
-    snapshot = signal(emptyDiagramEditorSnapshot, ...(ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []));
-    textEditorSelectionVersion = signal(0, ...(ngDevMode ? [{ debugName: "textEditorSelectionVersion" }] : /* istanbul ignore next */ []));
+    snapshot = signal(emptyDiagramEditorSnapshot, ...(ngDevMode ? [{ debugName: "snapshot" }] : []));
+    textEditorSelectionVersion = signal(0, ...(ngDevMode ? [{ debugName: "textEditorSelectionVersion" }] : []));
     /**
      * @hidden
      */
@@ -4354,10 +4360,10 @@ class DiagramEditorComponent {
     get textEditorElement() {
         return this.editorElementRef();
     }
-    _toolbars = signal({}, ...(ngDevMode ? [{ debugName: "_toolbars" }] : /* istanbul ignore next */ []));
-    _shapes = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapes" }] : /* istanbul ignore next */ []));
-    _fontTypes = signal(undefined, ...(ngDevMode ? [{ debugName: "_fontTypes" }] : /* istanbul ignore next */ []));
-    _fontSizes = signal(undefined, ...(ngDevMode ? [{ debugName: "_fontSizes" }] : /* istanbul ignore next */ []));
+    _toolbars = signal({}, ...(ngDevMode ? [{ debugName: "_toolbars" }] : []));
+    _shapes = signal(undefined, ...(ngDevMode ? [{ debugName: "_shapes" }] : []));
+    _fontTypes = signal(undefined, ...(ngDevMode ? [{ debugName: "_fontTypes" }] : []));
+    _fontSizes = signal(undefined, ...(ngDevMode ? [{ debugName: "_fontSizes" }] : []));
     constructor(host, localization, ngZone, renderer) {
         this.host = host;
         this.localization = localization;
@@ -4367,7 +4373,7 @@ class DiagramEditorComponent {
     /**
      * @hidden
      */
-    resolvedDiagram = computed(() => this.host?.diagramInstance() ?? null, ...(ngDevMode ? [{ debugName: "resolvedDiagram" }] : /* istanbul ignore next */ []));
+    resolvedDiagram = computed(() => this.host?.diagramInstance() ?? null, ...(ngDevMode ? [{ debugName: "resolvedDiagram" }] : []));
     /**
      * @hidden
      */
@@ -4389,7 +4395,7 @@ class DiagramEditorComponent {
             tools: config.tools ?? defaultMainToolbarTools,
             shapes: config.shapes ?? this._shapes()
         };
-    }, ...(ngDevMode ? [{ debugName: "mainToolbarOptions" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "mainToolbarOptions" }] : []));
     /**
      * @hidden
      */
@@ -4406,11 +4412,11 @@ class DiagramEditorComponent {
             tools: config.tools ?? defaultShapeToolbarTools,
             shapes: config.shapes ?? this._shapes()
         };
-    }, ...(ngDevMode ? [{ debugName: "shapeToolbarOptions" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "shapeToolbarOptions" }] : []));
     /**
      * @hidden
      */
-    shapeToolbarAnchors = computed(() => getContextToolbarAnchors(this.snapshot().selectedShape, this.snapshot().anchors.shape), ...(ngDevMode ? [{ debugName: "shapeToolbarAnchors" }] : /* istanbul ignore next */ []));
+    shapeToolbarAnchors = computed(() => getContextToolbarAnchors(this.snapshot().selectedShape, this.snapshot().anchors.shape), ...(ngDevMode ? [{ debugName: "shapeToolbarAnchors" }] : []));
     /**
      * @hidden
      */
@@ -4422,7 +4428,7 @@ class DiagramEditorComponent {
             snapshot.visibility.shape &&
             this.shapeToolbarOptions().tools.length > 0 &&
             isDiagramItemVisibleInViewport(selectedShape, this.resolvedDiagram()?.element));
-    }, ...(ngDevMode ? [{ debugName: "shapeToolbarVisible" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "shapeToolbarVisible" }] : []));
     connectionToolbarOptions = computed(() => {
         const config = this._toolbars().connection;
         const fallback = { tools: defaultConnectionToolbarTools };
@@ -4433,8 +4439,8 @@ class DiagramEditorComponent {
             return config ? fallback : { tools: [] };
         }
         return { tools: config.tools ?? defaultConnectionToolbarTools };
-    }, ...(ngDevMode ? [{ debugName: "connectionToolbarOptions" }] : /* istanbul ignore next */ []));
-    connectionToolbarAnchors = computed(() => getContextToolbarAnchors(this.snapshot().selectedConnection, this.snapshot().anchors.connection), ...(ngDevMode ? [{ debugName: "connectionToolbarAnchors" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "connectionToolbarOptions" }] : []));
+    connectionToolbarAnchors = computed(() => getContextToolbarAnchors(this.snapshot().selectedConnection, this.snapshot().anchors.connection), ...(ngDevMode ? [{ debugName: "connectionToolbarAnchors" }] : []));
     connectionToolbarVisible = computed(() => {
         const snapshot = this.snapshot();
         const selectedConnection = snapshot.selectedConnection;
@@ -4443,7 +4449,7 @@ class DiagramEditorComponent {
             snapshot.visibility.connection &&
             this.connectionToolbarOptions().tools.length > 0 &&
             isDiagramItemVisibleInViewport(selectedConnection, this.resolvedDiagram()?.element));
-    }, ...(ngDevMode ? [{ debugName: "connectionToolbarVisible" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "connectionToolbarVisible" }] : []));
     textToolbarOptions = computed(() => {
         const config = this._toolbars().text;
         const fallback = {
@@ -4462,18 +4468,18 @@ class DiagramEditorComponent {
             fontNames: config.fontNames ?? this.fontTypes ?? EditingUtils.Data.fontNames,
             fontSizes: config.fontSizes ?? this.fontSizes ?? EditingUtils.Data.fontSizes
         };
-    }, ...(ngDevMode ? [{ debugName: "textToolbarOptions" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarOptions" }] : []));
     textToolbarAnchor = computed(() => {
         const anchor = this.snapshot().anchors.textEditing;
         return anchor ? { left: anchor.x, top: anchor.y } : null;
-    }, ...(ngDevMode ? [{ debugName: "textToolbarAnchor" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarAnchor" }] : []));
     textToolbarVisible = computed(() => {
         const snapshot = this.snapshot();
         return Boolean(snapshot.editingSession &&
             this.textToolbarAnchor() &&
             snapshot.visibility.textEditing &&
             this.textToolbarOptions().tools.length > 0);
-    }, ...(ngDevMode ? [{ debugName: "textToolbarVisible" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarVisible" }] : []));
     activeContextToolbar = computed(() => {
         if (this.shapeToolbarVisible()) {
             const anchors = this.shapeToolbarAnchors();
@@ -4487,19 +4493,19 @@ class DiagramEditorComponent {
             return { type: 'text', baseAnchor: this.textToolbarAnchor(), fallbackAnchor: null };
         }
         return null;
-    }, ...(ngDevMode ? [{ debugName: "activeContextToolbar" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "activeContextToolbar" }] : []));
     textToolbarRenderVerticalAlignment = computed(() => {
         const item = this.snapshot().editingSession?.item;
         return item?.name === 'Shape' && item.type !== 'text';
-    }, ...(ngDevMode ? [{ debugName: "textToolbarRenderVerticalAlignment" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarRenderVerticalAlignment" }] : []));
     textToolbarAlignment = computed(() => {
         this.textEditorSelectionVersion();
         const item = this.snapshot().editingSession?.item;
         return this.textEditor?.view?.state.doc.attrs['alignment'] ?? item?._contentVisual?.options?.align ?? '';
-    }, ...(ngDevMode ? [{ debugName: "textToolbarAlignment" }] : /* istanbul ignore next */ []));
-    textToolbarBold = computed(() => this.hasTextEditorMark(bold), ...(ngDevMode ? [{ debugName: "textToolbarBold" }] : /* istanbul ignore next */ []));
-    textToolbarItalic = computed(() => this.hasTextEditorMark(italic), ...(ngDevMode ? [{ debugName: "textToolbarItalic" }] : /* istanbul ignore next */ []));
-    textToolbarUnderline = computed(() => this.hasTextEditorMark(underline), ...(ngDevMode ? [{ debugName: "textToolbarUnderline" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarAlignment" }] : []));
+    textToolbarBold = computed(() => this.hasTextEditorMark(bold), ...(ngDevMode ? [{ debugName: "textToolbarBold" }] : []));
+    textToolbarItalic = computed(() => this.hasTextEditorMark(italic), ...(ngDevMode ? [{ debugName: "textToolbarItalic" }] : []));
+    textToolbarUnderline = computed(() => this.hasTextEditorMark(underline), ...(ngDevMode ? [{ debugName: "textToolbarUnderline" }] : []));
     textToolbarFontSize = computed(() => {
         this.textEditorSelectionVersion();
         const item = this.snapshot().editingSession?.item;
@@ -4509,7 +4515,7 @@ class DiagramEditorComponent {
         }
         const fallback = item?._contentVisual?.options?.fontSize ?? this.resolvedDiagram()?.options?.shapeDefaults?.content?.fontSize;
         return typeof fallback === 'number' ? `${fallback}px` : fallback;
-    }, ...(ngDevMode ? [{ debugName: "textToolbarFontSize" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarFontSize" }] : []));
     textToolbarFontType = computed(() => {
         this.textEditorSelectionVersion();
         const item = this.snapshot().editingSession?.item;
@@ -4518,7 +4524,7 @@ class DiagramEditorComponent {
             return fontFamilies[0];
         }
         return item?._contentVisual?.options?.fontFamily ?? this.resolvedDiagram()?.options?.shapeDefaults?.content?.fontFamily;
-    }, ...(ngDevMode ? [{ debugName: "textToolbarFontType" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarFontType" }] : []));
     textToolbarColor = computed(() => {
         this.textEditorSelectionVersion();
         const item = this.snapshot().editingSession?.item;
@@ -4527,7 +4533,7 @@ class DiagramEditorComponent {
             return colors[0];
         }
         return item?._contentVisual?.options?.color ?? this.resolvedDiagram()?.options?.shapeDefaults?.content?.color;
-    }, ...(ngDevMode ? [{ debugName: "textToolbarColor" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "textToolbarColor" }] : []));
     onTextEditorAlignmentChange(value) {
         const view = this.textEditor?.view;
         if (!view) {
@@ -4587,7 +4593,7 @@ class DiagramEditorComponent {
             this.unsubscribe = null;
             controller.destroy();
         });
-    }, ...(ngDevMode ? [{ debugName: "controllerEffect" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "controllerEffect" }] : []));
     ngAfterViewChecked() {
         const controller = this.controller();
         const session = this.snapshot().editingSession;
@@ -4788,8 +4794,8 @@ class DiagramEditorComponent {
         };
         item._syncAutoHeightBounds?.(nextContent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorComponent, deps: [{ token: DiagramComponent, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: DiagramEditorComponent, isStandalone: true, selector: "kendo-diagram-editor", inputs: { toolbars: "toolbars", shapes: "shapes", fontTypes: "fontTypes", fontSizes: "fontSizes" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorComponent, deps: [{ token: DiagramComponent, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: DiagramEditorComponent, isStandalone: true, selector: "kendo-diagram-editor", inputs: { toolbars: "toolbars", shapes: "shapes", fontTypes: "fontTypes", fontSizes: "fontSizes" }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -5033,7 +5039,7 @@ class DiagramEditorComponent {
         <ng-content></ng-content>
     `, isInline: true, dependencies: [{ kind: "component", type: MainToolbarComponent, selector: "kendo-diagram-main-toolbar", inputs: ["controller", "diagram", "snapshot", "tools", "position", "shapes", "visible", "ariaLabel"] }, { kind: "component", type: ShapeEditingToolbarComponent, selector: "kendo-diagram-shape-editing-toolbar", inputs: ["controller", "shape", "stateVersion", "tools", "shapes", "ariaLabel"] }, { kind: "component", type: ConnectionEditingToolbarComponent, selector: "kendo-diagram-connection-editing-toolbar", inputs: ["controller", "connection", "stateVersion", "tools", "ariaLabel"] }, { kind: "component", type: TextEditingToolbarComponent, selector: "kendo-diagram-text-editing-toolbar", inputs: ["controller", "editor", "tools", "fontTypes", "fontSizes", "fontSize", "fontType", "color", "bold", "italic", "underline", "renderVerticalAlignment", "ariaLabel", "alignment"], outputs: ["alignmentChange", "stateChange"] }, { kind: "component", type: FloatingToolbarPopupComponent, selector: "kendo-diagram-floating-toolbar-popup", inputs: ["controller", "show", "baseAnchor", "fallbackAnchor", "boundaryElement"] }, { kind: "directive", type: DiagramEditorLocalizedMessagesDirective, selector: "[kendoDiagramEditorLocalizedMessages]" }, { kind: "component", type: EditorComponent, selector: "kendo-editor", inputs: ["value", "disabled", "readonly", "iframe", "iframeCss", "applyToWord", "schema", "plugins", "placeholder", "preserveWhitespace", "pasteCleanupSettings", "resizable"], outputs: ["valueChange", "focus", "paste", "blur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-diagram-editor',
@@ -5328,15 +5334,15 @@ class DiagramEditorCustomMessagesComponent extends DiagramEditorMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: DiagramEditorCustomMessagesComponent, isStandalone: true, selector: "kendo-diagram-editor-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorCustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: DiagramEditorCustomMessagesComponent, isStandalone: true, selector: "kendo-diagram-editor-messages", providers: [
             {
                 provide: DiagramEditorMessages,
                 useExisting: forwardRef(() => DiagramEditorCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramEditorCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramEditorCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -5410,11 +5416,11 @@ const KENDO_DIAGRAM = [
  * ```
  */
 class DiagramModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: DiagramModule, imports: [DiagramComponent, ShapeTooltipTemplateDirective, ConnectionTooltipTemplateDirective, DiagramEditorComponent, DiagramEditorCustomMessagesComponent], exports: [DiagramComponent, ShapeTooltipTemplateDirective, ConnectionTooltipTemplateDirective, DiagramEditorComponent, DiagramEditorCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramModule, imports: [DiagramComponent, DiagramEditorComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: DiagramModule, imports: [DiagramComponent, ShapeTooltipTemplateDirective, ConnectionTooltipTemplateDirective, DiagramEditorComponent, DiagramEditorCustomMessagesComponent], exports: [DiagramComponent, ShapeTooltipTemplateDirective, ConnectionTooltipTemplateDirective, DiagramEditorComponent, DiagramEditorCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramModule, imports: [DiagramComponent, DiagramEditorComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DiagramModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: DiagramModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_DIAGRAM],

package/{types/progress-kendo-angular-diagrams.d.ts → index.d.ts}

@@ -292,6 +292,9 @@ declare class ConnectionTooltipTemplateDirective {
  * ```html
  * <kendo-diagram [shapes]="shapesData"></kendo-diagram>
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link DiagramEditorComponent}.
  */
 declare class DiagramComponent implements AfterViewInit, OnDestroy {
     private wrapperElement;
@@ -808,6 +811,9 @@ declare class DiagramComponent implements AfterViewInit, OnDestroy {
  *   <kendo-diagram-editor></kendo-diagram-editor>
  * </kendo-diagram>
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link DiagramEditorCustomMessagesComponent}.
  */
 declare class DiagramEditorComponent implements AfterViewChecked, OnDestroy {
     private readonly host;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791537149,
-  "version": "25.3.1-develop.2",
+  "publishDate": 1792514111,
+  "version": "25.4.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"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-diagrams",
-  "version": "25.3.1-develop.2",
+  "version": "25.4.0-develop.10",
   "description": "Kendo UI Angular diagrams component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1791537149,
+      "publishDate": 1792514111,
       "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"
     }
   },
@@ -29,36 +29,35 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.3.1-develop.2",
-    "@progress/kendo-angular-buttons": "25.3.1-develop.2",
-    "@progress/kendo-angular-dialog": "25.3.1-develop.2",
-    "@progress/kendo-angular-dropdowns": "25.3.1-develop.2",
-    "@progress/kendo-angular-editor": "25.3.1-develop.2",
-    "@progress/kendo-angular-icons": "25.3.1-develop.2",
-    "@progress/kendo-angular-inputs": "25.3.1-develop.2",
-    "@progress/kendo-angular-l10n": "25.3.1-develop.2",
-    "@progress/kendo-angular-popup": "25.3.1-develop.2",
-    "@progress/kendo-angular-toolbar": "25.3.1-develop.2",
+    "@progress/kendo-angular-common": "25.4.0-develop.10",
+    "@progress/kendo-angular-buttons": "25.4.0-develop.10",
+    "@progress/kendo-angular-dialog": "25.4.0-develop.10",
+    "@progress/kendo-angular-dropdowns": "25.4.0-develop.10",
+    "@progress/kendo-angular-editor": "25.4.0-develop.10",
+    "@progress/kendo-angular-icons": "25.4.0-develop.10",
+    "@progress/kendo-angular-inputs": "25.4.0-develop.10",
+    "@progress/kendo-angular-l10n": "25.4.0-develop.10",
+    "@progress/kendo-angular-popup": "25.4.0-develop.10",
+    "@progress/kendo-angular-toolbar": "25.4.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "@progress/kendo-diagram-common": "^2.7.4",
     "@progress/kendo-editor-common": "^1.12.9",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.3.1-develop.2"
+    "@progress/kendo-angular-schematics": "25.4.0-develop.10"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-diagrams.mjs",
-  "typings": "types/progress-kendo-angular-diagrams.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./types/progress-kendo-angular-diagrams.d.ts",
+      "types": "./index.d.ts",
       "default": "./fesm2022/progress-kendo-angular-diagrams.mjs"
     }
   },
-  "sideEffects": false,
-  "type": "module"
+  "sideEffects": false
 }