@syncfusion/ej2-layouts 21.2.9 → 22.1.34

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

@@ -1809,7 +1809,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
             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;
             }
         }
@@ -2699,7 +2699,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
     DashboardLayout.prototype.templateParser = function (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 {
@@ -2833,18 +2833,23 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
         this.resizeEvents();
     };
     DashboardLayout.prototype.downResizeHandler = function (e) {
-        this.downHandler(e);
-        this.lastMouseX = e.pageX;
-        this.lastMouseY = e.pageY;
-        var moveEventName = (Browser.info.name === 'msie') ? 'mousemove pointermove' : 'mousemove';
-        var 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;
+        var el = closest((e.currentTarget), '.e-panel');
+        for (var 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;
+                var moveEventName = (Browser.info.name === 'msie') ? 'mousemove pointermove' : 'mousemove';
+                var 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;
+                }
+            }
         }
     };
     DashboardLayout.prototype.downHandler = function (e) {