@syncfusion/ej2-layouts 25.1.37 → 26.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-layouts.min.js +2 -2
- package/dist/ej2-layouts.umd.min.js +2 -2
- package/dist/ej2-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-layouts.es2015.js +215 -140
- package/dist/es6/ej2-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-layouts.es5.js +243 -167
- package/dist/es6/ej2-layouts.es5.js.map +1 -1
- package/dist/global/ej2-layouts.min.js +2 -2
- package/dist/global/ej2-layouts.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/dashboard-layout/dashboard-layout.d.ts +1 -1
- package/src/dashboard-layout/dashboard-layout.js +55 -76
- package/src/splitter/splitter.js +81 -41
- package/src/timeline/timeline-model.d.ts +5 -5
- package/src/timeline/timeline.d.ts +6 -3
- package/src/timeline/timeline.js +107 -33
- package/styles/avatar/_bootstrap5.3-definition.scss +26 -0
- package/styles/avatar/_fluent2-definition.scss +29 -0
- package/styles/avatar/_layout.scss +16 -18
- package/styles/avatar/_material3-definition.scss +0 -7
- package/styles/avatar/bootstrap-dark.css +7 -4
- package/styles/avatar/bootstrap.css +7 -4
- package/styles/avatar/bootstrap4.css +7 -4
- package/styles/avatar/bootstrap5-dark.css +13 -10
- package/styles/avatar/bootstrap5.css +13 -10
- package/styles/avatar/fabric-dark.css +7 -4
- package/styles/avatar/fabric.css +7 -4
- package/styles/avatar/fluent-dark.css +11 -8
- package/styles/avatar/fluent.css +11 -8
- package/styles/avatar/fluent2.css +1094 -0
- package/styles/avatar/fluent2.scss +3 -0
- package/styles/avatar/highcontrast-light.css +7 -4
- package/styles/avatar/highcontrast.css +7 -4
- package/styles/avatar/material-dark.css +7 -4
- package/styles/avatar/material.css +7 -4
- package/styles/avatar/material3-dark.css +12 -9
- package/styles/avatar/material3.css +12 -9
- package/styles/avatar/tailwind-dark.css +11 -8
- package/styles/avatar/tailwind.css +11 -8
- package/styles/bootstrap-dark.css +359 -197
- package/styles/bootstrap-dark.scss +14 -5
- package/styles/bootstrap.css +359 -197
- package/styles/bootstrap.scss +14 -5
- package/styles/bootstrap4.css +357 -196
- package/styles/bootstrap4.scss +14 -5
- package/styles/bootstrap5-dark.css +370 -207
- package/styles/bootstrap5-dark.scss +14 -5
- package/styles/bootstrap5.css +370 -207
- package/styles/bootstrap5.scss +14 -5
- package/styles/card/_bootstrap5.3-definition.scss +125 -0
- package/styles/card/_fluent2-definition.scss +123 -0
- package/styles/card/_layout.scss +0 -3
- package/styles/card/_material3-definition.scss +0 -13
- package/styles/card/_theme.scss +4 -16
- package/styles/card/bootstrap-dark.css +95 -52
- package/styles/card/bootstrap.css +95 -52
- package/styles/card/bootstrap4.css +95 -52
- package/styles/card/bootstrap5-dark.css +95 -52
- package/styles/card/bootstrap5.css +95 -52
- package/styles/card/fabric-dark.css +95 -52
- package/styles/card/fabric.css +95 -52
- package/styles/card/fluent-dark.css +99 -54
- package/styles/card/fluent.css +99 -54
- package/styles/card/fluent2.css +1588 -0
- package/styles/card/fluent2.scss +3 -0
- package/styles/card/highcontrast-light.css +95 -52
- package/styles/card/highcontrast.css +95 -52
- package/styles/card/material-dark.css +95 -52
- package/styles/card/material.css +97 -53
- package/styles/card/material3-dark.css +99 -53
- package/styles/card/material3.css +99 -53
- package/styles/card/tailwind-dark.css +95 -52
- package/styles/card/tailwind.css +95 -52
- package/styles/dashboard-layout/_bootstrap5.3-definition.scss +108 -0
- package/styles/dashboard-layout/_fluent2-definition.scss +111 -0
- package/styles/dashboard-layout/_highcontrast-definition.scss +1 -1
- package/styles/dashboard-layout/_layout.scss +62 -60
- package/styles/dashboard-layout/_material3-definition.scss +0 -47
- package/styles/dashboard-layout/_theme.scss +19 -32
- package/styles/dashboard-layout/bootstrap-dark.css +41 -42
- package/styles/dashboard-layout/bootstrap.css +41 -42
- package/styles/dashboard-layout/bootstrap4.css +41 -42
- package/styles/dashboard-layout/bootstrap5-dark.css +48 -47
- package/styles/dashboard-layout/bootstrap5.css +48 -47
- package/styles/dashboard-layout/fabric-dark.css +41 -42
- package/styles/dashboard-layout/fabric.css +41 -42
- package/styles/dashboard-layout/fluent-dark.css +46 -46
- package/styles/dashboard-layout/fluent.css +46 -46
- package/styles/dashboard-layout/fluent2.css +1336 -0
- package/styles/dashboard-layout/fluent2.scss +4 -0
- package/styles/dashboard-layout/highcontrast-light.css +39 -41
- package/styles/dashboard-layout/highcontrast.css +43 -42
- package/styles/dashboard-layout/icons/_bootstrap5.3.scss +80 -0
- package/styles/dashboard-layout/icons/_fluent2.scss +80 -0
- package/styles/dashboard-layout/material-dark.css +41 -42
- package/styles/dashboard-layout/material.css +41 -42
- package/styles/dashboard-layout/material3-dark.css +48 -47
- package/styles/dashboard-layout/material3.css +48 -47
- package/styles/dashboard-layout/tailwind-dark.css +57 -55
- package/styles/dashboard-layout/tailwind.css +57 -55
- package/styles/fabric-dark.css +359 -197
- package/styles/fabric-dark.scss +14 -5
- package/styles/fabric.css +359 -197
- package/styles/fabric.scss +14 -5
- package/styles/fluent-dark.css +370 -206
- package/styles/fluent-dark.scss +14 -5
- package/styles/fluent.css +370 -206
- package/styles/fluent.scss +14 -5
- package/styles/fluent2.css +2795 -0
- package/styles/fluent2.scss +14 -0
- package/styles/highcontrast-light.css +357 -196
- package/styles/highcontrast-light.scss +13 -5
- package/styles/highcontrast.css +361 -197
- package/styles/highcontrast.scss +14 -5
- package/styles/material-dark.css +357 -196
- package/styles/material-dark.scss +14 -5
- package/styles/material.css +359 -197
- package/styles/material.scss +14 -5
- package/styles/material3-dark.css +370 -204
- package/styles/material3-dark.scss +14 -5
- package/styles/material3.css +370 -204
- package/styles/material3.scss +14 -5
- package/styles/splitter/_bootstrap5.3-definition.scss +31 -0
- package/styles/splitter/_fluent2-definition.scss +31 -0
- package/styles/splitter/_layout.scss +0 -4
- package/styles/splitter/_material3-definition.scss +0 -7
- package/styles/splitter/_theme.scss +0 -4
- package/styles/splitter/bootstrap-dark.css +115 -59
- package/styles/splitter/bootstrap.css +115 -59
- package/styles/splitter/bootstrap4.css +113 -58
- package/styles/splitter/bootstrap5-dark.css +113 -58
- package/styles/splitter/bootstrap5.css +113 -58
- package/styles/splitter/fabric-dark.css +115 -59
- package/styles/splitter/fabric.css +115 -59
- package/styles/splitter/fluent-dark.css +113 -58
- package/styles/splitter/fluent.css +113 -58
- package/styles/splitter/fluent2.css +1578 -0
- package/styles/splitter/fluent2.scss +4 -0
- package/styles/splitter/highcontrast-light.css +115 -59
- package/styles/splitter/highcontrast.css +115 -59
- package/styles/splitter/icons/_bootstrap5.3.scss +39 -0
- package/styles/splitter/icons/_fluent2.scss +39 -0
- package/styles/splitter/material-dark.css +113 -58
- package/styles/splitter/material.css +113 -58
- package/styles/splitter/material3-dark.css +114 -59
- package/styles/splitter/material3.css +114 -59
- package/styles/splitter/tailwind-dark.css +113 -58
- package/styles/splitter/tailwind.css +113 -58
- package/styles/tailwind-dark.css +377 -213
- package/styles/tailwind-dark.scss +14 -5
- package/styles/tailwind.css +377 -213
- package/styles/tailwind.scss +14 -5
- package/styles/timeline/_bootstrap5.3-definition.scss +18 -0
- package/styles/timeline/_fluent2-definition.scss +18 -0
- package/styles/timeline/_layout.scss +46 -7
- package/styles/timeline/bootstrap-dark.css +99 -39
- package/styles/timeline/bootstrap.css +99 -39
- package/styles/timeline/bootstrap4.css +99 -39
- package/styles/timeline/bootstrap5-dark.css +99 -39
- package/styles/timeline/bootstrap5.css +99 -39
- package/styles/timeline/fabric-dark.css +99 -39
- package/styles/timeline/fabric.css +99 -39
- package/styles/timeline/fluent-dark.css +99 -39
- package/styles/timeline/fluent.css +99 -39
- package/styles/timeline/fluent2.css +1332 -0
- package/styles/timeline/fluent2.scss +3 -0
- package/styles/timeline/highcontrast-light.css +99 -39
- package/styles/timeline/highcontrast.css +99 -39
- package/styles/timeline/material-dark.css +99 -39
- package/styles/timeline/material.css +99 -39
- package/styles/timeline/material3-dark.css +100 -40
- package/styles/timeline/material3.css +100 -40
- package/styles/timeline/tailwind-dark.css +99 -39
- package/styles/timeline/tailwind.css +99 -39
- package/CHANGELOG.md +0 -599
@@ -1,11 +1,11 @@
|
|
1
1
|
/*!
|
2
2
|
* filename: ej2-layouts.umd.min.js
|
3
|
-
* version :
|
3
|
+
* version : 26.1.35
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
|
5
5
|
* Use of this code is subject to the terms of our license.
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
8
8
|
* applicable laws.
|
9
9
|
*/
|
10
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Base)}(this,function(e,t){"use strict";var i=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),s=function(e,t,i,s){var n,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(l=(a<3?n(l):a>3?n(t,i,l):n(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l},n="e-splitter",a="e-splitter-horizontal",l="e-splitter-vertical",r="e-pane",o="e-pane-horizontal",h="e-pane-vertical",p="e-split-bar",d="e-split-bar-horizontal",c="e-split-bar-vertical",u="e-static-pane",g="e-scrollable",m="e-resize-handler",f="e-resizable-split-bar",v="e-split-bar-hover",y="e-split-bar-active",P="e-hide-handler",C="e-disabled",x="e-collapsible",S="e-navigate-arrow",b="e-arrow-right",w="e-arrow-left",z="e-arrow-up",A="e-arrow-down",I="e-icon-hidden",E="e-expanded",O="e-collapsed",R="e-pane-hidden",H="e-resizable",B="e-last-bar",M=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return i(n,e),s([t.Property()],n.prototype,"size",void 0),s([t.Property(!1)],n.prototype,"collapsible",void 0),s([t.Property(!1)],n.prototype,"collapsed",void 0),s([t.Property(!0)],n.prototype,"resizable",void 0),s([t.Property(null)],n.prototype,"min",void 0),s([t.Property(null)],n.prototype,"max",void 0),s([t.Property()],n.prototype,"content",void 0),s([t.Property("")],n.prototype,"cssClass",void 0),n}(t.ChildProperty),L=function(e){function L(t,i){var s=e.call(this,t,i)||this;return s.needsID=!0,s}return i(L,e),L.prototype.onPropertyChanged=function(e,i){if(this.element.classList.contains(n))for(var s=0,a=Object.keys(e);s<a.length;s++){switch(a[s]){case"height":this.setSplitterSize(this.element,e.height,"height");break;case"width":this.setSplitterSize(this.element,e.width,"width");break;case"cssClass":this.setCssClass(this.element,e.cssClass);break;case"enabled":this.isEnabled(this.enabled);break;case"enableReversePanes":this.setReversePane();break;case"separatorSize":this.setSeparatorSize(e.separatorSize);break;case"orientation":this.changeOrientation(e.orientation);break;case"paneSettings":if(e.paneSettings instanceof Array&&i.paneSettings instanceof Array)this.destroyPaneSettings(),this.allBars=[],this.allPanes=[],this.createSplitPane(this.element),this.addSeparator(this.element),this.getPanesDimensions(),this.setRTL(this.enableRtl),this.isCollapsed();else{var l=Object.keys(e.paneSettings),r=l.some(function(i){return!t.isNullOrUndefined(e.paneSettings[i].content)});if(this.isReact&&r){for(var o=0,h=0;h<this.paneSettings.length;h++)"function"==typeof this.paneSettings[h].content&&(o+=1);o===this.paneSettings.length&&this.clearTemplate()}for(var p=0;p<l.length;p++)for(var d=parseInt(Object.keys(e.paneSettings)[p],10),c=Object.keys(e.paneSettings[d]).length,u=0;u<c;u++){var g=Object.keys(e.paneSettings[d])[u];switch(g){case"content":var m=Object(e.paneSettings[d])[""+g];t.isNullOrUndefined(m)||(this.allPanes[d].innerHTML="",this.setTemplate(m,this.allPanes[d]));break;case"resizable":var f=Object(e.paneSettings[d])[""+g];this.resizableModel(d,f);break;case"collapsible":this.collapsibleModelUpdate(d);break;case"collapsed":e.paneSettings[d].collapsed?this.isCollapsed(d):this.collapsedOnchange(d);break;case"cssClass":this.setCssClass(this.allPanes[d],e.paneSettings[d].cssClass);break;case"size":var v=Object(e.paneSettings[d])[""+g];""===v||t.isNullOrUndefined(v)||this.updatePaneSize(v,d)}}}break;case"enableRtl":this.setRTL(e.enableRtl)}}},L.prototype.updatePaneSize=function(e,t){this.allPanes[t].style.flexBasis=e;for(var i,s=[],n=0,a=0;a<this.allPanes.length;a++)this.paneSettings[a].size||""===this.allPanes[a].innerText?this.paneSettings[a].size&&(i="Horizontal"===this.orientation?this.allPanes[t].offsetWidth:this.allPanes[t].offsetHeight):(s[n]=a,n++);i="Horizontal"===this.orientation?this.allBars[0].offsetWidth*this.allBars.length+i:this.allBars[0].offsetHeight*this.allBars.length+i;for(var l=(("Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight)-i-2*this.border)/s.length,r=0;r<s.length;r++)""!==this.allPanes[s[r]].style.flexBasis&&(this.allPanes[s[r]].style.flexBasis=l+"px");this.allPanes[t].classList.add(u)},L.prototype.initializeValues=function(){this.allPanes=[],this.paneOrder=[],this.separatorOrder=[],this.allBars=[],this.previousCoordinates={},this.currentCoordinates={},this.updatePrePaneInPercentage=!1,this.updateNextPaneInPercentage=!1,this.panesDimensions=[],this.border=0,this.validDataAttributes=["data-size","data-min","data-max","data-collapsible","data-resizable","data-content","data-collapsed"],this.validElementAttributes=["data-orientation","data-width","data-height"],this.iconsDelay=300,this.templateElement=[],this.collapseFlag=!1,this.expandFlag=!0},L.prototype.preRender=function(){this.initializeValues(),this.onReportWindowSize=this.reportWindowSize.bind(this),this.onMouseMoveHandler=this.onMouseMove.bind(this),this.onMouseUpHandler=this.onMouseUp.bind(this),this.onTouchMoveHandler=this.onMouseMove.bind(this),this.onTouchEndHandler=this.onMouseUp.bind(this),this.wrapper=this.element.cloneNode(!0),this.wrapperParent=this.element.parentElement,t.removeClass([this.wrapper],["e-control","e-lib",n]);var e="Horizontal"===this.orientation?a:l;t.addClass([this.element],e);var i="msie"===t.Browser.info.name?"e-ie":"";this.setCssClass(this.element,i),t.Browser.isDevice&&t.addClass([this.element],"e-splitter-touch")},L.prototype.getPersistData=function(){return this.addOnPersist(["paneSettings"])},L.prototype.getModuleName=function(){return"splitter"},L.prototype.render=function(){this.checkDataAttributes(),this.setCssClass(this.element,this.cssClass),this.isEnabled(this.enabled),this.setDimension(this.getHeight(this.element),this.getWidth(this.element)),this.createSplitPane(this.element),this.addSeparator(this.element),this.getPanesDimensions(),this.setPaneSettings(),this.setRTL(this.enableRtl),this.enableReversePanes&&this.setReversePane(),this.collapseFlag=!0,this.isCollapsed(),this.collapseFlag=!1,t.EventHandler.add(document,"touchstart click",this.onDocumentClick,this),this.renderComplete(),this.element.ownerDocument.defaultView.addEventListener("resize",this.onReportWindowSize,!0),t.EventHandler.add(this.element,"keydown",this.onMove,this)},L.prototype.onDocumentClick=function(e){e.target.classList.contains(p)||t.isNullOrUndefined(this.currentSeparator)||(this.currentSeparator.classList.remove(v),this.currentSeparator.classList.remove(y))},L.prototype.checkPaneSize=function(e){var i="Horizontal"===this.orientation?this.previousPane.offsetWidth:this.previousPane.offsetHeight,s="Horizontal"===this.orientation?this.nextPane.offsetWidth:this.nextPane.offsetHeight,n=t.isNullOrUndefined(this.separatorSize)?1:this.separatorSize;if(this.previousPane.style.flexBasis.indexOf("%")>0||this.previousPane.style.flexBasis.indexOf("p")>0||this.nextPane.style.flexBasis.indexOf("%")>0){var a=this.updatePaneFlexBasis(this.previousPane),l=this.updatePaneFlexBasis(this.nextPane);this.totalPercent=a+l,this.totalWidth=this.convertPercentageToPixel(this.totalPercent+"%"),"keydown"!==e.type||t.isNullOrUndefined(e.keyCode)||((39===e.keyCode||40===e.keyCode)&&s>0&&this.getMinInPixel(this.paneSettings[this.nextPaneIndex].min)<this.convertPercentageToPixel(l-1+"%")?(this.previousPane.style.flexBasis=a+1+"%",this.nextPane.style.flexBasis=l-1+"%"):(37===e.keyCode||38===e.keyCode)&&i>0&&this.getMinInPixel(this.paneSettings[this.prevPaneIndex].min)<this.convertPercentageToPixel(a-1+"%")&&(this.previousPane.style.flexBasis=a-1+"%",this.nextPane.style.flexBasis=l+1+"%"))}else this.totalWidth="Horizontal"===this.orientation?this.previousPane.offsetWidth+this.nextPane.offsetWidth:this.previousPane.offsetHeight+this.nextPane.offsetHeight,"keydown"!==e.type||t.isNullOrUndefined(e.keyCode)||((39===e.keyCode||40===e.keyCode)&&s>0&&this.getMinInPixel(this.paneSettings[this.nextPaneIndex].min)<s+n?(this.addStaticPaneClass(),this.previousPane.style.flexBasis=i+n+"px",this.nextPane.style.flexBasis=s<n?"0px":s-n+"px"):(37===e.keyCode||38===e.keyCode)&&i>0&&this.getMinInPixel(this.paneSettings[this.prevPaneIndex].min)<i-n&&(this.addStaticPaneClass(),this.previousPane.style.flexBasis=i<n?"0px":i-n+"px",this.nextPane.style.flexBasis=s+n+"px"))},L.prototype.onMove=function(e){if(this.allPanes.length>1){var i=this.getSeparatorIndex(this.currentSeparator),s=this.previousPane.classList.contains(O),n=this.previousPane.classList.contains(E),a=this.nextPane.classList.contains(O);("Horizontal"!==this.orientation&&38===e.keyCode||"Horizontal"===this.orientation&&39===e.keyCode||"Horizontal"===this.orientation&&37===e.keyCode||"Horizontal"!==this.orientation&&40===e.keyCode)&&(!n&&!a&&!s||n&&!a)&&document.activeElement.classList.contains(p)&&this.paneSettings[i].resizable&&this.paneSettings[i+1].resizable?(e.preventDefault(),this.checkPaneSize(e),this.triggerResizing(e)):13===e.keyCode&&this.paneSettings[i].collapsible&&document.activeElement.classList.contains(p)&&this.currentSeparator.classList.contains(y)&&(this.previousPane.classList.contains(O)?(this.expand(i),t.addClass([this.currentSeparator],y)):(this.collapse(i),t.addClass([this.currentSeparator],y)))}},L.prototype.getMinInPixel=function(e){if(t.isNullOrUndefined(e))return 0;var i=this.convertPixelToNumber(e.toString());e.indexOf("%")>0&&(i=this.convertPercentageToPixel(e));return this.convertPixelToNumber(i.toString())},L.prototype.sanitizeHelper=function(e){if(this.enableHtmlSanitizer){var i=t.SanitizeHtmlHelper.beforeSanitize();t.extend(i,i,{cancel:!1,helper:null}),this.trigger("beforeSanitizeHtml",i),i.cancel&&!t.isNullOrUndefined(i.helper)?e=i.helper(e):i.cancel||(e=t.SanitizeHtmlHelper.serializeValue(i,e))}return e},L.prototype.checkDataAttributes=function(){for(var e,i,s=0;s<this.validElementAttributes.length;s++)i=this.element.getAttribute(this.validElementAttributes[s]),t.isNullOrUndefined(i)||(this[e=this.removeDataPrefix(this.validElementAttributes[s])]=i);for(var n=0;n<this.element.children.length;n++)for(var a=0;a<this.validDataAttributes.length;a++)if(i=this.element.children[n].getAttribute(this.validDataAttributes[a]),!t.isNullOrUndefined(i)){i="collapsible"===(e=this.removeDataPrefix(this.validDataAttributes[a]))||"resizable"===e?"true"===i:i,t.isNullOrUndefined(this.paneSettings[n])&&(this.paneSettings[n]={size:"",min:null,max:null,content:"",resizable:!0,collapsible:!1,collapsed:!1});var l=this.paneSettings[n][e];"resizable"!==e&&"collapsible"!==e&&"collapsed"!==e||(this.paneSettings[n][e]=i),(t.isNullOrUndefined(l)||""===l)&&(this.paneSettings[n][e]=i)}},L.prototype.destroyPaneSettings=function(){[].slice.call(this.element.children).forEach(function(e){t.detach(e)}),this.restoreElem()},L.prototype.setPaneSettings=function(){for(var e=this.allPanes.length,i=[],s={size:"",min:null,max:null,content:"",resizable:!0,collapsed:!1,collapsible:!1,cssClass:""},n=0;n<e;n++)t.isNullOrUndefined(this.paneSettings[n])?i[n]=s:i[n]=this.paneSettings[n];this.setProperties({paneSettings:i},!0)},L.prototype.checkArrow=function(e,t){return this.allBars[e].querySelector("."+S+"."+t)},L.prototype.removeDataPrefix=function(e){return e.slice(e.lastIndexOf("-")+1)},L.prototype.setRTL=function(e){e?t.addClass([this.element],"e-rtl"):t.removeClass([this.element],"e-rtl")},L.prototype.setReversePane=function(){this.allPanes=this.allPanes.reverse(),this.allBars=this.allBars.reverse(),t.addClass([this.allBars[this.allBars.length-1]],B),t.removeClass([this.allBars[0]],B),this.setProperties({paneSettings:this.paneSettings.reverse()},!0),this.enableReversePanes?this.element.setAttribute("dir","rtl"):this.element.removeAttribute("dir")},L.prototype.setSplitterSize=function(e,i,s){var n="width"===s?{width:t.formatUnit(i)}:{height:t.formatUnit(i)};t.setStyleAttribute(e,n)},L.prototype.getPanesDimensions=function(){for(var e=0;e<this.allPanes.length;e++)"Horizontal"===this.orientation?this.panesDimensions.push(this.allPanes[e].getBoundingClientRect().width):this.panesDimensions.push(this.allPanes[e].getBoundingClientRect().height)},L.prototype.setCssClass=function(e,i){i&&t.addClass([e],i.split(i.indexOf(",")>-1?",":" "))},L.prototype.hideResizer=function(e){t.addClass([t.select("."+m,e)],P)},L.prototype.showResizer=function(e){!t.isNullOrUndefined(this.previousPane)&&this.previousPane.classList.contains(H)&&!t.isNullOrUndefined(this.nextPane)&&this.nextPane.classList.contains(H)&&t.removeClass([t.select("."+m,e)],P)},L.prototype.resizableModel=function(e,i){var s=e===this.allBars.length?e-1:e,n=e;t.EventHandler.remove(this.allBars[s],"mousedown",this.onMouseDown),i?(t.EventHandler.add(this.allBars[s],"mousedown",this.onMouseDown,this),this.isResizable()&&(this.showResizer(this.allBars[s]),t.removeClass([t.select("."+m,this.allBars[s])],P),this.allBars[s].classList.add(f),e===this.allBars.length?this.allPanes[e].classList.add(H):this.allPanes[s].classList.add(H),this.updateResizablePanes(n))):(this.updateResizablePanes(n),this.hideResizer(this.allBars[s]),this.allBars[s].classList.remove(f),e===this.allBars.length?this.allPanes[e].classList.remove(H):this.allPanes[s].classList.remove(H))},L.prototype.collapsibleModelUpdate=function(e){var t=e===this.allBars.length?e-1:e,i="Horizontal"===this.orientation?this.checkArrow(t,w):this.checkArrow(t,z),s="Horizontal"===this.orientation?this.checkArrow(t,b):this.checkArrow(t,A);this.paneCollapsible(this.allPanes[e],e),this.updateCollapseIcons(t,s,i)},L.prototype.collapseArrow=function(e,i){return t.selectAll("."+i,this.allBars[e])[0]},L.prototype.updateIsCollapsed=function(e,i,s){if(!t.isNullOrUndefined(e)){var n=e===this.allBars.length,a=n?e-1:e;(!n&&this.allPanes[e+1].classList.contains(O)&&0!==e?this.collapseArrow(a-1,s):n?this.collapseArrow(a,s):this.collapseArrow(a,i)).click()}},L.prototype.isCollapsed=function(e){var i=this;if(t.isNullOrUndefined(e)||!this.paneSettings[e].collapsed||!t.isNullOrUndefined(this.allPanes[e].classList.contains(O))){if(this.expandFlag=!1,t.isNullOrUndefined(e)){for(var s=0;s<this.allPanes.length;s++)!t.isNullOrUndefined(this.paneSettings[s])&&this.paneSettings[s].collapsed&&this.updateIsCollapsed(s,this.targetArrows().collapseArrow,this.targetArrows().lastBarArrow);for(s=this.allPanes.length-1;s>=0;s--)if(!t.isNullOrUndefined(this.paneSettings[s])&&this.paneSettings[s].collapsed&&!this.allPanes[s].classList.contains(O)){var n="Horizontal"===this.orientation?b:A;if(0!==s){this.collapseArrow(s-1,n).click()}if(!this.nextPane.classList.contains(O)){this.collapseArrow(s-1,n).click()}}}else{this.collapseFlag=!0;var a=e===this.allBars.length,l=a?e-1:e,r={target:!a&&this.allPanes[e+1].classList.contains(O)&&0!==e?this.collapseArrow(l-1,this.targetArrows().lastBarArrow):a?this.collapseArrow(l,this.targetArrows().lastBarArrow):this.collapseArrow(l,this.targetArrows().collapseArrow)},o=this.beforeAction(r);this.trigger("beforeCollapse",o,function(t){if(!t.cancel){var s=[];s[0]=e;for(var n=1,a=0;a<i.allPanes.length;a++)i.allPanes[a].classList.contains(O)&&(s[n]=a,n++);s=s.sort(),i.updateIsCollapsed(e,i.targetArrows().collapseArrow,i.targetArrows().lastBarArrow);for(a=0;a<s.length;a++)i.allPanes[s[a]].classList.contains(O)||i.updateIsCollapsed(s[a],i.targetArrows().collapseArrow,i.targetArrows().lastBarArrow);for(a=s.length;a>0;a--)if(!i.allPanes[s[a-1]].classList.contains(O)){var l=i.targetArrows();i.updateIsCollapsed(s[a-1],l.collapseArrow,l.lastBarArrow)}var o=i.afterAction(r);i.trigger("collapsed",o),i.collapseFlag=!1}})}this.expandFlag=!0}},L.prototype.targetArrows=function(){return this.splitterProperty(),{collapseArrow:"Horizontal"===this.orientation?w:z,lastBarArrow:"Vertical"===this.orientation?A:b}},L.prototype.collapsedOnchange=function(e){t.isNullOrUndefined(this.paneSettings[e])||t.isNullOrUndefined(this.paneSettings[e].collapsed)||!this.allPanes[e].classList.contains(O)||this.updateIsCollapsed(e,this.targetArrows().lastBarArrow,this.targetArrows().collapseArrow)},L.prototype.isEnabled=function(e){e?t.removeClass([this.element],C):t.addClass([this.element],C)},L.prototype.setSeparatorSize=function(e){for(var i=t.isNullOrUndefined(e)?"auto":e+"px",s="Horizontal"===this.orientation?d:c,n=0;n<this.allBars.length;n++){var a=t.selectAll("."+s,this.element)[n],l=t.selectAll("."+m,a)[0];"Horizontal"===this.orientation?(a.style.width=i,t.isNullOrUndefined(l)||(l.style.width=i)):(a.style.height=i,t.isNullOrUndefined(l)||(l.style.height=i))}},L.prototype.changeOrientation=function(e){var i="Vertical"===e;this.element.classList.remove(i?a:l),this.element.classList.add(i?l:a);for(var s=0;s<this.allPanes.length;s++)this.allPanes[s].classList.remove(i?o:h),this.allPanes[s].classList.add(i?h:o);for(s=0;s<this.allBars.length;s++)t.detach(this.allBars[s]);this.allBars=[],this.addSeparator(this.element)},L.prototype.checkSplitPane=function(e,t){return this.collectPanes(e.parentElement.children)[t]},L.prototype.collectPanes=function(e){for(var t=[],i=0;i<e.length;i++)e[i].classList.contains(r)&&t.push(e[i]);return t},L.prototype.getPrevPane=function(e){return this.enableReversePanes?this.getOrderPane(e+1):this.getOrderPane(e-1)},L.prototype.getNextPane=function(e){return this.enableReversePanes?this.getOrderPane(e-1):this.getOrderPane(e+1)},L.prototype.getOrderPane=function(e){for(var t,i=0;i<this.element.children.length;i++)parseInt(this.element.children[i].style.order,10)===e&&(t=this.element.children[i]);return t},L.prototype.getOrderIndex=function(e,t){var i,s;s="pane"===t?this.allPanes:this.allBars;for(var n=0;n<s.length;n++)parseInt(s[n].style.order,10)===e&&(i=n);return i},L.prototype.updateSeparatorSize=function(e){var i=t.isNullOrUndefined(this.separatorSize)?"1px":this.separatorSize+"px";"Horizontal"===this.orientation?e.style.width=i:e.style.height=i},L.prototype.addResizeHandler=function(e){var i=this.createElement("div");t.addClass([i],[m,"e-icons"]),this.updateSeparatorSize(i),e.appendChild(i)},L.prototype.getHeight=function(e){this.height;return""!==e.style.height&&"100%"===this.height?e.style.height:this.height},L.prototype.getWidth=function(e){this.width;return""!==e.style.width&&"100%"===this.width?e.style.width:this.width},L.prototype.setDimension=function(e,i){t.setStyleAttribute(this.element,{height:e,width:i})},L.prototype.updateCollapseIcons=function(e,i,s){t.isNullOrUndefined(this.paneSettings[e])||t.isNullOrUndefined(this.paneSettings[e].collapsible)||(this.paneSettings[e].collapsible?t.removeClass([s],[I]):t.addClass([s],[I]),t.isNullOrUndefined(this.paneSettings[e+1])||(this.paneSettings[e+1].collapsible?t.removeClass([i],[I]):t.addClass([i],[I])),t.isNullOrUndefined(this.paneSettings[e+1])||this.paneSettings[e+1].collapsible&&(this.paneSettings[e+1].collapsible?t.removeClass([i],[I]):t.addClass([i],[I])))},L.prototype.updateIconClass=function(){"Horizontal"===this.orientation?(this.leftArrow=w,this.rightArrow=b):(this.leftArrow=z,this.rightArrow=A)},L.prototype.createSeparator=function(e){var i=this.createElement("div");this.allBars.push(i);var s=this.createElement("button"),n=this.createElement("button");s.setAttribute("tabindex","-1"),n.setAttribute("tabindex","-1"),s.setAttribute("aria-label","Toggle navigation"),n.setAttribute("aria-label","Toggle navigation"),s.setAttribute("type","button"),n.setAttribute("type","button");var a=t.isNullOrUndefined(this.separatorSize)?"1px":this.separatorSize+"px",l=this;return"Horizontal"===this.orientation?(this.updateIconClass(),t.addClass([n],[S,w,I]),t.addClass([s],[S,b,I]),t.addClass([i],[p,d]),i.style.width=a):(t.addClass([s],[S,A,I]),t.addClass([n],[S,z,I]),t.addClass([i],[p,c]),this.updateIconClass(),i.style.height=a),this.addMouseActions(i),i.appendChild(n),this.addResizeHandler(i),i.appendChild(s),this.updateCollapseIcons(e,s,n),i.setAttribute("tabindex","-1"),i.setAttribute("aria-hidden","true"),this.enableReversePanes?i.setAttribute("dir","ltr"):i.removeAttribute("dir"),i.addEventListener("focus",function(){i.classList.add(y),l.currentSeparator=i,l.getPaneDetails()}),i.addEventListener("blur",function(){i.classList.remove(y)}),i},L.prototype.updateResizablePanes=function(e){this.getPaneDetails(),this.isResizable()?this.allPanes[e].classList.add(H):this.allPanes[e].classList.remove(H)},L.prototype.addSeparator=function(e){for(var i,s=this.allPanes.length,n=e.children,a=0;a<s;a++)if(a<s-1){if(i=this.createSeparator(a),t.setStyleAttribute(i,{order:2*a+1}),this.separatorOrder.push(2*a+1),n[a].parentNode.appendChild(i),this.currentSeparator=i,i.setAttribute("role","separator"),i.setAttribute("aria-valuenow",a.toString()),i.setAttribute("aria-orientation",this.orientation.toLowerCase()),this.wireClickEvents(),!t.isNullOrUndefined(i))if(this.isResizable()){t.EventHandler.add(i,"mousedown",this.onMouseDown,this);var l="msie"===t.Browser.info.name?"pointerdown":"touchstart";t.EventHandler.add(i,l,this.onMouseDown,this),i.classList.add(f),this.updateResizablePanes(a)}else t.addClass([t.select("."+m,i)],P)}else i&&t.addClass([i],B),s>1&&this.updateResizablePanes(a);if("msie"===t.Browser.info.name){var r=this.element.querySelectorAll(".e-splitter .e-resize-handler");for(a=0;a<r.length;a++){var o=t.isNullOrUndefined(this.separatorSize)?1:this.separatorSize;r[a].style.paddingLeft=o/2+"px",r[a].style.paddingRight=o/2+"px"}}},L.prototype.isResizable=function(){var e=!1;return(!t.isNullOrUndefined(this.paneSettings[this.getPreviousPaneIndex()])&&this.paneSettings[this.getPreviousPaneIndex()].resizable&&!t.isNullOrUndefined(this.paneSettings[this.getNextPaneIndex()])&&this.paneSettings[this.getNextPaneIndex()].resizable||t.isNullOrUndefined(this.paneSettings[this.getNextPaneIndex()]))&&(e=!0),e},L.prototype.addMouseActions=function(e){var i,s,n=this;e.addEventListener("mouseenter",function(){i=setTimeout(function(){t.addClass([e],[v])},n.iconsDelay)}),e.addEventListener("mouseleave",function(){clearTimeout(i),t.removeClass([e],[v])}),e.addEventListener("mouseout",function(){clearTimeout(s)}),e.addEventListener("mouseover",function(){s=setTimeout(function(){t.addClass([e],[v])})})},L.prototype.getEventType=function(e){return e.indexOf("mouse")>-1?"mouse":"touch"},L.prototype.updateCurrentSeparator=function(e){this.currentSeparator=this.isSeparator(e)?e.parentElement:e},L.prototype.isSeparator=function(e){return!e.classList.contains(p)},L.prototype.isMouseEvent=function(e){var i=!1;return("mouse"===this.getEventType(e.type)||!t.isNullOrUndefined(e.pointerType)&&"mouse"===this.getEventType(e.pointerType))&&(i=!0),i},L.prototype.updateCursorPosition=function(e,i){if(this.isMouseEvent(e))this.changeCoordinates({x:e.pageX,y:e.pageY},i);else{var s="msie"!==t.Browser.info.name?e.touches[0]:e;this.changeCoordinates({x:s.pageX,y:s.pageY},i)}},L.prototype.changeCoordinates=function(e,t){"previous"===t?this.previousCoordinates=e:this.currentCoordinates=e},L.prototype.reportWindowSize=function(){var e=this,i=this.allPanes.length;if(document.body.contains(this.element)){for(var s=0;s<i;s++)if(t.isNullOrUndefined(this.paneSettings[s].size)&&this.allPanes[s].classList.remove(u),i-1===s){this.element.querySelectorAll("."+u).length===i&&""===this.allPanes[s].style.flexBasis&&t.removeClass([this.allPanes[s]],u)}i>0&&setTimeout(function(){e.updateSplitterSize(!0)},200)}else document.defaultView.removeEventListener("resize",this.onReportWindowSize)},L.prototype.updateSplitterSize=function(e){for(var i=0,s=[],n=0,a=this.element.children,l=0,r=a.length;l<r;l++)i+="Horizontal"===this.orientation?a[l].offsetWidth:a[l].offsetHeight;var o=0;for(r=this.allBars.length;o<r;o++)i+="Horizontal"===this.orientation?parseInt(getComputedStyle(this.allBars[o]).marginLeft,10)+parseInt(getComputedStyle(this.allBars[o]).marginLeft,10):parseInt(getComputedStyle(this.allBars[o]).marginTop,10)+parseInt(getComputedStyle(this.allBars[o]).marginBottom,10);var h="Horizontal"===this.orientation?this.element.offsetWidth-(2*this.border+i):this.element.offsetHeight-(2*this.border+i);for(l=0,r=this.allPanes.length;l<r;l++)(""===this.allPanes[l].innerText?this.paneSettings[l].size&&""===this.allPanes[l].innerText:this.paneSettings[l].size||""===this.allPanes[l].innerText)||(s[n]=l,n++);var p=h/s.length;for(o=0,r=s.length;o<r;o++)""!==this.allPanes[s[o]].style.flexBasis&&(this.allPanes[s[o]].style.flexBasis="Horizontal"===this.orientation?this.allPanes[s[o]].offsetWidth+p+"px":this.allPanes[s[o]].offsetHeight+p+"px");if(2===this.allPanes.length&&e){var d=this.allPanes.length,c=void 0,g=void 0,m=void 0,f=void 0;for(l=0;l<d;l++)if(!t.isNullOrUndefined(this.paneSettings[l].min)&&(g=this.convertPixelToNumber(this.paneSettings[l].min.toString()),this.paneSettings[l].min.indexOf("%")>0&&(g=this.convertPercentageToPixel(this.paneSettings[l].min)),c=this.convertPixelToNumber(g.toString()),("Horizontal"===this.orientation?this.allPanes[l].offsetWidth:this.allPanes[l].offsetHeight)<c)){0===l?(m=this.allPanes[l],f=this.allPanes[l+1]):(m=this.allPanes[l],f=this.allPanes[l-1]);var v=c-("Horizontal"===this.orientation?this.allPanes[l].offsetWidth:this.allPanes[l].offsetHeight),y=m.style.flexBasis.indexOf("%")>-1,P="Horizontal"===this.orientation?m.offsetWidth:m.offsetHeight;!t.isNullOrUndefined(m)&&""!==m.style.flexBasis&&m.classList.contains(u)&&(m.style.flexBasis=y?this.convertPixelToPercentage(P+v)+"%":P+v+"px");var C="Horizontal"===this.orientation?f.offsetWidth:f.offsetHeight;t.isNullOrUndefined(f)||""===f.style.flexBasis||f.classList.contains(u)||(f.style.flexBasis=f.style.flexBasis.indexOf("%")>-1?this.convertPixelToPercentage(C-v)+"%":C-v+"px")}}},L.prototype.wireResizeEvents=function(){document.addEventListener("mousemove",this.onMouseMoveHandler,!0),document.addEventListener("mouseup",this.onMouseUpHandler,!0);var e="msie"===t.Browser.info.name?"pointermove":"touchmove",i="msie"===t.Browser.info.name?"pointerup":"touchend";document.addEventListener(e,this.onTouchMoveHandler,!0),document.addEventListener(i,this.onTouchEndHandler,!0)},L.prototype.unwireResizeEvents=function(){this.element.ownerDocument.defaultView.removeEventListener("resize",this.onReportWindowSize);var e="msie"===t.Browser.info.name?"pointermove":"touchmove",i="msie"===t.Browser.info.name?"pointerup":"touchend";document.removeEventListener("mousemove",this.onMouseMoveHandler,!0),document.removeEventListener("mouseup",this.onMouseUpHandler,!0),document.removeEventListener(e,this.onTouchMoveHandler,!0),document.removeEventListener(i,this.onTouchEndHandler,!0)},L.prototype.wireClickEvents=function(){t.EventHandler.add(this.currentSeparator,"touchstart click",this.clickHandler,this)},L.prototype.clickHandler=function(e){if(!e.target.classList.contains(S)){var i=t.selectAll("."+n+" > ."+p+"."+v);i.length>0&&t.removeClass(i,v),e.target.classList.add(v)}this.splitterDetails(e);var s=e.target;(s.classList.contains(w)||s.classList.contains(b)||s.classList.contains(A)||s.classList.contains(z))&&(this.nextPane.classList.contains(R)||this.previousPane.classList.contains(R)?this.expandAction(e):this.collapseAction(e),this.updateSplitterSize())},L.prototype.expandAction=function(e){var t=this,i=this.beforeAction(e);this.expandFlag?this.trigger("beforeExpand",i,function(i){i.cancel||t.expandPane(e);var s=t.afterAction(e);t.trigger("expanded",s)}):this.expandPane(e)},L.prototype.getIcon=function(e){return e.target.className.split(" ").filter(function(e){return e!==S&&e!==I})[0]},L.prototype.expandPane=function(e){this.removeStaticPanes();var i=this.element.querySelectorAll("."+O).length,s=!this.previousPane.classList.contains(O)&&this.previousPane.classList.contains(u)&&!this.nextPane.classList.contains(O)&&!this.nextPane.classList.contains(E)&&this.nextPane.nextElementSibling.classList.contains(r)&&!this.nextPane.nextElementSibling.classList.contains(u)&&!(i===this.allPanes.length-2),n=[O,R],a=this.getIcon(e),l=a===w||a===z,o=l?this.nextPane:this.previousPane,h=l?this.previousPane:this.nextPane,p=l?this.nextPaneIndex:this.prevPaneIndex;t.removeClass([o],n),o.setAttribute("aria-hidden","false");var d=this.element.querySelectorAll("."+O).length;if(d>0)h.classList.contains(O)||(t.addClass([h],E),h.setAttribute("aria-expanded","true"));else if(0===d)for(var c=0;c<this.allPanes.length;c++)this.allPanes[c].classList.contains(O)||(t.removeClass([this.allPanes[c]],E),this.allPanes[c].setAttribute("aria-expanded","false"));this.expandFlag&&this.updatePaneSettings(p,!1),this.updateIconsOnExpand(e,a),this.updateFlexGrow(),s&&(this.previousPane.classList.remove(E),this.previousPane.setAttribute("aria-expanded","false"),this.previousPane.style.flexGrow="")},L.prototype.updateFlexGrow=function(){for(var e=0,t=0;t<this.element.children.length;t++)this.element.children[t].classList.contains(O)&&(e+=1);for(var i=e===this.allPanes.length-2,s=this.allPanes,n=0;n<s.length;n++)s[n].style.flexGrow="",i&&this.allPanes[n].classList.contains(O)&&this.paneSettings[n].size&&n!==this.allPanes.length-1&&(s[n].style.flexGrow=""),s[n].classList.contains(E)?s[n].style.flexGrow="1":s[n].classList.contains(O)&&(s[n].style.flexGrow="0")},L.prototype.hideTargetBarIcon=function(e,i){t.addClass([t.select("."+i,e)],I)},L.prototype.showTargetBarIcon=function(e,i){t.removeClass([t.select("."+i,e)],I)},L.prototype.updateIconsOnCollapse=function(e,i){this.splitterProperty();var s=this.arrow,n=this.currentBarIndex===this.allBars.length-1?this.prevBar:this.nextBar,a=this.currentBarIndex===this.allBars.length-1?this.currentBarIndex-1:this.currentBarIndex+1;if(e.target.classList.contains(I))this.resizableModel(this.currentBarIndex,!1),t.isNullOrUndefined(n)||this.resizableModel(a,!1),this.paneSettings[this.prevPaneIndex].collapsible&&this.paneSettings[this.nextPaneIndex].collapsible?(t.isNullOrUndefined(n)||this.hideTargetBarIcon(n,s),this.showTargetBarIcon(this.currentSeparator,s)):(t.isNullOrUndefined(n)||this.hideTargetBarIcon(n,i),this.hideTargetBarIcon(this.currentSeparator,s));else if(this.splitInstance.prevPaneCollapsed||this.splitInstance.nextPaneCollapsed)if(this.paneSettings[this.prevPaneIndex].collapsible&&this.paneSettings[this.nextPaneIndex].collapsible){if(this.resizableModel(this.currentBarIndex,!1),this.hideTargetBarIcon(this.currentSeparator,i),!t.isNullOrUndefined(n)){var l=a,r=a+1,o=this.getCollapseCount(l,r);this.paneSettings[l].collapsible&&this.paneSettings[r].collapsible&&(1===o?(this.hideTargetBarIcon(n,s),this.resizableModel(a,!1)):2===o&&(this.hideBarIcons(n),this.resizableModel(a,!1)),this.paneSettings[l].collapsible&&this.paneSettings[r].collapsible||this.hideTargetBarIcon(n,i))}}else this.showTargetBarIcon(this.currentSeparator,s),this.hideTargetBarIcon(this.currentSeparator,i),this.resizableModel(this.currentBarIndex,!1)},L.prototype.collapseAction=function(e){var t=this,i=this.beforeAction(e);this.collapseFlag?this.collapsePane(e):this.trigger("beforeCollapse",i,function(i){if(!i.cancel){t.collapsePane(e);var s=t.afterAction(e);t.trigger("collapsed",s)}})},L.prototype.collapsePane=function(e){this.removeStaticPanes();var i=this.element.querySelectorAll("."+O).length,s=this.previousPane.classList.contains(u)&&!this.previousPane.classList.contains(O)&&!this.nextPane.classList.contains(O)&&this.nextPane.nextElementSibling.classList.contains(r)&&!this.nextPane.nextElementSibling.classList.contains(u)&&!this.nextPane.nextElementSibling.classList.contains(O)&&!(i===this.allPanes.length-2)||this.nextPane.classList.contains(O)&&!this.previousPane.classList.contains(u)&&this.nextPane.classList.contains(u),n=[O,R],a=this.getIcon(e),l=a===w||a===z,o=l?this.previousPane:this.nextPane,h=l?this.nextPane:this.previousPane,p=l?this.prevPaneIndex:this.nextPaneIndex;t.removeClass([o],E),o.setAttribute("aria-expanded","false"),t.addClass([o],n),o.setAttribute("aria-hidden","true");if(""===o.style.flexBasis)t.addClass([h],E),h.setAttribute("aria-expanded","true");else{for(var d=!0,c=0;c<this.allPanes.length;c++)if(!this.allPanes[c].classList.contains(O)&&""===this.allPanes[c].style.flexBasis&&!this.allPanes[c].classList.contains(O)&&!this.allPanes[c].classList.contains(E)){t.addClass([this.allPanes[c]],E),this.allPanes[c].setAttribute("aria-expanded","true"),d=!1;break}d&&(t.addClass([h],E),h.setAttribute("aria-expanded","true"))}this.collapseFlag||this.updatePaneSettings(p,!0),this.updateIconsOnCollapse(e,a),this.updateFlexGrow(),s&&(this.nextPane.classList.remove(E),this.nextPane.style.flexGrow="")},L.prototype.removeStaticPanes=function(){for(var e=0;e<this.allPanes.length;e++)t.isNullOrUndefined(this.paneSettings[e].size)&&this.allPanes[e].classList.remove(u)},L.prototype.beforeAction=function(e){return{element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],separator:this.currentSeparator,cancel:!1}},L.prototype.updatePaneSettings=function(e,t){var i=this.paneSettings;i[e].collapsed=t,this.setProperties({paneSettings:i},!0)},L.prototype.splitterProperty=function(){this.splitInstance={currentBarIndex:this.currentBarIndex,nextPaneCollapsible:this.nextPane.classList.contains(x),prevPaneCollapsible:this.previousPane.classList.contains(x),prevPaneExpanded:this.previousPane.classList.contains(E),nextPaneExpanded:this.nextPane.classList.contains(E),nextPaneCollapsed:this.nextPane.classList.contains(O),prevPaneCollapsed:this.previousPane.classList.contains(O),nextPaneIndex:this.getNextPaneIndex(),prevPaneIndex:this.getPreviousPaneIndex(),nextPaneNextEle:this.nextPane.nextElementSibling,prevPanePreEle:this.previousPane.previousElementSibling}},L.prototype.showCurrentBarIcons=function(){t.removeClass([t.select("."+this.arrow,this.currentSeparator)],I)},L.prototype.hideBarIcons=function(e){t.addClass([t.select("."+this.arrow,e)],I)},L.prototype.getCollapseCount=function(e,t){var i=0;return this.allPanes[e].classList.contains(O)&&(i+=1),this.allPanes[t].classList.contains(O)&&(i+=1),i},L.prototype.checkResizableProp=function(e,t){return!(!this.paneSettings[e].resizable||!this.paneSettings[t].resizable)},L.prototype.updateIconsOnExpand=function(e,i){this.splitterProperty();var s=this.arrow,n=this.currentBarIndex===this.allBars.length-1?this.prevBar:this.nextBar,a=this.currentBarIndex===this.allBars.length-1?this.currentBarIndex-1:this.currentBarIndex+1;if(e.target.classList.contains(I))this.paneSettings[this.prevPaneIndex].collapsible||this.paneSettings[this.nextPaneIndex].collapsible||this.checkResizableProp(this.prevPaneIndex,this.nextPaneIndex)&&this.resizableModel(this.currentBarIndex,!0);else if(!this.splitInstance.prevPaneCollapsed&&!this.splitInstance.nextPaneCollapsed)if(this.paneSettings[this.prevPaneIndex].collapsible&&this.paneSettings[this.nextPaneIndex].collapsible){if(this.showCurrentBarIcons(),this.checkResizableProp(this.prevPaneIndex,this.nextPaneIndex)?this.resizableModel(this.currentBarIndex,!0):this.resizableModel(this.currentBarIndex,!1),!t.isNullOrUndefined(n)){var l=a,r=a+1,o=this.getCollapseCount(l,r);this.paneSettings[l].collapsible&&this.paneSettings[r].collapsible&&(0===o?(this.showTargetBarIcon(n,i),this.showTargetBarIcon(n,s),this.checkResizableProp(l,r)&&this.resizableModel(a,!0)):1===o&&(this.hideBarIcons(n),this.allPanes[l].classList.contains(E)||this.allPanes[r].classList.contains(E)?this.showTargetBarIcon(n,s):this.showTargetBarIcon(n,i),this.resizableModel(a,!1)))}}else this.hideTargetBarIcon(this.currentSeparator,i),this.showTargetBarIcon(this.currentSeparator,s),this.splitInstance.prevPaneCollapsed||this.splitInstance.nextPaneCollapsed?this.resizableModel(this.currentBarIndex,!1):this.checkResizableProp(this.prevPaneIndex,this.nextPaneIndex)&&this.resizableModel(this.currentBarIndex,!0)},L.prototype.afterAction=function(e){return{element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],separator:this.currentSeparator}},L.prototype.currentIndex=function(e){this.currentBarIndex=this.getOrderIndex(parseInt(e.target.parentElement.style.order,10),"splitbar")},L.prototype.getSeparatorIndex=function(e){var t=[].slice.call(this.allBars);return(t=this.enableReversePanes?t.reverse():t).indexOf(e)},L.prototype.getPrevBar=function(e){return this.allBars[e-1]},L.prototype.getNextBar=function(e){return this.allBars[e+1]},L.prototype.updateBars=function(e){this.prevBar=this.getPrevBar(e),this.nextBar=this.getNextBar(e)},L.prototype.splitterDetails=function(e){"Horizontal"===this.orientation?this.arrow=e.target.classList.contains(w)?b:w:this.arrow=e.target.classList.contains(z)?A:z,this.updateCurrentSeparator(e.target),this.currentIndex(e),this.updateBars(this.currentBarIndex),this.getPaneDetails()},L.prototype.triggerResizing=function(e){var t={element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],paneSize:[this.prePaneDimenson,this.nextPaneDimension],separator:this.currentSeparator};this.trigger("resizing",t)},L.prototype.onMouseDown=function(e){var i=this;e.preventDefault();var s=e.target;if(!s.classList.contains(S)){this.updateCurrentSeparator(s),t.addClass([this.currentSeparator],y),this.updateCursorPosition(e,"previous"),this.getPaneDetails();for(var n={element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.getPreviousPaneIndex(),this.getNextPaneIndex()],separator:this.currentSeparator,cancel:!1},a=0;a<this.element.querySelectorAll("iframe").length;a++)this.element.querySelectorAll("iframe")[a].style.pointerEvents="none";this.trigger("resizeStart",n,function(t){t.cancel||(i.wireResizeEvents(),i.checkPaneSize(e))})}},L.prototype.updatePaneFlexBasis=function(e){var t;if(e.style.flexBasis.indexOf("%")>0)t=this.removePercentageUnit(e.style.flexBasis);else if(""!==e.style.flexBasis)t=this.convertPixelToPercentage(this.convertPixelToNumber(e.style.flexBasis));else{var i="Horizontal"===this.orientation?e.offsetWidth:e.offsetHeight;t=this.convertPixelToPercentage(i)}return t},L.prototype.removePercentageUnit=function(e){return parseFloat(e.slice(0,e.indexOf("%")))},L.prototype.convertPercentageToPixel=function(e,i){var s,n=e.toString();if(n.indexOf("%")>-1){s=parseFloat(n.slice(0,n.indexOf("%")));var a=void 0;a=t.isNullOrUndefined(i)?"Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight:this.panesDimensions[this.allPanes.indexOf(i)],s=Math.ceil(a*(s/100))}else s=parseInt(n,10);return s},L.prototype.convertPixelToPercentage=function(e){return e/("Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight)*100},L.prototype.convertPixelToNumber=function(e){return(e=e.toString()).indexOf("p")>-1?parseFloat(e.slice(0,e.indexOf("p"))):parseFloat(e)},L.prototype.calcDragPosition=function(e,t){var i;return i=("Horizontal"===this.orientation?this.currentCoordinates.x-e:this.currentCoordinates.y-e)/t,(i=i>1?1:i<0?0:i)*t},L.prototype.getSeparatorPosition=function(e){this.updateCursorPosition(e,"current");var t="Horizontal"===this.orientation?this.element.getBoundingClientRect().left+window.scrollX:this.element.getBoundingClientRect().top+window.scrollY,i="Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight;return this.calcDragPosition(t,i)},L.prototype.getMinMax=function(e,i,s){var n="min"===s?0:null,a=null;return"min"===s?t.isNullOrUndefined(this.paneSettings[e])||t.isNullOrUndefined(this.paneSettings[e].min)||(a=this.paneSettings[e].min):t.isNullOrUndefined(this.paneSettings[e])||t.isNullOrUndefined(this.paneSettings[e].max)||(a=this.paneSettings[e].max),this.paneSettings.length>0&&!t.isNullOrUndefined(this.paneSettings[e])&&!t.isNullOrUndefined(a)?(a.indexOf("%")>0&&(a=this.convertPercentageToPixel(a).toString()),this.convertPixelToNumber(a)):n},L.prototype.getPreviousPaneIndex=function(){var e=this.enableReversePanes?parseInt(this.currentSeparator.style.order,10)+1:parseInt(this.currentSeparator.style.order,10)-1;return this.getOrderIndex(e,"pane")},L.prototype.getNextPaneIndex=function(){var e=this.enableReversePanes?parseInt(this.currentSeparator.style.order,10)-1:parseInt(this.currentSeparator.style.order,10)+1;return this.getOrderIndex(e,"pane")},L.prototype.getPaneDetails=function(){var e=null,t=null;this.order=parseInt(this.currentSeparator.style.order,10),this.allPanes.length>1&&(e=this.getPrevPane(this.order),t=this.getNextPane(this.order)),e&&t&&(this.previousPane=e,this.nextPane=t,this.prevPaneIndex=this.getPreviousPaneIndex(),this.nextPaneIndex=this.getNextPaneIndex())},L.prototype.getPaneHeight=function(e){return"Horizontal"===this.orientation?e.offsetWidth.toString():e.offsetHeight.toString()},L.prototype.isValidSize=function(e){var i=!1;return!t.isNullOrUndefined(this.paneSettings[e])&&!t.isNullOrUndefined(this.paneSettings[e].size)&&this.paneSettings[e].size.indexOf("%")>-1&&(i=!0),i},L.prototype.getPaneDimensions=function(){this.previousPaneHeightWidth=""===this.previousPane.style.flexBasis?this.getPaneHeight(this.previousPane):this.previousPane.style.flexBasis,this.nextPaneHeightWidth=""===this.nextPane.style.flexBasis?this.getPaneHeight(this.nextPane):this.nextPane.style.flexBasis,this.isValidSize(this.prevPaneIndex)&&(this.previousPaneHeightWidth=this.convertPercentageToPixel(this.previousPaneHeightWidth).toString(),this.updatePrePaneInPercentage=!0),this.isValidSize(this.nextPaneIndex)&&(this.nextPaneHeightWidth=this.convertPercentageToPixel(this.nextPaneHeightWidth).toString(),this.updateNextPaneInPercentage=!0),this.prePaneDimenson=this.convertPixelToNumber(this.previousPaneHeightWidth.toString()),this.nextPaneDimension=this.convertPixelToNumber(this.nextPaneHeightWidth.toString())},L.prototype.checkCoordinates=function(e,t){var i=!0;return e===this.previousCoordinates.x&&t===this.previousCoordinates.y&&(i=!1),i},L.prototype.isCursorMoved=function(e){return"mouse"===this.getEventType(e.type)||!t.isNullOrUndefined(e.pointerType)&&"mouse"===this.getEventType(e.pointerType)?this.checkCoordinates(e.pageX,e.pageY):"msie"!==t.Browser.info.name?this.checkCoordinates(e.touches[0].pageX,e.touches[0].pageY):this.checkCoordinates(e.pageX,e.pageY)},L.prototype.getBorder=function(){this.border=0;var e="Horizontal"===this.orientation?(this.element.offsetWidth-this.element.clientWidth)/2:(this.element.offsetHeight-this.element.clientHeight)/2;this.border="chrome"!==t.Browser.info.name?this.border:e},L.prototype.onMouseMove=function(e){if(this.isCursorMoved(e)){this.getPaneDetails(),this.getPaneDimensions(),this.triggerResizing(e);var i,s=this.validateDraggedPosition(this.getSeparatorPosition(e),this.prePaneDimenson,this.nextPaneDimension);if(this.getBorder(),i="Horizontal"===this.orientation?this.element.getBoundingClientRect().left+s-this.currentSeparator.getBoundingClientRect().left+this.border:this.element.getBoundingClientRect().top+s-this.currentSeparator.getBoundingClientRect().top+this.border,this.nextPaneHeightWidth="string"==typeof this.nextPaneHeightWidth&&this.nextPaneHeightWidth.indexOf("p")>-1?this.convertPixelToNumber(this.nextPaneHeightWidth):parseInt(this.nextPaneHeightWidth,10),this.previousPaneHeightWidth="string"==typeof this.previousPaneHeightWidth&&this.previousPaneHeightWidth.indexOf("p")>-1?this.convertPixelToNumber(this.previousPaneHeightWidth):parseInt(this.previousPaneHeightWidth,10),this.prevPaneCurrentWidth=i+this.previousPaneHeightWidth,this.nextPaneCurrentWidth=this.nextPaneHeightWidth-i,this.validateMinMaxValues(),this.nextPaneCurrentWidth<0&&(this.nextPaneCurrentWidth=0),this.prevPaneCurrentWidth<0&&(this.prevPaneCurrentWidth=0),this.nextPaneCurrentWidth+this.prevPaneCurrentWidth>this.totalWidth&&(this.nextPaneCurrentWidth<this.prevPaneCurrentWidth?this.prevPaneCurrentWidth=this.prevPaneCurrentWidth-(this.nextPaneCurrentWidth+this.prevPaneCurrentWidth-this.totalWidth):this.nextPaneCurrentWidth=this.nextPaneCurrentWidth-(this.nextPaneCurrentWidth+this.prevPaneCurrentWidth-this.totalWidth)),this.nextPaneCurrentWidth+this.prevPaneCurrentWidth<this.totalWidth){var n=this.totalWidth-(this.nextPaneCurrentWidth+this.prevPaneCurrentWidth);this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+n}this.calculateCurrentDimensions(),this.addStaticPaneClass();for(var a=0,l=0;l<this.paneSettings.length;l++)""===this.paneSettings[l].size?a+=1:""!==this.allPanes[l].style.flexBasis&&(this.paneSettings[l].size=this.allPanes[l].style.flexBasis);var r=a===this.allPanes.length;if(""!==this.previousPane.style.flexBasis||""!==this.nextPane.style.flexBasis||r)r?(this.previousPane.style.flexBasis=this.prevPaneCurrentWidth,t.addClass([this.previousPane],u),this.nextPane.style.flexBasis=this.nextPaneCurrentWidth,t.addClass([this.nextPane],u)):(""!==this.previousPane.style.flexBasis&&this.previousPane.classList.contains(u)&&(this.previousPane.style.flexBasis=this.prevPaneCurrentWidth),""!==this.nextPane.style.flexBasis&&this.nextPane.classList.contains(u)&&(this.nextPane.style.flexBasis=this.nextPaneCurrentWidth));else{var o=this.allPanes.length%this.allBars.length;this.prevPaneIndex===o?(this.nextPane.style.flexBasis=this.nextPaneCurrentWidth,t.addClass([this.nextPane],u)):this.nextPaneIndex===o?(this.previousPane.style.flexBasis=this.prevPaneCurrentWidth,t.addClass([this.previousPane],u)):(this.nextPane.style.flexBasis=this.nextPaneCurrentWidth,t.addClass([this.nextPane],u))}var h=""!==this.previousPane.style.flexBasis&&""!==this.nextPane.style.flexBasis;this.allPanes.length>2||!h||this.updateSplitterSize()}},L.prototype.validateMinRange=function(e,i,s){var n,a,l=null,r=0;return t.isNullOrUndefined(this.paneSettings[e])||t.isNullOrUndefined(this.paneSettings[e].min)||(l=this.paneSettings[e].min.toString()),t.isNullOrUndefined(l)||(l.indexOf("%")>0&&(l=this.convertPercentageToPixel(l).toString()),i<(n=this.convertPixelToNumber(l))&&(r=i-n<=0?0:i-n,this.totalWidth=this.totalWidth-r,this.totalPercent=this.convertPixelToPercentage(this.totalWidth),a=n)),t.isNullOrUndefined(a)?i:a},L.prototype.validateMaxRange=function(e,i,s){var n,a,l=null;return t.isNullOrUndefined(this.paneSettings[e])||t.isNullOrUndefined(this.paneSettings[e].max)||(l=this.paneSettings[e].max.toString()),t.isNullOrUndefined(l)||(l.indexOf("%")>0&&(l=this.convertPercentageToPixel(l).toString()),i>(n=this.convertPixelToNumber(l))&&(this.totalWidth=this.totalWidth-(i-n),this.totalPercent=this.convertPixelToPercentage(this.totalWidth),a=n)),t.isNullOrUndefined(a)?i:a},L.prototype.validateMinMaxValues=function(){this.prevPaneCurrentWidth=this.validateMinRange(this.prevPaneIndex,this.prevPaneCurrentWidth,this.previousPane),this.nextPaneCurrentWidth=this.validateMinRange(this.nextPaneIndex,this.nextPaneCurrentWidth,this.nextPane),this.prevPaneCurrentWidth=this.validateMaxRange(this.prevPaneIndex,this.prevPaneCurrentWidth,this.previousPane),this.nextPaneCurrentWidth=this.validateMaxRange(this.nextPaneIndex,this.nextPaneCurrentWidth,this.nextPane)},L.prototype.equatePaneWidths=function(){var e;this.prevPaneCurrentWidth+this.nextPaneCurrentWidth>this.totalPercent&&(e=this.prevPaneCurrentWidth+this.nextPaneCurrentWidth-this.totalPercent,this.prevPaneCurrentWidth=this.prevPaneCurrentWidth-e/2+"%",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth-e/2+"%"),this.prevPaneCurrentWidth+this.nextPaneCurrentWidth<this.totalPercent&&(e=this.totalPercent-(this.prevPaneCurrentWidth+this.nextPaneCurrentWidth),this.prevPaneCurrentWidth=this.prevPaneCurrentWidth+e/2+"%",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+e/2+"%")},L.prototype.calculateCurrentDimensions=function(){this.updatePrePaneInPercentage||this.updateNextPaneInPercentage?(this.prevPaneCurrentWidth=Math.round(Number(Math.round(10*this.convertPixelToPercentage(this.prevPaneCurrentWidth))/10)),this.nextPaneCurrentWidth=Math.round(Number(Math.round(10*this.convertPixelToPercentage(this.nextPaneCurrentWidth))/10)),0===this.prevPaneCurrentWidth&&(this.nextPaneCurrentWidth=this.totalPercent),0===this.nextPaneCurrentWidth&&(this.prevPaneCurrentWidth=this.totalPercent),this.prevPaneCurrentWidth+this.nextPaneCurrentWidth!==this.totalPercent?this.equatePaneWidths():(this.prevPaneCurrentWidth=this.prevPaneCurrentWidth+"%",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+"%"),this.prevPaneCurrentWidth=this.updatePrePaneInPercentage?this.prevPaneCurrentWidth:this.convertPercentageToPixel(this.prevPaneCurrentWidth)+"px",this.nextPaneCurrentWidth=this.updateNextPaneInPercentage?this.nextPaneCurrentWidth:this.convertPercentageToPixel(this.nextPaneCurrentWidth)+"px",this.updatePrePaneInPercentage=!1,this.updateNextPaneInPercentage=!1):(this.prevPaneCurrentWidth=this.prevPaneCurrentWidth+"px",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+"px")},L.prototype.addStaticPaneClass=function(){this.previousPane.classList.contains(u)||""===this.previousPane.style.flexBasis||this.previousPane.classList.contains(E)||this.previousPane.classList.add(u),this.nextPane.classList.contains(u)||""===this.nextPane.style.flexBasis||this.nextPane.classList.contains(E)||this.nextPane.classList.add(u)},L.prototype.validateDraggedPosition=function(e,i,s){var n="Horizontal"===this.orientation?this.currentSeparator.offsetLeft:this.currentSeparator.offsetTop,a=n-i,l=s+n,r=this.getMinMax(this.prevPaneIndex,this.previousPane,"min"),o=this.getMinMax(this.nextPaneIndex,this.nextPane,"min"),h=this.getMinMax(this.prevPaneIndex,this.previousPane,"max"),p=this.getMinMax(this.nextPaneIndex,this.nextPane,"max"),d=e;return e>l-o?d=l-o:e<a+r&&(d=a+r),t.isNullOrUndefined(h)?t.isNullOrUndefined(p)||e<l-p&&(d=l-p):e>a+h&&(d=a+h),d},L.prototype.onMouseUp=function(e){t.removeClass([this.currentSeparator],y),this.unwireResizeEvents();for(var i={event:e,element:this.element,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],separator:this.currentSeparator,paneSize:[this.prePaneDimenson,this.nextPaneDimension]},s=0;s<this.element.querySelectorAll("iframe").length;s++)this.element.querySelectorAll("iframe")[s].style.pointerEvents="auto";if(this.trigger("resizeStop",i),this.enablePersistence){var n=this.paneSettings;n[this.getPreviousPaneIndex()].size=this.allPanes[this.getPreviousPaneIndex()].style.flexBasis,n[this.getNextPaneIndex()].size=this.allPanes[this.getNextPaneIndex()].style.flexBasis,this.setProperties({paneSettings:n},!0)}},L.prototype.panesDimension=function(e,i){var s,n=i.length;parseInt(this.getHeight(this.element),10),t.isNullOrUndefined(this.paneSettings[e])?t.setStyleAttribute(i[e],{order:2*e}):t.isNullOrUndefined(this.paneSettings[e].size)?(this.sizeFlag=!0,t.setStyleAttribute(i[e],{order:2*e})):(s=this.paneSettings[e].size,e<n&&(t.setStyleAttribute(i[e],{"flex-basis":s,order:2*e}),e<n-1&&""!==this.paneSettings[e].size?t.addClass([i[e]],u):this.sizeFlag||(i[e].style.flexBasis=null),e===n-1&&this.sizeFlag&&""!==this.paneSettings[e].size&&t.addClass([i[e]],u))),this.paneOrder.push(2*e)},L.prototype.setTemplate=function(e,t){t.innerHTML="",e="string"==typeof e?this.sanitizeHelper(e):e,this.templateCompile(t,e),this.isReact&&this.renderReactTemplates()},L.prototype.templateCompile=function(e,t){var i=this.createElement("div");this.compileElement(i,t,"content"),0!==i.childNodes.length&&[].slice.call(i.childNodes).forEach(function(t){e.appendChild(t)})},L.prototype.compileElement=function(e,i,s){if("string"==typeof i)if("."===i[0]||"#"===i[0]){var n=document.querySelector(i);if(!t.isNullOrUndefined(n))return this.templateElement.push(n),"none"===n.style.display&&n.style.removeProperty("display"),""===n.getAttribute("style")&&n.removeAttribute("style"),void e.appendChild(n);i=i.trim()}else i=i.trim();var a;a=t.isNullOrUndefined(i.outerHTML)?t.compile(i):t.compile(i.outerHTML);var l;t.isNullOrUndefined(a)||(l=a({},this,s,this.element.id+"content"+this.allPanes.length.toString(),!0)),!t.isNullOrUndefined(a)&&l&&l.length>0&&[].slice.call(l).forEach(function(t){e.appendChild(t)})},L.prototype.paneCollapsible=function(e,i){this.paneSettings[i].collapsible?t.addClass([e],x):t.removeClass([e],x)},L.prototype.createSplitPane=function(e){for(var i=e.children.length,s=0;s<this.paneSettings.length;s++)if(i<this.paneSettings.length){var n=this.createElement("div");this.element.appendChild(n),i+=1}i=e.children.length;var a=[].slice.call(e.children);if(this.sizeFlag=!1,i>0)for(s=0;s<i;s++)"DIV"!==a[s].nodeName&&"SPAN"!==a[s].nodeName||(this.allPanes.push(a[s]),"Horizontal"===this.orientation?(t.addClass([a[s]],[r,o,g]),this.panesDimension(s,a)):(t.addClass([a[s]],[r,h,g]),this.panesDimension(s,a)),t.isNullOrUndefined(this.paneSettings[s])||t.isNullOrUndefined(this.paneSettings[s].content)||this.setTemplate(this.paneSettings[s].content,a[s]),!t.isNullOrUndefined(this.paneSettings[s])&&this.paneSettings[s].cssClass&&this.setCssClass(a[s],this.paneSettings[s].cssClass),t.isNullOrUndefined(this.paneSettings[s])||this.paneCollapsible(a[s],s))},L.prototype.expand=function(e){this.collapsedOnchange(e),this.updatePaneSettings(e,!1)},L.prototype.collapse=function(e){this.isCollapsed(e),this.updatePaneSettings(e,!0)},L.prototype.destroy=function(){if(!this.isDestroyed){for(e.prototype.destroy.call(this),t.EventHandler.remove(document,"touchstart click",this.onDocumentClick),this.element.ownerDocument.defaultView.removeEventListener("resize",this.onReportWindowSize,!0);this.element.attributes.length>0;)this.element.removeAttribute(this.element.attributes[0].name);this.element.innerHTML=this.wrapper.innerHTML;for(var i=0;i<this.wrapper.attributes.length;i++)this.element.setAttribute(this.wrapper.attributes[i].name,this.wrapper.attributes[i].value);this.refreshing&&(t.addClass([this.element],["e-control","e-lib",n]),this.allBars=[],this.allPanes=[]),this.restoreElem(),this.isReact&&this.clearTemplate(),this.allBars=[],this.allPanes=[],this.previousPane=null,this.nextPane=null,this.currentSeparator=null}},L.prototype.restoreElem=function(){if(this.templateElement.length>0)for(var e=0;e<this.templateElement.length;e++)this.templateElement[e].style.display="none",document.body.appendChild(this.templateElement[e])},L.prototype.addPaneClass=function(e){return"Horizontal"===this.orientation?t.addClass([e],[r,o,g]):t.addClass([e],[r,h,g]),e},L.prototype.removePaneOrders=function(e){for(var t=this.element.childNodes,i=[],s=0;t.length<0;s++)t[s].classList.contains(e)&&i.push(t[s]);for(s=0;s<i.length;s++)i[s].style.removeProperty("order")},L.prototype.setPaneOrder=function(){for(var e=0;e<this.allPanes.length;e++)this.panesDimension(e,this.allPanes)},L.prototype.removeSeparator=function(){for(var e=0;e<this.allBars.length;e++)t.detach(this.allBars[e]);this.allBars=[]},L.prototype.updatePanes=function(){this.setPaneOrder(),this.removeSeparator(),this.addSeparator(this.element)},L.prototype.addPane=function(e,i){var s=this.createElement("div");s=this.addPaneClass(s),i=i>this.allPanes.length+1?this.allPanes.length:i;var n={size:t.isNullOrUndefined(e.size)?"":e.size,min:t.isNullOrUndefined(e.min)?null:e.min,max:t.isNullOrUndefined(e.max)?null:e.max,content:t.isNullOrUndefined(e.content)?"":e.content,resizable:!!t.isNullOrUndefined(e.resizable)||e.resizable,collapsible:!t.isNullOrUndefined(e.collapsible)&&e.collapsible,collapsed:!t.isNullOrUndefined(e.collapsed)&&e.collapsed,cssClass:t.isNullOrUndefined(e.cssClass)?"":e.cssClass};this.paneSettings.splice(i,0,n),this.setProperties({paneSettings:this.paneSettings},!0),"Horizontal"===this.orientation?(this.element.insertBefore(s,this.element.querySelectorAll("."+o)[i]),this.removePaneOrders(o)):(this.element.insertBefore(s,this.element.querySelectorAll("."+h)[i]),this.removePaneOrders(h)),this.allPanes.splice(i,0,s),this.updatePanes(),this.setTemplate(this.paneSettings[i].content,s),this.setCssClass(this.allPanes[i],e.cssClass),this.allPanes[this.allPanes.length-1].classList.remove(u)},L.prototype.removePane=function(e){e=e>this.allPanes.length+1?this.allPanes.length:e;var i="Horizontal"===this.orientation?o:h;t.isNullOrUndefined(this.element.querySelectorAll("."+i)[e])||(t.detach(this.element.querySelectorAll("."+i)[e]),this.allPanes.splice(e,1),this.removePaneOrders(i),this.updatePanes(),this.paneSettings.splice(e,1),this.setProperties({paneSettings:this.paneSettings},!0),this.allPanes.length>0&&this.allPanes[this.allPanes.length-1].classList.remove(u))},s([t.Property("100%")],L.prototype,"height",void 0),s([t.Property(!1)],L.prototype,"enableReversePanes",void 0),s([t.Property("100%")],L.prototype,"width",void 0),s([t.Property(!1)],L.prototype,"enablePersistence",void 0),s([t.Collection([],M)],L.prototype,"paneSettings",void 0),s([t.Property("Horizontal")],L.prototype,"orientation",void 0),s([t.Property("")],L.prototype,"cssClass",void 0),s([t.Property(!0)],L.prototype,"enabled",void 0),s([t.Property(!0)],L.prototype,"enableHtmlSanitizer",void 0),s([t.Property(null)],L.prototype,"separatorSize",void 0),s([t.Event()],L.prototype,"beforeSanitizeHtml",void 0),s([t.Event()],L.prototype,"created",void 0),s([t.Event()],L.prototype,"resizeStart",void 0),s([t.Event()],L.prototype,"resizing",void 0),s([t.Event()],L.prototype,"resizeStop",void 0),s([t.Event()],L.prototype,"beforeCollapse",void 0),s([t.Event()],L.prototype,"beforeExpand",void 0),s([t.Event()],L.prototype,"collapsed",void 0),s([t.Event()],L.prototype,"expanded",void 0),L=s([t.NotifyPropertyChanges],L)}(t.Component),W=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),k=function(e,t,i,s){var n,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(l=(a<3?n(l):a>3?n(t,i,l):n(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l},T="e-prevent",N="e-dragging",Y="e-drag",X="e-responsive",U="e-panel-content",D="e-panel-container",j="e-panel-header",V=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return W(i,e),k([t.Property("")],i.prototype,"id",void 0),k([t.Property("")],i.prototype,"cssClass",void 0),k([t.Property("")],i.prototype,"header",void 0),k([t.Property("")],i.prototype,"content",void 0),k([t.Property(!0)],i.prototype,"enabled",void 0),k([t.Property(0)],i.prototype,"row",void 0),k([t.Property(0)],i.prototype,"col",void 0),k([t.Property(1)],i.prototype,"sizeX",void 0),k([t.Property(1)],i.prototype,"sizeY",void 0),k([t.Property(1)],i.prototype,"minSizeY",void 0),k([t.Property(1)],i.prototype,"minSizeX",void 0),k([t.Property(null)],i.prototype,"maxSizeY",void 0),k([t.Property(null)],i.prototype,"maxSizeX",void 0),k([t.Property(1e3)],i.prototype,"zIndex",void 0),i}(t.ChildProperty),q=function(e){function i(i,s){var n=e.call(this,i,s)||this;return n.rows=1,n.panelID=0,n.movePanelCalled=!1,n.resizeCalled=!1,n.mOffX=0,n.mOffY=0,n.maxTop=9999,n.maxRows=100,n.mouseX=0,n.mouseY=0,n.minTop=0,n.minLeft=0,n.isInlineRendering=!1,n.removeAllCalled=!1,n.isPanelRemoved=!1,n.panelsSizeY=0,n.resizeHeight=!1,n.eventVar=!1,t.setValue("mergePersistData",n.mergePersistPanelData,n),n}return W(i,e),i.prototype.preRender=function(){this.panelCollection=[],this.sortedArray=[],this.gridPanelCollection=[],this.overlapElement=[],this.overlapElementClone=[],this.overlapSubElementClone=[],this.collisionChecker={},this.dragCollection=[],this.elementRef={top:"",left:"",height:"",width:""},this.dimensions=[],this.allItems=[],this.oldRowCol={},this.availableClasses=[],this.setOldRowCol(),this.calculateCellSize(),this.contentTemplateChild=[].slice.call(this.element.children)},i.prototype.setOldRowCol=function(){for(var e=0;e<this.panels.length;e++)this.panels[e].id||(this.panelPropertyChange(this.panels[e],{id:"layout_"+this.panelID.toString()}),this.panelID=this.panelID+1),this.oldRowCol[this.panels[e].id]={row:this.panels[e].row,col:this.panels[e].col}},i.prototype.createPanelElement=function(e,i){var s=this.createElement("div");return e&&e.length>0&&t.addClass([s],e),i&&s.setAttribute("id",i),s},i.prototype.render=function(){this.element.setAttribute("role","list"),this.initialize(),this.isRenderComplete=!0,this.showGridLines&&!this.checkMediaQuery()&&this.initGridLines(),this.updateDragArea(),this.renderComplete(),this.renderReactTemplates()},i.prototype.initGridLines=function(){this.table=document.createElement("table");var e=document.createElement("tbody");this.table.classList.add("e-dashboard-gridline-table"),this.table.setAttribute("role","presentation");for(var t=0;t<this.maxRow();t++){for(var i=document.createElement("tr"),s=0;s<this.columns;s++){var n=document.createElement("td");n.classList.add("e-dashboard-gridline"),this.setAttributes({value:{row:t.toString(),col:s.toString(),sizeX:"1",sizeY:"1"}},n),this.setPanelPosition(n,t,s),this.setHeightAndWidth(n,{row:t,col:s,sizeX:1,sizeY:1}),i.appendChild(n)}e.appendChild(i)}this.table.appendChild(e),this.element.appendChild(this.table),this.renderReactTemplates()},i.prototype.initialize=function(){if(this.updateRowHeight(),this.element.childElementCount>0&&this.element.querySelectorAll(".e-panel").length>0){var e=[];this.setProperties({panels:[]},!0),this.isInlineRendering=!0;for(var i=0;i<this.element.querySelectorAll(".e-panel").length;i++)e.push(this.element.querySelectorAll(".e-panel")[i]);for(i=0;i<e.length;i++){var s=e[i];this.enableRtl&&t.addClass([s],"e-rtl"),this.getInlinePanels(s),this.maxCol(),this.maxRow()}for(i=0;i<this.panels.length;i++){s=this.element.querySelector("#"+this.panels[i].id);if(this.setMinMaxValues(this.panels[i]),this.maxColumnValue<this.panels[i].col||this.maxColumnValue<this.panels[i].col+this.panels[i].sizeX){var n=this.maxColumnValue-this.panels[i].sizeX;this.panelPropertyChange(this.panels[i],{col:n<0?0:n})}this.setXYAttributes(s,this.panels[i]);var a=this.renderPanels(s,this.panels[i],this.panels[i].id,!1);this.panelCollection.push(a),this.setHeightAndWidth(s,this.panels[i]),this.tempObject=this,this.mediaQuery&&!window.matchMedia("("+this.mediaQuery+")").matches&&(this.setPanelPosition(s,this.panels[i].row,this.panels[i].col),this.mainElement=s,this.updatePanelLayout(s,this.panels[i]),this.mainElement=null),this.setClasses([s])}this.updateOldRowColumn(),this.checkMediaQuery()&&this.checkMediaQuerySizing()}else this.renderDashBoardCells(this.panels);!this.allowDragging||this.mediaQuery&&window.matchMedia("("+this.mediaQuery+")").matches||this.enableDraggingContent(this.panelCollection),this.sortedPanel(),this.bindEvents(),this.updatePanels(),this.updateCloneArrayObject(),this.checkColumnValue=this.maxColumnValue,this.checkMediaQuery()||this.panelResponsiveUpdate(),this.setEnableRtl()},i.prototype.checkMediaQuery=function(){return this.mediaQuery&&window.matchMedia("("+this.mediaQuery+")").matches},i.prototype.calculateCellSize=function(){this.cellSize=[],this.checkMediaQuery()?this.cellSize[1]=this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio:(this.cellSize[0]=this.element.parentElement&&this.element.parentElement.offsetWidth,this.cellSize[0]=this.element.parentElement&&(this.element.parentElement.offsetWidth-(this.maxCol()-1)*this.cellSpacing[0])/this.maxCol(),this.cellSize[1]=this.cellSize[0]/this.cellAspectRatio)},i.prototype.maxRow=function(e){var i=1;if(this.rows>1&&t.isNullOrUndefined(e))return i=this.rows;for(var s=0;s<this.panels.length;s++)this.panels[s].sizeY+this.panels[s].row>i&&(i=this.panels[s].sizeY+this.panels[s].row);return 0===this.panels.length&&(i=this.columns),i},i.prototype.maxCol=function(){var e=1;return e=this.columns,this.maxColumnValue=e,e},i.prototype.updateOldRowColumn=function(){for(var e=0;e<this.panels.length;e++){var t=this.panels[e].id;if(this.element.querySelector("[id='"+t+"']")){var i=parseInt(this.element.querySelector("[id='"+t+"']").getAttribute("data-row"),10),s=parseInt(this.element.querySelector("[id='"+t+"']").getAttribute("data-col"),10);this.oldRowCol[this.panels[e].id]={row:i,col:s}}}},i.prototype.createSubElement=function(e,i,s){var n=this.createElement("div");return s&&t.addClass([n],[s]),e&&e.length>0&&t.addClass([n],e),i&&n.setAttribute("id",i),n},i.prototype.templateParser=function(e){if(e)try{return"function"!=typeof e&&document.querySelectorAll(e).length?t.compile(document.querySelector(e).innerHTML.trim()):t.compile(e)}catch(s){var i=t.SanitizeHtmlHelper.sanitize(e);return t.compile(this.enableHtmlSanitizer&&"string"==typeof e?i:e)}},i.prototype.renderTemplate=function(e,i,s,n,a){var l=this.templateParser(e),r=[];if("."!==e[0]&&"#"!==e[0]||"SCRIPT"===document.querySelector(e).tagName){var o=l({},this,a,s,n,null,i);if(o){for(var h=0,p=o;h<p.length;h++){var d=p[h];r.push(d)}t.append([].slice.call(r),i)}}else{var c=document.querySelector(e);if(!t.isNullOrUndefined(c))return"none"===c.style.display&&c.style.removeProperty("display"),""===c.getAttribute("style")&&c.removeAttribute("style"),void i.appendChild(c);e=e.trim()}},i.prototype.renderPanels=function(e,i,s,n){t.addClass([e],["e-panel","e-panel-transition"]),e.setAttribute("role","listitem"),this.allowDragging&&e.setAttribute("aria-grabbed","false");var a=i.cssClass?i.cssClass.split(" "):null;if(this.panelContent=e.querySelector(".e-panel-container")?e.querySelector(".e-panel-container"):this.createSubElement(a,e.id+"_content",D),e.appendChild(this.panelContent),i.enabled||this.disablePanel(e),i.header){var l=e.querySelector(".e-panel-header")?e.querySelector(".e-panel-header"):this.createSubElement([],e.id+"template","");if(t.addClass([l],[j]),!e.querySelector(".e-panel-header")){var r=this.element.id+"HeaderTemplate"+s;this.renderTemplate(i.header,l,r,n,"header"),this.panelContent.appendChild(l),this.renderReactTemplates()}}if(i.content){var o=i.cssClass?i.cssClass.split(" "):null;this.panelBody=e.querySelector(".e-panel-content")?e.querySelector(".e-panel-content"):this.createSubElement(o,e.id+"_body",U);var h="calc( 100% - "+(this.panelContent.querySelector(".e-panel-header")?window.getComputedStyle(this.panelContent.querySelector(".e-panel-header")).height:"0px")+")";if(t.setStyleAttribute(this.panelBody,{height:h}),!e.querySelector(".e-panel-content")){r=this.element.id+"ContentTemplate"+s;this.renderTemplate(i.content,this.panelBody,r,n,"content"),this.panelContent.appendChild(this.panelBody),this.renderReactTemplates()}}return e},i.prototype.disablePanel=function(e){t.addClass([e],["e-disabled"])},i.prototype.getInlinePanels=function(e){var i={sizeX:e.hasAttribute("data-sizex")?parseInt(e.getAttribute("data-sizex"),10):1,sizeY:e.hasAttribute("data-sizey")?parseInt(e.getAttribute("data-sizey"),10):1,minSizeX:e.hasAttribute("data-minsizex")?parseInt(e.getAttribute("data-minsizex"),10):1,minSizeY:e.hasAttribute("data-minsizey")?parseInt(e.getAttribute("data-minsizey"),10):1,maxSizeX:e.hasAttribute("data-maxsizex")?parseInt(e.getAttribute("data-maxsizex"),10):null,maxSizeY:e.hasAttribute("data-maxsizey")?parseInt(e.getAttribute("data-maxsizey"),10):null,row:e.hasAttribute("data-row")?parseInt(e.getAttribute("data-row"),10):0,col:e.hasAttribute("data-col")?parseInt(e.getAttribute("data-col"),10):0,id:e.getAttribute("id"),zIndex:e.hasAttribute("data-zindex")?parseInt(e.getAttribute("data-zIndex"),10):1e3,header:e.querySelector(".e-panel-header")&&".e-panel-header",content:e.querySelector(".e-panel-content")&&".e-panel-content"};i.id||(i.id="layout_"+this.panelID.toString(),e.setAttribute("id",i.id),this.panelID=this.panelID+1),t.isUndefined(i.enabled)&&(i.enabled=!0),e.style.zIndex=""+i.zIndex;var s=new V(this,"panels",i,!0);this.panels.push(s),this.oldRowCol[i.id]={row:i.row,col:i.col}},i.prototype.resizeEvents=function(){if(this.allowResizing)for(var e=this.element.querySelectorAll(".e-panel .e-panel-container .e-resize"),i=0;i<e.length;i++){var s="msie"===t.Browser.info.name?"mousedown pointerdown":"mousedown";t.EventHandler.add(e[i],s,this.downResizeHandler,this),"msie"!==t.Browser.info.name&&t.EventHandler.add(e[i],"touchstart",this.touchDownResizeHandler,this)}},i.prototype.bindEvents=function(){this.refreshListener=this.refresh.bind(this),t.EventHandler.add(window,"resize",this.refreshListener),this.resizeEvents()},i.prototype.downResizeHandler=function(e){for(var i=t.closest(e.currentTarget,".e-panel"),s=0;this.panels.length>s;s++)if(this.panels[s].enabled&&this.panels[s].id===i.id){this.downHandler(e),this.lastMouseX=e.pageX,this.lastMouseY=e.pageY;var n="msie"===t.Browser.info.name?"mousemove pointermove":"mousemove",a="msie"===t.Browser.info.name?"mouseup pointerup":"mouseup";this.isMouseMoveBound||(t.EventHandler.add(document,n,this.moveResizeHandler,this),this.isMouseMoveBound=!0),this.isMouseUpBound||(t.EventHandler.add(document,a,this.upResizeHandler,this),this.isMouseUpBound=!0)}},i.prototype.downHandler=function(e){this.resizeCalled=!1,this.panelsInitialModel=this.cloneModels(this.panels);var i=t.closest(e.currentTarget,".e-panel"),s={event:e,element:i,isInteracted:!0};this.trigger("resizeStart",s),this.downTarget=e.currentTarget,this.shadowEle=document.createElement("div"),this.shadowEle.classList.add("e-holder"),t.addClass([this.element],[T]),this.element.appendChild(this.shadowEle),this.renderReactTemplates(),this.elementX=parseFloat(i.style.left),this.elementY=parseFloat(i.style.top),this.elementWidth=i.offsetWidth,this.elementHeight=i.offsetHeight,this.originalWidth=this.getCellInstance(i.id).sizeX,this.originalHeight=this.getCellInstance(i.id).sizeY,this.previousRow=this.getCellInstance(i.id).row},i.prototype.touchDownResizeHandler=function(e){this.downHandler(e),this.lastMouseX=e.changedTouches[0].pageX,this.lastMouseY=e.changedTouches[0].pageY,this.isMouseMoveBound||(t.EventHandler.add(document,"touchmove",this.touchMoveResizeHandler,this),this.isMouseMoveBound=!0),this.isMouseUpBound||(t.EventHandler.add(document,"touchend",this.upResizeHandler,this),this.isMouseUpBound=!0)},i.prototype.getCellSize=function(){return[this.cellSize[0],this.cellSize[1]]},i.prototype.updateMaxTopLeft=function(e){this.moveTarget=this.downTarget;var i={event:e,element:t.closest(this.moveTarget,".e-panel"),isInteracted:!0};this.trigger("resize",i)},i.prototype.updateResizeElement=function(e){this.maxLeft=this.element.offsetWidth-1,this.maxTop=this.cellSize[1]*this.maxRows-1,t.removeClass([e],"e-panel-transition"),t.addClass([e],[N]);for(var i=["e-east","e-west","e-north","e-south","e-south-east","e-north-east","e-north-west","e-south-west"],s=0;s<this.moveTarget.classList.length;s++)-1!==i.indexOf(this.moveTarget.classList[s])&&(this.handleClass=this.moveTarget.classList[s])},i.prototype.moveResizeHandler=function(e){this.updateMaxTopLeft(e);var i=t.closest(this.moveTarget,".e-panel");if(this.lastMouseX!==e.pageX&&this.lastMouseY!==e.pageY){this.updateResizeElement(i);var s=this.getCellInstance(i.getAttribute("id"));this.mouseX=e.pageX,this.mouseY=e.pageY;var n=this.mouseY-this.lastMouseY+this.mOffY,a=this.mouseX-this.lastMouseX+this.mOffX;this.mOffX=this.mOffY=0,this.lastMouseY=this.mouseY,this.lastMouseX=this.mouseX,this.resizingPanel(i,s,a,n)}},i.prototype.touchMoveResizeHandler=function(e){this.updateMaxTopLeft(e);var i=t.closest(this.moveTarget,".e-panel");if(this.lastMouseX!==e.changedTouches[0].pageX&&this.lastMouseY!==e.changedTouches[0].pageY){this.updateResizeElement(i);var s=this.getCellInstance(i.getAttribute("id"));this.mouseX=e.changedTouches[0].pageX,this.mouseY=e.changedTouches[0].pageY;var n=this.mouseX-this.lastMouseX+this.mOffX,a=this.mouseY-this.lastMouseY+this.mOffY;this.mOffX=this.mOffY=0,this.lastMouseX=this.mouseX,this.lastMouseY=this.mouseY,this.resizingPanel(i,s,n,a)}},i.prototype.resizingPanel=function(e,t,i,s){var n=this.getCellInstance(e.id).sizeX,a=this.getCellInstance(e.id).sizeY,l=s,r=i;if(this.handleClass.indexOf("north")>=0&&(this.elementHeight-l<this.getMinHeight(t)?(s=this.elementHeight-this.getMinHeight(t),this.mOffY=l-s):t.maxSizeY&&this.elementHeight-l>this.getMaxHeight(t)?(s=this.elementHeight-this.getMaxHeight(t),this.mOffY=l-s):this.elementY+l<this.minTop&&(s=this.minTop-this.elementY,this.mOffY=l-s),this.elementY+=s,this.elementHeight-=s),this.handleClass.indexOf("south")>=0&&(this.elementHeight+l<this.getMinHeight(t)?(s=this.getMinHeight(t)-this.elementHeight,this.mOffY=l-s):t.maxSizeY&&this.elementHeight+l>this.getMaxHeight(t)&&(s=this.getMaxHeight(t)-this.elementHeight,this.mOffY=l-s),this.elementHeight+=s),this.handleClass.indexOf("west")>=0&&(this.elementWidth-r<this.getMinWidth(t)?(i=this.elementWidth-this.getMinWidth(t),this.mOffX=r-i):t.maxSizeX&&this.elementWidth-r>this.getMaxWidth(t)?(i=this.elementWidth-this.getMaxWidth(t),this.mOffX=r-i):this.elementX+r<this.minLeft&&(i=this.minLeft-this.elementX,this.mOffX=r-i),this.elementX+=i,this.elementWidth-=i),this.handleClass.indexOf("east")>=0){this.elementWidth+r<this.getMinWidth(t)?(i=this.getMinWidth(t)-this.elementWidth,this.mOffX=r-i):t.maxSizeX&&this.elementWidth+r>this.getMaxWidth(t)&&(i=this.getMaxWidth(t)-this.elementWidth,this.mOffX=r-i);var o=this.elementWidth;this.elementWidth+=i;var h=this.pixelsToColumns(this.elementWidth-t.sizeX*this.cellSpacing[1],!0);this.columns<t.col+h&&(this.elementWidth=o)}e.style.top=this.elementY+"px",e.style.left=this.elementX+"px",e.style.width=this.elementWidth+"px",e.style.height=this.elementHeight+"px";var p=this.getResizeRowColumn(t);if(p.col+p.sizeX>this.columns&&this.panelPropertyChange(p,{sizeX:p.sizeX-1}),this.shadowEle.style.top=p.row*this.getCellSize()[1]+p.row*this.cellSpacing[1]+"px",this.handleClass.indexOf("west")>=0?this.shadowEle.style.left=p.col*this.getCellSize()[0]+(p.col-1)*this.cellSpacing[0]+"px":this.shadowEle.style.left=p.col*this.getCellSize()[0]+p.col*this.cellSpacing[0]+"px",this.shadowEle.style.height=p.sizeY*(this.getCellSize()[1]+this.cellSpacing[1])+"px",this.shadowEle.style.width=p.sizeX*(this.getCellSize()[0]+this.cellSpacing[0])+"px",n!==p.sizeX||a!==p.sizeY){n=p.sizeX,a=p.sizeY;var d=this.getCellInstance(e.id),c={attributes:{row:d.row.toString(),col:d.col.toString(),sizeX:d.sizeX.toString(),sizeY:d.sizeY.toString()}};this.setAttributes(c,e),this.mainElement=e,this.checkCollision=[],this.updatePanelLayout(e,this.getCellInstance(e.id)),this.updateOldRowColumn(),this.sortedPanel()}},i.prototype.upResizeHandler=function(e){if(!t.isNullOrUndefined(this.downTarget)){this.upTarget=this.downTarget;var i=t.closest(this.upTarget,".e-panel"),s={event:e,element:i,isInteracted:!0};if(i){t.addClass([i],"e-panel-transition");var n="msie"===t.Browser.info.name?"mousemove pointermove":"mousemove",a="msie"===t.Browser.info.name?"mouseup pointerup":"mouseup";t.EventHandler.remove(document,n,this.moveResizeHandler),t.EventHandler.remove(document,a,this.upResizeHandler),"msie"!==t.Browser.info.name&&(t.EventHandler.remove(document,"touchmove",this.touchMoveResizeHandler),t.EventHandler.remove(document,"touchend",this.upResizeHandler)),this.isMouseUpBound=!1,this.isMouseMoveBound=!1,this.shadowEle&&t.detach(this.shadowEle),this.shadowEle=null;var l=this.getCellInstance(i.getAttribute("id"));this.setPanelPosition(i,l.row,l.col),this.setHeightAndWidth(i,l)}t.removeClass([i],[N]),this.trigger("resizeStop",s),this.resizeCalled=!1,this.lastMouseX=this.lastMouseY=void 0,this.mOffX=this.mOffY=0,this.mainElement=null,this.allowFloating&&this.moveItemsUpwards(),this.updatePanels(),this.updateCloneArrayObject(),this.checkForChanges(!0)}},i.prototype.getResizeRowColumn=function(e){var t=!1,i=e.col;-1!==["e-west","e-south-west"].indexOf(this.handleClass)&&(i=this.pixelsToColumns(this.elementX,!1));var s=e.row;-1!==["e-north"].indexOf(this.handleClass)&&(s=this.pixelsToRows(this.elementY,!1),this.previousRow!==s&&(this.previousRow=s,t=!0));var n=e.sizeX;-1===["e-north","e-south"].indexOf(this.handleClass)&&(n=this.pixelsToColumns(this.elementWidth-n*this.cellSpacing[1],!0));var a=e.sizeY;-1===["e-east","e-west"].indexOf(this.handleClass)&&("e-north"!==this.handleClass||t)&&(a=this.pixelsToRows(this.elementHeight-a*this.cellSpacing[0],!0)),e.col+n>this.columns&&(e.sizeX=n-1);return(s>-1&&i>-1&&n+i<=this.maxCol()&&a+s<=this.maxRow()&&0===this.collisions(s,i,n,a,this.getPanelBase(e.id)).length||!1!==this.allowPushing)&&this.panelPropertyChange(e,{row:s,col:i,sizeX:n,sizeY:a}),e},i.prototype.pixelsToColumns=function(e,t){return t?Math.ceil(e/this.cellSize[0]):Math.floor(e/(this.cellSize[0]+this.cellSpacing[0]))},i.prototype.pixelsToRows=function(e,t){return t?Math.round(e/this.cellSize[1]):Math.round(e/(this.cellSize[1]+this.cellSpacing[0]))},i.prototype.getMinWidth=function(e){return e.minSizeX*this.getCellSize()[0]+(e.minSizeX-1)*this.cellSpacing[0]},i.prototype.getMaxWidth=function(e){return e.maxSizeX*this.getCellSize()[0]},i.prototype.getMinHeight=function(e){return e.minSizeY*this.getCellSize()[1]+(e.minSizeY-1)*this.cellSpacing[1]},i.prototype.getMaxHeight=function(e){return e.maxSizeY*this.getCellSize()[1]},i.prototype.sortedPanel=function(){this.sortedArray=[];for(var e=0,t=this.panelCollection.length;e<t;++e)this.sortItem(this.panelCollection[e])},i.prototype.moveItemsUpwards=function(){if(!1!==this.allowFloating){for(var e=0,t=this.sortedArray.length;e<t;++e){var i=this.sortedArray[e];if(i)for(var s=0,n=i.length;s<n;++s){var a=i[s];a&&this.moveItemUpwards(a)}}this.updateGridLines()}},i.prototype.moveItemUpwards=function(e){if(!1!==this.allowFloating&&e!==this.mainElement){for(var t=this.getCellInstance(e.id).col,i=parseInt(e.getAttribute("data-sizeY"),10),s=parseInt(e.getAttribute("data-sizeX"),10),n=null,a=null,l=parseInt(e.getAttribute("data-row"),10)-1;l>-1;){if(0!==this.collisions(l,t,s,i,e).length)break;n=l,a=t,--l}null!==n&&this.sortItem(e,n,a)}},i.prototype.sortItem=function(e,t,i){this.overlapElement=[];var s=parseInt(e.getAttribute("data-col"),10),n=parseInt(e.getAttribute("data-row"),10);if(this.sortedArray[n]||(this.sortedArray[n]=[]),this.sortedArray[n][s]=e,void 0!==e&&void 0!==t&&void 0!==i){if(void 0!==this.oldRowCol[e.id]&&null!==this.oldRowCol[e.id].row&&void 0!==this.oldRowCol[e.id].col){var a=this.sortedArray[this.oldRowCol[e.id].row];this.oldRowCol[e.id]&&a[this.oldRowCol[e.id].col]===e&&(delete a[this.oldRowCol[e.id].col],this.updateOldRowColumn(),this.sortedPanel())}this.oldRowCol[e.id].row=t,this.oldRowCol[e.id].row=i,this.sortedArray[n]||(this.sortedArray[n]=[]),this.sortedArray[n][s]=e,-1===this.allItems.indexOf(e)&&this.allItems.push(e),this.panelPropertyChange(this.getCellInstance(e.id),{row:t,col:i});var l=this.getCellInstance(e.id);this.setAttributes({value:{col:l.col.toString(),row:l.row.toString()}},e),this.updateLayout(e,this.getCellInstance(e.id))}},i.prototype.updateLayout=function(e,t){this.setPanelPosition(e,t.row,t.col),this.setHeightAndWidth(e,t),this.updateRowHeight(),this.sortedPanel()},i.prototype.refresh=function(){if(this.panelsSizeY=0,this.updateDragArea(),this.checkMediaQuery())this.checkMediaQuerySizing();else{if(this.element.classList.contains(X)){t.removeClass([this.element],[X]);for(var e=this.element.querySelectorAll((this.element.id?"#"+this.element.id+" > ":"")+".e-panel"),i=0;i<e.length;i++){var s=e[i],n=this.getCellInstance(s.id),a=parseInt(s.getAttribute("data-row"),10),l=parseInt(s.getAttribute("data-col"),10);this.panelPropertyChange(n,{row:a,col:l}),this.setHeightAndWidth(s,this.getCellInstance(s.id)),this.setPanelPosition(s,a,l),this.updateRowHeight()}}this.panelResponsiveUpdate(),this.updateGridLines()}t.isNullOrUndefined(this.panelCollection)||(this.removeResizeClasses(this.panelCollection),this.setClasses(this.panelCollection)),this.resizeEvents(),t.isNullOrUndefined(this.panelCollection)||this.checkDragging(this.dragCollection)},i.prototype.updateGridLines=function(){this.element.querySelector(".e-dashboard-gridline-table")&&(this.table&&t.detach(this.table),this.initGridLines())},i.prototype.checkDragging=function(e){if(this.checkMediaQuery()||!this.allowDragging)for(var t=0;t<e.length;t++)e[t].destroy();else{for(t=0;t<e.length;t++)e[t].destroy();this.enableDraggingContent(this.panelCollection)}},i.prototype.sortPanels=function(){for(var e=[],t=function(t){for(var s=function(s){i.panels.filter(function(i){i.row===t&&i.col===s&&e.push(i)})},n=0;n<i.columns;n++)s(n)},i=this,s=0;s<=this.rows;s++)t(s);return e},i.prototype.checkMediaQuerySizing=function(){t.addClass([this.element],[X]);var e;e=this.isPanelRemoved&&this.panels?this.panels:this.sortPanels(),this.updatedRows=e.length;for(var i=0;i<e.length;i++){var s=document.getElementById(e[i].id),n=void 0;s&&(t.setStyleAttribute(s,{width:"100%"}),s.style.height=" "+(this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio)*e[i].sizeY+"px",e[i].sizeY>1&&(n=(this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio)*e[i].sizeY+parseInt((Math.round(e[i].sizeY/2)*this.cellSpacing[1]).toString(),0),s.style.height=n+"px"),this.resizeHeight=!0,this.panelPropertyChange(e[i],{row:i,col:0}),this.setPanelPosition(s,e[i].row,e[i].col),this.panelsSizeY=this.panelsSizeY+e[i].sizeY,t.isNullOrUndefined(this.panelCollection)||(this.setClasses(this.panelCollection),this.removeResizeClasses(this.panelCollection)),t.isNullOrUndefined(this.dragCollection)||this.checkDragging(this.dragCollection))}this.updateRowHeight()},i.prototype.panelResponsiveUpdate=function(){this.element.classList.add("e-responsive"),this.calculateCellSize();for(var e=0;e<this.element.querySelectorAll(".e-panel").length;e++){var t=this.element.querySelectorAll(".e-panel")[e],i=this.getCellInstance(t.id);this.setHeightAndWidth(t,i)}for(e=0;e<this.panels.length;e++)this.setPanelPosition(document.getElementById(this.panels[e].id),this.panels[e].row,this.panels[e].col);this.updateRowHeight()},i.prototype.updateRowHeight=function(){this.getRowColumn(),this.setHeightWidth()},i.prototype.setHeightWidth=function(){var e,i;if(this.checkMediaQuery()){for(var s=0,n=0;n<this.panels.length;n++)this.panels[n].sizeY&&(s+=this.panels[n].sizeY);e=s*(this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio)+(s-1)*this.cellSpacing[1]+"px"}else e=this.maxRow()*(this.cellSize[0]/this.cellAspectRatio)+(this.maxRow()-1)*this.cellSpacing[1]+"px";t.setStyleAttribute(this.element,{height:e}),i=window.getComputedStyle(this.element).width,t.setStyleAttribute(this.element,{width:i})},i.prototype.setHeightAndWidth=function(e,i){t.setStyleAttribute(e,{height:t.formatUnit(this.setXYDimensions(i)[0])}),t.setStyleAttribute(e,{width:t.formatUnit(this.setXYDimensions(i)[1])})},i.prototype.renderCell=function(e,i,s){var n;this.dimensions=this.setXYDimensions(e),t.isUndefined(e.enabled)&&(e.enabled=!0),this.contentTemplateChild.length>0&&!t.isNullOrUndefined(s)?(n=this.contentTemplateChild[s],e.cssClass&&t.addClass([n],[e.cssClass]),e.id&&n.setAttribute("id",e.id)):n=this.createPanelElement(e.cssClass?e.cssClass.split(" "):null,e.id),n.style.zIndex=""+e.zIndex,this.element.appendChild(n),this.renderReactTemplates();var a=this.renderPanels(n,e,e.id,i);return this.panelCollection.push(a),this.setXYAttributes(n,e),this.setHeightAndWidth(n,e),n},i.prototype.setPanelPosition=function(e,i,s){if(e){this.checkMediaQuery()&&this.calculateCellSize();var n=this.getCellSize()[1],a=this.getCellSize()[0],l=0===s?0:s*(a+this.cellSpacing[0]),r=0===i?0:i*(n+this.cellSpacing[1]);this.checkMediaQuery()&&(r=0===i?0:this.panelsSizeY*(n+this.cellSpacing[1])),t.setStyleAttribute(e,{left:l+"px",top:r+"px"})}},i.prototype.getRowColumn=function(){if(this.rows=null,this.element.querySelectorAll(".e-panel").length>0&&!this.updatedRows)for(var e=this.element.querySelectorAll(".e-panel"),t=0;t<e.length;t++){var i=e[t],s=parseInt(i.getAttribute("data-row"),10),n=parseInt(i.getAttribute("data-sizeY"),10);this.rows=Math.max(this.rows,s+n)}else{this.updatedRows&&(this.rows=this.updatedRows,this.updatedRows=null);for(t=0;t<this.panels.length;t++)this.rows=Math.max(this.rows,this.panels[t].row)}},i.prototype.setMinMaxValues=function(e){!e.sizeX||e.sizeX<e.minSizeX?this.panelPropertyChange(e,{sizeX:e.minSizeX}):e.maxSizeX&&e.sizeX>e.maxSizeX?this.panelPropertyChange(e,{sizeX:e.maxSizeX}):e.sizeX>this.columns?this.panelPropertyChange(e,{sizeX:this.columns}):this.panelPropertyChange(e,{sizeX:e.sizeX}),!e.sizeY||e.sizeY<e.minSizeY?this.panelPropertyChange(e,{sizeY:e.minSizeY}):e.maxSizeY&&e.sizeY>e.maxSizeY?this.panelPropertyChange(e,{sizeY:e.maxSizeY}):this.panelPropertyChange(e,{sizeY:e.sizeY})},i.prototype.checkMinMaxValues=function(e){e.col+e.sizeX>this.columns&&this.panelPropertyChange(e,{sizeX:e.sizeX+(this.columns-(e.col+e.sizeX))})},i.prototype.panelPropertyChange=function(e,t){e.setProperties(t,!0)},i.prototype.renderDashBoardCells=function(e){if(this.element.querySelectorAll(".e-panel").length>0||this.panels.length>0)for(var i=0;i<e.length;i++){this.gridPanelCollection.push(e[i]),this.setMinMaxValues(e[i]),(this.maxColumnValue<e[i].col||this.maxColumnValue<e[i].col+e[i].sizeX)&&this.panelPropertyChange(e[i],{col:this.maxColumnValue-e[i].sizeX});var s=this.renderCell(e[i],!1,i);this.enableRtl&&t.addClass([s],"e-rtl"),this.element.appendChild(s),this.renderReactTemplates(),this.checkMediaQuery()&&i===e.length-1?this.checkMediaQuerySizing():(this.setPanelPosition(s,e[i].row,e[i].col),this.mainElement=s,this.updatePanelLayout(s,e[i]),this.mainElement=null)}this.setClasses(this.panelCollection)},i.prototype.collisions=function(e,t,i,s,n){var a=[];i&&s||(i=s=1),!n||n instanceof Array||(n=[n]);for(var l,r=0;r<s;++r)for(var o=0;o<i;++o)!(l=this.getPanel(e+r,t+o,n))||n&&-1!==n.indexOf(this.element.querySelector("[id='"+l.id+"']"))||-1!==a.indexOf(this.element.querySelector("[id='"+l.id+"']"))||a.push(this.element.querySelector("[id='"+l.id+"']"));return a},i.prototype.rightWardsSpaceChecking=function(e,t,i){var s=this,n=[],a=[];if(e.forEach(function(e){var i=parseInt(e.getAttribute("data-col"),10),a=parseInt(e.getAttribute("data-sizeX"),10);if(t<s.columns&&i>=t)if(a>1)for(var l=i;l<i+a;l++)n.push(l);else n.push(i)}),n.length>0)for(var l=t+1;l<=this.columns-1;l++)-1===n.indexOf(l)&&l!==t&&-1===a.indexOf(l)&&a.push(l);var r=this.getOccupiedColumns(i);r.forEach(function(e){e>t&&-1!==a.indexOf(e)&&a.splice(a.indexOf(e),1)});return this.getOccupiedColumns(this.checkingElement).forEach(function(e){e>parseInt(i.getAttribute("data-col"),10)&&-1===r.indexOf(e)&&-1===a.indexOf(e)&&a.push(e)}),a=a.sort(function(e,t){return e-t})},i.prototype.getOccupiedColumns=function(e){for(var t=[],i=parseInt(e.getAttribute("data-sizeX"),10),s=parseInt(e.getAttribute("data-col"),10),n=s;n<s+i&&n<=this.columns;n++)t.push(n);return t},i.prototype.leftWardsSpaceChecking=function(e,t,i){var s=this,n=[],a=[];if(e.forEach(function(e){var i=parseInt(e.getAttribute("data-col"),10),n=parseInt(e.getAttribute("data-sizeX"),10);if(t<=s.columns&&i<=t)if(n>1)for(var l=i;l<i+n;l++)a.push(l);else a.push(i)}),a.length>0)for(var l=0;l<=t;l++)-1===a.indexOf(l)&&l!==t&&-1===n.indexOf(l)&&n.push(l);var r=this.getOccupiedColumns(i);r.forEach(function(e){e<t&&-1!==n.indexOf(e)&&n.splice(n.indexOf(e),1)});return this.getOccupiedColumns(this.checkingElement).forEach(function(e){e<parseInt(i.getAttribute("data-col"),10)&&-1===r.indexOf(e)&&-1===n.indexOf(e)&&n.push(e)}),n=n.sort(function(e,t){return e-t}),n=n.reverse()},i.prototype.adjustmentAvailable=function(e,i,s,n,a){this.leftAdjustable=void 0,this.rightAdjustable=void 0;var l,r=!1,o=[];this.topAdjustable=void 0;var h=parseInt(a.getAttribute("data-sizeX"),10),p=parseInt(a.getAttribute("data-col"),10);-1===(o=this.getRowElements(this.collisions(e,0,this.columns,s,[]))).indexOf(a)&&o.push(a);var d=this.leftWardsSpaceChecking(o,i,a);if(d.length>0?(this.leftAdjustable=this.isLeftAdjustable(d,a,e,i,n,s),this.spacedColumnValue!==p-this.getCellInstance(this.checkingElement.id).sizeX&&(this.leftAdjustable=!1),this.leftAdjustable?this.rightAdjustable=!1:(this.leftAdjustable=!1,l=this.rightWardsSpaceChecking(o,i,a),this.rightAdjustable=l.length>0&&this.isRightAdjustable(l,a,e,i,n,s),this.spacedColumnValue!==h+p&&(this.rightAdjustable=!1),this.rightAdjustable||(this.rightAdjustable=!1))):(l=this.rightWardsSpaceChecking(o,i,a),this.rightAdjustable=l.length>0&&this.isRightAdjustable(l,a,e,i,n,s),this.spacedColumnValue!==h+p&&(this.rightAdjustable=!1),this.rightAdjustable&&(this.leftAdjustable=!1)),!this.rightAdjustable&&!this.leftAdjustable&&e>0){var c=this.getCellInstance(a.id).row,u=!1;this.startRow!==c&&(u=!0);for(var g=e;g>=0;g--){var m=this.getCellInstance(a.id).sizeY>1&&u?this.checkingElement:a;g!==c&&g===c-s&&0===this.collisions(g,i,n,s,m).length&&(u=!1,this.topAdjustable=!0,this.spacedRowValue=t.isNullOrUndefined(this.spacedRowValue)?g:this.spacedRowValue,this.spacedColumnValue=i)}}return(this.rightAdjustable||this.leftAdjustable||this.topAdjustable)&&(r=!0,t.isNullOrUndefined(this.spacedRowValue)&&(this.spacedRowValue=e)),r},i.prototype.isXSpacingAvailable=function(e,t){for(var i=!1,s=[],n=0;n<e.length;n++)if(e[n+1]-e[n]==1||e[n+1]-e[n]==-1){if(s.push(e[n]),2===t&&s.push(e[n+1]),n===e.length-2&&(s.push(e[n+1]),s.length>t&&s.splice(-1)),s.length===t)return i=!0,this.spacedColumnValue=s.sort(function(e,t){return e-t})[0],this.spacedColumnValue<0&&(this.spacedColumnValue=1),i}else s=[];return i},i.prototype.getRowElements=function(e){for(var t=[],i=0;i<e.length;i++)t.push(e[i]);return t},i.prototype.isLeftAdjustable=function(e,t,i,s,n,a){var l;if(1===n&&1===a&&e.length>0)this.spacedColumnValue=e[0],l=!0;else if(n>1&&1===a)l=this.isXSpacingAvailable(e,n);else if(a>1)if(1===n){var r=void 0;if(e.length>=1&&(r=!0),r)for(var o=0;o<e.length;o++){if(0===this.collisions(i,e[o],n,a,this.checkingElement).length)return this.spacedColumnValue=e[o],l=!0;l=!1}}else l=this.replacable(e,n,i,a,t);return l},i.prototype.isRightAdjustable=function(e,t,i,s,n,a){var l;if(1===n&&1===a&&e.length>0)this.spacedColumnValue=e[0],l=!0;else if(n>1&&1===a)l=this.isXSpacingAvailable(e,n);else if(a>1)if(1===n){var r=void 0;if(e.length>=1&&(r=!0),r)for(var o=0;o<e.length;o++){for(var h=this.collisions(i,e[o],n,a,this.checkingElement),p=0;p<h.length;p++)parseInt(t.getAttribute("data-col"),10)!==e[o]&&h.splice(h.indexOf(h[p]),1);if(0===h.length)return l=!0,this.spacedColumnValue=e[o],l;l=!1}}else l=this.replacable(e,n,i,a,t);return l},i.prototype.replacable=function(e,t,i,s,n){for(var a,l=[],r=0;r<e.length;r++){if(this.isXSpacingAvailable(e,t)){var o=[];if(o.push(this.checkingElement),o.push(n),0===l.length)return a=!0,this.spacedColumnValue=this.spacedColumnValue,a;a=!1}}return a},i.prototype.sortCollisionItems=function(e){for(var t,i=[],s=function(s){t=[],e.forEach(function(e){e&&e.getAttribute("data-row")===s.toString()&&t.push(e)});for(var a=function(e){t.forEach(function(t){t&&t.getAttribute("data-col")===e.toString()&&i.push(t)})},l=n.columns-1;l>=0;l--)a(l)},n=this,a=this.rows-1;a>=0;a--)s(a);return i},i.prototype.updatedModels=function(e,t,i){var s=this,n=[];return this.mainElement||this.sortedPanel(),e.forEach(function(a){s.checkingElement=a;var l=s.getCellInstance(a.id),r=!s.adjustmentAvailable(l.row,l.col,l.sizeY,l.sizeX,i);if(l.sizeX>1&&r)for(var o=l.row;o<t.row+t.sizeY;o++){s.collisions(o,l.col,l.sizeX,l.sizeY,a).forEach(function(t){e.indexOf(t)>=0&&-1===n.indexOf(t)&&n.push(t)})}}),n.forEach(function(t){n.indexOf(t)>=0&&e.splice(e.indexOf(t),1)}),e},i.prototype.resetLayout=function(e){var t=this.collisions(e.row,e.col,e.sizeX,e.sizeY,this.mainElement);if(!this.mainElement||this.addPanelCalled||this.resizeCalled||this.movePanelCalled)return t;if(this.mainElement&&this.oldRowCol!==this.cloneObject)for(var i=0;i<this.panels.length;i++){var s=this.element.querySelector("[id='"+this.panels[i].id+"']");if(s!==this.mainElement){var n=this.cloneObject[s.id].row,a=this.cloneObject[s.id].col;this.setPanelPosition(s,n,a),this.panelPropertyChange(this.getCellInstance(s.id),{row:n,col:a}),this.setAttributes({value:{col:a.toString(),row:n.toString()}},s),this.updateOldRowColumn()}}return this.sortedArray=this.cloneArray,t=this.collisions(e.row,e.col,e.sizeX,e.sizeY,this.mainElement),this.sortedPanel(),this.updateOldRowColumn(),this.checkCollision&&this.checkCollision.length>0&&-1===t.indexOf(this.checkCollision[0])&&this.cloneObject[this.checkCollision[0].id].row===e.row&&t.push(this.checkCollision[0]),t},i.prototype.swapAvailability=function(e,t){for(var i=!0,s=this.getCellInstance(t.id),n=0;n<e.length;n++)for(var a=this.getCellInstance(e[n].id),l=1;l<s.sizeY;l++){var r=[];r.push(t),r.push(e[n]);if(this.collisions(s.row+l,a.col,a.sizeX,a.sizeY,r).length>0)return i=!1,!1}return i},i.prototype.checkForSwapping=function(e,t){if(!this.mainElement||0===e.length)return!1;var i,s=parseInt(e[0].getAttribute("data-row"),10);if(this.startRow<s?i=1:this.startRow>s&&(i=0),!this.swapAvailability(e,t))return!1;for(var n=!1,a=0;a<e.length;a++)if(e.length>=1&&this.cloneObject[this.mainElement.id]&&this.cloneObject[this.mainElement.id].row===this.oldRowCol[this.mainElement.id].row)return!1;for(var l=0===i?this.getCellInstance(this.mainElement.id).row+this.getCellInstance(this.mainElement.id).sizeY:this.startRow,r=0;r<e.length;r++){var o=this.getCellInstance(e[r].id),h=this.getCellInstance(t.id),p=[];if(1===o.sizeY&&-1===p.indexOf(e[r]))p.push(e[r]);else if(o.sizeY>1&&-1===p.indexOf(e[r]))if(1===i&&h.row===this.cloneObject[o.id].row+o.sizeY-1)p.push(e[r]);else{if(0!==i||h.row!==this.cloneObject[o.id].row)return!1;p.push(e[r])}o.sizeY<=h.sizeY&&-1===p.indexOf(e[r])&&p.push(e[r]),p.push(this.mainElement);if(this.collisions(l,o.col,o.sizeX,o.sizeY,p).length>0)return n=!1;r===e.length-1&&(n=!0)}return n},i.prototype.swapItems=function(e,t,i){var s,n=this,a=[];a.push(t);var l=parseInt(e[0].getAttribute("data-row"),10);this.startRow<l?s=1:this.startRow>l&&(s=0);var r=0===s?l+i.sizeY:this.startRow;if(!this.movePanelCalled){var o=this.getCellInstance(e[0].id);this.panelPropertyChange(i,{row:0===s?l:r+o.sizeY})}for(var h=0;h<e.length;h++)a.push(e[h]),this.setPanelPosition(e[h],r,this.getCellInstance(e[h].id).col),this.panelPropertyChange(this.getCellInstance(e[h].id),{row:r}),e[h].setAttribute("data-row",r.toString());t.setAttribute("data-row",i.row.toString()),this.setPanelPosition(this.shadowEle,i.row,i.col);for(var p=0;p<this.panels.length;p++)this.oldRowCol[this.panels[p].id]={row:this.panels[p].row,col:this.panels[p].col};this.startRow=i.row,this.updateOldRowColumn(),a.forEach(function(e){n.cloneObject[e.id]=n.oldRowCol[e.id];for(var t=n.getCellInstance(e.id),i=0;i<n.sortedArray.length;i++)if(n.sortedArray[i])for(var s=0;s<n.sortedArray[i].length;s++)n.sortedArray[i][s]===e&&(n.sortedArray[i][s]=void 0);n.sortedArray[t.row]||(n.sortedArray[t.row]=[]),n.sortedArray[t.row][t.col]=e,n.cloneArray=n.sortedArray})},i.prototype.updatePanelLayout=function(e,i){this.collisionChecker={};var s=[],n=[];if((s=this.mainElement&&this.isRenderComplete?this.resetLayout(i):this.collisions(i.row,i.col,i.sizeX,i.sizeY,e)).length>0)if(s=this.sortCollisionItems(s),s=this.updatedModels(s,i,e),!t.isNullOrUndefined(this.startRow)&&this.checkForSwapping(s,e))this.swapItems(s,e,i);else for(var a=0;a<s.length;a++){var l=this.getCellInstance(s[a].id);if(this.checkingElement=s[a],this.spacedRowValue=null,this.spacedColumnValue=null,this.adjustmentAvailable(l.row,l.col,l.sizeY,l.sizeX,e)&&!t.isNullOrUndefined(this.spacedColumnValue)){this.setPanelPosition(s[a],this.spacedRowValue,this.spacedColumnValue),this.oldRowCol[s[a].id]={row:this.spacedRowValue,col:this.spacedColumnValue};var r={attributes:{row:this.spacedRowValue.toString(),col:this.spacedColumnValue.toString()}};if(this.setAttributes(r,s[a]),this.panelPropertyChange(l,{col:this.spacedColumnValue,row:this.spacedRowValue}),this.topAdjustable&&this.allowFloating&&(this.updatePanels(),this.updateCloneArrayObject()),this.spacedRowValue=null,a<s.length)continue}else n.push(s[a])}if(n.length>0){var o=this;n.forEach(function(e){-1===o.overlapElement.indexOf(e)&&o.overlapElement.push(e)}),this.overlapElement&&-1!==this.overlapElement.indexOf(e)&&this.overlapElement.splice(this.overlapElement.indexOf(e),1),n.length>0&&(this.updateRowColumn(i.row,this.overlapElement,e),this.checkForCompletePushing())}this.isSubValue||this.sortedPanel(),this.updateRowHeight(),this.updateGridLines()},i.prototype.checkForCompletePushing=function(){for(var e=0;e<this.panels.length;e++)if(this.collisionChecker[this.panels[e].id]&&null!==this.collisionChecker[this.panels[e].id]){this.overlapElement=[this.collisionChecker[this.panels[e].id].ele];var t=this.panels[e].id;this.updateRowColumn(this.collisionChecker[""+t].row,this.overlapElement,this.collisionChecker[""+t].srcEle)}},i.prototype.updateCollisionChecked=function(e){for(var t=0;t<Object.keys(this.collisionChecker).length;t++)this.collisionChecker[e.id]=null},i.prototype.updateRowColumn=function(e,t,i){if(i){var s=parseInt(i.getAttribute("data-sizeY"),10),n=parseInt(i.getAttribute("data-row"),10);this.overlapElementClone=(this.overlapElement&&this.shouldRestrict,this.overlapElement);for(var a=0;a<this.overlapElementClone.length;a++){if(0===this.overlapElementClone.length)return;for(var l=0;l<this.overlapElementClone.length;l++)this.collisionChecker[this.overlapElementClone[l].id]={ele:this.overlapElementClone[l],row:e,srcEle:i};var r=n+s,o=parseInt(this.overlapElementClone[a].getAttribute("data-sizeY"),10),h=parseInt(this.overlapElementClone[a].getAttribute("data-col"),10),p=parseInt(this.overlapElementClone[a].getAttribute("data-sizeX"),10),d=void 0,c=void 0;if(-1===this.overlapSubElementClone.indexOf(i)&&this.overlapSubElementClone.push(i),-1===this.overlapSubElementClone.indexOf(this.overlapElementClone[a])&&this.overlapSubElementClone.push(this.overlapElementClone[a]),o>1||p>1){var u=this.getCellInstance(this.overlapElementClone[a].id);d=u.col;for(var g=document.getElementById(u.id),m=u.row;m<n+s;m++){this.isSubValue=!0,this.panelPropertyChange(u,{row:u.row+1}),g.setAttribute("data-row",u.row.toString()),this.setPanelPosition(g,u.row,d),this.updateCollisionChecked(g),this.oldRowCol[g.id]={row:u.row,col:d};var f=this.getCellInstance(g.id);this.panelPropertyChange(f,{col:d,row:u.row});var v=parseInt(g.getAttribute("data-row"),10),y=parseInt(g.getAttribute("data-col"),10),P=parseInt(g.getAttribute("data-sizeX"),10),C=parseInt(g.getAttribute("data-sizeY"),10),x=[];x.push(g),x.push(i),c=this.collisions(v,y,P,C,x),this.mainElement&&-1!==c.indexOf(this.mainElement)&&c.splice(c.indexOf(this.mainElement),1),this.collisionPanel(c,y,v,g)}this.isSubValue=!1}else{this.addPanelCalled&&(this.addPanelCalled=!1),this.overlapElementClone[a].setAttribute("data-row",r.toString());var S=[];S.push(this.overlapElementClone[a]),S.push(i),c=this.collisions(r,h,p,o,S),this.mainElement&&-1!==c.indexOf(this.mainElement)&&c.splice(c.indexOf(this.mainElement),1),d=parseInt(this.overlapElementClone[a].getAttribute("data-col"),10),this.setPanelPosition(this.overlapElementClone[a],r,d),this.updateCollisionChecked(this.overlapElementClone[a]),this.oldRowCol[this.overlapElementClone[a].id]={row:r,col:d};f=this.getCellInstance(this.overlapElementClone[a].id);this.panelPropertyChange(f,{col:d,row:r}),this.collisionPanel(c,d,r,this.overlapElementClone[a])}}}},i.prototype.collisionPanel=function(e,t,i,s){var n=this.getCellInstance(s.id);if(this.panelPropertyChange(n,{row:i,col:t}),e.length>0){var a=this;this.overlapElement=[],this.shouldRestrict=!0,e.forEach(function(e){a.overlapElement.push(e)});for(var l=parseInt(s.getAttribute("data-row"),10),r=0;r<this.overlapElement.length;r++)this.updateRowColumn(l,this.overlapElement,s);this.shouldRestrict=!1}else{if(this.addPanelCalled||this.sortedPanel(),this.overlapSubElementClone.length>0)for(var o=function(e){var t=parseInt(h.overlapSubElementClone[e].getAttribute("data-row"),10),i=parseInt(h.overlapSubElementClone[e].getAttribute("data-col"),10),s=parseInt(h.overlapSubElementClone[e].getAttribute("data-sizeX"),10),n=parseInt(h.overlapSubElementClone[e].getAttribute("data-sizeY"),10),a=h.collisions(t,i,s,n,h.overlapSubElementClone);h.mainElement&&-1!==a.indexOf(h.mainElement)&&a.splice(a.indexOf(h.mainElement),1);var l=h;a.forEach(function(e){l.overlapElement.push(e)}),a.length>0&&h.updateRowColumn(t,h.overlapElement,h.overlapSubElementClone[e])},h=this,p=0;p<this.overlapSubElementClone.length;p++)o(p);this.overlapSubElementClone=[]}},i.prototype.removeResizeClasses=function(e){for(var i=0;i<e.length;i++)for(var s=e[i].querySelectorAll(".e-resize"),n=0;n<s.length;n++)t.detach(s[n])},i.prototype.ensureDrag=function(){this.checkDragging(this.dragCollection);var e=this.element.querySelectorAll("."+Y);t.removeClass(e,[Y]),this.setClasses(this.panelCollection)},i.prototype.setClasses=function(e){for(var i=0;i<e.length;i++){var s=e[i],n=e[i].querySelector(".e-panel-container");this.allowDragging&&(this.draggableHandle&&s.querySelectorAll(this.draggableHandle)[0]?t.addClass([s.querySelectorAll(this.draggableHandle)[0]],[Y]):t.addClass([s],[Y])),this.allowResizing&&this.mediaQuery&&!this.checkMediaQuery()&&this.setResizingClass(s,n)}},i.prototype.setResizingClass=function(e,i){if(this.availableClasses=this.resizableHandles,!e.querySelector(".e-resize"))for(var s=0;s<this.availableClasses.length;s++){var n=this.createElement("span"),a=void 0;i.appendChild(n),a="e-east"===this.availableClasses[s]||"e-west"===this.availableClasses[s]||"e-north"===this.availableClasses[s]||"e-south"===this.availableClasses[s]?"e-single":"e-double",t.addClass([n],[a,this.availableClasses[s],"e-resize","e-dl-icon"])}},i.prototype.setXYAttributes=function(e,i){var s={value:{sizeX:i.sizeX.toString(),sizeY:i.sizeY.toString(),minSizeX:i.minSizeX.toString(),minSizeY:i.minSizeY.toString(),maxSizeX:t.isNullOrUndefined(i.maxSizeX)?void 0:i.maxSizeX.toString(),maxSizeY:t.isNullOrUndefined(i.maxSizeY)?void 0:i.maxSizeY.toString(),row:i.row.toString(),col:i.col.toString()}};this.setAttributes(s,e)},i.prototype.setXYDimensions=function(e){var i,s,n=this.getCellSize()[1],a=this.getCellSize()[0];return i=e&&"number"==typeof a&&"number"==typeof e.sizeX&&e.sizeX>1?e.sizeX*a+(e.sizeX-1)*this.cellSpacing[0]:a,s=e&&"number"==typeof n&&e.sizeY>1&&"number"==typeof e.sizeY?e.sizeY*n+(e.sizeY-1)*this.cellSpacing[1]:t.formatUnit(n),[s,i]},i.prototype.getRowColumnDragValues=function(e){var t=parseFloat(e.element.style.top),i=parseFloat(e.element.style.left);return[Math.round(t/(this.getCellSize()[1]+this.cellSpacing[1])),Math.round(i/(this.getCellSize()[0]+ +this.cellSpacing[0]))]},i.prototype.checkForChanges=function(e,i,s){var n=[];if(this.removeAllCalled)n=[];else for(var a=0;a<this.panels.length;a++)!t.isNullOrUndefined(i)&&this.panels[a].id===i[0].id||!t.isNullOrUndefined(s)&&this.panels[a].id===s[0].id||this.panels[a].row===this.panelsInitialModel[a].row&&this.panels[a].col===this.panelsInitialModel[a].col||n.push(this.panels[a]);if(n.length>0||this.removeAllCalled){var l={changedPanels:n,isInteracted:e,addedPanels:t.isNullOrUndefined(i)?[]:i,removedPanels:t.isNullOrUndefined(s)?[]:s};this.trigger("change",l)}},i.prototype.enableDraggingContent=function(e){for(var i,s=this,n=function(n){var l=[".e-resize",".e-drag-restrict"],r=e[n];a.dragobj=new t.Draggable(r,{preventDefault:!1,clone:!1,dragArea:a.element,isDragScroll:!0,handle:a.draggableHandle?a.draggableHandle:".e-panel",abort:l,dragStart:a.onDraggingStart.bind(a),dragStop:function(e){if(s.trigger("dragStop",e),t.isNullOrUndefined(e.cancel)&&(e.cancel=!1),e.cancel){var i=s.getCellInstance(s.mainElement.id);for(n=0;n<s.panels.length;n++)s.panels[n].id===i.id&&(e.element.setAttribute("data-col",s.panelsInitialModel[n].col.toString()),e.element.setAttribute("data-row",s.panelsInitialModel[n].row.toString()),i.col=s.panelsInitialModel[n].col,i.row=s.panelsInitialModel[n].row,s.setPanelPosition(s.mainElement,s.panelsInitialModel[n].row,s.panelsInitialModel[n].col),s.updatePanelLayout(s.mainElement,i));s.shadowEle&&t.detach(s.shadowEle)}else{var a=s.getCellInstance(s.mainElement.id);s.allowPushing&&s.collisions(a.row,a.col,a.sizeX,a.sizeY,s.mainElement).length>0?(s.setHolderPosition(e),s.setPanelPosition(s.mainElement,a.row,a.col),s.updatePanelLayout(s.mainElement,a)):s.setPanelPosition(s.mainElement,a.row,a.col),s.mainElement=null;var l=s.getPanelBase(e);s.shadowEle&&t.detach(s.shadowEle),t.removeClass([s.element],[T]),t.removeClass([e.element],[N]),s.shadowEle=null,e.element.classList.remove("e-dragging");var r=s.getRowColumnDragValues(e)[0],o=s.getRowColumnDragValues(e)[1],h=s.getCellInstance(e.element.id);s.allowPushing&&0===s.collisions(r,o,h.sizeX,h.sizeY,document.getElementById(l.id)).length?(s.panelPropertyChange(s.getCellInstance(e.element.id),{row:r,col:o}),s.oldRowCol[e.element.id].row=r,s.oldRowCol[e.element.id].col=o,s.setAttributes({value:{col:o.toString(),row:r.toString()}},e.element),s.sortedPanel()):(s.panelPropertyChange(s.getCellInstance(e.element.id),{row:s.oldRowCol[e.element.id].row,col:s.oldRowCol[e.element.id].col}),e.element.setAttribute("data-col",s.getCellInstance(e.element.id).col.toString()),e.element.setAttribute("data-row",s.getCellInstance(e.element.id).row.toString()),s.sortedPanel());var p=s.getCellInstance(e.element.id);s.setPanelPosition(e.element,p.row,p.col),s.updatePanels(),s.updateCloneArrayObject(),s.checkForChanges(!0),s.dragStopEventArgs={event:e.event,element:e.element},s.resizeEvents(),s.rows=s.maxRow(!0),s.setHeightWidth(),s.updateDragArea()}},drag:function(e){s.draggedEventArgs={event:e.event,element:e.element,target:t.closest(e.target,".e-panel")},s.trigger("drag",s.draggedEventArgs),s.onDragStart(e)}}),-1===a.dragCollection.indexOf(a.dragobj)&&a.dragCollection.push(a.dragobj),i=n},a=this,l=0;l<e.length;l++)n(l),l=i},i.prototype.updatePanels=function(){this.moveItemsUpwards(),this.updateOldRowColumn(),this.sortedPanel()},i.prototype.updateDragArea=function(){this.dragCollection.forEach(function(e){e.setDragArea()})},i.prototype.updateRowsHeight=function(e,t,i){e+t>=this.rows&&(this.rows=this.rows+i,this.setHeightWidth())},i.prototype.onDraggingStart=function(e){var i=e;if(this.trigger("dragStart",i,function(i){t.isNullOrUndefined(e.cancel)&&(e.cancel=!1)}),this.eventVar=e.cancel,e.cancel)t.removeClass([this.element],[T]),t.removeClass([e.element],[N]);else{this.panelsInitialModel=this.cloneModels(this.panels),this.mainElement=e.element,this.cloneObject=JSON.parse(JSON.stringify(this.cloneObject));var s=this.startRow=parseInt(e.element.getAttribute("data-row"),10);this.startCol=parseInt(e.element.getAttribute("data-col"),10);var n=parseInt(e.element.getAttribute("data-sizeY"),10);this.updateRowsHeight(s,n,n),this.updateDragArea(),this.shadowEle=document.createElement("div"),this.shadowEle.classList.add("e-holder"),this.shadowEle.classList.add("e-holder-transition"),t.setStyleAttribute(this.shadowEle,{position:"absolute"}),t.addClass([this.element],[T]),t.addClass([e.element],[N]),this.element.appendChild(this.shadowEle),this.renderReactTemplates(),this.shadowEle=document.querySelector(".e-holder"),this.shadowEle.style.height=this.getCellInstance(e.element.id).sizeY*this.cellSize[1]+"px",this.shadowEle.style.width=this.getCellInstance(e.element.id).sizeX*this.cellSize[0]+"px";var a=this.getCellInstance(e.element.id);this.setPanelPosition(this.shadowEle,a.row,a.col)}},i.prototype.cloneModels=function(e,t){void 0===t&&(t=[]);for(var i=0;i<e.length;i++){t[i]||(t[i]={});for(var s in e[i])t[i][""+s]=e[i][""+s]}return t},i.prototype.onDragStart=function(e){var i,s,n;if(this.eventVar)this.dragobj.intDestroy(e.event),t.removeClass([this.element],[T]),t.removeClass([e.element],[N]);else{var a=n=this.getRowColumnDragValues(e)[1],l=this.getRowColumnDragValues(e)[0];if(a<0||l<0)return;this.panelPropertyChange(this.getCellInstance(e.element.id),{row:l,col:a});var r=this.getCellInstance(e.element.id);if(this.updateRowsHeight(r.row,r.sizeY,1),this.updateDragArea(),this.allowPushing&&(this.setAttributes({value:{col:a.toString(),row:l.toString()}},e.element),this.panelPropertyChange(this.getCellInstance(e.element.id),{row:l,col:a}),i=this.oldRowCol[e.element.id].col,s=this.oldRowCol[e.element.id].row,this.oldRowCol[e.element.id]={row:l,col:a},this.updateOldRowColumn(),(this.startCol!==i||this.startRow!==s)&&(this.setHolderPosition(e),this.startCol!==i&&(this.startRow=s),this.startRow!==s&&(this.startCol=i),this.allowPushing))){this.mainElement=e.element;var o=r;this.checkCollision=this.collisions(o.row,o.col,o.sizeX,o.sizeY,e.element),r.col>=this.checkColumnValue&&(this.checkCollision=[]),this.updatePanelLayout(e.element,r),this.moveItemsUpwards()}if(!1!==this.allowPushing&&this.panelPropertyChange(this.getCellInstance(e.element.id),{row:l,col:a}),this.oldRowCol[e.element.id].row===l&&this.oldRowCol[e.element.id].col===a||(this.panelPropertyChange(this.getCellInstance(e.element.id),{row:l,col:a}),this.setAttributes({value:{col:a.toString(),row:l.toString()}},e.element)),this.startCol!==n&&(this.startCol=i,this.moveItemsUpwards()),this.allowPushing||this.setHolderPosition(e),this.removeResizeClasses(this.panelCollection),this.setClasses(this.panelCollection),!1===this.allowPushing)return}},i.prototype.getPanelBase=function(e){for(var t,i=0;i<this.panelCollection.length;i++)this.panelCollection[i].id===(e.element&&e.element.id||e)&&(t=this.panelCollection[i]);return t},i.prototype.getPanel=function(e,t,i){!i||i instanceof Array||(i=[i]);for(var s=1;e>-1;){for(var n=1,a=t;a>-1;){var l=this.sortedArray[e];if(l){var r=l[a];if(r&&(!i||-1===i.indexOf(r))&&parseInt(r.getAttribute("data-sizeX"),10)>=n&&parseInt(r.getAttribute("data-sizeY"),10)>=s)return r}++n,--a}--e,++s}return null},i.prototype.setHolderPosition=function(e){var t=parseInt(e.element.getAttribute("data-sizeY"),10),i=parseInt(e.element.getAttribute("data-col"),10),s=parseInt(e.element.getAttribute("data-row"),10),n=parseInt(e.element.getAttribute("data-sizeX"),10),a=this.getCellSize()[0],l=this.getCellSize()[1],r=0===s?0:s*(l+this.cellSpacing[1]),o=0===i?0:i*(a+this.cellSpacing[0]),h=this.getCellSize()[1],p=this.getCellSize()[0];this.elementRef.top=this.shadowEle.style.top=r+"px",this.elementRef.left=this.shadowEle.style.left=o+"px",this.elementRef.height=this.shadowEle.style.height=t*h+(t-1)*this.cellSpacing[1]+"px",this.elementRef.width=this.shadowEle.style.width=n*p+(n-1)*this.cellSpacing[0]+"px"},i.prototype.getCellInstance=function(e){for(var t,i=0;i<this.panels.length;i++)this.panels[i].id===e&&(t=this.panels[i]);return t},i.prototype.addPanel=function(e){this.panelsSizeY=0,this.maxCol(),e.minSizeX||(e.minSizeX=1),e.minSizeY||(e.minSizeY=1),e.id||(e.id="layout_"+this.panelID.toString(),this.panelID=this.panelID+1);var i=new V(this,"panels",e,!0);this.panels.push(i),this.panelsInitialModel=this.cloneModels(this.panels),this.setMinMaxValues(i),(this.maxColumnValue<i.col||this.maxColumnValue<i.col+i.sizeX)&&this.panelPropertyChange(i,{col:this.maxColumnValue-i.sizeX});var s=this.renderCell(i,!0,null);if(this.oldRowCol[i.id]={row:i.row,col:i.col},this.cloneObject[i.id]={row:i.row,col:i.col},this.updateOldRowColumn(),this.element.insertAdjacentElement("afterbegin",s),this.addPanelCalled=!0,this.checkMediaQuery()?(this.checkMediaQuerySizing(),this.removeResizeClasses(this.panelCollection)):(this.mainElement=s,this.checkCollision||(this.checkCollision=[]),this.setPanelPosition(s,i.row,i.col),this.updatePanelLayout(s,i)),this.addPanelCalled=!1,this.allowDragging&&this.mediaQuery&&!this.checkMediaQuery()&&this.enableDraggingContent([document.getElementById(i.id)]),this.setClasses([s]),this.allowFloating&&(this.mainElement=null,this.moveItemsUpwards()),this.updateOldRowColumn(),this.sortedPanel(),this.updateCloneArrayObject(),this.allowResizing)for(var n=0;n<s.querySelectorAll(".e-resize").length;n++){var a="msie"===t.Browser.info.name?"mousedown pointerdown":"mousedown";t.EventHandler.add(s.querySelectorAll(".e-resize")[n],a,this.downResizeHandler,this),"msie"!==t.Browser.info.name&&t.EventHandler.add(s.querySelectorAll(".e-resize")[n],"touchstart",this.touchDownResizeHandler,this)}this.checkForChanges(!1,[i])},i.prototype.updatePanel=function(e){if(this.panelsSizeY=0,e.id){var i=this.getCellInstance(e.id);if(i){this.maxCol(),e.col=e.col<1?0:e.col>this.columns?this.columns-1:e.col,t.isNullOrUndefined(e.col)&&(e.col=i.col),this.panelPropertyChange(i,e),this.setMinMaxValues(i);var s=document.getElementById(e.id);this.mainElement=s;var n=i.cssClass?i.cssClass.split(" "):null;if(this.panelContent=s.querySelector(".e-panel-container")?s.querySelector(".e-panel-container"):this.createSubElement(n,s.id+"_content",D),s.appendChild(this.panelContent),i.header){var a=s.querySelector(".e-panel-header")?s.querySelector(".e-panel-header"):this.createSubElement([],s.id+"template","");t.addClass([a],[j]),a.innerHTML="";var l=this.element.id+"HeaderTemplate"+i.id;this.renderTemplate(i.header,a,l,!0,"header"),this.panelContent.appendChild(a),this.renderReactTemplates()}else s.querySelector(".e-panel-header")&&t.detach(s.querySelector(".e-panel-header"));if(i.content){var r=i.cssClass?i.cssClass.split(" "):null;this.panelBody=s.querySelector(".e-panel-content")?s.querySelector(".e-panel-content"):this.createSubElement(r,s.id+"_body",U),this.panelBody.innerHTML="";var o="calc( 100% - "+(this.panelContent.querySelector(".e-panel-header")?window.getComputedStyle(this.panelContent.querySelector(".e-panel-header")).height:"0px")+")";t.setStyleAttribute(this.panelBody,{height:o});l=this.element.id+"ContentTemplate"+i.id;this.renderTemplate(i.content,this.panelBody,l,!0,"content"),this.panelContent.appendChild(this.panelBody),this.renderReactTemplates()}else s.querySelector(".e-panel-content")&&t.detach(s.querySelector(".e-panel-content"));this.setXYAttributes(s,i),this.setHeightAndWidth(s,i),this.setPanelPosition(s,i.row,i.col),this.updatePanelLayout(s,i),this.checkMediaQuery()&&this.checkMediaQuerySizing(),this.mainElement=null,this.updatePanels(),this.updateCloneArrayObject()}}},i.prototype.updateCloneArrayObject=function(){this.cloneArray=this.sortedArray,this.cloneObject=JSON.parse(JSON.stringify(this.oldRowCol))},i.prototype.serialize=function(){for(var e=this.cloneModels(this.panels),t=[],i=0;i<e.length;i++)t.push({id:e[i].id,row:e[i].row,col:e[i].col,sizeX:e[i].sizeX,sizeY:e[i].sizeY,minSizeX:e[i].minSizeX,minSizeY:e[i].minSizeY,maxSizeX:e[i].maxSizeX,maxSizeY:e[i].maxSizeY});return t},i.prototype.removeAll=function(){this.removeAllCalled=!0;for(var e=0;e<this.panelCollection.length;e++)t.detach(this.panelCollection[e]),this.clearTemplate();this.removeAllPanel(),this.rows=0,this.gridPanelCollection=[],this.setHeightWidth(),this.sortedPanel(),this.sortedArray=[],this.overlapElementClone=[],this.overlapElement=[],this.overlapSubElementClone=[],this.panelCollection=[],this.oldRowCol={},this.cloneObject={};var i=this.cloneModels(this.panels);this.setProperties({panels:[]},!0),this.updatePanels(),this.updateCloneArrayObject(),this.checkForChanges(!1,null,i),this.removeAllCalled=!1},i.prototype.removePanel=function(e){var i=this;this.panelsSizeY=0,this.panelsInitialModel=this.cloneModels(this.panels);for(var s,n=0;n<this.panelCollection.length;n++)this.panelCollection[n].id===e&&(t.detach(this.panelCollection[n]),this.panelCollection.splice(n,1)),this.panels[n].id===e&&(s=this.panels[n],this.panels.splice(n,1),this.panelsInitialModel.splice(n,1),this.updateOldRowColumn(),this.sortedPanel());this.updatePanels(),this.checkMediaQuery()&&(this.isPanelRemoved=!0,this.checkMediaQuerySizing(),this.isPanelRemoved=!1),this.gridPanelCollection.forEach(function(t){t.id===e&&i.gridPanelCollection.splice(i.gridPanelCollection.indexOf(t),1)}),this.updateCloneArrayObject(),this.checkForChanges(!1,null,[s])},i.prototype.movePanel=function(e,t,i){this.movePanelCalled=!0,this.panelsInitialModel=this.cloneModels(this.panels);var s=this.getCellInstance(e);if(!isNaN(t)&&null!==t&&!isNaN(i)&&null!==i&&s){i<0?i=0:i>this.columns&&(i=this.columns-s.sizeX),this.panelPropertyChange(s,{row:t,col:i});var n=document.getElementById(e);this.mainElement=n,this.startRow=parseInt(n.getAttribute("data-row"),10),this.startCol=parseInt(n.getAttribute("data-col"),10),this.setAttributes({value:{col:i.toString(),row:t.toString()}},n),this.updateOldRowColumn(),this.setPanelPosition(n,t,i),this.updatePanelLayout(n,s),this.updateRowHeight(),this.updatePanels(),this.updateCloneArrayObject(),this.mainElement=null,this.allowFloating&&this.moveItemsUpwards(),this.movePanelCalled=!1,this.checkForChanges(!1)}},i.prototype.setAttributes=function(e,t){for(var i=0;i<Object.keys(e).length;i++)Object.keys(e)&&(e[Object.keys(e)[i]].col&&t.setAttribute("data-col",e[Object.keys(e)[i]].col.toString()),e[Object.keys(e)[i]].row&&t.setAttribute("data-row",e[Object.keys(e)[i]].row.toString()),e[Object.keys(e)[i]].sizeX&&t.setAttribute("data-sizeX",e[Object.keys(e)[i]].sizeX.toString()),e[Object.keys(e)[i]].sizeY&&t.setAttribute("data-sizeY",e[Object.keys(e)[i]].sizeY.toString()),e[Object.keys(e)[i]].minSizeX&&t.setAttribute("data-minSizeX",e[Object.keys(e)[i]].minSizeX.toString()),e[Object.keys(e)[i]].minSizeY&&t.setAttribute("data-minSizeY",e[Object.keys(e)[i]].minSizeY.toString()),e[Object.keys(e)[i]].maxSizeX&&t.setAttribute("data-maxSizeY",e[Object.keys(e)[i]].maxSizeX.toString()),e[Object.keys(e)[i]].maxSizeY&&t.setAttribute("data-maxSizeY",e[Object.keys(e)[i]].maxSizeY.toString()))},i.prototype.resizePanel=function(e,t,i){this.panelsInitialModel=this.cloneModels(this.panels);var s=this.getCellInstance(e);this.resizeCalled=!0;var n=document.getElementById(e),a={event:null,element:n,isInteracted:!1};this.trigger("resizeStart",a),this.panelPropertyChange(s,{sizeX:t,sizeY:i}),this.setMinMaxValues(s),this.checkMinMaxValues(s),this.mainElement=n,this.setAttributes({value:{sizeX:s.sizeX.toString(),sizeY:s.sizeY.toString()}},n),this.setHeightAndWidth(n,s),this.updatePanelLayout(n,s),this.updatePanels(),this.updateRowHeight(),this.resizeCalled=!1,this.trigger("resizeStop",a),this.checkForChanges(!1)},i.prototype.destroy=function(){t.EventHandler.remove(window,"resize",this.refreshListener),t.removeClass([this.element],["e-dashboardlayout","e-lib","e-responsive","e-control"]),this.element.removeAttribute("style");for(var i=0;i<this.dragCollection.length;i++)this.dragCollection[i].destroy();this.removeAllPanel(),this.panelCollection=null,this.checkCollision=null,this.mainElement=null,this.dragobj=null,this.dragStartArgs=null,this.dragStopEventArgs=null,this.draggedEventArgs=null,this.sortedArray=null,this.cloneArray=null,this.overlapElement=null,this.overlapElementClone=null,this.dragCollection=[],this.allItems=null,this.moveTarget=null,this.upTarget=null,this.downTarget=null,this.checkingElement=null,this.panelHeaderElement=null,this.panelContent=null,this.panelBody=null,this.table=null,e.prototype.destroy.call(this),this.clearTemplate(),this.renderReactTemplates()},i.prototype.removeAllPanel=function(){for(;this.element.firstElementChild;)t.detach(this.element.firstElementChild),this.clearTemplate()},i.prototype.setEnableRtl=function(){!0===this.enableRtl?t.addClass([this.element],"e-rtl"):t.removeClass([this.element],"e-rtl")},i.prototype.updateCellSizeAndSpacing=function(){this.panelResponsiveUpdate(),this.setHeightWidth(),this.getRowColumn();for(var e=0;e<this.element.querySelectorAll(".e-panel").length;e++){var t=this.element.querySelectorAll(".e-panel")[e],i=this.getCellInstance(t.id);this.setHeightAndWidth(t,i),this.setPanelPosition(t,i.row,i.col)}},i.prototype.updatePanelsDynamically=function(e){this.removeAll(),this.setProperties({panels:e},!0),this.setOldRowCol(),this.table&&this.table.remove(),this.initialize(),this.checkMediaQuery()&&this.refresh(),this.showGridLines&&this.initGridLines()},i.prototype.checkForIDValues=function(e){var i=this;!t.isNullOrUndefined(e)&&e.length>0?(this.panelID=0,e.forEach(function(e){e.id||(i.panelPropertyChange(e,{id:"layout_"+i.panelID.toString()}),i.panelID=i.panelID+1)})):this.restrictDynamicUpdate=!0},i.prototype.onPropertyChanged=function(e,i){var s=this;e.panels&&e.panels.length>0&&e.panels[0]instanceof V&&this.checkForIDValues(e.panels);for(var n=0,a=Object.keys(e);n<a.length;n++){switch(a[n]){case"enableRtl":this.setProperties({enableRtl:e.enableRtl},!0),this.setEnableRtl();break;case"mediaQuery":this.setProperties({mediaQuery:e.mediaQuery},!0),this.checkMediaQuery()&&this.checkMediaQuerySizing();break;case"allowDragging":this.setProperties({allowDragging:e.allowDragging},!0),this.ensureDrag();break;case"allowResizing":if(this.setProperties({allowResizing:e.allowResizing},!0),this.allowResizing)this.setClasses(this.panelCollection),this.resizeEvents();else{for(var l=this.element.querySelectorAll(".e-panel .e-panel-container .e-resize"),r=0;r<l.length;r++){var o="msie"===t.Browser.info.name?"mousedown pointerdown":"mousedown",h=l[r];t.EventHandler.remove(h,o,this.downResizeHandler),"msie"!==t.Browser.info.name&&t.EventHandler.remove(h,"touchstart",this.touchDownResizeHandler)}this.removeResizeClasses(this.panelCollection)}break;case"cellSpacing":this.setProperties({cellSpacing:e.cellSpacing},!0),this.updateCellSizeAndSpacing(),this.updateGridLines();break;case"draggableHandle":this.setProperties({draggableHandle:e.draggableHandle},!0),this.ensureDrag();break;case"allowFloating":this.setProperties({allowFloating:e.allowFloating},!0),this.moveItemsUpwards();break;case"showGridLines":this.showGridLines?(this.setProperties({showGridLines:e.showGridLines},!0),this.initGridLines()):this.table&&t.detach(this.table);break;case"allowPushing":this.setProperties({allowPushing:e.allowPushing},!0);break;case"panels":!e.columns&&!this.restrictDynamicUpdate&&e.panels[0]&&e.panels.length>0?(this.isRenderComplete=!1,this.updatePanelsDynamically(e.panels),this.isRenderComplete=!0):e.panels[0]&&e.panels.length?this.restrictDynamicUpdate=!1:(this.isRenderComplete=!1,this.updatePanelsDynamically(this.panels),this.isRenderComplete=!0);break;case"columns":this.isRenderComplete=!1,e.panels&&this.updatePanelsDynamically(e.panels),this.setProperties({columns:e.columns},!0),this.panelCollection=[],this.maxColumnValue=this.columns,this.calculateCellSize(),this.panels.forEach(function(e){if(s.setMinMaxValues(e),s.maxColumnValue<e.col||s.maxColumnValue<e.col+e.sizeX){var t=s.maxColumnValue-e.sizeX;s.panelPropertyChange(e,{col:t<0?0:t}),s.setXYAttributes(document.getElementById(e.id),e)}s.setHeightAndWidth(document.getElementById(e.id),e),s.panelCollection.push(document.getElementById(e.id)),s.setPanelPosition(document.getElementById(e.id),e.row,e.col),s.mainElement=document.getElementById(e.id),s.updatePanelLayout(document.getElementById(e.id),e),s.mainElement=null}),this.updatePanels(),this.updateCloneArrayObject(),this.isRenderComplete=!0,this.updateGridLines()}}},i.prototype.getPersistData=function(){return this.addOnPersist(["panels"])},i.prototype.mergePersistPanelData=function(e){var i=window.localStorage.getItem(this.getModuleName()+this.element.id);if(!t.isNullOrUndefined(i)&&""!==i||!t.isNullOrUndefined(e)){var s=t.isNullOrUndefined(e)?JSON.parse(i):e,n=Object.keys(s);this.isProtectedOnChange=!0;for(var a=0,l=n;a<l.length;a++){var r=l[a];"object"!=typeof t.getValue(r,this)||t.isNullOrUndefined(t.getValue(r,this))||Array.isArray(t.getValue(r,this))&&"panels"===r&&(this.mergePanels(s[r],this[r]),this[r]=s[r])}this.isProtectedOnChange=!1}},i.prototype.mergePanels=function(e,i){for(var s=e,n=function(e){a.checkForIDValues(i);var n=i.filter(function(t){return t.id===s[e].id})[0];t.isNullOrUndefined(n)||(s[e]=t.extend(n,s[e],{},!0))},a=this,l=0;l<s.length;l++)n(l)},i.prototype.getModuleName=function(){return"DashboardLayout"},k([t.Property(!0)],i.prototype,"allowDragging",void 0),k([t.Property(!1)],i.prototype,"allowResizing",void 0),k([t.Property(!0)],i.prototype,"allowPushing",void 0),k([t.Property(!0)],i.prototype,"enableHtmlSanitizer",void 0),k([t.Property(!0)],i.prototype,"allowFloating",void 0),k([t.Property(1)],i.prototype,"cellAspectRatio",void 0),k([t.Property([5,5])],i.prototype,"cellSpacing",void 0),k([t.Property(1)],i.prototype,"columns",void 0),k([t.Property(!1)],i.prototype,"showGridLines",void 0),k([t.Property(null)],i.prototype,"draggableHandle",void 0),k([t.Property("en-US")],i.prototype,"locale",void 0),k([t.Property("max-width: 600px")],i.prototype,"mediaQuery",void 0),k([t.Collection([],V)],i.prototype,"panels",void 0),k([t.Property(["e-south-east"])],i.prototype,"resizableHandles",void 0),k([t.Event()],i.prototype,"change",void 0),k([t.Event()],i.prototype,"dragStart",void 0),k([t.Event()],i.prototype,"drag",void 0),k([t.Event()],i.prototype,"dragStop",void 0),k([t.Event()],i.prototype,"resizeStart",void 0),k([t.Event()],i.prototype,"resize",void 0),k([t.Event()],i.prototype,"resizeStop",void 0),k([t.Event()],i.prototype,"created",void 0),k([t.Event()],i.prototype,"destroyed",void 0),i=k([t.NotifyPropertyChanges],i)}(t.Component),F=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),Q=function(e,t,i,s){var n,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(l=(a<3?n(l):a>3?n(t,i,l):n(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l},_="e-timeline-reverse",G="e-item-template";!function(e){e.Horizontal="Horizontal",e.Vertical="Vertical"}(e.TimelineOrientation||(e.TimelineOrientation={})),function(e){e.Before="Before",e.After="After",e.Alternate="Alternate",e.AlternateReverse="AlternateReverse"}(e.TimelineAlign||(e.TimelineAlign={}));var J=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return F(i,e),Q([t.Property("")],i.prototype,"dotCss",void 0),Q([t.Property("")],i.prototype,"content",void 0),Q([t.Property("")],i.prototype,"oppositeContent",void 0),Q([t.Property(!1)],i.prototype,"disabled",void 0),Q([t.Property("")],i.prototype,"cssClass",void 0),i}(t.ChildProperty),K=function(i){function s(e,t){return i.call(this,e,t)||this}return F(s,i),s.prototype.preRender=function(){this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.getModuleName=function(){return"timeline"},s.prototype.getPersistData=function(){return this.addOnPersist([])},s.prototype.render=function(){t.attributes(this.element,{role:"navigation","aria-label":this.element.id}),this.timelineListEle=this.createElement("ol",{className:"e-timeline-items"}),this.updateOrientation(),this.updateCssClass(this.cssClass),this.updateAlign(),this.updateReverse(),this.updateRtl(),this.updateTemplateFunction(),this.renderItems(),this.element.appendChild(this.timelineListEle)},s.prototype.updateOrientation=function(){var e=this.orientation.toLowerCase();"horizontal"!==e&&"vertical"!==e||(this.element.classList.remove("e-horizontal","e-vertical"),this.element.classList.add("e-"+e))},s.prototype.updateCssClass=function(e,t){void 0===t&&(t="");var i,s,n;t&&(n=t.trim().split(" "),(i=this.element.classList).remove.apply(i,n)),e&&(n=e.trim().split(" "),(s=this.element.classList).add.apply(s,n))},s.prototype.updateRtl=function(){this.element.classList[this.enableRtl?"add":"remove"]("e-rtl")},s.prototype.updateAlign=function(){var e=this.align.toLowerCase();"before"!==e&&"after"!==e&&"alternate"!==e&&"alternatereverse"!==e||(this.element.classList.remove("e-align-before","e-align-after","e-align-alternate","e-align-alternatereverse"),this.element.classList.add("e-align-"+e))},s.prototype.updateReverse=function(){this.element.classList[this.reverse?"add":"remove"](_)},s.prototype.renderItems=function(){for(var e,i=this,s=0;s<this.items.length;s++){var n=this.items[parseInt(s.toString(),10)],a=this.createElement("li",{className:"e-timeline-item e-connector"});if(this.template)this.renderItemContent(s,!1,a);else{var l=this.createElement("div",{className:"e-opposite-content"});if(n.oppositeContent){var r=this.getTemplateFunction(n.oppositeContent);"string"==typeof r?l.innerText=r:t.append(r({item:n,itemIndex:s}),l)}a.appendChild(l);var o=this.createElement("div",{className:"e-dot-item"}),h=n.dotCss?"e-dot "+n.dotCss.trim():"e-dot",p=this.createElement("div",{className:h});o.appendChild(p),a.appendChild(o);var d=this.createElement("div",{className:"e-content"});if(n.content){var c=this.getTemplateFunction(n.content);"string"==typeof c?d.innerText=c:t.append(c({item:n,itemIndex:s}),d)}a.appendChild(d),n.cssClass&&(e=a.classList).add.apply(e,n.cssClass.trim().split(" ")),n.disabled&&a.classList.add("e-item-disabled")}var u={element:a,index:s};this.trigger("beforeItemRender",u,function(e){i.timelineListEle.appendChild(e.element)})}},s.prototype.updateTemplateFunction=function(){this.templateFunction=this.template?this.getTemplateFunction(this.template,!1):null},s.prototype.renderItemContent=function(e,i,s){var n=this.timelineListEle.querySelectorAll("li");if(i&&this.removeItemContent(n[parseInt(e.toString(),10)]),this.template){i?n[parseInt(e.toString(),10)].classList.add(G):s.classList.add(G);var a=this.items[parseInt(e.toString(),10)];t.append(this.templateFunction({item:a,itemIndex:e},this,"timelineTemplate",this.element.id+"_timelineTemplate",this.isStringTemplate),i?n[parseInt(e.toString(),10)]:s)}this.renderReactTemplates()},s.prototype.removeItemContent=function(e){e.classList.remove(G);for(var t=e.firstElementChild,i=0;i<e.childElementCount;i++)t.remove()},s.prototype.getTemplateFunction=function(e,i){if(void 0===i&&(i=!0),"string"==typeof e){var s="";try{var n=t.select(e);n?(s="SCRIPT"===n.tagName?n.innerHTML:n.outerHTML,i=!1):s=e}catch(t){s=e}return i?s:t.compile(s)}return t.compile(e)},s.prototype.removeItemElements=function(){for(var e=this.timelineListEle.querySelectorAll("li"),i=0;i<e.length;i++)t.remove(e[parseInt(i.toString(),10)])},s.prototype.updateElementClassArray=function(){var e=["e-rtl","e-align-before","e-align-after","e-outline","e-fill","e-align-alternate","e-align-alternatereverse",_,"e-horizontal","e-vertical"];t.removeClass([this.element],e)},s.prototype.updateContent=function(){this.isReact&&this.clearTemplate(["timelineTemplate"]);for(var e=0;e<this.items.length;e++)this.renderItemContent(e,!0)},s.prototype.destroy=function(){i.prototype.destroy.call(this),this.removeItemElements(),this.element.removeAttribute("role"),this.element.removeAttribute("aria-label"),this.clearTemplate(),this.timelineListEle&&t.remove(this.timelineListEle),this.timelineListEle=null,this.updateElementClassArray()},s.prototype.onPropertyChanged=function(e,t){for(var i=0,s=Object.keys(e);i<s.length;i++){switch(s[i]){case"items":this.removeItemElements(),this.renderItems();break;case"orientation":this.updateOrientation();break;case"align":this.updateAlign();break;case"enableRtl":this.updateRtl();break;case"cssClass":this.updateCssClass(e.cssClass,t.cssClass);break;case"reverse":this.element.classList[this.reverse?"add":"remove"](_);break;case"template":this.updateTemplateFunction(),this.updateContent()}}},Q([t.Property(e.TimelineOrientation.Vertical)],s.prototype,"orientation",void 0),Q([t.Property(e.TimelineAlign.After)],s.prototype,"align",void 0),Q([t.Collection([],J)],s.prototype,"items",void 0),Q([t.Property("")],s.prototype,"cssClass",void 0),Q([t.Property(!1)],s.prototype,"reverse",void 0),Q([t.Property("")],s.prototype,"template",void 0),Q([t.Event()],s.prototype,"created",void 0),Q([t.Event()],s.prototype,"beforeItemRender",void 0),s=Q([t.NotifyPropertyChanges],s)}(t.Component);e.PaneProperties=M,e.Splitter=L,e.Panel=V,e.DashboardLayout=q,e.TimelineItem=J,e.Timeline=K,Object.defineProperty(e,"__esModule",{value:!0})});
|
10
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Base)}(this,function(e,v){"use strict";W=function(e,t){return(W=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])}))(e,t)};var W,t,T=function(e,t){function i(){this.constructor=e}W(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},i=function(e,t,i,s){var n,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;0<=r;r--)(n=e[r])&&(l=(a<3?n(l):3<a?n(t,i,l):n(t,i))||l);return 3<a&&l&&Object.defineProperty(t,i,l),l},m="e-splitter",N="e-splitter-horizontal",Y="e-splitter-vertical",h="e-pane",a="e-pane-horizontal",l="e-pane-vertical",r="e-split-bar",X="e-split-bar-horizontal",U="e-split-bar-vertical",y="e-static-pane",o="e-scrollable",p="e-resize-handler",D="e-resizable-split-bar",n="e-split-bar-hover",d="e-split-bar-active",c="e-hide-handler",j="e-disabled",V="e-rtl",q="e-collapsible",u="e-navigate-arrow",g="e-arrow-right",f="e-arrow-left",P="e-arrow-up",C="e-arrow-down",S="e-icon-hidden",x="e-expanded",b="e-collapsed",F="e-pane-hidden",w="e-resizable",Q="e-last-bar",_=(t=v.ChildProperty,T(s,t),i([v.Property()],s.prototype,"size",void 0),i([v.Property(!1)],s.prototype,"collapsible",void 0),i([v.Property(!1)],s.prototype,"collapsed",void 0),i([v.Property(!0)],s.prototype,"resizable",void 0),i([v.Property(null)],s.prototype,"min",void 0),i([v.Property(null)],s.prototype,"max",void 0),i([v.Property()],s.prototype,"content",void 0),i([v.Property("")],s.prototype,"cssClass",void 0),s);function s(){return null!==t&&t.apply(this,arguments)||this}G=v.Component,T(z,G),z.prototype.onPropertyChanged=function(t,e){if(this.element.classList.contains(m))for(var i=0,s=Object.keys(t);i<s.length;i++)switch(s[i]){case"height":this.setSplitterSize(this.element,t.height,"height");break;case"width":this.setSplitterSize(this.element,t.width,"width");break;case"cssClass":this.setCssClass(this.element,t.cssClass);break;case"enabled":this.isEnabled(this.enabled);break;case"enableReversePanes":this.setReversePane();break;case"separatorSize":this.setSeparatorSize(t.separatorSize);break;case"orientation":this.changeOrientation(t.orientation);break;case"paneSettings":if(t.paneSettings instanceof Array&&e.paneSettings instanceof Array)this.destroyPaneSettings(),this.allBars=[],this.allPanes=[],this.createSplitPane(this.element),this.addSeparator(this.element),this.getPanesDimensions(),this.setRTL(this.enableRtl),this.isCollapsed();else{var n=Object.keys(t.paneSettings),a=n.some(function(e){return!v.isNullOrUndefined(t.paneSettings[e].content)});if(this.isReact&&a){for(var l=0,r=0;r<this.paneSettings.length;r++)"function"==typeof this.paneSettings[r].content&&(l+=1);l===this.paneSettings.length&&this.clearTemplate()}for(var o=0;o<n.length;o++)for(var h=parseInt(Object.keys(t.paneSettings)[o],10),p=Object.keys(t.paneSettings[h]).length,d=0;d<p;d++){var c=Object.keys(t.paneSettings[h])[d];switch(c){case"content":var u=Object(t.paneSettings[h])[""+c];v.isNullOrUndefined(u)||(this.allPanes[h].innerHTML="",this.setTemplate(u,this.allPanes[h]));break;case"resizable":u=Object(t.paneSettings[h])[""+c];this.resizableModel(h,u);break;case"collapsible":this.collapsibleModelUpdate(h);break;case"collapsed":t.paneSettings[h].collapsed?this.isCollapsed(h):this.collapsedOnchange(h);break;case"cssClass":this.setCssClass(this.allPanes[h],t.paneSettings[h].cssClass);break;case"size":var g=Object(t.paneSettings[h])[""+c];""===g||v.isNullOrUndefined(g)||this.updatePaneSize(g,h)}}}break;case"enableRtl":this.setRTL(t.enableRtl)}},z.prototype.updatePaneSize=function(e,t){this.allPanes[t].style.flexBasis=e;for(var i=[],s=0,n=0;n<this.allPanes.length;n++)this.paneSettings[n].size||""===this.allPanes[n].innerText?this.paneSettings[n].size&&(a="Horizontal"===this.orientation?this.allPanes[t].offsetWidth:this.allPanes[t].offsetHeight):(i[s]=n,s++);for(var a="Horizontal"===this.orientation?this.allBars[0].offsetWidth*this.allBars.length+a:this.allBars[0].offsetHeight*this.allBars.length+a,l=(("Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight)-a-2*this.border)/i.length,r=0;r<i.length;r++)""!==this.allPanes[i[r]].style.flexBasis&&(this.allPanes[i[r]].style.flexBasis=l+"px");this.allPanes[t].classList.add(y)},z.prototype.initializeValues=function(){this.allPanes=[],this.paneOrder=[],this.separatorOrder=[],this.allBars=[],this.previousCoordinates={},this.currentCoordinates={},this.updatePrePaneInPercentage=!1,this.updateNextPaneInPercentage=!1,this.panesDimensions=[],this.border=0,this.validDataAttributes=["data-size","data-min","data-max","data-collapsible","data-resizable","data-content","data-collapsed"],this.validElementAttributes=["data-orientation","data-width","data-height"],this.iconsDelay=300,this.templateElement=[],this.collapseFlag=!1,this.expandFlag=!0},z.prototype.preRender=function(){this.initializeValues(),this.onReportWindowSize=this.reportWindowSize.bind(this),this.onMouseMoveHandler=this.onMouseMove.bind(this),this.onMouseUpHandler=this.onMouseUp.bind(this),this.onTouchMoveHandler=this.onMouseMove.bind(this),this.onTouchEndHandler=this.onMouseUp.bind(this),this.wrapper=this.element.cloneNode(!0),this.wrapperParent=this.element.parentElement,v.removeClass([this.wrapper],["e-control","e-lib",m]);var e="Horizontal"===this.orientation?N:Y,e=(v.addClass([this.element],e),v.Browser.info.name);this.setCssClass(this.element,"msie"===e?"e-ie":""),v.Browser.isDevice&&v.addClass([this.element],"e-splitter-touch")},z.prototype.getPersistData=function(){return this.addOnPersist(["paneSettings"])},z.prototype.getModuleName=function(){return"splitter"},z.prototype.render=function(){this.checkDataAttributes(),this.setCssClass(this.element,this.cssClass),this.isEnabled(this.enabled),this.setDimension(this.getHeight(this.element),this.getWidth(this.element)),this.createSplitPane(this.element),this.addSeparator(this.element),this.getPanesDimensions(),this.setPaneSettings(),this.setRTL(this.enableRtl),this.enableReversePanes&&this.setReversePane(),this.collapseFlag=!0,this.isCollapsed(),this.collapseFlag=!1,v.EventHandler.add(document,"touchstart click",this.onDocumentClick,this),this.renderComplete(),this.element.ownerDocument.defaultView.addEventListener("resize",this.onReportWindowSize,!0),v.EventHandler.add(this.element,"keydown",this.onMove,this)},z.prototype.onDocumentClick=function(e){e.target.classList.contains(r)||v.isNullOrUndefined(this.currentSeparator)||(this.currentSeparator.classList.remove(n),this.currentSeparator.classList.remove(d))},z.prototype.checkPaneSize=function(e){var t,i,s="Horizontal"===this.orientation?this.previousPane.offsetWidth:this.previousPane.offsetHeight,n="Horizontal"===this.orientation?this.nextPane.offsetWidth:this.nextPane.offsetHeight,a=v.isNullOrUndefined(this.separatorSize)?1:this.separatorSize;0<this.previousPane.style.flexBasis.indexOf("%")||0<this.previousPane.style.flexBasis.indexOf("p")||0<this.nextPane.style.flexBasis.indexOf("%")?(t=this.updatePaneFlexBasis(this.previousPane),i=this.updatePaneFlexBasis(this.nextPane),this.totalPercent=t+i,this.totalWidth=this.convertPercentageToPixel(this.totalPercent+"%"),"keydown"!==e.type||v.isNullOrUndefined(e.keyCode)||((39===e.keyCode||40===e.keyCode)&&0<n&&this.getMinInPixel(this.paneSettings[this.nextPaneIndex].min)<this.convertPercentageToPixel(i-1+"%")?(this.previousPane.style.flexBasis=t+1+"%",this.nextPane.style.flexBasis=i-1+"%"):(37===e.keyCode||38===e.keyCode)&&0<s&&this.getMinInPixel(this.paneSettings[this.prevPaneIndex].min)<this.convertPercentageToPixel(t-1+"%")&&(this.previousPane.style.flexBasis=t-1+"%",this.nextPane.style.flexBasis=i+1+"%"))):(this.totalWidth="Horizontal"===this.orientation?this.previousPane.offsetWidth+this.nextPane.offsetWidth:this.previousPane.offsetHeight+this.nextPane.offsetHeight,"keydown"!==e.type||v.isNullOrUndefined(e.keyCode)||((39===e.keyCode||40===e.keyCode)&&0<n&&this.getMinInPixel(this.paneSettings[this.nextPaneIndex].min)<n+a?(this.addStaticPaneClass(),this.previousPane.style.flexBasis=s+a+"px",this.nextPane.style.flexBasis=n<a?"0px":n-a+"px"):(37===e.keyCode||38===e.keyCode)&&0<s&&this.getMinInPixel(this.paneSettings[this.prevPaneIndex].min)<s-a&&(this.addStaticPaneClass(),this.previousPane.style.flexBasis=s<a?"0px":s-a+"px",this.nextPane.style.flexBasis=n+a+"px")))},z.prototype.onMove=function(e){var t,i,s,n;1<this.allPanes.length&&(t=this.getSeparatorIndex(this.currentSeparator),i=this.previousPane.classList.contains(b),s=this.previousPane.classList.contains(x),n=this.nextPane.classList.contains(b),("Horizontal"!==this.orientation&&38===e.keyCode||"Horizontal"===this.orientation&&39===e.keyCode||"Horizontal"===this.orientation&&37===e.keyCode||"Horizontal"!==this.orientation&&40===e.keyCode)&&(!s&&!n&&!i||s&&!n)&&document.activeElement.classList.contains(r)&&this.paneSettings[t].resizable&&this.paneSettings[t+1].resizable?(e.preventDefault(),this.checkPaneSize(e),this.triggerResizing(e)):13===e.keyCode&&this.paneSettings[t].collapsible&&document.activeElement.classList.contains(r)&&this.currentSeparator.classList.contains(d)&&(this.previousPane.classList.contains(b)?this.expand(t):this.collapse(t),v.addClass([this.currentSeparator],d)))},z.prototype.getMinInPixel=function(e){var t;return v.isNullOrUndefined(e)?0:(t=this.convertPixelToNumber(e.toString()),0<e.indexOf("%")&&(t=this.convertPercentageToPixel(e)),this.convertPixelToNumber(t.toString()))},z.prototype.sanitizeHelper=function(e){var t;return this.enableHtmlSanitizer&&(t=v.SanitizeHtmlHelper.beforeSanitize(),v.extend(t,t,{cancel:!1,helper:null}),this.trigger("beforeSanitizeHtml",t),t.cancel&&!v.isNullOrUndefined(t.helper)?e=t.helper(e):t.cancel||(e=v.SanitizeHtmlHelper.serializeValue(t,e))),e},z.prototype.checkDataAttributes=function(){for(var e,t=0;t<this.validElementAttributes.length;t++)a=this.element.getAttribute(this.validElementAttributes[t]),v.isNullOrUndefined(a)||(e=this.removeDataPrefix(this.validElementAttributes[t]),this[e]=a);for(var i=0;i<this.element.children.length;i++)for(var s=0;s<this.validDataAttributes.length;s++){var n,a=this.element.children[i].getAttribute(this.validDataAttributes[s]);!v.isNullOrUndefined(a)&&(a="collapsible"===(e=this.removeDataPrefix(this.validDataAttributes[s]))||"resizable"===e?"true"===a:a,v.isNullOrUndefined(this.paneSettings[i])&&(this.paneSettings[i]={size:"",min:null,max:null,content:"",resizable:!0,collapsible:!1,collapsed:!1}),n=this.paneSettings[i][e],"resizable"!==e&&"collapsible"!==e&&"collapsed"!==e||(this.paneSettings[i][e]=a),v.isNullOrUndefined(n)||""===n)&&(this.paneSettings[i][e]=a)}},z.prototype.destroyPaneSettings=function(){[].slice.call(this.element.children).forEach(function(e){v.detach(e)}),this.restoreElem()},z.prototype.setPaneSettings=function(){for(var e=this.allPanes.length,t=[],i={size:"",min:null,max:null,content:"",resizable:!0,collapsed:!1,collapsible:!1,cssClass:""},s=0;s<e;s++)v.isNullOrUndefined(this.paneSettings[s])?t[s]=i:t[s]=this.paneSettings[s];this.setProperties({paneSettings:t},!0)},z.prototype.checkArrow=function(e,t){return this.allBars[e].querySelector("."+u+"."+t)},z.prototype.removeDataPrefix=function(e){return e.slice(e.lastIndexOf("-")+1)},z.prototype.setRTL=function(e){e?v.addClass([this.element],V):v.removeClass([this.element],V)},z.prototype.setReversePane=function(){this.allPanes=this.allPanes.reverse(),this.allBars=this.allBars.reverse(),v.addClass([this.allBars[this.allBars.length-1]],Q),v.removeClass([this.allBars[0]],Q),this.setProperties({paneSettings:this.paneSettings.reverse()},!0),this.enableReversePanes?this.element.setAttribute("dir","rtl"):this.element.removeAttribute("dir")},z.prototype.setSplitterSize=function(e,t,i){i="width"===i?{width:v.formatUnit(t)}:{height:v.formatUnit(t)};v.setStyleAttribute(e,i)},z.prototype.getPanesDimensions=function(){for(var e=0;e<this.allPanes.length;e++)"Horizontal"===this.orientation?this.panesDimensions.push(this.allPanes[e].getBoundingClientRect().width):this.panesDimensions.push(this.allPanes[e].getBoundingClientRect().height)},z.prototype.setCssClass=function(e,t){t&&v.addClass([e],t.split(-1<t.indexOf(",")?",":" "))},z.prototype.hideResizer=function(e){v.addClass([v.select("."+p,e)],c)},z.prototype.showResizer=function(e){!v.isNullOrUndefined(this.previousPane)&&this.previousPane.classList.contains(w)&&!v.isNullOrUndefined(this.nextPane)&&this.nextPane.classList.contains(w)&&v.removeClass([v.select("."+p,e)],c)},z.prototype.resizableModel=function(e,t){var i=e===this.allBars.length?e-1:e,s=e;v.EventHandler.remove(this.allBars[i],"mousedown",this.onMouseDown),t?(v.EventHandler.add(this.allBars[i],"mousedown",this.onMouseDown,this),this.isResizable()&&(this.showResizer(this.allBars[i]),v.removeClass([v.select("."+p,this.allBars[i])],c),this.allBars[i].classList.add(D),(e===this.allBars.length?this.allPanes[e]:this.allPanes[i]).classList.add(w),this.updateResizablePanes(s))):(this.updateResizablePanes(s),this.hideResizer(this.allBars[i]),this.allBars[i].classList.remove(D),(e===this.allBars.length?this.allPanes[e]:this.allPanes[i]).classList.remove(w))},z.prototype.collapsibleModelUpdate=function(e){var t=e===this.allBars.length?e-1:e,i="Horizontal"===this.orientation?this.checkArrow(t,f):this.checkArrow(t,P),s="Horizontal"===this.orientation?this.checkArrow(t,g):this.checkArrow(t,C);this.paneCollapsible(this.allPanes[e],e),this.updateCollapseIcons(t,s,i)},z.prototype.collapseArrow=function(e,t){return v.selectAll("."+t,this.allBars[e])[0]},z.prototype.updateIsCollapsed=function(e,t,i){var s,n;v.isNullOrUndefined(e)||(n=(s=e===this.allBars.length)?e-1:e,(!s&&this.allPanes[e+1].classList.contains(b)&&0!==e?this.collapseArrow(n-1,i):s?this.collapseArrow(n,i):this.collapseArrow(n,t)).click())},z.prototype.isCollapsed=function(a){var l=this;if(v.isNullOrUndefined(a)||!this.paneSettings[a].collapsed||!v.isNullOrUndefined(this.allPanes[a].classList.contains(b))){if(this.expandFlag=!1,v.isNullOrUndefined(a)){for(var e=0;e<this.allPanes.length;e++)!v.isNullOrUndefined(this.paneSettings[e])&&this.paneSettings[e].collapsed&&this.updateIsCollapsed(e,this.targetArrows().collapseArrow,this.targetArrows().lastBarArrow);for(var t,e=this.allPanes.length-1;0<=e;e--)v.isNullOrUndefined(this.paneSettings[e])||!this.paneSettings[e].collapsed||this.allPanes[e].classList.contains(b)||(t="Horizontal"===this.orientation?g:C,0!==e&&this.collapseArrow(e-1,t).click(),this.nextPane.classList.contains(b))||this.collapseArrow(e-1,t).click()}else{this.collapseFlag=!0;var i=a===this.allBars.length,s=i?a-1:a,r={target:!i&&this.allPanes[a+1].classList.contains(b)&&0!==a?this.collapseArrow(s-1,this.targetArrows().lastBarArrow):i?this.collapseArrow(s,this.targetArrows().lastBarArrow):this.collapseArrow(s,this.targetArrows().collapseArrow)},i=this.beforeAction(r);this.trigger("beforeCollapse",i,function(e){if(!e.cancel){for(var t=[],i=(t[0]=a,1),s=0;s<l.allPanes.length;s++)l.allPanes[s].classList.contains(b)&&(t[i]=s,i++);t=t.sort(),l.updateIsCollapsed(a,l.targetArrows().collapseArrow,l.targetArrows().lastBarArrow);for(s=0;s<t.length;s++)l.allPanes[t[s]].classList.contains(b)||l.updateIsCollapsed(t[s],l.targetArrows().collapseArrow,l.targetArrows().lastBarArrow);for(var n,s=t.length;0<s;s--)l.allPanes[t[s-1]].classList.contains(b)||(n=l.targetArrows(),l.updateIsCollapsed(t[s-1],n.collapseArrow,n.lastBarArrow));e=l.afterAction(r);l.trigger("collapsed",e),l.collapseFlag=!1}})}this.expandFlag=!0}},z.prototype.targetArrows=function(){return this.splitterProperty(),{collapseArrow:"Horizontal"===this.orientation?f:P,lastBarArrow:"Vertical"===this.orientation?C:g}},z.prototype.collapsedOnchange=function(e){v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].collapsed)||!this.allPanes[e].classList.contains(b)||this.updateIsCollapsed(e,this.targetArrows().lastBarArrow,this.targetArrows().collapseArrow)},z.prototype.isEnabled=function(e){e?v.removeClass([this.element],j):v.addClass([this.element],j)},z.prototype.setSeparatorSize=function(e){for(var t=v.isNullOrUndefined(e)?"auto":e+"px",i="Horizontal"===this.orientation?X:U,s=0;s<this.allBars.length;s++){var n=v.selectAll("."+i,this.element)[s],a=v.selectAll("."+p,n)[0];"Horizontal"===this.orientation?(n.style.width=t,v.isNullOrUndefined(a)||(a.style.width=t)):(n.style.height=t,v.isNullOrUndefined(a)||(a.style.height=t))}},z.prototype.changeOrientation=function(e){var t="Vertical"===e;this.element.classList.remove(t?N:Y),this.element.classList.add(t?Y:N);for(var i=0;i<this.allPanes.length;i++)this.allPanes[i].classList.remove(t?a:l),this.allPanes[i].classList.add(t?l:a);for(i=0;i<this.allBars.length;i++)v.detach(this.allBars[i]);this.allBars=[],this.addSeparator(this.element)},z.prototype.checkSplitPane=function(e,t){return this.collectPanes(e.parentElement.children)[t]},z.prototype.collectPanes=function(e){for(var t=[],i=0;i<e.length;i++)e[i].classList.contains(h)&&t.push(e[i]);return t},z.prototype.getPrevPane=function(e){return this.enableReversePanes?this.getOrderPane(e+1):this.getOrderPane(e-1)},z.prototype.getNextPane=function(e){return this.enableReversePanes?this.getOrderPane(e-1):this.getOrderPane(e+1)},z.prototype.getOrderPane=function(e){for(var t,i=0;i<this.element.children.length;i++)parseInt(this.element.children[i].style.order,10)===e&&(t=this.element.children[i]);return t},z.prototype.getOrderIndex=function(e,t){for(var i,s="pane"===t?this.allPanes:this.allBars,n=0;n<s.length;n++)parseInt(s[n].style.order,10)===e&&(i=n);return i},z.prototype.updateSeparatorSize=function(e){var t=v.isNullOrUndefined(this.separatorSize)?"1px":this.separatorSize+"px";"Horizontal"===this.orientation?e.style.width=t:e.style.height=t},z.prototype.addResizeHandler=function(e){var t=this.createElement("div");v.addClass([t],[p,"e-icons"]),this.updateSeparatorSize(t),e.appendChild(t)},z.prototype.getHeight=function(e){this.height;return(""!==e.style.height&&"100%"===this.height?e.style:this).height},z.prototype.getWidth=function(e){this.width;return(""!==e.style.width&&"100%"===this.width?e.style:this).width},z.prototype.setDimension=function(e,t){v.setStyleAttribute(this.element,{height:e,width:t})},z.prototype.updateCollapseIcons=function(e,t,i){v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].collapsible)||(this.paneSettings[e].collapsible?v.removeClass([i],[S]):v.addClass([i],[S]),v.isNullOrUndefined(this.paneSettings[e+1])||(this.paneSettings[e+1].collapsible?v.removeClass([t],[S]):v.addClass([t],[S])),v.isNullOrUndefined(this.paneSettings[e+1]))||this.paneSettings[e+1].collapsible&&(this.paneSettings[e+1].collapsible?v.removeClass([t],[S]):v.addClass([t],[S]))},z.prototype.updateIconClass=function(){"Horizontal"===this.orientation?(this.leftArrow=f,this.rightArrow=g):(this.leftArrow=P,this.rightArrow=C)},z.prototype.createSeparator=function(e){var t=this.createElement("div"),i=(this.allBars.push(t),this.createElement("button")),s=this.createElement("button"),n=(i.setAttribute("tabindex","-1"),s.setAttribute("tabindex","-1"),i.setAttribute("aria-label","Toggle navigation"),s.setAttribute("aria-label","Toggle navigation"),i.setAttribute("type","button"),s.setAttribute("type","button"),v.isNullOrUndefined(this.separatorSize)?"1px":this.separatorSize+"px"),a=this;return"Horizontal"===this.orientation?(this.updateIconClass(),v.addClass([s],[u,f,S]),v.addClass([i],[u,g,S]),v.addClass([t],[r,X]),t.style.width=n):(v.addClass([i],[u,C,S]),v.addClass([s],[u,P,S]),v.addClass([t],[r,U]),this.updateIconClass(),t.style.height=n),this.addMouseActions(t),t.appendChild(s),this.addResizeHandler(t),t.appendChild(i),this.updateCollapseIcons(e,i,s),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true"),this.enableReversePanes?t.setAttribute("dir","ltr"):t.removeAttribute("dir"),t.addEventListener("focus",function(){t.classList.add(d),a.currentSeparator=t,a.getPaneDetails()}),t.addEventListener("blur",function(){t.classList.remove(d)}),t},z.prototype.updateResizablePanes=function(e){this.getPaneDetails(),this.isResizable()?this.allPanes[e].classList.add(w):this.allPanes[e].classList.remove(w)},z.prototype.addSeparator=function(e){for(var t,i,s=this.allPanes.length,n=e.children,a=0;a<s;a++)a<s-1?(i=this.createSeparator(a),v.setStyleAttribute(i,{order:2*a+1}),this.separatorOrder.push(2*a+1),n[a].parentNode.appendChild(i),(this.currentSeparator=i).setAttribute("role","separator"),i.setAttribute("aria-valuenow",a.toString()),i.setAttribute("aria-orientation",this.orientation.toLowerCase()),this.wireClickEvents(),v.isNullOrUndefined(i)||(this.isResizable()?(v.EventHandler.add(i,"mousedown",this.onMouseDown,this),t="msie"===v.Browser.info.name?"pointerdown":"touchstart",v.EventHandler.add(i,t,this.onMouseDown,this),i.classList.add(D),this.updateResizablePanes(a)):v.addClass([v.select("."+p,i)],c))):(i&&v.addClass([i],Q),1<s&&this.updateResizablePanes(a));if("msie"===v.Browser.info.name)for(var l=this.element.querySelectorAll(".e-splitter .e-resize-handler"),a=0;a<l.length;a++){var r=v.isNullOrUndefined(this.separatorSize)?1:this.separatorSize;l[a].style.paddingLeft=r/2+"px",l[a].style.paddingRight=r/2+"px"}},z.prototype.isResizable=function(){var e=!1;return e=!v.isNullOrUndefined(this.paneSettings[this.getPreviousPaneIndex()])&&this.paneSettings[this.getPreviousPaneIndex()].resizable&&!v.isNullOrUndefined(this.paneSettings[this.getNextPaneIndex()])&&this.paneSettings[this.getNextPaneIndex()].resizable||v.isNullOrUndefined(this.paneSettings[this.getNextPaneIndex()])?!0:e},z.prototype.addMouseActions=function(e){var t,i,s=this;e.addEventListener("mouseenter",function(){t=setTimeout(function(){v.addClass([e],[n])},s.iconsDelay)}),e.addEventListener("mouseleave",function(){clearTimeout(t),v.removeClass([e],[n])}),e.addEventListener("mouseout",function(){clearTimeout(i)}),e.addEventListener("mouseover",function(){i=setTimeout(function(){v.addClass([e],[n])})})},z.prototype.getEventType=function(e){return-1<e.indexOf("mouse")?"mouse":"touch"},z.prototype.updateCurrentSeparator=function(e){this.currentSeparator=this.isSeparator(e)?e.parentElement:e},z.prototype.isSeparator=function(e){return!e.classList.contains(r)},z.prototype.isMouseEvent=function(e){var t=!1;return t="mouse"!==this.getEventType(e.type)&&(v.isNullOrUndefined(e.pointerType)||"mouse"!==this.getEventType(e.pointerType))?t:!0},z.prototype.updateCursorPosition=function(e,t){this.isMouseEvent(e)?this.changeCoordinates({x:e.pageX,y:e.pageY},t):(e="msie"!==v.Browser.info.name?e.touches[0]:e,this.changeCoordinates({x:e.pageX,y:e.pageY},t))},z.prototype.changeCoordinates=function(e,t){"previous"===t?this.previousCoordinates=e:this.currentCoordinates=e},z.prototype.reportWindowSize=function(){var e=this,t=this.allPanes.length;if(document.body.contains(this.element)){for(var i=0;i<t;i++)v.isNullOrUndefined(this.paneSettings[i].size)&&this.allPanes[i].classList.remove(y),t-1===i&&this.element.querySelectorAll("."+y).length===t&&""===this.allPanes[i].style.flexBasis&&v.removeClass([this.allPanes[i]],y);0<t&&setTimeout(function(){e.updateSplitterSize(!0)},200)}else document.defaultView.removeEventListener("resize",this.onReportWindowSize)},z.prototype.updateSplitterSize=function(e){for(var t=0,i=[],s=0,n=this.element.children,a=0,l=n.length;a<l;a++)t+="Horizontal"===this.orientation?n[a].offsetWidth:n[a].offsetHeight;for(var r=0,l=this.allBars.length;r<l;r++)t+="Horizontal"===this.orientation?parseInt(getComputedStyle(this.allBars[r]).marginLeft,10)+parseInt(getComputedStyle(this.allBars[r]).marginLeft,10):parseInt(getComputedStyle(this.allBars[r]).marginTop,10)+parseInt(getComputedStyle(this.allBars[r]).marginBottom,10);for(var o="Horizontal"===this.orientation?this.element.offsetWidth-(2*this.border+t):this.element.offsetHeight-(2*this.border+t),a=0,l=this.allPanes.length;a<l;a++)(""===this.allPanes[a].innerText?this.paneSettings[a].size&&""===this.allPanes[a].innerText:this.paneSettings[a].size||""===this.allPanes[a].innerText)||(i[s]=a,s++);for(var h=o/i.length,r=0,l=i.length;r<l;r++)""!==this.allPanes[i[r]].style.flexBasis&&(this.allPanes[i[r]].style.flexBasis="Horizontal"===this.orientation?this.allPanes[i[r]].offsetWidth+h+"px":this.allPanes[i[r]].offsetHeight+h+"px");if(2===this.allPanes.length&&e)for(var p,d,c,u=this.allPanes.length,g=void 0,m=void 0,f=void 0,a=0;a<u;a++)v.isNullOrUndefined(this.paneSettings[a].min)||(g=this.convertPixelToNumber(this.paneSettings[a].min.toString()),0<this.paneSettings[a].min.indexOf("%")&&(g=this.convertPercentageToPixel(this.paneSettings[a].min)),p=this.convertPixelToNumber(g.toString()),("Horizontal"===this.orientation?this.allPanes[a].offsetWidth:this.allPanes[a].offsetHeight)<p&&(f=0===a?(m=this.allPanes[a],this.allPanes[a+1]):(m=this.allPanes[a],this.allPanes[a-1]),p=p-("Horizontal"===this.orientation?this.allPanes[a].offsetWidth:this.allPanes[a].offsetHeight),c=-1<m.style.flexBasis.indexOf("%"),d="Horizontal"===this.orientation?m.offsetWidth:m.offsetHeight,!v.isNullOrUndefined(m)&&""!==m.style.flexBasis&&m.classList.contains(y)&&(m.style.flexBasis=c?this.convertPixelToPercentage(d+p)+"%":d+p+"px"),c="Horizontal"===this.orientation?f.offsetWidth:f.offsetHeight,v.isNullOrUndefined(f)||""===f.style.flexBasis||f.classList.contains(y)||(f.style.flexBasis=-1<f.style.flexBasis.indexOf("%")?this.convertPixelToPercentage(c-p)+"%":c-p+"px")))},z.prototype.wireResizeEvents=function(){document.addEventListener("mousemove",this.onMouseMoveHandler,!0),document.addEventListener("mouseup",this.onMouseUpHandler,!0);var e="msie"===v.Browser.info.name?"pointermove":"touchmove",t="msie"===v.Browser.info.name?"pointerup":"touchend";document.addEventListener(e,this.onTouchMoveHandler,!0),document.addEventListener(t,this.onTouchEndHandler,!0)},z.prototype.unwireResizeEvents=function(){this.element.ownerDocument.defaultView.removeEventListener("resize",this.onReportWindowSize);var e="msie"===v.Browser.info.name?"pointermove":"touchmove",t="msie"===v.Browser.info.name?"pointerup":"touchend";document.removeEventListener("mousemove",this.onMouseMoveHandler,!0),document.removeEventListener("mouseup",this.onMouseUpHandler,!0),document.removeEventListener(e,this.onTouchMoveHandler,!0),document.removeEventListener(t,this.onTouchEndHandler,!0)},z.prototype.wireClickEvents=function(){v.EventHandler.add(this.currentSeparator,"touchstart click",this.clickHandler,this)},z.prototype.clickHandler=function(e){e.target.classList.contains(u)||(0<(t=v.selectAll("."+m+" > ."+r+"."+n)).length&&v.removeClass(t,n),e.target.classList.add(n)),this.splitterDetails(e);var t=e.target;(t.classList.contains(f)||t.classList.contains(g)||t.classList.contains(C)||t.classList.contains(P))&&(this.nextPane.classList.contains(F)||this.previousPane.classList.contains(F)?this.expandAction(e):this.collapseAction(e),this.updateSplitterSize())},z.prototype.expandAction=function(t){var i=this,e=this.beforeAction(t);this.expandFlag?this.trigger("beforeExpand",e,function(e){e.cancel||i.expandPane(t);e=i.afterAction(t);i.trigger("expanded",e)}):this.expandPane(t)},z.prototype.getIcon=function(e){return e.target.className.split(" ").filter(function(e){return e!==u&&e!==S})[0]},z.prototype.expandPane=function(e){this.removeStaticPanes();var t=this.element.querySelectorAll("."+b).length,t=!this.previousPane.classList.contains(b)&&this.previousPane.classList.contains(y)&&!this.nextPane.classList.contains(b)&&!this.nextPane.classList.contains(x)&&this.nextPane.nextElementSibling.classList.contains(h)&&!this.nextPane.nextElementSibling.classList.contains(y)&&!(t===this.allPanes.length-2),i=[b,F],s=this.getIcon(e),n=s===f||s===P,a=n?this.nextPane:this.previousPane,l=n?this.previousPane:this.nextPane,n=n?this.nextPaneIndex:this.prevPaneIndex,i=(v.removeClass([a],i),a.setAttribute("aria-hidden","false"),this.element.querySelectorAll("."+b).length);if(0<i)l.classList.contains(b)||(v.addClass([l],x),l.setAttribute("aria-expanded","true"));else if(0===i)for(var r=0;r<this.allPanes.length;r++)this.allPanes[r].classList.contains(b)||(v.removeClass([this.allPanes[r]],x),this.allPanes[r].setAttribute("aria-expanded","false"));this.expandFlag&&this.updatePaneSettings(n,!1),this.updateIconsOnExpand(e,s),this.updateFlexGrow(),t&&(this.previousPane.classList.remove(x),this.previousPane.setAttribute("aria-expanded","false"),this.previousPane.style.flexGrow="")},z.prototype.updateFlexGrow=function(){for(var e=0,t=0;t<this.element.children.length;t++)this.element.children[t].classList.contains(b)&&(e+=1);for(var i=e===this.allPanes.length-2,s=this.allPanes,n=0;n<s.length;n++)s[n].style.flexGrow="",i&&this.allPanes[n].classList.contains(b)&&this.paneSettings[n].size&&n!==this.allPanes.length-1&&(s[n].style.flexGrow=""),s[n].classList.contains(x)?s[n].style.flexGrow="1":s[n].classList.contains(b)&&(s[n].style.flexGrow="0")},z.prototype.hideTargetBarIcon=function(e,t){v.addClass([v.select("."+t,e)],S)},z.prototype.showTargetBarIcon=function(e,t){v.removeClass([v.select("."+t,e)],S)},z.prototype.updateIconsOnCollapse=function(e,t){this.splitterProperty();var i,s,n=this.arrow,a=this.currentBarIndex===this.allBars.length-1?this.prevBar:this.nextBar,l=this.currentBarIndex===this.allBars.length-1?this.currentBarIndex-1:this.currentBarIndex+1;e.target.classList.contains(S)?(this.resizableModel(this.currentBarIndex,!1),v.isNullOrUndefined(a)||this.resizableModel(l,!1),this.paneSettings[this.prevPaneIndex].collapsible&&this.paneSettings[this.nextPaneIndex].collapsible?(v.isNullOrUndefined(a)||this.hideTargetBarIcon(a,n),this.showTargetBarIcon(this.currentSeparator,n)):(v.isNullOrUndefined(a)||this.hideTargetBarIcon(a,t),this.hideTargetBarIcon(this.currentSeparator,n))):(this.splitInstance.prevPaneCollapsed||this.splitInstance.nextPaneCollapsed)&&(this.paneSettings[this.prevPaneIndex].collapsible&&this.paneSettings[this.nextPaneIndex].collapsible?(this.resizableModel(this.currentBarIndex,!1),this.hideTargetBarIcon(this.currentSeparator,t),v.isNullOrUndefined(a)||(s=this.getCollapseCount(e=l,i=l+1),this.paneSettings[e].collapsible&&this.paneSettings[i].collapsible&&(1===s?(this.hideTargetBarIcon(a,n),this.resizableModel(l,!1)):2===s&&(this.hideBarIcons(a),this.resizableModel(l,!1)),this.paneSettings[e].collapsible&&this.paneSettings[i].collapsible||this.hideTargetBarIcon(a,t)))):(this.showTargetBarIcon(this.currentSeparator,n),this.hideTargetBarIcon(this.currentSeparator,t),this.resizableModel(this.currentBarIndex,!1)))},z.prototype.collapseAction=function(t){var i=this,e=this.beforeAction(t);this.collapseFlag?this.collapsePane(t):this.trigger("beforeCollapse",e,function(e){e.cancel||(i.collapsePane(t),e=i.afterAction(t),i.trigger("collapsed",e))})},z.prototype.collapsePane=function(e){this.removeStaticPanes();var t=this.element.querySelectorAll("."+b).length,t=this.previousPane.classList.contains(y)&&!this.previousPane.classList.contains(b)&&!this.nextPane.classList.contains(b)&&this.nextPane.nextElementSibling.classList.contains(h)&&!this.nextPane.nextElementSibling.classList.contains(y)&&!this.nextPane.nextElementSibling.classList.contains(b)&&!(t===this.allPanes.length-2)||this.nextPane.classList.contains(b)&&!this.previousPane.classList.contains(y)&&this.nextPane.classList.contains(y),i=[b,F],s=this.getIcon(e),n=s===f||s===P,a=n?this.previousPane:this.nextPane,l=n?this.nextPane:this.previousPane,n=n?this.prevPaneIndex:this.nextPaneIndex;if(v.removeClass([a],x),a.setAttribute("aria-expanded","false"),v.addClass([a],i),a.setAttribute("aria-hidden","true"),""===a.style.flexBasis)v.addClass([l],x),l.setAttribute("aria-expanded","true");else{for(var r=!0,o=0;o<this.allPanes.length;o++)if(!this.allPanes[o].classList.contains(b)&&""===this.allPanes[o].style.flexBasis&&!this.allPanes[o].classList.contains(b)&&!this.allPanes[o].classList.contains(x)){v.addClass([this.allPanes[o]],x),this.allPanes[o].setAttribute("aria-expanded","true"),r=!1;break}r&&(v.addClass([l],x),l.setAttribute("aria-expanded","true"))}this.collapseFlag||this.updatePaneSettings(n,!0),this.updateIconsOnCollapse(e,s),this.updateFlexGrow(),t&&(this.nextPane.classList.remove(x),this.nextPane.style.flexGrow="")},z.prototype.removeStaticPanes=function(){for(var e=0;e<this.allPanes.length;e++)v.isNullOrUndefined(this.paneSettings[e].size)&&this.allPanes[e].classList.remove(y)},z.prototype.beforeAction=function(e){return{element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],separator:this.currentSeparator,cancel:!1}},z.prototype.updatePaneSettings=function(e,t){var i=this.paneSettings;i[e].collapsed=t,this.setProperties({paneSettings:i},!0)},z.prototype.splitterProperty=function(){this.splitInstance={currentBarIndex:this.currentBarIndex,nextPaneCollapsible:this.nextPane.classList.contains(q),prevPaneCollapsible:this.previousPane.classList.contains(q),prevPaneExpanded:this.previousPane.classList.contains(x),nextPaneExpanded:this.nextPane.classList.contains(x),nextPaneCollapsed:this.nextPane.classList.contains(b),prevPaneCollapsed:this.previousPane.classList.contains(b),nextPaneIndex:this.getNextPaneIndex(),prevPaneIndex:this.getPreviousPaneIndex(),nextPaneNextEle:this.nextPane.nextElementSibling,prevPanePreEle:this.previousPane.previousElementSibling}},z.prototype.showCurrentBarIcons=function(){v.removeClass([v.select("."+this.arrow,this.currentSeparator)],S)},z.prototype.hideBarIcons=function(e){v.addClass([v.select("."+this.arrow,e)],S)},z.prototype.getCollapseCount=function(e,t){var i=0;return this.allPanes[e].classList.contains(b)&&(i+=1),this.allPanes[t].classList.contains(b)&&(i+=1),i},z.prototype.checkResizableProp=function(e,t){return!(!this.paneSettings[e].resizable||!this.paneSettings[t].resizable)},z.prototype.updateIconsOnExpand=function(e,t){this.splitterProperty();var i,s,n=this.arrow,a=this.currentBarIndex===this.allBars.length-1?this.prevBar:this.nextBar,l=this.currentBarIndex===this.allBars.length-1?this.currentBarIndex-1:this.currentBarIndex+1;e.target.classList.contains(S)?this.paneSettings[this.prevPaneIndex].collapsible||this.paneSettings[this.nextPaneIndex].collapsible||this.checkResizableProp(this.prevPaneIndex,this.nextPaneIndex)&&this.resizableModel(this.currentBarIndex,!0):this.splitInstance.prevPaneCollapsed||this.splitInstance.nextPaneCollapsed||(this.paneSettings[this.prevPaneIndex].collapsible&&this.paneSettings[this.nextPaneIndex].collapsible?(this.showCurrentBarIcons(),this.checkResizableProp(this.prevPaneIndex,this.nextPaneIndex)?this.resizableModel(this.currentBarIndex,!0):this.resizableModel(this.currentBarIndex,!1),v.isNullOrUndefined(a)||(s=this.getCollapseCount(e=l,i=l+1),this.paneSettings[e].collapsible&&this.paneSettings[i].collapsible&&(0===s?(this.showTargetBarIcon(a,t),this.showTargetBarIcon(a,n),this.checkResizableProp(e,i)&&this.resizableModel(l,!0)):1===s&&(this.hideBarIcons(a),this.allPanes[e].classList.contains(x)||this.allPanes[i].classList.contains(x)?this.showTargetBarIcon(a,n):this.showTargetBarIcon(a,t),this.resizableModel(l,!1))))):(this.hideTargetBarIcon(this.currentSeparator,t),this.showTargetBarIcon(this.currentSeparator,n),this.splitInstance.prevPaneCollapsed||this.splitInstance.nextPaneCollapsed?this.resizableModel(this.currentBarIndex,!1):this.checkResizableProp(this.prevPaneIndex,this.nextPaneIndex)&&this.resizableModel(this.currentBarIndex,!0)))},z.prototype.afterAction=function(e){return{element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],separator:this.currentSeparator}},z.prototype.currentIndex=function(e){this.currentBarIndex=this.getOrderIndex(parseInt(e.target.parentElement.style.order,10),"splitbar")},z.prototype.getSeparatorIndex=function(e){var t=[].slice.call(this.allBars);return(t=this.enableReversePanes?t.reverse():t).indexOf(e)},z.prototype.getPrevBar=function(e){return this.allBars[e-1]},z.prototype.getNextBar=function(e){return this.allBars[e+1]},z.prototype.updateBars=function(e){this.prevBar=this.getPrevBar(e),this.nextBar=this.getNextBar(e)},z.prototype.splitterDetails=function(e){"Horizontal"===this.orientation?this.arrow=e.target.classList.contains(f)?g:f:this.arrow=e.target.classList.contains(P)?C:P,this.updateCurrentSeparator(e.target),this.currentIndex(e),this.updateBars(this.currentBarIndex),this.getPaneDetails()},z.prototype.triggerResizing=function(e){e={element:this.element,event:e,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],paneSize:[this.prePaneDimenson,this.nextPaneDimension],separator:this.currentSeparator};this.trigger("resizing",e)},z.prototype.onMouseDown=function(t){var i=this,e=(t.preventDefault(),t.target);if(!e.classList.contains(u)){this.updateCurrentSeparator(e),v.addClass([this.currentSeparator],d),this.updateCursorPosition(t,"previous"),this.getPaneDetails();for(var e={element:this.element,event:t,pane:[this.previousPane,this.nextPane],index:[this.getPreviousPaneIndex(),this.getNextPaneIndex()],separator:this.currentSeparator,cancel:!1},s=0;s<this.element.querySelectorAll("iframe").length;s++)this.element.querySelectorAll("iframe")[s].style.pointerEvents="none";this.trigger("resizeStart",e,function(e){e.cancel||(i.wireResizeEvents(),i.checkPaneSize(t))})}},z.prototype.updatePaneFlexBasis=function(e){return 0<e.style.flexBasis.indexOf("%")?this.removePercentageUnit(e.style.flexBasis):""!==e.style.flexBasis?this.convertPixelToPercentage(this.convertPixelToNumber(e.style.flexBasis)):(e="Horizontal"===this.orientation?e.offsetWidth:e.offsetHeight,this.convertPixelToPercentage(e))},z.prototype.removePercentageUnit=function(e){return parseFloat(e.slice(0,e.indexOf("%")))},z.prototype.convertPercentageToPixel=function(e,t){var i,s,e=e.toString();return i=-1<e.indexOf("%")?(i=parseFloat(e.slice(0,e.indexOf("%"))),s=void 0,s=v.isNullOrUndefined(t)?"Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight:this.panesDimensions[this.allPanes.indexOf(t)],Math.ceil(s*(i/100))):parseInt(e,10)},z.prototype.convertPixelToPercentage=function(e){return e/("Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight)*100},z.prototype.convertPixelToNumber=function(e){return-1<(e=e.toString()).indexOf("p")?parseFloat(e.slice(0,e.indexOf("p"))):parseFloat(e)},z.prototype.calcDragPosition=function(e,t){e=("Horizontal"===this.orientation?this.currentCoordinates.x-e:this.currentCoordinates.y-e)/t;return(1<e?1:e<0?0:e)*t},z.prototype.getSeparatorPosition=function(e){this.updateCursorPosition(e,"current");var e="Horizontal"===this.orientation?this.element.getBoundingClientRect().left+window.scrollX:this.element.getBoundingClientRect().top+window.scrollY,t="Horizontal"===this.orientation?this.element.offsetWidth:this.element.offsetHeight;return this.calcDragPosition(e,t)},z.prototype.getMinMax=function(e,t,i){var s="min"===i?0:null,n=null;return"min"===i?v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].min)||(n=this.paneSettings[e].min):v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].max)||(n=this.paneSettings[e].max),0<this.paneSettings.length&&!v.isNullOrUndefined(this.paneSettings[e])&&!v.isNullOrUndefined(n)?(0<n.indexOf("%")&&(n=this.convertPercentageToPixel(n).toString()),this.convertPixelToNumber(n)):s},z.prototype.getPreviousPaneIndex=function(){var e=this.enableReversePanes?parseInt(this.currentSeparator.style.order,10)+1:parseInt(this.currentSeparator.style.order,10)-1;return this.getOrderIndex(e,"pane")},z.prototype.getNextPaneIndex=function(){var e=this.enableReversePanes?parseInt(this.currentSeparator.style.order,10)-1:parseInt(this.currentSeparator.style.order,10)+1;return this.getOrderIndex(e,"pane")},z.prototype.getPaneDetails=function(){var e=null,t=null;this.order=parseInt(this.currentSeparator.style.order,10),1<this.allPanes.length&&(e=this.getPrevPane(this.order),t=this.getNextPane(this.order)),e&&t&&(this.previousPane=e,this.nextPane=t,this.prevPaneIndex=this.getPreviousPaneIndex(),this.nextPaneIndex=this.getNextPaneIndex())},z.prototype.getPaneHeight=function(e){return("Horizontal"===this.orientation?e.offsetWidth:e.offsetHeight).toString()},z.prototype.isValidSize=function(e){var t=!1;return t=!v.isNullOrUndefined(this.paneSettings[e])&&!v.isNullOrUndefined(this.paneSettings[e].size)&&-1<this.paneSettings[e].size.indexOf("%")?!0:t},z.prototype.getPaneDimensions=function(){this.previousPaneHeightWidth=""===this.previousPane.style.flexBasis?this.getPaneHeight(this.previousPane):this.previousPane.style.flexBasis,this.nextPaneHeightWidth=""===this.nextPane.style.flexBasis?this.getPaneHeight(this.nextPane):this.nextPane.style.flexBasis,this.isValidSize(this.prevPaneIndex)&&(this.previousPaneHeightWidth=this.convertPercentageToPixel(this.previousPaneHeightWidth).toString(),this.updatePrePaneInPercentage=!0),this.isValidSize(this.nextPaneIndex)&&(this.nextPaneHeightWidth=this.convertPercentageToPixel(this.nextPaneHeightWidth).toString(),this.updateNextPaneInPercentage=!0),this.prePaneDimenson=this.convertPixelToNumber(this.previousPaneHeightWidth.toString()),this.nextPaneDimension=this.convertPixelToNumber(this.nextPaneHeightWidth.toString())},z.prototype.checkCoordinates=function(e,t){var i=!0;return i=e===this.previousCoordinates.x&&t===this.previousCoordinates.y?!1:i},z.prototype.isCursorMoved=function(e){return"mouse"!==this.getEventType(e.type)&&(v.isNullOrUndefined(e.pointerType)||"mouse"!==this.getEventType(e.pointerType))&&"msie"!==v.Browser.info.name?this.checkCoordinates(e.touches[0].pageX,e.touches[0].pageY):this.checkCoordinates(e.pageX,e.pageY)},z.prototype.getBorder=function(){this.border=0;var e="Horizontal"===this.orientation?(this.element.offsetWidth-this.element.clientWidth)/2:(this.element.offsetHeight-this.element.clientHeight)/2;this.border="chrome"!==v.Browser.info.name?this.border:e},z.prototype.onMouseMove=function(e){if(this.isCursorMoved(e)){this.getPaneDetails(),this.getPaneDimensions(),this.triggerResizing(e);for(var e=this.validateDraggedPosition(this.getSeparatorPosition(e),this.prePaneDimenson,this.nextPaneDimension),t=(this.getBorder(),e="Horizontal"===this.orientation?this.element.getBoundingClientRect().left+e-this.currentSeparator.getBoundingClientRect().left+this.border:this.element.getBoundingClientRect().top+e-this.currentSeparator.getBoundingClientRect().top+this.border,this.nextPaneHeightWidth="string"==typeof this.nextPaneHeightWidth&&-1<this.nextPaneHeightWidth.indexOf("p")?this.convertPixelToNumber(this.nextPaneHeightWidth):parseInt(this.nextPaneHeightWidth,10),this.previousPaneHeightWidth="string"==typeof this.previousPaneHeightWidth&&-1<this.previousPaneHeightWidth.indexOf("p")?this.convertPixelToNumber(this.previousPaneHeightWidth):parseInt(this.previousPaneHeightWidth,10),this.prevPaneCurrentWidth=e+this.previousPaneHeightWidth,this.nextPaneCurrentWidth=this.nextPaneHeightWidth-e,this.validateMinMaxValues(),this.nextPaneCurrentWidth<0&&(this.nextPaneCurrentWidth=0),this.prevPaneCurrentWidth<0&&(this.prevPaneCurrentWidth=0),this.nextPaneCurrentWidth+this.prevPaneCurrentWidth>this.totalWidth&&(this.nextPaneCurrentWidth<this.prevPaneCurrentWidth?this.prevPaneCurrentWidth=this.prevPaneCurrentWidth-(this.nextPaneCurrentWidth+this.prevPaneCurrentWidth-this.totalWidth):this.nextPaneCurrentWidth=this.nextPaneCurrentWidth-(this.nextPaneCurrentWidth+this.prevPaneCurrentWidth-this.totalWidth)),this.nextPaneCurrentWidth+this.prevPaneCurrentWidth<this.totalWidth&&(e=this.totalWidth-(this.nextPaneCurrentWidth+this.prevPaneCurrentWidth),this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+e),this.calculateCurrentDimensions(),this.addStaticPaneClass(),0),i=0;i<this.paneSettings.length;i++)""===this.paneSettings[i].size?t+=1:""!==this.allPanes[i].style.flexBasis&&(this.paneSettings[i].size=this.allPanes[i].style.flexBasis);e=t===this.allPanes.length,e=(""!==this.previousPane.style.flexBasis||""!==this.nextPane.style.flexBasis||e?e?(this.previousPane.style.flexBasis=this.prevPaneCurrentWidth,v.addClass([this.previousPane],y),this.nextPane.style.flexBasis=this.nextPaneCurrentWidth,v.addClass([this.nextPane],y)):(""!==this.previousPane.style.flexBasis&&this.previousPane.classList.contains(y)&&(this.previousPane.style.flexBasis=this.prevPaneCurrentWidth),""!==this.nextPane.style.flexBasis&&this.nextPane.classList.contains(y)&&(this.nextPane.style.flexBasis=this.nextPaneCurrentWidth)):(e=this.allPanes.length%this.allBars.length,this.prevPaneIndex!==e&&this.nextPaneIndex===e?(this.previousPane.style.flexBasis=this.prevPaneCurrentWidth,v.addClass([this.previousPane],y)):(this.nextPane.style.flexBasis=this.nextPaneCurrentWidth,v.addClass([this.nextPane],y))),""!==this.previousPane.style.flexBasis&&""!==this.nextPane.style.flexBasis);2<this.allPanes.length||!e||this.updateSplitterSize()}},z.prototype.validateMinRange=function(e,t){var i,s=null;return v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].min)||(s=this.paneSettings[e].min.toString()),v.isNullOrUndefined(s)||(0<s.indexOf("%")&&(s=this.convertPercentageToPixel(s).toString()),t<(e=this.convertPixelToNumber(s))&&(this.totalWidth=this.totalWidth-(t-e<=0?0:t-e),this.totalPercent=this.convertPixelToPercentage(this.totalWidth),i=e)),v.isNullOrUndefined(i)?t:i},z.prototype.validateMaxRange=function(e,t){var i,s=null;return v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].max)||(s=this.paneSettings[e].max.toString()),v.isNullOrUndefined(s)||(0<s.indexOf("%")&&(s=this.convertPercentageToPixel(s).toString()),(e=this.convertPixelToNumber(s))<t&&(this.totalWidth=this.totalWidth-(t-e),this.totalPercent=this.convertPixelToPercentage(this.totalWidth),i=e)),v.isNullOrUndefined(i)?t:i},z.prototype.validateMinMaxValues=function(){this.prevPaneCurrentWidth=this.validateMinRange(this.prevPaneIndex,this.prevPaneCurrentWidth),this.nextPaneCurrentWidth=this.validateMinRange(this.nextPaneIndex,this.nextPaneCurrentWidth),this.prevPaneCurrentWidth=this.validateMaxRange(this.prevPaneIndex,this.prevPaneCurrentWidth),this.nextPaneCurrentWidth=this.validateMaxRange(this.nextPaneIndex,this.nextPaneCurrentWidth)},z.prototype.equatePaneWidths=function(){var e;this.prevPaneCurrentWidth+this.nextPaneCurrentWidth>this.totalPercent&&(e=this.prevPaneCurrentWidth+this.nextPaneCurrentWidth-this.totalPercent,this.prevPaneCurrentWidth=this.prevPaneCurrentWidth-e/2+"%",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth-e/2+"%"),this.prevPaneCurrentWidth+this.nextPaneCurrentWidth<this.totalPercent&&(e=this.totalPercent-(this.prevPaneCurrentWidth+this.nextPaneCurrentWidth),this.prevPaneCurrentWidth=this.prevPaneCurrentWidth+e/2+"%",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+e/2+"%")},z.prototype.calculateCurrentDimensions=function(){this.updatePrePaneInPercentage||this.updateNextPaneInPercentage?(this.prevPaneCurrentWidth=Math.round(Number(Math.round(10*this.convertPixelToPercentage(this.prevPaneCurrentWidth))/10)),this.nextPaneCurrentWidth=Math.round(Number(Math.round(10*this.convertPixelToPercentage(this.nextPaneCurrentWidth))/10)),0===this.prevPaneCurrentWidth&&(this.nextPaneCurrentWidth=this.totalPercent),0===this.nextPaneCurrentWidth&&(this.prevPaneCurrentWidth=this.totalPercent),this.prevPaneCurrentWidth+this.nextPaneCurrentWidth!==this.totalPercent?this.equatePaneWidths():(this.prevPaneCurrentWidth=this.prevPaneCurrentWidth+"%",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+"%"),this.prevPaneCurrentWidth=this.updatePrePaneInPercentage?this.prevPaneCurrentWidth:this.convertPercentageToPixel(this.prevPaneCurrentWidth)+"px",this.nextPaneCurrentWidth=this.updateNextPaneInPercentage?this.nextPaneCurrentWidth:this.convertPercentageToPixel(this.nextPaneCurrentWidth)+"px",this.updatePrePaneInPercentage=!1,this.updateNextPaneInPercentage=!1):(this.prevPaneCurrentWidth=this.prevPaneCurrentWidth+"px",this.nextPaneCurrentWidth=this.nextPaneCurrentWidth+"px")},z.prototype.addStaticPaneClass=function(){this.previousPane.classList.contains(y)||""===this.previousPane.style.flexBasis||this.previousPane.classList.contains(x)||this.previousPane.classList.add(y),this.nextPane.classList.contains(y)||""===this.nextPane.style.flexBasis||this.nextPane.classList.contains(x)||this.nextPane.classList.add(y)},z.prototype.validateDraggedPosition=function(e,t,i){var s="Horizontal"===this.orientation?this.currentSeparator.offsetLeft:this.currentSeparator.offsetTop,t=s-t,i=i+s,s=this.getMinMax(this.prevPaneIndex,this.previousPane,"min"),n=this.getMinMax(this.nextPaneIndex,this.nextPane,"min"),a=this.getMinMax(this.prevPaneIndex,this.previousPane,"max"),l=this.getMinMax(this.nextPaneIndex,this.nextPane,"max"),r=e;return i-n<e?r=i-n:e<t+s&&(r=t+s),v.isNullOrUndefined(a)?v.isNullOrUndefined(l)||e<i-l&&(r=i-l):t+a<e&&(r=t+a),r},z.prototype.onMouseUp=function(e){v.removeClass([this.currentSeparator],d),this.unwireResizeEvents();for(var e={event:e,element:this.element,pane:[this.previousPane,this.nextPane],index:[this.prevPaneIndex,this.nextPaneIndex],separator:this.currentSeparator,paneSize:[this.prePaneDimenson,this.nextPaneDimension]},t=0;t<this.element.querySelectorAll("iframe").length;t++)this.element.querySelectorAll("iframe")[t].style.pointerEvents="auto";this.trigger("resizeStop",e),this.enablePersistence&&((e=this.paneSettings)[this.getPreviousPaneIndex()].size=this.allPanes[this.getPreviousPaneIndex()].style.flexBasis,e[this.getNextPaneIndex()].size=this.allPanes[this.getNextPaneIndex()].style.flexBasis,this.setProperties({paneSettings:e},!0))},z.prototype.panesDimension=function(e,t){var i,s=t.length;parseInt(this.getHeight(this.element),10),v.isNullOrUndefined(this.paneSettings[e])?v.setStyleAttribute(t[e],{order:2*e}):v.isNullOrUndefined(this.paneSettings[e].size)?(this.sizeFlag=!0,v.setStyleAttribute(t[e],{order:2*e})):(i=this.paneSettings[e].size,e<s&&(v.setStyleAttribute(t[e],{"flex-basis":i,order:2*e}),e<s-1&&""!==this.paneSettings[e].size?v.addClass([t[e]],y):this.sizeFlag||(t[e].style.flexBasis=null),e===s-1)&&this.sizeFlag&&""!==this.paneSettings[e].size&&v.addClass([t[e]],y)),this.paneOrder.push(2*e)},z.prototype.setTemplate=function(e,t){t.innerHTML="",e="string"==typeof e?this.sanitizeHelper(e):e,this.templateCompile(t,e),this.isReact&&this.renderReactTemplates()},z.prototype.templateCompile=function(t,e){var i=this.createElement("div");this.compileElement(i,e,"content"),0!==i.childNodes.length&&[].slice.call(i.childNodes).forEach(function(e){t.appendChild(e)})},z.prototype.compileElement=function(t,e,i){if("string"==typeof e){if("."===e[0]||"#"===e[0]){var s=document.querySelector(e);if(!v.isNullOrUndefined(s))return this.templateElement.push(s),"none"===s.style.display&&s.style.removeProperty("display"),""===s.getAttribute("style")&&s.removeAttribute("style"),void t.appendChild(s)}e=e.trim()}var n,s=v.isNullOrUndefined(e.outerHTML)?v.compile(e):v.compile(e.outerHTML);v.isNullOrUndefined(s)||(n=s({},this,i,this.element.id+"content"+this.allPanes.length.toString(),!0)),!v.isNullOrUndefined(s)&&n&&0<n.length&&[].slice.call(n).forEach(function(e){t.appendChild(e)})},z.prototype.paneCollapsible=function(e,t){this.paneSettings[t].collapsible?v.addClass([e],q):v.removeClass([e],q)},z.prototype.createSplitPane=function(e){for(var t,i=e.children.length,s=0;s<this.paneSettings.length;s++)i<this.paneSettings.length&&(t=this.createElement("div"),this.element.appendChild(t),i+=1);var i=e.children.length,n=[].slice.call(e.children);if(this.sizeFlag=!1,0<i)for(s=0;s<i;s++)"DIV"!==n[s].nodeName&&"SPAN"!==n[s].nodeName||(this.allPanes.push(n[s]),"Horizontal"===this.orientation?v.addClass([n[s]],[h,a,o]):v.addClass([n[s]],[h,l,o]),this.panesDimension(s,n),v.isNullOrUndefined(this.paneSettings[s])||v.isNullOrUndefined(this.paneSettings[s].content)||this.setTemplate(this.paneSettings[s].content,n[s]),!v.isNullOrUndefined(this.paneSettings[s])&&this.paneSettings[s].cssClass&&this.setCssClass(n[s],this.paneSettings[s].cssClass),v.isNullOrUndefined(this.paneSettings[s]))||this.paneCollapsible(n[s],s)},z.prototype.expand=function(e){this.collapsedOnchange(e),this.updatePaneSettings(e,!1)},z.prototype.collapse=function(e){this.isCollapsed(e),this.updatePaneSettings(e,!0)},z.prototype.destroy=function(){if(!this.isDestroyed){for(G.prototype.destroy.call(this),v.EventHandler.remove(document,"touchstart click",this.onDocumentClick),this.element.ownerDocument.defaultView.removeEventListener("resize",this.onReportWindowSize,!0);0<this.element.attributes.length;)this.element.removeAttribute(this.element.attributes[0].name);this.element.innerHTML=this.wrapper.innerHTML;for(var e=0;e<this.wrapper.attributes.length;e++)this.element.setAttribute(this.wrapper.attributes[e].name,this.wrapper.attributes[e].value);this.refreshing&&(v.addClass([this.element],["e-control","e-lib",m]),this.allBars=[],this.allPanes=[]),this.restoreElem(),this.isReact&&this.clearTemplate(),this.allBars=[],this.allPanes=[],this.previousPane=null,this.nextPane=null,this.currentSeparator=null}},z.prototype.restoreElem=function(){if(0<this.templateElement.length)for(var e=0;e<this.templateElement.length;e++)this.templateElement[e].style.display="none",document.body.appendChild(this.templateElement[e])},z.prototype.addPaneClass=function(e){return"Horizontal"===this.orientation?v.addClass([e],[h,a,o]):v.addClass([e],[h,l,o]),e},z.prototype.removePaneOrders=function(e){for(var t=this.element.childNodes,i=[],s=0;t.length<0;s++)t[s].classList.contains(e)&&i.push(t[s]);for(s=0;s<i.length;s++)i[s].style.removeProperty("order")},z.prototype.setPaneOrder=function(){for(var e=0;e<this.allPanes.length;e++)this.panesDimension(e,this.allPanes)},z.prototype.removeSeparator=function(){for(var e=0;e<this.allBars.length;e++)v.detach(this.allBars[e]);this.allBars=[]},z.prototype.updatePanes=function(){this.setPaneOrder(),this.removeSeparator(),this.addSeparator(this.element)},z.prototype.addPane=function(e,t){var i=this.createElement("div"),i=this.addPaneClass(i),s=(t=t>this.allPanes.length+1?this.allPanes.length:t,{size:v.isNullOrUndefined(e.size)?"":e.size,min:v.isNullOrUndefined(e.min)?null:e.min,max:v.isNullOrUndefined(e.max)?null:e.max,content:v.isNullOrUndefined(e.content)?"":e.content,resizable:!!v.isNullOrUndefined(e.resizable)||e.resizable,collapsible:!v.isNullOrUndefined(e.collapsible)&&e.collapsible,collapsed:!v.isNullOrUndefined(e.collapsed)&&e.collapsed,cssClass:v.isNullOrUndefined(e.cssClass)?"":e.cssClass});this.paneSettings.splice(t,0,s),this.setProperties({paneSettings:this.paneSettings},!0),"Horizontal"===this.orientation?(this.element.insertBefore(i,this.element.querySelectorAll("."+a)[t]),this.removePaneOrders(a)):(this.element.insertBefore(i,this.element.querySelectorAll("."+l)[t]),this.removePaneOrders(l)),this.allPanes.splice(t,0,i),this.updatePanes(),this.setTemplate(this.paneSettings[t].content,i),this.setCssClass(this.allPanes[t],e.cssClass),this.allPanes[this.allPanes.length-1].classList.remove(y)},z.prototype.removePane=function(e){e=e>this.allPanes.length+1?this.allPanes.length:e;var t="Horizontal"===this.orientation?a:l;v.isNullOrUndefined(this.element.querySelectorAll("."+t)[e])||(v.detach(this.element.querySelectorAll("."+t)[e]),this.allPanes.splice(e,1),this.removePaneOrders(t),this.updatePanes(),this.paneSettings.splice(e,1),this.setProperties({paneSettings:this.paneSettings},!0),0<this.allPanes.length&&this.allPanes[this.allPanes.length-1].classList.remove(y))},i([v.Property("100%")],z.prototype,"height",void 0),i([v.Property(!1)],z.prototype,"enableReversePanes",void 0),i([v.Property("100%")],z.prototype,"width",void 0),i([v.Property(!1)],z.prototype,"enablePersistence",void 0),i([v.Collection([],_)],z.prototype,"paneSettings",void 0),i([v.Property("Horizontal")],z.prototype,"orientation",void 0),i([v.Property("")],z.prototype,"cssClass",void 0),i([v.Property(!0)],z.prototype,"enabled",void 0),i([v.Property(!0)],z.prototype,"enableHtmlSanitizer",void 0),i([v.Property(null)],z.prototype,"separatorSize",void 0),i([v.Event()],z.prototype,"beforeSanitizeHtml",void 0),i([v.Event()],z.prototype,"created",void 0),i([v.Event()],z.prototype,"resizeStart",void 0),i([v.Event()],z.prototype,"resizing",void 0),i([v.Event()],z.prototype,"resizeStop",void 0),i([v.Event()],z.prototype,"beforeCollapse",void 0),i([v.Event()],z.prototype,"beforeExpand",void 0),i([v.Event()],z.prototype,"collapsed",void 0),i([v.Event()],z.prototype,"expanded",void 0);var G,T=i([v.NotifyPropertyChanges],z);function z(e,t){e=G.call(this,e,t)||this;return e.needsID=!0,e}J=function(e,t){return(J=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])}))(e,t)};var J,K,i=function(e,t){function i(){this.constructor=e}J(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},A=function(e,t,i,s){var n,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;0<=r;r--)(n=e[r])&&(l=(a<3?n(l):3<a?n(t,i,l):n(t,i))||l);return 3<a&&l&&Object.defineProperty(t,i,l),l},I="e-prevent",E="e-dragging",Z="e-drag",$="e-responsive",ee="e-panel-content",te="e-panel-container",ie="e-panel-header",O=(K=v.ChildProperty,i(R,K),A([v.Property("")],R.prototype,"id",void 0),A([v.Property("")],R.prototype,"cssClass",void 0),A([v.Property("")],R.prototype,"header",void 0),A([v.Property("")],R.prototype,"content",void 0),A([v.Property(!0)],R.prototype,"enabled",void 0),A([v.Property(0)],R.prototype,"row",void 0),A([v.Property(0)],R.prototype,"col",void 0),A([v.Property(1)],R.prototype,"sizeX",void 0),A([v.Property(1)],R.prototype,"sizeY",void 0),A([v.Property(1)],R.prototype,"minSizeY",void 0),A([v.Property(1)],R.prototype,"minSizeX",void 0),A([v.Property(null)],R.prototype,"maxSizeY",void 0),A([v.Property(null)],R.prototype,"maxSizeX",void 0),A([v.Property(1e3)],R.prototype,"zIndex",void 0),R);function R(){return null!==K&&K.apply(this,arguments)||this}se=v.Component,i(H,se),H.prototype.preRender=function(){this.panelCollection=[],this.sortedArray=[],this.gridPanelCollection=[],this.overlapElement=[],this.overlapElementClone=[],this.overlapSubElementClone=[],this.collisionChecker={},this.dragCollection=[],this.elementRef={top:"",left:"",height:"",width:""},this.dimensions=[],this.allItems=[],this.oldRowCol={},this.availableClasses=[],this.setOldRowCol(),this.calculateCellSize(),this.contentTemplateChild=[].slice.call(this.element.children)},H.prototype.setOldRowCol=function(){for(var e=0;e<this.panels.length;e++)this.panels[e].id||(this.panelPropertyChange(this.panels[e],{id:"layout_"+this.panelID.toString()}),this.panelID=this.panelID+1),this.oldRowCol[this.panels[e].id]={row:this.panels[e].row,col:this.panels[e].col}},H.prototype.createPanelElement=function(e,t){var i=this.createElement("div");return e&&0<e.length&&v.addClass([i],e),t&&i.setAttribute("id",t),i},H.prototype.render=function(){this.element.setAttribute("role","list"),this.initialize(),this.isRenderComplete=!0,this.showGridLines&&!this.checkMediaQuery()&&this.initGridLines(),this.updateDragArea(),this.renderComplete(),this.renderReactTemplates()},H.prototype.initGridLines=function(){this.table=document.createElement("table");var e=document.createElement("tbody");this.table.classList.add("e-dashboard-gridline-table"),this.table.setAttribute("role","presentation");for(var t=0;t<this.maxRow();t++){for(var i=document.createElement("tr"),s=0;s<this.columns;s++){var n=document.createElement("td");n.classList.add("e-dashboard-gridline"),this.setAttributes({value:{row:t.toString(),col:s.toString(),sizeX:"1",sizeY:"1"}},n),this.setPanelPosition(n,t,s),this.setHeightAndWidth(n,{row:t,col:s,sizeX:1,sizeY:1}),i.appendChild(n)}e.appendChild(i)}this.table.appendChild(e),this.element.appendChild(this.table),this.renderReactTemplates()},H.prototype.initialize=function(){if(this.updateRowHeight(),0<this.element.childElementCount&&0<this.element.querySelectorAll(".e-panel").length){var e=[];this.setProperties({panels:[]},!0),this.isInlineRendering=!0;for(var t=0;t<this.element.querySelectorAll(".e-panel").length;t++)e.push(this.element.querySelectorAll(".e-panel")[t]);for(t=0;t<e.length;t++){var i=e[t];this.enableRtl&&v.addClass([i],"e-rtl"),this.getInlinePanels(i),this.maxCol(),this.maxRow()}for(t=0;t<this.panels.length;t++){var i=this.element.querySelector("#"+this.panels[t].id),s=(this.setMinMaxValues(this.panels[t]),(this.maxColumnValue<this.panels[t].col||this.maxColumnValue<this.panels[t].col+this.panels[t].sizeX)&&(s=this.maxColumnValue-this.panels[t].sizeX,this.panelPropertyChange(this.panels[t],{col:s<0?0:s})),this.setXYAttributes(i,this.panels[t]),this.renderPanels(i,this.panels[t],this.panels[t].id,!1));this.panelCollection.push(s),this.setHeightAndWidth(i,this.panels[t]),(this.tempObject=this).mediaQuery&&!window.matchMedia("("+this.mediaQuery+")").matches&&(this.setPanelPosition(i,this.panels[t].row,this.panels[t].col),this.mainElement=i,this.updatePanelLayout(i,this.panels[t]),this.mainElement=null),this.setClasses([i])}this.updateOldRowColumn(),this.checkMediaQuery()&&this.checkMediaQuerySizing()}else this.renderDashBoardCells(this.panels);!this.allowDragging||this.mediaQuery&&window.matchMedia("("+this.mediaQuery+")").matches||this.enableDraggingContent(this.panelCollection),this.sortedPanel(),this.bindEvents(),this.updatePanels(),this.updateCloneArrayObject(),this.checkColumnValue=this.maxColumnValue,this.checkMediaQuery()||this.panelResponsiveUpdate(),this.setEnableRtl()},H.prototype.checkMediaQuery=function(){return this.mediaQuery&&window.matchMedia("("+this.mediaQuery+")").matches},H.prototype.calculateCellSize=function(){this.cellSize=[],this.checkMediaQuery()?this.cellSize[1]=this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio:(this.cellSize[0]=this.element.parentElement&&this.element.parentElement.offsetWidth,v.isNullOrUndefined(this.cellSpacing)||(this.cellSize[0]=this.element.parentElement&&(this.element.parentElement.offsetWidth-(this.maxCol()-1)*this.cellSpacing[0])/this.maxCol()),this.cellSize[1]=this.cellSize[0]/this.cellAspectRatio)},H.prototype.maxRow=function(e){var t=1;if(1<this.rows&&v.isNullOrUndefined(e))return t=this.rows;for(var i=0;i<this.panels.length;i++)this.panels[i].sizeY+this.panels[i].row>t&&(t=this.panels[i].sizeY+this.panels[i].row);return t=0===this.panels.length?this.columns:t},H.prototype.maxCol=function(){var e=this.columns;return this.maxColumnValue=e},H.prototype.updateOldRowColumn=function(){for(var e=0;e<this.panels.length;e++){var t,i=this.panels[e].id;this.element.querySelector("[id='"+i+"']")&&(t=parseInt(this.element.querySelector("[id='"+i+"']").getAttribute("data-row"),10),i=parseInt(this.element.querySelector("[id='"+i+"']").getAttribute("data-col"),10),this.oldRowCol[this.panels[e].id]={row:t,col:i})}},H.prototype.createSubElement=function(e,t,i){var s=this.createElement("div");return i&&v.addClass([s],[i]),e&&0<e.length&&v.addClass([s],e),t&&s.setAttribute("id",t),s},H.prototype.templateParser=function(t){if(t)try{return"function"!=typeof t&&document.querySelectorAll(t).length?v.compile(document.querySelector(t).innerHTML.trim()):v.compile(t)}catch(e){var i=v.SanitizeHtmlHelper.sanitize(t);return v.compile(this.enableHtmlSanitizer&&"string"==typeof t?i:t)}},H.prototype.renderTemplate=function(e,t,i,s,n){var a=this.templateParser(e),l=[];if("."!==e[0]&&"#"!==e[0]||"SCRIPT"===document.querySelector(e).tagName){a=a({},this,n,i,s,null,t);if(a){for(var r=0,o=a;r<o.length;r++){var h=o[r];l.push(h)}v.append([].slice.call(l),t)}}else{n=document.querySelector(e);v.isNullOrUndefined(n)?e.trim():("none"===n.style.display&&n.style.removeProperty("display"),""===n.getAttribute("style")&&n.removeAttribute("style"),t.appendChild(n))}},H.prototype.renderPanels=function(e,t,i,s){v.addClass([e],["e-panel","e-panel-transition"]),e.setAttribute("role","listitem"),this.allowDragging&&e.setAttribute("aria-grabbed","false");var n,a=t.cssClass?t.cssClass.split(" "):null;return this.panelContent=e.querySelector(".e-panel-container")?e.querySelector(".e-panel-container"):this.createSubElement(a,e.id+"_content",te),e.appendChild(this.panelContent),t.enabled||this.disablePanel(e),t.header&&(a=e.querySelector(".e-panel-header")?e.querySelector(".e-panel-header"):this.createSubElement([],e.id+"template",""),v.addClass([a],[ie]),e.querySelector(".e-panel-header")||(n=this.element.id+"HeaderTemplate"+i,this.renderTemplate(t.header,a,n,s,"header"),this.panelContent.appendChild(a),this.renderReactTemplates())),t.content&&(a=t.cssClass?t.cssClass.split(" "):null,this.panelBody=e.querySelector(".e-panel-content")?e.querySelector(".e-panel-content"):this.createSubElement(a,e.id+"_body",ee),a=this.panelContent.querySelector(".e-panel-header")?window.getComputedStyle(this.panelContent.querySelector(".e-panel-header")).height:"0px",v.setStyleAttribute(this.panelBody,{height:"calc( 100% - "+a+")"}),e.querySelector(".e-panel-content")||(n=this.element.id+"ContentTemplate"+i,this.renderTemplate(t.content,this.panelBody,n,s,"content"),this.panelContent.appendChild(this.panelBody),this.renderReactTemplates())),e},H.prototype.disablePanel=function(e){v.addClass([e],["e-disabled"])},H.prototype.getInlinePanels=function(e){var t={sizeX:e.hasAttribute("data-sizex")?parseInt(e.getAttribute("data-sizex"),10):1,sizeY:e.hasAttribute("data-sizey")?parseInt(e.getAttribute("data-sizey"),10):1,minSizeX:e.hasAttribute("data-minsizex")?parseInt(e.getAttribute("data-minsizex"),10):1,minSizeY:e.hasAttribute("data-minsizey")?parseInt(e.getAttribute("data-minsizey"),10):1,maxSizeX:e.hasAttribute("data-maxsizex")?parseInt(e.getAttribute("data-maxsizex"),10):null,maxSizeY:e.hasAttribute("data-maxsizey")?parseInt(e.getAttribute("data-maxsizey"),10):null,row:e.hasAttribute("data-row")?parseInt(e.getAttribute("data-row"),10):0,col:e.hasAttribute("data-col")?parseInt(e.getAttribute("data-col"),10):0,id:e.getAttribute("id"),zIndex:e.hasAttribute("data-zindex")?parseInt(e.getAttribute("data-zIndex"),10):1e3,header:e.querySelector(".e-panel-header")&&".e-panel-header",content:e.querySelector(".e-panel-content")&&".e-panel-content"},e=(t.id||(t.id="layout_"+this.panelID.toString(),e.setAttribute("id",t.id),this.panelID=this.panelID+1),v.isUndefined(t.enabled)&&(t.enabled=!0),e.style.zIndex=""+t.zIndex,new O(this,"panels",t,!0));this.panels.push(e),this.oldRowCol[t.id]={row:t.row,col:t.col}},H.prototype.resizeEvents=function(){if(this.allowResizing)for(var e=this.element.querySelectorAll(".e-panel .e-panel-container .e-resize"),t=0;t<e.length;t++){var i="msie"===v.Browser.info.name?"mousedown pointerdown":"mousedown";v.EventHandler.add(e[t],i,this.downResizeHandler,this),"msie"!==v.Browser.info.name&&v.EventHandler.add(e[t],"touchstart",this.touchDownResizeHandler,this)}},H.prototype.bindEvents=function(){this.refreshListener=this.refresh.bind(this),v.EventHandler.add(window,"resize",this.refreshListener),this.resizeEvents()},H.prototype.downResizeHandler=function(e){for(var t,i,s=v.closest(e.currentTarget,".e-panel"),n=0;this.panels.length>n;n++)this.panels[n].enabled&&this.panels[n].id===s.id&&(this.downHandler(e),this.lastMouseX=e.pageX,this.lastMouseY=e.pageY,t="msie"===v.Browser.info.name?"mousemove pointermove":"mousemove",i="msie"===v.Browser.info.name?"mouseup pointerup":"mouseup",this.isMouseMoveBound||(v.EventHandler.add(document,t,this.moveResizeHandler,this),this.isMouseMoveBound=!0),this.isMouseUpBound||(v.EventHandler.add(document,i,this.upResizeHandler,this),this.isMouseUpBound=!0))},H.prototype.downHandler=function(e){this.resizeCalled=!1,this.panelsInitialModel=this.cloneModels(this.panels);var t=v.closest(e.currentTarget,".e-panel");this.trigger("resizeStart",{event:e,element:t,isInteracted:!0}),this.downTarget=e.currentTarget,this.shadowEle=document.createElement("div"),this.shadowEle.classList.add("e-holder"),v.addClass([this.element],[I]),this.element.appendChild(this.shadowEle),this.renderReactTemplates(),this.elementX=parseFloat(t.style.left),this.elementY=parseFloat(t.style.top),this.elementWidth=t.offsetWidth,this.elementHeight=t.offsetHeight,this.originalWidth=this.getCellInstance(t.id).sizeX,this.originalHeight=this.getCellInstance(t.id).sizeY,this.previousRow=this.getCellInstance(t.id).row},H.prototype.touchDownResizeHandler=function(e){this.downHandler(e),this.lastMouseX=e.changedTouches[0].pageX,this.lastMouseY=e.changedTouches[0].pageY,this.isMouseMoveBound||(v.EventHandler.add(document,"touchmove",this.touchMoveResizeHandler,this),this.isMouseMoveBound=!0),this.isMouseUpBound||(v.EventHandler.add(document,"touchend",this.upResizeHandler,this),this.isMouseUpBound=!0)},H.prototype.getCellSize=function(){return[this.cellSize[0],this.cellSize[1]]},H.prototype.updateMaxTopLeft=function(e){this.moveTarget=this.downTarget;var t=v.closest(this.moveTarget,".e-panel");this.trigger("resize",{event:e,element:t,isInteracted:!0})},H.prototype.updateResizeElement=function(e){this.maxLeft=this.element.offsetWidth-1,this.maxTop=this.cellSize[1]*this.maxRows-1,v.removeClass([e],"e-panel-transition"),v.addClass([e],[E]);for(var t=["e-east","e-west","e-north","e-south","e-south-east","e-north-east","e-north-west","e-south-west"],i=0;i<this.moveTarget.classList.length;i++)-1!==t.indexOf(this.moveTarget.classList[i])&&(this.handleClass=this.moveTarget.classList[i])},H.prototype.moveResizeHandler=function(e){this.updateMaxTopLeft(e);var t,i,s=v.closest(this.moveTarget,".e-panel");this.lastMouseX!==e.pageX&&this.lastMouseY!==e.pageY&&(this.updateResizeElement(s),t=this.getCellInstance(s.getAttribute("id")),this.mouseX=e.pageX,this.mouseY=e.pageY,e=this.mouseY-this.lastMouseY+this.mOffY,i=this.mouseX-this.lastMouseX+this.mOffX,this.mOffX=this.mOffY=0,this.lastMouseY=this.mouseY,this.lastMouseX=this.mouseX,this.resizingPanel(s,t,i,e))},H.prototype.touchMoveResizeHandler=function(e){this.updateMaxTopLeft(e);var t,i,s=v.closest(this.moveTarget,".e-panel");this.lastMouseX!==e.changedTouches[0].pageX&&this.lastMouseY!==e.changedTouches[0].pageY&&(this.updateResizeElement(s),t=this.getCellInstance(s.getAttribute("id")),this.mouseX=e.changedTouches[0].pageX,this.mouseY=e.changedTouches[0].pageY,e=this.mouseX-this.lastMouseX+this.mOffX,i=this.mouseY-this.lastMouseY+this.mOffY,this.mOffX=this.mOffY=0,this.lastMouseX=this.mouseX,this.lastMouseY=this.mouseY,this.resizingPanel(s,t,e,i))},H.prototype.resizingPanel=function(e,t,i,s){var n=this.getCellInstance(e.id).sizeX,a=this.getCellInstance(e.id).sizeY,l=s,r=i,r=(0<=this.handleClass.indexOf("north")&&(this.elementHeight-l<this.getMinHeight(t)?(s=this.elementHeight-this.getMinHeight(t),this.mOffY=l-s):t.maxSizeY&&this.elementHeight-l>this.getMaxHeight(t)?(s=this.elementHeight-this.getMaxHeight(t),this.mOffY=l-s):this.elementY+l<this.minTop&&(s=this.minTop-this.elementY,this.mOffY=l-s),this.elementY+=s,this.elementHeight-=s),0<=this.handleClass.indexOf("south")&&(this.elementHeight+l<this.getMinHeight(t)?(s=this.getMinHeight(t)-this.elementHeight,this.mOffY=l-s):t.maxSizeY&&this.elementHeight+l>this.getMaxHeight(t)&&(s=this.getMaxHeight(t)-this.elementHeight,this.mOffY=l-s),this.elementHeight+=s),0<=this.handleClass.indexOf("west")&&(this.elementWidth-r<this.getMinWidth(t)?(i=this.elementWidth-this.getMinWidth(t),this.mOffX=r-i):t.maxSizeX&&this.elementWidth-r>this.getMaxWidth(t)?(i=this.elementWidth-this.getMaxWidth(t),this.mOffX=r-i):this.elementX+r<this.minLeft&&(i=this.minLeft-this.elementX,this.mOffX=r-i),this.elementX+=i,this.elementWidth-=i),0<=this.handleClass.indexOf("east")&&(this.elementWidth+r<this.getMinWidth(t)?(i=this.getMinWidth(t)-this.elementWidth,this.mOffX=r-i):t.maxSizeX&&this.elementWidth+r>this.getMaxWidth(t)&&(i=this.getMaxWidth(t)-this.elementWidth,this.mOffX=r-i),l=this.elementWidth,this.elementWidth+=i,s=this.pixelsToColumns(this.elementWidth-t.sizeX*this.cellSpacing[1],!0),this.columns<t.col+s)&&(this.elementWidth=l),e.style.top=this.elementY+"px",e.style.left=this.elementX+"px",e.style.width=this.elementWidth+"px",e.style.height=this.elementHeight+"px",this.getResizeRowColumn(t));r.col+r.sizeX>this.columns&&this.panelPropertyChange(r,{sizeX:r.sizeX-1}),this.shadowEle.style.top=r.row*this.getCellSize()[1]+r.row*this.cellSpacing[1]+"px",0<=this.handleClass.indexOf("west")?this.shadowEle.style.left=r.col*this.getCellSize()[0]+(r.col-1)*this.cellSpacing[0]+"px":this.shadowEle.style.left=r.col*this.getCellSize()[0]+r.col*this.cellSpacing[0]+"px",this.shadowEle.style.height=r.sizeY*(this.getCellSize()[1]+this.cellSpacing[1])+"px",this.shadowEle.style.width=r.sizeX*(this.getCellSize()[0]+this.cellSpacing[0])+"px",n===r.sizeX&&a===r.sizeY||(n=r.sizeX,a=r.sizeY,s={attributes:{row:(i=this.getCellInstance(e.id)).row.toString(),col:i.col.toString(),sizeX:i.sizeX.toString(),sizeY:i.sizeY.toString()}},this.setAttributes(s,e),this.mainElement=e,this.checkCollision=[],this.updatePanelLayout(e,this.getCellInstance(e.id)),this.updateOldRowColumn(),this.sortedPanel())},H.prototype.upResizeHandler=function(e){var t,i,s;v.isNullOrUndefined(this.downTarget)||(this.upTarget=this.downTarget,t={event:e,element:e=v.closest(this.upTarget,".e-panel"),isInteracted:!0},e&&(v.addClass([e],"e-panel-transition"),s="msie"===v.Browser.info.name?"mousemove pointermove":"mousemove",i="msie"===v.Browser.info.name?"mouseup pointerup":"mouseup",v.EventHandler.remove(document,s,this.moveResizeHandler),v.EventHandler.remove(document,i,this.upResizeHandler),"msie"!==v.Browser.info.name&&(v.EventHandler.remove(document,"touchmove",this.touchMoveResizeHandler),v.EventHandler.remove(document,"touchend",this.upResizeHandler)),this.isMouseUpBound=!1,this.isMouseMoveBound=!1,this.shadowEle&&v.detach(this.shadowEle),this.shadowEle=null,s=this.getCellInstance(e.getAttribute("id")),this.setPanelPosition(e,s.row,s.col),this.setHeightAndWidth(e,s)),v.removeClass([e],[E]),this.trigger("resizeStop",t),this.resizeCalled=!1,this.lastMouseX=this.lastMouseY=void 0,this.mOffX=this.mOffY=0,this.mainElement=null,this.allowFloating&&this.moveItemsUpwards(),this.updatePanels(),this.updateCloneArrayObject(),this.checkForChanges(!0))},H.prototype.getResizeRowColumn=function(e){var t=!1,i=e.col,s=(-1!==["e-west","e-south-west"].indexOf(this.handleClass)&&(i=this.pixelsToColumns(this.elementX,!1)),e.row),n=(-1!==["e-north"].indexOf(this.handleClass)&&(s=this.pixelsToRows(this.elementY,!1),this.previousRow!==s)&&(this.previousRow=s,t=!0),e.sizeX),a=(-1===["e-north","e-south"].indexOf(this.handleClass)&&(n=this.pixelsToColumns(this.elementWidth-n*this.cellSpacing[1],!0)),e.sizeY);return-1!==["e-east","e-west"].indexOf(this.handleClass)||"e-north"===this.handleClass&&!t||(a=this.pixelsToRows(this.elementHeight-a*this.cellSpacing[0],!0)),e.col+n>this.columns&&(e.sizeX=n-1),(-1<s&&-1<i&&n+i<=this.maxCol()&&a+s<=this.maxRow()&&0===this.collisions(s,i,n,a,this.getPanelBase(e.id)).length||!1!==this.allowPushing)&&this.panelPropertyChange(e,{row:s,col:i,sizeX:n,sizeY:a}),e},H.prototype.pixelsToColumns=function(e,t){return t?Math.ceil(e/this.cellSize[0]):Math.floor(e/(this.cellSize[0]+this.cellSpacing[0]))},H.prototype.pixelsToRows=function(e,t){return t?Math.round(e/this.cellSize[1]):Math.round(e/(this.cellSize[1]+this.cellSpacing[0]))},H.prototype.getMinWidth=function(e){return e.minSizeX*this.getCellSize()[0]+(e.minSizeX-1)*this.cellSpacing[0]},H.prototype.getMaxWidth=function(e){return e.maxSizeX*this.getCellSize()[0]},H.prototype.getMinHeight=function(e){return e.minSizeY*this.getCellSize()[1]+(e.minSizeY-1)*this.cellSpacing[1]},H.prototype.getMaxHeight=function(e){return e.maxSizeY*this.getCellSize()[1]},H.prototype.sortedPanel=function(){this.sortedArray=[];for(var e=0,t=this.panelCollection.length;e<t;++e)this.sortItem(this.panelCollection[e])},H.prototype.moveItemsUpwards=function(){if(!1!==this.allowFloating){for(var e=0,t=this.sortedArray.length;e<t;++e){var i=this.sortedArray[e];if(i)for(var s=0,n=i.length;s<n;++s){var a=i[s];a&&this.moveItemUpwards(a)}}this.updateGridLines()}},H.prototype.moveItemUpwards=function(e){if(!1!==this.allowFloating&&e!==this.mainElement){for(var t=this.getCellInstance(e.id).col,i=parseInt(e.getAttribute("data-sizeY"),10),s=parseInt(e.getAttribute("data-sizeX"),10),n=null,a=null,l=parseInt(e.getAttribute("data-row"),10)-1;-1<l;){if(0!==this.collisions(l,t,s,i,e).length)break;n=l,a=t,--l}null!==n&&this.sortItem(e,n,a)}},H.prototype.sortItem=function(e,t,i){this.overlapElement=[];var s,n=parseInt(e.getAttribute("data-col"),10),a=parseInt(e.getAttribute("data-row"),10);this.sortedArray[a]||(this.sortedArray[a]=[]),void 0!==(this.sortedArray[a][n]=e)&&void 0!==t&&void 0!==i&&(void 0!==this.oldRowCol[e.id]&&null!==this.oldRowCol[e.id].row&&void 0!==this.oldRowCol[e.id].col&&(s=this.sortedArray[this.oldRowCol[e.id].row],this.oldRowCol[e.id])&&s[this.oldRowCol[e.id].col]===e&&(delete s[this.oldRowCol[e.id].col],this.updateOldRowColumn(),this.sortedPanel()),this.oldRowCol[e.id].row=t,this.oldRowCol[e.id].row=i,this.sortedArray[a]||(this.sortedArray[a]=[]),this.sortedArray[a][n]=e,-1===this.allItems.indexOf(e)&&this.allItems.push(e),this.panelPropertyChange(this.getCellInstance(e.id),{row:t,col:i}),s=this.getCellInstance(e.id),this.setAttributes({value:{col:s.col.toString(),row:s.row.toString()}},e),this.updateLayout(e,this.getCellInstance(e.id)))},H.prototype.updateLayout=function(e,t){this.setPanelPosition(e,t.row,t.col),this.setHeightAndWidth(e,t),this.updateRowHeight(),this.sortedPanel()},H.prototype.refresh=function(){if(this.panelsSizeY=0,this.updateDragArea(),this.checkMediaQuery())this.checkMediaQuerySizing();else{if(this.element.classList.contains($)){v.removeClass([this.element],[$]);for(var e=this.element.querySelectorAll((this.element.id?"#"+this.element.id+" > ":"")+".e-panel"),t=0;t<e.length;t++){var i=e[t],s=this.getCellInstance(i.id),n=parseInt(i.getAttribute("data-row"),10),a=parseInt(i.getAttribute("data-col"),10);this.panelPropertyChange(s,{row:n,col:a}),this.setHeightAndWidth(i,this.getCellInstance(i.id)),this.setPanelPosition(i,n,a),this.updateRowHeight()}}this.panelResponsiveUpdate(),this.updateGridLines()}v.isNullOrUndefined(this.panelCollection)||(this.removeResizeClasses(this.panelCollection),this.setClasses(this.panelCollection)),this.resizeEvents(),v.isNullOrUndefined(this.panelCollection)||this.checkDragging(this.dragCollection)},H.prototype.updateGridLines=function(){this.element.querySelector(".e-dashboard-gridline-table")&&(this.table&&v.detach(this.table),this.initGridLines())},H.prototype.checkDragging=function(e){if(this.checkMediaQuery()||!this.allowDragging)for(var t=0;t<e.length;t++)e[t].destroy();else{for(t=0;t<e.length;t++)e[t].destroy();this.enableDraggingContent(this.panelCollection)}},H.prototype.sortPanels=function(){for(var s=[],e=function(i){for(var e=0;e<n.columns;e++)!function(t){n.panels.filter(function(e){e.row===i&&e.col===t&&s.push(e)})}(e)},n=this,t=0;t<=this.rows;t++)e(t);return s},H.prototype.checkMediaQuerySizing=function(){var e;v.addClass([this.element],[$]),e=this.isPanelRemoved&&this.panels?this.panels:this.sortPanels(),this.updatedRows=e.length;for(var t=0;t<e.length;t++){var i,s=document.getElementById(e[t].id);s&&(v.setStyleAttribute(s,{width:"100%"}),s.style.height=" "+(this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio)*e[t].sizeY+"px",1<e[t].sizeY&&(i=(this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio)*e[t].sizeY+parseInt((Math.round(e[t].sizeY/2)*this.cellSpacing[1]).toString(),10),s.style.height=i+"px"),this.resizeHeight=!0,this.panelPropertyChange(e[t],{row:t,col:0}),this.setPanelPosition(s,e[t].row,e[t].col),this.panelsSizeY=this.panelsSizeY+e[t].sizeY,v.isNullOrUndefined(this.panelCollection)||(this.setClasses(this.panelCollection),this.removeResizeClasses(this.panelCollection)),v.isNullOrUndefined(this.dragCollection)||this.checkDragging(this.dragCollection))}this.updateRowHeight()},H.prototype.panelResponsiveUpdate=function(){this.element.classList.add("e-responsive"),this.calculateCellSize();for(var e=0;e<this.element.querySelectorAll(".e-panel").length;e++){var t=this.element.querySelectorAll(".e-panel")[e],i=this.getCellInstance(t.id);this.setHeightAndWidth(t,i)}for(e=0;e<this.panels.length;e++)this.setPanelPosition(document.getElementById(this.panels[e].id),this.panels[e].row,this.panels[e].col);this.updateRowHeight()},H.prototype.updateRowHeight=function(){this.getRowColumn(),this.setHeightWidth()},H.prototype.setHeightWidth=function(){if(!v.isNullOrUndefined(this.cellSpacing)){if(this.checkMediaQuery()){for(var e=0,t=0;t<this.panels.length;t++)this.panels[t].sizeY&&(e+=this.panels[t].sizeY);i=e*(this.element.parentElement&&this.element.parentElement.offsetWidth/this.cellAspectRatio)+(e-1)*this.cellSpacing[1]+"px"}else i=this.maxRow()*(this.cellSize[0]/this.cellAspectRatio)+(this.maxRow()-1)*this.cellSpacing[1]+"px";v.setStyleAttribute(this.element,{height:i});var i=window.getComputedStyle(this.element).width;v.setStyleAttribute(this.element,{width:i})}},H.prototype.setHeightAndWidth=function(e,t){v.setStyleAttribute(e,{height:v.formatUnit(this.setXYDimensions(t)[0])}),v.setStyleAttribute(e,{width:v.formatUnit(this.setXYDimensions(t)[1])})},H.prototype.renderCell=function(e,t,i){this.dimensions=this.setXYDimensions(e),v.isUndefined(e.enabled)&&(e.enabled=!0),0<this.contentTemplateChild.length&&!v.isNullOrUndefined(i)?(s=this.contentTemplateChild[i],e.cssClass&&v.addClass([s],[e.cssClass]),e.id&&s.setAttribute("id",e.id)):s=this.createPanelElement(e.cssClass?e.cssClass.split(" "):null,e.id),s.style.zIndex=""+e.zIndex,this.element.appendChild(s),this.renderReactTemplates();var s,i=this.renderPanels(s,e,e.id,t);return this.panelCollection.push(i),this.setXYAttributes(s,e),this.setHeightAndWidth(s,e),s},H.prototype.setPanelPosition=function(e,t,i){var s,n;e&&(this.checkMediaQuery()&&this.calculateCellSize(),s=this.getCellSize()[1],n=this.getCellSize()[0],i=0===i?0:i*(n+this.cellSpacing[0]),n=0===t?0:t*(s+this.cellSpacing[1]),this.checkMediaQuery()&&(n=0===t?0:this.panelsSizeY*(s+this.cellSpacing[1])),v.setStyleAttribute(e,{left:i+"px",top:n+"px"}))},H.prototype.getRowColumn=function(){if(this.rows=null,0<this.element.querySelectorAll(".e-panel").length&&!this.updatedRows)for(var e=this.element.querySelectorAll(".e-panel"),t=0;t<e.length;t++){var i=e[t],s=parseInt(i.getAttribute("data-row"),10),i=parseInt(i.getAttribute("data-sizeY"),10);this.rows=Math.max(this.rows,s+i)}else{this.updatedRows&&(this.rows=this.updatedRows,this.updatedRows=null);for(t=0;t<this.panels.length;t++)this.rows=Math.max(this.rows,this.panels[t].row)}},H.prototype.setMinMaxValues=function(e){!e.sizeX||e.sizeX<e.minSizeX?this.panelPropertyChange(e,{sizeX:e.minSizeX}):e.maxSizeX&&e.sizeX>e.maxSizeX?this.panelPropertyChange(e,{sizeX:e.maxSizeX}):e.sizeX>this.columns?this.panelPropertyChange(e,{sizeX:this.columns}):this.panelPropertyChange(e,{sizeX:e.sizeX}),!e.sizeY||e.sizeY<e.minSizeY?this.panelPropertyChange(e,{sizeY:e.minSizeY}):e.maxSizeY&&e.sizeY>e.maxSizeY?this.panelPropertyChange(e,{sizeY:e.maxSizeY}):this.panelPropertyChange(e,{sizeY:e.sizeY})},H.prototype.checkMinMaxValues=function(e){e.col+e.sizeX>this.columns&&this.panelPropertyChange(e,{sizeX:e.sizeX+(this.columns-(e.col+e.sizeX))})},H.prototype.panelPropertyChange=function(e,t){e.setProperties(t,!0)},H.prototype.renderDashBoardCells=function(e){if(0<this.element.querySelectorAll(".e-panel").length||0<this.panels.length)for(var t=0;t<e.length;t++){this.gridPanelCollection.push(e[t]),this.setMinMaxValues(e[t]),(this.maxColumnValue<e[t].col||this.maxColumnValue<e[t].col+e[t].sizeX)&&this.panelPropertyChange(e[t],{col:this.maxColumnValue-e[t].sizeX});var i=this.renderCell(e[t],!1,t);this.enableRtl&&v.addClass([i],"e-rtl"),this.element.appendChild(i),this.renderReactTemplates(),this.checkMediaQuery()&&t===e.length-1?this.checkMediaQuerySizing():(this.setPanelPosition(i,e[t].row,e[t].col),this.mainElement=i,this.updatePanelLayout(i,e[t]),this.mainElement=null)}this.setClasses(this.panelCollection)},H.prototype.collisions=function(e,t,i,s,n){var a,l=[];i&&s||(i=s=1),!n||n instanceof Array||(n=[n]);for(var r=0;r<s;++r)for(var o=0;o<i;++o)!(a=this.getPanel(e+r,t+o,n))||n&&-1!==n.indexOf(this.element.querySelector("[id='"+a.id+"']"))||-1!==l.indexOf(this.element.querySelector("[id='"+a.id+"']"))||l.push(this.element.querySelector("[id='"+a.id+"']"));return l},H.prototype.rightWardsSpaceChecking=function(e,n,t){var a=this,l=[],i=[];if(e.forEach(function(e){var t=parseInt(e.getAttribute("data-col"),10),i=parseInt(e.getAttribute("data-sizeX"),10);if(n<a.columns&&n<=t)if(1<i)for(var s=t;s<t+i;s++)l.push(s);else l.push(t)}),0<l.length)for(var s=n+1;s<=this.columns-1;s++)-1===l.indexOf(s)&&s!==n&&-1===i.indexOf(s)&&i.push(s);var r=this.getOccupiedColumns(t);return r.forEach(function(e){n<e&&-1!==i.indexOf(e)&&i.splice(i.indexOf(e),1)}),this.getOccupiedColumns(this.checkingElement).forEach(function(e){e>parseInt(t.getAttribute("data-col"),10)&&-1===r.indexOf(e)&&-1===i.indexOf(e)&&i.push(e)}),i=i.sort(function(e,t){return e-t})},H.prototype.getOccupiedColumns=function(e){for(var t=[],i=parseInt(e.getAttribute("data-sizeX"),10),s=parseInt(e.getAttribute("data-col"),10),n=s;n<s+i&&n<=this.columns;n++)t.push(n);return t},H.prototype.leftWardsSpaceChecking=function(e,n,t){var a=this,i=[],l=[];if(e.forEach(function(e){var t=parseInt(e.getAttribute("data-col"),10),i=parseInt(e.getAttribute("data-sizeX"),10);if(n<=a.columns&&t<=n)if(1<i)for(var s=t;s<t+i;s++)l.push(s);else l.push(t)}),0<l.length)for(var s=0;s<=n;s++)-1===l.indexOf(s)&&s!==n&&-1===i.indexOf(s)&&i.push(s);var r=this.getOccupiedColumns(t);return r.forEach(function(e){e<n&&-1!==i.indexOf(e)&&i.splice(i.indexOf(e),1)}),this.getOccupiedColumns(this.checkingElement).forEach(function(e){e<parseInt(t.getAttribute("data-col"),10)&&-1===r.indexOf(e)&&-1===i.indexOf(e)&&i.push(e)}),i=(i=i.sort(function(e,t){return e-t})).reverse()},H.prototype.adjustmentAvailable=function(e,t,i,s,n){this.leftAdjustable=void 0,this.rightAdjustable=void 0;var a,l=!1,r=[],o=(this.topAdjustable=void 0,parseInt(n.getAttribute("data-sizeX"),10)),h=parseInt(n.getAttribute("data-col"),10),p=(-1===(r=this.getRowElements(this.collisions(e,0,this.columns,i,[]))).indexOf(n)&&r.push(n),this.leftWardsSpaceChecking(r,t,n));if(0<p.length?(this.leftAdjustable=this.isLeftAdjustable(p,n,e,t,s,i),this.spacedColumnValue!==h-this.getCellInstance(this.checkingElement.id).sizeX&&(this.leftAdjustable=!1),!this.leftAdjustable&&(this.leftAdjustable=!1,a=this.rightWardsSpaceChecking(r,t,n),this.rightAdjustable=0<a.length&&this.isRightAdjustable(a,n,e,t,s,i),this.spacedColumnValue!==o+h&&(this.rightAdjustable=!1),this.rightAdjustable)||(this.rightAdjustable=!1)):(a=this.rightWardsSpaceChecking(r,t,n),this.rightAdjustable=0<a.length&&this.isRightAdjustable(a,n,e,t,s,i),this.spacedColumnValue!==o+h&&(this.rightAdjustable=!1),this.rightAdjustable&&(this.leftAdjustable=!1)),!this.rightAdjustable&&!this.leftAdjustable&&0<e){var d=this.getCellInstance(n.id).row,c=!1;this.startRow!==d&&(c=!0);for(var u=e;0<=u;u--){var g=1<this.getCellInstance(n.id).sizeY&&c?this.checkingElement:n;u!==d&&u===d-i&&0===this.collisions(u,t,s,i,g).length&&(this.topAdjustable=!(c=!1),this.spacedRowValue=v.isNullOrUndefined(this.spacedRowValue)?u:this.spacedRowValue,this.spacedColumnValue=t)}}return(this.rightAdjustable||this.leftAdjustable||this.topAdjustable)&&(l=!0,v.isNullOrUndefined(this.spacedRowValue))&&(this.spacedRowValue=e),l},H.prototype.isXSpacingAvailable=function(e,t){for(var i=!1,s=[],n=0;n<e.length;n++)if(e[n+1]-e[n]!=1&&e[n+1]-e[n]!=-1)s=[];else if(s.push(e[n]),2===t&&s.push(e[n+1]),n===e.length-2&&(s.push(e[n+1]),s.length>t)&&s.splice(-1),s.length===t)return i=!0,this.spacedColumnValue=s.sort(function(e,t){return e-t})[0],this.spacedColumnValue<0&&(this.spacedColumnValue=1),i;return i},H.prototype.getRowElements=function(e){for(var t=[],i=0;i<e.length;i++)t.push(e[i]);return t},H.prototype.isLeftAdjustable=function(e,t,i,s,n,a){var l;if(1===n&&1===a&&0<e.length)this.spacedColumnValue=e[0],l=!0;else if(1<n&&1===a)l=this.isXSpacingAvailable(e,n);else if(1<a)if(1===n){var r=void 0;if(r=1<=e.length?!0:r)for(var o=0;o<e.length;o++){if(0===this.collisions(i,e[o],n,a,this.checkingElement).length)return this.spacedColumnValue=e[o],l=!0;l=!1}}else l=this.replacable(e,n,i,a,t);return l},H.prototype.isRightAdjustable=function(e,t,i,s,n,a){var l;if(1===n&&1===a&&0<e.length)this.spacedColumnValue=e[0],l=!0;else if(1<n&&1===a)l=this.isXSpacingAvailable(e,n);else if(1<a)if(1===n){var r=void 0;if(r=1<=e.length?!0:r)for(var o=0;o<e.length;o++){for(var h=this.collisions(i,e[o],n,a,this.checkingElement),p=0;p<h.length;p++)parseInt(t.getAttribute("data-col"),10)!==e[o]&&h.splice(h.indexOf(h[p]),1);if(0===h.length)return l=!0,this.spacedColumnValue=e[o],l;l=!1}}else l=this.replacable(e,n,i,a,t);return l},H.prototype.replacable=function(e,t,i,s,n){for(var a,l=[],r=0;r<e.length;r++)if(this.isXSpacingAvailable(e,t)){var o=[];if(o.push(this.checkingElement),o.push(n),0===l.length)return a=!0;a=!1}return a},H.prototype.sortCollisionItems=function(i){for(var s,n=[],e=function(t){s=[],i.forEach(function(e){e&&e.getAttribute("data-row")===t.toString()&&s.push(e)});for(var e=a.columns-1;0<=e;e--)!function(t){s.forEach(function(e){e&&e.getAttribute("data-col")===t.toString()&&n.push(e)})}(e)},a=this,t=this.rows-1;0<=t;t--)e(t);return n},H.prototype.updatedModels=function(n,a,l){var r=this,o=[];return this.mainElement||this.sortedPanel(),n.forEach(function(e){r.checkingElement=e;var t=r.getCellInstance(e.id),i=!r.adjustmentAvailable(t.row,t.col,t.sizeY,t.sizeX,l);if(1<t.sizeX&&i)for(var s=t.row;s<a.row+a.sizeY;s++)r.collisions(s,t.col,t.sizeX,t.sizeY,e).forEach(function(e){0<=n.indexOf(e)&&-1===o.indexOf(e)&&o.push(e)})}),o.forEach(function(e){0<=o.indexOf(e)&&n.splice(n.indexOf(e),1)}),n},H.prototype.resetLayout=function(e){var t=this.collisions(e.row,e.col,e.sizeX,e.sizeY,this.mainElement);if(this.mainElement&&!this.addPanelCalled&&!this.resizeCalled&&!this.movePanelCalled){if(this.mainElement&&this.oldRowCol!==this.cloneObject)for(var i=0;i<this.panels.length;i++){var s,n,a=this.element.querySelector("[id='"+this.panels[i].id+"']");a!==this.mainElement&&(s=this.cloneObject[a.id].row,n=this.cloneObject[a.id].col,this.setPanelPosition(a,s,n),this.panelPropertyChange(this.getCellInstance(a.id),{row:s,col:n}),this.setAttributes({value:{col:n.toString(),row:s.toString()}},a),this.updateOldRowColumn())}this.sortedArray=this.cloneArray,t=this.collisions(e.row,e.col,e.sizeX,e.sizeY,this.mainElement),this.sortedPanel(),this.updateOldRowColumn(),this.checkCollision&&0<this.checkCollision.length&&-1===t.indexOf(this.checkCollision[0])&&this.cloneObject[this.checkCollision[0].id].row===e.row&&t.push(this.checkCollision[0])}return t},H.prototype.swapAvailability=function(e,t){for(var i=!0,s=this.getCellInstance(t.id),n=0;n<e.length;n++)for(var a=this.getCellInstance(e[n].id),l=1;l<s.sizeY;l++){var r=[];if(r.push(t),r.push(e[n]),0<this.collisions(s.row+l,a.col,a.sizeX,a.sizeY,r).length)return i=!1}return i},H.prototype.checkForSwapping=function(e,t){if(!this.mainElement||0===e.length)return!1;var i,s=parseInt(e[0].getAttribute("data-row"),10);if(this.startRow<s?i=1:this.startRow>s&&(i=0),!this.swapAvailability(e,t))return!1;for(var n=!1,a=0;a<e.length;a++)if(1<=e.length&&this.cloneObject[this.mainElement.id]&&this.cloneObject[this.mainElement.id].row===this.oldRowCol[this.mainElement.id].row)return!1;for(var l=0===i?this.getCellInstance(this.mainElement.id).row+this.getCellInstance(this.mainElement.id).sizeY:this.startRow,r=0;r<e.length;r++){var o=this.getCellInstance(e[r].id),h=this.getCellInstance(t.id),p=[];if(1===o.sizeY&&-1===p.indexOf(e[r]))p.push(e[r]);else if(1<o.sizeY&&-1===p.indexOf(e[r])){if(!(1===i&&h.row===this.cloneObject[o.id].row+o.sizeY-1||0===i&&h.row===this.cloneObject[o.id].row))return!1;p.push(e[r])}if(o.sizeY<=h.sizeY&&-1===p.indexOf(e[r])&&p.push(e[r]),p.push(this.mainElement),0<this.collisions(l,o.col,o.sizeX,o.sizeY,p).length)return n=!1;r===e.length-1&&(n=!0)}return n},H.prototype.swapItems=function(e,t,i){var s,n,a=this,l=[],r=(l.push(t),parseInt(e[0].getAttribute("data-row"),10)),o=(this.startRow<r?s=1:this.startRow>r&&(s=0),0===s?r+i.sizeY:this.startRow);this.movePanelCalled||(n=this.getCellInstance(e[0].id),this.panelPropertyChange(i,{row:0===s?r:o+n.sizeY}));for(var h=0;h<e.length;h++)l.push(e[h]),this.setPanelPosition(e[h],o,this.getCellInstance(e[h].id).col),this.panelPropertyChange(this.getCellInstance(e[h].id),{row:o}),e[h].setAttribute("data-row",o.toString());t.setAttribute("data-row",i.row.toString()),this.setPanelPosition(this.shadowEle,i.row,i.col);for(var p=0;p<this.panels.length;p++)this.oldRowCol[this.panels[p].id]={row:this.panels[p].row,col:this.panels[p].col};this.startRow=i.row,this.updateOldRowColumn(),l.forEach(function(e){a.cloneObject[e.id]=a.oldRowCol[e.id];for(var t=a.getCellInstance(e.id),i=0;i<a.sortedArray.length;i++)if(a.sortedArray[i])for(var s=0;s<a.sortedArray[i].length;s++)a.sortedArray[i][s]===e&&(a.sortedArray[i][s]=void 0);a.sortedArray[t.row]||(a.sortedArray[t.row]=[]),a.sortedArray[t.row][t.col]=e,a.cloneArray=a.sortedArray})},H.prototype.updatePanelLayout=function(e,t){var i=this,s=(this.collisionChecker={},[]),n=[];if(0<(s=this.mainElement&&this.isRenderComplete?this.resetLayout(t):this.collisions(t.row,t.col,t.sizeX,t.sizeY,e)).length)if(s=this.sortCollisionItems(s),s=this.updatedModels(s,t,e),!v.isNullOrUndefined(this.startRow)&&this.checkForSwapping(s,e))this.swapItems(s,e,t);else for(var a=0;a<s.length;a++){var l,r=this.getCellInstance(s[a].id);this.checkingElement=s[a],this.spacedRowValue=null,this.spacedColumnValue=null,this.adjustmentAvailable(r.row,r.col,r.sizeY,r.sizeX,e)&&!v.isNullOrUndefined(this.spacedColumnValue)?(this.setPanelPosition(s[a],this.spacedRowValue,this.spacedColumnValue),this.oldRowCol[s[a].id]={row:this.spacedRowValue,col:this.spacedColumnValue},l={attributes:{row:this.spacedRowValue.toString(),col:this.spacedColumnValue.toString()}},this.setAttributes(l,s[a]),this.panelPropertyChange(r,{col:this.spacedColumnValue,row:this.spacedRowValue}),this.topAdjustable&&this.allowFloating&&(this.updatePanels(),this.updateCloneArrayObject()),this.spacedRowValue=null,s.length):n.push(s[a])}0<n.length&&(n.forEach(function(e){-1===i.overlapElement.indexOf(e)&&i.overlapElement.push(e)}),this.overlapElement&&-1!==this.overlapElement.indexOf(e)&&this.overlapElement.splice(this.overlapElement.indexOf(e),1),0<n.length)&&(this.updateRowColumn(t.row,this.overlapElement,e),this.checkForCompletePushing()),this.isSubValue||this.sortedPanel(),this.updateRowHeight(),this.updateGridLines()},H.prototype.checkForCompletePushing=function(){for(var e,t=0;t<this.panels.length;t++)this.collisionChecker[this.panels[t].id]&&null!==this.collisionChecker[this.panels[t].id]&&(this.overlapElement=[this.collisionChecker[this.panels[t].id].ele],e=this.panels[t].id,this.updateRowColumn(this.collisionChecker[""+e].row,this.overlapElement,this.collisionChecker[""+e].srcEle))},H.prototype.updateCollisionChecked=function(e){for(var t=0;t<Object.keys(this.collisionChecker).length;t++)this.collisionChecker[e.id]=null},H.prototype.updateRowColumn=function(e,t,i){if(i){var s=parseInt(i.getAttribute("data-sizeY"),10),n=parseInt(i.getAttribute("data-row"),10);this.overlapElementClone=(this.overlapElement&&this.shouldRestrict,this.overlapElement);for(var a=0;a<this.overlapElementClone.length;a++){if(0===this.overlapElementClone.length)return;for(var l=0;l<this.overlapElementClone.length;l++)this.collisionChecker[this.overlapElementClone[l].id]={ele:this.overlapElementClone[l],row:e,srcEle:i};var r=n+s,o=parseInt(this.overlapElementClone[a].getAttribute("data-sizeY"),10),h=parseInt(this.overlapElementClone[a].getAttribute("data-col"),10),p=parseInt(this.overlapElementClone[a].getAttribute("data-sizeX"),10),d=void 0,c=void 0;if(-1===this.overlapSubElementClone.indexOf(i)&&this.overlapSubElementClone.push(i),-1===this.overlapSubElementClone.indexOf(this.overlapElementClone[a])&&this.overlapSubElementClone.push(this.overlapElementClone[a]),1<o||1<p){for(var u=this.getCellInstance(this.overlapElementClone[a].id),d=u.col,g=document.getElementById(u.id),m=u.row;m<n+s;m++){this.isSubValue=!0,this.panelPropertyChange(u,{row:u.row+1}),g.setAttribute("data-row",u.row.toString()),this.setPanelPosition(g,u.row,d),this.updateCollisionChecked(g),this.oldRowCol[g.id]={row:u.row,col:d};var f=this.getCellInstance(g.id),v=(this.panelPropertyChange(f,{col:d,row:u.row}),parseInt(g.getAttribute("data-row"),10)),y=parseInt(g.getAttribute("data-col"),10),P=parseInt(g.getAttribute("data-sizeX"),10),C=parseInt(g.getAttribute("data-sizeY"),10),S=[];S.push(g),S.push(i),c=this.collisions(v,y,P,C,S),this.mainElement&&-1!==c.indexOf(this.mainElement)&&c.splice(c.indexOf(this.mainElement),1),this.collisionPanel(c,y,v,g)}this.isSubValue=!1}else{this.addPanelCalled&&(this.addPanelCalled=!1),this.overlapElementClone[a].setAttribute("data-row",r.toString());var x=[],f=(x.push(this.overlapElementClone[a]),x.push(i),c=this.collisions(r,h,p,o,x),this.mainElement&&-1!==c.indexOf(this.mainElement)&&c.splice(c.indexOf(this.mainElement),1),d=parseInt(this.overlapElementClone[a].getAttribute("data-col"),10),this.setPanelPosition(this.overlapElementClone[a],r,d),this.updateCollisionChecked(this.overlapElementClone[a]),this.oldRowCol[this.overlapElementClone[a].id]={row:r,col:d},this.getCellInstance(this.overlapElementClone[a].id));this.panelPropertyChange(f,{col:d,row:r}),this.collisionPanel(c,d,r,this.overlapElementClone[a])}}}},H.prototype.collisionPanel=function(e,t,i,s){var n=this,a=this.getCellInstance(s.id);if(this.panelPropertyChange(a,{row:i,col:t}),0<e.length){this.overlapElement=[],this.shouldRestrict=!0,e.forEach(function(e){n.overlapElement.push(e)});for(var l=parseInt(s.getAttribute("data-row"),10),r=0;r<this.overlapElement.length;r++)this.updateRowColumn(l,this.overlapElement,s);this.shouldRestrict=!1}else{if(this.addPanelCalled||this.sortedPanel(),0<this.overlapSubElementClone.length)for(var o=0;o<this.overlapSubElementClone.length;o++){var h=parseInt(this.overlapSubElementClone[o].getAttribute("data-row"),10),p=parseInt(this.overlapSubElementClone[o].getAttribute("data-col"),10),d=parseInt(this.overlapSubElementClone[o].getAttribute("data-sizeX"),10),c=parseInt(this.overlapSubElementClone[o].getAttribute("data-sizeY"),10),p=this.collisions(h,p,d,c,this.overlapSubElementClone);this.mainElement&&-1!==p.indexOf(this.mainElement)&&p.splice(p.indexOf(this.mainElement),1),p.forEach(function(e){n.overlapElement.push(e)}),0<p.length&&this.updateRowColumn(h,this.overlapElement,this.overlapSubElementClone[o])}this.overlapSubElementClone=[]}},H.prototype.removeResizeClasses=function(e){for(var t=0;t<e.length;t++)for(var i=e[t].querySelectorAll(".e-resize"),s=0;s<i.length;s++)v.detach(i[s])},H.prototype.ensureDrag=function(){this.checkDragging(this.dragCollection);var e=this.element.querySelectorAll("."+Z);v.removeClass(e,[Z]),this.setClasses(this.panelCollection)},H.prototype.setClasses=function(e){for(var t=0;t<e.length;t++){var i=e[t],s=e[t].querySelector(".e-panel-container");this.allowDragging&&(this.draggableHandle&&i.querySelectorAll(this.draggableHandle)[0]?v.addClass([i.querySelectorAll(this.draggableHandle)[0]],[Z]):v.addClass([i],[Z])),this.allowResizing&&this.mediaQuery&&!this.checkMediaQuery()&&this.setResizingClass(i,s)}},H.prototype.setResizingClass=function(e,t){if(this.availableClasses=this.resizableHandles,!e.querySelector(".e-resize"))for(var i=0;i<this.availableClasses.length;i++){var s=this.createElement("span"),n=void 0;t.appendChild(s),n="e-east"===this.availableClasses[i]||"e-west"===this.availableClasses[i]||"e-north"===this.availableClasses[i]||"e-south"===this.availableClasses[i]?"e-single":"e-double",v.addClass([s],[n,this.availableClasses[i],"e-resize","e-dl-icon"])}},H.prototype.setXYAttributes=function(e,t){t={value:{sizeX:v.isNullOrUndefined(t.sizeX)?void 0:t.sizeX.toString(),sizeY:v.isNullOrUndefined(t.sizeY)?void 0:t.sizeY.toString(),minSizeX:v.isNullOrUndefined(t.minSizeX)?void 0:t.minSizeX.toString(),minSizeY:v.isNullOrUndefined(t.minSizeY)?void 0:t.minSizeY.toString(),maxSizeX:v.isNullOrUndefined(t.maxSizeX)?void 0:t.maxSizeX.toString(),maxSizeY:v.isNullOrUndefined(t.maxSizeY)?void 0:t.maxSizeY.toString(),row:v.isNullOrUndefined(t.row)?void 0:t.row.toString(),col:v.isNullOrUndefined(t.col)?void 0:t.col.toString()}};this.setAttributes(t,e)},H.prototype.setXYDimensions=function(e){var t=this.getCellSize()[1],i=this.getCellSize()[0],i=e&&"number"==typeof i&&"number"==typeof e.sizeX&&1<e.sizeX?e.sizeX*i+(e.sizeX-1)*this.cellSpacing[0]:i,e=e&&"number"==typeof t&&1<e.sizeY&&"number"==typeof e.sizeY?e.sizeY*t+(e.sizeY-1)*this.cellSpacing[1]:v.formatUnit(t);return[e,i]},H.prototype.getRowColumnDragValues=function(e){var t=parseFloat(e.element.style.top),e=parseFloat(e.element.style.left);return[Math.round(t/(this.getCellSize()[1]+this.cellSpacing[1])),Math.round(e/(this.getCellSize()[0]+ +this.cellSpacing[0]))]},H.prototype.checkForChanges=function(e,t,i){var s=[];if(this.removeAllCalled)s=[];else for(var n=0;n<this.panels.length;n++)!v.isNullOrUndefined(t)&&this.panels[n].id===t[0].id||!v.isNullOrUndefined(i)&&this.panels[n].id===i[0].id||this.panels[n].row===this.panelsInitialModel[n].row&&this.panels[n].col===this.panelsInitialModel[n].col||s.push(this.panels[n]);(0<s.length||this.removeAllCalled)&&(e={changedPanels:s,isInteracted:e,addedPanels:v.isNullOrUndefined(t)?[]:t,removedPanels:v.isNullOrUndefined(i)?[]:i},this.trigger("change",e))},H.prototype.enableDraggingContent=function(t){for(var i,r=this,s=this,e=0;e<t.length;e++)!function(l){var e=t[l];s.dragobj=new v.Draggable(e,{preventDefault:!1,clone:!1,dragArea:s.element,isDragScroll:!0,handle:s.draggableHandle||".e-panel",abort:[".e-resize",".e-drag-restrict"],dragStart:s.onDraggingStart.bind(s),dragStop:function(e){if(r.trigger("dragStop",e),v.isNullOrUndefined(e.cancel)&&(e.cancel=!1),e.cancel){var t=r.getCellInstance(r.mainElement.id);for(l=0;l<r.panels.length;l++)r.panels[l].id===t.id&&(e.element.setAttribute("data-col",r.panelsInitialModel[l].col.toString()),e.element.setAttribute("data-row",r.panelsInitialModel[l].row.toString()),t.col=r.panelsInitialModel[l].col,t.row=r.panelsInitialModel[l].row,r.setPanelPosition(r.mainElement,r.panelsInitialModel[l].row,r.panelsInitialModel[l].col),r.updatePanelLayout(r.mainElement,t));r.shadowEle&&v.detach(r.shadowEle)}else{var i=r.getCellInstance(r.mainElement.id),i=(r.allowPushing&&0<r.collisions(i.row,i.col,i.sizeX,i.sizeY,r.mainElement).length?(r.setHolderPosition(e),r.setPanelPosition(r.mainElement,i.row,i.col),r.updatePanelLayout(r.mainElement,i)):r.setPanelPosition(r.mainElement,i.row,i.col),r.mainElement=null,r.getPanelBase(e)),s=(r.shadowEle&&v.detach(r.shadowEle),v.removeClass([r.element],[I]),v.removeClass([e.element],[E]),r.shadowEle=null,e.element.classList.remove("e-dragging"),r.getRowColumnDragValues(e)[0]),n=r.getRowColumnDragValues(e)[1],a=r.getCellInstance(e.element.id),a=(r.allowPushing&&0===r.collisions(s,n,a.sizeX,a.sizeY,document.getElementById(i.id)).length?(r.panelPropertyChange(r.getCellInstance(e.element.id),{row:s,col:n}),r.oldRowCol[e.element.id].row=s,r.oldRowCol[e.element.id].col=n,r.setAttributes({value:{col:n.toString(),row:s.toString()}},e.element)):(r.panelPropertyChange(r.getCellInstance(e.element.id),{row:r.oldRowCol[e.element.id].row,col:r.oldRowCol[e.element.id].col}),e.element.setAttribute("data-col",r.getCellInstance(e.element.id).col.toString()),e.element.setAttribute("data-row",r.getCellInstance(e.element.id).row.toString())),r.sortedPanel(),r.getCellInstance(e.element.id));r.setPanelPosition(e.element,a.row,a.col),r.updatePanels(),r.updateCloneArrayObject(),r.checkForChanges(!0),r.dragStopEventArgs={event:e.event,element:e.element},r.resizeEvents(),r.rows=r.maxRow(!0),r.setHeightWidth(),r.updateDragArea()}},drag:function(e){r.draggedEventArgs={event:e.event,element:e.element,target:v.closest(e.target,".e-panel")},r.trigger("drag",r.draggedEventArgs),r.onDragStart(e)}}),-1===s.dragCollection.indexOf(s.dragobj)&&s.dragCollection.push(s.dragobj),i=l}(e),e=i},H.prototype.updatePanels=function(){this.moveItemsUpwards(),this.updateOldRowColumn(),this.sortedPanel()},H.prototype.updateDragArea=function(){this.dragCollection.forEach(function(e){e.setDragArea()})},H.prototype.updateRowsHeight=function(e,t,i){e+t>=this.rows&&(this.rows=this.rows+i,this.setHeightWidth())},H.prototype.onDraggingStart=function(e){var t,i;this.trigger("dragStart",e,function(){v.isNullOrUndefined(e.cancel)&&(e.cancel=!1)}),this.eventVar=e.cancel,e.cancel?(v.removeClass([this.element],[I]),v.removeClass([e.element],[E])):(this.panelsInitialModel=this.cloneModels(this.panels),this.mainElement=e.element,this.cloneObject=JSON.parse(JSON.stringify(this.cloneObject)),i=this.startRow=parseInt(e.element.getAttribute("data-row"),10),this.startCol=parseInt(e.element.getAttribute("data-col"),10),t=parseInt(e.element.getAttribute("data-sizeY"),10),this.updateRowsHeight(i,t,t),this.updateDragArea(),this.shadowEle=document.createElement("div"),this.shadowEle.classList.add("e-holder"),this.shadowEle.classList.add("e-holder-transition"),v.setStyleAttribute(this.shadowEle,{position:"absolute"}),v.addClass([this.element],[I]),v.addClass([e.element],[E]),this.element.appendChild(this.shadowEle),this.renderReactTemplates(),this.shadowEle=document.querySelector(".e-holder"),this.shadowEle.style.height=this.getCellInstance(e.element.id).sizeY*this.cellSize[1]+"px",this.shadowEle.style.width=this.getCellInstance(e.element.id).sizeX*this.cellSize[0]+"px",i=this.getCellInstance(e.element.id),this.setPanelPosition(this.shadowEle,i.row,i.col))},H.prototype.cloneModels=function(e,t){void 0===t&&(t=[]);for(var i=0;i<e.length;i++)for(var s in t[i]||(t[i]={}),e[i])t[i][""+s]=e[i][""+s];return t},H.prototype.onDragStart=function(e){var t,i,s,n,a,l;this.eventVar?(this.dragobj.intDestroy(e.event),v.removeClass([this.element],[I]),v.removeClass([e.element],[E])):(n=s=this.getRowColumnDragValues(e)[1],a=this.getRowColumnDragValues(e)[0],n<0||a<0||(this.panelPropertyChange(this.getCellInstance(e.element.id),{row:a,col:n}),l=this.getCellInstance(e.element.id),this.updateRowsHeight(l.row,l.sizeY,1),this.updateDragArea(),this.allowPushing&&(this.setAttributes({value:{col:n.toString(),row:a.toString()}},e.element),this.panelPropertyChange(this.getCellInstance(e.element.id),{row:a,col:n}),t=this.oldRowCol[e.element.id].col,i=this.oldRowCol[e.element.id].row,this.oldRowCol[e.element.id]={row:a,col:n},this.updateOldRowColumn(),this.startCol===t&&this.startRow===i||(this.setHolderPosition(e),this.startCol!==t&&(this.startRow=i),this.startRow!==i&&(this.startCol=t),this.allowPushing&&(this.mainElement=e.element,this.checkCollision=this.collisions(l.row,l.col,l.sizeX,l.sizeY,e.element),(0<=l.col||l.col>=this.checkColumnValue)&&(this.checkCollision=[]),this.updatePanelLayout(e.element,l),this.moveItemsUpwards()))),!1!==this.allowPushing&&this.panelPropertyChange(this.getCellInstance(e.element.id),{row:a,col:n}),this.oldRowCol[e.element.id].row===a&&this.oldRowCol[e.element.id].col===n||(this.panelPropertyChange(this.getCellInstance(e.element.id),{row:a,col:n}),this.setAttributes({value:{col:n.toString(),row:a.toString()}},e.element)),this.startCol!==s&&(this.startCol=t,this.moveItemsUpwards()),this.allowPushing||this.setHolderPosition(e),this.removeResizeClasses(this.panelCollection),this.setClasses(this.panelCollection),this.allowPushing))},H.prototype.getPanelBase=function(e){for(var t,i=0;i<this.panelCollection.length;i++)this.panelCollection[i].id===(e.element&&e.element.id||e)&&(t=this.panelCollection[i]);return t},H.prototype.getPanel=function(e,t,i){!i||i instanceof Array||(i=[i]);for(var s=1;-1<e;){for(var n=1,a=t;-1<a;){var l=this.sortedArray[e];if(l){l=l[a];if(l&&(!i||-1===i.indexOf(l))&&parseInt(l.getAttribute("data-sizeX"),10)>=n&&parseInt(l.getAttribute("data-sizeY"),10)>=s)return l}++n,--a}--e,++s}return null},H.prototype.setHolderPosition=function(e){var t=parseInt(e.element.getAttribute("data-sizeY"),10),i=parseInt(e.element.getAttribute("data-col"),10),s=parseInt(e.element.getAttribute("data-row"),10),e=parseInt(e.element.getAttribute("data-sizeX"),10),n=this.getCellSize()[0],a=this.getCellSize()[1],s=0===s?0:s*(a+this.cellSpacing[1]),a=0===i?0:i*(n+this.cellSpacing[0]),i=this.getCellSize()[1],n=this.getCellSize()[0];this.elementRef.top=this.shadowEle.style.top=s+"px",this.elementRef.left=this.shadowEle.style.left=a+"px",this.elementRef.height=this.shadowEle.style.height=t*i+(t-1)*this.cellSpacing[1]+"px",this.elementRef.width=this.shadowEle.style.width=e*n+(e-1)*this.cellSpacing[0]+"px"},H.prototype.getCellInstance=function(e){for(var t,i=0;i<this.panels.length;i++)this.panels[i].id===e&&(t=this.panels[i]);return t},H.prototype.addPanel=function(e){this.panelsSizeY=0,this.maxCol(),e.minSizeX||(e.minSizeX=1),e.minSizeY||(e.minSizeY=1),e.id||(e.id="layout_"+this.panelID.toString(),this.panelID=this.panelID+1);var e=new O(this,"panels",e,!0),t=(this.panels.push(e),this.panelsInitialModel=this.cloneModels(this.panels),this.setMinMaxValues(e),(this.maxColumnValue<e.col||this.maxColumnValue<e.col+e.sizeX)&&this.panelPropertyChange(e,{col:this.maxColumnValue-e.sizeX}),this.renderCell(e,!0,null));if(this.oldRowCol[e.id]={row:e.row,col:e.col},this.cloneObject[e.id]={row:e.row,col:e.col},this.updateOldRowColumn(),this.element.insertAdjacentElement("afterbegin",t),this.addPanelCalled=!0,this.checkMediaQuery()?(this.checkMediaQuerySizing(),this.removeResizeClasses(this.panelCollection)):(this.mainElement=t,this.checkCollision||(this.checkCollision=[]),this.setPanelPosition(t,e.row,e.col),this.updatePanelLayout(t,e)),this.addPanelCalled=!1,this.allowDragging&&this.mediaQuery&&!this.checkMediaQuery()&&this.enableDraggingContent([document.getElementById(e.id)]),this.setClasses([t]),this.allowFloating&&(this.mainElement=null,this.moveItemsUpwards()),this.updateOldRowColumn(),this.sortedPanel(),this.updateCloneArrayObject(),this.allowResizing)for(var i=0;i<t.querySelectorAll(".e-resize").length;i++){var s="msie"===v.Browser.info.name?"mousedown pointerdown":"mousedown";v.EventHandler.add(t.querySelectorAll(".e-resize")[i],s,this.downResizeHandler,this),"msie"!==v.Browser.info.name&&v.EventHandler.add(t.querySelectorAll(".e-resize")[i],"touchstart",this.touchDownResizeHandler,this)}this.checkForChanges(!1,[e])},H.prototype.updatePanel=function(e){var t,i,s;this.panelsSizeY=0,e.id&&(t=this.getCellInstance(e.id))&&(this.maxCol(),e.col=e.col<1?0:e.col>this.columns?this.columns-1:e.col,v.isNullOrUndefined(e.col)&&(e.col=t.col),this.panelPropertyChange(t,e),this.setMinMaxValues(t),e=document.getElementById(e.id),this.mainElement=e,i=t.cssClass?t.cssClass.split(" "):null,this.panelContent=e.querySelector(".e-panel-container")?e.querySelector(".e-panel-container"):this.createSubElement(i,e.id+"_content",te),e.appendChild(this.panelContent),t.header?(i=e.querySelector(".e-panel-header")?e.querySelector(".e-panel-header"):this.createSubElement([],e.id+"template",""),v.addClass([i],[ie]),i.innerHTML="",s=this.element.id+"HeaderTemplate"+t.id,this.renderTemplate(t.header,i,s,!0,"header"),this.panelContent.appendChild(i),this.renderReactTemplates()):e.querySelector(".e-panel-header")&&v.detach(e.querySelector(".e-panel-header")),t.content?(i=t.cssClass?t.cssClass.split(" "):null,this.panelBody=e.querySelector(".e-panel-content")?e.querySelector(".e-panel-content"):this.createSubElement(i,e.id+"_body",ee),this.panelBody.innerHTML="",i=this.panelContent.querySelector(".e-panel-header")?window.getComputedStyle(this.panelContent.querySelector(".e-panel-header")).height:"0px",v.setStyleAttribute(this.panelBody,{height:"calc( 100% - "+i+")"}),s=this.element.id+"ContentTemplate"+t.id,this.renderTemplate(t.content,this.panelBody,s,!0,"content"),this.panelContent.appendChild(this.panelBody),this.renderReactTemplates()):e.querySelector(".e-panel-content")&&v.detach(e.querySelector(".e-panel-content")),this.setXYAttributes(e,t),this.setHeightAndWidth(e,t),this.setPanelPosition(e,t.row,t.col),this.updatePanelLayout(e,t),this.checkMediaQuery()&&this.checkMediaQuerySizing(),this.mainElement=null,this.updatePanels(),this.updateCloneArrayObject())},H.prototype.updateCloneArrayObject=function(){this.cloneArray=this.sortedArray,this.cloneObject=JSON.parse(JSON.stringify(this.oldRowCol))},H.prototype.serialize=function(){for(var e=this.cloneModels(this.panels),t=[],i=0;i<e.length;i++)t.push({id:e[i].id,row:e[i].row,col:e[i].col,sizeX:e[i].sizeX,sizeY:e[i].sizeY,minSizeX:e[i].minSizeX,minSizeY:e[i].minSizeY,maxSizeX:e[i].maxSizeX,maxSizeY:e[i].maxSizeY});return t},H.prototype.removeAll=function(){this.removeAllCalled=!0;for(var e=0;e<this.panelCollection.length;e++)v.detach(this.panelCollection[e]),this.clearTemplate();this.removeAllPanel(),this.rows=0,this.gridPanelCollection=[],this.setHeightWidth(),this.sortedPanel(),this.sortedArray=[],this.overlapElementClone=[],this.overlapElement=[],this.overlapSubElementClone=[],this.panelCollection=[],this.oldRowCol={},this.cloneObject={};var t=this.cloneModels(this.panels);this.setProperties({panels:[]},!0),this.updatePanels(),this.updateCloneArrayObject(),this.checkForChanges(!1,null,t),this.removeAllCalled=!1},H.prototype.removePanel=function(t){var e,i=this;this.panelsSizeY=0,this.panelsInitialModel=this.cloneModels(this.panels);for(var s=0;s<this.panelCollection.length;s++)this.panelCollection[s].id===t&&(v.detach(this.panelCollection[s]),this.panelCollection.splice(s,1)),this.panels[s].id===t&&(e=this.panels[s],this.panels.splice(s,1),this.panelsInitialModel.splice(s,1),this.updateOldRowColumn(),this.sortedPanel());this.updatePanels(),this.checkMediaQuery()&&(this.isPanelRemoved=!0,this.checkMediaQuerySizing(),this.isPanelRemoved=!1),this.gridPanelCollection.forEach(function(e){e.id===t&&i.gridPanelCollection.splice(i.gridPanelCollection.indexOf(e),1)}),this.updateCloneArrayObject(),this.checkForChanges(!1,null,[e])},H.prototype.movePanel=function(e,t,i){this.movePanelCalled=!0,this.panelsInitialModel=this.cloneModels(this.panels);var s=this.getCellInstance(e);isNaN(t)||null===t||isNaN(i)||null===i||!s||(i<0?i=0:i>this.columns&&(i=this.columns-s.sizeX),this.panelPropertyChange(s,{row:t,col:i}),e=document.getElementById(e),this.mainElement=e,this.startRow=parseInt(e.getAttribute("data-row"),10),this.startCol=parseInt(e.getAttribute("data-col"),10),this.setAttributes({value:{col:i.toString(),row:t.toString()}},e),this.updateOldRowColumn(),this.setPanelPosition(e,t,i),this.updatePanelLayout(e,s),this.updateRowHeight(),this.updatePanels(),this.updateCloneArrayObject(),this.mainElement=null,this.allowFloating&&this.moveItemsUpwards(),this.movePanelCalled=!1,this.checkForChanges(!1))},H.prototype.setAttributes=function(e,t){for(var i=0;i<Object.keys(e).length;i++)Object.keys(e)&&(e[Object.keys(e)[i]].col&&t.setAttribute("data-col",e[Object.keys(e)[i]].col.toString()),e[Object.keys(e)[i]].row&&t.setAttribute("data-row",e[Object.keys(e)[i]].row.toString()),e[Object.keys(e)[i]].sizeX&&t.setAttribute("data-sizeX",e[Object.keys(e)[i]].sizeX.toString()),e[Object.keys(e)[i]].sizeY&&t.setAttribute("data-sizeY",e[Object.keys(e)[i]].sizeY.toString()),e[Object.keys(e)[i]].minSizeX&&t.setAttribute("data-minSizeX",e[Object.keys(e)[i]].minSizeX.toString()),e[Object.keys(e)[i]].minSizeY&&t.setAttribute("data-minSizeY",e[Object.keys(e)[i]].minSizeY.toString()),e[Object.keys(e)[i]].maxSizeX&&t.setAttribute("data-maxSizeY",e[Object.keys(e)[i]].maxSizeX.toString()),e[Object.keys(e)[i]].maxSizeY)&&t.setAttribute("data-maxSizeY",e[Object.keys(e)[i]].maxSizeY.toString())},H.prototype.resizePanel=function(e,t,i){this.panelsInitialModel=this.cloneModels(this.panels);var s=this.getCellInstance(e),e=(this.resizeCalled=!0,document.getElementById(e)),n={event:null,element:e,isInteracted:!1};this.trigger("resizeStart",n),this.panelPropertyChange(s,{sizeX:t,sizeY:i}),this.setMinMaxValues(s),this.checkMinMaxValues(s),this.mainElement=e,this.setAttributes({value:{sizeX:s.sizeX.toString(),sizeY:s.sizeY.toString()}},e),this.setHeightAndWidth(e,s),this.updatePanelLayout(e,s),this.updatePanels(),this.updateRowHeight(),this.resizeCalled=!1,this.trigger("resizeStop",n),this.checkForChanges(!1)},H.prototype.destroy=function(){v.EventHandler.remove(window,"resize",this.refreshListener),v.removeClass([this.element],["e-dashboardlayout","e-lib","e-responsive","e-control"]),this.element.removeAttribute("style");for(var e=0;e<this.dragCollection.length;e++)this.dragCollection[e].destroy();this.removeAllPanel(),this.panelCollection=null,this.checkCollision=null,this.mainElement=null,this.dragobj=null,this.dragStartArgs=null,this.dragStopEventArgs=null,this.draggedEventArgs=null,this.sortedArray=null,this.cloneArray=null,this.overlapElement=null,this.overlapElementClone=null,this.dragCollection=[],this.allItems=null,this.moveTarget=null,this.upTarget=null,this.downTarget=null,this.checkingElement=null,this.panelHeaderElement=null,this.panelContent=null,this.panelBody=null,this.table=null,se.prototype.destroy.call(this),this.clearTemplate(),this.renderReactTemplates()},H.prototype.removeAllPanel=function(){for(;this.element.firstElementChild;)v.detach(this.element.firstElementChild),this.clearTemplate()},H.prototype.setEnableRtl=function(){!0===this.enableRtl?v.addClass([this.element],"e-rtl"):v.removeClass([this.element],"e-rtl")},H.prototype.updateCellSizeAndSpacing=function(){this.panelResponsiveUpdate(),this.setHeightWidth(),this.getRowColumn();for(var e=0;e<this.element.querySelectorAll(".e-panel").length;e++){var t=this.element.querySelectorAll(".e-panel")[e],i=this.getCellInstance(t.id);this.setHeightAndWidth(t,i),this.setPanelPosition(t,i.row,i.col)}},H.prototype.updatePanelsDynamically=function(e){this.removeAll(),this.setProperties({panels:e},!0),this.setOldRowCol(),this.table&&this.table.remove(),this.initialize(),this.checkMediaQuery()&&this.refresh(),this.showGridLines&&this.initGridLines()},H.prototype.checkForIDValues=function(e){var t=this;!v.isNullOrUndefined(e)&&0<e.length?(this.panelID=0,e.forEach(function(e){e.id||(t.panelPropertyChange(e,{id:"layout_"+t.panelID.toString()}),t.panelID=t.panelID+1)})):this.restrictDynamicUpdate=!0},H.prototype.onPropertyChanged=function(e){var i=this;e.panels&&0<e.panels.length&&e.panels[0]instanceof O&&this.checkForIDValues(e.panels);for(var t=0,s=Object.keys(e);t<s.length;t++)switch(s[t]){case"enableRtl":this.setProperties({enableRtl:e.enableRtl},!0),this.setEnableRtl();break;case"mediaQuery":this.setProperties({mediaQuery:e.mediaQuery},!0),this.checkMediaQuery()&&this.checkMediaQuerySizing();break;case"allowDragging":this.setProperties({allowDragging:e.allowDragging},!0),this.ensureDrag();break;case"allowResizing":if(this.setProperties({allowResizing:e.allowResizing},!0),this.allowResizing)this.setClasses(this.panelCollection),this.resizeEvents();else{for(var n=this.element.querySelectorAll(".e-panel .e-panel-container .e-resize"),a=0;a<n.length;a++){var l="msie"===v.Browser.info.name?"mousedown pointerdown":"mousedown",r=n[a];v.EventHandler.remove(r,l,this.downResizeHandler),"msie"!==v.Browser.info.name&&v.EventHandler.remove(r,"touchstart",this.touchDownResizeHandler)}this.removeResizeClasses(this.panelCollection)}break;case"cellSpacing":this.setProperties({cellSpacing:e.cellSpacing},!0),this.updateCellSizeAndSpacing(),this.updateGridLines();break;case"draggableHandle":this.setProperties({draggableHandle:e.draggableHandle},!0),this.ensureDrag();break;case"allowFloating":this.setProperties({allowFloating:e.allowFloating},!0),this.moveItemsUpwards();break;case"showGridLines":this.showGridLines?(this.setProperties({showGridLines:e.showGridLines},!0),this.initGridLines()):this.table&&v.detach(this.table);break;case"allowPushing":this.setProperties({allowPushing:e.allowPushing},!0);break;case"panels":!e.columns&&!this.restrictDynamicUpdate&&e.panels[0]&&0<e.panels.length?(this.isRenderComplete=!1,this.updatePanelsDynamically(e.panels),this.isRenderComplete=!0):e.panels[0]&&e.panels.length?this.restrictDynamicUpdate=!1:(this.isRenderComplete=!1,this.updatePanelsDynamically(this.panels),this.isRenderComplete=!0);break;case"columns":this.isRenderComplete=!1,e.panels&&this.updatePanelsDynamically(e.panels),this.setProperties({columns:e.columns},!0),this.panelCollection=[],this.maxColumnValue=this.columns,this.calculateCellSize(),this.panels.forEach(function(e){var t;i.setMinMaxValues(e),(i.maxColumnValue<e.col||i.maxColumnValue<e.col+e.sizeX)&&(t=i.maxColumnValue-e.sizeX,i.panelPropertyChange(e,{col:t<0?0:t}),i.setXYAttributes(document.getElementById(e.id),e)),i.setHeightAndWidth(document.getElementById(e.id),e),i.panelCollection.push(document.getElementById(e.id)),i.setPanelPosition(document.getElementById(e.id),e.row,e.col),i.mainElement=document.getElementById(e.id),i.updatePanelLayout(document.getElementById(e.id),e),i.mainElement=null}),this.updatePanels(),this.updateCloneArrayObject(),this.isRenderComplete=!0,this.updateGridLines()}},H.prototype.getPersistData=function(){return this.addOnPersist(["panels"])},H.prototype.mergePersistPanelData=function(e){var t=window.localStorage.getItem(this.getModuleName()+this.element.id);if(!v.isNullOrUndefined(t)&&""!==t||!v.isNullOrUndefined(e)){var i=v.isNullOrUndefined(e)?JSON.parse(t):e,t=Object.keys(i);this.isProtectedOnChange=!0;for(var s=0,n=t;s<n.length;s++){var a=n[s];"object"!=typeof v.getValue(a,this)||v.isNullOrUndefined(v.getValue(a,this))||Array.isArray(v.getValue(a,this))&&"panels"===a&&(this.mergePanels(i[a],this[a]),this[a]=i[a])}this.isProtectedOnChange=!1}},H.prototype.mergePanels=function(e,i){for(var s=e,n=this,t=0;t<s.length;t++)!function(t){n.checkForIDValues(i);var e=i.filter(function(e){return e.id===s[t].id})[0];v.isNullOrUndefined(e)||(s[t]=v.extend(e,s[t],{},!0))}(t)},H.prototype.getModuleName=function(){return"DashboardLayout"},A([v.Property(!0)],H.prototype,"allowDragging",void 0),A([v.Property(!1)],H.prototype,"allowResizing",void 0),A([v.Property(!0)],H.prototype,"allowPushing",void 0),A([v.Property(!0)],H.prototype,"enableHtmlSanitizer",void 0),A([v.Property(!0)],H.prototype,"allowFloating",void 0),A([v.Property(1)],H.prototype,"cellAspectRatio",void 0),A([v.Property([5,5])],H.prototype,"cellSpacing",void 0),A([v.Property(1)],H.prototype,"columns",void 0),A([v.Property(!1)],H.prototype,"showGridLines",void 0),A([v.Property(null)],H.prototype,"draggableHandle",void 0),A([v.Property("en-US")],H.prototype,"locale",void 0),A([v.Property("max-width: 600px")],H.prototype,"mediaQuery",void 0),A([v.Collection([],O)],H.prototype,"panels",void 0),A([v.Property(["e-south-east"])],H.prototype,"resizableHandles",void 0),A([v.Event()],H.prototype,"change",void 0),A([v.Event()],H.prototype,"dragStart",void 0),A([v.Event()],H.prototype,"drag",void 0),A([v.Event()],H.prototype,"dragStop",void 0),A([v.Event()],H.prototype,"resizeStart",void 0),A([v.Event()],H.prototype,"resize",void 0),A([v.Event()],H.prototype,"resizeStop",void 0),A([v.Event()],H.prototype,"created",void 0),A([v.Event()],H.prototype,"destroyed",void 0);var se,i=A([v.NotifyPropertyChanges],H);function H(e,t){e=se.call(this,e,t)||this;return e.rows=1,e.panelID=0,e.movePanelCalled=!1,e.resizeCalled=!1,e.mOffX=0,e.mOffY=0,e.maxTop=9999,e.maxRows=100,e.mouseX=0,e.mouseY=0,e.minTop=0,e.minLeft=0,e.isInlineRendering=!1,e.removeAllCalled=!1,e.isPanelRemoved=!1,e.panelsSizeY=0,e.resizeHeight=!1,e.eventVar=!1,v.setValue("mergePersistData",e.mergePersistPanelData,e),e}ne=function(e,t){return(ne=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])}))(e,t)};var ne,ae,A=function(e,t){function i(){this.constructor=e}ne(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},B=function(e,t,i,s){var n,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;0<=r;r--)(n=e[r])&&(l=(a<3?n(l):3<a?n(t,i,l):n(t,i))||l);return 3<a&&l&&Object.defineProperty(t,i,l),l},le="e-opposite-content",re="e-dot",oe="e-content",he="e-vertical",pe="e-horizontal",de="e-timeline-reverse",ce="e-item-disabled",ue="e-item-template",M=((M=e.TimelineOrientation||(e.TimelineOrientation={})).Horizontal="Horizontal",M.Vertical="Vertical",(M=e.TimelineAlign||(e.TimelineAlign={})).Before="Before",M.After="After",M.Alternate="Alternate",M.AlternateReverse="AlternateReverse",ae=v.ChildProperty,A(L,ae),B([v.Property("")],L.prototype,"dotCss",void 0),B([v.Property("")],L.prototype,"content",void 0),B([v.Property("")],L.prototype,"oppositeContent",void 0),B([v.Property(!1)],L.prototype,"disabled",void 0),B([v.Property("")],L.prototype,"cssClass",void 0),L);function L(){return null!==ae&&ae.apply(this,arguments)||this}ge=v.Component,A(k,ge),k.prototype.preRender=function(){this.element.id||(this.element.id=v.getUniqueID("e-"+this.getModuleName()))},k.prototype.getModuleName=function(){return"timeline"},k.prototype.getPersistData=function(){return this.addOnPersist([])},k.prototype.render=function(){v.attributes(this.element,{role:"navigation","aria-label":this.element.id}),this.timelineListEle=this.createElement("ol",{className:"e-timeline-items"}),this.updateOrientation(),this.updateCssClass(this.cssClass),this.updateAlign(),this.updateReverse(),this.updateRtl(),this.updateTemplateFunction(),this.renderItems(),this.element.appendChild(this.timelineListEle)},k.prototype.updateOrientation=function(){var e;v.isNullOrUndefined(this.orientation)||"horizontal"!==(e=this.orientation.toLowerCase())&&"vertical"!==e||(this.element.classList.remove(pe,he),this.element.classList.add("e-"+e))},k.prototype.updateCssClass=function(e,t){var i;(t=void 0===t?"":t)&&(i=t.trim().split(" "),(t=this.element.classList).remove.apply(t,i)),e&&(i=e.trim().split(" "),(t=this.element.classList).add.apply(t,i))},k.prototype.updateRtl=function(){this.element.classList[this.enableRtl?"add":"remove"]("e-rtl")},k.prototype.updateAlign=function(){var e;v.isNullOrUndefined(this.align)||"before"!==(e=this.align.toLowerCase())&&"after"!==e&&"alternate"!==e&&"alternatereverse"!==e||(this.element.classList.remove("e-align-before","e-align-after","e-align-alternate","e-align-alternatereverse"),this.element.classList.add("e-align-"+e))},k.prototype.updateReverse=function(){this.element.classList[this.reverse?"add":"remove"](de)},k.prototype.renderItems=function(){var t=this;this.haveOneSidecontent();for(var e=0;e<this.items.length;e++){var i,s=this.items[parseInt(e.toString(),10)],n=this.createElement("li",{className:"e-timeline-item e-connector"}),a=(this.template?this.renderItemContent(e,!1,n):(i=this.createElement("div",{className:le}),s.oppositeContent&&this.updateItemContent(!1,s,e,i),n.appendChild(i),i=this.createElement("div",{className:"e-dot-item"}),a=s.dotCss?re+" "+s.dotCss.trim():re,a=this.createElement("div",{className:a}),i.appendChild(a),n.appendChild(i),a=this.createElement("div",{className:oe}),s.content&&this.updateItemContent(!0,s,e,a),n.appendChild(a),s.cssClass&&(i=n.classList).add.apply(i,s.cssClass.trim().split(" ")),s.disabled&&n.classList.add(ce)),{element:n,index:e});this.trigger("beforeItemRender",a,function(e){t.timelineListEle.appendChild(e.element)})}},k.prototype.haveOneSidecontent=function(){for(var e=!1,t=!1,i=0;i<this.items.length;i++)var s=this.items[parseInt(i.toString(),10)],e=e||0<s.content.length,t=t||0<s.oppositeContent.length;this.element.classList.remove("e-content-only","e-opposite-content-only"),e&&!t&&this.element.classList.add("e-content-only"),t&&!e&&this.element.classList.add("e-opposite-content-only")},k.prototype.updateItemContent=function(e,t,i,s){var n=!(this.isReact||this.isVue),e=this.getTemplateFunction(e?t.content:t.oppositeContent,n);"string"==typeof e?s.innerText=e:v.append(e({item:t,itemIndex:i},this),s)},k.prototype.updateTemplateFunction=function(){this.templateFunction=this.template?this.getTemplateFunction(this.template,!1):null},k.prototype.renderItemContent=function(e,t,i){var s,n=this.timelineListEle.querySelectorAll("li");t&&this.removeItemContent(n[parseInt(e.toString(),10)]),this.template&&((t?n[parseInt(e.toString(),10)]:i).classList.add(ue),s=this.items[parseInt(e.toString(),10)],v.append(this.templateFunction({item:s,itemIndex:e},this,"timelineTemplate",this.element.id+"_timelineTemplate",this.isStringTemplate),t?n[parseInt(e.toString(),10)]:i)),this.renderReactTemplates()},k.prototype.removeItemContent=function(e){e.classList.remove(ue);for(var t=e.firstElementChild,i=0;i<e.childElementCount;i++)t.remove()},k.prototype.getTemplateFunction=function(t,e){if(void 0===e&&(e=!0),"string"!=typeof t)return v.compile(t);var i="";try{var s=v.select(t);s?(i="SCRIPT"===s.tagName?s.innerHTML:s.outerHTML,e=!1):i=t}catch(e){i=t}return e?i:v.compile(i)},k.prototype.removeItemElements=function(){for(var e=this.timelineListEle.querySelectorAll("li"),t=0;t<e.length;t++)v.remove(e[parseInt(t.toString(),10)])},k.prototype.updateElementClassArray=function(){v.removeClass([this.element],["e-rtl","e-align-before","e-align-after","e-outline","e-fill","e-align-alternate","e-align-alternatereverse",de,pe,he])},k.prototype.updateContent=function(){this.isReact&&this.clearTemplate(["timelineTemplate"]);for(var e=0;e<this.items.length;e++)this.renderItemContent(e,!0)},k.prototype.destroy=function(){ge.prototype.destroy.call(this),this.removeItemElements(),this.element.removeAttribute("role"),this.element.removeAttribute("aria-label"),this.clearTemplate(),this.timelineListEle&&v.remove(this.timelineListEle),this.timelineListEle=null,this.updateElementClassArray()},k.prototype.updateItems=function(e,t,i,s){var n,a,l=this.timelineListEle.querySelectorAll("li");switch(e){case"dotCss":n=l[parseInt(i.toString(),10)].querySelector("."+re),""!==t.dotCss&&(a=n.classList).remove.apply(a,t.dotCss.trim().split(" ")),(a=n.classList).add.apply(a,this.items[parseInt(i.toString(),10)].dotCss.trim().split(" "));break;case"content":(n=l[parseInt(i.toString(),10)].querySelector("."+oe)).innerText="",this.updateItemContent(!0,s,i,n),this.haveOneSidecontent();break;case"oppositeContent":(a=l[parseInt(i.toString(),10)].querySelector("."+le)).innerText="",this.updateItemContent(!1,s,i,a),this.haveOneSidecontent();break;case"disabled":l[parseInt(i.toString(),10)].classList[this.items[parseInt(i.toString(),10)].disabled?"add":"remove"](ce);break;case"cssClass":""!==t.cssClass&&(n=l[parseInt(i.toString(),10)].classList).remove.apply(n,t.cssClass.trim().split(" ")),(a=l[parseInt(i.toString(),10)].classList).add.apply(a,s.cssClass.trim().split(" "))}},k.prototype.onPropertyChanged=function(e,t){for(var i=0,s=Object.keys(e);i<s.length;i++)switch(s[i]){case"items":if(Array.isArray(e.items))this.removeItemElements(),this.renderItems();else for(var n=Object.keys(e.items),a=0;a<n.length;a++){var l=parseInt(Object.keys(e.items)[a],10),r=Object.keys(e.items[l])[0];this.updateItems(r,t.items[l],l,e.items[l])}break;case"orientation":this.updateOrientation();break;case"align":this.updateAlign();break;case"enableRtl":this.updateRtl();break;case"cssClass":this.updateCssClass(e.cssClass,t.cssClass);break;case"reverse":this.element.classList[this.reverse?"add":"remove"](de);break;case"template":this.updateTemplateFunction(),this.updateContent()}},B([v.Property(e.TimelineOrientation.Vertical)],k.prototype,"orientation",void 0),B([v.Property(e.TimelineAlign.After)],k.prototype,"align",void 0),B([v.Collection([],M)],k.prototype,"items",void 0),B([v.Property("")],k.prototype,"cssClass",void 0),B([v.Property(!1)],k.prototype,"reverse",void 0),B([v.Property("")],k.prototype,"template",void 0),B([v.Event()],k.prototype,"created",void 0),B([v.Event()],k.prototype,"beforeItemRender",void 0);var ge,A=B([v.NotifyPropertyChanges],k);function k(e,t){return ge.call(this,e,t)||this}e.DashboardLayout=i,e.PaneProperties=_,e.Panel=O,e.Splitter=T,e.Timeline=A,e.TimelineItem=M,Object.defineProperty(e,"__esModule",{value:!0})});
|
11
11
|
//# sourceMappingURL=ej2-layouts.umd.min.js.map
|