Knot node switch pin

dist/css/ueb-style.css

@@ -214,6 +214,27 @@ ueb-selector > * {
   overflow: hidden;
 }
 
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] {
+  box-shadow: none;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin {
+  min-height: 0;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin[data-direction=input] {
+  display: none;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] .ueb-node-border {
+  padding: 8px 18px;
+  background: none !important;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"][data-selected=true] .ueb-node-border {
+  box-shadow: inset 0 0 0px 6px #d29e07;
+}
+
 ueb-link {
   --ueb-link-color: rgb(var(--ueb-link-color-rgb));
   --ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);
@@ -495,7 +516,7 @@ ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover
   text-align: right;
 }
 
-ueb-pin[data-type=exec] .ueb-pin-icon {
+ueb-pin[data-type=exec] .ueb-pin-icon-exec {
   --ueb-pin-color: white;
   width: 15px;
   height: 15px;
@@ -508,12 +529,6 @@ ueb-pin[data-type=exec] .ueb-pin-icon {
   color: var(--ueb-pin-color);
 }
 
-.ueb-pin-icon svg {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
 ueb-pin[data-linked=true] .ueb-pin-tofill {
   fill: currentColor;
 }
@@ -523,10 +538,6 @@ ueb-pin[data-linked=true] .ueb-pin-tofill {
   vertical-align: middle;
 }
 
-ueb-pin[data-type=exec] .ueb-pin-name {
-  display: none;
-}
-
 .ueb-zoom--6 .ueb-pin-content {
   visibility: hidden;
 }

dist/css/ueb-style.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"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","file":"ueb-style.css"}
+{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"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","file":"ueb-style.css"}

dist/css/ueb-style.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"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","file":"ueb-style.min.css"}
+{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,iBACA,iCACA,eAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,0BACI,gCAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,yEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBC3UJ,yDACI,gBAGJ,iEACI,aAGJ,uFACI,aAGJ,0EACI,iBACA,2BAGJ,8FACI,qCChBJ,SACI,iDACA,kEAEA,wEACA,cACA,6CACA,8CAKA,kBAIJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FAGJ,kBACI,mBACA,6BACA,wCAGJ,gEAEI,wCACA,4BAGJ,kBACI,cACA,mBACA,kBACA,mDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,+BACA,mBACA,gBCzDJ,SACI,cACA,kBACA,qCACA,uDACA,oBAGJ,sBACI,gBAGJ,mEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,kBACA,WACI,+EAGJ,gEACA,8EACA,aACA,gBACA,mBAGJ,2BACI,gBACA,mBAGJ,6DACI,mBAGJ,gDACI,8EAIJ,eACI,mGACA,qBACA,mBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,cAGJ,0BACI,sBAGJ,wDACI,cAGJ,2BACI,sBAGJ,oBACI,wBAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,qBACA,6BAGJ,4CACI,kBAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,iCACI,kBAGJ,yBACI,sBAGJ,oFACI,yBACA,eAGJ,oDACI,cAGJ,+DACI,qBCnMJ,cACI,6BAGJ,QACI,4NAMA,+CAGJ,QACI,cACA,gBAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,2CACI,uBACA,WACA,YAGJ,cACI,WACA,YACA,kBACA,2BAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,8BACI,kBAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,cAEA,4FAII,yCACA,aAIR,yCACI,aAGJ,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,YACA,cAEA,0CACI,WACA,YAGJ,gDACI,mBACA,mBACA,WC7JR,YACI,eACA,yBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eC3FR,WACI,cACA,kBACA,sBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBACA,sBAEA,mEAEI,WACA,cACA,kBACA,oBACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,8BACI,aAGJ,wDAEI,UAGJ,2BACI,aACA,gBACA,gBAGJ,oDACI,aACA,sBACA,8BACA,YACA,UAGJ,wDACI,aACA,mBACA,kBAEA,4DACI,YAIR,kDACI,YAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,2BACI,WAGJ,mBACI,oBAGJ,yBACI,iBACA,aAGJ,0CACI,UACA,iBACA,sBACA","file":"ueb-style.min.css"}

dist/ueblueprint.js

@@ -2244,7 +2244,6 @@ class Copy extends IInput {
 /**
  * @typedef {import("../element/IElement").default} IElement
  * @typedef {import("../input/IInput").default} IInput
- * @typedef {import("lit").TemplateResult<1>} TemplateResult
  */
 
 /** @template {IElement} T */
@@ -2282,9 +2281,8 @@ class ITemplate {
     update(changedProperties) {
     }
 
-    /** @returns {TemplateResult | symbol} */
     render() {
-        return w
+        return $``
     }
 
     /** @param {Map} changedProperties */
@@ -3242,22 +3240,6 @@ class ISelectableDraggableTemplate extends IDraggablePositionedTemplate {
     }
 }
 
-/**
- * @typedef {import("../../element/IDraggableElement").default} IDraggableElement
- */
-
-/**
-* @template {IDraggableElement} T
-* @extends {IMouseClickDrag<T>}
-*/
-class MouseIgnore extends IMouseClickDrag {
-
-    constructor(target, blueprint, options = {}) {
-        options.consumeEvent = true;
-        super(target, blueprint, options);
-    }
-}
-
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../template/ITemplate").default} ITemplate
@@ -3355,7 +3337,10 @@ class IFromToPositionedTemplate extends ITemplate {
 
 }
 
-/** @typedef {import("../element/LinkElement").default} LinkElement */
+/**
+ * @typedef {import("../element/LinkElement").default} LinkElement
+ * @typedef {import("../template/KnotNodeTemplate").default} KnotNodeTemplate
+ */
 
 
 /** @extends {IFromToPositionedTemplate<LinkElement>} */
@@ -3413,6 +3398,21 @@ class LinkTemplate extends IFromToPositionedTemplate {
      */
     willUpdate(changedProperties) {
         super.willUpdate(changedProperties);
+        const sourcePint = this.element.sourcePin;
+        if (
+            changedProperties.has("toX")
+            && !this.element.destinationPin
+            && sourcePint?.nodeElement.getType() == "/Script/BlueprintGraph.K2Node_Knot"
+        ) {
+            if (sourcePint.isInput() && this.element.toX > this.element.fromX + 5) {
+                // @ts-expect-error
+                this.element.sourcePin = /** @type {KnotNodeTemplate} */(sourcePint.nodeElement.template).outputPin;
+            }
+            if (sourcePint.isOutput() && this.element.toX < this.element.fromX - 5) {
+                // @ts-expect-error
+                this.element.sourcePin = /** @type {KnotNodeTemplate} */(sourcePint.nodeElement.template).inputPin;
+            }
+        }
         const dx = Math.max(Math.abs(this.element.fromX - this.element.toX), 1);
         const width = Math.max(dx, Configuration.linkMinWidth);
         // const height = Math.max(Math.abs(link.fromY - link.toY), 1)
@@ -3808,10 +3808,7 @@ class MouseCreateLink extends IMouseClickDrag {
     }
 }
 
-/**
- * @typedef {import("../input/IInput").default} IInput
- * @typedef {import("lit").TemplateResult} TemplateResult
- */
+/** @typedef {import("../input/IInput").default} IInput */
 /**
  * @template T
  * @typedef {import("../element/PinElement").default<T>} PinElement
@@ -3823,10 +3820,17 @@ class MouseCreateLink extends IMouseClickDrag {
  */
 class PinTemplate extends ITemplate {
 
+    /** @type {HTMLElement} */
+    #iconElement
+    get iconElement() {
+        return this.#iconElement
+    }
+
     /** @param {PinElement<T>} element */
     constructed(element) {
         super.constructed(element);
         this.element.dataset.id = this.element.GetPinIdValue();
+        this.element.style.setProperty("--ueb-pin-color-rgb", Configuration.pinColor[this.element.pinType]);
     }
 
     connectedCallback() {
@@ -3844,14 +3848,10 @@ class PinTemplate extends ITemplate {
     }
 
     render() {
-        const icon = $`
-            <div class="ueb-pin-icon">
-                ${this.renderIcon()}
-            </div>
-        `;
+        const icon = this.renderIcon();
         const content = $`
             <div class="ueb-pin-content">
-                <span class="ueb-pin-name ">${this.element.getPinDisplayName()}</span>
+                ${this.renderName()}
                 ${this.element.isInput() && !this.element.entity.bDefaultValueIsIgnored ? this.renderInput() : $``}
             </div>
         `;
@@ -3862,17 +3862,21 @@ class PinTemplate extends ITemplate {
         `
     }
 
-    /** @returns {TemplateResult | symbol} */
     renderIcon() {
         return $`
-            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="ueb-pin-icon">
                 <circle class="ueb-pin-tofill" cx="16" cy="16" r="14" fill="none" stroke="currentColor" stroke-width="5" />
                 <path d="M 34 6 L 34 26 L 42 16 Z" fill="currentColor" />
             </svg>
         `
     }
 
-    /** @returns {TemplateResult | symbol} */
+    renderName() {
+        return $`
+            <span class="ueb-pin-name">${this.element.getPinDisplayName()}</span>
+        `
+    }
+
     renderInput() {
         return $``
     }
@@ -3890,11 +3894,12 @@ class PinTemplate extends ITemplate {
 
     /** @param {Map} changedProperties */
     firstUpdated(changedProperties) {
-        this.element.style.setProperty("--ueb-pin-color-rgb", Configuration.pinColor[this.element.pinType]);
+        super.firstUpdated(changedProperties);
+        this.#iconElement = this.element.querySelector(".ueb-pin-icon") ?? this.element;
     }
 
     getLinkLocation() {
-        const rect = this.element.querySelector(".ueb-pin-icon").getBoundingClientRect();
+        const rect = this.iconElement.getBoundingClientRect();
         const location = Utility.convertLocation(
             [(rect.left + rect.right) / 2, (rect.top + rect.bottom) / 2],
             this.element.blueprint.gridElement
@@ -3907,6 +3912,48 @@ class PinTemplate extends ITemplate {
     }
 }
 
+/** @typedef {import("./KnotNodeTemplate").default} KnotNodeTemplate */
+
+class KnotPinTemplate extends PinTemplate {
+
+    render() {
+        return this.element.isOutput() ? this.renderIcon() : $``
+    }
+
+    getLinkLocation() {
+        const rect = (
+            this.element.isInput()
+                // @ts-expect-error
+                ? /** @type {KnotNodeTemplate} */ (this.element.nodeElement.template).outputPin.template.iconElement
+                : this.iconElement
+        ).getBoundingClientRect();
+        const location = Utility.convertLocation(
+            [
+                this.element.isInput() ? (rect.left + rect.right) / 2 : rect.right + 2,
+                (rect.top + rect.bottom) / 2,
+            ],
+            this.element.blueprint.gridElement
+        );
+        return this.element.blueprint.compensateTranslation(location)
+    }
+}
+
+/**
+ * @typedef {import("../../element/IDraggableElement").default} IDraggableElement
+ */
+
+/**
+* @template {IDraggableElement} T
+* @extends {IMouseClickDrag<T>}
+*/
+class MouseIgnore extends IMouseClickDrag {
+
+    constructor(target, blueprint, options = {}) {
+        options.consumeEvent = true;
+        super(target, blueprint, options);
+    }
+}
+
 /**
  * @extends PinTemplate<Boolean>
  */
@@ -3949,12 +3996,16 @@ class ExecPinTemplate extends PinTemplate {
 
     renderIcon() {
         return $`
-            <svg viewBox="-2 0 16 16">
+            <svg viewBox="-2 0 16 16" class="ueb-pin-icon ueb-pin-icon-exec">
                 <path class="ueb-pin-tofill" stroke-width="1.25" stroke="white" fill="none"
                     d="M 2 1 a 2 2 0 0 0 -2 2 v 10 a 2 2 0 0 0 2 2 h 4 a 2 2 0 0 0 1.519 -0.698 l 4.843 -5.651 a 1 1 0 0 0 0 -1.302 L 7.52 1.7 a 2 2 0 0 0 -1.519 -0.698 z" />
             </svg>
         `
     }
+
+    renderName() {
+        return $``
+    }
 }
 
 /**
@@ -4271,10 +4322,7 @@ class ColorSliderElement extends IDraggableControlElement {
     }
 }
 
-/**
- * @typedef {import("../element/WindowElement").default} WindowElement
- * @typedef {import("lit").TemplateResult<1>} TemplateResult
- */
+/** @typedef {import("../element/WindowElement").default} WindowElement */
 
 /** @extends {IDraggablePositionedTemplate<WindowElement>} */
 class WindowTemplate extends IDraggablePositionedTemplate {
@@ -4317,9 +4365,8 @@ class WindowTemplate extends IDraggablePositionedTemplate {
         return $`Window`
     }
 
-    /** @returns {TemplateResult | symbol} */
     renderContent() {
-        return w
+        return $``
     }
 
     apply() {
@@ -4836,7 +4883,7 @@ class ReferencePinTemplate extends PinTemplate {
 
     renderIcon() {
         return $`
-            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="ueb-pin-icon">
                 <polygon class="ueb-pin-tofill" points="4 16 16 4 28 16 16 28" stroke="currentColor" stroke-width="5" />
             </svg>
         `
@@ -5023,9 +5070,12 @@ class PinElement extends IElement {
 
     connections = 0
 
-    /** @param {PinEntity<T>} entity */
-    constructor(entity) {
-        super(entity, new (PinElement.getTypeTemplate(entity))());
+    /**
+     * @param {PinEntity<T>} entity
+     * @param {PinTemplate} template
+     */
+    constructor(entity, template = undefined) {
+        super(entity, template ?? new (PinElement.getTypeTemplate(entity))());
         this.pinType = this.entity.getType();
         this.advancedView = this.entity.bAdvancedView;
         this.defaultValue = this.entity.getDefaultValue();
@@ -5148,6 +5198,18 @@ class PinElement extends IElement {
 /** @extends {ISelectableDraggableTemplate<NodeElement>} */
 class KnotNodeTemplate extends ISelectableDraggableTemplate {
 
+    /** @type {PinElement} */
+    #inputPin
+    get inputPin() {
+        return this.#inputPin
+    }
+
+    /** @type {PinElement} */
+    #outputPin
+    get outputPin() {
+        return this.#outputPin
+    }
+
     render() {
         return $`
             <div class="ueb-node-border"></div>
@@ -5169,6 +5231,16 @@ class KnotNodeTemplate extends ISelectableDraggableTemplate {
     getPinElements(node) {
         return node.querySelectorAll("ueb-pin")
     }
+
+    createPinElements() {
+        const entities = this.element.getPinEntities().filter(v => !v.isHidden());
+        const inputEntity = entities[entities[0].isInput() ? 0 : 1];
+        const outputEntity = entities[entities[0].isOutput() ? 0 : 1];
+        return [
+            this.#inputPin = new PinElement(inputEntity, new KnotPinTemplate()),
+            this.#outputPin = new PinElement(outputEntity, new KnotPinTemplate()),
+        ]
+    }
 }
 
 /** @typedef {import("../element/NodeElement").default} NodeElement */
@@ -5245,6 +5317,16 @@ class NodeTemplate extends ISelectableDraggableTemplate {
     getPinElements(node) {
         return node.querySelectorAll("ueb-pin")
     }
+
+    createPinElements() {
+        return this.element.getPinEntities()
+            .filter(v => !v.isHidden())
+            .map(v => {
+                const pin = new PinElement(v);
+                pin.nodeElement = this.element;
+                return pin
+            })
+    }
 }
 
 /** @typedef {import("./IElement").default} IElement */
@@ -5312,11 +5394,13 @@ class NodeElement extends ISelectableDraggableElement {
 
     #pins
 
-    /** @param {ObjectEntity} entity */
-    constructor(entity) {
-        super(entity, new (NodeElement.getTypeTemplate(entity))());
-        this.#pins = this.getPinEntities().filter(v => !v.isHidden()).map(v => new PinElement(v));
-        this.#pins.forEach(pin => pin.nodeElement = this);
+    /**
+     * @param {ObjectEntity} entity
+     * @param {NodeTemplate} template
+     */
+    constructor(entity, template = undefined) {
+        super(entity, template ?? new (NodeElement.getTypeTemplate(entity))());
+        this.#pins = this.template.createPinElements();
         this.nodeClass = this.entity.getClass();
         this.name = this.entity.getObjectName();
         this.advancedPinDisplay = this.entity.AdvancedPinDisplay?.toString();

js/element/NodeElement.js

@@ -75,11 +75,13 @@ export default class NodeElement extends ISelectableDraggableElement {
 
     #pins
 
-    /** @param {ObjectEntity} entity */
-    constructor(entity) {
-        super(entity, new (NodeElement.getTypeTemplate(entity))())
-        this.#pins = this.getPinEntities().filter(v => !v.isHidden()).map(v => new PinElement(v))
-        this.#pins.forEach(pin => pin.nodeElement = this)
+    /**
+     * @param {ObjectEntity} entity
+     * @param {NodeTemplate} template
+     */
+    constructor(entity, template = undefined) {
+        super(entity, template ?? new (NodeElement.getTypeTemplate(entity))())
+        this.#pins = this.template.createPinElements()
         this.nodeClass = this.entity.getClass()
         this.name = this.entity.getObjectName()
         this.advancedPinDisplay = this.entity.AdvancedPinDisplay?.toString()

js/element/PinElement.js

@@ -106,9 +106,12 @@ export default class PinElement extends IElement {
 
     connections = 0
 
-    /** @param {PinEntity<T>} entity */
-    constructor(entity) {
-        super(entity, new (PinElement.getTypeTemplate(entity))())
+    /**
+     * @param {PinEntity<T>} entity
+     * @param {PinTemplate} template
+     */
+    constructor(entity, template = undefined) {
+        super(entity, template ?? new (PinElement.getTypeTemplate(entity))())
         this.pinType = this.entity.getType()
         this.advancedView = this.entity.bAdvancedView
         this.defaultValue = this.entity.getDefaultValue()

js/template/ExecPinTemplate.js

@@ -7,10 +7,14 @@ export default class ExecPinTemplate extends PinTemplate {
 
     renderIcon() {
         return html`
-            <svg viewBox="-2 0 16 16">
+            <svg viewBox="-2 0 16 16" class="ueb-pin-icon ueb-pin-icon-exec">
                 <path class="ueb-pin-tofill" stroke-width="1.25" stroke="white" fill="none"
                     d="M 2 1 a 2 2 0 0 0 -2 2 v 10 a 2 2 0 0 0 2 2 h 4 a 2 2 0 0 0 1.519 -0.698 l 4.843 -5.651 a 1 1 0 0 0 0 -1.302 L 7.52 1.7 a 2 2 0 0 0 -1.519 -0.698 z" />
             </svg>
         `
     }
+
+    renderName() {
+        return html``
+    }
 }

js/template/ITemplate.js

@@ -1,9 +1,8 @@
-import { css, nothing } from "lit"
+import { css, html } from "lit"
 
 /**
  * @typedef {import("../element/IElement").default} IElement
  * @typedef {import("../input/IInput").default} IInput
- * @typedef {import("lit").TemplateResult<1>} TemplateResult
  */
 
 /** @template {IElement} T */
@@ -41,9 +40,8 @@ export default class ITemplate {
     update(changedProperties) {
     }
 
-    /** @returns {TemplateResult | symbol} */
     render() {
-        return nothing
+        return html``
     }
 
     /** @param {Map} changedProperties */

js/template/KnotNodeTemplate.js

@@ -1,5 +1,6 @@
 import { html } from "lit"
 import ISelectableDraggableTemplate from "./ISelectableDraggableTemplate"
+import KnotPinTemplate from "./KnotPinTemplate"
 import PinElement from "../element/PinElement"
 
 /** @typedef {import("../element/NodeElement").default} NodeElement */
@@ -7,6 +8,18 @@ import PinElement from "../element/PinElement"
 /** @extends {ISelectableDraggableTemplate<NodeElement>} */
 export default class KnotNodeTemplate extends ISelectableDraggableTemplate {
 
+    /** @type {PinElement} */
+    #inputPin
+    get inputPin() {
+        return this.#inputPin
+    }
+
+    /** @type {PinElement} */
+    #outputPin
+    get outputPin() {
+        return this.#outputPin
+    }
+
     render() {
         return html`
             <div class="ueb-node-border"></div>
@@ -28,4 +41,14 @@ export default class KnotNodeTemplate extends ISelectableDraggableTemplate {
     getPinElements(node) {
         return node.querySelectorAll("ueb-pin")
     }
+
+    createPinElements() {
+        const entities = this.element.getPinEntities().filter(v => !v.isHidden())
+        const inputEntity = entities[entities[0].isInput() ? 0 : 1]
+        const outputEntity = entities[entities[0].isOutput() ? 0 : 1]
+        return [
+            this.#inputPin = new PinElement(inputEntity, new KnotPinTemplate()),
+            this.#outputPin = new PinElement(outputEntity, new KnotPinTemplate()),
+        ]
+    }
 }

js/template/KnotPinTemplate.js

@@ -0,0 +1,29 @@
+import { html } from "lit"
+import Utility from "../Utility"
+import PinTemplate from "./PinTemplate"
+
+/** @typedef {import("./KnotNodeTemplate").default} KnotNodeTemplate */
+
+export default class KnotPinTemplate extends PinTemplate {
+
+    render() {
+        return this.element.isOutput() ? this.renderIcon() : html``
+    }
+
+    getLinkLocation() {
+        const rect = (
+            this.element.isInput()
+                // @ts-expect-error
+                ? /** @type {KnotNodeTemplate} */ (this.element.nodeElement.template).outputPin.template.iconElement
+                : this.iconElement
+        ).getBoundingClientRect()
+        const location = Utility.convertLocation(
+            [
+                this.element.isInput() ? (rect.left + rect.right) / 2 : rect.right + 2,
+                (rect.top + rect.bottom) / 2,
+            ],
+            this.element.blueprint.gridElement
+        )
+        return this.element.blueprint.compensateTranslation(location)
+    }
+}

js/template/LinkTemplate.js

@@ -1,9 +1,12 @@
-import { css, html, nothing } from "lit"
+import { html, nothing } from "lit"
 import Configuration from "../Configuration"
 import Utility from "../Utility"
 import IFromToPositionedTemplate from "./IFromToPositionedTemplate"
 
-/** @typedef {import("../element/LinkElement").default} LinkElement */
+/**
+ * @typedef {import("../element/LinkElement").default} LinkElement
+ * @typedef {import("../template/KnotNodeTemplate").default} KnotNodeTemplate
+ */
 
 
 /** @extends {IFromToPositionedTemplate<LinkElement>} */
@@ -61,6 +64,21 @@ export default class LinkTemplate extends IFromToPositionedTemplate {
      */
     willUpdate(changedProperties) {
         super.willUpdate(changedProperties)
+        const sourcePint = this.element.sourcePin
+        if (
+            changedProperties.has("toX")
+            && !this.element.destinationPin
+            && sourcePint?.nodeElement.getType() == "/Script/BlueprintGraph.K2Node_Knot"
+        ) {
+            if (sourcePint.isInput() && this.element.toX > this.element.fromX + 5) {
+                // @ts-expect-error
+                this.element.sourcePin = /** @type {KnotNodeTemplate} */(sourcePint.nodeElement.template).outputPin
+            }
+            if (sourcePint.isOutput() && this.element.toX < this.element.fromX - 5) {
+                // @ts-expect-error
+                this.element.sourcePin = /** @type {KnotNodeTemplate} */(sourcePint.nodeElement.template).inputPin
+            }
+        }
         const dx = Math.max(Math.abs(this.element.fromX - this.element.toX), 1)
         const width = Math.max(dx, Configuration.linkMinWidth)
         // const height = Math.max(Math.abs(link.fromY - link.toY), 1)

js/template/NodeTemplate.js

@@ -76,4 +76,14 @@ export default class NodeTemplate extends ISelectableDraggableTemplate {
     getPinElements(node) {
         return node.querySelectorAll("ueb-pin")
     }
+
+    createPinElements() {
+        return this.element.getPinEntities()
+            .filter(v => !v.isHidden())
+            .map(v => {
+                const pin = new PinElement(v)
+                pin.nodeElement = this.element
+                return pin
+            })
+    }
 }

js/template/PinTemplate.js

@@ -1,13 +1,10 @@
-import { html, nothing } from "lit"
+import { html } from "lit"
 import Configuration from "../Configuration"
 import ITemplate from "./ITemplate"
 import MouseCreateLink from "../input/mouse/MouseCreateLink"
 import Utility from "../Utility"
 
-/**
- * @typedef {import("../input/IInput").default} IInput
- * @typedef {import("lit").TemplateResult} TemplateResult
- */
+/** @typedef {import("../input/IInput").default} IInput */
 /**
  * @template T
  * @typedef {import("../element/PinElement").default<T>} PinElement
@@ -19,10 +16,17 @@ import Utility from "../Utility"
  */
 export default class PinTemplate extends ITemplate {
 
+    /** @type {HTMLElement} */
+    #iconElement
+    get iconElement() {
+        return this.#iconElement
+    }
+
     /** @param {PinElement<T>} element */
     constructed(element) {
         super.constructed(element)
         this.element.dataset.id = this.element.GetPinIdValue()
+        this.element.style.setProperty("--ueb-pin-color-rgb", Configuration.pinColor[this.element.pinType])
     }
 
     connectedCallback() {
@@ -40,14 +44,10 @@ export default class PinTemplate extends ITemplate {
     }
 
     render() {
-        const icon = html`
-            <div class="ueb-pin-icon">
-                ${this.renderIcon()}
-            </div>
-        `
+        const icon = this.renderIcon()
         const content = html`
             <div class="ueb-pin-content">
-                <span class="ueb-pin-name ">${this.element.getPinDisplayName()}</span>
+                ${this.renderName()}
                 ${this.element.isInput() && !this.element.entity.bDefaultValueIsIgnored ? this.renderInput() : html``}
             </div>
         `
@@ -58,17 +58,21 @@ export default class PinTemplate extends ITemplate {
         `
     }
 
-    /** @returns {TemplateResult | symbol} */
     renderIcon() {
         return html`
-            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="ueb-pin-icon">
                 <circle class="ueb-pin-tofill" cx="16" cy="16" r="14" fill="none" stroke="currentColor" stroke-width="5" />
                 <path d="M 34 6 L 34 26 L 42 16 Z" fill="currentColor" />
             </svg>
         `
     }
 
-    /** @returns {TemplateResult | symbol} */
+    renderName() {
+        return html`
+            <span class="ueb-pin-name">${this.element.getPinDisplayName()}</span>
+        `
+    }
+
     renderInput() {
         return html``
     }
@@ -86,11 +90,12 @@ export default class PinTemplate extends ITemplate {
 
     /** @param {Map} changedProperties */
     firstUpdated(changedProperties) {
-        this.element.style.setProperty("--ueb-pin-color-rgb", Configuration.pinColor[this.element.pinType])
+        super.firstUpdated(changedProperties)
+        this.#iconElement = this.element.querySelector(".ueb-pin-icon") ?? this.element
     }
 
     getLinkLocation() {
-        const rect = this.element.querySelector(".ueb-pin-icon").getBoundingClientRect()
+        const rect = this.iconElement.getBoundingClientRect()
         const location = Utility.convertLocation(
             [(rect.left + rect.right) / 2, (rect.top + rect.bottom) / 2],
             this.element.blueprint.gridElement

js/template/RealPinTemplate.js

@@ -1,4 +1,4 @@
-import { html, nothing } from "lit"
+import { html } from "lit"
 import IInputPinTemplate from "./IInputPinTemplate"
 import INumericPinTemplate from "./INumericPinTemplate"
 import Utility from "../Utility"

js/template/ReferencePinTemplate.js

@@ -5,9 +5,9 @@ export default class ReferencePinTemplate extends PinTemplate {
 
     renderIcon() {
         return html`
-            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="ueb-pin-icon">
                 <polygon class="ueb-pin-tofill" points="4 16 16 4 28 16 16 28" stroke="currentColor" stroke-width="5" />
             </svg>
         `
     }
-}
+}

js/template/WindowTemplate.js

@@ -1,12 +1,9 @@
-import { html, nothing } from "lit"
+import { html } from "lit"
 import Configuration from "../Configuration"
 import IDraggablePositionedTemplate from "./IDraggablePositionedTemplate"
 import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable"
 
-/**
- * @typedef {import("../element/WindowElement").default} WindowElement
- * @typedef {import("lit").TemplateResult<1>} TemplateResult
- */
+/** @typedef {import("../element/WindowElement").default} WindowElement */
 
 /** @extends {IDraggablePositionedTemplate<WindowElement>} */
 export default class WindowTemplate extends IDraggablePositionedTemplate {
@@ -49,9 +46,8 @@ export default class WindowTemplate extends IDraggablePositionedTemplate {
         return html`Window`
     }
 
-    /** @returns {TemplateResult | symbol} */
     renderContent() {
-        return nothing
+        return html``
     }
 
     apply() {

scss/export.scss

@@ -1,4 +1,5 @@
 @use "style.scss";
+@use "ueb-knot.scss";
 @use "ueb-link.scss";
 @use "ueb-node.scss";
 @use "ueb-pin.scss";

scss/ueb-knot.scss

@@ -0,0 +1,20 @@
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] {
+    box-shadow: none;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin {
+    min-height: 0;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin[data-direction="input"] {
+    display: none;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] .ueb-node-border {
+    padding: 8px 18px;
+    background: none !important;
+}
+
+ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"][data-selected="true"] .ueb-node-border {
+    box-shadow: inset 0 0 0px 6px #d29e07;
+}

scss/ueb-pin.scss

@@ -49,7 +49,7 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-pin-wrapper:h
     text-align: right;
 }
 
-ueb-pin[data-type="exec"] .ueb-pin-icon {
+ueb-pin[data-type="exec"] .ueb-pin-icon-exec {
     --ueb-pin-color: white;
     width: 15px;
     height: 15px;
@@ -62,12 +62,6 @@ ueb-pin[data-type="exec"] .ueb-pin-icon {
     color: var(--ueb-pin-color);
 }
 
-.ueb-pin-icon svg {
-    display: block;
-    width: 100%;
-    height: 100%;
-}
-
 ueb-pin[data-linked="true"] .ueb-pin-tofill {
     fill: currentColor;
 }
@@ -77,10 +71,6 @@ ueb-pin[data-linked="true"] .ueb-pin-tofill {
     vertical-align: middle;
 }
 
-ueb-pin[data-type="exec"] .ueb-pin-name {
-    display: none;
-}
-
 .ueb-zoom--6 .ueb-pin-content {
     visibility: hidden;
 }