@acorex/components 6.5.12 → 6.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/tree-view/tree-view.component.mjs +33 -3
- package/fesm2015/acorex-components.mjs +32 -2
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +32 -2
- package/fesm2020/acorex-components.mjs.map +1 -1
- package/lib/tree-view/tree-view.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -14899,6 +14899,7 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
14899
14899
|
this.lazyLoading = true;
|
|
14900
14900
|
this.allowDrag = false;
|
|
14901
14901
|
this.size = 'md';
|
|
14902
|
+
this.disabled = false;
|
|
14902
14903
|
this.selectionChanged = new EventEmitter();
|
|
14903
14904
|
this.seletedKeyFieldsChanged = new EventEmitter();
|
|
14904
14905
|
this.onItemOpening = new EventEmitter();
|
|
@@ -14924,6 +14925,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
14924
14925
|
this.levelCount = 0;
|
|
14925
14926
|
}
|
|
14926
14927
|
handleOnContextMenuItem(e) {
|
|
14928
|
+
if (this.disabled) {
|
|
14929
|
+
return;
|
|
14930
|
+
}
|
|
14927
14931
|
this.onContextMenuItemClick.emit(e);
|
|
14928
14932
|
}
|
|
14929
14933
|
refresh() {
|
|
@@ -14931,6 +14935,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
14931
14935
|
this._contentDataSource.fetch(null);
|
|
14932
14936
|
}
|
|
14933
14937
|
internalSelectItem(item, userChange = true) {
|
|
14938
|
+
if (this.disabled) {
|
|
14939
|
+
return;
|
|
14940
|
+
}
|
|
14934
14941
|
if (item[this.hasChildField] === false || this.selectionMode === 'single') {
|
|
14935
14942
|
item.select = !item.select;
|
|
14936
14943
|
if (item.parentNode && this.selectionMode !== 'single' && this.checkParents == true) {
|
|
@@ -14986,6 +14993,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
14986
14993
|
}
|
|
14987
14994
|
}
|
|
14988
14995
|
makeNode(item, addChildren = true) {
|
|
14996
|
+
if (this.disabled) {
|
|
14997
|
+
return;
|
|
14998
|
+
}
|
|
14989
14999
|
const node = new AXTreeViewNode();
|
|
14990
15000
|
if (addChildren) {
|
|
14991
15001
|
node.children = item[this.childField] === undefined ? [] : item[this.childField]?.map((m) => this.makeNode(m));
|
|
@@ -15048,6 +15058,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
15048
15058
|
return node;
|
|
15049
15059
|
}
|
|
15050
15060
|
changeChildSelect(item, s) {
|
|
15061
|
+
if (this.disabled) {
|
|
15062
|
+
return;
|
|
15063
|
+
}
|
|
15051
15064
|
// if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
15052
15065
|
if (this.checkChilds == true) {
|
|
15053
15066
|
item.select = s;
|
|
@@ -15082,6 +15095,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
15082
15095
|
}
|
|
15083
15096
|
}
|
|
15084
15097
|
changeParentSelect(item) {
|
|
15098
|
+
if (this.disabled) {
|
|
15099
|
+
return;
|
|
15100
|
+
}
|
|
15085
15101
|
//if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
15086
15102
|
if (this.checkParents) {
|
|
15087
15103
|
let allselect = true;
|
|
@@ -15132,11 +15148,17 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
15132
15148
|
});
|
|
15133
15149
|
}
|
|
15134
15150
|
itemdbClick(e, item) {
|
|
15151
|
+
if (this.disabled) {
|
|
15152
|
+
return;
|
|
15153
|
+
}
|
|
15135
15154
|
if (this.selectionMode == 'single') {
|
|
15136
15155
|
this.handleOnNodeClick(e, item, true);
|
|
15137
15156
|
}
|
|
15138
15157
|
}
|
|
15139
15158
|
handleOnNodeClick(e, item, flag = false) {
|
|
15159
|
+
if (this.disabled) {
|
|
15160
|
+
return;
|
|
15161
|
+
}
|
|
15140
15162
|
// this.internalSelectItem(item);
|
|
15141
15163
|
this.onItemClick.emit({
|
|
15142
15164
|
component: this,
|
|
@@ -15146,6 +15168,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
15146
15168
|
});
|
|
15147
15169
|
}
|
|
15148
15170
|
nodeClick(item) {
|
|
15171
|
+
if (this.disabled) {
|
|
15172
|
+
return;
|
|
15173
|
+
}
|
|
15149
15174
|
if (item[this.hasChildField] == true) {
|
|
15150
15175
|
this.toggleNode(item, true);
|
|
15151
15176
|
}
|
|
@@ -15154,6 +15179,9 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
15154
15179
|
}
|
|
15155
15180
|
}
|
|
15156
15181
|
toggleNode(item, flag = false) {
|
|
15182
|
+
if (this.disabled) {
|
|
15183
|
+
return;
|
|
15184
|
+
}
|
|
15157
15185
|
//item[this.hasChildField] === false &&
|
|
15158
15186
|
if (this.selectionMode === 'single' && !flag) {
|
|
15159
15187
|
if (this.selectionLevel == 'nodes' && item.hasChild == true) {
|
|
@@ -15562,10 +15590,10 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
15562
15590
|
}
|
|
15563
15591
|
}
|
|
15564
15592
|
AXTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXTreeViewComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
15565
|
-
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\"
|
|
15593
|
+
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", disabled: "disabled", 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 [class.disabled]=\"disabled\" axContextMenu [contextDataItem]=\"item\"\r\n [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 || disabled\" [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 });
|
|
15566
15594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXTreeViewComponent, decorators: [{
|
|
15567
15595
|
type: Component,
|
|
15568
|
-
args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, 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\"
|
|
15596
|
+
args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, 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 [class.disabled]=\"disabled\" axContextMenu [contextDataItem]=\"item\"\r\n [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 || disabled\" [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>" }]
|
|
15569
15597
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { nodeTemplate: [{
|
|
15570
15598
|
type: ContentChild,
|
|
15571
15599
|
args: [TemplateRef, { static: true }]
|
|
@@ -15596,6 +15624,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
15596
15624
|
type: Input
|
|
15597
15625
|
}], size: [{
|
|
15598
15626
|
type: Input
|
|
15627
|
+
}], disabled: [{
|
|
15628
|
+
type: Input
|
|
15599
15629
|
}], selectionChanged: [{
|
|
15600
15630
|
type: Output
|
|
15601
15631
|
}], seletedKeyFieldsChanged: [{
|