@syncfusion/ej2-layouts 19.2.44 → 19.3.43

package/src/dashboard-layout/dashboard-layout.js

@@ -18,8 +18,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component, Property, NotifyPropertyChanges, isUndefined } from '@syncfusion/ej2-base';
-import { Collection, Draggable, isNullOrUndefined, append, updateBlazorTemplate, setValue } from '@syncfusion/ej2-base';
-import { Event, formatUnit, ChildProperty, compile, closest, isBlazor, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';
+import { Collection, Draggable, isNullOrUndefined, append, setValue } from '@syncfusion/ej2-base';
+import { Event, formatUnit, ChildProperty, compile, closest, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';
 import { setStyleAttribute as setStyle, addClass, detach, removeClass, EventHandler, Browser, extend } from '@syncfusion/ej2-base';
 // constant class definitions
 var preventSelect = 'e-prevent';
@@ -129,7 +129,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         _this.mouseY = 0;
         _this.minTop = 0;
         _this.minLeft = 0;
-        _this.isBlazor = false;
         _this.isInlineRendering = false;
         _this.removeAllCalled = false;
         // to check whether removePanel is executed in mobile device
@@ -146,7 +145,6 @@ var DashboardLayout = /** @class */ (function (_super) {
      * @private
      */
     DashboardLayout.prototype.preRender = function () {
-        this.isBlazor = (isBlazor() && this.isServerRendered);
         this.panelCollection = [];
         this.sortedArray = [];
         this.gridPanelCollection = [];
@@ -197,16 +195,8 @@ var DashboardLayout = /** @class */ (function (_super) {
         }
         this.updateDragArea();
         this.renderComplete();
-        this.updateServerPanelData();
         this.renderReactTemplates();
     };
-    DashboardLayout.prototype.updateServerPanelData = function () {
-        if (isBlazor() && this.isServerRendered) {
-            this.setProperties({ panels: this.panels }, true);
-            this.allowServerDataBinding = true;
-            this.serverDataBind();
-        }
-    };
     DashboardLayout.prototype.initGridLines = function () {
         this.table = document.createElement('table');
         var tbody = document.createElement('tbody');
@@ -230,8 +220,7 @@ var DashboardLayout = /** @class */ (function (_super) {
     };
     DashboardLayout.prototype.initialize = function () {
         this.updateRowHeight();
-        if (this.element.childElementCount > 0 && this.element.querySelectorAll('.e-panel').length > 0
-            && !(this.isBlazor && this.panels.length > 0)) {
+        if (this.element.childElementCount > 0 && this.element.querySelectorAll('.e-panel').length > 0) {
             var panelElements = [];
             this.setProperties({ panels: [] }, true);
             this.isInlineRendering = true;
@@ -255,9 +244,7 @@ var DashboardLayout = /** @class */ (function (_super) {
                     this.panelPropertyChange(this.panels[i], { col: colValue < 0 ? 0 : colValue });
                 }
                 this.setXYAttributes(panelElement, this.panels[i]);
-                this.isBlazor = false;
                 var panel_1 = this.renderPanels(panelElement, this.panels[i], this.panels[i].id, false);
-                this.isBlazor = (isBlazor() && this.isServerRendered);
                 this.panelCollection.push(panel_1);
                 this.setHeightAndWidth(panelElement, this.panels[i]);
                 this.tempObject = this;
@@ -288,9 +275,7 @@ var DashboardLayout = /** @class */ (function (_super) {
         if (!(this.checkMediaQuery())) {
             this.panelResponsiveUpdate();
         }
-        if (!this.isBlazor) {
-            this.setEnableRtl();
-        }
+        this.setEnableRtl();
     };
     DashboardLayout.prototype.checkMediaQuery = function () {
         return (this.mediaQuery && window.matchMedia('(' + this.mediaQuery + ')').matches);
@@ -407,31 +392,24 @@ var DashboardLayout = /** @class */ (function (_super) {
         }
     };
     DashboardLayout.prototype.renderPanels = function (cellElement, panelModel, panelId, isStringTemplate) {
-        if (!this.isBlazor) {
-            addClass([cellElement], [panel, panelTransition]);
-        }
+        addClass([cellElement], [panel, panelTransition]);
         var cssClass = panelModel.cssClass ? panelModel.cssClass.split(' ') : null;
         this.panelContent = cellElement.querySelector('.e-panel-container') ?
             cellElement.querySelector('.e-panel-container') :
             this.createSubElement(cssClass, cellElement.id + '_content', panelContainer);
-        if (!this.isBlazor) {
-            cellElement.appendChild(this.panelContent);
-            if (!panelModel.enabled) {
-                this.disablePanel(cellElement);
-            }
+        cellElement.appendChild(this.panelContent);
+        if (!panelModel.enabled) {
+            this.disablePanel(cellElement);
         }
         if (panelModel.header) {
             var headerTemplateElement = cellElement.querySelector('.e-panel-header') ?
                 cellElement.querySelector('.e-panel-header') : this.createSubElement([], cellElement.id + 'template', '');
-            if (!this.isBlazor) {
-                addClass([headerTemplateElement], [header]);
-            }
-            if (!cellElement.querySelector('.e-panel-header') && !this.isBlazor) {
+            addClass([headerTemplateElement], [header]);
+            if (!cellElement.querySelector('.e-panel-header')) {
                 var id = this.element.id + 'HeaderTemplate' + panelId;
                 this.renderTemplate(panelModel.header, headerTemplateElement, id, isStringTemplate, 'header');
                 this.panelContent.appendChild(headerTemplateElement);
                 this.renderReactTemplates();
-                updateBlazorTemplate(id, 'HeaderTemplate', panelModel);
             }
         }
         if (panelModel.content) {
@@ -442,12 +420,11 @@ var DashboardLayout = /** @class */ (function (_super) {
                 window.getComputedStyle(this.panelContent.querySelector('.e-panel-header')).height : '0px';
             var contentHeightValue = 'calc( 100% - ' + headerHeight + ')';
             setStyle(this.panelBody, { height: contentHeightValue });
-            if (!cellElement.querySelector('.e-panel-content') && !this.isBlazor) {
+            if (!cellElement.querySelector('.e-panel-content')) {
                 var id = this.element.id + 'ContentTemplate' + panelId;
                 this.renderTemplate(panelModel.content, this.panelBody, id, isStringTemplate, 'content');
                 this.panelContent.appendChild(this.panelBody);
                 this.renderReactTemplates();
-                updateBlazorTemplate(id, 'ContentTemplate', panelModel);
             }
         }
         return cellElement;
@@ -703,7 +680,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.downTarget)) {
             return;
         }
-        this.updateServerPanelData();
         this.upTarget = this.downTarget;
         var el = closest((this.upTarget), '.e-panel');
         var args = { event: e, element: el, isInteracted: true };
@@ -987,18 +963,9 @@ var DashboardLayout = /** @class */ (function (_super) {
                     panelElement.style.height = '' + updatedHeight + 'px';
                 }
                 this.resizeHeight = true;
-                if (this.addPanelCalled && this.isBlazor) {
-                    var panelProp = this.getActualProperties(updatedPanel[i]);
-                    panelProp.row = i;
-                    panelProp.col = 0;
-                    this.panelPropertyChange(updatedPanel[i], panelProp);
-                    this.setPanelPosition(panelElement, i, 0);
-                }
-                else {
-                    this.panelPropertyChange(updatedPanel[i], { row: i, col: 0 });
-                    this.setPanelPosition(panelElement, updatedPanel[i].row, updatedPanel[i].col);
-                    this.panelsSizeY = this.panelsSizeY + updatedPanel[i].sizeY;
-                }
+                this.panelPropertyChange(updatedPanel[i], { row: i, col: 0 });
+                this.setPanelPosition(panelElement, updatedPanel[i].row, updatedPanel[i].col);
+                this.panelsSizeY = this.panelsSizeY + updatedPanel[i].sizeY;
                 this.setClasses(this.panelCollection);
                 this.checkDragging(this.dragCollection);
                 this.removeResizeClasses(this.panelCollection);
@@ -1050,40 +1017,24 @@ var DashboardLayout = /** @class */ (function (_super) {
         if (isUndefined(panel.enabled)) {
             panel.enabled = true;
         }
-        if (this.isBlazor) {
-            cellElement = document.getElementById(panel.id);
-        }
-        else {
-            if (this.contentTemplateChild.length > 0 && !isNullOrUndefined(index)) {
-                cellElement = this.contentTemplateChild[index];
-                if (panel.cssClass) {
-                    addClass([cellElement], [panel.cssClass]);
-                }
-                if (panel.id) {
-                    cellElement.setAttribute('id', panel.id);
-                }
+        if (this.contentTemplateChild.length > 0 && !isNullOrUndefined(index)) {
+            cellElement = this.contentTemplateChild[index];
+            if (panel.cssClass) {
+                addClass([cellElement], [panel.cssClass]);
             }
-            else {
-                cellElement = this.createPanelElement(panel.cssClass ? panel.cssClass.split(' ') : null, panel.id);
+            if (panel.id) {
+                cellElement.setAttribute('id', panel.id);
             }
-            cellElement.style.zIndex = '' + panel.zIndex;
-            this.element.appendChild(cellElement);
-            this.renderReactTemplates();
-        }
-        var dashBoardCell = this.renderPanels(cellElement, panel, panel.id, isStringTemplate);
-        this.panelCollection.push(dashBoardCell);
-        if (!this.isBlazor) {
-            this.setXYAttributes(cellElement, panel);
         }
         else {
-            var bodyElement = cellElement.querySelector('.e-panel-content');
-            if (bodyElement) {
-                var headerHeight = cellElement.querySelector('.e-panel-header') ?
-                    window.getComputedStyle(cellElement.querySelector('.e-panel-header')).height : '0px';
-                var contentHeightValue = 'calc( 100% - ' + headerHeight + ')';
-                setStyle(bodyElement, { height: contentHeightValue });
-            }
+            cellElement = this.createPanelElement(panel.cssClass ? panel.cssClass.split(' ') : null, panel.id);
         }
+        cellElement.style.zIndex = '' + panel.zIndex;
+        this.element.appendChild(cellElement);
+        this.renderReactTemplates();
+        var dashBoardCell = this.renderPanels(cellElement, panel, panel.id, isStringTemplate);
+        this.panelCollection.push(dashBoardCell);
+        this.setXYAttributes(cellElement, panel);
         this.setHeightAndWidth(cellElement, panel);
         return cellElement;
     };
@@ -1153,7 +1104,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         }
     };
     DashboardLayout.prototype.panelPropertyChange = function (panel, value) {
-        this.allowServerDataBinding = false;
         // eslint-disable-next-line
         panel.setProperties(value, true);
     };
@@ -1161,20 +1111,16 @@ var DashboardLayout = /** @class */ (function (_super) {
         if (this.element.querySelectorAll('.e-panel').length > 0 || this.panels.length > 0) {
             for (var j = 0; j < cells.length; j++) {
                 this.gridPanelCollection.push(cells[j]);
-                if (!(this.isBlazor && this.panels.length > 0)) {
-                    this.setMinMaxValues(cells[j]);
-                }
+                this.setMinMaxValues(cells[j]);
                 if (this.maxColumnValue < cells[j].col || this.maxColumnValue < (cells[j].col + cells[j].sizeX)) {
                     this.panelPropertyChange(cells[j], { col: this.maxColumnValue - cells[j].sizeX });
                 }
                 var cell = this.renderCell(cells[j], false, j);
-                if (!this.isBlazor) {
-                    if (this.enableRtl) {
-                        addClass([cell], 'e-rtl');
-                    }
-                    this.element.appendChild(cell);
-                    this.renderReactTemplates();
+                if (this.enableRtl) {
+                    addClass([cell], 'e-rtl');
                 }
+                this.element.appendChild(cell);
+                this.renderReactTemplates();
                 if (this.checkMediaQuery() && j === cells.length - 1) {
                     this.checkMediaQuerySizing();
                 }
@@ -2113,7 +2059,6 @@ var DashboardLayout = /** @class */ (function (_super) {
                         var panelInstance = _this.getCellInstance(args.element.id);
                         _this.setPanelPosition(args.element, panelInstance.row, panelInstance.col);
                         _this.updatePanels();
-                        _this.updateServerPanelData();
                         _this.updateCloneArrayObject();
                         _this.checkForChanges(true);
                         _this.dragStopEventArgs = { event: args.event, element: args.element };
@@ -2159,9 +2104,6 @@ var DashboardLayout = /** @class */ (function (_super) {
     DashboardLayout.prototype.onDraggingStart = function (args) {
         var dragArgs = args;
         this.trigger('dragStart', dragArgs, function (dragArgs) {
-            if (isBlazor()) {
-                dragArgs.bindEvents(args.element);
-            }
         });
         this.panelsInitialModel = this.cloneModels(this.panels);
         this.mainElement = args.element;
@@ -2333,7 +2275,6 @@ var DashboardLayout = /** @class */ (function (_super) {
      */
     DashboardLayout.prototype.addPanel = function (panel) {
         this.panelsSizeY = 0;
-        this.allowServerDataBinding = false;
         this.maxCol();
         if (!panel.minSizeX) {
             panel.minSizeX = 1;
@@ -2361,9 +2302,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         this.addPanelCalled = true;
         if (this.checkMediaQuery()) {
             this.checkMediaQuerySizing();
-            if (this.isBlazor) {
-                cell.style.removeProperty('visibility');
-            }
             this.removeResizeClasses(this.panelCollection);
         }
         else {
@@ -2372,9 +2310,6 @@ var DashboardLayout = /** @class */ (function (_super) {
                 this.checkCollision = [];
             }
             this.setPanelPosition(cell, panelProp.row, panelProp.col);
-            if (this.isBlazor) {
-                cell.style.removeProperty('visibility');
-            }
             this.updatePanelLayout(cell, panelProp);
         }
         this.addPanelCalled = false;
@@ -2400,8 +2335,6 @@ var DashboardLayout = /** @class */ (function (_super) {
             }
         }
         this.checkForChanges(false, [panelProp]);
-        this.allowServerDataBinding = true;
-        this.serverDataBind();
     };
     /**
      * Allows to update a panel in the DashboardLayout.
@@ -2510,7 +2443,6 @@ var DashboardLayout = /** @class */ (function (_super) {
             this.clearTemplate();
         }
         this.removeAllPanel();
-        this.updateServerPanelData();
         this.rows = 0;
         this.gridPanelCollection = [];
         this.setHeightWidth();
@@ -2560,7 +2492,6 @@ var DashboardLayout = /** @class */ (function (_super) {
             this.checkMediaQuerySizing();
             this.isPanelRemoved = false;
         }
-        this.updateServerPanelData();
         this.gridPanelCollection.forEach(function (item) {
             if (item.id === id) {
                 _this.gridPanelCollection.splice(_this.gridPanelCollection.indexOf(item), 1);
@@ -2604,7 +2535,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         this.updatePanelLayout(ele, panelInstance);
         this.updateRowHeight();
         this.updatePanels();
-        this.updateServerPanelData();
         this.updateCloneArrayObject();
         this.mainElement = null;
         if (this.allowFloating) {
@@ -2667,7 +2597,6 @@ var DashboardLayout = /** @class */ (function (_super) {
         this.setHeightAndWidth(ele, panelInstance);
         this.updatePanelLayout(ele, panelInstance);
         this.updatePanels();
-        this.updateServerPanelData();
         this.updateRowHeight();
         this.resizeCalled = false;
         this.trigger('resizeStop', args);
@@ -2729,12 +2658,10 @@ var DashboardLayout = /** @class */ (function (_super) {
         if (this.table) {
             this.table.remove();
         }
-        this.isBlazor = false;
         this.initialize();
         if (this.checkMediaQuery()) {
             this.refresh();
         }
-        this.isBlazor = (isBlazor() && this.isServerRendered);
         if (this.showGridLines) {
             this.initGridLines();
         }

package/src/splitter/splitter-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, Property, setStyleAttribute, ChildProperty, compile, isBlazor } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, addClass, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';import { Event, EmitType, EventHandler, selectAll, removeClass, select, Browser, detach, formatUnit } from '@syncfusion/ej2-base';import { SanitizeHtmlHelper, extend } from '@syncfusion/ej2-base';
+import { Component, Property, setStyleAttribute, ChildProperty, compile } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, addClass, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';import { Event, EmitType, EventHandler, selectAll, removeClass, select, Browser, detach, formatUnit } from '@syncfusion/ej2-base';import { SanitizeHtmlHelper, extend } from '@syncfusion/ej2-base';
 import {Orientation,BeforeSanitizeHtmlArgs,ResizeEventArgs,ResizingEventArgs,BeforeExpandEventArgs,ExpandedEventArgs} from "./splitter";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/splitter/splitter.d.ts

@@ -336,6 +336,7 @@ export declare class Splitter extends Component<HTMLElement> {
     private onDocumentClick;
     private checkPaneSize;
     private onMove;
+    private getMinInPixel;
     /**
      * @param {string} value - specifies the string value
      * @returns {string} returns the string
@@ -344,7 +345,6 @@ export declare class Splitter extends Component<HTMLElement> {
     sanitizeHelper(value: string): string;
     private checkDataAttributes;
     private destroyPaneSettings;
-    private checkBlazor;
     private setPaneSettings;
     private checkArrow;
     private removeDataPrefix;