@progress/kendo-angular-sortable 21.4.1 → 22.0.0

package/fesm2022/progress-kendo-angular-sortable.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 { Injectable, Directive, Input, HostBinding, QueryList, EventEmitter, forwardRef, TemplateRef, Component, ContentChildren, ViewChildren, ViewChild, Output, NgModule } from '@angular/core';
+import { Injectable, HostBinding, Input, Directive, QueryList, EventEmitter, TemplateRef, forwardRef, Output, ViewChild, ViewChildren, ContentChildren, Component, NgModule } from '@angular/core';
 import { Subject, merge } from 'rxjs';
 import { isDocumentAvailable, focusableSelector, isChanged, Keys, normalizeKeys, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
 import { filter, tap, take, switchMap } from 'rxjs/operators';
@@ -193,8 +193,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393321,
-    version: '21.4.1',
+    publishDate: 1768402525,
+    version: '22.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -417,10 +417,10 @@ class SortableService {
             this.source.markForCheck();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -431,10 +431,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * @hidden
  */
 class SortableContainer {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableContainer });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableContainer });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableContainer, decorators: [{
             type: Injectable
         }] });
 
@@ -487,10 +487,10 @@ class DraggableDirective {
     updateDisplayStyle() {
         this.renderer.setStyle(this.el.nativeElement, 'display', this.display);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DraggableDirective, deps: [{ token: SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DraggableDirective, deps: [{ token: SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DraggableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDraggable]',
@@ -519,10 +519,10 @@ class ItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSortableItemTemplate]',
@@ -537,10 +537,10 @@ class PlaceholderTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSortablePlaceholderTemplate]',
@@ -1597,8 +1597,8 @@ class SortableComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: SortableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", trackBy: "trackBy", data: "data", navigable: "navigable", animation: "animation", disabledIndexes: "disabledIndexes", zone: "zone", acceptZones: "acceptZones", itemStyle: "itemStyle", emptyItemStyle: "emptyItemStyle", activeItemStyle: "activeItemStyle", disabledItemStyle: "disabledItemStyle", itemClass: "itemClass", activeItemClass: "activeItemClass", emptyItemClass: "emptyItemClass", disabledItemClass: "disabledItemClass", emptyText: "emptyText", activeIndex: "activeIndex" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", dragOver: "dragOver", dragLeave: "dragLeave", dataMove: "dataMove", dataAdd: "dataAdd", dataRemove: "dataRemove", navigate: "navigate" }, host: { properties: { "style.touch-action": "this.touchAction", "attr.dir": "this.dir", "attr.role": "this.hostRole" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: SortableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", trackBy: "trackBy", data: "data", navigable: "navigable", animation: "animation", disabledIndexes: "disabledIndexes", zone: "zone", acceptZones: "acceptZones", itemStyle: "itemStyle", emptyItemStyle: "emptyItemStyle", activeItemStyle: "activeItemStyle", disabledItemStyle: "disabledItemStyle", itemClass: "itemClass", activeItemClass: "activeItemClass", emptyItemClass: "emptyItemClass", disabledItemClass: "disabledItemClass", emptyText: "emptyText", activeIndex: "activeIndex" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", dragOver: "dragOver", dragLeave: "dragLeave", dataMove: "dataMove", dataAdd: "dataAdd", dataRemove: "dataRemove", navigate: "navigate" }, host: { properties: { "style.touch-action": "this.touchAction", "attr.dir": "this.dir", "attr.role": "this.hostRole" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -1671,7 +1671,7 @@ class SortableComponent {
     }
     `, isInline: true, dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["index", "disabled", "hidden"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSortable',
@@ -2065,10 +2065,10 @@ class SortableBindingDirective {
             this.removeHiddenSubscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableBindingDirective, deps: [{ token: SortableComponent }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableBindingDirective, deps: [{ token: SortableComponent }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSortableBinding]',
@@ -2130,11 +2130,11 @@ const KENDO_SORTABLE = [
  * ```
  */
 class SortableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SortableModule, imports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective], exports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableModule, providers: [SortableService] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SortableModule, imports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective], exports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableModule, providers: [SortableService] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SortableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_SORTABLE],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-sortable",
-  "version": "21.4.1",
+  "version": "22.0.0",
   "description": "A Sortable Component for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -15,27 +15,21 @@
     "Sortable"
   ],
   "@progress": {
-    "friendlyName": "Sortable",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768393321,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Sortable"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1",
-    "@progress/kendo-angular-l10n": "21.4.1",
+    "@progress/kendo-angular-common": "22.0.0",
+    "@progress/kendo-angular-l10n": "22.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1",
+    "@progress/kendo-angular-schematics": "22.0.0",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",
@@ -47,8 +41,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-sortable.mjs",
-      "esm": "./esm2022/progress-kendo-angular-sortable.mjs",
       "default": "./fesm2022/progress-kendo-angular-sortable.mjs"
     }
   },

