@syncfusion/ej2-navigations 23.2.7 → 24.1.46

package/src/treeview/treeview.js

@@ -350,9 +350,11 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.setDisabledMode = function () {
         if (this.disabled) {
             this.element.classList.add(DISABLED);
+            this.element.setAttribute('aria-disabled', 'true');
         }
         else {
             this.element.classList.remove(DISABLED);
+            this.element.setAttribute('aria-disabled', 'false');
         }
     };
     TreeView.prototype.setEnableRtl = function () {
@@ -375,12 +377,11 @@ var TreeView = /** @class */ (function (_super) {
         (isEnabled ? addClass : removeClass)([this.element], FULLROWWRAP);
     };
     TreeView.prototype.setMultiSelect = function (isEnabled) {
-        var firstUl = select('.' + PARENTITEM, this.element);
         if (isEnabled) {
-            firstUl.setAttribute('aria-multiselectable', 'true');
+            this.element.setAttribute('aria-multiselectable', 'true');
         }
         else {
-            firstUl.removeAttribute('aria-multiselectable');
+            this.element.setAttribute('aria-multiselectable', 'false');
         }
     };
     // eslint-disable-next-line
@@ -511,6 +512,14 @@ var TreeView = /** @class */ (function (_super) {
             this.rootData = this.treeData;
         }
     };
+    TreeView.prototype.isChildObject = function () {
+        if (typeof this.fields.child === 'object') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
     TreeView.prototype.renderItems = function (isSorted) {
         /* eslint-disable */
         this.listBaseOption.ariaAttributes.level = 1;
@@ -749,7 +758,7 @@ var TreeView = /** @class */ (function (_super) {
         if (this.showCheckBox) {
             var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
             checkboxEle.setAttribute('role', 'checkbox');
-            checkboxEle.setAttribute('aria-label', 'checkbox');
+            checkboxEle.setAttribute('aria-label', e.text);
             var icon = select('div.' + ICON, e.item);
             var id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNOU(icon) ? 0 : 1]);
@@ -830,6 +839,9 @@ var TreeView = /** @class */ (function (_super) {
             if ((typeof mapper.child === 'string') && !isNOU(getValue(mapper.child, ds[i]))) {
                 return 2;
             }
+            if (this.isChildObject()) {
+                return 2;
+            }
             if (!isNOU(getValue(mapper.parentID, ds[i])) || !isNOU(getValue(mapper.hasChildren, ds[i]))) {
                 return 1;
             }
@@ -1777,7 +1789,7 @@ var TreeView = /** @class */ (function (_super) {
             }
         }
         else {
-            childItems = this.getChildNodes(this.treeData, parentLi.getAttribute('data-uid'));
+            childItems = this.getChildNodes(this.treeData, parentLi.getAttribute('data-uid'), false, parseFloat(parentLi.getAttribute('aria-level')) + 1);
             this.currentLoadData = this.getSortedData(childItems);
             if (isNOU(childItems) || childItems.length === 0) {
                 detach(eicon);
@@ -1880,7 +1892,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.getChildMapper = function (mapper) {
         return (typeof mapper.child === 'string' || isNOU(mapper.child)) ? mapper : mapper.child;
     };
-    TreeView.prototype.getChildNodes = function (obj, parentId, isRoot) {
+    TreeView.prototype.getChildNodes = function (obj, parentId, isRoot, level) {
         var _this = this;
         if (isRoot === void 0) { isRoot = false; }
         var childNodes;
@@ -1912,6 +1924,39 @@ var TreeView = /** @class */ (function (_super) {
                     }
                 }
             }
+            else if (this.isChildObject()) {
+                var tempField = !isNOU(level) ? this.fields : this.fields.child;
+                var i = 1;
+                while (i < level) {
+                    if (!isNOU(tempField.child)) {
+                        tempField = tempField.child;
+                    }
+                    else {
+                        break;
+                    }
+                    i++;
+                }
+                this.updateListProp(tempField);
+                var index = obj.findIndex(function (data) { return getValue(_this.fields.id, data) && getValue(_this.fields.id, data).toString() === parentId; });
+                if (index !== -1) {
+                    return getValue('child', obj[index]);
+                }
+                if (index === -1) {
+                    for (var i_1 = 0, objlen = obj.length; i_1 < objlen; i_1++) {
+                        var tempArray = getValue('child', obj[i_1]);
+                        var childIndex = !isNOU(tempArray) ? tempArray.findIndex(function (data) { return getValue(_this.fields.child.id, data) && getValue(_this.fields.child.id, data).toString() === parentId; }) : -1;
+                        if (childIndex !== -1) {
+                            return getValue('child', tempArray[childIndex]);
+                        }
+                        else if (!isNOU(tempArray)) {
+                            childNodes = this.getChildNodes(tempArray, parentId, false, level);
+                            if (childNodes !== undefined) {
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
         }
         return childNodes;
     };
@@ -2951,6 +2996,14 @@ var TreeView = /** @class */ (function (_super) {
                     break;
                 }
             }
+            else if (this.isChildObject()) {
+                var children = 'child';
+                var childData = getValue(children, obj[i]);
+                newList = this.getChildNodeObject(childData, this.getChildMapper(mapper), id);
+                if (newList !== undefined) {
+                    break;
+                }
+            }
         }
         return newList;
     };
@@ -3174,9 +3227,9 @@ var TreeView = /** @class */ (function (_super) {
         var nodeData = [];
         var liArray = [];
         dragInstance = e.dragData.draggable;
-        for (var i_1 = 0; i_1 < dragInstance.ej2_instances.length; i_1++) {
-            if (dragInstance.ej2_instances[i_1] instanceof TreeView_1) {
-                dragObj = dragInstance.ej2_instances[i_1];
+        for (var i_2 = 0; i_2 < dragInstance.ej2_instances.length; i_2++) {
+            if (dragInstance.ej2_instances[i_2] instanceof TreeView_1) {
+                dragObj = dragInstance.ej2_instances[i_2];
                 break;
             }
         }
@@ -3200,19 +3253,19 @@ var TreeView = /** @class */ (function (_super) {
                 var sNodes = selectAll('.' + ACTIVE, dragObj.element);
                 liArray = sNodes;
                 if (e.target.offsetHeight <= 33 && offsetY > e.target.offsetHeight - 10 && offsetY > 6) {
-                    for (var i_2 = sNodes.length - 1; i_2 >= 0; i_2--) {
-                        if (dropLi.isSameNode(sNodes[i_2]) || this.isDescendant(sNodes[i_2], dropLi)) {
+                    for (var i_3 = sNodes.length - 1; i_3 >= 0; i_3--) {
+                        if (dropLi.isSameNode(sNodes[i_3]) || this.isDescendant(sNodes[i_3], dropLi)) {
                             continue;
                         }
-                        this.appendNode(dropTarget, sNodes[i_2], dropLi, e, dragObj, offsetY);
+                        this.appendNode(dropTarget, sNodes[i_3], dropLi, e, dragObj, offsetY);
                     }
                 }
                 else {
-                    for (var i_3 = 0; i_3 < sNodes.length; i_3++) {
-                        if (dropLi.isSameNode(sNodes[i_3]) || this.isDescendant(sNodes[i_3], dropLi)) {
+                    for (var i_4 = 0; i_4 < sNodes.length; i_4++) {
+                        if (dropLi.isSameNode(sNodes[i_4]) || this.isDescendant(sNodes[i_4], dropLi)) {
                             continue;
                         }
-                        this.appendNode(dropTarget, sNodes[i_3], dropLi, e, dragObj, offsetY);
+                        this.appendNode(dropTarget, sNodes[i_4], dropLi, e, dragObj, offsetY);
                     }
                 }
             }

package/stepper-base.d.ts

@@ -0,0 +1,4 @@
+/**
+ * stepper-base
+ */
+export * from './src/stepper-base/index';

package/stepper-base.js

@@ -0,0 +1,4 @@
+/**
+ * stepper-base
+ */
+export * from './src/stepper-base/index';

package/stepper.d.ts

@@ -0,0 +1,4 @@
+/**
+ * stepper
+ */
+export * from './src/stepper/index';

package/stepper.js

@@ -0,0 +1,4 @@
+/**
+ * stepper
+ */
+export * from './src/stepper/index';