@progress/kendo-angular-utils 17.2.1-develop.2 → 17.3.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 (9) hide show
  1. package/drag-and-drop/draghandle.directive.d.ts +8 -3
  2. package/drag-and-drop/dragtarget-container.directive.d.ts +7 -1
  3. package/drag-and-drop/dragtarget.directive.d.ts +7 -1
  4. package/esm2022/drag-and-drop/draghandle.directive.mjs +15 -8
  5. package/esm2022/drag-and-drop/dragtarget-container.directive.mjs +11 -3
  6. package/esm2022/drag-and-drop/dragtarget.directive.mjs +10 -2
  7. package/esm2022/package-metadata.mjs +2 -2
  8. package/fesm2022/progress-kendo-angular-utils.mjs +38 -15
  9. package/package.json +3 -3
package/drag-and-drop/draghandle.directive.d.ts CHANGED
@@ -10,9 +10,14 @@ import * as i0 from "@angular/core";
10
10
  */
11
11
  export declare class DragHandleDirective {
12
12
  element: ElementRef;
13
- constructor(element: ElementRef);
14
- cursorStyle: string;
15
13
  touchActionStyle: string;
14
+ /**
15
+ * Specifies 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).
16
+ *
17
+ * @default 'move'
18
+ */
19
+ cursorStyle: string;
20
+ constructor(element: ElementRef);
16
21
  static ɵfac: i0.ɵɵFactoryDeclaration<DragHandleDirective, never>;
17
- static ɵdir: i0.ɵɵDirectiveDeclaration<DragHandleDirective, "[kendoDragHandle]", ["kendoDragHandle"], {}, {}, never, never, true, never>;
22
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DragHandleDirective, "[kendoDragHandle]", ["kendoDragHandle"], { "cursorStyle": { "alias": "cursorStyle"; "required": false; }; }, {}, never, never, true, never>;
18
23
  }
package/drag-and-drop/dragtarget-container.directive.d.ts CHANGED
@@ -80,6 +80,12 @@ export declare class DragTargetContainerDirective implements AfterViewInit, OnDe
80
80
  * @default 'auto'
81
81
  */
82
82
  mode: DragMode;
83
+ /**
84
+ * Specifies 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).
85
+ *
86
+ * @default 'move'
87
+ */
88
+ cursorStyle: string;
83
89
  /**
84
90
  * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
85
91
  */
@@ -163,5 +169,5 @@ export declare class DragTargetContainerDirective implements AfterViewInit, OnDe
163
169
  private calculatePosition;
164
170
  private getStylesPerElement;
165
171
  static ɵfac: i0.ɵɵFactoryDeclaration<DragTargetContainerDirective, never>;
166
- 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; }; }, { "onDragReady": "onDragReady"; "onPress": "onPress"; "onDragStart": "onDragStart"; "onDrag": "onDrag"; "onRelease": "onRelease"; "onDragEnd": "onDragEnd"; }, never, never, true, never>;
172
+ 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; }; }, { "onDragReady": "onDragReady"; "onPress": "onPress"; "onDragStart": "onDragStart"; "onDrag": "onDrag"; "onRelease": "onRelease"; "onDragEnd": "onDragEnd"; }, never, never, true, never>;
167
173
  }
package/drag-and-drop/dragtarget.directive.d.ts CHANGED
@@ -66,6 +66,12 @@ export declare class DragTargetDirective implements OnInit, AfterContentInit, On
66
66
  */
67
67
  set dragData(fn: DragTargetDataFn);
68
68
  get dragData(): DragTargetDataFn;
69
+ /**
70
+ * Specifies 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).
71
+ *
72
+ * @default 'move'
73
+ */
74
+ cursorStyle: string;
69
75
  /**
70
76
  * Fires when the user presses the DragTarget element.
71
77
  */
@@ -136,5 +142,5 @@ export declare class DragTargetDirective implements OnInit, AfterContentInit, On
136
142
  private calculatePosition;
137
143
  private getStylesPerElement;
138
144
  static ɵfac: i0.ɵɵFactoryDeclaration<DragTargetDirective, never>;
139
- 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; }; }, { "onPress": "onPress"; "onDragStart": "onDragStart"; "onDrag": "onDrag"; "onDragReady": "onDragReady"; "onRelease": "onRelease"; "onDragEnd": "onDragEnd"; }, ["dragHandles"], never, true, never>;
145
+ 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>;
140
146
  }
package/esm2022/drag-and-drop/draghandle.directive.mjs CHANGED
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Directive, ElementRef, HostBinding } from "@angular/core";
5
+ import { Directive, ElementRef, HostBinding, Input } from "@angular/core";
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
8
  * Represents the Kendo UI DragHandle directive for Angular.
