@syncfusion/ej2-kanban/dist/ej2-kanban.min.js

The Kanban board is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing.

/*!
*  filename: ej2-kanban.min.js
*  version : 30.2.4
*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
*  Use of this code is subject to the terms of our license.
*  A copy of the current license can be obtained at any time by e-mailing
*  licensing@syncfusion.com. Any infringement will be prosecuted under
*  applicable laws. 
*/
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionBase"),require("SyncfusionPopups"),require("SyncfusionData"),require("SyncfusionDropdowns"),require("SyncfusionInputs"),require("SyncfusionButtons"),require("SyncfusionNavigations")):"function"==typeof define&&define.amd?define(["SyncfusionBase","SyncfusionPopups","SyncfusionData","SyncfusionDropdowns","SyncfusionInputs","SyncfusionButtons","SyncfusionNavigations"],t):"object"==typeof exports?exports.SyncfusionKanban=t(require("SyncfusionBase"),require("SyncfusionPopups"),require("SyncfusionData"),require("SyncfusionDropdowns"),require("SyncfusionInputs"),require("SyncfusionButtons"),require("SyncfusionNavigations")):e.SyncfusionKanban=t(e.SyncfusionBase,e.SyncfusionPopups,e.SyncfusionData,e.SyncfusionDropdowns,e.SyncfusionInputs,e.SyncfusionButtons,e.SyncfusionNavigations)}(self,(e,t,n,r,a,i,l)=>(()=>{"use strict";var o={766:t=>{t.exports=e},741:e=>{e.exports=i},74:e=>{e.exports=n},778:e=>{e.exports=r},323:e=>{e.exports=a},215:e=>{e.exports=l},197:e=>{e.exports=t}},s={};function d(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={exports:{}};return o[e](n,n.exports,d),n.exports}d.d=(e,t)=>{for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{d.r(c),d.d(c,{Kanban:()=>Bt,actionBegin:()=>a,actionComplete:()=>i,actionFailure:()=>l,bottomSpace:()=>E,cardClick:()=>o,cardDoubleClick:()=>s,cardRendered:()=>p,cardSpace:()=>k,contentReady:()=>C,dataBinding:()=>u,dataBound:()=>g,dataReady:()=>w,dataSourceChanged:()=>x,dataStateChange:()=>D,dialogClose:()=>S,dialogOpen:()=>b,documentClick:()=>v,drag:()=>f,dragStart:()=>m,dragStop:()=>y,queryCellInfo:()=>h,toggleWidth:()=>O});var e,t=d(766),n=d(197),r=d(74),a="actionBegin",i="actionComplete",l="actionFailure",o="cardClick",s="cardDoubleClick",p="cardRendered",h="queryCellInfo",u="dataBinding",g="dataBound",m="dragStart",f="drag",y="dragStop",v="document-click",b="dialogOpen",S="dialogClose",C="content-ready",w="data-ready",E=25,k=16,O=50,x="dataSourceChanged",D="dataStateChange",A=function(){function e(e){this.initload=!1,this.dataState={isPending:!1,resolver:null,isDataChanged:!1},this.parent=e,this.keyField=this.parent.cardSettings.headerField,this.dataState={isDataChanged:!1},this.isObservable=!1,this.initDataManager(e.dataSource,e.query),this.refreshDataManager()}return e.prototype.initDataManager=function(e,t){this.dataManager=e instanceof r.DataManager?e:new r.DataManager(e),this.query=t instanceof r.Query?t:new r.Query,this.kanbanData=new r.DataManager(this.parent.kanbanData)},e.prototype.isRemote=function(){return!0!==this.dataManager.dataSource.offline&&void 0!==this.dataManager.dataSource.url&&""!==this.dataManager.dataSource.url},e.prototype.columnKeyFields=function(){for(var e=[],t=0,n=this.parent.columns;t<n.length;t++){var r=n[t];if(r.keyField.toString().split(",").length>1)for(var a=0,i=r.keyField.toString().split(",");a<i.length;a++){var l=i[a];e.push(l.trim())}else e.push(r.keyField.toString())}return e},e.prototype.getQuery=function(e){var n=this.query.clone();if(this.isRemote()&&this.parent.enableVirtualization){for(var r="auto"===this.parent.cardHeight?100:parseInt((0,t.formatUnit)(this.parent.cardHeight).split("px")[0],10),a="auto"===this.parent.height?2*Math.ceil(window.innerHeight/r):2*Math.ceil(parseInt((0,t.formatUnit)(this.parent.height).split("px")[0],10)/r),i=this.columnKeyFields(),l=0;l<i.length;l++)n.where(this.parent.keyField,"equal",i[l]);n.take(a),(0,t.isNullOrUndefined)(e)&&(e="KanbanVirtualization"),n.addParams("KanbanVirtualization",e)}return n},e.prototype.getData=function(e){if(this.parent.dataSource&&"result"in this.parent.dataSource){var t=this.eventPromise({requestType:""},e);return this.isObservable=!0,t.promise}return this.dataManager.executeQuery(e)},e.prototype.setState=function(e){return this.dataState=e},e.prototype.getStateEventArgument=function(e){var n=new r.UrlAdaptor,a=new r.DataManager({url:"",adaptor:new r.UrlAdaptor}),i=n.processQuery(a,e),l=JSON.parse(i.data);return(0,t.extend)(l,i.pvtData)},e.prototype.eventPromise=function(e,n,a){var i=this,l=e,o=this.getStateEventArgument(n),s=new r.Deferred,d=new r.Deferred;if(void 0!==e.requestType&&!1!==this.dataState.isDataChanged)if(o.action=e,"cardChanged"===e.requestType||"cardRemoved"===e.requestType||"cardCreated"===e.requestType){var c=e;c.promise=d.promise,c.state=o,c.index=a,this.setState({isPending:!0,resolver:d.resolve}),l.endEdit=d.resolve,l.cancelEdit=d.reject,this.parent.trigger(x,c),d.promise.then(function(){i.setState({isPending:!0,resolver:s.resolve}),i.parent.trigger(D,o),c.addedRecords.forEach(function(e){i.parent.kanbanData.push(e)}),c.changedRecords.forEach(function(e){var n=i.parent.kanbanData.filter(function(t){return t[i.parent.cardSettings.headerField]===e[i.parent.cardSettings.headerField]})[0];(0,t.extend)(n,e)}),c.deletedRecords.forEach(function(e){var t=i.parent.kanbanData.findIndex(function(t){return t[i.parent.cardSettings.headerField]===e[i.parent.cardSettings.headerField]});i.parent.kanbanData.splice(t,1)})}).catch(function(){i.parent.hideSpinner()})}else this.setState({isPending:!0,resolver:s.resolve}),this.parent.trigger(D,o);else this.setState({}),s.resolve(this.parent.dataSource);return s},e.prototype.getTable=function(){return this.parent.query?this.getQuery().fromTable:null},e.prototype.refreshDataManager=function(){var e=this;this.getData(this.getQuery()).then(function(t){return e.dataManagerSuccess(t)}).catch(function(t){return e.dataManagerFailure(t)})},e.prototype.dataManagerSuccess=function(e,t,n,r){var a=this;this.parent.isDestroyed||(t?(this.updateKanbanData(e),this.parent.enableVirtualization&&this.isRemote()&&this.parent.virtualLayoutModule.refresh()):this.parent.trigger(u,e,function(e){a.updateKanbanData(e),a.parent.notify(w,{processedData:a.parent.kanbanData}),a.parent.trigger(g,null,function(){return a.parent.hideSpinner()})}),this.initload&&(this.parent.layoutModule.refresh(),this.parent.renderTemplates()),this.initload=!0)},e.prototype.updateKanbanData=function(e){var n=(0,t.extend)([],(0,t.isNullOrUndefined)(e.result.result)?e.result:e.result.result,null,!0);if(this.isRemote()&&this.parent.enableVirtualization&&n.length>0&&!(0,t.isNullOrUndefined)(e.result.count))for(var a=this.columnKeyFields(),i=0;i<a.length;i++)e.result.count[i].Key===a[i]&&(this.parent.columnDataCount[a[i]]=e.result.count[i].Value);this.parent.kanbanData=n,this.kanbanData=new r.DataManager(this.parent.kanbanData)},e.prototype.dataManagerFailure=function(e){var t=this;this.parent.isDestroyed||this.parent.trigger(l,{error:e},function(){return t.parent.hideSpinner()})},e.prototype.updateDataManager=function(e,n,r,a,l,o,s,d,c,p){var h,u=this;this.parent.showSpinner();var g={requestType:r,cancel:!1,addedRecords:n.addedRecords,changedRecords:n.changedRecords,deletedRecords:n.deletedRecords};this.setState({isDataChanged:!0}),this.eventPromise(g,this.query,l),this.parent.trigger(i,g,function(r){r.cancel||(h=u.syncDataSource(u.dataManager,e,n,a,o,s),u.dataManager.dataSource.offline?u.isObservable||(u.syncDataSource(u.kanbanData,e,n,a,o,s),l=d===c&&p?l-1:l,u.refreshUI(r,l,o),u.parent.enableVirtualization&&u.parent.virtualLayoutModule.refreshColumnData(d,c,r.requestType,a[u.parent.keyField])):h.then(function(e){u.parent.isDestroyed||(u.getData(u.getQuery()).then(function(e){return u.dataManagerSuccess(e,"DataSourceChange",r,l)}).catch(function(e){return u.dataManagerFailure(e)}),"cardCreated"===r.requestType?Array.isArray(e)?u.modifyArrayData(r.addedRecords,e):r.addedRecords[0]=(0,t.extend)(r.addedRecords[0],e):"cardChanged"===r.requestType?Array.isArray(e)?u.modifyArrayData(r.changedRecords,e):r.changedRecords[0]=(0,t.extend)(r.changedRecords[0],e):"cardRemoved"===r.requestType&&(Array.isArray(e)?u.modifyArrayData(r.deletedRecords,e):r.deletedRecords[0]=(0,t.extend)(r.deletedRecords[0],e)),l=d===c&&p?l-1:l,u.refreshUI(r,l,o),u.parent.enableVirtualization&&u.parent.virtualLayoutModule.refreshColumnData(d,c,r.requestType,a[u.parent.keyField]))}).catch(function(e){u.dataManagerFailure(e)}))})},e.prototype.syncDataSource=function(e,t,n,r,a,i){var l,o=this;switch(t){case"insert":return e.insert(r,this.getTable(),this.getQuery());case"update":return this.parent.enableVirtualization&&!this.parent.dataModule.isRemote()&&a?(l=e.remove(this.keyField,r,this.getTable(),this.getQuery()),l=e.insert(r,this.getTable(),this.getQuery(),e.dataSource.json.findIndex(function(e){return e[o.parent.cardSettings.headerField]===i})),l):e.update(this.keyField,r,this.getTable(),this.getQuery());case"delete":return e.remove(this.keyField,r,this.getTable(),this.getQuery());case"batch":if(!this.parent.dataModule.isRemote()&&a&&this.parent.enableVirtualization&&r){for(var s=0;s<r.length;s++)l=e.remove(this.keyField,r[s],this.getTable(),this.getQuery());var d=e.dataSource.json.findIndex(function(e){return e[o.parent.cardSettings.headerField]===i});for(s=0;s<r.length;s++,d++)l=e.insert(r[s],this.getTable(),this.getQuery(),d);return l}return e.saveChanges(n,this.keyField,this.getTable(),this.getQuery());default:return l}},e.prototype.modifyArrayData=function(e,n){if(e.length===n.length)for(var r=0;r<n.length;r++)e[r]=(0,t.extend)(e[r],n[r]);return e},e.prototype.refreshUI=function(e,t,n){var r=this;this.parent.enableVirtualization?(this.parent.virtualLayoutModule.columnData=this.parent.virtualLayoutModule.getColumnCards(),e.addedRecords.forEach(function(a,i){r.parent.virtualLayoutModule.renderCardBasedOnIndex(a,t+i,n,e.requestType)}),e.changedRecords.forEach(function(a){r.parent.virtualLayoutModule.removeCard(a),r.parent.virtualLayoutModule.renderCardBasedOnIndex(a,t,n,e.requestType),r.parent.virtualLayoutModule.isSelectedCard&&r.parent.actionModule.SingleCardSelection(a),r.parent.sortSettings.field&&"Index"===r.parent.sortSettings.sortBy&&"Descending"===r.parent.sortSettings.direction&&t>0?--t:t++}),e.deletedRecords.forEach(function(e){r.parent.virtualLayoutModule.removeCard(e)}),this.parent.virtualLayoutModule.refresh()):(this.parent.layoutModule.columnData=this.parent.layoutModule.getColumnCards(),this.parent.swimlaneSettings.keyField&&(this.parent.layoutModule.kanbanRows=this.parent.layoutModule.getRows(),this.parent.layoutModule.swimlaneData=this.parent.layoutModule.getSwimlaneCards()),e.addedRecords.forEach(function(e,n){r.parent.swimlaneSettings.keyField&&!e[r.parent.swimlaneSettings.keyField]&&(e[r.parent.swimlaneSettings.keyField]=""),r.parent.layoutModule.renderCardBasedOnIndex(e,t+n)}),e.changedRecords.forEach(function(e){r.parent.swimlaneSettings.keyField&&!e[r.parent.swimlaneSettings.keyField]&&(e[r.parent.swimlaneSettings.keyField]=""),r.parent.layoutModule.removeCard(e),r.parent.layoutModule.renderCardBasedOnIndex(e,t),r.parent.layoutModule.isSelectedCard&&r.parent.actionModule.SingleCardSelection(e),r.parent.sortSettings.field&&"Index"===r.parent.sortSettings.sortBy&&"Descending"===r.parent.sortSettings.direction&&t>0?--t:t++}),e.deletedRecords.forEach(function(e){r.parent.layoutModule.removeCard(e)}),this.parent.layoutModule.refresh()),this.parent.renderTemplates(),this.parent.notify(C,{}),this.parent.trigger(g,e,function(){return r.parent.hideSpinner()})},e}(),F=(e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)},function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}),M=function(e,t,n,r){var a,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(i<3?a(l):i>3?a(t,n,l):a(t,n))||l);return i>3&&l&&Object.defineProperty(t,n,l),l},T=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return F(n,e),M([(0,t.Property)()],n.prototype,"keyField",void 0),M([(0,t.Property)()],n.prototype,"textField",void 0),M([(0,t.Property)(!1)],n.prototype,"showEmptyRow",void 0),M([(0,t.Property)(!0)],n.prototype,"showItemCount",void 0),M([(0,t.Property)(!1)],n.prototype,"allowDragAndDrop",void 0),M([(0,t.Property)()],n.prototype,"template",void 0),M([(0,t.Property)("Ascending")],n.prototype,"sortDirection",void 0),M([(0,t.Property)()],n.prototype,"sortComparer",void 0),M([(0,t.Property)(!0)],n.prototype,"showUnassignedRow",void 0),M([(0,t.Property)(!1)],n.prototype,"enableFrozenRows",void 0),n}(t.ChildProperty),j=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),q=function(e,t,n,r){var a,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(i<3?a(l):i>3?a(t,n,l):a(t,n))||l);return i>3&&l&&Object.defineProperty(t,n,l),l},R=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return j(n,e),q([(0,t.Property)(!0)],n.prototype,"showHeader",void 0),q([(0,t.Property)()],n.prototype,"headerField",void 0),q([(0,t.Property)()],n.prototype,"contentField",void 0),q([(0,t.Property)()],n.prototype,"tagsField",void 0),q([(0,t.Property)()],n.prototype,"grabberField",void 0),q([(0,t.Property)()],n.prototype,"footerCssField",void 0),q([(0,t.Property)()],n.prototype,"template",void 0),q([(0,t.Property)("Single")],n.prototype,"selectionType",void 0),n}(t.ChildProperty),L=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),P=function(e,t,n,r){var a,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(i<3?a(l):i>3?a(t,n,l):a(t,n))||l);return i>3&&l&&Object.defineProperty(t,n,l),l},H=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return L(n,e),P([(0,t.Property)()],n.prototype,"template",void 0),P([(0,t.Property)([])],n.prototype,"fields",void 0),P([(0,t.Property)(null)],n.prototype,"model",void 0),n}(t.ChildProperty),N=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),I=function(e,t,n,r){var a,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(i<3?a(l):i>3?a(t,n,l):a(t,n))||l);return i>3&&l&&Object.defineProperty(t,n,l),l},B=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return N(n,e),I([(0,t.Property)()],n.prototype,"keyField",void 0),I([(0,t.Property)()],n.prototype,"headerText",void 0),I([(0,t.Property)()],n.prototype,"template",void 0),I([(0,t.Property)(!1)],n.prototype,"allowToggle",void 0),I([(0,t.Property)(!0)],n.prototype,"isExpanded",void 0),I([(0,t.Property)()],n.prototype,"minCount",void 0),I([(0,t.Property)()],n.prototype,"maxCount",void 0),I([(0,t.Property)(!0)],n.prototype,"showItemCount",void 0),I([(0,t.Property)(!1)],n.prototype,"showAddButton",void 0),I([(0,t.Property)(!0)],n.prototype,"allowDrag",void 0),I([(0,t.Property)(!0)],n.prototype,"allowDrop",void 0),I([(0,t.Property)([])],n.prototype,"transitionColumns",void 0),n}(t.ChildProperty),U=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),z=function(e,t,n,r){var a,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(i<3?a(l):i>3?a(t,n,l):a(t,n))||l);return i>3&&l&&Object.defineProperty(t,n,l),l},V=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return U(n,e),z([(0,t.Property)()],n.prototype,"text",void 0),z([(0,t.Property)()],n.prototype,"keyFields",void 0),n}(t.ChildProperty),_=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),K=function(e,t,n,r){var a,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(i<3?a(l):i>3?a(t,n,l):a(t,n))||l);return i>3&&l&&Object.defineProperty(t,n,l),l},W=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return _(n,e),K([(0,t.Property)("Index")],n.prototype,"sortBy",void 0),K([(0,t.Property)()],n.prototype,"field",void 0),K([(0,t.Property)("Ascending")],n.prototype,"direction",void 0),n}(t.ChildProperty),Y="e-kanban",Q="e-rtl",X="e-device",G="e-icons",J="e-template",Z="e-swimlane",$="e-kanban-table",ee="e-kanban-header",te="e-header-table",ne="e-header-cells",re="e-header-wrap",ae="e-header-title",ie="e-header-text",le="e-header-icon",oe="e-stacked-header-row",se="e-stacked-header-cell",de="e-content-cells",ce="e-kanban-content",pe="e-content-table",he="e-toggle-header",ue="e-header-row",ge="e-content-row",me="e-swimlane-row",fe="e-swimlane-row-expand",ye="e-swimlane-row-collapse",ve="e-item-count",be="e-card-wrapper",Se="e-card-virtual-wrapper",Ce="e-card",we="e-droppable",Ee="e-drag",ke="e-drop",Oe="e-disabled",xe="e-card-header",De="e-card-content",Ae="e-card-header-caption",Fe="e-card-header-title",Me="e-card-tags",Te="e-card-tag",je="e-card-color",qe="e-card-label",Re="e-card-footer",Le="e-empty-card",Pe="e-card-footer-css",He="e-column-expand",Ne="e-column-collapse",Ie="e-collapse-header-text",Be="e-collapsed",Ue="e-kanban-dialog",ze="e-kanban-form",Ve="e-kanban-error",_e="e-field",Ke="e-target-dragged-clone",We="e-cloned-card",Ye="e-kanban-dragged-card",Qe="e-target-dropped-clone",Xe="e-dropping",Ge="e-kanban-border",Je="e-toggle-visible",Ze="e-multi-card-wrapper",$e="e-target-multi-clone",et="e-column-key",tt="e-selection",nt="e-tooltip-text",rt="e-swimlane-header",at="e-swimlane-header-toolbar",it="e-icon-menu",lt="e-toolbar-swimlane-name",ot="e-swimlane-overlay",st="e-swimlane-content",dt="e-swimlane-resource",ct="e-limits",pt="e-max-count",ht="e-min-count",ut="e-max-color",gt="e-min-color",mt="e-close",ft="e-popup-content",yt="e-show-add-button",vt="e-show-add-icon",bt="e-show-add-focus",St="e-frozen-swimlane-row",Ct="e-frozen-row",wt=function(){function e(e){this.parent=e,this.columnToggleArray=[],this.selectionArray=[],this.lastCardSelection=null,this.lastSelectionRow=null,this.lastCard=null,this.selectedCardsElement=[],this.selectedCardsData=[],this.hideColumnKeys=[]}return e.prototype.clickHandler=function(e){var n="."+Ce+",."+le+",."+ge+"."+me+",."+yt+",."+St+",."+ge+":not(."+me+") ."+de,r=(0,t.closest)(e.target,n);if(r)if(r.classList.contains(Ce))this.parent.allowKeyboard&&this.parent.keyboardModule.cardTabIndexRemove(),this.cardClick(e);else if(r.classList.contains(le))this.columnExpandCollapse(e);else if(r.classList.contains(ge)&&r.classList.contains(me))this.rowExpandCollapse(e);else if(r.classList.contains(yt))this.addButtonClick(r);else if(r.classList.contains(St)){var a=[].slice.call(this.parent.element.querySelectorAll("."+me)),i=this.parent.layoutModule.frozenSwimlaneRow.querySelector("."+G);this.rowExpandCollapse(e,a[this.parent.layoutModule.frozenOrder]),!!i.classList.contains(ye)?(0,t.classList)(i,[fe],[ye]):(0,t.classList)(i,[ye],[fe])}},e.prototype.addButtonClick=function(e){var n=this,r={};if(0===this.parent.kanbanData.length)r[this.parent.cardSettings.headerField]=1;else if("number"==typeof this.parent.kanbanData[0][this.parent.cardSettings.headerField]){var a=this.parent.kanbanData.map(function(e){return parseInt(e[n.parent.cardSettings.headerField],10)});r[this.parent.cardSettings.headerField]=Math.max.apply(Math,a)+1}if(r[this.parent.keyField]=(0,t.closest)(e,"."+de).getAttribute("data-key"),"Index"===this.parent.sortSettings.sortBy&&(r[this.parent.sortSettings.field]=1,(0,t.closest)(e,"."+de).querySelector("."+Ce))){var i="Ascending"===this.parent.sortSettings.direction?e.nextElementSibling.classList.contains(Ge)?e.nextElementSibling.nextElementSibling.lastElementChild:e.nextElementSibling.lastElementChild:e.nextElementSibling.classList.contains(Ge)?e.nextElementSibling.nextElementSibling.firstElementChild:e.nextElementSibling.firstElementChild,l=this.parent.getCardDetails(i);r[this.parent.sortSettings.field]=l[this.parent.sortSettings.field]+1}0!==this.parent.kanbanData.length&&this.parent.swimlaneSettings.keyField&&(0,t.closest)(e,"."+ge).previousElementSibling&&(r[this.parent.swimlaneSettings.keyField]=(0,t.closest)(e,"."+ge).previousElementSibling.getAttribute("data-key")),this.parent.openDialog("Add",r)},e.prototype.doubleClickHandler=function(e){(0,t.closest)(e.target,"."+Ce)&&this.cardDoubleClick(e)},e.prototype.cardClick=function(e,n){var r=this,a=(0,t.closest)(n||e.target,"."+Ce),i=this.parent.getCardDetails(a);if(i){this.parent.activeCardData={data:i,element:a};var l={data:i,element:a,cancel:!1,event:e};this.parent.trigger(o,l,function(n){if(!n.cancel){if(a.classList.contains(tt)&&"click"===e.type)(0,t.removeClass)([a],tt),r.parent.enableVirtualization?r.parent.virtualLayoutModule.disableAttributeSelection(a):r.parent.layoutModule.disableAttributeSelection(a);else{var i=e.ctrlKey;r.parent.isAdaptive&&r.parent.touchModule&&(i=r.parent.touchModule.mobilePopup&&r.parent.touchModule.tabHold||i),r.cardSelection(a,i,e.shiftKey)}r.parent.isAdaptive&&r.parent.touchModule&&r.parent.touchModule.updatePopupContent();var l=(0,t.closest)(a,"."+de);if(r.parent.allowKeyboard)[].slice.call(l.querySelectorAll("."+Ce)).forEach(function(e){e.setAttribute("tabindex","0")}),r.parent.keyboardModule.addRemoveTabIndex("Remove")}})}},e.prototype.cardDoubleClick=function(e){var n=this,r=(0,t.closest)(e.target,"."+Ce),a=this.parent.getCardDetails(r);this.parent.activeCardData={data:a,element:r},this.cardSelection(r,!1,!1);var i={data:a,element:r,cancel:!1,event:e};this.parent.trigger(s,i,function(e){e.cancel||n.parent.dialogModule.openDialog("Edit",i.data)})},e.prototype.rowExpandCollapse=function(e,n){var r=this,l=e instanceof HTMLElement?e:e.target,o=(0,t.isNullOrUndefined)(n)?l:n,s={cancel:!1,target:l,requestType:"rowExpandCollapse"};this.parent.trigger(a,s,function(e){if(!e.cancel){var n,a=(0,t.closest)(o,"."+me),s=a.getAttribute("data-key"),d=r.parent.element.querySelector("."+ge+":nth-child("+(a.rowIndex+2)+")"),c=a.querySelector("."+fe+",."+ye),p=!!a.classList.contains(Be);p?((0,t.removeClass)([d,a],Be),(0,t.classList)(c,[fe],[ye]),r.parent.swimlaneToggleArray.splice(r.parent.swimlaneToggleArray.indexOf(s),1),n="0"):((0,t.addClass)([d,a],Be),(0,t.classList)(c,[ye],[fe]),r.parent.swimlaneToggleArray.push(s),n="-1"),c.setAttribute("aria-label",p?s+" Expand":s+" Collapse"),a.setAttribute("aria-expanded",p.toString()),d.setAttribute("aria-expanded",p.toString()),[].slice.call(d.querySelectorAll("."+de)).forEach(function(e){e.setAttribute("tabindex",n)}),r.parent.notify(C,{}),r.parent.trigger(i,{target:l,requestType:"rowExpandCollapse"})}})},e.prototype.columnExpandCollapse=function(e){var n=this,r=e instanceof HTMLElement?e:e.target,l={cancel:!1,target:r,requestType:"columnExpandCollapse"};this.parent.trigger(a,l,function(e){if(!e.cancel){var a=(0,t.closest)(r,"."+ne),l=a.cellIndex;n.columnToggle(a);var o=n.parent.element.querySelectorAll("."+ne+"."+Be).length;if(o===n.parent.columns.length-n.hideColumnKeys.length){var s="."+ne+":not(."+se+"):nth-child("+(l+1===o?1:l+2)+")",d=n.parent.element.querySelector(s);(0,t.addClass)([d],Be),n.columnToggle(d)}n.parent.notify(C,{}),n.parent.trigger(i,{target:r,requestType:"columnExpandCollapse"})}})},e.prototype.columnToggle=function(e){var n=this,r=e.cellIndex,a="."+ge+":not(."+me+")",i=[].slice.call(this.parent.element.querySelectorAll(a)),l="."+$+" col:nth-child("+(r+1)+")",o=e.querySelector("."+He+",."+Ne),s=[].slice.call(this.parent.element.querySelectorAll(l));if(e.classList.contains(Be)){(0,t.removeClass)(s,Be),this.parent.isAdaptive&&(this.parent.enableVirtualization?s.forEach(function(e){return e.style.width=(0,t.formatUnit)(n.parent.virtualLayoutModule.getWidth())}):s.forEach(function(e){return e.style.width=(0,t.formatUnit)(n.parent.layoutModule.getWidth())})),(0,t.classList)(o,[He],[Ne]);for(var d=function(n){var a=n.querySelector("."+de+":nth-child("+(r+1)+")");(0,t.removeClass)([a,e],Be),(0,t.remove)(a.querySelector("."+Ie)),e.setAttribute("aria-expanded","true"),a.setAttribute("aria-expanded","true"),[].slice.call(a.parentElement.querySelectorAll("."+Be)).forEach(function(e){var t=e.querySelector("."+Ie);t.style.height="auto",t&&a.getBoundingClientRect().height<t.getBoundingClientRect().height+10&&(t.style.height=a.getBoundingClientRect().height-4+"px")})},c=0,p=i;c<p.length;c++){d(p[c])}0===this.parent.kanbanData.length&&0===i.length&&((0,t.removeClass)([e],Be),e.setAttribute("aria-expanded","true")),this.columnToggleArray.splice(this.columnToggleArray.indexOf(e.getAttribute("data-key")),1),this.parent.columns[r].setProperties({isExpanded:!0},!0),e.querySelector(".e-header-icon").setAttribute("aria-label",e.getAttribute("data-key")+" Expand")}else{(0,t.addClass)(s,Be),this.parent.isAdaptive&&s.forEach(function(e){return e.style.width=(0,t.formatUnit)(O)}),(0,t.classList)(o,[Ne],[He]);for(var h=e.getAttribute("data-key"),u=function(n){var r=n.querySelector("."+de+'[data-key="'+h+'"]'),a=r.cellIndex,i=void 0;if(g.parent.enableVirtualization){var l=g.parent.dataModule.isRemote()?g.parent.columnDataCount[g.parent.columns[a].keyField]:g.parent.virtualLayoutModule.columnData[g.parent.columns[a].keyField].length;i=(g.parent.columns[a].showItemCount?"["+l+"] ":"")+g.parent.columns[a].headerText}else i=(g.parent.columns[a].showItemCount?"["+r.querySelectorAll("."+Ce).length+"] ":"")+g.parent.columns[a].headerText;r.appendChild((0,t.createElement)("div",{className:Ie,innerHTML:i})),(0,t.addClass)([r,e],Be),e.setAttribute("aria-expanded","false"),r.setAttribute("aria-expanded","false"),[].slice.call(r.parentElement.querySelectorAll("."+Be)).forEach(function(e){var t=e.querySelector("."+Ie);t&&r.getBoundingClientRect().height<t.getBoundingClientRect().height+10&&(t.style.height=r.getBoundingClientRect().height-4+"px")})},g=this,m=0,f=i;m<f.length;m++){u(f[m])}0===this.parent.kanbanData.length&&0===i.length&&((0,t.addClass)([e],Be),e.setAttribute("aria-expanded","false")),this.columnToggleArray.push(e.getAttribute("data-key")),this.parent.columns[r].setProperties({isExpanded:!1},!0),e.querySelector(".e-header-icon").setAttribute("aria-label",h+" Collapse")}},e.prototype.cardSelection=function(e,n,r){var a=this;if(e){var i=this.parent.getSelectedCards();if("None"!==this.parent.cardSettings.selectionType){var l=(0,t.closest)(e,"."+ge);if(((0,t.isNullOrUndefined)(this.lastSelectionRow)?l.rowIndex:this.lastSelectionRow.rowIndex)!==l.rowIndex&&(n||r)&&"Multiple"===this.parent.cardSettings.selectionType)return;if(0===i.length||n&&"Single"!==this.parent.cardSettings.selectionType||((0,t.removeClass)(i,tt),this.parent.enableVirtualization?this.parent.virtualLayoutModule.disableAttributeSelection(i):this.parent.layoutModule.disableAttributeSelection(i),i.forEach(function(e){a.selectionArray.splice(a.selectionArray.indexOf(e.getAttribute("data-id")),1),a.selectedCardsElement.splice(a.selectedCardsElement.indexOf(e),1),a.selectedCardsData.splice(a.selectedCardsData.indexOf(a.parent.getCardDetails(e),1))})),i.length>0&&r&&"Multiple"===this.parent.cardSettings.selectionType){var o=[],s=void 0,d=void 0,c=void 0,p=[].slice.call(l.querySelectorAll("."+Ce));p.forEach(function(e){return o.push(e.getAttribute("data-id"))});var h=e.getAttribute("data-id"),u=this.lastCard.getAttribute("data-id"),g=d=o.indexOf(h),m=s=o.indexOf(u),f=g>m?"next":"prev";for("prev"===f&&(s=g,d=m),c=s;c<=d;c++){var y=p[c];(0,t.addClass)([y],tt),y.setAttribute("aria-selected","true"),y.setAttribute("tabindex","0"),this.selectionArray.push(y.getAttribute("data-id")),this.selectedCardsElement.push(y),this.selectedCardsData.push(this.parent.getCardDetails(y)),this.lastCardSelection=y,"prev"===f&&(this.lastCardSelection=p[s])}}else if((0,t.addClass)([e],tt),e.setAttribute("aria-selected","true"),e.setAttribute("tabindex","0"),this.selectionArray.push(e.getAttribute("data-id")),this.selectedCardsElement.push(e),this.selectedCardsData.push(this.parent.getCardDetails(e)),this.lastCard=this.lastCardSelection=e,this.lastSelectionRow=(0,t.closest)(e,"."+ge),this.lastSelectionRow.previousElementSibling){var v="."+fe+",."+ye,b=this.lastSelectionRow.previousElementSibling.querySelector(v);b&&b.classList.contains(ye)&&this.rowExpandCollapse(b)}}}},e.prototype.addColumn=function(e,n){var r=(0,t.createInstance)(B,[this.parent,"columns",e,!0]);this.parent.columns.splice(n,0,r),this.parent.notify(w,{processedData:this.parent.kanbanData})},e.prototype.deleteColumn=function(e){var n=this.parent.element.querySelectorAll("."+ne).item(e);n&&n.classList.contains(he)&&this.columnToggleArray.splice(this.columnToggleArray.indexOf(n.getAttribute("data-key"),0)),this.parent.columns.splice(e,1),0===this.parent.columns.length?((0,t.detach)(this.parent.element.querySelector("."+ee)),(0,t.detach)(this.parent.element.querySelector("."+ce))):this.parent.notify(w,{processedData:this.parent.kanbanData})},e.prototype.showColumn=function(e){var t=this.hideColumnKeys.indexOf(e.toString());-1!==t&&(this.hideColumnKeys.splice(t,1),this.parent.notify(w,{processedData:this.parent.kanbanData}))},e.prototype.hideColumn=function(e){this.hideColumnKeys.push(e.toString()),this.parent.notify(w,{processedData:this.parent.kanbanData})},e.prototype.SingleCardSelection=function(e){if("None"!==this.parent.cardSettings.selectionType&&e[this.parent.cardSettings.headerField]){var n=this.parent.element.querySelector('.e-card[data-id="'+e[this.parent.cardSettings.headerField].toString()+'"]');n&&((0,t.addClass)([n],tt),n.setAttribute("aria-selected","true"),n.setAttribute("tabindex","0"))}},e}(),Et=function(){function e(e){this.parent=e}return e.prototype.addCard=function(e,n){var r=this,i={cancel:!1,requestType:"cardCreate",addedRecords:e instanceof Array?e:[e],changedRecords:[],deletedRecords:[]};this.parent.trigger(a,i,function(a){if(!a.cancel){var i=[];if(r.parent.sortSettings.field&&"Index"===r.parent.sortSettings.sortBy&&(e instanceof Array?i=e:i.push(e),i.forEach(function(e,t){if(!e[r.parent.sortSettings.field]){var n=r.parent.getColumnData(e[r.parent.keyField]);"Ascending"===r.parent.sortSettings.direction&&n.length>0?e[r.parent.sortSettings.field]=n[n.length-1][r.parent.sortSettings.field]+t+1:"Descending"===r.parent.sortSettings.direction&&n.length>0&&(e[r.parent.sortSettings.field]=n[0][r.parent.sortSettings.field]+t+1),0===n.length&&(e[r.parent.sortSettings.field]=1)}}),e instanceof Array||n||"Descending"!==r.parent.sortSettings.direction||r.parent.getColumnData(i[0][r.parent.keyField]).filter(function(e,t){e[r.parent.sortSettings.field]===i[0][r.parent.sortSettings.field]&&(n=t+1)}),0===n||n||"Descending"!==r.parent.sortSettings.direction||(n=0),i=r.priorityOrder(i,n)),r.parent.enableHtmlSanitizer){var l=r.parent.cardSettings.contentField;r.parent.enableHtmlSanitizer&&"string"==typeof l&&(e[l]=t.SanitizeHtmlHelper.sanitize(e[l]))}var o={addedRecords:e instanceof Array?e:[e],changedRecords:r.parent.sortSettings.field&&"Index"===r.parent.sortSettings.sortBy?i:[],deletedRecords:[]},s=e instanceof Array||i.length>0?"batch":"insert";r.parent.dataModule.updateDataManager(s,o,"cardCreated",e,n)}})},e.prototype.getIndexFromData=function(e){var n=this.parent.element.querySelector("."+Ce+'[data-id="'+e[this.parent.cardSettings.headerField]+'"]'),r=(0,t.closest)(n,"."+de);return[].slice.call(r.querySelectorAll("."+Ce)).indexOf(n)},e.prototype.updateCard=function(e,n,r,i,l,o,s){var d=this,c={requestType:"cardChange",cancel:!1,addedRecords:[],changedRecords:e instanceof Array?e:[e],deletedRecords:[]};n=(0,t.isNullOrUndefined)(n)?this.getIndexFromData(c.changedRecords[0]):n,this.parent.trigger(a,c,function(t){if(!t.cancel){if(d.parent.sortSettings.field&&"Index"===d.parent.sortSettings.sortBy){var a=[];e instanceof Array?a=e:a.push(e),e=d.priorityOrder(a,n)}var c={addedRecords:[],changedRecords:e instanceof Array?e:[e],deletedRecords:[]},p=e instanceof Array?"batch":"update";d.parent.dataModule.updateDataManager(p,c,"cardChanged",e,n,r,i,l,o,s)}})},e.prototype.deleteCard=function(e){var t=this,n={addedRecords:[],changedRecords:[],deletedRecords:[]};n.deletedRecords="string"==typeof e||"number"==typeof e?this.parent.kanbanData.filter(function(n){return n[t.parent.cardSettings.headerField]===e}):e instanceof Array?e:[e];var r={requestType:"cardRemove",cancel:!1,addedRecords:[],changedRecords:[],deletedRecords:n.deletedRecords};this.parent.trigger(a,r,function(e){if(!e.cancel){var r=n.deletedRecords.length>1?"batch":"delete",a=n.deletedRecords;t.parent.dataModule.updateDataManager(r,n,"cardRemoved",a[0])}})},e.prototype.priorityOrder=function(e,n){for(var r,a=this,i=e.map(function(e){return e[a.parent.cardSettings.headerField]}),l=e[e.length-1][this.parent.sortSettings.field],o=e.map(function(e){return e[a.parent.keyField]}),s=o.filter(function(e,t){return o.indexOf(e)===t}).sort(),d=[],c=[],p=function(o){var s=e.filter(function(e){return e[a.parent.keyField]===o});r=h.parent.enableVirtualization?h.parent.virtualLayoutModule.getColumnData(o):h.parent.layoutModule.getColumnData(o);for(var p=0,u=s;p<u.length;p++){var g=u[p];if(h.parent.swimlaneSettings.keyField){var m=h.parent.getSwimlaneData(g[h.parent.swimlaneSettings.keyField]);r=h.parent.getColumnData(o,m)}}if(s.forEach(function(e){return d.push(e)}),!(0,t.isNullOrUndefined)(n)){for(var f=function(e){r.filter(function(t,r){t[a.parent.cardSettings.headerField]===i[e]&&r<=n&&c.push(r)})},y=0;y<i.length;y++)f(y);if(c.length>0&&(n+=c.length),"Ascending"===h.parent.sortSettings.direction)for(var v=n;v<r.length;v++)-1===i.indexOf(r[v][h.parent.cardSettings.headerField])&&(r[v][h.parent.sortSettings.field]=++l,d.push(r[v]));else for(v=n-1;v>=0;v--)-1===i.indexOf(r[v][h.parent.cardSettings.headerField])&&(r[v][h.parent.sortSettings.field]=++l,d.push(r[v]))}},h=this,u=0,g=s;u<g.length;u++){p(g[u])}return d},e}(),kt=function(){function e(e){this.insertClone="afterend",this.parent=e,this.dragObj={element:null,cloneElement:null,instance:null,targetClone:null,draggedClone:null,targetCloneMulti:null,selectedCards:[],pageX:0,pageY:0,navigationInterval:null,cardDetails:[],modifiedData:[]},this.dragEdges={left:!1,right:!1,top:!1,bottom:!1},this.isDragging=!1,this.isExternalDrop=!1}return e.prototype.wireDragEvents=function(e){var n;null!=!this.parent.element&&0===this.parent.externalDropId.length&&(n=this.parent.element.querySelector("."+ce)),this.dragObj.instance=new t.Draggable(e,{clone:!0,enableTapHold:this.parent.isAdaptive,enableTailMode:!0,cursorAt:{top:-10,left:-10},dragArea:n,dragStart:this.dragStart.bind(this),drag:this.drag.bind(this),dragStop:this.dragStop.bind(this),enableAutoScroll:!1,helper:this.dragHelper.bind(this)})},e.prototype.dragHelper=function(e){if(this.parent.isAdaptive&&this.parent.touchModule.mobilePopup&&this.parent.touchModule.mobilePopup.element.classList.contains("e-popup-open")&&this.parent.touchModule.mobilePopup.hide(),this.dragObj.element=(0,t.closest)(e.sender.target,"."+Ce),(0,t.isNullOrUndefined)(this.dragObj.element))return null;this.dragObj.element.style.width=(0,t.formatUnit)(this.dragObj.element.offsetWidth);var n=(0,t.createElement)("div",{innerHTML:this.dragObj.element.outerHTML});return this.dragObj.cloneElement=n.children.item(0),(0,t.addClass)([this.dragObj.cloneElement],We),this.dragObj.element.parentElement.appendChild(this.dragObj.cloneElement),this.dragObj.targetCloneMulti=(0,t.createElement)("div",{className:$e}),this.dragObj.targetClone=(0,t.createElement)("div",{className:Qe,styles:"width:100%;height:"+(0,t.formatUnit)(this.dragObj.element.offsetHeight)}),this.dragObj.modifiedData=[],this.dragObj.cloneElement},e.prototype.dragStart=function(e){var n=this;if(this.dragObj.selectedCards=this.dragObj.element,this.borderElm=this.parent.element.querySelectorAll("."+Ge),this.dragObj.element.classList.contains(tt)){var r="."+Ce+"."+tt+":not(."+We+")",a=(0,t.closest)(this.dragObj.element,"."+ge);this.dragObj.selectedCards=[].slice.call(a.querySelectorAll(r)),this.dragObj.selectedCards.forEach(function(e){n.dragObj.cardDetails.push(n.parent.getCardDetails(e))})}else this.dragObj.cardDetails=[this.parent.getCardDetails(this.dragObj.element)];!(0,t.isNullOrUndefined)(this.dragObj.selectedCards)&&!(0,t.isNullOrUndefined)(this.dragObj.selectedCards.length)&&this.dragObj.selectedCards.length>=1?this.dragObj.selectedCards[0].closest(".e-content-cells").classList.add("e-dragged-column"):(0,t.isNullOrUndefined)(this.dragObj.selectedCards)||(0,t.isNullOrUndefined)(this.dragObj.selectedCards.closest(".e-content-cells"))||this.dragObj.selectedCards.closest(".e-content-cells").classList.add("e-dragged-column");var i={cancel:!1,data:this.dragObj.cardDetails,event:e,element:this.dragObj.selectedCards};this.parent.trigger(m,i,function(r){if(r.cancel)return n.removeElement(n.dragObj.cloneElement),n.dragObj.instance.intDestroy(e),n.dragObj.element=null,n.dragObj.targetClone=null,n.dragObj.draggedClone=null,n.dragObj.cloneElement=null,void(n.dragObj.targetCloneMulti=null);if(n.dragObj.element.classList.contains(tt)){if(n.dragObj.selectedCards.forEach(function(e){n.draggedClone(e)}),n.dragObj.selectedCards.length>1){n.dragObj.cloneElement.innerHTML="";var a=(0,t.createElement)("div",{className:"e-multi-card-text",innerHTML:n.dragObj.selectedCards.length+" "+n.parent.localeObj.getConstant("cards")});n.dragObj.cloneElement.appendChild(a),(0,t.classList)(n.dragObj.cloneElement,["e-multi-card-clone"],[tt]),n.parent.enableVirtualization?n.parent.virtualLayoutModule.disableAttributeSelection(n.dragObj.cloneElement):n.parent.layoutModule.disableAttributeSelection(n.dragObj.cloneElement),n.dragObj.cloneElement.style.width="90px"}}else n.draggedClone(n.dragObj.element);t.EventHandler.add(document.body,"keydown",n.keydownHandler,n),n.parent.notify(C,{})})},e.prototype.draggedClone=function(e){this.dragObj.draggedClone=(0,t.createElement)("div",{className:Ke,styles:"width:"+(0,t.formatUnit)(e.offsetWidth-1)+";height:"+(0,t.formatUnit)(e.offsetHeight)}),e.insertAdjacentElement("afterend",this.dragObj.draggedClone),(0,t.addClass)([e],Ye)},e.prototype.drag=function(e){var n=this;if(e.target){var r=(0,t.closest)(e.target,"."+Y+" ."+Ce);(0,t.isNullOrUndefined)(r)||!this.parent.enableVirtualization||(0,t.isNullOrUndefined)(e.target.previousElementSibling)||(0,t.isNullOrUndefined)(e.target.previousElementSibling.querySelector(".e-target-dropped-clone"))||(r=e.target.previousElementSibling.querySelector(".e-target-dropped-clone").nextElementSibling);var a=e.target;(0,t.isNullOrUndefined)(e.target.parentElement)||("SPAN"===e.target.nodeName&&e.target.classList.contains("e-empty-card")||"DIV"===e.target.nodeName&&e.target.classList.contains("e-kanban-border")&&this.parent.element.querySelector(".e-target-dropped-clone")!==e.target.nextElementSibling.firstChild)&&(a=e.target.parentElement);var i,l,o,s=r||a,d="."+ge+":not(."+me+") ."+de+"."+we,c=(0,t.closest)(s,d);if(s.nextElementSibling&&s.nextElementSibling.lastChild&&(o=s.nextElementSibling.lastChild.previousElementSibling),this.externalDrop(s),this.kanbanObj=this.parent.isExternalKanbanDrop?this.parent.externalDropObj:this.parent,this.calculateArgs(e),c&&"not-allowed"!==document.body.style.cursor){var p=this.getColumnKey(c),h=p.split(",");this.multiCloneRemove();var u=p===this.getColumnKey((0,t.closest)(this.dragObj.draggedClone,"."+de));if(1===h.length||u)if(s.classList.contains(Ke)&&this.removeElement(this.dragObj.targetClone,this.kanbanObj),s.classList.contains(Ce)||"beforebegin"===this.insertClone){var g=s.classList.contains(Ke)&&s.previousElementSibling.classList.contains(Ye)?null:s.previousElementSibling;if(this.insertClone="afterend",(0,t.isNullOrUndefined)(g)){var m=s.classList.contains(Ke)?this.dragObj.pageY/2:this.dragObj.pageY,y=s.classList.contains(Ke)?s.offsetHeight:s.offsetHeight/2,v=this.kanbanObj.element.getBoundingClientRect().top+window.scrollY;(m-=v)-(s.getBoundingClientRect().top+window.scrollY-v)<y&&(this.insertClone="beforebegin")}s.classList.contains(Ce)&&(this.parent.enableVirtualization&&(this.insertClone=this.isTargetElementVisible(s)?this.insertClone:"beforebegin"),s.insertAdjacentElement(this.insertClone,this.dragObj.targetClone))}else if(s.classList.contains(de)&&!(0,t.closest)(s,"."+me)){if(0!==s.querySelectorAll("."+Ye).length&&0===s.querySelectorAll("."+Ce+":not(.e-kanban-dragged-card):not(.e-cloned-card)").length)return;s.querySelector("."+be).appendChild(this.dragObj.targetClone)}else!s.classList.contains(be)&&!s.classList.contains(Se)||(0,t.closest)(s,"."+me)||0!==c.querySelectorAll("."+Ce).length?!(s.classList.contains(Ge)&&!(0,t.closest)(s,"."+me)&&s.nextElementSibling&&s.nextElementSibling.classList.contains(be)&&this.dragObj.targetClone)||o&&o.classList.contains(Qe)||this.parent.enableVirtualization||this.isTargetElementVisible(s.nextElementSibling)||s.nextElementSibling.appendChild(this.dragObj.targetClone):s.appendChild(this.dragObj.targetClone);else h.length>1&&(c.classList.contains(Xe)||c.firstChild&&c.firstChild.classList.contains(Xe))&&this.multiCloneCreate(h,c);this.kanbanObj.notify(C,{})}0===this.kanbanObj.element.querySelectorAll("."+Xe).length&&this.cellDropping();var b=!1;c&&(b=c.classList.contains(Be)&&c.classList.contains(Xe),"true"!==c.getAttribute("aria-expanded")&&c.parentElement.hasAttribute("aria-expanded")||(i=c.getBoundingClientRect(),this.updateDimension(i)),l=c.querySelector("."+Ge)),s&&"TABLE"===s.tagName&&!(0,t.isNullOrUndefined)(s.querySelector("."+ge))&&(i=s.querySelector("."+ge).getBoundingClientRect(),this.updateDimension(i,s)),b&&(this.toggleVisible(s),(0,t.addClass)([c],Je));var S=[].slice.call(this.kanbanObj.element.querySelectorAll("."+Je));S.length>0&&!s.classList.contains(Je)&&!(0,t.closest)(s,"."+Je)&&(this.toggleVisible(s,S.slice(-1)[0]),(0,t.removeClass)(S,Je)),this.kanbanObj.notify(C,{});var w=(0,t.closest)(s,"."+et);if(w){var E=[].slice.call(this.kanbanObj.element.querySelectorAll("."+et+":not(."+Oe+")")).filter(function(e){return n.getColumnKey(e)===n.getColumnKey(w)});E.length>0&&((0,t.addClass)(E,"e-multi-active"),E[0].previousElementSibling&&(0,t.addClass)([E[0].previousElementSibling],"e-multi-bottom-border"))}document.body.style.cursor=c&&c.classList.contains(Xe)||c&&l&&l.classList.contains(Xe)?"":"not-allowed",!r||(0,t.closest)(r,"."+de).classList.contains(Xe)||c&&l&&l.classList.contains(Xe)||(r.style.cursor="not-allowed",document.body.style.cursor="not-allowed"),this.isExternalDrop&&"not-allowed"===document.body.style.cursor&&(document.body.style.cursor=""),"not-allowed"===document.body.style.cursor&&(this.removeElement(this.dragObj.targetClone,this.kanbanObj),this.multiCloneRemove()),this.updateScrollPosition();var k={data:this.dragObj.cardDetails,event:e,element:this.dragObj.selectedCards};this.kanbanObj.trigger(f,k),this.parent.isExternalKanbanDrop=!1,this.isExternalDrop=!1}},e.prototype.removeElement=function(e,n){(n=n||this.parent).element.getElementsByClassName(e.className).length>0&&(0,t.remove)(e)},e.prototype.isTargetElementVisible=function(e){var n=(0,t.closest)(e,"."+be);if(!(0,t.isNullOrUndefined)(n)){var r=n.getBoundingClientRect().bottom;return!(e.getBoundingClientRect().bottom>r)}return!0},e.prototype.externalDrop=function(e){var n=this;this.parent.externalDropId.forEach(function(r){var a=(0,t.closest)(e,r);if(a)if(a.classList.contains("e-kanban")){n.parent.externalDropObj=document.querySelector(r).ej2_instances[0],n.parent.isExternalKanbanDrop=!0;var i="."+ge+":not(."+me+"):not(."+Be+") ."+de,l=[].slice.call(n.parent.externalDropObj.element.querySelectorAll(i));(0,t.addClass)(l,Xe)}else n.isExternalDrop=!0})},e.prototype.multiCloneCreate=function(e,n){var r=n.offsetHeight,a=n.querySelector("."+ct);a&&(r-=a.offsetHeight),this.dragObj.targetCloneMulti.style.height=(0,t.formatUnit)(r),n.querySelector("."+yt)&&(0,t.addClass)([n.querySelector("."+yt)],Ze),(0,t.addClass)([n.querySelector("."+be)],Ze),n.querySelector("."+be).style.height="auto",n.style.borderStyle="none",this.removeElement(this.dragObj.targetClone);for(var i=0,l=e;i<l.length;i++){var o=l[i],s=(0,t.closest)(this.dragObj.draggedClone,"."+de),d=this.kanbanObj.columns[s.cellIndex].transitionColumns,c=this.allowedTransition(this.dragObj.element.getAttribute("data-key"),o,d),p=c?"":" "+Oe,h=(0,t.createElement)("div",{className:et+p,attrs:{"data-key":o.trim()}}),u=(0,t.createElement)("div",{className:"e-text",innerHTML:o.trim()});n.appendChild(this.dragObj.targetCloneMulti).appendChild(h).appendChild(u),h.style.cursor=c?"":"not-allowed",h.style.lineHeight=h.style.height=(0,t.formatUnit)(r/e.length),u.style.top=(0,t.formatUnit)(r/2-u.offsetHeight/2)}},e.prototype.allowedTransition=function(e,t,n){for(var r=!0,a=t.split(","),i=0;i<a.length;i++){if(e===a[i].trim())return!0;if(n){if(1===n.length&&0===n[0].length)return!0;for(var l=0;l<n.length;l++){if(a[i].trim()===n[l].trim())return!0;r=!1}}}return r},e.prototype.cellDropping=function(){var e=this,n=(0,t.closest)(this.dragObj.draggedClone,"."+de),r=(0,t.closest)(this.dragObj.draggedClone,"."+ge);if(n&&n.classList.contains(ke)&&(0,t.addClass)([n],Xe),this.addDropping(r,n),this.kanbanObj.swimlaneSettings.keyField&&this.kanbanObj.swimlaneSettings.allowDragAndDrop){var a="."+ge+":not(."+me+"):not(."+Be+")",i=[].slice.call(this.kanbanObj.element.querySelectorAll(a));[].slice.call(i).forEach(function(t){r!==t&&e.addDropping(t,n)})}},e.prototype.addDropping=function(e,n){var r=this;if(n&&this.borderElm&&0!==this.borderElm.length){n.classList.contains(Xe)&&(0,t.removeClass)([n],Xe);var a=n.getBoundingClientRect();this.updateDimension(a)}else n&&e&&[].slice.call(e.children).forEach(function(e){var a=r.kanbanObj.columns[n.cellIndex].transitionColumns;e!==n&&e.classList.contains(ke)&&r.allowedTransition(n.getAttribute("data-key"),e.getAttribute("data-key"),a)&&(0,t.addClass)([e],Xe)})},e.prototype.updateDimension=function(e,n){[].slice.call(this.borderElm).forEach(function(r){!r.parentElement||"true"!==r.parentElement.getAttribute("aria-expanded")&&r.parentElement.hasAttribute("aria-expanded")||(0,t.addClass)([r],Xe);var a=r.previousElementSibling;r.style.height=parseInt(e.height.toString(),10)-(a&&a.classList.contains(yt)?a.offsetHeight+a.offsetTop:0)+"px",n&&"TABLE"===n.tagName||(r.style.width=parseInt(e.width.toString(),10)+"px"),r.style.left=r.parentElement.getBoundingClientRect().left-(0,t.closest)(r,".e-kanban").getBoundingClientRect().left+"px"})},e.prototype.keydownHandler=function(e){"Escape"===e.code&&this.dragObj.cloneElement&&(t.EventHandler.remove(this.dragObj.cloneElement,"keydown",this.keydownHandler),this.dragObj.element.removeAttribute("aria-grabbed"),this.dragStopClear(),this.dragStopPostClear())},e.prototype.dragStop=function(e){var n,r,a,i,l,o=this,s=(0,t.closest)(this.dragObj.targetClone,"."+de);if(this.parent.enableVirtualization&&!(0,t.isNullOrUndefined)(s)&&s.classList.add("e-dropped-column"),t.EventHandler.remove(document.body,"keydown",this.keydownHandler),[].slice.call(this.borderElm).forEach(function(e){e.classList.remove(Xe)}),this.dragObj.targetClone.parentElement){var d=(i=this.dragObj.selectedCards&&this.dragObj.selectedCards.length>1&&"Index"===this.parent.sortSettings.sortBy)?"."+Ce+":not(."+We+"),."+Qe:"."+Ce+":not(."+Ye+", ."+We+"),."+Qe;r=[].slice.call(this.dragObj.targetClone.parentElement.querySelectorAll(d)).indexOf(this.dragObj.targetClone),this.parent.enableVirtualization&&!(0,t.isNullOrUndefined)(this.dragObj.targetClone.nextElementSibling)&&(a=this.dragObj.targetClone.nextElementSibling.getAttribute("data-id"))}(!(0,t.isNullOrUndefined)(this.kanbanObj)&&this.kanbanObj.element.querySelector("."+$e)&&(n=(0,t.closest)(e.target,"."+et+":not(."+Oe+")")),s||n)&&(s?l=this.getColumnKey(s):(l=this.getColumnKey(n),s=(0,t.closest)(n,"."+de)),this.dragObj.selectedCards instanceof HTM