@syncfusion/ej2-layouts 19.2.55 → 19.3.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.2.55
+*  version : 19.3.48
 *  Copyright Syncfusion Inc. 2001 - 2020. 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

package/helpers/e2e/dashboardHelper.d.ts

@@ -0,0 +1,63 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+export declare class DashboardHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    /**
+     * Initialize the Dashboard Layout E2E helpers.
+     * @param id element id of the Dashboard Layout component.
+     * @param wrapperFn pass the wrapper function.
+     */
+    constructor(id: string, wrapperFn: Function);
+    /**
+     * Gets the selector of the Dashboard Layout component.
+     */
+    selector(arg: any): any;
+    /**
+     * Gets root element of the Dashboard Layout component.
+     */
+    getElement(): any;
+    /**
+     * Gets the element of the Dashboard Layout component.
+     */
+    getDashboardLayout(): any;
+    /**
+     * Gets a panel container and its inner elements with the given id from dashboard layout component.
+     */
+    getPanelContainer(): any;
+    /**
+     * Gets the panel element of Dashboard Layout component which consists the panel container and its inner elements
+     */
+    getPanelElement(): any;
+    /**
+     * Used to get the panel header of Dashboard Layout component which contains the header details.
+     */
+    getPanelHeader(): any;
+    /**
+     * Gets the panel content of Dashboard Layout component which contains the panel content class.
+     */
+    getPanelContent(): any;
+    /**
+     * Gets the resize icon positioned on the South-East side in panel container.
+     */
+    getSouthEastResizeIcon(): any;
+    /**
+     * Gets the resize icon positioned on the North-East side in panel container.
+     */
+    getNorthEastResizeIcon(): any;
+    /**
+     * Gets the resize icon positioned on the North-West side in panel container.
+     */
+    getNorthWestResizeIcon(): any;
+    /**
+     * Gets the resize icon positioned on the South-West side in panel container.
+     */
+    getSouthWestResizeIcon(): any;
+    /**
+     * Gets the clear icon from the panel element.
+     */
+    getClearIcon(): any;
+    /**
+     * Gets the transition of panel in Dashboard Layout component which is used to achieve the resizing behavior.
+     */
+    getPanelTansition(): any;
+}

package/helpers/e2e/dashboardHelper.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
+class DashboardHelper extends e2e_1.TestHelper {
+    /**
+     * Initialize the Dashboard Layout E2E helpers.
+     * @param id element id of the Dashboard Layout component.
+     * @param wrapperFn pass the wrapper function.
+     */
+    constructor(id, wrapperFn) {
+        super();
+        this.id = id;
+        if (wrapperFn !== undefined) {
+            this.wrapperFn = wrapperFn;
+        }
+        return this;
+    }
+    /**
+     * Gets the selector of the Dashboard Layout component.
+     */
+    selector(arg) {
+        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+    }
+    /**
+     * Gets root element of the Dashboard Layout component.
+     */
+    getElement() {
+        return this.selector('#' + this.id);
+    }
+    /**
+     * Gets the element of the Dashboard Layout component.
+     */
+    getDashboardLayout() {
+        return this.selector('#' + this.id + '.e-dashboardlayout');
+    }
+    /**
+     * Gets a panel container and its inner elements with the given id from dashboard layout component.
+     */
+    getPanelContainer() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-panel-container');
+    }
+    /**
+     * Gets the panel element of Dashboard Layout component which consists the panel container and its inner elements
+     */
+    getPanelElement() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-panel');
+    }
+    /**
+     * Used to get the panel header of Dashboard Layout component which contains the header details.
+     */
+    getPanelHeader() {
+        return this.selector('#' + this.id + '.e-dashboardlayout  .e-panel-header');
+    }
+    /**
+     * Gets the panel content of Dashboard Layout component which contains the panel content class.
+     */
+    getPanelContent() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-panel-content');
+    }
+    /**
+     * Gets the resize icon positioned on the South-East side in panel container.
+     */
+    getSouthEastResizeIcon() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-south-east .e-resize');
+    }
+    /**
+     * Gets the resize icon positioned on the North-East side in panel container.
+     */
+    getNorthEastResizeIcon() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-north-east .e-resize');
+    }
+    /**
+     * Gets the resize icon positioned on the North-West side in panel container.
+     */
+    getNorthWestResizeIcon() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-north-west .e-resize');
+    }
+    /**
+     * Gets the resize icon positioned on the South-West side in panel container.
+     */
+    getSouthWestResizeIcon() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-south-west .e-resize');
+    }
+    /**
+     * Gets the clear icon from the panel element.
+     */
+    getClearIcon() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-clear-icon');
+    }
+    /**
+     * Gets the transition of panel in Dashboard Layout component which is used to achieve the resizing behavior.
+     */
+    getPanelTansition() {
+        return this.selector('#' + this.id + '.e-dashboardlayout .e-panel-transition');
+    }
+}
+exports.DashboardHelper = DashboardHelper;

