UNPKG

@syncfusion/ej2-kanban

Version:

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.

10 lines 173 kB
/*!
*  filename: ej2-kanban.min.js
*  version : 32.1.20
*  Copyright Syncfusion Inc. 2001 - 2025. 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:()=>_t,actionBegin:()=>a,actionComplete:()=>i,actionFailure:()=>l,bottomSpace:()=>k,cardClick:()=>o,cardDoubleClick:()=>s,cardRendered:()=>p,cardSpace:()=>E,columnDrag:()=>F,columnDragStart:()=>A,columnDrop:()=>M,contentReady:()=>C,dataBinding:()=>u,dataBound:()=>g,dataReady:()=>w,dataSourceChanged:()=>x,dataStateChange:()=>O,dialogClose:()=>S,dialogOpen:()=>b,documentClick:()=>v,drag:()=>f,dragStart:()=>m,dragStop:()=>y,queryCellInfo:()=>h,toggleWidth:()=>D});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",k=25,E=16,D=50,x="dataSourceChanged",O="dataStateChange",A="columnDragStart",F="columnDrag",M="columnDrop",T=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(O,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(O,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}(),j=(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)}),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)()],n.prototype,"keyField",void 0),q([(0,t.Property)()],n.prototype,"textField",void 0),q([(0,t.Property)(!1)],n.prototype,"showEmptyRow",void 0),q([(0,t.Property)(!0)],n.prototype,"showItemCount",void 0),q([(0,t.Property)(!1)],n.prototype,"allowDragAndDrop",void 0),q([(0,t.Property)()],n.prototype,"template",void 0),q([(0,t.Property)("Ascending")],n.prototype,"sortDirection",void 0),q([(0,t.Property)()],n.prototype,"sortComparer",void 0),q([(0,t.Property)(!0)],n.prototype,"showUnassignedRow",void 0),q([(0,t.Property)(!1)],n.prototype,"enableFrozenRows",void 0),n}(t.ChildProperty),H=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)}}(),L=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},P=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return H(n,e),L([(0,t.Property)(!0)],n.prototype,"showHeader",void 0),L([(0,t.Property)()],n.prototype,"headerField",void 0),L([(0,t.Property)()],n.prototype,"contentField",void 0),L([(0,t.Property)()],n.prototype,"tagsField",void 0),L([(0,t.Property)()],n.prototype,"grabberField",void 0),L([(0,t.Property)()],n.prototype,"footerCssField",void 0),L([(0,t.Property)()],n.prototype,"template",void 0),L([(0,t.Property)("Single")],n.prototype,"selectionType",void 0),n}(t.ChildProperty),I=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)}}(),N=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 I(n,e),N([(0,t.Property)()],n.prototype,"template",void 0),N([(0,t.Property)([])],n.prototype,"fields",void 0),N([(0,t.Property)(null)],n.prototype,"model",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,"keyField",void 0),z([(0,t.Property)()],n.prototype,"headerText",void 0),z([(0,t.Property)()],n.prototype,"template",void 0),z([(0,t.Property)(!1)],n.prototype,"allowToggle",void 0),z([(0,t.Property)(!0)],n.prototype,"isExpanded",void 0),z([(0,t.Property)()],n.prototype,"minCount",void 0),z([(0,t.Property)()],n.prototype,"maxCount",void 0),z([(0,t.Property)(!0)],n.prototype,"showItemCount",void 0),z([(0,t.Property)(!1)],n.prototype,"showAddButton",void 0),z([(0,t.Property)(!0)],n.prototype,"allowDrag",void 0),z([(0,t.Property)(!0)],n.prototype,"allowDrop",void 0),z([(0,t.Property)([])],n.prototype,"transitionColumns",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)()],n.prototype,"text",void 0),K([(0,t.Property)()],n.prototype,"keyFields",void 0),n}(t.ChildProperty),Y=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},X=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return Y(n,e),Q([(0,t.Property)("Index")],n.prototype,"sortBy",void 0),Q([(0,t.Property)()],n.prototype,"field",void 0),Q([(0,t.Property)("Ascending")],n.prototype,"direction",void 0),n}(t.ChildProperty),G="e-kanban",J="e-rtl",Z="e-device",$="e-icons",ee="e-template",te="e-swimlane",ne="e-kanban-table",re="e-kanban-header",ae="e-header-table",ie="e-header-cells",le="e-header-wrap",oe="e-header-title",se="e-header-text",de="e-header-icon",ce="e-stacked-header-row",pe="e-stacked-header-cell",he="e-content-cells",ue="e-kanban-content",ge="e-content-table",me="e-toggle-header",fe="e-header-row",ye="e-content-row",ve="e-swimlane-row",be="e-swimlane-row-expand",Se="e-swimlane-row-collapse",Ce="e-item-count",we="e-card-wrapper",ke="e-card-virtual-wrapper",Ee="e-card",De="e-droppable",xe="e-drag",Oe="e-drop",Ae="e-disabled",Fe="e-card-header",Me="e-card-content",Te="e-card-header-caption",je="e-card-header-title",qe="e-card-tags",Re="e-card-tag",He="e-card-color",Le="e-card-label",Pe="e-card-footer",Ie="e-empty-card",Ne="e-card-footer-css",Be="e-column-expand",Ue="e-column-collapse",ze="e-collapse-header-text",Ve="e-collapsed",_e="e-kanban-dialog",Ke="e-kanban-form",We="e-kanban-error",Ye="e-field",Qe="e-target-dragged-clone",Xe="e-cloned-card",Ge="e-kanban-dragged-card",Je="e-target-dropped-clone",Ze="e-dropping",$e="e-kanban-border",et="e-toggle-visible",tt="e-multi-card-wrapper",nt="e-target-multi-clone",rt="e-column-key",at="e-selection",it="e-tooltip-text",lt="e-swimlane-header",ot="e-swimlane-header-toolbar",st="e-icon-menu",dt="e-toolbar-swimlane-name",ct="e-swimlane-overlay",pt="e-swimlane-content",ht="e-swimlane-resource",ut="e-limits",gt="e-max-count",mt="e-min-count",ft="e-max-color",yt="e-min-color",vt="e-close",bt="e-popup-content",St="e-show-add-button",Ct="e-show-add-icon",wt="e-show-add-focus",kt="e-frozen-swimlane-row",Et="e-frozen-row",Dt=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="."+Ee+",."+de+",."+ye+"."+ve+",."+St+",."+kt+",."+ye+":not(."+ve+") ."+he,r=(0,t.closest)(e.target,n);if(r)if(r.classList.contains(Ee))this.parent.allowKeyboard&&this.parent.keyboardModule.cardTabIndexRemove(),this.cardClick(e);else if(r.classList.contains(de))this.columnExpandCollapse(e);else if(r.classList.contains(ye)&&r.classList.contains(ve))this.rowExpandCollapse(e);else if(r.classList.contains(St))this.addButtonClick(r);else if(r.classList.contains(kt)){var a=[].slice.call(this.parent.element.querySelectorAll("."+ve)),i=this.parent.layoutModule.frozenSwimlaneRow.querySelector("."+$);this.rowExpandCollapse(e,a[this.parent.layoutModule.frozenOrder]),!!i.classList.contains(Se)?(0,t.classList)(i,[be],[Se]):(0,t.classList)(i,[Se],[be])}},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,"."+he).getAttribute("data-key"),"Index"===this.parent.sortSettings.sortBy&&(r[this.parent.sortSettings.field]=1,(0,t.closest)(e,"."+he).querySelector("."+Ee))){var i="Ascending"===this.parent.sortSettings.direction?e.nextElementSibling.classList.contains($e)?e.nextElementSibling.nextElementSibling.lastElementChild:e.nextElementSibling.lastElementChild:e.nextElementSibling.classList.contains($e)?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,"."+ye).previousElementSibling&&(r[this.parent.swimlaneSettings.keyField]=(0,t.closest)(e,"."+ye).previousElementSibling.getAttribute("data-key")),this.parent.openDialog("Add",r)},e.prototype.doubleClickHandler=function(e){(0,t.closest)(e.target,"."+Ee)&&this.cardDoubleClick(e)},e.prototype.cardClick=function(e,n){var r=this,a=(0,t.closest)(n||e.target,"."+Ee),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(at)&&"click"===e.type)(0,t.removeClass)([a],at),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,"."+he);if(r.parent.allowKeyboard)[].slice.call(l.querySelectorAll("."+Ee)).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,"."+Ee),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,"."+ve),s=a.getAttribute("data-key"),d=r.parent.element.querySelector("."+ye+":nth-child("+(a.rowIndex+2)+")"),c=a.querySelector("."+be+",."+Se),p=!!a.classList.contains(Ve);p?((0,t.removeClass)([d,a],Ve),(0,t.classList)(c,[be],[Se]),r.parent.swimlaneToggleArray.splice(r.parent.swimlaneToggleArray.indexOf(s),1),n="0"):((0,t.addClass)([d,a],Ve),(0,t.classList)(c,[Se],[be]),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("."+he)).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,"."+ie),l=a.cellIndex;n.columnToggle(a);var o=n.parent.element.querySelectorAll("."+ie+"."+Ve).length;if(o===n.parent.columns.length-n.hideColumnKeys.length){var s="."+ie+":not(."+pe+"):nth-child("+(l+1===o?1:l+2)+")",d=n.parent.element.querySelector(s);(0,t.addClass)([d],Ve),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="."+ye+":not(."+ve+")",i=[].slice.call(this.parent.element.querySelectorAll(a)),l="."+ne+" col:nth-child("+(r+1)+")",o=e.querySelector("."+Be+",."+Ue),s=[].slice.call(this.parent.element.querySelectorAll(l));if(e.classList.contains(Ve)){(0,t.removeClass)(s,Ve),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,[Be],[Ue]);for(var d=function(n){var a=n.querySelector("."+he+":nth-child("+(r+1)+")");(0,t.removeClass)([a,e],Ve),(0,t.remove)(a.querySelector("."+ze));var i=a.querySelector(".e-show-add-button");i&&(0,t.removeClass)([i],Ve),e.setAttribute("aria-expanded","true"),a.setAttribute("aria-expanded","true"),[].slice.call(a.parentElement.querySelectorAll("."+Ve)).forEach(function(e){var t=e.querySelector("."+ze);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],Ve),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,Ve),this.parent.isAdaptive&&s.forEach(function(e){return e.style.width=(0,t.formatUnit)(D)}),(0,t.classList)(o,[Ue],[Be]);for(var h=e.getAttribute("data-key"),u=function(n){var r=n.querySelector("."+he+'[data-key="'+h+'"]'),a=r.cellIndex,i=r.querySelector(".e-show-add-button");i&&(0,t.addClass)([i],Ve);var l=void 0;if(g.parent.enableVirtualization){var o=g.parent.dataModule.isRemote()?g.parent.columnDataCount[g.parent.columns[a].keyField]:g.parent.virtualLayoutModule.columnData[g.parent.columns[a].keyField].length;l=(g.parent.columns[a].showItemCount?"["+o+"] ":"")+g.parent.columns[a].headerText}else l=(g.parent.columns[a].showItemCount?"["+r.querySelectorAll("."+Ee).length+"] ":"")+g.parent.columns[a].headerText;r.appendChild((0,t.createElement)("div",{className:ze,innerHTML:l})),(0,t.addClass)([r,e],Ve),e.setAttribute("aria-expanded","false"),r.setAttribute("aria-expanded","false"),[].slice.call(r.parentElement.querySelectorAll("."+Ve)).forEach(function(e){var t=e.querySelector("."+ze);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],Ve),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,"."+ye);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,at),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("."+Ee));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],at),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],at),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,"."+ye),this.lastSelectionRow.previousElementSibling){var v="."+be+",."+Se,b=this.lastSelectionRow.previousElementSibling.querySelector(v);b&&b.classList.contains(Se)&&this.rowExpandCollapse(b)}}}},e.prototype.addColumn=function(e,n){var r=(0,t.createInstance)(V,[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("."+ie).item(e);n&&n.classList.contains(me)&&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("."+re)),(0,t.detach)(this.parent.element.querySelector("."+ue))):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],at),n.setAttribute("aria-selected","true"),n.setAttribute("tabindex","0"))}},e}(),xt=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("."+Ee+'[data-id="'+e[this.parent.cardSettings.headerField]+'"]'),r=(0,t.closest)(n,"."+he);return[].slice.call(r.querySelectorAll("."+Ee)).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}(),Ot=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("."+ue)),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,"."+Ee),(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],Xe),this.dragObj.element.parentElement.appendChild(this.dragObj.cloneElement),this.dragObj.targetCloneMulti=(0,t.createElement)("div",{className:nt}),this.dragObj.targetClone=(0,t.createElement)("div",{className:Je,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("."+$e),this.dragObj.element.classList.contains(at)){var r="."+Ee+"."+at+":not(."+Xe+")",a=(0,t.closest)(this.dragObj.element,"."+ye);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(at)){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"],[at]),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:Qe,styles:"width:"+(0,t.formatUnit)(e.offsetWidth-1)+";height:"+(0,t.formatUnit)(e.offsetHeight)}),e.insertAdjacentElement("afterend",this.dragObj.draggedClone),(0,t.addClass)([e],Ge)},e.prototype.drag=function(e){var n=this;if(e.target){var r=(0,t.closest)(e.target,"."+G+" ."+Ee);(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="."+ye+":not(."+ve+") ."+he+"."+De,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,"."+he));if(1===h.length||u)if(s.classList.contains(Qe)&&this.removeElement(this.dragObj.targetClone,this.kanbanObj),s.classList.contains(Ee)||"beforebegin"===this.insertClone){var g=s.classList.contains(Qe)&&s.previousElementSibling.classList.contains(Ge)?null:s.previousElementSibling;if(this.insertClone="afterend",(0,t.isNullOrUndefined)(g)){var m=s.classList.contains(Qe)?this.dragObj.pageY/2:this.dragObj.pageY,y=s.classList.contains(Qe)?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(Ee)&&(this.parent.enableVirtualization&&(this.insertClone=this.isTargetElementVisible(s)?this.insertClone:"beforebegin"),s.insertAdjacentElement(this.insertClone,this.dragObj.targetClone))}else if(s.classList.contains(he)&&!(0,t.closest)(s,"."+ve)){if(0!==s.querySelectorAll("."+Ge).length&&0===s.querySelectorAll("."+Ee+":not(.e-kanban-dragged-card):not(.e-cloned-card)").length)return;s.querySelector("."+we).appendChild(this.dragObj.targetClone)}else!s.classList.contains(we)&&!s.classList.contains(ke)||(0,t.closest)(s,"."+ve)||0!==c.querySelectorAll("."+Ee).length?!(s.classList.contains($e)&&!(0,t.closest)(s,"."+ve)&&s.nextElementSibling&&s.nextElementSibling.classList.contains(we)&&this.dragObj.targetClone)||o&&o.classList.contains(Je)||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(Ze)||c.firstChild&&c.firstChild.classList.contains(Ze))&&this.multiCloneCreate(h,c);this.kanbanObj.notify(C,{})}0===this.kanbanObj.element.querySelectorAll("."+Ze).length&&this.cellDropping();var b=!1;c&&(b=c.classList.contains(Ve)&&c.classList.contains(Ze),"true"!==c.getAttribute("aria-expanded")&&c.parentElement.hasAttribute("aria-expanded")||(i=c.getBoundingClientRect(),this.updateDimension(i)),l=c.querySelector("."+$e)),s&&"TABLE"===s.tagName&&!(0,t.isNullOrUndefined)(s.querySelector("."+ye))&&(i=s.querySelector("."+ye).getBoundingClientRect(),this.updateDimension(i,s)),b&&(this.toggleVisible(s),(0,t.addClass)([c],et));var S=[].slice.call(this.kanbanObj.element.querySelectorAll("."+et));S.length>0&&!s.classList.contains(et)&&!(0,t.closest)(s,"."+et)&&(this.toggleVisible(s,S.slice(-1)[0]),(0,t.removeClass)(S,et)),this.kanbanObj.notify(C,{});var w=(0,t.closest)(s,"."+rt);if(w){var k=[].slice.call(this.kanbanObj.element.querySelectorAll("."+rt+":not(."+Ae+")")).filter(function(e){return n.getColumnKey(e)===n.getColumnKey(w)});k.length>0&&((0,t.addClass)(k,"e-multi-active"),k[0].previousElementSibling&&(0,t.addClass)([k[0].previousElementSibling],"e-multi-bottom-border"))}document.body.style.cursor=c&&c.classList.contains(Ze)||c&&l&&l.classList.contains(Ze)?"":"not-allowed",!r||(0,t.closest)(r,"."+he).classList.contains(Ze)||c&&l&&l.classList.contains(Ze)||(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 E={data:this.dragObj.cardDetails,event:e,element:this.dragObj.selectedCards};this.kanbanObj.trigger(f,E),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,"."+we);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="."+ye+":not(."+ve+"):not(."+Ve+") ."+he,l=[].slice.call(n.parent.externalDropObj.element.querySelectorAll(i));(0,t.addClass)(l,Ze)}else n.isExternalDrop=!0})},e.prototype.multiCloneCreate=function(e,n){var r=n.offsetHeight,a=n.querySelector("."+ut);a&&(r-=a.offsetHeight),this.dragObj.targetCloneMulti.style.height=(0,t.formatUnit)(r),n.querySelector("."+St)&&(0,t.addClass)([n.querySelector("."+St)],tt),(0,t.addClass)([n.querySelector("."+we)],tt),n.querySelector("."+we).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,"."+he),d=this.kanbanObj.columns[s.cellIndex].transitionColumns,c=this.allowedTransition(this.dragObj.element.getAttribute("data-key"),o,d),p=c?"":" "+Ae,h=(0,t.createElement)("div",{className:rt+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,"."+he),r=(0,t.closest)(this.dragObj.draggedClone,"."+ye);if(n&&n.classList.contains(Oe)&&(0,t.addClass)([n],Ze),this.addDropping(r,n),this.kanbanObj.swimlaneSettings.keyField&&this.kanbanObj.swimlaneSettings.allowDragAndDrop){var a="."+ye+":not(."+ve+"):not(."+Ve+")",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(Ze)&&(0,t.removeClass)([n],Ze);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(Oe)&&r.allowedTransition(n.getAttribute("data-key"),e.getAttribute("data-key"),a)&&(0,t.addClass)([e],Ze)})},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],Ze);var a=r.previousElementSibling;r.style.height=parseInt(e.height.toString(),10)-(a&&a.classList.contains(St)?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,"."+he);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(Ze)}),this.dragObj.targetClone.parentElement){var d=(i=this.dragObj.selectedCards&&this.dragObj.selectedCards.length>1&&"Index"===this.parent.sortSettings.sortBy)?"."+Ee+":not(."+Xe+"),."+Je:"."+Ee+":not(."+Ge+", ."+Xe+"),."+Je;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("."+nt)&&(n=(0,t.closest)(e.target,"."+rt+":not(."+Ae+")")),s||n)&&(s?l=this.getColumnKey(s):(l=this.getColumnKey(n),s=(0,t.closest)(n,"."+he)),this.dragObj.selectedCards instanceof HTMLElement?this.updateDroppedData(this.dragObj.selectedCards,l,s):this.dragObj.selectedCards.forEach(function(e){o.updateDroppedData(e,l,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);var c={cancel:!1,data:this.dragObj.modifiedData,event:e,element:this.dragObj.selectedCards,dropIndex:r};this.parent.trigger(y,c,function(e){if(o.dragStopClear(),!e.cancel&&(s||n)){var t=e.data instanceof Array&&e.data.length>1?e.data:e.data[0],r=void 0,l=void 0;o.parent.enableVirtualization&&(r=s.closest(".e-kanban").querySelector(".e-dragged-column").getAttribute("data-key"),l=s.getAttribute("data-key")),o.parent.crudModule.updateCard(t,e.dropIndex,!0,a,r,l,i),o.parent.enableVirtualization&&(o.parent.virtualLayoutModule.refreshColumnData(r,l),o.parent.virtualLayoutModule.ensureColumnNotEmpty(r))}o.removeEmptyTrElement(),o.dragStopPostClear()})},e.prototype.removeEmptyTrElement=function(){if(!this.parent.swimlaneSettings.showEmptyRow)for(var e=this.parent.element.querySelectorAll(".e-content-row.e-swimlane-row"),n=0;n<e.length;n++){var r=e[n].nextElementSibling.querySelectorAll(".e-card-wrapper .e-card");(0,t.isNullOrUndefined)(e[n].nextElementSibling)||0!==r.length||((0,t.detach)(e[n].nextElementSibling),(0,t.detach)(e[n]))}},e.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("."+Qe)).forEach(function(e){(0,t.remove)(e)}),this.dragObj.element.style.removeProperty("width"),this.multiCloneRemove(),this.dragObj.selectedCards instanceof HTMLElement?(0,t.removeClass)([this.dragObj.selectedCards],Ge):(0,t.removeClass)(this.dragObj.selectedCards,Ge),clearInterval(this.dragObj.navigationInterval),this.dragObj.navigationInterval=null,"not-allowed"===document.body.style.cursor&&(document.body.style.cursor=""),[].slice.call(this.parent.element.querySelectorAll("."+Ee+"[style]")).forEach(function(e){e.style.cursor=""});var e="."+ye+":not(."+ve+")";([].slice.call(this.parent.element.querySelectorAll(e+" ."+he)).forEach(function(e){return(0,t.removeClass)([e],Ze)}),this.parent.externalDropObj)&&[].slice.call(this.parent.externalDropObj.element.querySelectorAll(e+" ."+he)).forEach(function(e){return(0,t.removeClass)([e],Ze)})},e.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},e.prototype.updateDroppedData=function(e,n,r){var a=this.parent.getCardDetails(e),i=(0,t.extend)({},a,null,!0);if(1===n.split(",").length&&(i[this.parent.keyField]=n),this.parent.swimlaneSettings.keyField&&this.parent.swimlaneSettings.allowDragAndDrop){var l=(0,t.closest)(r,"."+ye).previousElementSibling;if(this.parent.isAdaptive){var o=this.parent.layoutModule.kanbanRows[this.parent.layoutModule.swimlaneIndex].keyField;i[this.parent.swimlaneSettings.keyField]=o}else i[this.parent.swimlaneSettings.keyField]=this.getColumnKey(l)}this.dragObj.modifiedData.push(i)},e.prototype.changeOrder=function(e,t){var n,r=this,a=!1;if(!(n="Ascending"===this.kanbanObj.sortSettings.direction?t===this.dragObj.targetClone.previousElementSibling&&this.dragObj.targetClone.previousElementSibling&&this.dragObj.targetClone.previousElementSibling.previousElementSibling?this.dragObj.targetClone.previousElementSibling.previousElementSibling:this.dragObj.targetClone.previousElementSibling:this.dragObj.targetClone.nextElementSibling)||n.classList.contains(Ge)||n.classList.contains(Xe)||n.classList.contains(Qe))if(this.dragObj.targetClone.nextElementSibling&&"Ascending"===this.kanbanObj.sortSettings.direction)n=this.dragObj.targetClone.nextElementSibling;else{if(!this.dragObj.targetClone.previousElementSibling||"Descending"!==this.kanbanObj.sortSettings.direction)return;n=this.dragObj.targetClone.previousElementSibling}else a=!0;if(n.classList.contains(Ee)){var i=this.kanbanObj.getCardDetails(n)[this.kanbanObj.sortSettings.field];e.length>1&&"Descending"===this.kanbanObj.sortSettings.direction&&(e=e.reverse()),e.forEach(function(e,t){a?e[r.kanbanObj.sortSettings.field]=++i:1!==i&&t<=e[r.kanbanObj.sortSettings.field]?e[r.kanbanObj.sortSettings.field]=--i:1===i&&(e[r.kanbanObj.sortSettings.field]=t+1)})}},e.prototype.toggleVisible=function(e,n){var r=this,a="."+ie+":not(."+pe+")";[].slice.call(this.kanbanObj.element.querySelectorAll(a)).forEach(function(t){r.getColumnKey(t)===r.getColumnKey(n||e)&&r.kanbanObj.actionModule.columnToggle(t)});var i=(0,t.closest)(this.dragObj.draggedClone,"."+he);if(i){var l=(0,t.formatUnit)(i.offsetWidth-E);this.dragObj.draggedClone.style.width=l,this.dragObj.cloneElement.style.width=l}},e.prototype.multiCloneRemove=function(){var e=(0,t.isNullOrUndefined)(this.kanbanObj)?[]:[].slice.call(this.kanbanObj.element.querySelectorAll("."+nt));e.length>0&&([].slice.call(this.kanbanObj.element.querySelectorAll("."+rt)).forEach(function(e){return(0,t.remove)(e)}),e.forEach(function(e){var n=(0,t.closest)(e,"."+he);n&&(n.style.borderStyle="",n.querySelector("."+St)&&(0,t.removeClass)([n.querySelector("."+St)],tt),(0,t.removeClass)([n.querySelector("."+we)],tt))}),this.removeElement(this.dragObj.targetCloneMulti,this.kanbanObj))},e.prototype.calculateArgs=function(e){var t=this.getPageCoordinates(e);this.dragObj.pageY=t.pageY,this.dragObj.pageX=t.pageX,this.isDragging=!0,this.kanbanObj.isAdaptive&&this.kanbanObj.tooltipModule&&this.kanbanObj.tooltipModule.tooltipObj.close()},e.prototype.getPageCoordinates=function(e){var t=e.event;return t&&t.changedTouches?t.changedTouches[0]:e.changedTouches?e.changedTouches[0]:t||e},e.prototype.getColumnKey=function(e){return e&&e.getAttribute("data-key")?e.getAttribute("data-key").trim():""},e.prototype.updateScrollPosition=function(){var e=this;(0,t.isNullOrUndefined)(this.dragObj.navigationInterval)&&(this.dragObj.navigationInterval=window.setInterval(function(){e.autoScroll()},100))},e.prototype.autoScrollValidation=function(){var e=this.dragObj.pageY,t=this.dragObj.pageX,n={left:!1,right:!1,top:!1,bottom:!1},r=this.kanbanObj.element.querySelector("."+ue).getBoundingClientRect();e<r.top+30+window.pageYOffset&&e>r.top+window.pageYOffset&&(n.top=!0),e>r.bottom-30+window.pageYOffset&&e<r.bottom+window.pageYOffset&&(n.bottom=!0),t<r.left+30+window.pageXOffset&&t>r.left+window.pageXOffset&&(n.left=!0),t>r.right-30+window.pageXOffset&&t<r.right+window.pageXOffset&&(n.right=!0),this.dragEdges=n},e.prototype.autoScroll=function(){this.autoScrollValidation();var e=30;if(this.kanbanObj.isAdaptive){var n;if(this.dragEdges.top||this.dragEdges.bottom?n=this.dragObj.targetClone?(0,t.closest)(this.dragObj.targetClone,"."+we):(0,t.closest)(this.dragObj.draggedClone,"."+we):(this.dragEdges.right||this.dragEdges.left)&&(n=this.kanbanObj.element.querySelector("."+ue)),n){var r=n.offsetHeight<=n.scrollHeight,a=n.offsetWidth<=n.scrollWidth,i=n.scrollTop>=0&&n.scrollTop+n.offsetHeight<=n.scrollHeight,l=n.scrollLeft>=0&&n.scrollLeft+n.offsetWidth<=n.scrollWidth;if(r&&i&&(this.dragEdges.top||this.dragEdges.bottom)&&(n.scrollTop+=this.dragEdges.top?-66:e),a&&l&&(this.dragEdges.left||this.dragEdges.right))((this.parent.enableVirtualization?this.kanbanObj.virtualLayoutModule.getWidth():this.kanbanObj.layoutModule.getWidth())*(this.kanbanObj.columns.length-1)>n.scrollLeft||this.dragEdges.left)&&(n.scrollLeft+=this.dragEdges.left?-30:e)}}else{var o=this.kanbanObj.element.querySelector("."+ue),s=this.dragObj.targetClone.parentElement,d=o.offsetHeight<=o.scrollHeight,c=o.offsetWidth<=o.scrollWidth,p=d&&o.scrollTop>=0&&o.scrollTop+o.offsetHeight<=o.scrollHeight,h=c&&o.scrollLeft>=0&&o.scrollLeft+o.offsetWidth<=o.scrollWidth;p&&(this.dragEdges.top||this.dragEdges.bottom)&&(o.scrollTop+=this.dragEdges.top?-30:e,this.parent.swimlaneSettings.enableFrozenRows&&(this.dragObj.cloneElement.style.top=this.dragEdges.top?parseInt(this.dragObj.cloneElement.style.top,10)-e+"px":parseInt(this.dragObj.cloneElement.style.top,10)+e+"px"),s&&(s.scrollTop+=this.dragEdges.top?-30:e)),h&&(this.dragEdges.left||this.dragEdges.right)&&(o.scrollLeft+=this.dragEdges.left?-30:e,s&&(s.scrollLeft+=this.dragEdges.left?-30:e)),this.dragObj.pageY-window.scrollY<e?window.scrollTo(window.scrollX,window.scrollY-e):window.innerHeight-(this.dragObj.pageY-window.scrollY)<e&&window.scrollTo(window.scrollX,window.scrollY+e)}var u=this.dragObj.pageX-window.scrollX;u<e?window.scrollTo(window.scrollX-30,window.scrollY):window.innerWidth-u<e&&window.scrollTo(window.scrollX+30,window.scrollY)},e.prototype.unWireDragEvents=function(e){if(!(0,t.isNullOrUndefined)(e)&&!(0,t.isNullOrUndefined)(e.ej2_instances[0])){var n=e.ej2_instances[0];n&&!n.isDestroyed&&n.destroy()}},e}(),At=function(){function e(e){this.parent=e,this.isDragging=!1}return e.prototype.wireColumnDragEvents=function(e){this.dragArea=this.parent.element,this.dragInstance=new t.Draggable(e,{clone:!0,dragArea:this.dragArea,dragStart:this.columnDragStart.bind(this),drag:this.columnDrag.bind(this),dragStop:this.columnDragStop.bind(this),helper:this.columnDragHelper.bind(this),enableTapHold:this.parent.isAdaptive}),this.dropIndicator||(this.dropIndicator=(0,t.createElement)("div",{className:"e-kanban-column-indicator"}),document.body.appendChild(this.dropIndicator))},e.prototype.columnDragHelper=function(e){var n=this;if(this.draggedColumn=(0,t.closest)(e.sender.target,"."+ie),(0,t.isNullOrUndefined)(this.draggedColumn))return null;if(this.isStackedHeader=this.draggedColumn.classList.contains(pe),this.isStackedHeader){var r=this.getColumnIndex(this.draggedColumn),a=this.parent.stackedHeaders[r].keyFields.split(",").map(function(e){return e.trim()});this.contentCells=[],a.forEach(function(e){var t,r=Array.from(n.parent.element.querySelectorAll('.e-content-cells[data-key="'+e+'"]'));(t=n.contentCells).push.apply(t,r)})}else{var i=this.draggedColumn.getAttribute("data-key");this.contentCells=Array.from(this.parent.element.querySelectorAll('.e-content-cells[data-key="'+i+'"]'))}return(0,t.addClass)([this.draggedColumn],"e-kanban-dragging-header"),this.draggedIndex=this.getColumnIndex(this.draggedColumn),this.skeletonElement||(this.skeletonElement=(0,t.createElement)("div",{className:"e-kanban-column-skeleton"}),document.body.appendChild(this.skeletonElement)),this.createColumnSkeleton(),this.skeletonElement},e.prototype.columnDragStart=function(e){if(this.parent.allowColumnDragAndDrop){this.isDragging=!0;var n={cancel:!1,event:e,element:this.draggedColumn,fromIndex:this.draggedIndex,column:this.isStackedHeader?this.parent.stackedHeaders[this.draggedIndex]:this.parent.columns[this.draggedIndex]};if(this.parent.trigger(A,n),n.cancel)return this.resetDragState(),void this.dragInstance.intDestroy(e);(0,t.addClass)([this.draggedColumn],"e-dragged-header"),this.contentCells.forEach(function(e){(0,t.addClass)([e],"e-dragged-content")}),this.showColumnSkeleton(e)}},e.prototype.columnDrag=function(e){if(this.isDragging){var t=this.findTargetHeader(e);if(t){var n=this.draggedColumn.getAttribute("data-key"),r=t.getAttribute("data-key"),a=this.getParentStackedHeader(n),i=this.getParentStackedHeader(r);if(!this.isStackedHeader&&a){if(!i)return void(this.dropIndicator.style.display="none");if(a.keyFields!==i.keyFields)return void(this.dropIndicator.style.display="none")}if(!this.isStackedHeader&&a&&i&&a.keyFields!==i.keyFields)this.dropIndicator.style.display="none";else{this.targetIndex=this.getColumnIndex(t);var l=t.getBoundingClientRect(),o={event:e,element:this.draggedColumn,fromIndex:this.draggedIndex,toIndex:this.targetIndex,column:this.isStackedHeader?this.parent.stackedHeaders[this.draggedIndex]:this.parent.columns[this.draggedIndex]};this.parent.trigger(F,o),o.cancel?this.resetDragState():(this.dropIndicator.style.display="block",this.dropIndicator.style.left=l.left+window.pageXOffset+"px",this.dropIndicator.style.top=l.top+window.pageYOffset+"px",this.dropIndicator.style.height=l.height+"px")}}else this.dropIndicator.style.display="none"}},e.prototype.columnDragStop=function(e){if(this.isDragging){var t=this.findTargetHeader(e);if(t){var n=this.draggedColumn.getAttribute("data-key"),r=t.getAttribute("data-key"),a=this.getParentStackedHeader(n),i=this.getParentStackedHeader(r);if(!this.isStackedHeader&&a){if(!i)return void this.resetDragState();if(a.keyFields!==i.keyFields)return void this.resetDragState()}if(!this.isStackedHeader&&a&&i&&a.keyFields!==i.keyFields)this.resetDragState();else{var l=this.getColumnIndex(t),o=l,s={cancel:!1,event:e,element:this.draggedColumn,fromIndex:this.draggedIndex,toIndex:l,dropIndex:o,column:this.isStackedHeader?this.parent.stackedHeaders[this.draggedIndex]:this.parent.columns[this.draggedIndex]};this.parent.trigger(M,s),s.cancel||o===this.draggedIndex||(this.isStackedHeader?this.reorderStackedHeaders(this.draggedIndex,l):this.reorderColumns(this.draggedIndex,l)),this.resetDragState()}}else this.resetDragState()}},e.prototype.createColumnSkeleton=function(){if(this.skeletonElement&&this.draggedColumn){this.skeletonElement.innerHTML="",this.skeletonElement.style.display="block",this.skeletonElement.style.position="absolute",this.skeletonElement.style.zIndex="999",this.skeletonElement.style.width=(0,t.formatUnit)(this.draggedColumn.offsetWidth);var e=this.draggedColumn.cloneNode(!0);e.classList.add("e-kanban-skeleton-header"),this.skeletonElement.appendChild(e);var n=this.draggedColumn.getAttribute("data-key"),r=this.parent.element.getBoundingClientRect().height,a=(0,t.createElement)("div",{className:"e-kanban-skeleton-content"}),i=r-16;if(this.isStackedHeader)for(var l=0===(h=this.contentCells[0].childNodes[1].firstChild?this.contentCells[0].childNodes[1].firstChild.offsetHeight:0)?0:Math.floor(r/h),o=0;o<l;o++){var s=(0,t.createElement)("div",{className:"e-kanban-skeleton-card",styles:"height: "+h+"px;"});a.appendChild(s)}else{var d=this.parent.columns.find(function(e){return e.keyField.toString()===n});if(d&&d.allowToggle&&!d.isExpanded){var c=(0,t.createElement)("div",{className:"e-kanban-skeleton-empty-content",styles:"height: "+i+"px;"});a.appendChild(c)}else{var p=this.parent.element.querySelector('.e-content-cells[data-key="'+n+'"] .e-card'),h=void 0;p&&p.offsetHeight&&(h=Math.min(150,p.offsetHeight));for(l=null===p?0:Math.floor(r/h),o=0;o<l;o++){s=(0,t.createElement)("div",{className:"e-kanban-skeleton-card",styles:"height: "+h+"px;"});a.appendChild(s)}}}a.style.height=r+"px",this.skeletonElement.appendChild(a),this.skeletonElement.style.height=r+"px"}},e.prototype.showColumnSkeleton=function(e){if(this.skeletonElement){if(this.draggedColumn){var n=(0,t.closest)(this.draggedColumn,".e-kanban-header");n&&this.skeletonElement.parentElement!==n&&n.appendChild(this.skeletonElement)}this.skeletonElement.style.display="block"}},e.prototype.findTargetHeader=function(e){var n=e.target;if(this.isStackedHeader){var r=(0,t.closest)(n,"."+pe);if(r&&r!==this.draggedColumn)return r}else{var a=(0,t.closest)(n,"."+ie);if(a&&a!==this.draggedColumn)return a}return null},e.prototype.getParentStackedHeader=function(e){return this.parent.stackedHeaders&&0!==this.parent.stackedHeaders.length?this.parent.stackedHeaders.find(function(t){return-1!==t.keyFields.split(",").map(function(e){return e.trim()}).indexOf(e)}):null},e.prototype.getColumnIndex=function(e){return Array.from(e.parentElement.children).indexOf(e)},e.prototype.isColumnVisible=function(e){return this.parent.enableVirtualization?this.parent.virtualLayoutModule.isColumnVisible(e):this.parent.layoutModule.isColumnVisible(e)},e.prototype.getVisibleColumns=function(e){var t=this;return e.map(function(e,t){return{column:e,index:t}}).filter(function(e){var n=e.column;return t.isColumnVisible(n)})},e.prototype.reorderColumns=function(e,t){var n=this.getVisibleColumns(this.parent.columns),r=n[e].index,a=n[t].index,i=this.parent.columns.slice(),l=i.splice(r,1)[0];i.splice(a,0,l),this.parent.columns=i,this.parent.enableVirtualization?this.parent.virtualLayoutModule.refresh():this.parent.layoutModule.refresh()},e.prototype.reorderStackedHeaders=function(e,t){var n=this,r=this.parent.stackedHeaders.slice(),a=r.splice(e,1)[0];r.splice(t,0,a),this.parent.stackedHeaders=r;var i=new Map;r.forEach(function(e){var t=e.keyFields.split(",").map(function(e){return e.trim()});i.set(e.keyFields,[]),t.forEach(function(t){var r=n.parent.columns.findIndex(function(e){return e.keyField.toString()===t});-1!==r&&i.get(e.keyFields).push({column:n.parent.columns[r],index:r})})});var l=[];r.forEach(function(e){var t=i.get(e.keyFields)||[];t.sort(function(e,t){return e.index-t.index}),t.forEach(function(e){l.push(e.column)})}),this.parent.columns.forEach(function(e){r.some(function(t){return-1!==t.keyFields.split(",").map(function(e){return e.trim()}).indexOf(e.keyField.toString())})||-1!==l.indexOf(e)||l.push(e)}),this.parent.columns=l,this.parent.enableVirtualization?this.parent.virtualLayoutModule.refresh():this.parent.layoutModule.refresh()},e.prototype.resetDragState=function(){this.isDragging=!1,this.dropIndicator&&(this.dropIndicator.style.display="none"),this.skeletonElement&&(this.skeletonElement.style.display="none"),this.draggedColumn&&(0,t.removeClass)([this.draggedColumn],["e-kanban-dragging-header","e-dragged-header"]),this.contentCells&&this.contentCells.length&&(0,t.removeClass)(this.contentCells,"e-dragged-content"),this.draggedColumn=null,this.contentCells=null,this.isStackedHeader=!1},e.prototype.unwireColumnDragEvents=function(e){if(!(0,t.isNullOrUndefined)(e)){var n=e.ej2_instances;if(!(0,t.isNullOrUndefined)(n)&&n.length>0){var r=n[0];r&&!r.isDestroyed&&r.destroy()}}this.dropIndicator&&this.dropIndicator.parentElement&&((0,t.remove)(this.dropIndicator),this.dropIndicator=null),this.resetDragState()},e}(),Ft=d(778),Mt=d(323),Tt=function(){function e(e){this.preventUpdate=!1,this.parent=e}return e.prototype.openDialog=function(e,t){this.action=e,this.parent.activeCardData.data=t,this.renderDialog(t,e),this.dialogObj.show()},e.prototype.closeDialog=function(){this.dialogObj.hide()},e.prototype.renderDialog=function(e,r){this.element=(0,t.createElement)("div",{id:this.parent.element.id+"_dialog_wrapper"}),this.parent.element.appendChild(this.element);var a={buttons:this.getDialogButtons(r),content:this.getDialogContent(e,r),cssClass:_e,enableRtl:this.parent.enableRtl,header:this.parent.localeObj.getConstant("Add"===r?"addTitle":"Edit"===r?"editTitle":"deleteTitle"),height:"auto",isModal:!0,showCloseIcon:!0,width:"Delete"===r?400:350,visible:!1,beforeOpen:this.onBeforeDialogOpen.bind(this),beforeClose:this.onBeforeDialogClose.bind(this)};this.dialogObj=new n.Dialog((0,t.extend)(a,"Delete"!==r&&this.parent.dialogSettings.model||{}),this.element),"Delete"!==r&&this.applyFormValidation(),this.dialogObj.element.querySelector(".e-dlg-closeicon-btn").title=this.parent.localeObj.getConstant("close")},e.prototype.getDialogContent=function(e,n){if("Delete"===n)return this.parent.localeObj.getConstant("deleteContent");var r=(0,t.createElement)("div",{className:"e-kanban-form-wrapper"}),a=(0,t.createElement)("form",{id:this.parent.element.id+"EditForm",className:Ke,attrs:{onsubmit:"return false;"}});if(this.parent.dialogSettings.template){e&&(this.destroyComponents(),[].slice.call(a.childNodes).forEach(function(e){return(0,t.remove)(e)}));var i=this.parent.element.id+"_dialogTemplate",l=this.parent.templateParser(this.parent.dialogSettings.template)(e,this.parent,"dialogTemplate",i,!1);(0,t.append)(l,a),this.parent.renderTemplates()}else{var o=(0,t.createElement)("div",{className:"e-kanban-dialog-content"});a.appendChild(o);var s=(0,t.createElement)("table");o.appendChild(s);for(var d=0,c=this.getDialogFields();d<c.length;d++){var p=c[d],h=(0,t.createElement)("tr");s.appendChild(h),h.appendChild((0,t.createElement)("td",{className:"e-label",innerHTML:p.text?p.text:p.key}));var u=(0,t.createElement)("td");h.appendChild(u),u.appendChild(this.renderComponents(p))}}return r.appendChild(a),r},e.prototype.getDialogFields=function(){var e=this.parent.dialogSettings.fields;return 0===e.length&&(e=[{text:"ID",key:this.parent.cardSettings.headerField,type:"TextBox"},{key:this.parent.keyField,type:"DropDown"},{key:this.parent.cardSettings.contentField,type:"TextArea"}],this.parent.sortSettings.field&&e.splice(e.length-1,0,{key:this.parent.sortSettings.field,type:"TextBox"}),this.parent.swimlaneSettings.keyField&&e.splice(e.length-1,0,{key:this.parent.swimlaneSettings.keyField,type:"DropDown"})),e},e.prototype.getDialogButtons=function(e){var t="Delete"===e?"e-dialog-no":"e-dialog-cancel",n=[{buttonModel:{cssClass:"e-flat "+("Delete"===e?"e-dialog-yes":"Add"===e?"e-dialog-add":"e-dialog-edit"),isPrimary:!0,content:this.parent.localeObj.getConstant("Add"===e||"Edit"===e?"save":"yes")},click:this.dialogButtonClick.bind(this)},{buttonModel:{cssClass:"e-flat "+t,isPrimary:!1,content:this.parent.localeObj.getConstant("Add"===e||"Edit"===e?"cancel":"no")},click:this.dialogButtonClick.bind(this)}];if("Edit"===e){var r={buttonModel:{cssClass:"e-flat e-dialog-delete",isPrimary:!1,content:this.parent.localeObj.getConstant("delete")},click:this.dialogButtonClick.bind(this)};n.splice(0,0,r)}return n},e.prototype.renderComponents=function(e){var n,r,a,i=(0,t.createElement)("div",{className:e.key+"_wrapper"}),l=(0,t.createElement)("input",{className:Ye,attrs:{name:e.key}});i.appendChild(l);var o=this.parent.activeCardData.data?this.parent.activeCardData.data[e.key]:null;switch(e.type){case"DropDown":if(e.key===this.parent.keyField){var s=this.parent.enableVirtualization?this.parent.virtualLayoutModule.columnKeys:this.parent.layoutModule.columnKeys;if(this.parent.actionModule.hideColumnKeys.length>0){s=[];for(var d=0;d<this.parent.columns.length;d++){if(this.parent.enableVirtualization?this.parent.virtualLayoutModule.isColumnVisible(this.parent.columns[d]):this.parent.layoutModule.isColumnVisible(this.parent.columns[d]))s="number"==typeof this.parent.columns[d].keyField?s.concat(this.parent.columns[d].keyField.toString()):s.concat(this.parent.columns[d].keyField.split(",").map(function(e){return e.trim()}))}}r={dataSource:s,value:o?o.toString():o}}else e.key===this.parent.swimlaneSettings.keyField&&(r={dataSource:[].slice.call(this.parent.enableVirtualization?this.parent.virtualLayoutModule.kanbanRows:this.parent.layoutModule.kanbanRows),fields:{text:"textField",value:"keyField"},value:o});a=new Ft.DropDownList(r);break;case"Numeric":a=new Mt.NumericTextBox({value:o});break;case"TextBox":a=new Mt.TextBox({value:o}),o&&this.parent.cardSettings.headerField===e.key&&(a.enabled=!1);break;case"TextArea":(0,t.remove)(l),n=(0,t.createElement)("div"),l=(0,t.createElement)("textarea",{className:Ye,attrs:{name:e.key,rows:"3","aria-label":this.parent.cardSettings.contentField},innerHTML:o}),i.appendChild(n).appendChild(l)}return a&&a.appendTo(l),i},e.prototype.onBeforeDialogOpen=function(e){var t=this,n={data:this.parent.activeCardData.data,cancel:!1,element:this.element,target:this.parent.activeCardData.element,requestType:this.action};this.storeElement=document.activeElement,parseInt(e.maxHeight,10)<=250&&(e.maxHeight="250px"),this.parent.trigger(b,n,function(n){e.cancel=n.cancel,n.cancel&&t.destroy()})},e.prototype.onBeforeDialogClose=function(e){var n=this,r=this.getFormElements(),a={};if(e.isInteracted&&(this.preventUpdate=!0),!this.preventUpdate)for(var i=0,l=r;i<l.length;i++){var o=l[i],s=o.name||this.getColumnName(o);if(!(0,t.isNullOrUndefined)(s)&&""!==s){var d=this.getValueFromElement(o);s===this.parent.cardSettings.headerField&&(d="string"===this.getIDType()?d:parseInt(d,10)),a[s]=d}}this.preventUpdate=!1;var c={data:a=(0,t.extend)(this.parent.activeCardData.data,a),cancel:!1,element:this.element,requestType:this.action};this.parent.trigger(S,c,function(t){e.cancel=t.cancel,t.cancel||(n.cardData=c.data,n.destroy(),n.parent.actionModule.SingleCardSelection(n.cardData))})},e.prototype.getIDType=function(){return 0!==this.parent.kanbanData.length?typeof this.parent.kanbanData[0][this.parent.cardSettings.headerField]:"string"},e.prototype.applyFormValidation=function(){for(var e=this,t=this.element.querySelector("."+Ke),n={},r=0,a=this.parent.dialogSettings.fields;r<a.length;r++){var i=a[r];n[i.key]=i.validationRules&&Object.keys(i.validationRules).length>0?i.validationRules:null}this.formObj=new Mt.FormValidator(t,{rules:n,customPlacement:function(t,n){var r=n.getAttribute("for");e.element.querySelector("#"+r+"_Error")||e.createTooltip(t,n,r,"")},validationComplete:function(t){var n=e.element.querySelector("#"+t.inputName+"_Error");n&&(n.style.display="failure"===t.status?"":"none")}})},e.prototype.createTooltip=function(e,n,r,a){var i,l,o=e.parentElement.getBoundingClientRect();this.element.classList.contains(_e)?(i=this.element,l=this.element.getBoundingClientRect()):l=(i=this.element.querySelector(".e-kanban-dialog .e-dlg-content")).getBoundingClientRect();var s=(0,t.createElement)("div",{className:"e-tooltip-wrap e-popup "+We,id:r+"_Error",styles:"display:"+a+";top:"+(o.bottom-l.top+i.scrollTop+9)+"px;left:"+(o.left-l.left+i.scrollLeft+o.width/2)+"px;"}),d=(0,t.createElement)("div",{className:"e-tip-content"});d.appendChild(n);var c=(0,t.createElement)("div",{className:"e-arrow-tip e-tip-top"});c.appendChild((0,t.createElement)("div",{className:"e-arrow-tip-outer e-tip-top"})),c.appendChild((0,t.createElement)("div",{className:"e-arrow-tip-inner e-tip-top"})),s.appendChild(d),s.appendChild(c),i.appendChild(s),s.style.left=parseInt(s.style.left,10)-s.offsetWidth/2+"px"},e.prototype.destroyToolTip=function(){this.element&&this.element.querySelectorAll("."+We).forEach(function(e){return(0,t.remove)(e)}),this.formObj&&this.formObj.element&&this.formObj.reset()},e.prototype.dialogButtonClick=function(e){var n=e.target.cloneNode(!0);(0,t.isNullOrUndefined)(e.keyCode)||13!==e.keyCode||(n=this.dialogObj.element.querySelector(".e-footer-content button.e-primary").cloneNode(!0));var r=this.formObj.element.id;if(document.getElementById(r)&&this.formObj.validate()&&(n.classList.contains("e-dialog-edit")||n.classList.contains("e-dialog-add"))&&(this.dialogObj.hide(),!(0,t.isNullOrUndefined)(this.cardData))){if(n.classList.contains("e-dialog-edit")){var a=this.parent.activeCardData,i=void 0;a.data[this.parent.keyField]===this.cardData[this.parent.keyField]&&a.element&&(i=[].slice.call(a.element.parentElement.children).indexOf(a.element)),this.parent.enableHtmlSanitizer&&"string"==typeof this.cardData[this.parent.cardSettings.contentField]&&(this.cardData[this.parent.cardSettings.contentField]=t.SanitizeHtmlHelper.sanitize(this.cardData[this.parent.cardSettings.contentField])),this.parent.crudModule.updateCard(this.cardData,i)}n.classList.contains("e-dialog-add")&&this.parent.crudModule.addCard(this.cardData),this.parent.actionModule.SingleCardSelection(this.cardData),this.cardData=null}n.classList.contains("e-dialog-edit")||n.classList.contains("e-dialog-add")||(n.classList.contains("e-dialog-cancel")&&(this.preventUpdate=!0),this.dialogObj.hide(),n.classList.contains("e-dialog-yes")?this.parent.crudModule.deleteCard(this.parent.activeCardData.data):n.classList.contains("e-dialog-no")?this.openDialog("Edit",this.parent.activeCardData.data):n.classList.contains("e-dialog-delete")&&this.openDialog("Delete",this.parent.activeCardData.data))},e.prototype.getFormElements=function(){for(var e=[],t=0,n=[].slice.call(this.element.querySelectorAll("."+Ye));t<n.length;t++){var r=n[t];r.classList.contains("e-control")?e.push(r):r.querySelector(".e-control")?e.push(r.querySelector(".e-control")):e.push(r)}return e},e.prototype.getColumnName=function(e){var n=e.getAttribute("data-name")||"";if(""===n){var r=!1,a="";e.classList.contains("e-dropdownlist")||e.classList.contains("e-multiselect")?(a=e.classList.contains("e-dropdownlist")?"e-ddl":"e-multiselect",r=!0):e.classList.contains("e-numerictextbox")&&(a="e-numeric");var i=r?"."+a+":not(.e-control)":"."+a,l=(0,t.closest)(e,i)||e.querySelector("."+a);if(l){var o=l.querySelector("[name]");o&&(n=o.name)}}return n},e.prototype.getValueFromElement=function(e){return e.classList.contains("e-dropdownlist")||e.classList.contains("e-multiselect")?e.ej2_instances[0].value:e.classList.contains("e-checkbox")?e.ej2_instances[0].checked:"checkbox"===e.type?e.checked:e.value},e.prototype.destroyComponents=function(){for(var e=0,t=this.getFormElements();e<t.length;e++){var n=t[e].ej2_instances;n&&n.length>0&&n.forEach(function(e){return e.destroy()}),this.parent.isReact&&this.formObj&&this.formObj.element.remove()}},e.prototype.destroy=function(){this.destroyToolTip(),this.destroyComponents(),this.dialogObj&&(this.dialogObj.destroy(),this.storeElement.focus(),this.dialogObj=null,(0,t.remove)(this.element),this.element=null)},e}(),jt=function(){function e(e){this.keyConfigs={firstCardSelection:"36",lastCardSelection:"35",upArrow:"38",downArrow:"40",rightArrow:"39",leftArrow:"37",multiSelectionEnter:"ctrl+13",multiSelectionSpace:"ctrl+32",multiSelectionByUpArrow:"shift+38",multiSelectionByDownArrow:"shift+40",shiftTab:"shift+tab",enter:"13",tab:"tab",delete:"46",escape:"27",space:"32"},this.parent=e,this.parent.element.tabIndex=-1===this.parent.element.tabIndex?0:this.parent.element.tabIndex,this.keyboardModule=new t.KeyboardEvents(this.parent.element,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.multiSelection=!1}return e.prototype.keyActionHandler=function(e){var n=this,r=this.parent.element.querySelectorAll("."+Ee+"."+at).item(0);if(r||(0,t.closest)(document.activeElement,"."+G)){var a,i=[];switch(e.action){case"upArrow":case"downArrow":case"multiSelectionByUpArrow":case"multiSelectionByDownArrow":e.preventDefault(),this.processUpDownArrow(e.action,r);break;case"rightArrow":case"leftArrow":this.processLeftRightArrow(e);break;case"firstCardSelection":case"lastCardSelection":this.processCardSelection(e.action,r);break;case"multiSelectionEnter":case"multiSelectionSpace":document.activeElement&&this.parent.actionModule.cardSelection(document.activeElement,!0,!1);break;case"space":case"enter":this.processEnter(e,r);break;case"escape":if(document.activeElement.classList.contains(Ee)||document.activeElement.classList.contains(St))if(document.activeElement.classList.contains(at))(0,t.removeClass)([document.activeElement],at),document.activeElement.focus();else{var l=(0,t.closest)(document.activeElement,"."+he),o=[].slice.call(l.querySelectorAll("."+Ee));(0,t.removeClass)(o,at),l.focus(),this.cardTabIndexRemove(),this.addRemoveTabIndex("Add")}break;case"tab":case"shiftTab":a=(0,t.closest)(document.activeElement,"."+he),document.activeElement.classList.contains(Ee)&&(document.activeElement.nextElementSibling||"tab"!==e.action||e.preventDefault(),!document.activeElement.previousElementSibling&&a.querySelector("."+St)&&"tab"===e.action&&(0,t.addClass)([a.querySelector("."+St)],wt)),document.activeElement.classList.contains(St)&&(!a.querySelector("."+Ee)&&"tab"===e.action||"shiftTab"===e.action)&&e.preventDefault(),document.activeElement.classList.contains(G)&&(this.cardTabIndexRemove(),this.parent.keyboardModule.addRemoveTabIndex("Add"));break;case"delete":[].slice.call(this.parent.element.querySelectorAll("."+Ee+"."+at)).forEach(function(e){i.push(n.parent.getCardDetails(e))}),this.parent.crudModule.deleteCard(i)}}},e.prototype.processCardSelection=function(e,n){if(n){(0,t.removeClass)([n],at),this.parent.enableVirtualization?this.parent.virtualLayoutModule.disableAttributeSelection(n):this.parent.layoutModule.disableAttributeSelection(n);var r=this.parent.actionModule.selectionArray;r.splice(r.indexOf(n.getAttribute("data-id")),1)}this.cardTabIndexRemove();var a=[].slice.call(this.parent.element.querySelectorAll("."+Ee)),i="firstCardSelection"===e?a[0]:a[a.length-1];this.parent.actionModule.cardSelection(i,!1,!1),this.addRemoveTabIndex("Remove"),i.focus(),[].slice.call((0,t.closest)(i,"."+he).querySelectorAll("."+Ee)).forEach(function(e){e.setAttribute("tabindex","0")})},e.prototype.processLeftRightArrow=function(e){document.activeElement.classList.contains(he)&&("rightArrow"===e.action&&document.activeElement.nextElementSibling?document.activeElement.nextElementSibling.focus():"leftArrow"===e.action&&document.activeElement.previousElementSibling&&document.activeElement.previousElementSibling.focus())},e.prototype.processUpDownArrow=function(e,n){if("upArrow"===e&&document.activeElement){if(document.activeElement.classList.contains(Ee)&&document.activeElement.previousElementSibling)document.activeElement.previousElementSibling.focus();else if(document.activeElement.classList.contains(St)){document.activeElement.setAttribute("tabindex","-1"),(0,t.removeClass)([document.activeElement],wt);var r=(0,t.closest)(document.activeElement,"."+he);r.querySelectorAll("."+Ee).length>0&&[].slice.call(r.querySelectorAll("."+Ee)).slice(-1)[0].focus()}this.removeSelection()}else if("downArrow"===e&&document.activeElement&&document.activeElement.classList.contains(Ee)){if(document.activeElement.nextElementSibling)document.activeElement.nextElementSibling.focus();else if((0,t.closest)(document.activeElement,"."+we).nextElementSibling){var a=(0,t.closest)(document.activeElement,"."+we).nextElementSibling;a.setAttribute("tabindex","0"),(0,t.addClass)([a],wt),a.focus()}this.removeSelection()}if(("multiSelectionByUpArrow"===e||"multiSelectionByDownArrow"===e)&&n&&"Multiple"===this.parent.cardSettings.selectionType){var i=void 0;(i="multiSelectionByUpArrow"===e?document.activeElement.previousElementSibling:document.activeElement.nextElementSibling)&&(this.parent.actionModule.cardSelection(i,!1,!0),i.focus(),this.multiSelection=!0)}},e.prototype.removeSelection=function(){if(this.multiSelection){var e=this.parent.getSelectedCards();e.length>0&&((0,t.removeClass)(e,at),this.parent.enableVirtualization?this.parent.virtualLayoutModule.disableAttributeSelection(e):this.parent.layoutModule.disableAttributeSelection(e)),this.multiSelection=!1}},e.prototype.cardTabIndexRemove=function(){[].slice.call(this.parent.element.querySelectorAll("."+Ee)).forEach(function(e){e.setAttribute("tabindex","-1")}),[].slice.call(this.parent.element.querySelectorAll("."+St)).forEach(function(e){e.setAttribute("tabindex","-1"),(0,t.removeClass)([e],wt)})},e.prototype.processEnter=function(e,t){"space"===e.action&&e.preventDefault();var n=e.target;if(n.classList.contains(de)&&this.parent.actionModule.columnExpandCollapse(e),(n.classList.contains(be)||n.classList.contains(Se))&&this.parent.actionModule.rowExpandCollapse(e),document.activeElement.classList.contains(Ee)&&this.parent.actionModule.cardSelection(document.activeElement,!1,!1),document.activeElement.classList.contains(St)&&(this.parent.dialogModule.dialogObj||this.parent.actionModule.addButtonClick(document.activeElement),document.activeElement.focus()),n.classList.contains(he)){var r=[].slice.call(n.querySelectorAll("."+Ee));this.addRemoveTabIndex("Remove"),r.length>0&&(n.querySelector("."+Ee).focus(),r.forEach(function(e){e.setAttribute("tabindex","0")})),n.querySelector("."+St)&&(n.querySelector("."+St).setAttribute("tabindex","0"),n.querySelector("."+St).focus())}t===document.activeElement&&1===this.parent.element.querySelectorAll("."+at).length&&(this.parent.activeCardData={data:this.parent.getCardDetails(t),element:t},this.parent.dialogModule.dialogObj||this.parent.dialogModule.openDialog("Edit",this.parent.getCardDetails(t)),t.focus())},e.prototype.addRemoveTabIndex=function(e){var t="Add"===e?"0":"-1",n=[].slice.call(this.parent.element.querySelectorAll("."+de));n.length>0&&n.forEach(function(e){e.setAttribute("tabindex",t)});var r=[].slice.call(this.parent.element.querySelectorAll("."+be));r.length>0&&r.forEach(function(e){e.setAttribute("tabindex",t)});var a="."+ye+":not(."+ve+") ."+he;[].slice.call(this.parent.element.querySelectorAll(a)).forEach(function(e){e.setAttribute("tabindex",t)})},e.prototype.destroy=function(){this.keyboardModule.destroy()},e}(),qt=function(){function e(e){this.parent=e,this.renderTooltip()}return e.prototype.renderTooltip=function(){this.tooltipObj=new n.Tooltip({cssClass:this.parent.cssClass+" e-kanban-tooltip",enableRtl:this.parent.enableRtl,mouseTrail:!this.parent.isAdaptive,offsetY:5,position:"BottomCenter",showTipPointer:!0,target:"."+it,beforeRender:this.onBeforeRender.bind(this),beforeClose:this.onBeforeClose.bind(this)}),this.tooltipObj.appendTo(this.parent.element),this.tooltipObj.isStringTemplate=!0},e.prototype.onBeforeRender=function(e){if(this.parent.dragAndDropModule.isDragging)e.cancel=!0;else{var n;if(this.parent.tooltipTemplate){n=(0,t.createElement)("div");var r=(0,t.closest)(e.target,"."+Ee),a=this.parent.getCardDetails(r),i=this.parent.element.id+"_tooltipTemplate",l=this.parent.templateParser(this.parent.tooltipTemplate)(a,this.parent,"tooltipTemplate",i,!1);(0,t.append)(l,n),this.parent.renderTemplates()}else n=(0,t.initializeCSPTemplate)(function(){return'<div class="e-card-header-caption">'+e.target.innerText+"</div>"});this.tooltipObj.setProperties({content:n},!0)}},e.prototype.onBeforeClose=function(){this.parent.resetTemplates(["tooltipTemplate"])},e.prototype.destroy=function(){this.tooltipObj.destroy(),(0,t.addClass)([this.parent.element],"e-control"),this.tooltipObj=null},e}(),Rt=d(741),Ht=function(){function e(e){this.parent=e,this.tabHold=!1}return e.prototype.wireTouchEvents=function(){this.element=this.parent.element.querySelector("."+ue),this.touchObj=new t.Touch(this.element,{tapHold:this.tapHoldHandler.bind(this)})},e.prototype.tapHoldHandler=function(e){this.tabHold=!0;var n=(0,t.closest)(e.originalEvent.target,"."+Ee);n&&"Multiple"===this.parent.cardSettings.selectionType&&(this.parent.actionModule.cardSelection(n,!0,!1),this.mobilePopup||(this.renderMobilePopup(),this.mobilePopup.show()),this.updatePopupContent())},e.prototype.renderMobilePopup=function(){if("Multiple"===this.parent.cardSettings.selectionType){var e=(0,t.createElement)("div",{className:"e-mobile-popup-wrapper e-popup-close",innerHTML:'<div class="e-popup-header"><button class="'+vt+'"></button></div><div class="'+bt+'"></div>'});document.body.appendChild(e),(0,t.addClass)([e],Z),this.mobilePopup=new n.Popup(e,{targetType:"container",enableRtl:this.parent.enableRtl,hideAnimation:{name:"ZoomOut"},showAnimation:{name:"ZoomIn"},collision:{X:"fit",Y:"fit"},position:{X:"left",Y:"top"},viewPortElement:document.body,zIndex:1004,close:this.popupClose.bind(this)});var r=this.mobilePopup.element.querySelector("."+vt),a=new Rt.Button({cssClass:"e-flat e-round e-small",enableRtl:this.parent.enableRtl,iconCss:$+" e-close-icon"});a.appendTo(r),a.isStringTemplate=!0,t.EventHandler.add(r,"click",this.closeClick,this)}},e.prototype.getPopupContent=function(){var e,t=this.parent.getSelectedCards();return t.length>1?e="("+t.length+") "+this.parent.localeObj.getConstant("cardsSelected"):1===t.length&&(e=" "+this.parent.getCardDetails(t[0])[this.parent.cardSettings.headerField]),e},e.prototype.updatePopupContent=function(){if(this.mobilePopup){var e=this.getPopupContent();e?this.mobilePopup.element.querySelector("."+bt).textContent=e:this.mobilePopup.hide()}},e.prototype.closeClick=function(){this.parent.touchModule.mobilePopup.hide()},e.prototype.popupClose=function(){this.popupDestroy()},e.prototype.popupDestroy=function(){if(this.mobilePopup&&this.mobilePopup.element){var e=this.mobilePopup.element.querySelector(".e-control.e-btn").ej2_instances[0];e&&e.destroy(),this.mobilePopup.destroy(),(0,t.remove)(this.mobilePopup.element),this.mobilePopup=null}},e.prototype.unWireTouchEvents=function(){this.touchObj&&this.touchObj.destroy(),this.touchObj=null,this.element=null},e.prototype.destroy=function(){this.popupDestroy(),this.unWireTouchEvents(),this.tabHold=!1},e}(),Lt=d(215),Pt=function(){function e(e){this.parent=e}return e.prototype.renderSwimlaneHeader=function(){var e=(0,t.createElement)("div",{className:lt,innerHTML:'<div class="'+ot+'"><div class="e-toolbar-menu"><div class="e-icons '+st+'"></div></div><div class="e-toolbar-level-title"><div class="'+dt+'"></div></div></div>'});this.parent.element.appendChild(e),t.EventHandler.add(e.querySelector("."+st),"click",this.menuClick,this)},e.prototype.renderSwimlaneTree=function(){var e=this.parent.element.querySelector("."+lt).offsetHeight,r=window.innerHeight-e;this.popupOverlay=(0,t.createElement)("div",{className:ct,styles:"height: "+r+"px;"});var a=(0,t.createElement)("div",{className:pt,styles:"top:"+e+"px;"}),i=(0,t.createElement)("div",{className:ht+" e-popup-close",styles:"height: "+r+"px;"});a.appendChild(i),a.appendChild(this.popupOverlay),this.parent.element.appendChild(a);var l=(0,t.createElement)("div",{className:"e-swimlane-tree"});i.appendChild(l);var o=this.parent.enableVirtualization?this.parent.virtualLayoutModule.kanbanRows:this.parent.layoutModule.kanbanRows;this.treeViewObj=new Lt.TreeView({cssClass:this.parent.cssClass,enableRtl:this.parent.enableRtl,fields:{dataSource:o,id:"keyField",text:"textField"},nodeTemplate:this.parent.swimlaneSettings.template,nodeClicked:this.treeSwimlaneClick.bind(this),drawNode:this.drawNode.bind(this)}),this.treeViewObj.appendTo(l);var s={targetType:"relative",actionOnScroll:"none",enableRtl:this.parent.enableRtl,zIndex:10,hideAnimation:{name:"SlideLeftOut",duration:500},showAnimation:{name:"SlideLeftIn",duration:500},viewPortElement:this.parent.element.querySelector("."+ue)};s.content=this.treeViewObj.element,this.treePopup=new n.Popup(i,s)},e.prototype.menuClick=function(){if(this.parent.element.querySelector("."+ht).classList.contains("e-popup-open"))this.treePopup.hide(),(0,t.removeClass)([this.popupOverlay],"e-enable");else{var e=[].slice.call(this.treeViewObj.element.querySelectorAll(".e-list-item"));(0,t.removeClass)(e,"e-active"),(0,t.addClass)([e[this.parent.layoutModule.swimlaneIndex]],"e-active"),this.treePopup.show(),(0,t.addClass)([this.popupOverlay],"e-enable")}},e.prototype.treeSwimlaneClick=function(e){this.treePopup.hide();var t=[].slice.call(this.treeViewObj.element.querySelectorAll(".e-list-item"));this.parent.layoutModule.swimlaneIndex=t.indexOf(e.node),this.parent.layoutModule.scrollLeft=0,this.parent.notify(w,{processedData:this.parent.kanbanData}),e.event.preventDefault()},e.prototype.hidePopup=function(){this.treePopup.hide(),(0,t.removeClass)([this.popupOverlay],"e-enable")},e.prototype.getWidth=function(){return 80*window.innerWidth/100},e.prototype.drawNode=function(e){if(this.parent.swimlaneSettings.template&&this.parent.isReact){var n=this.parent.element.id+"_treeviewTemplate",r=this.parent.templateParser(this.parent.swimlaneSettings.template)(e.nodeData,this.parent,"nodeTemplate",n,!1);(0,t.append)(r,e.node.querySelector(".e-list-text"))}},e}(),It=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)}}(),Nt=function(e){function n(t){var n=e.call(this,t)||this;return n.kanbanRows=[],n.parent=t,n.columnKeys=[],n.swimlaneIndex=0,n.swimlaneData={},n.scrollLeft=0,n.frozenOrder=0,n.parent.on(w,n.initRender,n),n.parent.on(C,n.scrollUiUpdate,n),n}return It(n,e),n.prototype.initRender=function(){if(0!==this.parent.columns.length){if(this.columnData=this.getColumnCards(),this.kanbanRows=this.getRows(),this.swimlaneData=this.getSwimlaneCards(),this.parent.isAdaptive){var e=this.parent.element.querySelector("."+ue);e&&(this.scrollLeft=e.scrollLeft)}this.destroy(),this.parent.on(w,this.initRender,this),this.parent.on(C,this.scrollUiUpdate,this),this.parent.isAdaptive&&this.parent.swimlaneSettings.keyField&&0!==this.parent.kanbanData.length&&this.renderSwimlaneHeader();var n=(0,t.createElement)("div",{className:re});this.parent.element.appendChild(n),this.renderHeader(n),this.renderContent(),this.renderCards(),this.renderValidation(),this.parent.renderTemplates(),this.parent.notify(C,{}),this.wireEvents(),this.parent.isInitialRender&&(this.parent.isInitialRender=!1)}},n.prototype.renderHeader=function(e){var n=(0,t.createElement)("div",{className:this.parent.swimlaneSettings.keyField?te:""});e.appendChild(n);var r=(0,t.createElement)("table",{className:ne+" "+ae});n.appendChild(r),this.renderColGroup(r);var a=(0,t.createElement)("thead"),i=(0,t.createElement)("tbody",{className:"e-hide",innerHTML:"<tr><td></td></tr>",attrs:{role:"rowgroup"}});r.appendChild(i),r.appendChild(a),this.parent.stackedHeaders.length>0&&a.appendChild(this.createStackedRow(this.parent.stackedHeaders));var l=(0,t.createElement)("tr",{className:fe});a.appendChild(l);for(var o=function(e){if(s.isColumnVisible(e)){var n=s.parent.actionModule.columnToggleArray.indexOf(e.keyField.toString()),r=(0,t.createElement)("th",{className:-1===n?ie:ie+" "+Ve,attrs:{"data-role":"kanban-column","data-key":e.keyField.toString(),scope:"col"}}),a=[];e.allowToggle&&(a.push(me),e.isExpanded||a.push(Ve)),(0,t.addClass)([r],a);var i=(0,t.createElement)("div",{className:le});r.appendChild(i),s.columnData=s.getColumnCards(s.parent.kanbanData);var o=s.columnData[e.keyField].length,d=(0,t.createElement)("div",{className:oe});if(i.appendChild(d),e.template){var c={keyField:e.keyField,headerText:e.headerText,minCount:e.minCount,maxCount:e.maxCount,allowToggle:e.allowToggle,isExpanded:e.isExpanded,showItemCount:e.showItemCount,count:o};(0,t.addClass)([r],ee);var p=s.parent.element.id+"_columnTemplate",u=s.parent.templateParser(e.template)(c,s.parent,"columnTemplate",p,!1);(0,t.append)(u,d)}else{var g=(0,t.createElement)("div",{className:se,innerHTML:e.headerText});if(d.appendChild(g),e.showItemCount){var m=(0,t.createElement)("div",{className:Ce,innerHTML:"- "+o.toString()+" "+s.parent.localeObj.getConstant("items")});d.appendChild(m)}}if(e.allowToggle){var f=!(!e.isExpanded||-1!==n),y=f?Be:Ue,v=(0,t.createElement)("div",{className:de+" "+$+" "+y,attrs:{tabindex:"0",role:"button"}});v.setAttribute("aria-label",f?e.keyField+" Expand":e.keyField+" Collapse"),r.setAttribute("aria-expanded",f.toString()),i.appendChild(v)}var b={data:[{keyField:e.keyField,textField:e.headerText,count:o}],element:l,cancel:!1,requestType:"headerRow"};s.parent.trigger(h,b,function(e){e.cancel||l.appendChild(r)})}},s=this,d=0,c=this.parent.columns;d<c.length;d++){o(c[d])}},n.prototype.renderContent=function(){var e=(0,t.createElement)("div",{className:ue});this.parent.element.appendChild(e);var n=(0,t.createElement)("div",{className:this.parent.swimlaneSettings.keyField?te:""});e.appendChild(n);var r=(0,t.createElement)("table",{className:ne+" "+ge,attrs:{role:"presentation"}});n.appendChild(r),this.renderColGroup(r);for(var a=(0,t.createElement)("thead",{className:"e-hide",attrs:{role:"none"}}),i=0,l=this.parent.columns;i<l.length;i++){var o=l[i],s=(0,t.createElement)("th",{id:o.keyField,innerHTML:o.keyField,attrs:{scope:"col"}});s.style.display="none",a.appendChild(s)}r.appendChild(a);var d=(0,t.createElement)("tbody",{attrs:{role:"treegrid","aria-label":"Kanban Content"}});r.appendChild(d);var c=!1;this.swimlaneRow=this.kanbanRows,this.initializeSwimlaneTree();for(var p=0,h=this.swimlaneRow;p<h.length;p++){var u=h[p];if(this.parent.swimlaneSettings.keyField&&0!==this.parent.swimlaneToggleArray.length)c=-1!==this.parent.swimlaneToggleArray.indexOf(u.keyField);this.parent.swimlaneSettings.keyField&&!this.parent.isAdaptive&&this.renderSwimlaneRow(d,u,c),this.renderSingleContent(d,u,c)}},n.prototype.renderSingleContent=function(e,n,r){for(var a=r?ye+" "+Ve:ye,i=(0,t.createElement)("tr",{className:a,attrs:{role:"row","aria-label":n.keyField+"row content"}}),l=0,o=this.parent.columns;l<o.length;l++){var s=o[l];if(this.isColumnVisible(s)){var d=this.parent.actionModule.columnToggleArray.indexOf(s.keyField.toString()),c=-1===d?he:he+" "+Ve,p=(s.allowDrag?" "+xe:"")+(s.allowDrop?" "+Oe+" "+De:""),u=(0,t.createElement)("td",{className:c+p,attrs:{"data-role":"kanban-column","data-key":s.keyField.toString(),tabindex:"0","aria-describedby":s.keyField.toString(),role:"gridcell"}});if(s.allowToggle&&!s.isExpanded||-1!==d){(0,t.addClass)([u],Ve);var g=(s.showItemCount?"["+this.getColumnData(s.keyField,this.swimlaneData[n.keyField]).length+"] ":"")+s.headerText;u.appendChild((0,t.createElement)("div",{className:ze,innerHTML:g})),u.setAttribute("aria-expanded","false")}if(s.showAddButton){var m=(0,t.createElement)("div",{className:St,attrs:{tabindex:"-1"}});m.appendChild((0,t.createElement)("div",{className:Ct+" "+$})),s.isExpanded||(0,t.addClass)([m],Ve),u.appendChild(m)}i.appendChild(u)}}var f={data:[{keyField:n.keyField,textField:n.textField,count:n.count}],element:i,cancel:!1,requestType:"contentRow"};this.parent.trigger(h,f,function(t){t.cancel||(e.classList.contains("e-swimlane-row")?e.insertAdjacentElement("beforebegin",i):e.appendChild(i))})},n.prototype.initializeSwimlaneTree=function(){if(this.parent.swimlaneSettings.keyField&&this.parent.isAdaptive&&0!==this.parent.kanbanData.length){var e=this.parent.element.querySelector("."+dt);if(this.swimlaneRow=[this.kanbanRows[this.swimlaneIndex]],this.renderSwimlaneTree(),this.parent.swimlaneSettings.template){var n=this.swimlaneData[this.swimlaneRow[0].keyField].length,r=(0,t.extend)({},this.swimlaneRow[0],{count:n},!0),a=this.parent.templateParser(this.parent.swimlaneSettings.template)(r,this.parent,"swimlaneTemplate","",!1);e.appendChild(a[0])}else if(e.innerHTML=this.swimlaneRow[0].textField,this.parent.swimlaneSettings.showItemCount){n=this.swimlaneData[this.swimlaneRow[0].keyField].length;var i=this.parent.element.querySelector("."+ot),l=void 0,o=void 0;(0,t.isNullOrUndefined)(i)||(l=(0,t.createElement)("div",{className:"e-toolbar-swimlane-item-count"}),o=(0,t.createElement)("div",{className:Ce}),l.appendChild(o),i.appendChild(l)),o.innerHTML="- "+n+" "+this.parent.localeObj.getConstant("items")}}},n.prototype.renderSwimlaneRow=function(e,n,r){var a=ye+" "+ve,i=r?" "+Ve:"",l=(0,t.createElement)("tr",{className:a+i,attrs:{"aria-label":n.keyField+" row header",role:"row","data-key":n.keyField,"aria-expanded":(!r).toString()}}),o=this.parent.columns.length-this.parent.actionModule.hideColumnKeys.length,s=(0,t.createElement)("td",{className:he,attrs:{"data-role":"kanban-column",role:"gridcell",colspan:o.toString()}}),d=(0,t.createElement)("div",{className:lt});s.appendChild(d);var c=r?Se:be,p=(0,t.createElement)("div",{className:$+" "+c,attrs:{tabindex:"0",role:"button","aria-label":r?n.keyField+" Collapse":n.keyField+" Expand"}});d.appendChild(p);var u=(0,t.createElement)("div",{className:le});d.appendChild(u);var g=this.swimlaneData[n.keyField].length;if(this.parent.swimlaneSettings.template){var m=(0,t.extend)({},n,{count:g},!0);(0,t.addClass)([s],ee);var f=this.parent.element.id+"_swimlaneTemplate",y=this.parent.templateParser(this.parent.swimlaneSettings.template)(m,this.parent,"swimlaneTemplate",f,!1);(0,t.append)(y,u)}else u.appendChild((0,t.createElement)("div",{className:"e-swimlane-text",innerHTML:n.textField,attrs:{"data-role":n.textField}}));this.parent.swimlaneSettings.showItemCount&&d.appendChild((0,t.createElement)("div",{className:Ce,innerHTML:"- "+g.toString()+" "+this.parent.localeObj.getConstant("items")})),l.appendChild(s);var v={data:[{keyField:n.keyField,textField:n.textField,count:n.count}],element:l,cancel:!1,requestType:"swimlaneRow"};this.parent.trigger(h,v,function(t){t.cancel||(e.classList.contains("e-swimlane-row")?e.insertAdjacentElement("beforebegin",l):e.appendChild(l))})},n.prototype.renderCards=function(){var e=this,n=this.swimlaneRow,r=[].slice.call(this.parent.element.querySelectorAll(".e-content-row:not(.e-swimlane-row)")),a=[].slice.call(this.parent.element.querySelectorAll(".e-content-row.e-swimlane-row")),i=[],l=!1;r.forEach(function(r,o){for(var s=0,d=function(a){if(e.isColumnVisible(a)){var i=e.parent.swimlaneSettings.keyField?e.getColumnData(a.keyField,e.parent.swimlaneSettings.showEmptyRow&&(0,t.isNullOrUndefined)(e.swimlaneData[n[o].keyField])?[]:e.swimlaneData[n[o].keyField]):e.columnData[a.keyField];s+=i.length;var d=r.querySelector('[data-key="'+a.keyField+'"]'),c=(0,t.createElement)("div",{className:we,attrs:{role:"listbox",tabindex:"0","aria-label":a.keyField.toString()}});if(a.transitionColumns.length>0&&(l=!0),!l&&(0,t.isNullOrUndefined)(e.parent.swimlaneSettings.keyField)){var h=(0,t.createElement)("div",{className:$e});d.appendChild(h)}if(d.appendChild(c),e.parent.enableHtmlSanitizer&&i.length>0&&e.parent.cardSettings&&e.parent.cardSettings.contentField&&"string"==typeof i[0][e.parent.cardSettings.contentField]&&(i[0][e.parent.cardSettings.contentField]=t.SanitizeHtmlHelper.sanitize(i[0][e.parent.cardSettings.contentField])),i.length>0)for(var u=function(n){var r=n[e.parent.cardSettings.headerField],a=e.parent.actionModule.selectionArray.indexOf(r),i=e.renderCard(n);-1!==a&&(i.setAttribute("aria-selected","true"),(0,t.addClass)([i],at));var l={data:n,element:i,cancel:!1};e.parent.trigger(p,l,function(e){e.cancel||c.appendChild(i)})},g=0,m=i;g<m.length;g++){u(m[g])}else c.appendChild(e.renderEmptyCard())}},c=0,h=e.parent.columns;c<h.length;c++){d(h[c])}0===s&&(i.push(r),a.length>0&&i.push(a[o]))}),this.parent.swimlaneSettings.showEmptyRow||0!==this.parent.kanbanData.length||this.parent.showEmptyColumn||i.forEach(function(e){return(0,t.remove)(e)})},n.prototype.renderCard=function(e){var n=(0,t.createElement)("div",{className:Ee,attrs:{"data-id":e[this.parent.cardSettings.headerField],"data-key":e[this.parent.keyField],"aria-selected":"false",tabindex:"-1",role:"option","aria-roledescription":"Card"}});if("auto"!==this.parent.cardHeight&&(n.style.height=(0,t.formatUnit)(this.parent.cardHeight)),this.parent.cardSettings.template){(0,t.addClass)([n],ee);var r=this.parent.element.id+"_cardTemplate",a=this.parent.templateParser(this.parent.cardSettings.template)(e,this.parent,"cardTemplate",r,!1);(0,t.append)(a,n)}else{var i=this.parent.enableTooltip?" "+it:"";if(this.parent.cardSettings.showHeader){var l=(0,t.createElement)("div",{className:Fe}),o=(0,t.createElement)("div",{className:Te}),s=(0,t.createElement)("div",{className:je+i,innerHTML:e[this.parent.cardSettings.headerField]||""});l.appendChild(o),o.appendChild(s),n.appendChild(l)}var d=(0,t.createElement)("div",{className:Me+i,innerHTML:e[this.parent.cardSettings.contentField]||""});if(n.appendChild(d),this.parent.cardSettings.tagsField&&e[this.parent.cardSettings.tagsField]){for(var c=(0,t.createElement)("div",{className:qe}),p=0,h=e[this.parent.cardSettings.tagsField].toString().split(",");p<h.length;p++){var u=h[p];c.appendChild((0,t.createElement)("div",{className:Re+" "+Le,innerHTML:u}))}n.appendChild(c)}if(this.parent.cardSettings.grabberField&&e[this.parent.cardSettings.grabberField]&&((0,t.addClass)([n],He),n.style.borderLeftColor=e[this.parent.cardSettings.grabberField]),this.parent.cardSettings.footerCssField){for(var g=(0,t.createElement)("div",{className:Pe}),m=0,f=e[this.parent.cardSettings.footerCssField].split(",");m<f.length;m++){var y=f[m];g.appendChild((0,t.createElement)("div",{className:y.trim()+" "+Ne}))}n.appendChild(g)}}return n},n.prototype.renderEmptyCard=function(){return(0,t.createElement)("span",{className:Ie,innerHTML:this.parent.localeObj.getConstant("noCard"),attrs:{"aria-label":this.parent.localeObj.getConstant("noCard"),role:"option"}})},n.prototype.renderColGroup=function(e){var n=this,r=(0,t.createElement)("colgroup");this.parent.columns.forEach(function(e){if(n.isColumnVisible(e)){var a=n.parent.actionModule.columnToggleArray.indexOf(e.keyField.toString()),i=e.allowToggle&&!e.isExpanded,l=-1===a?i?Ve:"":Ve,o=(0,t.createElement)("col",{className:l,attrs:{"data-key":e.keyField.toString()}});if(n.parent.isAdaptive){var s=i?(0,t.formatUnit)(D):(0,t.formatUnit)(n.getWidth());o.style.width=s}r.appendChild(o)}}),e.appendChild(r)},n.prototype.getRows=function(){var e=this,n=[];return this.parent.swimlaneSettings.keyField?(this.parent.kanbanData.map(function(r){if(e.parent.swimlaneSettings.showEmptyRow||!((0,t.isNullOrUndefined)(r[e.parent.keyField])||""===r[e.parent.keyField]||r[e.parent.keyField]&&-1===e.columnKeys.indexOf(r[e.parent.keyField].toString()))){var a=r[e.parent.swimlaneSettings.textField]||r[e.parent.swimlaneSettings.keyField],i=r[e.parent.swimlaneSettings.keyField];if(!r[e.parent.swimlaneSettings.keyField]){if(!e.parent.swimlaneSettings.showUnassignedRow)return;a=e.parent.localeObj.getConstant("unassigned"),i=""}n.push({keyField:i,textField:a})}}),n=n.filter(function(e,t,n){return t===n.map(function(e){return e.keyField}).indexOf(e.keyField)}),(n=this.swimlaneSorting(n)).forEach(function(t){t.count=e.parent.kanbanData.filter(function(n){return e.columnKeys.indexOf(n[e.parent.keyField])>-1&&n[e.parent.swimlaneSettings.keyField]===t.keyField}).length}),0===n.length&&n.push({keyField:"",textField:""})):n.push({keyField:"",textField:""}),n},n.prototype.swimlaneSorting=function(e){return this.parent.swimlaneSettings.sortComparer?e=this.parent.swimlaneSettings.sortComparer.call(this.parent,e):(e.sort(function(e,t){return e.textField.localeCompare(t.textField,void 0,{numeric:!0})}),"Descending"===this.parent.swimlaneSettings.sortDirection&&e.reverse()),e},n.prototype.createStackedRow=function(e){var n=(0,t.createElement)("tr",{className:fe+" "+ce}),r=[];this.parent.columns.forEach(function(t){for(var n="",a=0,i=e;a<i.length;a++){var l=i[a];-1!==l.keyFields.indexOf(t.keyField.toString())&&(n=l.text)}r.push(n)});for(var a=0;a<r.length;a++){for(var i=1,l=a+1;l<r.length&&(""!==r[a]&&""!==r[l]&&r[a]===r[l]);l++)i++;var o=(0,t.createElement)("div",{className:se,innerHTML:r[a]}),s=(0,t.createElement)("th",{className:ie+" "+pe,attrs:{colspan:i.toString(),scope:"col"}});n.appendChild(s).appendChild(o),a+=i-1}return n},n.prototype.scrollUiUpdate=function(){var e=this,n=this.parent.element.querySelector("."+re),r=this.parent.element.querySelector("."+ue),a=this.parent.element.offsetHeight-n.offsetHeight;if(this.parent.isAdaptive){a=window.innerHeight-(n.offsetHeight+k);var i=this.parent.element.querySelector("."+lt);i&&(a-=i.offsetHeight),[].slice.call(this.parent.element.querySelectorAll("."+he)).forEach(function(n){var r=n.querySelector("."+we);r.classList.contains(tt)||(r.style.height=(0,t.formatUnit)(a),t.EventHandler.add(n,"touchmove",e.onAdaptiveScroll,e))})}"auto"!==this.parent.height&&"100%"!==this.parent.height&&(r.style.height=(0,t.formatUnit)(a)),[].slice.call(n.children).forEach(function(n){var a=0,i=r.offsetWidth-r.clientWidth;i>0&&(a=i,r.offsetHeight-r.clientHeight>0&&(n.style.width=(0,t.formatUnit)(r.clientWidth))),e.parent.enableRtl?n.style.paddingLeft=(0,t.formatUnit)(a):n.style.paddingRight=(0,t.formatUnit)(a)}),this.updateScrollPosition()},n.prototype.onContentScroll=function(e){var n=e.target,r=this.parent.element.querySelector("."+re);[].slice.call(r.children).forEach(function(e){e.scrollLeft=n.scrollLeft}),this.parent.scrollPosition.content={left:n.scrollLeft,top:n.scrollTop},!(0,t.isNullOrUndefined)(this.parent.swimlaneSettings.keyField)&&this.parent.swimlaneSettings.enableFrozenRows&&this.frozenRows(e)},n.prototype.addFrozenSwimlaneDataKey=function(e){var n=e.getAttribute("data-key");(0,t.isNullOrUndefined)(n)||this.frozenSwimlaneRow.setAttribute("data-key",n)},n.prototype.frozenRows=function(e){var n=this.parent.element.querySelector("."+ve),r=this.parent.element.querySelector("."+re),a=this.parent.element.querySelector("."+ue);if((0,t.isNullOrUndefined)(this.frozenSwimlaneRow)){this.frozenSwimlaneRow=(0,t.createElement)("div",{className:kt});var i=(0,t.createElement)("div",{className:Et});this.frozenSwimlaneRow.appendChild(i),this.parent.element.insertBefore(this.frozenSwimlaneRow,this.parent.element.firstElementChild),i.appendChild(n.querySelector("."+lt).cloneNode(!0)),this.addFrozenSwimlaneDataKey(n),(0,t.setStyleAttribute)(this.frozenSwimlaneRow,{height:(0,t.formatUnit)(n.getBoundingClientRect().height),width:(0,t.formatUnit)(a.querySelector(".e-swimlane").getBoundingClientRect().width),top:(0,t.formatUnit)(r.getBoundingClientRect().height.toString())}),(0,t.setStyleAttribute)(r,{position:"relative",top:(0,t.formatUnit)(-this.frozenSwimlaneRow.getBoundingClientRect().height)}),(0,t.setStyleAttribute)(a,{position:"relative",top:(0,t.formatUnit)(-this.frozenSwimlaneRow.getBoundingClientRect().height)})}else{var l=[].slice.call(this.parent.element.querySelectorAll("."+ve)),o=l[this.frozenOrder],s=l[this.frozenOrder-1],d=l[this.frozenOrder+1],c=void 0,p=void 0,h=void 0;o&&(c=o.getBoundingClientRect().top+o.getBoundingClientRect().height),s&&(p=s.getBoundingClientRect().top+s.getBoundingClientRect().height),d&&(h=d.getBoundingClientRect().top+d.getBoundingClientRect().height);var u=a.getBoundingClientRect().top+this.frozenSwimlaneRow.getBoundingClientRect().height,g=this.frozenSwimlaneRow.querySelector("."+Et);h&&u>=h&&this.frozenOrder<l.length-1?(g&&((0,t.remove)(g.querySelector("."+lt)),g.appendChild(d.querySelector("."+lt).cloneNode(!0)),this.addFrozenSwimlaneDataKey(d)),++this.frozenOrder):p&&u<c&&u>p&&this.frozenOrder>0&&(g&&((0,t.remove)(g.querySelector("."+lt)),g.appendChild(s.querySelector("."+lt).cloneNode(!0)),this.addFrozenSwimlaneDataKey(s)),--this.frozenOrder)}e&&0===e.target.scrollTop&&this.removeFrozenRows()},n.prototype.removeFrozenRows=function(){(0,t.remove)(this.frozenSwimlaneRow),this.frozenSwimlaneRow=null;var e=this.parent.element.querySelector("."+re),n=this.parent.element.querySelector("."+ue);(0,t.setStyleAttribute)(e,{position:"",top:""}),(0,t.setStyleAttribute)(n,{position:"",top:""}),this.parent.scrollPosition.content={left:this.parent.scrollPosition.content.left,top:0},n.scrollTop=0,this.frozenOrder=0},n.prototype.onColumnScroll=function(e){var t=e.target;if(t.offsetParent){var n=t.offsetParent.getAttribute("data-key");this.parent.scrollPosition.column[""+n]={left:t.scrollLeft,top:t.scrollTop}}},n.prototype.onAdaptiveScroll=function(e){this.parent.touchModule.tabHold&&!this.parent.touchModule.mobilePopup&&e.preventDefault()},n.prototype.isColumnVisible=function(e){var t=this,n=!1;return"number"==typeof e.keyField?n=-1===this.parent.actionModule.hideColumnKeys.indexOf(e.keyField.toString()):e.keyField.split(",").forEach(function(e){n=-1===t.parent.actionModule.hideColumnKeys.indexOf(e)}),n},n.prototype.renderLimits=function(e,n){var r=(0,t.createElement)("div",{className:ut});e.minCount&&r.appendChild((0,t.createElement)("div",{className:mt,innerHTML:this.parent.localeObj.getConstant("min")+": "+e.minCount.toString()})),e.maxCount&&r.appendChild((0,t.createElement)("div",{className:gt,innerHTML:this.parent.localeObj.getConstant("max")+": "+e.maxCount.toString()})),r.childElementCount>0&&(n.querySelector("."+we)?n.insertBefore(r,n.firstElementChild):n.appendChild(r))},n.prototype.renderValidation=function(){var e=this;this.parent.columns.forEach(function(n){if(n.minCount||n.maxCount){var r=e.columnData[n.keyField],a='[data-key="'+n.keyField+'"]',i=e.parent.element.querySelector("."+(ie+a)),l=[].slice.call(e.parent.element.querySelectorAll("."+(he+a)));if("Swimlane"===e.parent.constraintType&&e.parent.swimlaneSettings.keyField)e.swimlaneRow.forEach(function(a,i){e.renderLimits(n,l[i]);var o=r.filter(function(t){return t[e.parent.swimlaneSettings.keyField]===a.keyField}),s=e.getValidationClass(n,o.length);s&&(0,t.addClass)([l[i]],s)});else{e.renderLimits(n,i);var o=e.getValidationClass(n,r.length);o&&(0,t.addClass)(l.concat(i),o)}}})},n.prototype.getValidationClass=function(e,t){var n;return e.maxCount&&t>e.maxCount?n=ft:e.minCount&&t<e.minCount&&(n=yt),n},n.prototype.refreshValidation=function(){[].slice.call(this.parent.element.querySelectorAll("."+ut)).forEach(function(e){(0,t.remove)(e)});var e=[].slice.call(this.parent.element.querySelectorAll("."+yt));(0,t.removeClass)(e,yt);var n=[].slice.call(this.parent.element.querySelectorAll("."+ft));(0,t.removeClass)(n,ft),this.renderValidation()},n.prototype.getColumnData=function(e,t){var n=this;void 0===t&&(t=this.parent.kanbanData);var r=[];if("number"==typeof e){var a=t.filter(function(t){return t[n.parent.keyField]===e});r=r.concat(a)}else for(var i=function(e){var a=t.filter(function(t){return t[n.parent.keyField]===e.trim()});r=r.concat(a)},l=0,o=e.split(",");l<o.length;l++){i(o[l])}return this.sortCategory(r),r},n.prototype.sortCategory=function(e){var t=this.parent.cardSettings.headerField,n=this.parent.sortSettings.direction;switch(this.parent.sortSettings.sortBy){case"DataSourceOrder":this.sortOrder(t,n,e);break;case"Custom":case"Index":this.parent.sortSettings.field&&(t=this.parent.sortSettings.field),this.sortOrder(t,n,e)}return e},n.prototype.sortOrder=function(e,t,n){var r,a,i=!0;return this.parent.kanbanData.length>0&&(i="number"==typeof this.parent.kanbanData[0][""+e]),i||"Index"!==this.parent.sortSettings.sortBy?(n=n.sort(function(t,n){return i?(r=t[""+e],a=n[""+e]):(r=t[""+e]?t[""+e].toLowerCase():"",a=n[""+e]?n[""+e].toLowerCase():""),r>a?1:a>r?-1:0}),"Descending"===t&&n.reverse(),n):n},n.prototype.documentClick=function(e){if(e.target.classList.contains(ct)&&this.parent.element.querySelector("."+ht).classList.contains("e-popup-open")&&(this.treePopup.hide(),(0,t.removeClass)([this.popupOverlay],"e-enable")),!(0,t.closest)(e.target,"."+G)){var n=[].slice.call(this.parent.element.querySelectorAll("."+Ee+"."+at));(0,t.removeClass)(n,at),this.disableAttributeSelection(n)}},n.prototype.disableAttributeSelection=function(e){e instanceof Element?e.setAttribute("aria-selected","false"):e.forEach(function(e){e.setAttribute("aria-selected","false")})},n.prototype.getColumnCards=function(e){var t=this,n={};return this.columnKeys=[],this.parent.columns.forEach(function(r){var a="number"==typeof r.keyField;t.columnKeys=a?t.columnKeys.concat(r.keyField.toString()):t.columnKeys.concat(r.keyField.split(",").map(function(e){return e.trim()}));var i=t.getColumnData(r.keyField,e);n[r.keyField]=i}),n},n.prototype.getSwimlaneCards=function(){var e=this,n={};return this.parent.swimlaneSettings.keyField&&this.kanbanRows.forEach(function(r){return n[r.keyField]=e.parent.kanbanData.filter(function(n){return!(0,t.isNullOrUndefined)(n[e.parent.keyField])&&e.columnKeys.indexOf(n[e.parent.keyField].toString())>-1&&(!n[e.parent.swimlaneSettings.keyField]&&e.parent.swimlaneSettings.showUnassignedRow?"":n[e.parent.swimlaneSettings.keyField])===r.keyField})}),n},n.prototype.refreshHeaders=function(){var e=this.parent.element.querySelector("."+re);[].slice.call(e.children).forEach(function(e){return(0,t.remove)(e)}),this.renderHeader(e)},n.prototype.refreshCards=function(){this.parent.resetTemplates(["cardTemplate"]),[].slice.call(this.parent.element.querySelectorAll("."+we)).forEach(function(e){return(0,t.remove)(e)}),this.renderCards(),this.wireDragEvent(),this.parent.renderTemplates()},n.prototype.refresh=function(){var e=this,n=!1;(this.parent.columns.forEach(function(r){if(r.showItemCount){r&&r.template&&!n&&!t.Browser.isDevice&&(e.refreshHeaders(),n=!0);var a="."+ie+'[data-key="'+r.keyField+'"] .'+Ce,i=e.parent.element.querySelector(a);if(i){var l=0;if("number"==typeof r.keyField)l=[].slice.call(e.parent.element.querySelectorAll("."+Ee+'[data-key="'+r.keyField+'"]')).length;else for(var o=0,s=r.keyField.split(",");o<s.length;o++){var d=s[o];l=[].slice.call(e.parent.element.querySelectorAll("."+Ee+'[data-key="'+d.trim()+'"]')).length+l}i.innerHTML="- "+l+" "+e.parent.localeObj.getConstant("items")}}}),this.parent.swimlaneSettings.keyField)&&[].slice.call(this.parent.element.querySelectorAll("."+ve)).forEach(function(t){var n=t.getAttribute("data-key"),r=t.querySelector("."+Ce);if(r&&n){var a=[].slice.call(t.nextElementSibling.querySelectorAll("."+Ee));r.innerHTML="- "+a.length+" "+e.parent.localeObj.getConstant("items")}});this.refreshValidation()},n.prototype.updateScrollPosition=function(){var e=this,n=this.parent.element.querySelector("."+ue);n&&(t.Browser.isIE?(n.scrollTop=this.parent.scrollPosition.content.top,n.scrollLeft=this.parent.scrollPosition.content.left):n.scrollTo(this.parent.scrollPosition.content.left,this.parent.scrollPosition.content.top)),[].slice.call(this.parent.element.querySelectorAll("."+we)).forEach(function(n){if(n.offsetParent){var r=e.parent.scrollPosition.column[n.offsetParent.getAttribute("data-key")];r&&(t.Browser.isIE?(n.scrollTop=r.top,n.scrollLeft=r.left):n.scrollTo(r.left,r.top))}})},n.prototype.renderCardBasedOnIndex=function(e,n){var r=this,a=e[this.parent.keyField],i=this.parent.element.querySelector(".e-content-row:not(.e-swimlane-row)");if(this.parent.swimlaneSettings.keyField&&!this.parent.isAdaptive){var l='.e-content-row.e-swimlane-row[data-key="'+e[this.parent.swimlaneSettings.keyField]+'"]';if(this.parent.element.querySelector(l))i=this.parent.element.querySelector(l).nextElementSibling;else{if(-1!==this.columnKeys.indexOf(a)&&-1===this.parent.actionModule.hideColumnKeys.indexOf(a)){var o=this.kanbanRows.findIndex(function(t){return t.keyField===e[r.parent.swimlaneSettings.keyField]}),s=[].slice.call(this.parent.element.querySelectorAll(".e-swimlane-row")),d=this.parent.element.querySelector("."+ge+" tbody");s[o]&&(d=s[o]),this.renderSwimlaneRow(d,this.kanbanRows[o],!1),this.renderSingleContent(d,this.kanbanRows[o],!1)}(0,t.isNullOrUndefined)(this.parent.element.querySelector(l))||(i=this.parent.element.querySelector(l).nextElementSibling),[].slice.call(i.children).forEach(function(e){var n=(0,t.createElement)("div",{className:we});e.appendChild(n),n.appendChild(r.renderEmptyCard())})}}if("Index"!==this.parent.sortSettings.sortBy){var c=this.parent.cardSettings.headerField;if("Custom"===this.parent.sortSettings.sortBy&&(c=this.parent.sortSettings.field),(0,t.isNullOrUndefined)(this.parent.swimlaneSettings.keyField))n=this.getColumnData(a,this.parent.kanbanData).findIndex(function(t){return t[""+c]===e[""+c]});else{var h=this.parent.getSwimlaneData(e[this.parent.swimlaneSettings.keyField]);n=this.getColumnData(a,h).findIndex(function(t){return t[""+c]===e[""+c]})}}else"Index"===this.parent.sortSettings.sortBy&&this.parent.sortSettings.field&&"Ascending"===this.parent.sortSettings.direction&&(n=e[this.parent.sortSettings.field]-1);if(i){var u=[].slice.call(i.children).filter(function(e){return-1!==e.getAttribute("data-key").replace(/\s/g,"").split(",").indexOf(a.toString().replace(/\s/g,""))})[0];if(!(0,t.isNullOrUndefined)(u)){var g=u.querySelector("."+we),m=g.querySelector("."+Ie);m&&(0,t.remove)(m);var f=this.renderCard(e);this.parent.allowDragAndDrop&&u.classList.contains(xe)&&(this.parent.dragAndDropModule.wireDragEvents(f),(0,t.addClass)([f],De));var y={data:e,element:f,cancel:!1};this.parent.trigger(p,y,function(e){e.cancel||((0,t.isNullOrUndefined)(n)||0===g.children.length?g.appendChild(f):g.insertBefore(f,g.childNodes[n]))})}}},n.prototype.removeCard=function(e){var n=e[this.parent.cardSettings.headerField],r=this.parent.element.querySelector("."+Ee+'[data-id="'+n+'"]');if(r){this.isSelectedCard=!!r.classList.contains(at);var a=r.parentElement;(0,t.remove)(r),0===a.querySelectorAll("."+Ee+":not(."+Xe+")").length&&a.appendChild(this.renderEmptyCard())}},n.prototype.wireEvents=function(){var e=this;t.EventHandler.add(this.parent.element,"click",this.parent.actionModule.clickHandler,this.parent.actionModule),t.EventHandler.add(this.parent.element,"dblclick",this.parent.actionModule.doubleClickHandler,this.parent.actionModule),t.EventHandler.add(document,t.Browser.touchStartEvent,this.documentClick,this);var n=this.parent.element.querySelector("."+ue);t.EventHandler.add(n,"scroll",this.onContentScroll,this),[].slice.call(this.parent.element.querySelectorAll("."+we)).forEach(function(n){e.parent.isInitialRender&&n.offsetParent&&(e.parent.scrollPosition.column[n.offsetParent.getAttribute("data-key")]={left:0,top:0}),t.EventHandler.add(n,"scroll",e.onColumnScroll,e)}),this.parent.isAdaptive&&(this.parent.touchModule.wireTouchEvents(),n.scrollLeft=this.scrollLeft),this.wireDragEvent(),this.parent.allowColumnDragAndDrop&&this.parent.wireColumnDragEvent()},n.prototype.unWireEvents=function(){var e=this;t.EventHandler.remove(this.parent.element,"click",this.parent.actionModule.clickHandler),t.EventHandler.remove(this.parent.element,"dblclick",this.parent.actionModule.doubleClickHandler),t.EventHandler.remove(document,t.Browser.touchStartEvent,this.documentClick);var n=this.parent.element.querySelector("."+ue);n&&(t.EventHandler.remove(n,"scroll",this.onContentScroll),this.parent.allowDragAndDrop&&this.unWireDragEvent());var r=[].slice.call(this.parent.element.querySelectorAll("."+we));r.length>0&&r.forEach(function(n){t.EventHandler.remove(n,"scroll",e.onColumnScroll)}),this.parent.isAdaptive&&this.parent.touchModule.unWireTouchEvents(),this.parent.allowColumnDragAndDrop&&this.parent.unwireColumnDragEvent()},n.prototype.wireDragEvent=function(){var e=this;if(this.parent.allowDragAndDrop){var n=[].slice.call(this.parent.element.querySelectorAll("."+he+"."+xe+" ."+Ee));(0,t.addClass)(n,De),n.forEach(function(t){return e.parent.dragAndDropModule.wireDragEvents(t)})}},n.prototype.unWireDragEvent=function(){var e=this,n=[].slice.call(this.parent.element.querySelectorAll("."+he+"."+xe+" ."+Ee));(0,t.removeClass)(n,De),n.forEach(function(t){return e.parent.dragAndDropModule.unWireDragEvents(t)})},n.prototype.destroy=function(){this.parent.resetTemplates(),this.parent.off(w,this.initRender),this.parent.off(C,this.scrollUiUpdate),this.unWireEvents();var e=this.parent.element.querySelector("."+re);e&&(0,t.remove)(e);var n=this.parent.element.querySelector("."+ue);n&&(0,t.remove)(n),this.treeViewObj&&(this.treeViewObj.destroy(),this.treeViewObj=null),this.treePopup&&(this.treePopup.destroy(),this.treePopup=null);var r=this.parent.element.querySelector("."+lt);r&&(0,t.remove)(r);var a=this.parent.element.querySelector("."+pt);a&&(0,t.remove)(a);var i=this.parent.element.querySelector("."+kt);i&&((0,t.remove)(i),this.frozenSwimlaneRow=null)},n}(Pt),Bt=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)}}(),Ut=function(e){function n(t){var n=e.call(this,t)||this;return n.parent=t,n.kanbanRows=[],n.scrollStatus={},n.offsets={},n.tempOffsets={},n.offsetKeys=[],n.columnKeys=[],n.scrollLeft=0,n.frozenOrder=0,n.winResize=n.windowResize.bind(n),n.parent.enableVirtualization&&(n.parent.on(w,n.initRender,n),n.parent.on(C,n.scrollUiUpdate,n)),n}return Bt(n,e),n.prototype.initRender=function(){if(this.isSwimlane=!(0,t.isNullOrUndefined)(this.parent.swimlaneSettings.keyField)&&this.parent.swimlaneSettings.keyField.trim().length>1,this.query=this.parent.query instanceof r.Query?this.parent.query:new r.Query,0!==this.parent.columns.length){if(this.cardHeight=this.cardHeightCalculate(),this.columnData=this.getColumnCards(),this.kanbanRows=this.getRows(),this.parent.isAdaptive){var e=this.parent.element.querySelector("."+ue);e&&(this.scrollLeft=e.scrollLeft)}this.destroy(),this.parent.on(w,this.initRender,this),this.parent.on(C,this.scrollUiUpdate,this);var n=(0,t.createElement)("div",{className:re});this.parent.element.appendChild(n),this.renderHeader(n),this.isSwimlane||(this.renderContent(),this.renderCards()),this.renderValidation(),this.parent.renderTemplates(),this.parent.notify(C,{}),this.wireEvents(),this.parent.isInitialRender&&(this.parent.isInitialRender=!1)}},n.prototype.cardHeightCalculate=function(){return"auto"===this.parent.cardHeight?108:parseInt((0,t.formatUnit)(this.parent.cardHeight).split("px")[0],10)+8},n.prototype.renderHeader=function(e){var n=(0,t.createElement)("div",{className:this.parent.swimlaneSettings.keyField?te:""});e.appendChild(n);var r=(0,t.createElement)("table",{className:ne+" "+ae,attrs:{role:"presentation"}});n.appendChild(r),this.renderColGroup(r);var a=(0,t.createElement)("thead");r.appendChild(a),this.parent.stackedHeaders.length>0&&a.appendChild(this.createStackedRow(this.parent.stackedHeaders));var i=(0,t.createElement)("tr",{className:fe});a.appendChild(i);for(var l=function(e){if(o.isColumnVisible(e)){var n=o.parent.actionModule.columnToggleArray.indexOf(e.keyField.toString()),r=(0,t.createElement)("th",{className:-1===n?ie:ie+" "+Ve,attrs:{"data-role":"kanban-column","data-key":e.keyField.toString()}}),a=[];e.allowToggle&&(a.push(me),e.isExpanded||a.push(Ve)),(0,t.addClass)([r],a);var l=(0,t.createElement)("div",{className:le});r.appendChild(l);var s=o.parent.dataModule.isRemote()?o.parent.columnDataCount[e.keyField]:o.columnData[e.keyField].length,d=(0,t.createElement)("div",{className:oe});if(l.appendChild(d),e.template){var c={keyField:e.keyField,headerText:e.headerText,minCount:e.minCount,maxCount:e.maxCount,allowToggle:e.allowToggle,isExpanded:e.isExpanded,showItemCount:e.showItemCount,count:s};(0,t.addClass)([r],ee);var p=o.parent.element.id+"_columnTemplate",u=o.parent.templateParser(e.template)(c,o.parent,"columnTemplate",p,!1);(0,t.append)(u,d)}else{var g=(0,t.createElement)("div",{className:se,innerHTML:e.headerText});if(d.appendChild(g),e.showItemCount){var m=(0,t.createElement)("div",{className:Ce,innerHTML:"- "+s.toString()+" "+o.parent.localeObj.getConstant("items")});d.appendChild(m)}}if(e.allowToggle){var f=!(!e.isExpanded||-1!==n),y=f?Be:Ue,v=(0,t.createElement)("div",{className:de+" "+$+" "+y,attrs:{tabindex:"0"}});v.setAttribute("aria-label",f?e.keyField+" Expand":e.keyField+" Collapse"),r.setAttribute("aria-expanded",f.toString()),l.appendChild(v)}var b={data:[{keyField:e.keyField,textField:e.headerText,count:s}],element:i,cancel:!1,requestType:"headerRow"};o.parent.trigger(h,b,function(e){e.cancel||i.appendChild(r)})}},o=this,s=0,d=this.parent.columns;s<d.length;s++){l(d[s])}},n.prototype.renderContent=function(){var e=(0,t.createElement)("div",{className:ue});this.parent.element.appendChild(e);var n=(0,t.createElement)("div",{className:this.parent.swimlaneSettings.keyField?te:""});e.appendChild(n);var r=(0,t.createElement)("table",{className:ne+" "+ge,attrs:{role:"presentation"}});n.appendChild(r),this.renderColGroup(r);var a=(0,t.createElement)("tbody");r.appendChild(a);for(var i=!1,l=0,o=this.kanbanRows;l<o.length;l++){var s=o[l];if(this.parent.swimlaneSettings.keyField&&0!==this.parent.swimlaneToggleArray.length)i=-1!==this.parent.swimlaneToggleArray.indexOf(s.keyField);this.renderSingleContent(a,s,i)}},n.prototype.renderSingleContent=function(e,n,r){for(var a=r?ye+" "+Ve:ye,i=(0,t.createElement)("tr",{className:a,attrs:{"aria-expanded":"true"}}),l=0,o=this.parent.columns;l<o.length;l++){var s=o[l];if(this.isColumnVisible(s)){var d=this.parent.actionModule.columnToggleArray.indexOf(s.keyField.toString()),c=-1===d?he:he+" "+Ve,p=(s.allowDrag?" "+xe:"")+(s.allowDrop?" "+Oe+" "+De:""),u=(0,t.createElement)("td",{className:c+p,attrs:{"data-role":"kanban-column","data-key":s.keyField.toString(),"aria-expanded":"true",tabindex:"0",role:"navigation"}});if(s.allowToggle&&!s.isExpanded||-1!==d){(0,t.addClass)([u],Ve);var g=(s.showItemCount?"["+(this.parent.dataModule.isRemote()?this.parent.columnDataCount[s.keyField]:this.getColumnData(s.keyField).length)+"] ":"")+s.headerText;u.appendChild((0,t.createElement)("div",{className:ze,innerHTML:g})),u.setAttribute("aria-expanded","false")}if(s.showAddButton){var m=(0,t.createElement)("div",{className:St,attrs:{tabindex:"-1"}});m.appendChild((0,t.createElement)("div",{className:Ct+" "+$})),u.appendChild(m)}if(i.appendChild(u),this.parent.enableVirtualization){var f=this.parent.element.querySelector(".e-kanban-header").getBoundingClientRect().height;if("auto"===this.parent.height)u.style.height=window.innerHeight-(f+this.parent.element.getBoundingClientRect().top+15)+"px";else if("string"==typeof this.parent.height&&this.parent.height.endsWith("%")&&this.parent.element.parentElement&&(""!==this.parent.element.parentElement.style.height||""!==this.parent.element.parentElement.style.minHeight)){var y=this.parent.element.parentElement.clientHeight*(parseFloat(this.parent.height)/100);u.style.height=y-(f+15)+"px"}else u.style.height=parseInt((0,t.formatUnit)(this.parent.height).split("px")[0],10)-(f+15)+"px"}}}var v={data:[{keyField:n.keyField,textField:n.textField,count:n.count}],element:i,cancel:!1,requestType:"contentRow"};this.parent.trigger(h,v,function(t){t.cancel||(e.classList.contains("e-swimlane-row")?e.insertAdjacentElement("beforebegin",i):e.appendChild(i))})},n.prototype.windowResize=function(){for(var e=this.parent.element.querySelectorAll("."+he),n=this.parent.element.querySelector(".e-kanban-header").getBoundingClientRect().height,r=0;r<e.length;r++)"auto"===this.parent.height?e[r].style.height=window.innerHeight-(n+this.parent.element.getBoundingClientRect().top+15)+"px":e[r].style.height=parseInt((0,t.formatUnit)(this.parent.height).split("px")[0],10)-(n+15)+"px"},n.prototype.refreshColumnData=function(e,n,r,a){var i=this,l=[].slice.call(this.parent.element.querySelectorAll(".e-content-row:not(.e-swimlane-row)")),o=("cardChanged"===r||"cardCreated"===r||"cardRemoved"===r)&&!(0,t.isNullOrUndefined)(a);l.forEach(function(t){for(var r=function(r){if(i.isColumnVisible(r)&&(r.keyField===e||r.keyField===n)||o){var a,l=0,s=i.getColumnCards()[r.keyField],d=i.parent.dataModule.isRemote()?i.parent.columnDataCount[r.keyField]:s.length,c=i.cardHeight*d;a=Array.apply(null,Array(d)).map(function(){return++l});var p=t.querySelector('[data-key="'+r.keyField+'"]'),h=Math.ceil(parseInt(p.style.height.split("px")[0],10)/i.cardHeight);i.offsets[1]=h*i.cardHeight;for(var u=1;u<a.length;u++)i.offsets[a[u]]=i.offsets[a[u-1]]+h*i.cardHeight,i.tempOffsets[a[u]]=0|i.offsets[a[u]-1];var g=p.querySelector("."+we),m=d%2==0?d-2:d-1,f=i.getInfoFromView(i.scrollStatus[r.keyField]),y=i.getTranslateY(f),v=g.querySelector("."+ke);v.style.maxHeight=d*i.cardHeight+"px",i.setPadding(y,v,d),i.currentStatus={column:r.keyField,columnOverAllHeight:c,columnHeight:parseInt(p.style.height.split("px")[0],10),previousScrollTop:i.scrollStatus[r.keyField].currentScrollTop,currentScrollTop:g.scrollTop,scrollDirection:i.scrollStatus[r.keyField].scrollDirection,currentBlockIndex:i.scrollStatus[r.keyField].currentBlockIndex,oldBlockIndex:i.scrollStatus[r.keyField].oldBlockIndex,offsets:i.offsets,tempOffsets:i.tempOffsets,totalColumnData:d,singleIndexCardCount:h,maxBlock:m},i.scrollStatus[r.keyField]=i.currentStatus}},a=0,l=i.parent.columns;a<l.length;a++){r(l[a])}})},n.prototype.renderCards=function(){var e=this,n=[].slice.call(this.parent.element.querySelectorAll(".e-content-row:not(.e-swimlane-row)")),r=[].slice.call(this.parent.element.querySelectorAll(".e-content-row.e-swimlane-row")),a=[],i=!1;n.forEach(function(n,l){for(var o=0,s=function(r){if(e.isColumnVisible(r)){var a,l=0;e.offsets={},e.tempOffsets={};var s=e.columnData[r.keyField],d=e.parent.dataModule.isRemote()?e.parent.columnDataCount[r.keyField]:s.length;o+=d;var c=e.cardHeight*d+7,h=n.querySelector('[data-key="'+r.keyField+'"]'),u=Math.ceil(parseFloat(h.style.height.split("px")[0])/e.cardHeight),g=u>d?d:Math.floor(d/u);a=Array.apply(null,Array(d)).map(function(){return++l}),e.offsets[1]=u*e.cardHeight+7;for(var m=1;m<a.length;m++)e.offsets[a[m]]=e.offsets[a[m-1]]+u*e.cardHeight,e.tempOffsets[a[m]]=0|e.offsets[a[m]-1];var f=(0,t.createElement)("div",{className:we,attrs:{role:"listbox"}}),y=(0,t.createElement)("div",{className:ke,attrs:{role:"listbox"}});f.appendChild(y);var v=g%2==0?g:g+1;if(e.currentStatus={column:r.keyField,columnOverAllHeight:c,columnHeight:parseInt(h.style.height.split("px")[0],10),previousScrollTop:null,currentScrollTop:f.scrollTop,scrollDirection:null,currentBlockIndex:[1,2],oldBlockIndex:[1,2],offsets:e.offsets,tempOffsets:e.tempOffsets,totalColumnData:d,singleIndexCardCount:u,maxBlock:v},e.scrollStatus[r.keyField]=e.currentStatus,r.transitionColumns.length>0&&(i=!0),!i&&(0,t.isNullOrUndefined)(e.parent.swimlaneSettings.keyField)){var b=(0,t.createElement)("div",{className:$e});h.appendChild(b)}if(h.appendChild(f),d>0){var S=function(n){var r=s[n][e.parent.cardSettings.headerField],a=e.parent.actionModule.selectionArray.indexOf(r),i=e.renderCard(s[n]);-1!==a&&(i.setAttribute("aria-selected","true"),(0,t.addClass)([i],at));var l={data:s[n],element:i,cancel:!1};e.parent.trigger(p,l,function(e){e.cancel||y.appendChild(i)})};for(m=0;m<2*u&&m<s.length;m++)S(m);y.style.maxHeight=e.cardHeight*d+"px"}else y.appendChild(e.renderEmptyCard());e.setPadding(0,y,d)}},d=0,c=e.parent.columns;d<c.length;d++){s(c[d])}0===o&&(a.push(n),r.length>0&&a.push(r[l]))}),this.parent.swimlaneSettings.showEmptyRow||0!==this.parent.kanbanData.length||this.parent.showEmptyColumn||a.forEach(function(e){return(0,t.remove)(e)})},n.prototype.renderCard=function(e){var n=(0,t.createElement)("div",{className:Ee,attrs:{"data-id":e[this.parent.cardSettings.headerField],"data-key":e[this.parent.keyField],"aria-selected":"false",tabindex:"-1",role:"option"}});if(n.style.height=this.cardHeight-8+"px",this.parent.cardSettings.template){(0,t.addClass)([n],ee);var r=this.parent.element.id+"_cardTemplate",a=this.parent.templateParser(this.parent.cardSettings.template)(e,this.parent,"cardTemplate",r,!1);(0,t.append)(a,n)}else{var i=this.parent.enableTooltip?" "+it:"";if(this.parent.cardSettings.showHeader){var l=(0,t.createElement)("div",{className:Fe}),o=(0,t.createElement)("div",{className:Te}),s=(0,t.createElement)("div",{className:je+i,innerHTML:e[this.parent.cardSettings.headerField]||""});l.appendChild(o),o.appendChild(s),n.appendChild(l)}var d=(0,t.createElement)("div",{className:Me+i,innerHTML:e[this.parent.cardSettings.contentField]||""});if(n.appendChild(d),this.parent.cardSettings.tagsField&&e[this.parent.cardSettings.tagsField]){for(var c=(0,t.createElement)("div",{className:qe}),p=0,h=e[this.parent.cardSettings.tagsField].toString().split(",");p<h.length;p++){var u=h[p];c.appendChild((0,t.createElement)("div",{className:Re+" "+Le,innerHTML:u}))}n.appendChild(c)}if(this.parent.cardSettings.grabberField&&e[this.parent.cardSettings.grabberField]&&((0,t.addClass)([n],He),n.style.borderLeftColor=e[this.parent.cardSettings.grabberField]),this.parent.cardSettings.footerCssField){for(var g=(0,t.createElement)("div",{className:Pe}),m=0,f=e[this.parent.cardSettings.footerCssField].split(",");m<f.length;m++){var y=f[m];g.appendChild((0,t.createElement)("div",{className:y.trim()+" "+Ne}))}n.appendChild(g)}}return n},n.prototype.renderEmptyCard=function(){return(0,t.createElement)("span",{className:Ie,innerHTML:this.parent.localeObj.getConstant("noCard")})},n.prototype.renderColGroup=function(e){var n=this,r=(0,t.createElement)("colgroup");this.parent.columns.forEach(function(e){if(n.isColumnVisible(e)){var a=n.parent.actionModule.columnToggleArray.indexOf(e.keyField.toString()),i=e.allowToggle&&!e.isExpanded,l=-1===a?i?Ve:"":Ve,o=(0,t.createElement)("col",{className:l,attrs:{"data-key":e.keyField.toString()},styles:n.parent.isAdaptive?"width: "+(i?(0,t.formatUnit)(D):(0,t.formatUnit)(n.getWidth())):""});r.appendChild(o)}}),e.appendChild(r)},n.prototype.getRows=function(){var e=[];return e.push({keyField:"",textField:""}),e},n.prototype.createStackedRow=function(e){var n=(0,t.createElement)("tr",{className:fe+" "+ce}),r=[];this.parent.columns.forEach(function(t){for(var n="",a=0,i=e;a<i.length;a++){var l=i[a];-1!==l.keyFields.indexOf(t.keyField.toString())&&(n=l.text)}r.push(n)});for(var a=0;a<r.length;a++){for(var i=1,l=a+1;l<r.length&&(""!==r[a]&&""!==r[l]&&r[a]===r[l]);l++)i++;var o=(0,t.createElement)("div",{className:se,innerHTML:r[a]}),s=(0,t.createElement)("th",{className:ie+" "+pe,attrs:{colspan:i.toString()}});n.appendChild(s).appendChild(o),a+=i-1}return n},n.prototype.scrollUiUpdate=function(){var e=this,n=this.parent.element.querySelector("."+re),r=this.parent.element.querySelector("."+ue),a=this.parent.element.offsetHeight-n.offsetHeight;if(this.parent.isAdaptive){a=window.innerHeight-(n.offsetHeight+k);var i=this.parent.element.querySelector("."+lt);i&&(a-=i.offsetHeight),[].slice.call(this.parent.element.querySelectorAll("."+he)).forEach(function(n){var r=n.querySelector("."+we);r.classList.contains(tt)||(r.style.height=(0,t.formatUnit)(a),t.EventHandler.add(n,"touchmove",e.onAdaptiveScroll,e))})}"auto"!==this.parent.height&&"100%"!==this.parent.height&&(r.style.height=(0,t.formatUnit)(a)),[].slice.call(n.children).forEach(function(n){var a=0;r.offsetWidth-r.clientWidth>0&&(a=17,r.offsetHeight-r.clientHeight>0&&(n.style.width=(0,t.formatUnit)(r.clientWidth))),e.parent.enableRtl?n.style.paddingLeft=(0,t.formatUnit)(a):n.style.paddingRight=(0,t.formatUnit)(a)}),this.updateScrollPosition()},n.prototype.onContentScroll=function(e){var t=e.target,n=this.parent.element.querySelector("."+re);[].slice.call(n.children).forEach(function(e){e.scrollLeft=t.scrollLeft}),this.parent.scrollPosition.content={left:t.scrollLeft,top:t.scrollTop}},n.prototype.getOffset=function(e,t){return Math.min(0|t.offsets[e],0|t.offsets[t.maxBlock])},n.prototype.getTranslateY=function(e){var t=(e.newBlockIndex[0]||1)-1,n=this.getOffset(t,e),r=this.getOffset(e.newBlockIndex[e.newBlockIndex.length-1],e);return n>e.currentScrollTop?this.getOffset(t-1,e):r<e.currentScrollTop+e.columnHeight?this.getOffset(t+1,e):n},n.prototype.setPadding=function(e,t,n,r,a){r&&"down"===a?(t.style.paddingTop=e+"px",t.style.paddingBottom="0px"):(t.style.paddingTop=e+"px",t.style.paddingBottom=this.cardHeight*n-e+"px")},n.prototype.getData=function(e,t,n,a){var i=this.query.clone(),l=new r.Predicate(e,"equal",t,!0);return i.where(l),i.take(n),i.skip(a),i.addParams("KanbanVirtualScroll","KanbanVirtualScroll"),this.parent.dataSource&&"result"in this.parent.dataSource?this.eventPromise({requestType:""},i).promise:this.parent.dataModule.dataManager.executeQuery(i)},n.prototype.eventPromise=function(e,t){var n=this.getStateEventArgument(t),a=new r.Deferred;return n.updateData=a.resolve,n.action=e,a},n.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)},n.prototype.dataManagerSuccess=function(e,n){var r,a=this;return n?r=(0,t.extend)([],(0,t.isNullOrUndefined)(e.result.result)?e.result:e.result.result,null,!0):this.parent.trigger(u,e,function(e){r=(0,t.extend)([],(0,t.isNullOrUndefined)(e.result.result)?e.result:e.result.result,null,!0),a.parent.trigger(g,null,function(){return a.parent.hideSpinner()})}),r},n.prototype.dataManagerFailure=function(e){var t=this;this.parent.isDestroyed||this.parent.trigger(l,{error:e},function(){return t.parent.hideSpinner()})},n.prototype.onColScrollShowSkeleton=function(e){var t=e.target;if(!(this.parent.element.querySelectorAll(".e-card-skeleton-wrapper").length>0)){var n=t.parentElement.getAttribute("data-key"),r=this.scrollStatus[n].previousScrollTop,a=t.parentElement.clientHeight;(t.scrollTop-r>a||r-t.scrollTop>a)&&this.showSkeleton(t,this.scrollStatus[n].singleIndexCardCount)}},n.prototype.showSkeleton=function(e,n){var r=(0,t.createElement)("div",{className:"e-card-virtual-skeleton-wrapper",attrs:{role:"listbox"}});e.parentElement.insertBefore(r,e),r.style.position="absolute",r.style.zIndex="10";for(var a=0;a<n;a++){var i=(0,t.createElement)("div",{className:"e-card-skeleton-wrapper"}),l=(0,t.createElement)("span",{className:"e-skeleton e-skeleton-text e-shimmer-wave"});l.style.height=this.cardHeight+"px",(0,t.isNullOrUndefined)(e.querySelector(".e-card"))||(l.style.width=e.querySelector(".e-card").getBoundingClientRect().width+"px"),i.appendChild(l),r.appendChild(i)}},n.prototype.hideSkeleton=function(e){setTimeout(function(){for(var n=e.querySelectorAll(".e-card-virtual-skeleton-wrapper"),r=0;r<n.length;r++)(0,t.detach)(n[r])},50)},n.prototype.onColumnScroll=function(e){var n,r=this,a=e.target,i=a.scrollTop;if(a.offsetParent&&(n=a.offsetParent.getAttribute("data-key"),this.parent.scrollPosition.column[n]={left:a.scrollLeft,top:a.scrollTop}),this.parent.enableVirtualization){var l=a,o=0,s=this.getColumnCards()[n],d=this.parent.dataModule.isRemote()?this.parent.columnDataCount[n]:s.length;o+=d;var c,p,h=this.cardHeight*o;if(this.checkScrollDirection(n,i),"fast"===this.findScrollSpeed(a,n)&&i>h)return void this.hideSkeleton(l.parentElement);var u=this.scrollStatus[n].maxBlock,g=this.scrollStatus[n].currentBlockIndex.indexOf(u)>-1,m=e.timeStamp-this.scrollStatus[n].previousTimeStamps<300;if(g&&!(0,t.isNullOrUndefined)(this.scrollStatus[n].previousTimeStamps)&&m)return void this.hideSkeleton(l.parentElement);this.scrollStatus[n].previousTimeStamps=e.timeStamp;var f=this.getInfoFromView(this.scrollStatus[n]);c=f.currentBlockIndex.filter(function(e){return-1===f.newBlockIndex.indexOf(e)}),p=f.newBlockIndex.filter(function(e){return-1===f.currentBlockIndex.indexOf(e)});var y=i+a.clientHeight>=h,v=y?h-l.querySelector("."+ke).childElementCount*this.cardHeight:this.getTranslateY(f),b=l.querySelector("."+ke);if(c.length>0){var S=void 0,C=void 0;1===c[0]?(S=0,C=c.length*this.scrollStatus[n].singleIndexCardCount-1):C=(S=(c[0]-1)*this.scrollStatus[n].singleIndexCardCount)+c.length*this.scrollStatus[n].singleIndexCardCount,this.removeCardsOnScroll(b,"down"===this.scrollStatus[n].scrollDirection,S,C)}if(p.length>0)if(this.parent.dataModule.isRemote()){var w=(p[0]-1)*this.scrollStatus[n].singleIndexCardCount,k=[];this.getData(this.parent.keyField,n,this.scrollStatus[n].singleIndexCardCount*p.length,w).then(function(e){k=r.dataManagerSuccess(e),r.scrollCardInsert(n,b,a,i,l,"down"===r.scrollStatus[n].scrollDirection?0:k.length-1,!0,k,null)}).catch(function(e){return r.dataManagerFailure(e)})}else{w="down"===this.scrollStatus[n].scrollDirection?(p[0]-1)*this.scrollStatus[n].singleIndexCardCount:(p[0]-1)*this.scrollStatus[n].singleIndexCardCount+this.scrollStatus[n].singleIndexCardCount*p.length-1;var E="down"===this.scrollStatus[n].scrollDirection?w+this.scrollStatus[n].singleIndexCardCount*p.length:(p[0]-1)*this.scrollStatus[n].singleIndexCardCount;this.scrollCardInsert(n,b,a,i,l,w,!1,s,E)}this.scrollStatus[n].currentBlockIndex=this.scrollStatus[n].newBlockIndex,this.setPadding(v,b,d,y,this.scrollStatus[n].scrollDirection),f.currentBlockIndex=f.newBlockIndex,this.parent.renderTemplates(),this.hideSkeleton(l.parentElement)}},n.prototype.checkScrollDirection=function(e,t){this.scrollStatus[e].previousScrollTop=this.scrollStatus[e].currentScrollTop,this.scrollStatus[e].currentScrollTop=t,t>this.scrollStatus[e].previousScrollTop?this.scrollStatus[e].scrollDirection="down":this.scrollStatus[e].scrollDirection="up"},n.prototype.findScrollSpeed=function(e,t){return"down"===this.scrollStatus[t].scrollDirection&&e.scrollTop-this.scrollStatus[t].previousScrollTop>e.clientHeight||"up"===this.scrollStatus[t].scrollDirection&&this.scrollStatus[t].previousScrollTop-e.scrollTop>e.clientHeight?"fast":"slow"},n.prototype.removeCardsOnScroll=function(e,n,r,a){var i=e.parentElement.parentElement.getAttribute("data-key");if(!(this.scrollStatus[i].totalColumnData<=30))for(var l=r;l<a;l++){for(var o=n?e.firstChild:e.lastChild;!(0,t.isNullOrUndefined)(o)&&(o.classList.contains(Ge)||o.classList.contains(Qe)||o.classList.contains(Je)||o.classList.contains(Xe));)o=n?o.nextSibling:o.previousSibling;(0,t.isNullOrUndefined)(o)||(0,t.detach)(o)}},n.prototype.scrollCardInsert=function(e,n,r,a,i,l,o,s,d){var c=this,h=o?s.length:d,u=o?0:d;if(s.length>0){for(var g=function(r){if(!(0,t.isNullOrUndefined)(s[r])){var a=s[r][m.parent.cardSettings.headerField],i=m.parent.actionModule.selectionArray.indexOf(a),l=m.renderCard(s[r]);-1!==i&&(l.setAttribute("aria-selected","true"),(0,t.addClass)([l],at));var o={data:s[r],element:l,cancel:!1};m.parent.trigger(p,o,function(r){r.cancel||("down"===c.scrollStatus[e].scrollDirection?n.appendChild(l):n.insertBefore(l,n.firstChild),c.parent.dragAndDropModule.wireDragEvents(l),(0,t.addClass)([l],De))})}},m=this,f=l;"down"===this.scrollStatus[e].scrollDirection?f<h:f>=u;"down"===this.scrollStatus[e].scrollDirection?f++:f--)g(f);r.scrollTop=a}else i.appendChild(this.renderEmptyCard())},n.prototype.ensureColumnNotEmpty=function(e){var n=this.scrollStatus[e].singleIndexCardCount,r=this.columnData[e],a=this.parent.element.querySelector('.e-content-row:not(.e-swimlane-row) [data-key="'+e+'"]').querySelector("."+ke),i=a.querySelectorAll("."+Ee);if(i.length>0){var l=i[i.length-1].getAttribute("data-id"),o=i[0].getAttribute("data-id"),s=void 0,d=void 0;if(i.length<2*n){for(var c=0;c<r.length;c++)l===r[c][this.parent.cardSettings.headerField].toString()&&(s=c),o===r[c][this.parent.cardSettings.headerField].toString()&&(d=c);for(c=i.length;c<2*n;c++){var p=s===r.length-1,h=s<r.length?s+1:d-1;if(h<=r.length){var u=r[h];if(!(0,t.isNullOrUndefined)(u)){var g=this.renderCard(u);this.triggerCardRendering(g,h,r,a,p),p?d=h:s=h}}}}}},n.prototype.triggerCardRendering=function(e,n,r,a,i){var l=this,o=r[n][this.parent.cardSettings.headerField];-1!==this.parent.actionModule.selectionArray.indexOf(o)&&(e.setAttribute("aria-selected","true"),(0,t.addClass)([e],at));var s={data:r[n],element:e,cancel:!1};this.parent.trigger(p,s,function(n){n.cancel||(i?a.insertBefore(e,a.querySelectorAll("."+Ee)[0]):a.appendChild(e),l.parent.dragAndDropModule.wireDragEvents(e),(0,t.addClass)([e],De))})},n.prototype.ensureBlocks=function(e){var t=e.newBlockIndex[e.block],n=Math.ceil(e.totalColumnData/e.singleIndexCardCount),r=Math.max;return("down"===e.scrollDirection?t>=n?[r(t,1),--t,--t].reverse():t+1>=n?[r(t-1,1),t,++t]:[r(t,1),++t,++t]:t===n?[r(t-2,1),r(t-1,1),t]:[r(t-1,1),t,t+1]).filter(function(e){return e>0})},n.prototype.getInfoFromView=function(e){var t=!1,n=e;n.page=this.getPageFromTop(e),n.newBlockIndex=this.getBlockIndexes(n.page);var r=this.ensureBlocks(n);if(n.newBlockIndex.toString()!==r.toString()){var a=r[r.length-1];-1===n.newBlockIndex.indexOf(a)&&(t=!0)}return n.newBlockIndex=t?r:n.newBlockIndex,n},n.prototype.getBlockIndexes=function(e){return[e+(e-1),2*e]},n.prototype.getPageFromTop=function(e){var t=this,n=e.totalColumnData,r=0;return this.offsetKeys=Object.keys(e.offsets),this.offsetKeys.some(function(a){var i=Number(a),l=e.currentScrollTop<=e.offsets[parseInt(a,10)]||i===n&&e.currentScrollTop>e.offsets[parseInt(a,10)];if(l){var o=Math.ceil(n/e.singleIndexCardCount);t.offsetKeys.length%2!=0&&i.toString()===t.offsetKeys[t.offsetKeys.length-2]&&e.currentScrollTop<=e.offsets[t.offsetKeys.length-1]&&(i=i+1>o?o:i+1),i=i>o?o:i,e.block=i%2==0?1:0,r=Math.max(1,Math.min(t.getPage(i,o),o))}return l}),r},n.prototype.getPage=function(e,t){return e+1>t?e%2==0?e/2:(e-1)/2:e%2==0?e/2:(e+1)/2},n.prototype.onAdaptiveScroll=function(e){this.parent.touchModule.tabHold&&!this.parent.touchModule.mobilePopup&&e.preventDefault()},n.prototype.isColumnVisible=function(e){var t=this,n=!1;return"number"==typeof e.keyField?n=-1===this.parent.actionModule.hideColumnKeys.indexOf(e.keyField.toString()):e.keyField.split(",").forEach(function(e){n=-1===t.parent.actionModule.hideColumnKeys.indexOf(e)}),n},n.prototype.renderLimits=function(e,n){var r=(0,t.createElement)("div",{className:ut});e.minCount&&r.appendChild((0,t.createElement)("div",{className:mt,innerHTML:this.parent.localeObj.getConstant("min")+": "+e.minCount.toString()})),e.maxCount&&r.appendChild((0,t.createElement)("div",{className:gt,innerHTML:this.parent.localeObj.getConstant("max")+": "+e.maxCount.toString()})),r.childElementCount>0&&(n.querySelector("."+we)?n.insertBefore(r,n.firstElementChild):n.appendChild(r))},n.prototype.renderValidation=function(){var e=this;this.parent.columns.forEach(function(n){if(n.minCount||n.maxCount){var r=e.columnData[n.keyField],a='[data-key="'+n.keyField+'"]',i=e.parent.element.querySelector("."+(ie+a)),l=[].slice.call(e.parent.element.querySelectorAll("."+(he+a)));e.renderLimits(n,i);var o=e.getValidationClass(n,r.length);o&&(0,t.addClass)(l.concat(i),o)}})},n.prototype.getValidationClass=function(e,t){var n;return e.maxCount&&t>e.maxCount?n=ft:e.minCount&&t<e.minCount&&(n=yt),n},n.prototype.refreshValidation=function(){[].slice.call(this.parent.element.querySelectorAll("."+ut)).forEach(function(e){(0,t.remove)(e)});var e=[].slice.call(this.parent.element.querySelectorAll("."+yt));(0,t.removeClass)(e,yt);var n=[].slice.call(this.parent.element.querySelectorAll("."+ft));(0,t.removeClass)(n,ft),this.renderValidation()},n.prototype.getColumnData=function(e,t){var n=this;void 0===t&&(t=this.parent.kanbanData);var r=[];if("number"==typeof e){var a=t.filter(function(t){return t[n.parent.keyField]===e});r=r.concat(a)}else for(var i=function(e){var a=t.filter(function(t){return t[n.parent.keyField]===e.trim()});r=r.concat(a)},l=0,o=e.split(",");l<o.length;l++){i(o[l])}return this.sortCategory(r),r},n.prototype.sortCategory=function(e){var t=this.parent.cardSettings.headerField,n=this.parent.sortSettings.direction;switch(this.parent.sortSettings.sortBy){case"DataSourceOrder":this.sortOrder(t,n,e);break;case"Custom":case"Index":this.parent.sortSettings.field&&(t=this.parent.sortSettings.field),this.sortOrder(t,n,e)}return e},n.prototype.sortOrder=function(e,t,n){var r,a,i=!0;return this.parent.kanbanData.length>0&&(i="number"==typeof this.parent.kanbanData[0][e]),i||"Index"!==this.parent.sortSettings.sortBy?(n=n.sort(function(t,n){return i?(r=t[e],a=n[e]):(r=t[e].toLowerCase(),a=n[e].toLowerCase()),r>a?1:a>r?-1:0}),"Descending"===t&&n.reverse(),n):n},n.prototype.documentClick=function(e){if(e.target.classList.contains(ct)&&this.parent.element.querySelector("."+ht).classList.contains("e-popup-open")&&(this.treePopup.hide(),(0,t.removeClass)([this.popupOverlay],"e-enable")),!(0,t.closest)(e.target,"."+G)){var n=[].slice.call(this.parent.element.querySelectorAll("."+Ee+"."+at));(0,t.removeClass)(n,at),this.disableAttributeSelection(n)}},n.prototype.disableAttributeSelection=function(e){e instanceof Element?e.setAttribute("aria-selected","false"):e.forEach(function(e){e.setAttribute("aria-selected","false")})},n.prototype.getColumnCards=function(e){var t=this,n={};return this.columnKeys=[],this.parent.columns.forEach(function(r){var a="number"==typeof r.keyField;t.columnKeys=a?t.columnKeys.concat(r.keyField.toString()):t.columnKeys.concat(r.keyField.split(",").map(function(e){return e.trim()}));var i=t.getColumnData(r.keyField,e);n[r.keyField]=i}),n},n.prototype.refreshHeaders=function(){var e=this.parent.element.querySelector("."+re);[].slice.call(e.children).forEach(function(e){return(0,t.remove)(e)}),this.renderHeader(e)},n.prototype.refreshCards=function(){this.parent.resetTemplates(["cardTemplate"]),[].slice.call(this.parent.element.querySelectorAll("."+ke)).forEach(function(e){return(0,t.remove)(e)}),this.renderCards(),this.wireDragEvent(),this.parent.renderTemplates()},n.prototype.refresh=function(){var e=this,t=!1;this.parent.columns.forEach(function(n){if(n.showItemCount){n&&n.template&&!t&&(e.refreshHeaders(),t=!0);var r="."+ie+'[data-key="'+n.keyField+'"] .'+Ce,a=e.parent.element.querySelector(r);if(a){var i=e.parent.dataModule.isRemote()?e.parent.columnDataCount[n.keyField]:e.columnData[n.keyField].length,l=0;if("number"==typeof n.keyField)l=[].slice.call(e.parent.element.querySelectorAll("."+Ee+'[data-key="'+n.keyField+'"]')).length;else for(var o=0,s=n.keyField.split(",");o<s.length;o++){var d=s[o];l=[].slice.call(e.parent.element.querySelectorAll("."+Ee+'[data-key="'+d.trim()+'"]')).length+l}a.innerHTML="- "+i+" "+e.parent.localeObj.getConstant("items")}}}),this.refreshValidation()},n.prototype.updateScrollPosition=function(){var e=this,n=this.parent.element.querySelector("."+ue);n&&(t.Browser.isIE?(n.scrollTop=this.parent.scrollPosition.content.top,n.scrollLeft=this.parent.scrollPosition.content.left):n.scrollTo(this.parent.scrollPosition.content.left,this.parent.scrollPosition.content.top)),[].slice.call(this.parent.element.querySelectorAll("."+we)).forEach(function(n){if(n.offsetParent){var r=e.parent.scrollPosition.column[n.offsetParent.getAttribute("data-key")];r&&(t.Browser.isIE?(n.scrollTop=r.top,n.scrollLeft=r.left):n.scrollTo(r.left,r.top))}})},n.prototype.renderCardBasedOnIndex=function(e,n,r,a){var i=this,l=e[this.parent.keyField],o=this.parent.element.querySelector(".e-content-row:not(.e-swimlane-row)");if("Index"!==this.parent.sortSettings.sortBy){var s=this.parent.cardSettings.headerField;if("Custom"===this.parent.sortSettings.sortBy&&(s=this.parent.sortSettings.field),(0,t.isNullOrUndefined)(this.parent.swimlaneSettings.keyField))n=this.getColumnData(l,this.parent.kanbanData).findIndex(function(t){return t[s]===e[s]});else{var d=this.parent.getSwimlaneData(e[this.parent.swimlaneSettings.keyField]);n=this.getColumnData(l,d).findIndex(function(t){return t[s]===e[s]})}}else"Index"===this.parent.sortSettings.sortBy&&this.parent.sortSettings.field&&"Ascending"===this.parent.sortSettings.direction&&(n=e[this.parent.sortSettings.field]-1);if(o){var c=[].slice.call(o.children).filter(function(e){return-1!==e.getAttribute("data-key").replace(/\s/g,"").split(",").indexOf(l.toString().replace(/\s/g,""))})[0],h=c.querySelector("."+ke),u=h.querySelector("."+Ie);u&&(0,t.remove)(u);var g=this.renderCard(e);this.parent.allowDragAndDrop&&c.classList.contains(xe)&&(this.parent.dragAndDropModule.wireDragEvents(g),(0,t.addClass)([g],De));var m={data:e,element:g,cancel:!1};this.parent.trigger(p,m,function(e){var o=!!r||h.childNodes.length<i.scrollStatus[l].singleIndexCardCount;(!e.cancel&&o||!(0,t.isNullOrUndefined)(a))&&((0,t.isNullOrUndefined)(n)||0===h.children.length?h.appendChild(g):h.insertBefore(g,h.childNodes[n]))})}},n.prototype.removeCard=function(e){var n=e[this.parent.cardSettings.headerField],r=this.parent.element.querySelector("."+Ee+'[data-id="'+n+'"]');if(r){this.isSelectedCard=!!r.classList.contains(at);var a=r.parentElement;(0,t.remove)(r),0===a.querySelectorAll("."+Ee+":not(."+Xe+")").length&&a.appendChild(this.renderEmptyCard())}},n.prototype.wireEvents=function(){var e=this;t.EventHandler.add(this.parent.element,"click",this.parent.actionModule.clickHandler,this.parent.actionModule),t.EventHandler.add(this.parent.element,"dblclick",this.parent.actionModule.doubleClickHandler,this.parent.actionModule),t.EventHandler.add(document,t.Browser.touchStartEvent,this.documentClick,this),window.addEventListener("resize",this.winResize);var n=this.parent.element.querySelector("."+ue);t.EventHandler.add(n,"scroll",this.onContentScroll,this),[].slice.call(this.parent.element.querySelectorAll("."+we)).forEach(function(n){e.parent.isInitialRender&&n.offsetParent&&(e.parent.scrollPosition.column[n.offsetParent.getAttribute("data-key")]={left:0,top:0}),t.EventHandler.add(n,"scroll",e.onColScrollShowSkeleton,e),t.EventHandler.add(n,"scroll",(0,t.debounce)(e.onColumnScroll,200),e)}),this.parent.isAdaptive&&(this.parent.touchModule.wireTouchEvents(),n.scrollLeft=this.scrollLeft),this.wireDragEvent(),this.parent.allowColumnDragAndDrop&&this.parent.wireColumnDragEvent()},n.prototype.unWireEvents=function(){var e=this;t.EventHandler.remove(this.parent.element,"click",this.parent.actionModule.clickHandler),t.EventHandler.remove(this.parent.element,"dblclick",this.parent.actionModule.doubleClickHandler),t.EventHandler.remove(document,t.Browser.touchStartEvent,this.documentClick),window.removeEventListener("resize",this.winResize),this.winResize=null;var n=this.parent.element.querySelector("."+ue);n&&(t.EventHandler.remove(n,"scroll",this.onContentScroll),t.EventHandler.remove(n,"scroll",this.onColScrollShowSkeleton),this.parent.allowDragAndDrop&&this.unWireDragEvent());var r=[].slice.call(this.parent.element.querySelectorAll("."+we));r.length>0&&r.forEach(function(n){t.EventHandler.remove(n,"scroll",(0,t.debounce)(e.onColumnScroll,200))}),this.parent.isAdaptive&&this.parent.touchModule.unWireTouchEvents(),this.parent.allowColumnDragAndDrop&&this.parent.unwireColumnDragEvent()},n.prototype.wireDragEvent=function(){var e=this;if(this.parent.allowDragAndDrop){var n=[].slice.call(this.parent.element.querySelectorAll("."+he+"."+xe+" ."+Ee));(0,t.addClass)(n,De),n.length>0&&n.forEach(function(t){return e.parent.dragAndDropModule.wireDragEvents(t)})}},n.prototype.unWireDragEvent=function(){var e=this,n=[].slice.call(this.parent.element.querySelectorAll("."+he+"."+xe+" ."+Ee));(0,t.removeClass)(n,De),n.length>0&&n.forEach(function(t){return e.parent.dragAndDropModule.unWireDragEvents(t)})},n.prototype.destroy=function(){this.parent.resetTemplates(),this.parent.off(w,this.initRender),this.parent.off(C,this.scrollUiUpdate),this.unWireEvents();var e=this.parent.element.querySelector("."+re);e&&(0,t.remove)(e);var n=this.parent.element.querySelector("."+ue);n&&(0,t.remove)(n),this.treeViewObj&&(this.treeViewObj.destroy(),this.treeViewObj=null),this.treePopup&&(this.treePopup.destroy(),this.treePopup=null);var r=this.parent.element.querySelector("."+lt);r&&(0,t.remove)(r);var a=this.parent.element.querySelector("."+pt);a&&(0,t.remove)(a)},n}(Pt),zt=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)}}(),Vt=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 r(t,n){var r=e.call(this,t,n)||this;return r.columnDataCount={},r.needsID=!0,r}return zt(r,e),r.prototype.preRender=function(){this.isAdaptive=t.Browser.isDevice,this.kanbanData=[],this.enablePersistence&&this.swimlaneToggleArray||(this.swimlaneToggleArray=[]),this.activeCardData={data:null,element:null};this.localeObj=new t.L10n(this.getModuleName(),{items:"items",min:"Min",max:"Max",cardsSelected:"Cards Selected",addTitle:"Add New Card",editTitle:"Edit Card Details",deleteTitle:"Delete Card",deleteContent:"Are you sure you want to delete this card?",save:"Save",delete:"Delete",cancel:"Cancel",yes:"Yes",no:"No",close:"Close",noCard:"No cards to display",unassigned:"Unassigned",cards:"Cards"},this.locale),this.scrollPosition={content:{left:0,top:0},column:{}},this.isInitialRender=!0},r.prototype.requiredModules=function(){return[]},r.prototype.getPersistData=function(){return this.dataSource.length>0?this.addOnPersist(["columns","dataSource","swimlaneToggleArray"]):this.addOnPersist(["columns","kanbanData","swimlaneToggleArray"])},r.prototype.getModuleName=function(){return"kanban"},r.prototype.render=function(){var e=[G],r=[];this.enableRtl?e.push(J):r.push(J),this.isAdaptive?e.push(Z):r.push(Z),this.cssClass&&e.push(this.cssClass),(0,t.classList)(this.element,e,r),this.element.style.width=(0,t.formatUnit)(this.width),this.element.style.height=(0,t.formatUnit)(this.height),this.element.setAttribute("role","application"),this.element.setAttribute("aria-label","Kanban Board"),(0,n.createSpinner)({target:this.element}),this.showSpinner(),this.initializeModules()},r.prototype.onPropertyChanged=function(e,n){for(var r=0,a=Object.keys(e);r<a.length;r++){switch(a[r]){case"cssClass":n.cssClass&&(0,t.removeClass)([this.element],n.cssClass),e.cssClass&&(0,t.addClass)([this.element],e.cssClass);break;case"enableRtl":case"locale":this.refresh();break;case"width":this.element.style.width=(0,t.formatUnit)(e.width),this.element.querySelector("."+re).firstElementChild.style.width="auto",this.notify(C,{});break;case"height":this.element.style.height=(0,t.formatUnit)(e.height),this.element.querySelector("."+ue).style.height="auto",this.notify(C,{});break;case"dataSource":case"query":this.dataModule&&this.dataModule.setState({isDataChanged:!1}),this.dataModule=new T(this);break;case"columns":case"constraintType":case"sortSettings":this.notify(w,{processedData:this.kanbanData});break;case"swimlaneSettings":this.onSwimlaneSettingsPropertyChanged(e.swimlaneSettings,n.swimlaneSettings);break;case"cardSettings":this.onCardSettingsPropertyChanged(e.cardSettings,n.cardSettings);break;case"allowDragAndDrop":e.allowDragAndDrop?this.enableVirtualization?this.virtualLayoutModule.wireDragEvent():this.layoutModule.wireDragEvent():this.enableVirtualization?this.virtualLayoutModule.unWireDragEvent():this.layoutModule.unWireDragEvent();break;case"allowColumnDragAndDrop":e.allowColumnDragAndDrop?(this.enableVirtualization,this.wireColumnDragEvent()):(this.enableVirtualization,this.unwireColumnDragEvent());break;case"enableTooltip":this.tooltipModule&&(this.tooltipModule.destroy(),this.tooltipModule=null),e.enableTooltip&&(this.tooltipModule=new qt(this),this.enableVirtualization?this.virtualLayoutModule.refreshCards():this.layoutModule.refreshCards());break;case"dialogSettings":e.dialogSettings&&(this.dialogModule=new Tt(this));break;case"allowKeyboard":this.keyboardModule&&(this.keyboardModule.destroy(),this.keyboardModule=null),e.allowKeyboard&&(this.keyboardModule=new jt(this));break;case"stackedHeaders":this.enableVirtualization?this.virtualLayoutModule.refreshHeaders():this.layoutModule.refreshHeaders()}}},r.prototype.onSwimlaneSettingsPropertyChanged=function(e,t){for(var n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"keyField":case"textField":case"showEmptyRow":case"showItemCount":case"template":case"sortDirection":this.notify(w,{processedData:this.kanbanData});break;case"enableFrozenRows":this.layoutModule.frozenSwimlaneRow&&!this.swimlaneSettings.enableFrozenRows&&this.layoutModule.removeFrozenRows()}}},r.prototype.onCardSettingsPropertyChanged=function(e,n){for(var r=[],a=0,i=Object.keys(e);a<i.length;a++){switch(i[a]){case"showHeader":case"headerField":case"contentField":case"template":case"tagsField":case"grabberField":case"footerCssField":this.enableVirtualization?this.virtualLayoutModule.refreshCards():this.layoutModule.refreshCards();break;case"selectionType":(r=this.getSelectedCards()).length>0&&((0,t.removeClass)(r,at),this.enableVirtualization?this.virtualLayoutModule.disableAttributeSelection(r):this.layoutModule.disableAttributeSelection(r))}}},r.prototype.initializeModules=function(){this.dataModule=new T(this),this.enableVirtualization?this.virtualLayoutModule=new Ut(this):this.layoutModule=new Nt(this),this.allowKeyboard&&(this.keyboardModule=new jt(this)),this.actionModule=new Dt(this),this.crudModule=new xt(this),this.dragAndDropModule=new Ot(this),this.allowColumnDragAndDrop&&(this.columnDragAndDropModule=new At(this)),this.dialogModule=new Tt(this),this.enableTooltip&&(this.tooltipModule=new qt(this)),(t.Browser.isDevice||t.Browser.isTouch)&&(this.touchModule=new Ht(this))},r.prototype.renderTemplates=function(){this.isReact&&this.renderReactTemplates()},r.prototype.resetTemplates=function(e){this.isReact&&this.clearTemplate(e)},r.prototype.destroyModules=function(){this.layoutModule&&(this.layoutModule.destroy(),this.layoutModule=null),this.keyboardModule&&(this.keyboardModule.destroy(),this.keyboardModule=null),this.virtualLayoutModule&&(this.virtualLayoutModule.destroy(),this.virtualLayoutModule=null),this.touchModule&&(this.touchModule.destroy(),this.touchModule=null),this.tooltipModule&&(this.tooltipModule.destroy(),this.tooltipModule=null),this.dialogModule=null,this.actionModule=null,this.crudModule=null,this.dataModule=null,this.dragAndDropModule=null},r.prototype.wireColumnDragEvent=function(){var e=this;if(this.allowColumnDragAndDrop&&this.element.querySelector("."+re))if(this.stackedHeaders&&this.stackedHeaders.length>0){var n="."+pe,r=[].slice.call(this.element.querySelectorAll(n));(0,t.addClass)(r,xe),r.forEach(function(t){e.columnDragAndDropModule.wireColumnDragEvents(t)});var a="."+ie+":not(."+pe+")",i=[].slice.call(this.element.querySelectorAll(a));(0,t.addClass)(i,xe),i.forEach(function(t){e.columnDragAndDropModule.wireColumnDragEvents(t)})}else{var l="."+ie,o=[].slice.call(this.element.querySelectorAll(l));(0,t.addClass)(o,xe),o.forEach(function(t){e.columnDragAndDropModule.wireColumnDragEvents(t)})}},r.prototype.unwireColumnDragEvent=function(){var e=this;if(this.stackedHeaders&&this.stackedHeaders.length>0){var n="."+pe,r=[].slice.call(this.element.querySelectorAll(n));(0,t.removeClass)(r,xe),r.forEach(function(t){e.columnDragAndDropModule.unwireColumnDragEvents(t)});var a="."+ie+":not(."+pe+")",i=[].slice.call(this.element.querySelectorAll(a));(0,t.removeClass)(i,xe),i.forEach(function(t){e.columnDragAndDropModule.unwireColumnDragEvents(t)})}else{var l="."+ie,o=[].slice.call(this.element.querySelectorAll(l));(0,t.removeClass)(o,xe),o.forEach(function(t){e.columnDragAndDropModule.unwireColumnDragEvents(t)})}},r.prototype.templateParser=function(e){if(e)try{return"function"==typeof e?(0,t.compile)(e):document.querySelectorAll(e).length?(0,t.compile)(document.querySelector(e).innerHTML.trim()):(0,t.compile)(e)}catch(n){return(0,t.compile)(e)}},r.prototype.getCardDetails=function(e){var t=this,n="number"==typeof this.kanbanData[0][this.cardSettings.headerField]?parseInt(e.getAttribute("data-id"),10):e.getAttribute("data-id");return this.kanbanData.filter(function(e){return e[t.cardSettings.headerField]===n})[0]},r.prototype.getColumnData=function(e,t){return this.enableVirtualization?this.virtualLayoutModule.getColumnCards(t)[""+e]||[]:this.layoutModule.getColumnCards(t)[""+e]||[]},r.prototype.getSwimlaneData=function(e){return this.layoutModule.getSwimlaneCards()[""+e]||[]},r.prototype.getSelectedCards=function(){return[].slice.call(this.element.querySelectorAll("."+Ee+"."+at))},r.prototype.showSpinner=function(){(0,n.showSpinner)(this.element)},r.prototype.hideSpinner=function(){(0,n.hideSpinner)(this.element)},r.prototype.openDialog=function(e,t){this.dialogModule.openDialog(e,t)},r.prototype.closeDialog=function(){this.dialogModule.closeDialog()},r.prototype.addCard=function(e,t){this.crudModule.addCard(e,t)},r.prototype.updateCard=function(e,t){this.crudModule.updateCard(e,t)},r.prototype.deleteCard=function(e){this.crudModule.deleteCard(e)},r.prototype.addColumn=function(e,t){this.actionModule.addColumn(e,t)},r.prototype.deleteColumn=function(e){this.actionModule.deleteColumn(e)},r.prototype.showColumn=function(e){this.actionModule.showColumn(e)},r.prototype.hideColumn=function(e){this.actionModule.hideColumn(e)},r.prototype.refreshUI=function(e,t){t=t||0,this.dataModule.refreshUI(e,t)},r.prototype.refreshHeader=function(){this.resetTemplates(["columnTemplate"]),this.enableVirtualization?this.virtualLayoutModule.refreshHeaders():this.layoutModule.refreshHeaders(),this.renderTemplates()},r.prototype.destroy=function(){this.destroyModules(),[].slice.call(this.element.childNodes).forEach(function(e){(0,t.detach)(e)});var n=[G];this.cssClass&&(n=n.concat(this.cssClass.split(" "))),(0,t.removeClass)([this.element],n),e.prototype.destroy.call(this)},Vt([(0,t.Property)()],r.prototype,"cssClass",void 0),Vt([(0,t.Property)("auto")],r.prototype,"width",void 0),Vt([(0,t.Property)("auto")],r.prototype,"height",void 0),Vt([(0,t.Property)("auto")],r.prototype,"cardHeight",void 0),Vt([(0,t.Property)()],r.prototype,"enableVirtualization",void 0),Vt([(0,t.Property)([])],r.prototype,"dataSource",void 0),Vt([(0,t.Property)()],r.prototype,"query",void 0),Vt([(0,t.Property)()],r.prototype,"keyField",void 0),Vt([(0,t.Property)("Column")],r.prototype,"constraintType",void 0),Vt([(0,t.Property)([])],r.prototype,"externalDropId",void 0),Vt([(0,t.Collection)([],V)],r.prototype,"columns",void 0),Vt([(0,t.Property)(!0)],r.prototype,"allowKeyboard",void 0),Vt([(0,t.Property)(!0)],r.prototype,"enableHtmlSanitizer",void 0),Vt([(0,t.Collection)([],W)],r.prototype,"stackedHeaders",void 0),Vt([(0,t.Complex)({},R)],r.prototype,"swimlaneSettings",void 0),Vt([(0,t.Complex)({},P)],r.prototype,"cardSettings",void 0),Vt([(0,t.Complex)({},X)],r.prototype,"sortSettings",void 0),Vt([(0,t.Complex)({},B)],r.prototype,"dialogSettings",void 0),Vt([(0,t.Property)(!0)],r.prototype,"allowDragAndDrop",void 0),Vt([(0,t.Property)(!1)],r.prototype,"allowColumnDragAndDrop",void 0),Vt([(0,t.Property)(!1)],r.prototype,"enableTooltip",void 0),Vt([(0,t.Property)(!1)],r.prototype,"showEmptyColumn",void 0),Vt([(0,t.Property)(!1)],r.prototype,"enablePersistence",void 0),Vt([(0,t.Property)()],r.prototype,"tooltipTemplate",void 0),Vt([(0,t.Event)()],r.prototype,"actionBegin",void 0),Vt([(0,t.Event)()],r.prototype,"actionComplete",void 0),Vt([(0,t.Event)()],r.prototype,"actionFailure",void 0),Vt([(0,t.Event)()],r.prototype,"created",void 0),Vt([(0,t.Event)()],r.prototype,"dataBinding",void 0),Vt([(0,t.Event)()],r.prototype,"dataBound",void 0),Vt([(0,t.Event)()],r.prototype,"cardClick",void 0),Vt([(0,t.Event)()],r.prototype,"cardDoubleClick",void 0),Vt([(0,t.Event)()],r.prototype,"queryCellInfo",void 0),Vt([(0,t.Event)()],r.prototype,"cardRendered",void 0),Vt([(0,t.Event)()],r.prototype,"dragStart",void 0),Vt([(0,t.Event)()],r.prototype,"drag",void 0),Vt([(0,t.Event)()],r.prototype,"dragStop",void 0),Vt([(0,t.Event)()],r.prototype,"dialogOpen",void 0),Vt([(0,t.Event)()],r.prototype,"dialogClose",void 0),Vt([(0,t.Event)()],r.prototype,"columnDragStart",void 0),Vt([(0,t.Event)()],r.prototype,"columnDrag",void 0),Vt([(0,t.Event)()],r.prototype,"columnDrop",void 0),Vt([(0,t.Event)()],r.prototype,"dataStateChange",void 0),Vt([(0,t.Event)()],r.prototype,"dataSourceChanged",void 0),r=Vt([t.NotifyPropertyChanges],r)}(t.Component)})(),c})());