@syncfusion/ej2-layouts 23.1.36 → 24.1.41

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.36
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 24.1.41
+*  Copyright Syncfusion Inc. 2001 - 2023. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@21.4.3",
+  "_id": "@syncfusion/ej2-layouts@21.4.6",
   "_inBundle": false,
-  "_integrity": "sha512-0G1o7SbyhEGQddZL40M7NwGfKnMvX41DpNbK7pNuV0T9ZQFl52N0heVpwgCTygIHGJy3GVdIc7PSioFqWgZRfA==",
+  "_integrity": "sha512-NDKk1Omo3lx85XdGk/OMhaosrLR7842ntfWhz61KXq/zoGX3Ip+o5B1bJVHd+3YYh7MQOvyQ5HNs7wa2rw/pEA==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -23,20 +23,19 @@
     "/@syncfusion/ej2-filemanager",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-pdfviewer",
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-21.4.3.tgz",
-  "_shasum": "1d14e4878175896ea31ee5e623b050ca547440f6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-layouts/-/ej2-layouts-21.4.6.tgz",
+  "_shasum": "348ac7e4c964a3b6dc132a71b534154f917e3d75",
   "_spec": "@syncfusion/ej2-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.36"
+    "@syncfusion/ej2-base": "~24.1.41"
   },
   "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,7 +75,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
   },
   "typings": "index.d.ts",
-  "version": "23.1.36",
+  "version": "24.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -188,6 +188,7 @@ var DashboardLayout = /** @class */ (function (_super) {
      * @private
      */
     DashboardLayout.prototype.render = function () {
+        this.element.setAttribute('role', 'list');
         this.initialize();
         this.isRenderComplete = true;
         if (this.showGridLines && !this.checkMediaQuery()) {
@@ -201,6 +202,7 @@ var DashboardLayout = /** @class */ (function (_super) {
         this.table = document.createElement('table');
         var tbody = document.createElement('tbody');
         this.table.classList.add('e-dashboard-gridline-table');
+        this.table.setAttribute('role', 'presentation');
         for (var i = 0; i < this.maxRow(); i++) {
             var tr = document.createElement('tr');
             for (var j = 0; j < this.columns; j++) {
@@ -320,9 +322,9 @@ var DashboardLayout = /** @class */ (function (_super) {
     DashboardLayout.prototype.updateOldRowColumn = function () {
         for (var i = 0; i < this.panels.length; i++) {
             var id = this.panels[i].id;
-            if (document.getElementById(id)) {
-                var row = parseInt(document.getElementById(id).getAttribute('data-row'), 10);
-                var col = parseInt(document.getElementById(id).getAttribute('data-col'), 10);
+            if (this.element.querySelector("[id='" + id + "']")) {
+                var row = parseInt(this.element.querySelector("[id='" + id + "']").getAttribute('data-row'), 10);
+                var col = parseInt(this.element.querySelector("[id='" + id + "']").getAttribute('data-col'), 10);
                 this.oldRowCol[this.panels[i].id] = { row: row, col: col };
             }
             else {
@@ -394,6 +396,10 @@ var DashboardLayout = /** @class */ (function (_super) {
     };
     DashboardLayout.prototype.renderPanels = function (cellElement, panelModel, panelId, isStringTemplate) {
         addClass([cellElement], [panel, panelTransition]);
+        cellElement.setAttribute('role', 'listitem');
+        if (this.allowDragging) {
+            cellElement.setAttribute('aria-grabbed', 'false');
+        }
         var cssClass = panelModel.cssClass ? panelModel.cssClass.split(' ') : null;
         this.panelContent = cellElement.querySelector('.e-panel-container') ?
             cellElement.querySelector('.e-panel-container') :
@@ -1167,9 +1173,9 @@ var DashboardLayout = /** @class */ (function (_super) {
         for (var h = 0; h < sizeY; ++h) {
             for (var w = 0; w < sizeX; ++w) {
                 item = this.getPanel(row + h, col + w, ignore);
-                if (item && (!ignore || ignore.indexOf(document.getElementById(item.id)) === -1) &&
-                    items.indexOf(document.getElementById(item.id)) === -1) {
-                    items.push(document.getElementById(item.id));
+                if (item && (!ignore || ignore.indexOf(this.element.querySelector("[id='" + item.id + "']")) === -1) &&
+                    items.indexOf(this.element.querySelector("[id='" + item.id + "']")) === -1) {
+                    items.push(this.element.querySelector("[id='" + item.id + "']"));
                 }
             }
         }
@@ -1537,7 +1543,7 @@ var DashboardLayout = /** @class */ (function (_super) {
         }
         if (this.mainElement && this.oldRowCol !== this.cloneObject) {
             for (var i = 0; i < this.panels.length; i++) {
-                var element = document.getElementById(this.panels[i].id);
+                var element = this.element.querySelector("[id='" + this.panels[i].id + "']");
                 if (element === this.mainElement) {
                     continue;
                 }

package/src/splitter/splitter.js

@@ -876,7 +876,8 @@ var Splitter = /** @class */ (function (_super) {
         this.addResizeHandler(separator);
         separator.appendChild(arrow1);
         this.updateCollapseIcons(i, arrow1, arrow2);
-        separator.setAttribute('tabindex', '0');
+        separator.setAttribute('tabindex', '-1');
+        separator.setAttribute('aria-hidden', 'true');
         if (this.enableReversePanes) {
             separator.setAttribute('dir', 'ltr');
         }
@@ -910,6 +911,7 @@ var Splitter = /** @class */ (function (_super) {
                 clonedEle[i].parentNode.appendChild(separator);
                 this.currentSeparator = separator;
                 separator.setAttribute('role', 'separator');
+                separator.setAttribute('aria-valuenow', i.toString());
                 separator.setAttribute('aria-orientation', this.orientation.toLowerCase());
                 this.wireClickEvents();
                 if (!isNullOrUndefined(separator)) {