@progress/kendo-angular-diagrams 21.0.1-develop.2 → 21.0.1-develop.4

package/diagram.component.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
-import { DiagramEditable, DiagramLayout, Pannable, Selectable, Shape, DiagramDragEvent, DiagramDomEvent, DiagramZoomStartEvent, DiagramZoomEndEvent, DiagramSelectEvent, DiagramPanEvent, DiagramItemBoundsChangeEvent, DiagramChangeEvent, Connection, Connector, Diagram, Point, Rect, DiagramState, BringIntoViewOptions, SelectionOptions, Direction } from '@progress/kendo-diagram-common';
+import { type DiagramEditable, type DiagramLayout, type Pannable, type Selectable, type Shape, type DiagramDragEvent, type DiagramDomEvent, type DiagramZoomStartEvent, type DiagramZoomEndEvent, type DiagramSelectEvent, type DiagramPanEvent, type DiagramItemBoundsChangeEvent, type DiagramChangeEvent, type Connection, type Connector, Diagram, type Point, type Rect, type DiagramState, type BringIntoViewOptions, type SelectionOptions, type Direction } from '@progress/kendo-diagram-common';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { Group } from '@progress/kendo-drawing';
 import { ShapeModelFields, ConnectionModelFields, ShapeDefaults, ConnectionDefaults, ShapeOptions, ConnectionOptions } from './models';
@@ -121,6 +121,14 @@ export declare class DiagramComponent implements AfterViewInit, OnChanges, OnDes
      * @default 0.1
      */
     zoomRate?: number;
+    /**
+     * Returns the actual shape instances created by the `Diagram`.
+     */
+    get shapeInstances(): Shape[];
+    /**
+     * Returns the actual connection instances created by the `Diagram`.
+     */
+    get connectionInstances(): Connection[];
     /**
      * Fires when a shape or connection is created or removed.
      */

package/esm2022/diagram.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef, } from '@angular/core';
-import { Shape, Connection, Diagram, convertToDiagramModel, placeTooltip } from '@progress/kendo-diagram-common';
+import { Diagram, convertToDiagramModel, placeTooltip } from '@progress/kendo-diagram-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
 import { hasObservers, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, isDocumentAvailable } from '@progress/kendo-angular-common';
