@progress/kendo-angular-diagrams 21.0.0-develop.9 → 21.0.1-develop.1

package/index.d.ts

@@ -2,7 +2,10 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { DiagramOptions, ShapeConnector, ShapeContent, EditableDefaults, ShapeDefaultsEditable, ShapeEditable, ShapeFillGradientStop, ShapeFillGradient, ShapeFill, ShapeHover, ShapeRotation, Fill, Stroke, DashType, ShapeType, ShapeConnectorHover, ShapeConnectorDefaults, ShapeDefaults, ShapeOptions, Selectable, Pannable, LayoutGrid, DiagramLayout, DiagramEditable, Coordinate, ConnectionOptions, ConnectionDefaults, DiagramDragEvent, DiagramDomEvent, DiagramZoomStartEvent, DiagramZoomEndEvent, DiagramPanEvent, DiagramSelectEvent, DiagramChangeEvent, DiagramItemBoundsChangeEvent, Shape, Connection, Connector, Diagram, Point, Rect, DiagramState, BringIntoViewOptions, SelectionOptions, Direction, Circle, Group, FlowchartShapeType, ArrowMarker, CircleMarker, Collate, DataInputOutput, DataStorage, Database, Decision, Delay, DirectAccessStorage, Display, Document, MultipleDocuments, Extract, Image, InternalStorage, Layout, Line, LogicalOr, ManualInputOutput, ManualOperation, Merge, MultiLineTextBlock, OffPageConnector, OnPageConnector, Path, Polyline, PredefinedProcess, Preparation, Process, Rectangle, Sort, SummingJunction, Terminator, TextBlock, MarkerType, ConnectionCap, ConnectionContent, } from '@progress/kendo-diagram-common';
+export { ShapeConnector, ShapeContent, EditableDefaults, ShapeDefaultsEditable, ShapeEditable, ShapeFillGradientStop, ShapeFillGradient, ShapeFill, ShapeHover, ShapeRotation, Fill, Stroke, DashType, ShapeType, ShapeConnectorHover, ShapeConnectorDefaults, Selectable, Pannable, LayoutGrid, DiagramLayout, DiagramEditable, Coordinate, DiagramDragEvent, DiagramDomEvent, DiagramZoomStartEvent, DiagramZoomEndEvent, DiagramPanEvent, DiagramSelectEvent, DiagramChangeEvent, DiagramItemBoundsChangeEvent, Shape, Connection, Connector, Point, Rect, DiagramState, BringIntoViewOptions, SelectionOptions, Direction, Circle, Group, FlowchartShapeType, ArrowMarker, CircleMarker, Collate, DataInputOutput, DataStorage, Database, Decision, Delay, DirectAccessStorage, Display, Document, MultipleDocuments, Extract, Image, InternalStorage, Layout, Line, LogicalOr, ManualInputOutput, ManualOperation, Merge, MultiLineTextBlock, OffPageConnector, OnPageConnector, Path, Polyline, PredefinedProcess, Preparation, Process, Rectangle, Sort, SummingJunction, Terminator, TextBlock, MarkerType, ConnectionCap, ConnectionContent, convertToDiagramModel, DiagramMapping, ConvertResult, ConnectionMapping, ShapeMapping, MapSpec, FromPathOrFn } from '@progress/kendo-diagram-common';
 export { DiagramModule } from './diagram.module';
 export { DiagramComponent } from './diagram.component';
