@progress/kendo-angular-sortable 4.0.6 → 5.0.0-dev.202204191145

package/{dist/es2015/binding.directive.d.ts → binding.directive.d.ts}

@@ -5,6 +5,7 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { SortableComponent } from './sortable.component';
 import { SortableService } from './sortable.service';
+import * as i0 from "@angular/core";
 /**
  * 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.
@@ -23,7 +24,7 @@ export declare class SortableBindingDirective implements OnInit, OnDestroy {
      * {% embed_file shared/app.module.ts %}
      * {% embed_file shared/main.ts hidden %}
      */
-    data: any[];
+    set data(data: any[]);
     constructor(sortable: SortableComponent, sortableService: SortableService);
     private nextEnabledIndex;
     private addItem;
@@ -38,4 +39,6 @@ export declare class SortableBindingDirective implements OnInit, OnDestroy {
     private onNavigate;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortableBindingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SortableBindingDirective, "[kendoSortableBinding]", never, { "data": "kendoSortableBinding"; }, {}, never>;
 }

package/bundles/kendo-angular-sortable.umd.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("@progress/kendo-angular-common"),require("rxjs/operators"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@telerik/kendo-draggable"),require("@angular/common")):"function"==typeof define&&define.amd?define("KendoAngularSortable",["exports","@angular/core","rxjs","@progress/kendo-angular-common","rxjs/operators","@progress/kendo-angular-l10n","@progress/kendo-licensing","@telerik/kendo-draggable","@angular/common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularSortable={},e.ng.core,e.rxjs,e.KendoAngularCommon,e.rxjs.operators,e.KendoAngularL10N,e.KendoLicensing,e.Draggable,e.ng.common)}(this,function(e,a,d,o,c,t,V,n,r){"use strict";function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(n){if(n&&n.__esModule)return n;var r=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),r.default=n,Object.freeze(r)}function s(e,t){if(o.isDocumentAvailable()){var n,r,e=document.elementFromPoint(e,t);if(e)return t=e.hasAttribute("kendoDraggable"),n=null!==f(e,v("kendoDraggable")),{element:e,index:(r=f(e,v("kendoDraggable")))?parseInt(r.getAttribute("data-sortable-index"),10):-1,isDraggable:t,isDraggableChild:n,parentDraggable:r,rect:e.getBoundingClientRect()}}}function l(e,t){var n;return n=e.changedTouches?(n=e.changedTouches[0],s(n.clientX,n.clientY)):s(e.clientX,e.clientY),t.draggables.toArray()[n?n.index:-1]}function p(e){return String(e).trim().split(" ")}var u,g=i(a),m=i(t),L=N(n),n=i(r),h={},b={},M=/^(?:a|input|select|option|textarea|button|object)$/i,v=function(t){return b[t]||(b[t]=function(e){return!!e.hasAttribute&&e.hasAttribute(t)}),b[t]},f=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},H=function(e){var t,n,r;return!!e.tagName&&(t=e.tagName.toLowerCase(),n="-1"===(r=e.getAttribute("tabIndex")),r=null!==r&&!n,M.test(t)?!e.disabled&&!n:r)},z=(h[u="kendo-sortable"]||(h[u]=function(e){return String(e.nodeName).toLowerCase()===u.toLowerCase()}),h[u]),B=function(e){e=f(e,function(e){return t=e,n=p("k-widget"),Boolean(p(t.className).find(function(e){return 0<=n.indexOf(e)}))||z(e);var t,n});return e&&!z(e)},K=function(){if(!o.isDocumentAvailable())return!1;var e=document.createElement("div"),t=(e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(e),10!==e.children[0].getBoundingClientRect().top);return document.body.removeChild(e),t}(),Z={name:"@progress/kendo-angular-sortable",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1650368705,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"},y=function(){},h=(y.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:y,deps:[],target:g.ɵɵFactoryTarget.Injectable}),y.ɵprov=g.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:y}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:y,decorators:[{type:a.Injectable}]}),Object.defineProperty(I.prototype,"hidden",{get:function(){return this._hidden},set:function(e){this._hidden=e,this.updateDisplayStyle()},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"_focused",{get:function(){return!this.disabled&&this.index===this.parent.activeIndex},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"_disabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"display",{get:function(){return this.hidden?"none":this._display},set:function(e){this._display=e,this.updateDisplayStyle()},enumerable:!1,configurable:!0}),I.prototype.ngOnInit=function(){var e=this.el.nativeElement;this.display=e.style.display,e&&(this.renderer.setStyle(e,"user-select","none"),this.renderer.setStyle(e,"-ms-user-select","none"),this.renderer.setStyle(e,"-moz-user-select","none"),this.renderer.setStyle(e,"-webkit-user-select","none"))},I.prototype.updateDisplayStyle=function(){this.renderer.setStyle(this.el.nativeElement,"display",this.display)},I);function I(e,t,n){this.parent=e,this.el=t,this.renderer=n}h.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:h,deps:[{token:y},{token:g.ElementRef},{token:g.Renderer2}],target:g.ɵɵFactoryTarget.Directive}),h.ɵdir=g.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"[kendoDraggable]",inputs:{index:"index",disabled:"disabled",hidden:"hidden"},host:{properties:{"class.k-state-focused":"this._focused","attr.aria-disabled":"this._disabled"}},ngImport:g}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:h,decorators:[{type:a.Directive,args:[{selector:"[kendoDraggable]"}]}],ctorParameters:function(){return[{type:y},{type:g.ElementRef},{type:g.Renderer2}]},propDecorators:{index:[{type:a.Input}],disabled:[{type:a.Input}],hidden:[{type:a.Input}],_focused:[{type:a.HostBinding,args:["class.k-state-focused"]}],_disabled:[{type:a.HostBinding,args:["attr.aria-disabled"]}]}});var S=function(e){this.templateRef=e},x=(S.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:S,deps:[{token:g.TemplateRef}],target:g.ɵɵFactoryTarget.Directive}),S.ɵdir=g.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoSortableItemTemplate]",ngImport:g}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:S,decorators:[{type:a.Directive,args:[{selector:"[kendoSortableItemTemplate]"}]}],ctorParameters:function(){return[{type:g.TemplateRef}]}}),function(e){this.templateRef=e}),W=(x.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:x,deps:[{token:g.TemplateRef}],target:g.ɵɵFactoryTarget.Directive}),x.ɵdir=g.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:x,selector:"[kendoSortablePlaceholderTemplate]",ngImport:g}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:x,decorators:[{type:a.Directive,args:[{selector:"[kendoSortablePlaceholderTemplate]"}]}],ctorParameters:function(){return[{type:g.TemplateRef}]}}),function(e,t){return(W=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)});function D(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}W(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;Object.create;O.prototype.preventDefault=function(){this.prevented=!0},O.prototype.isDefaultPrevented=function(){return this.prevented};var C=O;function O(){this.prevented=!1}D(U,q=C);var q,X=U;function U(e){var t=q.call(this)||this;return Object.assign(t,e),t}D($,Y=C);var Y,E=$;function $(e){var t=Y.call(this)||this;return Object.assign(t,e),t}D(Q,G=C);var G,T=Q;function Q(e){var t=G.call(this)||this;return Object.assign(t,e),t}D(ee,J=T);var J,k=ee;function ee(e){var t=J.call(this,e)||this;return Object.assign(t,e),t}D(re,te=k);var te,ne=re;function re(e){var t=te.call(this,e)||this;return Object.assign(t,e),t}function ie(e){return(e=e.originalEvent.target).hasAttribute("data-sortable-item")||!(H(e)||B(e))}Object.defineProperty(R.prototype,"target",{get:function(){return this._target},set:function(e){this._target=e},enumerable:!1,configurable:!0}),R.prototype.onPress=function(e){this.onPressSubject.next(e)},R.prototype.onDrag=function(e){this.onDragSubject.next(e)},R.prototype.onRelease=function(e){this.onReleaseSubject.next(e)},R.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},R.prototype.registerComponent=function(e){var t=this.sortableCounter.toString();return this.sortableRegister[t]=e,this.sortableCounter++,t},R.prototype.unregisterComponent=function(e){this.sortableRegister[e]=null},R.prototype.setSource=function(e){this.source=e},R.prototype.getSource=function(){return this.source},R.prototype.getSortableComponentFromTouch=function(e){if(!o.isDocumentAvailable())return{component:void 0,index:void 0};for(var t=document.elementFromPoint(e.clientX,e.clientY);t;){var n=t.getAttribute("data-sortable-id"),r=t.getAttribute("data-sortable-index");if(n){n=this.sortableRegister[n];if(n)return{component:n,index:parseInt(r,10)}}t=t.parentElement}},R.prototype.start=function(){var e=this.pressArgs;if(e){this.pressArgs=null;var t=l(e,this.targetSortable.component);if(this.targetSortable.component.startDrag({target:t,originalEvent:e}))return!(this.targetSortable=null)}},R.prototype.release=function(t){var n=this;this.source&&this.ngZone.run(function(){var e;n.targetSortable&&(e=l(t,n.targetSortable.component),n.source.endDrag({target:e,originalEvent:t})),n.source.positionHintFromEvent(null),n.source.markForCheck()}),this.targetSortable=null,this.pressArgs=null},R.prototype.drag=function(n){var r=this;this.ngZone.run(function(){var e,t;r.start()||(r.source.positionHintFromEvent(n),(e=r.getSortableComponentFromTouch(n))&&e.component===r.target||(r.target?r.target.leave({target:void 0,originalEvent:n}):r.source!==r.target&&r.source.leave({target:void 0,originalEvent:n})),e&&e.component&&(t=l(n,e.component),e.component.drag({target:t,originalEvent:n})),r.source.markForCheck())})};var j=R;function R(e){var t=this;this.ngZone=e,this.activeDraggable=null,this.originDraggable=null,this.targetSortable=null,this.lastDraggable=null,this.onPressSubject=new d.Subject,this.onDragSubject=new d.Subject,this.onReleaseSubject=new d.Subject,this.source=null,this._target=null,this.sortableCounter=0,this.sortableRegister={},o.isDocumentAvailable()&&(this.subscriptions=this.onPressSubject.pipe(c.filter(ie),c.tap(function(e){t.targetSortable=t.getSortableComponentFromTouch(e)}),c.filter(function(e){return Boolean(t.targetSortable)}),c.tap(function(e){t.onReleaseSubject.pipe(c.take(1)).subscribe(function(e){return t.release(e)}),(t.pressArgs=e).isTouch&&e.originalEvent.preventDefault()}),c.switchMap(function(e){return t.onDragSubject.pipe(c.filter(function(e){return Boolean(t.targetSortable)}),c.tap(function(e){return t.drag(e)}))})).subscribe())}j.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:j,deps:[{token:g.NgZone}],target:g.ɵɵFactoryTarget.Injectable}),j.ɵprov=g.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:j}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:j,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:g.NgZone}]}});Object.defineProperty(w.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.cacheData()},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"navigatable",{set:function(e){this.navigable=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"touchAction",{get:function(){return"none"},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),w.prototype.setItemData=function(e,t){this._localData[t].item=e.item,this._localData[t].index=e.index,this._localData[t].hidden=e.hidden},w.prototype.itemTemplate=function(e){var t=this.itemTemplateRef;return e===this.dragOverIndex?t=this.placeholderTemplateRef:e===this.dragIndex&&(t=this.itemTemplateRef),t},w.prototype.ngOnInit=function(){var t=this,e=(this.data||(this.data=[]),this.id=this.sortableService.registerComponent(this),this.dragIndex=-1,"display");this.activeItemStyle&&!this.activeItemStyle[e]&&(this.activeItemStyle[e]=""),this.itemStyle[e]||(this.itemStyle[e]=""),this.wrapper&&(this.draggable=new L.default({press:function(e){return t.sortableService.onPress(e)},drag:function(e){return t.sortableService.onDrag(e)},release:function(e){return t.sortableService.onRelease(e)}}),this.ngZone.runOutsideAngular(function(){t.draggable.bindTo(t.wrapper)}))},w.prototype.ngOnChanges=function(e){this.data&&o.isChanged("disabledIndexes",e,!1)&&this.cacheData()},w.prototype.ngOnDestroy=function(){this.unsubscribeEvents(),this.sortableService.unregisterComponent(this.id),this.draggable&&this.draggable.destroy()},w.prototype.ngAfterContentInit=function(){this.itemTemplateRef=this.itemTemplateDirectiveRef.first||this.defaultTemplateRef.first,this.placeholderTemplateRef=this.placeholderTemplateDirectiveRef.first||this.defaultTemplateRef.first},w.prototype.ngAfterViewChecked=function(){var e;this.afterKeyPress&&(this.itemWrappers&&(e=this.itemWrappers.toArray())&&0<e.length&&-1<this.activeIndex&&e[this.activeIndex].nativeElement.focus(),this.afterKeyPress=!1)},w.prototype.updateCacheIndices=function(){this._localData.forEach(function(e,t){e.index=t})},w.prototype.cacheData=function(){var n=this;this._localData=[],this._data.forEach(function(e,t){n._localData.push({item:e,active:!1,disabled:!n.itemEnabled(t),index:t,hidden:!1})})},w.prototype.startDrag=function(e){e=new E(e),this.onDragStartSubject.next(e),e=e.isDefaultPrevented();return e||(this.offsetParent=function(e){if(!e||!K)return null;for(var t=e.parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}}(this.wrapper)),e},w.prototype.drag=function(e){e=new E(e);return this.onDragOverSubject.next(e),e.isDefaultPrevented()},w.prototype.leave=function(e){e=new E(e);return this.onDragLeaveSubject.next(e),e.isDefaultPrevented()},w.prototype.endDrag=function(e){e=new E(e);return this.onDragEndSubject.next(e),e.isDefaultPrevented()},w.prototype.hintVisible=function(){return 0<=this.dragIndex&&this.hintLocation&&this===this.sortableService.getSource()},w.prototype.currentItemStyle=function(e){if(-1===e)return this.emptyItemStyle||this.itemStyle;if(!this.itemEnabled(e)&&this.disabledItemStyle)return this.disabledItemStyle;if(e===this.dragIndex||-1===this.dragIndex&&e===this.activeIndex){if(this.hideActiveItem)return{display:"none"};if(this.activeItemStyle)return this.activeItemStyle}return this.itemStyle},w.prototype.currentItemClass=function(e){return-1===e?this.emptyItemClass||this.itemClass:!this.itemEnabled(e)&&this.disabledItemClass?this.disabledItemClass:(e===this.dragIndex||-1===this.dragIndex&&e===this.activeIndex)&&this.activeItemClass?this.activeItemClass:this.itemClass},w.prototype.hintStyle=function(){var e={left:this.hintLocation.x+10+"px",position:"fixed",top:this.hintLocation.y+10+"px"},t={};return Object.assign(t,this.currentItemStyle(this.dragIndex),e),t},w.prototype.itemEnabled=function(e){return-1===this.disabledIndexes.indexOf(e)},w.prototype.acceptDragFrom=function(e){return void 0===this.acceptZones?this.zone===e.zone:void 0!==e.zone&&-1!==this.acceptZones.indexOf(e.zone)},w.prototype.ariaDropEffect=function(e){return this.itemEnabled(e)?"move":"none"},w.prototype.focusHandler=function(e){this.navigable&&(this.activeIndex=e)},w.prototype.blurHandler=function(){this.navigable&&!this.afterKeyPress&&(this.activeIndex=-1)},w.prototype.keydownHandler=function(e){var t=e.keyCode,n=this.navigable&&37<=t&&t<=40,r=-1!==this.activeIndex;if(n&&r){for(var r="rtl"===this.direction?39:37,i=38===t||t===r?-1:1,a=this.data.length-1,o=this.activeIndex+i;!this.itemEnabled(o)&&o<=a;)o+=i;o=Math.min(Math.max(o,0),a),this.itemEnabled(o)&&(n&&(t=e.ctrlKey||e.metaKey,r=new X({index:o,oldIndex:this.activeIndex,ctrlKey:t}),this.navigate.emit(r),r.isDefaultPrevented()||(this.activeIndex=o),this.dragIndex=-1,this.dragOverIndex=-1),e.stopPropagation(),e.preventDefault(),this.afterKeyPress=!0)}},w.prototype.removeDataItem=function(e){this.dragIndex=-1,this.dragOverIndex=-1,this._localData.splice(e,1),this.data.splice(e,1),this.updateCacheIndices()},w.prototype.hideItem=function(e,t){this._localData[e].hidden=t=void 0===t?!0:t},Object.defineProperty(w.prototype,"hideActiveItem",{get:function(){return this._hideActiveItem},set:function(e){this.activeIndex=-1,this._hideActiveItem=e},enumerable:!1,configurable:!0}),w.prototype.clearActiveItem=function(){this.navigable?this.fixFocus():this.activeIndex=-1,this.dragIndex=-1},w.prototype.getActiveItem=function(){if(this.data&&0<=this.dragIndex&&this.dragIndex<this.data.length)return this.data[this.dragIndex]},w.prototype.addDataItem=function(e,t){var n,r=this,i=this.sortableService.originDraggable;i&&i.parent===this?(n=this.animation,this.hideItem(i.index,!1),this.animation=!1,this.moveItem(i.index,t),this.animation=n):(this.data.splice(t,0,e),this._localData.splice(t,0,{item:e,active:!1,disabled:!this.itemEnabled(t),index:t,hidden:!1}),this.updateCacheIndices()),this.dragIndex=t,this.dragOverIndex=t,this.ngZone.onStable.pipe(c.take(1)).subscribe(function(){(r.sortableService.target=r).sortableService.setSource(r),r.sortableService.activeDraggable=r.draggables.toArray()[t],r.sortableService.lastDraggable=null})},w.prototype.moveItem=function(e,t){var n=this;if(t!==e){for(var r,i=e,a=i<t?1:-1,o=i,s=[],l=i;i!==t;)i+=a,!this.itemEnabled(i)&&i!==t||(this.animation&&s.push({next:i,prev:l}),r=this._localData[l].index,this._localData[l].index=this._localData[i].index,this._localData[i].index=r,r=this._localData[l],this._localData[l]=this._localData[i],this._localData[i]=r,r=this.data[l],this.data[l]=this.data[i],this.data[i]=r,l=i);this.dragIndex=i,this.dragOverIndex=i,this.activeIndex=i,this.animation&&setTimeout(function(){s.push({next:o,prev:i}),n.animating=!0,n.animate(s)}),this.ngZone.onStable.pipe(c.take(1)).subscribe(function(){n.sortableService.activeDraggable=n.draggables.toArray()[i],n.sortableService.lastDraggable=null})}},w.prototype.animate=function(n){var e=this,r=this.itemWrappers.toArray(),t=[],i=[],a=this;clearTimeout(this._animating);for(var o=0;o<n.length;o++)t.push(r[n[o].prev].nativeElement.getBoundingClientRect()),i.push(r[n[o].next].nativeElement.getBoundingClientRect());for(o=0;o<n.length;o++){var s=n[o].prev,l=i[o],d=t[o],s=r[s].nativeElement;this.applyAnimationStyle(s,"transition","none"),this.applyAnimationStyle(s,"transform","translate3d("+(l.left-d.left).toString()+"px,"+(l.top-d.top).toString()+"px,0)"),this.reflow(s)}for(var c=this,o=0;o<n.length;o++)!function(e){var e=n[e].prev,t=r[e].nativeElement;c.applyAnimationStyle(t,"transition","all "+c.animationDuration+"ms"),c.applyAnimationStyle(t,"transform","translate3d(0,0,0)"),clearTimeout(t.animated),t.animated=setTimeout(function(){a.applyAnimationStyle(t,"transition",""),a.applyAnimationStyle(t,"transform",""),t.animated=!1},c.animationDuration)}(o);this._animating=setTimeout(function(){e.animating=!1},this.animationDuration)},w.prototype.positionHintFromEvent=function(e){var t=this.parentOffset();this.hintLocation=e?{x:e.clientX-t.left,y:e.clientY-t.top}:null},w.prototype.parentOffset=function(){var e,t=this.offsetParent;return t?{left:(e=t.getBoundingClientRect()).left-t.scrollLeft,top:e.top-t.scrollTop}:{left:0,top:0}},w.prototype.markForCheck=function(){this.changeDetector.markForCheck()},w.prototype.reflow=function(e){return e.offsetWidth},w.prototype.applyAnimationStyle=function(e,t,n){e=e&&e.style;e&&(e[t=t in e?t:"-webkit-"+t]=n)},w.prototype.subscribeEvents=function(){var i=this;this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return i.direction=e?"rtl":"ltr"}),this.dragStartSubscription=this.onDragStartSubject.subscribe(function(e){i.sortableService.originDraggable=e.target,i.sortableService.originIndex=e.target.index,i.sortableService.activeDraggable=e.target,i.sortableService.lastDraggable=e.target,(i.sortableService.target=i).sortableService.setSource(i);var t=new T({index:e.target.index});i.dragStart.emit(t),t.isDefaultPrevented()?e.preventDefault():e.target.disabled||(i.sortableService.target&&(i.sortableService.target.dragOverIndex=-1,i.sortableService.target.dragIndex=-1),i.dragOverIndex=e.target.index,i.dragIndex=e.target.index)}),this.dragOverSubscription=this.onDragOverSubject.pipe(c.filter(function(e){return e.target&&0===e.target.el.nativeElement.style.transition.length}),c.filter(function(){return i.sortableService.originDraggable&&!i.sortableService.originDraggable.disabled}),c.filter(function(){return i.sortableService&&i.acceptDragFrom(i.sortableService.getSource())}),c.filter(function(e){return e.target!==i.sortableService.lastDraggable})).subscribe(function(e){i.sortableService.lastDraggable=e.target;var t=i.sortableService.originDraggable,n=e.target.index,t=(t.hidden&&t.parent===i&&t.index<e.target.index&&(n=e.target.index-1),(i.sortableService.target=i).sortableService.activeDraggable?i.sortableService.activeDraggable.index:0),n=new k({index:n,oldIndex:t});i.dragOver.emit(n),!n.isDefaultPrevented()&&e.target&&0<=e.target.index&&(i.dragOverIndex=e.target.index,i.placeHolderItemData(e.target))}),this.dragEndSubscription=this.onDragEndSubject.subscribe(function(e){var t,n,r=i.sortableService.getSource();r&&(t=i.sortableService.target,e=e.target?e.target.index:-1,n=i.sortableService.originDraggable?i.sortableService.originIndex:-1,i.hintLocation=null,e=new ne({index:e,oldIndex:n}),i.dragEnd.emit(e),e.isDefaultPrevented()||(r.dragIndex=-1,r.dragOverIndex=-1,r.activeIndex=-1,t&&t!==r&&(t.dragIndex=-1,t.dragOverIndex=-1),setTimeout(function(){i.sortableService.activeDraggable=null,i.sortableService.lastDraggable=null,i.sortableService.originDraggable=null,i.sortableService.target=null,i.sortableService.setSource(null)})))}),this.dragLeaveSubscription=this.onDragLeaveSubject.pipe(c.filter(function(e){return!!o.isDocumentAvailable()&&i.wrapper!==document.elementFromPoint(e.originalEvent.pageX,e.originalEvent.pageY)}),c.filter(function(e){return!i.animating}),c.filter(function(e){return i.sortableService.target&&-1<i.sortableService.target.dragOverIndex})).subscribe(function(){i.dragLeave.emit({index:i.sortableService.originDraggable.index}),i.sortableService.lastDraggable=null,i.dragOverIndex=-1,i.sortableService.target=null})},w.prototype.unsubscribeEvents=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.dragStartSubscription.unsubscribe(),this.dragOverSubscription.unsubscribe(),this.dragEndSubscription.unsubscribe(),this.dragLeaveSubscription.unsubscribe()},w.prototype.placeHolderItemData=function(e){var t,n,r,i,a,o,s,l=this;e.disabled||(t=this.sortableService.target,n=this.sortableService.getSource(),r=Object.assign({},this._localData[e.index]),i=n._localData[n.dragIndex],this.setItemData(i,e.index),a=n.onDragEndSubject.pipe(c.take(1)).subscribe(function(){l.setItemData(r,e.index)}),o=t.onDragLeaveSubject.pipe(c.take(1)).subscribe(function(){l.setItemData(r,e.index)}),s=d.merge(this.onDragOverSubject.pipe(c.filter(function(){return e.index!==l.dragOverIndex})),this.onDragLeaveSubject).subscribe(function(){l.setItemData(r,e.index),a.unsubscribe(),s.unsubscribe(),o.unsubscribe()}))},w.prototype.fixFocus=function(){var e;this.itemWrappers&&(e=this.itemWrappers.toArray(),-1<this.dragIndex&&e&&0<e.length&&(e[this.dragIndex].nativeElement.focus(),this.activeIndex=this.dragIndex))};var _=w;function w(e,t,n,r,i){this.ngZone=e,this.localization=t,this.changeDetector=n,this.tabIndex=null,this.navigable=!1,this.animation=!1,this.disabledIndexes=[],this.zone=void 0,this.acceptZones=void 0,this.itemStyle={},this.emptyItemStyle=void 0,this.activeItemStyle=void 0,this.disabledItemStyle=void 0,this.itemClass="",this.activeItemClass=null,this.emptyItemClass=null,this.disabledItemClass=null,this.emptyText="Empty",this.defaultTemplateRef=null,this.itemTemplateDirectiveRef=null,this.placeholderTemplateDirectiveRef=null,this.itemWrappers=null,this.dragStart=new a.EventEmitter,this.dragEnd=new a.EventEmitter,this.dragOver=new a.EventEmitter,this.dragLeave=new a.EventEmitter,this.dataMove=new a.EventEmitter,this.dataAdd=new a.EventEmitter,this.dataRemove=new a.EventEmitter,this.navigate=new a.EventEmitter,this.activeIndex=-1,this.animating=!1,this.dragIndex=-1,this.dragOverIndex=-1,this.onDragStartSubject=new d.Subject,this.onDragOverSubject=new d.Subject,this.onDragLeaveSubject=new d.Subject,this.onDragEndSubject=new d.Subject,this.hintLocation=null,this._localData=[],this.animationDuration=300,this.afterKeyPress=!1,this.sortableService=null,this._hideActiveItem=!1,V.validatePackage(Z),this.wrapper=r.nativeElement,this.direction=t.rtl?"rtl":"ltr",this.sortableService=i,this.subscribeEvents()}_.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:_,deps:[{token:g.NgZone},{token:m.LocalizationService},{token:g.ChangeDetectorRef},{token:g.ElementRef},{token:j}],target:g.ɵɵFactoryTarget.Component}),_.ɵcmp=g.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_,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:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.sortable"},{provide:y,useExisting:a.forwardRef(function(){return _})}],queries:[{propertyName:"defaultTemplateRef",predicate:a.TemplateRef},{propertyName:"itemTemplateDirectiveRef",predicate:S,read:a.TemplateRef},{propertyName:"placeholderTemplateDirectiveRef",predicate:x,read:a.TemplateRef}],viewQueries:[{propertyName:"noDataContainer",first:!0,predicate:["noDataRef"],descendants:!0},{propertyName:"hint",first:!0,predicate:["hint"],descendants:!0},{propertyName:"itemWrappers",predicate:["itemWrapper"],descendants:!0},{propertyName:"draggables",predicate:h,descendants:!0}],exportAs:["kendoSortable"],usesOnChanges:!0,ngImport:g,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  ',isInline:!0,directives:[{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:h,selector:"[kendoDraggable]",inputs:["index","disabled","hidden"]},{type:n.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:n.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:n.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:n.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:_,decorators:[{type:a.Component,args:[{exportAs:"kendoSortable",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.sortable"},{provide:y,useExisting:a.forwardRef(function(){return _})}],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  '}]}],ctorParameters:function(){return[{type:g.NgZone},{type:m.LocalizationService},{type:g.ChangeDetectorRef},{type:g.ElementRef},{type:j}]},propDecorators:{tabIndex:[{type:a.Input}],data:[{type:a.Input}],navigable:[{type:a.Input}],navigatable:[{type:a.Input}],animation:[{type:a.Input}],disabledIndexes:[{type:a.Input}],zone:[{type:a.Input}],acceptZones:[{type:a.Input}],itemStyle:[{type:a.Input}],emptyItemStyle:[{type:a.Input}],activeItemStyle:[{type:a.Input}],disabledItemStyle:[{type:a.Input}],itemClass:[{type:a.Input}],activeItemClass:[{type:a.Input}],emptyItemClass:[{type:a.Input}],disabledItemClass:[{type:a.Input}],emptyText:[{type:a.Input}],defaultTemplateRef:[{type:a.ContentChildren,args:[a.TemplateRef,{descendants:!1}]}],itemTemplateDirectiveRef:[{type:a.ContentChildren,args:[S,{read:a.TemplateRef,descendants:!1}]}],placeholderTemplateDirectiveRef:[{type:a.ContentChildren,args:[x,{read:a.TemplateRef,descendants:!1}]}],itemWrappers:[{type:a.ViewChildren,args:["itemWrapper"]}],draggables:[{type:a.ViewChildren,args:[h]}],noDataContainer:[{type:a.ViewChild,args:["noDataRef",{static:!1}]}],hint:[{type:a.ViewChild,args:["hint",{static:!1}]}],dragStart:[{type:a.Output}],dragEnd:[{type:a.Output}],dragOver:[{type:a.Output}],dragLeave:[{type:a.Output}],dataMove:[{type:a.Output}],dataAdd:[{type:a.Output}],dataRemove:[{type:a.Output}],navigate:[{type:a.Output}],activeIndex:[{type:a.Input}],touchAction:[{type:a.HostBinding,args:["style.touch-action"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}]}});D(se,ae=C);var ae,oe=se;function se(e){var t=ae.call(this)||this;return Object.assign(t,e),t}D(ce,le=C);var le,de=ce;function ce(e){var t=le.call(this)||this;return Object.assign(t,e),t}D(ue,pe=C);var pe,P=ue;function ue(e){var t=pe.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(A.prototype,"data",{set:function(e){this.sortable.data=e},enumerable:!1,configurable:!0}),A.prototype.nextEnabledIndex=function(e,t){for(var n=e;n<=t.data.length;n++)if(t.itemEnabled(n))return n},A.prototype.addItem=function(e,t){var n=e.index,e=this.sortableService.getSource().data[e.oldIndex],r=new oe({index:n,dataItem:e});return t.dataAdd.emit(r),r.isDefaultPrevented()||(n!==t.itemWrappers.length-1||t.noDataContainer||n++,t.addDataItem(e,n)),!r.isDefaultPrevented()},A.prototype.removeItem=function(e,t){var n=this.sortableService.originDraggable,r=new de({index:e.oldIndex,dataItem:t.data[e.oldIndex]});return t.dataRemove.emit(r),r.isDefaultPrevented()||(n&&n.parent===t?t.hideItem(e.oldIndex,!0):t.removeDataItem(e.oldIndex)),!r.isDefaultPrevented()},A.prototype.moveItem=function(e,t){if(e.index===e.oldIndex)return!1;var n=new P({dataItem:t.data[e.oldIndex],index:e.index,oldIndex:e.oldIndex});return t.dataMove.emit(n),n.isDefaultPrevented()||t.moveItem(e.oldIndex,e.index),!n.isDefaultPrevented()},A.prototype.removeOriginDraggable=function(){var r=this;this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe(),this.removeHiddenSubscription=this.sortableService.onReleaseSubject.pipe(c.take(1),c.filter(function(e){return null!==r.sortableService.originDraggable&&r.sortableService.originDraggable.hidden})).subscribe(function(e){var t=r.sortableService.originDraggable,n=r.sortableService.getSource();t.parent!==r.sortableService.target&&((e.target&&(e.target.isDraggable||e.target.isDraggableChild)||t.parent!==n)&&t.parent!==r.sortableService.target&&t.parent.removeDataItem(t.index),r.sortableService.originDraggable=null)})},A.prototype.onDragOver=function(e){var t=this.sortableService.getSource(),n=this.sortableService.target,r=n.draggables.toArray();e.isDefaultPrevented()||(e.preventDefault(),n===t?(r[e.index]!==this.lastTarget&&this.moveItem(e,n),this.lastTarget=void 0):(n.itemEnabled(e.index)||(e.index=this.nextEnabledIndex(e.index,n)),this.addItem(e,n)&&this.removeItem(e,t)&&(this.lastTarget=n.draggables.toArray()[e.index],this.removeOriginDraggable(),n.activeIndex=e.index,t.activeIndex=-1)))},A.prototype.onNavigate=function(e){var t;e.ctrlKey?(t=new P({dataItem:this.sortable.data[e.oldIndex],index:e.index,oldIndex:e.oldIndex}),this.sortable.dataMove.emit(t),t.isDefaultPrevented()||this.sortable.moveItem(e.oldIndex,e.index)):this.sortable.activeIndex=e.index},A.prototype.ngOnInit=function(){this.dragOverSubscription=this.sortable.dragOver.subscribe(this.onDragOver.bind(this)),this.navigateSubscription=this.sortable.navigate.subscribe(this.onNavigate.bind(this))},A.prototype.ngOnDestroy=function(){this.dragOverSubscription.unsubscribe(),this.navigateSubscription.unsubscribe(),this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe()};n=A;function A(e,t){this.sortable=e,this.sortableService=t,this.sortableService=t}n.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:n,deps:[{token:_},{token:j}],target:g.ɵɵFactoryTarget.Directive}),n.ɵdir=g.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"[kendoSortableBinding]",inputs:{data:["kendoSortableBinding","data"]},ngImport:g}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:n,decorators:[{type:a.Directive,args:[{selector:"[kendoSortableBinding]"}]}],ctorParameters:function(){return[{type:_},{type:j}]},propDecorators:{data:[{type:a.Input,args:["kendoSortableBinding"]}]}});var t=[_,h,x,S,n],F=function(){};F.ɵfac=g.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:F,deps:[],target:g.ɵɵFactoryTarget.NgModule}),F.ɵmod=g.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:F,declarations:[_,h,x,S,n],imports:[r.CommonModule],exports:[_,h,x,S,n]}),F.ɵinj=g.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:F,providers:[j],imports:[[r.CommonModule]]}),g.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:g,type:F,decorators:[{type:a.NgModule,args:[{declarations:[t],exports:[t],imports:[r.CommonModule],providers:[j]}]}]}),e.DataMoveEvent=P,e.DragEndEvent=ne,e.DragOverEvent=k,e.DragStartEvent=T,e.DraggableDirective=h,e.DraggableEvent=E,e.ItemTemplateDirective=S,e.NavigateEvent=X,e.PlaceholderTemplateDirective=x,e.PreventableEvent=C,e.SortableBindingDirective=n,e.SortableComponent=_,e.SortableContainer=y,e.SortableModule=F,e.SortableService=j,Object.defineProperty(e,"__esModule",{value:!0})});

