@progress/kendo-angular-utils 18.0.0-develop.3 → 18.0.0-develop.4

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 (7) hide show
  1. package/drag-and-drop/dragtarget-container.directive.d.ts +5 -1
  2. package/drag-and-drop/hint.component.d.ts +2 -1
  3. package/esm2022/drag-and-drop/dragtarget-container.directive.mjs +8 -1
  4. package/esm2022/drag-and-drop/hint.component.mjs +10 -3
  5. package/esm2022/package-metadata.mjs +2 -2
  6. package/fesm2022/progress-kendo-angular-utils.mjs +20 -6
  7. package/package.json +3 -3
package/drag-and-drop/dragtarget-container.directive.d.ts CHANGED
@@ -86,6 +86,10 @@ export declare class DragTargetContainerDirective implements AfterViewInit, OnDe
86
86
  * @default 'move'
87
87
  */
88
88
  cursorStyle: string;
89
+ /**
90
+ * @hidden
91
+ */
92
+ hintContext: any;
89
93
  /**
90
94
  * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
91
95
  */
@@ -169,5 +173,5 @@ export declare class DragTargetContainerDirective implements AfterViewInit, OnDe
169
173
  private calculatePosition;
170
174
  private getStylesPerElement;
171
175
  static ɵfac: i0.ɵɵFactoryDeclaration<DragTargetContainerDirective, 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>;
176
+ 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>;
173
177
  }
package/drag-and-drop/hint.component.d.ts CHANGED
@@ -13,8 +13,9 @@ export declare class HintComponent {
13
13
  directive: any;
14
14
  targetIndex: number;
15
15
  contextData: any;
16
+ customContext: any;
16
17
  pointerEvents: string;
17
18
  constructor(element: ElementRef);
18
19
  static ɵfac: i0.ɵɵFactoryDeclaration<HintComponent, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<HintComponent, "kendo-draghint", never, { "template": { "alias": "template"; "required": false; }; "directive": { "alias": "directive"; "required": false; }; "targetIndex": { "alias": "targetIndex"; "required": false; }; "contextData": { "alias": "contextData"; "required": false; }; }, {}, never, never, true, never>;
20
+ static ɵcmp: i0.ɵɵComponentDeclaration<HintComponent, "kendo-draghint", never, { "template": { "alias": "template"; "required": false; }; "directive": { "alias": "directive"; "required": false; }; "targetIndex": { "alias": "targetIndex"; "required": false; }; "contextData": { "alias": "contextData"; "required": false; }; "customContext": { "alias": "customContext"; "required": false; }; }, {}, never, never, true, never>;
20
21
  }
package/esm2022/drag-and-drop/dragtarget-container.directive.mjs CHANGED
@@ -131,6 +131,10 @@ export class DragTargetContainerDirective {
131
131
  * @default 'move'
132
132
  */
133
133
  cursorStyle = 'move';
134
+ /**
135
+ * @hidden
136
+ */
137
+ hintContext;
134
138
  /**
135
139
  * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
136
140
  */
@@ -517,6 +521,7 @@ export class DragTargetContainerDirective {
517
521
  this.hintComponent.instance.targetIndex = this.service.dragIndex;
518
522
  const targetDataArgs = { dragTarget: this.currentDragTargetElement, dragTargetId: this.service.dragTargetId, dragTargetIndex: this.service.dragIndex };
519
523
  this.hintComponent.instance.contextData = this.dragData(targetDataArgs);
524
+ this.hintComponent.instance.customContext = this.hintContext;
520
525
  this.hintComponent.changeDetectorRef.detectChanges();
521
526
  }
522
527
  destroyHint() {
@@ -652,7 +657,7 @@ export class DragTargetContainerDirective {
652
657
  }
653
658
  }
654
659
  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 });
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 });
660
+ 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", hintContext: "hintContext" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
656
661
  }
657
662
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
658
663
  type: Directive,
@@ -681,6 +686,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
681
686
  type: Input
