jqwidgets-ng/jqwidgets/jqxsplitlayout.js

[](https://jqwidgets.com/license/)

/*
jQWidgets v23.0.0 (2025-May)
Copyright (c) 2011-2025 jQWidgets.
License: https://jqwidgets.com/license/
*/
/* eslint-disable */

function _typeof(c){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){d=function d(a){return typeof a}}else{d=function d(a){return a&&typeof Symbol==="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return d(c)}function _get(g,h,e){if(typeof Reflect!=="undefined"&&Reflect.get){f=Reflect.get}else{f=function f(b,c,d){var j=_superPropBase(b,c);if(!j){return}var a=Object.getOwnPropertyDescriptor(j,c);if(a.get){return a.get.call(d)}return a.value}}return f(g,h,e||g)}function _superPropBase(d,c){while(!Object.prototype.hasOwnProperty.call(d,c)){d=_getPrototypeOf(d);if(d===null){break}}return d}function _classCallCheck(d,c){if(!(d instanceof c)){throw new TypeError("Cannot call a class as a function")}}function _defineProperties(g,e){for(var f=0;f<e.length;f++){var h=e[f];h.enumerable=h.enumerable||false;h.configurable=true;if("value" in h){h.writable=true}Object.defineProperty(g,h.key,h)}}function _createClass(f,e,d){if(e){_defineProperties(f.prototype,e)}if(d){_defineProperties(f,d)}return f}function _inherits(c,d){if(typeof d!=="function"&&d!==null){throw new TypeError("Super expression must either be null or a function")}c.prototype=Object.create(d&&d.prototype,{constructor:{value:c,writable:true,configurable:true}});if(d){_setPrototypeOf(c,d)}}function _createSuper(d){var f=_isNativeReflectConstruct();return function e(){var b=_getPrototypeOf(d),c;if(f){var a=_getPrototypeOf(this).constructor;c=Reflect.construct(b,arguments,a)}else{c=b.apply(this,arguments)}return _possibleConstructorReturn(this,c)}}function _possibleConstructorReturn(d,c){if(c&&(_typeof(c)==="object"||typeof c==="function")){return c}return _assertThisInitialized(d)}function _assertThisInitialized(b){if(b===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return b}function _wrapNativeSuper(e){var f=typeof Map==="function"?new Map():undefined;d=function d(b){if(b===null||!_isNativeFunction(b)){return b}if(typeof b!=="function"){throw new TypeError("Super expression must either be null or a function")}if(typeof f!=="undefined"){if(f.has(b)){return f.get(b)}f.set(b,a)}function a(){return _construct(b,arguments,_getPrototypeOf(this).constructor)}a.prototype=Object.create(b.prototype,{constructor:{value:a,enumerable:false,writable:true,configurable:true}});return _setPrototypeOf(a,b)};return d(e)}function _construct(g,h,e){if(_isNativeReflectConstruct()){f=Reflect.construct}else{f=function f(b,c,d){var k=[null];k.push.apply(k,c);var a=Function.bind.apply(b,k);var l=new a();if(d){_setPrototypeOf(l,d.prototype)}return l}}return f.apply(null,arguments)}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct){return false}if(Reflect.construct.sham){return false}if(typeof Proxy==="function"){return true}try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(b){return false}}function _isNativeFunction(b){return Function.toString.call(b).indexOf("[native code]")!==-1}function _setPrototypeOf(d,e){f=Object.setPrototypeOf||function f(a,b){a.__proto__=b;return a};return f(d,e)}function _getPrototypeOf(c){d=Object.setPrototypeOf?Object.getPrototypeOf:function d(a){return a.__proto__||Object.getPrototypeOf(a)};return d(c)}if(!window.JQX){window.JQX={Utilities:{Core:{isMobile:function isMobile(){var d=/(iphone|ipod|ipad|android|iemobile|blackberry|bada)/.test(window.navigator.userAgent.toLowerCase());var c=function c(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend" in document};if(!d){return c()}return d}}}}}var LayoutItem=function(p){_inherits(k,p);var l=_createSuper(k);function k(){var a;_classCallCheck(this,k);a=l.call(this);a._properties={min:50,label:"Item",modifiers:["resize","drag","close"],size:null};return a}_createClass(k,[{key:"_setProperty",value:function q(d,a){var b=this;if(b._properties[d]===a){return}b._properties[d]=a;b._updating=true;if(d==="disabled"||d==="modifiers"){if(a){b.setAttribute(d,a)}else{b.removeAttribute(d)}}else{if(a===null){b.removeAttribute(d)}else{b.setAttribute(d,a)}}if(!b.isCompleted){return}var c=b.closest("jqx-layout");if(c){if(!c._resizeDetails&&!c._updating&&c.isRendered){c.refresh()}}b._updating=false}},{key:"label",get:function s(){return this._properties.label},set:function m(a){this._setProperty("label",a)}},{key:"modifiers",get:function s(){return this._properties.modifiers},set:function m(a){this._setProperty("modifiers",a)}},{key:"min",get:function s(){return this._properties.min},set:function m(a){this._setProperty("min",a)}},{key:"size",get:function s(){return this._properties.size},set:function m(a){if(a!==null){if(typeof a==="string"){this._setProperty("size",a)}else{this._setProperty("size",Math.max(this.min,a))}}else{this._setProperty("size",a)}}},{key:"attributeChangedCallback",value:function o(b,c,d){var a=this;if(c===d){return}if(!a.isCompleted){return}if(b==="size"){if(!a._updating){if(d===null){this[b]=null;return}a[b]=Math.max(a.min,parseInt(d))}}else{a[b]=d}}},{key:"connectedCallback",value:function n(){if(!this.isCompleted){this.render()}}},{key:"whenRendered",value:function r(a){var b=this;if(b.isRendered){a();return}if(!b.whenRenderedCallbacks){b.whenRenderedCallbacks=[]}b.whenRenderedCallbacks.push(a)}},{key:"render",value:function t(){var d=this;if(!d.hasAttribute("data-id")){d.setAttribute("data-id","id"+Math.random().toString(16).slice(2))}if(!d.hasAttribute("label")){d.setAttribute("label",d.label)}if(!d.hasAttribute("min")){d.setAttribute("min",d.min)}if(!d.hasAttribute("label")){d.setAttribute("label",d.label)}if(!d.hasAttribute("modifiers")){d.setAttribute("modifiers",d.modifiers)}for(var b=0;b<d.attributes.length;b++){var e=d.attributes[b];var c=e.name;var a=e.value;if(!isNaN(a)&&(c==="min"||c==="size")){d._properties[c]=parseInt(a);continue}d._properties[c]=a}d.classList.add("jqx-layout-item");d.isCompleted=true;if(d.whenRenderedCallbacks){for(var b=0;b<d.whenRenderedCallbacks.length;b++){d.whenRenderedCallbacks[b]()}d.whenRenderedCallbacks=[]}}}],[{key:"observedAttributes",get:function s(){return["min","size","label","modifiers"]}}]);return k}(_wrapNativeSuper(HTMLElement));var LayoutGroup=function(j){_inherits(k,j);var l=_createSuper(k);function k(){var a;_classCallCheck(this,k);a=l.call(this);a._properties.label="Group";a._properties.orientation="vertical";return a}_createClass(k,[{key:"orientation",get:function h(){return this._properties.orientation},set:function i(a){this._setProperty("orientation",a)}},{key:"render",value:function g(){var a=this;_get(_getPrototypeOf(k.prototype),"render",this).call(this);a.className="jqx-layout-group";if(!a.hasAttribute("orientation")){a.setAttribute("orientation",a._properties.orientation)}else{a._properties.orientation=a.getAttribute("orientation")}}}],[{key:"observedAttributes",get:function h(){return["min","size","modifiers","orientation","position"]}}]);return k}(LayoutItem);var TabLayoutGroup=function(k){_inherits(g,k);var j=_createSuper(g);function g(){var a;_classCallCheck(this,g);a=j.call(this);a._properties.position="top";a._properties.label="TabGroup";return a}_createClass(g,[{key:"position",get:function h(){return this._properties.position},set:function i(a){this._setProperty("position",a)}},{key:"render",value:function l(){var a=this;_get(_getPrototypeOf(g.prototype),"render",this).call(this);if(!a.hasAttribute("position")&&a.position){a.setAttribute("position","top")}}}],[{key:"observedAttributes",get:function h(){return["min","size","modifiers","orientation","position"]}}]);return g}(LayoutGroup);var TabLayoutItem=function(d){_inherits(e,d);var f=_createSuper(e);function e(){var a;_classCallCheck(this,e);a=f.call(this);a._properties.label="TabItem";return a}return e}(LayoutGroup);(function(j){j.jqx.jqxWidget("jqxSplitLayout","",{});j.extend(j.jqx._jqxSplitLayout.prototype,{defineInstance:function l(){var a={dataSource:null,ready:null,orientation:"vertical"};if(this===j.jqx._jqxSplitLayout.prototype){return a}j.extend(true,this,a);return a},createInstance:function i(){var a=this;this._properties={dataSource:null,ready:null,orientation:"vertical"};var a=this;a.layout=document.createElement("jqx-split-layout");a.layout.style.width="100%";a.layout.style.height="100%";a.element.className+=a.toThemeProperty("jqx-split-layout-component jqx-rc-all jqx-widget");a.layout.dataSource=a.dataSource;a.layout.orientation=a.orientation;a.layout.ready=a.ready;a.element.appendChild(a.layout)},propertyChangedHandler:function h(d,c,e,a){var b=d;if(e!=a||a instanceof Object){if(!b.layout){return}b.layout[c]=a}},render:function m(){var a=this;if(!a.layout){return}a.layout.render()},refresh:function n(){var a=this;if(!a.layout){return}if(!a.layout.isRendered){return}a.layout.refresh()},dataBind:function k(){var a=this;if(!a.layout){return}a.layout.dataBind()}})})(jqxBaseFramework);var SplitLayout=function(V){_inherits(au,V);var aw=_createSuper(au);function au(){var a;_classCallCheck(this,au);a=aw.call(this);a._properties={dataSource:null,orientation:"vertical"};return a}_createClass(au,[{key:"orientation",get:function S(){return this._properties.orientation},set:function aj(a){this._properties.orientation=a}},{key:"dataSource",get:function S(){return this._properties.dataSource},set:function aj(a){this._properties.dataSource=a}},{key:"_dragStart",value:function Q(a){a.stopPropagation();a.preventDefault()}},{key:"_leaveHandler",value:function Z(){var a=this;if(a._resizeDetails){return}a._handleButtonsVisibility(null);a._hideSplitter();requestAnimationFrame(function(){})}},{key:"_enterHandler",value:function ad(){var a=this;if(a._resizeDetails){return}a._handleButtonsVisibility(a._selectedItem);a._updateSplitter();requestAnimationFrame(function(){a.classList.add("outline")})}},{key:"template",value:function at(){return'<div class="jqx-container" id="container" role="presentation"><jqx-layout-group data-id="root" id="itemsContainer"></jqx-layout-group><div root-splitter id="splitter" class="jqx-layout-splitter"></div>'}},{key:"propertyChangedHandler",value:function aa(d,c,a){var b=this;switch(d){case"orientation":if(b.$.itemsContainer){b.$.itemsContainer.orientation=b.orientation}break;case"dataSource":b.dataBind();break;case"selectedIndex":b._handleItemClick(b.getItem(a+""),true);break;default:_get(_getPrototypeOf(au.prototype),"propertyChangedHandler",this).call(this,d,c,a);break}}},{key:"dataBind",value:function am(){var a=this;a.$.itemsContainer.innerHTML="";var c="";var b=function b(m,f){for(var i=0;i<m.length;i++){var o=m[i];var n=o.size;var j=o.min;var p=o.modifiers;var d=o.type;var h=o.position;var k=o.orientation?o.orientation:"vertical";var l=o.id;var q=o.label;var e="";if(l!==undefined){e+='id="'.concat(l,'" ')}if(n!==undefined){e+='size="'.concat(n,'" ')}if(q!==undefined){e+='label="'.concat(q,'" ')}if(j!==undefined){e+='min="'.concat(j,'" ')}if(p!==undefined){e+='modifiers="'.concat(p,'" ')}if(h!==undefined){e+='position="'.concat(h,'" ')}if(o.items){e+="orientation=".concat(k," ");if(d==="tabs"){c+="<jqx-tab-layout-group ".concat(e,">");b(o.items,true);c+="</jqx-tab-layout-group>"}else{c+="<jqx-layout-group ".concat(e,">");b(o.items);c+="</jqx-layout-group>"}}else{var g=o.content||"";if(f){c+="<jqx-tab-layout-item ".concat(e,">")+g+"</jqx-tab-layout-item>"}else{if(d==="tabs"){c+="<jqx-tab-layout-group>";c+="<jqx-tab-layout-item ".concat(e,">")+g+"</jqx-tab-layout-item>";c+="</jqx-tab-layout-group>"}else{c+="<jqx-layout-item ".concat(e,">")+g+"</jqx-layout-item>"}}}}};b(a.dataSource);a.$.itemsContainer.innerHTML=c;a.refresh()}},{key:"render",value:function af(){var a=this;a.setAttribute("role","group");if(a.selectedIndex){a._handleItemClick(a.getItem(a.selectedIndex+""),true)}var b=function b(){if(!a.dataSource){a.dataSource=a._getDataSource(a._getLayout())}else{a.dataBind()}a.$.itemsContainer.orientation=a.orientation;a.refresh();a._updateSplitter();a.isRendered=true;a.classList.add("outline");if(a.ready){a.ready()}};if(document.readyState==="complete"){b()}else{window.addEventListener("load",function(){b()})}}},{key:"connectedCallback",value:function U(){var a=this;var b=function b(){var c=document.createDocumentFragment();while(a.childNodes.length){c.appendChild(a.firstChild)}a.innerHTML=a.template();a.classList.add("jqx-widget");a.$={container:a.querySelector("#container"),itemsContainer:a.querySelector("#itemsContainer"),splitter:a.querySelector("#splitter")};delete a.$.container.id;delete a.$.itemsContainer.id;delete a.$.splitter.id;a.$.itemsContainer.appendChild(c);a.classList.add("jqx-split-layout");document.addEventListener("pointerdown",function(d){a._documentDownHandler(d)});document.addEventListener("pointermove",function(d){a._documentMoveHandler(d)});document.addEventListener("pointerup",function(d){a._documentUpHandler(d)});document.addEventListener("selectstart",function(d){a._documentSelectStartHandler(d)});document.addEventListener("keyup",function(d){a._keyUpHandler(d)});a.addEventListener("mouseleave",function(d){a._leaveHandler(d)});a.addEventListener("mouseenter",function(d){a._enterHandler(d)});a.addEventListener("dragStart",function(d){a._dragStart(d)});a.render()};if(document.readyState==="complete"){b()}else{window.addEventListener("load",function(){b()})}}},{key:"getItem",value:function aA(d){var a=this;if(d===undefined||d===null){return}d=(d+"").split(".");var e=a._getDataSource(a._getLayout()),b;for(var c=0;c<d.length;c++){b=e[d[c]];if(!b){break}e=b.items}return b}},{key:"_documentDownHandler",value:function Y(b){var c=this,a=b.target;if(c.contains(a)&&a.closest){c._target=a;c._updateSplitter()}}},{key:"_documentMoveHandler",value:function ah(w){var F=this,n=w.target,j=F._contextMenu;if(j&&!JQX.Utilities.Core.isMobile){if(j.querySelector(".jqx-layout-context-menu-item[hover]")){var y=j.children;for(var v=0;v<y.length;v++){y[v].removeAttribute("hover")}}if(j.contains(n)&&n.closest&&n.closest(".jqx-layout-context-menu-item")){n.setAttribute("hover","")}}if(F._dragDetails){var s=Math.abs(F._dragDetails.pageX-w.pageX);var t=Math.abs(F._dragDetails.pageY-w.pageY);if(t<=5&&s<=5){return}if(!F._dragDetails.feedback.parentElement){document.body.appendChild(F._dragDetails.feedback);document.body.appendChild(F._dragDetails.overlay);setTimeout(function(){F._dragDetails.feedback.classList.add("dragging")},100)}F._dragDetails.dragging=true;F._dragDetails.feedback.style.left=w.pageX-F._dragDetails.feedback.offsetWidth/2-5+"px";F._dragDetails.feedback.style.top=w.pageY-F._dragDetails.feedback.offsetHeight/2-5+"px";var A=document.elementsFromPoint(w.pageX,w.pageY);var D=null;var a=false;for(var v=0;v<A.length;v++){var h=A[v];if(F._dragDetails.feedback.contains(h)){continue}if(h.classList.contains("jqx-layout-tab-strip")){if(F._dragDetails.element.contains(h)){continue}D=h.parentElement;a=true;break}if((h.parentElement===F._dragDetails.parent||h===F._dragDetails.parent)&&F._dragDetails.layoutGroup.items.length===1){continue}if(F._dragDetails.element.contains(h)){continue}if(h instanceof TabLayoutItem){D=h.parentElement;break}else{if(h instanceof TabLayoutGroup){D=h;break}}}var o=function o(M,J){var aF=F.offset(M);var aD=null;var H=50;var K=J;var I=J;if(!J){I=M.offsetWidth/3;K=M.offsetHeight/3}else{H=0}var L=[{left:aF.left,top:aF.top,right:aF.left+H,bottom:aF.top+H,position:"top"},{left:aF.left+H,top:aF.top,right:aF.left+M.offsetWidth-H,bottom:aF.top+K-H,position:"top"},{left:aF.left+M.offsetWidth-H,top:aF.top,right:aF.left+M.offsetWidth,bottom:aF.top+H,position:"top"},{left:aF.left,top:aF.top+H,right:aF.left+I,bottom:aF.top+M.offsetHeight-H,position:"left"},{left:aF.left+M.offsetWidth-I,top:aF.top+H,right:aF.left+M.offsetWidth,bottom:aF.top+M.offsetHeight-H,position:"right"},{left:aF.left,top:aF.top+M.offsetHeight-H,right:aF.left+H,bottom:aF.top+M.offsetHeight,position:"bottom"},{left:aF.left+H,top:aF.top+M.offsetHeight-K+H,right:aF.left+M.offsetWidth-H,bottom:aF.top+M.offsetHeight,position:"bottom"},{left:aF.left+M.offsetWidth-H,top:aF.top+M.offsetHeight-H,right:aF.left+M.offsetWidth,bottom:aF.top+M.offsetHeight,position:"bottom"}];for(var aE=0;aE<L.length;aE++){var N=L[aE];if(N.left<=w.pageX&&w.pageX<=N.right){if(N.top<=w.pageY&&w.pageY<=N.bottom){aD=N.position;break}}}return aD};var B=F.querySelector("jqx-layout-group");var m=o(B,10);var f=null;if(!m){if(!D){F._handleDropArea(null)}else{if(a){if(D!==F._dragDetails.parent){m="center";f=D}}else{m=o(D)||"center";f=D}}}else{f=B}if(f){F._dragDetails.current=f;F._dragDetails.position=m;F._handleDropArea(f,m)}}if(F._resizeDetails){var s=Math.abs(F._resizeDetails.clientX-w.clientX);var t=Math.abs(F._resizeDetails.clientY-w.clientY);var g=F._resizeDetails.splitter;var q=F._resizeDetails.item;var r=F._resizeDetails.itemRect;var p=F._resizeDetails.previousItemRect;var u=F._resizeDetails.previousItem;var i=F._resizeDetails.nextItemRect;var G=F._resizeDetails.nextItem;var k=parseInt(q.getAttribute("min"));var E=function E(H){if(H.classList.contains("jqx-visibility-hidden")){return}H.style.right="";H.style.top="";H.style.left="";H.style.bottom=""};E(g);E(F.$.splitter);g.classList.remove("error");g.classList.add("active");if(!F._resizeDetails.dragging){if(g.classList.contains("horizontal")&&t<=5){return}else{if(g.classList.contains("vertical")&&s<=5){return}}F._resizeDetails.dragging=true}var x={clientPos:"clientX",pos:"x",size:"width",near:"left",far:"right",offsetSize:"offsetWidth"};if(g.classList.contains("horizontal")){x={clientPos:"clientY",pos:"y",size:"height",near:"top",far:"bottom",offsetSize:"offsetHeight"}}var d=function d(I){var H=F.offset(I);var J=F.offset(F);J.left++;J.top++;F.$.splitter.style.width=I.offsetWidth+"px";F.$.splitter.style.height=I.offsetHeight+"px";F.$.splitter.className=I.className;F.$.splitter.style.left=H.left-J.left+"px";F.$.splitter.style.top=H.top-J.top+"px";I.setAttribute("drag","");F.$.splitter.setAttribute("drag","")};if(g.classList.contains("last")){var e=w[x.clientPos]-F._resizeDetails.splitterRect[x.pos];var b=r[x.size]-k;if(e>b){e=b;g.classList.add("error")}if(p){var k=parseInt(u.getAttribute("min"));var c=p[x.size]-k;if(e<-c){e=-c;g.classList.add("error")}}g.style[x.near]=e+"px";var l=q[x.offsetSize]-e;q.setAttribute("size",l);if(u){var C=q[x.offsetSize]+u[x.offsetSize]-l;u.setAttribute("size",C)}}else{var e=-w[x.clientPos]+F._resizeDetails.splitterRect[x.pos];var c=r[x.size]-k;if(e>c){e=c;g.classList.add("error")}if(i){var k=parseInt(G.getAttribute("min"));var b=-i[x.size]+k;if(e<b){e=b;g.classList.add("error")}}g.style[x.far]=e+"px";var l=q[x.offsetSize]-e;q.setAttribute("size",l);if(G){var z=G[x.offsetSize]+q[x.offsetSize]-l;G.setAttribute("size",z)}}d(g)}}},{key:"_offsetTop",value:function ak(b){var a=this;if(!b){return 0}return b.offsetTop+a._offsetTop(b.offsetParent)}},{key:"_offsetLeft",value:function ac(b){var a=this;if(!b){return 0}return b.offsetLeft+a._offsetLeft(b.offsetParent)}},{key:"offset",value:function W(a){return{left:this._offsetLeft(a),top:this._offsetTop(a)}}},{key:"_keyUpHandler",value:function P(a){var b=this;if(a.key==="Escape"){if(b._dragDetails){b._dragDetails.feedback.remove();b._dragDetails.overlay.remove();b._dragDetails=null;b._handleDropArea(null)}if(b._resizeDetails){var c=b._resizeDetails;c.splitter.classList.contains("last")?c.previousItem.size=c.previousItemSize:c.nextItem.size=c.nextItem.previousItemSize;c.item.size=c.itemSize;b.refresh();b._handleItemClick(c.item);b._resizeDetails=null;return}}else{if(a.key==="Delete"){if(b._selectedItem){b._removeLayoutItem(b._selectedItem)}}}}},{key:"_endDrag",value:function ay(){var c=this;c._handleDropArea(null);if(!c._dragDetails.dragging){c._dragDetails=null;return}var a=c._dragDetails.current;var d=c._dragDetails.element;var h=c._dragDetails.position;c._handleDropArea(null);if(a){c._addTabLayoutItem(a,h,d);c._removeLayoutItem(d);if(a.parentElement&&Array.from(a.parentElement.parentElement.children).filter(function(i){if(i.classList.contains("jqx-layout-group")){return true}return false}).length===1){var e=a.parentElement;var b=e.parentElement;var g=b.parentElement;if(!(b.getAttribute("data-id")==="root"||g.getAttribute("data-id")==="root")&&g!==c){var f=Array.from(g.children).indexOf(e.parentElement);if(f>=0){g.insertBefore(e,g.children[f])}else{g.appendChild(e)}b.remove()}}c.refresh();c._updateSplitter();requestAnimationFrame(function(){c.classList.add("outline");c.querySelectorAll(".jqx-element").forEach(function(i){c.dispatchEvent(new CustomEvent("resize"))})})}c.dispatchEvent(new CustomEvent("stateChange",{type:"insert",item:d}));c._dragDetails.feedback.remove();c._dragDetails.overlay.remove();c._dragDetails=null}},{key:"_documentUpHandler",value:function al(b){var c=this,f=JQX.Utilities.Core.isMobile,a=f?document.elementFromPoint(b.pageX-window.pageXOffset,b.pageY-window.pageYOffset):b.target;if(b.button===2){return}if(c._dragDetails){c._endDrag(b)}if(c._resizeDetails){var d=c._resizeDetails;if(d.item){d.item.style.overflow=""}if(d.previousItem){d.previousItem.style.overflow=""}if(d.nextItem){d.nextItem.style.overflow=""}c.refresh();c._handleItemClick(d.item);c._resizeDetails=null;window.dispatchEvent(new Event("resize"));c.querySelectorAll(".jqx-element").forEach(function(g){g.dispatchEvent(new CustomEvent("resize"))});return}if(!c.contains(a)){return}c.classList.add("outline");if(c._target&&!a.item){if(a instanceof TabLayoutItem){c._handleItemClick(a)}else{c._handleItemClick(a.closest(".jqx-layout-item"))}}if(c._target){if(c._target!==a){delete c._target;return}if(!b.button&&a.closest(".jqx-layout-buttons-container")){var e=b.target;c._handleButtonClick(e.item,e.position)}else{if(a.closest(".jqx-layout-context-menu")&&(!f&&!b.button||f)){c._handleMenuItemClick(a.closest(".jqx-layout-context-menu-item"))}}delete c._target}}},{key:"_documentSelectStartHandler",value:function ai(a){var b=this;if(b._target){a.preventDefault()}}},{key:"_getDataSource",value:function an(f,a,d){var e=this;var h=[];if(!d){d=0}if(!a){a=""}for(var g=0;g<f.length;g++){var i=f[g];var b={label:i.label,id:i.getAttribute("data-id"),orientation:i.orientation,size:i.size,min:i.min,type:i.type,modifiers:i.modifiers,position:i.position};i.removeAttribute("index");if(i instanceof LayoutGroup){h.push(b);b.index=a!==""?a+"."+d:d.toString();i.setAttribute("index",b.index);if(i.items){var c=e._getDataSource(i.items,b.index,0);b.items=c}}else{if(i instanceof LayoutItem){if(i.items){var c=e._getDataSource(i.items,a,d);h=h.concat(c)}else{b.index=a!==""?a+"."+d:d.toString();i.setAttribute("index",b.index);h.push(b)}}}d++}return h}},{key:"_getLayout",value:function R(){var d=this;var a=!arguments.length?d.$.itemsContainer:arguments[0];if(d._buttons){d._buttons.remove()}if(d._dropArea){d._dropArea.remove()}var e=d.querySelectorAll(".jqx-layout-splitter");for(var g=0;g<e.length;g++){var b=e[g];if(b!==d.$.splitter){b.remove()}}a.items=Array.from(a.children);a.items=a.items.filter(function(i){return i!==a.tabs&&i.hasAttribute("data-id")});var h=a.items.map(function(k){if(k.classList.contains("jqx-layout-tab-strip")){return null}var i=k;var j=k instanceof LayoutGroup?k:null;if(j){i.items=d._getLayout(j)}return i});if(a!==d.$.itemsContainer){return h.filter(function(i){return i!==null&&i!==a.tabs})}var c=[];var f=a;f.items=h.filter(function(i){return i!==null&&i!==a.tabs});c.push(f);return c}},{key:"_updateSplitter",value:function aq(){var b=this;if(b._buttons&&b._dragDetails){b._buttons.remove()}b._removeSplitter();var e=b.querySelectorAll("[data-id]");for(var d=0;d<e.length;d++){var c=e[d];if(c.getAttribute("data-id")==="root"){continue}if(c.hasAttribute("role")){var a=c.getAttribute("role");if(a==="gridcell"||a==="row"||a==="columnheader"||a==="rowheader"){continue}}c.setAttribute("hover","");b._handleSplitter(c)}}},{key:"_hideSplitter",value:function av(){var a=this;var d=a.querySelectorAll("[data-id]");for(var c=0;c<d.length;c++){var b=d[c];b.removeAttribute("hover")}}},{key:"_removeSplitter",value:function ae(){var b=this;var c=b.querySelectorAll(".jqx-layout-splitter");for(var d=0;d<c.length;d++){var a=c[d];if(a!==b.$.splitter){a.remove()}}b._hideSplitter()}},{key:"_handleItemClick",value:function T(a){var b=this,d=b.selectedIndex;var c=null;if(!a){b.selectedIndex=null;b.querySelectorAll("[data-id]").forEach(function(e){e.removeAttribute("selected")});b._selectedItem=null;return}else{c=a instanceof HTMLElement?a:b.querySelector("[data-id="+a.id+"]");if(c&&c.readonly){b.selectedIndex=null;return}b.querySelectorAll("[data-id]").forEach(function(e){e.removeAttribute("selected")});if(!c){b.refresh();return}b.selectedIndex=c.getAttribute("index");c.setAttribute("selected","");c.setAttribute("hover","");b._selectedItem=c;if(c.classList.contains("jqx-hidden")){b.refresh()}b._handleButtonsVisibility(c);if(d!==b.selectedIndex){b.dispatchEvent(new CustomEvent("change"))}}b._updateSplitter()}},{key:"_handleButtonClick",value:function ao(a,d){var b=this,c=b._addLayoutItem(a,d);b.dispatchEvent(new CustomEvent("stateChange",{type:"insert",item:c}));b._handleItemClick(c,true)}},{key:"_removeLayoutItem",value:function ar(a){var b=this;if(a.getAttribute("data-id")==="root"){return}if(a instanceof LayoutItem&&a.parentElement.items.length===1){var c=a.parentElement;var d=c;while(c&&c.items&&c.items.length===1){if(c.getAttribute("data-id")==="root"){break}d=c;c=c.parentElement}if(d.getAttribute("data-id")!=="root"){d.remove()}else{if(b.allowLiveSplit){d.appendChild(document.createElement("jqx-layout-item"))}}}else{a.remove()}b.refresh();b.dispatchEvent(new CustomEvent("stateChange",{type:"delete",item:a}))}},{key:"refresh",value:function O(){var b=this;if(b._isUpdating){return}b.dataSource=b._getDataSource(b._getLayout());b.$.splitter.className="jqx-visibility-hidden jqx-layout-splitter";var a=function a(r){var o=b.getItem(r.getAttribute("index"));if(!o){return}r.style.gridTemplateColumns="";r.style.gridTemplateRows="";var q="";var m=0;var g=0;if(r instanceof TabLayoutGroup){if(r.tabs){r.tabs.remove()}var h=document.createElement("div");h.classList.add("jqx-layout-tab-strip");if(b._selectedItem&&r.contains(b._selectedItem)&&b._selectedItem instanceof TabLayoutItem){r.selectedIndex=Math.max(0,r.items.indexOf(b._selectedItem))}if(r.selectedIndex>=r.children.length){r.selectedIndex=0}for(var i=0;i<r.children.length;i++){var l=r.children[i];var f=b.getItem(l.getAttribute("index"));if(!f){continue}var k=document.createElement("div");k.classList.add("jqx-layout-tab");k.innerHTML="<label>"+f.label+'</label><span class="jqx-close-button"></span>';h.appendChild(k);l.setAttribute("tab","");l.classList.add("jqx-hidden");k.content=l;k.item=f;k.group=o;if(l.modifiers){if(l.modifiers.indexOf("close")===-1){k.querySelector(".jqx-close-button").classList.add("jqx-hidden")}}else{k.querySelector(".jqx-close-button").classList.add("jqx-hidden")}if(undefined===r.selectedIndex||i===r.selectedIndex){k.classList.add("selected");l.classList.remove("jqx-hidden");r.selectedIndex=i}k.onpointerup=function(s){if(s.target.classList.contains("jqx-close-button")&&k.close){r.selectedIndex=0;b._removeLayoutItem(b._selectedItem);b._handleItemClick(parent)}};k.onpointerdown=function(s){var t=this.closest(".jqx-layout-group");b._handleItemClick(this.content);k.close=false;if(!s.target.classList.contains("jqx-close-button")){if(f.modifiers&&f.modifiers.indexOf("drag")>=0&&t.modifiers.indexOf("drag")>=0){b._beginDrag(t,this,s)}}else{k.close=true}}}r.tabs=h;if(o.position==="top"||o.position==="left"){r.insertBefore(h,r.firstChild)}else{r.appendChild(h)}}else{for(var i=0;i<r.children.length;i++){var l=r.children[i];if(l.hasAttribute("size")){var n=l.getAttribute("size");var j=parseFloat(n);var e=r.orientation==="vertical"?r.offsetWidth:r.offsetHeight;var p=n.indexOf("%")>=0?parseFloat(n):parseFloat(j/e*100);m+=p;g++;if(g===r.children.length){if(m<100){q+="1fr ";m=100;continue}else{if(m>100){m-=p;p=100-m;m=100}}}else{if(m>100||p===0){g=r.children.length;m=0;break}}q+=p+"% ";continue}q+="1fr "}if(g===r.children.length){if(m<99||m>100){q="";for(var i=0;i<r.children.length;i++){var l=r.children[i];l.removeAttribute("size");q+="1fr "}}}if(r.orientation==="vertical"){r.style.gridTemplateColumns=q}else{r.style.gridTemplateRows=q}}r.items=Array.from(r.children);r.items=r.items.filter(function(s){return s!==r.tabs})};var c=b.querySelectorAll(".jqx-layout-group");for(var d=0;d<c.length;d++){a(c[d])}}},{key:"_beginDrag",value:function ab(a,e,i){var d=this;if(d._dragDetails){d._dragDetails.feedback.remove()}var h=document.createElement("div");var g=document.createElement("div");var c=a.querySelector(".jqx-layout-tab-strip");var b="";if(c){for(var f=0;f<Array.from(c.children).length;f++){if(f===a.selectedIndex){b=c.children[f].innerText}}}h.innerHTML='<jqx-split-layout><jqx-tab-layout-group><jqx-tab-layout-item label="'.concat(b,'"></jqx-tab-layout-item></jqx-tab-layout-group></jqx-split-layout>');d._feedback=h;d._feedback.classList.add("jqx-split-layout-feedback","jqx-split-layout","jqx-widget");g.classList.add("jqx-split-layout-overlay");d._dragDetails={element:e.content,item:e.item,layoutGroup:e.group,parent:a,overlay:g,feedback:h,pageX:i.pageX,pageY:i.pageY}}},{key:"moveChildren",value:function ag(b,d){d.innerHTML="";var c=b;while(c.firstChild){var a=c.firstChild;d.appendChild(a)}}},{key:"createLayoutItem",value:function az(d,g){var c=this;var f=function f(){var h=document.createElement("jqx-layout-item");h.innerHTML="";c.dispatchEvent(new CustomEvent("createItem",{type:"layoutItem",item:h}));return h};var a=function a(){var h=document.createElement("jqx-tab-layout-item");h.innerHTML="";c.dispatchEvent(new CustomEvent("createItem",{type:"tabLayoutItem",item:h}));return h};var b=function b(i){var j=document.createElement("jqx-layout-group");var h=i==="top"||i==="bottom"?"horizontal":"vertical";c.dispatchEvent(new CustomEvent("createGroup",{type:"layoutGroup",item:j}));j.setAttribute("orientation",h);j.orientation=h;return j};var e=function e(i){var j=document.createElement("jqx-tab-layout-group");var h=i==="top"||i==="bottom"?"horizontal":"vertical";j.setAttribute("orientation",h);j.orientation=h;c.dispatchEvent(new CustomEvent("tabLayoutGroup",{type:"layoutGroup",item:j}));return j};if(d==="layoutItem"||!d){return f()}else{if(d==="tabLayoutItem"||!d){return a()}else{if(d==="tabLayoutGroup"){return e(g)}else{return b(g)}}}}},{key:"_addTabLayoutItem",value:function aB(h,g,j){var d=this;var f=d.createLayoutItem("tabLayoutItem");var i=h.closest("jqx-tab-layout-group");var c;if(j){f.label=j.label;f.modifiers=j.modifiers;d.moveChildren(j,f)}var a=function a(n){for(var o=0;o<n.children.length;o++){var m=n.children[o];m.removeAttribute("size")}n.removeAttribute("size")};var k=function k(n){h.removeAttribute("size");if(h.querySelector("jqx-layout-group")){d._addLayoutItem(h.querySelector("jqx-layout-group"),n)}else{c=d.createLayoutItem("layoutGroup",n);var m=d.createLayoutItem();d.moveChildren(h,m);if(n==="top"||n==="left"){c.appendChild(d.createLayoutItem());c.appendChild(m)}else{c.appendChild(m);c.appendChild(d.createLayoutItem())}h.appendChild(c)}};var l=function l(p,q){var o=h.parentElement;var n=h;var m=d.createLayoutItem("layoutGroup",q);o.insertBefore(m,n);if(q==="top"||q==="left"){m.append(p);m.appendChild(n)}else{m.appendChild(n);m.append(p)}if(n.getAttribute("data-id")==="root"){n.setAttribute("data-id",m.getAttribute("data-id"));m.setAttribute("data-id","root");d.$.itemsContainer=m}a(n);a(o)};if(j){switch(g){case"center":if(h instanceof TabLayoutGroup||h instanceof TabLayoutItem){i.appendChild(f)}else{var e=d.createLayoutItem("tabLayoutGroup","top");e.appendChild(f);if(h instanceof LayoutGroup&&!(h instanceof TabLayoutItem)){h.appendChild(e);a(h)}else{if(h instanceof LayoutItem){c=d.createLayoutItem("layoutGroup");h.parentElement.insertBefore(c,h);c.appendChild(h);c.appendChild(e);a(c)}}}break;case"left":case"right":var e=d.createLayoutItem("tabLayoutGroup","top");e.appendChild(f);if(h.getAttribute("data-id")==="root"){e.position=g;l(e,g)}else{l(e,g)}break;case"top":case"bottom":var e=d.createLayoutItem("tabLayoutGroup","top");e.appendChild(f);if(h.getAttribute("data-id")==="root"){e.position=g;l(e,g)}else{l(e,g)}break}return}switch(g){case"center":if(h instanceof TabLayoutGroup||h instanceof TabLayoutItem){i.appendChild(f)}else{k()}break;case"left":case"right":if(h instanceof TabLayoutGroup){var b=h.querySelector("jqx-tab-layout-item");if(b&&g==="left"){h.insertBefore(f,b)}else{h.appendChild(f)}}else{if(h instanceof TabLayoutItem){var e=d.createLayoutItem("tabLayoutGroup","top");var i=h.parentElement;e.appendChild(f);c=d.createLayoutItem("layoutGroup");i.parentElement.insertBefore(c,i);if(g==="right"){c.appendChild(i);c.appendChild(e)}else{if(g==="left"){c.appendChild(e);c.appendChild(i)}}}else{if(j){var e=d.createLayoutItem("tabLayoutGroup","top");e.appendChild(f);if(h instanceof LayoutGroup){h.insertBefore(h.firstChild,e)}else{if(h instanceof LayoutItem){c=d.createLayoutItem("layoutGroup");c.orientation=i.orientation;c.setAttribute("orientation",i.orientation);h.removeAttribute("size");h.parentElement.insertBefore(c,h);c.appendChild(h);c.appendChild(e)}}}else{k(g)}}}break;case"top":case"bottom":if(h instanceof TabLayoutGroup){c=d.createLayoutItem("layoutGroup","top");h.removeAttribute("size");h.parentElement.insertBefore(c,h);if(g==="top"){c.appendChild(d.createLayoutItem());c.appendChild(h)}else{c.appendChild(h);c.appendChild(d.createLayoutItem())}}else{k(g)}break}d.refresh()}},{key:"_addLayoutItem",value:function X(i,h,l){var d=this;if(!i){return}var a=function a(n){for(var o=0;o<n.children.length;o++){var m=n.children[o];m.removeAttribute("size")}n.removeAttribute("size")};var b=i instanceof TabLayoutItem||i instanceof TabLayoutGroup||l&&l instanceof TabLayoutItem;if(b){return d._addTabLayoutItem(i,h,l)}var f=d.createLayoutItem();var k=i.closest(".jqx-layout-group");var c;if(l){d.moveChildren(l,f)}if(h==="center"){if(i instanceof LayoutGroup){c=k;c.appendChild(f);a(c);d.refresh();return f}else{if(i instanceof LayoutItem){c=d.createLayoutItem("layoutGroup");c.orientation=k.orientation;c.setAttribute("orientation",k.orientation);i.removeAttribute("size");i.parentElement.insertBefore(c,i);c.appendChild(i);c.appendChild(f);d.refresh();return c}}}if(k.orientation==="vertical"&&(h==="left"||h==="right")||k.orientation==="horizontal"&&(h==="top"||h==="bottom")){c=k;if(i instanceof LayoutGroup){if(h==="left"||h==="top"){c.insertBefore(f,c.children[0])}else{c.appendChild(f)}a(i)}else{var g=c.items,j=Math.max(0,g.indexOf(i)+(h==="top"||h==="left"?0:1));c.insertBefore(f,g[j]);a(c)}}else{if(i instanceof LayoutGroup){var k=i.parentElement;c=i;var e=d.createLayoutItem("layoutGroup",h);k.insertBefore(e,c);if(h==="top"||h==="left"){e.append(f);e.appendChild(c)}else{e.appendChild(c);e.append(f)}if(c.getAttribute("data-id")==="root"){c.setAttribute("data-id",e.getAttribute("data-id"));e.setAttribute("data-id","root");d.$.itemsContainer=e}a(k)}else{c=d.createLayoutItem("layoutGroup",h);k.insertBefore(c,i);if(h==="top"||h==="left"){c.appendChild(f);c.appendChild(i)}else{c.appendChild(i);c.appendChild(f)}a(c)}}d.refresh();return f}},{key:"_handleButtonsVisibility",value:function aC(a){var b=this;if(!b._buttons){b._buttons=document.createElement("div");b._buttons.classList.add("jqx-layout-buttons-container");b._buttons.innerHTML='<div role="button" position="top"></div>\n                                       <div role="button" position="bottom"></div>\n                                       <div role="button" position="center"></div>\n                                       <div role="button" position="left"></div>\n                                       <div role="button" position="right"></div>'}if(!a){if(b._buttons.parentElement){b._buttons.parentElement.removeChild(b._buttons);return}}if(a){var d=a._buttonPosition||[],c=b._buttons.children;for(var f=0;f<c.length;f++){var e=c[f];e.position=e.getAttribute("position");e.item=a;d.length&&d.indexOf(e.getAttribute("position"))<0?e.classList.add("jqx-hidden"):e.classList.remove("jqx-hidden");e.onmouseenter=function(){e.setAttribute("hover","")};e.onmouseleave=function(){e.removeAttribute("hover")}}if(b.allowLiveSplit&&b._buttons.parentElement!==a){a.appendChild(b._buttons)}}}},{key:"_handleDropArea",value:function ax(a){var d=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"center";var b=this;var c=function c(e){var f=50;switch(e){case"left":b._dropArea.style.top="0px";b._dropArea.style.left="0px";b._dropArea.style.width=f+"%";b._dropArea.style.height="100%";break;case"right":b._dropArea.style.top="0px";b._dropArea.style.left="calc(100% - ".concat(f,"%)");b._dropArea.style.width=f+"%";b._dropArea.style.height="100%";break;case"top":b._dropArea.style.top="0px";b._dropArea.style.left="0px";b._dropArea.style.width="100%";b._dropArea.style.height=f+"%";break;case"bottom":b._dropArea.style.top="calc(100% - ".concat(f,"%)");b._dropArea.style.left="0px";b._dropArea.style.width="100%";b._dropArea.style.height=f+"%";break;case"center":b._dropArea.style.top="0px";b._dropArea.style.left="0px";b._dropArea.style.width="100%";b._dropArea.style.height="100%";break}};if(b._dropArea&&b._dropArea.parentElement===a){c(d);return}if(b._dropArea){b._dropArea.remove()}if(!b._dragDetails||!a){return}b._dropArea=document.createElement("div");b._dropArea.classList.add("jqx-layout-drop-area");a.appendChild(b._dropArea);b._dropArea.style.opacity=1;c(d)}},{key:"_handleSplitter",value:function ap(b){var c=this;if(!b){return}if(b.hasAttribute("tab")){b=b.parentElement}if(b._splitter){b._splitter.remove()}if(!b._splitter){b._splitter=document.createElement("div")}if(c._dragDetails&&c._dragDetails.dragging){b._splitter.remove();return}if(b.modifiers.indexOf("resize")===-1){return}b.appendChild(b._splitter);var d=b.parentElement;if(d){b._splitter.className="jqx-layout-splitter";b._splitter.item=b;b._splitter.removeAttribute("drag");var e=d.orientation;if(b.nextElementSibling&&b.nextElementSibling.hasAttribute("data-id")){b._splitter.classList.add(e)}else{if(b.previousElementSibling&&b.previousElementSibling.hasAttribute("data-id")){b._splitter.classList.add(e);b._splitter.classList.add("last")}}var a=function a(f){f.style.top="";f.style.left="";f.style.bottom="";f.style.right="";f.onpointerdown=function(g){var h=g.target.item;h.style.overflow="hidden";c._resizeDetails={splitter:g.target,splitterRect:g.target.getBoundingClientRect(),itemRect:h.getBoundingClientRect(),item:h,itemSize:h.size,group:h.parentElement,clientX:g.clientX,clientY:g.clientY};if(c._selectedItem!==h){c.querySelectorAll("[data-id]").forEach(function(i){i.removeAttribute("selected")});c.selectedIndex=h.getAttribute("index");h.setAttribute("selected","");c._selectedItem=h;c._handleButtonsVisibility(h)}if(h.previousElementSibling&&h.previousElementSibling.hasAttribute("data-id")){c._resizeDetails.previousItemRect=h.previousElementSibling.getBoundingClientRect();c._resizeDetails.previousItem=h.previousElementSibling;c._resizeDetails.previousItemSize=h.previousElementSibling.size;c._resizeDetails.previousItem.style.overflow="hidden"}else{c._resizeDetails.previousItemRect=null;c._resizeDetails.previousItem=null}if(h.nextElementSibling&&h.nextElementSibling.hasAttribute("data-id")){c._resizeDetails.nextItemRect=h.nextElementSibling.getBoundingClientRect();c._resizeDetails.nextItem=h.nextElementSibling;c._resizeDetails.nextItemSize=h.nextElementSibling.size;c._resizeDetails.nextItem.style.overflow="hidden"}else{c._resizeDetails.nextItemRect=null;c._resizeDetails.nextItem=null}}};a(b._splitter)}}}]);return au}(_wrapNativeSuper(HTMLElement));customElements.define("jqx-layout-group",LayoutGroup);customElements.define("jqx-layout-item",LayoutItem);customElements.define("jqx-tab-layout-group",TabLayoutGroup);customElements.define("jqx-tab-layout-item",TabLayoutItem);customElements.define("jqx-split-layout",SplitLayout);