@progress/kendo-angular-utils 21.4.1 → 22.0.0

package/esm2022/drag-and-drop/droptarget-container.directive.mjs

@@ -1,236 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Input, NgZone, Output } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { DragStateService } from './drag-state.service';
-import { DropTargetEvent } from './events/drop-target-event';
-import { isPresent, intersect } from './util';
-import * as i0 from "@angular/core";
-import * as i1 from "./drag-state.service";
-/**
- * Represents the [Kendo UI DropTargetContainer directive for Angular]({% slug api_utils_droptargetcontainerdirective %}).
- * Use this directive to make multiple elements drop targets inside a container.
- *
- * @example
- * ```html
- * <div kendoDropTargetContainer dropTargetFilter=".my-droptarget">
- *   <div class="my-droptarget">
- *     Drop here
- *   </div>
- * </div>
- * ```
- */
-export class DropTargetContainerDirective {
-    service;
-    element;
-    ngZone;
-    cdr;
-    /**
-     * Sets a selector for elements in the container to make them drop targets. [See example]({% slug drop_target_container %}).
-     */
-    set dropTargetFilter(value) {
-        this._dropTargetFilter = value;
-        if (!this.dropDisabled) {
-            this.initializeDropTargets();
-        }
-    }
-    get dropTargetFilter() {
-        return this._dropTargetFilter;
-    }
-    /**
-     * Specifies whether the drop targets within the container will emit the corresponding events upon interaction with a drag target.
-     */
-    set dropDisabled(value) {
-        this._dropDisabled = value;
-        if (value) {
-            this.clearPreviousTargets();
-        }
-        else {
-            this.initializeDropTargets();
-        }
-    }
-    get dropDisabled() {
-        return this._dropDisabled;
-    }
-    /**
-     * Fires when a drag target enters a drop target.
-     */
-    onDragEnter = new EventEmitter();
-    /**
-     * Fires when a drag target is dragged over a drop target.
-     */
-    onDragOver = new EventEmitter();
-    /**
-     * Fires when a drag target leaves a drop target.
-     */
-    onDragLeave = new EventEmitter();
-    /**
-     * Fires when a drag target is dropped over a drop target.
-     */
-    onDrop = new EventEmitter();
-    /**
-     * Notifies the `DropTargetContainer` that its content has changed.
-     */
-    notify() {
-        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;
-    }
-    ngAfterViewInit() {
-        if (!this.dropDisabled) {
-            this.initializeDropTargets();
-        }
-    }
-    get allDropTargets() {
-        if (isPresent(this.dropTargetFilter) && this.dropTargetFilter !== '') {
-            return Array.from(this.nativeElement.querySelectorAll(this.dropTargetFilter));
-        }
-    }
-    /**
-     * @hidden
-     */
-    handleDragEnter(event) {
-        if (!this.service.dragTargetPresent || this.service.dropTargetPresent) {
-            return;
-        }
-        const currDragTargetElement = this.service.dragTarget.hint || this.service.dragTarget.element;
-        const currDropTargetElem = intersect(currDragTargetElement, this.allDropTargets);
-        const currDropTarget = this.service.dropTargets.find(dt => dt.element === currDropTargetElem);
-        if (!isPresent(currDropTargetElem) || !isPresent(currDropTarget)) {
-            return;
-        }
-        this.currentDropTargetElement = currDropTargetElem;
-        this.service.dropTarget = currDropTarget;
-        this.service.dropIndex = this.getDropIndex();
-        this.emitZoneAwareEvent('onDragEnter', event);
-    }
-    /**
-     * @hidden
-     */
-    handleDragLeave(event) {
-        if (!this.service.dragTargetPresent || !this.service.dropTargetPresent) {
-            return;
-        }
-        this.emitZoneAwareEvent('onDragLeave', event);
-        this.currentDropTargetElement = null;
-        this.service.dropTarget = null;
-        this.service.dropIndex = null;
-    }
-    /**
-     * @hidden
-     */
-    handleDragOver(event) {
-        if (!this.service.dragTargetPresent || !this.service.dropTargetPresent) {
-            return;
-        }
-        this.emitZoneAwareEvent('onDragOver', event);
-    }
-    /**
-     * @hidden
-     */
-    handleDrop(event) {
-        if (!this.service.dragTargetPresent || !this.service.dropTargetPresent) {
-            return;
-        }
-        this.emitZoneAwareEvent('onDrop', event);
-        this.currentDropTargetElement = null;
-        this.service.dropTarget = null;
-        this.service.dropIndex = null;
-    }
-    initializeDropTargets() {
-        if (!isPresent(this.allDropTargets)) {
-            if (this.previousDropTargets.length > 0) {
-                this.clearPreviousTargets();
-            }
-            return;
-        }
-        this.allDropTargets.forEach(dropTargetEl => {
-            const isDropTargetInitialized = this.service.dropTargets.find(dt => dt.element === dropTargetEl);
-            if (!isDropTargetInitialized) {
-                this.service.dropTargets.push({
-                    element: dropTargetEl,
-                    onDragEnter: this.handleDragEnter.bind(this),
-                    onDragLeave: this.handleDragLeave.bind(this),
-                    onDragOver: this.handleDragOver.bind(this),
-                    onDrop: this.handleDrop.bind(this)
-                });
-            }
-        });
-        if (this.previousDropTargets.length > 0) {
-            const dropTargetsToRemove = this.previousDropTargets.filter(dt => !this.allDropTargets.includes(dt));
-            dropTargetsToRemove.forEach(dropTarget => {
-                const idx = this.service.dropTargets.findIndex(serviceDropTarget => serviceDropTarget.element === dropTarget);
-                if (idx > -1) {
-                    this.service.dropTargets.splice(idx, 1);
-                }
-            });
-        }
-        this.previousDropTargets = this.allDropTargets;
-    }
-    emitZoneAwareEvent(event, normalizedEvent) {
-        const eventProps = {
-            dragTarget: this.service.dragTarget?.element,
-            dropTarget: this.currentDropTargetElement,
-            dragData: this.service.dragData,
-            dragEvent: normalizedEvent,
-            dropTargetIndex: this.service.dropIndex
-        };
-        if (isPresent(this.service.dragTarget?.hint)) {
-            eventProps.hintElement = this.service.dragTarget.hint;
-        }
-        const eventArgs = new DropTargetEvent(eventProps);
-        this.ngZone.run(() => {
-            this[event].emit(eventArgs);
-        });
-    }
-    getDropIndex() {
-        return this.allDropTargets.indexOf(this.currentDropTargetElement);
-    }
-    clearPreviousTargets() {
-        this.previousDropTargets.forEach(dropTarget => {
-            const idx = this.service.dropTargets.findIndex(serviceDropTarget => serviceDropTarget.element === dropTarget);
-            if (idx > -1) {
-                this.service.dropTargets.splice(idx, 1);
-            }
-        });
-        this.previousDropTargets = [];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropTargetContainerDirective, deps: [{ token: i1.DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: DropTargetContainerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropTargetContainer]',
-                    exportAs: 'kendoDropTargetContainer',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { dropTargetFilter: [{
-                type: Input
-            }], dropDisabled: [{
-                type: Input
-            }], onDragEnter: [{
-                type: Output
-            }], onDragOver: [{
-                type: Output
-            }], onDragLeave: [{
-                type: Output
-            }], onDrop: [{
-                type: Output
-            }] } });

package/esm2022/drag-and-drop/droptarget.directive.mjs

@@ -1,137 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, ElementRef, EventEmitter, NgZone, Output } from "@angular/core";
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { DragStateService } from "./drag-state.service";
-import { DropTargetEvent } from './events/drop-target-event';
-import { isPresent } from "./util";
-import * as i0 from "@angular/core";
-import * as i1 from "./drag-state.service";
-/**
- * Represents the Kendo UI DropTarget directive for Angular.
- * Use this directive to make an element a drop target for draggable items.
- *
- * ```html
- * <div kendoDropTarget>
- *   Drop here
- * </div>
- * ```
- *
- */
-export class DropTargetDirective {
-    service;
-    element;
-    ngZone;
-    /**
-     * Fires when a drag target enters the drop target.
-     */
-    onDragEnter = new EventEmitter();
-    /**
-     * Fires when a drag target is dragged over the drop target.
-     */
-    onDragOver = new EventEmitter();
-    /**
-     * Fires when a drag target leaves the drop target.
-     */
-    onDragLeave = new EventEmitter();
-    /**
-     * Fires when a drag target is dropped over the drop target.
-     */
-    onDrop = new EventEmitter();
-    constructor(service, element, ngZone) {
-        this.service = service;
-        this.element = element;
-        this.ngZone = ngZone;
-        validatePackage(packageMetadata);
-    }
-    dropTarget;
-    ngOnInit() {
-        this.initializeDropTarget();
-        this.service.dropTargets.push(this.dropTarget);
-    }
-    ngOnDestroy() {
-        const currentDropTargetIndex = this.service.dropTargets.indexOf(this.dropTarget);
-        this.service.dropTargets.splice(currentDropTargetIndex, 1);
-    }
-    /**
-     * @hidden
-     */
-    handleDragEnter(event) {
-        if (!this.service.dragTarget) {
-            return;
-        }
-        this.service.dropTarget = this.dropTarget;
-        this.emitZoneAwareEvent('onDragEnter', event);
-    }
-    /**
-     * @hidden
-     */
-    handleDragLeave(event) {
-        this.service.dropTarget = null;
-        if (!this.service.dragTarget) {
-            return;
-        }
-        this.emitZoneAwareEvent('onDragLeave', event);
-    }
-    /**
-     * @hidden
-     */
-    handleDragOver(event) {
-        if (!this.service.dragTarget) {
-            return;
-        }
-        this.emitZoneAwareEvent('onDragOver', event);
-    }
-    /**
-     * @hidden
-     */
-    handleDrop(event) {
-        this.emitZoneAwareEvent('onDrop', event);
-        this.service.dropTarget = null;
-    }
-    initializeDropTarget() {
-        this.dropTarget = {
-            element: this.element.nativeElement,
-            onDragEnter: this.handleDragEnter.bind(this),
-            onDragLeave: this.handleDragLeave.bind(this),
-            onDragOver: this.handleDragOver.bind(this),
-            onDrop: this.handleDrop.bind(this)
-        };
-    }
-    emitZoneAwareEvent(event, normalizedEvent) {
-        const eventProps = {
-            dropTarget: this.element.nativeElement,
-            dragTarget: this.service.dragTarget?.element,
-            dragEvent: normalizedEvent,
-            dragData: this.service.dragData
-        };
-        if (isPresent(this.service.dragTarget?.hint)) {
-            eventProps.hintElement = this.service.dragTarget.element;
-        }
-        const eventArgs = new DropTargetEvent(eventProps);
-        this.ngZone.run(() => {
-            this[event].emit(eventArgs);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropTargetDirective, deps: [{ token: i1.DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: DropTargetDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropTarget]',
-                    exportAs: 'kendoDropTarget',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { onDragEnter: [{
-                type: Output
-            }], onDragOver: [{
-                type: Output
-            }], onDragLeave: [{
-                type: Output
-            }], onDrop: [{
-                type: Output
-            }] } });

package/esm2022/drag-and-drop/events/drag-target/drag-event.mjs

@@ -1,52 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '@progress/kendo-angular-common';
-/**
- * Arguments for the drag event of the `DragTarget` and `DragTargetContainer`.
- */
-export class DragTargetDragEvent extends PreventableEvent {
-    /**
-     * The information related to the current drag event.
-     * This is the normalized drag event that contains details about the drag operation.
-     */
-    dragEvent;
-    /**
-     * The DOM element being dragged.
-     */
-    dragTarget;
-    /**
-     * The hint element 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. Applies to `DragTargetContainer` directive.
-     */
-    dragTargetIndex;
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get normalizedEvent() {
-        return this.dragEvent;
-    }
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get hostElement() {
-        return this.dragTarget;
-    }
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
-}

package/esm2022/drag-and-drop/events/drag-target/dragready-event.mjs

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Arguments for the dragReady event of the `DragTarget` and `DragTargetContainer`.
- */
-export class DragTargetDragReadyEvent {
-    /**
-     * The information related to the current drag event.
-     * This is the normalized drag event that contains details about the drag operation.
-     */
-    dragEvent;
-    /**
-     * The DOM element 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. Applies to `DragTargetContainer` directive.
-     */
-    dragTargetIndex;
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        Object.assign(this, args);
-    }
-}

package/esm2022/drag-and-drop/events/drag-target/end-event.mjs

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Arguments for the dragEnd event of the `DragTarget` and `DragTargetContainer`.
- */
-export class DragTargetDragEndEvent {
-    /**
-     * The information related to the current drag event.
-     * This is the normalized drag event that contains details about the drag operation.
-     */
-    dragEvent;
-    /**
-     * The DOM element 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. Applies to `DragTargetContainer` directive.
-     */
-    dragTargetIndex;
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get normalizedEvent() {
-        return this.dragEvent;
-    }
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get hostElement() {
-        return this.dragTarget;
-    }
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        Object.assign(this, args);
-    }
-}

package/esm2022/drag-and-drop/events/drag-target/index.mjs

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { DragTargetPressEvent } from './press-event';
-export { DragTargetDragReadyEvent } from './dragready-event';
-export { DragTargetDragStartEvent } from './start-event';
-export { DragTargetDragEndEvent } from './end-event';
-export { DragTargetDragEvent } from './drag-event';
-export { DragTargetReleaseEvent } from './release-event';

package/esm2022/drag-and-drop/events/drag-target/press-event.mjs

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Arguments for the press event of the `DragTarget` and `DragTargetContainer`.
- */
-export class DragTargetPressEvent {
-    /**
-     * The information related to the current drag event.
-     * This is the normalized drag event that contains details about the drag operation.
-     */
-    dragEvent;
-    /**
-     * The DOM element 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. Applies to `DragTargetContainer` directive.
-     */
-    dragTargetIndex;
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get normalizedEvent() {
-        return this.dragEvent;
-    }
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get hostElement() {
-        return this.dragTarget;
-    }
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        Object.assign(this, args);
-    }
-}

