@limble/limble-tree 3.0.0 → 5.0.0
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/README.md +2 -0
- package/esm2022/lib/components/branch/branch.component.mjs +6 -7
- package/esm2022/lib/components/dragover-no-change-detect.mjs +5 -5
- package/esm2022/lib/components/dropzone/dropzone.component.mjs +3 -3
- package/esm2022/lib/components/root/root.component.mjs +5 -6
- package/esm2022/lib/core/tree-branch/branch-controller.mjs +1 -1
- package/esm2022/lib/core/tree-branch/tree-branch.mjs +4 -4
- package/esm2022/lib/core/tree-node-base.mjs +2 -2
- package/esm2022/lib/core/tree-root/tree-root.mjs +3 -3
- package/esm2022/lib/core/tree-service/tree.service.mjs +3 -3
- package/esm2022/lib/extras/collapse/collapse.module.mjs +4 -4
- package/esm2022/lib/extras/collapse/collapse.service.mjs +3 -3
- package/esm2022/lib/extras/drag-and-drop/drag-and-drop.mjs +1 -1
- package/esm2022/lib/extras/drag-and-drop/drag-and-drop.module.mjs +4 -4
- package/esm2022/lib/extras/drag-and-drop/drag-and-drop.service.mjs +3 -3
- package/esm2022/lib/extras/drag-and-drop/draggable.directive.mjs +5 -5
- package/esm2022/lib/extras/drag-and-drop/dropzone-renderer.mjs +1 -1
- package/esm2022/lib/legacy/legacy-tree.mjs +1 -1
- package/esm2022/lib/legacy/limble-tree-legacy.module.mjs +4 -4
- package/esm2022/lib/legacy/limble-tree-root/limble-tree-root.component.mjs +8 -8
- package/esm2022/lib/limble-tree.module.mjs +4 -4
- package/esm2022/shared/assert.mjs +1 -1
- package/fesm2022/limble-limble-tree.mjs +58 -58
- package/fesm2022/limble-limble-tree.mjs.map +1 -1
- package/lib/core/tree-node-base.d.ts +2 -1
- package/lib/legacy/limble-tree-root/limble-tree-root.component.d.ts +1 -1
- package/package.json +3 -3
|
@@ -72,20 +72,20 @@ class TreeCollapseService {
|
|
|
72
72
|
isCollapsed(treeBranch) {
|
|
73
73
|
return treeCollapser.isCollapsed(treeBranch);
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
76
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
76
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseService }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseService, decorators: [{
|
|
79
79
|
type: Injectable
|
|
80
80
|
}] });
|
|
81
81
|
|
|
82
82
|
/** A module containing the entities which provide collapse functionality */
|
|
83
83
|
class TreeCollapseModule {
|
|
84
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
85
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
86
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
84
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
85
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseModule }); }
|
|
86
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseModule, providers: [TreeCollapseService] }); }
|
|
87
87
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeCollapseModule, decorators: [{
|
|
89
89
|
type: NgModule,
|
|
90
90
|
args: [{
|
|
91
91
|
providers: [TreeCollapseService]
|
|
@@ -171,16 +171,16 @@ class DragoverNoChangeDetectDirective {
|
|
|
171
171
|
this.eventSubscription.unsubscribe();
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
175
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DragoverNoChangeDetectDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
175
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: DragoverNoChangeDetectDirective, isStandalone: true, selector: "[dragoverNoChangeDetect]", outputs: { dragoverNoChangeDetect: "dragoverNoChangeDetect" }, ngImport: i0 }); }
|
|
176
176
|
}
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DragoverNoChangeDetectDirective, decorators: [{
|
|
178
178
|
type: Directive,
|
|
179
179
|
args: [{
|
|
180
180
|
standalone: true,
|
|
181
181
|
selector: "[dragoverNoChangeDetect]"
|
|
182
182
|
}]
|
|
183
|
-
}], ctorParameters:
|
|
183
|
+
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { dragoverNoChangeDetect: [{
|
|
184
184
|
type: Output
|
|
185
185
|
}] } });
|
|
186
186
|
|
|
@@ -202,10 +202,10 @@ class DropzoneComponent {
|
|
|
202
202
|
dropHandler(event) {
|
|
203
203
|
this.dropped.emit(event);
|
|
204
204
|
}
|
|
205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DropzoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
206
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: DropzoneComponent, isStandalone: true, selector: "dropzone", inputs: { placement: "placement" }, outputs: { dropped: "dropped" }, ngImport: i0, template: "<div\n class=\"dropzone\"\n [ngClass]=\"{ active: active }\"\n (dragenter)=\"dragenterHandler()\"\n (dragleave)=\"dragleaveHandler()\"\n (dragoverNoChangeDetect)=\"dragoverHandler($event)\"\n (drop)=\"dropHandler($event)\"\n></div>\n", styles: [".dropzone{border-radius:8px;border:1px dashed #727374;background-color:#ededed;height:36px;margin:8px 0;transition:height .3s ease-out;animation:animation .3s ease-out}.dropzone.active{border-color:#289e49;border-width:2px;background-color:#d0e8d6;height:72px}@keyframes animation{0%{height:0px;opacity:0}to{height:36px;opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DragoverNoChangeDetectDirective, selector: "[dragoverNoChangeDetect]", outputs: ["dragoverNoChangeDetect"] }] }); }
|
|
207
207
|
}
|
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DropzoneComponent, decorators: [{
|
|
209
209
|
type: Component,
|
|
210
210
|
args: [{ standalone: true, selector: "dropzone", imports: [CommonModule, DragoverNoChangeDetectDirective], template: "<div\n class=\"dropzone\"\n [ngClass]=\"{ active: active }\"\n (dragenter)=\"dragenterHandler()\"\n (dragleave)=\"dragleaveHandler()\"\n (dragoverNoChangeDetect)=\"dragoverHandler($event)\"\n (drop)=\"dropHandler($event)\"\n></div>\n", styles: [".dropzone{border-radius:8px;border:1px dashed #727374;background-color:#ededed;height:36px;margin:8px 0;transition:height .3s ease-out;animation:animation .3s ease-out}.dropzone.active{border-color:#289e49;border-width:2px;background-color:#d0e8d6;height:72px}@keyframes animation{0%{height:0px;opacity:0}to{height:36px;opacity:1}}\n"] }]
|
|
211
211
|
}], propDecorators: { placement: [{
|
|
@@ -261,13 +261,13 @@ class BranchComponent {
|
|
|
261
261
|
* collection. */
|
|
262
262
|
this.hostedContent = undefined;
|
|
263
263
|
}
|
|
264
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
264
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BranchComponent, deps: [{ token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: BranchComponent, isStandalone: true, selector: "branch", inputs: { contentToHost: "contentToHost" }, outputs: { contentCreated: "contentCreated", showDropzones: "showDropzones", dropped: "dropped" }, viewQueries: [{ propertyName: "branchesContainer", first: true, predicate: ["branchesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dropzones", predicate: DropzoneComponent, descendants: true }], ngImport: i0, template: "<div class=\"content\" (dragoverNoChangeDetect)=\"dragoverHandler($event)\">\n <div #contentContainer></div>\n</div>\n<div class=\"branches-container\">\n <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\" />\n <div #branchesContainer></div>\n</div>\n<dropzone placement=\"lateral\" [hidden]=\"!showLateralDropzone\" />\n", styles: [".branches-container{margin-left:16px}\n"], dependencies: [{ kind: "component", type: DropzoneComponent, selector: "dropzone", inputs: ["placement"], outputs: ["dropped"] }, { kind: "directive", type: DragoverNoChangeDetectDirective, selector: "[dragoverNoChangeDetect]", outputs: ["dragoverNoChangeDetect"] }] }); }
|
|
266
266
|
}
|
|
267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BranchComponent, decorators: [{
|
|
268
268
|
type: Component,
|
|
269
|
-
args: [{ standalone: true, selector: "branch", imports: [
|
|
270
|
-
}], ctorParameters:
|
|
269
|
+
args: [{ standalone: true, selector: "branch", imports: [DropzoneComponent, DragoverNoChangeDetectDirective], template: "<div class=\"content\" (dragoverNoChangeDetect)=\"dragoverHandler($event)\">\n <div #contentContainer></div>\n</div>\n<div class=\"branches-container\">\n <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\" />\n <div #branchesContainer></div>\n</div>\n<dropzone placement=\"lateral\" [hidden]=\"!showLateralDropzone\" />\n", styles: [".branches-container{margin-left:16px}\n"] }]
|
|
270
|
+
}], ctorParameters: () => [{ type: i0.ApplicationRef }], propDecorators: { branchesContainer: [{
|
|
271
271
|
type: ViewChild,
|
|
272
272
|
args: ["branchesContainer", { read: ViewContainerRef }]
|
|
273
273
|
}], contentContainer: [{
|
|
@@ -299,12 +299,12 @@ class RootComponent {
|
|
|
299
299
|
assert(this.dropzone !== undefined);
|
|
300
300
|
this.dropzone.dropped.subscribe(this.dropped);
|
|
301
301
|
}
|
|
302
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
303
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
302
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: RootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
303
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: RootComponent, isStandalone: true, selector: "root", outputs: { afterViewInit: "afterViewInit", dropped: "dropped" }, viewQueries: [{ propertyName: "branchesContainer", first: true, predicate: ["branchesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dropzone", first: true, predicate: DropzoneComponent, descendants: true }], ngImport: i0, template: "<div class=\"branches-container\">\n <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\" />\n <div #branchesContainer></div>\n</div>\n", styles: [".branches-container{min-width:64px}\n"], dependencies: [{ kind: "component", type: DropzoneComponent, selector: "dropzone", inputs: ["placement"], outputs: ["dropped"] }] }); }
|
|
304
304
|
}
|
|
305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: RootComponent, decorators: [{
|
|
306
306
|
type: Component,
|
|
307
|
-
args: [{ standalone: true, selector: "root", imports: [
|
|
307
|
+
args: [{ standalone: true, selector: "root", imports: [DropzoneComponent], template: "<div class=\"branches-container\">\n <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\" />\n <div #branchesContainer></div>\n</div>\n", styles: [".branches-container{min-width:64px}\n"] }]
|
|
308
308
|
}], propDecorators: { branchesContainer: [{
|
|
309
309
|
type: ViewChild,
|
|
310
310
|
args: ["branchesContainer", { read: ViewContainerRef }]
|
|
@@ -582,7 +582,7 @@ class TreeNodeBase {
|
|
|
582
582
|
const message = hasProperty(error, "message")
|
|
583
583
|
? error.message
|
|
584
584
|
: "Unknown error";
|
|
585
|
-
|
|
585
|
+
return new TreeError(`Failed to grow branch: ${message}`, {
|
|
586
586
|
cause: error
|
|
587
587
|
});
|
|
588
588
|
}
|
|
@@ -781,7 +781,7 @@ class TreeRoot {
|
|
|
781
781
|
return new TreeBranch(this, { component, ...options });
|
|
782
782
|
}
|
|
783
783
|
catch (error) {
|
|
784
|
-
this.handleUserlandError(error);
|
|
784
|
+
throw this.handleUserlandError(error);
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
787
|
/** @returns `true` if the tree is destroyed, `false` otherwise */
|
|
@@ -837,7 +837,7 @@ class TreeRoot {
|
|
|
837
837
|
* we destroy the tree and throw an error instead. This helps protect
|
|
838
838
|
* the end-user's data from corruption. */
|
|
839
839
|
this.destroy();
|
|
840
|
-
this.treeNodeBase.handleUserlandError(error);
|
|
840
|
+
return this.treeNodeBase.handleUserlandError(error);
|
|
841
841
|
}
|
|
842
842
|
}
|
|
843
843
|
|
|
@@ -1029,7 +1029,7 @@ class TreeBranch {
|
|
|
1029
1029
|
return new TreeBranch(this, { component, ...options });
|
|
1030
1030
|
}
|
|
1031
1031
|
catch (error) {
|
|
1032
|
-
this.handleUserlandError(error);
|
|
1032
|
+
throw this.handleUserlandError(error);
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
1035
1035
|
/**
|
|
@@ -1156,7 +1156,7 @@ class TreeBranch {
|
|
|
1156
1156
|
const parent = this._parent;
|
|
1157
1157
|
const index = this.index();
|
|
1158
1158
|
if (index === undefined || parent === undefined)
|
|
1159
|
-
return;
|
|
1159
|
+
return undefined;
|
|
1160
1160
|
const container = parent.getBranchesContainer();
|
|
1161
1161
|
assert(container !== undefined);
|
|
1162
1162
|
this.detachedView = container.detach(index);
|
|
@@ -1219,7 +1219,7 @@ class TreeBranch {
|
|
|
1219
1219
|
* we destroy the tree and throw an error instead. This helps protect
|
|
1220
1220
|
* the end-user's data from corruption. */
|
|
1221
1221
|
this.furthestAncestor().destroy();
|
|
1222
|
-
this.treeNodeBase.handleUserlandError(error);
|
|
1222
|
+
return this.treeNodeBase.handleUserlandError(error);
|
|
1223
1223
|
}
|
|
1224
1224
|
indexIsOutOfRange(parent, index) {
|
|
1225
1225
|
return index < 0 || index > parent.branches().length;
|
|
@@ -1274,10 +1274,10 @@ class TreeService {
|
|
|
1274
1274
|
config.setConfig(root, options);
|
|
1275
1275
|
return root;
|
|
1276
1276
|
}
|
|
1277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1278
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1278
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeService, providedIn: "root" }); }
|
|
1279
1279
|
}
|
|
1280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeService, decorators: [{
|
|
1281
1281
|
type: Injectable,
|
|
1282
1282
|
args: [{ providedIn: "root" }]
|
|
1283
1283
|
}] });
|
|
@@ -1561,10 +1561,10 @@ class TreeDragAndDropService {
|
|
|
1561
1561
|
state() {
|
|
1562
1562
|
return dragState.events();
|
|
1563
1563
|
}
|
|
1564
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1565
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1564
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1565
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropService }); }
|
|
1566
1566
|
}
|
|
1567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropService, decorators: [{
|
|
1568
1568
|
type: Injectable
|
|
1569
1569
|
}] });
|
|
1570
1570
|
|
|
@@ -1579,16 +1579,16 @@ class DraggableDirective {
|
|
|
1579
1579
|
return;
|
|
1580
1580
|
dragAndDrop.dragStart(this.limbleTreeDraggable, event);
|
|
1581
1581
|
}
|
|
1582
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1583
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1582
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1583
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: DraggableDirective, isStandalone: true, selector: "[limbleTreeDraggable]", inputs: { limbleTreeDraggable: "limbleTreeDraggable" }, host: { listeners: { "dragstart": "onDragstart($event)" } }, ngImport: i0 }); }
|
|
1584
1584
|
}
|
|
1585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DraggableDirective, decorators: [{
|
|
1586
1586
|
type: Directive,
|
|
1587
1587
|
args: [{
|
|
1588
1588
|
selector: "[limbleTreeDraggable]",
|
|
1589
1589
|
standalone: true
|
|
1590
1590
|
}]
|
|
1591
|
-
}], ctorParameters:
|
|
1591
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { limbleTreeDraggable: [{
|
|
1592
1592
|
type: Input
|
|
1593
1593
|
}], onDragstart: [{
|
|
1594
1594
|
type: HostListener,
|
|
@@ -1600,11 +1600,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1600
1600
|
* functionality.
|
|
1601
1601
|
*/
|
|
1602
1602
|
class TreeDragAndDropModule {
|
|
1603
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1604
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1605
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1603
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1604
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropModule, imports: [DraggableDirective], exports: [DraggableDirective] }); }
|
|
1605
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropModule, providers: [TreeDragAndDropService] }); }
|
|
1606
1606
|
}
|
|
1607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1607
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TreeDragAndDropModule, decorators: [{
|
|
1608
1608
|
type: NgModule,
|
|
1609
1609
|
args: [{
|
|
1610
1610
|
imports: [DraggableDirective],
|
|
@@ -1692,14 +1692,14 @@ class LimbleTreeRootComponent {
|
|
|
1692
1692
|
this.treeDrop = new EventEmitter();
|
|
1693
1693
|
this.legacyTree = new LegacyTree();
|
|
1694
1694
|
}
|
|
1695
|
-
ngAfterViewInit() {
|
|
1696
|
-
this.update();
|
|
1697
|
-
}
|
|
1698
1695
|
ngOnChanges() {
|
|
1699
1696
|
if (this.host !== undefined && this.data !== undefined) {
|
|
1700
1697
|
this.update();
|
|
1701
1698
|
}
|
|
1702
1699
|
}
|
|
1700
|
+
ngAfterViewInit() {
|
|
1701
|
+
this.update();
|
|
1702
|
+
}
|
|
1703
1703
|
ngOnDestroy() {
|
|
1704
1704
|
this.dropSubscription?.unsubscribe();
|
|
1705
1705
|
this.root?.destroy();
|
|
@@ -1731,13 +1731,13 @@ class LimbleTreeRootComponent {
|
|
|
1731
1731
|
}
|
|
1732
1732
|
return this.data.slice((this.page - 1) * this.itemsPerPage, this.page * this.itemsPerPage);
|
|
1733
1733
|
}
|
|
1734
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1735
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1734
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1735
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: LimbleTreeRootComponent, isStandalone: true, selector: "limble-tree-root", inputs: { data: "data", options: "options", itemsPerPage: "itemsPerPage", page: "page" }, outputs: { treeChange: "treeChange", treeDrop: "treeDrop" }, viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div #host></div>\n" }); }
|
|
1736
1736
|
}
|
|
1737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeRootComponent, decorators: [{
|
|
1738
1738
|
type: Component,
|
|
1739
1739
|
args: [{ selector: "limble-tree-root", standalone: true, template: "<div #host></div>\n" }]
|
|
1740
|
-
}], ctorParameters:
|
|
1740
|
+
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
1741
1741
|
type: Input
|
|
1742
1742
|
}], options: [{
|
|
1743
1743
|
type: Input
|
|
@@ -1756,11 +1756,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1756
1756
|
|
|
1757
1757
|
/** @deprecated */
|
|
1758
1758
|
class LimbleTreeLegacyModule {
|
|
1759
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1760
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1761
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1759
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1760
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeLegacyModule, imports: [LimbleTreeRootComponent], exports: [LimbleTreeRootComponent] }); }
|
|
1761
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeLegacyModule, providers: [LegacyTree] }); }
|
|
1762
1762
|
}
|
|
1763
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeLegacyModule, decorators: [{
|
|
1764
1764
|
type: NgModule,
|
|
1765
1765
|
args: [{
|
|
1766
1766
|
declarations: [],
|
|
@@ -1775,11 +1775,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1775
1775
|
* components, directives, and services provided by Limble Tree.
|
|
1776
1776
|
*/
|
|
1777
1777
|
class LimbleTreeModule {
|
|
1778
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1779
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1780
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1778
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1779
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeModule, imports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule], exports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule] }); }
|
|
1780
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeModule, providers: [TreeService], imports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule, LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule] }); }
|
|
1781
1781
|
}
|
|
1782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: LimbleTreeModule, decorators: [{
|
|
1783
1783
|
type: NgModule,
|
|
1784
1784
|
args: [{
|
|
1785
1785
|
declarations: [],
|