package/{dist/es2015/draggable.directive.d.ts → draggable.directive.d.ts}

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { SortableContainer } from './sortable-container';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -12,12 +13,18 @@ export declare class DraggableDirective implements OnInit {
     el: ElementRef;
     private renderer;
     index: number;
-    hidden: boolean;
     disabled: boolean;
-    readonly _focused: boolean;
-    readonly _disabled: boolean;
-    display: string;
+    set hidden(value: boolean);
+    get hidden(): boolean;
+    _hidden: any;
+    get _focused(): boolean;
+    get _disabled(): boolean;
+    get display(): string;
+    set display(display: string);
     private _display;
     constructor(parent: SortableContainer, el: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
+    private updateDisplayStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "index": "index"; "disabled": "disabled"; "hidden": "hidden"; }, {}, never>;
 }

package/{dist/es2015 → esm2015}/binding.directive.js

@@ -2,17 +2,17 @@
 * 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 { Directive, Input } from '@angular/core';
-import { SortableComponent } from './sortable.component';
-import { SortableService } from './sortable.service';
 import { DataAddEvent, DataMoveEvent, DataRemoveEvent } from './data-events';
 import { filter, take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./sortable.component";
+import * as i2 from "./sortable.service";
 /**
  * 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 {
+export class SortableBindingDirective {
     constructor(sortable, sortableService) {
         this.sortable = sortable;
         this.sortableService = sortableService;
@@ -155,17 +155,15 @@ let SortableBindingDirective = class SortableBindingDirective {
             this.removeHiddenSubscription.unsubscribe();
         }
     }
-};
-tslib_1.__decorate([
-    Input("kendoSortableBinding"),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], SortableBindingDirective.prototype, "data", null);
-SortableBindingDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoSortableBinding]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [SortableComponent,
-        SortableService])
-], SortableBindingDirective);
-export { SortableBindingDirective };
+}
+SortableBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SortableBindingDirective, deps: [{ token: i1.SortableComponent }, { token: i2.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: i1.SortableComponent }, { type: i2.SortableService }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ["kendoSortableBinding"]
+            }] } });

package/{dist/es2015 → esm2015}/data-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/draggable.directive.js

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./sortable-container";
+/**
+ * @hidden
+ */
+export 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: i1.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: i1.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']
+            }] } });

package/esm2015/item-template.directive.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+//TODO: RENAME FILE AND UPDATE EXPORTS AND MODULES
+/**
+ * @hidden
+ */
+export 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
+ */
+export 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 }]; } });

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646219900,
+    publishDate: 1650368705,
     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/esm2015/sortable-container.js

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export 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
+        }] });

package/{dist/es2015 → esm2015}/sortable-event-args.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};