@progress/kendo-angular-sortable 4.0.3-dev.202105250719 → 4.0.4

package/dist/es2015/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SortableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"exportAs":"kendoSortable","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":54,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":56,"character":21},"useValue":"kendo.sortable"},{"provide":{"__symbolic":"reference","name":"SortableContainer"},"useExisting":{"__symbolic":"reference","name":"SortableComponent"}}],"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  "}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":5}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"navigatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":5}}]}],"disabledIndexes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5}}]}],"zone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"acceptZones":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":5}}]}],"itemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":5}}]}],"emptyItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":5}}]}],"activeItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":5}}]}],"disabledItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":226,"character":5}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":5}}]}],"activeItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":236,"character":5}}]}],"emptyItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":241,"character":5}}]}],"disabledItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":5}}]}],"emptyText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":5}}]}],"defaultTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":273,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":273,"character":21},{"descendants":false}]}]}],"itemTemplateDirectiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":280,"character":5},"arguments":[{"__symbolic":"reference","name":"ItemTemplateDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":280,"character":52},"descendants":false}]}]}],"placeholderTemplateDirectiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":287,"character":5},"arguments":[{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":287,"character":59},"descendants":false}]}]}],"itemWrappers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":290,"character":5},"arguments":["itemWrapper"]}]}],"draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":291,"character":5},"arguments":[{"__symbolic":"reference","name":"DraggableDirective"}]}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":293,"character":5},"arguments":["hint",{"static":false}]}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":300,"character":5}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":304,"character":5}}]}],"dragOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":309,"character":5}}]}],"dragLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":314,"character":5}}]}],"dataMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":319,"character":5}}]}],"dataAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":324,"character":5}}]}],"dataRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":329,"character":5}}]}],"navigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":334,"character":5}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":339,"character":5}}]}],"touchAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":341,"character":5},"arguments":["style.touch-action"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":345,"character":5},"arguments":["attr.dir"]}]}],"setItemData":[{"__symbolic":"method"}],"itemTemplate":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":419,"character":24},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":420,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":421,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":422,"character":17},{"__symbolic":"reference","name":"SortableService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"updateCacheIndices":[{"__symbolic":"method"}],"cacheData":[{"__symbolic":"method"}],"startDrag":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}],"leave":[{"__symbolic":"method"}],"endDrag":[{"__symbolic":"method"}],"hintVisible":[{"__symbolic":"method"}],"currentItemStyle":[{"__symbolic":"method"}],"currentItemClass":[{"__symbolic":"method"}],"hintStyle":[{"__symbolic":"method"}],"itemEnabled":[{"__symbolic":"method"}],"acceptDragFrom":[{"__symbolic":"method"}],"ariaDropEffect":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method"}],"blurHandler":[{"__symbolic":"method"}],"keydownHandler":[{"__symbolic":"method"}],"removeDataItem":[{"__symbolic":"method"}],"hideItem":[{"__symbolic":"method"}],"clearActiveItem":[{"__symbolic":"method"}],"getActiveItem":[{"__symbolic":"method"}],"addDataItem":[{"__symbolic":"method"}],"moveItem":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"positionHintFromEvent":[{"__symbolic":"method"}],"parentOffset":[{"__symbolic":"method"}],"markForCheck":[{"__symbolic":"method"}],"reflow":[{"__symbolic":"method"}],"applyAnimationStyle":[{"__symbolic":"method"}],"subscribeEvents":[{"__symbolic":"method"}],"unsubscribeEvents":[{"__symbolic":"method"}],"placeHolderItemData":[{"__symbolic":"method"}],"fixFocus":[{"__symbolic":"method"}]}},"SortableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"DraggableDirective"},{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"__symbolic":"reference","name":"ItemTemplateDirective"},{"__symbolic":"reference","name":"SortableBindingDirective"}]],"exports":[[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"DraggableDirective"},{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"__symbolic":"reference","name":"ItemTemplateDirective"},{"__symbolic":"reference","name":"SortableBindingDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":14}],"providers":[{"__symbolic":"reference","name":"SortableService"}]}]}],"members":{}},"PreventableEvent":{"__symbolic":"class","members":{"preventDefault":[{"__symbolic":"method"}],"isDefaultPrevented":[{"__symbolic":"method"}]}},"DraggableEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragStartEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragEndEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DragOverEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragOverEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DragStartEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"SortableEvent":{"__symbolic":"interface"},"NavigateEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DataEvent":{"__symbolic":"interface"},"DataMoveEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[kendoDraggable]"}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"_focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":5},"arguments":["class.k-state-focused"]}]}],"_disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":5},"arguments":["attr.aria-disabled"]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SortableContainer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SortableBindingDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[kendoSortableBinding]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5},"arguments":["kendoSortableBinding"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"SortableService"}]}],"nextEnabledIndex":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"moveItem":[{"__symbolic":"method"}],"removeOriginDraggable":[{"__symbolic":"method"}],"onDragOver":[{"__symbolic":"method"}],"onNavigate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PlaceholderTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[kendoSortablePlaceholderTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ItemTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[kendoSortableItemTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SortableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":81,"character":24}]}],"onPress":[{"__symbolic":"method"}],"onDrag":[{"__symbolic":"method"}],"onRelease":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerComponent":[{"__symbolic":"method"}],"unregisterComponent":[{"__symbolic":"method"}],"setSource":[{"__symbolic":"method"}],"getSource":[{"__symbolic":"method"}],"getSortableComponentFromTouch":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"release":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}]}},"SortableContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"removeDataItem":[{"__symbolic":"method"}]}}},"origins":{"SortableComponent":"./sortable.component","SortableModule":"./sortable.module","PreventableEvent":"./preventable-event","DraggableEvent":"./draggable-event","DragStartEvent":"./sortable-events","DragEndEvent":"./sortable-events","DragOverEvent":"./sortable-events","SortableEvent":"./sortable-event-args.interface","NavigateEvent":"./navigate-event","DataEvent":"./data-event-args.interface","DataMoveEvent":"./data-events","DraggableDirective":"./draggable.directive","SortableBindingDirective":"./binding.directive","PlaceholderTemplateDirective":"./item-template.directive","ItemTemplateDirective":"./item-template.directive","SortableService":"./sortable.service","SortableContainer":"./sortable-container"},"importAs":"@progress/kendo-angular-sortable"}
+{"__symbolic":"module","version":4,"metadata":{"SortableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"exportAs":"kendoSortable","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":54,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":56,"character":21},"useValue":"kendo.sortable"},{"provide":{"__symbolic":"reference","name":"SortableContainer"},"useExisting":{"__symbolic":"reference","name":"SortableComponent"}}],"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  "}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":5}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"navigatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":5}}]}],"disabledIndexes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5}}]}],"zone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"acceptZones":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":5}}]}],"itemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":5}}]}],"emptyItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":5}}]}],"activeItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":5}}]}],"disabledItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":226,"character":5}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":5}}]}],"activeItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":236,"character":5}}]}],"emptyItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":241,"character":5}}]}],"disabledItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":5}}]}],"emptyText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":5}}]}],"defaultTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":273,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":273,"character":21},{"descendants":false}]}]}],"itemTemplateDirectiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":280,"character":5},"arguments":[{"__symbolic":"reference","name":"ItemTemplateDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":280,"character":52},"descendants":false}]}]}],"placeholderTemplateDirectiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":287,"character":5},"arguments":[{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":287,"character":59},"descendants":false}]}]}],"itemWrappers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":290,"character":5},"arguments":["itemWrapper"]}]}],"draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":291,"character":5},"arguments":[{"__symbolic":"reference","name":"DraggableDirective"}]}]}],"noDataContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":293,"character":5},"arguments":["noDataRef",{"static":false}]}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":296,"character":5},"arguments":["hint",{"static":false}]}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":303,"character":5}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":307,"character":5}}]}],"dragOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":312,"character":5}}]}],"dragLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":317,"character":5}}]}],"dataMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":322,"character":5}}]}],"dataAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":327,"character":5}}]}],"dataRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":332,"character":5}}]}],"navigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":337,"character":5}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":342,"character":5}}]}],"touchAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":344,"character":5},"arguments":["style.touch-action"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":348,"character":5},"arguments":["attr.dir"]}]}],"setItemData":[{"__symbolic":"method"}],"itemTemplate":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":422,"character":24},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":423,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":424,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":425,"character":17},{"__symbolic":"reference","name":"SortableService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"updateCacheIndices":[{"__symbolic":"method"}],"cacheData":[{"__symbolic":"method"}],"startDrag":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}],"leave":[{"__symbolic":"method"}],"endDrag":[{"__symbolic":"method"}],"hintVisible":[{"__symbolic":"method"}],"currentItemStyle":[{"__symbolic":"method"}],"currentItemClass":[{"__symbolic":"method"}],"hintStyle":[{"__symbolic":"method"}],"itemEnabled":[{"__symbolic":"method"}],"acceptDragFrom":[{"__symbolic":"method"}],"ariaDropEffect":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method"}],"blurHandler":[{"__symbolic":"method"}],"keydownHandler":[{"__symbolic":"method"}],"removeDataItem":[{"__symbolic":"method"}],"hideItem":[{"__symbolic":"method"}],"clearActiveItem":[{"__symbolic":"method"}],"getActiveItem":[{"__symbolic":"method"}],"addDataItem":[{"__symbolic":"method"}],"moveItem":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"positionHintFromEvent":[{"__symbolic":"method"}],"parentOffset":[{"__symbolic":"method"}],"markForCheck":[{"__symbolic":"method"}],"reflow":[{"__symbolic":"method"}],"applyAnimationStyle":[{"__symbolic":"method"}],"subscribeEvents":[{"__symbolic":"method"}],"unsubscribeEvents":[{"__symbolic":"method"}],"placeHolderItemData":[{"__symbolic":"method"}],"fixFocus":[{"__symbolic":"method"}]}},"SortableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"DraggableDirective"},{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"__symbolic":"reference","name":"ItemTemplateDirective"},{"__symbolic":"reference","name":"SortableBindingDirective"}]],"exports":[[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"DraggableDirective"},{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"__symbolic":"reference","name":"ItemTemplateDirective"},{"__symbolic":"reference","name":"SortableBindingDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":14}],"providers":[{"__symbolic":"reference","name":"SortableService"}]}]}],"members":{}},"PreventableEvent":{"__symbolic":"class","members":{"preventDefault":[{"__symbolic":"method"}],"isDefaultPrevented":[{"__symbolic":"method"}]}},"DraggableEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragStartEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragEndEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DragOverEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragOverEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DragStartEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"SortableEvent":{"__symbolic":"interface"},"NavigateEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DataEvent":{"__symbolic":"interface"},"DataMoveEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[kendoDraggable]"}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"_focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":5},"arguments":["class.k-state-focused"]}]}],"_disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":5},"arguments":["attr.aria-disabled"]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SortableContainer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SortableBindingDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[kendoSortableBinding]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5},"arguments":["kendoSortableBinding"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"SortableService"}]}],"nextEnabledIndex":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"moveItem":[{"__symbolic":"method"}],"removeOriginDraggable":[{"__symbolic":"method"}],"onDragOver":[{"__symbolic":"method"}],"onNavigate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PlaceholderTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[kendoSortablePlaceholderTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ItemTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[kendoSortableItemTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SortableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":81,"character":24}]}],"onPress":[{"__symbolic":"method"}],"onDrag":[{"__symbolic":"method"}],"onRelease":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerComponent":[{"__symbolic":"method"}],"unregisterComponent":[{"__symbolic":"method"}],"setSource":[{"__symbolic":"method"}],"getSource":[{"__symbolic":"method"}],"getSortableComponentFromTouch":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"release":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}]}},"SortableContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"removeDataItem":[{"__symbolic":"method"}]}}},"origins":{"SortableComponent":"./sortable.component","SortableModule":"./sortable.module","PreventableEvent":"./preventable-event","DraggableEvent":"./draggable-event","DragStartEvent":"./sortable-events","DragEndEvent":"./sortable-events","DragOverEvent":"./sortable-events","SortableEvent":"./sortable-event-args.interface","NavigateEvent":"./navigate-event","DataEvent":"./data-event-args.interface","DataMoveEvent":"./data-events","DraggableDirective":"./draggable.directive","SortableBindingDirective":"./binding.directive","PlaceholderTemplateDirective":"./item-template.directive","ItemTemplateDirective":"./item-template.directive","SortableService":"./sortable.service","SortableContainer":"./sortable-container"},"importAs":"@progress/kendo-angular-sortable"}

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1621927102,
+    publishDate: 1635940632,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -169,6 +169,7 @@ export declare class SortableComponent implements OnInit, OnDestroy, OnChanges,
     placeholderTemplateDirectiveRef: QueryList<TemplateRef<any>>;
     itemWrappers: QueryList<any>;
     draggables: QueryList<DraggableDirective>;
