@pb33f/cowboy-components 0.7.17 → 0.8.0

package/dist/components/visualizer/foreign-object.d.ts

@@ -1,14 +1,24 @@
 import { LitElement } from "lit";
 import { GraphNodeComponent } from "./nodes/graph-node.js";
+export interface ForeignObjectConfig {
+    id: string;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    body: GraphNodeComponent;
+    active?: boolean;
+    visible?: boolean;
+}
 export declare class ForeignObjectComponent extends LitElement {
     active: boolean;
-    id: string;
     x: number;
     y: number;
     width: number;
     height: number;
+    id: string;
     body: GraphNodeComponent;
     visible: boolean;
-    constructor();
+    configure(config: ForeignObjectConfig): void;
     render(): import("lit-html").TemplateResult<2>;
 }

package/dist/components/visualizer/foreign-object.js

@@ -5,16 +5,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, svg } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement } from "lit/decorators.js";
 let ForeignObjectComponent = class ForeignObjectComponent extends LitElement {
     constructor() {
-        super();
+        super(...arguments);
         this.active = false;
         this.visible = true;
     }
+    configure(config) {
+        this.id = config.id;
+        if (config.x !== undefined)
+            this.x = config.x;
+        if (config.y !== undefined)
+            this.y = config.y;
+        if (config.width !== undefined)
+            this.width = config.width;
+        if (config.height !== undefined)
+            this.height = config.height;
+        this.body = config.body;
+        if (config.active !== undefined)
+            this.active = config.active;
+        if (config.visible !== undefined)
+            this.visible = config.visible;
+        this.requestUpdate();
+    }
     render() {
         if (!this.visible) {
-            return svg `no`;
+            return svg ``;
         }
         let body = "";
         if (this.body) {
@@ -30,17 +47,11 @@ let ForeignObjectComponent = class ForeignObjectComponent extends LitElement {
               <rect id="node-${this.id}" x="${this.x}" y="${this.y}" width="${this.width}" height="${this.height}" class="node"/>
                 <foreignObject x="${this.x}" y="${this.y}" width="${this.width}" height="${this.height + 30}" class="fo">
                     <div xmlns="http://www.w3.org/1999/xhtml" class="node-body" style="height: ${this.height}px; width: ${this.width}px;">
-                      ${body} 
+                      ${body}
                     </div>
                 </foreignObject>`;
     }
 };
-__decorate([
-    property({ type: Boolean })
-], ForeignObjectComponent.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean })
-], ForeignObjectComponent.prototype, "visible", void 0);
 ForeignObjectComponent = __decorate([
     customElement('pb33f-explorer-foreign-object')
 ], ForeignObjectComponent);

package/dist/components/visualizer/key.js

@@ -11,6 +11,7 @@ import { ExplorerKeyClose } from "../../events/doctor.js";
 import keyCss from "./key.css.js";
 import { EqualizerComponent } from "./equalizer.js";
 import { IconSize } from "../model-icon/model-icon.js";
+import { NodeType } from "../../model/node_type";
 let ExplorerKeyComponent = class ExplorerKeyComponent extends HasEyes {
     constructor() {
         super();
@@ -21,7 +22,7 @@ let ExplorerKeyComponent = class ExplorerKeyComponent extends HasEyes {
     render() {
         return html `
             <div class="key">
-                <sl-icon-button name="x-lg" @click="${this.closeKey}" class="close"></sl-icon-button>
+                <sl-icon-button name="x-lg" @click="${this.closeKey}" label="Close key" class="close"></sl-icon-button>
                 <h4 style="margin-top: 10px; margin-left: 20px;">Explorer Key</h4>
                 <div class="key-items">
                     <div class="key-item">
@@ -140,6 +141,16 @@ let ExplorerKeyComponent = class ExplorerKeyComponent extends HasEyes {
                                 ${object.label}
                             </div>
                         `)}
+                    <div class="object-item">
+                        <pb33f-model-icon icon="${NodeType.POV_MODE}"
+                                          size="${IconSize.smaller}" class="object-icon"></pb33f-model-icon>
+                        Focused View
+                    </div>
+                    <div class="object-item">
+                        <pb33f-model-icon icon="${NodeType.EXPAND_NODE}"
+                                          size="${IconSize.smaller}" class="object-icon"></pb33f-model-icon>
+                        Load More
+                    </div>
                     </div>
                 </div>
             </div>

package/dist/components/visualizer/nodes/callback.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Callback } from "../../../model/callback.js";
+import { Node } from "../../../model/graph";
 export declare class CallbackNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     callback: Callback;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/callback.js

@@ -12,8 +12,8 @@ import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 import changesCss from "./changes.css";
 let CallbackNodeComponent = class CallbackNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/components.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Components } from "../../../model/components.js";
+import { Node } from "../../../model/graph";
 export declare class ComponentsNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     components: Components;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderDocument(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/components.js

@@ -12,8 +12,8 @@ import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 import changesCss from "./changes.css";
 let ComponentsNodeComponent = class ComponentsNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderDocument() {
         const values = [];

package/dist/components/visualizer/nodes/contact.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Contact } from "../../../model/contact.js";
+import { Node } from "../../../model/graph";
 export declare class ContactNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     contact: Contact;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/contact.js

@@ -12,8 +12,8 @@ import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 import changesCss from "./changes.css";
 let ContactNodeComponent = class ContactNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/document.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { OpenAPIDocument } from "../../../model/document.js";
+import { Node } from "../../../model/graph";
 export declare class DocumentNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     document: OpenAPIDocument;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderDocument(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/document.js

@@ -11,8 +11,8 @@ import { GraphNodeComponent } from "./graph-node.js";
 import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 let DocumentNodeComponent = class DocumentNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderDocument() {
         const values = [];

package/dist/components/visualizer/nodes/graph-node.d.ts

@@ -1,10 +1,12 @@
 import { LitElement, TemplateResult } from "lit";
 import { ExplorerEdge, ExplorerNode } from "../explorer.js";
-import { Node } from "../../../model/graph.js";
+import { Node, VacuumResult } from "../../../model/graph.js";
 export declare class GraphNodeComponent extends LitElement {
     static styles: import("lit").CSSResult[];
     active: boolean;
     expanded: boolean;
+    inPovMode: boolean;
+    povNodeId: string | null;
     node: ExplorerNode;
     nodeInstance: any;
     isLeaf: boolean;
@@ -18,10 +20,18 @@ export declare class GraphNodeComponent extends LitElement {
     refChecked: boolean;
     inputs: ExplorerEdge[];
     outputs: ExplorerEdge[];
-    constructor();
+    nodeMap: Map<string, Node>;
+    violationMap: Map<string, VacuumResult>;
+    moreChildrenCount: number;
+    constructor(nodeMap: Map<string, Node>, violationMap?: Map<string, VacuumResult>);
+    areDependentsVisible(): boolean;
     expandDependents(node: Node): void;
-    renderDependentControl(): TemplateResult<1>;
+    renderDependentControl(): TemplateResult<1> | undefined;
+    loadMore(): void;
+    renderLoadMoreControl(): TemplateResult<1> | null;
     renderArrayType(): TemplateResult<1> | null;
+    activatePovMode(): void;
+    renderPovButton(): TemplateResult<1> | null;
     renderUpArrow(): TemplateResult<1>;
     countResults(): {
         errors: number;
@@ -31,6 +41,7 @@ export declare class GraphNodeComponent extends LitElement {
     renderVacuumResults(): TemplateResult<1> | undefined;
     renderExtensions(): TemplateResult<1> | undefined;
     clicked(): void;
+    isSingleLineNode(): boolean;
     renderClasses(defaultString?: string): string;
     renderChanges(): TemplateResult;
     render(): TemplateResult<1>;

package/dist/components/visualizer/nodes/graph-node.js

@@ -6,13 +6,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement, property } from "lit/decorators.js";
 import { html, LitElement } from "lit";
-import { ExplorerDependentNodeClicked, ExplorerNodeClicked } from "../../../events/doctor.js";
+import { ExplorerDependentNodeClicked, ExplorerLoadMoreChildren, ExplorerNodeClicked, ExplorerPovModeClicked } from "../../../events/doctor.js";
 import sharedCss from "../shared.css.js";
 import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
+import { countViolationsBySeverity } from "../../../model/graph.js";
 let GraphNodeComponent = class GraphNodeComponent extends LitElement {
-    constructor() {
+    constructor(nodeMap, violationMap) {
         super();
+        this.moreChildrenCount = 0;
+        this.nodeMap = nodeMap;
+        this.violationMap = violationMap || new Map();
         this.isLeaf = false;
         this.refChecked = false;
         this.outputs = [];
@@ -20,6 +24,18 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
         this.dim = false;
         this.expanded = true;
     }
+    areDependentsVisible() {
+        if (this.nodeMap) {
+            if (this.node.nodes) {
+                for (let n = 0; n < this.node.nodes.length; n++) {
+                    if (this.nodeMap.has(this.node.nodes[n])) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    }
     expandDependents(node) {
         this.expanded = !this.expanded;
         this.dispatchEvent(new CustomEvent(ExplorerDependentNodeClicked, {
@@ -32,12 +48,34 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
         }));
     }
     renderDependentControl() {
-        return html `
-           <sl-icon-button @click="${() => this.expandDependents(this.node)}"
-                            class="dependent-icon"
-                            name="${!this.expanded ? 'plus-square' : 'dash-square'}"
-                            style="${!this.node.nodes ? 'display: none' : ''}"></sl-icon-button>
-            </div>`;
+        if (this.areDependentsVisible()) {
+            return html `
+                <sl-icon-button @click="${() => this.expandDependents(this.node)}"
+                                class="dependent-icon"
+                                aria-expanded="${this.expanded ? 'true' : 'false'}"
+                                name="${!this.expanded ? 'plus-square' : 'dash-square'}"
+                                label="Toggle dependents"
+                                style="${!this.node.nodes ? 'display: none' : ''}"></sl-icon-button>`;
+        }
+    }
+    loadMore() {
+        this.dispatchEvent(new CustomEvent(ExplorerLoadMoreChildren, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                parentId: this.node.id
+            }
+        }));
+    }
+    renderLoadMoreControl() {
+        if (this.moreChildrenCount > 0 && this.expanded) {
+            return html `
+                <span class="load-more-btn" @click="${(e) => { e.stopPropagation(); this.loadMore(); }}"
+                      title="Load ${this.moreChildrenCount} more children">
+                    <sl-icon name="node-plus"></sl-icon>${this.moreChildrenCount}
+                </span>`;
+        }
+        return null;
     }
     renderArrayType() {
         if (this.node?.isArray) {
@@ -46,38 +84,42 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
         }
         return null;
     }
+    activatePovMode() {
+        this.dispatchEvent(new CustomEvent(ExplorerPovModeClicked, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                nodeId: this.node.id
+            }
+        }));
+    }
+    renderPovButton() {
+        if (this.active && this.node.id !== 'root') {
+            if (this.inPovMode && this.povNodeId === this.node.id) {
+                return null;
+            }
+            return html `
+                <sl-icon-button @click="${() => this.activatePovMode()}"
+                                class="pov-icon"
+                                name="binoculars"
+                                label="Point of view mode"
+                                title="Point of view mode - re-build graph around this node"></sl-icon-button>`;
+        }
+        return null;
+    }
     renderUpArrow() {
         return html `${this.renderExtensions()}
         ${this.renderArrayType()}
         ${this.renderVacuumResults()}
+        ${this.renderPovButton()}
         ${this.active ? html `
             <sl-icon name="arrow-up" class="active-icon"></sl-icon>` : html ``}`;
     }
     countResults() {
-        let errors = 0;
-        let warnings = 0;
-        let info = 0;
-        if (this.node?.results) {
-            this.node.results.forEach(result => {
-                if (result.ruleSeverity === 'error') {
-                    errors++;
-                }
-                else if (result.ruleSeverity === 'warn') {
-                    warnings++;
-                }
-                else {
-                    info++;
-                }
-            });
-        }
-        return {
-            errors: errors,
-            warnings: warnings,
-            info: info,
-        };
+        return countViolationsBySeverity(this.node, this.violationMap);
     }
     renderVacuumResults() {
-        if (this.node?.results) {
+        if (this.node?.violationIds && this.node.violationIds.length > 0 && this.violationMap) {
             let errors = html ``;
             let warnings = html ``;
             let info = html ``;
@@ -91,16 +133,16 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
             if (results.warnings > 0) {
                 warnings = html `${(results.errors > 0) ?
                     html `<span style="color: var(--font-color-sub2)"> | </span>` : ''}
-                    <pb33f-model-icon color="${IconColor.warning}" size="${IconSize.small}"
-                                                   icon="${NodeType.WARNING}"></pb33f-model-icon> 
-                    <span style="color: var(--warn-color); display: inline-block; vertical-align: middle">${results.warnings}</span>`;
+                <pb33f-model-icon color="${IconColor.warning}" size="${IconSize.small}"
+                                  icon="${NodeType.WARNING}"></pb33f-model-icon>
+                <span style="color: var(--warn-color); display: inline-block; vertical-align: middle">${results.warnings}</span>`;
             }
             if (results.info > 0) {
                 info = html `${(results.errors > 0 || results.warnings > 0) ?
                     html `<span style="color: var(--font-color-sub2)"> | </span>` : ''}
-                    <pb33f-model-icon color="${IconColor.primary}" size="${IconSize.small}"
-                                      icon="${NodeType.INFO}"></pb33f-model-icon>
-                    <span style="color: var(--primary-color); display: inline-block;vertical-align: middle">${results.info}</span>`;
+                <pb33f-model-icon color="${IconColor.primary}" size="${IconSize.small}"
+                                  icon="${NodeType.INFO}"></pb33f-model-icon>
+                <span style="color: var(--primary-color); display: inline-block;vertical-align: middle">${results.info}</span>`;
             }
             return html `
                 <div class="vacuum-results">${errors}${warnings}${info}</div>`;
@@ -128,17 +170,19 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
             }
         }));
     }
+    isSingleLineNode() {
+        return this.height <= 30;
+    }
     renderClasses(defaultString = 'rendered-element') {
         let classes = [defaultString];
-        if (this.active) {
+        if (this.active)
             classes.push('active');
-        }
-        if (this.isRef && this.outputs.length == 1) {
+        if (this.isSingleLineNode())
+            classes.push('single-line');
+        if (this.isRef && this.outputs.length == 1)
             classes.push('ref');
-        }
-        if (this.node.dependency && this.dim) {
+        if (this.node.dependency && this.dim)
             classes.push('dependent-node');
-        }
         return classes.join(' ');
     }
     renderChanges() {
@@ -212,7 +256,7 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
         return html `
             <div class="${this.renderClasses("node")}"
                  style="height: ${this.height}px; width: ${this.width - 2}px" @click="${this.clicked}">
-                
+
                 <div class="row-node header-node">
                     <pb33f-model-icon color="${IconColor.secondary}" size="${IconSize.small}"
                                       icon="${this.node.type}"></pb33f-model-icon>
@@ -221,6 +265,7 @@ let GraphNodeComponent = class GraphNodeComponent extends LitElement {
                     ${this.renderDependentControl()}
                 </div>
                 ${this.renderUpArrow()}
+                ${this.renderLoadMoreControl()}
             </div>
         `;
     }
@@ -232,6 +277,12 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], GraphNodeComponent.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean })
+], GraphNodeComponent.prototype, "inPovMode", void 0);
+__decorate([
+    property({ type: String })
+], GraphNodeComponent.prototype, "povNodeId", void 0);
 GraphNodeComponent = __decorate([
     customElement('pb33f-explorer-graph-node')
 ], GraphNodeComponent);

package/dist/components/visualizer/nodes/header.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Header } from "../../../model/header.js";
+import { Node } from "../../../model/graph";
 export declare class HeaderNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     header: Header;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/header.js

@@ -12,8 +12,8 @@ import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 import changesCss from "./changes.css";
 let HeaderNodeComponent = class HeaderNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/info.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Info } from "../../../model/info.js";
+import { Node } from "../../../model/graph";
 export declare class InfoNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     info: Info;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/info.js

@@ -12,8 +12,8 @@ import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 import changesCss from "./changes.css";
 let InfoNodeComponent = class InfoNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/license.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { License } from "../../../model/license.js";
+import { Node } from "../../../model/graph";
 export declare class LicenseNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     license: License;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/license.js

@@ -12,8 +12,8 @@ import { IconColor, IconSize } from "../../model-icon/model-icon.js";
 import { NodeType } from "../../../model/node_type.js";
 import changesCss from "./changes.css";
 let LicenseNodeComponent = class LicenseNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/link.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Link } from "../../../model/link.js";
+import { Node } from "../../../model/graph";
 export declare class LinkNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     link: Link;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/link.js

@@ -13,8 +13,8 @@ import { NodeType } from "../../../model/node_type.js";
 import linksCss from "../../../css/links.css.js";
 import changesCss from "./changes.css";
 let LinkNodeComponent = class LinkNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/media-type.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { MediaType } from "../../../model/media-type.js";
+import { Node } from "../../../model/graph";
 export declare class MediaTypeNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     mediaType: MediaType;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }

package/dist/components/visualizer/nodes/media-type.js

@@ -13,8 +13,8 @@ import { NodeType } from "../../../model/node_type.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import changesCss from "./changes.css";
 let MediaTypeNodeComponent = class MediaTypeNodeComponent extends GraphNodeComponent {
-    constructor() {
-        super();
+    constructor(nodeMap) {
+        super(nodeMap);
     }
     renderNode() {
         const values = [];

package/dist/components/visualizer/nodes/operation.d.ts

@@ -1,10 +1,11 @@
 import { TemplateResult } from "lit";
 import { GraphNodeComponent } from "./graph-node.js";
 import { Operation } from "../../../model/operation.js";
+import { Node } from "../../../model/graph";
 export declare class OperationNodeComponent extends GraphNodeComponent {
     static styles: import("lit").CSSResult[];
     operation: Operation;
-    constructor();
+    constructor(nodeMap: Map<string, Node>);
     renderNode(): TemplateResult[];
     render(): TemplateResult<1>;
 }