682
687
  }], cursorStyle: [{
683
688
  type: Input
689
+ }], hintContext: [{
690
+ type: Input
684
691
  }], onDragReady: [{
685
692
  type: Output
686
693
  }], onPress: [{
package/esm2022/drag-and-drop/hint.component.mjs CHANGED
@@ -14,13 +14,16 @@ export class HintComponent {
14
14
  directive;
15
15
  targetIndex;
16
16
  contextData;
17
+ customContext;
17
18
  pointerEvents = 'none';
18
19
  constructor(element) {
19
20
  this.element = element;
20
21
  }
21
22
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HintComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
22
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HintComponent, isStandalone: true, selector: "kendo-draghint", inputs: { template: "template", directive: "directive", targetIndex: "targetIndex", contextData: "contextData" }, host: { properties: { "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
23
- <ng-container *ngTemplateOutlet="template; context: { $implicit: directive, index: targetIndex, data: contextData }">
23
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HintComponent, isStandalone: true, selector: "kendo-draghint", inputs: { template: "template", directive: "directive", targetIndex: "targetIndex", contextData: "contextData", customContext: "customContext" }, host: { properties: { "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
24
+ <ng-container
25
+ [ngTemplateOutlet]="template"
26
+ [ngTemplateOutletContext]="customContext || { $implicit: this.directive, index: this.targetIndex, data: this.contextData }">
24
27
  </ng-container>
25
28
  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
26
29
  }
@@ -29,7 +32,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
29
32
  args: [{
30
33
  selector: 'kendo-draghint',
31
34
  template: `
32
- <ng-container *ngTemplateOutlet="template; context: { $implicit: directive, index: targetIndex, data: contextData }">
35
+ <ng-container
36
+ [ngTemplateOutlet]="template"
37
+ [ngTemplateOutletContext]="customContext || { $implicit: this.directive, index: this.targetIndex, data: this.contextData }">
33
38
  </ng-container>
34
39
  `,
35
40
  standalone: true,
@@ -43,6 +48,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
43
48
  type: Input
44
49
  }], contextData: [{
45
50
  type: Input
51
+ }], customContext: [{
52
+ type: Input
46
53
  }], pointerEvents: [{
47
54
  type: HostBinding,
48
55
  args: ['style.pointer-events']
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: 1736260577,
13
- version: '18.0.0-develop.3',
12
+ publishDate: 1736354133,
13
+ version: '18.0.0-develop.4',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2022/progress-kendo-angular-utils.mjs CHANGED
@@ -54,8 +54,8 @@ const packageMetadata = {
54
54
  name: '@progress/kendo-angular-utils',
55
55
  productName: 'Kendo UI for Angular',
56
56
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
57
- publishDate: 1736260577,
58
- version: '18.0.0-develop.3',
57
+ publishDate: 1736354133,
58
+ version: '18.0.0-develop.4',
59
59
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
60
60
  };
61
61
 
@@ -287,13 +287,16 @@ class HintComponent {
287
287
  directive;
288
288
  targetIndex;
289
289
  contextData;
290
+ customContext;
290
291
  pointerEvents = 'none';
291
292
  constructor(element) {
292
293
  this.element = element;
293
294
  }
294
295
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HintComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
295
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HintComponent, isStandalone: true, selector: "kendo-draghint", inputs: { template: "template", directive: "directive", targetIndex: "targetIndex", contextData: "contextData" }, host: { properties: { "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
296
- <ng-container *ngTemplateOutlet="template; context: { $implicit: directive, index: targetIndex, data: contextData }">
296
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HintComponent, isStandalone: true, selector: "kendo-draghint", inputs: { template: "template", directive: "directive", targetIndex: "targetIndex", contextData: "contextData", customContext: "customContext" }, host: { properties: { "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
297
+ <ng-container
298
+ [ngTemplateOutlet]="template"
299
+ [ngTemplateOutletContext]="customContext || { $implicit: this.directive, index: this.targetIndex, data: this.contextData }">
297
300
  </ng-container>
298
301
  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
299
302
  }
@@ -302,7 +305,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
302
305
  args: [{
303
306
  selector: 'kendo-draghint',
304
307
  template: `
305
- <ng-container *ngTemplateOutlet="template; context: { $implicit: directive, index: targetIndex, data: contextData }">
308
+ <ng-container
309
+ [ngTemplateOutlet]="template"
310
+ [ngTemplateOutletContext]="customContext || { $implicit: this.directive, index: this.targetIndex, data: this.contextData }">
306
311
  </ng-container>
307
312
  `,
308
313
  standalone: true,
@@ -316,6 +321,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
316
321
  type: Input
317
322
  }], contextData: [{
318
323
  type: Input
324
+ }], customContext: [{
325
+ type: Input
319
326
  }], pointerEvents: [{
320
327
  type: HostBinding,
321
328
  args: ['style.pointer-events']
@@ -683,6 +690,10 @@ class DragTargetContainerDirective {
683
690
  * @default 'move'
684
691
  */
685
692
  cursorStyle = 'move';
693
+ /**
694
+ * @hidden
695
+ */
696
+ hintContext;
686
697
  /**
687
698
  * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
688
699
  */
@@ -1069,6 +1080,7 @@ class DragTargetContainerDirective {
1069
1080
  this.hintComponent.instance.targetIndex = this.service.dragIndex;
1070
1081
  const targetDataArgs = { dragTarget: this.currentDragTargetElement, dragTargetId: this.service.dragTargetId, dragTargetIndex: this.service.dragIndex };
1071
1082
  this.hintComponent.instance.contextData = this.dragData(targetDataArgs);
1083
+ this.hintComponent.instance.customContext = this.hintContext;
1072
1084
  this.hintComponent.changeDetectorRef.detectChanges();
1073
1085
  }
1074
1086
  destroyHint() {
@@ -1204,7 +1216,7 @@ class DragTargetContainerDirective {
1204
1216
  }
1205
1217
  }
1206
1218
  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 });
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 });
1219
+ 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", hintContext: "hintContext" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
1208
1220
  }
1209
1221
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
1210
1222
  type: Directive,
@@ -1233,6 +1245,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1233
1245
  type: Input
1234
1246
  }], cursorStyle: [{
1235
1247
  type: Input
1248
+ }], hintContext: [{
1249
+ type: Input
1236
1250
  }], onDragReady: [{
1237
1251
  type: Output
1238
1252
  }], onPress: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-utils",
3
- "version": "18.0.0-develop.3",
3
+ "version": "18.0.0-develop.4",
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": "18.0.0-develop.3",
26
+ "@progress/kendo-angular-common": "18.0.0-develop.4",
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": "18.0.0-develop.3",
31
+ "@progress/kendo-angular-schematics": "18.0.0-develop.4",
32
32
  "@progress/kendo-draggable-common": "^0.2.3"
33
33
  },
34
34
  "schematics": "./schematics/collection.json",