package/helpers/e2e/index.d.ts

@@ -1 +1,2 @@
+export * from './dashboardHelper';
 export * from './splitter-helper';

package/helpers/e2e/index.js

@@ -3,4 +3,5 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./dashboardHelper"));
 __export(require("./splitter-helper"));

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@19.2.48",
+  "_id": "@syncfusion/ej2-layouts@19.3.44",
   "_inBundle": false,
-  "_integrity": "sha512-NSlsLYKg/ydDyF1OcVDyVNYiBMraMUCJgZlLkJrB2mfXjm1sZyXLsrJd0BsTPQXR+BaXwd5UBdS02mZsS34c5w==",
+  "_integrity": "sha512-+tAdEU4xho9kvR35bvJnp4xfh5vb5hayEZ/4/iWMkgzGN/+YmoZ7rAySqyjk5XIrN9AVV6nYqHduNhBgqKQBTQ==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -27,8 +27,8 @@
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-layouts/-/ej2-layouts-19.2.48.tgz",
-  "_shasum": "3bd3c318f663d8250e0e948b8858aeaa1008ff2a",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-layouts/-/ej2-layouts-19.3.44.tgz",
+  "_shasum": "a83ee561cb5b9b02f20271de35a222269fefd27d",
   "_spec": "@syncfusion/ej2-layouts@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,7 +36,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.55"
+    "@syncfusion/ej2-base": "~19.3.47"
   },
   "deprecated": false,
   "description": "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.",
@@ -76,6 +76,6 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
   },
   "typings": "index.d.ts",
-  "version": "19.2.55",
+  "version": "19.3.48",
   "sideEffects": false
 }

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

@@ -639,10 +639,6 @@ var DashboardLayout = /** @class */ (function (_super) {
                 currentX = this.getMaxWidth(panelModel) - this.elementWidth;
                 this.mOffX = dX - currentX;
             }
-            else if (this.elementX + this.elementWidth + dX > this.maxLeft) {
-                currentX = this.maxLeft - this.elementX - this.elementWidth;
-                this.mOffX = dX - currentX;
-            }
             this.elementWidth += currentX;
         }
         el.style.top = this.elementY + 'px';
@@ -882,7 +878,6 @@ var DashboardLayout = /** @class */ (function (_super) {
                     var row = parseInt(ele.getAttribute('data-row'), 10);
                     var col = parseInt(ele.getAttribute('data-col'), 10);
                     this.panelPropertyChange(cellInstance, { row: row, col: col });
-                    this.updatePanelLayout(ele, cellInstance);
                     this.setHeightAndWidth(ele, this.getCellInstance(ele.id));
                     this.setPanelPosition(ele, row, col);
                     this.updateRowHeight();
@@ -2078,7 +2073,6 @@ var DashboardLayout = /** @class */ (function (_super) {
                         _this.onDragStart(args);
                     }
                 });
-                this.dragobj.enableScrollHandler = true;
                 if (this.dragCollection.indexOf(this.dragobj) === -1) {
                     this.dragCollection.push(this.dragobj);
                 }

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

@@ -125,6 +125,10 @@ export declare type Orientation = 'Horizontal' | 'Vertical';
  */
 export declare class Splitter extends Component<HTMLElement> {
     private onReportWindowSize;
+    private onMouseMoveHandler;
+    private onMouseUpHandler;
+    private onTouchMoveHandler;
+    private onTouchEndHandler;
     private allPanes;
     private paneOrder;
     private separatorOrder;
@@ -336,6 +340,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 +349,6 @@ export declare class Splitter extends Component<HTMLElement> {
     sanitizeHelper(value: string): string;
     private checkDataAttributes;
     private destroyPaneSettings;
-    private checkBlazor;
     private setPaneSettings;
     private checkArrow;
     private removeDataPrefix;