@progress/kendo-angular-utils 12.0.0-develop.1 → 12.0.0-develop.10

package/drag-and-drop/events/drag-target/release-event.d.ts

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
+/**
+ * Arguments for the release event of the DragTarget and DragTargetContainer.
+ */
+export declare class DragTargetReleaseEvent {
+    /**
+     * The normalized drag event.
+     */
+    dragEvent: NormalizedDragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget: HTMLElement;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId?: any;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex?: number;
+    /**
+     * Left for backward compatibility for the DragTarget deprecated events.
+     * @hidden
+     */
+    get normalizedEvent(): NormalizedDragEvent;
+    /**
+     * Left for backward compatibility for the DragTarget deprecated events.
+     * @hidden
+     */
+    get hostElement(): HTMLElement;
+    /**
+     * @hidden
+     */
+    constructor(args?: any);
+}

package/drag-and-drop/events/drag-target/start-event.d.ts

@@ -5,17 +5,35 @@
 import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
- * Arguments for the dragStart event of the DragTarget.
+ * Arguments for the dragStart event of the DragTarget and DragTargetContainer.
  */
 export declare class DragTargetDragStartEvent extends PreventableEvent {
     /**
      * The normalized drag event.
      */
-    normalizedEvent: NormalizedDragEvent;
+    dragEvent: NormalizedDragEvent;
     /**
-     * The DOM element that will be dragged.
+     * The DOM element that is being dragged.
      */
-    hostElement: HTMLElement;
+    dragTarget: HTMLElement;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId?: any;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex?: number;
+    /**
+     * Left for backward compatibility for the DragTarget deprecated events.
+     * @hidden
+     */
+    get normalizedEvent(): NormalizedDragEvent;
+    /**
+     * Left for backward compatibility for the DragTarget deprecated events.
+     * @hidden
+     */
+    get hostElement(): HTMLElement;
     /**
      * @hidden
      */

package/drag-and-drop/events/drop-target-event.d.ts

@@ -0,0 +1,48 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NormalizedDragEvent } from "@progress/kendo-draggable-common";
+/**
+ * Arguments for the drag events of the DropTarget and DropTargetContainer directives.
+ */
+export declare class DropTargetEvent {
+    /**
+     * The current drag target element.
+     */
+    dragTarget: HTMLElement;
+    /**
+     * The current drop target element.
+     */
+    dropTarget: HTMLElement;
+    /**
+     * The information related to the current drag event.
+     */
+    dragEvent: NormalizedDragEvent;
+    /**
+     * The data passed to the `dragData` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragData: any;
+    /**
+     * The index of the current drop target in the collection of drop targets (applicable for the `DropTargetContainer` directive).
+     */
+    dropTargetIndex?: number;
+    /**
+     * The hint of the DragTarget.
+     */
+    hintElement?: HTMLElement;
+    /**
+     * Left for backward compatibility for the DropTarget deprecated events.
+     * @hidden
+     */
+    get normalizedEvent(): NormalizedDragEvent;
+    /**
+     * Left for backward compatibility for the DropTarget deprecated events.
+     * @hidden
+     */
+    get hostElement(): HTMLElement;
+    /**
+     * @hidden
+     */
+    constructor(args?: any);
+}

package/drag-and-drop/events/index.d.ts

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { DropTargetEvent } from './drop-target-event';
+export * from './drag-target';

package/drag-and-drop/hint.component.d.ts

@@ -11,10 +11,9 @@ export declare class HintComponent {
     element: ElementRef;
     template: TemplateRef<any>;
     directive: any;
+    targetIndex: number;
+    contextData: any;
     constructor(element: ElementRef);
-    hostClasses: boolean;
-    zIndex: number;
-    touchAction: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HintComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HintComponent, "ng-component", never, { "template": "template"; "directive": "directive"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HintComponent, "kendo-draghint", never, { "template": "template"; "directive": "directive"; "targetIndex": "targetIndex"; "contextData": "contextData"; }, {}, never, never>;
 }

package/{esm2020/drag-and-drop/events/drop-target/drop-event.mjs → drag-and-drop/models/drag-mode.d.ts}

@@ -3,13 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Arguments for the drop event of the DropTarget.
+ * Represents the available modes for the drag action.
  */
-export class DropTargetDropEvent {
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        Object.assign(this, args);
-    }
-}
+export declare type DragMode = 'auto' | 'manual';

package/drag-and-drop/models/functions.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the callback that is used by the `dragData` property of the [`DragTarget`]({% slug api_utils_dragtargetdirective %}) and [`DragTargetContainer`]({% slug api_utils_dragtargetcontainerdirective %}) directives.
+ *
+ * It returns the custom data that will be available in the events of the respective [`DropTarget`]({% slug api_utils_droptargetdirective %}) or [`DropTargetContainer`]({% slug api_utils_droptargetcontainerdirective %}) directives upon interaction.
+ *
+ */
+export declare type DragTargetDataFn = (dragTarget: HTMLElement, dragTargetId?: any, dragTargetIndex?: number) => any;
+/**
+ * Represents the callback that is used by the `dragTargetId` property of the [`DragTargetContainer`]({% slug api_utils_dragtargetcontainerdirective %}) directive.
+ *
+ * It returns a custom identifier that will be available in the events of the respective directive upon its interaction with a valid DropTarget.
+ */
+export declare type DragTargetIdFn = (dragTarget: HTMLElement, dragTargetIndex?: number) => any;

