@acorex/components 3.0.33 → 3.0.37

package/bundles/acorex-components.umd.js

@@ -3822,7 +3822,7 @@
         AXCheckBoxComponent = __decorate([
             core.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: core.ViewEncapsulation.None,
                 changeDetection: core.ChangeDetectionStrategy.OnPush
             }),
@@ -11809,7 +11809,7 @@
                 imports: [common.CommonModule, AXLoadingModule],
                 exports: [AXTabPageRendererComponent],
                 entryComponents: [AXTabPageRendererComponent, AXTabPageHostComponent],
-                providers: [AXTabPageService],
+                providers: [],
             })
         ], AXTabPageModule);
         return AXTabPageModule;
@@ -13912,7 +13912,10 @@
             //seletedKeyFields set id of nodes and parents
             //selectedFieldName set name of fields that set selectes
             _this.selectedFieldName = null;
-            _this.selectNodesRecursive = 'all';
+            // @Input()
+            // selectNodesRecursive: 'all' | 'parents' | 'childs' | 'none' = 'all'; //leaf
+            _this.checkParents = true;
+            _this.checkChilds = true;
             _this.seletedKeyFields = [];
             _this.keyField = 'id';
             _this.hasChildField = 'child';
@@ -13927,6 +13930,7 @@
             _this.onItemClosing = new core.EventEmitter();
             _this.onItemDrag = new core.EventEmitter();
             _this.onItemMoved = new core.EventEmitter();
+            _this.selectableField = '';
             _this.onContextMenuItemClick = new core.EventEmitter();
             _this.showSelectBox = false;
             _this.loading = false;
@@ -14046,7 +14050,8 @@
         };
         AXTreeViewComponent.prototype.changeChildSelect = function (item, s) {
             var _this = this;
-            if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
+            // if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
+            if (this.checkChilds == true) {
                 item.select = s;
                 if (item[this.hasChildField] === true && item[this.childField] && item[this.childField].length > 0) {
                     item[this.childField].forEach(function (elm) {
@@ -14080,7 +14085,8 @@
         };
         AXTreeViewComponent.prototype.changeParentSelect = function (item) {
             var _this = this;
-            if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
+            //if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
+            if (this.checkParents) {
                 var allselect = true;
                 var alldeselect = true;
                 var oneselect = false;
@@ -14188,7 +14194,7 @@
                     _this.hideLoading(null);
                     _this.list = _data.data.result;
                     _this.list.forEach(function (el) {
-                        el.disabledCheckBox = false;
+                        el.disabledCheckBox = _this.selectableField != '' ? el[_this.selectableField] : false;
                         el.select = false;
                         if (_this.selectionLevel == 'nodes' && el[_this.hasChildField] == true) {
                             el.disabledCheckBox = true;
@@ -14200,9 +14206,11 @@
                             _this.seletedKeyFields.forEach(function (n) {
                                 if (n.includes(el[_this.keyField])) {
                                     if (el[_this.hasChildField] == true) {
-                                        //  if (this.selectNodesRecursive) {
+                                        if (_this.checkParents == false && _this.checkChilds == false) {
+                                            //select parent when check child and check parent is false TODO check this Action
+                                            _this.selectItem(el);
+                                        }
                                         _this.open(el);
-                                        // }
                                     }
                                     else {
                                         _this.selectItem(el);
@@ -14213,9 +14221,11 @@
                         }
                         else if (_this.selectedFieldName != null) {
                             if (el[_this.hasChildField] == true && el[_this.selectedFieldName] == true) {
-                                // if (this.selectNodesRecursive) {
+                                if (_this.checkParents == false && _this.checkChilds == false) {
+                                    //select parent when check child and check parent is false TODO check this Action
+                                    _this.selectItem(el);
+                                }
                                 _this.open(el);
-                                // }
                             }
                             else if (el[_this.selectedFieldName] == true) {
                                 _this.selectItem(el);
@@ -14234,7 +14244,7 @@
                         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] : false;
                                     _this.itemRow[_this.childField][_this.itemRow[_this.childField].length] = el;
                                 });
                             }
@@ -14248,7 +14258,8 @@
                                 if (_this.selectionLevel == 'parents' && result_1[i][_this.hasChildField] == false) {
                                     result_1[i].disabledCheckBox = true;
                                 }
-                                if (_this.selectionMode !== 'single' && (_this.selectNodesRecursive == 'all' || _this.selectNodesRecursive == 'childs')) {
+                                // if (this.selectionMode !== 'single' && (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs')) {
+                                if (_this.selectionMode !== 'single' && _this.checkChilds == true) {
                                     result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
                                     if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
                                         _this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
@@ -14263,9 +14274,11 @@
                                     _this.seletedKeyFields.forEach(function (n) {
                                         if (n.includes(result_1[i][_this.keyField])) {
                                             if (result_1[i][_this.hasChildField] == true) {
-                                                // if (this.selectNodesRecursive) {
+                                                if (_this.checkParents == false && _this.checkChilds == false) {
+                                                    //select parent when check child and check parent is false TODO check this Action
+                                                    _this.selectItem(result_1[i]);
+                                                }
                                                 _this.open(result_1[i]);
-                                                // }
                                             }
                                             else {
                                                 _this.selectItem(result_1[i]);
@@ -14276,9 +14289,11 @@
                                 }
                                 else if (_this.selectedFieldName != null) {
                                     if (result_1[i][_this.hasChildField] == true && result_1[i][_this.selectedFieldName] == true) {
-                                        // if (this.selectNodesRecursive) {
+                                        if (_this.checkParents == false && _this.checkChilds == false) {
+                                            //select parent when check child and check parent is false TODO check this Action
+                                            _this.selectItem(result_1[i]);
+                                        }
                                         _this.open(result_1[i]);
-                                        // }
                                     }
                                     else if (result_1[i][_this.selectedFieldName] == true) {
                                         _this.selectItem(result_1[i]);
@@ -14450,6 +14465,11 @@
                 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);
@@ -14533,8 +14553,12 @@
         ], AXTreeViewComponent.prototype, "selectedFieldName", void 0);
         __decorate([
             core.Input(),
-            __metadata("design:type", String)
-        ], AXTreeViewComponent.prototype, "selectNodesRecursive", void 0);
+            __metadata("design:type", Boolean)
+        ], AXTreeViewComponent.prototype, "checkParents", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXTreeViewComponent.prototype, "checkChilds", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Array)
@@ -14591,6 +14615,10 @@
             core.Output(),
             __metadata("design:type", core.EventEmitter)
         ], AXTreeViewComponent.prototype, "onItemMoved", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXTreeViewComponent.prototype, "selectableField", void 0);
         __decorate([
             core.Output(),
             __metadata("design:type", core.EventEmitter)