+export { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
+export { ConnectionTooltipTemplateDirective } from './connection-tooltip-template.directive';
 export * from './directives';
+export * from './models';

package/models.d.ts

@@ -0,0 +1,211 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * Defines the tooltip configuration for shapes and connections.
+ * Controls the visibility, content, and styling of tooltips.
+ */
+export interface TooltipOptions {
+    /**
+     * Controls whether the tooltip displays when you hover over the item.
+     */
+    visible?: boolean;
+    /**
+     * Sets custom CSS classes for the Tooltip wrapper element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass?: any;
+}
+/**
+ * Defines the configuration options for diagram shapes.
+ * Extends the base shape options and adds tooltip support.
+ */
+export interface ShapeOptions extends ShapeOptionsCommon {
+    /**
+     * Configures the tooltip that displays when you hover over the shape.
+     */
+    tooltip?: TooltipOptions;
+    /**
+     * Sets the text content displayed in the tooltip.
+     */
+    tooltipText?: string;
+}
+/**
+ * Defines the configuration options for diagram connections.
+ * Extends the base connection options and adds tooltip support.
+ */
+export interface ConnectionOptions extends ConnectionOptionsCommon {
+    /**
+     * Configures the tooltip that displays when you hover over the connection.
+     */
+    tooltip?: TooltipOptions;
+    /**
+     * Sets the text content displayed in the tooltip.
+     */
+    tooltipText?: string;
+}
+/**
+ * Defines the default configuration options for all connections in the `Diagram`.
+ * These settings apply to connections unless overridden by individual connection options.
+ */
+export interface ConnectionDefaults extends ConnectionDefaultsCommon {
+    /**
+     * Configures the default tooltip settings for all connections.
+     */
+    tooltip?: TooltipOptions;
+}
+/**
+ * Defines the default configuration options for all shapes in the `Diagram`.
+ * These settings apply to shapes unless overridden by individual shape options.
+ */
+export interface ShapeDefaults extends ShapeDefaultsCommon {
+    /**
+     * Configures the default tooltip settings for all shapes.
+     */
+    tooltip?: TooltipOptions;
+}
+/**
+ * @hidden
+ *
+ */
+export interface DiagramOptions extends DiagramOptionsCommon {
+    shapeDefaults?: ShapeDefaults;
+    connectionDefaults?: ConnectionDefaults;
+}
+/**
+ * Defines the field mapping configuration for shapes data binding.
+ * Maps source object properties to `Diagram` shape properties.
+ */
+export interface ShapeModelFields {
+    /**
+     * The field that contains the unique identifier of the shape.
+     */
+    id?: string;
+    /**
+     * The field that contains the connectors configuration.
+     */
+    connectors?: string;
+    /**
+     * The field that contains the connector defaults configuration.
+     */
+    connectorDefaults?: string;
+    /**
+     * The field that contains the content configuration.
+     */
+    content?: string;
+    /**
+     * The field that contains the editable configuration.
+     */
+    editable?: string;
+    /**
+     * The field that contains the fill configuration.
+     */
+    fill?: string;
+    /**
+     * The field that contains the height value.
+     */
+    height?: string;
+    /**
+     * The field that contains the hover configuration.
+     */
+    hover?: string;
+    /**
+     * The field that contains the minimum height value.
+     */
+    minHeight?: string;
+    /**
+     * The field that contains the minimum width value.
+     */
+    minWidth?: string;
+    /**
+     * The field that contains the path configuration.
+     */
+    path?: string;
+    /**
+     * The field that contains the rotation configuration.
+     */
+    rotation?: string;
+    /**
+     * The field that contains the selectable configuration.
+     */
+    selectable?: string;
+    /**
+     * The field that contains the source configuration.
+     */
+    source?: string;
+    /**
+     * The field that contains the stroke configuration.
+     */
+    stroke?: string;
+    /**
+     * The field that contains the type configuration.
+     */
+    type?: string;
+    /**
+     * The field that contains the visual configuration.
+     */
+    visual?: string;
+    /**
+     * The field that contains the width value.
+     */
+    width?: string;
+    /**
+     * The field that contains the x coordinate.
+     */
+    x?: string;
+    /**
+     * The field that contains the y coordinate.
+     */
+    y?: string;
+    /**
+     * The field that contains the corner radius value.
+     */
+    cornerRadius?: string;
+    /**
+     * The field that contains the center configuration.
+     */
+    center?: string;
+    /**
+     * The field that contains the radius value.
+     */
+    radius?: string;
+    /**
+     * The field that contains the data item reference.
+     */
+    dataItem?: string;
+    /**
+     * The field that contains the tooltip text.
+     */
+    tooltipText?: string;
+}
+/**
+ * Defines the field mapping configuration for connections data binding.
+ * Maps source object properties to `Diagram` connection properties.
+ */
+export interface ConnectionModelFields {
+    /**
+     * The field that contains the source shape identifier.
+     */
+    from?: string;
+    /**
+     * The field that contains the target shape identifier.
+     */
+    to?: string;
+    /**
+     * The field that contains the connection points.
+     */
+    points?: string;
+    /**
+     * The field that contains the data item reference.
+     */
+    dataItem?: string;
+    /**
+     * The field that contains the tooltip text.
+     */
+    tooltipText?: string;
+}

package/package.json

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

package/shape-tooltip-template.directive.d.ts

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Defines a custom template for shape tooltips within the `kendo-diagram` component.
+ * Use this directive to customize how tooltips appear when hovering over shapes.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-diagram>
+ *       <ng-template kendoDiagramShapeTooltipTemplate let-dataItem>
+ *         {{dataItem.tooltipContent}}
+ *       </ng-template>
+ *     </kendo-diagram>
+ *   `
+ * })
+ * class AppComponent {
+ * }
+ *
+ * ```
+ */
+export declare class ShapeTooltipTemplateDirective {
+    /**
+     * @hidden
+     */
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShapeTooltipTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShapeTooltipTemplateDirective, "[kendoDiagramShapeTooltipTemplate]", never, {}, {}, never, never, true, never>;
+}