@progress/kendo-angular-diagrams 24.2.2 → 25.0.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1783511752,
11
- "version": "24.2.2",
10
+ "publishDate": 1783680070,
11
+ "version": "25.0.0-develop.1",
12
12
  "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"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-diagrams",
3
- "version": "24.2.2",
3
+ "version": "25.0.0-develop.1",
4
4
  "description": "Kendo UI Angular diagrams component",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -19,29 +19,29 @@
19
19
  "package": {
20
20
  "productName": "Kendo UI for Angular",
21
21
  "productCode": "KENDOUIANGULAR",
22
- "publishDate": 1783511752,
22
+ "publishDate": 1783680070,
23
23
  "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"
24
24
  }
25
25
  },
26
26
  "peerDependencies": {
27
- "@angular/animations": "19 - 22",
28
- "@angular/common": "19 - 22",
29
- "@angular/core": "19 - 22",
30
- "@angular/platform-browser": "19 - 22",
27
+ "@angular/animations": "20 - 22",
28
+ "@angular/common": "20 - 22",
29
+ "@angular/core": "20 - 22",
30
+ "@angular/platform-browser": "20 - 22",
31
31
  "@progress/kendo-licensing": "^1.11.0",
32
- "@progress/kendo-angular-common": "24.2.2",
33
- "@progress/kendo-angular-buttons": "24.2.2",
34
- "@progress/kendo-angular-dialog": "24.2.2",
35
- "@progress/kendo-angular-dropdowns": "24.2.2",
36
- "@progress/kendo-angular-icons": "24.2.2",
37
- "@progress/kendo-angular-inputs": "24.2.2",
38
- "@progress/kendo-angular-popup": "24.2.2",
32
+ "@progress/kendo-angular-common": "25.0.0-develop.1",
33
+ "@progress/kendo-angular-buttons": "25.0.0-develop.1",
34
+ "@progress/kendo-angular-dialog": "25.0.0-develop.1",
35
+ "@progress/kendo-angular-dropdowns": "25.0.0-develop.1",
36
+ "@progress/kendo-angular-icons": "25.0.0-develop.1",
37
+ "@progress/kendo-angular-inputs": "25.0.0-develop.1",
38
+ "@progress/kendo-angular-popup": "25.0.0-develop.1",
39
39
  "rxjs": "^6.5.3 || ^7.0.0"
40
40
  },
41
41
  "dependencies": {
42
42
  "@progress/kendo-diagram-common": "^2.3.2",
43
43
  "tslib": "^2.3.1",
44
- "@progress/kendo-angular-schematics": "24.2.2"
44
+ "@progress/kendo-angular-schematics": "25.0.0-develop.1"
45
45
  },
46
46
  "schematics": "./schematics/collection.json",
47
47
  "module": "fesm2022/progress-kendo-angular-diagrams.mjs",
