@acorex/components 6.5.5 → 6.5.7

package/fesm2020/acorex-components.mjs

@@ -15266,6 +15266,10 @@ class AXTreeViewComponent extends AXBaseComponent {
                                     this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] !== result[i][this.keyField]);
                                     this.selectedItems.push(result[i]);
                                 }
+                                else if (this.itemRow.select === true && this.selectionMode == 'multiple' && result[i][this.hasChildField] === true) {
+                                    this.selectedParents = this.selectedParents.filter((c) => c[this.keyField] !== result[i][this.keyField]);
+                                    this.selectedParents.push(result[i]);
+                                }
                             }
                             else {
                                 result[i].select = false;
@@ -15428,6 +15432,9 @@ class AXTreeViewComponent extends AXBaseComponent {
             if (field === 'select' && item[this.hasChildField] === false && value === true) {
                 this.selectedItems.push(item);
             }
+            if (field === 'select' && item[this.hasChildField] === true && value === true) {
+                this.selectedParents.push(item);
+            }
         }
         if (field === 'select') {
             item.indeterminate = false;
@@ -15519,6 +15526,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 });