package/esm2022/drag-and-drop/events/drag-target/release-event.mjs

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Arguments for the release event of the `DragTarget` and `DragTargetContainer`.
- */
-export class DragTargetReleaseEvent {
-    /**
-     * The information related to the current drag event.
-     * This is the normalized drag event that contains details about the drag operation.
-     */
-    dragEvent;
-    /**
-     * The DOM element 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. Applies to `DragTargetContainer` directive.
-     */
-    dragTargetIndex;
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get normalizedEvent() {
-        return this.dragEvent;
-    }
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get hostElement() {
-        return this.dragTarget;
-    }
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        Object.assign(this, args);
-    }
-}

package/esm2022/drag-and-drop/events/drag-target/start-event.mjs

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '@progress/kendo-angular-common';
-/**
- * Arguments for the `dragStart` event of the `DragTarget` and `DragTargetContainer`.
- */
-export class DragTargetDragStartEvent extends PreventableEvent {
-    /**
-     * The information related to the current drag event.
-     * This is the normalized drag event that contains details about the drag operation.
-     */
-    dragEvent;
-    /**
-     * The DOM element 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. Applies to `DragTargetContainer` directive.
-     */
-    dragTargetIndex;
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get normalizedEvent() {
-        return this.dragEvent;
-    }
-    /**
-     * Left for backward compatibility for the DragTarget deprecated events.
-     * @hidden
-     */
-    get hostElement() {
-        return this.dragTarget;
-    }
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
-}