@progress/kendo-angular-utils 0.1.1-dev.202209081521 → 0.1.1-dev.202209131028

package/bundles/kendo-angular-utils.umd.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
 *-------------------------------------------------------------------------------------------*/
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@progress/kendo-licensing"),require("@progress/kendo-draggable-common"),require("@progress/kendo-angular-common")):"function"==typeof define&&define.amd?define("KendoAngularUtils",["exports","@angular/core","@angular/common","@progress/kendo-licensing","@progress/kendo-draggable-common","@progress/kendo-angular-common"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoAngularUtils={},t.ng.core,t.ng.common,t.KendoLicensing,t.KendoDraggableCommon,t.KendoAngularCommon)}(this,function(t,s,e,a,r,i){"use strict";function n(n){var r;return n&&n.__esModule?n:(r=Object.create(null),n&&Object.keys(n).forEach(function(t){var e;"default"!==t&&(e=Object.getOwnPropertyDescriptor(n,t),Object.defineProperty(r,t,e.get?e:{enumerable:!0,get:function(){return n[t]}}))}),r.default=n,Object.freeze(r))}var o=n(s),l=n(e),c=function(t,e){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function h(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}c(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;function g(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,i,o=n.call(t),s=[];try{for(;(void 0===e||0<e--)&&!(r=o.next()).done;)s.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return s}function d(t,e,n){if(n||2===arguments.length)for(var r,i=0,o=e.length;i<o;i++)!r&&i in e||((r=r||Array.prototype.slice.call(e,0,i))[i]=e[i]);return t.concat(r||Array.prototype.slice.call(e))}Object.create;var p,u={name:"@progress/kendo-angular-utils",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1662650462,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"},m=function(t){this.element=t,this.hostClass=!0},f=(m.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:m,deps:[{token:o.ElementRef}],target:o.ɵɵFactoryTarget.Directive}),m.ɵdir=o.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"[kendoDragHandle]",host:{properties:{"class.k-cursor-pointer":"this.hostClass"}},exportAs:["kendoDragHandle"],ngImport:o}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:m,decorators:[{type:s.Directive,args:[{selector:"[kendoDragHandle]",exportAs:"kendoDragHandle"}]}],ctorParameters:function(){return[{type:o.ElementRef}]},propDecorators:{hostClass:[{type:s.HostBinding,args:["class.k-cursor-pointer"]}]}}),function(t){Object.assign(this,t)}),v=(h(y,p=i.PreventableEvent),y);function y(t){var e=p.call(this)||this;return Object.assign(e,t),e}var D,E=function(t){Object.assign(this,t)},O=(h(b,D=i.PreventableEvent),b);function b(t){var e=D.call(this)||this;return Object.assign(e,t),e}function T(t,e){return{event:t,payload:e}}function S(e,n,r){Object.keys(r).forEach(function(t){e.setStyle(n,t,r[t])})}function I(t){return null!=t}var C=function(t){this.element=t,this.hostClasses=!0,this.zIndex=10,this.touchAction="none"},P=(C.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:C,deps:[{token:o.ElementRef}],target:o.ɵɵFactoryTarget.Component}),C.ɵcmp=o.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"ng-component",inputs:{template:"template",directive:"directive"},host:{properties:{"class.k-pos-absolute":"this.hostClasses","class.k-cursor-grab":"this.hostClasses","style.zIndex":"this.zIndex","style.touch-action":"this.touchAction"}},ngImport:o,template:'\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: directive }">\n        </ng-container>\n    ',isInline:!0,directives:[{type:l.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:C,decorators:[{type:s.Component,args:[{template:'\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: directive }">\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:o.ElementRef}]},propDecorators:{template:[{type:s.Input}],directive:[{type:s.Input}],hostClasses:[{type:s.HostBinding,args:["class.k-pos-absolute"]},{type:s.HostBinding,args:["class.k-cursor-grab"]}],zIndex:[{type:s.HostBinding,args:["style.zIndex"]}],touchAction:[{type:s.HostBinding,args:["style.touch-action"]}]}}),k.prototype.handleDragAndDrop=function(t){this.updateState(),r.dispatchDragAndDrop(this.state,t,this.callbacks)},k.prototype.setPressed=function(t){this.pressed=t},k.prototype.setScrolling=function(t){var e,n=this;(this.isScrolling=t)?(e=r.getScrollableParent(document.elementFromPoint(this.clientOffset.x,this.clientOffset.y)),window.clearInterval(this.scrollInterval),this.scrollInterval=window.setInterval(function(){r.autoScroll(e,{x:n.velocity.x,y:n.velocity.y})},50)):this.scrollInterval&&(window.clearInterval(this.scrollInterval),this.scrollInterval=null)},k.prototype.setVelocity=function(t){this.velocity=t},k.prototype.setOffset=function(t){this.offset=t},k.prototype.setClientOffset=function(t){this.clientOffset=t},k.prototype.setPageOffset=function(t){this.pageOffset=t},k.prototype.setInitialClientOffset=function(t){this.initialClientOffset=t},k.prototype.setScrollOffset=function(t){this.scrollOffset=t},k.prototype.setInitialScrollOffset=function(t){this.initialScrollOffset=t},k.prototype.updateState=function(){this.state={drag:this.dragTarget,drop:this.dropTarget,drags:this.dragTargets,drops:this.dropTargets,pressed:this.pressed,ignoreMouse:this.ignoreMouse,autoScroll:this.autoScroll,isScrolling:this.isScrolling,scrollableParent:this.scrollableParent,autoScrollDirection:this.autoScrollDirection,initialClientOffset:this.initialClientOffset,clientOffset:this.clientOffset,initialScrollOffset:this.initialScrollOffset,scrollOffset:this.scrollOffset,offset:this.offset,pageOffset:this.pageOffset,velocity:this.velocity}},k.prototype.setCallbacks=function(){this.callbacks={onVelocityChange:this.setVelocity.bind(this),onOffsetChange:this.setOffset.bind(this),onClientOffsetChange:this.setClientOffset.bind(this),onPageOffsetChange:this.setPageOffset.bind(this),onInitialClientOffsetChange:this.setInitialClientOffset.bind(this),onScrollOffsetChange:this.setScrollOffset.bind(this),onInitialScrollOffsetChange:this.setInitialScrollOffset.bind(this),onIsPressedChange:this.setPressed.bind(this),onIsScrollingChange:this.setScrolling.bind(this)}},k.prototype.ngOnDestroy=function(){this.scrollInterval&&(window.clearInterval(this.scrollInterval),this.scrollInterval=null)},k);function k(){this.dragTarget=null,this.dropTarget=null,this.dragTargets=[],this.dropTargets=[],this.pressed=!1,this.ignoreMouse=!1,this.autoScroll=!0,this.isScrolling=!1,this.scrollableParent=null,this.autoScrollDirection={horizontal:!0,vertical:!0},this.initialClientOffset={x:0,y:0},this.clientOffset={x:0,y:0},this.initialScrollOffset={x:0,y:0},this.scrollOffset={x:0,y:0},this.offset={x:0,y:0},this.pageOffset={x:0,y:0},this.velocity={x:0,y:0},this.callbacks={},this.scrollInterval=null,this.setCallbacks()}P.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:P,deps:[],target:o.ɵɵFactoryTarget.Injectable}),P.ɵprov=o.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:P,providedIn:"root"}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:P,decorators:[{type:s.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[]}});var w=!1,x=!1,l=(Object.defineProperty(A.prototype,"nativeElement",{get:function(){return this.element.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(A.prototype,"hintElem",{get:function(){return this.hint.instance.element.nativeElement},enumerable:!1,configurable:!0}),A.prototype.onPointerDown=function(t){var e=this;this.dragHandles.length&&!this.isDragHandle(t.target)||(t.preventDefault(),t=T(t,this.dragTarget),this.service.handleDragAndDrop(t),this.service.autoScroll="object"==typeof this.autoScroll?!1!==this.autoScroll.enabled:this.autoScroll,this.service.scrollableParent=this.getAutoScrollContainer(),this.service.autoScrollDirection="object"==typeof this.autoScroll?this.autoScroll.direction:{horizontal:!0,vertical:!0},this.ngZone.runOutsideAngular(function(){e.attachDomHandlers()}))},A.prototype.onPointerMove=function(t){t.preventDefault();t=T(t,this.dragTarget);this.service.handleDragAndDrop(t)},A.prototype.onPointerUp=function(t){var e=this,t=(t.preventDefault(),T(t,this.dragTarget));this.service.handleDragAndDrop(t),this.ngZone.runOutsideAngular(function(){e.attachDomHandlers()})},A.prototype.ngOnInit=function(){this.initializeDraggable()},A.prototype.ngAfterContentInit=function(){var t=this;(I(this.element)||I(this.dragTarget))&&this.ngZone.runOutsideAngular(function(){t.attachDomHandlers(),t.dragHandles.length||t.renderer.addClass(t.nativeElement,"k-cursor-pointer")}),this.service.dragTargets.push(this.dragTarget)},A.prototype.ngOnDestroy=function(){this.domSubscriptions.forEach(function(t){return t()})},A.prototype.handlePress=function(e){var n=this;0<this.dragDelay?this.dragTimeout=setTimeout(function(){n.pressed=!0,n.ngZone.run(function(){n.dragReady.emit()})},this.dragDelay):this.pressed=!0,this.ngZone.run(function(){var t=new f({normalizedEvent:e,hostElement:n.nativeElement});n.press.emit(t)})},A.prototype.handleDragStart=function(t){var e=this;this.pressed?(this.ngZone.run(function(){w=e.emitEvent("dragStart",{normalizedEvent:t,hostElement:e.nativeElement}).isDefaultPrevented()}),w||(I(this.hintTemplate)&&(this.createHint(),I(this.hint)&&this.renderer.setStyle(this.nativeElement,"opacity","0.7")),this.dragStarted=0===this.threshold,this.service.dragTarget=this.dragTarget,(this.service.dragTargetDirective=this).initialPosition={x:t.clientX-this.position.x,y:t.clientY-this.position.y})):this.dragTimeout&&(clearTimeout(this.dragTimeout),this.dragTimeout=null)},A.prototype.handleDrag=function(t){var e,n,r=this;this.pressed&&!w&&(e=this.hint?this.hintElem:this.nativeElement,n=e===this.nativeElement?{normalizedEvent:t,hostElement:this.nativeElement}:{normalizedEvent:t,hostElement:this.nativeElement,hintElement:e},this.ngZone.run(function(){x=r.emitEvent("drag",n).isDefaultPrevented()}),x||("horizontal"===this.restrictByAxis?this.position={x:t.clientX-this.initialPosition.x+t.scrollX,y:0}:"vertical"===this.restrictByAxis?this.position={x:0,y:t.clientY-this.initialPosition.y+t.scrollY}:this.position={x:t.clientX-this.initialPosition.x+t.scrollX,y:t.clientY-this.initialPosition.y+t.scrollY},t=Math.abs(this.position.x)<this.threshold&&Math.abs(this.position.y)<this.threshold,!this.dragStarted&&t||(!this.dragStarted&&0<this.threshold&&(this.dragStarted=!0),t="translate("+this.position.x+"px, "+this.position.y+"px)",S(this.renderer,e,{transform:t,transition:"none"}))))},A.prototype.handleDragEnd=function(e){var n=this,t=(this.dragTimeout&&(clearTimeout(this.dragTimeout),this.dragTimeout=null,this.pressed=!1),I(this.service.dropTarget)&&!i.contains(this.service.dropTarget,this.service.dragTarget,!0)),r=this.hint?this.hintElem:this.nativeElement;(t||0<this.service.dropTargets.length)&&(this.renderer.removeStyle(r,"transform"),S(this.renderer,r,{transition:"transform .3s ease-in-out"}),this.position={x:0,y:0}),I(this.hint)&&(this.renderer.removeStyle(this.nativeElement,"opacity"),this.destroyHint()),this.service.dragTarget=null,this.service.dragTargetDirective=null,!this.dragStarted||w||x||(this.ngZone.run(function(){var t=new E({normalizedEvent:e,hostElement:n.nativeElement});n.dragEnd.emit(t)}),this.dragStarted=!1)},A.prototype.initializeDraggable=function(){this.dragTarget={element:this.nativeElement,hint:null,onPress:this.handlePress.bind(this),onRelease:this.handleDragEnd.bind(this),onDragStart:this.handleDragStart.bind(this),onDrag:this.handleDrag.bind(this)}},A.prototype.attachDomHandlers=function(){var t;0<this.domSubscriptions.length&&this.domSubscriptions.forEach(function(t){return t()}),i.isDocumentAvailable()&&I(this.element)&&(this.service.pressed?(this.onPointerMove=this.onPointerMove.bind(this),this.onPointerUp=this.onPointerUp.bind(this),t=r.getScrollableParent(this.nativeElement),this.domSubscriptions=[this.renderer.listen(document,"pointermove",this.onPointerMove),this.renderer.listen(document,"mousemove",this.onPointerMove),this.renderer.listen(document,"touchmove",this.onPointerMove),this.renderer.listen(document,"pointerup",this.onPointerUp),this.renderer.listen(document,"pointercancel",this.onPointerUp),this.renderer.listen(document,"mouseup",this.onPointerUp),this.renderer.listen(document,"contextmenu",this.onPointerUp),this.renderer.listen(document,"touchend",this.onPointerUp),this.renderer.listen(document,"touchcancel",this.onPointerUp)],t&&(t===document.getElementsByTagName("html")[0]&&(t=document),this.domSubscriptions.push(this.renderer.listen(t,"scroll",this.onPointerMove)))):(this.onPointerDown=this.onPointerDown.bind(this),t=this.nativeElement,this.domSubscriptions=[this.renderer.listen(t,"pointerdown",this.onPointerDown),this.renderer.listen(t,"mousedown",this.onPointerDown),this.renderer.listen(t,"touchstart",this.onPointerDown)]))},A.prototype.isDragHandle=function(e){return this.dragHandles.toArray().some(function(t){return i.contains(t.element.nativeElement,e,!0)})},A.prototype.getAutoScrollContainer=function(){return"object"==typeof this.autoScroll&&this.autoScroll.boundaryElementRef&&this.autoScroll.boundaryElementRef.nativeElement?this.autoScroll.boundaryElementRef.nativeElement:null},A.prototype.createHint=function(){var t=this.resolver.resolveComponentFactory(C);this.hint=this.viewContainer.createComponent(t),this.hint.instance.template=this.hintTemplate,(this.hint.instance.directive=this).hint.changeDetectorRef.detectChanges(),this.dragTarget.hint=this.hint.instance.element.nativeElement},A.prototype.destroyHint=function(){this.hint.destroy(),this.hint.changeDetectorRef.detectChanges(),this.hint=null,this.dragTarget.hint=null},A.prototype.emitEvent=function(t,e){var n;switch(t){case"dragStart":n=new v(e);break;case"drag":n=new O(e)}return this[t].emit(n),n},A);function A(t,e,n,r,i,o){this.element=t,this.renderer=e,this.ngZone=n,this.service=r,this.viewContainer=i,this.resolver=o,this.threshold=0,this.autoScroll=!0,this.dragDelay=0,this.press=new s.EventEmitter,this.dragStart=new s.EventEmitter,this.drag=new s.EventEmitter,this.dragReady=new s.EventEmitter,this.dragEnd=new s.EventEmitter,this.touchAction="none",this.dragTarget=null,this.domSubscriptions=[],this.hint=null,this.initialPosition={x:0,y:0},this.dragStarted=!1,this.pressed=!1,this.dragTimeout=null,this.position={x:0,y:0},a.validatePackage(u)}l.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:l,deps:[{token:o.ElementRef},{token:o.Renderer2},{token:o.NgZone},{token:P},{token:o.ViewContainerRef},{token:o.ComponentFactoryResolver}],target:o.ɵɵFactoryTarget.Directive}),l.ɵdir=o.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:l,selector:"[kendoDragTarget]",inputs:{hintTemplate:"hintTemplate",threshold:"threshold",autoScroll:"autoScroll",link:"link",dragDelay:"dragDelay",restrictByAxis:"restrictByAxis"},outputs:{press:"press",dragStart:"dragStart",drag:"drag",dragReady:"dragReady",dragEnd:"dragEnd"},host:{properties:{"style.touch-action":"this.touchAction"}},queries:[{propertyName:"dragHandles",predicate:m}],exportAs:["kendoDragTarget"],ngImport:o}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:l,decorators:[{type:s.Directive,args:[{selector:"[kendoDragTarget]",exportAs:"kendoDragTarget"}]}],ctorParameters:function(){return[{type:o.ElementRef},{type:o.Renderer2},{type:o.NgZone},{type:P},{type:o.ViewContainerRef},{type:o.ComponentFactoryResolver}]},propDecorators:{hintTemplate:[{type:s.Input}],threshold:[{type:s.Input}],autoScroll:[{type:s.Input}],link:[{type:s.Input}],dragDelay:[{type:s.Input}],restrictByAxis:[{type:s.Input}],press:[{type:s.Output}],dragStart:[{type:s.Output}],drag:[{type:s.Output}],dragReady:[{type:s.Output}],dragEnd:[{type:s.Output}],touchAction:[{type:s.HostBinding,args:["style.touch-action"]}],dragHandles:[{type:s.ContentChildren,args:[m]}]}});var R=function(t){Object.assign(this,t)},z=function(t){Object.assign(this,t)},F=function(t){Object.assign(this,t)},Z=function(t){Object.assign(this,t)},j=(M.prototype.ngOnInit=function(){this.initializeDropTarget(),this.service.dropTargets.push(this.dropTarget)},M.prototype.handleDragEnter=function(e){var n=this;if(this.service.dragTarget){var t=!0;if(I(this.allowedDragTargets))switch(typeof this.allowedDragTargets){case"function":t=this.allowedDragTargets(this.service.dragTargetDirective);break;case"string":t=this.service.dragTargetDirective.link===this.allowedDragTargets;break;default:t=this.allowedDragTargets.some(function(t){return t===n.service.dragTargetDirective.link})}t&&(this.service.dropTarget=this.dropTarget,this.ngZone.run(function(){var t=new R({normalizedEvent:e,hostElement:n.element.nativeElement});n.dragEnter.emit(t)}))}},M.prototype.handleDragLeave=function(e){var n=this;this.service.dropTarget=null,this.service.dragTarget&&this.ngZone.run(function(){var t=new F({normalizedEvent:e,hostElement:n.element.nativeElement});n.dragLeave.emit(t)})},M.prototype.handleDragOver=function(e){var n=this;this.service.dragTarget&&this.ngZone.run(function(){var t=new z({normalizedEvent:e,hostElement:n.element.nativeElement});n.dragOver.emit(t)})},M.prototype.handleDrop=function(e){var n=this;this.ngZone.run(function(){var t=new Z({normalizedEvent:e,hostElement:n.element.nativeElement});n.drop.emit(t)})},M.prototype.initializeDropTarget=function(){this.dropTarget={element:this.element.nativeElement,onDragEnter:this.handleDragEnter.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDragOver:this.handleDragOver.bind(this),onDrop:this.handleDrop.bind(this)}},M);function M(t,e,n){this.service=t,this.element=e,this.ngZone=n,this.dragEnter=new s.EventEmitter,this.dragOver=new s.EventEmitter,this.dragLeave=new s.EventEmitter,this.drop=new s.EventEmitter,a.validatePackage(u)}j.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:j,deps:[{token:P},{token:o.ElementRef},{token:o.NgZone}],target:o.ɵɵFactoryTarget.Directive}),j.ɵdir=o.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:j,selector:"[kendoDropTarget]",inputs:{allowedDragTargets:"allowedDragTargets"},outputs:{dragEnter:"dragEnter",dragOver:"dragOver",dragLeave:"dragLeave",drop:"drop"},exportAs:["kendoDropTarget"],ngImport:o}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:j,decorators:[{type:s.Directive,args:[{selector:"[kendoDropTarget]",exportAs:"kendoDropTarget"}]}],ctorParameters:function(){return[{type:P},{type:o.ElementRef},{type:o.NgZone}]},propDecorators:{allowedDragTargets:[{type:s.Input}],dragEnter:[{type:s.Output}],dragOver:[{type:s.Output}],dragLeave:[{type:s.Output}],drop:[{type:s.Output}]}});var V=[l,m,j,C],H=function(){},V=(H.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:H,deps:[],target:o.ɵɵFactoryTarget.NgModule}),H.ɵmod=o.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:H,declarations:[l,m,j,C],imports:[e.CommonModule],exports:[l,m,j,C]}),H.ɵinj=o.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:H,imports:[[e.CommonModule]]}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:H,decorators:[{type:s.NgModule,args:[{declarations:d([],g(V)),exports:d([],g(V)),imports:[e.CommonModule]}]}]}),function(){});V.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,deps:[],target:o.ɵɵFactoryTarget.NgModule}),V.ɵmod=o.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,exports:[H]}),V.ɵinj=o.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,imports:[H]}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,decorators:[{type:s.NgModule,args:[{exports:[H]}]}]}),t.DragAndDropModule=H,t.DragEndEvent=E,t.DragEnterEvent=R,t.DragEvent=O,t.DragHandleDirective=m,t.DragLeaveEvent=F,t.DragOverEvent=z,t.DragStartEvent=v,t.DragTargetDirective=l,t.DropEvent=Z,t.DropTargetDirective=j,t.HintComponent=C,t.PressEvent=f,t.UtilsModule=V,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@progress/kendo-licensing"),require("@progress/kendo-draggable-common"),require("@progress/kendo-angular-common")):"function"==typeof define&&define.amd?define("KendoAngularUtils",["exports","@angular/core","@angular/common","@progress/kendo-licensing","@progress/kendo-draggable-common","@progress/kendo-angular-common"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).KendoAngularUtils={},t.ng.core,t.ng.common,t.KendoLicensing,t.KendoDraggableCommon,t.KendoAngularCommon)}(this,function(t,s,e,a,r,i){"use strict";function n(n){var r;return n&&n.__esModule?n:(r=Object.create(null),n&&Object.keys(n).forEach(function(t){var e;"default"!==t&&(e=Object.getOwnPropertyDescriptor(n,t),Object.defineProperty(r,t,e.get?e:{enumerable:!0,get:function(){return n[t]}}))}),r.default=n,Object.freeze(r))}var o=n(s),l=n(e),c=function(t,e){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function h(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}c(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;function g(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,i,o=n.call(t),s=[];try{for(;(void 0===e||0<e--)&&!(r=o.next()).done;)s.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return s}function d(t,e,n){if(n||2===arguments.length)for(var r,i=0,o=e.length;i<o;i++)!r&&i in e||((r=r||Array.prototype.slice.call(e,0,i))[i]=e[i]);return t.concat(r||Array.prototype.slice.call(e))}Object.create;var p,u={name:"@progress/kendo-angular-utils",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1663064885,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"},m=function(t){this.element=t,this.hostClass=!0},f=(m.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:m,deps:[{token:o.ElementRef}],target:o.ɵɵFactoryTarget.Directive}),m.ɵdir=o.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"[kendoDragHandle]",host:{properties:{"class.k-cursor-pointer":"this.hostClass"}},exportAs:["kendoDragHandle"],ngImport:o}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:m,decorators:[{type:s.Directive,args:[{selector:"[kendoDragHandle]",exportAs:"kendoDragHandle"}]}],ctorParameters:function(){return[{type:o.ElementRef}]},propDecorators:{hostClass:[{type:s.HostBinding,args:["class.k-cursor-pointer"]}]}}),function(t){Object.assign(this,t)}),v=(h(y,p=i.PreventableEvent),y);function y(t){var e=p.call(this)||this;return Object.assign(e,t),e}var D,E=function(t){Object.assign(this,t)},T=(h(O,D=i.PreventableEvent),O);function O(t){var e=D.call(this)||this;return Object.assign(e,t),e}function b(t,e){return{event:t,payload:e}}function S(e,n,r){Object.keys(r).forEach(function(t){e.setStyle(n,t,r[t])})}function I(t){return null!=t}var C=function(t){this.element=t,this.hostClasses=!0,this.zIndex=10,this.touchAction="none"},P=(C.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:C,deps:[{token:o.ElementRef}],target:o.ɵɵFactoryTarget.Component}),C.ɵcmp=o.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"ng-component",inputs:{template:"template",directive:"directive"},host:{properties:{"class.k-pos-absolute":"this.hostClasses","class.k-cursor-grab":"this.hostClasses","style.zIndex":"this.zIndex","style.touch-action":"this.touchAction"}},ngImport:o,template:'\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: directive }">\n        </ng-container>\n    ',isInline:!0,directives:[{type:l.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:C,decorators:[{type:s.Component,args:[{template:'\n        <ng-container *ngTemplateOutlet="template; context: { $implicit: directive }">\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:o.ElementRef}]},propDecorators:{template:[{type:s.Input}],directive:[{type:s.Input}],hostClasses:[{type:s.HostBinding,args:["class.k-pos-absolute"]},{type:s.HostBinding,args:["class.k-cursor-grab"]}],zIndex:[{type:s.HostBinding,args:["style.zIndex"]}],touchAction:[{type:s.HostBinding,args:["style.touch-action"]}]}}),k.prototype.handleDragAndDrop=function(t){this.updateState(),r.dispatchDragAndDrop(this.state,t,this.callbacks)},k.prototype.setPressed=function(t){this.pressed=t},k.prototype.setScrolling=function(t){var e,n=this;(this.isScrolling=t)?(e=r.getScrollableParent(document.elementFromPoint(this.clientOffset.x,this.clientOffset.y)),window.clearInterval(this.scrollInterval),this.scrollInterval=window.setInterval(function(){r.autoScroll(e,{x:n.velocity.x,y:n.velocity.y})},50)):this.scrollInterval&&(window.clearInterval(this.scrollInterval),this.scrollInterval=null)},k.prototype.setVelocity=function(t){this.velocity=t},k.prototype.setOffset=function(t){this.offset=t},k.prototype.setClientOffset=function(t){this.clientOffset=t},k.prototype.setPageOffset=function(t){this.pageOffset=t},k.prototype.setInitialClientOffset=function(t){this.initialClientOffset=t},k.prototype.setScrollOffset=function(t){this.scrollOffset=t},k.prototype.setInitialScrollOffset=function(t){this.initialScrollOffset=t},k.prototype.updateState=function(){this.state={drag:this.dragTarget,drop:this.dropTarget,drags:this.dragTargets,drops:this.dropTargets,pressed:this.pressed,ignoreMouse:this.ignoreMouse,autoScroll:this.autoScroll,isScrolling:this.isScrolling,scrollableParent:this.scrollableParent,autoScrollDirection:this.autoScrollDirection,initialClientOffset:this.initialClientOffset,clientOffset:this.clientOffset,initialScrollOffset:this.initialScrollOffset,scrollOffset:this.scrollOffset,offset:this.offset,pageOffset:this.pageOffset,velocity:this.velocity}},k.prototype.setCallbacks=function(){this.callbacks={onVelocityChange:this.setVelocity.bind(this),onOffsetChange:this.setOffset.bind(this),onClientOffsetChange:this.setClientOffset.bind(this),onPageOffsetChange:this.setPageOffset.bind(this),onInitialClientOffsetChange:this.setInitialClientOffset.bind(this),onScrollOffsetChange:this.setScrollOffset.bind(this),onInitialScrollOffsetChange:this.setInitialScrollOffset.bind(this),onIsPressedChange:this.setPressed.bind(this),onIsScrollingChange:this.setScrolling.bind(this)}},k.prototype.ngOnDestroy=function(){this.scrollInterval&&(window.clearInterval(this.scrollInterval),this.scrollInterval=null)},k);function k(){this.dragTarget=null,this.dropTarget=null,this.dragTargets=[],this.dropTargets=[],this.pressed=!1,this.ignoreMouse=!1,this.autoScroll=!0,this.isScrolling=!1,this.scrollableParent=null,this.autoScrollDirection={horizontal:!0,vertical:!0},this.initialClientOffset={x:0,y:0},this.clientOffset={x:0,y:0},this.initialScrollOffset={x:0,y:0},this.scrollOffset={x:0,y:0},this.offset={x:0,y:0},this.pageOffset={x:0,y:0},this.velocity={x:0,y:0},this.callbacks={},this.scrollInterval=null,this.setCallbacks()}P.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:P,deps:[],target:o.ɵɵFactoryTarget.Injectable}),P.ɵprov=o.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:P,providedIn:"root"}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:P,decorators:[{type:s.Injectable,args:[{providedIn:"root"}]}],ctorParameters:function(){return[]}});var w=!1,x=!1,l=(Object.defineProperty(A.prototype,"nativeElement",{get:function(){return this.element.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(A.prototype,"hintElem",{get:function(){return this.hint.instance.element.nativeElement},enumerable:!1,configurable:!0}),A.prototype.onPointerDown=function(t){var e=this;this.dragHandles.length&&!this.isDragHandle(t.target)||(t.preventDefault(),t=b(t,this.dragTarget),this.service.handleDragAndDrop(t),this.service.autoScroll="object"==typeof this.autoScroll?!1!==this.autoScroll.enabled:this.autoScroll,this.service.scrollableParent=this.getAutoScrollContainer(),this.service.autoScrollDirection="object"==typeof this.autoScroll?this.autoScroll.direction:{horizontal:!0,vertical:!0},this.ngZone.runOutsideAngular(function(){e.attachDomHandlers()}))},A.prototype.onPointerMove=function(t){t.preventDefault();t=b(t,this.dragTarget);this.service.handleDragAndDrop(t)},A.prototype.onPointerUp=function(t){var e=this,t=(t.preventDefault(),b(t,this.dragTarget));this.service.handleDragAndDrop(t),this.ngZone.runOutsideAngular(function(){e.attachDomHandlers()})},A.prototype.ngOnInit=function(){this.initializeDraggable()},A.prototype.ngAfterContentInit=function(){var t=this;(I(this.element)||I(this.dragTarget))&&this.ngZone.runOutsideAngular(function(){t.attachDomHandlers(),t.dragHandles.length||t.renderer.addClass(t.nativeElement,"k-cursor-pointer")}),this.service.dragTargets.push(this.dragTarget)},A.prototype.ngOnDestroy=function(){this.domSubscriptions.forEach(function(t){return t()})},A.prototype.handlePress=function(e){var n=this;0<this.dragDelay?this.dragTimeout=setTimeout(function(){n.pressed=!0,n.ngZone.run(function(){n.dragReady.emit()})},this.dragDelay):this.pressed=!0,this.ngZone.run(function(){var t=new f({normalizedEvent:e,hostElement:n.nativeElement});n.press.emit(t)})},A.prototype.handleDragStart=function(t){var e=this;this.pressed?(this.ngZone.run(function(){w=e.emitEvent("dragStart",{normalizedEvent:t,hostElement:e.nativeElement}).isDefaultPrevented()}),w||(I(this.hintTemplate)&&(this.createHint(),I(this.hint)&&this.renderer.setStyle(this.nativeElement,"opacity","0.7")),this.dragStarted=0===this.threshold,this.service.dragTarget=this.dragTarget,(this.service.dragTargetDirective=this).initialPosition={x:t.clientX-this.position.x,y:t.clientY-this.position.y})):this.dragTimeout&&(clearTimeout(this.dragTimeout),this.dragTimeout=null)},A.prototype.handleDrag=function(t){var e,n,r=this;this.pressed&&!w&&(e=this.hint?this.hintElem:this.nativeElement,n=e===this.nativeElement?{normalizedEvent:t,hostElement:this.nativeElement}:{normalizedEvent:t,hostElement:this.nativeElement,hintElement:e},this.ngZone.run(function(){x=r.emitEvent("drag",n).isDefaultPrevented()}),x||("horizontal"===this.restrictByAxis?this.position={x:t.clientX-this.initialPosition.x+t.scrollX,y:0}:"vertical"===this.restrictByAxis?this.position={x:0,y:t.clientY-this.initialPosition.y+t.scrollY}:this.position={x:t.clientX-this.initialPosition.x+t.scrollX,y:t.clientY-this.initialPosition.y+t.scrollY},t=Math.abs(this.position.x)<this.threshold&&Math.abs(this.position.y)<this.threshold,!this.dragStarted&&t||(!this.dragStarted&&0<this.threshold&&(this.dragStarted=!0),t="translate("+this.position.x+"px, "+this.position.y+"px)",S(this.renderer,e,{transform:t,transition:"none"}))))},A.prototype.handleRelease=function(e){var n=this;this.dragTimeout&&(clearTimeout(this.dragTimeout),this.dragTimeout=null,this.pressed=!1),this.service.dragTarget=null,this.service.dragTargetDirective=null,this.ngZone.run(function(){var t=new f({normalizedEvent:e,hostElement:n.nativeElement});n.release.emit(t)})},A.prototype.handleDragEnd=function(e){var n=this,t=(this.dragTimeout&&(clearTimeout(this.dragTimeout),this.dragTimeout=null,this.pressed=!1),I(this.service.dropTarget)&&!i.contains(this.service.dropTarget,this.service.dragTarget,!0)),r=this.hint?this.hintElem:this.nativeElement;(t||0<this.service.dropTargets.length)&&(this.renderer.removeStyle(r,"transform"),S(this.renderer,r,{transition:"transform .3s ease-in-out"}),this.position={x:0,y:0}),I(this.hint)&&(this.renderer.removeStyle(this.nativeElement,"opacity"),this.destroyHint()),this.service.dragTarget=null,this.service.dragTargetDirective=null,!this.dragStarted||w||x||(this.ngZone.run(function(){var t=new E({normalizedEvent:e,hostElement:n.nativeElement});n.dragEnd.emit(t)}),this.dragStarted=!1)},A.prototype.initializeDraggable=function(){this.dragTarget={element:this.nativeElement,hint:null,onPress:this.handlePress.bind(this),onRelease:this.handleRelease.bind(this),onDragStart:this.handleDragStart.bind(this),onDrag:this.handleDrag.bind(this),onDragEnd:this.handleDragEnd.bind(this)}},A.prototype.attachDomHandlers=function(){var t;0<this.domSubscriptions.length&&this.domSubscriptions.forEach(function(t){return t()}),i.isDocumentAvailable()&&I(this.element)&&(this.service.pressed?(this.onPointerMove=this.onPointerMove.bind(this),this.onPointerUp=this.onPointerUp.bind(this),t=r.getScrollableParent(this.nativeElement),this.domSubscriptions=[this.renderer.listen(document,"pointermove",this.onPointerMove),this.renderer.listen(document,"mousemove",this.onPointerMove),this.renderer.listen(document,"touchmove",this.onPointerMove),this.renderer.listen(document,"pointerup",this.onPointerUp),this.renderer.listen(document,"pointercancel",this.onPointerUp),this.renderer.listen(document,"mouseup",this.onPointerUp),this.renderer.listen(document,"contextmenu",this.onPointerUp),this.renderer.listen(document,"touchend",this.onPointerUp),this.renderer.listen(document,"touchcancel",this.onPointerUp)],t&&(t===document.getElementsByTagName("html")[0]&&(t=document),this.domSubscriptions.push(this.renderer.listen(t,"scroll",this.onPointerMove)))):(this.onPointerDown=this.onPointerDown.bind(this),t=this.nativeElement,this.domSubscriptions=[this.renderer.listen(t,"pointerdown",this.onPointerDown),this.renderer.listen(t,"mousedown",this.onPointerDown),this.renderer.listen(t,"touchstart",this.onPointerDown)]))},A.prototype.isDragHandle=function(e){return this.dragHandles.toArray().some(function(t){return i.contains(t.element.nativeElement,e,!0)})},A.prototype.getAutoScrollContainer=function(){return"object"==typeof this.autoScroll&&this.autoScroll.boundaryElementRef&&this.autoScroll.boundaryElementRef.nativeElement?this.autoScroll.boundaryElementRef.nativeElement:null},A.prototype.createHint=function(){var t=this.resolver.resolveComponentFactory(C);this.hint=this.viewContainer.createComponent(t),this.hint.instance.template=this.hintTemplate,(this.hint.instance.directive=this).hint.changeDetectorRef.detectChanges(),this.dragTarget.hint=this.hint.instance.element.nativeElement},A.prototype.destroyHint=function(){this.hint.destroy(),this.hint.changeDetectorRef.detectChanges(),this.hint=null,this.dragTarget.hint=null},A.prototype.emitEvent=function(t,e){var n;switch(t){case"dragStart":n=new v(e);break;case"drag":n=new T(e)}return this[t].emit(n),n},A);function A(t,e,n,r,i,o){this.element=t,this.renderer=e,this.ngZone=n,this.service=r,this.viewContainer=i,this.resolver=o,this.threshold=0,this.autoScroll=!0,this.dragDelay=0,this.press=new s.EventEmitter,this.dragStart=new s.EventEmitter,this.drag=new s.EventEmitter,this.dragReady=new s.EventEmitter,this.release=new s.EventEmitter,this.dragEnd=new s.EventEmitter,this.touchAction="none",this.dragTarget=null,this.domSubscriptions=[],this.hint=null,this.initialPosition={x:0,y:0},this.dragStarted=!1,this.pressed=!1,this.dragTimeout=null,this.position={x:0,y:0},a.validatePackage(u)}l.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:l,deps:[{token:o.ElementRef},{token:o.Renderer2},{token:o.NgZone},{token:P},{token:o.ViewContainerRef},{token:o.ComponentFactoryResolver}],target:o.ɵɵFactoryTarget.Directive}),l.ɵdir=o.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:l,selector:"[kendoDragTarget]",inputs:{hintTemplate:"hintTemplate",threshold:"threshold",autoScroll:"autoScroll",link:"link",dragDelay:"dragDelay",restrictByAxis:"restrictByAxis"},outputs:{press:"press",dragStart:"dragStart",drag:"drag",dragReady:"dragReady",release:"release",dragEnd:"dragEnd"},host:{properties:{"style.touch-action":"this.touchAction"}},queries:[{propertyName:"dragHandles",predicate:m}],exportAs:["kendoDragTarget"],ngImport:o}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:l,decorators:[{type:s.Directive,args:[{selector:"[kendoDragTarget]",exportAs:"kendoDragTarget"}]}],ctorParameters:function(){return[{type:o.ElementRef},{type:o.Renderer2},{type:o.NgZone},{type:P},{type:o.ViewContainerRef},{type:o.ComponentFactoryResolver}]},propDecorators:{hintTemplate:[{type:s.Input}],threshold:[{type:s.Input}],autoScroll:[{type:s.Input}],link:[{type:s.Input}],dragDelay:[{type:s.Input}],restrictByAxis:[{type:s.Input}],press:[{type:s.Output}],dragStart:[{type:s.Output}],drag:[{type:s.Output}],dragReady:[{type:s.Output}],release:[{type:s.Output}],dragEnd:[{type:s.Output}],touchAction:[{type:s.HostBinding,args:["style.touch-action"]}],dragHandles:[{type:s.ContentChildren,args:[m]}]}});var H=function(t){Object.assign(this,t)},z=function(t){Object.assign(this,t)},Z=function(t){Object.assign(this,t)},F=function(t){Object.assign(this,t)},j=(M.prototype.ngOnInit=function(){this.initializeDropTarget(),this.service.dropTargets.push(this.dropTarget)},M.prototype.handleDragEnter=function(e){var n=this;if(this.service.dragTarget){var t=!0;if(I(this.allowedDragTargets))switch(typeof this.allowedDragTargets){case"function":t=this.allowedDragTargets(this.service.dragTargetDirective);break;case"string":t=this.service.dragTargetDirective.link===this.allowedDragTargets;break;default:t=this.allowedDragTargets.some(function(t){return t===n.service.dragTargetDirective.link})}t&&(this.service.dropTarget=this.dropTarget,this.ngZone.run(function(){var t=new H({normalizedEvent:e,hostElement:n.element.nativeElement});n.dragEnter.emit(t)}))}},M.prototype.handleDragLeave=function(e){var n=this;this.service.dropTarget=null,this.service.dragTarget&&this.ngZone.run(function(){var t=new Z({normalizedEvent:e,hostElement:n.element.nativeElement});n.dragLeave.emit(t)})},M.prototype.handleDragOver=function(e){var n=this;this.service.dragTarget&&this.ngZone.run(function(){var t=new z({normalizedEvent:e,hostElement:n.element.nativeElement});n.dragOver.emit(t)})},M.prototype.handleDrop=function(e){var n=this;this.ngZone.run(function(){var t=new F({normalizedEvent:e,hostElement:n.element.nativeElement});n.drop.emit(t)})},M.prototype.initializeDropTarget=function(){this.dropTarget={element:this.element.nativeElement,onDragEnter:this.handleDragEnter.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDragOver:this.handleDragOver.bind(this),onDrop:this.handleDrop.bind(this)}},M);function M(t,e,n){this.service=t,this.element=e,this.ngZone=n,this.dragEnter=new s.EventEmitter,this.dragOver=new s.EventEmitter,this.dragLeave=new s.EventEmitter,this.drop=new s.EventEmitter,a.validatePackage(u)}j.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:j,deps:[{token:P},{token:o.ElementRef},{token:o.NgZone}],target:o.ɵɵFactoryTarget.Directive}),j.ɵdir=o.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:j,selector:"[kendoDropTarget]",inputs:{allowedDragTargets:"allowedDragTargets"},outputs:{dragEnter:"dragEnter",dragOver:"dragOver",dragLeave:"dragLeave",drop:"drop"},exportAs:["kendoDropTarget"],ngImport:o}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:j,decorators:[{type:s.Directive,args:[{selector:"[kendoDropTarget]",exportAs:"kendoDropTarget"}]}],ctorParameters:function(){return[{type:P},{type:o.ElementRef},{type:o.NgZone}]},propDecorators:{allowedDragTargets:[{type:s.Input}],dragEnter:[{type:s.Output}],dragOver:[{type:s.Output}],dragLeave:[{type:s.Output}],drop:[{type:s.Output}]}});var R=[l,m,j,C],V=function(){},R=(V.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,deps:[],target:o.ɵɵFactoryTarget.NgModule}),V.ɵmod=o.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,declarations:[l,m,j,C],imports:[e.CommonModule],exports:[l,m,j,C]}),V.ɵinj=o.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,imports:[[e.CommonModule]]}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:V,decorators:[{type:s.NgModule,args:[{declarations:d([],g(R)),exports:d([],g(R)),imports:[e.CommonModule],entryComponents:[C]}]}]}),function(){});R.ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:R,deps:[],target:o.ɵɵFactoryTarget.NgModule}),R.ɵmod=o.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:R,exports:[V]}),R.ɵinj=o.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:R,imports:[V]}),o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:o,type:R,decorators:[{type:s.NgModule,args:[{exports:[V]}]}]}),t.DragAndDropModule=V,t.DragHandleDirective=m,t.DragTargetDirective=l,t.DragTargetDragEndEvent=E,t.DragTargetDragEvent=T,t.DragTargetDragStartEvent=v,t.DragTargetPressEvent=f,t.DropTargetDirective=j,t.DropTargetDragEnterEvent=H,t.DropTargetDragLeaveEvent=Z,t.DropTargetDragOverEvent=z,t.DropTargetDropEvent=F,t.HintComponent=C,t.UtilsModule=R,Object.defineProperty(t,"__esModule",{value:!0})});

package/drag-and-drop/dragtarget.directive.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, AfterContentInit, ElementRef, Renderer2, NgZone, OnInit, OnDestroy, QueryList, TemplateRef, ViewContainerRef, ComponentFactoryResolver } from "@angular/core";
 import { DragHandleDirective } from "./draghandle.directive";
-import { DragStartEvent, DragEndEvent, PressEvent, DragEvent } from "./events/drag-target";
+import { DragTargetDragStartEvent, DragTargetDragEndEvent, DragTargetPressEvent, DragTargetDragEvent } from "./events/drag-target";
 import { DragStateService } from "./drag-state.service";
 import { AutoScrollOptions, DragAxis } from './models';
 import * as i0 from "@angular/core";
@@ -51,25 +51,29 @@ export declare class DragTargetDirective implements OnInit, AfterContentInit, On
     /**
      * Fires when the user presses the DragTarget element.
      */
-    press: EventEmitter<PressEvent>;
+    press: EventEmitter<DragTargetPressEvent>;
     /**
      * Fires when the dragging of the DragTarget element begins.
      * This event is preventable.
      */
-    dragStart: EventEmitter<DragStartEvent>;
+    dragStart: EventEmitter<DragTargetDragStartEvent>;
     /**
      * Fires while the user drags the DragTarget element.
      * This event is preventable.
      */
-    drag: EventEmitter<DragEvent>;
+    drag: EventEmitter<DragTargetDragEvent>;
     /**
-     * Fires when the DragTarget's dragDelay has passed and the user is able to drag the element.
+     * Fires when the DragTarget's `dragDelay` has passed and the user is able to drag the element.
      */
     dragReady: EventEmitter<any>;
+    /**
+     * Fires when the user releases the DragTarget element after being pressed.
+     */
+    release: EventEmitter<DragTargetPressEvent>;
     /**
      * Fires when the dragging of the DragTarget ends and the element is released.
      */
-    dragEnd: EventEmitter<DragEndEvent>;
+    dragEnd: EventEmitter<DragTargetDragEndEvent>;
     touchAction: string;
     private dragTarget;
     private domSubscriptions;
@@ -112,42 +116,16 @@ export declare class DragTargetDirective implements OnInit, AfterContentInit, On
      * @hidden
      */
     private handleDragStart;
-    /**
-     * @hidden
-     */
     private handleDrag;
-    /**
-     * @hidden
-     */
+    private handleRelease;
     private handleDragEnd;
-    /**
-     * @hidden
-     */
     private initializeDraggable;
-    /**
-     * @hidden
-     */
     private attachDomHandlers;
-    /**
-     * @hidden
-     */
     private isDragHandle;
-    /**
-     * @hidden
-     */
     private getAutoScrollContainer;
-    /**
-     * @hidden
-     */
     private createHint;
-    /**
-     * @hidden
-     */
     private destroyHint;
-    /**
-     * @hidden
-     */
     private emitEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<DragTargetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DragTargetDirective, "[kendoDragTarget]", ["kendoDragTarget"], { "hintTemplate": "hintTemplate"; "threshold": "threshold"; "autoScroll": "autoScroll"; "link": "link"; "dragDelay": "dragDelay"; "restrictByAxis": "restrictByAxis"; }, { "press": "press"; "dragStart": "dragStart"; "drag": "drag"; "dragReady": "dragReady"; "dragEnd": "dragEnd"; }, ["dragHandles"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragTargetDirective, "[kendoDragTarget]", ["kendoDragTarget"], { "hintTemplate": "hintTemplate"; "threshold": "threshold"; "autoScroll": "autoScroll"; "link": "link"; "dragDelay": "dragDelay"; "restrictByAxis": "restrictByAxis"; }, { "press": "press"; "dragStart": "dragStart"; "drag": "drag"; "dragReady": "dragReady"; "release": "release"; "dragEnd": "dragEnd"; }, ["dragHandles"]>;
 }

package/drag-and-drop/droptarget.directive.d.ts

@@ -5,7 +5,7 @@
 import { ElementRef, EventEmitter, NgZone, OnInit } from "@angular/core";
 import { NormalizedDragEvent } from "@progress/kendo-draggable-common";
 import { DragStateService } from "./drag-state.service";
-import { DragEnterEvent, DragOverEvent, DragLeaveEvent, DropEvent } from './events/drop-target';
+import { DropTargetDragEnterEvent, DropTargetDragOverEvent, DropTargetDragLeaveEvent, DropTargetDropEvent } from './events/drop-target';
 import { AllowedTargetFn } from "./models";
 import * as i0 from "@angular/core";
 /**
@@ -23,22 +23,22 @@ export declare class DropTargetDirective implements OnInit {
      * Fires when a DragTarget element enters the DropTarget.
      * This event is preventable. Preventing it allows full logic customization.
      */
-    dragEnter: EventEmitter<DragEnterEvent>;
+    dragEnter: EventEmitter<DropTargetDragEnterEvent>;
     /**
      * Fires when a DragTarget element is being dragged over the DropTarget.
      * This event is preventable. Preventing it allows full logic customization.
      */
-    dragOver: EventEmitter<DragOverEvent>;
+    dragOver: EventEmitter<DropTargetDragOverEvent>;
     /**
      * Fires when a DragTarget element leaves the DropTarget.
      * This event is preventable. Preventing it allows full logic customization.
      */
-    dragLeave: EventEmitter<DragLeaveEvent>;
+    dragLeave: EventEmitter<DropTargetDragLeaveEvent>;
     /**
      * Fires when a DragTarget element is dropped over the DropTarget.
      * This event is preventable. Preventing it allows full logic customization.
      */
-    drop: EventEmitter<DropEvent>;
+    drop: EventEmitter<DropTargetDropEvent>;
     constructor(service: DragStateService, element: ElementRef, ngZone: NgZone);
     private dropTarget;
     ngOnInit(): void;

package/drag-and-drop/events/drag-target/drag-event.d.ts

@@ -7,7 +7,7 @@ import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the drag event of the DragTarget.
  */
-export declare class DragEvent extends PreventableEvent {
+export declare class DragTargetDragEvent extends PreventableEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/events/drag-target/end-event.d.ts

@@ -6,7 +6,7 @@ import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 /**
  * Arguments for the dragEnd event of the DragTarget.
  */
-export declare class DragEndEvent {
+export declare class DragTargetDragEndEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/events/drag-target/index.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { PressEvent } from './press-event';
-export { DragStartEvent } from './start-event';
-export { DragEndEvent } from './end-event';
-export { DragEvent } from './drag-event';
+export { DragTargetPressEvent } from './press-event';
+export { DragTargetDragStartEvent } from './start-event';
+export { DragTargetDragEndEvent } from './end-event';
+export { DragTargetDragEvent } from './drag-event';

package/drag-and-drop/events/drag-target/press-event.d.ts

@@ -6,7 +6,7 @@ import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 /**
  * Arguments for the press event of the DragTarget.
  */
-export declare class PressEvent {
+export declare class DragTargetPressEvent {
     /**
      * The normalized event.
      */

package/drag-and-drop/events/drag-target/start-event.d.ts

@@ -7,7 +7,7 @@ import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the dragStart event of the DragTarget.
  */
-export declare class DragStartEvent extends PreventableEvent {
+export declare class DragTargetDragStartEvent extends PreventableEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/events/drop-target/drop-event.d.ts

@@ -6,7 +6,7 @@ import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 /**
  * Arguments for the drop event of the DropTarget.
  */
-export declare class DropEvent {
+export declare class DropTargetDropEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/events/drop-target/enter-event.d.ts

@@ -6,7 +6,7 @@ import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 /**
  * Arguments for the dragEnter event of the DropTarget.
  */
-export declare class DragEnterEvent {
+export declare class DropTargetDragEnterEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/events/drop-target/index.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { DragEnterEvent } from './enter-event';
-export { DragOverEvent } from './over-event';
-export { DragLeaveEvent } from './leave-event';
-export { DropEvent } from './drop-event';
+export { DropTargetDragEnterEvent } from './enter-event';
+export { DropTargetDragOverEvent } from './over-event';
+export { DropTargetDragLeaveEvent } from './leave-event';
+export { DropTargetDropEvent } from './drop-event';

package/drag-and-drop/events/drop-target/leave-event.d.ts

@@ -6,7 +6,7 @@ import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 /**
  * Arguments for the dragLeave event of the DropTarget.
  */
-export declare class DragLeaveEvent {
+export declare class DropTargetDragLeaveEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/events/drop-target/over-event.d.ts

@@ -6,7 +6,7 @@ import { NormalizedDragEvent } from '@progress/kendo-draggable-common';
 /**
  * Arguments for the dragOver event of the DropTarget.
  */
-export declare class DragOverEvent {
+export declare class DropTargetDragOverEvent {
     /**
      * The normalized drag event.
      */

package/drag-and-drop/models/index.d.ts

@@ -7,4 +7,3 @@ export { DragAxis } from './dragaxis';
 export { AllowedTargetFn } from './allowed-target';
 export { ScrollDirection } from './scroll-direction';
 export { Coordinates } from './coordinates';
-export { NormalizedDragEvent } from './normalized-drag-event';

package/drag-and-drop.module.d.ts

@@ -8,6 +8,37 @@ import * as i2 from "./drag-and-drop/draghandle.directive";
 import * as i3 from "./drag-and-drop/droptarget.directive";
 import * as i4 from "./drag-and-drop/hint.component";
 import * as i5 from "@angular/common";
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
+ * definition for the Drag and Drop directives.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the DragAndDrop module
+ * import { DragAndDropModule } from '@progress/kendo-angular-utils';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, DragAndDropModule], // import DragAndDropModule module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
 export declare class DragAndDropModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<DragAndDropModule, [typeof i1.DragTargetDirective, typeof i2.DragHandleDirective, typeof i3.DropTargetDirective, typeof i4.HintComponent], [typeof i5.CommonModule], [typeof i1.DragTargetDirective, typeof i2.DragHandleDirective, typeof i3.DropTargetDirective, typeof i4.HintComponent]>;

package/esm2015/drag-and-drop/dragtarget.directive.js

@@ -7,7 +7,7 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { DragHandleDirective } from "./draghandle.directive";
 import { getScrollableParent } from "@progress/kendo-draggable-common";
-import { DragStartEvent, DragEndEvent, PressEvent, DragEvent } from "./events/drag-target";
+import { DragTargetDragStartEvent, DragTargetDragEndEvent, DragTargetPressEvent, DragTargetDragEvent } from "./events/drag-target";
 import { getAction, isPresent, setElementStyles, dragTargetTransition } from './util';
 import { contains, isDocumentAvailable } from "@progress/kendo-angular-common";
 import { HintComponent } from "./hint.component";
@@ -59,9 +59,13 @@ export class DragTargetDirective {
          */
         this.drag = new EventEmitter();
         /**
-         * Fires when the DragTarget's dragDelay has passed and the user is able to drag the element.
+         * Fires when the DragTarget's `dragDelay` has passed and the user is able to drag the element.
          */
         this.dragReady = new EventEmitter();
+        /**
+         * Fires when the user releases the DragTarget element after being pressed.
+         */
+        this.release = new EventEmitter();
         /**
          * Fires when the dragging of the DragTarget ends and the element is released.
          */
@@ -158,7 +162,7 @@ export class DragTargetDirective {
             this.pressed = true;
         }
         this.ngZone.run(() => {
-            const eventArgs = new PressEvent({ normalizedEvent: event, hostElement: this.nativeElement });
+            const eventArgs = new DragTargetPressEvent({ normalizedEvent: event, hostElement: this.nativeElement });
             this.press.emit(eventArgs);
         });
     }
@@ -190,9 +194,6 @@ export class DragTargetDirective {
         this.service.dragTargetDirective = this;
         this.initialPosition = { x: event.clientX - this.position.x, y: event.clientY - this.position.y };
     }
-    /**
-     * @hidden
-     */
     handleDrag(event) {
         if (!this.pressed || isDragStartPrevented) {
             return;
@@ -227,9 +228,19 @@ export class DragTargetDirective {
             transition: 'none'
         });
     }
-    /**
-     * @hidden
-     */
+    handleRelease(event) {
+        if (this.dragTimeout) {
+            clearTimeout(this.dragTimeout);
+            this.dragTimeout = null;
+            this.pressed = false;
+        }
+        this.service.dragTarget = null;
+        this.service.dragTargetDirective = null;
+        this.ngZone.run(() => {
+            const eventArgs = new DragTargetPressEvent({ normalizedEvent: event, hostElement: this.nativeElement });
+            this.release.emit(eventArgs);
+        });
+    }
     handleDragEnd(event) {
         if (this.dragTimeout) {
             clearTimeout(this.dragTimeout);
@@ -255,27 +266,22 @@ export class DragTargetDirective {
             return;
         }
         this.ngZone.run(() => {
-            const eventArgs = new DragEndEvent({ normalizedEvent: event, hostElement: this.nativeElement });
+            const eventArgs = new DragTargetDragEndEvent({ normalizedEvent: event, hostElement: this.nativeElement });
             this.dragEnd.emit(eventArgs);
         });
         this.dragStarted = false;
     }
-    /**
-     * @hidden
-     */
     initializeDraggable() {
         this.dragTarget = {
             element: this.nativeElement,
             hint: null,
             onPress: this.handlePress.bind(this),
-            onRelease: this.handleDragEnd.bind(this),
+            onRelease: this.handleRelease.bind(this),
             onDragStart: this.handleDragStart.bind(this),
-            onDrag: this.handleDrag.bind(this)
+            onDrag: this.handleDrag.bind(this),
+            onDragEnd: this.handleDragEnd.bind(this)
         };
     }
-    /**
-     * @hidden
-     */
     attachDomHandlers() {
         if (this.domSubscriptions.length > 0) {
             this.domSubscriptions.forEach(subscription => subscription());
@@ -315,24 +321,15 @@ export class DragTargetDirective {
             ];
         }
     }
-    /**
-     * @hidden
-     */
     isDragHandle(el) {
         return this.dragHandles.toArray().some(dh => contains(dh.element.nativeElement, el, true));
     }
-    /**
-     * @hidden
-     */
     getAutoScrollContainer() {
         return typeof this.autoScroll === 'object' &&
             this.autoScroll.boundaryElementRef &&
             this.autoScroll.boundaryElementRef.nativeElement ?
             this.autoScroll.boundaryElementRef.nativeElement : null;
     }
-    /**
-     * @hidden
-     */
     createHint() {
         const hintComponent = this.resolver.resolveComponentFactory(HintComponent);
         this.hint = this.viewContainer.createComponent(hintComponent);
@@ -341,26 +338,20 @@ export class DragTargetDirective {
         this.hint.changeDetectorRef.detectChanges();
         this.dragTarget.hint = this.hint.instance.element.nativeElement;
     }
-    /**
-     * @hidden
-     */
     destroyHint() {
         this.hint.destroy();
         this.hint.changeDetectorRef.detectChanges();
         this.hint = null;
         this.dragTarget.hint = null;
     }
-    /**
-     * @hidden
-     */
     emitEvent(event, args) {
         let eventArgs;
         switch (event) {
             case 'dragStart':
-                eventArgs = new DragStartEvent(args);
+                eventArgs = new DragTargetDragStartEvent(args);
                 break;
             case 'drag':
-                eventArgs = new DragEvent(args);
+                eventArgs = new DragTargetDragEvent(args);
                 break;
             default:
                 break;
@@ -370,7 +361,7 @@ export class DragTargetDirective {
     }
 }
 DragTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.DragStateService }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DragTargetDirective, selector: "[kendoDragTarget]", inputs: { hintTemplate: "hintTemplate", threshold: "threshold", autoScroll: "autoScroll", link: "link", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis" }, outputs: { press: "press", dragStart: "dragStart", drag: "drag", dragReady: "dragReady", dragEnd: "dragEnd" }, host: { properties: { "style.touch-action": "this.touchAction" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
+DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DragTargetDirective, selector: "[kendoDragTarget]", inputs: { hintTemplate: "hintTemplate", threshold: "threshold", autoScroll: "autoScroll", link: "link", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis" }, outputs: { press: "press", dragStart: "dragStart", drag: "drag", dragReady: "dragReady", release: "release", dragEnd: "dragEnd" }, host: { properties: { "style.touch-action": "this.touchAction" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragTargetDirective, decorators: [{
             type: Directive,
             args: [{
@@ -397,6 +388,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], dragReady: [{
                 type: Output
+            }], release: [{
+                type: Output
             }], dragEnd: [{
                 type: Output
             }], touchAction: [{

package/esm2015/drag-and-drop/droptarget.directive.js

@@ -5,7 +5,7 @@
 import { Directive, EventEmitter, Input, Output } from "@angular/core";
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { DragEnterEvent, DragOverEvent, DragLeaveEvent, DropEvent } from './events/drop-target';
+import { DropTargetDragEnterEvent, DropTargetDragOverEvent, DropTargetDragLeaveEvent, DropTargetDropEvent } from './events/drop-target';
 import { isPresent } from './util';
 import * as i0 from "@angular/core";
 import * as i1 from "./drag-state.service";
@@ -69,7 +69,7 @@ export class DropTargetDirective {
         if (allowed) {
             this.service.dropTarget = this.dropTarget;
             this.ngZone.run(() => {
-                const eventArgs = new DragEnterEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+                const eventArgs = new DropTargetDragEnterEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
                 this.dragEnter.emit(eventArgs);
             });
         }
@@ -83,7 +83,7 @@ export class DropTargetDirective {
             return;
         }
         this.ngZone.run(() => {
-            const eventArgs = new DragLeaveEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+            const eventArgs = new DropTargetDragLeaveEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
             this.dragLeave.emit(eventArgs);
         });
     }
@@ -95,7 +95,7 @@ export class DropTargetDirective {
             return;
         }
         this.ngZone.run(() => {
-            const eventArgs = new DragOverEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+            const eventArgs = new DropTargetDragOverEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
             this.dragOver.emit(eventArgs);
         });
     }
@@ -104,7 +104,7 @@ export class DropTargetDirective {
      */
     handleDrop(event) {
         this.ngZone.run(() => {
-            const eventArgs = new DropEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+            const eventArgs = new DropTargetDropEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
             this.drop.emit(eventArgs);
         });
     }

package/esm2015/drag-and-drop/events/drag-target/drag-event.js

@@ -6,7 +6,7 @@ import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the drag event of the DragTarget.
  */
-export class DragEvent extends PreventableEvent {
+export class DragTargetDragEvent extends PreventableEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drag-target/end-event.js

@@ -5,7 +5,7 @@
 /**
  * Arguments for the dragEnd event of the DragTarget.
  */
-export class DragEndEvent {
+export class DragTargetDragEndEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drag-target/index.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { PressEvent } from './press-event';
-export { DragStartEvent } from './start-event';
-export { DragEndEvent } from './end-event';
-export { DragEvent } from './drag-event';
+export { DragTargetPressEvent } from './press-event';
+export { DragTargetDragStartEvent } from './start-event';
+export { DragTargetDragEndEvent } from './end-event';
+export { DragTargetDragEvent } from './drag-event';

package/esm2015/drag-and-drop/events/drag-target/press-event.js

@@ -5,7 +5,7 @@
 /**
  * Arguments for the press event of the DragTarget.
  */
-export class PressEvent {
+export class DragTargetPressEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drag-target/start-event.js

@@ -6,7 +6,7 @@ import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the dragStart event of the DragTarget.
  */
-export class DragStartEvent extends PreventableEvent {
+export class DragTargetDragStartEvent extends PreventableEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drop-target/drop-event.js

@@ -5,7 +5,7 @@
 /**
  * Arguments for the drop event of the DropTarget.
  */
-export class DropEvent {
+export class DropTargetDropEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drop-target/enter-event.js

@@ -5,7 +5,7 @@
 /**
  * Arguments for the dragEnter event of the DropTarget.
  */
-export class DragEnterEvent {
+export class DropTargetDragEnterEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drop-target/index.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { DragEnterEvent } from './enter-event';
-export { DragOverEvent } from './over-event';
-export { DragLeaveEvent } from './leave-event';
-export { DropEvent } from './drop-event';
+export { DropTargetDragEnterEvent } from './enter-event';
+export { DropTargetDragOverEvent } from './over-event';
+export { DropTargetDragLeaveEvent } from './leave-event';
+export { DropTargetDropEvent } from './drop-event';

package/esm2015/drag-and-drop/events/drop-target/leave-event.js

@@ -5,7 +5,7 @@
 /**
  * Arguments for the dragLeave event of the DropTarget.
  */
-export class DragLeaveEvent {
+export class DropTargetDragLeaveEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop/events/drop-target/over-event.js

@@ -5,7 +5,7 @@
 /**
  * Arguments for the dragOver event of the DropTarget.
  */
-export class DragOverEvent {
+export class DropTargetDragOverEvent {
     /**
      * @hidden
      */

package/esm2015/drag-and-drop.module.js

@@ -15,6 +15,37 @@ const EXPORTS = [
     DropTargetDirective,
     HintComponent
 ];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
+ * definition for the Drag and Drop directives.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the DragAndDrop module
+ * import { DragAndDropModule } from '@progress/kendo-angular-utils';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, DragAndDropModule], // import DragAndDropModule module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
 export class DragAndDropModule {
 }
 DragAndDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -31,6 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             args: [{
                     declarations: [...EXPORTS],
                     exports: [...EXPORTS],
-                    imports: [CommonModule]
+                    imports: [CommonModule],
+                    entryComponents: [HintComponent]
                 }]
         }] });

package/esm2015/package-metadata.js

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

@@ -17,7 +17,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-utils',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1662650462,
+    publishDate: 1663064885,
     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'
 };
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 /**
  * Arguments for the press event of the DragTarget.
  */
-class PressEvent {
+class DragTargetPressEvent {
     /**
      * @hidden
      */
@@ -59,7 +59,7 @@ class PressEvent {
 /**
  * Arguments for the dragStart event of the DragTarget.
  */
-class DragStartEvent extends PreventableEvent {
+class DragTargetDragStartEvent extends PreventableEvent {
     /**
      * @hidden
      */
@@ -72,7 +72,7 @@ class DragStartEvent extends PreventableEvent {
 /**
  * Arguments for the dragEnd event of the DragTarget.
  */
-class DragEndEvent {
+class DragTargetDragEndEvent {
     /**
      * @hidden
      */
@@ -84,7 +84,7 @@ class DragEndEvent {
 /**
  * Arguments for the drag event of the DragTarget.
  */
-class DragEvent extends PreventableEvent {
+class DragTargetDragEvent extends PreventableEvent {
     /**
      * @hidden
      */
@@ -330,9 +330,13 @@ class DragTargetDirective {
          */
         this.drag = new EventEmitter();
         /**
-         * Fires when the DragTarget's dragDelay has passed and the user is able to drag the element.
+         * Fires when the DragTarget's `dragDelay` has passed and the user is able to drag the element.
          */
         this.dragReady = new EventEmitter();
+        /**
+         * Fires when the user releases the DragTarget element after being pressed.
+         */
+        this.release = new EventEmitter();
         /**
          * Fires when the dragging of the DragTarget ends and the element is released.
          */
@@ -429,7 +433,7 @@ class DragTargetDirective {
             this.pressed = true;
         }
         this.ngZone.run(() => {
-            const eventArgs = new PressEvent({ normalizedEvent: event, hostElement: this.nativeElement });
+            const eventArgs = new DragTargetPressEvent({ normalizedEvent: event, hostElement: this.nativeElement });
             this.press.emit(eventArgs);
         });
     }
@@ -461,9 +465,6 @@ class DragTargetDirective {
         this.service.dragTargetDirective = this;
         this.initialPosition = { x: event.clientX - this.position.x, y: event.clientY - this.position.y };
     }
-    /**
-     * @hidden
-     */
     handleDrag(event) {
         if (!this.pressed || isDragStartPrevented) {
             return;
@@ -498,9 +499,19 @@ class DragTargetDirective {
             transition: 'none'
         });
     }
-    /**
-     * @hidden
-     */
+    handleRelease(event) {
+        if (this.dragTimeout) {
+            clearTimeout(this.dragTimeout);
+            this.dragTimeout = null;
+            this.pressed = false;
+        }
+        this.service.dragTarget = null;
+        this.service.dragTargetDirective = null;
+        this.ngZone.run(() => {
+            const eventArgs = new DragTargetPressEvent({ normalizedEvent: event, hostElement: this.nativeElement });
+            this.release.emit(eventArgs);
+        });
+    }
     handleDragEnd(event) {
         if (this.dragTimeout) {
             clearTimeout(this.dragTimeout);
@@ -526,27 +537,22 @@ class DragTargetDirective {
             return;
         }
         this.ngZone.run(() => {
-            const eventArgs = new DragEndEvent({ normalizedEvent: event, hostElement: this.nativeElement });
+            const eventArgs = new DragTargetDragEndEvent({ normalizedEvent: event, hostElement: this.nativeElement });
             this.dragEnd.emit(eventArgs);
         });
         this.dragStarted = false;
     }
-    /**
-     * @hidden
-     */
     initializeDraggable() {
         this.dragTarget = {
             element: this.nativeElement,
             hint: null,
             onPress: this.handlePress.bind(this),
-            onRelease: this.handleDragEnd.bind(this),
+            onRelease: this.handleRelease.bind(this),
             onDragStart: this.handleDragStart.bind(this),
-            onDrag: this.handleDrag.bind(this)
+            onDrag: this.handleDrag.bind(this),
+            onDragEnd: this.handleDragEnd.bind(this)
         };
     }
-    /**
-     * @hidden
-     */
     attachDomHandlers() {
         if (this.domSubscriptions.length > 0) {
             this.domSubscriptions.forEach(subscription => subscription());
@@ -586,24 +592,15 @@ class DragTargetDirective {
             ];
         }
     }
-    /**
-     * @hidden
-     */
     isDragHandle(el) {
         return this.dragHandles.toArray().some(dh => contains(dh.element.nativeElement, el, true));
     }
-    /**
-     * @hidden
-     */
     getAutoScrollContainer() {
         return typeof this.autoScroll === 'object' &&
             this.autoScroll.boundaryElementRef &&
             this.autoScroll.boundaryElementRef.nativeElement ?
             this.autoScroll.boundaryElementRef.nativeElement : null;
     }
-    /**
-     * @hidden
-     */
     createHint() {
         const hintComponent = this.resolver.resolveComponentFactory(HintComponent);
         this.hint = this.viewContainer.createComponent(hintComponent);
@@ -612,26 +609,20 @@ class DragTargetDirective {
         this.hint.changeDetectorRef.detectChanges();
         this.dragTarget.hint = this.hint.instance.element.nativeElement;
     }
-    /**
-     * @hidden
-     */
     destroyHint() {
         this.hint.destroy();
         this.hint.changeDetectorRef.detectChanges();
         this.hint = null;
         this.dragTarget.hint = null;
     }
-    /**
-     * @hidden
-     */
     emitEvent(event, args) {
         let eventArgs;
         switch (event) {
             case 'dragStart':
-                eventArgs = new DragStartEvent(args);
+                eventArgs = new DragTargetDragStartEvent(args);
                 break;
             case 'drag':
-                eventArgs = new DragEvent(args);
+                eventArgs = new DragTargetDragEvent(args);
                 break;
             default:
                 break;
@@ -641,7 +632,7 @@ class DragTargetDirective {
     }
 }
 DragTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: DragStateService }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DragTargetDirective, selector: "[kendoDragTarget]", inputs: { hintTemplate: "hintTemplate", threshold: "threshold", autoScroll: "autoScroll", link: "link", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis" }, outputs: { press: "press", dragStart: "dragStart", drag: "drag", dragReady: "dragReady", dragEnd: "dragEnd" }, host: { properties: { "style.touch-action": "this.touchAction" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
+DragTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DragTargetDirective, selector: "[kendoDragTarget]", inputs: { hintTemplate: "hintTemplate", threshold: "threshold", autoScroll: "autoScroll", link: "link", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis" }, outputs: { press: "press", dragStart: "dragStart", drag: "drag", dragReady: "dragReady", release: "release", dragEnd: "dragEnd" }, host: { properties: { "style.touch-action": "this.touchAction" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective }], exportAs: ["kendoDragTarget"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragTargetDirective, decorators: [{
             type: Directive,
             args: [{
@@ -668,6 +659,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], dragReady: [{
                 type: Output
+            }], release: [{
+                type: Output
             }], dragEnd: [{
                 type: Output
             }], touchAction: [{
@@ -681,7 +674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 /**
  * Arguments for the dragEnter event of the DropTarget.
  */
-class DragEnterEvent {
+class DropTargetDragEnterEvent {
     /**
      * @hidden
      */
@@ -693,7 +686,7 @@ class DragEnterEvent {
 /**
  * Arguments for the dragOver event of the DropTarget.
  */
-class DragOverEvent {
+class DropTargetDragOverEvent {
     /**
      * @hidden
      */
@@ -705,7 +698,7 @@ class DragOverEvent {
 /**
  * Arguments for the dragLeave event of the DropTarget.
  */
-class DragLeaveEvent {
+class DropTargetDragLeaveEvent {
     /**
      * @hidden
      */
@@ -717,7 +710,7 @@ class DragLeaveEvent {
 /**
  * Arguments for the drop event of the DropTarget.
  */
-class DropEvent {
+class DropTargetDropEvent {
     /**
      * @hidden
      */
@@ -786,7 +779,7 @@ class DropTargetDirective {
         if (allowed) {
             this.service.dropTarget = this.dropTarget;
             this.ngZone.run(() => {
-                const eventArgs = new DragEnterEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+                const eventArgs = new DropTargetDragEnterEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
                 this.dragEnter.emit(eventArgs);
             });
         }
@@ -800,7 +793,7 @@ class DropTargetDirective {
             return;
         }
         this.ngZone.run(() => {
-            const eventArgs = new DragLeaveEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+            const eventArgs = new DropTargetDragLeaveEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
             this.dragLeave.emit(eventArgs);
         });
     }
@@ -812,7 +805,7 @@ class DropTargetDirective {
             return;
         }
         this.ngZone.run(() => {
-            const eventArgs = new DragOverEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+            const eventArgs = new DropTargetDragOverEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
             this.dragOver.emit(eventArgs);
         });
     }
@@ -821,7 +814,7 @@ class DropTargetDirective {
      */
     handleDrop(event) {
         this.ngZone.run(() => {
-            const eventArgs = new DropEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
+            const eventArgs = new DropTargetDropEvent({ normalizedEvent: event, hostElement: this.element.nativeElement });
             this.drop.emit(eventArgs);
         });
     }
@@ -864,6 +857,37 @@ const EXPORTS = [
     DropTargetDirective,
     HintComponent
 ];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
+ * definition for the Drag and Drop directives.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the DragAndDrop module
+ * import { DragAndDropModule } from '@progress/kendo-angular-utils';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, DragAndDropModule], // import DragAndDropModule module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
 class DragAndDropModule {
 }
 DragAndDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -880,7 +904,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             args: [{
                     declarations: [...EXPORTS],
                     exports: [...EXPORTS],
-                    imports: [CommonModule]
+                    imports: [CommonModule],
+                    entryComponents: [HintComponent]
                 }]
         }] });
 
@@ -931,5 +956,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DragAndDropModule, DragEndEvent, DragEnterEvent, DragEvent, DragHandleDirective, DragLeaveEvent, DragOverEvent, DragStartEvent, DragTargetDirective, DropEvent, DropTargetDirective, HintComponent, PressEvent, UtilsModule };
+export { DragAndDropModule, DragHandleDirective, DragTargetDirective, DragTargetDragEndEvent, DragTargetDragEvent, DragTargetDragStartEvent, DragTargetPressEvent, DropTargetDirective, DropTargetDragEnterEvent, DropTargetDragLeaveEvent, DropTargetDragOverEvent, DropTargetDropEvent, HintComponent, UtilsModule };
 

package/main.d.ts

@@ -8,6 +8,7 @@ export { DragTargetDirective } from './drag-and-drop/dragtarget.directive';
 export { DragHandleDirective } from './drag-and-drop/draghandle.directive';
 export { DropTargetDirective } from './drag-and-drop/droptarget.directive';
 export { HintComponent } from './drag-and-drop/hint.component';
-export { DragAxis, AutoScrollOptions, AllowedTargetFn, ScrollDirection, Coordinates, NormalizedDragEvent } from './drag-and-drop/models/index';
+export { DragAxis, AutoScrollOptions, AllowedTargetFn, ScrollDirection, Coordinates } from './drag-and-drop/models/index';
 export * from './drag-and-drop/events/drag-target';
 export * from './drag-and-drop/events/drop-target';
+export { NormalizedDragEvent } from '@progress/kendo-draggable-common';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-utils",
-  "version": "0.1.1-dev.202209081521",
+  "version": "0.1.1-dev.202209131028",
   "description": "Kendo UI Angular Utilities package",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/drag-and-drop/models/normalized-drag-event.d.ts

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NormalizedDragEvent as NormalizedEvent } from "@progress/kendo-draggable-common";
-export declare type NormalizedDragEvent = NormalizedEvent;

package/esm2015/drag-and-drop/models/normalized-drag-event.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
-*-------------------------------------------------------------------------------------------*/
-export {};