@progress/kendo-angular-utils 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.
Files changed (39) hide show
  1. package/fesm2022/progress-kendo-angular-utils.mjs +37 -37
  2. package/index.d.ts +1093 -13
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +8 -8
  5. package/adaptive-breakpoints/adaptive-settings.d.ts +0 -21
  6. package/adaptive-breakpoints/adaptive-settings.service.d.ts +0 -24
  7. package/adaptive-breakpoints/adaptive.service.d.ts +0 -57
  8. package/adaptive-breakpoints/index.d.ts +0 -9
  9. package/adaptive-breakpoints/models/adaptive-settings.d.ts +0 -24
  10. package/adaptive-breakpoints/models/adaptive-size.d.ts +0 -9
  11. package/directives.d.ts +0 -36
  12. package/drag-and-drop/drag-state.service.d.ts +0 -58
  13. package/drag-and-drop/draghandle.directive.d.ts +0 -31
  14. package/drag-and-drop/dragtarget-container.directive.d.ts +0 -179
  15. package/drag-and-drop/dragtarget.directive.d.ts +0 -149
  16. package/drag-and-drop/droptarget-container.directive.d.ts +0 -88
  17. package/drag-and-drop/droptarget.directive.d.ts +0 -65
  18. package/drag-and-drop/events/drag-target/drag-event.d.ts +0 -46
  19. package/drag-and-drop/events/drag-target/dragready-event.d.ts +0 -31
  20. package/drag-and-drop/events/drag-target/end-event.d.ts +0 -41
  21. package/drag-and-drop/events/drag-target/index.d.ts +0 -10
  22. package/drag-and-drop/events/drag-target/press-event.d.ts +0 -41
  23. package/drag-and-drop/events/drag-target/release-event.d.ts +0 -41
  24. package/drag-and-drop/events/drag-target/start-event.d.ts +0 -42
  25. package/drag-and-drop/events/drop-target-event.d.ts +0 -48
  26. package/drag-and-drop/events/index.d.ts +0 -6
  27. package/drag-and-drop/hint.component.d.ts +0 -21
  28. package/drag-and-drop/models/autoscroll-options.d.ts +0 -23
  29. package/drag-and-drop/models/coordinates.d.ts +0 -11
  30. package/drag-and-drop/models/drag-axis.d.ts +0 -8
  31. package/drag-and-drop/models/drag-mode.d.ts +0 -8
  32. package/drag-and-drop/models/functions.d.ts +0 -45
  33. package/drag-and-drop/models/hint-settings.d.ts +0 -22
  34. package/drag-and-drop/models/index.d.ts +0 -11
  35. package/drag-and-drop/models/scroll-direction.d.ts +0 -11
  36. package/drag-and-drop/util.d.ts +0 -34
  37. package/drag-and-drop.module.d.ts +0 -35
  38. package/package-metadata.d.ts +0 -9
  39. package/utils.module.d.ts +0 -35
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1783511359,
11
- "version": "24.2.2",
10
+ "publishDate": 1783679761,
11
+ "version": "25.0.0-develop.1",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-utils",
3
- "version": "24.2.2",
3
+ "version": "25.0.0-develop.1",
4
4
  "description": "Kendo UI Angular utils component",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -19,22 +19,22 @@
19
19
  "package": {
20
20
  "productName": "Kendo UI for Angular",
21
21
  "productCode": "KENDOUIANGULAR",
22
- "publishDate": 1783511359,
22
+ "publishDate": 1783679761,
23
23
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
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",
32
+ "@progress/kendo-angular-common": "25.0.0-develop.1",
33
33
  "rxjs": "^6.5.3 || ^7.0.0"
34
34
  },
35
35
  "dependencies": {
36
36
  "tslib": "^2.3.1",
37
- "@progress/kendo-angular-schematics": "24.2.2",
37
+ "@progress/kendo-angular-schematics": "25.0.0-develop.1",
38
38
  "@progress/kendo-draggable-common": "^0.2.3"
39
39
  },
40
40
  "schematics": "./schematics/collection.json",