+    noDataContainer: ElementRef;
     hint: ElementRef;
     /**
      * Fires when the dragging of an item is started.

package/dist/es2015/sortable.component.js

@@ -958,6 +958,10 @@ tslib_1.__decorate([
     ViewChildren(DraggableDirective),
     tslib_1.__metadata("design:type", QueryList)
 ], SortableComponent.prototype, "draggables", void 0);
+tslib_1.__decorate([
+    ViewChild('noDataRef', { static: false }),
+    tslib_1.__metadata("design:type", ElementRef)
+], SortableComponent.prototype, "noDataContainer", void 0);
 tslib_1.__decorate([
     ViewChild('hint', { static: false }),
     tslib_1.__metadata("design:type", ElementRef)
@@ -1024,24 +1028,24 @@ SortableComponent = SortableComponent_1 = tslib_1.__decorate([
         ],
         selector: 'kendo-sortable',
         template: `
-  <div #itemWrapper *ngFor="let item of _localData;let i=index"
-      kendoDraggable
-      [attr.tabIndex]="itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null"
-      [attr.aria-grabbed]="i===dragIndex"
-      [attr.aria-dropeffect]="ariaDropEffect(i)"
-      [attr.data-sortable-item] = "true"
-      [attr.data-sortable-index]="i"
-      [attr.data-sortable-id]="id"
-      [index]="i"
-      [hidden]="item.hidden"
-      [disabled]="!itemEnabled(i)"
-      [ngClass]="currentItemClass(i)"
-      [ngStyle]="currentItemStyle(i)"
+    <div #itemWrapper *ngFor="let item of _localData;let i=index"
+        kendoDraggable
+        [attr.tabIndex]="itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null"
+        [attr.aria-grabbed]="i===dragIndex"
+        [attr.aria-dropeffect]="ariaDropEffect(i)"
+        [attr.data-sortable-item] = "true"
+        [attr.data-sortable-index]="i"
+        [attr.data-sortable-id]="id"
+        [index]="i"
+        [hidden]="item.hidden"
+        [disabled]="!itemEnabled(i)"
+        [ngClass]="currentItemClass(i)"
+        [ngStyle]="currentItemStyle(i)"
 
-      (focus)="focusHandler(i)"
-      (blur)="blurHandler()"
-      (keydown)="keydownHandler($event)"
-  >
+        (focus)="focusHandler(i)"
+        (blur)="blurHandler()"
+        (keydown)="keydownHandler($event)"
+    >
           <ng-container *ngIf="itemTemplateRef"
             [ngTemplateOutlet]="itemTemplate(i)"
             [ngTemplateOutletContext]="item">

package/dist/fesm2015/index.js

@@ -152,7 +152,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1621927102,
+    publishDate: 1635940632,
     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'
 };
@@ -1510,6 +1510,10 @@ __decorate([
     ViewChildren(DraggableDirective),
     __metadata("design:type", QueryList)
 ], SortableComponent.prototype, "draggables", void 0);
+__decorate([
+    ViewChild('noDataRef', { static: false }),
+    __metadata("design:type", ElementRef)
+], SortableComponent.prototype, "noDataContainer", void 0);
 __decorate([
     ViewChild('hint', { static: false }),
     __metadata("design:type", ElementRef)
@@ -1576,24 +1580,24 @@ SortableComponent = SortableComponent_1 = __decorate([
         ],
         selector: 'kendo-sortable',
         template: `
-  <div #itemWrapper *ngFor="let item of _localData;let i=index"
-      kendoDraggable
-      [attr.tabIndex]="itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null"
-      [attr.aria-grabbed]="i===dragIndex"
-      [attr.aria-dropeffect]="ariaDropEffect(i)"
-      [attr.data-sortable-item] = "true"
-      [attr.data-sortable-index]="i"
-      [attr.data-sortable-id]="id"
-      [index]="i"
-      [hidden]="item.hidden"
-      [disabled]="!itemEnabled(i)"
-      [ngClass]="currentItemClass(i)"
-      [ngStyle]="currentItemStyle(i)"
+    <div #itemWrapper *ngFor="let item of _localData;let i=index"
+        kendoDraggable
+        [attr.tabIndex]="itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null"
+        [attr.aria-grabbed]="i===dragIndex"
+        [attr.aria-dropeffect]="ariaDropEffect(i)"
+        [attr.data-sortable-item] = "true"
+        [attr.data-sortable-index]="i"
+        [attr.data-sortable-id]="id"
+        [index]="i"
+        [hidden]="item.hidden"
+        [disabled]="!itemEnabled(i)"
+        [ngClass]="currentItemClass(i)"
+        [ngStyle]="currentItemStyle(i)"
 
-      (focus)="focusHandler(i)"
-      (blur)="blurHandler()"
-      (keydown)="keydownHandler($event)"
-  >
+        (focus)="focusHandler(i)"
+        (blur)="blurHandler()"
+        (keydown)="keydownHandler($event)"
+    >
           <ng-container *ngIf="itemTemplateRef"
             [ngTemplateOutlet]="itemTemplate(i)"
             [ngTemplateOutletContext]="item">
@@ -1702,7 +1706,7 @@ let SortableBindingDirective = class SortableBindingDirective {
         const addEvent = new DataAddEvent({ index: index, dataItem: dataItem });
         sortable.dataAdd.emit(addEvent);
         if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1) {
+            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
                 index++;
             }
             sortable.addDataItem(dataItem, index);

package/dist/fesm5/index.js

@@ -156,7 +156,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1621927102,
+    publishDate: 1635940632,
     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'
 };
@@ -1589,6 +1589,10 @@ var SortableComponent = /** @class */ (function () {
         ViewChildren(DraggableDirective),
         __metadata("design:type", QueryList)
     ], SortableComponent.prototype, "draggables", void 0);
