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

package/dist/npm/sortable.module.js

@@ -1,66 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var sortable_component_1 = require("./sortable.component");
-var sortable_service_1 = require("./sortable.service");
-var draggable_directive_1 = require("./draggable.directive");
-var item_template_directive_1 = require("./item-template.directive");
-var item_template_directive_2 = require("./item-template.directive");
-var binding_directive_1 = require("./binding.directive");
-var COMPONENT_DIRECTIVES = [
-    sortable_component_1.SortableComponent,
-    draggable_directive_1.DraggableDirective,
-    item_template_directive_1.PlaceholderTemplateDirective,
-    item_template_directive_2.ItemTemplateDirective,
-    binding_directive_1.SortableBindingDirective
-];
-/**
- *
- * Represents the [`NgModule`]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Sortable component.
- *
- * @example
- *
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * // Import the Sortable module
- * import { SortableModule } from '@progress/kendo-angular-sortable';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, SortableModule],
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var SortableModule = /** @class */ (function () {
-    function SortableModule() {
-    }
-    SortableModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_DIRECTIVES],
-            imports: [common_1.CommonModule],
-            providers: [sortable_service_1.SortableService]
-        })
-    ], SortableModule);
-    return SortableModule;
-}());
-exports.SortableModule = SortableModule;

package/dist/npm/sortable.service.js

