@expertrees/angular 0.1.0

package/dist/esm2022/expertrees-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwZXJ0cmVlcy1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2V4cGVydHJlZXMtYW5ndWxhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/dist/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export { ExpertreeCanvasComponent } from './lib/expertree.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkJBQTJCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBFeHBlcnRyZWVDYW52YXNDb21wb25lbnQgfSBmcm9tICcuL2xpYi9leHBlcnRyZWUuY29tcG9uZW50J1xuIl19

package/dist/esm2022/lib/expertree.component.mjs

@@ -0,0 +1,116 @@
+import { Component, Input, Output, EventEmitter, ViewChild, } from '@angular/core';
+import { SkillTreeEngine, } from '@expertrees/core';
+import * as i0 from "@angular/core";
+export class ExpertreeCanvasComponent {
+    data;
+    theme;
+    lod;
+    initialContextNodeId;
+    width = '100%';
+    height = '100%';
+    nodeClick = new EventEmitter();
+    nodeHover = new EventEmitter();
+    nodeBlur = new EventEmitter();
+    canvasClick = new EventEmitter();
+    zoomChange = new EventEmitter();
+    contextEnter = new EventEmitter();
+    contextExit = new EventEmitter();
+    graphReady = new EventEmitter();
+    canvasRef;
+    engine = null;
+    ngAfterViewInit() {
+        this._createEngine();
+    }
+    ngOnChanges(changes) {
+        if (changes['data'] && !changes['data'].firstChange) {
+            this._createEngine();
+        }
+    }
+    ngOnDestroy() {
+        this.engine?.dispose();
+    }
+    setNodeState(nodeId, state) {
+        this.engine?.setNodeState(nodeId, state);
+    }
+    addEvidence(nodeId, evidence) {
+        this.engine?.addEvidence(nodeId, evidence);
+    }
+    removeEvidence(nodeId, evidenceId) {
+        this.engine?.removeEvidence(nodeId, evidenceId);
+    }
+    updateTheme(theme) {
+        this.engine?.updateTheme(theme);
+    }
+    zoomIn() { this.engine?.zoomIn(); }
+    zoomOut() { this.engine?.zoomOut(); }
+    goBack() { this.engine?.goBack(); }
+    enterContext(nodeId) { this.engine?.enterContext(nodeId); }
+    jumpToNavDepth(targetLength) { this.engine?.jumpToNavDepth(targetLength); }
+    getGraph() { return this.engine?.getGraph() ?? this.data; }
+    getNavigationStack() { return this.engine?.getNavigationStack() ?? []; }
+    _createEngine() {
+        this.engine?.dispose();
+        const canvas = this.canvasRef?.nativeElement;
+        if (!canvas)
+            return;
+        this.engine = new SkillTreeEngine({
+            canvas,
+            data: this.data,
+            ...(this.theme !== undefined && { theme: this.theme }),
+            ...(this.lod !== undefined && { lod: this.lod }),
+            ...(this.initialContextNodeId !== undefined && { initialContextNodeId: this.initialContextNodeId }),
+            on: {
+                'node:click': (node) => this.nodeClick.emit(node),
+                'node:hover': (node) => this.nodeHover.emit(node),
+                'node:blur': (node) => this.nodeBlur.emit(node),
+                'canvas:click': () => this.canvasClick.emit(),
+                'zoom:change': (zoom) => this.zoomChange.emit(zoom),
+                'context:enter': (node, stack) => this.contextEnter.emit({ node, stack }),
+                'context:exit': (frame, stack) => this.contextExit.emit({ frame, stack }),
+                'graph:ready': (graph) => this.graphReady.emit(graph),
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpertreeCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExpertreeCanvasComponent, isStandalone: true, selector: "expertree-canvas", inputs: { data: "data", theme: "theme", lod: "lod", initialContextNodeId: "initialContextNodeId", width: "width", height: "height" }, outputs: { nodeClick: "nodeClick", nodeHover: "nodeHover", nodeBlur: "nodeBlur", canvasClick: "canvasClick", zoomChange: "zoomChange", contextEnter: "contextEnter", contextExit: "contextExit", graphReady: "graphReady" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<canvas #canvas [style.width]="width" [style.height]="height" style="display:block"></canvas>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpertreeCanvasComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'expertree-canvas',
+                    standalone: true,
+                    template: `<canvas #canvas [style.width]="width" [style.height]="height" style="display:block"></canvas>`,
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], lod: [{
+                type: Input
+            }], initialContextNodeId: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], nodeClick: [{
+                type: Output
+            }], nodeHover: [{
+                type: Output
+            }], nodeBlur: [{
+                type: Output
+            }], canvasClick: [{
+                type: Output
+            }], zoomChange: [{
+                type: Output
+            }], contextEnter: [{
+                type: Output
+            }], contextExit: [{
+                type: Output
+            }], graphReady: [{
+                type: Output
+            }], canvasRef: [{
+                type: ViewChild,
+                args: ['canvas']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwZXJ0cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvZXhwZXJ0cmVlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUlaLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQ0wsZUFBZSxHQVFoQixNQUFNLGtCQUFrQixDQUFBOztBQU96QixNQUFNLE9BQU8sd0JBQXdCO0lBQzFCLElBQUksQ0FBYTtJQUNqQixLQUFLLENBQWE7SUFDbEIsR0FBRyxDQUFpQjtJQUNwQixvQkFBb0IsQ0FBUztJQUM3QixLQUFLLEdBQUcsTUFBTSxDQUFBO0lBQ2QsTUFBTSxHQUFHLE1BQU0sQ0FBQTtJQUVkLFNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFBO0lBQ3pDLFNBQVMsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFBO0lBQ3pDLFFBQVEsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFBO0lBQ3hDLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFBO0lBQ3RDLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBQ3ZDLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBMEQsQ0FBQTtJQUN6RixXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWlFLENBQUE7SUFDL0YsVUFBVSxHQUFHLElBQUksWUFBWSxFQUFjLENBQUE7SUFFeEIsU0FBUyxDQUFnQztJQUU5RCxNQUFNLEdBQTJCLElBQUksQ0FBQTtJQUU3QyxlQUFlO1FBQ2IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQ3RCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDcEQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUE7SUFDeEIsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFjLEVBQUUsS0FBZ0I7UUFDM0MsSUFBSSxDQUFDLE1BQU0sRUFBRSxZQUFZLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFBO0lBQzFDLENBQUM7SUFFRCxXQUFXLENBQUMsTUFBYyxFQUFFLFFBQWtCO1FBQzVDLElBQUksQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUM1QyxDQUFDO0lBRUQsY0FBYyxDQUFDLE1BQWMsRUFBRSxVQUFrQjtRQUMvQyxJQUFJLENBQUMsTUFBTSxFQUFFLGNBQWMsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUE7SUFDakQsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixJQUFJLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNqQyxDQUFDO0lBRUQsTUFBTSxLQUFXLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLENBQUEsQ0FBQyxDQUFDO0lBQ3hDLE9BQU8sS0FBVyxJQUFJLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFBLENBQUMsQ0FBQztJQUMxQyxNQUFNLEtBQVcsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQSxDQUFDLENBQUM7SUFDeEMsWUFBWSxDQUFDLE1BQWMsSUFBVSxJQUFJLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQSxDQUFDLENBQUM7SUFDeEUsY0FBYyxDQUFDLFlBQW9CLElBQVUsSUFBSSxDQUFDLE1BQU0sRUFBRSxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBQ3hGLFFBQVEsS0FBaUIsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUEsQ0FBQyxDQUFDO0lBQ3RFLGtCQUFrQixLQUFpQyxPQUFPLElBQUksQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUUsSUFBSSxFQUFFLENBQUEsQ0FBQyxDQUFDO0lBRTNGLGFBQWE7UUFDbkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQTtRQUN0QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQTtRQUM1QyxJQUFJLENBQUMsTUFBTTtZQUFFLE9BQU07UUFFbkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQztZQUNoQyxNQUFNO1lBQ04sSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN0RCxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxTQUFTLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ2hELEdBQUcsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEtBQUssU0FBUyxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDbkcsRUFBRSxFQUFFO2dCQUNGLFlBQVksRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNqRCxZQUFZLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztnQkFDakQsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7Z0JBQy9DLGNBQWMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRTtnQkFDN0MsYUFBYSxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7Z0JBQ25ELGVBQWUsRUFBRSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO2dCQUN6RSxjQUFjLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQztnQkFDekUsYUFBYSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7YUFDdEQ7U0FDRixDQUFDLENBQUE7SUFDSixDQUFDO3dHQWpGVSx3QkFBd0I7NEZBQXhCLHdCQUF3Qix5aUJBRnpCLCtGQUErRjs7NEZBRTlGLHdCQUF3QjtrQkFMcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLCtGQUErRjtpQkFDMUc7OEJBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUVzQixTQUFTO3NCQUFyQyxTQUFTO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIEFmdGVyVmlld0luaXQsXG4gIFZpZXdDaGlsZCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7XG4gIFNraWxsVHJlZUVuZ2luZSxcbiAgdHlwZSBTa2lsbEdyYXBoLFxuICB0eXBlIFNraWxsTm9kZSxcbiAgdHlwZSBOb2RlU3RhdGUsXG4gIHR5cGUgRXZpZGVuY2UsXG4gIHR5cGUgVGhlbWVJbnB1dCxcbiAgdHlwZSBMb2RUaHJlc2hvbGQsXG4gIHR5cGUgTmF2aWdhdGlvbkZyYW1lLFxufSBmcm9tICdAZXhwZXJ0cmVlcy9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdleHBlcnRyZWUtY2FudmFzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGA8Y2FudmFzICNjYW52YXMgW3N0eWxlLndpZHRoXT1cIndpZHRoXCIgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRcIiBzdHlsZT1cImRpc3BsYXk6YmxvY2tcIj48L2NhbnZhcz5gLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBlcnRyZWVDYW52YXNDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIGRhdGEhOiBTa2lsbEdyYXBoXG4gIEBJbnB1dCgpIHRoZW1lPzogVGhlbWVJbnB1dFxuICBASW5wdXQoKSBsb2Q/OiBMb2RUaHJlc2hvbGRbXVxuICBASW5wdXQoKSBpbml0aWFsQ29udGV4dE5vZGVJZD86IHN0cmluZ1xuICBASW5wdXQoKSB3aWR0aCA9ICcxMDAlJ1xuICBASW5wdXQoKSBoZWlnaHQgPSAnMTAwJSdcblxuICBAT3V0cHV0KCkgbm9kZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxTa2lsbE5vZGU+KClcbiAgQE91dHB1dCgpIG5vZGVIb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8U2tpbGxOb2RlPigpXG4gIEBPdXRwdXQoKSBub2RlQmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8U2tpbGxOb2RlPigpXG4gIEBPdXRwdXQoKSBjYW52YXNDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKVxuICBAT3V0cHV0KCkgem9vbUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpXG4gIEBPdXRwdXQoKSBjb250ZXh0RW50ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHsgbm9kZTogU2tpbGxOb2RlOyBzdGFjazogcmVhZG9ubHkgTmF2aWdhdGlvbkZyYW1lW10gfT4oKVxuICBAT3V0cHV0KCkgY29udGV4dEV4aXQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZnJhbWU6IE5hdmlnYXRpb25GcmFtZTsgc3RhY2s6IHJlYWRvbmx5IE5hdmlnYXRpb25GcmFtZVtdIH0+KClcbiAgQE91dHB1dCgpIGdyYXBoUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPFNraWxsR3JhcGg+KClcblxuICBAVmlld0NoaWxkKCdjYW52YXMnKSBwcml2YXRlIGNhbnZhc1JlZiE6IEVsZW1lbnRSZWY8SFRNTENhbnZhc0VsZW1lbnQ+XG5cbiAgcHJpdmF0ZSBlbmdpbmU6IFNraWxsVHJlZUVuZ2luZSB8IG51bGwgPSBudWxsXG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2NyZWF0ZUVuZ2luZSgpXG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2RhdGEnXSAmJiAhY2hhbmdlc1snZGF0YSddLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLl9jcmVhdGVFbmdpbmUoKVxuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZW5naW5lPy5kaXNwb3NlKClcbiAgfVxuXG4gIHNldE5vZGVTdGF0ZShub2RlSWQ6IHN0cmluZywgc3RhdGU6IE5vZGVTdGF0ZSk6IHZvaWQge1xuICAgIHRoaXMuZW5naW5lPy5zZXROb2RlU3RhdGUobm9kZUlkLCBzdGF0ZSlcbiAgfVxuXG4gIGFkZEV2aWRlbmNlKG5vZGVJZDogc3RyaW5nLCBldmlkZW5jZTogRXZpZGVuY2UpOiB2b2lkIHtcbiAgICB0aGlzLmVuZ2luZT8uYWRkRXZpZGVuY2Uobm9kZUlkLCBldmlkZW5jZSlcbiAgfVxuXG4gIHJlbW92ZUV2aWRlbmNlKG5vZGVJZDogc3RyaW5nLCBldmlkZW5jZUlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmVuZ2luZT8ucmVtb3ZlRXZpZGVuY2Uobm9kZUlkLCBldmlkZW5jZUlkKVxuICB9XG5cbiAgdXBkYXRlVGhlbWUodGhlbWU6IFRoZW1lSW5wdXQpOiB2b2lkIHtcbiAgICB0aGlzLmVuZ2luZT8udXBkYXRlVGhlbWUodGhlbWUpXG4gIH1cblxuICB6b29tSW4oKTogdm9pZCB7IHRoaXMuZW5naW5lPy56b29tSW4oKSB9XG4gIHpvb21PdXQoKTogdm9pZCB7IHRoaXMuZW5naW5lPy56b29tT3V0KCkgfVxuICBnb0JhY2soKTogdm9pZCB7IHRoaXMuZW5naW5lPy5nb0JhY2soKSB9XG4gIGVudGVyQ29udGV4dChub2RlSWQ6IHN0cmluZyk6IHZvaWQgeyB0aGlzLmVuZ2luZT8uZW50ZXJDb250ZXh0KG5vZGVJZCkgfVxuICBqdW1wVG9OYXZEZXB0aCh0YXJnZXRMZW5ndGg6IG51bWJlcik6IHZvaWQgeyB0aGlzLmVuZ2luZT8uanVtcFRvTmF2RGVwdGgodGFyZ2V0TGVuZ3RoKSB9XG4gIGdldEdyYXBoKCk6IFNraWxsR3JhcGggeyByZXR1cm4gdGhpcy5lbmdpbmU/LmdldEdyYXBoKCkgPz8gdGhpcy5kYXRhIH1cbiAgZ2V0TmF2aWdhdGlvblN0YWNrKCk6IHJlYWRvbmx5IE5hdmlnYXRpb25GcmFtZVtdIHsgcmV0dXJuIHRoaXMuZW5naW5lPy5nZXROYXZpZ2F0aW9uU3RhY2soKSA/PyBbXSB9XG5cbiAgcHJpdmF0ZSBfY3JlYXRlRW5naW5lKCk6IHZvaWQge1xuICAgIHRoaXMuZW5naW5lPy5kaXNwb3NlKClcbiAgICBjb25zdCBjYW52YXMgPSB0aGlzLmNhbnZhc1JlZj8ubmF0aXZlRWxlbWVudFxuICAgIGlmICghY2FudmFzKSByZXR1cm5cblxuICAgIHRoaXMuZW5naW5lID0gbmV3IFNraWxsVHJlZUVuZ2luZSh7XG4gICAgICBjYW52YXMsXG4gICAgICBkYXRhOiB0aGlzLmRhdGEsXG4gICAgICAuLi4odGhpcy50aGVtZSAhPT0gdW5kZWZpbmVkICYmIHsgdGhlbWU6IHRoaXMudGhlbWUgfSksXG4gICAgICAuLi4odGhpcy5sb2QgIT09IHVuZGVmaW5lZCAmJiB7IGxvZDogdGhpcy5sb2QgfSksXG4gICAgICAuLi4odGhpcy5pbml0aWFsQ29udGV4dE5vZGVJZCAhPT0gdW5kZWZpbmVkICYmIHsgaW5pdGlhbENvbnRleHROb2RlSWQ6IHRoaXMuaW5pdGlhbENvbnRleHROb2RlSWQgfSksXG4gICAgICBvbjoge1xuICAgICAgICAnbm9kZTpjbGljayc6IChub2RlKSA9PiB0aGlzLm5vZGVDbGljay5lbWl0KG5vZGUpLFxuICAgICAgICAnbm9kZTpob3Zlcic6IChub2RlKSA9PiB0aGlzLm5vZGVIb3Zlci5lbWl0KG5vZGUpLFxuICAgICAgICAnbm9kZTpibHVyJzogKG5vZGUpID0+IHRoaXMubm9kZUJsdXIuZW1pdChub2RlKSxcbiAgICAgICAgJ2NhbnZhczpjbGljayc6ICgpID0+IHRoaXMuY2FudmFzQ2xpY2suZW1pdCgpLFxuICAgICAgICAnem9vbTpjaGFuZ2UnOiAoem9vbSkgPT4gdGhpcy56b29tQ2hhbmdlLmVtaXQoem9vbSksXG4gICAgICAgICdjb250ZXh0OmVudGVyJzogKG5vZGUsIHN0YWNrKSA9PiB0aGlzLmNvbnRleHRFbnRlci5lbWl0KHsgbm9kZSwgc3RhY2sgfSksXG4gICAgICAgICdjb250ZXh0OmV4aXQnOiAoZnJhbWUsIHN0YWNrKSA9PiB0aGlzLmNvbnRleHRFeGl0LmVtaXQoeyBmcmFtZSwgc3RhY2sgfSksXG4gICAgICAgICdncmFwaDpyZWFkeSc6IChncmFwaCkgPT4gdGhpcy5ncmFwaFJlYWR5LmVtaXQoZ3JhcGgpLFxuICAgICAgfSxcbiAgICB9KVxuICB9XG59XG4iXX0=

package/dist/fesm2022/expertrees-angular.mjs

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, Component } from '@angular/core';
+import { SkillTreeEngine } from '@expertrees/core';
+
+class ExpertreeCanvasComponent {
+    data;
+    theme;
+    lod;
+    initialContextNodeId;
+    width = '100%';
+    height = '100%';
+    nodeClick = new EventEmitter();
+    nodeHover = new EventEmitter();
+    nodeBlur = new EventEmitter();
+    canvasClick = new EventEmitter();
+    zoomChange = new EventEmitter();
+    contextEnter = new EventEmitter();
+    contextExit = new EventEmitter();
+    graphReady = new EventEmitter();
+    canvasRef;
+    engine = null;
+    ngAfterViewInit() {
+        this._createEngine();
+    }
+    ngOnChanges(changes) {
+        if (changes['data'] && !changes['data'].firstChange) {
+            this._createEngine();
+        }
+    }
+    ngOnDestroy() {
+        this.engine?.dispose();
+    }
+    setNodeState(nodeId, state) {
+        this.engine?.setNodeState(nodeId, state);
+    }
+    addEvidence(nodeId, evidence) {
+        this.engine?.addEvidence(nodeId, evidence);
+    }
+    removeEvidence(nodeId, evidenceId) {
+        this.engine?.removeEvidence(nodeId, evidenceId);
+    }
+    updateTheme(theme) {
+        this.engine?.updateTheme(theme);
+    }
+    zoomIn() { this.engine?.zoomIn(); }
+    zoomOut() { this.engine?.zoomOut(); }
+    goBack() { this.engine?.goBack(); }
+    enterContext(nodeId) { this.engine?.enterContext(nodeId); }
+    jumpToNavDepth(targetLength) { this.engine?.jumpToNavDepth(targetLength); }
+    getGraph() { return this.engine?.getGraph() ?? this.data; }
+    getNavigationStack() { return this.engine?.getNavigationStack() ?? []; }
+    _createEngine() {
+        this.engine?.dispose();
+        const canvas = this.canvasRef?.nativeElement;
+        if (!canvas)
+            return;
+        this.engine = new SkillTreeEngine({
+            canvas,
+            data: this.data,
+            ...(this.theme !== undefined && { theme: this.theme }),
+            ...(this.lod !== undefined && { lod: this.lod }),
+            ...(this.initialContextNodeId !== undefined && { initialContextNodeId: this.initialContextNodeId }),
+            on: {
+                'node:click': (node) => this.nodeClick.emit(node),
+                'node:hover': (node) => this.nodeHover.emit(node),
+                'node:blur': (node) => this.nodeBlur.emit(node),
+                'canvas:click': () => this.canvasClick.emit(),
+                'zoom:change': (zoom) => this.zoomChange.emit(zoom),
+                'context:enter': (node, stack) => this.contextEnter.emit({ node, stack }),
+                'context:exit': (frame, stack) => this.contextExit.emit({ frame, stack }),
+                'graph:ready': (graph) => this.graphReady.emit(graph),
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpertreeCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExpertreeCanvasComponent, isStandalone: true, selector: "expertree-canvas", inputs: { data: "data", theme: "theme", lod: "lod", initialContextNodeId: "initialContextNodeId", width: "width", height: "height" }, outputs: { nodeClick: "nodeClick", nodeHover: "nodeHover", nodeBlur: "nodeBlur", canvasClick: "canvasClick", zoomChange: "zoomChange", contextEnter: "contextEnter", contextExit: "contextExit", graphReady: "graphReady" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<canvas #canvas [style.width]="width" [style.height]="height" style="display:block"></canvas>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpertreeCanvasComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'expertree-canvas',
+                    standalone: true,
+                    template: `<canvas #canvas [style.width]="width" [style.height]="height" style="display:block"></canvas>`,
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], lod: [{
+                type: Input
+            }], initialContextNodeId: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], nodeClick: [{
+                type: Output
+            }], nodeHover: [{
+                type: Output
+            }], nodeBlur: [{
+                type: Output
+            }], canvasClick: [{
+                type: Output
+            }], zoomChange: [{
+                type: Output
+            }], contextEnter: [{
+                type: Output
+            }], contextExit: [{
+                type: Output
+            }], graphReady: [{
+                type: Output
+            }], canvasRef: [{
+                type: ViewChild,
+                args: ['canvas']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExpertreeCanvasComponent };
+//# sourceMappingURL=expertrees-angular.mjs.map

package/dist/fesm2022/expertrees-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expertrees-angular.mjs","sources":["../../src/lib/expertree.component.ts","../../src/expertrees-angular.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  Input,\n  Output,\n  EventEmitter,\n  OnChanges,\n  OnDestroy,\n  AfterViewInit,\n  ViewChild,\n  SimpleChanges,\n} from '@angular/core'\nimport {\n  SkillTreeEngine,\n  type SkillGraph,\n  type SkillNode,\n  type NodeState,\n  type Evidence,\n  type ThemeInput,\n  type LodThreshold,\n  type NavigationFrame,\n} from '@expertrees/core'\n\n@Component({\n  selector: 'expertree-canvas',\n  standalone: true,\n  template: `<canvas #canvas [style.width]=\"width\" [style.height]=\"height\" style=\"display:block\"></canvas>`,\n})\nexport class ExpertreeCanvasComponent implements AfterViewInit, OnChanges, OnDestroy {\n  @Input() data!: SkillGraph\n  @Input() theme?: ThemeInput\n  @Input() lod?: LodThreshold[]\n  @Input() initialContextNodeId?: string\n  @Input() width = '100%'\n  @Input() height = '100%'\n\n  @Output() nodeClick = new EventEmitter<SkillNode>()\n  @Output() nodeHover = new EventEmitter<SkillNode>()\n  @Output() nodeBlur = new EventEmitter<SkillNode>()\n  @Output() canvasClick = new EventEmitter<void>()\n  @Output() zoomChange = new EventEmitter<number>()\n  @Output() contextEnter = new EventEmitter<{ node: SkillNode; stack: readonly NavigationFrame[] }>()\n  @Output() contextExit = new EventEmitter<{ frame: NavigationFrame; stack: readonly NavigationFrame[] }>()\n  @Output() graphReady = new EventEmitter<SkillGraph>()\n\n  @ViewChild('canvas') private canvasRef!: ElementRef<HTMLCanvasElement>\n\n  private engine: SkillTreeEngine | null = null\n\n  ngAfterViewInit(): void {\n    this._createEngine()\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['data'] && !changes['data'].firstChange) {\n      this._createEngine()\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.engine?.dispose()\n  }\n\n  setNodeState(nodeId: string, state: NodeState): void {\n    this.engine?.setNodeState(nodeId, state)\n  }\n\n  addEvidence(nodeId: string, evidence: Evidence): void {\n    this.engine?.addEvidence(nodeId, evidence)\n  }\n\n  removeEvidence(nodeId: string, evidenceId: string): void {\n    this.engine?.removeEvidence(nodeId, evidenceId)\n  }\n\n  updateTheme(theme: ThemeInput): void {\n    this.engine?.updateTheme(theme)\n  }\n\n  zoomIn(): void { this.engine?.zoomIn() }\n  zoomOut(): void { this.engine?.zoomOut() }\n  goBack(): void { this.engine?.goBack() }\n  enterContext(nodeId: string): void { this.engine?.enterContext(nodeId) }\n  jumpToNavDepth(targetLength: number): void { this.engine?.jumpToNavDepth(targetLength) }\n  getGraph(): SkillGraph { return this.engine?.getGraph() ?? this.data }\n  getNavigationStack(): readonly NavigationFrame[] { return this.engine?.getNavigationStack() ?? [] }\n\n  private _createEngine(): void {\n    this.engine?.dispose()\n    const canvas = this.canvasRef?.nativeElement\n    if (!canvas) return\n\n    this.engine = new SkillTreeEngine({\n      canvas,\n      data: this.data,\n      ...(this.theme !== undefined && { theme: this.theme }),\n      ...(this.lod !== undefined && { lod: this.lod }),\n      ...(this.initialContextNodeId !== undefined && { initialContextNodeId: this.initialContextNodeId }),\n      on: {\n        'node:click': (node) => this.nodeClick.emit(node),\n        'node:hover': (node) => this.nodeHover.emit(node),\n        'node:blur': (node) => this.nodeBlur.emit(node),\n        'canvas:click': () => this.canvasClick.emit(),\n        'zoom:change': (zoom) => this.zoomChange.emit(zoom),\n        'context:enter': (node, stack) => this.contextEnter.emit({ node, stack }),\n        'context:exit': (frame, stack) => this.contextExit.emit({ frame, stack }),\n        'graph:ready': (graph) => this.graphReady.emit(graph),\n      },\n    })\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { ExpertreeCanvasComponent } from './lib/expertree.component';

package/dist/lib/expertree.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, OnChanges, OnDestroy, AfterViewInit, SimpleChanges } from '@angular/core';
+import { type SkillGraph, type SkillNode, type NodeState, type Evidence, type ThemeInput, type LodThreshold, type NavigationFrame } from '@expertrees/core';
+import * as i0 from "@angular/core";
+export declare class ExpertreeCanvasComponent implements AfterViewInit, OnChanges, OnDestroy {
+    data: SkillGraph;
+    theme?: ThemeInput;
+    lod?: LodThreshold[];
+    initialContextNodeId?: string;
+    width: string;
+    height: string;
+    nodeClick: EventEmitter<SkillNode>;
+    nodeHover: EventEmitter<SkillNode>;
+    nodeBlur: EventEmitter<SkillNode>;
+    canvasClick: EventEmitter<void>;
+    zoomChange: EventEmitter<number>;
+    contextEnter: EventEmitter<{
+        node: SkillNode;
+        stack: readonly NavigationFrame[];
+    }>;
+    contextExit: EventEmitter<{
+        frame: NavigationFrame;
+        stack: readonly NavigationFrame[];
+    }>;
+    graphReady: EventEmitter<SkillGraph>;
+    private canvasRef;
+    private engine;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setNodeState(nodeId: string, state: NodeState): void;
+    addEvidence(nodeId: string, evidence: Evidence): void;
+    removeEvidence(nodeId: string, evidenceId: string): void;
+    updateTheme(theme: ThemeInput): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    goBack(): void;
+    enterContext(nodeId: string): void;
+    jumpToNavDepth(targetLength: number): void;
+    getGraph(): SkillGraph;
+    getNavigationStack(): readonly NavigationFrame[];
+    private _createEngine;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpertreeCanvasComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpertreeCanvasComponent, "expertree-canvas", never, { "data": { "alias": "data"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "lod": { "alias": "lod"; "required": false; }; "initialContextNodeId": { "alias": "initialContextNodeId"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, { "nodeClick": "nodeClick"; "nodeHover": "nodeHover"; "nodeBlur": "nodeBlur"; "canvasClick": "canvasClick"; "zoomChange": "zoomChange"; "contextEnter": "contextEnter"; "contextExit": "contextExit"; "graphReady": "graphReady"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@expertrees/angular",
+  "version": "0.1.0",
+  "description": "Angular component for @expertrees/core",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "knowledge-graph",
+    "skill-tree",
+    "angular",
+    "visualization"
+  ],
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0",
+    "@expertrees/core": ">=0.1.0"
+  },
+  "devDependencies": {
+    "@angular/common": "^17.0.0",
+    "@angular/compiler": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@angular/core": "^17.0.0",
+    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@expertrees/core": "*",
+    "happy-dom": "^20.8.4",
+    "ng-packagr": "^17.0.0",
+    "typescript": "^5.2.0",
+    "vitest": "^2.1.9",
+    "zone.js": "^0.16.1"
+  }
+}