@acorex/components 21.0.0-next.36 → 21.0.0-next.38
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/fesm2022/acorex-components-file-explorer.mjs +8 -8
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view-legacy.mjs +511 -0
- package/fesm2022/acorex-components-tree-view-legacy.mjs.map +1 -0
- package/fesm2022/acorex-components-tree-view.mjs +1123 -397
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/file-explorer/index.d.ts +6 -6
- package/package.json +6 -6
- package/tree-view/index.d.ts +499 -168
- package/tree-view-legacy/README.md +3 -0
- package/tree-view-legacy/index.d.ts +184 -0
- package/fesm2022/acorex-components-tree2.mjs +0 -730
- package/fesm2022/acorex-components-tree2.mjs.map +0 -1
- package/tree2/README.md +0 -3
- package/tree2/index.d.ts +0 -346
|
@@ -8,7 +8,7 @@ import { AXMenuComponent, AXMenuItemComponent, AXContextMenuComponent, AXMenuMod
|
|
|
8
8
|
import { AXToolBarComponent, AXToolBarModule } from '@acorex/components/toolbar';
|
|
9
9
|
import { NgClass, NgStyle, CommonModule } from '@angular/common';
|
|
10
10
|
import { AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule } from '@acorex/components/drawer';
|
|
11
|
-
import {
|
|
11
|
+
import { AXTreeViewLegacyComponent, AXTreeViewLegacyModule } from '@acorex/components/tree-view-legacy';
|
|
12
12
|
|
|
13
13
|
class AXFileExplorerInternalService {
|
|
14
14
|
constructor() {
|
|
@@ -168,7 +168,7 @@ class AXFileExplorerTreeComponent {
|
|
|
168
168
|
constructor() {
|
|
169
169
|
this.internalService = inject(AXFileExplorerInternalService);
|
|
170
170
|
this.drawer = viewChild(AXDrawerComponent, ...(ngDevMode ? [{ debugName: "drawer" }] : []));
|
|
171
|
-
this.treeView = viewChild(
|
|
171
|
+
this.treeView = viewChild(AXTreeViewLegacyComponent, ...(ngDevMode ? [{ debugName: "treeView" }] : []));
|
|
172
172
|
this.#effect = effect(() => {
|
|
173
173
|
if (this.internalService.treeViewState()) {
|
|
174
174
|
this.drawer().open();
|
|
@@ -187,7 +187,7 @@ class AXFileExplorerTreeComponent {
|
|
|
187
187
|
this.internalService.dbClickHandler(e.data, false);
|
|
188
188
|
}
|
|
189
189
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFileExplorerTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
190
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXFileExplorerTreeComponent, isStandalone: true, selector: "ax-file-explorer-tree", providers: [{ provide: AXComponent, useExisting: AXFileExplorerTreeComponent }], viewQueries: [{ propertyName: "drawer", first: true, predicate: AXDrawerComponent, descendants: true, isSignal: true }, { propertyName: "treeView", first: true, predicate:
|
|
190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXFileExplorerTreeComponent, isStandalone: true, selector: "ax-file-explorer-tree", providers: [{ provide: AXComponent, useExisting: AXFileExplorerTreeComponent }], viewQueries: [{ propertyName: "drawer", first: true, predicate: AXDrawerComponent, descendants: true, isSignal: true }, { propertyName: "treeView", first: true, predicate: AXTreeViewLegacyComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container\n [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n <ax-drawer location=\"start\" mode=\"push\">\n <ax-content>\n <ax-tree-view-legacy\n (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n [showCheckbox]=\"false\"\n hasChildField=\"hasChild\"\n [items]=\"internalService.dataCallBack()\"\n ></ax-tree-view-legacy>\n </ax-content>\n </ax-drawer>\n</ax-drawer-container>\n", styles: ["ax-file-explorer-tree .ax-file-explore-drawer-border{border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-file-explorer-tree ax-drawer-container{height:auto}ax-file-explorer-tree ax-drawer-container ax-drawer ax-content{padding:.5rem;overflow-x:hidden}ax-file-explorer-tree ax-drawer-container ax-drawer ax-text{white-space:nowrap;padding-inline-end:1rem}\n"], dependencies: [{ kind: "component", type: AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXTreeViewLegacyComponent, selector: "ax-tree-view-legacy", inputs: ["items", "showCheckbox", "hasCheckboxField", "selectionMode", "selectionBehavior", "selectionScope", "focusNodeEnabled", "valueField", "textField", "visibleField", "disableField", "hasChildField", "selectedField", "expandedField", "tooltipField", "childrenField", "activeField", "indeterminateField", "parentField", "iconField", "toggleIcons", "look", "showEmptyNodeMassage", "itemTemplate", "emptyTemplate", "expandOn"], outputs: ["onSelectionChanged", "onItemSelectedChanged", "onNodeClick", "onCollapsedChanged", "onNodedbClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
191
191
|
}
|
|
192
192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFileExplorerTreeComponent, decorators: [{
|
|
193
193
|
type: Component,
|
|
@@ -197,9 +197,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
197
197
|
NgStyle,
|
|
198
198
|
AXDrawerComponent,
|
|
199
199
|
AXDecoratorGenericComponent,
|
|
200
|
-
|
|
201
|
-
], providers: [{ provide: AXComponent, useExisting: AXFileExplorerTreeComponent }], template: "<ax-drawer-container\n [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n <ax-drawer location=\"start\" mode=\"push\">\n <ax-content>\n <ax-tree-view\n (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n [showCheckbox]=\"false\"\n hasChildField=\"hasChild\"\n [items]=\"internalService.dataCallBack()\"\n ></ax-tree-view>\n </ax-content>\n </ax-drawer>\n</ax-drawer-container>\n", styles: ["ax-file-explorer-tree .ax-file-explore-drawer-border{border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-file-explorer-tree ax-drawer-container{height:auto}ax-file-explorer-tree ax-drawer-container ax-drawer ax-content{padding:.5rem;overflow-x:hidden}ax-file-explorer-tree ax-drawer-container ax-drawer ax-text{white-space:nowrap;padding-inline-end:1rem}\n"] }]
|
|
202
|
-
}], propDecorators: { drawer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXDrawerComponent), { isSignal: true }] }], treeView: [{ type: i0.ViewChild, args: [i0.forwardRef(() =>
|
|
200
|
+
AXTreeViewLegacyComponent,
|
|
201
|
+
], providers: [{ provide: AXComponent, useExisting: AXFileExplorerTreeComponent }], template: "<ax-drawer-container\n [ngClass]=\"this.internalService.treeViewState() && 'ax-file-explore-drawer-border'\"\n [ngStyle]=\"this.internalService.treeViewState() ? { width: 'fit-content' } : { width: 0 }\"\n>\n <ax-drawer location=\"start\" mode=\"push\">\n <ax-content>\n <ax-tree-view-legacy\n (onCollapsedChanged)=\"openFolderOnViewHandler($event)\"\n [showCheckbox]=\"false\"\n hasChildField=\"hasChild\"\n [items]=\"internalService.dataCallBack()\"\n ></ax-tree-view-legacy>\n </ax-content>\n </ax-drawer>\n</ax-drawer-container>\n", styles: ["ax-file-explorer-tree .ax-file-explore-drawer-border{border-inline-end:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}ax-file-explorer-tree ax-drawer-container{height:auto}ax-file-explorer-tree ax-drawer-container ax-drawer ax-content{padding:.5rem;overflow-x:hidden}ax-file-explorer-tree ax-drawer-container ax-drawer ax-text{white-space:nowrap;padding-inline-end:1rem}\n"] }]
|
|
202
|
+
}], propDecorators: { drawer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXDrawerComponent), { isSignal: true }] }], treeView: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTreeViewLegacyComponent), { isSignal: true }] }] } });
|
|
203
203
|
|
|
204
204
|
class AXFileExplorerViewComponent {
|
|
205
205
|
constructor() {
|
|
@@ -265,7 +265,7 @@ const MODULES = [
|
|
|
265
265
|
AXToolBarModule,
|
|
266
266
|
AXMenuModule,
|
|
267
267
|
AXDrawerModule,
|
|
268
|
-
|
|
268
|
+
AXTreeViewLegacyModule,
|
|
269
269
|
];
|
|
270
270
|
class AXFileExplorerModule {
|
|
271
271
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFileExplorerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -276,7 +276,7 @@ class AXFileExplorerModule {
|
|
|
276
276
|
AXToolBarModule,
|
|
277
277
|
AXMenuModule,
|
|
278
278
|
AXDrawerModule,
|
|
279
|
-
|
|
279
|
+
AXTreeViewLegacyModule, AXFileExplorerContainerComponent,
|
|
280
280
|
AXFileExplorerViewComponent,
|
|
281
281
|
AXFileExplorerItemComponent,
|
|
282
282
|
AXFileExplorerHeaderComponent,
|