@progress/kendo-angular-sortable 4.0.6 → 5.0.0-next.202203231107

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-sortable.js}

@@ -2,14 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { Injectable, NgZone, Input, HostBinding, Directive, ElementRef, Renderer2, TemplateRef, EventEmitter, ContentChildren, QueryList, ViewChildren, ViewChild, Output, Component, forwardRef, ChangeDetectorRef, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Input, HostBinding, EventEmitter, forwardRef, TemplateRef, Component, ContentChildren, ViewChildren, ViewChild, Output, NgModule } from '@angular/core';
 import { Subject, merge } from 'rxjs';
 import { isDocumentAvailable, isChanged } from '@progress/kendo-angular-common';
 import { filter, tap, take, switchMap } from 'rxjs/operators';
+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 '@telerik/kendo-draggable';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 const NODE_NAME_PREDICATES = {};
@@ -152,11 +154,214 @@ const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646219900,
+    publishDate: 1648033630,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
+/**
+ * @hidden
+ */
+class SortableContainer {
+}
+SortableContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SortableContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableContainer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableContainer, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * @hidden
+ */
+class DraggableDirective {
+    constructor(parent, el, renderer) {
+        this.parent = parent;
+        this.el = el;
+        this.renderer = renderer;
+    }
+    set hidden(value) {
+        this._hidden = value;
+        this.updateDisplayStyle();
+    }
+    ;
+    get hidden() {
+        return this._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();
+    }
+    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);
+    }
+}
+DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DraggableDirective, deps: [{ token: SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DraggableDirective, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-state-focused": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DraggableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDraggable]'
+                }]
+        }], ctorParameters: function () { return [{ type: SortableContainer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hidden: [{
+                type: Input
+            }], _focused: [{
+                type: HostBinding,
+                args: ['class.k-state-focused']
+            }], _disabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }] } });
+
+//TODO: RENAME FILE AND UPDATE EXPORTS AND MODULES
+/**
+ * @hidden
+ */
+class ItemTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ItemTemplateDirective, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSortableItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+/**
+ * @hidden
+ */
+class PlaceholderTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+PlaceholderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PlaceholderTemplateDirective, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSortablePlaceholderTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+
+/**
+ * Defines an event whose default action can be prevented
+ * by calling the `preventDefault` method.
+ *
+ * @hidden
+ */
+class PreventableEvent {
+    constructor() {
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+    /**
+     * If the event was prevented
+     * by any of its subscribers, returns `true`.
+     *
+     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
+     */
+    isDefaultPrevented() {
+        return this.prevented;
+    }
+}
+
+/**
+ * The `navigate` event is emitted when using the keyboard arrows.
+ */
+class NavigateEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(options) {
+        super();
+        Object.assign(this, options);
+    }
+}
+
+/**
+ * The arguments for the `DraggableDirective` events.
+ * @hidden
+ */
+class DraggableEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(options) {
+        super();
+        Object.assign(this, options);
+    }
+}
+
+/**
+ * Arguments for the `dragStart` event.
+ */
+class DragStartEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(options) {
+        super();
+        Object.assign(this, options);
+    }
+}
+/**
+ * Arguments for the `dragOver` event.
+ */
+class DragOverEvent extends DragStartEvent {
+    /**
+     * @hidden
+     */
+    constructor(options) {
+        super(options);
+        Object.assign(this, options);
+    }
+}
+/**
+ * Arguments for the `dragEnd` event.
+ */
+class DragEndEvent extends DragOverEvent {
+    /**
+     * @hidden
+     */
+    constructor(options) {
+        super(options);
+        Object.assign(this, options);
+    }
+}
+
 const allowDrag = (e) => {
     const target = e.originalEvent.target;
     return target.hasAttribute('data-sortable-item') || !(isFocusable(target) || widgetTarget(target));
@@ -166,7 +371,7 @@ const allowDrag = (e) => {
  * transferring items between Sortable components within the same page.
  *
  */
-let SortableService = class SortableService {
+class SortableService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         /**
@@ -365,213 +570,13 @@ let SortableService = class SortableService {
             this.source.markForCheck();
         });
     }
-};
-SortableService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [NgZone])
-], SortableService);
-
-/**
- * @hidden
- */
-let SortableContainer = class SortableContainer {
-};
-SortableContainer = __decorate([
-    Injectable()
-], SortableContainer);
-
-/**
- * @hidden
- */
-let DraggableDirective = class DraggableDirective {
-    constructor(parent, el, renderer) {
-        this.parent = parent;
-        this.el = el;
-        this.renderer = renderer;
-    }
-    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;
-    }
-    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');
-        }
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], DraggableDirective.prototype, "index", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], DraggableDirective.prototype, "hidden", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], DraggableDirective.prototype, "disabled", void 0);
-__decorate([
-    HostBinding('class.k-state-focused'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], DraggableDirective.prototype, "_focused", null);
-__decorate([
-    HostBinding('attr.aria-disabled'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], DraggableDirective.prototype, "_disabled", null);
-__decorate([
-    HostBinding('style.display'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], DraggableDirective.prototype, "display", null);
-DraggableDirective = __decorate([
-    Directive({
-        selector: '[kendoDraggable]'
-    }),
-    __metadata("design:paramtypes", [SortableContainer,
-        ElementRef,
-        Renderer2])
-], DraggableDirective);
-
-//TODO: RENAME FILE AND UPDATE EXPORTS AND MODULES
-/**
- * @hidden
- */
-let ItemTemplateDirective = class ItemTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-};
-ItemTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoSortableItemTemplate]'
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], ItemTemplateDirective);
-/**
- * @hidden
- */
-let PlaceholderTemplateDirective = class PlaceholderTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-};
-PlaceholderTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoSortablePlaceholderTemplate]'
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], PlaceholderTemplateDirective);
-
-/**
- * Defines an event whose default action can be prevented
- * by calling the `preventDefault` method.
- *
- * @hidden
- */
-class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses
-     * the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * If the event was prevented
-     * by any of its subscribers, returns `true`.
-     *
-     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}
-
-/**
- * The `navigate` event is emitted when using the keyboard arrows.
- */
-class NavigateEvent extends PreventableEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}
-
-/**
- * The arguments for the `DraggableDirective` events.
- * @hidden
- */
-class DraggableEvent extends PreventableEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
 }
+SortableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+SortableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
-/**
- * Arguments for the `dragStart` event.
- */
-class DragStartEvent extends PreventableEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}
-/**
- * Arguments for the `dragOver` event.
- */
-class DragOverEvent extends DragStartEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super(options);
-        Object.assign(this, options);
-    }
-}
-/**
- * Arguments for the `dragEnd` event.
- */
-class DragEndEvent extends DragOverEvent {
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super(options);
-        Object.assign(this, options);
-    }
-}
-
-var SortableComponent_1;
 /**
  * Represents the [Kendo UI Sortable component for Angular]({% slug overview_sortable %}).
  *
@@ -579,7 +584,6 @@ var SortableComponent_1;
  * {% embed_file shared/app.module.ts preview %}
  * {% embed_file shared/main.ts hidden %}
  */
-let SortableComponent = SortableComponent_1 = 
 /**
  * Represents the Kendo UI Sortable component for Angular.
  */
@@ -1419,167 +1423,80 @@ class SortableComponent {
             }
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], SortableComponent.prototype, "tabIndex", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], SortableComponent.prototype, "data", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], SortableComponent.prototype, "navigable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], SortableComponent.prototype, "navigatable", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], SortableComponent.prototype, "animation", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], SortableComponent.prototype, "disabledIndexes", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SortableComponent.prototype, "zone", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], SortableComponent.prototype, "acceptZones", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "itemStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "emptyItemStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "activeItemStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "disabledItemStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "itemClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "activeItemClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "emptyItemClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], SortableComponent.prototype, "disabledItemClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SortableComponent.prototype, "emptyText", void 0);
-__decorate([
-    ContentChildren(TemplateRef, { descendants: false }),
-    __metadata("design:type", QueryList)
-], SortableComponent.prototype, "defaultTemplateRef", void 0);
-__decorate([
-    ContentChildren(ItemTemplateDirective, { read: TemplateRef, descendants: false }),
-    __metadata("design:type", QueryList)
-], SortableComponent.prototype, "itemTemplateDirectiveRef", void 0);
-__decorate([
-    ContentChildren(PlaceholderTemplateDirective, { read: TemplateRef, descendants: false }),
-    __metadata("design:type", QueryList)
-], SortableComponent.prototype, "placeholderTemplateDirectiveRef", void 0);
-__decorate([
-    ViewChildren('itemWrapper'),
-    __metadata("design:type", QueryList)
-], SortableComponent.prototype, "itemWrappers", void 0);
-__decorate([
-    ViewChildren(DraggableDirective),
-    __metadata("design:type", QueryList)
-], SortableComponent.prototype, "draggables", void 0);
-__decorate([
-    ViewChild('noDataRef', { static: false }),
-    __metadata("design:type", ElementRef)
-], SortableComponent.prototype, "noDataContainer", void 0);
-__decorate([
-    ViewChild('hint', { static: false }),
-    __metadata("design:type", ElementRef)
-], SortableComponent.prototype, "hint", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragStart", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragEnd", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragOver", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragLeave", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dataMove", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dataAdd", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dataRemove", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "navigate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], SortableComponent.prototype, "activeIndex", void 0);
-__decorate([
-    HostBinding('style.touch-action'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], SortableComponent.prototype, "touchAction", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], SortableComponent.prototype, "dir", null);
-SortableComponent = SortableComponent_1 = __decorate([
-    Component({
-        exportAs: 'kendoSortable',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.sortable'
-            },
-            {
-                provide: SortableContainer,
-                useExisting: forwardRef(() => SortableComponent_1)
-            }
-        ],
-        selector: 'kendo-sortable',
-        template: `
+}
+SortableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Component });
+SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.sortable'
+        },
+        {
+            provide: SortableContainer,
+            useExisting: forwardRef(() => SortableComponent)
+        }
+    ], queries: [{ propertyName: "defaultTemplateRef", predicate: TemplateRef }, { propertyName: "itemTemplateDirectiveRef", predicate: ItemTemplateDirective, read: TemplateRef }, { propertyName: "placeholderTemplateDirectiveRef", predicate: PlaceholderTemplateDirective, read: TemplateRef }], viewQueries: [{ propertyName: "noDataContainer", first: true, predicate: ["noDataRef"], descendants: true }, { propertyName: "hint", first: true, predicate: ["hint"], descendants: true }, { propertyName: "itemWrappers", predicate: ["itemWrapper"], descendants: true }, { propertyName: "draggables", predicate: DraggableDirective, descendants: true }], exportAs: ["kendoSortable"], usesOnChanges: true, ngImport: i0, template: `
+    <div #itemWrapper *ngFor="let item of _localData;let i=index"
+        kendoDraggable
+        [attr.tabIndex]="itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null"
+        [attr.aria-grabbed]="i===dragIndex"
+        [attr.aria-dropeffect]="ariaDropEffect(i)"
+        [attr.data-sortable-item] = "true"
+        [attr.data-sortable-index]="i"
+        [attr.data-sortable-id]="id"
+        [index]="i"
+        [hidden]="item.hidden"
+        [disabled]="!itemEnabled(i)"
+        [ngClass]="currentItemClass(i)"
+        [ngStyle]="currentItemStyle(i)"
+
+        (focus)="focusHandler(i)"
+        (blur)="blurHandler()"
+        (keydown)="keydownHandler($event)"
+    >
+          <ng-container *ngIf="itemTemplateRef"
+            [ngTemplateOutlet]="itemTemplate(i)"
+            [ngTemplateOutletContext]="item">
+          </ng-container>
+      <ng-container *ngIf="!itemTemplateRef">{{item.item}}</ng-container>
+    </div>
+
+    <ng-container #noDataRef *ngIf="!_data.length || _localData.length === 1 && _localData[0].hidden">
+        <div
+        kendoDraggable
+        [index]="0"
+        [disabled]="true"
+        [attr.data-sortable-id]="id"
+        [attr.data-sortable-index]="0"
+        [ngStyle]="currentItemStyle(-1)"
+        [ngClass]="currentItemClass(-1)"
+        >{{emptyText}}</div>
+    </ng-container>
+     <div *ngIf="hintVisible()" [ngStyle]="hintStyle()" [ngClass]="currentItemClass(dragIndex)">
+         <ng-container *ngIf="itemTemplateRef"
+             [ngTemplateOutlet]="itemTemplateRef"
+             [ngTemplateOutletContext]="{item: _localData[dragIndex].item}">
+         </ng-container>
+         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
+     </div>
+  `, isInline: true, directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["index", "disabled", "hidden"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoSortable',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.sortable'
+                        },
+                        {
+                            provide: SortableContainer,
+                            useExisting: forwardRef(() => SortableComponent)
+                        }
+                    ],
+                    selector: 'kendo-sortable',
+                    template: `
     <div #itemWrapper *ngFor="let item of _localData;let i=index"
         kendoDraggable
         [attr.tabIndex]="itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null"
@@ -1624,17 +1541,87 @@ SortableComponent = SortableComponent_1 = __decorate([
          <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
      </div>
   `
-    })
-    /**
-     * Represents the Kendo UI Sortable component for Angular.
-     */
-    ,
-    __metadata("design:paramtypes", [NgZone,
-        LocalizationService,
-        ChangeDetectorRef,
-        ElementRef,
-        SortableService])
-], SortableComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: SortableService }]; }, propDecorators: { tabIndex: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], navigable: [{
+                type: Input
+            }], navigatable: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], disabledIndexes: [{
+                type: Input
+            }], zone: [{
+                type: Input
+            }], acceptZones: [{
+                type: Input
+            }], itemStyle: [{
+                type: Input
+            }], emptyItemStyle: [{
+                type: Input
+            }], activeItemStyle: [{
+                type: Input
+            }], disabledItemStyle: [{
+                type: Input
+            }], itemClass: [{
+                type: Input
+            }], activeItemClass: [{
+                type: Input
+            }], emptyItemClass: [{
+                type: Input
+            }], disabledItemClass: [{
+                type: Input
+            }], emptyText: [{
+                type: Input
+            }], defaultTemplateRef: [{
+                type: ContentChildren,
+                args: [TemplateRef, { descendants: false }]
+            }], itemTemplateDirectiveRef: [{
+                type: ContentChildren,
+                args: [ItemTemplateDirective, { read: TemplateRef, descendants: false }]
+            }], placeholderTemplateDirectiveRef: [{
+                type: ContentChildren,
+                args: [PlaceholderTemplateDirective, { read: TemplateRef, descendants: false }]
+            }], itemWrappers: [{
+                type: ViewChildren,
+                args: ['itemWrapper']
+            }], draggables: [{
+                type: ViewChildren,
+                args: [DraggableDirective]
+            }], noDataContainer: [{
+                type: ViewChild,
+                args: ['noDataRef', { static: false }]
+            }], hint: [{
+                type: ViewChild,
+                args: ['hint', { static: false }]
+            }], dragStart: [{
+                type: Output
+            }], dragEnd: [{
+                type: Output
+            }], dragOver: [{
+                type: Output
+            }], dragLeave: [{
+                type: Output
+            }], dataMove: [{
+                type: Output
+            }], dataAdd: [{
+                type: Output
+            }], dataRemove: [{
+                type: Output
+            }], navigate: [{
+                type: Output
+            }], activeIndex: [{
+                type: Input
+            }], touchAction: [{
+                type: HostBinding,
+                args: ['style.touch-action']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
 
 /**
  * The arguments for the `SortableComponent` `dataAdd` event.
@@ -1677,7 +1664,7 @@ class DataMoveEvent extends PreventableEvent {
  * A Directive which handles the most common scenarios such reordering and moving items between Sortables, thus minimizng boilerplate code.
  * This is achieved by subscribing to the Sortable's events and handling them using the API methods it provides.
  */
-let SortableBindingDirective = class SortableBindingDirective {
+class SortableBindingDirective {
     constructor(sortable, sortableService) {
         this.sortable = sortable;
         this.sortableService = sortableService;
@@ -1820,19 +1807,18 @@ let SortableBindingDirective = class SortableBindingDirective {
             this.removeHiddenSubscription.unsubscribe();
         }
     }
-};
-__decorate([
-    Input("kendoSortableBinding"),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], SortableBindingDirective.prototype, "data", null);
-SortableBindingDirective = __decorate([
-    Directive({
-        selector: '[kendoSortableBinding]'
-    }),
-    __metadata("design:paramtypes", [SortableComponent,
-        SortableService])
-], SortableBindingDirective);
+}
+SortableBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableBindingDirective, deps: [{ token: SortableComponent }, { token: SortableService }], target: i0.ɵɵFactoryTarget.Directive });
+SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SortableBindingDirective, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSortableBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: SortableComponent }, { type: SortableService }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ["kendoSortableBinding"]
+            }] } });
 
 const COMPONENT_DIRECTIVES = [
     SortableComponent,
@@ -1871,19 +1857,32 @@ const COMPONENT_DIRECTIVES = [
  *
  * ```
  */
-let SortableModule = class SortableModule {
-};
-SortableModule = __decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        exports: [COMPONENT_DIRECTIVES],
-        imports: [CommonModule],
-        providers: [SortableService]
-    })
-], SortableModule);
+class SortableModule {
+}
+SortableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    exports: [COMPONENT_DIRECTIVES],
+                    imports: [CommonModule],
+                    providers: [SortableService]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SortableComponent, SortableModule, PreventableEvent, DraggableEvent, DragStartEvent, DragEndEvent, DragOverEvent, NavigateEvent, DataMoveEvent, DraggableDirective, SortableBindingDirective, PlaceholderTemplateDirective, ItemTemplateDirective, SortableService, SortableContainer };
+export { DataMoveEvent, DragEndEvent, DragOverEvent, DragStartEvent, DraggableDirective, DraggableEvent, ItemTemplateDirective, NavigateEvent, PlaceholderTemplateDirective, PreventableEvent, SortableBindingDirective, SortableComponent, SortableContainer, SortableModule, SortableService };
+