@@ -10,13 +10,18 @@ import * as i0 from "@angular/core";
10
10
  */
11
11
  export class DragHandleDirective {
12
12
  element;
13
+ touchActionStyle = 'none';
14
+ /**
15
+ * Specifies 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).
16
+ *
17
+ * @default 'move'
18
+ */
19
+ cursorStyle = 'move';
13
20
  constructor(element) {
14
21
  this.element = element;
15
22
  }
16
- cursorStyle = 'move';
17
- touchActionStyle = 'none';
18
23
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", host: { properties: { "style.cursor": "this.cursorStyle", "style.touch-action": "this.touchActionStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
24
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", inputs: { cursorStyle: "cursorStyle" }, host: { properties: { "style.touch-action": "this.touchActionStyle", "style.cursor": "this.cursorStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
20
25
  }
21
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHandleDirective, decorators: [{
22
27
  type: Directive,
@@ -25,10 +30,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
25
30
  exportAs: 'kendoDragHandle',
26
31
  standalone: true
27
32
  }]
28
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cursorStyle: [{
29
- type: HostBinding,
30
- args: ['style.cursor']
31
- }], touchActionStyle: [{
33
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { touchActionStyle: [{
32
34
  type: HostBinding,
33
35
  args: ['style.touch-action']
36
+ }], cursorStyle: [{
37
+ type: HostBinding,
38
+ args: ['style.cursor']
39
+ }, {
40
+ type: Input
34
41
  }] } });
package/esm2022/drag-and-drop/dragtarget-container.directive.mjs CHANGED
@@ -125,6 +125,12 @@ export class DragTargetContainerDirective {
125
125
  * @default 'auto'
126
126
  */
127
127
  mode = 'auto';
128
+ /**
129
+ * Specifies 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).
130
+ *
131
+ * @default 'move'
132
+ */
133
+ cursorStyle = 'move';
128
134
  /**
129
135
  * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
130
136
  */
@@ -583,14 +589,14 @@ export class DragTargetContainerDirective {
583
589
  if (isPresent(this.dragHandle) && this.dragHandle !== '') {
584
590
  if (isPresent(this.dragHandles) && this.dragHandles.length > 0) {
585
591
  this.dragHandles.forEach(handle => {
586
- this.renderer.setStyle(handle, 'cursor', 'move');
592
+ this.renderer.setStyle(handle, 'cursor', this.cursorStyle);
587
593
  this.renderer.setStyle(handle, 'touch-action', 'none');
588
594
  });
589
595
  }
590
596
  }
591
597
  else {
592
598
  this.allDragTargets.forEach(target => {
593
- this.renderer.setStyle(target, 'cursor', 'move');
599
+ this.renderer.setStyle(target, 'cursor', this.cursorStyle);
594
600
  this.renderer.setStyle(target, 'touch-action', 'none');
595
601
  });
596
602
  }
@@ -646,7 +652,7 @@ export class DragTargetContainerDirective {
646
652
  }
647
653
  }
648
654
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.DragStateService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
649
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetContainerDirective, isStandalone: true, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
655
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetContainerDirective, isStandalone: true, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode", cursorStyle: "cursorStyle" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
650
656
  }
651
657
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
652
658
  type: Directive,
@@ -673,6 +679,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
673
679
  type: Input
