@acorex/components 3.0.35 → 3.0.39

package/fesm5/acorex-components.js

@@ -3616,7 +3616,7 @@ var AXCheckBoxComponent = /** @class */ (function (_super) {
     AXCheckBoxComponent = __decorate([
         Component({
             selector: 'ax-check-box',
-            template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n  (click)=\"handleClick($event)\">\r\n  {{ label }}\r\n  <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n    [disabled]=\"disabled || readonly\" />\r\n  <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n<label for=\"{{uid}}\" class=\"ax-checkbox-container\" (click)=\"handleClick($event)\">\r\n  <input #input type=\"checkbox\" class=\"ax-checkbox\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"\r\n    id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\" [(ngModel)]=\"value\" [disabled]=\"disabled || readonly\" />\r\n  <span>{{ label ? label : '&nbsp;' }}</span>\r\n</label>",
+            template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n  (click)=\"handleClick($event)\">\r\n  {{ label }}\r\n  <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n    [disabled]=\"disabled || readonly\" />\r\n  <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n<label for=\"{{uid}}\" class=\"ax-checkbox-container\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n  (click)=\"handleClick($event)\">\r\n  <input #input type=\"checkbox\" class=\"ax-checkbox\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"\r\n    id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\" [(ngModel)]=\"value\" [disabled]=\"disabled || readonly\" />\r\n  <span>{{ label ? label : '&nbsp;' }}</span>\r\n</label>",
             encapsulation: ViewEncapsulation.None,
             changeDetection: ChangeDetectionStrategy.OnPush
         }),
@@ -13724,6 +13724,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
         _this.onItemClosing = new EventEmitter();
         _this.onItemDrag = new EventEmitter();
         _this.onItemMoved = new EventEmitter();
+        _this.selectableField = '';
         _this.onContextMenuItemClick = new EventEmitter();
         _this.showSelectBox = false;
         _this.loading = false;
@@ -13839,6 +13840,34 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
         node.itemData.indeterminate = item.select === null ? true : false;
         node.itemData.hasChild = item[this.hasChildField];
         node.parent = item.parentNode === undefined ? null : this.makeNode(item.parentNode, false);
+        if (node.parent != null) {
+            node.parent.selectParent = function () {
+                if (item.parentNode['select'] != true) {
+                    _this.internalSelectItem(item.parentNode, true);
+                }
+            };
+            node.parent.unSelectParent = function () {
+                if (item.parentNode['select'] == true) {
+                    _this.internalSelectItem(item.parentNode, true);
+                }
+            };
+        }
+        if (node.children != null && node.children.length > 0) {
+            node.children.selectChilds = function () {
+                item.childeren.forEach(function (element) {
+                    if (item.parentNode['select'] != true) {
+                        _this.internalSelectItem(element, true);
+                    }
+                });
+            };
+            node.children.unSelectChilds = function () {
+                item.childeren.forEach(function (element) {
+                    if (item.parentNode['select'] == true) {
+                        _this.internalSelectItem(item.childeren, true);
+                    }
+                });
+            };
+        }
         return node;
     };
     AXTreeViewComponent.prototype.changeChildSelect = function (item, s) {
@@ -13987,7 +14016,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
                 _this.hideLoading(null);
                 _this.list = _data.data.result;
                 _this.list.forEach(function (el) {
-                    el.disabledCheckBox = false;
+                    el.disabledCheckBox = _this.selectableField != '' ? (el[_this.selectableField] ? el[_this.selectableField] : false) : false;
                     el.select = false;
                     if (_this.selectionLevel == 'nodes' && el[_this.hasChildField] == true) {
                         el.disabledCheckBox = true;
@@ -14037,7 +14066,8 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
                     if (_this.list.length !== 0) {
                         if (_this.itemRow[_this.childField] && _this.itemRow[_this.childField].length > 0) {
                             result_1.forEach(function (el) {
-                                el.disabledCheckBox = false;
+                                el.disabledCheckBox = _this.selectableField != '' ? (el[_this.selectableField] ? el[_this.selectableField] : false) : false;
+                                // el.disabledCheckBox = this.selectableField != '' ? el[this.selectableField] : false;
                                 _this.itemRow[_this.childField][_this.itemRow[_this.childField].length] = el;
                             });
                         }
@@ -14045,6 +14075,8 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
                             _this.itemRow[_this.childField] = result_1;
                         }
                         var _loop_1 = function (i) {
+                            result_1[i].disabledCheckBox =
+                                _this.selectableField != '' ? (result_1[i][_this.selectableField] ? result_1[i][_this.selectableField] : false) : false;
                             if (_this.selectionLevel == 'nodes' && result_1[i][_this.hasChildField] == true) {
                                 result_1[i].disabledCheckBox = true;
                             }
@@ -14258,6 +14290,11 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
             this.internalSelectItem(item, false);
         }
     };
+    AXTreeViewComponent.prototype.unSelectItem = function (item) {
+        if (item['select'] == true) {
+            this.internalSelectItem(item, false);
+        }
+    };
     AXTreeViewComponent.prototype.open = function (item) {
         if (item['toggle'] !== true) {
             this.toggleNode(item, true);
@@ -14403,6 +14440,10 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
         Output(),
         __metadata("design:type", EventEmitter)
     ], AXTreeViewComponent.prototype, "onItemMoved", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AXTreeViewComponent.prototype, "selectableField", void 0);
     __decorate([
         Output(),
         __metadata("design:type", EventEmitter)