@progress/kendo-angular-sortable 4.0.2 → 4.0.4-dev.202110281510

package/dist/es2015/sortable.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
@@ -581,9 +581,6 @@ class SortableComponent {
             this.animation = animation;
         }
         else {
-            if (index + 1 === this.data.length && this.data.length > 1) {
-                index++;
-            }
             this.data.splice(index, 0, dataItem);
             this._localData.splice(index, 0, { item: dataItem, active: false, disabled: !this.itemEnabled(index), index: index, hidden: false });
             this.updateCacheIndices();
@@ -961,6 +958,10 @@ tslib_1.__decorate([
     ViewChildren(DraggableDirective),
     tslib_1.__metadata("design:type", QueryList)
 ], SortableComponent.prototype, "draggables", void 0);
+tslib_1.__decorate([
+    ViewChild('noDataRef', { static: false }),
+    tslib_1.__metadata("design:type", ElementRef)
+], SortableComponent.prototype, "noDataContainer", void 0);
 tslib_1.__decorate([
     ViewChild('hint', { static: false }),
     tslib_1.__metadata("design:type", ElementRef)
@@ -1027,24 +1028,24 @@ SortableComponent = SortableComponent_1 = tslib_1.__decorate([
         ],
         selector: 'kendo-sortable',
         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)"
+    <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)"
-  >
+        (focus)="focusHandler(i)"
+        (blur)="blurHandler()"
+        (keydown)="keydownHandler($event)"
+    >
           <ng-container *ngIf="itemTemplateRef"
             [ngTemplateOutlet]="itemTemplate(i)"
             [ngTemplateOutletContext]="item">

package/dist/es2015/sortable.module.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/sortable.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/sortable.service.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgZone, OnDestroy } from '@angular/core';

package/dist/es2015/sortable.service.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es2015/util.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/util.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { isDocumentAvailable } from '@progress/kendo-angular-common';

package/dist/fesm2015/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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';
@@ -152,7 +152,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620216298,
+    publishDate: 1635433806,
     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'
 };
@@ -1133,9 +1133,6 @@ class SortableComponent {
             this.animation = animation;
         }
         else {
-            if (index + 1 === this.data.length && this.data.length > 1) {
-                index++;
-            }
             this.data.splice(index, 0, dataItem);
             this._localData.splice(index, 0, { item: dataItem, active: false, disabled: !this.itemEnabled(index), index: index, hidden: false });
             this.updateCacheIndices();
@@ -1513,6 +1510,10 @@ __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)
@@ -1579,24 +1580,24 @@ SortableComponent = SortableComponent_1 = __decorate([
         ],
         selector: 'kendo-sortable',
         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)"
+    <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)"
-  >
+        (focus)="focusHandler(i)"
+        (blur)="blurHandler()"
+        (keydown)="keydownHandler($event)"
+    >
           <ng-container *ngIf="itemTemplateRef"
             [ngTemplateOutlet]="itemTemplate(i)"
             [ngTemplateOutletContext]="item">
@@ -1705,7 +1706,7 @@ let SortableBindingDirective = class SortableBindingDirective {
         const addEvent = new DataAddEvent({ index: index, dataItem: dataItem });
         sortable.dataAdd.emit(addEvent);
         if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1) {
+            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
                 index++;
             }
             sortable.addDataItem(dataItem, index);

package/dist/fesm5/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* 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, __extends } from 'tslib';
@@ -156,7 +156,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620216298,
+    publishDate: 1635433806,
     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'
 };
