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