@syncfusion/ej2-layouts 23.2.4 → 24.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.4
+*  version : 24.2.3
 *  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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-layouts@*",
-  "_id": "@syncfusion/ej2-layouts@23.1.36",
+  "_id": "@syncfusion/ej2-layouts@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-R6V0KqVPvc/pYqXIeii65ZCZ9fjjmuq5v3shneY50YCzgX+qtClvjpqMfy9+9lD1LXbiu0pItf1pjfumS162Hg==",
+  "_integrity": "sha512-DcfrGifkApqkTwuRigoqwjL8PBxf0M54wuafL5WXGHb+3WX1SnrZ4EBRrMtfXX8TLuZ1KKsJvi9PHjB6Tvx4/g==",
   "_location": "/@syncfusion/ej2-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -26,16 +26,16 @@
     "/@syncfusion/ej2-react-layouts",
     "/@syncfusion/ej2-vue-layouts"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-23.1.36.tgz",
-  "_shasum": "343fcd7d05fa9b7f97936fa810fb4a307715eef3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-24.1.41.tgz",
+  "_shasum": "f430c2de272194c8e45b4436be6e374939aefd71",
   "_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.2.4"
+    "@syncfusion/ej2-base": "~24.2.3"
   },
   "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.",
@@ -75,7 +75,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
   },
   "typings": "index.d.ts",
-  "version": "23.2.4",
+  "version": "24.2.3",
   "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)) {