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

package/dist/systemjs/kendo-angular-sortable.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
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-sortable",["@angular/common","tslib","@angular/core","rxjs/operators","@progress/kendo-angular-common","rxjs","@progress/kendo-angular-l10n","@progress/kendo-licensing","@telerik/kendo-draggable"],function(r){var o,s,d,l,c,u,p,g,v;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){s=t(e)},function(e){d=t(e)},function(e){l=t(e)},function(e){c=t(e)},function(e){u=t(e)},function(e){p=t(e)},function(e){g=t(e)},function(e){v=t(e)}],execute:function(){function n(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return a[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var a,i;i={},n.m=a=[function(e,t){e.exports=s},function(e,t){e.exports=d},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(i.prototype.preventDefault=function(){this.prevented=!0},i.prototype.isDefaultPrevented=function(){return this.prevented},i);function i(){this.prevented=!1}t.PreventableEvent=n},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),a=n.__decorate([i.Directive({selector:"[kendoSortableItemTemplate]"}),n.__metadata("design:paramtypes",[i.TemplateRef])],function(e){this.templateRef=e});t.ItemTemplateDirective=a;i=n.__decorate([i.Directive({selector:"[kendoSortablePlaceholderTemplate]"}),n.__metadata("design:paramtypes",[i.TemplateRef])],function(e){this.templateRef=e});t.PlaceholderTemplateDirective=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function n(e){return(e=e.originalEvent.target).hasAttribute("data-sortable-item")||!(s.isFocusable(e)||s.widgetTarget(e))}var i=a(0),r=a(1),o=a(8),s=a(15),d=a(16),l=a(7),r=(Object.defineProperty(c.prototype,"target",{get:function(){return this._target},set:function(e){this._target=e},enumerable:!0,configurable:!0}),c.prototype.onPress=function(e){this.onPressSubject.next(e)},c.prototype.onDrag=function(e){this.onDragSubject.next(e)},c.prototype.onRelease=function(e){this.onReleaseSubject.next(e)},c.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},c.prototype.registerComponent=function(e){var t=this.sortableCounter.toString();return this.sortableRegister[t]=e,this.sortableCounter++,t},c.prototype.unregisterComponent=function(e){this.sortableRegister[e]=null},c.prototype.setSource=function(e){this.source=e},c.prototype.getSource=function(){return this.source},c.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 a=t.getAttribute("data-sortable-id"),n=t.getAttribute("data-sortable-index");if(a){a=this.sortableRegister[a];if(a)return{component:a,index:parseInt(n,10)}}t=t.parentElement}},c.prototype.start=function(){var e=this.pressArgs;if(e){this.pressArgs=null;var t=s.draggableFromEvent(e,this.targetSortable.component);if(this.targetSortable.component.startDrag({target:t,originalEvent:e}))return!(this.targetSortable=null)}},c.prototype.release=function(t){var a=this;this.source&&this.ngZone.run(function(){var e;a.targetSortable&&(e=s.draggableFromEvent(t,a.targetSortable.component),a.source.endDrag({target:e,originalEvent:t})),a.source.positionHintFromEvent(null),a.source.markForCheck()}),this.targetSortable=null,this.pressArgs=null},c.prototype.drag=function(a){var n=this;this.ngZone.run(function(){var e,t;n.start()||(n.source.positionHintFromEvent(a),(!(e=n.getSortableComponentFromTouch(a))||e&&e.component!==n.target)&&(n.target?n.target.leave({target:void 0,originalEvent:a}):n.source!==n.target&&n.source.leave({target:void 0,originalEvent:a})),e&&e.component&&(t=s.draggableFromEvent(a,e.component),e.component.drag({target:t,originalEvent:a})),n.source.markForCheck())})},i.__decorate([r.Injectable(),i.__metadata("design:paramtypes",[r.NgZone])],c));function c(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(l.filter(n),l.tap(function(e){t.targetSortable=t.getSortableComponentFromTouch(e)}),l.filter(function(e){return Boolean(t.targetSortable)}),l.tap(function(e){t.onReleaseSubject.pipe(l.take(1)).subscribe(function(e){return t.release(e)}),(t.pressArgs=e).isTouch&&e.originalEvent.preventDefault()}),l.switchMap(function(e){return t.onDragSubject.pipe(l.filter(function(e){return Boolean(t.targetSortable)}),l.tap(function(e){return t.drag(e)}))})).subscribe())}t.SortableService=r},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),a=a(1),a=n.__decorate([a.Injectable()],function(){});t.SortableContainer=a},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),a=a(5),i=(Object.defineProperty(r.prototype,"_focused",{get:function(){return!this.disabled&&this.index===this.parent.activeIndex},enumerable:!0,configurable:!0}),Object.defineProperty(r.prototype,"_disabled",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),Object.defineProperty(r.prototype,"display",{get:function(){return this.hidden?"none":this._display},set:function(e){this._display=e},enumerable:!0,configurable:!0}),r.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"))},n.__decorate([i.Input(),n.__metadata("design:type",Number)],r.prototype,"index",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],r.prototype,"hidden",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],r.prototype,"disabled",void 0),n.__decorate([i.HostBinding("class.k-state-focused"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],r.prototype,"_focused",null),n.__decorate([i.HostBinding("attr.aria-disabled"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],r.prototype,"_disabled",null),n.__decorate([i.HostBinding("style.display"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],r.prototype,"display",null),n.__decorate([i.Directive({selector:"[kendoDraggable]"}),n.__metadata("design:paramtypes",[a.SortableContainer,i.ElementRef,i.Renderer2])],r));function r(e,t,a){this.parent=e,this.el=t,this.renderer=a}t.DraggableDirective=i},function(e,t){e.exports=l},function(e,t){e.exports=c},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),r=a(1),l=a(16),o=a(8),s=a(15),c=a(7),d=a(22),u=a(21),p=a(20),g=a(4),v=a(6),b=a(5),h=a(3),m=a(14),f=a(13),y=a(12),_=a(19),g=(n=S,Object.defineProperty(S.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.cacheData()},enumerable:!0,configurable:!0}),Object.defineProperty(S.prototype,"navigatable",{set:function(e){this.navigable=e},enumerable:!0,configurable:!0}),Object.defineProperty(S.prototype,"touchAction",{get:function(){return"none"},enumerable:!0,configurable:!0}),Object.defineProperty(S.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),S.prototype.setItemData=function(e,t){this._localData[t].item=e.item,this._localData[t].index=e.index,this._localData[t].hidden=e.hidden},S.prototype.itemTemplate=function(e){var t=this.itemTemplateRef;return e===this.dragOverIndex?t=this.placeholderTemplateRef:e===this.dragIndex&&(t=this.itemTemplateRef),t},S.prototype.ngOnInit=function(){var t=this;this.data||(this.data=[]),this.id=this.sortableService.registerComponent(this),this.dragIndex=-1,this.activeItemStyle&&!this.activeItemStyle.display&&(this.activeItemStyle.display=""),this.itemStyle.display||(this.itemStyle.display=""),this.wrapper&&(this.draggable=new _.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)}))},S.prototype.ngOnChanges=function(e){this.data&&o.isChanged("disabledIndexes",e,!1)&&this.cacheData()},S.prototype.ngOnDestroy=function(){this.unsubscribeEvents(),this.sortableService.unregisterComponent(this.id),this.draggable&&this.draggable.destroy()},S.prototype.ngAfterContentInit=function(){this.itemTemplateRef=this.itemTemplateDirectiveRef.first||this.defaultTemplateRef.first,this.placeholderTemplateRef=this.placeholderTemplateDirectiveRef.first||this.defaultTemplateRef.first},S.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)},S.prototype.updateCacheIndices=function(){this._localData.forEach(function(e,t){e.index=t})},S.prototype.cacheData=function(){var a=this;this._localData=[],this._data.forEach(function(e,t){a._localData.push({item:e,active:!1,disabled:!a.itemEnabled(t),index:t,hidden:!1})})},S.prototype.startDrag=function(e){e=new f.DraggableEvent(e);this.onDragStartSubject.next(e);e=e.isDefaultPrevented();return e||(this.offsetParent=s.relativeContextElement(this.wrapper)),e},S.prototype.drag=function(e){e=new f.DraggableEvent(e);return this.onDragOverSubject.next(e),e.isDefaultPrevented()},S.prototype.leave=function(e){e=new f.DraggableEvent(e);return this.onDragLeaveSubject.next(e),e.isDefaultPrevented()},S.prototype.endDrag=function(e){e=new f.DraggableEvent(e);return this.onDragEndSubject.next(e),e.isDefaultPrevented()},S.prototype.hintVisible=function(){return 0<=this.dragIndex&&this.hintLocation&&this===this.sortableService.getSource()},S.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},S.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},S.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},S.prototype.itemEnabled=function(e){return-1===this.disabledIndexes.indexOf(e)},S.prototype.acceptDragFrom=function(e){return void 0===this.acceptZones?this.zone===e.zone:void 0!==e.zone&&-1!==this.acceptZones.indexOf(e.zone)},S.prototype.ariaDropEffect=function(e){return this.itemEnabled(e)?"move":"none"},S.prototype.focusHandler=function(e){this.navigable&&(this.activeIndex=e)},S.prototype.blurHandler=function(){this.navigable&&!this.afterKeyPress&&(this.activeIndex=-1)},S.prototype.keydownHandler=function(e){var t=e.keyCode,a=this.navigable&&37<=t&&t<=40,n=-1!==this.activeIndex;if(a&&n){for(var n="rtl"===this.direction?39:37,i=38===t||t===n?-1:1,r=this.data.length-1,o=this.activeIndex+i;!this.itemEnabled(o)&&o<=r;)o+=i;o=Math.min(Math.max(o,0),r);this.itemEnabled(o)&&(a&&(a=e.ctrlKey||e.metaKey,a=new m.NavigateEvent({index:o,oldIndex:this.activeIndex,ctrlKey:a}),this.navigate.emit(a),a.isDefaultPrevented()||(this.activeIndex=o),this.dragIndex=-1,this.dragOverIndex=-1),e.stopPropagation(),e.preventDefault(),this.afterKeyPress=!0)}},S.prototype.removeDataItem=function(e){this.dragIndex=-1,this.dragOverIndex=-1,this._localData.splice(e,1),this.data.splice(e,1),this.updateCacheIndices()},S.prototype.hideItem=function(e,t){this._localData[e].hidden=t=void 0===t?!0:t},Object.defineProperty(S.prototype,"hideActiveItem",{get:function(){return this._hideActiveItem},set:function(e){this.activeIndex=-1,this._hideActiveItem=e},enumerable:!0,configurable:!0}),S.prototype.clearActiveItem=function(){this.navigable?this.fixFocus():this.activeIndex=-1,this.dragIndex=-1},S.prototype.getActiveItem=function(){if(this.data&&0<=this.dragIndex&&this.dragIndex<this.data.length)return this.data[this.dragIndex]},S.prototype.addDataItem=function(e,t){var a,n=this,i=this.sortableService.originDraggable;i&&i.parent===this?(a=this.animation,this.hideItem(i.index,!1),this.animation=!1,this.moveItem(i.index,t),this.animation=a):(t+1===this.data.length&&1<this.data.length&&t++,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(){(n.sortableService.target=n).sortableService.setSource(n),n.sortableService.activeDraggable=n.draggables.toArray()[t],n.sortableService.lastDraggable=null})},S.prototype.moveItem=function(e,t){var a=this;if(t!==e){for(var n,i=e,r=i<t?1:-1,o=i,s=[],d=i;i!==t;)!this.itemEnabled(i+=r)&&i!==t||(this.animation&&s.push({next:i,prev:d}),n=this._localData[d].index,this._localData[d].index=this._localData[i].index,this._localData[i].index=n,n=this._localData[d],this._localData[d]=this._localData[i],this._localData[i]=n,n=this.data[d],this.data[d]=this.data[i],this.data[i]=n,d=i);this.dragIndex=i,this.dragOverIndex=i,this.activeIndex=i,this.animation&&setTimeout(function(){s.push({next:o,prev:i}),a.animating=!0,a.animate(s)}),this.ngZone.onStable.pipe(c.take(1)).subscribe(function(){a.sortableService.activeDraggable=a.draggables.toArray()[i],a.sortableService.lastDraggable=null})}},S.prototype.animate=function(a){var e=this,n=this.itemWrappers.toArray(),t=[],i=[],r=this;clearTimeout(this._animating);for(var o=0;o<a.length;o++)t.push(n[a[o].prev].nativeElement.getBoundingClientRect()),i.push(n[a[o].next].nativeElement.getBoundingClientRect());for(o=0;o<a.length;o++){var s=a[o].prev,d=i[o],l=t[o],s=n[s].nativeElement;this.applyAnimationStyle(s,"transition","none"),this.applyAnimationStyle(s,"transform","translate3d("+(d.left-l.left).toString()+"px,"+(d.top-l.top).toString()+"px,0)"),this.reflow(s)}for(var c=this,o=0;o<a.length;o++)!function(e){var e=a[e].prev,t=n[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(){r.applyAnimationStyle(t,"transition",""),r.applyAnimationStyle(t,"transform",""),t.animated=!1},c.animationDuration)}(o);this._animating=setTimeout(function(){e.animating=!1},this.animationDuration)},S.prototype.positionHintFromEvent=function(e){var t=this.parentOffset();this.hintLocation=e?{x:e.clientX-t.left,y:e.clientY-t.top}:null},S.prototype.parentOffset=function(){var e=this.offsetParent;if(e){var t=e.getBoundingClientRect();return{left:t.left-e.scrollLeft,top:t.top-e.scrollTop}}return{left:0,top:0}},S.prototype.markForCheck=function(){this.changeDetector.markForCheck()},S.prototype.reflow=function(e){return e.offsetWidth},S.prototype.applyAnimationStyle=function(e,t,a){e=e&&e.style;e&&(e[t=!(t in e)?"-webkit-"+t:t]=a)},S.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 y.DragStartEvent({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,a=e.target.index;t.hidden&&t.parent===i&&t.index<e.target.index&&(a=e.target.index-1);t=(i.sortableService.target=i).sortableService.activeDraggable?i.sortableService.activeDraggable.index:0,t=new y.DragOverEvent({index:a,oldIndex:t});i.dragOver.emit(t),!t.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,a,n=i.sortableService.getSource();n&&(t=i.sortableService.target,a=e.target?e.target.index:-1,e=i.sortableService.originDraggable?i.sortableService.originIndex:-1,i.hintLocation=null,e=new y.DragEndEvent({index:a,oldIndex:e}),i.dragEnd.emit(e),e.isDefaultPrevented()||(n.dragIndex=-1,n.dragOverIndex=-1,n.activeIndex=-1,t&&t!==n&&(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})},S.prototype.unsubscribeEvents=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.dragStartSubscription.unsubscribe(),this.dragOverSubscription.unsubscribe(),this.dragEndSubscription.unsubscribe(),this.dragLeaveSubscription.unsubscribe()},S.prototype.placeHolderItemData=function(e){var t,a,n,i,r,o,s,d=this;e.disabled||(t=this.sortableService.target,a=this.sortableService.getSource(),n=Object.assign({},this._localData[e.index]),i=a._localData[a.dragIndex],this.setItemData(i,e.index),r=a.onDragEndSubject.pipe(c.take(1)).subscribe(function(){d.setItemData(n,e.index)}),o=t.onDragLeaveSubject.pipe(c.take(1)).subscribe(function(){d.setItemData(n,e.index)}),s=l.merge(this.onDragOverSubject.pipe(c.filter(function(){return e.index!==d.dragOverIndex})),this.onDragLeaveSubject).subscribe(function(){d.setItemData(n,e.index),r.unsubscribe(),s.unsubscribe(),o.unsubscribe()}))},S.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))},i.__decorate([r.Input(),i.__metadata("design:type",Number)],S.prototype,"tabIndex",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],S.prototype,"data",null),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],S.prototype,"navigable",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],S.prototype,"navigatable",null),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],S.prototype,"animation",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Array)],S.prototype,"disabledIndexes",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],S.prototype,"zone",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Array)],S.prototype,"acceptZones",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"itemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"emptyItemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"activeItemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"disabledItemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"itemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"activeItemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"emptyItemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"disabledItemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],S.prototype,"emptyText",void 0),i.__decorate([r.ContentChildren(r.TemplateRef,{descendants:!1}),i.__metadata("design:type",r.QueryList)],S.prototype,"defaultTemplateRef",void 0),i.__decorate([r.ContentChildren(h.ItemTemplateDirective,{read:r.TemplateRef,descendants:!1}),i.__metadata("design:type",r.QueryList)],S.prototype,"itemTemplateDirectiveRef",void 0),i.__decorate([r.ContentChildren(h.PlaceholderTemplateDirective,{read:r.TemplateRef,descendants:!1}),i.__metadata("design:type",r.QueryList)],S.prototype,"placeholderTemplateDirectiveRef",void 0),i.__decorate([r.ViewChildren("itemWrapper"),i.__metadata("design:type",r.QueryList)],S.prototype,"itemWrappers",void 0),i.__decorate([r.ViewChildren(v.DraggableDirective),i.__metadata("design:type",r.QueryList)],S.prototype,"draggables",void 0),i.__decorate([r.ViewChild("hint",{static:!1}),i.__metadata("design:type",r.ElementRef)],S.prototype,"hint",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragStart",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragEnd",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragOver",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragLeave",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dataMove",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dataAdd",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dataRemove",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"navigate",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Number)],S.prototype,"activeIndex",void 0),i.__decorate([r.HostBinding("style.touch-action"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],S.prototype,"touchAction",null),i.__decorate([r.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],S.prototype,"dir",null),n=i.__decorate([r.Component({exportAs:"kendoSortable",providers:[d.LocalizationService,{provide:d.L10N_PREFIX,useValue:"kendo.sortable"},{provide:b.SortableContainer,useExisting:r.forwardRef(function(){return n})}],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  '}),i.__metadata("design:paramtypes",[r.NgZone,d.LocalizationService,r.ChangeDetectorRef,r.ElementRef,g.SortableService])],S));function S(e,t,a,n,i){this.ngZone=e,this.localization=t,this.changeDetector=a,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 r.EventEmitter,this.dragEnd=new r.EventEmitter,this.dragOver=new r.EventEmitter,this.dragLeave=new r.EventEmitter,this.dataMove=new r.EventEmitter,this.dataAdd=new r.EventEmitter,this.dataRemove=new r.EventEmitter,this.navigate=new r.EventEmitter,this.activeIndex=-1,this.animating=!1,this.dragIndex=-1,this.dragOverIndex=-1,this.onDragStartSubject=new l.Subject,this.onDragOverSubject=new l.Subject,this.onDragLeaveSubject=new l.Subject,this.onDragEndSubject=new l.Subject,this.hintLocation=null,this._localData=[],this.animationDuration=300,this.afterKeyPress=!1,this.sortableService=null,this._hideActiveItem=!1,u.validatePackage(p.packageMetadata),this.wrapper=n.nativeElement,this.direction=t.rtl?"rtl":"ltr",this.sortableService=i,this.subscribeEvents()}t.SortableComponent=g},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),r=a(2),a=(n=r.PreventableEvent,i.__extends(o,n),o);function o(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.DataAddEvent=a;var s,a=(s=r.PreventableEvent,i.__extends(d,s),d);function d(e){var t=s.call(this)||this;return Object.assign(t,e),t}t.DataRemoveEvent=a;var l,i=(l=r.PreventableEvent,i.__extends(c,l),c);function c(e){var t=l.call(this)||this;return Object.assign(t,e),t}t.DataMoveEvent=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),r=a(9),o=a(4),s=a(10),d=a(7),o=(Object.defineProperty(l.prototype,"data",{set:function(e){this.sortable.data=e},enumerable:!0,configurable:!0}),l.prototype.nextEnabledIndex=function(e,t){for(var a=e;a<=t.data.length;a++)if(t.itemEnabled(a))return a},l.prototype.addItem=function(e,t){var a=e.index,n=this.sortableService.getSource().data[e.oldIndex],e=new s.DataAddEvent({index:a,dataItem:n});return t.dataAdd.emit(e),e.isDefaultPrevented()||(a===t.itemWrappers.length-1&&a++,t.addDataItem(n,a)),!e.isDefaultPrevented()},l.prototype.removeItem=function(e,t){var a=this.sortableService.originDraggable,n=new s.DataRemoveEvent({index:e.oldIndex,dataItem:t.data[e.oldIndex]});return t.dataRemove.emit(n),n.isDefaultPrevented()||(a&&a.parent===t?t.hideItem(e.oldIndex,!0):t.removeDataItem(e.oldIndex)),!n.isDefaultPrevented()},l.prototype.moveItem=function(e,t){if(e.index===e.oldIndex)return!1;var a=new s.DataMoveEvent({dataItem:t.data[e.oldIndex],index:e.index,oldIndex:e.oldIndex});return t.dataMove.emit(a),a.isDefaultPrevented()||t.moveItem(e.oldIndex,e.index),!a.isDefaultPrevented()},l.prototype.removeOriginDraggable=function(){var n=this;this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe(),this.removeHiddenSubscription=this.sortableService.onReleaseSubject.pipe(d.take(1),d.filter(function(e){return null!==n.sortableService.originDraggable&&n.sortableService.originDraggable.hidden})).subscribe(function(e){var t=n.sortableService.originDraggable,a=n.sortableService.getSource();t.parent!==n.sortableService.target&&((e.target&&(e.target.isDraggable||e.target.isDraggableChild)||t.parent!==a)&&t.parent!==n.sortableService.target&&t.parent.removeDataItem(t.index),n.sortableService.originDraggable=null)})},l.prototype.onDragOver=function(e){var t=this.sortableService.getSource(),a=this.sortableService.target,n=a.draggables.toArray();e.isDefaultPrevented()||(e.preventDefault(),a===t?(n[e.index]!==this.lastTarget&&this.moveItem(e,a),this.lastTarget=void 0):(a.itemEnabled(e.index)||(e.index=this.nextEnabledIndex(e.index,a)),this.addItem(e,a)&&this.removeItem(e,t)&&(this.lastTarget=a.draggables.toArray()[e.index],this.removeOriginDraggable(),a.activeIndex=e.index,t.activeIndex=-1)))},l.prototype.onNavigate=function(e){var t;e.ctrlKey?(t=new s.DataMoveEvent({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},l.prototype.ngOnInit=function(){this.dragOverSubscription=this.sortable.dragOver.subscribe(this.onDragOver.bind(this)),this.navigateSubscription=this.sortable.navigate.subscribe(this.onNavigate.bind(this))},l.prototype.ngOnDestroy=function(){this.dragOverSubscription.unsubscribe(),this.navigateSubscription.unsubscribe(),this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe()},n.__decorate([i.Input("kendoSortableBinding"),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],l.prototype,"data",null),n.__decorate([i.Directive({selector:"[kendoSortableBinding]"}),n.__metadata("design:paramtypes",[r.SortableComponent,o.SortableService])],l));function l(e,t){this.sortable=e,this.sortableService=t,this.sortableService=t}t.SortableBindingDirective=o},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),a=(n=a(2).PreventableEvent,i.__extends(r,n),r);function r(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.DragStartEvent=a;var o,a=(o=a,i.__extends(s,o),s);function s(e){var t=o.call(this,e)||this;return Object.assign(t,e),t}t.DragOverEvent=a;var d,i=(d=a,i.__extends(l,d),l);function l(e){var t=d.call(this,e)||this;return Object.assign(t,e),t}t.DragEndEvent=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),i=(n=a(2).PreventableEvent,i.__extends(r,n),r);function r(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.DraggableEvent=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),i=(n=a(2).PreventableEvent,i.__extends(r,n),r);function r(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.NavigateEvent=i},function(e,i,t){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var r=t(8),a={},n={},o=/^(?:a|input|select|option|textarea|button|object)$/i;i.matchesNodeName=function(t){return a[t]||(a[t]=function(e){return String(e.nodeName).toLowerCase()===t.toLowerCase()}),a[t]},i.matchesNodeAttr=function(t){return n[t]||(n[t]=function(e){return!!e.hasAttribute&&e.hasAttribute(t)}),n[t]},i.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},i.draggableFromPoint=function(e,t){if(r.isDocumentAvailable()){var a=document.elementFromPoint(e,t);if(a){var n=a.hasAttribute("kendoDraggable"),e=null!==i.closest(a,i.matchesNodeAttr("kendoDraggable")),t=i.closest(a,i.matchesNodeAttr("kendoDraggable"));return{element:a,index:t?parseInt(t.getAttribute("data-sortable-index"),10):-1,isDraggable:n,isDraggableChild:e,parentDraggable:t,rect:a.getBoundingClientRect()}}}},i.draggableFromEvent=function(e,t){var a;return e=e.changedTouches?(a=e.changedTouches[0],i.draggableFromPoint(a.clientX,a.clientY)):i.draggableFromPoint(e.clientX,e.clientY),t.draggables.toArray()[e?e.index:-1]},i.isFocusable=function(e){if(e.tagName){var t=e.tagName.toLowerCase(),a=e.getAttribute("tabIndex"),n="-1"===a,a=null!==a&&!n;return a=o.test(t)?!e.disabled&&!n:a}return!1};function s(e){return String(e).trim().split(" ")}i.hasClasses=function(e,t){var a=s(t);return Boolean(s(e.className).find(function(e){return 0<=a.indexOf(e)}))};var d=i.matchesNodeName("kendo-sortable");i.widgetTarget=function(e){e=i.closest(e,function(e){return i.hasClasses(e,"k-widget")||d(e)});return e&&!d(e)};var l=function(){if(!r.isDocumentAvailable())return!1;var e=document.createElement("div");e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(e);var t=10!==e.children[0].getBoundingClientRect().top;return document.body.removeChild(e),t}();i.relativeContextElement=function(e){if(!e||!l)return null;for(var t=e.parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}}},function(e,t){e.exports=u},function(e,t){e.exports=o},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),r=a(17),o=a(9),s=a(4),d=a(6),l=a(3),c=a(3),a=a(11),a=[o.SortableComponent,d.DraggableDirective,l.PlaceholderTemplateDirective,c.ItemTemplateDirective,a.SortableBindingDirective],s=n.__decorate([i.NgModule({declarations:[a],exports:[a],imports:[r.CommonModule],providers:[s.SortableService]})],function(){});t.SortableModule=s},function(e,t){e.exports=v},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-sortable",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1620216298,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"}},function(e,t){e.exports=g},function(e,t){e.exports=p},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(9);t.SortableComponent=n.SortableComponent;n=a(18);t.SortableModule=n.SortableModule;n=a(2);t.PreventableEvent=n.PreventableEvent;n=a(13);t.DraggableEvent=n.DraggableEvent;n=a(12);t.DragStartEvent=n.DragStartEvent,t.DragEndEvent=n.DragEndEvent,t.DragOverEvent=n.DragOverEvent;n=a(14);t.NavigateEvent=n.NavigateEvent;n=a(10);t.DataMoveEvent=n.DataMoveEvent;n=a(6);t.DraggableDirective=n.DraggableDirective;n=a(11);t.SortableBindingDirective=n.SortableBindingDirective;n=a(3);t.PlaceholderTemplateDirective=n.PlaceholderTemplateDirective;n=a(3);t.ItemTemplateDirective=n.ItemTemplateDirective;n=a(4);t.SortableService=n.SortableService;a=a(5);t.SortableContainer=a.SortableContainer,function(e){for(var t in e)r(t,e[t])}(t)}],n.c=i,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=23)}}});
+System.register("@progress/kendo-angular-sortable",["tslib","@angular/core","@angular/common","rxjs/operators","@progress/kendo-angular-common","rxjs","@progress/kendo-licensing","@telerik/kendo-draggable","@progress/kendo-angular-l10n"],function(r){var o,s,d,l,c,u,p,g,v;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){s=t(e)},function(e){d=t(e)},function(e){l=t(e)},function(e){c=t(e)},function(e){u=t(e)},function(e){p=t(e)},function(e){g=t(e)},function(e){v=t(e)}],execute:function(){function n(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return a[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var a,i;a=[function(e,t){e.exports=o},function(e,t){e.exports=s},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(i.prototype.preventDefault=function(){this.prevented=!0},i.prototype.isDefaultPrevented=function(){return this.prevented},i);function i(){this.prevented=!1}t.PreventableEvent=n},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),a=n.__decorate([i.Directive({selector:"[kendoSortableItemTemplate]"}),n.__metadata("design:paramtypes",[i.TemplateRef])],r);function r(e){this.templateRef=e}t.ItemTemplateDirective=a;i=n.__decorate([i.Directive({selector:"[kendoSortablePlaceholderTemplate]"}),n.__metadata("design:paramtypes",[i.TemplateRef])],o);function o(e){this.templateRef=e}t.PlaceholderTemplateDirective=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function n(e){return(e=e.originalEvent.target).hasAttribute("data-sortable-item")||!(s.isFocusable(e)||s.widgetTarget(e))}var i=a(0),r=a(1),o=a(8),s=a(15),d=a(16),l=a(7),r=(Object.defineProperty(c.prototype,"target",{get:function(){return this._target},set:function(e){this._target=e},enumerable:!0,configurable:!0}),c.prototype.onPress=function(e){this.onPressSubject.next(e)},c.prototype.onDrag=function(e){this.onDragSubject.next(e)},c.prototype.onRelease=function(e){this.onReleaseSubject.next(e)},c.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},c.prototype.registerComponent=function(e){var t=this.sortableCounter.toString();return this.sortableRegister[t]=e,this.sortableCounter++,t},c.prototype.unregisterComponent=function(e){this.sortableRegister[e]=null},c.prototype.setSource=function(e){this.source=e},c.prototype.getSource=function(){return this.source},c.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 a=t.getAttribute("data-sortable-id"),n=t.getAttribute("data-sortable-index");if(a){a=this.sortableRegister[a];if(a)return{component:a,index:parseInt(n,10)}}t=t.parentElement}},c.prototype.start=function(){var e=this.pressArgs;if(e){this.pressArgs=null;var t=s.draggableFromEvent(e,this.targetSortable.component);if(this.targetSortable.component.startDrag({target:t,originalEvent:e}))return!(this.targetSortable=null)}},c.prototype.release=function(t){var a=this;this.source&&this.ngZone.run(function(){var e;a.targetSortable&&(e=s.draggableFromEvent(t,a.targetSortable.component),a.source.endDrag({target:e,originalEvent:t})),a.source.positionHintFromEvent(null),a.source.markForCheck()}),this.targetSortable=null,this.pressArgs=null},c.prototype.drag=function(a){var n=this;this.ngZone.run(function(){var e,t;n.start()||(n.source.positionHintFromEvent(a),(e=n.getSortableComponentFromTouch(a))&&e.component===n.target||(n.target?n.target.leave({target:void 0,originalEvent:a}):n.source!==n.target&&n.source.leave({target:void 0,originalEvent:a})),e&&e.component&&(t=s.draggableFromEvent(a,e.component),e.component.drag({target:t,originalEvent:a})),n.source.markForCheck())})},i.__decorate([r.Injectable(),i.__metadata("design:paramtypes",[r.NgZone])],c));function c(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(l.filter(n),l.tap(function(e){t.targetSortable=t.getSortableComponentFromTouch(e)}),l.filter(function(e){return Boolean(t.targetSortable)}),l.tap(function(e){t.onReleaseSubject.pipe(l.take(1)).subscribe(function(e){return t.release(e)}),(t.pressArgs=e).isTouch&&e.originalEvent.preventDefault()}),l.switchMap(function(e){return t.onDragSubject.pipe(l.filter(function(e){return Boolean(t.targetSortable)}),l.tap(function(e){return t.drag(e)}))})).subscribe())}t.SortableService=r},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),a=a(1),a=n.__decorate([a.Injectable()],i);function i(){}t.SortableContainer=a},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),a=a(5),i=(Object.defineProperty(r.prototype,"_focused",{get:function(){return!this.disabled&&this.index===this.parent.activeIndex},enumerable:!0,configurable:!0}),Object.defineProperty(r.prototype,"_disabled",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),Object.defineProperty(r.prototype,"display",{get:function(){return this.hidden?"none":this._display},set:function(e){this._display=e},enumerable:!0,configurable:!0}),r.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"))},n.__decorate([i.Input(),n.__metadata("design:type",Number)],r.prototype,"index",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],r.prototype,"hidden",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],r.prototype,"disabled",void 0),n.__decorate([i.HostBinding("class.k-state-focused"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],r.prototype,"_focused",null),n.__decorate([i.HostBinding("attr.aria-disabled"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],r.prototype,"_disabled",null),n.__decorate([i.HostBinding("style.display"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],r.prototype,"display",null),n.__decorate([i.Directive({selector:"[kendoDraggable]"}),n.__metadata("design:paramtypes",[a.SortableContainer,i.ElementRef,i.Renderer2])],r));function r(e,t,a){this.parent=e,this.el=t,this.renderer=a}t.DraggableDirective=i},function(e,t){e.exports=l},function(e,t){e.exports=c},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),r=a(1),l=a(16),o=a(8),s=a(15),c=a(7),d=a(22),u=a(21),p=a(20),g=a(4),v=a(6),b=a(5),h=a(3),m=a(14),f=a(13),y=a(12),_=a(19),g=(n=S,Object.defineProperty(S.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.cacheData()},enumerable:!0,configurable:!0}),Object.defineProperty(S.prototype,"navigatable",{set:function(e){this.navigable=e},enumerable:!0,configurable:!0}),Object.defineProperty(S.prototype,"touchAction",{get:function(){return"none"},enumerable:!0,configurable:!0}),Object.defineProperty(S.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),S.prototype.setItemData=function(e,t){this._localData[t].item=e.item,this._localData[t].index=e.index,this._localData[t].hidden=e.hidden},S.prototype.itemTemplate=function(e){var t=this.itemTemplateRef;return e===this.dragOverIndex?t=this.placeholderTemplateRef:e===this.dragIndex&&(t=this.itemTemplateRef),t},S.prototype.ngOnInit=function(){var t=this;this.data||(this.data=[]),this.id=this.sortableService.registerComponent(this),this.dragIndex=-1,this.activeItemStyle&&!this.activeItemStyle.display&&(this.activeItemStyle.display=""),this.itemStyle.display||(this.itemStyle.display=""),this.wrapper&&(this.draggable=new _.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)}))},S.prototype.ngOnChanges=function(e){this.data&&o.isChanged("disabledIndexes",e,!1)&&this.cacheData()},S.prototype.ngOnDestroy=function(){this.unsubscribeEvents(),this.sortableService.unregisterComponent(this.id),this.draggable&&this.draggable.destroy()},S.prototype.ngAfterContentInit=function(){this.itemTemplateRef=this.itemTemplateDirectiveRef.first||this.defaultTemplateRef.first,this.placeholderTemplateRef=this.placeholderTemplateDirectiveRef.first||this.defaultTemplateRef.first},S.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)},S.prototype.updateCacheIndices=function(){this._localData.forEach(function(e,t){e.index=t})},S.prototype.cacheData=function(){var a=this;this._localData=[],this._data.forEach(function(e,t){a._localData.push({item:e,active:!1,disabled:!a.itemEnabled(t),index:t,hidden:!1})})},S.prototype.startDrag=function(e){e=new f.DraggableEvent(e);this.onDragStartSubject.next(e);e=e.isDefaultPrevented();return e||(this.offsetParent=s.relativeContextElement(this.wrapper)),e},S.prototype.drag=function(e){e=new f.DraggableEvent(e);return this.onDragOverSubject.next(e),e.isDefaultPrevented()},S.prototype.leave=function(e){e=new f.DraggableEvent(e);return this.onDragLeaveSubject.next(e),e.isDefaultPrevented()},S.prototype.endDrag=function(e){e=new f.DraggableEvent(e);return this.onDragEndSubject.next(e),e.isDefaultPrevented()},S.prototype.hintVisible=function(){return 0<=this.dragIndex&&this.hintLocation&&this===this.sortableService.getSource()},S.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},S.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},S.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},S.prototype.itemEnabled=function(e){return-1===this.disabledIndexes.indexOf(e)},S.prototype.acceptDragFrom=function(e){return void 0===this.acceptZones?this.zone===e.zone:void 0!==e.zone&&-1!==this.acceptZones.indexOf(e.zone)},S.prototype.ariaDropEffect=function(e){return this.itemEnabled(e)?"move":"none"},S.prototype.focusHandler=function(e){this.navigable&&(this.activeIndex=e)},S.prototype.blurHandler=function(){this.navigable&&!this.afterKeyPress&&(this.activeIndex=-1)},S.prototype.keydownHandler=function(e){var t=e.keyCode,a=this.navigable&&37<=t&&t<=40,n=-1!==this.activeIndex;if(a&&n){for(var n="rtl"===this.direction?39:37,i=38===t||t===n?-1:1,r=this.data.length-1,o=this.activeIndex+i;!this.itemEnabled(o)&&o<=r;)o+=i;o=Math.min(Math.max(o,0),r);this.itemEnabled(o)&&(a&&(a=e.ctrlKey||e.metaKey,a=new m.NavigateEvent({index:o,oldIndex:this.activeIndex,ctrlKey:a}),this.navigate.emit(a),a.isDefaultPrevented()||(this.activeIndex=o),this.dragIndex=-1,this.dragOverIndex=-1),e.stopPropagation(),e.preventDefault(),this.afterKeyPress=!0)}},S.prototype.removeDataItem=function(e){this.dragIndex=-1,this.dragOverIndex=-1,this._localData.splice(e,1),this.data.splice(e,1),this.updateCacheIndices()},S.prototype.hideItem=function(e,t){this._localData[e].hidden=t=void 0===t?!0:t},Object.defineProperty(S.prototype,"hideActiveItem",{get:function(){return this._hideActiveItem},set:function(e){this.activeIndex=-1,this._hideActiveItem=e},enumerable:!0,configurable:!0}),S.prototype.clearActiveItem=function(){this.navigable?this.fixFocus():this.activeIndex=-1,this.dragIndex=-1},S.prototype.getActiveItem=function(){if(this.data&&0<=this.dragIndex&&this.dragIndex<this.data.length)return this.data[this.dragIndex]},S.prototype.addDataItem=function(e,t){var a,n=this,i=this.sortableService.originDraggable;i&&i.parent===this?(a=this.animation,this.hideItem(i.index,!1),this.animation=!1,this.moveItem(i.index,t),this.animation=a):(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(){(n.sortableService.target=n).sortableService.setSource(n),n.sortableService.activeDraggable=n.draggables.toArray()[t],n.sortableService.lastDraggable=null})},S.prototype.moveItem=function(e,t){var a=this;if(t!==e){for(var n,i=e,r=i<t?1:-1,o=i,s=[],d=i;i!==t;)i+=r,!this.itemEnabled(i)&&i!==t||(this.animation&&s.push({next:i,prev:d}),n=this._localData[d].index,this._localData[d].index=this._localData[i].index,this._localData[i].index=n,n=this._localData[d],this._localData[d]=this._localData[i],this._localData[i]=n,n=this.data[d],this.data[d]=this.data[i],this.data[i]=n,d=i);this.dragIndex=i,this.dragOverIndex=i,this.activeIndex=i,this.animation&&setTimeout(function(){s.push({next:o,prev:i}),a.animating=!0,a.animate(s)}),this.ngZone.onStable.pipe(c.take(1)).subscribe(function(){a.sortableService.activeDraggable=a.draggables.toArray()[i],a.sortableService.lastDraggable=null})}},S.prototype.animate=function(a){var e=this,n=this.itemWrappers.toArray(),t=[],i=[],r=this;clearTimeout(this._animating);for(var o=0;o<a.length;o++)t.push(n[a[o].prev].nativeElement.getBoundingClientRect()),i.push(n[a[o].next].nativeElement.getBoundingClientRect());for(o=0;o<a.length;o++){var s=a[o].prev,d=i[o],l=t[o],s=n[s].nativeElement;this.applyAnimationStyle(s,"transition","none"),this.applyAnimationStyle(s,"transform","translate3d("+(d.left-l.left).toString()+"px,"+(d.top-l.top).toString()+"px,0)"),this.reflow(s)}for(var c=this,o=0;o<a.length;o++)!function(e){var e=a[e].prev,t=n[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(){r.applyAnimationStyle(t,"transition",""),r.applyAnimationStyle(t,"transform",""),t.animated=!1},c.animationDuration)}(o);this._animating=setTimeout(function(){e.animating=!1},this.animationDuration)},S.prototype.positionHintFromEvent=function(e){var t=this.parentOffset();this.hintLocation=e?{x:e.clientX-t.left,y:e.clientY-t.top}:null},S.prototype.parentOffset=function(){var e=this.offsetParent;if(e){var t=e.getBoundingClientRect();return{left:t.left-e.scrollLeft,top:t.top-e.scrollTop}}return{left:0,top:0}},S.prototype.markForCheck=function(){this.changeDetector.markForCheck()},S.prototype.reflow=function(e){return e.offsetWidth},S.prototype.applyAnimationStyle=function(e,t,a){e=e&&e.style;e&&(e[t=!(t in e)?"-webkit-"+t:t]=a)},S.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 y.DragStartEvent({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,a=e.target.index;t.hidden&&t.parent===i&&t.index<e.target.index&&(a=e.target.index-1);t=(i.sortableService.target=i).sortableService.activeDraggable?i.sortableService.activeDraggable.index:0,t=new y.DragOverEvent({index:a,oldIndex:t});i.dragOver.emit(t),!t.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,a,n=i.sortableService.getSource();n&&(t=i.sortableService.target,a=e.target?e.target.index:-1,e=i.sortableService.originDraggable?i.sortableService.originIndex:-1,i.hintLocation=null,e=new y.DragEndEvent({index:a,oldIndex:e}),i.dragEnd.emit(e),e.isDefaultPrevented()||(n.dragIndex=-1,n.dragOverIndex=-1,n.activeIndex=-1,t&&t!==n&&(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})},S.prototype.unsubscribeEvents=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.dragStartSubscription.unsubscribe(),this.dragOverSubscription.unsubscribe(),this.dragEndSubscription.unsubscribe(),this.dragLeaveSubscription.unsubscribe()},S.prototype.placeHolderItemData=function(e){var t,a,n,i,r,o,s,d=this;e.disabled||(t=this.sortableService.target,a=this.sortableService.getSource(),n=Object.assign({},this._localData[e.index]),i=a._localData[a.dragIndex],this.setItemData(i,e.index),r=a.onDragEndSubject.pipe(c.take(1)).subscribe(function(){d.setItemData(n,e.index)}),o=t.onDragLeaveSubject.pipe(c.take(1)).subscribe(function(){d.setItemData(n,e.index)}),s=l.merge(this.onDragOverSubject.pipe(c.filter(function(){return e.index!==d.dragOverIndex})),this.onDragLeaveSubject).subscribe(function(){d.setItemData(n,e.index),r.unsubscribe(),s.unsubscribe(),o.unsubscribe()}))},S.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))},i.__decorate([r.Input(),i.__metadata("design:type",Number)],S.prototype,"tabIndex",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],S.prototype,"data",null),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],S.prototype,"navigable",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],S.prototype,"navigatable",null),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],S.prototype,"animation",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Array)],S.prototype,"disabledIndexes",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],S.prototype,"zone",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Array)],S.prototype,"acceptZones",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"itemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"emptyItemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"activeItemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"disabledItemStyle",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"itemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"activeItemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"emptyItemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Object)],S.prototype,"disabledItemClass",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],S.prototype,"emptyText",void 0),i.__decorate([r.ContentChildren(r.TemplateRef,{descendants:!1}),i.__metadata("design:type",r.QueryList)],S.prototype,"defaultTemplateRef",void 0),i.__decorate([r.ContentChildren(h.ItemTemplateDirective,{read:r.TemplateRef,descendants:!1}),i.__metadata("design:type",r.QueryList)],S.prototype,"itemTemplateDirectiveRef",void 0),i.__decorate([r.ContentChildren(h.PlaceholderTemplateDirective,{read:r.TemplateRef,descendants:!1}),i.__metadata("design:type",r.QueryList)],S.prototype,"placeholderTemplateDirectiveRef",void 0),i.__decorate([r.ViewChildren("itemWrapper"),i.__metadata("design:type",r.QueryList)],S.prototype,"itemWrappers",void 0),i.__decorate([r.ViewChildren(v.DraggableDirective),i.__metadata("design:type",r.QueryList)],S.prototype,"draggables",void 0),i.__decorate([r.ViewChild("noDataRef",{static:!1}),i.__metadata("design:type",r.ElementRef)],S.prototype,"noDataContainer",void 0),i.__decorate([r.ViewChild("hint",{static:!1}),i.__metadata("design:type",r.ElementRef)],S.prototype,"hint",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragStart",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragEnd",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragOver",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dragLeave",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dataMove",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dataAdd",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"dataRemove",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],S.prototype,"navigate",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Number)],S.prototype,"activeIndex",void 0),i.__decorate([r.HostBinding("style.touch-action"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],S.prototype,"touchAction",null),i.__decorate([r.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],S.prototype,"dir",null),n=i.__decorate([r.Component({exportAs:"kendoSortable",providers:[d.LocalizationService,{provide:d.L10N_PREFIX,useValue:"kendo.sortable"},{provide:b.SortableContainer,useExisting:r.forwardRef(function(){return n})}],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  '}),i.__metadata("design:paramtypes",[r.NgZone,d.LocalizationService,r.ChangeDetectorRef,r.ElementRef,g.SortableService])],S));function S(e,t,a,n,i){this.ngZone=e,this.localization=t,this.changeDetector=a,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 r.EventEmitter,this.dragEnd=new r.EventEmitter,this.dragOver=new r.EventEmitter,this.dragLeave=new r.EventEmitter,this.dataMove=new r.EventEmitter,this.dataAdd=new r.EventEmitter,this.dataRemove=new r.EventEmitter,this.navigate=new r.EventEmitter,this.activeIndex=-1,this.animating=!1,this.dragIndex=-1,this.dragOverIndex=-1,this.onDragStartSubject=new l.Subject,this.onDragOverSubject=new l.Subject,this.onDragLeaveSubject=new l.Subject,this.onDragEndSubject=new l.Subject,this.hintLocation=null,this._localData=[],this.animationDuration=300,this.afterKeyPress=!1,this.sortableService=null,this._hideActiveItem=!1,u.validatePackage(p.packageMetadata),this.wrapper=n.nativeElement,this.direction=t.rtl?"rtl":"ltr",this.sortableService=i,this.subscribeEvents()}t.SortableComponent=g},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),r=a(2),a=(n=r.PreventableEvent,i.__extends(o,n),o);function o(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.DataAddEvent=a;var s,a=(s=r.PreventableEvent,i.__extends(d,s),d);function d(e){var t=s.call(this)||this;return Object.assign(t,e),t}t.DataRemoveEvent=a;var l,i=(l=r.PreventableEvent,i.__extends(c,l),c);function c(e){var t=l.call(this)||this;return Object.assign(t,e),t}t.DataMoveEvent=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),r=a(9),o=a(4),s=a(10),d=a(7),o=(Object.defineProperty(l.prototype,"data",{set:function(e){this.sortable.data=e},enumerable:!0,configurable:!0}),l.prototype.nextEnabledIndex=function(e,t){for(var a=e;a<=t.data.length;a++)if(t.itemEnabled(a))return a},l.prototype.addItem=function(e,t){var a=e.index,n=this.sortableService.getSource().data[e.oldIndex],e=new s.DataAddEvent({index:a,dataItem:n});return t.dataAdd.emit(e),e.isDefaultPrevented()||(a!==t.itemWrappers.length-1||t.noDataContainer||a++,t.addDataItem(n,a)),!e.isDefaultPrevented()},l.prototype.removeItem=function(e,t){var a=this.sortableService.originDraggable,n=new s.DataRemoveEvent({index:e.oldIndex,dataItem:t.data[e.oldIndex]});return t.dataRemove.emit(n),n.isDefaultPrevented()||(a&&a.parent===t?t.hideItem(e.oldIndex,!0):t.removeDataItem(e.oldIndex)),!n.isDefaultPrevented()},l.prototype.moveItem=function(e,t){if(e.index===e.oldIndex)return!1;var a=new s.DataMoveEvent({dataItem:t.data[e.oldIndex],index:e.index,oldIndex:e.oldIndex});return t.dataMove.emit(a),a.isDefaultPrevented()||t.moveItem(e.oldIndex,e.index),!a.isDefaultPrevented()},l.prototype.removeOriginDraggable=function(){var n=this;this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe(),this.removeHiddenSubscription=this.sortableService.onReleaseSubject.pipe(d.take(1),d.filter(function(e){return null!==n.sortableService.originDraggable&&n.sortableService.originDraggable.hidden})).subscribe(function(e){var t=n.sortableService.originDraggable,a=n.sortableService.getSource();t.parent!==n.sortableService.target&&((e.target&&(e.target.isDraggable||e.target.isDraggableChild)||t.parent!==a)&&t.parent!==n.sortableService.target&&t.parent.removeDataItem(t.index),n.sortableService.originDraggable=null)})},l.prototype.onDragOver=function(e){var t=this.sortableService.getSource(),a=this.sortableService.target,n=a.draggables.toArray();e.isDefaultPrevented()||(e.preventDefault(),a===t?(n[e.index]!==this.lastTarget&&this.moveItem(e,a),this.lastTarget=void 0):(a.itemEnabled(e.index)||(e.index=this.nextEnabledIndex(e.index,a)),this.addItem(e,a)&&this.removeItem(e,t)&&(this.lastTarget=a.draggables.toArray()[e.index],this.removeOriginDraggable(),a.activeIndex=e.index,t.activeIndex=-1)))},l.prototype.onNavigate=function(e){var t;e.ctrlKey?(t=new s.DataMoveEvent({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},l.prototype.ngOnInit=function(){this.dragOverSubscription=this.sortable.dragOver.subscribe(this.onDragOver.bind(this)),this.navigateSubscription=this.sortable.navigate.subscribe(this.onNavigate.bind(this))},l.prototype.ngOnDestroy=function(){this.dragOverSubscription.unsubscribe(),this.navigateSubscription.unsubscribe(),this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe()},n.__decorate([i.Input("kendoSortableBinding"),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],l.prototype,"data",null),n.__decorate([i.Directive({selector:"[kendoSortableBinding]"}),n.__metadata("design:paramtypes",[r.SortableComponent,o.SortableService])],l));function l(e,t){this.sortable=e,this.sortableService=t,this.sortableService=t}t.SortableBindingDirective=o},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),a=(n=a(2).PreventableEvent,i.__extends(r,n),r);function r(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.DragStartEvent=a;var o,a=(o=a,i.__extends(s,o),s);function s(e){var t=o.call(this,e)||this;return Object.assign(t,e),t}t.DragOverEvent=a;var d,i=(d=a,i.__extends(l,d),l);function l(e){var t=d.call(this,e)||this;return Object.assign(t,e),t}t.DragEndEvent=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),i=(n=a(2).PreventableEvent,i.__extends(r,n),r);function r(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.DraggableEvent=i},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=a(0),i=(n=a(2).PreventableEvent,i.__extends(r,n),r);function r(e){var t=n.call(this)||this;return Object.assign(t,e),t}t.NavigateEvent=i},function(e,i,t){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var r=t(8),a={},n={},o=/^(?:a|input|select|option|textarea|button|object)$/i;i.matchesNodeName=function(t){return a[t]||(a[t]=function(e){return String(e.nodeName).toLowerCase()===t.toLowerCase()}),a[t]},i.matchesNodeAttr=function(t){return n[t]||(n[t]=function(e){return!!e.hasAttribute&&e.hasAttribute(t)}),n[t]},i.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},i.draggableFromPoint=function(e,t){if(r.isDocumentAvailable()){var a=document.elementFromPoint(e,t);if(a){var n=a.hasAttribute("kendoDraggable"),e=null!==i.closest(a,i.matchesNodeAttr("kendoDraggable")),t=i.closest(a,i.matchesNodeAttr("kendoDraggable"));return{element:a,index:t?parseInt(t.getAttribute("data-sortable-index"),10):-1,isDraggable:n,isDraggableChild:e,parentDraggable:t,rect:a.getBoundingClientRect()}}}},i.draggableFromEvent=function(e,t){var a;return e=e.changedTouches?(a=e.changedTouches[0],i.draggableFromPoint(a.clientX,a.clientY)):i.draggableFromPoint(e.clientX,e.clientY),t.draggables.toArray()[e?e.index:-1]},i.isFocusable=function(e){if(e.tagName){var t=e.tagName.toLowerCase(),a=e.getAttribute("tabIndex"),n="-1"===a,a=null!==a&&!n;return a=o.test(t)?!e.disabled&&!n:a}return!1};function s(e){return String(e).trim().split(" ")}i.hasClasses=function(e,t){var a=s(t);return Boolean(s(e.className).find(function(e){return 0<=a.indexOf(e)}))};var d=i.matchesNodeName("kendo-sortable");i.widgetTarget=function(e){e=i.closest(e,function(e){return i.hasClasses(e,"k-widget")||d(e)});return e&&!d(e)};var l=function(){if(!r.isDocumentAvailable())return!1;var e=document.createElement("div");e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(e);var t=10!==e.children[0].getBoundingClientRect().top;return document.body.removeChild(e),t}();i.relativeContextElement=function(e){if(!e||!l)return null;for(var t=e.parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}}},function(e,t){e.exports=u},function(e,t){e.exports=d},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(0),i=a(1),r=a(17),o=a(9),s=a(4),d=a(6),l=a(3),c=a(3),a=a(11),a=[o.SortableComponent,d.DraggableDirective,l.PlaceholderTemplateDirective,c.ItemTemplateDirective,a.SortableBindingDirective],s=n.__decorate([i.NgModule({declarations:[a],exports:[a],imports:[r.CommonModule],providers:[s.SortableService]})],u);function u(){}t.SortableModule=s},function(e,t){e.exports=g},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-sortable",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],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"}},function(e,t){e.exports=p},function(e,t){e.exports=v},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a(9);t.SortableComponent=n.SortableComponent;n=a(18);t.SortableModule=n.SortableModule;n=a(2);t.PreventableEvent=n.PreventableEvent;n=a(13);t.DraggableEvent=n.DraggableEvent;n=a(12);t.DragStartEvent=n.DragStartEvent,t.DragEndEvent=n.DragEndEvent,t.DragOverEvent=n.DragOverEvent;n=a(14);t.NavigateEvent=n.NavigateEvent;n=a(10);t.DataMoveEvent=n.DataMoveEvent;n=a(6);t.DraggableDirective=n.DraggableDirective;n=a(11);t.SortableBindingDirective=n.SortableBindingDirective;n=a(3);t.PlaceholderTemplateDirective=n.PlaceholderTemplateDirective;n=a(3);t.ItemTemplateDirective=n.ItemTemplateDirective;n=a(4);t.SortableService=n.SortableService;a=a(5);t.SortableContainer=a.SortableContainer,function(e){for(var t in e)r(t,e[t])}(t)}],i={},n.m=a,n.c=i,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=23)}}});

package/package.json

@@ -7,7 +7,7 @@
   },
   "homepage": "https://www.telerik.com/kendo-angular-ui/components/",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "4.0.2",
+  "version": "4.0.4-dev.202110281510",
   "main": "dist/npm/index.js",
   "module": "dist/fesm5/index.js",
   "es2015": "dist/fesm2015/index.js",
@@ -36,12 +36,12 @@
     "Angular "
   ],
   "peerDependencies": {
-    "@angular/common": "8 - 12",
-    "@angular/core": "8 - 12",
+    "@angular/common": "8 - 13",
+    "@angular/core": "8 - 13",
     "@progress/kendo-angular-common": "^2.0.0",
     "@progress/kendo-angular-l10n": "^3.0.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "rxjs": "^6.4.0"
+    "rxjs": "^6.4.0 || ^7.0.0"
   },
   "dependencies": {
     "@progress/kendo-schematics": "^1.0.0",