@syncfusion/ej2-layouts 21.2.9 → 22.1.34

package/dist/es6/ej2-layouts.es2015.js

@@ -1780,7 +1780,7 @@ let Splitter = class Splitter extends Component {
             if (this.paneSettings[i].size === '') {
                 flexPaneCount = flexPaneCount + 1;
             }
-            else if (this.allPanes[i].style.flexBasis !== '') {
+            else if ((!this.isReact) && this.allPanes[i].style.flexBasis !== '') {
                 this.paneSettings[i].size = this.allPanes[i].style.flexBasis;
             }
         }
@@ -2649,7 +2649,7 @@ let DashboardLayout = class DashboardLayout extends Component {
     templateParser(template) {
         if (template) {
             try {
-                if (document.querySelectorAll(template).length) {
+                if (typeof template !== 'function' && document.querySelectorAll(template).length) {
                     return compile(document.querySelector(template).innerHTML.trim());
                 }
                 else {
@@ -2782,18 +2782,23 @@ let DashboardLayout = class DashboardLayout extends Component {
         this.resizeEvents();
     }
     downResizeHandler(e) {
-        this.downHandler(e);
-        this.lastMouseX = e.pageX;
-        this.lastMouseY = e.pageY;
-        const moveEventName = (Browser.info.name === 'msie') ? 'mousemove pointermove' : 'mousemove';
-        const upEventName = (Browser.info.name === 'msie') ? 'mouseup pointerup' : 'mouseup';
-        if (!this.isMouseMoveBound) {
-            EventHandler.add(document, moveEventName, this.moveResizeHandler, this);
-            this.isMouseMoveBound = true;
-        }
-        if (!this.isMouseUpBound) {
-            EventHandler.add(document, upEventName, this.upResizeHandler, this);
-            this.isMouseUpBound = true;
+        const el = closest((e.currentTarget), '.e-panel');
+        for (let i = 0; this.panels.length > i; i++) {
+            if (this.panels[i].enabled && this.panels[i].id === el.id) {
+                this.downHandler(e);
+                this.lastMouseX = e.pageX;
+                this.lastMouseY = e.pageY;
+                const moveEventName = (Browser.info.name === 'msie') ? 'mousemove pointermove' : 'mousemove';
+                const upEventName = (Browser.info.name === 'msie') ? 'mouseup pointerup' : 'mouseup';
+                if (!this.isMouseMoveBound) {
+                    EventHandler.add(document, moveEventName, this.moveResizeHandler, this);
+                    this.isMouseMoveBound = true;
+                }
+                if (!this.isMouseUpBound) {
+                    EventHandler.add(document, upEventName, this.upResizeHandler, this);
+                    this.isMouseUpBound = true;
+                }
+            }
         }
     }
     downHandler(e) {