@progress/kendo-angular-utils 17.0.0-develop.4 → 17.0.0-develop.41

package/{fesm2020 → fesm2022}/progress-kendo-angular-utils.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Directive, HostBinding, Injectable, Component, Input, EventEmitter, isDevMode, Output, ContentChildren, NgModule } from '@angular/core';
+import { Directive, HostBinding, Injectable, Component, Input, isDevMode, EventEmitter, Output, ContentChildren, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { fromEvent, merge } from 'rxjs';
 import { filter } from 'rxjs/operators';
@@ -16,14 +16,15 @@ import { NgTemplateOutlet } from '@angular/common';
  * It is used to specify a concrete element within a drag target as a handle for dragging, instead the drag target itself.
  */
 class DragHandleDirective {
+    element;
     constructor(element) {
         this.element = element;
-        this.cursorStyle = 'move';
     }
+    cursorStyle = 'move';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", host: { properties: { "style.cursor": "this.cursorStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
 }
-DragHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DragHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", host: { properties: { "style.cursor": "this.cursorStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDragHandle]',
@@ -42,8 +43,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-utils',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728985078,
-    version: '17.0.0-develop.4',
+    publishDate: 1730818279,
+    version: '17.0.0-develop.41',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -147,29 +148,33 @@ const allPointerUpEvents = ['pointerup', 'pointercancel', 'mouseup', 'contextmen
  */
 class DragStateService {
     constructor() {
-        this.dragTarget = null;
-        this.dropTarget = null;
-        this.dragTargets = [];
-        this.dropTargets = [];
-        this.pressed = false;
-        this.ignoreMouse = false;
-        this.autoScroll = true;
-        this.isScrolling = false;
-        this.scrollableParent = null;
-        this.autoScrollDirection = { horizontal: true, vertical: true };
-        this.initialClientOffset = { x: 0, y: 0 };
-        this.clientOffset = { x: 0, y: 0 };
-        this.initialScrollOffset = { x: 0, y: 0 };
-        this.scrollOffset = { x: 0, y: 0 };
-        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();
     }
+    dragTarget = null;
+    dropTarget = null;
+    dragTargets = [];
+    dropTargets = [];
+    pressed = false;
+    ignoreMouse = false;
+    autoScroll = true;
+    isScrolling = false;
+    scrollableParent = null;
+    autoScrollDirection = { horizontal: true, vertical: true };
+    initialClientOffset = { x: 0, y: 0 };
+    clientOffset = { x: 0, y: 0 };
+    initialScrollOffset = { x: 0, y: 0 };
+    scrollOffset = { x: 0, y: 0 };
+    offset = { x: 0, y: 0 };
+    pageOffset = { x: 0, y: 0 };
+    velocity = { x: 0, y: 0 };
+    dragTargetDirective;
+    state;
+    dragIndex = null;
+    dropIndex = null;
+    dragData;
+    dragTargetId;
+    callbacks = {};
+    scrollInterval = null;
     handleDragAndDrop(action) {
         this.updateState();
         dispatchDragAndDrop(this.state, action, this.callbacks);
@@ -260,10 +265,10 @@ class DragStateService {
             this.scrollInterval = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragStateService, providedIn: 'root' });
 }
-DragStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DragStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragStateService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -274,17 +279,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class HintComponent {
+    element;
+    template;
+    directive;
+    targetIndex;
+    contextData;
+    pointerEvents = 'none';
     constructor(element) {
         this.element = element;
-        this.pointerEvents = 'none';
     }
-}
-HintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HintComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-HintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HintComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    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: `
         <ng-container *ngTemplateOutlet="template; context: { $implicit: directive, index: targetIndex, data: contextData }">
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HintComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HintComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-draghint',
@@ -313,11 +323,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 class DragTargetPressEvent {
     /**
-     * @hidden
+     * The normalized drag event.
      */
-    constructor(args) {
-        Object.assign(this, args);
-    }
+    dragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex;
     /**
      * Left for backward compatibility for the DragTarget deprecated events.
      * @hidden
@@ -332,12 +352,34 @@ class DragTargetPressEvent {
     get hostElement() {
         return this.dragTarget;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
 }
 
 /**
  * Arguments for the dragReady event of the DragTarget and DragTargetContainer.
  */
 class DragTargetDragReadyEvent {
+    /**
+     * The normalized drag event.
+     */
+    dragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex;
     /**
      * @hidden
      */
@@ -351,12 +393,21 @@ class DragTargetDragReadyEvent {
  */
 class DragTargetDragStartEvent extends PreventableEvent {
     /**
-     * @hidden
+     * The normalized drag event.
      */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
+    dragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex;
     /**
      * Left for backward compatibility for the DragTarget deprecated events.
      * @hidden
@@ -371,6 +422,13 @@ class DragTargetDragStartEvent extends PreventableEvent {
     get hostElement() {
         return this.dragTarget;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
 }
 
 /**
@@ -378,11 +436,21 @@ class DragTargetDragStartEvent extends PreventableEvent {
  */
 class DragTargetDragEndEvent {
     /**
-     * @hidden
+     * The normalized drag event.
      */
-    constructor(args) {
-        Object.assign(this, args);
-    }
+    dragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex;
     /**
      * Left for backward compatibility for the DragTarget deprecated events.
      * @hidden
@@ -397,6 +465,12 @@ class DragTargetDragEndEvent {
     get hostElement() {
         return this.dragTarget;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
 }
 
 /**
@@ -404,12 +478,25 @@ class DragTargetDragEndEvent {
  */
 class DragTargetDragEvent extends PreventableEvent {
     /**
-     * @hidden
+     * The normalized drag event.
      */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
+    dragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget;
+    /**
+     * The hint of the DragTarget.
+     */
+    hintElement;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex;
     /**
      * Left for backward compatibility for the DragTarget deprecated events.
      * @hidden
@@ -424,6 +511,13 @@ class DragTargetDragEvent extends PreventableEvent {
     get hostElement() {
         return this.dragTarget;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
 }
 
 /**
@@ -431,11 +525,21 @@ class DragTargetDragEvent extends PreventableEvent {
  */
 class DragTargetReleaseEvent {
     /**
-     * @hidden
+     * The normalized drag event.
      */
-    constructor(args) {
-        Object.assign(this, args);
-    }
+    dragEvent;
+    /**
+     * The DOM element that is being dragged.
+     */
+    dragTarget;
+    /**
+     * The identifier passed to the `dragTargetId` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragTargetId;
+    /**
+     * The index of the current drag target in the collection of drag targets (applicable for the `DragTargetContainer` directive).
+     */
+    dragTargetIndex;
     /**
      * Left for backward compatibility for the DragTarget deprecated events.
      * @hidden
@@ -450,6 +554,12 @@ class DragTargetReleaseEvent {
     get hostElement() {
         return this.dragTarget;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
 }
 
 let isDragStartPrevented$1 = false;
@@ -466,79 +576,18 @@ let isDragPrevented$1 = false;
  * ```
  */
 class DragTargetContainerDirective {
-    constructor(wrapper, ngZone, renderer, service, viewContainer, cdr) {
-        this.wrapper = wrapper;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.service = service;
-        this.viewContainer = viewContainer;
-        this.cdr = cdr;
-        /**
-         * Defines whether a hint will be used for dragging. By default, the hint is a copy of the current drag target. ([see example]({% slug drag_hint %})).
-         *
-         * @default false
-         */
-        this.hint = false;
-        /**
-         * Defines the delay in milliseconds after which the drag will begin ([see example](slug:drag_target_container#toc-events)).
-         *
-         * @default 0
-         */
-        this.dragDelay = 0;
-        /**
-         * The number of pixels the pointer moves in any direction before the dragging starts ([see example]({% slug minimum_distance %})).
-         *
-         * @default 0
-         */
-        this.threshold = 0;
-        /**
-         * Specifies whether the default dragging behavior will be performed or the developer will manually handle the drag action.
-         *
-         * @default 'auto'
-         */
-        this.mode = 'auto';
-        /**
-         * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
-         */
-        this.onDragReady = new EventEmitter();
-        /**
-         * Fires when the user presses a DragTarget element.
-         */
-        this.onPress = new EventEmitter();
-        /**
-         * Fires when the dragging of a DragTarget element begins.
-        */
-        this.onDragStart = new EventEmitter();
-        /**
-         * Fires while the user drags a DragTarget element.
-         */
-        this.onDrag = new EventEmitter();
-        /**
-         * Fires when the user releases a DragTarget element after being pressed.
-         */
-        this.onRelease = new EventEmitter();
-        /**
-         * Fires when the dragging of a DragTarget ends and the element is released.
-         */
-        this.onDragEnd = new EventEmitter();
-        this.currentDragTarget = null;
-        this.dragTimeout = null;
-        this.pressed = false;
-        this.dragStarted = false;
-        this.hintComponent = null;
-        this.defaultHint = null;
-        this.currentDragTargetElement = null;
-        this.scrollableParent = null;
-        this.previousDragTargets = [];
-        this.initialPosition = { x: 0, y: 0 };
-        this.position = { x: 0, y: 0 };
-        this.positionsMap = new Map();
-        this._dragTargetFilter = null;
-        this._dragDisabled = false;
-        this._dragData = () => null;
-        this._dragTargetId = () => null;
-        validatePackage(packageMetadata);
-    }
+    wrapper;
+    ngZone;
+    renderer;
+    service;
+    viewContainer;
+    cdr;
+    /**
+     * Defines whether a hint will be used for dragging. By default, the hint is a copy of the current drag target. ([see example]({% slug drag_hint %})).
+     *
+     * @default false
+     */
+    hint = false;
     /**
      * Specifies a selector for elements within a container which will be configured as draggable
      * ([see example]({% slug drag_target_container %})). The possible values include any
@@ -553,6 +602,22 @@ class DragTargetContainerDirective {
     get dragTargetFilter() {
         return this._dragTargetFilter;
     }
+    /**
+     * Specifies a selector for elements within each DragTarget which will be configured as drag handles.
+     */
+    dragHandle;
+    /**
+     * Defines the delay in milliseconds after which the drag will begin ([see example](slug:drag_target_container#toc-events)).
+     *
+     * @default 0
+     */
+    dragDelay = 0;
+    /**
+     * The number of pixels the pointer moves in any direction before the dragging starts ([see example]({% slug minimum_distance %})).
+     *
+     * @default 0
+     */
+    threshold = 0;
     /**
      * Defines a unique identifier for each drag target.
      * It exposes the current DragTarget HTML element and its index in the collection of drag targets as arguments.
@@ -603,6 +668,36 @@ class DragTargetContainerDirective {
     get dragDisabled() {
         return this._dragDisabled;
     }
+    /**
+     * Specifies whether the default dragging behavior will be performed or the developer will manually handle the drag action.
+     *
+     * @default 'auto'
+     */
+    mode = 'auto';
+    /**
+     * Fires when a DragTarget's `dragDelay` has passed and the user is able to drag the element.
+     */
+    onDragReady = new EventEmitter();
+    /**
+     * Fires when the user presses a DragTarget element.
+     */
+    onPress = new EventEmitter();
+    /**
+     * Fires when the dragging of a DragTarget element begins.
+    */
+    onDragStart = new EventEmitter();
+    /**
+     * Fires while the user drags a DragTarget element.
+     */
+    onDrag = new EventEmitter();
+    /**
+     * Fires when the user releases a DragTarget element after being pressed.
+     */
+    onRelease = new EventEmitter();
+    /**
+     * Fires when the dragging of a DragTarget ends and the element is released.
+     */
+    onDragEnd = new EventEmitter();
     /**
      * Used for notifying the DragTargetContainer that its content has changed.
      */
@@ -610,6 +705,26 @@ class DragTargetContainerDirective {
         this.cdr.detectChanges();
         this.initializeDragTargets();
     }
+    pointerDownSubscription;
+    pointerMoveSubscription;
+    pointerUpSubscription;
+    scrollSubscription;
+    currentDragTarget = null;
+    dragTimeout = null;
+    pressed = false;
+    dragStarted = false;
+    hintComponent = null;
+    defaultHint = null;
+    currentDragTargetElement = null;
+    scrollableParent = null;
+    previousDragTargets = [];
+    initialPosition = { x: 0, y: 0 };
+    position = { x: 0, y: 0 };
+    positionsMap = new Map();
+    _dragTargetFilter = null;
+    _dragDisabled = false;
+    _dragData = () => null;
+    _dragTargetId = () => null;
     get allDragTargets() {
         return this.queryHost(this.dragTargetFilter);
     }
@@ -619,6 +734,15 @@ class DragTargetContainerDirective {
     get hintTemplate() {
         return isPresent(this.hint) && typeof this.hint === 'object' ? this.hint.hintTemplate : null;
     }
+    constructor(wrapper, ngZone, renderer, service, viewContainer, cdr) {
+        this.wrapper = wrapper;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.service = service;
+        this.viewContainer = viewContainer;
+        this.cdr = cdr;
+        validatePackage(packageMetadata);
+    }
     ngAfterViewInit() {
         const isTargetPresent = isPresent(this.wrapper) || isPresent(this.currentDragTarget);
         if (!this.dragDisabled && isTargetPresent) {
@@ -1027,10 +1151,10 @@ class DragTargetContainerDirective {
             };
         }
     }
+    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 });
+    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 });
 }
-DragTargetContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-DragTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDragTargetContainer]',
@@ -1075,79 +1199,49 @@ let isDragPrevented = false;
  * Represents the Kendo UI DragTarget directive for Angular.
  */
 class DragTargetDirective {
-    constructor(element, renderer, ngZone, service, viewContainer) {
-        this.element = element;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.service = service;
-        this.viewContainer = viewContainer;
-        /**
-         * Defines whether a hint will be used for dragging. By default, the hint is a copy of the drag target. ([see example]({% slug drag_hint %})).
-         *
-         * @default false
-         */
-        this.hint = false;
-        /**
-         * The number of pixels the pointer moves in any direction before the dragging starts ([see example]({% slug minimum_distance %})). Applicable when `manualDrag` is set to `false`.
-         *
-         * @default 0
-         */
-        this.threshold = 0;
-        /**
-         * Defines the automatic container scrolling behavior when close to the edge ([see example]({% slug auto_scroll %})).
-         *
-         * @default true
-         */
-        this.autoScroll = true;
-        /**
-         * Defines the delay in milliseconds after which the drag will begin ([see example]({% slug drag_delay %})).
-         *
-         * @default 0
-         */
-        this.dragDelay = 0;
-        /**
-         * Specifies whether the default dragging behavior will be performed or the developer will manually handle the drag action.
-         *
-         * @default 'auto'
-         */
-        this.mode = 'auto';
-        /**
-         * Fires when the user presses the DragTarget element.
-         */
-        this.onPress = new EventEmitter();
-        /**
-         * Fires when the dragging of the DragTarget element begins.
-         */
-        this.onDragStart = new EventEmitter();
-        /**
-         * Fires while the user drags the DragTarget element.
-         */
-        this.onDrag = new EventEmitter();
-        /**
-         * Fires when the DragTarget's `dragDelay` has passed and the user is able to drag the element.
-         */
-        this.onDragReady = new EventEmitter();
-        /**
-         * Fires when the user releases the DragTarget element after being pressed.
-         */
-        this.onRelease = new EventEmitter();
-        /**
-         * Fires when the dragging of the DragTarget ends and the element is released.
-         */
-        this.onDragEnd = new EventEmitter();
-        this.dragTarget = null;
-        this.domSubscriptions = [];
-        this.hintComponent = null;
-        this.dragStarted = false;
-        this.pressed = false;
-        this.dragTimeout = null;
-        this.initialPosition = { x: 0, y: 0 };
-        this.position = { x: 0, y: 0 };
-        this.scrollableParent = null;
-        this.defaultHint = null;
-        this._dragData = () => null;
-        validatePackage(packageMetadata);
-    }
+    element;
+    renderer;
+    ngZone;
+    service;
+    viewContainer;
+    /**
+     * Defines whether a hint will be used for dragging. By default, the hint is a copy of the drag target. ([see example]({% slug drag_hint %})).
+     *
+     * @default false
+     */
+    hint = false;
+    /**
+     * The number of pixels the pointer moves in any direction before the dragging starts ([see example]({% slug minimum_distance %})). Applicable when `manualDrag` is set to `false`.
+     *
+     * @default 0
+     */
+    threshold = 0;
+    /**
+     * Defines the automatic container scrolling behavior when close to the edge ([see example]({% slug auto_scroll %})).
+     *
+     * @default true
+     */
+    autoScroll = true;
+    /**
+     * Defines a unique identifier for the dragTarget.
+     */
+    dragTargetId;
+    /**
+     * Defines the delay in milliseconds after which the drag will begin ([see example]({% slug drag_delay %})).
+     *
+     * @default 0
+     */
+    dragDelay = 0;
+    /**
+     * Restricts the element to be dragged horizontally or vertically only ([see example]({% slug axis_lock %})). Applicable when `mode` is set to `auto`.
+     */
+    restrictByAxis;
+    /**
+     * Specifies whether the default dragging behavior will be performed or the developer will manually handle the drag action.
+     *
+     * @default 'auto'
+     */
+    mode = 'auto';
     /**
      * Defines a callback function used for attaching custom data to the dragTarget.
      * The data will be available in the events of the respective [`DropTarget`]({% slug api_utils_droptargetdirective %}) or [`DropTargetContainer`]({% slug api_utils_droptargetcontainerdirective %}) directives.
@@ -1162,6 +1256,41 @@ class DragTargetDirective {
     get dragData() {
         return this._dragData;
     }
+    /**
+     * Fires when the user presses the DragTarget element.
+     */
+    onPress = new EventEmitter();
+    /**
+     * Fires when the dragging of the DragTarget element begins.
+     */
+    onDragStart = new EventEmitter();
+    /**
+     * Fires while the user drags the DragTarget element.
+     */
+    onDrag = new EventEmitter();
+    /**
+     * Fires when the DragTarget's `dragDelay` has passed and the user is able to drag the element.
+     */
+    onDragReady = new EventEmitter();
+    /**
+     * Fires when the user releases the DragTarget element after being pressed.
+     */
+    onRelease = new EventEmitter();
+    /**
+     * Fires when the dragging of the DragTarget ends and the element is released.
+     */
+    onDragEnd = new EventEmitter();
+    dragTarget = null;
+    domSubscriptions = [];
+    hintComponent = null;
+    dragStarted = false;
+    pressed = false;
+    dragTimeout = null;
+    initialPosition = { x: 0, y: 0 };
+    position = { x: 0, y: 0 };
+    scrollableParent = null;
+    defaultHint = null;
+    _dragData = () => null;
     get hintTemplate() {
         return isPresent(this.hint) && typeof this.hint === 'object' ? this.hint.hintTemplate : null;
     }
@@ -1194,6 +1323,15 @@ class DragTargetDirective {
         this.service.handleDragAndDrop(action);
         this.attachDomHandlers();
     }
+    dragHandles;
+    constructor(element, renderer, ngZone, service, viewContainer) {
+        this.element = element;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.service = service;
+        this.viewContainer = viewContainer;
+        validatePackage(packageMetadata);
+    }
     ngOnInit() {
         this.initializeDragTarget();
     }
@@ -1208,6 +1346,8 @@ class DragTargetDirective {
     }
     ngOnDestroy() {
         this.domSubscriptions.forEach(subscription => subscription());
+        const currentDragTargetIndex = this.service.dragTargets.indexOf(this.dragTarget);
+        this.service.dragTargets.splice(currentDragTargetIndex, 1);
     }
     handlePress(event) {
         if (this.dragDelay > 0) {
@@ -1513,10 +1653,10 @@ class DragTargetDirective {
             };
         }
     }
+    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 });
+    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" }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
 }
-DragTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: DragStateService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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" }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDragTarget]',
@@ -1561,11 +1701,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 class DropTargetEvent {
     /**
-     * @hidden
+     * The current drag target element.
      */
-    constructor(args) {
-        Object.assign(this, args);
-    }
+    dragTarget;
+    /**
+     * The current drop target element.
+     */
+    dropTarget;
+    /**
+     * The information related to the current drag event.
+     */
+    dragEvent;
+    /**
+     * The data passed to the `dragData` input property of the `DragTarget` or `DragTargetContainer` directive.
+     */
+    dragData;
+    /**
+     * The index of the current drop target in the collection of drop targets (applicable for the `DropTargetContainer` directive).
+     */
+    dropTargetIndex;
+    /**
+     * The hint of the DragTarget.
+     */
+    hintElement;
     /**
      * Left for backward compatibility for the DropTarget deprecated events.
      * @hidden
@@ -1580,6 +1738,12 @@ class DropTargetEvent {
     get hostElement() {
         return this.dropTarget;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
 }
 
 /**
@@ -1594,33 +1758,10 @@ class DropTargetEvent {
  * ```
  */
 class DropTargetContainerDirective {
-    constructor(service, element, ngZone, cdr) {
-        this.service = service;
-        this.element = element;
-        this.ngZone = ngZone;
-        this.cdr = cdr;
-        /**
-         * Fires when a DragTarget element enters the DropTarget.
-         */
-        this.onDragEnter = new EventEmitter();
-        /**
-         * Fires when a DragTarget element is being dragged over the DropTarget.
-         */
-        this.onDragOver = new EventEmitter();
-        /**
-         * Fires when a DragTarget element leaves the DropTarget.
-         */
-        this.onDragLeave = new EventEmitter();
-        /**
-         * Fires when a DragTarget element is dropped over the DropTarget.
-         */
-        this.onDrop = new EventEmitter();
-        this.currentDropTargetElement = null;
-        this.previousDropTargets = [];
-        this._dropTargetFilter = null;
-        this._dropDisabled = false;
-        validatePackage(packageMetadata);
-    }
+    service;
+    element;
+    ngZone;
+    cdr;
     /**
      * Specifies a selector for elements within a container which will be configured as drop targets
      * ([see example]({% slug drop_target_container %})). The possible values include any
@@ -1650,6 +1791,22 @@ class DropTargetContainerDirective {
     get dropDisabled() {
         return this._dropDisabled;
     }
+    /**
+     * Fires when a DragTarget element enters the DropTarget.
+     */
+    onDragEnter = new EventEmitter();
+    /**
+     * Fires when a DragTarget element is being dragged over the DropTarget.
+     */
+    onDragOver = new EventEmitter();
+    /**
+     * Fires when a DragTarget element leaves the DropTarget.
+     */
+    onDragLeave = new EventEmitter();
+    /**
+     * Fires when a DragTarget element is dropped over the DropTarget.
+     */
+    onDrop = new EventEmitter();
     /**
      * Used for notifying the DropTargetContainer that its content has changed.
      */
@@ -1657,6 +1814,17 @@ class DropTargetContainerDirective {
         this.cdr.detectChanges();
         this.initializeDropTargets();
     }
+    constructor(service, element, ngZone, cdr) {
+        this.service = service;
+        this.element = element;
+        this.ngZone = ngZone;
+        this.cdr = cdr;
+        validatePackage(packageMetadata);
+    }
+    currentDropTargetElement = null;
+    previousDropTargets = [];
+    _dropTargetFilter = null;
+    _dropDisabled = false;
     get nativeElement() {
         return this.element.nativeElement;
     }
@@ -1777,10 +1945,10 @@ class DropTargetContainerDirective {
         });
         this.previousDropTargets = [];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetContainerDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropTargetContainerDirective, isStandalone: true, selector: "[kendoDropTargetContainer]", inputs: { dropTargetFilter: "dropTargetFilter", dropDisabled: "dropDisabled" }, outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTargetContainer"], ngImport: i0 });
 }
-DropTargetContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetContainerDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetContainerDirective, isStandalone: true, selector: "[kendoDropTargetContainer]", inputs: { dropTargetFilter: "dropTargetFilter", dropDisabled: "dropDisabled" }, outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTargetContainer"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTargetContainer]',
@@ -1805,28 +1973,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Represents the Kendo UI DropTarget directive for Angular.
  */
 class DropTargetDirective {
+    service;
+    element;
+    ngZone;
+    /**
+     * Fires when a DragTarget element enters the DropTarget.
+     */
+    onDragEnter = new EventEmitter();
+    /**
+     * Fires when a DragTarget element is being dragged over the DropTarget.
+     */
+    onDragOver = new EventEmitter();
+    /**
+     * Fires when a DragTarget element leaves the DropTarget.
+     */
+    onDragLeave = new EventEmitter();
+    /**
+     * Fires when a DragTarget element is dropped over the DropTarget.
+     */
+    onDrop = new EventEmitter();
     constructor(service, element, ngZone) {
         this.service = service;
         this.element = element;
         this.ngZone = ngZone;
-        /**
-         * Fires when a DragTarget element enters the DropTarget.
-         */
-        this.onDragEnter = new EventEmitter();
-        /**
-         * Fires when a DragTarget element is being dragged over the DropTarget.
-         */
-        this.onDragOver = new EventEmitter();
-        /**
-         * Fires when a DragTarget element leaves the DropTarget.
-         */
-        this.onDragLeave = new EventEmitter();
-        /**
-         * Fires when a DragTarget element is dropped over the DropTarget.
-         */
-        this.onDrop = new EventEmitter();
         validatePackage(packageMetadata);
     }
+    dropTarget;
     ngOnInit() {
         this.initializeDropTarget();
         this.service.dropTargets.push(this.dropTarget);
@@ -1891,10 +2063,10 @@ class DropTargetDirective {
             this[event].emit(eventArgs);
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTarget"], ngImport: i0 });
 }
-DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTarget"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTarget]',
@@ -1963,11 +2135,11 @@ const KENDO_UTILS = [
  * ```
  */
 class UtilsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UtilsModule, imports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent], exports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilsModule });
 }
-UtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-UtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UtilsModule, imports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent], exports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent] });
-UtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilsModule, imports: [HintComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilsModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_UTILS],
@@ -2008,11 +2180,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class DragAndDropModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, imports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent], exports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule });
 }
-DragAndDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DragAndDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropModule, imports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent], exports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent] });
-DragAndDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropModule, imports: [HintComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_DRAGANDDROP],