@@ -126,6 +126,18 @@ export class DiagramComponent {
      * @default 0.1
      */
     zoomRate = 0.1;
+    /**
+     * Returns the actual shape instances created by the `Diagram`.
+     */
+    get shapeInstances() {
+        return this.diagramWidget?.shapes;
+    }
+    /**
+     * Returns the actual connection instances created by the `Diagram`.
+     */
+    get connectionInstances() {
+        return this.diagramWidget?.connections;
+    }
     /**
      * Fires when a shape or connection is created or removed.
      */
@@ -616,8 +628,8 @@ export class DiagramComponent {
     handleTooltipShow(event) {
         this.hideTooltip();
         const dataItem = event.item.dataItem;
-        const isShape = event.item instanceof Shape;
-        const isConnection = event.item instanceof Connection;
+        const isShape = event.item.name === "Shape";
+        const isConnection = event.item.name === "Connection";
         this.setCustomTemplate(isShape, isConnection);
         const defaultsEnabled = isShape
             ? this.options.shapeDefaults.tooltip?.visible

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1762955423,
-    version: '21.0.1-develop.2',
+    publishDate: 1762967502,
+    version: '21.0.1-develop.4',
     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/fesm2022/progress-kendo-angular-diagrams.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Shape, Connection, placeTooltip, events, convertToDiagramModel, loadTheme, Diagram } from '@progress/kendo-diagram-common';
+import { placeTooltip, events, convertToDiagramModel, loadTheme, Diagram } from '@progress/kendo-diagram-common';
 export { ArrowMarker, Circle, CircleMarker, Collate, Connection, Connector, DataInputOutput, DataStorage, Database, Decision, Delay, DirectAccessStorage, Display, Document, Extract, FlowchartShapeType, Group, Image, InternalStorage, Layout, Line, LogicalOr, ManualInputOutput, ManualOperation, MarkerType, Merge, MultiLineTextBlock, MultipleDocuments, OffPageConnector, OnPageConnector, Path, Point, Polyline, PredefinedProcess, Preparation, Process, Rect, Rectangle, Shape, Sort, SummingJunction, Terminator, TextBlock, convertToDiagramModel } from '@progress/kendo-diagram-common';
 import * as i0 from '@angular/core';
 import { Directive, EventEmitter, Component, HostBinding, Input, Output, ViewChild, ContentChild, NgModule } from '@angular/core';
@@ -20,8 +20,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1762955423,
-    version: '21.0.1-develop.2',
+    publishDate: 1762967502,
+    version: '21.0.1-develop.4',
     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',
 };
 
@@ -246,6 +246,18 @@ class DiagramComponent {
      * @default 0.1
      */
     zoomRate = 0.1;
+    /**
+     * Returns the actual shape instances created by the `Diagram`.
+     */
+    get shapeInstances() {
+        return this.diagramWidget?.shapes;
+    }
+    /**
+     * Returns the actual connection instances created by the `Diagram`.
+     */
+    get connectionInstances() {
+        return this.diagramWidget?.connections;
+    }
     /**
      * Fires when a shape or connection is created or removed.
      */
@@ -736,8 +748,8 @@ class DiagramComponent {
     handleTooltipShow(event) {
         this.hideTooltip();
         const dataItem = event.item.dataItem;
-        const isShape = event.item instanceof Shape;
-        const isConnection = event.item instanceof Connection;
+        const isShape = event.item.name === "Shape";
+        const isConnection = event.item.name === "Connection";
         this.setCustomTemplate(isShape, isConnection);
         const defaultsEnabled = isShape
             ? this.options.shapeDefaults.tooltip?.visible

package/models.d.ts

@@ -2,11 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ShapeDefaults as ShapeDefaultsCommon } from '@progress/kendo-diagram-common';
-import { ConnectionDefaults as ConnectionDefaultsCommon } from '@progress/kendo-diagram-common';
-import { ConnectionOptions as ConnectionOptionsCommon } from '@progress/kendo-diagram-common';
-import { ShapeOptions as ShapeOptionsCommon } from '@progress/kendo-diagram-common';
-import { DiagramOptions as DiagramOptionsCommon } from '@progress/kendo-diagram-common';
+import { type ShapeDefaults as ShapeDefaultsCommon, type ConnectionDefaults as ConnectionDefaultsCommon, type ConnectionOptions as ConnectionOptionsCommon, type ShapeOptions as ShapeOptionsCommon, type DiagramOptions as DiagramOptionsCommon } from '@progress/kendo-diagram-common';
 /**
  * Defines the tooltip configuration for shapes and connections.
  * Controls the visibility, content, and styling of tooltips.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-diagrams",
-  "version": "21.0.1-develop.2",
+  "version": "21.0.1-develop.4",
   "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": 1762955423,
+      "publishDate": 1762967502,
       "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,18 +29,18 @@
     "@angular/core": "18 - 20",
     "@angular/platform-browser": "18 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.0.1-develop.2",
-    "@progress/kendo-angular-buttons": "21.0.1-develop.2",
-    "@progress/kendo-angular-dialog": "21.0.1-develop.2",
-    "@progress/kendo-angular-dropdowns": "21.0.1-develop.2",
-    "@progress/kendo-angular-icons": "21.0.1-develop.2",
-    "@progress/kendo-angular-inputs": "21.0.1-develop.2",
-    "@progress/kendo-angular-popup": "21.0.1-develop.2",
+    "@progress/kendo-angular-common": "21.0.1-develop.4",
+    "@progress/kendo-angular-buttons": "21.0.1-develop.4",
+    "@progress/kendo-angular-dialog": "21.0.1-develop.4",
+    "@progress/kendo-angular-dropdowns": "21.0.1-develop.4",
+    "@progress/kendo-angular-icons": "21.0.1-develop.4",
+    "@progress/kendo-angular-inputs": "21.0.1-develop.4",
+    "@progress/kendo-angular-popup": "21.0.1-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.0.1-develop.2",
+    "@progress/kendo-angular-schematics": "21.0.1-develop.4",
     "@progress/kendo-diagram-common": "1.5.1"
   },
   "schematics": "./schematics/collection.json",

package/utils.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EditableDefaults, ShapeDefaultsEditable } from "@progress/kendo-diagram-common";
+import { type EditableDefaults, type ShapeDefaultsEditable } from "@progress/kendo-diagram-common";
 import { ConnectionDefaults, ShapeDefaults } from "./models";
 /** @hidden */
 export declare const DEFAULT_EDITABLE_SHAPE: ShapeDefaultsEditable;