@progress/kendo-angular-sortable 16.5.0-develop.6 → 16.6.0-develop.1

package/binding.directive.d.ts

@@ -43,5 +43,5 @@ export declare class SortableBindingDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortableBindingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SortableBindingDirective, "[kendoSortableBinding]", never, { "data": "kendoSortableBinding"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SortableBindingDirective, "[kendoSortableBinding]", never, { "data": "kendoSortableBinding"; }, {}, never, never, true, never>;
 }

package/directives.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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";
+/**
+ * Utility array that contains all `@progress/kendo-angular-sortable` related components and directives
+ */
+export declare const KENDO_SORTABLE: readonly [typeof SortableComponent, typeof DraggableDirective, typeof PlaceholderTemplateDirective, typeof ItemTemplateDirective, typeof SortableBindingDirective];

package/draggable.directive.d.ts

@@ -26,5 +26,5 @@ export declare class DraggableDirective implements OnInit {
     ngOnInit(): void;
     private updateDisplayStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "index": "index"; "disabled": "disabled"; "hidden": "hidden"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "index": "index"; "disabled": "disabled"; "hidden": "hidden"; }, {}, never, never, true, never>;
 }

package/esm2020/binding.directive.mjs

@@ -162,11 +162,12 @@ export class SortableBindingDirective {
     }
 }
 SortableBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, deps: [{ token: i1.SortableComponent }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Directive });
-SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
+SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortableBinding]'
+                    selector: '[kendoSortableBinding]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.SortableComponent }, { type: i2.SortableService }]; }, propDecorators: { data: [{
                 type: Input,

package/esm2020/directives.mjs

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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";
+/**
+ * Utility array that contains all `@progress/kendo-angular-sortable` related components and directives
+ */
+export const KENDO_SORTABLE = [
+    SortableComponent,
+    DraggableDirective,
+    PlaceholderTemplateDirective,
+    ItemTemplateDirective,
+    SortableBindingDirective
+];

package/esm2020/draggable.directive.mjs

@@ -50,11 +50,12 @@ export class DraggableDirective {
     }
 }
 DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, deps: [{ token: i1.SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
+DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDraggable]'
+                    selector: '[kendoDraggable]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.SortableContainer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
                 type: Input

package/esm2020/index.mjs

@@ -15,3 +15,4 @@ 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';

package/esm2020/item-template.directive.mjs

@@ -14,11 +14,12 @@ export class ItemTemplateDirective {
     }
 }
 ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
+ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortableItemTemplate]'
+                    selector: '[kendoSortableItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 /**
@@ -30,10 +31,11 @@ export class PlaceholderTemplateDirective {
     }
 }
 PlaceholderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
+PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortablePlaceholderTemplate]'
+                    selector: '[kendoSortablePlaceholderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721766363,
-    version: '16.5.0-develop.6',
+    publishDate: 1721828001,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/sortable.component.mjs

@@ -19,11 +19,10 @@ import { NavigateEvent } from './navigate-event';
 import { DraggableEvent } from './draggable-event';
 import { DragStartEvent, DragOverEvent, DragEndEvent } from './sortable-events';
 import { Draggable } from '@progress/kendo-draggable';
+import { NgFor, NgClass, NgStyle, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./sortable.service";
-import * as i3 from "@angular/common";
-import * as i4 from "./draggable.directive";
 const KEY_SHORTCUTS = 'Control+ArrowLeft Control+ArrowRight Meta+ArrowLeft Meta+ArrowRight';
 /**
  * Represents the [Kendo UI Sortable component for Angular]({% slug overview_sortable %}).
@@ -59,18 +58,18 @@ export class SortableComponent {
         this.animation = false;
         /**
          * Sets an array of integers, which represent the indexes of the disabled items from the data array
-         * ([see example]({% slug items_sortable %}#toc-disabled-items)).
+         * ([see example](slug:items_sortable#toc-disabling-items)).
          */
         this.disabledIndexes = [];
         /**
          * Sets a string that represents the name of the zone to which the Sortable belongs
-         * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). Items can be transferred
+         * ([see example](slug:items_sortable#toc-transferring-of-items)). Items can be transferred
          * between Sortables which belong to the same zone.
          */
         this.zone = undefined;
         /**
          * Defines the zones from which items can be transferred onto the current Sortable component
-         * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). If the `acceptZones` property
+         * ([see example](slug:items_sortable#toc-transferring-of-items)). If the `acceptZones` property
          * of the target Sortable is set, allows you to transfer items between Sortables which belong
          * to different zones.
          */
@@ -981,7 +980,7 @@ export class SortableComponent {
     }
 }
 SortableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Component });
-SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", 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: [
+SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", 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,
@@ -1037,7 +1036,7 @@ SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         </ng-container>
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.DraggableDirective, selector: "[kendoDraggable]", inputs: ["index", "disabled", "hidden"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, decorators: [{
             type: Component,
             args: [{
@@ -1100,7 +1099,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </ng-container>
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgFor, DraggableDirective, NgClass, NgStyle, NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i2.SortableService }]; }, propDecorators: { tabIndex: [{
                 type: Input

package/esm2020/sortable.module.mjs

@@ -3,21 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SortableComponent } from './sortable.component';
 import { SortableService } from "./sortable.service";
-import { DraggableDirective } from "./draggable.directive";
-import { PlaceholderTemplateDirective } from './item-template.directive';
-import { ItemTemplateDirective } from './item-template.directive';
-import { SortableBindingDirective } from "./binding.directive";
+import { KENDO_SORTABLE } from './directives';
 import * as i0 from "@angular/core";
-const COMPONENT_DIRECTIVES = [
-    SortableComponent,
-    DraggableDirective,
-    PlaceholderTemplateDirective,
-    ItemTemplateDirective,
-    SortableBindingDirective
-];
+import * as i1 from "./sortable.component";
+import * as i2 from "./draggable.directive";
+import * as i3 from "./item-template.directive";
+import * as i4 from "./binding.directive";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  *
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
@@ -51,22 +44,13 @@ const COMPONENT_DIRECTIVES = [
 export class SortableModule {
 }
 SortableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, declarations: [SortableComponent,
-        DraggableDirective,
-        PlaceholderTemplateDirective,
-        ItemTemplateDirective,
-        SortableBindingDirective], imports: [CommonModule], exports: [SortableComponent,
-        DraggableDirective,
-        PlaceholderTemplateDirective,
-        ItemTemplateDirective,
-        SortableBindingDirective] });
-SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [CommonModule] });
+SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, imports: [i1.SortableComponent, i2.DraggableDirective, i3.PlaceholderTemplateDirective, i3.ItemTemplateDirective, i4.SortableBindingDirective], exports: [i1.SortableComponent, i2.DraggableDirective, i3.PlaceholderTemplateDirective, i3.ItemTemplateDirective, i4.SortableBindingDirective] });
+SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [i1.SortableComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    exports: [COMPONENT_DIRECTIVES],
-                    imports: [CommonModule],
+                    imports: [...KENDO_SORTABLE],
+                    exports: [...KENDO_SORTABLE],
                     providers: [SortableService]
                 }]
         }] });

package/fesm2015/progress-kendo-angular-sortable.mjs

@@ -11,8 +11,7 @@ import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Draggable } from '@progress/kendo-draggable';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { NgFor, NgClass, NgStyle, NgIf, NgTemplateOutlet } from '@angular/common';
 
 const NODE_NAME_PREDICATES = {};
 const NODE_ATTR_PREDICATES = {};
@@ -189,8 +188,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721766363,
-    version: '16.5.0-develop.6',
+    publishDate: 1721828001,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -249,11 +248,12 @@ class DraggableDirective {
     }
 }
 DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, deps: [{ token: SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
+DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDraggable]'
+                    selector: '[kendoDraggable]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: SortableContainer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
                 type: Input
@@ -279,11 +279,12 @@ class ItemTemplateDirective {
     }
 }
 ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
+ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortableItemTemplate]'
+                    selector: '[kendoSortableItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 /**
@@ -295,11 +296,12 @@ class PlaceholderTemplateDirective {
     }
 }
 PlaceholderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
+PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortablePlaceholderTemplate]'
+                    selector: '[kendoSortablePlaceholderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
@@ -647,18 +649,18 @@ class SortableComponent {
         this.animation = false;
         /**
          * Sets an array of integers, which represent the indexes of the disabled items from the data array
-         * ([see example]({% slug items_sortable %}#toc-disabled-items)).
+         * ([see example](slug:items_sortable#toc-disabling-items)).
          */
         this.disabledIndexes = [];
         /**
          * Sets a string that represents the name of the zone to which the Sortable belongs
-         * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). Items can be transferred
+         * ([see example](slug:items_sortable#toc-transferring-of-items)). Items can be transferred
          * between Sortables which belong to the same zone.
          */
         this.zone = undefined;
         /**
          * Defines the zones from which items can be transferred onto the current Sortable component
-         * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). If the `acceptZones` property
+         * ([see example](slug:items_sortable#toc-transferring-of-items)). If the `acceptZones` property
          * of the target Sortable is set, allows you to transfer items between Sortables which belong
          * to different zones.
          */
@@ -1569,7 +1571,7 @@ class SortableComponent {
     }
 }
 SortableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Component });
-SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", 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: [
+SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", 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,
@@ -1625,7 +1627,7 @@ SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         </ng-container>
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["index", "disabled", "hidden"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, decorators: [{
             type: Component,
             args: [{
@@ -1688,7 +1690,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </ng-container>
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgFor, DraggableDirective, NgClass, NgStyle, NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.ElementRef }, { type: SortableService }]; }, propDecorators: { tabIndex: [{
                 type: Input
@@ -1963,24 +1967,30 @@ class SortableBindingDirective {
     }
 }
 SortableBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, deps: [{ token: SortableComponent }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Directive });
-SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
+SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortableBinding]'
+                    selector: '[kendoSortableBinding]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: SortableComponent }, { type: SortableService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: ["kendoSortableBinding"]
             }] } });
 
-const COMPONENT_DIRECTIVES = [
+/**
+ * Utility array that contains all `@progress/kendo-angular-sortable` related components and directives
+ */
+const KENDO_SORTABLE = [
     SortableComponent,
     DraggableDirective,
     PlaceholderTemplateDirective,
     ItemTemplateDirective,
     SortableBindingDirective
 ];
+
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  *
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
@@ -2014,22 +2024,13 @@ const COMPONENT_DIRECTIVES = [
 class SortableModule {
 }
 SortableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, declarations: [SortableComponent,
-        DraggableDirective,
-        PlaceholderTemplateDirective,
-        ItemTemplateDirective,
-        SortableBindingDirective], imports: [CommonModule], exports: [SortableComponent,
-        DraggableDirective,
-        PlaceholderTemplateDirective,
-        ItemTemplateDirective,
-        SortableBindingDirective] });
-SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [CommonModule] });
+SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, imports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective], exports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective] });
+SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [SortableComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    exports: [COMPONENT_DIRECTIVES],
-                    imports: [CommonModule],
+                    imports: [...KENDO_SORTABLE],
+                    exports: [...KENDO_SORTABLE],
                     providers: [SortableService]
                 }]
         }] });
@@ -2038,5 +2039,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DataMoveEvent, DragEndEvent, DragOverEvent, DragStartEvent, DraggableDirective, DraggableEvent, ItemTemplateDirective, NavigateEvent, PlaceholderTemplateDirective, PreventableEvent, SortableBindingDirective, SortableComponent, SortableContainer, SortableModule, SortableService };
+export { DataMoveEvent, DragEndEvent, DragOverEvent, DragStartEvent, DraggableDirective, DraggableEvent, ItemTemplateDirective, KENDO_SORTABLE, NavigateEvent, PlaceholderTemplateDirective, PreventableEvent, SortableBindingDirective, SortableComponent, SortableContainer, SortableModule, SortableService };
 

package/fesm2020/progress-kendo-angular-sortable.mjs

@@ -11,8 +11,7 @@ import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Draggable } from '@progress/kendo-draggable';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { NgFor, NgClass, NgStyle, NgIf, NgTemplateOutlet } from '@angular/common';
 
 const NODE_NAME_PREDICATES = {};
 const NODE_ATTR_PREDICATES = {};
@@ -189,8 +188,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721766363,
-    version: '16.5.0-develop.6',
+    publishDate: 1721828001,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -464,11 +463,12 @@ class DraggableDirective {
     }
 }
 DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, deps: [{ token: SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
+DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDraggable]'
+                    selector: '[kendoDraggable]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: SortableContainer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
                 type: Input
@@ -494,11 +494,12 @@ class ItemTemplateDirective {
     }
 }
 ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
+ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortableItemTemplate]'
+                    selector: '[kendoSortableItemTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 /**
@@ -510,11 +511,12 @@ class PlaceholderTemplateDirective {
     }
 }
 PlaceholderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
+PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortablePlaceholderTemplate]'
+                    selector: '[kendoSortablePlaceholderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
@@ -647,18 +649,18 @@ class SortableComponent {
         this.animation = false;
         /**
          * Sets an array of integers, which represent the indexes of the disabled items from the data array
-         * ([see example]({% slug items_sortable %}#toc-disabled-items)).
+         * ([see example](slug:items_sortable#toc-disabling-items)).
          */
         this.disabledIndexes = [];
         /**
          * Sets a string that represents the name of the zone to which the Sortable belongs
-         * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). Items can be transferred
+         * ([see example](slug:items_sortable#toc-transferring-of-items)). Items can be transferred
          * between Sortables which belong to the same zone.
          */
         this.zone = undefined;
         /**
          * Defines the zones from which items can be transferred onto the current Sortable component
-         * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). If the `acceptZones` property
+         * ([see example](slug:items_sortable#toc-transferring-of-items)). If the `acceptZones` property
          * of the target Sortable is set, allows you to transfer items between Sortables which belong
          * to different zones.
          */
@@ -1569,7 +1571,7 @@ class SortableComponent {
     }
 }
 SortableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Component });
-SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", 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: [
+SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", 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,
@@ -1625,7 +1627,7 @@ SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         </ng-container>
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["index", "disabled", "hidden"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, decorators: [{
             type: Component,
             args: [{
@@ -1688,7 +1690,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </ng-container>
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgFor, DraggableDirective, NgClass, NgStyle, NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.ElementRef }, { type: SortableService }]; }, propDecorators: { tabIndex: [{
                 type: Input
@@ -1963,24 +1967,30 @@ class SortableBindingDirective {
     }
 }
 SortableBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, deps: [{ token: SortableComponent }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Directive });
-SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
+SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSortableBinding]'
+                    selector: '[kendoSortableBinding]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: SortableComponent }, { type: SortableService }]; }, propDecorators: { data: [{
                 type: Input,
                 args: ["kendoSortableBinding"]
             }] } });
 
-const COMPONENT_DIRECTIVES = [
+/**
+ * Utility array that contains all `@progress/kendo-angular-sortable` related components and directives
+ */
+const KENDO_SORTABLE = [
     SortableComponent,
     DraggableDirective,
     PlaceholderTemplateDirective,
     ItemTemplateDirective,
     SortableBindingDirective
 ];
+
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  *
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
@@ -2014,22 +2024,13 @@ const COMPONENT_DIRECTIVES = [
 class SortableModule {
 }
 SortableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, declarations: [SortableComponent,
-        DraggableDirective,
-        PlaceholderTemplateDirective,
-        ItemTemplateDirective,
-        SortableBindingDirective], imports: [CommonModule], exports: [SortableComponent,
-        DraggableDirective,
-        PlaceholderTemplateDirective,
-        ItemTemplateDirective,
-        SortableBindingDirective] });
-SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [CommonModule] });
+SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, imports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective], exports: [SortableComponent, DraggableDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableBindingDirective] });
+SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [SortableComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    exports: [COMPONENT_DIRECTIVES],
-                    imports: [CommonModule],
+                    imports: [...KENDO_SORTABLE],
+                    exports: [...KENDO_SORTABLE],
                     providers: [SortableService]
                 }]
         }] });
@@ -2038,5 +2039,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DataMoveEvent, DragEndEvent, DragOverEvent, DragStartEvent, DraggableDirective, DraggableEvent, ItemTemplateDirective, NavigateEvent, PlaceholderTemplateDirective, PreventableEvent, SortableBindingDirective, SortableComponent, SortableContainer, SortableModule, SortableService };
+export { DataMoveEvent, DragEndEvent, DragOverEvent, DragStartEvent, DraggableDirective, DraggableEvent, ItemTemplateDirective, KENDO_SORTABLE, NavigateEvent, PlaceholderTemplateDirective, PreventableEvent, SortableBindingDirective, SortableComponent, SortableContainer, SortableModule, SortableService };
 

package/index.d.ts

@@ -17,3 +17,4 @@ 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';

package/item-template.directive.d.ts

