@progress/kendo-angular-sortable 4.0.7-dev.202203091022 → 5.0.0-dev.202204131843

package/{dist/es2015 → esm2015}/sortable.component.js

@@ -2,9 +2,7 @@
 * 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";
-var SortableComponent_1;
-import { Component, Input, Output, QueryList, ContentChildren, ViewChild, ViewChildren, TemplateRef, ElementRef, EventEmitter, HostBinding, NgZone, ChangeDetectorRef, forwardRef } from '@angular/core';
+import { Component, Input, Output, ContentChildren, ViewChild, ViewChildren, TemplateRef, EventEmitter, HostBinding, forwardRef } from '@angular/core';
 import { Subject, merge } from 'rxjs';
 import { isDocumentAvailable, isChanged } from '@progress/kendo-angular-common';
 import { relativeContextElement } from './util';
@@ -12,7 +10,6 @@ import { filter, take } from 'rxjs/operators';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
-import { SortableService } from './sortable.service';
 import { DraggableDirective } from './draggable.directive';
 import { SortableContainer } from './sortable-container';
 import { ItemTemplateDirective, PlaceholderTemplateDirective } from './item-template.directive';
@@ -20,6 +17,11 @@ import { NavigateEvent } from './navigate-event';
 import { DraggableEvent } from './draggable-event';
 import { DragStartEvent, DragOverEvent, DragEndEvent } from './sortable-events';
 import Draggable from '@telerik/kendo-draggable';
+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";
 /**
  * Represents the [Kendo UI Sortable component for Angular]({% slug overview_sortable %}).
  *
@@ -27,11 +29,10 @@ import Draggable from '@telerik/kendo-draggable';
  * {% 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.
  */
-class SortableComponent {
+export class SortableComponent {
     constructor(ngZone, localization, changeDetector, wrapper, sortableService) {
         this.ngZone = ngZone;
         this.localization = localization;
@@ -867,167 +868,80 @@ class SortableComponent {
             }
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], SortableComponent.prototype, "tabIndex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], SortableComponent.prototype, "data", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SortableComponent.prototype, "navigable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], SortableComponent.prototype, "navigatable", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SortableComponent.prototype, "animation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], SortableComponent.prototype, "disabledIndexes", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SortableComponent.prototype, "zone", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], SortableComponent.prototype, "acceptZones", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "itemStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "emptyItemStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "activeItemStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "disabledItemStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "itemClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "activeItemClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "emptyItemClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], SortableComponent.prototype, "disabledItemClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SortableComponent.prototype, "emptyText", void 0);
-tslib_1.__decorate([
-    ContentChildren(TemplateRef, { descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], SortableComponent.prototype, "defaultTemplateRef", void 0);
-tslib_1.__decorate([
-    ContentChildren(ItemTemplateDirective, { read: TemplateRef, descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], SortableComponent.prototype, "itemTemplateDirectiveRef", void 0);
-tslib_1.__decorate([
-    ContentChildren(PlaceholderTemplateDirective, { read: TemplateRef, descendants: false }),
-    tslib_1.__metadata("design:type", QueryList)
-], SortableComponent.prototype, "placeholderTemplateDirectiveRef", void 0);
-tslib_1.__decorate([
-    ViewChildren('itemWrapper'),
-    tslib_1.__metadata("design:type", QueryList)
-], SortableComponent.prototype, "itemWrappers", void 0);
-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)
-], SortableComponent.prototype, "hint", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragStart", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragEnd", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragOver", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dragLeave", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dataMove", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dataAdd", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "dataRemove", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], SortableComponent.prototype, "navigate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], SortableComponent.prototype, "activeIndex", void 0);
-tslib_1.__decorate([
-    HostBinding('style.touch-action'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], SortableComponent.prototype, "touchAction", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], SortableComponent.prototype, "dir", null);
-SortableComponent = SortableComponent_1 = tslib_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: i2.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: i4.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"
@@ -1072,15 +986,84 @@ SortableComponent = SortableComponent_1 = tslib_1.__decorate([
          <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
      </div>
   `
-    })
-    /**
-     * Represents the Kendo UI Sortable component for Angular.
-     */
-    ,
-    tslib_1.__metadata("design:paramtypes", [NgZone,
-        LocalizationService,
-        ChangeDetectorRef,
-        ElementRef,
-        SortableService])
-], SortableComponent);
-export { SortableComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.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']
+            }] } });

package/{dist/es2015 → esm2015}/sortable.module.js

@@ -2,7 +2,6 @@
 * 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";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SortableComponent } from './sortable.component';
@@ -11,6 +10,7 @@ import { DraggableDirective } from "./draggable.directive";
 import { PlaceholderTemplateDirective } from './item-template.directive';
 import { ItemTemplateDirective } from './item-template.directive';
 import { SortableBindingDirective } from "./binding.directive";
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     SortableComponent,
     DraggableDirective,
@@ -48,14 +48,25 @@ const COMPONENT_DIRECTIVES = [
  *
  * ```
  */
-let SortableModule = class SortableModule {
-};
-SortableModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        exports: [COMPONENT_DIRECTIVES],
-        imports: [CommonModule],
-        providers: [SortableService]
-    })
-], SortableModule);
-export { SortableModule };
+export 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]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/sortable.service.js

@@ -2,23 +2,22 @@
 * 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";
-import { Injectable, NgZone } from '@angular/core';
+import { Injectable } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { draggableFromEvent, isFocusable, widgetTarget } from './util';
 import { Subject } from 'rxjs';
 import { switchMap, filter, take, tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
 const allowDrag = (e) => {
     const target = e.originalEvent.target;
     return target.hasAttribute('data-sortable-item') || !(isFocusable(target) || widgetTarget(target));
 };
-const ɵ0 = allowDrag;
 /**
  * The service that provides the drag-and-drop functionality for
  * transferring items between Sortable components within the same page.
  *
  */
-let SortableService = class SortableService {
+export class SortableService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         /**
@@ -217,10 +216,9 @@ let SortableService = class SortableService {
             this.source.markForCheck();
         });
     }
-};
-SortableService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [NgZone])
-], SortableService);
-export { SortableService };
-export { ɵ0 };
+}
+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 }]; } });

package/{dist/es2015 → esm2015}/util.js

@@ -91,7 +91,6 @@ export const isFocusable = (element) => {
     return false;
 };
 const toClassList = (classNames) => String(classNames).trim().split(' ');
-const ɵ0 = toClassList;
 /**
  * @hidden
  */
@@ -120,7 +119,6 @@ const hasRelativeStackingContext = () => {
     document.body.removeChild(parent);
     return isDifferent;
 };
-const ɵ1 = hasRelativeStackingContext;
 const HAS_RELATIVE_STACKING_CONTEXT = hasRelativeStackingContext();
 /**
  * @hidden
@@ -137,4 +135,3 @@ export const relativeContextElement = (element) => {
         node = node.parentElement;
     }
 };
-export { ɵ0, ɵ1 };