674
680
  }], mode: [{
675
681
  type: Input
682
+ }], cursorStyle: [{
683
+ type: Input
676
684
  }], onDragReady: [{
677
685
  type: Output
678
686
  }], onPress: [{
package/esm2022/drag-and-drop/dragtarget.directive.mjs CHANGED
@@ -82,6 +82,12 @@ export class DragTargetDirective {
82
82
  get dragData() {
83
83
  return this._dragData;
84
84
  }
85
+ /**
86
+ * Specifies 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).
87
+ *
88
+ * @default 'move'
89
+ */
90
+ cursorStyle = 'move';
85
91
  /**
86
92
  * Fires when the user presses the DragTarget element.
87
93
  */
@@ -185,7 +191,7 @@ export class DragTargetDirective {
185
191
  if (isPresent(this.element) || isPresent(this.dragTarget)) {
186
192
  this.attachDomHandlers();
187
193
  if (!this.dragHandles.length) {
188
- this.renderer.setStyle(this.nativeElement, 'cursor', 'move');
194
+ this.renderer.setStyle(this.nativeElement, 'cursor', this.cursorStyle);
189
195
  }
190
196
  }
191
197
  this.service.dragTargets.push(this.dragTarget);
@@ -528,7 +534,7 @@ export class DragTargetDirective {
528
534
  }
529
535
  }
530
536
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.DragStateService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
531
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetDirective, isStandalone: true, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData" }, outputs: { onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onDragReady: "onDragReady", onRelease: "onRelease", onDragEnd: "onDragEnd" }, host: { properties: { "style.touch-action": "this.touchActionStyle" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
537
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetDirective, isStandalone: true, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData", cursorStyle: "cursorStyle" }, outputs: { onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onDragReady: "onDragReady", onRelease: "onRelease", onDragEnd: "onDragEnd" }, host: { properties: { "style.touch-action": "this.touchActionStyle" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
532
538
  }
533
539
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetDirective, decorators: [{
534
540
  type: Directive,
@@ -556,6 +562,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
556
562
  type: Input
557
563
  }], dragData: [{
558
564
  type: Input
565
+ }], cursorStyle: [{
566
+ type: Input
559
567
  }], onPress: [{
560
568
  type: Output
561
569
  }], onDragStart: [{
package/esm2022/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-utils',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1736177375,
13
- version: '17.2.1-develop.2',
12
+ publishDate: 1736179151,
13
+ version: '17.3.0-develop.1',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2022/progress-kendo-angular-utils.mjs CHANGED
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as i0 from '@angular/core';
6
- import { Directive, HostBinding, Injectable, Component, Input, isDevMode, EventEmitter, Output, ContentChildren, NgModule, InjectionToken, Optional, Inject } from '@angular/core';
6
+ import { Directive, HostBinding, Input, Injectable, Component, isDevMode, EventEmitter, Output, ContentChildren, NgModule, InjectionToken, Optional, Inject } from '@angular/core';
7
7
  import { validatePackage } from '@progress/kendo-licensing';
8
8
  import { dispatchDragAndDrop, getScrollableParent, autoScroll } from '@progress/kendo-draggable-common';
9
9
  import { PreventableEvent, contains, isDocumentAvailable, parseCSSClassNames, isPresent as isPresent$1, areObjectsEqual } from '@progress/kendo-angular-common';
@@ -17,13 +17,18 @@ import { map, tap } from 'rxjs/operators';
17
17
  */
18
18
  class DragHandleDirective {
19
19
  element;
20
+ touchActionStyle = 'none';
21
+ /**
22
+ * Specifies 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).
23
+ *
24
+ * @default 'move'
25
+ */
26
+ cursorStyle = 'move';
20
27
  constructor(element) {
21
28
  this.element = element;
22
29
  }
23
- cursorStyle = 'move';
24
- touchActionStyle = 'none';
25
30
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
26
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", host: { properties: { "style.cursor": "this.cursorStyle", "style.touch-action": "this.touchActionStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
31
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", inputs: { cursorStyle: "cursorStyle" }, host: { properties: { "style.touch-action": "this.touchActionStyle", "style.cursor": "this.cursorStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
27
32
  }
28
33
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHandleDirective, decorators: [{
29
34
  type: Directive,
@@ -32,12 +37,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
32
37
  exportAs: 'kendoDragHandle',
33
38
  standalone: true
34
39
  }]
35
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cursorStyle: [{
36
- type: HostBinding,
37
- args: ['style.cursor']
38
- }], touchActionStyle: [{
40
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { touchActionStyle: [{
39
41
  type: HostBinding,
40
42
  args: ['style.touch-action']
43
+ }], cursorStyle: [{
44
+ type: HostBinding,
45
+ args: ['style.cursor']
46
+ }, {
47
+ type: Input
41
48
  }] } });
42
49
 
43
50
  /**
@@ -47,8 +54,8 @@ const packageMetadata = {
47
54
  name: '@progress/kendo-angular-utils',
48
55
  productName: 'Kendo UI for Angular',
49
56
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
50
- publishDate: 1736177375,
51
- version: '17.2.1-develop.2',
57
+ publishDate: 1736179151,
58
+ version: '17.3.0-develop.1',
52
59
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
53
60
  };
54
61
 
@@ -670,6 +677,12 @@ class DragTargetContainerDirective {
670
677
  * @default 'auto'
671
678
  */
672
679
  mode = 'auto';
680
+ /**
681
+ * Specifies 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).
682
+ *
683
+ * @default 'move'
684
+ */
685
+ cursorStyle = 'move';
673
686
  /**
674
687
  * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
675
688
  */
@@ -1128,14 +1141,14 @@ class DragTargetContainerDirective {
1128
1141
  if (isPresent(this.dragHandle) && this.dragHandle !== '') {
1129
1142
  if (isPresent(this.dragHandles) && this.dragHandles.length > 0) {
1130
1143
  this.dragHandles.forEach(handle => {
1131
- this.renderer.setStyle(handle, 'cursor', 'move');
1144
+ this.renderer.setStyle(handle, 'cursor', this.cursorStyle);
1132
1145
  this.renderer.setStyle(handle, 'touch-action', 'none');
1133
1146
  });
1134
1147
  }
1135
1148
  }
1136
1149
  else {
1137
1150
  this.allDragTargets.forEach(target => {
1138
- this.renderer.setStyle(target, 'cursor', 'move');
1151
+ this.renderer.setStyle(target, 'cursor', this.cursorStyle);
1139
1152
  this.renderer.setStyle(target, 'touch-action', 'none');
1140
1153
  });
1141
1154
  }
@@ -1191,7 +1204,7 @@ class DragTargetContainerDirective {
1191
1204
  }
1192
1205
  }
1193
1206
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DragStateService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
1194
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetContainerDirective, isStandalone: true, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
1207
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetContainerDirective, isStandalone: true, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode", cursorStyle: "cursorStyle" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
1195
1208
  }
1196
1209
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
1197
1210
  type: Directive,
@@ -1218,6 +1231,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1218
1231
  type: Input
1219
1232
  }], mode: [{
1220
1233
  type: Input
1234
+ }], cursorStyle: [{
1235
+ type: Input
1221
1236
  }], onDragReady: [{
1222
1237
  type: Output
1223
1238
  }], onPress: [{
@@ -1298,6 +1313,12 @@ class DragTargetDirective {
1298
1313
  get dragData() {
1299
1314
  return this._dragData;
1300
1315
  }
1316
+ /**
1317
+ * Specifies 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).
1318
+ *
1319
+ * @default 'move'
1320
+ */
1321
+ cursorStyle = 'move';
1301
1322
  /**
1302
1323
  * Fires when the user presses the DragTarget element.
1303
1324
  */
@@ -1401,7 +1422,7 @@ class DragTargetDirective {
1401
1422
  if (isPresent(this.element) || isPresent(this.dragTarget)) {
1402
1423
  this.attachDomHandlers();
1403
1424
  if (!this.dragHandles.length) {
1404
- this.renderer.setStyle(this.nativeElement, 'cursor', 'move');
1425
+ this.renderer.setStyle(this.nativeElement, 'cursor', this.cursorStyle);
1405
1426
  }
1406
1427
  }
1407
1428
  this.service.dragTargets.push(this.dragTarget);
@@ -1744,7 +1765,7 @@ class DragTargetDirective {
1744
1765
  }
1745
1766
  }
1746
1767
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: DragStateService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
1747
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetDirective, isStandalone: true, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData" }, outputs: { onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onDragReady: "onDragReady", onRelease: "onRelease", onDragEnd: "onDragEnd" }, host: { properties: { "style.touch-action": "this.touchActionStyle" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
1768
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragTargetDirective, isStandalone: true, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData", cursorStyle: "cursorStyle" }, outputs: { onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onDragReady: "onDragReady", onRelease: "onRelease", onDragEnd: "onDragEnd" }, host: { properties: { "style.touch-action": "this.touchActionStyle" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
1748
1769
  }
1749
1770
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetDirective, decorators: [{
1750
1771
  type: Directive,
@@ -1772,6 +1793,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1772
1793
  type: Input
1773
1794
  }], dragData: [{
1774
1795
  type: Input
1796
+ }], cursorStyle: [{
1797
+ type: Input
1775
1798
  }], onPress: [{
1776
1799
  type: Output
1777
1800
  }], onDragStart: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-utils",
3
- "version": "17.2.1-develop.2",
3
+ "version": "17.3.0-develop.1",
4
4
  "description": "Kendo UI Angular utils component",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,12 +23,12 @@
23
23
  "@angular/core": "16 - 19",
24
24
  "@angular/platform-browser": "16 - 19",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-common": "17.2.1-develop.2",
26
+ "@progress/kendo-angular-common": "17.3.0-develop.1",
27
27
  "rxjs": "^6.5.3 || ^7.0.0"
28
28
  },
29
29
  "dependencies": {
30
30
  "tslib": "^2.3.1",
31
- "@progress/kendo-angular-schematics": "17.2.1-develop.2",
31
+ "@progress/kendo-angular-schematics": "17.3.0-develop.1",
32
32
  "@progress/kendo-draggable-common": "^0.2.3"
33
33
  },
34
34
  "schematics": "./schematics/collection.json",