@@ -1,38 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines a custom template for connection tooltips within the `kendo-diagram` component.
9
- * Use this directive to customize how tooltips appear when hovering over connections.
10
- *
11
- * @example
12
- * ```ts
13
- * import { Component } from '@angular/core';
14
- *
15
- * _@Component({
16
- * selector: 'my-app',
17
- * template: `
18
- * <kendo-diagram>
19
- * <ng-template kendoDiagramConnectionTooltipTemplate let-dataItem>
20
- * {{dataItem.tooltipContent}}
21
- * </ng-template>
22
- * </kendo-diagram>
23
- * `
24
- * })
25
- * class AppComponent {
26
- * }
27
- *
28
- * ```
29
- */
30
- export declare class ConnectionTooltipTemplateDirective {
31
- /**
32
- * @hidden
33
- */
34
- templateRef: TemplateRef<any>;
35
- constructor(templateRef: TemplateRef<any>);
36
- static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionTooltipTemplateDirective, never>;
37
- static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionTooltipTemplateDirective, "[kendoDiagramConnectionTooltipTemplate]", never, {}, {}, never, never, true, never>;
38
- }
@@ -1,480 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
6
- 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';
7
- import { LicenseMessage } from '@progress/kendo-licensing';
8
- import { PopupService } from '@progress/kendo-angular-popup';
9
- import { Group } from '@progress/kendo-drawing';
10
- import { ShapeModelFields, ConnectionModelFields, ShapeDefaults, ConnectionDefaults, ShapeOptions, ConnectionOptions, DiagramNavigationOptions } from './models';
11
- import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
12
- import { ConnectionTooltipTemplateDirective } from './connection-tooltip-template.directive';
13
- import * as i0 from "@angular/core";
14
- /**
15
- * Represents the [Kendo UI Diagram component for Angular](https://www.telerik.com/kendo-angular-ui/components/diagrams).
16
- *
17
- * The Diagram component is used to create organizational charts, and other types of diagrams.
18
- *
19
- * @example
20
- * ```html
21
- * <kendo-diagram [shapes]="shapesData"></kendo-diagram>
22
- * ```
23
- */
24
- export declare class DiagramComponent implements AfterViewInit, OnChanges, OnDestroy {
25
- private wrapperElement;
26
- private renderer;
27
- private zone;
28
- private popupService;
29
- private viewContainer;
30
- diagramClass: boolean;
31
- /**
32
- * Defines the default configuration options applicable to all connections.
33
- *
34
- */
35
- connectionDefaults?: ConnectionDefaults;
36
- /**
37
- * Defines the connections that render between the shapes in the `Diagram` (see [Connections article](https://www.telerik.com/kendo-angular-ui/components/diagrams/connections)).
38
- * Accepts either an array of `ConnectionOptions` or an array of any objects
39
- * that will be mapped using the `connectionModelFields` configuration.
40
- *
41
- */
42
- connections?: any[];
43
- /**
44
- * Defines the field mapping configuration for connections data binding ([see example](https://www.telerik.com/kendo-angular-ui/components/diagrams/data-binding#field-mapping)).
45
- * Maps source object properties to `Diagram` connection properties.
46
- * Only used when `connections` is an array of custom objects instead of `ConnectionOptions`.
47
- */
48
- connectionModelFields?: ConnectionModelFields;
49
- /**
50
- * A set of settings to configure the `Diagram` behavior when the user attempts to drag, resize, or remove shapes.
51
- * Changing the property value dynamically triggers a reinitialization of the `Diagram`.
52
- *
53
- * @default true
54
- */
55
- editable?: boolean | DiagramEditable;
56
- /**
57
- * Defines the layout configuration for arranging shapes and connections in the `Diagram` (see [Layout article](https://www.telerik.com/kendo-angular-ui/components/diagrams/layouts)).
58
- *
59
- */
60
- layout?: DiagramLayout;
61
- /**
62
- * Defines the pannable options. Use this setting to disable `Diagram` pan or change the key that activates the pan behavior.
63
- *
64
- * @default true
65
- */
66
- pannable?: boolean | Pannable;
67
- /**
68
- * Defines the `Diagram` selection options.
69
- *
70
- * By default, you can select shapes in the `Diagram` in one of two ways:
71
- * - Clicking a single shape to select it and deselect any previously selected shapes.
72
- * - Holding the `Ctrl/Cmd on MacOS` key while clicking multiple shapes to select them and any other shapes between them.
73
- *
74
- * Use the `selectable` configuration to allow single selection only, enable selection by drawing a rectangular area with the mouse around shapes in the canvas, or disable selection altogether.
75
- *
76
- * @default true
77
- */
78
- selectable?: boolean | Selectable;
79
- /**
80
- * Defines the default configuration options applicable to all shapes.
81
- */
82
- shapeDefaults?: ShapeDefaults;
83
- /**
84
- * Defines the shapes that render in the `Diagram` (see [Shapes article](https://www.telerik.com/kendo-angular-ui/components/diagrams/shapes)).
85
- * Accepts either an array of `ShapeOptions` or an array of any objects
86
- * that will be mapped using the `shapeModelFields` configuration.
87
- *
88
- */
89
- shapes?: any[];
90
- /**
91
- * Defines the field mapping configuration for shapes data binding ([see example](https://www.telerik.com/kendo-angular-ui/components/diagrams/data-binding#field-mapping)).
92
- * Maps source object properties to `Diagram` shape properties.
93
- * Only used when `shapes` is an array of custom objects instead of `ShapeOptions`.
94
- */
95
- shapeModelFields?: ShapeModelFields;
96
- /**
97
- * Defines the zoom level of the `Diagram`.
98
- *
99
- * @default 1
100
- */
101
- zoom?: number;
102
- /**
103
- * Defines the maximum zoom level of the `Diagram`.
104
- *
105
- * @default 2
106
- */
107
- zoomMax?: number;
108
- /**
109
- * Defines the minimum zoom level of the `Diagram`.
110
- *
111
- * @default 0.1
112
- */
113
- zoomMin?: number;
114
- /**
115
- * Defines the zoom rate of the `Diagram`.
116
- *
117
- * @default 0.1
118
- */
119
- zoomRate?: number;
120
- /**
121
- * Enables keyboard navigation in the `Diagram`.
122
- * When set to `true`, navigate between shapes using arrow keys.
123
- * Alternatively, pass a `DiagramNavigationOptions` object to customize navigation behavior.
124
- *
125
- * @default true
126
- *
127
- * @remarks
128
- * This property is related to accessibility.
129
- */
130
- set navigable(_navigable: boolean | DiagramNavigationOptions);
131
- get navigable(): boolean | DiagramNavigationOptions;
132
- /**
133
- * Fires when a shape or connection is created or removed.
134
- */
135
- change: EventEmitter<DiagramChangeEvent>;
136
- /**
137
- * Fires when the user clicks on a shape or a connection.
138
- */
139
- diagramClick: EventEmitter<DiagramDomEvent>;
140
- /**
141
- * Fires when the user drags an item.
142
- */
143
- drag: EventEmitter<DiagramDragEvent>;
144
- /**
145
- * Fires when the user stops dragging an item.
146
- */
147
- dragEnd: EventEmitter<DiagramDragEvent>;
148
- /**
149
- * Fires when the user starts dragging an item.
150
- */
151
- dragStart: EventEmitter<DiagramDragEvent>;
152
- /**
153
- * Fires when the location or size of an item are changed.
154
- */
155
- shapeBoundsChange: EventEmitter<DiagramItemBoundsChangeEvent>;
156
- /**
157
- * Fires when the mouse pointer enters a shape or connection.
158
- */
159
- mouseEnter: EventEmitter<DiagramDomEvent>;
160
- /**
161
- * Fires when the mouse pointer leaves a shape or connection.
162
- */
163
- mouseLeave: EventEmitter<DiagramDomEvent>;
164
- /**
165
- * Fires when the user pans the `Diagram`.
166
- */
167
- onPan: EventEmitter<DiagramPanEvent>;
168
- /**
169
- * Fires when the user selects one or more items.
170
- */
171
- onSelect: EventEmitter<DiagramSelectEvent>;
172
- /**
173
- * Fires when the `Diagram` has finished zooming out.
174
- */
175
- zoomEnd: EventEmitter<DiagramZoomEndEvent>;
176
- /**
177
- * Fires when the `Diagram` starts zooming in or out.
178
- */
179
- zoomStart: EventEmitter<DiagramZoomStartEvent>;
180
- /**
181
- * Fires when a tooltip should shown for a shape or connection.
182
- */
183
- tooltipShow: EventEmitter<ShapeOptions | ConnectionOptions>;
184
- /**
185
- * Fires when a tooltip should be hidden.
186
- */
187
- tooltipHide: EventEmitter<ShapeOptions | ConnectionOptions>;
188
- /**
189
- * @hidden
190
- * Represents the Diagram instance, holding the core functionality of the Diagram.
191
- */
192
- diagramWidget: Diagram;
193
- /**
194
- * The currently selected items in the `Diagram`.
195
- */
196
- get selection(): (Shape | Connection)[];
197
- /**
198
- * The actual shapes created by the `Diagram`.
199
- */
200
- get diagramShapes(): Shape[];
201
- /**
202
- * The actual connections created by the `Diagram`.
203
- */
204
- get diagramConnections(): Connection[];
205
- /**
206
- * @hidden
207
- */
208
- showLicenseWatermark: boolean;
209
- /**
210
- * @hidden
211
- */
212
- licenseMessage?: LicenseMessage;
213
- /**
214
- * @hidden
215
- */
216
- customTemplate?: TemplateRef<any>;
217
- private _navigable;
218
- private options;
219
- /**
220
- * Stores the converted shapes from user data.
221
- */
222
- private convertedShapes;
223
- /**
224
- * Stores the converted connections from user data.
225
- */
226
- private convertedConnections;
227
- /**
228
- * Current popup instance for tooltip.
229
- */
230
- private tooltipPopup?;
231
- defaultTooltipTemplate: TemplateRef<any>;
232
- customTooltipTemplate: TemplateRef<any>;
233
- shapeTooltipTemplate: ShapeTooltipTemplateDirective;
234
- connectionTooltipTemplate: ConnectionTooltipTemplateDirective;
235
- /**
236
- * @hidden
237
- * The original data item provided by the user. Passed in the tooltip template context.
238
- */
239
- dataItem: any;
240
- constructor(wrapperElement: ElementRef<HTMLElement>, renderer: Renderer2, zone: NgZone, popupService: PopupService, viewContainer: ViewContainerRef);
241
- ngOnChanges(changes: SimpleChanges): void;
242
- ngAfterViewInit(): void;
243
- ngOnDestroy(): void;
244
- /**
245
- * Provides the current `Diagram`'s shapes and connections that can be used to create a new `Diagram` when needed.
246
- * @returns {DiagramState} Object containing shapes and connections arrays.
247
- */
248
- getState(): DiagramState;
249
- /**
250
- * Focuses the `Diagram`.
251
- * @returns {boolean} true if focus was set successfully.
252
- */
253
- focus(): boolean;
254
- /**
255
- * Clears the `Diagram`.
256
- */
257
- clear(): void;
258
- /**
259
- * Determines whether two shapes are connected.
260
- * @param {Shape} Shape.
261
- * @param {Shape} Shape.
262
- * @returns {boolean} true if the two shapes are connected.
263
- */
264
- connected(source: Shape, target: Shape): boolean;
265
- /**
266
- * Adds connection to the `Diagram`.
267
- * @param {Connection} Connection.
268
- * @param {boolean} Boolean.
269
- * @returns {Connection} The newly created connection.
270
- */
271
- addConnection(connection: Connection, undoable?: boolean): Connection;
272
- /**
273
- * Adds shape to the `Diagram`.
274
- * @param {ShapeOptions | Shape | Point} If you pass a `Point`, a new Shape with default options will be created and positioned at that point.
275
- * @param {boolean} Boolean indicating if the action should be undoable.
276
- * @returns {Shape} The newly created shape.
277
- */
278
- addShape(item: ShapeOptions | Shape | Point, undoable?: boolean): Shape;
279
- /**
280
- * Removes shape(s) and/or connection(s) from the `Diagram`.
281
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
282
- * @param {Boolean} Boolean indicating if the action should be undoable.
283
- */
284
- remove(items: Shape | Connection | (Shape | Connection)[], undoable?: boolean): void;
285
- /**
286
- * Connects two items in the `Diagram`.
287
- * @param {Shape | Connector | Point} Shape, Shape's Connector or Point.
288
- * @param {Shape | Connector | Point} Shape, Shape's Connector or Point.
289
- * @param {ConnectionOptions} Connection options.
290
- * @returns {Connection} The created connection.
291
- */
292
- connect(source: Shape | Connector | Point, target: Shape | Connector | Point, options?: ConnectionOptions): Connection;
293
- /**
294
- * Executes the next undoable action on top of the undo stack if any.
295
- */
296
- undo(): void;
297
- /**
298
- * Executes the previous undoable action on top of the redo stack if any.
299
- */
300
- redo(): void;
301
- /**
302
- * Selects items on the basis of the given input.
303
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
304
- * @param Selection options.
305
- * @returns {(Shape | Connection)[]} Array of selected items.
306
- */
307
- select(items: Shape | Connection | (Shape | Connection)[], options?: SelectionOptions): (Shape | Connection)[];
308
- /**
309
- * Selects all items in the `Diagram`.
310
- */
311
- selectAll(): void;
312
- /**
313
- * Selects items in the specified area.
314
- * @param {Rect} rect Rectangle area to select.
315
- */
316
- selectArea(rect: Rect): void;
317
- /**
318
- * Deselects the specified items or all items if no item is specified.
319
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
320
- */
321
- deselect(items?: Shape | Connection | (Shape | Connection)[]): void;
322
- /**
323
- * Brings to front the passed items.
324
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
325
- * @param {boolean} By default the action is undoable.
326
- */
327
- bringToFront(items: Shape | Connection | (Shape | Connection)[], undoable?: boolean): void;
328
- /**
329
- * Sends to back the passed items.
330
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
331
- * @param {boolean} By default the action is undoable.
332
- */
333
- bringToBack(items: Shape | Connection | (Shape | Connection)[], undoable?: boolean): void;
334
- /**
335
- * Bring into view the passed item(s) or rectangle.
336
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
337
- * @param {DiagramAlignOptions} controls the position of the calculated rectangle relative to the viewport.
338
- * "Center middle" will position the items in the center. animate - controls if the pan should be animated.
339
- */
340
- bringIntoView(item: Shape | Connection | (Shape | Connection)[] | Rect, options?: BringIntoViewOptions): void;
341
- /**
342
- * Aligns shapes in the specified direction.
343
- * @param {Direction} Direction to align shapes.
344
- */
345
- alignShapes(direction: Direction): void;
346
- /**
347
- * @hidden
348
- * Pans the Diagram.
349
- * @param {Point} Pan coordinates.
350
- * @param {boolean} Whether to animate the pan.
351
- * @returns {Point} Current pan position.
352
- */
353
- pan(pan: Point, animate?: boolean): Point;
354
- /**
355
- * Gets the current `Diagram` viewport rectangle.
356
- * @returns {Rect} Viewport rectangle.
357
- */
358
- viewport(): Rect;
359
- /**
360
- * Copies selected items to clipboard.
361
- */
362
- copy(): void;
363
- /**
364
- * @hidden
365
- * Cuts selected items to clipboard.
366
- */
367
- cut(): void;
368
- /**
369
- * Pastes items from clipboard.
370
- */
371
- paste(): void;
372
- /**
373
- * Gets the bounding rectangle of the given items.
374
- * @param {Shape | Connection | (Shape | Connection)[]} Shape, Connection or an Array of Shapes and/or Connections.
375
- * @param {boolean} Pass 'true' if you need to get the bounding box of the shapes without their rotation offset.
376
- * @returns {Rect} Bounding rectangle.
377
- */
378
- boundingBox(items: Shape | Connection | (Shape | Connection)[], origin?: boolean): Rect;
379
- /**
380
- * Converts document coordinates to view coordinates.
381
- * @param {Point} Point in document coordinates.
382
- * @returns {Point} Point in view coordinates.
383
- */
384
- documentToView(point: Point): Point;
385
- /**
386
- * Converts view coordinates to document coordinates.
387
- * @param {Point} Point in view coordinates.
388
- * @returns {Point} Point in document coordinates.
389
- */
390
- viewToDocument(point: Point): Point;
391
- /**
392
- * Converts view coordinates to model coordinates.
393
- * @param {Point} Point in view coordinates.
394
- * @returns {Point} Point in model coordinates.
395
- */
396
- viewToModel(point: Point): any;
397
- /**
398
- * Converts model coordinates to view coordinates.
399
- * @param {Point} Point in model coordinates.
400
- * @returns {Point} Point in view coordinates.
401
- */
402
- modelToView(point: Point): any;
403
- /**
404
- * Converts model coordinates to layer coordinates.
405
- * @param {Point} Point in model coordinates.
406
- * @returns {Point} Point in layer coordinates.
407
- */
408
- modelToLayer(point: Point): any;
409
- /**
410
- * Converts layer coordinates to model coordinates.
411
- * @param {Point} Point in layer coordinates.
412
- * @returns {Point} Point in model coordinates.
413
- */
414
- layerToModel(point: Point): any;
415
- /**
416
- * Converts document coordinates to model coordinates.
417
- * @param {Point} Point in document coordinates.
418
- * @returns {Point} Point in model coordinates.
419
- */
420
- documentToModel(point: Point): any;
421
- /**
422
- * Converts model coordinates to document coordinates.
423
- * @param {Point} Point in model coordinates.
424
- * @returns {Point} Point in document coordinates.
425
- */
426
- modelToDocument(point: Point): Point;
427
- /**
428
- * Gets a shape on the basis of its identifier.
429
- * @param {string} The identifier of a shape.
430
- * @returns {Shape} The shape with the specified ID.
431
- */
432
- getShapeById(id: string): Shape;
433
- /**
434
- * Exports the diagram's DOM visual representation for rendering or export purposes.
435
- * Creates a clipped group containing the canvas content with proper transformations.
436
- * @returns {Group} A drawing Group element containing the exported DOM visual
437
- */
438
- exportDOMVisual(): Group;
439
- /**
440
- * Exports the diagram's visual representation with proper scaling based on zoom level.
441
- * Creates a scaled group containing the main layer content.
442
- * @returns {Group} A drawing Group element containing the exported visual with inverse zoom scaling
443
- */
444
- exportVisual(): Group;
445
- /**
446
- * Handles the tooltipShow event from the diagram widget.
447
- */
448
- private handleTooltipShow;
449
- private showTooltip;
450
- private popupClass;
451
- private setCustomTemplate;
452
- /**
453
- * Handles the tooltipHide event from the diagram widget.
454
- */
455
- private handleTooltipHide;
456
- /**
457
- * Hides the current tooltip and cleans up resources.
458
- */
459
- private hideTooltip;
460
- protected activeEmitter(name: string): any;
461
- /**
462
- * Binds event handlers to the diagram widget.
463
- */
464
- private bindDiagramEvents;
465
- /**
466
- * Converts user data to Diagram model format using field mappings.
467
- */
468
- private convertUserData;
469
- private addDataItemProperty;
470
- /**
471
- * Creates field mapping configuration from model fields.
472
- */
473
- private createFieldMapping;
474
- private init;
475
- private updateOptions;
476
- private loadOptions;
477
- private getNormalizedNavigationOptions;
478
- static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
479
- static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "kendo-diagram", ["kendoDiagram"], { "connectionDefaults": { "alias": "connectionDefaults"; "required": false; }; "connections": { "alias": "connections"; "required": false; }; "connectionModelFields": { "alias": "connectionModelFields"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "pannable": { "alias": "pannable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "shapeDefaults": { "alias": "shapeDefaults"; "required": false; }; "shapes": { "alias": "shapes"; "required": false; }; "shapeModelFields": { "alias": "shapeModelFields"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomMax": { "alias": "zoomMax"; "required": false; }; "zoomMin": { "alias": "zoomMin"; "required": false; }; "zoomRate": { "alias": "zoomRate"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "change": "change"; "diagramClick": "diagramClick"; "drag": "drag"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "shapeBoundsChange": "shapeBoundsChange"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "onPan": "pan"; "onSelect": "select"; "zoomEnd": "zoomEnd"; "zoomStart": "zoomStart"; "tooltipShow": "tooltipShow"; "tooltipHide": "tooltipHide"; }, ["shapeTooltipTemplate", "connectionTooltipTemplate"], never, true, never>;
480
- }
@@ -1,44 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./diagram.component";
7
- import * as i2 from "./shape-tooltip-template.directive";
8
- import * as i3 from "./connection-tooltip-template.directive";
9
- /**
10
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
11
- * definition for the Diagram component.
12
- *
13
- * @example
14
- *
15
- * ```ts-no-run
16
- * // Import the Diagram module
17
- * import { DiagramModule } from '@progress/kendo-angular-diagrams';
18
- *
19
- * // The browser platform with a compiler
20
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
21
- *
22
- * import { NgModule } from '@angular/core';
23
- *
24
- * // Import the app component
25
- * import { AppComponent } from './app.component';
26
- *
27
- * // Define the app module
28
- * _@NgModule({
29
- * declarations: [AppComponent],
30
- * imports: [BrowserModule, DiagramModule],
31
- * bootstrap: [AppComponent]
32
- * })
33
- * export class AppModule {}
34
- *
35
- * // Compile and launch the module
36
- * platformBrowserDynamic().bootstrapModule(AppModule);
37
- *
38
- * ```
39
- */
40
- export declare class DiagramModule {
41
- static ɵfac: i0.ɵɵFactoryDeclaration<DiagramModule, never>;
42
- static ɵmod: i0.ɵɵNgModuleDeclaration<DiagramModule, never, [typeof i1.DiagramComponent, typeof i2.ShapeTooltipTemplateDirective, typeof i3.ConnectionTooltipTemplateDirective], [typeof i1.DiagramComponent, typeof i2.ShapeTooltipTemplateDirective, typeof i3.ConnectionTooltipTemplateDirective]>;
43
- static ɵinj: i0.ɵɵInjectorDeclaration<DiagramModule>;
44
- }
package/directives.d.ts DELETED
@@ -1,27 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { DiagramComponent } from "./diagram.component";
6
- import { ConnectionTooltipTemplateDirective } from "./connection-tooltip-template.directive";
7
- import { ShapeTooltipTemplateDirective } from "./shape-tooltip-template.directive";
8
- /**
9
- * Represents the utility array that that contains all `Diagram`-related components and directives.
10
- *
11
- * Use `KENDO_DIAGRAM` to import all Diagram components and directives at once.
12
- *
13
- * @example
14
- * ```typescript
15
- * import { Component } from '@angular/core';
16
- * import { KENDO_DIAGRAM } from '@progress/kendo-angular-diagrams';
17
- *
18
- * @Component({
19
- * selector: 'my-diagram-app',
20
- * standalone: true,
21
- * imports: [KENDO_DIAGRAM],
22
- * template: `...`
23
- * })
24
- * export class DiagramAppComponent {}
25
- * ```
26
- */
27
- export declare const KENDO_DIAGRAM: readonly [typeof DiagramComponent, typeof ShapeTooltipTemplateDirective, typeof ConnectionTooltipTemplateDirective];