@syncfusion/ej2-layouts 19.2.44 → 19.3.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.2.44
+*  version : 19.3.43
 *  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@18.3.35",
+  "_id": "@syncfusion/ej2-layouts@18.23.7",
   "_inBundle": false,
-  "_integrity": "sha512-uzZtT3X/GldKi6pGMxEoZFtQ4M0a4EG3S+FivntJDMWXAsiM02kmb9YmehGz4WFQQa4R5NVwHmIxIOcjsWjqDQ==",
+  "_integrity": "sha512-CMePvOOx9B17e0D/dLknB37+dJV7wpQa5RQBfNh8A8cPodX/ZWHIr8jElXeG43HQifMIFH4G8gDQN6r4ZZG3Ig==",
   "_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-release/@syncfusion/ej2-layouts/-/ej2-layouts-18.3.35.tgz",
-  "_shasum": "980d8c351a491b335e215539ad34d4b20c11c75d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-18.23.7.tgz",
+  "_shasum": "bd23f5277351df6a2d390c8a5a9b528fb7f4db2b",
   "_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.44"
+    "@syncfusion/ej2-base": "~19.3.43"
   },
   "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.44",
+  "version": "19.3.43",
   "sideEffects": false
 }

package/src/dashboard-layout/dashboard-layout-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, isUndefined, BlazorDragEventArgs } from '@syncfusion/ej2-base';import { Collection, Draggable, isNullOrUndefined, DragEventArgs, append, updateBlazorTemplate, setValue } from '@syncfusion/ej2-base';import { EmitType, Event, formatUnit, ChildProperty, compile, closest, isBlazor, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, addClass, detach, removeClass, EventHandler, Browser, extend } from '@syncfusion/ej2-base';
+import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, isUndefined } from '@syncfusion/ej2-base';import { Collection, Draggable, isNullOrUndefined, DragEventArgs, append, setValue } from '@syncfusion/ej2-base';import { EmitType, 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';
 import {ChangeEventArgs,DragStartArgs,DraggedEventArgs,DragStopArgs,ResizeArgs} from "./dashboard-layout";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -24,14 +24,12 @@ export interface PanelModel {
     /**
      * Defines the template value that should be displayed as the panel's header.
      *
-     * @blazorType RenderFragment
      */
     header?: string | HTMLElement;
 
     /**
      * Defines the template value that should be displayed as the panel's content.
      *
-     * @blazorType RenderFragment
      */
 
     content?: string | HTMLElement;
@@ -48,7 +46,6 @@ export interface PanelModel {
      *
      * @default 0
      * @aspType int
-     * @blazorType int
      */
     row?: number;
 
@@ -57,7 +54,6 @@ export interface PanelModel {
      *
      * @default 0
      * @aspType int
-     * @blazorType int
      */
     col?: number;
 
@@ -65,7 +61,6 @@ export interface PanelModel {
      * Specifies the width of the panel in the layout in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     sizeX?: number;
 
@@ -73,7 +68,6 @@ export interface PanelModel {
      * Specifies the height of the panel in the layout in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     sizeY?: number;
 
@@ -81,7 +75,6 @@ export interface PanelModel {
      * Specifies the minimum height of the panel in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     minSizeY?: number;
 
@@ -89,7 +82,6 @@ export interface PanelModel {
      * Specifies the minimum width of the panel in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     minSizeX?: number;
 
@@ -98,7 +90,6 @@ export interface PanelModel {
      *
      * @default null
      * @aspType int
-     * @blazorType int?
      *
      */
     maxSizeY?: number;
@@ -108,7 +99,6 @@ export interface PanelModel {
      *
      * @default null
      * @aspType int
-     * @blazorType int?
      */
     maxSizeX?: number;
 
@@ -117,7 +107,6 @@ export interface PanelModel {
      *
      * @default 1000
      * @aspType double
-     * @blazorType double
      */
     zIndex?: number;
 
@@ -184,7 +173,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Defines the number of columns to be created in the DashboardLayout.
      *
      * @default 1
-     * @blazorType int
      */
     columns?: number;
 
@@ -238,7 +226,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers whenever the panels positions are changed.
      *
      * @event 'object'
-     * @blazorProperty 'Changed'
      */
     change?: EmitType<ChangeEventArgs>;
 
@@ -246,7 +233,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when a panel is about to drag.
      *
      * @event 'object'
-     * @blazorProperty 'OnDragStart'
      */
     dragStart?: EmitType<DragStartArgs>;
 
@@ -254,7 +240,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers while a panel is dragged continuously.
      *
      * @event 'object'
-     * @blazorProperty 'Dragging'
      */
     drag?: EmitType<DraggedEventArgs>;
 
@@ -262,7 +247,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when a dragged panel is dropped.
      *
      * @event 'object'
-     * @blazorProperty 'OnDragStop'
      */
     dragStop?: EmitType<DragStopArgs>;
 
@@ -270,7 +254,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when a panel is about to resize.
      *
      * @event 'object'
-     * @blazorProperty 'OnResizeStart'
      */
     resizeStart?: EmitType<ResizeArgs>;
 
@@ -278,7 +261,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when a panel is being resized continuously.
      *
      * @event 'object'
-     * @blazorProperty 'Resizing'
      */
     resize?: EmitType<ResizeArgs>;
 
@@ -286,7 +268,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when a panel resize ends.
      *
      * @event 'object'
-     * @blazorProperty 'OnResizeStop'
      */
     resizeStop?: EmitType<ResizeArgs>;
 
@@ -294,7 +275,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when Dashboard Layout is created.
      *
      * @event 'object'
-     * @blazorProperty 'Created'
      */
 
     created?: EmitType<Object>;
@@ -303,7 +283,6 @@ export interface DashboardLayoutModel extends ComponentModel{
      * Triggers when Dashboard Layout is destroyed.
      *
      * @event 'object'
-     * @blazorProperty 'Destroyed'
      */
 
     destroyed?: EmitType<Object>;

package/src/dashboard-layout/dashboard-layout.d.ts

@@ -21,13 +21,11 @@ export declare class Panel extends ChildProperty<Panel> {
     /**
      * Defines the template value that should be displayed as the panel's header.
      *
-     * @blazorType RenderFragment
      */
     header: string | HTMLElement;
     /**
      * Defines the template value that should be displayed as the panel's content.
      *
-     * @blazorType RenderFragment
      */
     content: string | HTMLElement;
     /**
@@ -41,7 +39,6 @@ export declare class Panel extends ChildProperty<Panel> {
      *
      * @default 0
      * @aspType int
-     * @blazorType int
      */
     row: number;
     /**
@@ -49,35 +46,30 @@ export declare class Panel extends ChildProperty<Panel> {
      *
      * @default 0
      * @aspType int
-     * @blazorType int
      */
     col: number;
     /**
      * Specifies the width of the panel in the layout in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     sizeX: number;
     /**
      * Specifies the height of the panel in the layout in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     sizeY: number;
     /**
      * Specifies the minimum height of the panel in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     minSizeY: number;
     /**
      * Specifies the minimum width of the panel in cells count.
      *
      * @default 1
-     * @blazorType int
      */
     minSizeX: number;
     /**
@@ -85,7 +77,6 @@ export declare class Panel extends ChildProperty<Panel> {
      *
      * @default null
      * @aspType int
-     * @blazorType int?
      *
      */
     maxSizeY: number;
@@ -94,7 +85,6 @@ export declare class Panel extends ChildProperty<Panel> {
      *
      * @default null
      * @aspType int
-     * @blazorType int?
      */
     maxSizeX: number;
     /**
@@ -102,7 +92,6 @@ export declare class Panel extends ChildProperty<Panel> {
      *
      * @default 1000
      * @aspType double
-     * @blazorType double
      */
     zIndex: number;
 }
@@ -220,7 +209,6 @@ export declare class DashboardLayout extends Component<HTMLElement> implements I
     protected isMouseUpBound: boolean;
     protected isMouseMoveBound: boolean;
     protected contentTemplateChild: HTMLElement[];
-    private isBlazor;
     private isInlineRendering;
     private removeAllCalled;
     private isPanelRemoved;
@@ -276,7 +264,6 @@ export declare class DashboardLayout extends Component<HTMLElement> implements I
      * Defines the number of columns to be created in the DashboardLayout.
      *
      * @default 1
-     * @blazorType int
      */
     columns: number;
     /**
@@ -323,63 +310,54 @@ export declare class DashboardLayout extends Component<HTMLElement> implements I
      * Triggers whenever the panels positions are changed.
      *
      * @event 'object'
-     * @blazorProperty 'Changed'
      */
     change: EmitType<ChangeEventArgs>;
     /**
      * Triggers when a panel is about to drag.
      *
      * @event 'object'
-     * @blazorProperty 'OnDragStart'
      */
     dragStart: EmitType<DragStartArgs>;
     /**
      * Triggers while a panel is dragged continuously.
      *
      * @event 'object'
-     * @blazorProperty 'Dragging'
      */
     drag: EmitType<DraggedEventArgs>;
     /**
      * Triggers when a dragged panel is dropped.
      *
      * @event 'object'
-     * @blazorProperty 'OnDragStop'
      */
     dragStop: EmitType<DragStopArgs>;
     /**
      * Triggers when a panel is about to resize.
      *
      * @event 'object'
-     * @blazorProperty 'OnResizeStart'
      */
     resizeStart: EmitType<ResizeArgs>;
     /**
      * Triggers when a panel is being resized continuously.
      *
      * @event 'object'
-     * @blazorProperty 'Resizing'
      */
     resize: EmitType<ResizeArgs>;
     /**
      * Triggers when a panel resize ends.
      *
      * @event 'object'
-     * @blazorProperty 'OnResizeStop'
      */
     resizeStop: EmitType<ResizeArgs>;
     /**
      * Triggers when Dashboard Layout is created.
      *
      * @event 'object'
-     * @blazorProperty 'Created'
      */
     created: EmitType<Object>;
     /**
      * Triggers when Dashboard Layout is destroyed.
      *
      * @event 'object'
-     * @blazorProperty 'Destroyed'
      */
     destroyed: EmitType<Object>;
     /**
@@ -397,7 +375,6 @@ export declare class DashboardLayout extends Component<HTMLElement> implements I
      * @private
      */
     protected render(): void;
-    private updateServerPanelData;
     private initGridLines;
     private initialize;
     protected checkMediaQuery(): boolean;