package/drag-and-drop/models/hint-settings.d.ts

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+/**
+ * Represents additional configuration options for the hint element of the DragTarget and DragTargetContainer directives.
+ */
+export interface HintSettings {
+    /**
+     * Renders the passed template as a hint of the current DragTarget.
+     */
+    hintTemplate?: TemplateRef<any>;
+    /**
+     * The CSS classes that will be rendered on the hint host element when the default hint is utilized. Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    hintClass?: any;
+    /**
+     * Controls the hint container. By default, the hint will be appended to the document body.
+     */
+    appendTo?: ViewContainerRef;
+}

package/drag-and-drop/models/index.d.ts

@@ -3,7 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { AutoScrollOptions } from './autoscroll-options';
-export { DragAxis } from './dragaxis';
-export { AllowedTargetFn } from './allowed-target';
+export { DragTargetDataFn } from './functions';
 export { ScrollDirection } from './scroll-direction';
 export { Coordinates } from './coordinates';
+export { HintSettings } from './hint-settings';
+export { DragAxis } from './drag-axis';
+export { DragMode } from './drag-mode';

package/drag-and-drop/util.d.ts

@@ -4,6 +4,10 @@
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2 } from "@angular/core";
 import { DragAndDropAction, DragTarget } from "@progress/kendo-draggable-common";
+/**
+ * @hidden
+ */
+export declare const getAction: (event: PointerEvent | MouseEvent | TouchEvent | Event, draggable: DragTarget) => DragAndDropAction;
 /**
  * @hidden
  */
@@ -11,7 +15,15 @@ export declare const dragTargetTransition = "transform .3s ease-in-out";
 /**
  * @hidden
  */
-export declare const getAction: (event: PointerEvent | MouseEvent | TouchEvent | Event, draggable: DragTarget) => DragAndDropAction;
+export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare function closestBySelector(element: any, selector: string): any;
+/**
+ * @hidden
+ */
+export declare const intersect: (element: HTMLElement, candidates: HTMLElement[]) => HTMLElement | null;
 /**
  * @hidden
  */
@@ -19,4 +31,12 @@ export declare const setElementStyles: (renderer: Renderer2, elem: HTMLElement,
 /**
  * @hidden
  */
-export declare const isPresent: (value: any) => boolean;
+export declare const allPointerDownEvents: string[];
+/**
+ * @hidden
+ */
+export declare const allPointerMoveEvents: string[];
+/**
+ * @hidden
+ */
+export declare const allPointerUpEvents: string[];

package/drag-and-drop.module.d.ts

@@ -6,8 +6,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./drag-and-drop/dragtarget.directive";
 import * as i2 from "./drag-and-drop/draghandle.directive";
 import * as i3 from "./drag-and-drop/droptarget.directive";
-import * as i4 from "./drag-and-drop/hint.component";
-import * as i5 from "@angular/common";
+import * as i4 from "./drag-and-drop/dragtarget-container.directive";
+import * as i5 from "./drag-and-drop/droptarget-container.directive";
+import * as i6 from "./drag-and-drop/hint.component";
+import * as i7 from "@angular/common";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the Drag and Drop directives.
@@ -41,6 +43,6 @@ import * as i5 from "@angular/common";
  */
 export declare class DragAndDropModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DragAndDropModule, [typeof i1.DragTargetDirective, typeof i2.DragHandleDirective, typeof i3.DropTargetDirective, typeof i4.HintComponent], [typeof i5.CommonModule], [typeof i1.DragTargetDirective, typeof i2.DragHandleDirective, typeof i3.DropTargetDirective, typeof i4.HintComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DragAndDropModule, [typeof i1.DragTargetDirective, typeof i2.DragHandleDirective, typeof i3.DropTargetDirective, typeof i4.DragTargetContainerDirective, typeof i5.DropTargetContainerDirective, typeof i6.HintComponent], [typeof i7.CommonModule], [typeof i1.DragTargetDirective, typeof i2.DragHandleDirective, typeof i3.DropTargetDirective, typeof i4.DragTargetContainerDirective, typeof i5.DropTargetContainerDirective, typeof i6.HintComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DragAndDropModule>;
 }

package/esm2020/drag-and-drop/drag-state.service.mjs

@@ -27,6 +27,8 @@ export class DragStateService {
         this.offset = { x: 0, y: 0 };
         this.pageOffset = { x: 0, y: 0 };
         this.velocity = { x: 0, y: 0 };
+        this.dragIndex = null;
+        this.dropIndex = null;
         this.callbacks = {};
         this.scrollInterval = null;
         this.setCallbacks();

package/esm2020/drag-and-drop/draghandle.directive.mjs

@@ -6,6 +6,7 @@ import { Directive, ElementRef, HostBinding } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI DragHandle directive for Angular.
+ * It is used to specify a concrete element within a drag target as a handle for dragging, instead the drag target itself.
  */
 export class DragHandleDirective {
     constructor(element) {