@acorex/components 3.0.33 → 3.0.37

package/fesm2015/acorex-components.js

@@ -3379,7 +3379,7 @@ __decorate([
 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
     }),
@@ -10921,7 +10921,7 @@ AXTabPageModule = __decorate([
         imports: [CommonModule, AXLoadingModule],
         exports: [AXTabPageRendererComponent],
         entryComponents: [AXTabPageRendererComponent, AXTabPageHostComponent],
-        providers: [AXTabPageService],
+        providers: [],
     })
 ], AXTabPageModule);
 
@@ -12908,7 +12908,10 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
         //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';
@@ -12923,6 +12926,7 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
         this.onItemClosing = new EventEmitter();
         this.onItemDrag = new EventEmitter();
         this.onItemMoved = new EventEmitter();
+        this.selectableField = '';
         this.onContextMenuItemClick = new EventEmitter();
         this.showSelectBox = false;
         this.loading = false;
@@ -13036,7 +13040,8 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
         return node;
     }
     changeChildSelect(item, s) {
-        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((elm) => {
@@ -13069,7 +13074,8 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
         }
     }
     changeParentSelect(item) {
-        if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
+        //if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
+        if (this.checkParents) {
             let allselect = true;
             let alldeselect = true;
             let oneselect = false;
@@ -13173,7 +13179,7 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                 this.hideLoading(null);
                 this.list = _data.data.result;
                 this.list.forEach((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;
@@ -13185,9 +13191,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                         this.seletedKeyFields.forEach((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);
@@ -13198,9 +13206,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                     }
                     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);
@@ -13219,7 +13229,7 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                     if (this.list.length !== 0) {
                         if (this.itemRow[this.childField] && this.itemRow[this.childField].length > 0) {
                             result.forEach((el) => {
-                                el.disabledCheckBox = false;
+                                el.disabledCheckBox = this.selectableField != '' ? el[this.selectableField] : false;
                                 this.itemRow[this.childField][this.itemRow[this.childField].length] = el;
                             });
                         }
@@ -13233,7 +13243,8 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                             if (this.selectionLevel == 'parents' && result[i][this.hasChildField] == false) {
                                 result[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[i].select = this.itemRow.select === (undefined || null) ? false : this.itemRow.select;
                                 if (this.itemRow.select === true && this.selectionMode == 'multiple' && result[i][this.hasChildField] === false) {
                                     this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] !== result[i][this.keyField]);
@@ -13248,9 +13259,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                                 this.seletedKeyFields.forEach((n) => {
                                     if (n.includes(result[i][this.keyField])) {
                                         if (result[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[i]);
+                                            }
                                             this.open(result[i]);
-                                            // }
                                         }
                                         else {
                                             this.selectItem(result[i]);
@@ -13261,9 +13274,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
                             }
                             else if (this.selectedFieldName != null) {
                                 if (result[i][this.hasChildField] == true && result[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[i]);
+                                    }
                                     this.open(result[i]);
-                                    // }
                                 }
                                 else if (result[i][this.selectedFieldName] == true) {
                                     this.selectItem(result[i]);
@@ -13428,6 +13443,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
             this.internalSelectItem(item, false);
         }
     }
+    unSelectItem(item) {
+        if (item['select'] == true) {
+            this.internalSelectItem(item, false);
+        }
+    }
     open(item) {
         if (item['toggle'] !== true) {
             this.toggleNode(item, true);
@@ -13509,8 +13529,12 @@ __decorate([
 ], AXTreeViewComponent.prototype, "selectedFieldName", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], AXTreeViewComponent.prototype, "selectNodesRecursive", void 0);
+    __metadata("design:type", Boolean)
+], AXTreeViewComponent.prototype, "checkParents", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], AXTreeViewComponent.prototype, "checkChilds", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Array)
@@ -13567,6 +13591,10 @@ __decorate([
     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)