Variable node type

js/template/VariableNodeTemplate.js

@@ -0,0 +1,35 @@
+import { html } from "lit"
+import Configuration from "../Configuration"
+import ElementFactory from "../element/ElementFactory"
+import KnotPinTemplate from "./KnotPinTemplate"
+import NodeTemplate from "./NodeTemplate"
+
+/**
+ * @typedef {import("../element/NodeElement").default} NodeElement
+ * @typedef {import("../element/PinElement").default} PinElement
+ */
+
+export default class VariableNodeTemplate extends NodeTemplate {
+
+    /** @param {NodeElement} element */
+    constructed(element) {
+        super.constructed(element)
+        this.element.classList.add("ueb-node-type-variable")
+    }
+
+    render() {
+        return html`
+            <div class="ueb-node-border">
+                <div class="ueb-node-wrapper">
+                    <div class="ueb-node-outputs"></div>
+                </div>
+            </div>
+        `
+    }
+
+    setupPins() {
+        super.setupPins()
+        let outputPin = this.element.getPinElements().find(p => p.isOutput())
+        this.element.style.setProperty("--ueb-node-color", outputPin.getColor().cssText)
+    }
+}