@syncfusion/ej2-layouts
Version:
A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.
10 lines • 135 kB
JavaScript
/*!
* filename: ej2-layouts.umd.min.js
* version : 29.1.35
* Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
* Use of this code is subject to the terms of our license.
* A copy of the current license can be obtained at any time by e-mailing
* licensing@syncfusion.com. Any infringement will be prosecuted under
* applicable laws.
*/
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base")):"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,N,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)},t=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},Y="e-splitter",U="e-splitter-horizontal",X="e-splitter-vertical",h="e-pane",a="e-pane-horizontal",l="e-pane-vertical",r="e-split-bar",D="e-split-bar-horizontal",j="e-split-bar-vertical",y="e-static-pane",o="e-scrollable",p="e-resize-handler",V="e-resizable-split-bar",n="e-split-bar-hover",d="e-split-bar-active",c="e-hide-handler",q="e-disabled",F="e-rtl",s="e-collapsible",u="e-navigate-arrow",g="e-arrow-right",m="e-arrow-left",f="e-arrow-up",P="e-arrow-down",C="e-icon-hidden",S="e-expanded",x="e-collapsed",b="e-pane-hidden",w="e-resizable",Q="e-last-bar",_=(N=v.ChildProperty,T(i,N),t([v.Property()],i.prototype,"size",void 0),t([v.Property(!1)],i.prototype,"collapsible",void 0),t([v.Property(!1)],i.prototype,"collapsed",void 0),t([v.Property(!0)],i.prototype,"resizable",void 0),t([v.Property(null)],i.prototype,"min",void 0),t([v.Property(null)],i.prototype,"max",void 0),t([v.Property()],i.prototype,"content",void 0),t([v.Property("")],i.prototype,"cssClass",void 0),i);function i(){return null!==N&&N.apply(this,arguments)||this}G=v.Component,T(z,G),z.prototype.onPropertyChanged=function(t,e){if(this.element.classList.contains(Y))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.clearTemplate(),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",Y]);var e="Horizontal"===this.orientation?U:X,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(x),s=this.previousPane.classList.contains(S),n=this.nextPane.classList.contains(x),("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(x)?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],F):v.removeClass([this.element],F)},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(V),(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(V),(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,m):this.checkArrow(t,f),s="Horizontal"===this.orientation?this.checkArrow(t,g):this.checkArrow(t,P);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(x)&&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(x))){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(x)||(t="Horizontal"===this.orientation?g:P,0!==e&&this.collapseArrow(e-1,t).click(),this.nextPane.classList.contains(x))||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(x)&&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(x)&&(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(x)||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(x)||(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?m:f,lastBarArrow:"Vertical"===this.orientation?P:g}},z.prototype.collapsedOnchange=function(e){v.isNullOrUndefined(this.paneSettings[e])||v.isNullOrUndefined(this.paneSettings[e].collapsed)||!this.allPanes[e].classList.contains(x)||this.updateIsCollapsed(e,this.targetArrows().lastBarArrow,this.targetArrows().collapseArrow)},z.prototype.isEnabled=function(e){e?v.removeClass([this.element],q):v.addClass([this.element],q)},z.prototype.setSeparatorSize=function(e){for(var t=v.isNullOrUndefined(e)?"auto":e+"px",i="Horizontal"===this.orientation?D:j,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?U:X),this.element.classList.add(t?X:U);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],[C]):v.addClass([i],[C]),v.isNullOrUndefined(this.paneSettings[e+1])||(this.paneSettings[e+1].collapsible?v.removeClass([t],[C]):v.addClass([t],[C])),v.isNullOrUndefined(this.paneSettings[e+1]))||this.paneSettings[e+1].collapsible&&(this.paneSettings[e+1].collapsible?v.removeClass([t],[C]):v.addClass([t],[C]))},z.prototype.updateIconClass=function(){"Horizontal"===this.orientation?(this.leftArrow=m,this.rightArrow=g):(this.leftArrow=f,this.rightArrow=P)},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,m,C]),v.addClass([i],[u,g,C]),v.addClass([t],[r,D]),t.style.width=n):(v.addClass([i],[u,P,C]),v.addClass([s],[u,f,C]),v.addClass([t],[r,j]),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()),v.isNullOrUndefined(this.orientation)||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(V),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("."+Y+" > ."+r+"."+n)).length&&v.removeClass(t,n),e.target.classList.add(n)),this.splitterDetails(e);var t=e.target;(t.classList.contains(m)||t.classList.contains(g)||t.classList.contains(P)||t.classList.contains(f))&&(this.nextPane.classList.contains(b)||this.previousPane.classList.contains(b)?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!==C})[0]},z.prototype.expandPane=function(e){this.removeStaticPanes();var t=this.element.querySelectorAll("."+x).length,t=!this.previousPane.classList.contains(x)&&this.previousPane.classList.contains(y)&&!this.nextPane.classList.contains(x)&&!this.nextPane.classList.contains(S)&&this.nextPane.nextElementSibling.classList.contains(h)&&!this.nextPane.nextElementSibling.classList.contains(y)&&!(t===this.allPanes.length-2),i=[x,b],s=this.getIcon(e),n=s===m||s===f,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("."+x).length);if(0<i)l.classList.contains(x)||(v.addClass([l],S),l.setAttribute("aria-expanded","true"));else if(0===i)for(var r=0;r<this.allPanes.length;r++)this.allPanes[r].classList.contains(x)||(v.removeClass([this.allPanes[r]],S),this.allPanes[r].setAttribute("aria-expanded","false"));this.expandFlag&&this.updatePaneSettings(n,!1),this.updateIconsOnExpand(e,s),this.updateFlexGrow(),t&&(this.previousPane.classList.remove(S),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(x)&&(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(x)&&this.paneSettings[n].size&&n!==this.allPanes.length-1&&(s[n].style.flexGrow=""),s[n].classList.contains(S)?s[n].style.flexGrow="1":s[n].classList.contains(x)&&(s[n].style.flexGrow="0")},z.prototype.hideTargetBarIcon=function(e,t){v.addClass([v.select("."+t,e)],C)},z.prototype.showTargetBarIcon=function(e,t){v.removeClass([v.select("."+t,e)],C)},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(C)?(this.resizableModel(this.currentBarIndex,!1),v.isNullOrUndefined(a)||this.resizableModel(l,!0),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("."+x).length,t=this.previousPane.classList.contains(y)&&!this.previousPane.classList.contains(x)&&!this.nextPane.classList.contains(x)&&this.nextPane.nextElementSibling.classList.contains(h)&&!this.nextPane.nextElementSibling.classList.contains(y)&&!this.nextPane.nextElementSibling.classList.contains(x)&&!(t===this.allPanes.length-2)||this.nextPane.classList.contains(x)&&!this.previousPane.classList.contains(y)&&this.nextPane.classList.contains(y),i=[x,b],s=this.getIcon(e),n=s===m||s===f,a=n?this.previousPane:this.nextPane,l=n?this.nextPane:this.previousPane,n=n?this.prevPaneIndex:this.nextPaneIndex;if(v.removeClass([a],S),a.setAttribute("aria-expanded","false"),v.addClass([a],i),a.setAttribute("aria-hidden","true"),""===a.style.flexBasis)v.addClass([l],S),l.setAttribute("aria-expanded","true");else{for(var r=!0,o=0;o<this.allPanes.length;o++)if(!this.allPanes[o].classList.contains(x)&&""===this.allPanes[o].style.flexBasis&&!this.allPanes[o].classList.contains(x)&&!this.allPanes[o].classList.contains(S)){v.addClass([this.allPanes[o]],S),this.allPanes[o].setAttribute("aria-expanded","true"),r=!1;break}r&&(v.addClass([l],S),l.setAttribute("aria-expanded","true"))}this.collapseFlag||this.updatePaneSettings(n,!0),this.updateIconsOnCollapse(e,s),this.updateFlexGrow(),t&&(this.nextPane.classList.remove(S),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(s),prevPaneCollapsible:this.previousPane.classList.contains(s),prevPaneExpanded:this.previousPane.classList.contains(S),nextPaneExpanded:this.nextPane.classList.contains(S),nextPaneCollapsed:this.nextPane.classList.contains(x),prevPaneCollapsed:this.previousPane.classList.contains(x),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)],C)},z.prototype.hideBarIcons=function(e){v.addClass([v.select("."+this.arrow,e)],C)},z.prototype.getCollapseCount=function(e,t){var i=0;return this.allPanes[e].classList.contains(x)&&(i+=1),this.allPanes[t].classList.contains(x)&&(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(C)?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(S)||this.allPanes[i].classList.contains(S)?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(m)?g:m:this.arrow=e.target.classList.contains(f)?P:f,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(S)||this.previousPane.classList.add(y),this.nextPane.classList.contains(y)||""===this.nextPane.style.flexBasis||this.nextPane.classList.contains(S)||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++)t