Link icon fixing, name refactoring

2026-02-04 08:08:18 +08:00 · 2022-11-21 11:45:43 +01:00
parent 401ce75fdc
commit a7468f4cf0
37 changed files with 239 additions and 151 deletions
--- a/dist/css/ueb-style.css
+++ b/dist/css/ueb-style.css
@@ -250,7 +250,7 @@ ueb-link {
  visibility: hidden;
 }

-ueb-link svg {
+ueb-link > svg {
  --ueb-y-reflected-coefficient: calc(2 * var(--ueb-y-reflected) - 1);
  position: absolute;
  width: 100%;
@@ -291,13 +291,16 @@ ueb-link[data-dragging=true] .ueb-link-message {

 .ueb-link-message-icon {
  display: inline-block;
-  position: relative;
-  width: 20px;
-  height: 20px;
+  padding: 4px;
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
 }

 .ueb-link-message-text {
-  padding: 4px 8px;
+  padding: 4px;
+  padding-left: 0;
+  vertical-align: middle;
 }

 .ueb-link-message-icon svg {
@@ -521,6 +524,10 @@ ueb-node.ueb-node-style-glass .ueb-node-top {
  translate: -50%;
 }

+ueb-node.ueb-node-style-glass .ueb-node-outputs:first-child {
+  padding-left: 8px;
+}
+
 ueb-blueprint {
  --ueb-pin-color-dim: #afafaf;
 }
--- a/dist/css/ueb-style.css.map
+++ b/dist/css/ueb-style.css.map
@@ -1 +1 @@
-{"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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J;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AC7KR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AC5FR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA","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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A;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AC7KR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AC5FR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"ueb-style.css"}
--- a/dist/css/ueb-style.min.css
+++ b/dist/css/ueb-style.min.css
--- a/dist/css/ueb-style.min.css.map
+++ b/dist/css/ueb-style.min.css.map
@@ -1 +1 @@
-{"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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ACA,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,WC7KR,YACI,eACA,yBACA,kBACA,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,eC5FR,WACI,cACA,kBACA,yBACA,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"}
+{"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.min.css"}
--- a/dist/ueblueprint.js
+++ b/dist/ueblueprint.js
@@ -1014,13 +1014,13 @@ class ObjectReferenceEntity extends IEntity {
        path: String,
    }

-    constructor(options = {}) {
-        if (options.constructor !== Object) {
-            options = {
-                path: options
+    constructor(values = {}) {
+        if (values.constructor !== Object) {
+            values = {
+                path: values
            };
        }
-        super(options);
+        super(values);
        /** @type {String} */ this.type;
        /** @type {String} */ this.path;
    }
@@ -1037,8 +1037,8 @@ class FunctionReferenceEntity extends IEntity {
        MemberName: "",
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {ObjectReferenceEntity} */ this.MemberParent;
        /** @type {String} */ this.MemberName;
    }
@@ -1062,11 +1062,11 @@ class GuidEntity extends IEntity {
        return new GuidEntity({ value: guid })
    }

-    constructor(options) {
-        if (!options) {
-            options = GuidEntity.generateGuid().value;
+    constructor(values) {
+        if (!values) {
+            values = GuidEntity.generateGuid().value;
        }
-        super(options);
+        super(values);
        /** @type {String} */ this.value;
    }

@@ -1090,8 +1090,8 @@ class IdentifierEntity extends IEntity {
        toAttribute: (value, type) => value.toString()
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {String} */ this.value;
    }

@@ -1110,9 +1110,9 @@ class IntegerEntity extends IEntity {
        value: 0,
    }

-    /** @param {Object | Number | String} options */
-    constructor(options = 0) {
-        super(options);
+    /** @param {Object | Number | String} values */
+    constructor(values = 0) {
+        super(values);
        /** @type {Number} */
        this.value = Math.round(this.value);
    }
@@ -1133,8 +1133,8 @@ class InvariantTextEntity extends IEntity {
        value: String,
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {String} */ this.value;
    }
 }
@@ -1150,13 +1150,13 @@ class KeyBindingEntity extends IEntity {
        Key: IdentifierEntity,
    }

-    constructor(options = {}) {
-        options.ActionName = options.ActionName ?? "";
-        options.bShift = options.bShift ?? false;
-        options.bCtrl = options.bCtrl ?? false;
-        options.bAlt = options.bAlt ?? false;
-        options.bCmd = options.bCmd ?? false;
-        super(options);
+    constructor(values = {}) {
+        values.ActionName = values.ActionName ?? "";
+        values.bShift = values.bShift ?? false;
+        values.bCtrl = values.bCtrl ?? false;
+        values.bAlt = values.bAlt ?? false;
+        values.bCmd = values.bCmd ?? false;
+        super(values);
        /** @type {String} */ this.ActionName;
        /** @type {Boolean} */ this.bShift;
        /** @type {Boolean} */ this.bCtrl;
@@ -1172,10 +1172,9 @@ class RealUnitEntity extends IEntity {
        value: 0,
    }

-    /** @param {Object | Number | String} options */
-    constructor(options = 0) {
-        super(options);
-        /** @type {Number} */
+    /** @param {Object | Number | String} values */
+    constructor(values = 0) {
+        super(values);
        this.value = Utility.clamp(this.value, 0, 1);
    }

@@ -1226,8 +1225,8 @@ class LinearColorEntity extends IEntity {
        }
    }

-    constructor(options) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {RealUnitEntity} */ this.R;
        /** @type {RealUnitEntity} */ this.G;
        /** @type {RealUnitEntity} */ this.B;
@@ -1388,8 +1387,8 @@ class LocalizedTextEntity extends IEntity {
        value: String,
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {String} */ this.namespace;
        /** @type {String} */ this.key;
        /** @type {String} */ this.value;
@@ -1408,8 +1407,8 @@ class MacroGraphReferenceEntity extends IEntity {
        GraphGuid: GuidEntity,
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {ObjectReferenceEntity} */ this.MacroGraph;
        /** @type {ObjectReferenceEntity} */ this.GraphBlueprint;
        /** @type {GuidEntity} */ this.GuidEntity;
@@ -1427,8 +1426,8 @@ class PathSymbolEntity extends IEntity {
        value: String,
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {String} */ this.value;
    }

@@ -1448,8 +1447,8 @@ class PinReferenceEntity extends IEntity {
        pinGuid: GuidEntity,
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {PathSymbolEntity} */ this.objectName;
        /** @type {GuidEntity} */ this.pinGuid;
    }
@@ -1463,7 +1462,7 @@ class RotatorEntity extends IEntity {
        Y: Number,
    }

-    constructor(values = {}) {
+    constructor(values) {
        super(values);
        /** @type {Number} */ this.R;
        /** @type {Number} */ this.P;
@@ -1482,8 +1481,8 @@ class VectorEntity extends IEntity {
        Z: Number,
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {Number} */ this.X;
        /** @type {Number} */ this.Y;
        /** @type {Number} */ this.Z;
@@ -1562,8 +1561,8 @@ class PinEntity extends IEntity {
            : entity
    }

-    constructor(options = {}) {
-        super(options);
+    constructor(values = {}) {
+        super(values);
        /** @type {GuidEntity} */ this.PinId;
        /** @type {String} */ this.PinName;
        /** @type {LocalizedTextEntity | String} */ this.PinFriendlyName;
@@ -1710,7 +1709,7 @@ class VariableReferenceEntity extends IEntity {
        bSelfContext: new TypeInitialization(Boolean, false, false)
    }

-    constructor(values = {}) {
+    constructor(values) {
        super(values);
        /** @type {String} */ this.MemberName;
        /** @type {GuidEntity} */ this.GuidEntity;
@@ -1718,6 +1717,18 @@ class VariableReferenceEntity extends IEntity {
    }
 }

+class SymbolEntity extends IEntity {
+
+    static attributes = {
+        value: String
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.value;
+    }
+}
+
 class ObjectEntity extends IEntity {

    static attributes = {
@@ -1725,6 +1736,7 @@ class ObjectEntity extends IEntity {
        Name: "",
        bIsPureFunc: new TypeInitialization(Boolean, false, false),
        VariableReference: new TypeInitialization(VariableReferenceEntity, false, null),
+        SelfContextInfo: new TypeInitialization(SymbolEntity, false, null),
        FunctionReference: new TypeInitialization(FunctionReferenceEntity, false, null,),
        EventReference: new TypeInitialization(FunctionReferenceEntity, false, null,),
        TargetType: new TypeInitialization(ObjectReferenceEntity, false, null),
@@ -1743,8 +1755,8 @@ class ObjectEntity extends IEntity {
    static nameRegex = /^(\w+?)(?:_(\d+))?$/
    static sequencerScriptingNameRegex = /\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/

-    constructor(options = {}) {
-        super(options);
+    constructor(values) {
+        super(values);
        /** @type {ObjectReferenceEntity} */ this.Class;
        /** @type {String} */ this.Name;
        /** @type {Boolean?} */ this.bIsPureFunc;
@@ -1858,7 +1870,7 @@ class UnknownKeysEntity extends IEntity {
        lookbehind: new TypeInitialization(String, false, "", false, true)
    }

-    constructor(values = {}) {
+    constructor(values) {
        super(values);
        /** @type {String} */ this.lookbehind;
    }
@@ -1933,6 +1945,8 @@ class Grammar {
                return r.SimpleSerializationVector
            case String:
                return r.String
+            case SymbolEntity:
+                return r.Symbol
            case UnionType:
                return attributeType.types
                    .map(v => Grammar.getGrammarForType(r, Utility.getType(v)))
@@ -2083,6 +2097,9 @@ class Grammar {
    /** @param {Grammar} r */
    PathSymbolOptSpaces = r => P.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map(v => new PathSymbolEntity({ value: v }))

+    /** @param {Grammar} r */
+    Symbol = r => P.regex(/\w+/).map(v => new SymbolEntity({ value: v }))
+
    /** @param {Grammar} r */
    ObjectReference = r => P.alt(
        r.None,
@@ -2145,6 +2162,7 @@ class Grammar {
        r.LinearColor,
        r.UnknownKeys,
        r.ObjectReference,
+        r.Symbol,
    )

    /** @param {Grammar} r */
@@ -2357,15 +2375,15 @@ class ISerializer {
    /** @param {AnyValueConstructor<T>} entityType */
    constructor(
        entityType,
-        prefix = "",
-        separator = ",",
+        attributePrefix = "",
+        attributeSeparator = ",",
        trailingSeparator = false,
        attributeValueConjunctionSign = "=",
        attributeKeyPrinter = k => k.join(".")
    ) {
        this.entityType = entityType;
-        this.prefix = prefix;
-        this.separator = separator;
+        this.attributePrefix = attributePrefix;
+        this.attributeSeparator = attributeSeparator;
        this.trailingSeparator = trailingSeparator;
        this.attributeValueConjunctionSign = attributeValueConjunctionSign;
        this.attributeKeyPrinter = attributeKeyPrinter;
@@ -2430,12 +2448,12 @@ class ISerializer {
            const value = object[property];
            if (value?.constructor === Object) {
                // Recursive call when finding an object
-                result += (result.length ? this.separator : "")
+                result += (result.length ? this.attributeSeparator : "")
                    + this.subWrite(entity, fullKey, value, insideString);
            } else if (value !== undefined && this.showProperty(entity, object, fullKey, value)) {
                const isSerialized = Utility.isSerialized(entity, fullKey);
-                result += (result.length ? this.separator : "")
-                    + this.prefix
+                result += (result.length ? this.attributeSeparator : "")
+                    + this.attributePrefix
                    + this.attributeKeyPrinter(fullKey)
                    + this.attributeValueConjunctionSign
                    + (
@@ -2447,7 +2465,7 @@ class ISerializer {
        }
        if (this.trailingSeparator && result.length && fullKey.length === 1) {
            // append separator at the end if asked and there was printed content
-            result += this.separator;
+            result += this.attributeSeparator;
        }
        return result
    }
@@ -2510,8 +2528,8 @@ class ObjectSerializer extends ISerializer {
 ${this.subWrite(entity, [], object, insideString)
            + object
                .CustomProperties.map(pin =>
-                    this.separator
-                    + this.prefix
+                    this.attributeSeparator
+                    + this.attributePrefix
                    + "CustomProperties "
                    + SerializerFactory.getSerializer(PinEntity).serialize(pin)
                )
@@ -3943,8 +3961,12 @@ class LinkTemplate extends IFromToPositionedTemplate {
            </svg>
            ${this.element.linkMessageIcon || this.element.linkMessageText ? $`
                <div class="ueb-link-message">
-                    <span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>
-                    <span class="ueb-link-message-text">${this.element.linkMessageText}</span>
+                    ${this.element.linkMessageIcon !== w ? $`
+                        <span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>
+                    ` : w}
+                    ${this.element.linkMessageText !== w ? $`
+                        <span class="ueb-link-message-text">${this.element.linkMessageText}</span>
+                    ` : w}
                </div>
            ` : w}
        `
@@ -4113,6 +4135,13 @@ class SVGIcon {
        </svg>
    `

+    static reject = $`
+    <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path stroke="red" stroke-width="2" stroke-miterlimit="10" d="M12.5 3.5L3.5 12.5" />
+        <path fill="red" d="M8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2ZM8 0.5C3.9 0.5 0.5 3.9 0.5 8C0.5 12.1 3.9 15.5 8 15.5C12.1 15.5 15.5 12.1 15.5 8C15.5 3.9 12.1 0.5 8 0.5Z" />
+    </svg>
+    `
+
    static select = $`
        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="1" y="2" width="6" height="2" fill="white"/>
@@ -4369,7 +4398,7 @@ class LinkElement extends IFromToPositionedElement {
    }

    setMessageDirectionsIncompatible() {
-        this.linkMessageIcon = "ueb-icon-directions-incompatible";
+        this.linkMessageIcon = SVGIcon.reject;
        this.linkMessageText = $`Directions are not compatbile.`;
    }

@@ -4379,17 +4408,17 @@ class LinkElement extends IFromToPositionedElement {
    }

    setMessageReplaceLink() {
-        this.linkMessageIcon = "ueb-icon-replace-link";
+        this.linkMessageIcon = SVGIcon.correct;
        this.linkMessageText = $`Replace existing input connections.`;
    }

    setMessageSameNode() {
-        this.linkMessageIcon = "ueb-icon-same-node";
+        this.linkMessageIcon = SVGIcon.reject;
        this.linkMessageText = $`Both are on the same node.`;
    }

    setMEssagetypesIncompatible() {
-        this.linkMessageIcon = "ueb-icon-types-incompatible";
+        this.linkMessageIcon = SVGIcon.reject;
        this.linkMessageText = $`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`;
    }
 }
@@ -7446,9 +7475,9 @@ class GeneralSerializer extends ISerializer {
     * @param {(value: String, entity: T) => String} wrap
     * @param {AnyValueConstructor<T>} entityType 
     */
-    constructor(wrap, entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) {
+    constructor(wrap, entityType, attributePrefix, attributeSeparator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) {
        wrap = wrap ?? (v => `(${v})`);
-        super(entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter);
+        super(entityType, attributePrefix, attributeSeparator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter);
        this.wrap = wrap;
    }

@@ -7461,6 +7490,7 @@ class GeneralSerializer extends ISerializer {
        let grammar = Grammar.getGrammarForType(ISerializer.grammar, this.entityType);
        const parseResult = grammar.parse(value);
        if (!parseResult.status) {
+            // @ts-expect-error
            throw new Error(`Error when trying to parse the entity ${this.entityType.prototype.constructor.name}.`)
        }
        return parseResult.value
@@ -7708,6 +7738,11 @@ function initializeSerializerFactory() {
        )
    );

+    SerializerFactory.registerSerializer(
+        SymbolEntity,
+        new ToStringSerializer(SymbolEntity)
+    );
+
    SerializerFactory.registerSerializer(
        UnknownKeysEntity,
        new GeneralSerializer((string, entity) => `${entity.lookbehind ?? ""}(${string})`, UnknownKeysEntity)
--- a/dist/ueblueprint.min.js
+++ b/dist/ueblueprint.min.js
--- a/js/SVGIcon.js
+++ b/js/SVGIcon.js
@@ -162,6 +162,13 @@ export default class SVGIcon {
        </svg>
    `

+    static reject = html`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path stroke="red" stroke-width="2" stroke-miterlimit="10" d="M12.5 3.5L3.5 12.5" />
+            <path fill="red" d="M8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2ZM8 0.5C3.9 0.5 0.5 3.9 0.5 8C0.5 12.1 3.9 15.5 8 15.5C12.1 15.5 15.5 12.1 15.5 8C15.5 3.9 12.1 0.5 8 0.5Z" />
+        </svg>
+    `
+
    static select = html`
        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="1" y="2" width="6" height="2" fill="white"/>
--- a/js/element/LinkElement.js
+++ b/js/element/LinkElement.js
@@ -237,7 +237,7 @@ export default class LinkElement extends IFromToPositionedElement {
    }

    setMessageDirectionsIncompatible() {
-        this.linkMessageIcon = "ueb-icon-directions-incompatible"
+        this.linkMessageIcon = SVGIcon.reject
        this.linkMessageText = html`Directions are not compatbile.`
    }

@@ -247,17 +247,17 @@ export default class LinkElement extends IFromToPositionedElement {
    }

    setMessageReplaceLink() {
-        this.linkMessageIcon = "ueb-icon-replace-link"
+        this.linkMessageIcon = SVGIcon.correct
        this.linkMessageText = html`Replace existing input connections.`
    }

    setMessageSameNode() {
-        this.linkMessageIcon = "ueb-icon-same-node"
+        this.linkMessageIcon = SVGIcon.reject
        this.linkMessageText = html`Both are on the same node.`
    }

    setMEssagetypesIncompatible() {
-        this.linkMessageIcon = "ueb-icon-types-incompatible"
+        this.linkMessageIcon = SVGIcon.reject
        this.linkMessageText = html`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`
    }
 }
--- a/js/entity/FunctionReferenceEntity.js
+++ b/js/entity/FunctionReferenceEntity.js
@@ -9,8 +9,8 @@ export default class FunctionReferenceEntity extends IEntity {
        MemberName: "",
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {ObjectReferenceEntity} */ this.MemberParent
        /** @type {String} */ this.MemberName
    }
--- a/js/entity/GuidEntity.js
+++ b/js/entity/GuidEntity.js
@@ -18,11 +18,11 @@ export default class GuidEntity extends IEntity {
        return new GuidEntity({ value: guid })
    }

-    constructor(options) {
-        if (!options) {
-            options = GuidEntity.generateGuid().value
+    constructor(values) {
+        if (!values) {
+            values = GuidEntity.generateGuid().value
        }
-        super(options)
+        super(values)
        /** @type {String} */ this.value
    }

--- a/js/entity/IdentifierEntity.js
+++ b/js/entity/IdentifierEntity.js
@@ -11,8 +11,8 @@ export default class IdentifierEntity extends IEntity {
        toAttribute: (value, type) => value.toString()
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {String} */ this.value
    }

--- a/js/entity/IntegerEntity.js
+++ b/js/entity/IntegerEntity.js
@@ -6,9 +6,9 @@ export default class IntegerEntity extends IEntity {
        value: 0,
    }

-    /** @param {Object | Number | String} options */
-    constructor(options = 0) {
-        super(options)
+    /** @param {Object | Number | String} values */
+    constructor(values = 0) {
+        super(values)
        /** @type {Number} */
        this.value = Math.round(this.value)
    }
--- a/js/entity/InvariantTextEntity.js
+++ b/js/entity/InvariantTextEntity.js
@@ -7,8 +7,8 @@ export default class InvariantTextEntity extends IEntity {
        value: String,
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {String} */ this.value
    }
 }
--- a/js/entity/KeyBindingEntity.js
+++ b/js/entity/KeyBindingEntity.js
@@ -12,13 +12,13 @@ export default class KeyBindingEntity extends IEntity {
        Key: IdentifierEntity,
    }

-    constructor(options = {}) {
-        options.ActionName = options.ActionName ?? ""
-        options.bShift = options.bShift ?? false
-        options.bCtrl = options.bCtrl ?? false
-        options.bAlt = options.bAlt ?? false
-        options.bCmd = options.bCmd ?? false
-        super(options)
+    constructor(values = {}) {
+        values.ActionName = values.ActionName ?? ""
+        values.bShift = values.bShift ?? false
+        values.bCtrl = values.bCtrl ?? false
+        values.bAlt = values.bAlt ?? false
+        values.bCmd = values.bCmd ?? false
+        super(values)
        /** @type {String} */ this.ActionName
        /** @type {Boolean} */ this.bShift
        /** @type {Boolean} */ this.bCtrl
--- a/js/entity/LinearColorEntity.js
+++ b/js/entity/LinearColorEntity.js
@@ -41,8 +41,8 @@ export default class LinearColorEntity extends IEntity {
        }
    }

-    constructor(options) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {RealUnitEntity} */ this.R
        /** @type {RealUnitEntity} */ this.G
        /** @type {RealUnitEntity} */ this.B
--- a/js/entity/LocalizedTextEntity.js
+++ b/js/entity/LocalizedTextEntity.js
@@ -10,8 +10,8 @@ export default class LocalizedTextEntity extends IEntity {
        value: String,
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {String} */ this.namespace
        /** @type {String} */ this.key
        /** @type {String} */ this.value
--- a/js/entity/MacroGraphReferenceEntity.js
+++ b/js/entity/MacroGraphReferenceEntity.js
@@ -10,8 +10,8 @@ export default class MacroGraphReferenceEntity extends IEntity {
        GraphGuid: GuidEntity,
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {ObjectReferenceEntity} */ this.MacroGraph
        /** @type {ObjectReferenceEntity} */ this.GraphBlueprint
        /** @type {GuidEntity} */ this.GuidEntity
--- a/js/entity/NaturalNumberEntity.js
+++ b/js/entity/NaturalNumberEntity.js
@@ -3,8 +3,8 @@ import Utility from "../Utility"

 export default class NaturalNumberEntity extends IntegerEntity {

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        this.value = Math.round(Utility.clamp(this.value, 0))
    }
 }
--- a/js/entity/ObjectEntity.js
+++ b/js/entity/ObjectEntity.js
@@ -7,6 +7,7 @@ import IntegerEntity from "./IntegerEntity"
 import MacroGraphReferenceEntity from "./MacroGraphReferenceEntity"
 import ObjectReferenceEntity from "./ObjectReferenceEntity"
 import PinEntity from "./PinEntity"
+import SymbolEntity from "./SymbolEntity"
 import TypeInitialization from "./TypeInitialization"
 import Utility from "../Utility"
 import VariableReferenceEntity from "./VariableReferenceEntity"
@@ -18,6 +19,7 @@ export default class ObjectEntity extends IEntity {
        Name: "",
        bIsPureFunc: new TypeInitialization(Boolean, false, false),
        VariableReference: new TypeInitialization(VariableReferenceEntity, false, null),
+        SelfContextInfo: new TypeInitialization(SymbolEntity, false, null),
        FunctionReference: new TypeInitialization(FunctionReferenceEntity, false, null,),
        EventReference: new TypeInitialization(FunctionReferenceEntity, false, null,),
        TargetType: new TypeInitialization(ObjectReferenceEntity, false, null),
@@ -36,8 +38,8 @@ export default class ObjectEntity extends IEntity {
    static nameRegex = /^(\w+?)(?:_(\d+))?$/
    static sequencerScriptingNameRegex = /\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {ObjectReferenceEntity} */ this.Class
        /** @type {String} */ this.Name
        /** @type {Boolean?} */ this.bIsPureFunc
--- a/js/entity/ObjectReferenceEntity.js
+++ b/js/entity/ObjectReferenceEntity.js
@@ -7,13 +7,13 @@ export default class ObjectReferenceEntity extends IEntity {
        path: String,
    }

-    constructor(options = {}) {
-        if (options.constructor !== Object) {
-            options = {
-                path: options
+    constructor(values = {}) {
+        if (values.constructor !== Object) {
+            values = {
+                path: values
            }
        }
-        super(options)
+        super(values)
        /** @type {String} */ this.type
        /** @type {String} */ this.path
    }
--- a/js/entity/PathSymbolEntity.js
+++ b/js/entity/PathSymbolEntity.js
@@ -6,8 +6,8 @@ export default class PathSymbolEntity extends IEntity {
        value: String,
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {String} */ this.value
    }

--- a/js/entity/PinEntity.js
+++ b/js/entity/PinEntity.js
@@ -83,8 +83,8 @@ export default class PinEntity extends IEntity {
            : entity
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values = {}) {
+        super(values)
        /** @type {GuidEntity} */ this.PinId
        /** @type {String} */ this.PinName
        /** @type {LocalizedTextEntity | String} */ this.PinFriendlyName
--- a/js/entity/PinReferenceEntity.js
+++ b/js/entity/PinReferenceEntity.js
@@ -9,8 +9,8 @@ export default class PinReferenceEntity extends IEntity {
        pinGuid: GuidEntity,
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {PathSymbolEntity} */ this.objectName
        /** @type {GuidEntity} */ this.pinGuid
    }
--- a/js/entity/RotatorEntity.js
+++ b/js/entity/RotatorEntity.js
@@ -8,7 +8,7 @@ export default class RotatorEntity extends IEntity {
        Y: Number,
    }

-    constructor(values = {}) {
+    constructor(values) {
        super(values)
        /** @type {Number} */ this.R
        /** @type {Number} */ this.P
--- a/js/entity/SymbolEntity.js
+++ b/js/entity/SymbolEntity.js
@@ -0,0 +1,13 @@
+import IEntity from "./IEntity"
+
+export default class SymbolEntity extends IEntity {
+
+    static attributes = {
+        value: String
+    }
+
+    constructor(values) {
+        super(values)
+        /** @type {String} */ this.value
+    }
+}
--- a/js/entity/UnitRealEntity.js
+++ b/js/entity/UnitRealEntity.js
@@ -7,10 +7,9 @@ export default class RealUnitEntity extends IEntity {
        value: 0,
    }

-    /** @param {Object | Number | String} options */
-    constructor(options = 0) {
-        super(options)
-        /** @type {Number} */
+    /** @param {Object | Number | String} values */
+    constructor(values = 0) {
+        super(values)
        this.value = Utility.clamp(this.value, 0, 1)
    }

@@ -21,4 +20,4 @@ export default class RealUnitEntity extends IEntity {
    toString() {
        return this.value.toFixed(6)
    }
-}
+}
--- a/js/entity/UnknownKeysEntity.js
+++ b/js/entity/UnknownKeysEntity.js
@@ -7,7 +7,7 @@ export default class UnknownKeysEntity extends IEntity {
        lookbehind: new TypeInitialization(String, false, "", false, true)
    }

-    constructor(values = {}) {
+    constructor(values) {
        super(values)
        /** @type {String} */ this.lookbehind
    }
--- a/js/entity/VariableReferenceEntity.js
+++ b/js/entity/VariableReferenceEntity.js
@@ -11,7 +11,7 @@ export default class VariableReferenceEntity extends IEntity {
        bSelfContext: new TypeInitialization(Boolean, false, false)
    }

-    constructor(values = {}) {
+    constructor(values) {
        super(values)
        /** @type {String} */ this.MemberName
        /** @type {GuidEntity} */ this.GuidEntity
--- a/js/entity/VectorEntity.js
+++ b/js/entity/VectorEntity.js
@@ -8,8 +8,8 @@ export default class VectorEntity extends IEntity {
        Z: Number,
    }

-    constructor(options = {}) {
-        super(options)
+    constructor(values) {
+        super(values)
        /** @type {Number} */ this.X
        /** @type {Number} */ this.Y
        /** @type {Number} */ this.Z
--- a/js/serialization/GeneralSerializer.js
+++ b/js/serialization/GeneralSerializer.js
@@ -20,9 +20,9 @@ export default class GeneralSerializer extends ISerializer {
     * @param {(value: String, entity: T) => String} wrap
     * @param {AnyValueConstructor<T>} entityType 
     */
-    constructor(wrap, entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) {
+    constructor(wrap, entityType, attributePrefix, attributeSeparator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) {
        wrap = wrap ?? (v => `(${v})`)
-        super(entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter)
+        super(entityType, attributePrefix, attributeSeparator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter)
        this.wrap = wrap
    }

@@ -35,6 +35,7 @@ export default class GeneralSerializer extends ISerializer {
        let grammar = Grammar.getGrammarForType(ISerializer.grammar, this.entityType)
        const parseResult = grammar.parse(value)
        if (!parseResult.status) {
+            // @ts-expect-error
            throw new Error(`Error when trying to parse the entity ${this.entityType.prototype.constructor.name}.`)
        }
        return parseResult.value
--- a/js/serialization/Grammar.js
+++ b/js/serialization/Grammar.js
@@ -18,6 +18,7 @@ import RealUnitEntity from "../entity/UnitRealEntity"
 import RotatorEntity from "../entity/RotatorEntity"
 import SimpleSerializationRotatorEntity from "../entity/SimpleSerializationRotatorEntity"
 import SimpleSerializationVectorEntity from "../entity/SimpleSerializationVectorEntity"
+import SymbolEntity from "../entity/SymbolEntity"
 import TypeInitialization from "../entity/TypeInitialization"
 import UnionType from "../entity/UnionType"
 import UnknownKeysEntity from "../entity/UnknownKeysEntity"
@@ -92,6 +93,8 @@ export default class Grammar {
                return r.SimpleSerializationVector
            case String:
                return r.String
+            case SymbolEntity:
+                return r.Symbol
            case UnionType:
                return attributeType.types
                    .map(v => Grammar.getGrammarForType(r, Utility.getType(v)))
@@ -242,6 +245,9 @@ export default class Grammar {
    /** @param {Grammar} r */
    PathSymbolOptSpaces = r => P.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map(v => new PathSymbolEntity({ value: v }))

+    /** @param {Grammar} r */
+    Symbol = r => P.regex(/\w+/).map(v => new SymbolEntity({ value: v }))
+
    /** @param {Grammar} r */
    ObjectReference = r => P.alt(
        r.None,
@@ -304,6 +310,7 @@ export default class Grammar {
        r.LinearColor,
        r.UnknownKeys,
        r.ObjectReference,
+        r.Symbol,
    )

    /** @param {Grammar} r */
--- a/js/serialization/ISerializer.js
+++ b/js/serialization/ISerializer.js
@@ -21,15 +21,15 @@ export default class ISerializer {
    /** @param {AnyValueConstructor<T>} entityType */
    constructor(
        entityType,
-        prefix = "",
-        separator = ",",
+        attributePrefix = "",
+        attributeSeparator = ",",
        trailingSeparator = false,
        attributeValueConjunctionSign = "=",
        attributeKeyPrinter = k => k.join(".")
    ) {
        this.entityType = entityType
-        this.prefix = prefix
-        this.separator = separator
+        this.attributePrefix = attributePrefix
+        this.attributeSeparator = attributeSeparator
        this.trailingSeparator = trailingSeparator
        this.attributeValueConjunctionSign = attributeValueConjunctionSign
        this.attributeKeyPrinter = attributeKeyPrinter
@@ -94,12 +94,12 @@ export default class ISerializer {
            const value = object[property]
            if (value?.constructor === Object) {
                // Recursive call when finding an object
-                result += (result.length ? this.separator : "")
+                result += (result.length ? this.attributeSeparator : "")
                    + this.subWrite(entity, fullKey, value, insideString)
            } else if (value !== undefined && this.showProperty(entity, object, fullKey, value)) {
                const isSerialized = Utility.isSerialized(entity, fullKey)
-                result += (result.length ? this.separator : "")
-                    + this.prefix
+                result += (result.length ? this.attributeSeparator : "")
+                    + this.attributePrefix
                    + this.attributeKeyPrinter(fullKey)
                    + this.attributeValueConjunctionSign
                    + (
@@ -111,7 +111,7 @@ export default class ISerializer {
        }
        if (this.trailingSeparator && result.length && fullKey.length === 1) {
            // append separator at the end if asked and there was printed content
-            result += this.separator
+            result += this.attributeSeparator
        }
        return result
    }
--- a/js/serialization/ObjectSerializer.js
+++ b/js/serialization/ObjectSerializer.js
@@ -47,8 +47,8 @@ export default class ObjectSerializer extends ISerializer {
 ${this.subWrite(entity, [], object, insideString)
            + object
                .CustomProperties.map(pin =>
-                    this.separator
-                    + this.prefix
+                    this.attributeSeparator
+                    + this.attributePrefix
                    + "CustomProperties "
                    + SerializerFactory.getSerializer(PinEntity).serialize(pin)
                )
--- a/js/serialization/initializeSerializerFactory.js
+++ b/js/serialization/initializeSerializerFactory.js
@@ -20,6 +20,7 @@ import RotatorEntity from "../entity/RotatorEntity"
 import SerializerFactory from "./SerializerFactory"
 import SimpleSerializationRotatorEntity from "../entity/SimpleSerializationRotatorEntity"
 import SimpleSerializationVectorEntity from "../entity/SimpleSerializationVectorEntity"
+import SymbolEntity from "../entity/SymbolEntity"
 import ToStringSerializer from "./ToStringSerializer"
 import UnknownKeysEntity from "../entity/UnknownKeysEntity"
 import Utility from "../Utility"
@@ -193,6 +194,11 @@ export default function initializeSerializerFactory() {
        )
    )

+    SerializerFactory.registerSerializer(
+        SymbolEntity,
+        new ToStringSerializer(SymbolEntity)
+    )
+
    SerializerFactory.registerSerializer(
        UnknownKeysEntity,
        new GeneralSerializer((string, entity) => `${entity.lookbehind ?? ""}(${string})`, UnknownKeysEntity)
--- a/js/template/LinkTemplate.js
+++ b/js/template/LinkTemplate.js
@@ -164,8 +164,12 @@ export default class LinkTemplate extends IFromToPositionedTemplate {
            </svg>
            ${this.element.linkMessageIcon || this.element.linkMessageText ? html`
                <div class="ueb-link-message">
-                    <span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>
-                    <span class="ueb-link-message-text">${this.element.linkMessageText}</span>
+                    ${this.element.linkMessageIcon !== nothing ? html`
+                        <span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>
+                    ` : nothing}
+                    ${this.element.linkMessageText !== nothing ? html`
+                        <span class="ueb-link-message-text">${this.element.linkMessageText}</span>
+                    ` : nothing}
                </div>
            ` : nothing}
        `
--- a/scss/ueb-link.scss
+++ b/scss/ueb-link.scss
@@ -16,7 +16,7 @@ ueb-link {
    @extend .ueb-positioned;
 }

-ueb-link svg {
+ueb-link>svg {
    --ueb-y-reflected-coefficient: calc(2 * var(--ueb-y-reflected) - 1);
    position: absolute;
    width: 100%;
@@ -63,13 +63,16 @@ ueb-link[data-dragging="true"] .ueb-link-message {

 .ueb-link-message-icon {
    display: inline-block;
-    position: relative;
-    width: 20px;
-    height: 20px;
+    padding: 4px;
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
 }

 .ueb-link-message-text {
-    padding: 4px 8px;
+    padding: 4px;
+    padding-left: 0;
+    vertical-align: middle;
 }

 .ueb-link-message-icon svg {
--- a/scss/ueb-node.scss
+++ b/scss/ueb-node.scss
@@ -232,3 +232,7 @@ ueb-node.ueb-node-style-glass .ueb-node-top {
    left: 50%;
    translate: -50%;
 }
+
+ueb-node.ueb-node-style-glass .ueb-node-outputs:first-child {
+    padding-left: 8px;
+}