@@ -1,238 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var util_1 = require("./util");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var allowDrag = function (e) {
-    var target = e.originalEvent.target;
-    return target.hasAttribute('data-sortable-item') || !(util_1.isFocusable(target) || util_1.widgetTarget(target));
-};
-var ɵ0 = allowDrag;
-exports.ɵ0 = ɵ0;
-/**
- * The service that provides the drag-and-drop functionality for
- * transferring items between Sortable components within the same page.
- *
- */
-var SortableService = /** @class */ (function () {
-    function SortableService(ngZone) {
-        var _this = this;
-        this.ngZone = ngZone;
-        /**
-         * Specifies the Draggable item that is currently being moved.
-         */
-        this.activeDraggable = null;
-        /**
-         * Specifies the Draggable item from which the dragging started.
-         */
-        this.originDraggable = null;
-        /**
-         * @hidden
-         */
-        this.targetSortable = null;
-        /**
-         * Specifies the Draggable item that last emitted an event.
-         */
-        this.lastDraggable = null;
-        /**
-         * @hidden
-         */
-        this.onPressSubject = new rxjs_1.Subject();
-        /**
-         * @hidden
-         */
-        this.onDragSubject = new rxjs_1.Subject();
-        /**
-         * @hidden
-         */
-        this.onReleaseSubject = new rxjs_1.Subject();
-        this.source = null;
-        this._target = null;
-        this.sortableCounter = 0;
-        this.sortableRegister = {};
-        if (!kendo_angular_common_1.isDocumentAvailable()) {
-            return;
-        }
-        this.subscriptions = this.onPressSubject.pipe(operators_1.filter(allowDrag), operators_1.tap(function (press) {
-            _this.targetSortable = _this.getSortableComponentFromTouch(press);
-        }), operators_1.filter(function (_) { return Boolean(_this.targetSortable); }), operators_1.tap(function (press) {
-            _this.onReleaseSubject.pipe(operators_1.take(1)).subscribe(function (event) { return _this.release(event); });
-            _this.pressArgs = press;
-            if (press.isTouch) {
-                press.originalEvent.preventDefault();
-            }
-        }), operators_1.switchMap(function (_drag) {
-            return _this.onDragSubject.pipe(operators_1.filter(function (_) { return Boolean(_this.targetSortable); }), //stop further events if dragStart is prevented
-            operators_1.tap(function (e) { return _this.drag(e); }));
-        })).subscribe();
-    }
-    Object.defineProperty(SortableService.prototype, "target", {
-        get: function () {
-            return this._target;
-        },
-        /**
-         * Specifies the `SortableComponent` instance under the currently dragged item.
-         */
-        set: function (target) {
-            this._target = target;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    SortableService.prototype.onPress = function (e) {
-        this.onPressSubject.next(e);
-    };
-    /**
-     * @hidden
-     */
-    SortableService.prototype.onDrag = function (e) {
-        this.onDragSubject.next(e);
-    };
-    /**
-     * @hidden
-     */
-    SortableService.prototype.onRelease = function (e) {
-        this.onReleaseSubject.next(e);
-    };
-    /**
-     * @hidden
-     */
-    SortableService.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    /**
-     * Registers a `SortableComponent` with which the service operates.
-     *
-     * @param sortableComponent - The `SortableComponent`.
-     * @return - The unique key that the current `SortableComponent` gets when registered.
-     */
-    SortableService.prototype.registerComponent = function (sortableComponent) {
-        var id = this.sortableCounter.toString();
-        this.sortableRegister[id] = sortableComponent;
-        this.sortableCounter++;
-        return id;
-    };
-    /**
-     * Removes a `SortableComponent` from the registered `SortableComponents` with which the service operates.
-     *
-     * @param key - The key of the `SortableComponent` which will be removed from the register.
-     * Obtained when `registerComponent` is called.
-     */
-    SortableService.prototype.unregisterComponent = function (key) {
-        this.sortableRegister[key] = null;
-    };
-    /**
-     * Sets the `SortableComponent` as a source component. When dragging an item from one Sortable to another,
-     * the source component is the one from which the item originates.
-     *
-     * @param sortable - The `SortableComponent`.
-     */
-    SortableService.prototype.setSource = function (sortable) {
-        this.source = sortable;
-    };
-    /**
-     * Returns the source `SortableComponent` from which
-     * an item is dragged to other Sortable components.
-     *
-     * @return - The `SourceComponent`.
-     */
-    SortableService.prototype.getSource = function () {
-        return this.source;
-    };
-    /**
-     * The method that finds the `SortableComponent` which is registered to
-     * the `SortableService` by using the arguments of the `touch` event.
-     *
-     * @param touch - A Touch-Object of the `Touch` type interface.
-     * Represents a single contact point (finger or stylus)
-     * on a touch-sensitive device (touchscreen or trackpad).
-     *
-     * @return { component: SortableComponent, index: number } - An object
-     * where the component is the `SortableComponent` that owns the item
-     * and the index is the index of the touched item.
-     */
-    SortableService.prototype.getSortableComponentFromTouch = function (touch) {
-        if (!kendo_angular_common_1.isDocumentAvailable()) {
-            return { component: undefined, index: undefined };
-        }
-        var realTarget = document.elementFromPoint(touch.clientX, touch.clientY);
-        while (realTarget) {
-            var id = realTarget.getAttribute('data-sortable-id');
-            var index = realTarget.getAttribute('data-sortable-index');
-            if (id) {
-                var targetSortable = this.sortableRegister[id];
-                if (targetSortable) {
-                    return { component: targetSortable, index: parseInt(index, 10) };
-                }
-            }
-            realTarget = realTarget.parentElement;
-        }
-    };
-    SortableService.prototype.start = function () {
-        var pressArgs = this.pressArgs;
-        if (pressArgs) {
-            this.pressArgs = null;
-            var startTarget = util_1.draggableFromEvent(pressArgs, this.targetSortable.component);
-            if (this.targetSortable.component.startDrag({ target: startTarget, originalEvent: pressArgs })) {
-                this.targetSortable = null;
-                return true;
-            }
-        }
-    };
-    SortableService.prototype.release = function (event) {
-        var _this = this;
-        if (this.source) {
-            this.ngZone.run(function () {
-                if (_this.targetSortable) {
-                    var dropTarget = util_1.draggableFromEvent(event, _this.targetSortable.component);
-                    _this.source.endDrag({ target: dropTarget, originalEvent: event });
-                }
-                _this.source.positionHintFromEvent(null);
-                _this.source.markForCheck();
-            });
-        }
-        this.targetSortable = null;
-        this.pressArgs = null;
-    };
-    SortableService.prototype.drag = function (event) {
-        var _this = this;
-        this.ngZone.run(function () {
-            if (_this.start()) {
-                return;
-            }
-            _this.source.positionHintFromEvent(event);
-            var sortable = _this.getSortableComponentFromTouch(event);
-            if (!sortable || sortable && sortable.component !== _this.target) {
-                if (_this.target) {
-                    _this.target.leave({ target: undefined, originalEvent: event });
-                }
-                else if (_this.source !== _this.target) {
-                    _this.source.leave({ target: undefined, originalEvent: event });
-                }
-            }
-            if (sortable && sortable.component) {
-                var draggable = util_1.draggableFromEvent(event, sortable.component);
-                sortable.component.drag({ target: draggable, originalEvent: event });
-            }
-            _this.source.markForCheck();
-        });
-    };
-    SortableService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone])
-    ], SortableService);
-    return SortableService;
-}());
-exports.SortableService = SortableService;