package/esm2022/binding.directive.mjs

@@ -1,189 +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, Input } from '@angular/core';
-import { SortableComponent } from './sortable.component';
-import { SortableService } from './sortable.service';
-import { DataAddEvent, DataMoveEvent, DataRemoveEvent } from './data-events';
-import { filter, take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "./sortable.component";
-import * as i2 from "./sortable.service";
-/**
- * Represents a directive that handles common scenarios such as reordering and moving items between Sortables, reducing boilerplate code.
- *
- * This directive subscribes to the Sortable's events and handles them using the provided API methods.
- *
- * @example
- * ```html
- * <kendo-sortable
- *      [kendoSortableBinding]="items"
- *      [navigable]="true"
- *      [animation]="true"
- *      itemClass="item col-xs-6 col-sm-3"
- *      activeItemClass="item col-xs-6 col-sm-3 active">
- * </kendo-sortable>
- * ```
- *
- * @remarks
- * Applied to: {@link SortableComponent}
- */
-export class SortableBindingDirective {
-    sortable;
-    sortableService;
-    removeHiddenSubscription;
-    dragOverSubscription;
-    navigateSubscription;
-    lastTarget;
-    /**
-     * Sets a data-bound array that is used as a data source for the Sortable ([see example](slug:overview_sortable)).
-     */
-    set data(data) {
-        this.sortable.data = data;
-    }
-    constructor(sortable, sortableService) {
-        this.sortable = sortable;
-        this.sortableService = sortableService;
-        this.sortableService = sortableService;
-    }
-    nextEnabledIndex(index, sortable) {
-        for (let i = index; i <= sortable.data.length; i++) {
-            if (sortable.itemEnabled(i)) {
-                return i;
-            }
-        }
-    }
-    addItem(event, sortable) {
-        let index = event.index;
-        const dataItem = this.sortableService.getSource().data[event.oldIndex];
-        const addEvent = new DataAddEvent({ index: index, dataItem: dataItem });
-        sortable.dataAdd.emit(addEvent);
-        if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
-                index++;
-            }
-            sortable.addDataItem(dataItem, index);
-        }
-        return !addEvent.isDefaultPrevented();
-    }
-    removeItem(event, sortable) {
-        const originDraggable = this.sortableService.originDraggable;
-        const removeEvent = new DataRemoveEvent({ index: event.oldIndex, dataItem: sortable.data[event.oldIndex] });
-        sortable.dataRemove.emit(removeEvent);
-        if (!removeEvent.isDefaultPrevented()) {
-            if (originDraggable && originDraggable.parent === sortable) {
-                sortable.hideItem(event.oldIndex, true);
-            }
-            else {
-                sortable.removeDataItem(event.oldIndex);
-            }
-        }
-        return !removeEvent.isDefaultPrevented();
-    }
-    moveItem(event, sortable) {
-        if (event.index === event.oldIndex) {
-            return false;
-        }
-        const moveEvent = new DataMoveEvent({
-            dataItem: sortable.data[event.oldIndex],
-            index: event.index,
-            oldIndex: event.oldIndex
-        });
-        sortable.dataMove.emit(moveEvent);
-        if (!moveEvent.isDefaultPrevented()) {
-            sortable.moveItem(event.oldIndex, event.index);
-        }
-        return !moveEvent.isDefaultPrevented();
-    }
-    /**
-     * Removes the Draggable item from which the drag started.
-     * @hidden
-     */
-    removeOriginDraggable() {
-        if (this.removeHiddenSubscription) {
-            this.removeHiddenSubscription.unsubscribe();
-        }
-        this.removeHiddenSubscription = this.sortableService.onReleaseSubject.pipe(take(1), filter(_ => this.sortableService.originDraggable !== null && this.sortableService.originDraggable.hidden)).subscribe((e) => {
-            const originDraggable = this.sortableService.originDraggable;
-            const newSource = this.sortableService.getSource();
-            if (originDraggable.parent !== this.sortableService.target) {
-                const isTargetDraggable = e.target ? (e.target.isDraggable || e.target.isDraggableChild) : false;
-                if (isTargetDraggable || originDraggable.parent !== newSource) {
-                    if (originDraggable.parent !== this.sortableService.target) {
-                        originDraggable.parent.removeDataItem(originDraggable.index);
-                    }
-                }
-                this.sortableService.originDraggable = null;
-            }
-        });
-    }
-    onDragOver(event) {
-        const source = this.sortableService.getSource();
-        const target = this.sortableService.target;
-        const targetDraggables = target.draggables.toArray();
-        if (event.isDefaultPrevented()) {
-            return;
-        }
-        event.preventDefault();
-        if (target === source) {
-            // Skip moveItem if target is the draggable after which item was just added
-            // Ensures item added to the end stays there until further user action
-            if (targetDraggables[event.index] !== this.lastTarget) {
-                this.moveItem(event, target);
-            }
-            this.lastTarget = undefined;
-        }
-        else {
-            if (!target.itemEnabled(event.index)) {
-                event.index = this.nextEnabledIndex(event.index, target);
-            }
-            //Add to target and remove from source
-            if (this.addItem(event, target) && this.removeItem(event, source)) {
-                this.lastTarget = target.draggables.toArray()[event.index];
-                this.removeOriginDraggable();
-                target.activeIndex = event.index;
-                source.activeIndex = -1;
-            }
-        }
-    }
-    onNavigate(event) {
-        if (event.ctrlKey) {
-            const moveEvent = new DataMoveEvent({
-                dataItem: this.sortable.data[event.oldIndex],
-                index: event.index,
-                oldIndex: event.oldIndex
-            });
-            this.sortable.dataMove.emit(moveEvent);
-            if (!moveEvent.isDefaultPrevented()) {
-                this.sortable.moveItem(event.oldIndex, event.index);
-            }
-        }
-        else {
-            this.sortable.activeIndex = event.index;
-        }
-    }
-    ngOnInit() {
-        this.dragOverSubscription = this.sortable.dragOver.subscribe(this.onDragOver.bind(this));
-        this.navigateSubscription = this.sortable.navigate.subscribe(this.onNavigate.bind(this));
-    }
-    ngOnDestroy() {
-        this.dragOverSubscription.unsubscribe();
-        this.navigateSubscription.unsubscribe();
-        if (this.removeHiddenSubscription) {
-            this.removeHiddenSubscription.unsubscribe();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableBindingDirective, deps: [{ token: i1.SortableComponent }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SortableBindingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSortableBinding]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.SortableComponent }, { type: i2.SortableService }], propDecorators: { data: [{
-                type: Input,
-                args: ["kendoSortableBinding"]
-            }] } });