@@ -1201,9 +1201,6 @@ var SortableComponent = /** @class */ (function () {
             this.animation = animation;
         }
         else {
-            if (index + 1 === this.data.length && this.data.length > 1) {
-                index++;
-            }
             this.data.splice(index, 0, dataItem);
             this._localData.splice(index, 0, { item: dataItem, active: false, disabled: !this.itemEnabled(index), index: index, hidden: false });
             this.updateCacheIndices();
@@ -1592,6 +1589,10 @@ var SortableComponent = /** @class */ (function () {
         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)
@@ -1657,7 +1658,7 @@ var SortableComponent = /** @class */ (function () {
                 }
             ],
             selector: 'kendo-sortable',
-            template: "\n  <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n      kendoDraggable\n      [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n      [attr.aria-grabbed]=\"i===dragIndex\"\n      [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n      [attr.data-sortable-item] = \"true\"\n      [attr.data-sortable-index]=\"i\"\n      [attr.data-sortable-id]=\"id\"\n      [index]=\"i\"\n      [hidden]=\"item.hidden\"\n      [disabled]=\"!itemEnabled(i)\"\n      [ngClass]=\"currentItemClass(i)\"\n      [ngStyle]=\"currentItemStyle(i)\"\n\n      (focus)=\"focusHandler(i)\"\n      (blur)=\"blurHandler()\"\n      (keydown)=\"keydownHandler($event)\"\n  >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
+            template: "\n    <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n        kendoDraggable\n        [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n        [attr.aria-grabbed]=\"i===dragIndex\"\n        [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n        [attr.data-sortable-item] = \"true\"\n        [attr.data-sortable-index]=\"i\"\n        [attr.data-sortable-id]=\"id\"\n        [index]=\"i\"\n        [hidden]=\"item.hidden\"\n        [disabled]=\"!itemEnabled(i)\"\n        [ngClass]=\"currentItemClass(i)\"\n        [ngStyle]=\"currentItemStyle(i)\"\n\n        (focus)=\"focusHandler(i)\"\n        (blur)=\"blurHandler()\"\n        (keydown)=\"keydownHandler($event)\"\n    >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
         })
         /**
          * Represents the Kendo UI Sortable component for Angular.
@@ -1755,7 +1756,7 @@ var SortableBindingDirective = /** @class */ (function () {
         var addEvent = new DataAddEvent({ index: index, dataItem: dataItem });
         sortable.dataAdd.emit(addEvent);
         if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1) {
+            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
                 index++;
             }
             sortable.addDataItem(dataItem, index);

package/dist/npm/binding.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
@@ -47,7 +47,7 @@ var SortableBindingDirective = /** @class */ (function () {
         var addEvent = new data_events_1.DataAddEvent({ index: index, dataItem: dataItem });
         sortable.dataAdd.emit(addEvent);
         if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1) {
+            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
                 index++;
             }
             sortable.addDataItem(dataItem, index);

package/dist/npm/data-event-args.interface.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/data-events.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/draggable-event.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/draggable.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/item-template.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/main.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/navigate-event.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620216298,
+    publishDate: 1635433806,
     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'
 };

package/dist/npm/preventable-event.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/sortable-container.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/sortable-event-args.interface.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/sortable-events.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/sortable.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
@@ -603,9 +603,6 @@ var SortableComponent = /** @class */ (function () {
             this.animation = animation;
         }
         else {
-            if (index + 1 === this.data.length && this.data.length > 1) {
-                index++;
-            }
             this.data.splice(index, 0, dataItem);
             this._localData.splice(index, 0, { item: dataItem, active: false, disabled: !this.itemEnabled(index), index: index, hidden: false });
             this.updateCacheIndices();
@@ -994,6 +991,10 @@ var SortableComponent = /** @class */ (function () {
         core_1.ViewChildren(draggable_directive_1.DraggableDirective),
         tslib_1.__metadata("design:type", core_1.QueryList)
     ], SortableComponent.prototype, "draggables", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChild('noDataRef', { static: false }),
+        tslib_1.__metadata("design:type", core_1.ElementRef)
+    ], SortableComponent.prototype, "noDataContainer", void 0);
     tslib_1.__decorate([
         core_1.ViewChild('hint', { static: false }),
         tslib_1.__metadata("design:type", core_1.ElementRef)
@@ -1059,7 +1060,7 @@ var SortableComponent = /** @class */ (function () {
                 }
             ],
             selector: 'kendo-sortable',
-            template: "\n  <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n      kendoDraggable\n      [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n      [attr.aria-grabbed]=\"i===dragIndex\"\n      [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n      [attr.data-sortable-item] = \"true\"\n      [attr.data-sortable-index]=\"i\"\n      [attr.data-sortable-id]=\"id\"\n      [index]=\"i\"\n      [hidden]=\"item.hidden\"\n      [disabled]=\"!itemEnabled(i)\"\n      [ngClass]=\"currentItemClass(i)\"\n      [ngStyle]=\"currentItemStyle(i)\"\n\n      (focus)=\"focusHandler(i)\"\n      (blur)=\"blurHandler()\"\n      (keydown)=\"keydownHandler($event)\"\n  >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
+            template: "\n    <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n        kendoDraggable\n        [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n        [attr.aria-grabbed]=\"i===dragIndex\"\n        [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n        [attr.data-sortable-item] = \"true\"\n        [attr.data-sortable-index]=\"i\"\n        [attr.data-sortable-id]=\"id\"\n        [index]=\"i\"\n        [hidden]=\"item.hidden\"\n        [disabled]=\"!itemEnabled(i)\"\n        [ngClass]=\"currentItemClass(i)\"\n        [ngStyle]=\"currentItemStyle(i)\"\n\n        (focus)=\"focusHandler(i)\"\n        (blur)=\"blurHandler()\"\n        (keydown)=\"keydownHandler($event)\"\n    >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
         })
         /**
          * Represents the Kendo UI Sortable component for Angular.

package/dist/npm/sortable.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/sortable.service.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";

package/dist/npm/util.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";