+    __decorate([
+        ViewChild('noDataRef', { static: false }),
+        __metadata("design:type", ElementRef)
+    ], SortableComponent.prototype, "noDataContainer", void 0);
     __decorate([
         ViewChild('hint', { static: false }),
         __metadata("design:type", ElementRef)
@@ -1654,7 +1658,7 @@ var SortableComponent = /** @class */ (function () {
                 }
             ],
             selector: 'kendo-sortable',
-            template: "\n  <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n      kendoDraggable\n      [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n      [attr.aria-grabbed]=\"i===dragIndex\"\n      [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n      [attr.data-sortable-item] = \"true\"\n      [attr.data-sortable-index]=\"i\"\n      [attr.data-sortable-id]=\"id\"\n      [index]=\"i\"\n      [hidden]=\"item.hidden\"\n      [disabled]=\"!itemEnabled(i)\"\n      [ngClass]=\"currentItemClass(i)\"\n      [ngStyle]=\"currentItemStyle(i)\"\n\n      (focus)=\"focusHandler(i)\"\n      (blur)=\"blurHandler()\"\n      (keydown)=\"keydownHandler($event)\"\n  >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
+            template: "\n    <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n        kendoDraggable\n        [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n        [attr.aria-grabbed]=\"i===dragIndex\"\n        [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n        [attr.data-sortable-item] = \"true\"\n        [attr.data-sortable-index]=\"i\"\n        [attr.data-sortable-id]=\"id\"\n        [index]=\"i\"\n        [hidden]=\"item.hidden\"\n        [disabled]=\"!itemEnabled(i)\"\n        [ngClass]=\"currentItemClass(i)\"\n        [ngStyle]=\"currentItemStyle(i)\"\n\n        (focus)=\"focusHandler(i)\"\n        (blur)=\"blurHandler()\"\n        (keydown)=\"keydownHandler($event)\"\n    >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
         })
         /**
          * Represents the Kendo UI Sortable component for Angular.
@@ -1752,7 +1756,7 @@ var SortableBindingDirective = /** @class */ (function () {
         var addEvent = new DataAddEvent({ index: index, dataItem: dataItem });
         sortable.dataAdd.emit(addEvent);
         if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1) {
+            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
                 index++;
             }
             sortable.addDataItem(dataItem, index);

package/dist/npm/binding.directive.js

@@ -47,7 +47,7 @@ var SortableBindingDirective = /** @class */ (function () {
         var addEvent = new data_events_1.DataAddEvent({ index: index, dataItem: dataItem });
         sortable.dataAdd.emit(addEvent);
         if (!addEvent.isDefaultPrevented()) {
-            if (index === sortable.itemWrappers.length - 1) {
+            if (index === sortable.itemWrappers.length - 1 && !sortable.noDataContainer) {
                 index++;
             }
             sortable.addDataItem(dataItem, index);

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-sortable',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1621927102,
+    publishDate: 1635940632,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/npm/sortable.component.js

@@ -991,6 +991,10 @@ var SortableComponent = /** @class */ (function () {
         core_1.ViewChildren(draggable_directive_1.DraggableDirective),
         tslib_1.__metadata("design:type", core_1.QueryList)
     ], SortableComponent.prototype, "draggables", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChild('noDataRef', { static: false }),
+        tslib_1.__metadata("design:type", core_1.ElementRef)
+    ], SortableComponent.prototype, "noDataContainer", void 0);
     tslib_1.__decorate([
         core_1.ViewChild('hint', { static: false }),
         tslib_1.__metadata("design:type", core_1.ElementRef)
@@ -1056,7 +1060,7 @@ var SortableComponent = /** @class */ (function () {
                 }
             ],
             selector: 'kendo-sortable',
-            template: "\n  <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n      kendoDraggable\n      [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n      [attr.aria-grabbed]=\"i===dragIndex\"\n      [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n      [attr.data-sortable-item] = \"true\"\n      [attr.data-sortable-index]=\"i\"\n      [attr.data-sortable-id]=\"id\"\n      [index]=\"i\"\n      [hidden]=\"item.hidden\"\n      [disabled]=\"!itemEnabled(i)\"\n      [ngClass]=\"currentItemClass(i)\"\n      [ngStyle]=\"currentItemStyle(i)\"\n\n      (focus)=\"focusHandler(i)\"\n      (blur)=\"blurHandler()\"\n      (keydown)=\"keydownHandler($event)\"\n  >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
+            template: "\n    <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n        kendoDraggable\n        [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n        [attr.aria-grabbed]=\"i===dragIndex\"\n        [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n        [attr.data-sortable-item] = \"true\"\n        [attr.data-sortable-index]=\"i\"\n        [attr.data-sortable-id]=\"id\"\n        [index]=\"i\"\n        [hidden]=\"item.hidden\"\n        [disabled]=\"!itemEnabled(i)\"\n        [ngClass]=\"currentItemClass(i)\"\n        [ngStyle]=\"currentItemStyle(i)\"\n\n        (focus)=\"focusHandler(i)\"\n        (blur)=\"blurHandler()\"\n        (keydown)=\"keydownHandler($event)\"\n    >\n          <ng-container *ngIf=\"itemTemplateRef\"\n            [ngTemplateOutlet]=\"itemTemplate(i)\"\n            [ngTemplateOutletContext]=\"item\">\n          </ng-container>\n      <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n    </div>\n\n    <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n        <div\n        kendoDraggable\n        [index]=\"0\"\n        [disabled]=\"true\"\n        [attr.data-sortable-id]=\"id\"\n        [attr.data-sortable-index]=\"0\"\n        [ngStyle]=\"currentItemStyle(-1)\"\n        [ngClass]=\"currentItemClass(-1)\"\n        >{{emptyText}}</div>\n    </ng-container>\n     <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n         <ng-container *ngIf=\"itemTemplateRef\"\n             [ngTemplateOutlet]=\"itemTemplateRef\"\n             [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n         </ng-container>\n         <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n     </div>\n  "
         })
         /**
          * Represents the Kendo UI Sortable component for Angular.

package/dist/systemjs/kendo-angular-sortable.js

@@ -2,4 +2,4 @@
 * 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",["tslib","@angular/core","@angular/common","rxjs/operators","rxjs","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@telerik/kendo-draggable","@progress/kendo-licensing"],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 a(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,a),t.l=!0,t.exports}var n,i;i={},a.m=n=[function(e,t){e.exports=o},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=(i.prototype.preventDefault=function(){this.prevented=!0},i.prototype.isDefaultPrevented=function(){return this.prevented},i);function i(){this.prevented=!1}t.PreventableEvent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(1),n=a.__decorate([i.Directive({selector:"[kendoSortableItemTemplate]"}),a.__metadata("design:paramtypes",[i.TemplateRef])],function(e){this.templateRef=e});t.ItemTemplateDirective=n;i=a.__decorate([i.Directive({selector:"[kendoSortablePlaceholderTemplate]"}),a.__metadata("design:paramtypes",[i.TemplateRef])],function(e){this.templateRef=e});t.PlaceholderTemplateDirective=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function a(e){return(e=e.originalEvent.target).hasAttribute("data-sortable-item")||!(s.isFocusable(e)||s.widgetTarget(e))}var i=n(0),r=n(1),o=n(8),s=n(15),d=n(16),l=n(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 n=t.getAttribute("data-sortable-id"),a=t.getAttribute("data-sortable-index");if(n){n=this.sortableRegister[n];if(n)return{component:n,index:parseInt(a,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 n=this;this.source&&this.ngZone.run(function(){var e;n.targetSortable&&(e=s.draggableFromEvent(t,n.targetSortable.component),n.source.endDrag({target:e,originalEvent:t})),n.source.positionHintFromEvent(null),n.source.markForCheck()}),this.targetSortable=null,this.pressArgs=null},c.prototype.drag=function(n){var a=this;this.ngZone.run(function(){var e,t;a.start()||(a.source.positionHintFromEvent(n),(!(e=a.getSortableComponentFromTouch(n))||e&&e.component!==a.target)&&(a.target?a.target.leave({target:void 0,originalEvent:n}):a.source!==a.target&&a.source.leave({target:void 0,originalEvent:n})),e&&e.component&&(t=s.draggableFromEvent(n,e.component),e.component.drag({target:t,originalEvent:n})),a.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(a),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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),n=n(1),n=a.__decorate([n.Injectable()],function(){});t.SortableContainer=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(1),n=n(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"))},a.__decorate([i.Input(),a.__metadata("design:type",Number)],r.prototype,"index",void 0),a.__decorate([i.Input(),a.__metadata("design:type",Boolean)],r.prototype,"hidden",void 0),a.__decorate([i.Input(),a.__metadata("design:type",Boolean)],r.prototype,"disabled",void 0),a.__decorate([i.HostBinding("class.k-state-focused"),a.__metadata("design:type",Boolean),a.__metadata("design:paramtypes",[])],r.prototype,"_focused",null),a.__decorate([i.HostBinding("attr.aria-disabled"),a.__metadata("design:type",Boolean),a.__metadata("design:paramtypes",[])],r.prototype,"_disabled",null),a.__decorate([i.HostBinding("style.display"),a.__metadata("design:type",String),a.__metadata("design:paramtypes",[String])],r.prototype,"display",null),a.__decorate([i.Directive({selector:"[kendoDraggable]"}),a.__metadata("design:paramtypes",[n.SortableContainer,i.ElementRef,i.Renderer2])],r));function r(e,t,n){this.parent=e,this.el=t,this.renderer=n}t.DraggableDirective=i},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(0),r=n(1),l=n(16),o=n(8),s=n(15),c=n(7),d=n(22),u=n(21),p=n(20),g=n(4),v=n(6),b=n(5),h=n(3),m=n(14),f=n(13),y=n(12),_=n(19),g=(a=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 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})})},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,n=this.navigable&&37<=t&&t<=40,a=-1!==this.activeIndex;if(n&&a){for(var a="rtl"===this.direction?39:37,i=38===t||t===a?-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)&&(n&&(n=e.ctrlKey||e.metaKey,n=new m.NavigateEvent({index:o,oldIndex:this.activeIndex,ctrlKey:n}),this.navigate.emit(n),n.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 n,a=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(){(a.sortableService.target=a).sortableService.setSource(a),a.sortableService.activeDraggable=a.draggables.toArray()[t],a.sortableService.lastDraggable=null})},S.prototype.moveItem=function(e,t){var n=this;if(t!==e){for(var a,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}),a=this._localData[d].index,this._localData[d].index=this._localData[i].index,this._localData[i].index=a,a=this._localData[d],this._localData[d]=this._localData[i],this._localData[i]=a,a=this.data[d],this.data[d]=this.data[i],this.data[i]=a,d=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})}},S.prototype.animate=function(n){var e=this,a=this.itemWrappers.toArray(),t=[],i=[],r=this;clearTimeout(this._animating);for(var o=0;o<n.length;o++)t.push(a[n[o].prev].nativeElement.getBoundingClientRect()),i.push(a[n[o].next].nativeElement.getBoundingClientRect());for(o=0;o<n.length;o++){var s=n[o].prev,d=i[o],l=t[o],s=a[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<n.length;o++)!function(e){var e=n[e].prev,t=a[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,n){e=e&&e.style;e&&(e[t=!(t in e)?"-webkit-"+t:t]=n)},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,n=e.target.index;t.hidden&&t.parent===i&&t.index<e.target.index&&(n=e.target.index-1);t=(i.sortableService.target=i).sortableService.activeDraggable?i.sortableService.activeDraggable.index:0,t=new y.DragOverEvent({index:n,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,n,a=i.sortableService.getSource();a&&(t=i.sortableService.target,n=e.target?e.target.index:-1,e=i.sortableService.originDraggable?i.sortableService.originIndex:-1,i.hintLocation=null,e=new y.DragEndEvent({index:n,oldIndex:e}),i.dragEnd.emit(e),e.isDefaultPrevented()||(a.dragIndex=-1,a.dragOverIndex=-1,a.activeIndex=-1,t&&t!==a&&(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,n,a,i,r,o,s,d=this;e.disabled||(t=this.sortableService.target,n=this.sortableService.getSource(),a=Object.assign({},this._localData[e.index]),i=n._localData[n.dragIndex],this.setItemData(i,e.index),r=n.onDragEndSubject.pipe(c.take(1)).subscribe(function(){d.setItemData(a,e.index)}),o=t.onDragLeaveSubject.pipe(c.take(1)).subscribe(function(){d.setItemData(a,e.index)}),s=l.merge(this.onDragOverSubject.pipe(c.filter(function(){return e.index!==d.dragOverIndex})),this.onDragLeaveSubject).subscribe(function(){d.setItemData(a,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),a=i.__decorate([r.Component({exportAs:"kendoSortable",providers:[d.LocalizationService,{provide:d.L10N_PREFIX,useValue:"kendo.sortable"},{provide:b.SortableContainer,useExisting:r.forwardRef(function(){return a})}],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,n,a,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 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=a.nativeElement,this.direction=t.rtl?"rtl":"ltr",this.sortableService=i,this.subscribeEvents()}t.SortableComponent=g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(0),r=n(2),n=(a=r.PreventableEvent,i.__extends(o,a),o);function o(e){var t=a.call(this)||this;return Object.assign(t,e),t}t.DataAddEvent=n;var s,n=(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=n;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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(1),r=n(9),o=n(4),s=n(10),d=n(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 n=e;n<=t.data.length;n++)if(t.itemEnabled(n))return n},l.prototype.addItem=function(e,t){var n=e.index,a=this.sortableService.getSource().data[e.oldIndex],e=new s.DataAddEvent({index:n,dataItem:a});return t.dataAdd.emit(e),e.isDefaultPrevented()||(n===t.itemWrappers.length-1&&n++,t.addDataItem(a,n)),!e.isDefaultPrevented()},l.prototype.removeItem=function(e,t){var n=this.sortableService.originDraggable,a=new s.DataRemoveEvent({index:e.oldIndex,dataItem:t.data[e.oldIndex]});return t.dataRemove.emit(a),a.isDefaultPrevented()||(n&&n.parent===t?t.hideItem(e.oldIndex,!0):t.removeDataItem(e.oldIndex)),!a.isDefaultPrevented()},l.prototype.moveItem=function(e,t){if(e.index===e.oldIndex)return!1;var n=new s.DataMoveEvent({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()},l.prototype.removeOriginDraggable=function(){var a=this;this.removeHiddenSubscription&&this.removeHiddenSubscription.unsubscribe(),this.removeHiddenSubscription=this.sortableService.onReleaseSubject.pipe(d.take(1),d.filter(function(e){return null!==a.sortableService.originDraggable&&a.sortableService.originDraggable.hidden})).subscribe(function(e){var t=a.sortableService.originDraggable,n=a.sortableService.getSource();t.parent!==a.sortableService.target&&((e.target&&(e.target.isDraggable||e.target.isDraggableChild)||t.parent!==n)&&t.parent!==a.sortableService.target&&t.parent.removeDataItem(t.index),a.sortableService.originDraggable=null)})},l.prototype.onDragOver=function(e){var t=this.sortableService.getSource(),n=this.sortableService.target,a=n.draggables.toArray();e.isDefaultPrevented()||(e.preventDefault(),n===t?(a[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)))},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()},a.__decorate([i.Input("kendoSortableBinding"),a.__metadata("design:type",Array),a.__metadata("design:paramtypes",[Array])],l.prototype,"data",null),a.__decorate([i.Directive({selector:"[kendoSortableBinding]"}),a.__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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(0),n=(a=n(2).PreventableEvent,i.__extends(r,a),r);function r(e){var t=a.call(this)||this;return Object.assign(t,e),t}t.DragStartEvent=n;var o,n=(o=n,i.__extends(s,o),s);function s(e){var t=o.call(this,e)||this;return Object.assign(t,e),t}t.DragOverEvent=n;var d,i=(d=n,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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(0),i=(a=n(2).PreventableEvent,i.__extends(r,a),r);function r(e){var t=a.call(this)||this;return Object.assign(t,e),t}t.DraggableEvent=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(0),i=(a=n(2).PreventableEvent,i.__extends(r,a),r);function r(e){var t=a.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),n={},a={},o=/^(?:a|input|select|option|textarea|button|object)$/i;i.matchesNodeName=function(t){return n[t]||(n[t]=function(e){return String(e.nodeName).toLowerCase()===t.toLowerCase()}),n[t]},i.matchesNodeAttr=function(t){return a[t]||(a[t]=function(e){return!!e.hasAttribute&&e.hasAttribute(t)}),a[t]},i.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},i.draggableFromPoint=function(e,t){if(r.isDocumentAvailable()){var n=document.elementFromPoint(e,t);if(n){var a=n.hasAttribute("kendoDraggable"),e=null!==i.closest(n,i.matchesNodeAttr("kendoDraggable")),t=i.closest(n,i.matchesNodeAttr("kendoDraggable"));return{element:n,index:t?parseInt(t.getAttribute("data-sortable-index"),10):-1,isDraggable:a,isDraggableChild:e,parentDraggable:t,rect:n.getBoundingClientRect()}}}},i.draggableFromEvent=function(e,t){var n;return e=e.changedTouches?(n=e.changedTouches[0],i.draggableFromPoint(n.clientX,n.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(),n=e.getAttribute("tabIndex"),a="-1"===n,n=null!==n&&!a;return n=o.test(t)?!e.disabled&&!a:n}return!1};function s(e){return String(e).trim().split(" ")}i.hasClasses=function(e,t){var n=s(t);return Boolean(s(e.className).find(function(e){return 0<=n.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=c},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(1),r=n(17),o=n(9),s=n(4),d=n(6),l=n(3),c=n(3),n=n(11),n=[o.SortableComponent,d.DraggableDirective,l.PlaceholderTemplateDirective,c.ItemTemplateDirective,n.SortableBindingDirective],s=a.__decorate([i.NgModule({declarations:[n],exports:[n],imports:[r.CommonModule],providers:[s.SortableService]})],function(){});t.SortableModule=s},function(e,t){e.exports=g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-sortable",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1621927102,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=v},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(9);t.SortableComponent=a.SortableComponent;a=n(18);t.SortableModule=a.SortableModule;a=n(2);t.PreventableEvent=a.PreventableEvent;a=n(13);t.DraggableEvent=a.DraggableEvent;a=n(12);t.DragStartEvent=a.DragStartEvent,t.DragEndEvent=a.DragEndEvent,t.DragOverEvent=a.DragOverEvent;a=n(14);t.NavigateEvent=a.NavigateEvent;a=n(10);t.DataMoveEvent=a.DataMoveEvent;a=n(6);t.DraggableDirective=a.DraggableDirective;a=n(11);t.SortableBindingDirective=a.SortableBindingDirective;a=n(3);t.PlaceholderTemplateDirective=a.PlaceholderTemplateDirective;a=n(3);t.ItemTemplateDirective=a.ItemTemplateDirective;a=n(4);t.SortableService=a.SortableService;n=n(5);t.SortableContainer=n.SortableContainer,function(e){for(var t in e)r(t,e[t])}(t)}],a.c=i,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},a.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=23)}}});
+System.register("@progress/kendo-angular-sortable",["tslib","@angular/core","@angular/common","rxjs/operators","@progress/kendo-angular-common","rxjs","@telerik/kendo-draggable","@progress/kendo-angular-l10n","@progress/kendo-licensing"],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=p},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:1635940632,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=v},function(e,t){e.exports=g},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)}}});