package/esm2022/data-event-args.interface.mjs

@@ -1,5 +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 {};

package/esm2022/data-events.mjs

@@ -1,69 +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 './preventable-event';
-/**
- * Represents the arguments for the `SortableComponent` `dataAdd` event.
- */
-export class DataAddEvent extends PreventableEvent {
-    /**
-     * Specifies the index of the data item.
-     */
-    index;
-    /**
-     * Specifies the data item to add.
-     */
-    dataItem;
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}
-/**
- * Represents the arguments for the `SortableComponent` `dataRemove` event.
- */
-export class DataRemoveEvent extends PreventableEvent {
-    /**
-     * Specifies the index of the data item.
-     */
-    index;
-    /**
-     * Specifies the data item to remove.
-     */
-    dataItem;
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}
-/**
- * Represents the arguments for the `SortableComponent` `dataMove` event.
- */
-export class DataMoveEvent extends PreventableEvent {
-    /**
-     * Specifies the index of the data item.
-     */
-    index;
-    /**
-     * Specifies the old index of the data item.
-     */
-    oldIndex;
-    /**
-     * Specifies the data item to move.
-     */
-    dataItem;
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}

package/esm2022/directives.mjs

@@ -1,38 +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 { SortableBindingDirective } from "./binding.directive";
-import { DraggableDirective } from "./draggable.directive";
-import { ItemTemplateDirective, PlaceholderTemplateDirective } from "./item-template.directive";
-import { SortableComponent } from "./sortable.component";
-/**
- * Use this utility array to access all `@progress/kendo-angular-sortable`-related components and directives in a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { Component } from '@angular/core';
- * import { KENDO_SORTABLE } from '@progress/kendo-angular-sortable';
- *
- * @Component({
- *   selector: 'my-app',
- *   standalone: true,
- *   imports: [KENDO_SORTABLE],
- *   template: `
- *      <kendo-sortable [kendoSortableBinding]="items">
- *      </kendo-sortable>
- *   `
- * })
- *
- * export class AppComponent {
- *    public items = ['Item 1', 'Item 2', 'Item 3'];
- * }
- * ```
- */
-export const KENDO_SORTABLE = [
-    SortableComponent,
-    DraggableDirective,
-    PlaceholderTemplateDirective,
-    ItemTemplateDirective,
-    SortableBindingDirective
-];

