@progress/kendo-angular-sortable 17.0.0-develop.3 → 17.0.0-develop.31

package/README.md

@@ -4,30 +4,45 @@
 
 ## Kendo UI for Angular Sortable Component
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-sortable)—a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-sortable).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-sortable) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-sortable). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-sortable).
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
 > * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
 >
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-sortable) and speed up your development process!
+> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+## Angular Sortable Component
+
+The [Kendo UI for Angular Sortable](https://www.telerik.com/kendo-angular-ui/components/sortable) is a component for dragging and dropping an element within a list to a new location within that list while the rest of the items correspondingly reorder.
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Sortable delivers are:
+
+* [Data Binding](https://www.telerik.com/kendo-angular-ui/components/sortable/binding)—You can bind the Sortable to an array of strings or objects, or utilize the built-in directive, which cuts down the repetitive boilerplate code and simplifies the handling of data operations.
+* [Managing the Items](https://www.telerik.com/kendo-angular-ui/components/sortable/items)—You can choose to render Sortable items in their disabled state so that, if need be present, users will not be able to interact with them.
+* [Templates](https://www.telerik.com/kendo-angular-ui/components/sortable/templates)—You can visually customize the content, color, structure, and the general look and feel of the Sortable by implementing templates in the component.
+* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/sortable/accessibility)—The Sortable is accessible for screen readers and supports WAI-ARIA attributes.
+* [Globalization](https://www.telerik.com/kendo-angular-ui/components/sortable/globalization)—The Sortable supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Sortable supports rendering in a right-to-left (RTL) direction.
+* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/sortable/keyboard-navigation)—The Sortable supports a number of keyboard shortcuts which allows users to accomplish various commands.
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular Sortable, you have the following support channels available:
+
+* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
+* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
-* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Sortable](https://www.telerik.com/kendo-angular-ui/components/sortable/installation/getting-started)
+* [Sortable Overview page](https://www.telerik.com/kendo-angular-ui/components/sortable) and [Sortable API reference](https://www.telerik.com/kendo-angular-ui/components/sortable/api)
+* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
 * [Blogs](http://www.telerik.com/blogs/kendo-ui)
+* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

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, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SortableBindingDirective, "[kendoSortableBinding]", never, { "data": { "alias": "kendoSortableBinding"; "required": false; }; }, {}, never, never, true, never>;
 }

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, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "index": { "alias": "index"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; }, {}, never, never, true, never>;
 }

package/{esm2020 → esm2022}/binding.directive.mjs

@@ -15,11 +15,12 @@ import * as i2 from "./sortable.service";
  * This is achieved by subscribing to the Sortable's events and handling them using the API methods it provides.
  */
 export class SortableBindingDirective {
-    constructor(sortable, sortableService) {
-        this.sortable = sortable;
-        this.sortableService = sortableService;
-        this.sortableService = sortableService;
-    }
+    sortable;
+    sortableService;
+    removeHiddenSubscription;
+    dragOverSubscription;
+    navigateSubscription;
+    lastTarget;
     /**
      * Sets a data-bound array that is used as a data source for the Sortable.
      *
@@ -33,6 +34,11 @@ export class SortableBindingDirective {
     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)) {
@@ -160,10 +166,10 @@ export class SortableBindingDirective {
             this.removeHiddenSubscription.unsubscribe();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableBindingDirective, deps: [{ token: i1.SortableComponent }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
 }
-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, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSortableBinding]',

package/{esm2020 → esm2022}/data-events.mjs

@@ -7,6 +7,14 @@ import { PreventableEvent } from './preventable-event';
  * The arguments for the `SortableComponent` `dataAdd` event.
  */
 export class DataAddEvent extends PreventableEvent {
+    /**
+     * The index of the data item.
+     */
+    index;
+    /**
+     * The data item that will be added.
+     */
+    dataItem;
     /**
      * @hidden
      */
@@ -19,6 +27,14 @@ export class DataAddEvent extends PreventableEvent {
  * The arguments for the `SortableComponent` `dataRemove` event.
  */
 export class DataRemoveEvent extends PreventableEvent {
+    /**
+     * The index of the data item.
+     */
+    index;
+    /**
+     * The data item that will be removed.
+     */
+    dataItem;
     /**
      * @hidden
      */
@@ -31,6 +47,18 @@ export class DataRemoveEvent extends PreventableEvent {
  * The arguments for the `SortableComponent` `dataMove` event.
  */
 export class DataMoveEvent extends PreventableEvent {
+    /**
+     * The index of the data item.
+     */
+    index;
+    /**
+     * The old index of the data item.
+     */
+    oldIndex;
+    /**
+     * The data item that will be removed.
+     */
+    dataItem;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/draggable-event.mjs

@@ -8,6 +8,14 @@ import { PreventableEvent } from './preventable-event';
  * @hidden
  */
 export class DraggableEvent extends PreventableEvent {
+    /**
+     * The target DraggableDirective instance.
+     */
+    target;
+    /**
+     * The browser event emitted by the target's native element.
+     */
+    originalEvent; //DragEvent | TouchEvent;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/draggable.directive.mjs

@@ -10,11 +10,11 @@ import * as i1 from "./sortable-container";
  * @hidden
  */
 export class DraggableDirective {
-    constructor(parent, el, renderer) {
-        this.parent = parent;
-        this.el = el;
-        this.renderer = renderer;
-    }
+    parent;
+    el;
+    renderer;
+    index;
+    disabled;
     set hidden(value) {
         this._hidden = value;
         this.updateDisplayStyle();
@@ -22,6 +22,7 @@ export class DraggableDirective {
     get hidden() {
         return this._hidden;
     }
+    _hidden;
     get _focused() {
         return this.disabled ? false : (this.index === this.parent.activeIndex);
     }
@@ -35,6 +36,12 @@ export class DraggableDirective {
         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;
@@ -48,10 +55,10 @@ export class DraggableDirective {
     updateDisplayStyle() {
         this.renderer.setStyle(this.el.nativeElement, 'display', this.display);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", 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 });
 }
-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, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDraggable]',

package/{esm2020 → esm2022}/item-template.directive.mjs

@@ -9,13 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ItemTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSortableItemTemplate]',
@@ -26,13 +27,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 export class PlaceholderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSortablePlaceholderTemplate]',

package/{esm2020 → esm2022}/navigate-event.mjs

@@ -7,6 +7,18 @@ import { PreventableEvent } from './preventable-event';
  * The `navigate` event is emitted when using the keyboard arrows.
  */
 export class NavigateEvent extends PreventableEvent {
+    /**
+     * The index of the draggable item.
+     */
+    index;
+    /**
+     * The old index of the draggable item.
+     */
+    oldIndex;
+    /**
+     * Indicates whether the ctrl or meta keys are pressed.
+     */
+    ctrlKey;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728917589,
-    version: '17.0.0-develop.3',
+    publishDate: 1730478903,
+    version: '17.0.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/preventable-event.mjs

@@ -9,9 +9,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses

package/{esm2020 → esm2022}/sortable-container.mjs

@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class SortableContainer {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableContainer });
 }
-SortableContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SortableContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableContainer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableContainer, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/sortable-events.mjs

@@ -7,6 +7,14 @@ import { PreventableEvent } from './preventable-event';
  * Arguments for the `dragStart` event.
  */
 export class DragStartEvent extends PreventableEvent {
+    /**
+     * The index of the draggable item.
+     */
+    index;
+    /**
+     * The old index of the draggable item.
+     */
+    oldIndex;
     /**
      * @hidden
      */
@@ -19,23 +27,9 @@ export class DragStartEvent extends PreventableEvent {
  * Arguments for the `dragOver` event.
  */
 export class DragOverEvent extends DragStartEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super(options);
-        Object.assign(this, options);
-    }
 }
 /**
  * Arguments for the `dragEnd` event.
  */
 export class DragEndEvent extends DragOverEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super(options);
-        Object.assign(this, options);
-    }
 }