package/dist/npm/util.js

@@ -1,147 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var NODE_NAME_PREDICATES = {};
-var NODE_ATTR_PREDICATES = {};
-var focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-/**
- * @hidden
- */
-exports.matchesNodeName = function (nodeName) {
-    if (!NODE_NAME_PREDICATES[nodeName]) {
-        NODE_NAME_PREDICATES[nodeName] = function (element) {
-            return String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
-        };
-    }
-    return NODE_NAME_PREDICATES[nodeName];
-};
-/**
- * @hidden
- */
-exports.matchesNodeAttr = function (nodeAttr) {
-    if (!NODE_ATTR_PREDICATES[nodeAttr]) {
-        NODE_ATTR_PREDICATES[nodeAttr] = function (element) {
-            return element.hasAttribute ? element.hasAttribute(nodeAttr) : false;
-        };
-    }
-    return NODE_ATTR_PREDICATES[nodeAttr];
-};
-/**
- * @hidden
- */
-exports.closest = function (node, predicate) {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-/**
- * Returns an object specifiying whether there is a DraggableDirective under the cursor.
- * @hidden
- */
-exports.draggableFromPoint = function (x, y) {
-    if (!kendo_angular_common_1.isDocumentAvailable()) {
-        return;
-    }
-    var el = document.elementFromPoint(x, y);
-    if (!el) {
-        return;
-    }
-    var isDraggable = el.hasAttribute("kendoDraggable");
-    var isChild = exports.closest(el, exports.matchesNodeAttr("kendoDraggable")) !== null;
-    var parentDraggable = exports.closest(el, exports.matchesNodeAttr("kendoDraggable"));
-    var index = parentDraggable ? parseInt(parentDraggable.getAttribute("data-sortable-index"), 10) : -1;
-    return {
-        element: el,
-        index: index,
-        isDraggable: isDraggable,
-        isDraggableChild: isChild,
-        parentDraggable: parentDraggable,
-        rect: el.getBoundingClientRect()
-    };
-};
-/**
- * Returns the DraggableDirective under the cursor.
- * @hidden
- */
-exports.draggableFromEvent = function (event, sortable) {
-    var target;
-    if (event.changedTouches) {
-        var touch = event.changedTouches[0];
-        target = exports.draggableFromPoint(touch.clientX, touch.clientY);
-    }
-    else {
-        target = exports.draggableFromPoint(event.clientX, event.clientY);
-    }
-    // TODO: refactor sortable. Add draggable getter
-    return sortable.draggables.toArray()[target ? target.index : -1];
-};
-/**
- * @hidden
- */
-exports.isFocusable = function (element) {
-    if (element.tagName) {
-        var tagName = element.tagName.toLowerCase();
-        var tabIndex = element.getAttribute('tabIndex');
-        var skipTab = tabIndex === '-1';
-        var focusable = tabIndex !== null && !skipTab;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled && !skipTab;
-        }
-        return focusable;
-    }
-    return false;
-};
-var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
-var ɵ0 = toClassList;
-exports.ɵ0 = ɵ0;
-/**
- * @hidden
- */
-exports.hasClasses = function (element, classNames) {
-    var namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find(function (className) { return namesList.indexOf(className) >= 0; }));
-};
-var isSortable = exports.matchesNodeName('kendo-sortable');
-/**
- * @hidden
- */
-exports.widgetTarget = function (target) {
-    var element = exports.closest(target, function (node) { return exports.hasClasses(node, 'k-widget') || isSortable(node); });
-    return element && !isSortable(element);
-};
-var hasRelativeStackingContext = function () {
-    if (!kendo_angular_common_1.isDocumentAvailable()) {
-        return false;
-    }
-    var top = 10;
-    var parent = document.createElement("div");
-    parent.style.transform = "matrix(10, 0, 0, 10, 0, 0)";
-    parent.innerHTML = "<div style=\"position: fixed; top: " + top + "px;\">child</div>";
-    document.body.appendChild(parent);
-    var isDifferent = parent.children[0].getBoundingClientRect().top !== top;
-    document.body.removeChild(parent);
-    return isDifferent;
-};
-var ɵ1 = hasRelativeStackingContext;
-exports.ɵ1 = ɵ1;
-var HAS_RELATIVE_STACKING_CONTEXT = hasRelativeStackingContext();
-/**
- * @hidden
- */
-exports.relativeContextElement = function (element) {
-    if (!element || !HAS_RELATIVE_STACKING_CONTEXT) {
-        return null;
-    }
-    var node = element.parentElement;
-    while (node) {
-        if (window.getComputedStyle(node).transform !== 'none') {
-            return node;
-        }
-        node = node.parentElement;
-    }
-};

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

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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/common","rxjs","@progress/kendo-angular-common","@angular/core","rxjs/operators","@progress/kendo-angular-l10n","@progress/kendo-licensing","@telerik/kendo-draggable"],function(o){var r,s,d,l,c,u,p,g,v;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){r=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;n=[function(e,t){e.exports=r},function(e,t){e.exports=c},function(e,t,n){"use strict";function a(){this.prevented=!1}Object.defineProperty(t,"__esModule",{value:!0}),a.prototype.preventDefault=function(){this.prevented=!0},a.prototype.isDefaultPrevented=function(){return this.prevented},t.PreventableEvent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),n=n(1),i=a.__decorate([n.Directive({selector:"[kendoSortableItemTemplate]"}),a.__metadata("design:paramtypes",[n.TemplateRef])],r);function r(e){this.templateRef=e}t.ItemTemplateDirective=i;i=a.__decorate([n.Directive({selector:"[kendoSortablePlaceholderTemplate]"}),a.__metadata("design:paramtypes",[n.TemplateRef])],o);function o(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),n=(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.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=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),n=n(1),a=a.__decorate([n.Injectable()],i);function i(){}t.SortableContainer=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(1),n=n(5),a=(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=a},function(e,t){e.exports=u},function(e,t){e.exports=l},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),n=(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&&(t=e.ctrlKey||e.metaKey,a=new m.NavigateEvent({index:o,oldIndex:this.activeIndex,ctrlKey:t}),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 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;)i+=r,!this.itemEnabled(i)&&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,t=this.offsetParent;return t?{left:(e=t.getBoundingClientRect()).left-t.scrollLeft,top:e.top-t.scrollTop}:{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?t:"-webkit-"+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=(t.hidden&&t.parent===i&&t.index<e.target.index&&(n=e.target.index-1),(i.sortableService.target=i).sortableService.activeDraggable?i.sortableService.activeDraggable.index:0),n=new y.DragOverEvent({index:n,oldIndex:t});i.dragOver.emit(n),!n.isDefaultPrevented()&&e.target&&0<=e.target.index&&(i.dragOverIndex=e.target.index,i.placeHolderItemData(e.target))}),this.dragEndSubscription=this.onDragEndSubject.subscribe(function(e){var t,n,a=i.sortableService.getSource();a&&(t=i.sortableService.target,e=e.target?e.target.index:-1,n=i.sortableService.originDraggable?i.sortableService.originIndex:-1,i.hintLocation=null,e=new y.DragEndEvent({index:e,oldIndex:n}),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("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),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=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(0),n=n(2),r=(a=n.PreventableEvent,i.__extends(o,a),o);function o(e){var t=a.call(this)||this;return Object.assign(t,e),t}t.DataAddEvent=r;s=n.PreventableEvent,i.__extends(d,s);var s,r=d;function d(e){var t=s.call(this)||this;return Object.assign(t,e),t}t.DataRemoveEvent=r;l=n.PreventableEvent,i.__extends(c,l);var l,r=c;function c(e){var t=l.call(this)||this;return Object.assign(t,e),t}t.DataMoveEvent=r},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),n=(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,e=this.sortableService.getSource().data[e.oldIndex],a=new s.DataAddEvent({index:n,dataItem:e});return t.dataAdd.emit(a),a.isDefaultPrevented()||(n!==t.itemWrappers.length-1||t.noDataContainer||n++,t.addDataItem(e,n)),!a.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=n},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;o=n,i.__extends(s,o);var o,n=s;function s(e){var t=o.call(this,e)||this;return Object.assign(t,e),t}t.DragOverEvent=n;d=n,i.__extends(l,d);var d,n=l;function l(e){var t=d.call(this,e)||this;return Object.assign(t,e),t}t.DragEndEvent=n},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.DraggableEvent=n},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.NavigateEvent=n},function(e,i,t){"use strict";Object.defineProperty(i,"__esModule",{value:!0});function a(e){return String(e).trim().split(" ")}var r=t(8),n={},o={},s=/^(?:a|input|select|option|textarea|button|object)$/i,d=(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 o[t]||(o[t]=function(e){return!!e.hasAttribute&&e.hasAttribute(t)}),o[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,a,e=document.elementFromPoint(e,t);if(e)return t=e.hasAttribute("kendoDraggable"),n=null!==i.closest(e,i.matchesNodeAttr("kendoDraggable")),{element:e,index:(a=i.closest(e,i.matchesNodeAttr("kendoDraggable")))?parseInt(a.getAttribute("data-sortable-index"),10):-1,isDraggable:t,isDraggableChild:n,parentDraggable:a,rect:e.getBoundingClientRect()}}},i.draggableFromEvent=function(e,t){var n;return n=e.changedTouches?(n=e.changedTouches[0],i.draggableFromPoint(n.clientX,n.clientY)):i.draggableFromPoint(e.clientX,e.clientY),t.draggables.toArray()[n?n.index:-1]},i.isFocusable=function(e){var t,n,a;return!!e.tagName&&(t=e.tagName.toLowerCase(),n="-1"===(a=e.getAttribute("tabIndex")),a=null!==a&&!n,s.test(t)?!e.disabled&&!n:a)},i.hasClasses=function(e,t){var n=a(t);return Boolean(a(e.className).find(function(e){return 0<=n.indexOf(e)}))},i.matchesNodeName("kendo-sortable")),l=(i.widgetTarget=function(e){e=i.closest(e,function(e){return i.hasClasses(e,"k-widget")||d(e)});return e&&!d(e)},function(){if(!r.isDocumentAvailable())return!1;var e=document.createElement("div"),t=(e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(e),10!==e.children[0].getBoundingClientRect().top);return document.body.removeChild(e),t}());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=d},function(e,t){e.exports=s},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),o=[o.SortableComponent,d.DraggableDirective,l.PlaceholderTemplateDirective,c.ItemTemplateDirective,n.SortableBindingDirective],d=a.__decorate([i.NgModule({declarations:[o],exports:[o],imports:[r.CommonModule],providers:[s.SortableService]})],u);function u(){}t.SortableModule=d},function(e,t){e.exports=v},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:1646821279,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(e,t){e.exports=g},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,i=n(9),i=(t.SortableComponent=i.SortableComponent,n(18)),i=(t.SortableModule=i.SortableModule,n(2)),i=(t.PreventableEvent=i.PreventableEvent,n(13)),i=(t.DraggableEvent=i.DraggableEvent,n(12)),i=(t.DragStartEvent=i.DragStartEvent,t.DragEndEvent=i.DragEndEvent,t.DragOverEvent=i.DragOverEvent,n(14)),i=(t.NavigateEvent=i.NavigateEvent,n(10)),i=(t.DataMoveEvent=i.DataMoveEvent,n(6)),i=(t.DraggableDirective=i.DraggableDirective,n(11)),i=(t.SortableBindingDirective=i.SortableBindingDirective,n(3)),i=(t.PlaceholderTemplateDirective=i.PlaceholderTemplateDirective,n(3)),i=(t.ItemTemplateDirective=i.ItemTemplateDirective,n(4)),i=(t.SortableService=i.SortableService,n(5)),r=(t.SortableContainer=i.SortableContainer,t);for(a in r)o(a,r[a])}],i={},a.m=n,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)}}});