package/esm2022/draggable-event.mjs

@@ -1,26 +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 './preventable-event';
-/**
- * Represents the arguments for the `DraggableDirective` events.
- * @hidden
- */
-export class DraggableEvent extends PreventableEvent {
-    /**
-     * Specifies the target `DraggableDirective` instance.
-     */
-    target;
-    /**
-     * Specifies the browser event emitted by the target's native element.
-     */
-    originalEvent; //DragEvent | TouchEvent;
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}

package/esm2022/draggable.directive.mjs

@@ -1,79 +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, HostBinding, Input, ElementRef, Renderer2 } from '@angular/core';
-import { SortableContainer } from './sortable-container';
-import * as i0 from "@angular/core";
-import * as i1 from "./sortable-container";
-/**
- * @hidden
- */
-export class DraggableDirective {
-    parent;
-    el;
-    renderer;
-    index;
-    disabled;
-    set hidden(value) {
-        this._hidden = value;
-        this.updateDisplayStyle();
-    }
-    get hidden() {
-        return this._hidden;
-    }
-    _hidden;
-    get _focused() {
-        return this.disabled ? false : (this.index === this.parent.activeIndex);
-    }
-    get _disabled() {
-        return this.disabled;
-    }
-    get display() {
-        return this.hidden ? "none" : this._display;
-    }
-    set display(display) {
-        this._display = display;
-        this.updateDisplayStyle();
-    }
-    _display;
-    constructor(parent, el, renderer) {
-        this.parent = parent;
-        this.el = el;
-        this.renderer = renderer;
-    }
-    ngOnInit() {
-        const nativeElement = this.el.nativeElement;
-        this.display = nativeElement.style.display;
-        if (nativeElement) { // Remove the inline styles after a few releases of the themes with the style.
-            this.renderer.setStyle(nativeElement, 'user-select', 'none');
-            this.renderer.setStyle(nativeElement, '-ms-user-select', 'none');
-            this.renderer.setStyle(nativeElement, '-moz-user-select', 'none');
-            this.renderer.setStyle(nativeElement, '-webkit-user-select', 'none');
-        }
-    }
-    updateDisplayStyle() {
-        this.renderer.setStyle(this.el.nativeElement, 'display', this.display);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DraggableDirective, deps: [{ token: i1.SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DraggableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDraggable]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.SortableContainer }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { index: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], _focused: [{
-                type: HostBinding,
-                args: ['class.k-focus']
-            }], _disabled: [{
-                type: HostBinding,
-                args: ['attr.aria-disabled']
-            }] } });

package/esm2022/index.mjs

@@ -1,18 +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 { SortableComponent } from './sortable.component';
-export { SortableModule } from './sortable.module';
-export { PreventableEvent } from './preventable-event';
-export { DraggableEvent } from './draggable-event';
-export { DragStartEvent, DragEndEvent, DragOverEvent } from './sortable-events';
-export { NavigateEvent } from './navigate-event';
-export { DataMoveEvent, DataAddEvent, DataRemoveEvent } from './data-events';
-export { DraggableDirective } from "./draggable.directive";
-export { SortableBindingDirective } from "./binding.directive";
-export { PlaceholderTemplateDirective } from './item-template.directive';
-export { ItemTemplateDirective } from './item-template.directive';
-export { SortableService } from './sortable.service';
-export { SortableContainer } from './sortable-container';
-export * from './directives';