@acorex/components 6.5.6 → 6.5.8

package/fesm2020/acorex-components.mjs

@@ -14918,6 +14918,7 @@ class AXTreeViewComponent extends AXBaseComponent {
         this.showContextMenu = false;
         this.isSelectedItem = false;
         this.loced = false;
+        this.levelCount = 0;
     }
     handleOnContextMenuItem(e) {
         this.onContextMenuItemClick.emit(e);
@@ -15185,6 +15186,18 @@ class AXTreeViewComponent extends AXBaseComponent {
             }
         }
     }
+    getLevel(item) {
+        return new Promise((resolve, reject) => {
+            if (item.parentNode) {
+                this.levelCount = this.levelCount + 1;
+                this.getLevel(item.parentNode);
+            }
+            else {
+                this.levelCount = this.levelCount + 1;
+                return;
+            }
+        });
+    }
     ngAfterContentInit() {
         this._contentDataSource.fetch(null);
         this._contentDataSource.onDataReceived.subscribe((_data) => {
@@ -15204,7 +15217,7 @@ class AXTreeViewComponent extends AXBaseComponent {
                         this.seletedKeyFields.forEach((n) => {
                             if (n.includes(el[this.keyField])) {
                                 if (el[this.hasChildField] == true) {
-                                    if ((this.checkParents == false && this.checkChilds == false) || this.checkChilds == false) {
+                                    if (((this.checkParents == false && this.checkChilds == false) || this.checkChilds == false) && n.length == 1) {
                                         //select parent when check child and check parent is false TODO check this Action
                                         this.selectItem(el);
                                     }
@@ -15279,11 +15292,14 @@ class AXTreeViewComponent extends AXBaseComponent {
                                 this.seletedKeyFields.forEach((n) => {
                                     if (n.includes(result[i][this.keyField])) {
                                         if (result[i][this.hasChildField] == true) {
-                                            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]);
+                                            this.levelCount = 0;
+                                            this.getLevel(result[i]).then((resLevel) => {
+                                                if (this.checkParents == false && this.checkChilds == false && result[i].length == this.levelCount) {
+                                                    //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]);
@@ -15526,6 +15542,16 @@ class AXTreeViewComponent extends AXBaseComponent {
         });
         return keyFields;
     }
+    getSelectedKeyFieldsParents() {
+        let keyFields = [];
+        this.selectedParents.forEach((elm) => {
+            var Ids = this.getParentsId(elm);
+            if (Ids) {
+                keyFields.push(Ids);
+            }
+        });
+        return keyFields;
+    }
 }
 AXTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXTreeViewComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 AXTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { selectionMode: "selectionMode", selectionLevel: "selectionLevel", selectedFieldName: "selectedFieldName", checkParents: "checkParents", checkChilds: "checkChilds", seletedKeyFields: "seletedKeyFields", keyField: "keyField", hasChildField: "hasChildField", bordered: "bordered", lazyLoading: "lazyLoading", allowDrag: "allowDrag", size: "size", selectableField: "selectableField", contextMenuItems: "contextMenuItems" }, outputs: { selectionChanged: "selectionChanged", seletedKeyFieldsChanged: "seletedKeyFieldsChanged", onItemOpening: "onItemOpening", onItemClick: "onItemClick", onItemClosing: "onItemClosing", onItemDrag: "onItemDrag", onItemMoved: "onItemMoved", onContextMenuItemClick: "onContextMenuItemClick" }, queries: [{ propertyName: "nodeTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ul class=\"ax treeview {{size}}\">\r\n    <ng-template #recursiveList let-list>\r\n        <ng-container *ngFor=\"let item of list\">\r\n            <li class=\"active {{item[hasChildField] ? '':'node'}}\" [class.bordered]=\"bordered\"\r\n                [class.selected]=\"item.select\" [draggable]=\"allowDrag\" (dragstart)=\"onDragStart($event, item)\"\r\n                [attr.data-id]=\"item[keyField]\" (dragleave)=\"onDragEnd($event,item)\" (dragend)=drop($event)>\r\n                <div axContextMenu [contextDataItem]=\"item\" [contextMenuItems]=\"contextMenuItems\" [contextMenu]=\"menu\"\r\n                    (onContextMenuItemClick)=\"handleOnContextMenuItem($event)\"\r\n                    style=\"display: flex; cursor: pointer;align-items: center;\">\r\n                    <div class=\"start-side\">\r\n                        <div *ngIf=\"item[hasChildField]\" class=\"collapse-icon\"\r\n                            (click)=\"handleOnNodeClick($event,item,true)\">\r\n                            <i class=\"fal\"\r\n                                [ngClass]=\"{'fa-minus': !!item.toggle , 'fa-plus': !item.toggle , 'fa-spinner fa-spin':item.loading }\"></i>\r\n                        </div>\r\n\r\n                        <ax-check-box *ngIf=\"showSelectBox\" [disabled]=\"item.disabledCheckBox\" [size]=\"size\"\r\n                            [indeterminate]=\"true\" [value]=\"item.select\" (onClick)=\"internalSelectItem(item)\">\r\n                        </ax-check-box>\r\n\r\n\r\n                    </div>\r\n                    <div class=\"text-list\" (click)=\"nodeClick(item)\" (dblclick)=\"itemdbClick($event,item)\">\r\n                        <ng-container *ngIf=\"nodeTemplate; else elseTemplate\">\r\n                            <ng-container *ngTemplateOutlet=\"nodeTemplate; context:{ $implicit: item }\"></ng-container>\r\n                        </ng-container>\r\n                        <ng-template #elseTemplate>\r\n                            {{item.title}}\r\n                        </ng-template>\r\n                    </div>\r\n                </div>\r\n                <ul *ngIf=\"item.loading\">\r\n                    <i class=\"far \"></i>\r\n                </ul>\r\n                <ul class=\"child\" *ngIf=\"item.toggle\" style=\"background-color: white !important;\">\r\n                    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.childeren }\">\r\n                    </ng-container>\r\n                </ul>\r\n            </li>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n</ul>\r\n\r\n<ax-context-menu #menu></ax-context-menu>", components: [{ type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["size", "width", "items"], outputs: ["onItemClick", "onClosed"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: AXContextMenuDirective, selector: "[axContextMenu]", inputs: ["contextMenu", "contextDataItem", "contextMenuItems", "rtl"], outputs: ["onContextMenuItemClick"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });