Large refactoring and new nodes

* Fix node reference when changing elements

* Fix ScriptVariables parsing

* Fix invariant text and niagara types

* Niagara convert nodes

* Move node tests to own files

* More Niagara tests

* Niagara float and smaller fixes

* More Decoding

* More decoding

* WIP

* Float is real

* WIP

* More types and colors

* Test case and small polish

* WIP

* WIP

* Fix niagara script variables merging

* Fix Niagara variables

* Fixing mirrored ExportPath

* Fix Export paths name adjustments

* Simplify arc calculation

* Simplify a bit arc calculation

* source / destionation => origin / target

* Minor refactoring

* Fix switched link position

* Rename some properties for uniformity

* Fix input escape

* Simplify test

* About window

* Dialog backdrop style

* About dialog touches

* Remove dependency and minot improvement

* Light mode

* Fix link location and css small improvement

* Link direction and minor fixes

* Some minor fixes and refactoring

* Refactoring WIP

* Shorting repetitive bits

* More tests

* Simplify linking tests

js/template/node/KnotNodeTemplate.js

@@ -1,15 +1,21 @@
 import { html } from "lit"
-import Configuration from "../../Configuration.js"
 import ElementFactory from "../../element/ElementFactory.js"
 import KnotPinTemplate from "../pin/KnotPinTemplate.js"
 import NodeTemplate from "./NodeTemplate.js"
 
 export default class KnotNodeTemplate extends NodeTemplate {
 
-    static #traversedPin = new Set()
-
-    /** @type {Boolean?} */
-    #chainDirection = null // The node is part of a chain connected to an input or output pin
+    #switchDirectionsVisually = false
+    get switchDirectionsVisually() {
+        return this.#switchDirectionsVisually
+    }
+    set switchDirectionsVisually(value) {
+        if (this.#switchDirectionsVisually == value) {
+            return
+        }
+        this.#switchDirectionsVisually = value
+        this.element.acknowledgeUpdate()
+    }
 
     /** @type {PinElement} */
     #inputPin
@@ -29,24 +35,6 @@ export default class KnotNodeTemplate extends NodeTemplate {
         this.element.classList.add("ueb-node-style-minimal")
     }
 
-    /** @param {PinElement} startingPin */
-    findDirectionaPin(startingPin) {
-        if (
-            startingPin.nodeElement.getType() !== Configuration.paths.knot
-            || KnotNodeTemplate.#traversedPin.has(startingPin)
-        ) {
-            KnotNodeTemplate.#traversedPin.clear()
-            return true
-        }
-        KnotNodeTemplate.#traversedPin.add(startingPin)
-        for (let pin of startingPin.getLinks().map(l => this.blueprint.getPin(l))) {
-            if (this.findDirectionaPin(pin)) {
-                return true
-            }
-        }
-        return false
-    }
-
     render() {
         return html`
             <div class="ueb-node-border"></div>
@@ -71,7 +59,28 @@ export default class KnotNodeTemplate extends NodeTemplate {
         return result
     }
 
-    linksChanged() {
-
+    checkSwtichDirectionsVisually() {
+        let leftPinsDelta = 0
+        let leftPinsCount = 0
+        let rightPinsDelta = 0
+        let rightPinsCount = 0
+        const location = this.outputPin.getLinkLocation()[0]
+        const links = this.getAllConnectedLinks()
+        for (const link of links) {
+            const pin = link.getOtherPin(this.element)
+            const delta = pin.getLinkLocation()[0] - location
+            if (pin?.isInput()) {
+                rightPinsDelta += delta
+                ++rightPinsCount
+            } else if (pin?.isOutput()) {
+                leftPinsDelta += delta
+                ++leftPinsCount
+            }
+        }
+        leftPinsDelta /= leftPinsCount
+        rightPinsDelta /= rightPinsCount
+        if ((rightPinsDelta < leftPinsDelta) != this.switchDirectionsVisually) {
+            this.switchDirectionsVisually = rightPinsDelta < leftPinsDelta
+        }
     }
 }