@@ -1,21 +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 { InjectionToken } from '@angular/core';
6
- import { AdaptiveSettings } from './models/adaptive-settings';
7
- /**
8
- * A token that specifies the `AdaptiveSettings` for Kendo UI for Angular components.
9
- *
10
- * @example
11
- * ```ts
12
- * import { NgModule } from '@angular/core';
13
- *
14
- * @NgModule({
15
- * ...,
16
- * providers: [{ provide: ADAPTIVE_SETTINGS, useValue: { small: 400, medium: 600 } }]
17
- * })
18
- * export class AppModule {}
19
- * ```
20
- */
21
- export declare const ADAPTIVE_SETTINGS: InjectionToken<AdaptiveSettings>;
@@ -1,24 +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 { Subject } from 'rxjs';
6
- import { AdaptiveSettings } from './models/adaptive-settings';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * A service that lets you change the current adaptive settings dynamically. Use the public `notify` method to update the settings. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/adaptive-settings#changing-the-adaptive-settings-dynamically).
10
- */
11
- export declare class AdaptiveSettingsService {
12
- /**
13
- * @hidden
14
- */
15
- readonly changes: Subject<AdaptiveSettings>;
16
- /**
17
- * Notifies subscribers that the adaptive settings have changed.
18
- *
19
- * @param adaptiveSettings - (Optional) A new value for the adaptive settings token.
20
- */
21
- notify(adaptiveSettings?: AdaptiveSettings): void;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveSettingsService, never>;
23
- static ɵprov: i0.ɵɵInjectableDeclaration<AdaptiveSettingsService>;
24
- }
@@ -1,57 +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 { NgZone, OnDestroy } from '@angular/core';
6
- import { Subject } from 'rxjs';
7
- import { AdaptiveSettings } from './models/adaptive-settings';
8
- import { AdaptiveSettingsService } from './adaptive-settings.service';
9
- import { AdaptiveSize } from './models/adaptive-size';
10
- import * as i0 from "@angular/core";
11
- /**
12
- * The service responsible for handling changes in adaptive settings. Add it to the providers array when using adaptive breakpoints in a standalone component.
13
- *
14
- * @example
15
- * ```ts
16
- * import { AdaptiveService } from '@progress/kendo-angular-utils';
17
- *
18
- * @Component({
19
- * selector: 'my-component',
20
- * standalone: true,
21
- * providers: [AdaptiveService, { provide: ADAPTIVE_SETTINGS, useValue: { small: 300 } }],
22
- * template: '...'
23
- * })
24
- * export class AppComponent {}
25
- * ```
26
- */
27
- export declare class AdaptiveService implements OnDestroy {
28
- private _adaptiveSettings;
29
- private zone;
30
- /**
31
- * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
32
- * @hidden
33
- */
34
- readonly changes: Subject<AdaptiveSettings>;
35
- /**
36
- * Notifies subscribers when the window size changes to any of small, medium, or large depending on the set adaptive size breakpoints.
37
- * @hidden
38
- */
39
- readonly sizeChanges: Subject<AdaptiveSize>;
40
- private subs;
41
- private previousSize;
42
- /**
43
- * @hidden
44
- */
45
- constructor(_adaptiveSettings: AdaptiveSettings, adaptiveSettingsService: AdaptiveSettingsService, zone: NgZone);
46
- /**
47
- * @hidden
48
- */
49
- get adaptiveSettings(): AdaptiveSettings;
50
- /**
51
- * @hidden
52
- */
53
- get size(): AdaptiveSize;
54
- ngOnDestroy(): void;
55
- static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveService, [{ optional: true; }, { optional: true; }, null]>;
56
- static ɵprov: i0.ɵɵInjectableDeclaration<AdaptiveService>;
57
- }
@@ -1,9 +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
- export { AdaptiveService } from './adaptive.service';
6
- export { AdaptiveSettings } from './models/adaptive-settings';
7
- export { ADAPTIVE_SETTINGS } from './adaptive-settings';
8
- export { AdaptiveSize } from './models/adaptive-size';
9
- export { AdaptiveSettingsService } from './adaptive-settings.service';
@@ -1,24 +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
- /**
6
- * Represents the adaptive settings for Kendo UI for Angular components.
7
- *
8
- * Allows customization of adaptive breakpoints to ensure optimal rendering
9
- * across different screen resolutions and device types.
10
- */
11
- export interface AdaptiveSettings {
12
- /**
13
- * Sets the screen width in pixels up to which the component renders a full-screen modal.
14
- *
15
- * @default 500
16
- */
17
- small?: number;
18
- /**
19
- * Sets the screen width in pixels up to which the component renders a docked-to-bottom modal. Uses the `small` adaptive breakpoint as a lower boundary.
20
- *
21
- * @default 768
22
- */
23
- medium?: number;
24
- }
@@ -1,9 +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
- /**
6
- * Specifies the possible adaptive size options based on the window width in pixels.
7
- * @hidden
8
- */
9
- export type AdaptiveSize = 'small' | 'medium' | 'large';
package/directives.d.ts DELETED
@@ -1,36 +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 { DragHandleDirective } from "./drag-and-drop/draghandle.directive";
6
- import { DragTargetContainerDirective } from "./drag-and-drop/dragtarget-container.directive";
7
- import { DragTargetDirective } from "./drag-and-drop/dragtarget.directive";
8
- import { DropTargetContainerDirective } from "./drag-and-drop/droptarget-container.directive";
9
- import { DropTargetDirective } from "./drag-and-drop/droptarget.directive";
10
- import { HintComponent } from "./drag-and-drop/hint.component";
11
- /**
12
- * Use this utility array to access all Drag and Drop-related components and directives in a standalone Angular component.
13
- *
14
- * @example
15
- * ```typescript
16
- * import { Component } from '@angular/core';
17
- * import { KENDO_DRAGANDDROP } from '@progress/kendo-angular-utils';
18
- *
19
- * @Component({
20
- * selector: 'my-app',
21
- * standalone: true,
22
- * imports: [KENDO_DRAGANDDROP],
23
- * template: `
24
- * <div kendoDragTarget>Drag me</div>
25
- * <div kendoDropTarget>Drop here</div>
26
- * `
27
- * })
28
- * export class AppComponent {}
29
- * ```
30
- */
31
- export declare const KENDO_DRAGANDDROP: readonly [typeof DragTargetDirective, typeof DragHandleDirective, typeof DropTargetDirective, typeof DragTargetContainerDirective, typeof DropTargetContainerDirective, typeof HintComponent];
32
- /**
33
- * Use this utility array to access all `@progress/kendo-angular-utils`-related components and directives in a standalone Angular component.
34
- * > Currently, `KENDO_UTILS` includes only the `KENDO_DRAGANDDROP` utility array and their usage is equivalent.
35
- */
36
- export declare const KENDO_UTILS: readonly [typeof DragTargetDirective, typeof DragHandleDirective, typeof DropTargetDirective, typeof DragTargetContainerDirective, typeof DropTargetContainerDirective, typeof HintComponent];
@@ -1,58 +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 { OnDestroy } from '@angular/core';
6
- import { DragTarget, DropTarget, DragAndDropState, DragAndDropAction } from '@progress/kendo-draggable-common';
7
- import { DragTargetDirective } from './dragtarget.directive';
8
- import { Coordinates } from './models/index';
9
- import { ScrollDirection } from './models';
10
- import * as i0 from "@angular/core";
11
- /**
12
- * @hidden
13
- */
14
- export declare class DragStateService implements OnDestroy {
15
- constructor();
16
- dragTarget: DragTarget | null;
17
- dropTarget: DropTarget | null;
18
- dragTargets: DragTarget[];
19
- dropTargets: DropTarget[];
20
- pressed: boolean;
21
- ignoreMouse: boolean;
22
- autoScroll: boolean;
23
- isScrolling: boolean;
24
- scrollableParent: HTMLElement | null;
25
- autoScrollDirection: ScrollDirection;
26
- initialClientOffset: Coordinates;
27
- clientOffset: Coordinates;
28
- initialScrollOffset: Coordinates;
29
- scrollOffset: Coordinates;
30
- offset: Coordinates;
31
- pageOffset: Coordinates;
32
- velocity: Coordinates;
33
- dragTargetDirective: DragTargetDirective;
34
- state: DragAndDropState;
35
- dragIndex: number;
36
- dropIndex: number;
37
- dragData: any;
38
- dragTargetId: any;
39
- private callbacks;
40
- private scrollInterval;
41
- handleDragAndDrop(action: DragAndDropAction): void;
42
- setPressed(pressed: boolean): void;
43
- setScrolling(isScrolling: boolean): void;
44
- setVelocity(velocity: Coordinates): void;
45
- setOffset(offset: Coordinates): void;
46
- setClientOffset(clientOffset: Coordinates): void;
47
- setPageOffset(pageOffset: Coordinates): void;
48
- setInitialClientOffset(initialClientOffset: Coordinates): void;
49
- setScrollOffset(scrollOffset: Coordinates): void;
50
- setInitialScrollOffset(initialScrollOffset: Coordinates): void;
51
- get dragTargetPresent(): boolean;
52
- get dropTargetPresent(): boolean;
53
- private updateState;
54
- private setCallbacks;
55
- ngOnDestroy(): void;
56
- static ɵfac: i0.ɵɵFactoryDeclaration<DragStateService, never>;
57
- static ɵprov: i0.ɵɵInjectableDeclaration<DragStateService>;
58
- }
@@ -1,31 +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 { ElementRef } from "@angular/core";
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents the Kendo UI DragHandle directive for Angular.
9
- * Use this directive to specify an element inside a drag target as a handle for dragging instead of the drag target itself.
10
- *
11
- * ```html
12
- * <div kendoDragTarget>
13
- * <button kendoDragHandle kendoButton>
14
- * Drag me
15
- * </button>
16
- * </div>
17
- * ```
18
- */
19
- export declare class DragHandleDirective {
20
- element: ElementRef;
21
- touchActionStyle: string;
22
- /**
23
- * Sets the cursor style of the drag handle. Accepts same values as the [CSS `cursor` property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#values).
24
- *
25
- * @default 'move'
26
- */
27
- cursorStyle: string;
28
- constructor(element: ElementRef);
29
- static ɵfac: i0.ɵɵFactoryDeclaration<DragHandleDirective, never>;
30
- static ɵdir: i0.ɵɵDirectiveDeclaration<DragHandleDirective, "[kendoDragHandle]", ["kendoDragHandle"], { "cursorStyle": { "alias": "cursorStyle"; "required": false; }; }, {}, never, never, true, never>;
31
- }
@@ -1,179 +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, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2, ViewContainerRef } from '@angular/core';
6
- import { DragStateService } from './drag-state.service';
7
- import { DragMode, DragTargetDataFn, HintSettings } from './models';
8
- import { DragTargetIdFn } from './models/functions';
9
- import { DragTargetDragEndEvent, DragTargetDragEvent, DragTargetDragReadyEvent, DragTargetDragStartEvent, DragTargetPressEvent, DragTargetReleaseEvent } from './events/drag-target';
10
- import * as i0 from "@angular/core";
11
- /**
12
- * Represents the [Kendo UI DragTargetContainer directive for Angular](https://www.telerik.com/kendo-angular-ui/components/utils/api/dragtargetcontainerdirective).
13
- * Use this directive to make multiple elements draggable inside a container.
14
- *
15
- * @example
16
- * ```html
17
- * <ul kendoDragTargetContainer dragTargetFilter=".my-draggable">
18
- * <li class="my-draggable"> Item 1</li>
19
- * <li class="my-draggable"> Item 2</li>
20
- * <li class="my-draggable"> Item 3</li>
21
- * </ul>
22
- * ```
23
- */
24
- export declare class DragTargetContainerDirective implements AfterViewInit, OnDestroy {
25
- wrapper: ElementRef;
26
- ngZone: NgZone;
27
- private renderer;
28
- private service;
29
- private viewContainer;
30
- private cdr;
31
- /**
32
- * Defines whether a hint will be used for dragging. By default, the hint is a copy of the current drag target. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/hint).
33
- *
34
- * @default false
35
- */
36
- hint: boolean | HintSettings;
37
- /**
38
- * Sets a selector for elements in the container to make them draggable. The possible values include any
39
- * DOM `selector`. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/drag-container).
40
- */
41
- set dragTargetFilter(value: string);
42
- get dragTargetFilter(): string;
43
- /**
44
- * Sets a selector for elements inside each drag target to use as drag handles.
45
- */
46
- dragHandle: string;
47
- /**
48
- * Sets the delay in milliseconds before dragging begins. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/drag-container#events).
49
- *
50
- * @default 0
51
- */
52
- dragDelay: number;
53
- /**
54
- * Sets the number of pixels the pointer must move before dragging starts. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/threshold).
55
- *
56
- * @default 0
57
- */
58
- threshold: number;
59
- /**
60
- * Sets a unique identifier for each drag target.
61
- * It exposes the current drag target HTML element and its index in the collection of drag targets as arguments.
62
- */
63
- set dragTargetId(fn: DragTargetIdFn);
64
- get dragTargetId(): DragTargetIdFn;
65
- /**
66
- * Sets a callback function to return custom data for `DropTarget` events.
67
- * It exposes the current `DragTarget` HTML element, its `dragTargetId`, and its index in the collection of drag targets as arguments.
68
- */
69
- set dragData(fn: DragTargetDataFn);
70
- get dragData(): DragTargetDataFn;
71
- /**
72
- * Disables dragging of drag targets in the container when set to `true`.
73
- *
74
- * @default false
75
- */
76
- set dragDisabled(value: boolean);
77
- get dragDisabled(): boolean;
78
- /**
79
- * Sets whether to use the default dragging behavior or handle it manually.
80
- *
81
- * @default 'auto'
82
- */
83
- mode: DragMode;
84
- /**
85
- * Sets the cursor style of the drag targets. Accepts same values as the [CSS `cursor` property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#values).
86
- *
87
- * @default 'move'
88
- */
89
- cursorStyle: string;
90
- /**
91
- * @hidden
92
- */
93
- hintContext: any;
94
- /**
95
- * Fires when a drag target's `dragDelay` has passed and the user can drag the element.
96
- */
97
- onDragReady: EventEmitter<DragTargetDragReadyEvent>;
98
- /**
99
- * Fires when the user presses a drag target element.
100
- */
101
- onPress: EventEmitter<DragTargetPressEvent>;
102
- /**
103
- * Fires when dragging of a drag target element begins.
104
- */
105
- onDragStart: EventEmitter<DragTargetDragStartEvent>;
106
- /**
107
- * Fires while the user drags a drag target element.
108
- */
109
- onDrag: EventEmitter<DragTargetDragEvent>;
110
- /**
111
- * Fires when the user releases a drag target element after pressing it.
112
- */
113
- onRelease: EventEmitter<DragTargetReleaseEvent>;
114
- /**
115
- * Fires when dragging of a drag target ends and the element is released.
116
- */
117
- onDragEnd: EventEmitter<DragTargetDragEndEvent>;
118
- /**
119
- * Notifies the `DragTargetContainer` that its content has changed.
120
- */
121
- notify(): void;
122
- private currentDragTarget;
123
- private dragTimeout;
124
- private pressed;
125
- private dragStarted;
126
- private hintComponent;
127
- private defaultHint;
128
- private currentDragTargetElement;
129
- private scrollableParent;
130
- private previousDragTargets;
131
- private initialPosition;
132
- private position;
133
- private positionsMap;
134
- private _dragTargetFilter;
135
- private _dragDisabled;
136
- private _dragData;
137
- private _dragTargetId;
138
- private prevUserSelect;
139
- private get allDragTargets();
140
- private get dragHandles();
141
- private get hintTemplate();
142
- constructor(wrapper: ElementRef, ngZone: NgZone, renderer: Renderer2, service: DragStateService, viewContainer: ViewContainerRef, cdr: ChangeDetectorRef);
143
- ngAfterViewInit(): void;
144
- ngOnDestroy(): void;
145
- private onPointerDown;
146
- private onTouchStart;
147
- private onPointerMove;
148
- private onTouchMove;
149
- private onPointerUp;
150
- private onContextMenu;
151
- private onNativeDragStart;
152
- private handlePress;
153
- private handleDragStart;
154
- private handleDrag;
155
- private handleRelease;
156
- private handleDragEnd;
157
- private get nativeElement();
158
- private get hintElem();
159
- private removeListeners;
160
- private get supportPointerEvent();
161
- private subscribe;
162
- private emitZoneAwareEvent;
163
- private createHint;
164
- private createDefaultHint;
165
- private createCustomHint;
166
- private destroyHint;
167
- private getDragIndex;
168
- private initializeDragTargets;
169
- private isDragHandle;
170
- private get isHandleSelectorValid();
171
- private setTargetStyles;
172
- private queryHost;
173
- private clearPreviousTargets;
174
- private performDrag;
175
- private calculatePosition;
176
- private getStylesPerElement;
177
- static ɵfac: i0.ɵɵFactoryDeclaration<DragTargetContainerDirective, never>;
178
- static ɵdir: i0.ɵɵDirectiveDeclaration<DragTargetContainerDirective, "[kendoDragTargetContainer]", ["kendoDragTargetContainer"], { "hint": { "alias": "hint"; "required": false; }; "dragTargetFilter": { "alias": "dragTargetFilter"; "required": false; }; "dragHandle": { "alias": "dragHandle"; "required": false; }; "dragDelay": { "alias": "dragDelay"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "dragTargetId": { "alias": "dragTargetId"; "required": false; }; "dragData": { "alias": "dragData"; "required": false; }; "dragDisabled": { "alias": "dragDisabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "cursorStyle": { "alias": "cursorStyle"; "required": false; }; "hintContext": { "alias": "hintContext"; "required": false; }; }, { "onDragReady": "onDragReady"; "onPress": "onPress"; "onDragStart": "onDragStart"; "onDrag": "onDrag"; "onRelease": "onRelease"; "onDragEnd": "onDragEnd"; }, never, never, true, never>;
179
- }
@@ -1,149 +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 { EventEmitter, AfterContentInit, ElementRef, Renderer2, NgZone, OnInit, OnDestroy, QueryList, ViewContainerRef } from "@angular/core";
6
- import { DragHandleDirective } from "./draghandle.directive";
7
- import { DragStateService } from "./drag-state.service";
8
- import { AutoScrollOptions, DragTargetDataFn, HintSettings, DragAxis, DragMode } from './models';
9
- import { DragTargetIdFn } from "./models/functions";
10
- import { DragTargetDragEndEvent, DragTargetDragEvent, DragTargetDragStartEvent, DragTargetPressEvent } from "./events/drag-target";
11
- import { DragTargetReleaseEvent } from "./events/drag-target/release-event";
12
- import { DragTargetDragReadyEvent } from "./events/drag-target/dragready-event";
13
- import * as i0 from "@angular/core";
14
- /**
15
- * Represents the Kendo UI DragTarget directive for Angular.
16
- * Use this directive to make an element draggable.
17
- */
18
- export declare class DragTargetDirective implements OnInit, AfterContentInit, OnDestroy {
19
- private element;
20
- private renderer;
21
- private ngZone;
22
- private service;
23
- private viewContainer;
24
- get touchActionStyle(): string;
25
- /**
26
- * Defines whether a hint will be used for dragging. By default, the hint is a copy of the drag target. ([see example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/hint)).
27
- *
28
- * @default false
29
- */
30
- hint: boolean | HintSettings;
31
- /**
32
- * Sets the number of pixels the pointer must move before dragging starts. Applies when `manualDrag` is `false`. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/threshold).
33
- *
34
- * @default 0
35
- */
36
- threshold: number;
37
- /**
38
- * Sets the automatic container scrolling behavior when close to the edge. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/autoscroll).
39
- *
40
- * @default true
41
- */
42
- autoScroll: boolean | AutoScrollOptions;
43
- /**
44
- * Sets a unique identifier for the drag target.
45
- */
46
- dragTargetId: string | DragTargetIdFn;
47
- /**
48
- * Sets the delay in milliseconds before dragging begins. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/delay).
49
- *
50
- * @default 0
51
- */
52
- dragDelay: number;
53
- /**
54
- * Restricts dragging to horizontal or vertical only. Applies when `mode` is `auto`. [See example](https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/axis).
55
- */
56
- restrictByAxis: DragAxis;
57
- /**
58
- * Specifies whether to use the default dragging behavior or handle it manually.
59
- *
60
- * @default 'auto'
61
- */
62
- mode: DragMode;
63
- /**
64
- * Defines a callback function used for attaching custom data to the drag target.
65
- * The data is available in the events of the respective [`DropTarget`](https://www.telerik.com/kendo-angular-ui/components/utils/api/droptargetdirective) or [`DropTargetContainer`](https://www.telerik.com/kendo-angular-ui/components/utils/api/droptargetcontainerdirective) directives.
66
- * The current DragTarget HTML element and its `dragTargetId` will be available as arguments.
67
- */
68
- set dragData(fn: DragTargetDataFn);
69
- get dragData(): DragTargetDataFn;
70
- /**
71
- * Sets the cursor style of the drag target. Accepts same values as the [CSS `cursor` property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#values).
72
- *
73
- * @default 'move'
74
- */
75
- cursorStyle: string;
76
- /**
77
- * Fires when the user presses the drag target element.
78
- */
79
- onPress: EventEmitter<DragTargetPressEvent>;
80
- /**
81
- * Fires when dragging of the drag target element begins.
82
- */
83
- onDragStart: EventEmitter<DragTargetDragStartEvent>;
84
- /**
85
- * Fires while the user drags the drag target element.
86
- */
87
- onDrag: EventEmitter<DragTargetDragEvent>;
88
- /**
89
- * Fires when the drag target's `dragDelay` has passed and the user can drag the element.
90
- */
91
- onDragReady: EventEmitter<DragTargetDragReadyEvent>;
92
- /**
93
- * Fires when `DragTarget` is released, either by dropping it on a drop target or by releasing the mouse button.
94
- */
95
- onRelease: EventEmitter<DragTargetReleaseEvent>;
96
- /**
97
- * Fires when dragging of the drag target ends and the element is released.
98
- */
99
- onDragEnd: EventEmitter<DragTargetDragEndEvent>;
100
- private dragTarget;
101
- private hintComponent;
102
- private dragStarted;
103
- private pressed;
104
- private dragReady;
105
- private dragTimeout;
106
- private initialPosition;
107
- private position;
108
- private scrollableParent;
109
- private defaultHint;
110
- private _dragData;
111
- private prevUserSelect;
112
- private get hintTemplate();
113
- private get nativeElement();
114
- private get hintElem();
115
- private onPointerDown;
116
- private onTouchStart;
117
- private onPointerMove;
118
- private onTouchMove;
119
- private onPointerUp;
120
- private onContextMenu;
121
- private onNativeDragStart;
122
- dragHandles: QueryList<DragHandleDirective>;
123
- constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone, service: DragStateService, viewContainer: ViewContainerRef);
124
- ngOnInit(): void;
125
- ngAfterContentInit(): void;
126
- ngOnDestroy(): void;
127
- private handlePress;
128
- private handleDragStart;
129
- private handleDrag;
130
- private handleRelease;
131
- private handleDragEnd;
132
- private initializeDragTarget;
133
- private get supportPointerEvent();
134
- private removeListeners;
135
- private attachDomHandlers;
136
- private isDragHandle;
137
- private getAutoScrollContainer;
138
- private createHint;
139
- private createDefaultHint;
140
- private createCustomHint;
141
- private destroyHint;
142
- private emitZoneAwareEvent;
143
- private get dragTargetIdResult();
144
- private performDrag;
145
- private calculatePosition;
146
- private getStylesPerElement;
147
- static ɵfac: i0.ɵɵFactoryDeclaration<DragTargetDirective, never>;
148
- static ɵdir: i0.ɵɵDirectiveDeclaration<DragTargetDirective, "[kendoDragTarget]", ["kendoDragTarget"], { "hint": { "alias": "hint"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "dragTargetId": { "alias": "dragTargetId"; "required": false; }; "dragDelay": { "alias": "dragDelay"; "required": false; }; "restrictByAxis": { "alias": "restrictByAxis"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "dragData": { "alias": "dragData"; "required": false; }; "cursorStyle": { "alias": "cursorStyle"; "required": false; }; }, { "onPress": "onPress"; "onDragStart": "onDragStart"; "onDrag": "onDrag"; "onDragReady": "onDragReady"; "onRelease": "onRelease"; "onDragEnd": "onDragEnd"; }, ["dragHandles"], never, true, never>;
149
- }