@@ -11,7 +11,7 @@ export declare class ItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemTemplateDirective, "[kendoSortableItemTemplate]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemTemplateDirective, "[kendoSortableItemTemplate]", never, {}, {}, never, never, true, never>;
 }
 /**
  * @hidden
@@ -20,5 +20,5 @@ export declare class PlaceholderTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PlaceholderTemplateDirective, "[kendoSortablePlaceholderTemplate]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PlaceholderTemplateDirective, "[kendoSortablePlaceholderTemplate]", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-sortable",
-  "version": "16.5.0-develop.6",
+  "version": "16.6.0-develop.1",
   "description": "A Sortable Component for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,13 +23,13 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.5.0-develop.6",
-    "@progress/kendo-angular-l10n": "16.5.0-develop.6",
+    "@progress/kendo-angular-common": "16.6.0-develop.1",
+    "@progress/kendo-angular-l10n": "16.6.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.5.0-develop.6",
+    "@progress/kendo-angular-schematics": "16.6.0-develop.1",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/sortable.component.d.ts

@@ -56,18 +56,18 @@ export declare class SortableComponent implements OnInit, OnDestroy, OnChanges,
     animation: boolean;
     /**
      * Sets an array of integers, which represent the indexes of the disabled items from the data array
-     * ([see example]({% slug items_sortable %}#toc-disabled-items)).
+     * ([see example](slug:items_sortable#toc-disabling-items)).
      */
     disabledIndexes: number[];
     /**
      * Sets a string that represents the name of the zone to which the Sortable belongs
-     * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). Items can be transferred
+     * ([see example](slug:items_sortable#toc-transferring-of-items)). Items can be transferred
      * between Sortables which belong to the same zone.
      */
     zone: string;
     /**
      * Defines the zones from which items can be transferred onto the current Sortable component
-     * ([see example]({% slug items_sortable %}#toc-transfer-of-items)). If the `acceptZones` property
+     * ([see example](slug:items_sortable#toc-transferring-of-items)). If the `acceptZones` property
      * of the target Sortable is set, allows you to transfer items between Sortables which belong
      * to different zones.
      */
@@ -442,5 +442,5 @@ export declare class SortableComponent implements OnInit, OnDestroy, OnChanges,
     private placeHolderItemData;
     private fixFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortableComponent, "kendo-sortable", ["kendoSortable"], { "tabIndex": "tabIndex"; "data": "data"; "navigable": "navigable"; "navigatable": "navigatable"; "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"; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "dragOver": "dragOver"; "dragLeave": "dragLeave"; "dataMove": "dataMove"; "dataAdd": "dataAdd"; "dataRemove": "dataRemove"; "navigate": "navigate"; }, ["defaultTemplateRef", "itemTemplateDirectiveRef", "placeholderTemplateDirectiveRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortableComponent, "kendo-sortable", ["kendoSortable"], { "tabIndex": "tabIndex"; "data": "data"; "navigable": "navigable"; "navigatable": "navigatable"; "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"; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "dragOver": "dragOver"; "dragLeave": "dragLeave"; "dataMove": "dataMove"; "dataAdd": "dataAdd"; "dataRemove": "dataRemove"; "navigate": "navigate"; }, ["defaultTemplateRef", "itemTemplateDirectiveRef", "placeholderTemplateDirectiveRef"], never, true, never>;
 }

package/sortable.module.d.ts

@@ -7,7 +7,6 @@ import * as i1 from "./sortable.component";
 import * as i2 from "./draggable.directive";
 import * as i3 from "./item-template.directive";
 import * as i4 from "./binding.directive";
-import * as i5 from "@angular/common";
 /**
  *
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
@@ -40,6 +39,6 @@ import * as i5 from "@angular/common";
  */
 export declare class SortableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SortableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SortableModule, [typeof i1.SortableComponent, typeof i2.DraggableDirective, typeof i3.PlaceholderTemplateDirective, typeof i3.ItemTemplateDirective, typeof i4.SortableBindingDirective], [typeof i5.CommonModule], [typeof i1.SortableComponent, typeof i2.DraggableDirective, typeof i3.PlaceholderTemplateDirective, typeof i3.ItemTemplateDirective, typeof i4.SortableBindingDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SortableModule, never, [typeof i1.SortableComponent, typeof i2.DraggableDirective, typeof i3.PlaceholderTemplateDirective, typeof i3.ItemTemplateDirective, typeof i4.SortableBindingDirective], [typeof i1.SortableComponent, typeof i2.DraggableDirective, typeof i3.PlaceholderTemplateDirective, typeof i3.ItemTemplateDirective, typeof i4.SortableBindingDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SortableModule>;
 }