diff --git a/.vscode/launch.json b/.vscode/launch.json
index 67b3fba..57af7e9 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -4,13 +4,6 @@
     // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
-        {
-            "name": "Launch index.html",
-            "type": "firefox",
-            "request": "launch",
-            "reAttach": true,
-            "file": "${workspaceFolder}/index.html"
-        },
         {
             "name": "Launch localhost",
             "type": "firefox",
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index fb74a30..8d5289d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -3,7 +3,7 @@ Getting started with the development of this application is very easy because it
 
 Before starting, the gentle reader might want to make sure to be familiar with the [Lit](https://lit.dev/) library and its element [lifecycle](https://lit.dev/docs/components/lifecycle/). This library is used extensively throught the application to keep the HTML elements in sync with the data and avoid updating the DOM too often. The original author is aware that there are way more popular alternatives out there like React, Vue and Svelte, but the design of Lit fits very well into the original design of this application: vanilla JavaScript and object-oriented. This allowed the introduction of Lit with a relatively small amount of changes to the existing code, yes because the decision to use Lit was made at a later point in time. One important detail is that it does not make use of the shadow DOM (part of the Web Components), the real reason is that the development started without using Lit but it is still nice to be able to have a global CSS style (which wouldn't be possibile with a shadow root) so that restyling the library is just a matter of adding another CSS file and rewrite a few properties.
 
-The only other external library that is used here is the awesome [Parsimmon](https://github.com/jneen/parsimmon): a very small but capable text parsing library used to deserialize the text produced by the Unreal Engine Blueprint Editor.
+The only other external library that is used here is the awesome [Parsimmon](https://github.com/jneen/parsimmon): a very small but capable text parsing library used to deserialize the text produced by the UE Blueprint Editor.
 
 ## Setup
 
diff --git a/README.md b/README.md
index 0acf692..174cb06 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # UEBlueprint
 
-A stand alone editor implementation of the Unreal Engine's Blueprint visual language. (WIP)
+A stand alone editor implementation of the UE's Blueprint visual language. (WIP)
 
 ## Features:
 
diff --git a/cypress/e2e/parsing.cy.js b/cypress/e2e/parsing.cy.js
index a837a5a..d8f453b 100644
--- a/cypress/e2e/parsing.cy.js
+++ b/cypress/e2e/parsing.cy.js
@@ -17,80 +17,92 @@ describe("Serializer", () => {
     context("Boolean", () => {
         let serializer = SerializerFactory.getSerializer(Boolean)
 
-        it("parses true", () => expect(serializer.deserialize("true")).to.be.true)
-        it("parses True", () => expect(serializer.deserialize("True")).to.be.true)
-        it("parses false", () => expect(serializer.deserialize("false")).to.be.false)
-        it("parses False", () => expect(serializer.deserialize("False")).to.be.false)
+        it("Parses true", () => expect(serializer.deserialize("true")).to.be.true)
+        it("Parses True", () => expect(serializer.deserialize("True")).to.be.true)
+        it("Parses false", () => expect(serializer.deserialize("false")).to.be.false)
+        it("Parses False", () => expect(serializer.deserialize("False")).to.be.false)
     })
 
     context("Integer", () => {
         let serializer = SerializerFactory.getSerializer(IntegerEntity)
 
-        it("parses 0", () => expect(serializer.deserialize("0"))
+        it("Parses 0", () => expect(serializer.deserialize("0"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(0)
         )
-        it("parses +0", () => expect(serializer.deserialize("+0"))
+        it("Parses +0", () => expect(serializer.deserialize("+0"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(0)
         )
-        it("parses -0", () => expect(serializer.deserialize("-0"))
+        it("Parses -0", () => expect(serializer.deserialize("-0"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(0)
         )
-        it("parses 99", () => expect(serializer.deserialize("99"))
+        it("Parses 99", () => expect(serializer.deserialize("99"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(99)
         )
-        it("parses -8685", () => expect(serializer.deserialize("-8685"))
+        it("Parses -8685", () => expect(serializer.deserialize("-8685"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(-8685)
         )
-        it("parses +555", () => expect(serializer.deserialize("+555"))
+        it("Parses +555", () => expect(serializer.deserialize("+555"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(555)
         )
-        it("parses 1000000000", () => expect(serializer.deserialize("1000000000"))
+        it("Parses 1000000000", () => expect(serializer.deserialize("1000000000"))
             .to.be.instanceOf(IntegerEntity)
             .and.property("value").to.be.equal(1000000000)
         )
-        it("throws when not an integer", () => expect(() => serializer.deserialize("1.2").value).to.throw())
+        it("Throws when not an integer", () => expect(() => serializer.deserialize("1.2").value).to.throw())
     })
 
     context("Number", () => {
         let serializer = SerializerFactory.getSerializer(Number)
 
-        it("parses 0", () => expect(serializer.deserialize("0")).to.be.approximately(0, 0.00001))
-        it("parses +0", () => expect(serializer.deserialize("+0")).to.be.approximately(0, 0.00001))
-        it("parses -0", () => expect(serializer.deserialize("-0")).to.be.approximately(0, 0.00001))
-        it("parses 5", () => expect(serializer.deserialize("5")).to.be.approximately(5, 0.00001))
-        it("parses 0.05", () => expect(serializer.deserialize("0.05")).to.be.approximately(0.05, 0.00001))
-        it("parses -999.666", () => expect(serializer.deserialize("-999.666")).to.be.approximately(-999.666, 0.001))
-        it("parses +45.4545", () => expect(serializer.deserialize("+45.4545")).to.be.approximately(45.4545, 0.001))
-        it("parses +1000000000", () => expect(serializer.deserialize("+1000000000")).to.be.approximately(1E9, 0.1))
-        it("throws when not numeric", () => expect(() => serializer.deserialize("alpha")).to.throw())
+        it("Parses 0", () => expect(serializer.deserialize("0")).to.be.approximately(0, 0.00001))
+        it("Parses +0", () => expect(serializer.deserialize("+0")).to.be.approximately(0, 0.00001))
+        it("Parses -0", () => expect(serializer.deserialize("-0")).to.be.approximately(0, 0.00001))
+        it("Parses 5", () => expect(serializer.deserialize("5")).to.be.approximately(5, 0.00001))
+        it("Parses 0.05", () => expect(serializer.deserialize("0.05")).to.be.approximately(0.05, 0.00001))
+        it("Parses -999.666", () => expect(serializer.deserialize("-999.666")).to.be.approximately(-999.666, 0.001))
+        it("Parses +45.4545", () => expect(serializer.deserialize("+45.4545")).to.be.approximately(45.4545, 0.001))
+        it("Parses +1000000000", () => expect(serializer.deserialize("+1000000000")).to.be.approximately(1E9, 0.1))
+        it("Throws when not numeric", () => expect(() => serializer.deserialize("alpha")).to.throw())
+    })
+
+    context("String", () => {
+        let serializer = SerializerFactory.getSerializer(String)
+
+        it('Parses ""', () => expect(serializer.deserialize('""')).to.be.equal(""))
+        it('Parses "hello"', () => expect(serializer.deserialize('"hello"')).to.be.equal("hello"))
+        it('Parses "hello world 123 - éèàò@ç ^ ^^^"', () =>
+            expect(serializer.deserialize('"hello world 123 - éèàò@ç ^ ^^^"'))
+                .to.be.equal("hello world 123 - éèàò@ç ^ ^^^")
+        )
+        it(String.raw`Parses "\""`, () => expect(serializer.deserialize(String.raw`"\""`)).to.be.equal('"'))
     })
 
     context("KeyBindingEntity", () => {
         let serializer = SerializerFactory.getSerializer(KeyBindingEntity)
 
 
-        it("parses A", () =>
+        it("Parses A", () =>
             expect(serializer.deserialize("A"))
                 .to.be.instanceOf(KeyBindingEntity)
                 .and.to.deep.contain({ Key: { value: "A" } })
         )
-        it("parses (bCtrl=True,Key=A)", () =>
+        it("Parses (bCtrl=True,Key=A)", () =>
             expect(serializer.deserialize("(bCtrl=True,Key=A)"))
                 .to.be.instanceOf(KeyBindingEntity)
                 .and.to.deep.contain({ Key: { value: "A" }, bCtrl: true })
         )
-        it("parses (bCtrl=false,bShift=false,bCmd=false,bAlt=false,Key=X)", () =>
+        it("Parses (bCtrl=false,bShift=false,bCmd=false,bAlt=false,Key=X)", () =>
             expect(serializer.deserialize("(bCtrl=false,bShift=false,bCmd=true,bAlt=false,Key=X)"))
                 .to.be.instanceOf(KeyBindingEntity)
                 .and.to.deep.contain({ Key: { value: "X" }, bAlt: false, bCtrl: false, bCmd: true })
         )
-        it("parses spaces correctly", () =>
+        it("Parses spaces correctly", () =>
             expect(serializer.deserialize("(       bCtrl=  false  \n,       Key \n\n\n  =Y ,bAlt=true     )"))
                 .to.be.instanceOf(KeyBindingEntity)
                 .and.to.deep.contain({ Key: { value: "Y" }, bAlt: true, bCtrl: false })
@@ -100,30 +112,30 @@ describe("Serializer", () => {
     context("Guid", () => {
         let serializer = SerializerFactory.getSerializer(GuidEntity)
 
-        it("parses 0556a3ecabf648d0a5c07b2478e9dd32", () =>
+        it("Parses 0556a3ecabf648d0a5c07b2478e9dd32", () =>
             expect(serializer.deserialize("0556a3ecabf648d0a5c07b2478e9dd32"))
                 .to.be.instanceOf(GuidEntity)
                 .and.property("value").to.be.equal("0556a3ecabf648d0a5c07b2478e9dd32")
         )
-        it("parses 64023BC344E0453DBB583FAC411489BC", () =>
+        it("Parses 64023BC344E0453DBB583FAC411489BC", () =>
             expect(serializer.deserialize("64023BC344E0453DBB583FAC411489BC"))
                 .to.be.instanceOf(GuidEntity)
                 .and.property("value").to.be.equal("64023BC344E0453DBB583FAC411489BC")
         )
-        it("parses 6edC4a425ca948da8bC78bA52DED6C6C", () =>
+        it("Parses 6edC4a425ca948da8bC78bA52DED6C6C", () =>
             expect(serializer.deserialize("6edC4a425ca948da8bC78bA52DED6C6C"))
                 .to.be.instanceOf(GuidEntity)
                 .and.property("value").to.be.equal("6edC4a425ca948da8bC78bA52DED6C6C")
         )
-        it("throws when finding space", () =>
+        it("Throws when finding space", () =>
             expect(() => serializer.deserialize("172087193 9B04362973544B3564FDB2C"))
                 .to.throw()
         )
-        it("throws when shorter by 1", () =>
+        it("Throws when shorter by 1", () =>
             expect(() => serializer.deserialize("E25F14F8F3E9441AB07153E7DA2BA2B"))
                 .to.throw()
         )
-        it("throws when longer by 1", () =>
+        it("Throws when longer by 1", () =>
             expect(() => serializer.deserialize("A78988B0097E48418C8CB87EC5A67ABF7"))
                 .to.throw()
         )
@@ -132,21 +144,21 @@ describe("Serializer", () => {
     context("Vector", () => {
         let serializer = SerializerFactory.getSerializer(VectorEntity)
 
-        it("parses simple vector", () => expect(serializer.deserialize("(X=1,Y=2,Z=3.5)"))
+        it("Parses simple vector", () => expect(serializer.deserialize("(X=1,Y=2,Z=3.5)"))
             .to.be.deep.equal({
                 X: 1,
                 Y: 2,
                 Z: 3.5,
             })
         )
-        it("parses trailing comma", () => expect(serializer.deserialize("(X=10,Y=+20.88,Z=-30.54,)"))
+        it("Parses trailing comma", () => expect(serializer.deserialize("(X=10,Y=+20.88,Z=-30.54,)"))
             .to.be.deep.equal({
                 X: 10,
                 Y: 20.88,
                 Z: -30.54,
             })
         )
-        it("parses weird spaces", () => expect(serializer.deserialize(`(
+        it("Parses weird spaces", () => expect(serializer.deserialize(`(
             Z  =   -3.66    ,   
                 
                         X
@@ -162,13 +174,13 @@ describe("Serializer", () => {
                 Z: -3.66,
             })
         )
-        it("throws when unexpected types", () => expect(() => serializer.deserialize("(X=1,Y=\"2\",Z=3)"))
+        it("Throws when unexpected types", () => expect(() => serializer.deserialize("(X=1,Y=\"2\",Z=3)"))
             .to.throw()
         )
-        it("throws when missing a key", () => expect(() => serializer.deserialize("(X=1,Z=3)"))
+        it("Throws when missing a key", () => expect(() => serializer.deserialize("(X=1,Z=3)"))
             .to.throw()
         )
-        it("throws when finding unexpected keys", () => expect(() => serializer.deserialize("(X=1,Y=2,Unexpected=6,Z=3.5)"))
+        it("Throws when finding unexpected keys", () => expect(() => serializer.deserialize("(X=1,Y=2,Unexpected=6,Z=3.5)"))
             .to.throw()
         )
     })
@@ -176,19 +188,19 @@ describe("Serializer", () => {
     context("Vector2D", () => {
         let serializer = SerializerFactory.getSerializer(Vector2DEntity)
 
-        it("parses simple vector", () => expect(serializer.deserialize("(X=78,Y=56.3)"))
+        it("Parses simple vector", () => expect(serializer.deserialize("(X=78,Y=56.3)"))
             .to.be.deep.equal({
                 X: 78,
                 Y: 56.3,
             })
         )
-        it("parses trailing comma", () => expect(serializer.deserialize("(X=+4.5,Y=-8.88,)"))
+        it("Parses trailing comma", () => expect(serializer.deserialize("(X=+4.5,Y=-8.88,)"))
             .to.be.deep.equal({
                 X: 4.5,
                 Y: -8.88,
             })
         )
-        it("parses weird spaces", () => expect(serializer.deserialize(`(
+        it("Parses weird spaces", () => expect(serializer.deserialize(`(
             Y  =   +93.004    ,   
                 
                         X
@@ -199,13 +211,13 @@ describe("Serializer", () => {
                 Y: 93.004,
             })
         )
-        it("throws on unexpected type", () => expect(() => serializer.deserialize("(X=1,Y=\"2\")"))
+        it("Throws on unexpected type", () => expect(() => serializer.deserialize("(X=1,Y=\"2\")"))
             .to.throw()
         )
-        it("throws when missing a key", () => expect(() => serializer.deserialize("(X=1)"))
+        it("Throws when missing a key", () => expect(() => serializer.deserialize("(X=1)"))
             .to.throw()
         )
-        it("throws when finding unexpected keys", () => expect(() => serializer.deserialize("(X=777, Y=555, Unexpected=6, HH=2)"))
+        it("Throws when finding unexpected keys", () => expect(() => serializer.deserialize("(X=777, Y=555, Unexpected=6, HH=2)"))
             .to.throw()
         )
     })
@@ -220,28 +232,28 @@ describe("Serializer", () => {
             expect(result.toNumber()).to.be.equal(-1)
             expect(result.toHSVA()).to.be.deep.equal([0, 0, 1, 1])
         })
-        it("parses red color", () => {
+        it("Parses red color", () => {
             const result = serializer.deserialize("(R=1,G=0,B=0)")
             expect(result.toRGBA()).to.be.deep.equal([255, 0, 0, 255])
             expect(result.toRGBAString()).to.be.equal("FF0000FF")
             expect(result.toNumber()).to.be.equal(-16776961)
             expect(result.toHSVA()).to.be.deep.equal([0, 1, 1, 1])
         })
-        it("parses simple color", () => {
+        it("Parses simple color", () => {
             const result = serializer.deserialize("(R=0.000000,G=0.660000,B=1.000000,A=1.000000)")
             expect(result.toRGBA()).to.be.deep.equal([0, 168, 255, 255])
             expect(result.toRGBAString()).to.be.equal("00A8FFFF")
             expect(result.toNumber()).to.be.equal(11075583)
             expect(result.toHSVA()).to.be.deep.equal([0.55666666666666666666, 1, 1, 1])
         })
-        it("parses wrong order keys", () => {
+        it("Parses wrong order keys", () => {
             const result = serializer.deserialize("(B=0.04394509003266556,G=0.026789300067696642,A=0.83663232408635,R=0.6884158028074934,)")
             expect(result.toRGBA()).to.be.deep.equal([176, 7, 11, 213])
             expect(result.toRGBAString()).to.be.equal("B0070BD5")
             expect(result.toNumber()).to.be.equal(-1341715499)
             expect(result.toHSVA().map(v => Utility.roundDecimals(v, 3))).to.be.deep.equal([0.996, 0.961, 0.688, 0.837])
         })
-        it("parses weird spaces", () => {
+        it("Parses weird spaces", () => {
             const result = serializer.deserialize(`(
                     A     = 0.327     ,
               R=0.530   ,             G  =      0.685
@@ -252,10 +264,10 @@ describe("Serializer", () => {
             expect(result.toNumber()).to.be.equal(-2018515373)
             expect(result.toHSVA().map(v => Utility.roundDecimals(v, 3))).to.be.deep.equal([0.597, 0.411, 0.9, 0.327])
         })
-        it("throws when missing an expected key", () => expect(() => serializer.deserialize("(R=0.000000,G=0.660000,A=1.000000)"))
+        it("Throws when missing an expected key", () => expect(() => serializer.deserialize("(R=0.000000,G=0.660000,A=1.000000)"))
             .to.throw()
         )
-        it("throws when unexpected types", () => expect(() => serializer.deserialize("(R=0.000000,G=\"hello\",A=1.000000)"))
+        it("Throws when unexpected types", () => expect(() => serializer.deserialize("(R=0.000000,G=\"hello\",A=1.000000)"))
             .to.throw()
         )
     })
diff --git a/cypress/e2e/utility.cy.js b/cypress/e2e/utility.cy.js
index e181bc8..b81b6b4 100644
--- a/cypress/e2e/utility.cy.js
+++ b/cypress/e2e/utility.cy.js
@@ -144,5 +144,50 @@ describe("Utility class", () => {
             expect(Utility.range(0, -3)).to.be.deep.equal([0, -1, -2])
             expect(Utility.range(7, -7, -4)).to.be.deep.equal([7, 3, -1, -5])
         })
+        it("String escaping methods test", () => {
+            expect(Utility.escapeString("")).to.be.equal("")
+            expect(Utility.unescapeString("")).to.be.equal("")
+
+            expect(Utility.escapeString(String.raw`\"`)).to.be.equal(String.raw`\\\"`)
+            expect(Utility.unescapeString(String.raw`\"`)).to.be.equal('"')
+
+            expect(Utility.escapeString(String.raw`Hello \"World\"`)).to.be.equal(String.raw`Hello \\\"World\\\"`)
+            expect(Utility.unescapeString(String.raw`Hello \"World\"`)).to.be.equal('Hello "World"')
+
+            expect(Utility.escapeString(String.raw`Those "\\" are two backslash`))
+                .to.be.equal(String.raw`Those \"\\\\\" are two backslash`)
+            expect(Utility.unescapeString(String.raw`Those "\\" are two backslash`))
+                .to.be.equal(String.raw`Those "\" are two backslash`)
+
+            expect(Utility.escapeString(String.raw`Alpha\Beta`)).to.be.equal(String.raw`Alpha\\Beta`)
+            expect(Utility.unescapeString(String.raw`Alpha\Beta`)).to.be.equal(String.raw`Alpha\Beta`)
+
+            expect(Utility.escapeString(String.raw`Alpha\\Beta`)).to.be.equal(String.raw`Alpha\\\\Beta`)
+            expect(Utility.unescapeString(String.raw`Alpha\\Beta`)).to.be.equal(String.raw`Alpha\Beta`)
+
+            expect(Utility.escapeString(String.raw`Alpha\\\Beta`)).to.be.equal(String.raw`Alpha\\\\\\Beta`)
+            expect(Utility.unescapeString(String.raw`Alpha\\\Beta`)).to.be.equal(String.raw`Alpha\\Beta`)
+
+            expect(Utility.escapeString(String.raw`Alpha\\\\Beta`)).to.be.equal(String.raw`Alpha\\\\\\\\Beta`)
+            expect(Utility.unescapeString(String.raw`Alpha\\\\Beta`)).to.be.equal(String.raw`Alpha\\Beta`)
+
+            expect(Utility.escapeString(String.raw`Alpha\\\\\Beta`)).to.be.equal(String.raw`Alpha\\\\\\\\\\Beta`)
+            expect(Utility.unescapeString(String.raw`Alpha\\\\\Beta`)).to.be.equal(String.raw`Alpha\\\Beta`)
+
+            expect(Utility.escapeString(String.raw`Alpha\\\\\\Beta`)).to.be.equal(String.raw`Alpha\\\\\\\\\\\\Beta`)
+            expect(Utility.unescapeString(String.raw`Alpha\\\\\\Beta`)).to.be.equal(String.raw`Alpha\\\Beta`)
+
+            expect(Utility.escapeString(String.raw`Alpha \"Beta\"`)).to.be.equal(String.raw`Alpha \\\"Beta\\\"`)
+            expect(Utility.unescapeString(String.raw`Alpha \"Beta\"`)).to.be.equal(String.raw`Alpha "Beta"`)
+
+            expect(Utility.escapeString(String.raw`Alpha \\"Beta\\"`)).to.be.equal(String.raw`Alpha \\\\\"Beta\\\\\"`)
+            expect(Utility.unescapeString(String.raw`Alpha \\"Beta\\"`)).to.be.equal(String.raw`Alpha \"Beta\"`)
+
+            expect(Utility.escapeString('Alpha\nBravo\\Charlie\n"Delta"'))
+                .to.equal(String.raw`Alpha\nBravo\\Charlie\n\"Delta\"`)
+            expect(Utility.unescapeString(String.raw`Alpha\nBravo\\Charlie\n\"Delta\"`)).to.equal(
+                `Alpha\nBravo\\Charlie\n"Delta"`
+            )
+        })
     })
 })
diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js
index 8d035ac..c003667 100755
--- a/dist/ueblueprint.js
+++ b/dist/ueblueprint.js
@@ -1,29 +1,29 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2=window,e$3=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),n$3=new WeakMap;class o$3{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$3&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$3.set(s,t));}return t}toString(){return this.cssText}}const r$2=t=>new o$3("string"==typeof t?t:t+"",void 0,s$3),i$3=(t,...e)=>{const n=1===t.length?t[0]:e.reduce(((e,s,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[n+1]),t[0]);return new o$3(n,t,s$3)},S$1=(s,n)=>{e$3?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t$2.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c$1=e$3?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var s$2;const e$2=window,r$1=e$2.trustedTypes,h$1=r$1?r$1.emptyScript:"",o$2=e$2.reactiveElementPolyfillSupport,n$2={toAttribute(t,i){switch(i){case Boolean:t=t?h$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},a$1=(t,i)=>i!==t&&(i==i||t==t),l$2={attribute:!0,type:String,converter:n$2,reflect:!1,hasChanged:a$1};class d$1 extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u();}static addInitializer(t){var i;this.finalize(),(null!==(i=this.h)&&void 0!==i?i:this.h=[]).push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$2){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$2}static finalize(){if(this.hasOwnProperty("finalized"))return !1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(c$1(i));}else void 0!==i&&s.push(c$1(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$1(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$2){var e;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const h=(void 0!==(null===(e=s.converter)||void 0===e?void 0:e.toAttribute)?s.converter:n$2).toAttribute(i,s.type);this._$El=t,null==h?this.removeAttribute(r):this.setAttribute(r,h),this._$El=null;}}_$AK(t,i){var s;const e=this.constructor,r=e._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=e.getPropertyOptions(r),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:n$2;this._$El=r,this[r]=h.fromAttribute(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||a$1)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}}d$1.finalized=!0,d$1.elementProperties=new Map,d$1.elementStyles=[],d$1.shadowRootOptions={mode:"open"},null==o$2||o$2({ReactiveElement:d$1}),(null!==(s$2=e$2.reactiveElementVersions)&&void 0!==s$2?s$2:e$2.reactiveElementVersions=[]).push("1.4.2");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var t$1;const i$2=window,s$1=i$2.trustedTypes,e$1=s$1?s$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$1=`lit$${(Math.random()+"").slice(9)}$`,n$1="?"+o$1,l$1=`<${n$1}>`,h=document,r=(t="")=>h.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=h.createTreeWalker(h,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l$1:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o$1+y):s+o$1+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e$1?e$1.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o$1)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o$1),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o$1),i=t.length-1;if(i>0){l.textContent=s$1?s$1.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r());}}}else if(8===l.nodeType)if(l.data===n$1)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o$1,t+1));)c.push({type:7,index:h}),t+=o$1.length-1;}h++;}}static createElement(t,i){const s=h.createElement("template");return s.innerHTML=t,s}}function P$1(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=P$1(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++);}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P$1(this,t,i),d(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c(t)?this.k(t):this.g(t);}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}g(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t;}$(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else {const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.O(r()),this.O(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P$1(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P$1(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class M extends S{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===b?void 0:t;}}const R=s$1?s$1.emptyScript:"";class k extends S{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name);}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=P$1(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){P$1(this,t);}}const z=i$2.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t$1=i$2.litHtmlVersions)&&void 0!==t$1?t$1:i$2.litHtmlVersions=[]).push("2.4.0");const Z=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(r(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l};
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var l,o;class s extends d$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Z(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return x}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n=globalThis.litElementPolyfillSupport;null==n||n({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.2.2");
-
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$2=window,e$3=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),n$3=new WeakMap;class o$3{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$3&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$3.set(s,t));}return t}toString(){return this.cssText}}const r$2=t=>new o$3("string"==typeof t?t:t+"",void 0,s$3),i$3=(t,...e)=>{const n=1===t.length?t[0]:e.reduce(((e,s,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[n+1]),t[0]);return new o$3(n,t,s$3)},S$1=(s,n)=>{e$3?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t$2.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c$1=e$3?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var s$2;const e$2=window,r$1=e$2.trustedTypes,h$1=r$1?r$1.emptyScript:"",o$2=e$2.reactiveElementPolyfillSupport,n$2={toAttribute(t,i){switch(i){case Boolean:t=t?h$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},a$1=(t,i)=>i!==t&&(i==i||t==t),l$2={attribute:!0,type:String,converter:n$2,reflect:!1,hasChanged:a$1};class d$1 extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u();}static addInitializer(t){var i;this.finalize(),(null!==(i=this.h)&&void 0!==i?i:this.h=[]).push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$2){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$2}static finalize(){if(this.hasOwnProperty("finalized"))return !1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(c$1(i));}else void 0!==i&&s.push(c$1(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$1(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$2){var e;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const h=(void 0!==(null===(e=s.converter)||void 0===e?void 0:e.toAttribute)?s.converter:n$2).toAttribute(i,s.type);this._$El=t,null==h?this.removeAttribute(r):this.setAttribute(r,h),this._$El=null;}}_$AK(t,i){var s;const e=this.constructor,r=e._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=e.getPropertyOptions(r),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:n$2;this._$El=r,this[r]=h.fromAttribute(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||a$1)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}}d$1.finalized=!0,d$1.elementProperties=new Map,d$1.elementStyles=[],d$1.shadowRootOptions={mode:"open"},null==o$2||o$2({ReactiveElement:d$1}),(null!==(s$2=e$2.reactiveElementVersions)&&void 0!==s$2?s$2:e$2.reactiveElementVersions=[]).push("1.4.2");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var t$1;const i$2=window,s$1=i$2.trustedTypes,e$1=s$1?s$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$1=`lit$${(Math.random()+"").slice(9)}$`,n$1="?"+o$1,l$1=`<${n$1}>`,h=document,r=(t="")=>h.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c=t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a=/-->/g,f=/>/g,_=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),m=/'/g,p=/"/g,$=/^(?:script|style|textarea|title)$/i,g=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),y=g(1),x=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),T=new WeakMap,A=h.createTreeWalker(h,129,null,!1),E=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=v;for(let i=0;i<s;i++){const s=t[i];let e,u,c=-1,g=0;for(;g<s.length&&(d.lastIndex=g,u=d.exec(s),null!==u);)g=d.lastIndex,d===v?"!--"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:v,c=-1):void 0===u[1]?c=-2:(c=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?p:m):d===p||d===m?d=_:d===a||d===f?d=v:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===v?s+l$1:c>=0?(n.push(e),s.slice(0,c)+"$lit$"+s.slice(c)+o$1+y):s+o$1+(-2===c?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==e$1?e$1.createHTML(u):u,n]};class C{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,i);if(this.el=C.createElement(v,e),A.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o$1)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o$1),i=/([.?@])?(.*)/.exec(s);c.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?M:"?"===i[1]?k:"@"===i[1]?H:S});}else c.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o$1),i=t.length-1;if(i>0){l.textContent=s$1?s$1.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r()),A.nextNode(),c.push({type:2,index:++h});l.append(t[i],r());}}}else if(8===l.nodeType)if(l.data===n$1)c.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o$1,t+1));)c.push({type:7,index:h}),t+=o$1.length-1;}h++;}}static createElement(t,i){const s=h.createElement("template");return s.innerHTML=t,s}}function P$1(t,i,s=t,e){var o,n,l,h;if(i===x)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=P$1(t,r._$AS(t,i.values),r,e)),i}class V{constructor(t,i){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);A.currentNode=o;let n=A.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new N(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new I(n,this,t)),this.u.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=A.nextNode(),l++);}return o}p(t){let i=0;for(const s of this.u)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class N{constructor(t,i,s,e){var o;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cm=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=P$1(this,t,i),d(t)?t===b||null==t||""===t?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==x&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):c(t)?this.k(t):this.g(t);}O(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}g(t){this._$AH!==b&&d(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t;}$(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=C.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.p(s);else {const t=new V(o,this),i=t.v(this.options);t.p(s),this.T(i),this._$AH=t;}}_$AC(t){let i=T.get(t.strings);return void 0===i&&T.set(t.strings,i=new C(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new N(this.O(r()),this.O(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cm=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class S{constructor(t,i,s,e,o){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P$1(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=P$1(this,e[s+l],i,l),h===x&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===b?t=b:t!==b&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class M extends S{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===b?void 0:t;}}const R=s$1?s$1.emptyScript:"";class k extends S{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==b?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name);}}class H extends S{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=P$1(this,t,i,0))&&void 0!==s?s:b)===x)return;const e=this._$AH,o=t===b&&e!==b||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==b&&(e===b||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class I{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){P$1(this,t);}}const z=i$2.litHtmlPolyfillSupport;null==z||z(C,N),(null!==(t$1=i$2.litHtmlVersions)&&void 0!==t$1?t$1:i$2.litHtmlVersions=[]).push("2.4.0");const Z=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(r(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l};
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var l,o;class s extends d$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Z(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return x}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n=globalThis.litElementPolyfillSupport;null==n||n({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.2.2");
+
 /**
  * @typedef {import("./element/NodeElement").default} NodeElement
  * @typedef {import("./element/PinElement").default} PinElement
@@ -42,6 +42,7 @@ class Configuration {
     static colorDragEventName = "ueb-color-drag"
     static colorPickEventName = "ueb-color-pick"
     static colorWindowEventName = "ueb-color-window"
+    static colorWindowName = "Color Picker"
     static defaultCommentHeight = 96
     static defaultCommentWidth = 400
     static deleteNodesKeyboardKey = "Delete"
@@ -183,7 +184,9 @@ class Configuration {
         end: "ueb-tracking-mouse-end",
     }
     static windowApplyEventName = "ueb-window-apply"
+    static windowApplyButtonText = "OK"
     static windowCancelEventName = "ueb-window-cancel"
+    static windowCancelButtonText = "Cancel"
     static windowCloseEventName = "ueb-window-close"
     static ModifierKeys = [
         "Ctrl",
@@ -282,76 +285,76 @@ class Configuration {
         "NumLock": "NumLock",
         "ScrollLock": "ScrollLock",
     }
-}
-
-/** @typedef {import("../Blueprint").default} Blueprint */
-
-/** @template {HTMLElement} T */
-class IInput {
-
-    /** @type {T} */
-    #target
-    get target() {
-        return this.#target
-    }
-
-    /** @type {Blueprint} */
-    #blueprint
-    get blueprint() {
-        return this.#blueprint
-    }
-
-    /** @type {Object} */
-    options
-
-
-    listenHandler = () => this.listenEvents()
-    unlistenHandler = () => this.unlistenEvents()
-
-    /**
-     * @param {T} target
-     * @param {Blueprint} blueprint
-     * @param {Object} options
-     */
-    constructor(target, blueprint, options = {}) {
-        options.consumeEvent ??= false;
-        options.listenOnFocus ??= false;
-        options.unlistenOnTextEdit ??= false;
-        this.#target = target;
-        this.#blueprint = blueprint;
-        this.options = options;
-    }
-
-    setup() {
-        if (this.options.listenOnFocus) {
-            this.blueprint.addEventListener(Configuration.focusEventName.begin, this.listenHandler);
-            this.blueprint.addEventListener(Configuration.focusEventName.end, this.unlistenHandler);
-        }
-        if (this.options.unlistenOnTextEdit) {
-            this.blueprint.addEventListener(Configuration.editTextEventName.begin, this.unlistenHandler);
-            this.blueprint.addEventListener(Configuration.editTextEventName.end, this.listenHandler);
-        }
-        if (this.blueprint.focused) {
-            this.listenEvents();
-        }
-    }
-
-    cleanup() {
-        this.unlistenEvents();
-        this.blueprint.removeEventListener(Configuration.focusEventName.begin, this.listenHandler);
-        this.blueprint.removeEventListener(Configuration.focusEventName.end, this.unlistenHandler);
-        this.blueprint.removeEventListener(Configuration.editTextEventName.begin, this.unlistenHandler);
-        this.blueprint.removeEventListener(Configuration.editTextEventName.end, this.listenHandler);
-    }
-
-    /* Subclasses will probabily override the following methods */
-    listenEvents() {
-    }
-
-    unlistenEvents() {
-    }
-}
-
+}
+
+/** @typedef {import("../Blueprint").default} Blueprint */
+
+/** @template {HTMLElement} T */
+class IInput {
+
+    /** @type {T} */
+    #target
+    get target() {
+        return this.#target
+    }
+
+    /** @type {Blueprint} */
+    #blueprint
+    get blueprint() {
+        return this.#blueprint
+    }
+
+    /** @type {Object} */
+    options
+
+
+    listenHandler = () => this.listenEvents()
+    unlistenHandler = () => this.unlistenEvents()
+
+    /**
+     * @param {T} target
+     * @param {Blueprint} blueprint
+     * @param {Object} options
+     */
+    constructor(target, blueprint, options = {}) {
+        options.consumeEvent ??= false;
+        options.listenOnFocus ??= false;
+        options.unlistenOnTextEdit ??= false;
+        this.#target = target;
+        this.#blueprint = blueprint;
+        this.options = options;
+    }
+
+    setup() {
+        if (this.options.listenOnFocus) {
+            this.blueprint.addEventListener(Configuration.focusEventName.begin, this.listenHandler);
+            this.blueprint.addEventListener(Configuration.focusEventName.end, this.unlistenHandler);
+        }
+        if (this.options.unlistenOnTextEdit) {
+            this.blueprint.addEventListener(Configuration.editTextEventName.begin, this.unlistenHandler);
+            this.blueprint.addEventListener(Configuration.editTextEventName.end, this.listenHandler);
+        }
+        if (this.blueprint.focused) {
+            this.listenEvents();
+        }
+    }
+
+    cleanup() {
+        this.unlistenEvents();
+        this.blueprint.removeEventListener(Configuration.focusEventName.begin, this.listenHandler);
+        this.blueprint.removeEventListener(Configuration.focusEventName.end, this.unlistenHandler);
+        this.blueprint.removeEventListener(Configuration.editTextEventName.begin, this.unlistenHandler);
+        this.blueprint.removeEventListener(Configuration.editTextEventName.end, this.listenHandler);
+    }
+
+    /* Subclasses will probabily override the following methods */
+    listenEvents() {
+    }
+
+    unlistenEvents() {
+    }
+}
+
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
@@ -389,37 +392,37 @@ class SerializerFactory {
         // @ts-expect-error
         return SerializerFactory.#serializers.get(entity)
     }
-}
-
-/** @typedef {import("./IEntity").AttributeDeclarations} AttributeDeclarations */
-
-class SubAttributesDeclaration {
-
-    /** @param {AttributeDeclarations} attributes */
-    constructor(attributes) {
-        this.attributes = attributes;
-    }
-}
-
-/** @typedef {import("./IEntity").AnyValueConstructor<*>} AnyValueConstructor */
-
-class UnionType {
-
-    #types
-    get types() {
-        return this.#types
-    }
-
-    /** @param  {...AnyValueConstructor} types */
-    constructor(...types) {
-        this.#types = types;
-    }
-
-    getFirstType() {
-        return this.#types[0]
-    }
-}
-
+}
+
+/** @typedef {import("./IEntity").AttributeDeclarations} AttributeDeclarations */
+
+class SubAttributesDeclaration {
+
+    /** @param {AttributeDeclarations} attributes */
+    constructor(attributes) {
+        this.attributes = attributes;
+    }
+}
+
+/** @typedef {import("./IEntity").AnyValueConstructor<*>} AnyValueConstructor */
+
+class UnionType {
+
+    #types
+    get types() {
+        return this.#types
+    }
+
+    /** @param  {...AnyValueConstructor} types */
+    constructor(...types) {
+        this.#types = types;
+    }
+
+    getFirstType() {
+        return this.#types[0]
+    }
+}
+
 /**
  * @typedef {import("./element/IElement").default} IElement
  * @typedef {import("./entity/IEntity").AnyValue} AnyValue
@@ -711,17 +714,21 @@ class Utility {
     }
 
     /** @param {String} value */
-    static escapeString(value, input = false) {
+    static escapeString(value) {
         return value
+            .replaceAll('\\', '\\\\') // Escape \
             .replaceAll('"', '\\"') // Escape "
             .replaceAll("\n", "\\n") // Replace newline with \n
+            .replaceAll("\t", "\\t") // Replace tab with \t
     }
 
     /** @param {String} value */
-    static unescapeString(value, input = false) {
+    static unescapeString(value) {
         return value
-            .replaceAll('\\"', '"')
-            .replaceAll("\\n", "\n")
+            .replaceAll("\\t", "\t") // Replace tab with \t
+            .replaceAll("\\n", "\n") // Replace newline with \n
+            .replaceAll('\\"', '"') // Escape "
+            .replaceAll('\\\\', '\\') // Escape \
     }
 
     /** @param {String} value */
@@ -839,258 +846,258 @@ class Utility {
         };
         requestAnimationFrame(doAnimation);
     }
-}
-
-/**
- * @typedef {(entity: IEntity) => AnyValue} ValueSupplier
- * @typedef {(entity: IEntity) => AnyValueConstructor<AnyValue>} TypeSupplier
- * @typedef {IEntity | String | Number | BigInt | Boolean} AnySimpleValue
- * @typedef {AnySimpleValue | AnySimpleValue[]} AnyValue
- * @typedef {{
- *     [key: String]: AttributeInformation | AnyValue | SubAttributesDeclaration
- * }} AttributeDeclarations
- * @typedef {typeof IEntity} EntityConstructor
- * @typedef {{
- *     type?: AnyValueConstructor<AnyValue> | AnyValueConstructor<AnyValue>[] | UnionType | TypeSupplier,
- *     value?: AnyValue | ValueSupplier,
- *     showDefault?: Boolean,
- *     nullable?: Boolean,
- *     ignored?: Boolean,
- *     serialized?: Boolean,
- *     expected?: Boolean,
- *     predicate?: (value: AnyValue) => Boolean,
- * }} AttributeInformation
- */
-
-/**
- * @template {AnyValue} T
- * @typedef {(new () => T) | EntityConstructor | StringConstructor | NumberConstructor | BigIntConstructor 
- *     | BooleanConstructor | ArrayConstructor} AnyValueConstructor
- */
-
-class IEntity {
-
-    /** @type {AttributeDeclarations} */
-    static attributes = {}
-    static defaultAttribute = {
-        showDefault: true,
-        nullable: false,
-        ignored: false,
-        serialized: false,
-        expected: false,
-    }
-
-    constructor(values = {}, suppressWarns = false) {
-        /**
-         * @param {Object} target
-         * @param {Object} attributes
-         * @param {Object} values
-         * @param {String} prefix
-         */
-        const defineAllAttributes = (target, attributes, values = {}, prefix = "") => {
-            const valuesNames = Object.keys(values);
-            const attributesNames = Object.keys(attributes);
-            const allAttributesNames = Utility.mergeArrays(attributesNames, valuesNames);
-            for (let attributeName of allAttributesNames) {
-                let value = Utility.objectGet(values, [attributeName]);
-                /** @type {AttributeInformation} */
-                let attribute = attributes[attributeName];
-
-                if (attribute instanceof SubAttributesDeclaration) {
-                    target[attributeName] = {};
-                    defineAllAttributes(
-                        target[attributeName],
-                        attribute.attributes,
-                        values[attributeName],
-                        attributeName + "."
-                    );
-                    continue
-                }
-
-                if (!suppressWarns) {
-                    if (!(attributeName in attributes)) {
-                        console.warn(
-                            `UEBlueprint: Attribute ${prefix}${attributeName} in the serialized data is not defined in `
-                            + `${this.constructor.name}.attributes`
-                        );
-                    } else if (
-                        valuesNames.length > 0
-                        && !(attributeName in values)
-                        && !(!attribute.showDefault || attribute.ignored)
-                    ) {
-                        console.warn(
-                            `UEBlueprint: ${this.constructor.name} will add attribute ${prefix}${attributeName} not `
-                            + "defined in the serialized data"
-                        );
-                    }
-                }
-
-                if (!attribute) {
-                    // Remember attributeName can come from the values and be not defined in the attributes
-                    target[attributeName] = value;
-                    continue
-                }
-
-                let defaultValue = attribute.value;
-                let defaultType = attribute.type;
-                if (attribute.serialized && defaultType instanceof Function) {
-                    // If the attribute is serialized, the type must contain a function providing the type
-                    defaultType = /** @type {TypeSupplier} */(defaultType)(this);
-                }
-                if (defaultType instanceof Array) {
-                    defaultType = Array;
-                }
-                if (defaultValue instanceof Function) {
-                    defaultValue = defaultValue(this);
-                }
-                if (defaultType === undefined) {
-                    defaultType = Utility.getType(defaultValue);
-                }
-                const assignAttribute = !attribute.predicate
-                    ? v => target[attributeName] = v
-                    : v => {
-                        Object.defineProperties(target, {
-                            ["#" + attributeName]: {
-                                writable: true,
-                                enumerable: false,
-                            },
-                            [attributeName]: {
-                                enumerable: true,
-                                get() {
-                                    return this["#" + attributeName]
-                                },
-                                set(v) {
-                                    if (!attribute.predicate?.(v)) {
-                                        console.warn(
-                                            `UEBlueprint: Tried to assign attribute ${prefix}${attributeName} to `
-                                            + `${this.constructor.name} not satisfying the predicate`
-                                        );
-                                        return
-                                    }
-                                    this["#" + attributeName] = v;
-                                }
-                            },
-                        });
-                        this[attributeName] = v;
-                    };
-
-                if (value !== undefined) {
-                    // Remember value can still be null
-                    if (value?.constructor === String && attribute.serialized && defaultType !== String) {
-                        value = SerializerFactory
-                            .getSerializer(/** @type {AnyValueConstructor<*>} */(defaultType))
-                            .deserialize(/** @type {String} */(value));
-                    }
-                    assignAttribute(Utility.sanitize(value, /** @type {AnyValueConstructor<*>} */(defaultType)));
-                    continue // We have a value, need nothing more
-                }
-                if (defaultType instanceof UnionType) {
-                    if (defaultValue != undefined) {
-                        defaultType = defaultType.types.find(
-                            type => defaultValue instanceof type || defaultValue.constructor == type
-                        ) ?? defaultType.getFirstType();
-                    } else {
-                        defaultType = defaultType.getFirstType();
-                    }
-                }
-                if (defaultValue === undefined) {
-                    defaultValue = Utility.sanitize(new /** @type {AnyValueConstructor<*>} */(defaultType)());
-                }
-                if (!attribute.showDefault) {
-                    assignAttribute(undefined); // Declare undefined to preserve the order of attributes
-                    continue
-                }
-                if (attribute.serialized) {
-                    if (defaultType !== String && defaultValue.constructor === String) {
-                        defaultValue = SerializerFactory
-                            .getSerializer(/** @type {AnyValueConstructor<*>} */(defaultType))
-                            .deserialize(defaultValue);
-                    }
-                }
-                assignAttribute(Utility.sanitize(
-                    /** @type {AnyValue} */(defaultValue),
-                    /** @type {AnyValueConstructor<AnyValue>} */(defaultType)
-                ));
-            }
-        };
-        const attributes = /** @type {typeof IEntity} */(this.constructor).attributes;
-        if (values.constructor !== Object && Object.keys(attributes).length === 1) {
-            // Where there is just one attribute, option can be the value of that attribute
-            values = {
-                [Object.keys(attributes)[0]]: values
-            };
-        }
-        defineAllAttributes(this, attributes, values);
-    }
-
-    /** @param {AttributeDeclarations} attributes */
-    static cleanupAttributes(attributes, prefix = "") {
-        for (const attributeName in attributes) {
-            if (attributes[attributeName] instanceof SubAttributesDeclaration) {
-                this.cleanupAttributes(
-                    /** @type {SubAttributesDeclaration} */(attributes[attributeName]).attributes,
-                    prefix + "." + attributeName
-                );
-                continue
-            }
-            if (attributes[attributeName].constructor !== Object) {
-                attributes[attributeName] = {
-                    value: attributes[attributeName],
-                };
-            }
-            const attribute = /** @type {AttributeInformation} */(attributes[attributeName]);
-            if (attribute.type === undefined && !(attribute.value instanceof Function)) {
-                attribute.type = Utility.getType(attribute.value);
-            }
-            attributes[attributeName] = {
-                ...IEntity.defaultAttribute,
-                ...attribute,
-            };
-            if (attribute.value === undefined && attribute.type === undefined) {
-                throw new Error(
-                    `UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${prefix}`
-                    + attributeName
-                )
-            }
-            if (attribute.value === null) {
-                attributes[attributeName].nullable = true;
-            }
-        }
-    }
-
-    static isValueOfType(value, type) {
-        return value != null && (value instanceof type || value.constructor === type)
-    }
-
-    static expectsAllKeys() {
-        return !Object.values(this.attributes)
-            .filter(/** @param {AttributeInformation} attribute */attribute => !attribute.ignored)
-            .some(/** @param {AttributeInformation} attribute */attribute => !attribute.expected)
-    }
-
-    unexpectedKeys() {
-        return Object.keys(this).length
-            - Object.keys(/** @type {typeof IEntity} */(this.constructor).attributes).length
-    }
-
-    /** @param {IEntity} other */
-    equals(other) {
-        const thisKeys = Object.keys(this);
-        const otherKeys = Object.keys(this);
-        if (thisKeys.length != otherKeys.length) {
-            return false
-        }
-        for (const key of thisKeys) {
-            if (this[key] instanceof IEntity && !this[key].equals(other[key])) {
-                return false
-            } else if (!Utility.equals(this[key], other[key])) {
-                return false
-            }
-        }
-        return true
-    }
-}
-
+}
+
+/**
+ * @typedef {(entity: IEntity) => AnyValue} ValueSupplier
+ * @typedef {(entity: IEntity) => AnyValueConstructor<AnyValue>} TypeSupplier
+ * @typedef {IEntity | String | Number | BigInt | Boolean} AnySimpleValue
+ * @typedef {AnySimpleValue | AnySimpleValue[]} AnyValue
+ * @typedef {{
+ *     [key: String]: AttributeInformation | AnyValue | SubAttributesDeclaration
+ * }} AttributeDeclarations
+ * @typedef {typeof IEntity} EntityConstructor
+ * @typedef {{
+ *     type?: AnyValueConstructor<AnyValue> | AnyValueConstructor<AnyValue>[] | UnionType | TypeSupplier,
+ *     value?: AnyValue | ValueSupplier,
+ *     showDefault?: Boolean,
+ *     nullable?: Boolean,
+ *     ignored?: Boolean,
+ *     serialized?: Boolean,
+ *     expected?: Boolean,
+ *     predicate?: (value: AnyValue) => Boolean,
+ * }} AttributeInformation
+ */
+
+/**
+ * @template {AnyValue} T
+ * @typedef {(new () => T) | EntityConstructor | StringConstructor | NumberConstructor | BigIntConstructor 
+ *     | BooleanConstructor | ArrayConstructor} AnyValueConstructor
+ */
+
+class IEntity {
+
+    /** @type {AttributeDeclarations} */
+    static attributes = {}
+    static defaultAttribute = {
+        showDefault: true,
+        nullable: false,
+        ignored: false,
+        serialized: false,
+        expected: false,
+    }
+
+    constructor(values = {}, suppressWarns = false) {
+        /**
+         * @param {Object} target
+         * @param {Object} attributes
+         * @param {Object} values
+         * @param {String} prefix
+         */
+        const defineAllAttributes = (target, attributes, values = {}, prefix = "") => {
+            const valuesNames = Object.keys(values);
+            const attributesNames = Object.keys(attributes);
+            const allAttributesNames = Utility.mergeArrays(attributesNames, valuesNames);
+            for (let attributeName of allAttributesNames) {
+                let value = Utility.objectGet(values, [attributeName]);
+                /** @type {AttributeInformation} */
+                let attribute = attributes[attributeName];
+
+                if (attribute instanceof SubAttributesDeclaration) {
+                    target[attributeName] = {};
+                    defineAllAttributes(
+                        target[attributeName],
+                        attribute.attributes,
+                        values[attributeName],
+                        attributeName + "."
+                    );
+                    continue
+                }
+
+                if (!suppressWarns) {
+                    if (!(attributeName in attributes)) {
+                        console.warn(
+                            `UEBlueprint: Attribute ${prefix}${attributeName} in the serialized data is not defined in `
+                            + `${this.constructor.name}.attributes`
+                        );
+                    } else if (
+                        valuesNames.length > 0
+                        && !(attributeName in values)
+                        && !(!attribute.showDefault || attribute.ignored)
+                    ) {
+                        console.warn(
+                            `UEBlueprint: ${this.constructor.name} will add attribute ${prefix}${attributeName} not `
+                            + "defined in the serialized data"
+                        );
+                    }
+                }
+
+                if (!attribute) {
+                    // Remember attributeName can come from the values and be not defined in the attributes
+                    target[attributeName] = value;
+                    continue
+                }
+
+                let defaultValue = attribute.value;
+                let defaultType = attribute.type;
+                if (attribute.serialized && defaultType instanceof Function) {
+                    // If the attribute is serialized, the type must contain a function providing the type
+                    defaultType = /** @type {TypeSupplier} */(defaultType)(this);
+                }
+                if (defaultType instanceof Array) {
+                    defaultType = Array;
+                }
+                if (defaultValue instanceof Function) {
+                    defaultValue = defaultValue(this);
+                }
+                if (defaultType === undefined) {
+                    defaultType = Utility.getType(defaultValue);
+                }
+                const assignAttribute = !attribute.predicate
+                    ? v => target[attributeName] = v
+                    : v => {
+                        Object.defineProperties(target, {
+                            ["#" + attributeName]: {
+                                writable: true,
+                                enumerable: false,
+                            },
+                            [attributeName]: {
+                                enumerable: true,
+                                get() {
+                                    return this["#" + attributeName]
+                                },
+                                set(v) {
+                                    if (!attribute.predicate?.(v)) {
+                                        console.warn(
+                                            `UEBlueprint: Tried to assign attribute ${prefix}${attributeName} to `
+                                            + `${this.constructor.name} not satisfying the predicate`
+                                        );
+                                        return
+                                    }
+                                    this["#" + attributeName] = v;
+                                }
+                            },
+                        });
+                        this[attributeName] = v;
+                    };
+
+                if (value !== undefined) {
+                    // Remember value can still be null
+                    if (value?.constructor === String && attribute.serialized && defaultType !== String) {
+                        value = SerializerFactory
+                            .getSerializer(/** @type {AnyValueConstructor<*>} */(defaultType))
+                            .deserialize(/** @type {String} */(value));
+                    }
+                    assignAttribute(Utility.sanitize(value, /** @type {AnyValueConstructor<*>} */(defaultType)));
+                    continue // We have a value, need nothing more
+                }
+                if (defaultType instanceof UnionType) {
+                    if (defaultValue != undefined) {
+                        defaultType = defaultType.types.find(
+                            type => defaultValue instanceof type || defaultValue.constructor == type
+                        ) ?? defaultType.getFirstType();
+                    } else {
+                        defaultType = defaultType.getFirstType();
+                    }
+                }
+                if (defaultValue === undefined) {
+                    defaultValue = Utility.sanitize(new /** @type {AnyValueConstructor<*>} */(defaultType)());
+                }
+                if (!attribute.showDefault) {
+                    assignAttribute(undefined); // Declare undefined to preserve the order of attributes
+                    continue
+                }
+                if (attribute.serialized) {
+                    if (defaultType !== String && defaultValue.constructor === String) {
+                        defaultValue = SerializerFactory
+                            .getSerializer(/** @type {AnyValueConstructor<*>} */(defaultType))
+                            .deserialize(defaultValue);
+                    }
+                }
+                assignAttribute(Utility.sanitize(
+                    /** @type {AnyValue} */(defaultValue),
+                    /** @type {AnyValueConstructor<AnyValue>} */(defaultType)
+                ));
+            }
+        };
+        const attributes = /** @type {typeof IEntity} */(this.constructor).attributes;
+        if (values.constructor !== Object && Object.keys(attributes).length === 1) {
+            // Where there is just one attribute, option can be the value of that attribute
+            values = {
+                [Object.keys(attributes)[0]]: values
+            };
+        }
+        defineAllAttributes(this, attributes, values);
+    }
+
+    /** @param {AttributeDeclarations} attributes */
+    static cleanupAttributes(attributes, prefix = "") {
+        for (const attributeName in attributes) {
+            if (attributes[attributeName] instanceof SubAttributesDeclaration) {
+                this.cleanupAttributes(
+                    /** @type {SubAttributesDeclaration} */(attributes[attributeName]).attributes,
+                    prefix + "." + attributeName
+                );
+                continue
+            }
+            if (attributes[attributeName].constructor !== Object) {
+                attributes[attributeName] = {
+                    value: attributes[attributeName],
+                };
+            }
+            const attribute = /** @type {AttributeInformation} */(attributes[attributeName]);
+            if (attribute.type === undefined && !(attribute.value instanceof Function)) {
+                attribute.type = Utility.getType(attribute.value);
+            }
+            attributes[attributeName] = {
+                ...IEntity.defaultAttribute,
+                ...attribute,
+            };
+            if (attribute.value === undefined && attribute.type === undefined) {
+                throw new Error(
+                    `UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${prefix}`
+                    + attributeName
+                )
+            }
+            if (attribute.value === null) {
+                attributes[attributeName].nullable = true;
+            }
+        }
+    }
+
+    static isValueOfType(value, type) {
+        return value != null && (value instanceof type || value.constructor === type)
+    }
+
+    static expectsAllKeys() {
+        return !Object.values(this.attributes)
+            .filter(/** @param {AttributeInformation} attribute */attribute => !attribute.ignored)
+            .some(/** @param {AttributeInformation} attribute */attribute => !attribute.expected)
+    }
+
+    unexpectedKeys() {
+        return Object.keys(this).length
+            - Object.keys(/** @type {typeof IEntity} */(this.constructor).attributes).length
+    }
+
+    /** @param {IEntity} other */
+    equals(other) {
+        const thisKeys = Object.keys(this);
+        const otherKeys = Object.keys(this);
+        if (thisKeys.length != otherKeys.length) {
+            return false
+        }
+        for (const key of thisKeys) {
+            if (this[key] instanceof IEntity && !this[key].equals(other[key])) {
+                return false
+            } else if (!Utility.equals(this[key], other[key])) {
+                return false
+            }
+        }
+        return true
+    }
+}
+
 class IntegerEntity extends IEntity {
 
     static attributes = {
@@ -1117,8 +1124,8 @@ class IntegerEntity extends IEntity {
     toString() {
         return this.value.toString()
     }
-}
-
+}
+
 class ByteEntity extends IntegerEntity {
 
     static attributes = {
@@ -1136,36 +1143,36 @@ class ByteEntity extends IntegerEntity {
     constructor(values = 0) {
         super(values);
     }
-}
-
-class SymbolEntity extends IEntity {
-
-    static attributes = {
-        value: "",
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.value;
-    }
-
-    valueOf() {
-        return this.value
-    }
-
-    toString() {
-        return this.value
-    }
-}
-
+}
+
+class SymbolEntity extends IEntity {
+
+    static attributes = {
+        value: "",
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.value;
+    }
+
+    valueOf() {
+        return this.value
+    }
+
+    toString() {
+        return this.value
+    }
+}
+
 class EnumEntity extends SymbolEntity {
 
-}
-
+}
+
 class GuidEntity extends IEntity {
 
     static attributes = {
@@ -1203,8 +1210,8 @@ class GuidEntity extends IEntity {
     toString() {
         return this.value
     }
-}
-
+}
+
 class ObjectReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1230,8 +1237,8 @@ class ObjectReferenceEntity extends IEntity {
     getName() {
         return this.path.match(/[^\.\/]+$/)?.[0] ?? ""
     }
-}
-
+}
+
 class FunctionReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1258,37 +1265,37 @@ class FunctionReferenceEntity extends IEntity {
         /** @type {ObjectReferenceEntity} */ this.MemberParent;
         /** @type {String} */ this.MemberName;
     }
-}
-
-class IdentifierEntity extends IEntity {
-
-    static attributes = {
-        value: "",
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    static attributeConverter = {
-        fromAttribute: (value, type) => new IdentifierEntity(value),
-        toAttribute: (value, type) => value.toString()
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.value;
-    }
-
-    valueOf() {
-        return this.value
-    }
-
-    toString() {
-        return this.value
-    }
-}
-
+}
+
+class IdentifierEntity extends IEntity {
+
+    static attributes = {
+        value: "",
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    static attributeConverter = {
+        fromAttribute: (value, type) => new IdentifierEntity(value),
+        toAttribute: (value, type) => value.toString()
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.value;
+    }
+
+    valueOf() {
+        return this.value
+    }
+
+    toString() {
+        return this.value
+    }
+}
+
 class Integer64Entity extends IEntity {
 
     static attributes = {
@@ -1315,324 +1322,324 @@ class Integer64Entity extends IEntity {
     toString() {
         return this.value.toString()
     }
-}
-
-class InvariantTextEntity extends IEntity {
-
-    static lookbehind = "INVTEXT"
-    static attributes = {
-        value: "",
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.value;
-    }
-}
-
-class KeyBindingEntity extends IEntity {
-
-    static attributes = {
-        ActionName: "",
-        bShift: false,
-        bCtrl: false,
-        bAlt: false,
-        bCmd: false,
-        Key: {
-            type: IdentifierEntity
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    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;
-        /** @type {Boolean} */ this.bAlt;
-        /** @type {Boolean} */ this.bCmd;
-        /** @type {IdentifierEntity} */ this.Key;
-    }
-}
-
-class RealUnitEntity extends IEntity {
-
-    static attributes = {
-        value: 0,
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values = 0) {
-        super(values);
-        this.value = Utility.clamp(this.value, 0, 1);
-    }
-
-    valueOf() {
-        return this.value
-    }
-
-    toString() {
-        return this.value.toFixed(6)
-    }
-}
-
-class LinearColorEntity extends IEntity {
-
-    static attributes = {
-        R: {
-            type: RealUnitEntity,
-            expected: true,
-        },
-        G: {
-            type: RealUnitEntity,
-            expected: true,
-        },
-        B: {
-            type: RealUnitEntity,
-            expected: true,
-        },
-        A: {
-            type: RealUnitEntity,
-            value: () => new RealUnitEntity(1),
-        },
-        H: {
-            type: RealUnitEntity,
-            showDefault: true,
-            ignored: true,
-        },
-        S: {
-            type: RealUnitEntity,
-            showDefault: true,
-            ignored: true,
-        },
-        V: {
-            type: RealUnitEntity,
-            showDefault: true,
-            ignored: true,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    /** @param {Number} x */
-    static linearToSRGB(x) {
-        if (x <= 0) {
-            return 0
-        } else if (x >= 1) {
-            return 1
-        } else if (x < 0.0031308) {
-            return x * 12.92
-        } else {
-            return Math.pow(x, 1 / 2.4) * 1.055 - 0.055
-        }
-    }
-
-    /** @param {Number} x */
-    static sRGBtoLinear(x) {
-        if (x <= 0) {
-            return 0
-        } else if (x >= 1) {
-            return 1
-        } else if (x < 0.04045) {
-            return x / 12.92
-        } else {
-            return Math.pow((x + 0.055) / 1.055, 2.4)
-        }
-    }
-
-    static getWhite() {
-        return new LinearColorEntity({
-            R: 1,
-            G: 1,
-            B: 1,
-        })
-    }
-
-    constructor(values) {
-        if (values instanceof Array) {
-            values = {
-                R: values[0] ?? 0,
-                G: values[1] ?? 0,
-                B: values[2] ?? 0,
-                A: values[3] ?? 1,
-            };
-        }
-        super(values);
-        /** @type {RealUnitEntity} */ this.R;
-        /** @type {RealUnitEntity} */ this.G;
-        /** @type {RealUnitEntity} */ this.B;
-        /** @type {RealUnitEntity} */ this.A;
-        /** @type {RealUnitEntity} */ this.H;
-        /** @type {RealUnitEntity} */ this.S;
-        /** @type {RealUnitEntity} */ this.V;
-        this.#updateHSV();
-    }
-
-    #updateHSV() {
-        const r = this.R.value;
-        const g = this.G.value;
-        const b = this.B.value;
-        if (Utility.approximatelyEqual(r, g) && Utility.approximatelyEqual(r, b) && Utility.approximatelyEqual(g, b)) {
-            this.S.value = 0;
-            this.V.value = r;
-            return
-        }
-        const max = Math.max(r, g, b);
-        const min = Math.min(r, g, b);
-        const d = max - min;
-        let h;
-        switch (max) {
-            case min:
-                h = 0;
-                break
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break
-            case g:
-                h = (b - r) / d + 2;
-                break
-            case b:
-                h = (r - g) / d + 4;
-                break
-        }
-        h /= 6;
-        this.H.value = h;
-        this.S.value = max == 0 ? 0 : d / max;
-        this.V.value = max;
-    }
-
-    /**
-     * @param {Number} r
-     * @param {Number} g
-     * @param {Number} b
-     * @param {Number} a
-     */
-    setFromRGBA(r, g, b, a = 1) {
-        this.R.value = r;
-        this.G.value = g;
-        this.B.value = b;
-        this.A.value = a;
-        this.#updateHSV();
-    }
-
-    /**
-     * @param {Number} h
-     * @param {Number} s
-     * @param {Number} v
-     * @param {Number} a
-     */
-    setFromHSVA(h, s, v, a = 1) {
-        const i = Math.floor(h * 6);
-        const f = h * 6 - i;
-        const p = v * (1 - s);
-        const q = v * (1 - f * s);
-        const t = v * (1 - (1 - f) * s);
-        const values = [v, q, p, p, t, v];
-        const [r, g, b] = [values[i % 6], values[(i + 4) % 6], values[(i + 2) % 6]];
-        this.R.value = r;
-        this.G.value = g;
-        this.B.value = b;
-        this.A.value = a;
-        this.H.value = h;
-        this.S.value = s;
-        this.V.value = v;
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     * @param {Number} v
-     * @param {Number} a
-     */
-    setFromWheelLocation(x, y, v, a) {
-        const [r, theta] = Utility.getPolarCoordinates(x, y, true);
-        this.setFromHSVA(1 - theta / (2 * Math.PI), r, v, a);
-    }
-
-    toRGBA() {
-        return [
-            Math.round(this.R.value * 255),
-            Math.round(this.G.value * 255),
-            Math.round(this.B.value * 255),
-            Math.round(this.A.value * 255),
-        ]
-    }
-
-    toSRGBA() {
-        return [
-            Math.round(LinearColorEntity.linearToSRGB(this.R.value) * 255),
-            Math.round(LinearColorEntity.linearToSRGB(this.G.value) * 255),
-            Math.round(LinearColorEntity.linearToSRGB(this.B.value) * 255),
-            Math.round(this.A.value * 255),
-        ]
-    }
-
-    toRGBAString() {
-        return this
-            .toRGBA()
-            .map(v => v.toString(16).toUpperCase().padStart(2, "0"))
-            .join("")
-    }
-
-    toSRGBAString() {
-        return this
-            .toSRGBA()
-            .map(v => v.toString(16).toUpperCase().padStart(2, "0"))
-            .join("")
-    }
-
-    toHSVA() {
-        return [this.H.value, this.S.value, this.V.value, this.A.value]
-    }
-
-    toNumber() {
-        return (
-            Math.round(this.R.value * 0xff) << 24)
-            + (Math.round(this.G.value * 0xff) << 16)
-            + (Math.round(this.B.value * 0xff) << 8)
-            + Math.round(this.A.value * 0xff)
-    }
-
-    /** @param {Number} number */
-    setFromRGBANumber(number) {
-        this.A.value = (number & 0xff) / 0xff;
-        this.B.value = ((number >> 8) & 0xff) / 0xff;
-        this.G.value = ((number >> 16) & 0xff) / 0xff;
-        this.R.value = ((number >> 24) & 0xff) / 0xff;
-        this.#updateHSV();
-    }
-
-    /** @param {Number} number */
-    setFromSRGBANumber(number) {
-        this.A.value = (number & 0xff) / 0xff;
-        this.B.value = LinearColorEntity.sRGBtoLinear(((number >> 8) & 0xff) / 0xff);
-        this.G.value = LinearColorEntity.sRGBtoLinear(((number >> 16) & 0xff) / 0xff);
-        this.R.value = LinearColorEntity.sRGBtoLinear(((number >> 24) & 0xff) / 0xff);
-        this.#updateHSV();
-    }
-
-    toString() {
-        return Utility.printLinearColor(this)
-    }
-}
-
+}
+
+class InvariantTextEntity extends IEntity {
+
+    static lookbehind = "INVTEXT"
+    static attributes = {
+        value: "",
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.value;
+    }
+}
+
+class KeyBindingEntity extends IEntity {
+
+    static attributes = {
+        ActionName: "",
+        bShift: false,
+        bCtrl: false,
+        bAlt: false,
+        bCmd: false,
+        Key: {
+            type: IdentifierEntity
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    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;
+        /** @type {Boolean} */ this.bAlt;
+        /** @type {Boolean} */ this.bCmd;
+        /** @type {IdentifierEntity} */ this.Key;
+    }
+}
+
+class RealUnitEntity extends IEntity {
+
+    static attributes = {
+        value: 0,
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values = 0) {
+        super(values);
+        this.value = Utility.clamp(this.value, 0, 1);
+    }
+
+    valueOf() {
+        return this.value
+    }
+
+    toString() {
+        return this.value.toFixed(6)
+    }
+}
+
+class LinearColorEntity extends IEntity {
+
+    static attributes = {
+        R: {
+            type: RealUnitEntity,
+            expected: true,
+        },
+        G: {
+            type: RealUnitEntity,
+            expected: true,
+        },
+        B: {
+            type: RealUnitEntity,
+            expected: true,
+        },
+        A: {
+            type: RealUnitEntity,
+            value: () => new RealUnitEntity(1),
+        },
+        H: {
+            type: RealUnitEntity,
+            showDefault: true,
+            ignored: true,
+        },
+        S: {
+            type: RealUnitEntity,
+            showDefault: true,
+            ignored: true,
+        },
+        V: {
+            type: RealUnitEntity,
+            showDefault: true,
+            ignored: true,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    /** @param {Number} x */
+    static linearToSRGB(x) {
+        if (x <= 0) {
+            return 0
+        } else if (x >= 1) {
+            return 1
+        } else if (x < 0.0031308) {
+            return x * 12.92
+        } else {
+            return Math.pow(x, 1 / 2.4) * 1.055 - 0.055
+        }
+    }
+
+    /** @param {Number} x */
+    static sRGBtoLinear(x) {
+        if (x <= 0) {
+            return 0
+        } else if (x >= 1) {
+            return 1
+        } else if (x < 0.04045) {
+            return x / 12.92
+        } else {
+            return Math.pow((x + 0.055) / 1.055, 2.4)
+        }
+    }
+
+    static getWhite() {
+        return new LinearColorEntity({
+            R: 1,
+            G: 1,
+            B: 1,
+        })
+    }
+
+    constructor(values) {
+        if (values instanceof Array) {
+            values = {
+                R: values[0] ?? 0,
+                G: values[1] ?? 0,
+                B: values[2] ?? 0,
+                A: values[3] ?? 1,
+            };
+        }
+        super(values);
+        /** @type {RealUnitEntity} */ this.R;
+        /** @type {RealUnitEntity} */ this.G;
+        /** @type {RealUnitEntity} */ this.B;
+        /** @type {RealUnitEntity} */ this.A;
+        /** @type {RealUnitEntity} */ this.H;
+        /** @type {RealUnitEntity} */ this.S;
+        /** @type {RealUnitEntity} */ this.V;
+        this.#updateHSV();
+    }
+
+    #updateHSV() {
+        const r = this.R.value;
+        const g = this.G.value;
+        const b = this.B.value;
+        if (Utility.approximatelyEqual(r, g) && Utility.approximatelyEqual(r, b) && Utility.approximatelyEqual(g, b)) {
+            this.S.value = 0;
+            this.V.value = r;
+            return
+        }
+        const max = Math.max(r, g, b);
+        const min = Math.min(r, g, b);
+        const d = max - min;
+        let h;
+        switch (max) {
+            case min:
+                h = 0;
+                break
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break
+            case g:
+                h = (b - r) / d + 2;
+                break
+            case b:
+                h = (r - g) / d + 4;
+                break
+        }
+        h /= 6;
+        this.H.value = h;
+        this.S.value = max == 0 ? 0 : d / max;
+        this.V.value = max;
+    }
+
+    /**
+     * @param {Number} r
+     * @param {Number} g
+     * @param {Number} b
+     * @param {Number} a
+     */
+    setFromRGBA(r, g, b, a = 1) {
+        this.R.value = r;
+        this.G.value = g;
+        this.B.value = b;
+        this.A.value = a;
+        this.#updateHSV();
+    }
+
+    /**
+     * @param {Number} h
+     * @param {Number} s
+     * @param {Number} v
+     * @param {Number} a
+     */
+    setFromHSVA(h, s, v, a = 1) {
+        const i = Math.floor(h * 6);
+        const f = h * 6 - i;
+        const p = v * (1 - s);
+        const q = v * (1 - f * s);
+        const t = v * (1 - (1 - f) * s);
+        const values = [v, q, p, p, t, v];
+        const [r, g, b] = [values[i % 6], values[(i + 4) % 6], values[(i + 2) % 6]];
+        this.R.value = r;
+        this.G.value = g;
+        this.B.value = b;
+        this.A.value = a;
+        this.H.value = h;
+        this.S.value = s;
+        this.V.value = v;
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} v
+     * @param {Number} a
+     */
+    setFromWheelLocation(x, y, v, a) {
+        const [r, theta] = Utility.getPolarCoordinates(x, y, true);
+        this.setFromHSVA(1 - theta / (2 * Math.PI), r, v, a);
+    }
+
+    toRGBA() {
+        return [
+            Math.round(this.R.value * 255),
+            Math.round(this.G.value * 255),
+            Math.round(this.B.value * 255),
+            Math.round(this.A.value * 255),
+        ]
+    }
+
+    toSRGBA() {
+        return [
+            Math.round(LinearColorEntity.linearToSRGB(this.R.value) * 255),
+            Math.round(LinearColorEntity.linearToSRGB(this.G.value) * 255),
+            Math.round(LinearColorEntity.linearToSRGB(this.B.value) * 255),
+            Math.round(this.A.value * 255),
+        ]
+    }
+
+    toRGBAString() {
+        return this
+            .toRGBA()
+            .map(v => v.toString(16).toUpperCase().padStart(2, "0"))
+            .join("")
+    }
+
+    toSRGBAString() {
+        return this
+            .toSRGBA()
+            .map(v => v.toString(16).toUpperCase().padStart(2, "0"))
+            .join("")
+    }
+
+    toHSVA() {
+        return [this.H.value, this.S.value, this.V.value, this.A.value]
+    }
+
+    toNumber() {
+        return (
+            Math.round(this.R.value * 0xff) << 24)
+            + (Math.round(this.G.value * 0xff) << 16)
+            + (Math.round(this.B.value * 0xff) << 8)
+            + Math.round(this.A.value * 0xff)
+    }
+
+    /** @param {Number} number */
+    setFromRGBANumber(number) {
+        this.A.value = (number & 0xff) / 0xff;
+        this.B.value = ((number >> 8) & 0xff) / 0xff;
+        this.G.value = ((number >> 16) & 0xff) / 0xff;
+        this.R.value = ((number >> 24) & 0xff) / 0xff;
+        this.#updateHSV();
+    }
+
+    /** @param {Number} number */
+    setFromSRGBANumber(number) {
+        this.A.value = (number & 0xff) / 0xff;
+        this.B.value = LinearColorEntity.sRGBtoLinear(((number >> 8) & 0xff) / 0xff);
+        this.G.value = LinearColorEntity.sRGBtoLinear(((number >> 16) & 0xff) / 0xff);
+        this.R.value = LinearColorEntity.sRGBtoLinear(((number >> 24) & 0xff) / 0xff);
+        this.#updateHSV();
+    }
+
+    toString() {
+        return Utility.printLinearColor(this)
+    }
+}
+
 class LocalizedTextEntity extends IEntity {
 
     static lookbehind = "NSLOCTEXT"
@@ -1656,8 +1663,8 @@ class LocalizedTextEntity extends IEntity {
     toString() {
         return Utility.capitalFirstLetter(this.value)
     }
-}
-
+}
+
 class MacroGraphReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1687,8 +1694,8 @@ class MacroGraphReferenceEntity extends IEntity {
         const colonIndex = this.MacroGraph.path.search(":");
         return this.MacroGraph.path.substring(colonIndex + 1)
     }
-}
-
+}
+
 class PathSymbolEntity extends IEntity {
 
     static attributes = {
@@ -1711,8 +1718,8 @@ class PathSymbolEntity extends IEntity {
     toString() {
         return this.value
     }
-}
-
+}
+
 class PinReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1733,147 +1740,147 @@ class PinReferenceEntity extends IEntity {
         /** @type {PathSymbolEntity} */ this.objectName;
         /** @type {GuidEntity} */ this.pinGuid;
     }
-}
-
-class PinTypeEntity extends IEntity {
-
-    static attributes = {
-        TerminalCategory: {
-            value: "",
-            showDefault: false,
-        },
-        TerminalSubCategory: {
-            value: "",
-            showDefault: false,
-        },
-        bTerminalIsConst: {
-            value: false,
-            showDefault: false,
-        },
-        bTerminalIsWeakPointer: {
-            value: false,
-            showDefault: false,
-        },
-        bTerminalIsUObjectWrapper: {
-            value: false,
-            showDefault: false,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.TerminalCategory;
-        /** @type {String} */ this.TerminalSubCategory;
-        /** @type {Boolean} */ this.bTerminalIsConst;
-        /** @type {Boolean} */ this.bTerminalIsWeakPointer;
-        /** @type {Boolean} */ this.bTerminalIsUObjectWrapper;
-    }
-}
-
-class RotatorEntity extends IEntity {
-
-    static attributes = {
-        R: {
-            value: 0,
-        },
-        P: {
-            value: 0,
-        },
-        Y: {
-            value: 0,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {Number} */ this.R;
-        /** @type {Number} */ this.P;
-        /** @type {Number} */ this.Y;
-    }
-
-    getRoll() {
-        return this.R
-    }
-
-    getPitch() {
-        return this.P
-    }
-
-    getYaw() {
-        return this.Y
-    }
-}
-
-class SimpleSerializationRotatorEntity extends RotatorEntity {
-}
-
-class Vector2DEntity extends IEntity {
-
-    static attributes = {
-        X: {
-            value: 0,
-            expected: true,
-        },
-        Y: {
-            value: 0,
-            expected: true,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {Number} */ this.X;
-        /** @type {Number} */ this.Y;
-    }
-}
-
-class SimpleSerializationVector2DEntity extends Vector2DEntity {
-}
-
-class VectorEntity extends IEntity {
-
-    static attributes = {
-        X: {
-            value: 0,
-            expected: true,
-        },
-        Y: {
-            value: 0,
-            expected: true,
-        },
-        Z: {
-            value: 0,
-            expected: true,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {Number} */ this.X;
-        /** @type {Number} */ this.Y;
-        /** @type {Number} */ this.Z;
-    }
-}
-
-class SimpleSerializationVectorEntity extends VectorEntity {
-}
-
+}
+
+class PinTypeEntity extends IEntity {
+
+    static attributes = {
+        TerminalCategory: {
+            value: "",
+            showDefault: false,
+        },
+        TerminalSubCategory: {
+            value: "",
+            showDefault: false,
+        },
+        bTerminalIsConst: {
+            value: false,
+            showDefault: false,
+        },
+        bTerminalIsWeakPointer: {
+            value: false,
+            showDefault: false,
+        },
+        bTerminalIsUObjectWrapper: {
+            value: false,
+            showDefault: false,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.TerminalCategory;
+        /** @type {String} */ this.TerminalSubCategory;
+        /** @type {Boolean} */ this.bTerminalIsConst;
+        /** @type {Boolean} */ this.bTerminalIsWeakPointer;
+        /** @type {Boolean} */ this.bTerminalIsUObjectWrapper;
+    }
+}
+
+class RotatorEntity extends IEntity {
+
+    static attributes = {
+        R: {
+            value: 0,
+        },
+        P: {
+            value: 0,
+        },
+        Y: {
+            value: 0,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {Number} */ this.R;
+        /** @type {Number} */ this.P;
+        /** @type {Number} */ this.Y;
+    }
+
+    getRoll() {
+        return this.R
+    }
+
+    getPitch() {
+        return this.P
+    }
+
+    getYaw() {
+        return this.Y
+    }
+}
+
+class SimpleSerializationRotatorEntity extends RotatorEntity {
+}
+
+class Vector2DEntity extends IEntity {
+
+    static attributes = {
+        X: {
+            value: 0,
+            expected: true,
+        },
+        Y: {
+            value: 0,
+            expected: true,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {Number} */ this.X;
+        /** @type {Number} */ this.Y;
+    }
+}
+
+class SimpleSerializationVector2DEntity extends Vector2DEntity {
+}
+
+class VectorEntity extends IEntity {
+
+    static attributes = {
+        X: {
+            value: 0,
+            expected: true,
+        },
+        Y: {
+            value: 0,
+            expected: true,
+        },
+        Z: {
+            value: 0,
+            expected: true,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {Number} */ this.X;
+        /** @type {Number} */ this.Y;
+        /** @type {Number} */ this.Z;
+    }
+}
+
+class SimpleSerializationVectorEntity extends VectorEntity {
+}
+
 /**
  * @typedef {import("./IEntity").AnyValue} AnyValue
  * @typedef {import("lit").CSSResult} CSSResult
@@ -2140,300 +2147,300 @@ class PinEntity extends IEntity {
             ?? Configuration.pinColor[this.PinType.PinCategory]
             ?? Configuration.pinColor["default"]
     }
-}
-
-class SVGIcon {
-
-    static array = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M4 0H0V4H4V0Z" fill="currentColor" />
-            <path d="M10 0H6V4H10V0Z" fill="currentColor" />
-            <path d="M16 0H12V4H16V0Z" fill="currentColor" />
-            <path d="M4 6H0V10H4V6Z" fill="currentColor" />
-            <path class="ueb-pin-tofill" d="M10 6H6V10H10V6Z" fill="black" />
-            <path d="M16 6H12V10H16V6Z" fill="currentColor" />
-            <path d="M4 12H0V16H4V12Z" fill="currentColor" />
-            <path d="M10 12H6V16H10V12Z" fill="currentColor" />
-            <path d="M16 12H12V16H16V12Z" fill="currentColor" />
-        </svg>
-    `
-
-    static branchNode = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M11 2H6C5.44772 2 5 2.44772 5 3V13C5 13.5523 5.44772 14 6 14H11V12H7V4H11V2Z" fill="white" />
-            <rect x="1" y="7" width="4" height="2" fill="white" />
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M11 6L15 3L11 0V6Z" fill="white" />
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M11 16L15 13L11 10V16Z" fill="white" />
-        </svg>
-    `
-
-    static breakStruct = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M12 14L10 12L11 11L13 13L14 12L14 15L11 15L12 14Z" fill="white" />
-            <path d="M13 3L11 5L10 4L12 2L11 1L14 1L14 4L13 3Z" fill="white" />
-            <path d="M7.975 6H3.025C1.90662 6 1 6.90662 1 8.025V8.475C1 9.59338 1.90662 10.5 3.025 10.5H7.975C9.09338 10.5 10 9.59338 10 8.475V8.025C10 6.90662 9.09338 6 7.975 6Z" fill="white" />
-        </svg>
-    `
-
-    static cast = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 12L16 7.5L12 3V12Z" fill="white" />
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 11L4 7.5L0 4V11Z" fill="white" />
-            <rect opacity="0.5" x="5" y="6" width="1" height="3" fill="white" />
-            <rect opacity="0.5" x="7" y="6" width="1" height="3" fill="white" />
-            <rect opacity="0.5" x="9" y="6" width="1" height="3" fill="white" />
-            <rect x="9" y="6" width="3" height="3" fill="white" />
-        </svg>
-    `
-
-    static close = y`
-        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-            <line x1="2" y1="2" x2="30" y2="30" stroke="currentColor" stroke-width="4" />
-            <line x1="30" y1="2" x2="2" y2="30" stroke="currentColor" stroke-width="4" />
-        </svg>
-    `
-
-    static correct = y`
-        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-            <path fill="#2da800" d="M 2 16 L 14 30 L 30 2 L 13 22 Z" />
-        </svg>
-    `
-
-    static delegate = y`
-        <svg viewBox="-2 -2 32 32" xmlns="http://www.w3.org/2000/svg">
-            <rect class="ueb-pin-tofill" fill="black" width="28" height="28" rx="4" stroke="currentColor" stroke-width="5" />
-        </svg>
-    `
-
-    static doN = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill="white" d="M1 12V8H9V4L16 10L9 16V12H1Z" />
-            <path fill="white" d="M7 6L6 6L4 2.66667V6H3V1H4L6 4.33333V1H7V6Z" />
-        </svg>
-    `
-
-    static enum = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill="white" d="M9 5V0H2V16H14V5H9ZM3.2 4.4L4.5 4H4.6V7H4V4.7L3.2 4.9V4.4ZM4.7 14.8C4.6 14.9 4.3 15 4 15C3.7 15 3.5 14.9 3.3 14.8C3.1 14.6 3 14.4 3 14.2H3.6C3.6 14.3 3.6 14.4 3.7 14.5C3.8 14.6 3.9 14.6 4 14.6C4.1 14.6 4.2 14.6 4.3 14.5C4.4 14.4 4.4 14.3 4.4 14.2C4.4 13.9 4.2 13.8 3.9 13.8H3.7V13.3H4C4.1 13.3 4.3 13.3 4.3 13.2C4.4 13.1 4.4 13 4.4 12.9C4.4 12.8 4.4 12.7 4.3 12.6C4.2 12.5 4.1 12.5 4 12.5C3.9 12.5 3.8 12.5 3.7 12.6C3.6 12.7 3.6 12.7 3.6 12.8H3C3 12.6 3 12.5 3.1 12.4C3.2 12.3 3.3 12.2 3.4 12.1C3.7 12 3.8 12 4 12C4.3 12 4.6 12.1 4.7 12.2C4.9 12.4 5 12.6 5 12.8C5 12.9 5 13.1 4.9 13.2C4.8 13.3 4.7 13.4 4.6 13.5C4.8 13.6 4.9 13.6 5 13.8C5 13.8 5 14 5 14.1C5 14.4 4.9 14.6 4.7 14.8ZM5.1 11H3.1V10.6L4.1 9.6C4.2 9.5 4.3 9.3 4.4 9.2C4.4 9.1 4.4 9 4.4 8.9C4.4 8.8 4.4 8.7 4.3 8.6C4.2 8.5 4.1 8.5 4 8.5C3.9 8.5 3.8 8.5 3.7 8.6C3.6 8.7 3.6 8.8 3.6 9H3C3 8.8 3 8.7 3.1 8.5C3.2 8.4 3.3 8.2 3.5 8.1C3.7 8 3.8 8 4 8C4.3 8 4.5 8.1 4.7 8.2C4.9 8.4 5 8.6 5 8.8C5 9 5 9.1 4.9 9.3C4.8 9.4 4.7 9.6 4.5 9.8L3.8 10.5H5.1V11ZM12 15H6V14H12V15ZM12 11H6V10H12V11ZM12 7H6V6H12V7Z" />
-            <path d="M9 0H8L14 6V5L9 0Z" fill="white"/>
-        </svg>
-    `
-
-    static event = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect x="0.929031" y="8" width="10" height="10" rx="0.5" transform="rotate(-45 0.929031 8)" stroke="white" />
-            <path d="M5 4.00024L8 1.00024V6.00024H3L5 4.00024Z" fill="white" />
-            <path d="M6 13.0002L3 10.0002L8 10.0002L8 15.0002L6 13.0002Z" fill="white" />
-            <path d="M4.53551 6.82854L4.53551 11.0712L0.999977 7.53564L4.53551 4.00011L4.53551 6.82854Z" fill="white" />
-        </svg>
-    `
-
-    static execPin = y`
-        <svg viewBox="-2 0 16 16" xmlns="http://www.w3.org/2000/svg">
-            <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>
-    `
-
-    static expandIcon = y`
-        <svg fill="currentColor" viewBox="4 4 24 24" xmlns="http://www.w3.org/2000/svg">
-            <path d="M 16.003 18.626 l 7.081 -7.081 L 25 13.46 l -8.997 8.998 -9.003 -9 1.917 -1.916 z" />
-        </svg>
-    `
-
-    static forEachLoop = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C1.8 2 0 3.8 0 6V9C0 11.2 2 13 4 13H10V11H5C3.2 11 2 9.7 2 8V7C2 5.63882 2.76933 4.53408 4 4.14779V2ZM12 4C13.8 4 14 5.3 14 7V8C14 8.8 13.7 9.5 13.3 10L15.2 11.4C15.7 10.7 16 9.9 16 9V6C16 3.8 14.2 2 12 2V4Z" fill="white" />
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L13 12L8 8V16Z" fill="white" />
-            <rect x="5" y="1" width="1" height="4" fill="white" />
-            <rect x="7" y="1" width="1" height="4" fill="white" />
-            <rect x="9" y="1" width="1" height="4" fill="white" />
-            <rect x="11" y="2" width="1" height="2" fill="white" />
-        </svg>
-    `
-
-    static functionSymbol = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path
-                d="M9.72002 6.0699C9.88111 4.96527 10.299 3.9138 10.94 2.99991C10.94 2.99991 10.94 3.05991 10.94 3.08991C10.94 3.36573 11.0496 3.63026 11.2446 3.8253C11.4397 4.02033 11.7042 4.12991 11.98 4.12991C12.2558 4.12991 12.5204 4.02033 12.7154 3.8253C12.9105 3.63026 13.02 3.36573 13.02 3.08991C13.0204 2.90249 12.9681 2.71873 12.8691 2.5596C12.7701 2.40047 12.6283 2.27237 12.46 2.18991H12.37C11.8725 2.00961 11.3275 2.00961 10.83 2.18991C9.21002 2.63991 8.58002 4.99991 8.58002 4.99991L8.40002 5.1199H5.40002L5.15002 6.1199H8.27002L7.27002 11.4199C7.11348 12.0161 6.79062 12.5555 6.33911 12.9751C5.8876 13.3948 5.32607 13.6773 4.72002 13.7899C4.78153 13.655 4.81227 13.5081 4.81002 13.3599C4.81002 13.0735 4.69624 12.7988 4.4937 12.5962C4.29116 12.3937 4.01646 12.2799 3.73002 12.2799C3.44359 12.2799 3.16889 12.3937 2.96635 12.5962C2.76381 12.7988 2.65002 13.0735 2.65002 13.3599C2.66114 13.605 2.75692 13.8386 2.92104 14.021C3.08517 14.2033 3.30746 14.3231 3.55002 14.3599C7.91002 15.1999 8.55002 11.4499 8.55002 11.4499L9.55002 7.05991H12.55L12.8 6.05991H9.64002L9.72002 6.0699Z"
-                fill="currentColor"
-            />
-        </svg>
-    `
-
-    static gamepad = y`
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill="white" d="m 15.2107 8.525 c -0.6619 -1.7207 -1.9856 -4.8978 -3.3094 -4.8978 c -1.9856 0 -1.9856 1.8532 -2.7799 1.8532 c -0.3971 0 -1.8532 0 -2.3827 0 c -0.7943 0 -0.7943 -1.8532 -2.6475 -1.8532 c -1.3238 0 -2.6475 3.0446 -3.3094 4.8978 c -1.059 3.3094 -1.1914 4.8979 1.1914 4.8979 c 2.6475 0 2.6475 -3.0445 5.9569 -3.0445 c 3.3094 0 3.4418 3.0445 5.9569 3.0445 c 2.5151 0 2.5151 -1.5885 1.3238 -4.8979 z m -8.472 0 h -1.3238 v 1.3238 h -1.3238 v -1.3238 h -1.3238 v -1.3238 h 1.3238 v -1.3238 h 1.3238 v 1.3238 h 1.3238 v 1.3238 z m 4.6331 1.5887 c -1.1914 0 -2.2504 -0.9268 -2.2504 -2.2505 c 0 -1.1913 0.9267 -2.2503 2.2504 -2.2503 c 1.3238 0 2.2504 0.9266 2.2504 2.2503 c 0 1.1915 -1.059 2.2505 -2.2504 2.2505 z m -0.0001 -2.9124 c -0.3971 0 -0.6619 0.2648 -0.6619 0.6619 c 0 0.3971 0.2648 0.6619 0.6619 0.6619 c 0.3971 0 0.6619 -0.2648 0.6619 -0.6619 c 0 -0.3971 -0.2648 -0.6619 -0.6619 -0.6619 z" />
-        </svg>
-    `
-
-    static genericPin = y`
-        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-            <circle class="ueb-pin-tofill" cx="16" cy="16" r="13" fill="black" stroke="currentColor" stroke-width="5" />
-            <path fill="currentColor" d="M 34 6 L 34 26 L 42 16 Z" />
-        </svg>
-    `
-
-    static keyboard = y`
-        <svg viewBox="0 -3 16 16" xmlns="http://www.w3.org/2000/svg">
-            <path fill="white" d="M 1 10 H 15 c 0.2652 0 0.5195 -0.1054 0.707 -0.293 c 0.1875 -0.1875 0.293 -0.4418 0.293 -0.707 v -8 c 0 -0.2652 -0.1054 -0.5195 -0.293 -0.707 c -0.1875 -0.1875 -0.4418 -0.293 -0.707 -0.293 H 1 c -0.2652 0 -0.5195 0.1054 -0.707 0.293 c -0.1875 0.1875 -0.293 0.4418 -0.293 0.707 V 9 c 0 0.2652 0.1054 0.5195 0.293 0.707 c 0.1875 0.1875 0.4418 0.293 0.707 0.293 Z M 14 6 h -3 v -2 h 3 v 2 Z M 13 1 h 2 v 2 h -2 v -2 Z M 10 1 h 2 v 2 h -2 v -2 Z M 10 6 h -2 v -2 h 2 v 2 Z M 7 1 h 2 v 2 h -2 v -2 Z M 7 6 h -2 v -2 h 2 v 2 Z M 4 1 h 2 v 2 h -2 v -2 Z M 4 6 h -2 v -2 h 2 v 2 Z M 1 1 h 2 v 2 h -2 v -2 Z M 1 7 h 2 v 2 h -2 v -2 M 4 7 h 8 v 2 h -8 v -2 M 13 7 h 2 v 2 h -2 v -2 Z" />
-        </svg>
-    `
-
-    static loop = y`
-        <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-            <defs>
-                <style>
-                    .cls-1 {
-                        fill: #fff;
-                        fill-rule: evenodd;
-                    }
-                    .cls-2 {
-                        fill: none;
-                    }
-                </style>
-            </defs>
-            <g id="Layer_2" data-name="Layer 2">
-                <g id="Layer_4" data-name="Layer 4">
-                    <path class="cls-1" d="M16,2H4A4,4,0,0,0,0,6v4a4.14,4.14,0,0,0,4,4H9v5l8-6L9,7v5H4.5A2.36,2.36,0,0,1,2,9.5v-3A2.36,2.36,0,0,1,4.5,4h11A2.36,2.36,0,0,1,18,6.5V9a3,3,0,0,1-.69,2l1.88,1.41A4,4,0,0,0,20,10V6A4,4,0,0,0,16,2Z" />
-                    <rect class="cls-2" width="20" height="20" />
-                </g>
-            </g>
-        </svg>
-    `
-
-    static macro = y`
-        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M8 2.92L10 12.29L14.55 2.61C14.662 2.4259 14.8189 2.27332 15.0061 2.16661C15.1933 2.05989 15.4045 2.00256 15.62 2H19L18.66 2.89C18.66 2.89 17.17 3.04 17.11 3.63C17.05 4.22 16 15.34 15.93 16.13C15.86 16.92 17.33 17.13 17.33 17.13L17.17 17.99H13.84C13.7241 17.9764 13.612 17.9399 13.5103 17.8826C13.4086 17.8253 13.3194 17.7484 13.2477 17.6562C13.176 17.5641 13.1234 17.4586 13.0929 17.346C13.0624 17.2333 13.0546 17.1157 13.07 17L14.43 5.52L10 14.57C9.8 15.03 9.07 15.72 8.63 15.71H7.75L6.05 4.86L3.54 17.39C3.51941 17.5514 3.44327 17.7005 3.32465 17.8118C3.20603 17.9232 3.05235 17.9897 2.89 18H1L1.11 17.09C1.11 17.09 2.21 17.09 2.3 16.69C2.39 16.29 5.3 3.76 5.41 3.32C5.52 2.88 4.19 2.81 4.19 2.81L4.46 2H6.62C7.09 2 7.92 2.38 8 2.92Z" fill="white" />
-        </svg>
-    `
-
-    static map = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M4 0H0V4H4V0Z" fill="currentColor"/>
-            <path d="M4 6H0V10H4V6Z" fill="currentColor"/>
-            <path d="M4 12H0V16H4V12Z" fill="currentColor"/>
-            <path d="M16 0H6V4H16V0Z" fill="white"/>
-            <path d="M16 6H6V10H16V6Z" fill="white"/>
-            <path d="M16 12H6V16H16V12Z" fill="white"/>
-        </svg>
-    `
-
-    static makeArray = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15 4H13V6H15V4Z" fill="white" />
-            <path d="M15 7H13V9H15V7Z" fill="white" />
-            <path d="M15 10H13V12H15V10Z" fill="white" />
-            <path d="M12 4H10V6H12V4Z" fill="white" />
-            <path d="M12 7H10V9H12V7Z" fill="white" />
-            <path d="M12 10H10V12H12V10Z" fill="white" />
-            <path d="M9 4H7V6H9V4Z" fill="white" />
-            <path d="M9 7H7V9H9V7Z" fill="white" />
-            <path d="M9 10H7V12H9V10Z" fill="white" />
-            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white" />
-            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white" />
-        </svg>
-    `
-
-    static makeMap = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M15 4H10V6H15V4Z" fill="white" />
-            <path d="M15 7H10V9H15V7Z" fill="white" />
-            <path d="M15 10H10V12H15V10Z" fill="white" />
-            <path d="M9 4H7V6H9V4Z" fill="white" />
-            <path d="M9 7H7V9H9V7Z" fill="white" />
-            <path d="M9 10H7V12H9V10Z" fill="white" />
-            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white" />
-            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white" />
-        </svg>
-    `
-
-    static makeSet = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/>
-            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/>
-            <path d="M6 8.00205V7.43062C6.40147 7.37088 6.79699 7.28299 7.18286 7.16777C7.30414 7.11578 7.40659 7.03462 7.47858 6.93348C7.57165 6.81021 7.63108 6.66933 7.65215 6.52205C7.6832 6.31181 7.69609 6.09976 7.69072 5.88777C7.67539 5.53753 7.70341 5.18685 7.77429 4.84205C7.81918 4.66059 7.92446 4.49533 8.07643 4.36777C8.26269 4.22923 8.48285 4.13138 8.71929 4.08205C9.01252 4.02392 9.31249 3.99706 9.61287 4.00205H9.85715V4.57348C9.66398 4.58307 9.47806 4.64211 9.32179 4.7435C9.16552 4.84489 9.04559 4.9843 8.97644 5.14491C8.92057 5.24999 8.89621 5.36613 8.90572 5.48205C8.90572 5.64205 8.90572 5.95062 8.86715 6.40205C8.85805 6.6136 8.81697 6.8231 8.74501 7.02491C8.69216 7.17345 8.60697 7.3113 8.49429 7.43062C8.33135 7.64 8.1415 7.83177 7.92858 8.00205" fill="white"/>
-            <path d="M7.92858 8.00195C8.14537 8.18165 8.33547 8.3852 8.49429 8.60767C8.60419 8.72229 8.6892 8.85404 8.74501 8.99624C8.81697 9.19805 8.85805 9.40755 8.86715 9.6191C8.89286 10.0724 8.90572 10.381 8.90572 10.5448C8.89679 10.6607 8.92112 10.7767 8.97644 10.882C9.05077 11.0375 9.17272 11.1714 9.32842 11.2683C9.48411 11.3653 9.66731 11.4215 9.85715 11.4305V12.002H9.61287C9.31086 12.0112 9.0087 11.9881 8.71286 11.9334C8.47744 11.8816 8.25788 11.784 8.07001 11.6477C7.91926 11.5193 7.81421 11.3543 7.76786 11.1734C7.69764 10.8285 7.66962 10.4779 7.68429 10.1277C7.69081 9.91186 7.67791 9.69593 7.64572 9.48195C7.62465 9.33468 7.56522 9.1938 7.47215 9.07052C7.40016 8.96939 7.29771 8.88822 7.17643 8.83624C6.79266 8.72131 6.3993 8.63342 6 8.57338V8.00195" fill="white"/>
-            <path d="M13.0712 8.00197C12.8582 7.83169 12.6684 7.63992 12.5054 7.43054C12.3942 7.31461 12.3091 7.18076 12.2547 7.03626C12.1828 6.83445 12.1417 6.62495 12.1326 6.4134C12.1326 5.96197 12.094 5.6534 12.094 5.4934C12.1058 5.37369 12.0814 5.25334 12.0233 5.14483C11.9541 4.98422 11.8342 4.84481 11.6779 4.74342C11.5217 4.64203 11.3357 4.58299 11.1426 4.5734V4.00197H11.3869C11.6889 3.99277 11.991 4.01579 12.2869 4.07054C12.5233 4.11987 12.7435 4.21772 12.9297 4.35626C13.0817 4.48382 13.187 4.64908 13.2319 4.83054C13.3027 5.17534 13.3308 5.52602 13.3154 5.87626C13.3094 6.09206 13.3223 6.30795 13.354 6.52197C13.3751 6.66925 13.4345 6.81013 13.5276 6.9334C13.5996 7.03454 13.702 7.1157 13.8233 7.16769C14.2071 7.28262 14.6004 7.37051 14.9997 7.43054V8.00197" fill="white"/>
-            <path d="M14.9997 8.00195V8.57338C14.5983 8.63312 14.2027 8.72102 13.8169 8.83624C13.6956 8.88822 13.5931 8.96939 13.5212 9.07052C13.4281 9.1938 13.3686 9.33468 13.3476 9.48195C13.3154 9.69593 13.3025 9.91186 13.309 10.1277C13.3237 10.4779 13.2957 10.8285 13.2254 11.1734C13.1791 11.3543 13.074 11.5193 12.9233 11.6477C12.7354 11.784 12.5159 11.8816 12.2804 11.9334C11.9846 11.9881 11.6824 12.0112 11.3804 12.002H11.1426V11.4305C11.3353 11.4196 11.5205 11.36 11.6765 11.2588C11.8325 11.1576 11.9528 11.0189 12.0233 10.8591C12.0786 10.7539 12.1029 10.6378 12.094 10.522C12.094 10.3543 12.1069 10.0458 12.1326 9.59624C12.1417 9.38469 12.1828 9.17519 12.2547 8.97338C12.3105 8.83119 12.3955 8.69943 12.5054 8.58481C12.666 8.37037 12.856 8.17457 13.0712 8.00195" fill="white"/>
-        </svg>
-    `
-
-    static makeStruct = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white" />
-            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white" />
-            <path d="M12.975 6H8.025C6.90662 6 6 6.90662 6 8.025V8.475C6 9.59338 6.90662 10.5 8.025 10.5H12.975C14.0934 10.5 15 9.59338 15 8.475V8.025C15 6.90662 14.0934 6 12.975 6Z" fill="white" />
-        </svg>
-    `
-
-    static mouse = y`
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 8.34043H14L13.9143 6.6383H8.85714V0H7.14286V6.6383H2.08571L2 8.34043H7.14286H8.85714Z" fill="white"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 0C11 0.595745 13.4 3.31915 13.9143 6.6383H8.85714V0ZM7.14286 0C5 0.595745 2.6 3.31915 2.08571 6.6383H7.14286V0ZM8.85714 8.34043H7.14286H2C2 12.5957 3.02857 16 8 16C12.9714 16 14 12.5957 14 8.34043H8.85714Z" fill="white"/>
-        </svg>
-    `
-
-    static questionMark = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M8 15C9.10456 15 10 14.1046 10 13C10 11.8954 9.10456 11 8 11C6.89544 11 6 11.8954 6 13C6 14.1046 6.89544 15 8 15Z" fill="white" />
-            <path d="M5 4.86697C5.15 3.33619 6.5 2.26465 8 2.26465C9.65 2.26465 11 3.64235 11 5.3262C11 7.01005 8 7.92852 8 9.00006" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
-        </svg>
-    `
-
-    static referencePin = y`
-        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-            <polygon class="ueb-pin-tofill" points="4 16 16 4 28 16 16 28" stroke="currentColor" stroke-width="5" />
-        </svg>
-    `
-
-    static reject = y`
-        <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 set = y`
-        <svg viewBox="2 2 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1 7.99956V6.99956C1.62451 6.89501 2.23976 6.7412 2.84 6.53956C3.02865 6.44859 3.18802 6.30655 3.3 6.12956C3.44478 5.91383 3.53723 5.6673 3.57 5.40956C3.6183 5.04164 3.63836 4.67055 3.63 4.29956C3.60615 3.68664 3.64974 3.07296 3.76 2.46956C3.82982 2.152 3.99359 1.86279 4.23 1.63956C4.51974 1.39713 4.86221 1.22589 5.23 1.13956C5.68612 1.03782 6.15275 0.990826 6.62 0.999563H7V1.99956C6.69952 2.01634 6.4103 2.11967 6.16722 2.2971C5.92414 2.47453 5.73757 2.71849 5.63 2.99956C5.5431 3.18346 5.5052 3.3867 5.52 3.58956C5.52 3.86956 5.52 4.40956 5.46 5.19956C5.44584 5.56977 5.38194 5.9364 5.27 6.28956C5.18779 6.5495 5.05527 6.79074 4.88 6.99956C4.62654 7.36597 4.33121 7.70157 4 7.99956" fill="currentColor" />
-            <path d="M4 7.99951C4.33723 8.31397 4.63295 8.67019 4.88 9.05951C5.05095 9.2601 5.18319 9.49067 5.27 9.73951C5.38194 10.0927 5.44584 10.4593 5.46 10.8295C5.5 11.6228 5.52 12.1628 5.52 12.4495C5.5061 12.6523 5.54395 12.8553 5.63 13.0395C5.74563 13.3117 5.93533 13.546 6.17752 13.7157C6.41972 13.8854 6.70468 13.9837 7 13.9995V14.9995H6.62C6.15021 15.0156 5.68019 14.9753 5.22 14.8795C4.85378 14.7889 4.51224 14.6181 4.22 14.3795C3.98551 14.1548 3.8221 13.8662 3.75 13.5495C3.64077 12.946 3.59718 12.3324 3.62 11.7195C3.63014 11.3418 3.61007 10.964 3.56 10.5895C3.52723 10.3318 3.43478 10.0852 3.29 9.86951C3.17802 9.69252 3.01865 9.55048 2.83 9.45951C2.23302 9.25838 1.62113 9.10457 1 8.99951V7.99951" fill="currentColor" />
-            <path d="M12 7.99955C11.6688 7.70156 11.3735 7.36596 11.12 6.99955C10.947 6.79667 10.8146 6.56242 10.73 6.30955C10.6181 5.95638 10.5542 5.58976 10.54 5.21954C10.54 4.42954 10.48 3.88955 10.48 3.60955C10.4983 3.40004 10.4604 3.18944 10.37 2.99955C10.2624 2.71847 10.0759 2.47452 9.83278 2.29708C9.5897 2.11965 9.30048 2.01632 9 1.99955V0.999545H9.38C9.84979 0.983442 10.3198 1.02373 10.78 1.11955C11.1478 1.20587 11.4903 1.37711 11.78 1.61955C12.0164 1.84278 12.1802 2.13198 12.25 2.44955C12.3603 3.05294 12.4039 3.66662 12.38 4.27955C12.3706 4.6572 12.3907 5.03501 12.44 5.40954C12.4728 5.66728 12.5652 5.91382 12.71 6.12955C12.822 6.30653 12.9813 6.44858 13.17 6.53955C13.767 6.74067 14.3789 6.89448 15 6.99955V7.99955" fill="currentColor" />
-            <path d="M15 7.99951V8.99951C14.3755 9.10406 13.7602 9.25787 13.16 9.45951C12.9713 9.55048 12.812 9.69252 12.7 9.86951C12.5552 10.0852 12.4628 10.3318 12.43 10.5895C12.3799 10.964 12.3599 11.3418 12.37 11.7195C12.3928 12.3324 12.3492 12.946 12.24 13.5495C12.1679 13.8662 12.0045 14.1548 11.77 14.3795C11.4778 14.6181 11.1362 14.7889 10.77 14.8795C10.3098 14.9753 9.83979 15.0156 9.37 14.9995H9V13.9995C9.2998 13.9803 9.58791 13.876 9.83056 13.6989C10.0732 13.5218 10.2603 13.2792 10.37 12.9995C10.456 12.8153 10.4939 12.6123 10.48 12.4095C10.48 12.1162 10.5 11.5762 10.54 10.7895C10.5542 10.4193 10.6181 10.0527 10.73 9.69951C10.8168 9.45067 10.9491 9.2201 11.12 9.01951C11.3698 8.64424 11.6654 8.30159 12 7.99951" fill="currentColor" />
-        </svg>
-    `
-
-    static select = y`
-        <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" />
-            <rect x="10" y="7" width="3" height="2" fill="white" />
-            <path d="M12 5L15 8L12 11V5Z" fill="white" />
-            <rect x="1" y="7" width="8" height="2" fill="white" />
-            <rect x="5" y="4" width="2" height="9" fill="white" />
-            <rect x="1" y="12" width="6" height="2" fill="white" />
-        </svg>
-    `
-
-    static sequence = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect x="3" y="2" width="5" height="2" fill="white" />
-            <rect y="7" width="8" height="2" fill="white" />
-            <rect x="3" y="4" width="2" height="9" fill="white" />
-            <rect x="3" y="12" width="5" height="2" fill="white" />
-            <rect x="10" y="2" width="6" height="2" fill="white" />
-            <rect x="10" y="7" width="4" height="2" fill="white" />
-            <rect x="10" y="12" width="2" height="2" fill="white" />
-        </svg>
-    `
-
-    static touchpad = y`
-        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path  fill="white" fill-rule="evenodd" clip-rule="evenodd" d="M13 0H3C2.4 0 2 0.4 2 1V15C2 15.6 2.4 16 3 16H13C13.6 16 14 15.6 14 15V1C14 0.4 13.6 0 13 0ZM8 15.5C7.2 15.5 6.5 14.8 6.5 14C6.5 13.2 7.2 12.5 8 12.5C8.8 12.5 9.5 13.2 9.5 14C9.5 14.8 8.8 15.5 8 15.5ZM13 12H3V1H13V12Z" />
-            <path opacity="0.5" d="M13 1H3V12H13V1Z" fill="white"/>
-        </svg>
-    `
-}
-
+}
+
+class SVGIcon {
+
+    static array = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4 0H0V4H4V0Z" fill="currentColor" />
+            <path d="M10 0H6V4H10V0Z" fill="currentColor" />
+            <path d="M16 0H12V4H16V0Z" fill="currentColor" />
+            <path d="M4 6H0V10H4V6Z" fill="currentColor" />
+            <path class="ueb-pin-tofill" d="M10 6H6V10H10V6Z" fill="black" />
+            <path d="M16 6H12V10H16V6Z" fill="currentColor" />
+            <path d="M4 12H0V16H4V12Z" fill="currentColor" />
+            <path d="M10 12H6V16H10V12Z" fill="currentColor" />
+            <path d="M16 12H12V16H16V12Z" fill="currentColor" />
+        </svg>
+    `
+
+    static branchNode = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M11 2H6C5.44772 2 5 2.44772 5 3V13C5 13.5523 5.44772 14 6 14H11V12H7V4H11V2Z" fill="white" />
+            <rect x="1" y="7" width="4" height="2" fill="white" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M11 6L15 3L11 0V6Z" fill="white" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M11 16L15 13L11 10V16Z" fill="white" />
+        </svg>
+    `
+
+    static breakStruct = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M12 14L10 12L11 11L13 13L14 12L14 15L11 15L12 14Z" fill="white" />
+            <path d="M13 3L11 5L10 4L12 2L11 1L14 1L14 4L13 3Z" fill="white" />
+            <path d="M7.975 6H3.025C1.90662 6 1 6.90662 1 8.025V8.475C1 9.59338 1.90662 10.5 3.025 10.5H7.975C9.09338 10.5 10 9.59338 10 8.475V8.025C10 6.90662 9.09338 6 7.975 6Z" fill="white" />
+        </svg>
+    `
+
+    static cast = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 12L16 7.5L12 3V12Z" fill="white" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 11L4 7.5L0 4V11Z" fill="white" />
+            <rect opacity="0.5" x="5" y="6" width="1" height="3" fill="white" />
+            <rect opacity="0.5" x="7" y="6" width="1" height="3" fill="white" />
+            <rect opacity="0.5" x="9" y="6" width="1" height="3" fill="white" />
+            <rect x="9" y="6" width="3" height="3" fill="white" />
+        </svg>
+    `
+
+    static close = y`
+        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <line x1="2" y1="2" x2="30" y2="30" stroke="currentColor" stroke-width="4" />
+            <line x1="30" y1="2" x2="2" y2="30" stroke="currentColor" stroke-width="4" />
+        </svg>
+    `
+
+    static correct = y`
+        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <path fill="#2da800" d="M 2 16 L 14 30 L 30 2 L 13 22 Z" />
+        </svg>
+    `
+
+    static delegate = y`
+        <svg viewBox="-2 -2 32 32" xmlns="http://www.w3.org/2000/svg">
+            <rect class="ueb-pin-tofill" fill="black" width="28" height="28" rx="4" stroke="currentColor" stroke-width="5" />
+        </svg>
+    `
+
+    static doN = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill="white" d="M1 12V8H9V4L16 10L9 16V12H1Z" />
+            <path fill="white" d="M7 6L6 6L4 2.66667V6H3V1H4L6 4.33333V1H7V6Z" />
+        </svg>
+    `
+
+    static enum = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill="white" d="M9 5V0H2V16H14V5H9ZM3.2 4.4L4.5 4H4.6V7H4V4.7L3.2 4.9V4.4ZM4.7 14.8C4.6 14.9 4.3 15 4 15C3.7 15 3.5 14.9 3.3 14.8C3.1 14.6 3 14.4 3 14.2H3.6C3.6 14.3 3.6 14.4 3.7 14.5C3.8 14.6 3.9 14.6 4 14.6C4.1 14.6 4.2 14.6 4.3 14.5C4.4 14.4 4.4 14.3 4.4 14.2C4.4 13.9 4.2 13.8 3.9 13.8H3.7V13.3H4C4.1 13.3 4.3 13.3 4.3 13.2C4.4 13.1 4.4 13 4.4 12.9C4.4 12.8 4.4 12.7 4.3 12.6C4.2 12.5 4.1 12.5 4 12.5C3.9 12.5 3.8 12.5 3.7 12.6C3.6 12.7 3.6 12.7 3.6 12.8H3C3 12.6 3 12.5 3.1 12.4C3.2 12.3 3.3 12.2 3.4 12.1C3.7 12 3.8 12 4 12C4.3 12 4.6 12.1 4.7 12.2C4.9 12.4 5 12.6 5 12.8C5 12.9 5 13.1 4.9 13.2C4.8 13.3 4.7 13.4 4.6 13.5C4.8 13.6 4.9 13.6 5 13.8C5 13.8 5 14 5 14.1C5 14.4 4.9 14.6 4.7 14.8ZM5.1 11H3.1V10.6L4.1 9.6C4.2 9.5 4.3 9.3 4.4 9.2C4.4 9.1 4.4 9 4.4 8.9C4.4 8.8 4.4 8.7 4.3 8.6C4.2 8.5 4.1 8.5 4 8.5C3.9 8.5 3.8 8.5 3.7 8.6C3.6 8.7 3.6 8.8 3.6 9H3C3 8.8 3 8.7 3.1 8.5C3.2 8.4 3.3 8.2 3.5 8.1C3.7 8 3.8 8 4 8C4.3 8 4.5 8.1 4.7 8.2C4.9 8.4 5 8.6 5 8.8C5 9 5 9.1 4.9 9.3C4.8 9.4 4.7 9.6 4.5 9.8L3.8 10.5H5.1V11ZM12 15H6V14H12V15ZM12 11H6V10H12V11ZM12 7H6V6H12V7Z" />
+            <path d="M9 0H8L14 6V5L9 0Z" fill="white"/>
+        </svg>
+    `
+
+    static event = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect x="0.929031" y="8" width="10" height="10" rx="0.5" transform="rotate(-45 0.929031 8)" stroke="white" />
+            <path d="M5 4.00024L8 1.00024V6.00024H3L5 4.00024Z" fill="white" />
+            <path d="M6 13.0002L3 10.0002L8 10.0002L8 15.0002L6 13.0002Z" fill="white" />
+            <path d="M4.53551 6.82854L4.53551 11.0712L0.999977 7.53564L4.53551 4.00011L4.53551 6.82854Z" fill="white" />
+        </svg>
+    `
+
+    static execPin = y`
+        <svg viewBox="-2 0 16 16" xmlns="http://www.w3.org/2000/svg">
+            <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>
+    `
+
+    static expandIcon = y`
+        <svg fill="currentColor" viewBox="4 4 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path d="M 16.003 18.626 l 7.081 -7.081 L 25 13.46 l -8.997 8.998 -9.003 -9 1.917 -1.916 z" />
+        </svg>
+    `
+
+    static forEachLoop = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C1.8 2 0 3.8 0 6V9C0 11.2 2 13 4 13H10V11H5C3.2 11 2 9.7 2 8V7C2 5.63882 2.76933 4.53408 4 4.14779V2ZM12 4C13.8 4 14 5.3 14 7V8C14 8.8 13.7 9.5 13.3 10L15.2 11.4C15.7 10.7 16 9.9 16 9V6C16 3.8 14.2 2 12 2V4Z" fill="white" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L13 12L8 8V16Z" fill="white" />
+            <rect x="5" y="1" width="1" height="4" fill="white" />
+            <rect x="7" y="1" width="1" height="4" fill="white" />
+            <rect x="9" y="1" width="1" height="4" fill="white" />
+            <rect x="11" y="2" width="1" height="2" fill="white" />
+        </svg>
+    `
+
+    static functionSymbol = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+                d="M9.72002 6.0699C9.88111 4.96527 10.299 3.9138 10.94 2.99991C10.94 2.99991 10.94 3.05991 10.94 3.08991C10.94 3.36573 11.0496 3.63026 11.2446 3.8253C11.4397 4.02033 11.7042 4.12991 11.98 4.12991C12.2558 4.12991 12.5204 4.02033 12.7154 3.8253C12.9105 3.63026 13.02 3.36573 13.02 3.08991C13.0204 2.90249 12.9681 2.71873 12.8691 2.5596C12.7701 2.40047 12.6283 2.27237 12.46 2.18991H12.37C11.8725 2.00961 11.3275 2.00961 10.83 2.18991C9.21002 2.63991 8.58002 4.99991 8.58002 4.99991L8.40002 5.1199H5.40002L5.15002 6.1199H8.27002L7.27002 11.4199C7.11348 12.0161 6.79062 12.5555 6.33911 12.9751C5.8876 13.3948 5.32607 13.6773 4.72002 13.7899C4.78153 13.655 4.81227 13.5081 4.81002 13.3599C4.81002 13.0735 4.69624 12.7988 4.4937 12.5962C4.29116 12.3937 4.01646 12.2799 3.73002 12.2799C3.44359 12.2799 3.16889 12.3937 2.96635 12.5962C2.76381 12.7988 2.65002 13.0735 2.65002 13.3599C2.66114 13.605 2.75692 13.8386 2.92104 14.021C3.08517 14.2033 3.30746 14.3231 3.55002 14.3599C7.91002 15.1999 8.55002 11.4499 8.55002 11.4499L9.55002 7.05991H12.55L12.8 6.05991H9.64002L9.72002 6.0699Z"
+                fill="currentColor"
+            />
+        </svg>
+    `
+
+    static gamepad = y`
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill="white" d="m 15.2107 8.525 c -0.6619 -1.7207 -1.9856 -4.8978 -3.3094 -4.8978 c -1.9856 0 -1.9856 1.8532 -2.7799 1.8532 c -0.3971 0 -1.8532 0 -2.3827 0 c -0.7943 0 -0.7943 -1.8532 -2.6475 -1.8532 c -1.3238 0 -2.6475 3.0446 -3.3094 4.8978 c -1.059 3.3094 -1.1914 4.8979 1.1914 4.8979 c 2.6475 0 2.6475 -3.0445 5.9569 -3.0445 c 3.3094 0 3.4418 3.0445 5.9569 3.0445 c 2.5151 0 2.5151 -1.5885 1.3238 -4.8979 z m -8.472 0 h -1.3238 v 1.3238 h -1.3238 v -1.3238 h -1.3238 v -1.3238 h 1.3238 v -1.3238 h 1.3238 v 1.3238 h 1.3238 v 1.3238 z m 4.6331 1.5887 c -1.1914 0 -2.2504 -0.9268 -2.2504 -2.2505 c 0 -1.1913 0.9267 -2.2503 2.2504 -2.2503 c 1.3238 0 2.2504 0.9266 2.2504 2.2503 c 0 1.1915 -1.059 2.2505 -2.2504 2.2505 z m -0.0001 -2.9124 c -0.3971 0 -0.6619 0.2648 -0.6619 0.6619 c 0 0.3971 0.2648 0.6619 0.6619 0.6619 c 0.3971 0 0.6619 -0.2648 0.6619 -0.6619 c 0 -0.3971 -0.2648 -0.6619 -0.6619 -0.6619 z" />
+        </svg>
+    `
+
+    static genericPin = y`
+        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <circle class="ueb-pin-tofill" cx="16" cy="16" r="13" fill="black" stroke="currentColor" stroke-width="5" />
+            <path fill="currentColor" d="M 34 6 L 34 26 L 42 16 Z" />
+        </svg>
+    `
+
+    static keyboard = y`
+        <svg viewBox="0 -3 16 16" xmlns="http://www.w3.org/2000/svg">
+            <path fill="white" d="M 1 10 H 15 c 0.2652 0 0.5195 -0.1054 0.707 -0.293 c 0.1875 -0.1875 0.293 -0.4418 0.293 -0.707 v -8 c 0 -0.2652 -0.1054 -0.5195 -0.293 -0.707 c -0.1875 -0.1875 -0.4418 -0.293 -0.707 -0.293 H 1 c -0.2652 0 -0.5195 0.1054 -0.707 0.293 c -0.1875 0.1875 -0.293 0.4418 -0.293 0.707 V 9 c 0 0.2652 0.1054 0.5195 0.293 0.707 c 0.1875 0.1875 0.4418 0.293 0.707 0.293 Z M 14 6 h -3 v -2 h 3 v 2 Z M 13 1 h 2 v 2 h -2 v -2 Z M 10 1 h 2 v 2 h -2 v -2 Z M 10 6 h -2 v -2 h 2 v 2 Z M 7 1 h 2 v 2 h -2 v -2 Z M 7 6 h -2 v -2 h 2 v 2 Z M 4 1 h 2 v 2 h -2 v -2 Z M 4 6 h -2 v -2 h 2 v 2 Z M 1 1 h 2 v 2 h -2 v -2 Z M 1 7 h 2 v 2 h -2 v -2 M 4 7 h 8 v 2 h -8 v -2 M 13 7 h 2 v 2 h -2 v -2 Z" />
+        </svg>
+    `
+
+    static loop = y`
+        <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+            <defs>
+                <style>
+                    .cls-1 {
+                        fill: #fff;
+                        fill-rule: evenodd;
+                    }
+                    .cls-2 {
+                        fill: none;
+                    }
+                </style>
+            </defs>
+            <g id="Layer_2" data-name="Layer 2">
+                <g id="Layer_4" data-name="Layer 4">
+                    <path class="cls-1" d="M16,2H4A4,4,0,0,0,0,6v4a4.14,4.14,0,0,0,4,4H9v5l8-6L9,7v5H4.5A2.36,2.36,0,0,1,2,9.5v-3A2.36,2.36,0,0,1,4.5,4h11A2.36,2.36,0,0,1,18,6.5V9a3,3,0,0,1-.69,2l1.88,1.41A4,4,0,0,0,20,10V6A4,4,0,0,0,16,2Z" />
+                    <rect class="cls-2" width="20" height="20" />
+                </g>
+            </g>
+        </svg>
+    `
+
+    static macro = y`
+        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8 2.92L10 12.29L14.55 2.61C14.662 2.4259 14.8189 2.27332 15.0061 2.16661C15.1933 2.05989 15.4045 2.00256 15.62 2H19L18.66 2.89C18.66 2.89 17.17 3.04 17.11 3.63C17.05 4.22 16 15.34 15.93 16.13C15.86 16.92 17.33 17.13 17.33 17.13L17.17 17.99H13.84C13.7241 17.9764 13.612 17.9399 13.5103 17.8826C13.4086 17.8253 13.3194 17.7484 13.2477 17.6562C13.176 17.5641 13.1234 17.4586 13.0929 17.346C13.0624 17.2333 13.0546 17.1157 13.07 17L14.43 5.52L10 14.57C9.8 15.03 9.07 15.72 8.63 15.71H7.75L6.05 4.86L3.54 17.39C3.51941 17.5514 3.44327 17.7005 3.32465 17.8118C3.20603 17.9232 3.05235 17.9897 2.89 18H1L1.11 17.09C1.11 17.09 2.21 17.09 2.3 16.69C2.39 16.29 5.3 3.76 5.41 3.32C5.52 2.88 4.19 2.81 4.19 2.81L4.46 2H6.62C7.09 2 7.92 2.38 8 2.92Z" fill="white" />
+        </svg>
+    `
+
+    static map = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4 0H0V4H4V0Z" fill="currentColor"/>
+            <path d="M4 6H0V10H4V6Z" fill="currentColor"/>
+            <path d="M4 12H0V16H4V12Z" fill="currentColor"/>
+            <path d="M16 0H6V4H16V0Z" fill="white"/>
+            <path d="M16 6H6V10H16V6Z" fill="white"/>
+            <path d="M16 12H6V16H16V12Z" fill="white"/>
+        </svg>
+    `
+
+    static makeArray = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M15 4H13V6H15V4Z" fill="white" />
+            <path d="M15 7H13V9H15V7Z" fill="white" />
+            <path d="M15 10H13V12H15V10Z" fill="white" />
+            <path d="M12 4H10V6H12V4Z" fill="white" />
+            <path d="M12 7H10V9H12V7Z" fill="white" />
+            <path d="M12 10H10V12H12V10Z" fill="white" />
+            <path d="M9 4H7V6H9V4Z" fill="white" />
+            <path d="M9 7H7V9H9V7Z" fill="white" />
+            <path d="M9 10H7V12H9V10Z" fill="white" />
+            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white" />
+            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white" />
+        </svg>
+    `
+
+    static makeMap = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M15 4H10V6H15V4Z" fill="white" />
+            <path d="M15 7H10V9H15V7Z" fill="white" />
+            <path d="M15 10H10V12H15V10Z" fill="white" />
+            <path d="M9 4H7V6H9V4Z" fill="white" />
+            <path d="M9 7H7V9H9V7Z" fill="white" />
+            <path d="M9 10H7V12H9V10Z" fill="white" />
+            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white" />
+            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white" />
+        </svg>
+    `
+
+    static makeSet = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/>
+            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/>
+            <path d="M6 8.00205V7.43062C6.40147 7.37088 6.79699 7.28299 7.18286 7.16777C7.30414 7.11578 7.40659 7.03462 7.47858 6.93348C7.57165 6.81021 7.63108 6.66933 7.65215 6.52205C7.6832 6.31181 7.69609 6.09976 7.69072 5.88777C7.67539 5.53753 7.70341 5.18685 7.77429 4.84205C7.81918 4.66059 7.92446 4.49533 8.07643 4.36777C8.26269 4.22923 8.48285 4.13138 8.71929 4.08205C9.01252 4.02392 9.31249 3.99706 9.61287 4.00205H9.85715V4.57348C9.66398 4.58307 9.47806 4.64211 9.32179 4.7435C9.16552 4.84489 9.04559 4.9843 8.97644 5.14491C8.92057 5.24999 8.89621 5.36613 8.90572 5.48205C8.90572 5.64205 8.90572 5.95062 8.86715 6.40205C8.85805 6.6136 8.81697 6.8231 8.74501 7.02491C8.69216 7.17345 8.60697 7.3113 8.49429 7.43062C8.33135 7.64 8.1415 7.83177 7.92858 8.00205" fill="white"/>
+            <path d="M7.92858 8.00195C8.14537 8.18165 8.33547 8.3852 8.49429 8.60767C8.60419 8.72229 8.6892 8.85404 8.74501 8.99624C8.81697 9.19805 8.85805 9.40755 8.86715 9.6191C8.89286 10.0724 8.90572 10.381 8.90572 10.5448C8.89679 10.6607 8.92112 10.7767 8.97644 10.882C9.05077 11.0375 9.17272 11.1714 9.32842 11.2683C9.48411 11.3653 9.66731 11.4215 9.85715 11.4305V12.002H9.61287C9.31086 12.0112 9.0087 11.9881 8.71286 11.9334C8.47744 11.8816 8.25788 11.784 8.07001 11.6477C7.91926 11.5193 7.81421 11.3543 7.76786 11.1734C7.69764 10.8285 7.66962 10.4779 7.68429 10.1277C7.69081 9.91186 7.67791 9.69593 7.64572 9.48195C7.62465 9.33468 7.56522 9.1938 7.47215 9.07052C7.40016 8.96939 7.29771 8.88822 7.17643 8.83624C6.79266 8.72131 6.3993 8.63342 6 8.57338V8.00195" fill="white"/>
+            <path d="M13.0712 8.00197C12.8582 7.83169 12.6684 7.63992 12.5054 7.43054C12.3942 7.31461 12.3091 7.18076 12.2547 7.03626C12.1828 6.83445 12.1417 6.62495 12.1326 6.4134C12.1326 5.96197 12.094 5.6534 12.094 5.4934C12.1058 5.37369 12.0814 5.25334 12.0233 5.14483C11.9541 4.98422 11.8342 4.84481 11.6779 4.74342C11.5217 4.64203 11.3357 4.58299 11.1426 4.5734V4.00197H11.3869C11.6889 3.99277 11.991 4.01579 12.2869 4.07054C12.5233 4.11987 12.7435 4.21772 12.9297 4.35626C13.0817 4.48382 13.187 4.64908 13.2319 4.83054C13.3027 5.17534 13.3308 5.52602 13.3154 5.87626C13.3094 6.09206 13.3223 6.30795 13.354 6.52197C13.3751 6.66925 13.4345 6.81013 13.5276 6.9334C13.5996 7.03454 13.702 7.1157 13.8233 7.16769C14.2071 7.28262 14.6004 7.37051 14.9997 7.43054V8.00197" fill="white"/>
+            <path d="M14.9997 8.00195V8.57338C14.5983 8.63312 14.2027 8.72102 13.8169 8.83624C13.6956 8.88822 13.5931 8.96939 13.5212 9.07052C13.4281 9.1938 13.3686 9.33468 13.3476 9.48195C13.3154 9.69593 13.3025 9.91186 13.309 10.1277C13.3237 10.4779 13.2957 10.8285 13.2254 11.1734C13.1791 11.3543 13.074 11.5193 12.9233 11.6477C12.7354 11.784 12.5159 11.8816 12.2804 11.9334C11.9846 11.9881 11.6824 12.0112 11.3804 12.002H11.1426V11.4305C11.3353 11.4196 11.5205 11.36 11.6765 11.2588C11.8325 11.1576 11.9528 11.0189 12.0233 10.8591C12.0786 10.7539 12.1029 10.6378 12.094 10.522C12.094 10.3543 12.1069 10.0458 12.1326 9.59624C12.1417 9.38469 12.1828 9.17519 12.2547 8.97338C12.3105 8.83119 12.3955 8.69943 12.5054 8.58481C12.666 8.37037 12.856 8.17457 13.0712 8.00195" fill="white"/>
+        </svg>
+    `
+
+    static makeStruct = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white" />
+            <path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white" />
+            <path d="M12.975 6H8.025C6.90662 6 6 6.90662 6 8.025V8.475C6 9.59338 6.90662 10.5 8.025 10.5H12.975C14.0934 10.5 15 9.59338 15 8.475V8.025C15 6.90662 14.0934 6 12.975 6Z" fill="white" />
+        </svg>
+    `
+
+    static mouse = y`
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 8.34043H14L13.9143 6.6383H8.85714V0H7.14286V6.6383H2.08571L2 8.34043H7.14286H8.85714Z" fill="white"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 0C11 0.595745 13.4 3.31915 13.9143 6.6383H8.85714V0ZM7.14286 0C5 0.595745 2.6 3.31915 2.08571 6.6383H7.14286V0ZM8.85714 8.34043H7.14286H2C2 12.5957 3.02857 16 8 16C12.9714 16 14 12.5957 14 8.34043H8.85714Z" fill="white"/>
+        </svg>
+    `
+
+    static questionMark = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8 15C9.10456 15 10 14.1046 10 13C10 11.8954 9.10456 11 8 11C6.89544 11 6 11.8954 6 13C6 14.1046 6.89544 15 8 15Z" fill="white" />
+            <path d="M5 4.86697C5.15 3.33619 6.5 2.26465 8 2.26465C9.65 2.26465 11 3.64235 11 5.3262C11 7.01005 8 7.92852 8 9.00006" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+    `
+
+    static referencePin = y`
+        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <polygon class="ueb-pin-tofill" points="4 16 16 4 28 16 16 28" stroke="currentColor" stroke-width="5" />
+        </svg>
+    `
+
+    static reject = y`
+        <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 set = y`
+        <svg viewBox="2 2 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 7.99956V6.99956C1.62451 6.89501 2.23976 6.7412 2.84 6.53956C3.02865 6.44859 3.18802 6.30655 3.3 6.12956C3.44478 5.91383 3.53723 5.6673 3.57 5.40956C3.6183 5.04164 3.63836 4.67055 3.63 4.29956C3.60615 3.68664 3.64974 3.07296 3.76 2.46956C3.82982 2.152 3.99359 1.86279 4.23 1.63956C4.51974 1.39713 4.86221 1.22589 5.23 1.13956C5.68612 1.03782 6.15275 0.990826 6.62 0.999563H7V1.99956C6.69952 2.01634 6.4103 2.11967 6.16722 2.2971C5.92414 2.47453 5.73757 2.71849 5.63 2.99956C5.5431 3.18346 5.5052 3.3867 5.52 3.58956C5.52 3.86956 5.52 4.40956 5.46 5.19956C5.44584 5.56977 5.38194 5.9364 5.27 6.28956C5.18779 6.5495 5.05527 6.79074 4.88 6.99956C4.62654 7.36597 4.33121 7.70157 4 7.99956" fill="currentColor" />
+            <path d="M4 7.99951C4.33723 8.31397 4.63295 8.67019 4.88 9.05951C5.05095 9.2601 5.18319 9.49067 5.27 9.73951C5.38194 10.0927 5.44584 10.4593 5.46 10.8295C5.5 11.6228 5.52 12.1628 5.52 12.4495C5.5061 12.6523 5.54395 12.8553 5.63 13.0395C5.74563 13.3117 5.93533 13.546 6.17752 13.7157C6.41972 13.8854 6.70468 13.9837 7 13.9995V14.9995H6.62C6.15021 15.0156 5.68019 14.9753 5.22 14.8795C4.85378 14.7889 4.51224 14.6181 4.22 14.3795C3.98551 14.1548 3.8221 13.8662 3.75 13.5495C3.64077 12.946 3.59718 12.3324 3.62 11.7195C3.63014 11.3418 3.61007 10.964 3.56 10.5895C3.52723 10.3318 3.43478 10.0852 3.29 9.86951C3.17802 9.69252 3.01865 9.55048 2.83 9.45951C2.23302 9.25838 1.62113 9.10457 1 8.99951V7.99951" fill="currentColor" />
+            <path d="M12 7.99955C11.6688 7.70156 11.3735 7.36596 11.12 6.99955C10.947 6.79667 10.8146 6.56242 10.73 6.30955C10.6181 5.95638 10.5542 5.58976 10.54 5.21954C10.54 4.42954 10.48 3.88955 10.48 3.60955C10.4983 3.40004 10.4604 3.18944 10.37 2.99955C10.2624 2.71847 10.0759 2.47452 9.83278 2.29708C9.5897 2.11965 9.30048 2.01632 9 1.99955V0.999545H9.38C9.84979 0.983442 10.3198 1.02373 10.78 1.11955C11.1478 1.20587 11.4903 1.37711 11.78 1.61955C12.0164 1.84278 12.1802 2.13198 12.25 2.44955C12.3603 3.05294 12.4039 3.66662 12.38 4.27955C12.3706 4.6572 12.3907 5.03501 12.44 5.40954C12.4728 5.66728 12.5652 5.91382 12.71 6.12955C12.822 6.30653 12.9813 6.44858 13.17 6.53955C13.767 6.74067 14.3789 6.89448 15 6.99955V7.99955" fill="currentColor" />
+            <path d="M15 7.99951V8.99951C14.3755 9.10406 13.7602 9.25787 13.16 9.45951C12.9713 9.55048 12.812 9.69252 12.7 9.86951C12.5552 10.0852 12.4628 10.3318 12.43 10.5895C12.3799 10.964 12.3599 11.3418 12.37 11.7195C12.3928 12.3324 12.3492 12.946 12.24 13.5495C12.1679 13.8662 12.0045 14.1548 11.77 14.3795C11.4778 14.6181 11.1362 14.7889 10.77 14.8795C10.3098 14.9753 9.83979 15.0156 9.37 14.9995H9V13.9995C9.2998 13.9803 9.58791 13.876 9.83056 13.6989C10.0732 13.5218 10.2603 13.2792 10.37 12.9995C10.456 12.8153 10.4939 12.6123 10.48 12.4095C10.48 12.1162 10.5 11.5762 10.54 10.7895C10.5542 10.4193 10.6181 10.0527 10.73 9.69951C10.8168 9.45067 10.9491 9.2201 11.12 9.01951C11.3698 8.64424 11.6654 8.30159 12 7.99951" fill="currentColor" />
+        </svg>
+    `
+
+    static select = y`
+        <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" />
+            <rect x="10" y="7" width="3" height="2" fill="white" />
+            <path d="M12 5L15 8L12 11V5Z" fill="white" />
+            <rect x="1" y="7" width="8" height="2" fill="white" />
+            <rect x="5" y="4" width="2" height="9" fill="white" />
+            <rect x="1" y="12" width="6" height="2" fill="white" />
+        </svg>
+    `
+
+    static sequence = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect x="3" y="2" width="5" height="2" fill="white" />
+            <rect y="7" width="8" height="2" fill="white" />
+            <rect x="3" y="4" width="2" height="9" fill="white" />
+            <rect x="3" y="12" width="5" height="2" fill="white" />
+            <rect x="10" y="2" width="6" height="2" fill="white" />
+            <rect x="10" y="7" width="4" height="2" fill="white" />
+            <rect x="10" y="12" width="2" height="2" fill="white" />
+        </svg>
+    `
+
+    static touchpad = y`
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path  fill="white" fill-rule="evenodd" clip-rule="evenodd" d="M13 0H3C2.4 0 2 0.4 2 1V15C2 15.6 2.4 16 3 16H13C13.6 16 14 15.6 14 15V1C14 0.4 13.6 0 13 0ZM8 15.5C7.2 15.5 6.5 14.8 6.5 14C6.5 13.2 7.2 12.5 8 12.5C8.8 12.5 9.5 13.2 9.5 14C9.5 14.8 8.8 15.5 8 15.5ZM13 12H3V1H13V12Z" />
+            <path opacity="0.5" d="M13 1H3V12H13V1Z" fill="white"/>
+        </svg>
+    `
+}
+
 class VariableReferenceEntity extends IEntity {
 
     static attributes = {
@@ -2461,8 +2468,8 @@ class VariableReferenceEntity extends IEntity {
         /** @type {GuidEntity} */ this.GuidEntity;
         /** @type {Boolean} */ this.bSelfContext;
     }
-}
-
+}
+
 class ObjectEntity extends IEntity {
 
     static attributes = {
@@ -3035,7 +3042,7 @@ class ObjectEntity extends IEntity {
             if (hidValue.includes("Mouse")) {
                 return SVGIcon.mouse
             } else if (hidValue.includes("Gamepad_Special")) {
-                return SVGIcon.keyboard // This is called Touchpad in Unreal Engine
+                return SVGIcon.keyboard // This is called Touchpad in UE
             } else if (hidValue.includes("Gamepad") || hidValue.includes("Steam")) {
                 return SVGIcon.gamepad
             } else if (hidValue.includes("Touch")) {
@@ -3049,43 +3056,43 @@ class ObjectEntity extends IEntity {
         }
         return SVGIcon.functionSymbol
     }
-}
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var parsimmon_umd_min = {exports: {}};
-
-(function (module, exports) {
-!function(n,t){module.exports=t();}("undefined"!=typeof self?self:commonjsGlobal,function(){return function(n){var t={};function r(e){if(t[e])return t[e].exports;var u=t[e]={i:e,l:!1,exports:{}};return n[e].call(u.exports,u,u.exports,r),u.l=!0,u.exports}return r.m=n,r.c=t,r.d=function(n,t,e){r.o(n,t)||Object.defineProperty(n,t,{configurable:!1,enumerable:!0,get:e});},r.r=function(n){Object.defineProperty(n,"__esModule",{value:!0});},r.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(t,"a",t),t},r.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},r.p="",r(r.s=0)}([function(n,t,r){function e(n){if(!(this instanceof e))return new e(n);this._=n;}var u=e.prototype;function o(n,t){for(var r=0;r<n;r++)t(r);}function i(n,t,r){return function(n,t){o(t.length,function(r){n(t[r],r,t);});}(function(r,e,u){t=n(t,r,e,u);},r),t}function a(n,t){return i(function(t,r,e,u){return t.concat([n(r,e,u)])},[],t)}function f(n,t){var r={v:0,buf:t};return o(n,function(){var n;r={v:r.v<<1|(n=r.buf,n[0]>>7),buf:function(n){var t=i(function(n,t,r,e){return n.concat(r===e.length-1?Buffer.from([t,0]).readUInt16BE(0):e.readUInt16BE(r))},[],n);return Buffer.from(a(function(n){return (n<<1&65535)>>8},t))}(r.buf)};}),r}function c(){return "undefined"!=typeof Buffer}function s(){if(!c())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function l(n){s();var t=i(function(n,t){return n+t},0,n);if(t%8!=0)throw new Error("The bits ["+n.join(", ")+"] add up to "+t+" which is not an even number of bytes; the total should be divisible by 8");var r,u=t/8,o=(r=function(n){return n>48},i(function(n,t){return n||(r(t)?t:n)},null,n));if(o)throw new Error(o+" bit range requested exceeds 48 bit (6 byte) Number max.");return new e(function(t,r){var e=u+r;return e>t.length?x(r,u.toString()+" bytes"):b(e,i(function(n,t){var r=f(t,n.buf);return {coll:n.coll.concat(r.v),buf:r.buf}},{coll:[],buf:t.slice(r,e)},n).coll)})}function h(n,t){return new e(function(r,e){return s(),e+t>r.length?x(e,t+" bytes for "+n):b(e+t,r.slice(e,e+t))})}function p(n,t){if("number"!=typeof(r=t)||Math.floor(r)!==r||t<0||t>6)throw new Error(n+" requires integer length in range [0, 6].");var r;}function d(n){return p("uintBE",n),h("uintBE("+n+")",n).map(function(t){return t.readUIntBE(0,n)})}function v(n){return p("uintLE",n),h("uintLE("+n+")",n).map(function(t){return t.readUIntLE(0,n)})}function g(n){return p("intBE",n),h("intBE("+n+")",n).map(function(t){return t.readIntBE(0,n)})}function m(n){return p("intLE",n),h("intLE("+n+")",n).map(function(t){return t.readIntLE(0,n)})}function y(n){return n instanceof e}function E(n){return "[object Array]"==={}.toString.call(n)}function w(n){return c()&&Buffer.isBuffer(n)}function b(n,t){return {status:!0,index:n,value:t,furthest:-1,expected:[]}}function x(n,t){return E(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:n,expected:t}}function B(n,t){if(!t)return n;if(n.furthest>t.furthest)return n;var r=n.furthest===t.furthest?function(n,t){if(function(){if(void 0!==e._supportsSet)return e._supportsSet;var n="undefined"!=typeof Set;return e._supportsSet=n,n}()&&Array.from){for(var r=new Set(n),u=0;u<t.length;u++)r.add(t[u]);var o=Array.from(r);return o.sort(),o}for(var i={},a=0;a<n.length;a++)i[n[a]]=!0;for(var f=0;f<t.length;f++)i[t[f]]=!0;var c=[];for(var s in i)({}).hasOwnProperty.call(i,s)&&c.push(s);return c.sort(),c}(n.expected,t.expected):t.expected;return {status:n.status,index:n.index,value:n.value,furthest:t.furthest,expected:r}}var j={};function S(n,t){if(w(n))return {offset:t,line:-1,column:-1};n in j||(j[n]={});for(var r=j[n],e=0,u=0,o=0,i=t;i>=0;){if(i in r){e=r[i].line,0===o&&(o=r[i].lineStart);break}("\n"===n.charAt(i)||"\r"===n.charAt(i)&&"\n"!==n.charAt(i+1))&&(u++,0===o&&(o=i+1)),i--;}var a=e+u,f=t-o;return r[t]={line:a,lineStart:o},{offset:t,line:a+1,column:f+1}}function _(n){if(!y(n))throw new Error("not a parser: "+n)}function L(n,t){return "string"==typeof n?n.charAt(t):n[t]}function O(n){if("number"!=typeof n)throw new Error("not a number: "+n)}function k(n){if("function"!=typeof n)throw new Error("not a function: "+n)}function P(n){if("string"!=typeof n)throw new Error("not a string: "+n)}var q=2,A=3,I=8,F=5*I,M=4*I,z="  ";function R(n,t){return new Array(t+1).join(n)}function U(n,t,r){var e=t-n.length;return e<=0?n:R(r,e)+n}function W(n,t,r,e){return {from:n-t>0?n-t:0,to:n+r>e?e:n+r}}function D(n,t){var r,e,u,o,f,c=t.index,s=c.offset,l=1;if(s===n.length)return "Got the end of the input";if(w(n)){var h=s-s%I,p=s-h,d=W(h,F,M+I,n.length),v=a(function(n){return a(function(n){return U(n.toString(16),2,"0")},n)},function(n,t){var r=n.length,e=[],u=0;if(r<=t)return [n.slice()];for(var o=0;o<r;o++)e[u]||e.push([]),e[u].push(n[o]),(o+1)%t==0&&u++;return e}(n.slice(d.from,d.to).toJSON().data,I));o=function(n){return 0===n.from&&1===n.to?{from:n.from,to:n.to}:{from:n.from/I,to:Math.floor(n.to/I)}}(d),e=h/I,r=3*p,p>=4&&(r+=1),l=2,u=a(function(n){return n.length<=4?n.join(" "):n.slice(0,4).join(" ")+"  "+n.slice(4).join(" ")},v),(f=(8*(o.to>0?o.to-1:o.to)).toString(16).length)<2&&(f=2);}else {var g=n.split(/\r\n|[\n\r\u2028\u2029]/);r=c.column-1,e=c.line-1,o=W(e,q,A,g.length),u=g.slice(o.from,o.to),f=o.to.toString().length;}var m=e-o.from;return w(n)&&(f=(8*(o.to>0?o.to-1:o.to)).toString(16).length)<2&&(f=2),i(function(t,e,u){var i,a=u===m,c=a?"> ":z;return i=w(n)?U((8*(o.from+u)).toString(16),f,"0"):U((o.from+u+1).toString(),f," "),[].concat(t,[c+i+" | "+e],a?[z+R(" ",f)+" | "+U("",r," ")+R("^",l)]:[])},[],u).join("\n")}function N(n,t){return ["\n","-- PARSING FAILED "+R("-",50),"\n\n",D(n,t),"\n\n",(r=t.expected,1===r.length?"Expected:\n\n"+r[0]:"Expected one of the following: \n\n"+r.join(", ")),"\n"].join("");var r;}function G(n){return void 0!==n.flags?n.flags:[n.global?"g":"",n.ignoreCase?"i":"",n.multiline?"m":"",n.unicode?"u":"",n.sticky?"y":""].join("")}function C(){for(var n=[].slice.call(arguments),t=n.length,r=0;r<t;r+=1)_(n[r]);return e(function(r,e){for(var u,o=new Array(t),i=0;i<t;i+=1){if(!(u=B(n[i]._(r,e),u)).status)return u;o[i]=u.value,e=u.index;}return B(b(e,o),u)})}function J(){var n=[].slice.call(arguments);if(0===n.length)throw new Error("seqMap needs at least one argument");var t=n.pop();return k(t),C.apply(null,n).map(function(n){return t.apply(null,n)})}function T(){var n=[].slice.call(arguments),t=n.length;if(0===t)return Y("zero alternates");for(var r=0;r<t;r+=1)_(n[r]);return e(function(t,r){for(var e,u=0;u<n.length;u+=1)if((e=B(n[u]._(t,r),e)).status)return e;return e})}function V(n,t){return H(n,t).or(X([]))}function H(n,t){return _(n),_(t),J(n,t.then(n).many(),function(n,t){return [n].concat(t)})}function K(n){P(n);var t="'"+n+"'";return e(function(r,e){var u=e+n.length,o=r.slice(e,u);return o===n?b(u,o):x(e,t)})}function Q(n,t){!function(n){if(!(n instanceof RegExp))throw new Error("not a regexp: "+n);for(var t=G(n),r=0;r<t.length;r++){var e=t.charAt(r);if("i"!==e&&"m"!==e&&"u"!==e&&"s"!==e)throw new Error('unsupported regexp flag "'+e+'": '+n)}}(n),arguments.length>=2?O(t):t=0;var r=function(n){return RegExp("^(?:"+n.source+")",G(n))}(n),u=""+n;return e(function(n,e){var o=r.exec(n.slice(e));if(o){if(0<=t&&t<=o.length){var i=o[0],a=o[t];return b(e+i.length,a)}return x(e,"valid match group (0 to "+o.length+") in "+u)}return x(e,u)})}function X(n){return e(function(t,r){return b(r,n)})}function Y(n){return e(function(t,r){return x(r,n)})}function Z(n){if(y(n))return e(function(t,r){var e=n._(t,r);return e.index=r,e.value="",e});if("string"==typeof n)return Z(K(n));if(n instanceof RegExp)return Z(Q(n));throw new Error("not a string, regexp, or parser: "+n)}function $(n){return _(n),e(function(t,r){var e=n._(t,r),u=t.slice(r,e.index);return e.status?x(r,'not "'+u+'"'):b(r,null)})}function nn(n){return k(n),e(function(t,r){var e=L(t,r);return r<t.length&&n(e)?b(r+1,e):x(r,"a character/byte matching "+n)})}function tn(n,t){arguments.length<2&&(t=n,n=void 0);var r=e(function(n,e){return r._=t()._,r._(n,e)});return n?r.desc(n):r}function rn(){return Y("fantasy-land/empty")}u.parse=function(n){if("string"!=typeof n&&!w(n))throw new Error(".parse must be called with a string or Buffer as its argument");var t,r=this.skip(an)._(n,0);return t=r.status?{status:!0,value:r.value}:{status:!1,index:S(n,r.furthest),expected:r.expected},delete j[n],t},u.tryParse=function(n){var t=this.parse(n);if(t.status)return t.value;var r=N(n,t),e=new Error(r);throw e.type="ParsimmonError",e.result=t,e},u.assert=function(n,t){return this.chain(function(r){return n(r)?X(r):Y(t)})},u.or=function(n){return T(this,n)},u.trim=function(n){return this.wrap(n,n)},u.wrap=function(n,t){return J(n,this,t,function(n,t){return t})},u.thru=function(n){return n(this)},u.then=function(n){return _(n),C(this,n).map(function(n){return n[1]})},u.many=function(){var n=this;return e(function(t,r){for(var e=[],u=void 0;;){if(!(u=B(n._(t,r),u)).status)return B(b(r,e),u);if(r===u.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");r=u.index,e.push(u.value);}})},u.tieWith=function(n){return P(n),this.map(function(t){if(function(n){if(!E(n))throw new Error("not an array: "+n)}(t),t.length){P(t[0]);for(var r=t[0],e=1;e<t.length;e++)P(t[e]),r+=n+t[e];return r}return ""})},u.tie=function(){return this.tieWith("")},u.times=function(n,t){var r=this;return arguments.length<2&&(t=n),O(n),O(t),e(function(e,u){for(var o=[],i=void 0,a=void 0,f=0;f<n;f+=1){if(a=B(i=r._(e,u),a),!i.status)return a;u=i.index,o.push(i.value);}for(;f<t&&(a=B(i=r._(e,u),a),i.status);f+=1)u=i.index,o.push(i.value);return B(b(u,o),a)})},u.result=function(n){return this.map(function(){return n})},u.atMost=function(n){return this.times(0,n)},u.atLeast=function(n){return J(this.times(n),this.many(),function(n,t){return n.concat(t)})},u.map=function(n){k(n);var t=this;return e(function(r,e){var u=t._(r,e);return u.status?B(b(u.index,n(u.value)),u):u})},u.contramap=function(n){k(n);var t=this;return e(function(r,e){var u=t.parse(n(r.slice(e)));return u.status?b(e+r.length,u.value):u})},u.promap=function(n,t){return k(n),k(t),this.contramap(n).map(t)},u.skip=function(n){return C(this,n).map(function(n){return n[0]})},u.mark=function(){return J(en,this,en,function(n,t,r){return {start:n,value:t,end:r}})},u.node=function(n){return J(en,this,en,function(t,r,e){return {name:n,value:r,start:t,end:e}})},u.sepBy=function(n){return V(this,n)},u.sepBy1=function(n){return H(this,n)},u.lookahead=function(n){return this.skip(Z(n))},u.notFollowedBy=function(n){return this.skip($(n))},u.desc=function(n){E(n)||(n=[n]);var t=this;return e(function(r,e){var u=t._(r,e);return u.status||(u.expected=n),u})},u.fallback=function(n){return this.or(X(n))},u.ap=function(n){return J(n,this,function(n,t){return n(t)})},u.chain=function(n){var t=this;return e(function(r,e){var u=t._(r,e);return u.status?B(n(u.value)._(r,u.index),u):u})},u.concat=u.or,u.empty=rn,u.of=X,u["fantasy-land/ap"]=u.ap,u["fantasy-land/chain"]=u.chain,u["fantasy-land/concat"]=u.concat,u["fantasy-land/empty"]=u.empty,u["fantasy-land/of"]=u.of,u["fantasy-land/map"]=u.map;var en=e(function(n,t){return b(t,S(n,t))}),un=e(function(n,t){return t>=n.length?x(t,"any character/byte"):b(t+1,L(n,t))}),on=e(function(n,t){return b(n.length,n.slice(t))}),an=e(function(n,t){return t<n.length?x(t,"EOF"):b(t,null)}),fn=Q(/[0-9]/).desc("a digit"),cn=Q(/[0-9]*/).desc("optional digits"),sn=Q(/[a-z]/i).desc("a letter"),ln=Q(/[a-z]*/i).desc("optional letters"),hn=Q(/\s*/).desc("optional whitespace"),pn=Q(/\s+/).desc("whitespace"),dn=K("\r"),vn=K("\n"),gn=K("\r\n"),mn=T(gn,vn,dn).desc("newline"),yn=T(mn,an);e.all=on,e.alt=T,e.any=un,e.cr=dn,e.createLanguage=function(n){var t={};for(var r in n)({}).hasOwnProperty.call(n,r)&&function(r){t[r]=tn(function(){return n[r](t)});}(r);return t},e.crlf=gn,e.custom=function(n){return e(n(b,x))},e.digit=fn,e.digits=cn,e.empty=rn,e.end=yn,e.eof=an,e.fail=Y,e.formatError=N,e.index=en,e.isParser=y,e.lazy=tn,e.letter=sn,e.letters=ln,e.lf=vn,e.lookahead=Z,e.makeFailure=x,e.makeSuccess=b,e.newline=mn,e.noneOf=function(n){return nn(function(t){return n.indexOf(t)<0}).desc("none of '"+n+"'")},e.notFollowedBy=$,e.of=X,e.oneOf=function(n){for(var t=n.split(""),r=0;r<t.length;r++)t[r]="'"+t[r]+"'";return nn(function(t){return n.indexOf(t)>=0}).desc(t)},e.optWhitespace=hn,e.Parser=e,e.range=function(n,t){return nn(function(r){return n<=r&&r<=t}).desc(n+"-"+t)},e.regex=Q,e.regexp=Q,e.sepBy=V,e.sepBy1=H,e.seq=C,e.seqMap=J,e.seqObj=function(){for(var n,t={},r=0,u=(n=arguments,Array.prototype.slice.call(n)),o=u.length,i=0;i<o;i+=1){var a=u[i];if(!y(a)){if(E(a)&&2===a.length&&"string"==typeof a[0]&&y(a[1])){var f=a[0];if(Object.prototype.hasOwnProperty.call(t,f))throw new Error("seqObj: duplicate key "+f);t[f]=!0,r++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(0===r)throw new Error("seqObj expects at least one named parser, found zero");return e(function(n,t){for(var r,e={},i=0;i<o;i+=1){var a,f;if(E(u[i])?(a=u[i][0],f=u[i][1]):(a=null,f=u[i]),!(r=B(f._(n,t),r)).status)return r;a&&(e[a]=r.value),t=r.index;}return B(b(t,e),r)})},e.string=K,e.succeed=X,e.takeWhile=function(n){return k(n),e(function(t,r){for(var e=r;e<t.length&&n(L(t,e));)e++;return b(e,t.slice(r,e))})},e.test=nn,e.whitespace=pn,e["fantasy-land/empty"]=rn,e["fantasy-land/of"]=X,e.Binary={bitSeq:l,bitSeqObj:function(n){s();var t={},r=0,e=a(function(n){if(E(n)){var e=n;if(2!==e.length)throw new Error("["+e.join(", ")+"] should be length 2, got length "+e.length);if(P(e[0]),O(e[1]),Object.prototype.hasOwnProperty.call(t,e[0]))throw new Error("duplicate key in bitSeqObj: "+e[0]);return t[e[0]]=!0,r++,e}return O(n),[null,n]},n);if(r<1)throw new Error("bitSeqObj expects at least one named pair, got ["+n.join(", ")+"]");var u=a(function(n){return n[0]},e);return l(a(function(n){return n[1]},e)).map(function(n){return i(function(n,t){return null!==t[0]&&(n[t[0]]=t[1]),n},{},a(function(t,r){return [t,n[r]]},u))})},byte:function(n){if(s(),O(n),n>255)throw new Error("Value specified to byte constructor ("+n+"=0x"+n.toString(16)+") is larger in value than a single byte.");var t=(n>15?"0x":"0x0")+n.toString(16);return e(function(r,e){var u=L(r,e);return u===n?b(e+1,u):x(e,t)})},buffer:function(n){return h("buffer",n).map(function(n){return Buffer.from(n)})},encodedString:function(n,t){return h("string",t).map(function(t){return t.toString(n)})},uintBE:d,uint8BE:d(1),uint16BE:d(2),uint32BE:d(4),uintLE:v,uint8LE:v(1),uint16LE:v(2),uint32LE:v(4),intBE:g,int8BE:g(1),int16BE:g(2),int32BE:g(4),intLE:m,int8LE:m(1),int16LE:m(2),int32LE:m(4),floatBE:h("floatBE",4).map(function(n){return n.readFloatBE(0)}),floatLE:h("floatLE",4).map(function(n){return n.readFloatLE(0)}),doubleBE:h("doubleBE",8).map(function(n){return n.readDoubleBE(0)}),doubleLE:h("doubleLE",8).map(function(n){return n.readDoubleLE(0)})},n.exports=e;}])});
-}(parsimmon_umd_min));
-
-var Parsimmon = /*@__PURE__*/getDefaultExportFromCjs(parsimmon_umd_min.exports);
-
-class UnknownKeysEntity extends IEntity {
-
-    static attributes = {
-        lookbehind:
-        {
-            value: "",
-            showDefault: false,
-            ignore: true,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.lookbehind;
-    }
-}
-
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var parsimmon_umd_min = {exports: {}};
+
+(function (module, exports) {
+!function(n,t){module.exports=t();}("undefined"!=typeof self?self:commonjsGlobal,function(){return function(n){var t={};function r(e){if(t[e])return t[e].exports;var u=t[e]={i:e,l:!1,exports:{}};return n[e].call(u.exports,u,u.exports,r),u.l=!0,u.exports}return r.m=n,r.c=t,r.d=function(n,t,e){r.o(n,t)||Object.defineProperty(n,t,{configurable:!1,enumerable:!0,get:e});},r.r=function(n){Object.defineProperty(n,"__esModule",{value:!0});},r.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(t,"a",t),t},r.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},r.p="",r(r.s=0)}([function(n,t,r){function e(n){if(!(this instanceof e))return new e(n);this._=n;}var u=e.prototype;function o(n,t){for(var r=0;r<n;r++)t(r);}function i(n,t,r){return function(n,t){o(t.length,function(r){n(t[r],r,t);});}(function(r,e,u){t=n(t,r,e,u);},r),t}function a(n,t){return i(function(t,r,e,u){return t.concat([n(r,e,u)])},[],t)}function f(n,t){var r={v:0,buf:t};return o(n,function(){var n;r={v:r.v<<1|(n=r.buf,n[0]>>7),buf:function(n){var t=i(function(n,t,r,e){return n.concat(r===e.length-1?Buffer.from([t,0]).readUInt16BE(0):e.readUInt16BE(r))},[],n);return Buffer.from(a(function(n){return (n<<1&65535)>>8},t))}(r.buf)};}),r}function c(){return "undefined"!=typeof Buffer}function s(){if(!c())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function l(n){s();var t=i(function(n,t){return n+t},0,n);if(t%8!=0)throw new Error("The bits ["+n.join(", ")+"] add up to "+t+" which is not an even number of bytes; the total should be divisible by 8");var r,u=t/8,o=(r=function(n){return n>48},i(function(n,t){return n||(r(t)?t:n)},null,n));if(o)throw new Error(o+" bit range requested exceeds 48 bit (6 byte) Number max.");return new e(function(t,r){var e=u+r;return e>t.length?x(r,u.toString()+" bytes"):b(e,i(function(n,t){var r=f(t,n.buf);return {coll:n.coll.concat(r.v),buf:r.buf}},{coll:[],buf:t.slice(r,e)},n).coll)})}function h(n,t){return new e(function(r,e){return s(),e+t>r.length?x(e,t+" bytes for "+n):b(e+t,r.slice(e,e+t))})}function p(n,t){if("number"!=typeof(r=t)||Math.floor(r)!==r||t<0||t>6)throw new Error(n+" requires integer length in range [0, 6].");var r;}function d(n){return p("uintBE",n),h("uintBE("+n+")",n).map(function(t){return t.readUIntBE(0,n)})}function v(n){return p("uintLE",n),h("uintLE("+n+")",n).map(function(t){return t.readUIntLE(0,n)})}function g(n){return p("intBE",n),h("intBE("+n+")",n).map(function(t){return t.readIntBE(0,n)})}function m(n){return p("intLE",n),h("intLE("+n+")",n).map(function(t){return t.readIntLE(0,n)})}function y(n){return n instanceof e}function E(n){return "[object Array]"==={}.toString.call(n)}function w(n){return c()&&Buffer.isBuffer(n)}function b(n,t){return {status:!0,index:n,value:t,furthest:-1,expected:[]}}function x(n,t){return E(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:n,expected:t}}function B(n,t){if(!t)return n;if(n.furthest>t.furthest)return n;var r=n.furthest===t.furthest?function(n,t){if(function(){if(void 0!==e._supportsSet)return e._supportsSet;var n="undefined"!=typeof Set;return e._supportsSet=n,n}()&&Array.from){for(var r=new Set(n),u=0;u<t.length;u++)r.add(t[u]);var o=Array.from(r);return o.sort(),o}for(var i={},a=0;a<n.length;a++)i[n[a]]=!0;for(var f=0;f<t.length;f++)i[t[f]]=!0;var c=[];for(var s in i)({}).hasOwnProperty.call(i,s)&&c.push(s);return c.sort(),c}(n.expected,t.expected):t.expected;return {status:n.status,index:n.index,value:n.value,furthest:t.furthest,expected:r}}var j={};function S(n,t){if(w(n))return {offset:t,line:-1,column:-1};n in j||(j[n]={});for(var r=j[n],e=0,u=0,o=0,i=t;i>=0;){if(i in r){e=r[i].line,0===o&&(o=r[i].lineStart);break}("\n"===n.charAt(i)||"\r"===n.charAt(i)&&"\n"!==n.charAt(i+1))&&(u++,0===o&&(o=i+1)),i--;}var a=e+u,f=t-o;return r[t]={line:a,lineStart:o},{offset:t,line:a+1,column:f+1}}function _(n){if(!y(n))throw new Error("not a parser: "+n)}function L(n,t){return "string"==typeof n?n.charAt(t):n[t]}function O(n){if("number"!=typeof n)throw new Error("not a number: "+n)}function k(n){if("function"!=typeof n)throw new Error("not a function: "+n)}function P(n){if("string"!=typeof n)throw new Error("not a string: "+n)}var q=2,A=3,I=8,F=5*I,M=4*I,z="  ";function R(n,t){return new Array(t+1).join(n)}function U(n,t,r){var e=t-n.length;return e<=0?n:R(r,e)+n}function W(n,t,r,e){return {from:n-t>0?n-t:0,to:n+r>e?e:n+r}}function D(n,t){var r,e,u,o,f,c=t.index,s=c.offset,l=1;if(s===n.length)return "Got the end of the input";if(w(n)){var h=s-s%I,p=s-h,d=W(h,F,M+I,n.length),v=a(function(n){return a(function(n){return U(n.toString(16),2,"0")},n)},function(n,t){var r=n.length,e=[],u=0;if(r<=t)return [n.slice()];for(var o=0;o<r;o++)e[u]||e.push([]),e[u].push(n[o]),(o+1)%t==0&&u++;return e}(n.slice(d.from,d.to).toJSON().data,I));o=function(n){return 0===n.from&&1===n.to?{from:n.from,to:n.to}:{from:n.from/I,to:Math.floor(n.to/I)}}(d),e=h/I,r=3*p,p>=4&&(r+=1),l=2,u=a(function(n){return n.length<=4?n.join(" "):n.slice(0,4).join(" ")+"  "+n.slice(4).join(" ")},v),(f=(8*(o.to>0?o.to-1:o.to)).toString(16).length)<2&&(f=2);}else {var g=n.split(/\r\n|[\n\r\u2028\u2029]/);r=c.column-1,e=c.line-1,o=W(e,q,A,g.length),u=g.slice(o.from,o.to),f=o.to.toString().length;}var m=e-o.from;return w(n)&&(f=(8*(o.to>0?o.to-1:o.to)).toString(16).length)<2&&(f=2),i(function(t,e,u){var i,a=u===m,c=a?"> ":z;return i=w(n)?U((8*(o.from+u)).toString(16),f,"0"):U((o.from+u+1).toString(),f," "),[].concat(t,[c+i+" | "+e],a?[z+R(" ",f)+" | "+U("",r," ")+R("^",l)]:[])},[],u).join("\n")}function N(n,t){return ["\n","-- PARSING FAILED "+R("-",50),"\n\n",D(n,t),"\n\n",(r=t.expected,1===r.length?"Expected:\n\n"+r[0]:"Expected one of the following: \n\n"+r.join(", ")),"\n"].join("");var r;}function G(n){return void 0!==n.flags?n.flags:[n.global?"g":"",n.ignoreCase?"i":"",n.multiline?"m":"",n.unicode?"u":"",n.sticky?"y":""].join("")}function C(){for(var n=[].slice.call(arguments),t=n.length,r=0;r<t;r+=1)_(n[r]);return e(function(r,e){for(var u,o=new Array(t),i=0;i<t;i+=1){if(!(u=B(n[i]._(r,e),u)).status)return u;o[i]=u.value,e=u.index;}return B(b(e,o),u)})}function J(){var n=[].slice.call(arguments);if(0===n.length)throw new Error("seqMap needs at least one argument");var t=n.pop();return k(t),C.apply(null,n).map(function(n){return t.apply(null,n)})}function T(){var n=[].slice.call(arguments),t=n.length;if(0===t)return Y("zero alternates");for(var r=0;r<t;r+=1)_(n[r]);return e(function(t,r){for(var e,u=0;u<n.length;u+=1)if((e=B(n[u]._(t,r),e)).status)return e;return e})}function V(n,t){return H(n,t).or(X([]))}function H(n,t){return _(n),_(t),J(n,t.then(n).many(),function(n,t){return [n].concat(t)})}function K(n){P(n);var t="'"+n+"'";return e(function(r,e){var u=e+n.length,o=r.slice(e,u);return o===n?b(u,o):x(e,t)})}function Q(n,t){!function(n){if(!(n instanceof RegExp))throw new Error("not a regexp: "+n);for(var t=G(n),r=0;r<t.length;r++){var e=t.charAt(r);if("i"!==e&&"m"!==e&&"u"!==e&&"s"!==e)throw new Error('unsupported regexp flag "'+e+'": '+n)}}(n),arguments.length>=2?O(t):t=0;var r=function(n){return RegExp("^(?:"+n.source+")",G(n))}(n),u=""+n;return e(function(n,e){var o=r.exec(n.slice(e));if(o){if(0<=t&&t<=o.length){var i=o[0],a=o[t];return b(e+i.length,a)}return x(e,"valid match group (0 to "+o.length+") in "+u)}return x(e,u)})}function X(n){return e(function(t,r){return b(r,n)})}function Y(n){return e(function(t,r){return x(r,n)})}function Z(n){if(y(n))return e(function(t,r){var e=n._(t,r);return e.index=r,e.value="",e});if("string"==typeof n)return Z(K(n));if(n instanceof RegExp)return Z(Q(n));throw new Error("not a string, regexp, or parser: "+n)}function $(n){return _(n),e(function(t,r){var e=n._(t,r),u=t.slice(r,e.index);return e.status?x(r,'not "'+u+'"'):b(r,null)})}function nn(n){return k(n),e(function(t,r){var e=L(t,r);return r<t.length&&n(e)?b(r+1,e):x(r,"a character/byte matching "+n)})}function tn(n,t){arguments.length<2&&(t=n,n=void 0);var r=e(function(n,e){return r._=t()._,r._(n,e)});return n?r.desc(n):r}function rn(){return Y("fantasy-land/empty")}u.parse=function(n){if("string"!=typeof n&&!w(n))throw new Error(".parse must be called with a string or Buffer as its argument");var t,r=this.skip(an)._(n,0);return t=r.status?{status:!0,value:r.value}:{status:!1,index:S(n,r.furthest),expected:r.expected},delete j[n],t},u.tryParse=function(n){var t=this.parse(n);if(t.status)return t.value;var r=N(n,t),e=new Error(r);throw e.type="ParsimmonError",e.result=t,e},u.assert=function(n,t){return this.chain(function(r){return n(r)?X(r):Y(t)})},u.or=function(n){return T(this,n)},u.trim=function(n){return this.wrap(n,n)},u.wrap=function(n,t){return J(n,this,t,function(n,t){return t})},u.thru=function(n){return n(this)},u.then=function(n){return _(n),C(this,n).map(function(n){return n[1]})},u.many=function(){var n=this;return e(function(t,r){for(var e=[],u=void 0;;){if(!(u=B(n._(t,r),u)).status)return B(b(r,e),u);if(r===u.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");r=u.index,e.push(u.value);}})},u.tieWith=function(n){return P(n),this.map(function(t){if(function(n){if(!E(n))throw new Error("not an array: "+n)}(t),t.length){P(t[0]);for(var r=t[0],e=1;e<t.length;e++)P(t[e]),r+=n+t[e];return r}return ""})},u.tie=function(){return this.tieWith("")},u.times=function(n,t){var r=this;return arguments.length<2&&(t=n),O(n),O(t),e(function(e,u){for(var o=[],i=void 0,a=void 0,f=0;f<n;f+=1){if(a=B(i=r._(e,u),a),!i.status)return a;u=i.index,o.push(i.value);}for(;f<t&&(a=B(i=r._(e,u),a),i.status);f+=1)u=i.index,o.push(i.value);return B(b(u,o),a)})},u.result=function(n){return this.map(function(){return n})},u.atMost=function(n){return this.times(0,n)},u.atLeast=function(n){return J(this.times(n),this.many(),function(n,t){return n.concat(t)})},u.map=function(n){k(n);var t=this;return e(function(r,e){var u=t._(r,e);return u.status?B(b(u.index,n(u.value)),u):u})},u.contramap=function(n){k(n);var t=this;return e(function(r,e){var u=t.parse(n(r.slice(e)));return u.status?b(e+r.length,u.value):u})},u.promap=function(n,t){return k(n),k(t),this.contramap(n).map(t)},u.skip=function(n){return C(this,n).map(function(n){return n[0]})},u.mark=function(){return J(en,this,en,function(n,t,r){return {start:n,value:t,end:r}})},u.node=function(n){return J(en,this,en,function(t,r,e){return {name:n,value:r,start:t,end:e}})},u.sepBy=function(n){return V(this,n)},u.sepBy1=function(n){return H(this,n)},u.lookahead=function(n){return this.skip(Z(n))},u.notFollowedBy=function(n){return this.skip($(n))},u.desc=function(n){E(n)||(n=[n]);var t=this;return e(function(r,e){var u=t._(r,e);return u.status||(u.expected=n),u})},u.fallback=function(n){return this.or(X(n))},u.ap=function(n){return J(n,this,function(n,t){return n(t)})},u.chain=function(n){var t=this;return e(function(r,e){var u=t._(r,e);return u.status?B(n(u.value)._(r,u.index),u):u})},u.concat=u.or,u.empty=rn,u.of=X,u["fantasy-land/ap"]=u.ap,u["fantasy-land/chain"]=u.chain,u["fantasy-land/concat"]=u.concat,u["fantasy-land/empty"]=u.empty,u["fantasy-land/of"]=u.of,u["fantasy-land/map"]=u.map;var en=e(function(n,t){return b(t,S(n,t))}),un=e(function(n,t){return t>=n.length?x(t,"any character/byte"):b(t+1,L(n,t))}),on=e(function(n,t){return b(n.length,n.slice(t))}),an=e(function(n,t){return t<n.length?x(t,"EOF"):b(t,null)}),fn=Q(/[0-9]/).desc("a digit"),cn=Q(/[0-9]*/).desc("optional digits"),sn=Q(/[a-z]/i).desc("a letter"),ln=Q(/[a-z]*/i).desc("optional letters"),hn=Q(/\s*/).desc("optional whitespace"),pn=Q(/\s+/).desc("whitespace"),dn=K("\r"),vn=K("\n"),gn=K("\r\n"),mn=T(gn,vn,dn).desc("newline"),yn=T(mn,an);e.all=on,e.alt=T,e.any=un,e.cr=dn,e.createLanguage=function(n){var t={};for(var r in n)({}).hasOwnProperty.call(n,r)&&function(r){t[r]=tn(function(){return n[r](t)});}(r);return t},e.crlf=gn,e.custom=function(n){return e(n(b,x))},e.digit=fn,e.digits=cn,e.empty=rn,e.end=yn,e.eof=an,e.fail=Y,e.formatError=N,e.index=en,e.isParser=y,e.lazy=tn,e.letter=sn,e.letters=ln,e.lf=vn,e.lookahead=Z,e.makeFailure=x,e.makeSuccess=b,e.newline=mn,e.noneOf=function(n){return nn(function(t){return n.indexOf(t)<0}).desc("none of '"+n+"'")},e.notFollowedBy=$,e.of=X,e.oneOf=function(n){for(var t=n.split(""),r=0;r<t.length;r++)t[r]="'"+t[r]+"'";return nn(function(t){return n.indexOf(t)>=0}).desc(t)},e.optWhitespace=hn,e.Parser=e,e.range=function(n,t){return nn(function(r){return n<=r&&r<=t}).desc(n+"-"+t)},e.regex=Q,e.regexp=Q,e.sepBy=V,e.sepBy1=H,e.seq=C,e.seqMap=J,e.seqObj=function(){for(var n,t={},r=0,u=(n=arguments,Array.prototype.slice.call(n)),o=u.length,i=0;i<o;i+=1){var a=u[i];if(!y(a)){if(E(a)&&2===a.length&&"string"==typeof a[0]&&y(a[1])){var f=a[0];if(Object.prototype.hasOwnProperty.call(t,f))throw new Error("seqObj: duplicate key "+f);t[f]=!0,r++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(0===r)throw new Error("seqObj expects at least one named parser, found zero");return e(function(n,t){for(var r,e={},i=0;i<o;i+=1){var a,f;if(E(u[i])?(a=u[i][0],f=u[i][1]):(a=null,f=u[i]),!(r=B(f._(n,t),r)).status)return r;a&&(e[a]=r.value),t=r.index;}return B(b(t,e),r)})},e.string=K,e.succeed=X,e.takeWhile=function(n){return k(n),e(function(t,r){for(var e=r;e<t.length&&n(L(t,e));)e++;return b(e,t.slice(r,e))})},e.test=nn,e.whitespace=pn,e["fantasy-land/empty"]=rn,e["fantasy-land/of"]=X,e.Binary={bitSeq:l,bitSeqObj:function(n){s();var t={},r=0,e=a(function(n){if(E(n)){var e=n;if(2!==e.length)throw new Error("["+e.join(", ")+"] should be length 2, got length "+e.length);if(P(e[0]),O(e[1]),Object.prototype.hasOwnProperty.call(t,e[0]))throw new Error("duplicate key in bitSeqObj: "+e[0]);return t[e[0]]=!0,r++,e}return O(n),[null,n]},n);if(r<1)throw new Error("bitSeqObj expects at least one named pair, got ["+n.join(", ")+"]");var u=a(function(n){return n[0]},e);return l(a(function(n){return n[1]},e)).map(function(n){return i(function(n,t){return null!==t[0]&&(n[t[0]]=t[1]),n},{},a(function(t,r){return [t,n[r]]},u))})},byte:function(n){if(s(),O(n),n>255)throw new Error("Value specified to byte constructor ("+n+"=0x"+n.toString(16)+") is larger in value than a single byte.");var t=(n>15?"0x":"0x0")+n.toString(16);return e(function(r,e){var u=L(r,e);return u===n?b(e+1,u):x(e,t)})},buffer:function(n){return h("buffer",n).map(function(n){return Buffer.from(n)})},encodedString:function(n,t){return h("string",t).map(function(t){return t.toString(n)})},uintBE:d,uint8BE:d(1),uint16BE:d(2),uint32BE:d(4),uintLE:v,uint8LE:v(1),uint16LE:v(2),uint32LE:v(4),intBE:g,int8BE:g(1),int16BE:g(2),int32BE:g(4),intLE:m,int8LE:m(1),int16LE:m(2),int32LE:m(4),floatBE:h("floatBE",4).map(function(n){return n.readFloatBE(0)}),floatLE:h("floatLE",4).map(function(n){return n.readFloatLE(0)}),doubleBE:h("doubleBE",8).map(function(n){return n.readDoubleBE(0)}),doubleLE:h("doubleLE",8).map(function(n){return n.readDoubleLE(0)})},n.exports=e;}])});
+}(parsimmon_umd_min));
+
+var Parsimmon = /*@__PURE__*/getDefaultExportFromCjs(parsimmon_umd_min.exports);
+
+class UnknownKeysEntity extends IEntity {
+
+    static attributes = {
+        lookbehind:
+        {
+            value: "",
+            showDefault: false,
+            ignore: true,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.lookbehind;
+    }
+}
+
 // @ts-nocheck
 
 /**
@@ -3097,8 +3104,53 @@ let P = Parsimmon;
 
 class Grammar {
 
+    static Regex = {
+        ByteInteger: /0*(?:25[0-5]|2[0-4]\d|1?\d?\d|)(?!\d)/, // A integer between 0 and 255
+        HexDigit: /[0-9a-fA-F]/,
+        InlineOptWhitespace: /[^\S\n]*/,
+        InlineWhitespace: /[^\S\n]+/,
+        InsideString: /(?:[^"\\]|\\.)*/,
+        Integer: /[\-\+]?\d+/,
+        MultilineWhitespace: /\s*\n\s*/,
+        Number: /[-\+]?\d+(?:\.\d+)?/,
+        RealUnit: /^\+?(?:0(?:\.\d+)?|1(?:\.0+)?)(?![\.\d])/, // A number between 0 and 1 included
+        Symbol: /[a-zA-Z_]\w*/,
+        Word: /[a-zA-Z_]+/,
+    }
+
     /*   ---   Factory   ---   */
 
+    /**
+     * @template T
+     * @param {RegExp} re
+     * @param {(execResult) => T} mapper
+     */
+    static regexMap(re, mapper) {
+        const anchored = RegExp("^(?:" + re.source + ")", re.flags);
+        const expected = "" + re;
+        /** @param {Grammar} r */
+        return P((input, i) => {
+            const match = anchored.exec(input.slice(i));
+            if (match) {
+                return P.makeSuccess(i + match[0].length, mapper(match))
+            }
+            return P.makeFailure(i, expected)
+        })
+    }
+
+    /** @param {String} str */
+    static getStringParser(str) {
+        return P((input, i) => {
+            var j = i + str.length;
+            var head = input.slice(i, j);
+            if (head === str) {
+                return makeSuccess(j, head)
+            } else {
+                return makeFailure(i, expected)
+            }
+        })
+    }
+
     /** @param {Grammar} r */
     static getGrammarForType(r, attribute, defaultGrammar = r.AttributeAnyValue) {
         if (attribute.constructor === Object) {
@@ -3149,6 +3201,8 @@ class Grammar {
                 return r.Integer
             case InvariantTextEntity:
                 return r.InvariantText
+            case KeyBindingEntity:
+                return r.KeyBinding
             case LinearColorEntity:
                 return r.LinearColor
             case LocalizedTextEntity:
@@ -3275,56 +3329,36 @@ class Grammar {
     /*   ---   General   ---   */
 
     /** @param {Grammar} r */
-    InlineWhitespace = r => P.regex(/[^\S\n]+/).desc("single line whitespace")
+    Null = r => P.regex(new RegExp(String.raw`\(${Grammar.Regex.InlineOptWhitespace.source}\)`)).map(() => null).desc("null: ()")
 
     /** @param {Grammar} r */
-    InlineOptWhitespace = r => P.regex(/[^\S\n]*/).desc("single line optional whitespace")
+    Boolean = r => Grammar.regexMap(/(true)|false/i, v => v[1] ? true : false).desc("either True or False")
 
     /** @param {Grammar} r */
-    MultilineWhitespace = r => P.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline")
+    Number = r => P.regex(Grammar.Regex.Number).map(Number).desc("a number")
 
     /** @param {Grammar} r */
-    Null = r => P.seq(P.string("("), r.InlineOptWhitespace, P.string(")")).map(() => null).desc("null: ()")
+    BigInt = r => P.regex(Grammar.Regex.Integer).map(v => BigInt(v)).desc("a big integer")
 
     /** @param {Grammar} r */
-    Boolean = r => P.alt(
-        P.string("True"),
-        P.string("true"),
-        P.string("False"),
-        P.string("false"),
-    ).map(v => v.toLocaleLowerCase() === "true" ? true : false)
-        .desc("either True or False")
+    RealUnit = r => P.regex(Grammar.Regex.RealUnit).map(Number).desc("a number between 0 and 1")
 
     /** @param {Grammar} r */
-    HexDigit = r => P.regex(/[0-9a-fA-f]/).desc("hexadecimal digit")
+    NaturalNumber = r => Grammar.regexMap(/\d+/, v => parseInt(v[0])).desc("a natural number")
 
     /** @param {Grammar} r */
-    Number = r => P.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number")
+    ColorNumber = r => P.regexp(Grammar.Regex.ByteInteger).desc("a number between 0 and 255")
 
     /** @param {Grammar} r */
-    BigInt = r => P.regex(/[\-\+]?[0-9]+/).map(v => BigInt(v)).desc("a big integer")
+    Word = r => P.regexp(Grammar.Regex.Word).desc("a word")
 
     /** @param {Grammar} r */
-    RealNumber = r => P.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real")
-
-    /** @param {Grammar} r */
-    RealUnit = r => P.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert(v => v >= 0 && v <= 1).desc("a number between 0 and 1")
-
-    /** @param {Grammar} r */
-    NaturalNumber = r => P.regex(/0|[1-9]\d*/).map(Number).desc("a natural number")
-
-    /** @param {Grammar} r */
-    ColorNumber = r => r.NaturalNumber.assert(n => 0 <= n && n < 256, "the color must be between 0 and 256 excluded")
-
-    /** @param {Grammar} r */
-    Word = r => P.regex(/[a-zA-Z_]+/).desc("a word")
-
-    /** @param {Grammar} r */
-    String = r => P.regex(/(?:[^"\\]|\\.)*/).wrap(P.string('"'), P.string('"')).map(Utility.unescapeString)
+    String = r => P.regexp(new RegExp(`"(${Grammar.Regex.InsideString.source})"`), 1).map(Utility.unescapeString)
         .desc('string (with possibility to escape the quote using \")')
 
     /** @param {Grammar} r */
-    AttributeName = r => r.Word.sepBy1(P.string(".")).tieWith(".").desc("dot-separated words")
+    AttributeName = r => P.regexp(new RegExp(String.raw`(?:(?:^|(?<!^)\.)${Grammar.Regex.Word.source})+`))
+        .desc("dot-separated words")
 
     /*   ---   Entity   ---   */
 
@@ -3335,32 +3369,30 @@ class Grammar {
     Integer64 = r => r.BigInt.map(v => new Integer64Entity(v)).desc("an integer64")
 
     /** @param {Grammar} r */
-    Integer = r => P.regex(/[\-\+]?[0-9]+/).map(v => new IntegerEntity(v)).desc("an integer")
+    Integer = r => P.regex(Grammar.Regex.Integer).map(v => new IntegerEntity(v)).desc("an integer")
 
     /** @param {Grammar} r */
-    Byte = r => P.regex(/\+?[0-9]+/)
-        .map(v => parseInt(v))
-        .assert(v => v >= 0 && v < 1 << 8)
-        .map(v => new ByteEntity(v))
-        .desc("a Byte")
+    Byte = r => P.regex(Grammar.Regex.ByteInteger).map(v => new ByteEntity(parseInt(v))).desc("a Byte")
 
     /** @param {Grammar} r */
-    Guid = r => r.HexDigit.times(32).tie().map(v => new GuidEntity({ value: v })).desc("32 digit hexadecimal value")
+    Guid = r => P.regexp(new RegExp(`${Grammar.Regex.HexDigit.source}{32}`))
+        .map(v => new GuidEntity({ value: v }))
+        .desc("32 digit hexadecimal value")
 
     /** @param {Grammar} r */
     Identifier = r => P.regex(/\w+/).map(v => new IdentifierEntity(v))
 
     /** @param {Grammar} r */
-    PathSymbol = r => P.regex(/[0-9\w]+/).map(v => new PathSymbolEntity({ value: v }))
+    PathSymbol = r => P.regex(/\w+/).map(v => new PathSymbolEntity({ value: v }))
 
     /** @param {Grammar} r */
-    PathSymbolOptSpaces = r => P.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map(v => new PathSymbolEntity({ value: v }))
+    PathSymbolOptSpaces = r => P.regex(/(?:(?:^|(?<!^) )\w+)+/).map(v => new PathSymbolEntity({ value: v }))
 
     /** @param {Grammar} r */
-    Symbol = r => P.regex(/[a-zA-Z_]\w*/).map(v => new SymbolEntity({ value: v }))
+    Symbol = r => P.regex(Grammar.Regex.Symbol).map(v => new SymbolEntity({ value: v }))
 
     /** @param {Grammar} r */
-    Enum = r => P.regex(/[a-zA-Z_]\w*/).map(v => new EnumEntity({ value: v }))
+    Enum = r => P.regex(Grammar.Regex.Symbol).map(v => new EnumEntity({ value: v }))
 
     /** @param {Grammar} r */
     ObjectReference = r => P.alt(
@@ -3386,20 +3418,20 @@ class Grammar {
     )
 
     /** @param {Grammar} r */
-    LocalizedText = r => P.seqMap(
-        P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _0 (ignored)
-        r.String.trim(P.optWhitespace), // Goes into namespace
-        P.string(","), // Goes into _2 (ignored)
-        r.String.trim(P.optWhitespace), // Goes into key
-        P.string(","), // Goes into _4 (ignored)
-        r.String.trim(P.optWhitespace), // Goes into value
-        P.string(")"), // Goes into _6 (ignored)
-        (_0, namespace, _2, key, _4, value, _6) => new LocalizedTextEntity({
-            namespace: namespace,
-            key: key,
-            value: value
-        })
-    )
+    LocalizedText = r =>
+        Grammar.regexMap(
+            new RegExp(
+                String.raw`${LocalizedTextEntity.lookbehind}\s*\(`
+                + String.raw`\s*"(${Grammar.Regex.InsideString.source})"\s*,`
+                + String.raw`\s*"(${Grammar.Regex.InsideString.source})"\s*,`
+                + String.raw`\s*"(${Grammar.Regex.InsideString.source})"\s*\)`
+            ),
+            matchResult => new LocalizedTextEntity({
+                namespace: matchResult[1],
+                key: matchResult[2],
+                value: matchResult[3]
+            }
+            ))
 
     /** @param {Grammar} r */
     InvariantText = r => r.String.trim(P.optWhitespace).wrap(
@@ -3515,8 +3547,7 @@ class Grammar {
 
     /** @param {Grammar} r */
     CustomProperties = r =>
-        P.string("CustomProperties")
-            .then(P.whitespace)
+        P.regex(/CustomProperties\s+/)
             .then(r.Pin)
             .map(pin => entity => {
                 /** @type {Array} */
@@ -3527,14 +3558,14 @@ class Grammar {
 
     /** @param {Grammar} r */
     Object = r => P.seqMap(
-        P.seq(P.string("Begin"), P.whitespace, P.string("Object"), P.whitespace),
+        P.regexp(/Begin\s+Object\s+/),
         P
             .alt(
                 r.CustomProperties,
                 Grammar.createAttributeGrammar(r, ObjectEntity)
             )
             .sepBy1(P.whitespace),
-        P.seq(r.MultilineWhitespace, P.string("End"), P.whitespace, P.string("Object")),
+        P.regexp(/\s+End\s+Object/),
         (_0, attributes, _2) => {
             let values = {};
             attributes.forEach(attributeSetter => attributeSetter(values));
@@ -3636,146 +3667,146 @@ class Grammar {
             return result
         }
     )
-}
-
-/**
- * @typedef {import("../entity/IEntity").EntityConstructor} EntityConstructor
- * @typedef {import("../entity/IEntity").AnyValue} AnyValue
- * @typedef {import("../entity/IEntity").AnyValueConstructor<*>} AnyValueConstructor
- */
-
-/** @template {AnyValue} T */
-class ISerializer {
-
-    static grammar = Parsimmon.createLanguage(new Grammar())
-
-    /** @param {AnyValueConstructor} entityType */
-    constructor(
-        entityType,
-        attributePrefix = "",
-        attributeSeparator = ",",
-        trailingSeparator = false,
-        attributeValueConjunctionSign = "=",
-        attributeKeyPrinter = k => k.join(".")
-    ) {
-        this.entityType = entityType;
-        this.attributePrefix = attributePrefix;
-        this.attributeSeparator = attributeSeparator;
-        this.trailingSeparator = trailingSeparator;
-        this.attributeValueConjunctionSign = attributeValueConjunctionSign;
-        this.attributeKeyPrinter = attributeKeyPrinter;
-    }
-
-    /**
-     * @param {String} value
-     * @returns {T}
-     */
-    deserialize(value) {
-        return this.read(value)
-    }
-
-    /** @param {T} object */
-    serialize(object, insideString = false, entity = object) {
-        return this.write(entity, object, insideString)
-    }
-
-    /**
-     * @protected
-     * @param {String} value
-     * @returns {T}
-     */
-    read(value) {
-        throw new Error("Not implemented")
-    }
-
-    /**
-     * @protected
-     * @param {T} object
-     * @param {Boolean} insideString
-     * @returns {String}
-     */
-    write(entity, object, insideString) {
-        throw new Error("Not implemented")
-    }
-
-    /**
-     * @protected
-     * @param {AnyValue} value
-     * @param {String[]} fullKey
-     * @param {Boolean} insideString
-     */
-    writeValue(entity, value, fullKey, insideString) {
-        const type = Utility.getType(value);
-        // @ts-expect-error
-        const serializer = SerializerFactory.getSerializer(type);
-        if (!serializer) {
-            throw new Error(`Unknown value type "${type.name}", a serializer must be registered in the SerializerFactory class, check initializeSerializerFactory.js`)
-        }
-        return serializer.write(
-            value instanceof IEntity ? value : entity,
-            value,
-            insideString
-        )
-    }
-
-    /**
-     * @protected
-     * @param {String[]} key
-     * @param {Object} object
-     * @param {Boolean} insideString
-     * @returns {String}
-     */
-    subWrite(entity, key, object, insideString) {
-        let result = "";
-        let fullKey = key.concat("");
-        const last = fullKey.length - 1;
-        const attributes = /** @type {EntityConstructor} */(object.constructor).attributes;
-        const keys = attributes
-            ? Utility.mergeArrays(
-                Object.keys(attributes),
-                Object.keys(object)
-            )
-            : Object.keys(object);
-        for (const property of keys) {
-            fullKey[last] = property;
-            const value = object[property];
-            if (value?.constructor === Object) {
-                // Recursive call when finding an object
-                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.attributeSeparator : "")
-                    + this.attributePrefix
-                    + this.attributeKeyPrinter(fullKey)
-                    + this.attributeValueConjunctionSign
-                    + (
-                        isSerialized
-                            ? `"${this.writeValue(entity, value, fullKey, true)}"`
-                            : this.writeValue(entity, value, fullKey, insideString)
-                    );
-            }
-        }
-        if (this.trailingSeparator && result.length && fullKey.length === 1) {
-            // append separator at the end if asked and there was printed content
-            result += this.attributeSeparator;
-        }
-        return result
-    }
-
-    showProperty(entity, object, attributeKey, attributeValue) {
-        const attributes = /** @type {EntityConstructor} */(this.entityType).attributes;
-        const attribute = Utility.objectGet(attributes, attributeKey);
-        if (attribute?.constructor === Object) {
-            if (attribute.ignored) {
-                return false
-            }
-            return !Utility.equals(attribute.value, attributeValue) || attribute.showDefault
-        }
-        return true
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../entity/IEntity").EntityConstructor} EntityConstructor
+ * @typedef {import("../entity/IEntity").AnyValue} AnyValue
+ * @typedef {import("../entity/IEntity").AnyValueConstructor<*>} AnyValueConstructor
+ */
+
+/** @template {AnyValue} T */
+class ISerializer {
+
+    static grammar = Parsimmon.createLanguage(new Grammar())
+
+    /** @param {AnyValueConstructor} entityType */
+    constructor(
+        entityType,
+        attributePrefix = "",
+        attributeSeparator = ",",
+        trailingSeparator = false,
+        attributeValueConjunctionSign = "=",
+        attributeKeyPrinter = k => k.join(".")
+    ) {
+        this.entityType = entityType;
+        this.attributePrefix = attributePrefix;
+        this.attributeSeparator = attributeSeparator;
+        this.trailingSeparator = trailingSeparator;
+        this.attributeValueConjunctionSign = attributeValueConjunctionSign;
+        this.attributeKeyPrinter = attributeKeyPrinter;
+    }
+
+    /**
+     * @param {String} value
+     * @returns {T}
+     */
+    deserialize(value) {
+        return this.read(value)
+    }
+
+    /** @param {T} object */
+    serialize(object, insideString = false, entity = object) {
+        return this.write(entity, object, insideString)
+    }
+
+    /**
+     * @protected
+     * @param {String} value
+     * @returns {T}
+     */
+    read(value) {
+        throw new Error("Not implemented")
+    }
+
+    /**
+     * @protected
+     * @param {T} object
+     * @param {Boolean} insideString
+     * @returns {String}
+     */
+    write(entity, object, insideString) {
+        throw new Error("Not implemented")
+    }
+
+    /**
+     * @protected
+     * @param {AnyValue} value
+     * @param {String[]} fullKey
+     * @param {Boolean} insideString
+     */
+    writeValue(entity, value, fullKey, insideString) {
+        const type = Utility.getType(value);
+        // @ts-expect-error
+        const serializer = SerializerFactory.getSerializer(type);
+        if (!serializer) {
+            throw new Error(`Unknown value type "${type.name}", a serializer must be registered in the SerializerFactory class, check initializeSerializerFactory.js`)
+        }
+        return serializer.write(
+            value instanceof IEntity ? value : entity,
+            value,
+            insideString
+        )
+    }
+
+    /**
+     * @protected
+     * @param {String[]} key
+     * @param {Object} object
+     * @param {Boolean} insideString
+     * @returns {String}
+     */
+    subWrite(entity, key, object, insideString) {
+        let result = "";
+        let fullKey = key.concat("");
+        const last = fullKey.length - 1;
+        const attributes = /** @type {EntityConstructor} */(object.constructor).attributes;
+        const keys = attributes
+            ? Utility.mergeArrays(
+                Object.keys(attributes),
+                Object.keys(object)
+            )
+            : Object.keys(object);
+        for (const property of keys) {
+            fullKey[last] = property;
+            const value = object[property];
+            if (value?.constructor === Object) {
+                // Recursive call when finding an object
+                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.attributeSeparator : "")
+                    + this.attributePrefix
+                    + this.attributeKeyPrinter(fullKey)
+                    + this.attributeValueConjunctionSign
+                    + (
+                        isSerialized
+                            ? `"${this.writeValue(entity, value, fullKey, true)}"`
+                            : this.writeValue(entity, value, fullKey, insideString)
+                    );
+            }
+        }
+        if (this.trailingSeparator && result.length && fullKey.length === 1) {
+            // append separator at the end if asked and there was printed content
+            result += this.attributeSeparator;
+        }
+        return result
+    }
+
+    showProperty(entity, object, attributeKey, attributeValue) {
+        const attributes = /** @type {EntityConstructor} */(this.entityType).attributes;
+        const attribute = Utility.objectGet(attributes, attributeKey);
+        if (attribute?.constructor === Object) {
+            if (attribute.ignored) {
+                return false
+            }
+            return !Utility.equals(attribute.value, attributeValue) || attribute.showDefault
+        }
+        return true
+    }
+}
+
 class ObjectSerializer extends ISerializer {
 
     constructor() {
@@ -3832,8 +3863,8 @@ ${this.subWrite(entity, [], object, insideString)
 End Object\n`;
         return result
     }
-}
-
+}
+
 class Copy extends IInput {
 
     static #serializer = new ObjectSerializer()
@@ -3868,187 +3899,187 @@ class Copy extends IInput {
         const value = this.getSerializedText();
         navigator.clipboard.writeText(value);
     }
-}
-
-/**
- * @typedef {import("../element/IElement").default} IElement
- * @typedef {import("../input/IInput").default} IInput
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-/** @template {IElement} T */
-class ITemplate {
-
-    /** @type {T} */
-    element
-
-    get blueprint() {
-        return this.element.blueprint
-    }
-
-    /** @type {IInput[]} */
-    #inputObjects = []
-    get inputObjects() {
-        return this.#inputObjects
-    }
-
-    /** @param {T} element */
-    initialize(element) {
-        this.element = element;
-    }
-
-    createInputObjects() {
-        return /** @type {IInput[]} */([])
-    }
-
-    /**
-     * @template {IInput} T
-     * @param {new () => T} type
-     */
-    getInputObject(type) {
-        return /** @type {T} */(this.inputObjects.find(object => object.constructor == type))
-    }
-
-    setup() {
-        this.#inputObjects.forEach(v => v.setup());
-    }
-
-    cleanup() {
-        this.#inputObjects.forEach(v => v.cleanup());
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    willUpdate(changedProperties) {
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    update(changedProperties) {
-    }
-
-    render() {
-        return y``
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    updated(changedProperties) {
-    }
-
-    inputSetup() {
-        this.#inputObjects = this.createInputObjects();
-    }
-}
-
-/** @typedef {import("../../Blueprint").default} Blueprint */
-
-/**
- * @template {HTMLElement} T
- * @extends IInput<T>
- */
-class IKeyboardShortcut extends IInput {
-
-    /** @type {KeyBindingEntity[]} */
-    #activationKeys
-
-    /**
-     * @param {T} target
-     * @param {Blueprint} blueprint
-     * @param {Object} options
-     */
-    constructor(target, blueprint, options = {}) {
-        options.activateAnyKey ??= false;
-        options.activationKeys ??= [];
-        options.consumeEvent ??= true;
-        options.listenOnFocus ??= true;
-        options.unlistenOnTextEdit ??= true; // No shortcuts when inside of a text field
-        if (!(options.activationKeys instanceof Array)) {
-            options.activationKeys = [options.activationKeys];
-        }
-        options.activationKeys = options.activationKeys.map(v => {
-            if (v instanceof KeyBindingEntity) {
-                return v
-            }
-            if (v.constructor === String) {
-                const parsed = ISerializer.grammar.KeyBinding.parse(v);
-                if (parsed.status) {
-                    return parsed.value
-                }
-            }
-            throw new Error("Unexpected key value")
-        });
-
-        super(target, blueprint, options);
-
-        this.#activationKeys = this.options.activationKeys ?? [];
-
-        const wantsShift = keyEntry => keyEntry.bShift || keyEntry.Key == "LeftShift" || keyEntry.Key == "RightShift";
-        const wantsCtrl = keyEntry => keyEntry.bCtrl || keyEntry.Key == "LeftControl" || keyEntry.Key == "RightControl";
-        const wantsAlt = keyEntry => keyEntry.bAlt || keyEntry.Key == "LeftAlt" || keyEntry.Key == "RightAlt";
-
-        let self = this;
-        /** @param {KeyboardEvent} e */
-        this.keyDownHandler = e => {
-            if (
-                this.options.activateAnyKey
-                || self.#activationKeys.some(keyEntry =>
-                    wantsShift(keyEntry) == e.shiftKey
-                    && wantsCtrl(keyEntry) == e.ctrlKey
-                    && wantsAlt(keyEntry) == e.altKey
-                    && Configuration.Keys[keyEntry.Key] == e.code
-                )
-            ) {
-                if (options.consumeEvent) {
-                    e.preventDefault();
-                    e.stopImmediatePropagation();
-                }
-                self.fire();
-                document.removeEventListener("keydown", self.keyDownHandler);
-                document.addEventListener("keyup", self.keyUpHandler);
-            }
-        };
-
-        /** @param {KeyboardEvent} e */
-        this.keyUpHandler = e => {
-            if (
-                this.options.activateAnyKey
-                || self.#activationKeys.some(keyEntry =>
-                    keyEntry.bShift && e.key == "Shift"
-                    || keyEntry.bCtrl && e.key == "Control"
-                    || keyEntry.bAlt && e.key == "Alt"
-                    || keyEntry.bCmd && e.key == "Meta"
-                    || Configuration.Keys[keyEntry.Key] == e.code
-                )
-            ) {
-                if (options.consumeEvent) {
-                    e.stopImmediatePropagation();
-                }
-                self.unfire();
-                document.removeEventListener("keyup", this.keyUpHandler);
-                document.addEventListener("keydown", this.keyDownHandler);
-            }
-        };
-    }
-
-    listenEvents() {
-        document.addEventListener("keydown", this.keyDownHandler);
-    }
-
-    unlistenEvents() {
-        document.removeEventListener("keydown", this.keyDownHandler);
-    }
-
-    // Subclasses will want to override
-
-    fire() {
-    }
-
-    unfire() {
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../element/IElement").default} IElement
+ * @typedef {import("../input/IInput").default} IInput
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+/** @template {IElement} T */
+class ITemplate {
+
+    /** @type {T} */
+    element
+
+    get blueprint() {
+        return this.element.blueprint
+    }
+
+    /** @type {IInput[]} */
+    #inputObjects = []
+    get inputObjects() {
+        return this.#inputObjects
+    }
+
+    /** @param {T} element */
+    initialize(element) {
+        this.element = element;
+    }
+
+    createInputObjects() {
+        return /** @type {IInput[]} */([])
+    }
+
+    /**
+     * @template {IInput} T
+     * @param {new () => T} type
+     */
+    getInputObject(type) {
+        return /** @type {T} */(this.inputObjects.find(object => object.constructor == type))
+    }
+
+    setup() {
+        this.#inputObjects.forEach(v => v.setup());
+    }
+
+    cleanup() {
+        this.#inputObjects.forEach(v => v.cleanup());
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    willUpdate(changedProperties) {
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    update(changedProperties) {
+    }
+
+    render() {
+        return y``
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    updated(changedProperties) {
+    }
+
+    inputSetup() {
+        this.#inputObjects = this.createInputObjects();
+    }
+}
+
+/** @typedef {import("../../Blueprint").default} Blueprint */
+
+/**
+ * @template {HTMLElement} T
+ * @extends IInput<T>
+ */
+class IKeyboardShortcut extends IInput {
+
+    /** @type {KeyBindingEntity[]} */
+    #activationKeys
+
+    /**
+     * @param {T} target
+     * @param {Blueprint} blueprint
+     * @param {Object} options
+     */
+    constructor(target, blueprint, options = {}) {
+        options.activateAnyKey ??= false;
+        options.activationKeys ??= [];
+        options.consumeEvent ??= true;
+        options.listenOnFocus ??= true;
+        options.unlistenOnTextEdit ??= true; // No shortcuts when inside of a text field
+        if (!(options.activationKeys instanceof Array)) {
+            options.activationKeys = [options.activationKeys];
+        }
+        options.activationKeys = options.activationKeys.map(v => {
+            if (v instanceof KeyBindingEntity) {
+                return v
+            }
+            if (v.constructor === String) {
+                const parsed = ISerializer.grammar.KeyBinding.parse(v);
+                if (parsed.status) {
+                    return parsed.value
+                }
+            }
+            throw new Error("Unexpected key value")
+        });
+
+        super(target, blueprint, options);
+
+        this.#activationKeys = this.options.activationKeys ?? [];
+
+        const wantsShift = keyEntry => keyEntry.bShift || keyEntry.Key == "LeftShift" || keyEntry.Key == "RightShift";
+        const wantsCtrl = keyEntry => keyEntry.bCtrl || keyEntry.Key == "LeftControl" || keyEntry.Key == "RightControl";
+        const wantsAlt = keyEntry => keyEntry.bAlt || keyEntry.Key == "LeftAlt" || keyEntry.Key == "RightAlt";
+
+        let self = this;
+        /** @param {KeyboardEvent} e */
+        this.keyDownHandler = e => {
+            if (
+                this.options.activateAnyKey
+                || self.#activationKeys.some(keyEntry =>
+                    wantsShift(keyEntry) == e.shiftKey
+                    && wantsCtrl(keyEntry) == e.ctrlKey
+                    && wantsAlt(keyEntry) == e.altKey
+                    && Configuration.Keys[keyEntry.Key] == e.code
+                )
+            ) {
+                if (options.consumeEvent) {
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
+                }
+                self.fire();
+                document.removeEventListener("keydown", self.keyDownHandler);
+                document.addEventListener("keyup", self.keyUpHandler);
+            }
+        };
+
+        /** @param {KeyboardEvent} e */
+        this.keyUpHandler = e => {
+            if (
+                this.options.activateAnyKey
+                || self.#activationKeys.some(keyEntry =>
+                    keyEntry.bShift && e.key == "Shift"
+                    || keyEntry.bCtrl && e.key == "Control"
+                    || keyEntry.bAlt && e.key == "Alt"
+                    || keyEntry.bCmd && e.key == "Meta"
+                    || Configuration.Keys[keyEntry.Key] == e.code
+                )
+            ) {
+                if (options.consumeEvent) {
+                    e.stopImmediatePropagation();
+                }
+                self.unfire();
+                document.removeEventListener("keyup", this.keyUpHandler);
+                document.addEventListener("keydown", this.keyDownHandler);
+            }
+        };
+    }
+
+    listenEvents() {
+        document.addEventListener("keydown", this.keyDownHandler);
+    }
+
+    unlistenEvents() {
+        document.removeEventListener("keydown", this.keyDownHandler);
+    }
+
+    // Subclasses will want to override
+
+    fire() {
+    }
+
+    unfire() {
+    }
+}
+
 class KeyboardCanc extends IKeyboardShortcut {
 
     /**
@@ -4064,75 +4095,75 @@ class KeyboardCanc extends IKeyboardShortcut {
     fire() {
         this.blueprint.removeGraphElement(...this.blueprint.getNodes(true));
     }
-}
-
-/**
- * @template {HTMLElement} T
- * @extends {IInput<T>}
- */
-class IPointing extends IInput {
-
-    constructor(target, blueprint, options = {}) {
-        options.ignoreTranslateCompensate ??= false;
-        options.ignoreScale ??= false;
-        options.movementSpace ??= blueprint.getGridDOMElement() ?? document.documentElement;
-        super(target, blueprint, options);
-        /** @type {HTMLElement} */
-        this.movementSpace = options.movementSpace;
-    }
-
-    /** @param {MouseEvent} mouseEvent */
-    locationFromEvent(mouseEvent) {
-        const location = Utility.convertLocation(
-            [mouseEvent.clientX, mouseEvent.clientY],
-            this.movementSpace,
-            this.options.ignoreScale
-        );
-        return this.options.ignoreTranslateCompensate
-            ? location
-            : this.blueprint.compensateTranslation(location[0], location[1])
-    }
-}
-
-class IMouseWheel extends IPointing {
-
-    /** @param {WheelEvent} e */
-    #mouseWheelHandler = e => {
-        e.preventDefault();
-        const location = this.locationFromEvent(e);
-        this.wheel(Math.sign(e.deltaY * Configuration.mouseWheelFactor), location);
-    }
-
-    /** @param {WheelEvent} e */
-    #mouseParentWheelHandler = e => e.preventDefault()
-
-    /**
-     * @param {HTMLElement} target
-     * @param {import("../../Blueprint").default} blueprint
-     * @param {Object} options
-     */
-    constructor(target, blueprint, options = {}) {
-        options.listenOnFocus = true;
-        options.strictTarget ??= false;
-        super(target, blueprint, options);
-        this.strictTarget = options.strictTarget;
-    }
-
-    listenEvents() {
-        this.movementSpace.addEventListener("wheel", this.#mouseWheelHandler, false);
-        this.movementSpace.parentElement?.addEventListener("wheel", this.#mouseParentWheelHandler);
-    }
-
-    unlistenEvents() {
-        this.movementSpace.removeEventListener("wheel", this.#mouseWheelHandler, false);
-        this.movementSpace.parentElement?.removeEventListener("wheel", this.#mouseParentWheelHandler);
-    }
-
-    /* Subclasses will override the following method */
-    wheel(variation, location) {
-    }
-}
-
+}
+
+/**
+ * @template {HTMLElement} T
+ * @extends {IInput<T>}
+ */
+class IPointing extends IInput {
+
+    constructor(target, blueprint, options = {}) {
+        options.ignoreTranslateCompensate ??= false;
+        options.ignoreScale ??= false;
+        options.movementSpace ??= blueprint.getGridDOMElement() ?? document.documentElement;
+        super(target, blueprint, options);
+        /** @type {HTMLElement} */
+        this.movementSpace = options.movementSpace;
+    }
+
+    /** @param {MouseEvent} mouseEvent */
+    locationFromEvent(mouseEvent) {
+        const location = Utility.convertLocation(
+            [mouseEvent.clientX, mouseEvent.clientY],
+            this.movementSpace,
+            this.options.ignoreScale
+        );
+        return this.options.ignoreTranslateCompensate
+            ? location
+            : this.blueprint.compensateTranslation(location[0], location[1])
+    }
+}
+
+class IMouseWheel extends IPointing {
+
+    /** @param {WheelEvent} e */
+    #mouseWheelHandler = e => {
+        e.preventDefault();
+        const location = this.locationFromEvent(e);
+        this.wheel(Math.sign(e.deltaY * Configuration.mouseWheelFactor), location);
+    }
+
+    /** @param {WheelEvent} e */
+    #mouseParentWheelHandler = e => e.preventDefault()
+
+    /**
+     * @param {HTMLElement} target
+     * @param {import("../../Blueprint").default} blueprint
+     * @param {Object} options
+     */
+    constructor(target, blueprint, options = {}) {
+        options.listenOnFocus = true;
+        options.strictTarget ??= false;
+        super(target, blueprint, options);
+        this.strictTarget = options.strictTarget;
+    }
+
+    listenEvents() {
+        this.movementSpace.addEventListener("wheel", this.#mouseWheelHandler, false);
+        this.movementSpace.parentElement?.addEventListener("wheel", this.#mouseParentWheelHandler);
+    }
+
+    unlistenEvents() {
+        this.movementSpace.removeEventListener("wheel", this.#mouseWheelHandler, false);
+        this.movementSpace.parentElement?.removeEventListener("wheel", this.#mouseParentWheelHandler);
+    }
+
+    /* Subclasses will override the following method */
+    wheel(variation, location) {
+    }
+}
+
 class Zoom extends IMouseWheel {
 
     #enableZoonIn = false
@@ -4155,33 +4186,33 @@ class Zoom extends IMouseWheel {
         zoomLevel += variation;
         this.blueprint.setZoom(zoomLevel, location);
     }
-}
-
-class KeyboardEnableZoom extends IKeyboardShortcut {
-
-    /** @type {Zoom} */
-    #zoomInputObject
-
-    /**
-     * @param {HTMLElement} target
-     * @param {import("../../Blueprint").default} blueprint
-     * @param {Object} options
-     */
-    constructor(target, blueprint, options = {}) {
-        options.activationKeys = Configuration.enableZoomIn;
-        super(target, blueprint, options);
-    }
-
-    fire() {
-        this.#zoomInputObject = this.blueprint.getInputObject(Zoom);
-        this.#zoomInputObject.enableZoonIn = true;
-    }
-
-    unfire() {
-        this.#zoomInputObject.enableZoonIn = false;
-    }
-}
-
+}
+
+class KeyboardEnableZoom extends IKeyboardShortcut {
+
+    /** @type {Zoom} */
+    #zoomInputObject
+
+    /**
+     * @param {HTMLElement} target
+     * @param {import("../../Blueprint").default} blueprint
+     * @param {Object} options
+     */
+    constructor(target, blueprint, options = {}) {
+        options.activationKeys = Configuration.enableZoomIn;
+        super(target, blueprint, options);
+    }
+
+    fire() {
+        this.#zoomInputObject = this.blueprint.getInputObject(Zoom);
+        this.#zoomInputObject.enableZoonIn = true;
+    }
+
+    unfire() {
+        this.#zoomInputObject.enableZoonIn = false;
+    }
+}
+
 /** @typedef {import("../../Blueprint").default} Blueprint */
 class KeyboardSelectAll extends IKeyboardShortcut {
 
@@ -4198,489 +4229,489 @@ class KeyboardSelectAll extends IKeyboardShortcut {
     fire() {
         this.blueprint.selectAll();
     }
-}
-
-/**
- * @typedef {import("../Blueprint").default} Blueprint
- * @typedef {import("../entity/IEntity").default} IEntity
- * @typedef {import("../input/IInput").default} IInput
- * @typedef {import("../template/ITemplate").default} ITemplate
- * @typedef {import("lit").PropertyDeclarations} PropertyDeclarations
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-/**
- * @template {IEntity} T
- * @template {ITemplate} U
- */
-class IElement extends s {
-
-    #nextUpdatedCallbacks = []
-
-    /** @type {Blueprint} */
-    #blueprint
-    get blueprint() {
-        return this.#blueprint
-    }
-    set blueprint(v) {
-        this.#blueprint = v;
-    }
-
-    /** @type {T} */
-    #entity
-    get entity() {
-        return this.#entity
-    }
-    set entity(entity) {
-        this.#entity = entity;
-    }
-
-    /** @type {U} */
-    #template
-    get template() {
-        return this.#template
-    }
-
-    isInitialized = false
-    isSetup = false
-
-    /** @type {IInput[]} */
-    inputObjects = []
-
-    /**
-     * @param {T} entity
-     * @param {U} template
-     */
-    initialize(entity, template) {
-        this.requestUpdate();
-        this.#entity = entity;
-        this.#template = template;
-        this.#template.initialize(this);
-        if (this.isConnected) {
-            this.updateComplete.then(() => this.setup());
-        }
-        this.isInitialized = true;
-    }
-
-    connectedCallback() {
-        super.connectedCallback();
-        this.blueprint = /** @type {Blueprint} */(this.closest("ueb-blueprint"));
-        if (this.isInitialized) {
-            this.requestUpdate();
-            this.updateComplete.then(() => this.setup());
-        }
-    }
-
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this.isSetup) {
-            this.updateComplete.then(() => this.cleanup());
-        }
-        this.acknowledgeDelete();
-    }
-
-    createRenderRoot() {
-        return this
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    shouldUpdate(changedProperties) {
-        return this.isInitialized && this.isConnected
-    }
-
-    setup() {
-        this.template.setup();
-        this.isSetup = true;
-    }
-
-    cleanup() {
-        this.template.cleanup();
-        this.isSetup = false;
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    willUpdate(changedProperties) {
-        super.willUpdate(changedProperties);
-        this.template.willUpdate(changedProperties);
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    update(changedProperties) {
-        super.update(changedProperties);
-        this.template.update(changedProperties);
-    }
-
-    render() {
-        return this.template.render()
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.template.firstUpdated(changedProperties);
-        this.template.inputSetup();
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        this.template.updated(changedProperties);
-        // Remember the array might change while iterating
-        for (const f of this.#nextUpdatedCallbacks) {
-            f(changedProperties);
-        }
-        this.#nextUpdatedCallbacks = [];
-    }
-
-    addNextUpdatedCallbacks(callback, requestUpdate = false) {
-        this.#nextUpdatedCallbacks.push(callback);
-        if (requestUpdate) {
-            this.requestUpdate();
-        }
-    }
-
-    acknowledgeDelete() {
-        let deleteEvent = new CustomEvent(Configuration.removeEventName);
-        this.dispatchEvent(deleteEvent);
-    }
-
-    /** @param {IElement} element */
-    isSameGraph(element) {
-        return this.blueprint && this.blueprint == element?.blueprint
-    }
-
-    /**
-     * @template {IInput} V
-     * @param {new (...args: any[]) => V} type
-     */
-    getInputObject(type) {
-        return /** @type {V} */(this.template.inputObjects.find(object => object.constructor == type))
-    }
-}
-
-/**
- * @typedef {import("../entity/IEntity").default} IEntity
- * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate
- * @typedef {CustomEvent<{
- *     value: [Number, Number]
- * }>} DragEvent
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-/**
- * @template {IEntity} T
- * @template {IDraggableTemplate} U
- * @extends {IElement<T, U>}
- */
-class IDraggableElement extends IElement {
-
-    static properties = {
-        ...super.properties,
-        locationX: {
-            type: Number,
-            attribute: false,
-        },
-        locationY: {
-            type: Number,
-            attribute: false,
-        },
-        sizeX: {
-            type: Number,
-            attribute: false,
-        },
-        sizeY: {
-            type: Number,
-            attribute: false,
-        },
-    }
-    static dragEventName = Configuration.dragEventName
-    static dragGeneralEventName = Configuration.dragGeneralEventName
-
-    constructor() {
-        super();
-        this.locationX = 0;
-        this.locationY = 0;
-        this.sizeX = 0;
-        this.sizeY = 0;
-    }
-
-    computeSizes() {
-        const bounding = this.getBoundingClientRect();
-        this.sizeX = this.blueprint.scaleCorrect(bounding.width);
-        this.sizeY = this.blueprint.scaleCorrect(bounding.height);
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.computeSizes();
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     */
-    setLocation(x, y, acknowledge = true) {
-        const dx = x - this.locationX;
-        const dy = y - this.locationY;
-        this.locationX = x;
-        this.locationY = y;
-        if (this.blueprint && acknowledge) {
-            const dragLocalEvent = new CustomEvent(
-                /** @type {typeof IDraggableElement} */(this.constructor).dragEventName,
-                {
-                    detail: {
-                        value: [dx, dy],
-                    },
-                    bubbles: false,
-                    cancelable: true,
-                }
-            );
-            this.dispatchEvent(dragLocalEvent);
-        }
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     */
-    addLocation(x, y, acknowledge = true) {
-        this.setLocation(this.locationX + x, this.locationY + y, acknowledge);
-    }
-
-    /** @param {Number[]} value */
-    acknowledgeDrag(value) {
-        const dragEvent = new CustomEvent(
-            /** @type {typeof IDraggableElement} */(this.constructor).dragGeneralEventName,
-            {
-                detail: {
-                    value: value
-                },
-                bubbles: true,
-                cancelable: true
-            }
-        );
-        this.dispatchEvent(dragEvent);
-    }
-
-    snapToGrid() {
-        const snappedLocation = Utility.snapToGrid(this.locationX, this.locationY, Configuration.gridSize);
-        if (this.locationX != snappedLocation[0] || this.locationY != snappedLocation[1]) {
-            this.setLocation(snappedLocation[0], snappedLocation[1]);
-        }
-    }
-
-    topBoundary(justSelectableArea = false) {
-        return this.template.topBoundary(justSelectableArea)
-    }
-
-    rightBoundary(justSelectableArea = false) {
-        return this.template.rightBoundary(justSelectableArea)
-    }
-
-    bottomBoundary(justSelectableArea = false) {
-        return this.template.bottomBoundary(justSelectableArea)
-    }
-
-    leftBoundary(justSelectableArea = false) {
-        return this.template.leftBoundary(justSelectableArea)
-    }
-}
-
-/**
- * @typedef {import("../../Blueprint").default} Blueprint
- * @typedef {import("../../element/IElement").default} IElement
- */
-
-/**
- * @template {IElement} T
- * @extends {IPointing<T>}
- */
-class IMouseClickDrag extends IPointing {
-
-    /** @param {MouseEvent} e  */
-    #mouseDownHandler = e => {
-        this.blueprint.setFocused(true);
-        switch (e.button) {
-            case this.options.clickButton:
-                // Either doesn't matter or consider the click only when clicking on the parent, not descandants
-                if (!this.options.strictTarget || e.target == e.currentTarget) {
-                    if (this.options.consumeEvent) {
-                        e.stopImmediatePropagation(); // Captured, don't call anyone else
-                    }
-                    // Attach the listeners
-                    this.#movementListenedElement.addEventListener("mousemove", this.#mouseStartedMovingHandler);
-                    document.addEventListener("mouseup", this.#mouseUpHandler);
-                    this.clickedPosition = this.locationFromEvent(e);
-                    this.blueprint.mousePosition[0] = this.clickedPosition[0];
-                    this.blueprint.mousePosition[1] = this.clickedPosition[1];
-                    if (this.target instanceof IDraggableElement) {
-                        this.clickedOffset = [
-                            this.clickedPosition[0] - this.target.locationX,
-                            this.clickedPosition[1] - this.target.locationY,
-                        ];
-                    }
-                    this.clicked(this.clickedPosition);
-                }
-                break
-            default:
-                if (!this.options.exitAnyButton) {
-                    this.#mouseUpHandler(e);
-                }
-                break
-        }
-    }
-
-    /** @param {MouseEvent} e  */
-    #mouseStartedMovingHandler = e => {
-        if (this.options.consumeEvent) {
-            e.stopImmediatePropagation(); // Captured, don't call anyone else
-        }
-        // Delegate from now on to this.#mouseMoveHandler
-        this.#movementListenedElement.removeEventListener("mousemove", this.#mouseStartedMovingHandler);
-        this.#movementListenedElement.addEventListener("mousemove", this.#mouseMoveHandler);
-        // Handler calls e.preventDefault() when it receives the event, this means dispatchEvent returns false
-        const dragEvent = this.getEvent(Configuration.trackingMouseEventName.begin);
-        this.#trackingMouse = this.target.dispatchEvent(dragEvent) == false;
-        const location = this.locationFromEvent(e);
-        // Do actual actions
-        this.lastLocation = Utility.snapToGrid(this.clickedPosition[0], this.clickedPosition[1], this.stepSize);
-        this.startDrag(location);
-        this.started = true;
-    }
-
-    /** @param {MouseEvent} e  */
-    #mouseMoveHandler = e => {
-        if (this.options.consumeEvent) {
-            e.stopImmediatePropagation(); // Captured, don't call anyone else
-        }
-        const location = this.locationFromEvent(e);
-        const movement = [e.movementX, e.movementY];
-        this.dragTo(location, movement);
-        if (this.#trackingMouse) {
-            this.blueprint.mousePosition = location;
-        }
-        if (this.options.scrollGraphEdge) {
-            const movementNorm = Math.sqrt(movement[0] * movement[0] + movement[1] * movement[1]);
-            const threshold = this.blueprint.scaleCorrect(Configuration.edgeScrollThreshold);
-            const leftThreshold = this.blueprint.template.gridLeftVisibilityBoundary() + threshold;
-            const rightThreshold = this.blueprint.template.gridRightVisibilityBoundary() - threshold;
-            let scrollX = 0;
-            if (location[0] < leftThreshold) {
-                scrollX = location[0] - leftThreshold;
-            } else if (location[0] > rightThreshold) {
-                scrollX = location[0] - rightThreshold;
-            }
-            const topThreshold = this.blueprint.template.gridTopVisibilityBoundary() + threshold;
-            const bottomThreshold = this.blueprint.template.gridBottomVisibilityBoundary() - threshold;
-            let scrollY = 0;
-            if (location[1] < topThreshold) {
-                scrollY = location[1] - topThreshold;
-            } else if (location[1] > bottomThreshold) {
-                scrollY = location[1] - bottomThreshold;
-            }
-            scrollX = Utility.clamp(this.blueprint.scaleCorrectReverse(scrollX) ** 3 * movementNorm * 0.6, -20, 20);
-            scrollY = Utility.clamp(this.blueprint.scaleCorrectReverse(scrollY) ** 3 * movementNorm * 0.6, -20, 20);
-            this.blueprint.scrollDelta(scrollX, scrollY);
-        }
-    }
-
-    /** @param {MouseEvent} e  */
-    #mouseUpHandler = e => {
-        if (!this.options.exitAnyButton || e.button == this.options.clickButton) {
-            if (this.options.consumeEvent) {
-                e.stopImmediatePropagation(); // Captured, don't call anyone else
-            }
-            // Remove the handlers of "mousemove" and "mouseup"
-            this.#movementListenedElement.removeEventListener("mousemove", this.#mouseStartedMovingHandler);
-            this.#movementListenedElement.removeEventListener("mousemove", this.#mouseMoveHandler);
-            document.removeEventListener("mouseup", this.#mouseUpHandler);
-            if (this.started) {
-                this.endDrag();
-            }
-            this.unclicked();
-            if (this.#trackingMouse) {
-                const dragEvent = this.getEvent(Configuration.trackingMouseEventName.end);
-                this.target.dispatchEvent(dragEvent);
-                this.#trackingMouse = false;
-            }
-            this.started = false;
-        }
-    }
-
-    #trackingMouse = false
-    #movementListenedElement
-    #draggableElement
-
-    clickedOffset = [0, 0]
-    clickedPosition = [0, 0]
-    lastLocation = [0, 0]
-    started = false
-    stepSize = 1
-
-    /**
-     * @param {T} target
-     * @param {Blueprint} blueprint
-     * @param {Object} options
-     */
-    constructor(target, blueprint, options = {}) {
-        options.clickButton ??= 0;
-        options.consumeEvent ??= true;
-        options.draggableElement ??= target;
-        options.exitAnyButton ??= true;
-        options.moveEverywhere ??= false;
-        options.movementSpace ??= blueprint?.getGridDOMElement();
-        options.repositionOnClick ??= false;
-        options.scrollGraphEdge ??= false;
-        options.strictTarget ??= false;
-        super(target, blueprint, options);
-        this.stepSize = parseInt(options?.stepSize ?? Configuration.gridSize);
-        this.#movementListenedElement = this.options.moveEverywhere ? document.documentElement : this.movementSpace;
-        this.#draggableElement = /** @type {HTMLElement} */(this.options.draggableElement);
-
-        this.listenEvents();
-    }
-
-    listenEvents() {
-        super.listenEvents();
-        this.#draggableElement.addEventListener("mousedown", this.#mouseDownHandler);
-        if (this.options.clickButton == 2) {
-            this.#draggableElement.addEventListener("contextmenu", e => e.preventDefault());
-        }
-    }
-
-    unlistenEvents() {
-        super.unlistenEvents();
-        this.#draggableElement.removeEventListener("mousedown", this.#mouseDownHandler);
-    }
-
-    getEvent(eventName) {
-        return new CustomEvent(eventName, {
-            detail: {
-                tracker: this
-            },
-            bubbles: true,
-            cancelable: true
-        })
-    }
-
-    /* Subclasses will override the following methods */
-    clicked(location) {
-    }
-
-    startDrag(location) {
-    }
-
-    dragTo(location, offset) {
-    }
-
-    endDrag() {
-    }
-
-    unclicked(location) {
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../Blueprint").default} Blueprint
+ * @typedef {import("../entity/IEntity").default} IEntity
+ * @typedef {import("../input/IInput").default} IInput
+ * @typedef {import("../template/ITemplate").default} ITemplate
+ * @typedef {import("lit").PropertyDeclarations} PropertyDeclarations
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+/**
+ * @template {IEntity} T
+ * @template {ITemplate} U
+ */
+class IElement extends s {
+
+    #nextUpdatedCallbacks = []
+
+    /** @type {Blueprint} */
+    #blueprint
+    get blueprint() {
+        return this.#blueprint
+    }
+    set blueprint(v) {
+        this.#blueprint = v;
+    }
+
+    /** @type {T} */
+    #entity
+    get entity() {
+        return this.#entity
+    }
+    set entity(entity) {
+        this.#entity = entity;
+    }
+
+    /** @type {U} */
+    #template
+    get template() {
+        return this.#template
+    }
+
+    isInitialized = false
+    isSetup = false
+
+    /** @type {IInput[]} */
+    inputObjects = []
+
+    /**
+     * @param {T} entity
+     * @param {U} template
+     */
+    initialize(entity, template) {
+        this.requestUpdate();
+        this.#entity = entity;
+        this.#template = template;
+        this.#template.initialize(this);
+        if (this.isConnected) {
+            this.updateComplete.then(() => this.setup());
+        }
+        this.isInitialized = true;
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this.blueprint = /** @type {Blueprint} */(this.closest("ueb-blueprint"));
+        if (this.isInitialized) {
+            this.requestUpdate();
+            this.updateComplete.then(() => this.setup());
+        }
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.isSetup) {
+            this.updateComplete.then(() => this.cleanup());
+        }
+        this.acknowledgeDelete();
+    }
+
+    createRenderRoot() {
+        return this
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    shouldUpdate(changedProperties) {
+        return this.isInitialized && this.isConnected
+    }
+
+    setup() {
+        this.template.setup();
+        this.isSetup = true;
+    }
+
+    cleanup() {
+        this.template.cleanup();
+        this.isSetup = false;
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        this.template.willUpdate(changedProperties);
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    update(changedProperties) {
+        super.update(changedProperties);
+        this.template.update(changedProperties);
+    }
+
+    render() {
+        return this.template.render()
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.template.firstUpdated(changedProperties);
+        this.template.inputSetup();
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this.template.updated(changedProperties);
+        // Remember the array might change while iterating
+        for (const f of this.#nextUpdatedCallbacks) {
+            f(changedProperties);
+        }
+        this.#nextUpdatedCallbacks = [];
+    }
+
+    addNextUpdatedCallbacks(callback, requestUpdate = false) {
+        this.#nextUpdatedCallbacks.push(callback);
+        if (requestUpdate) {
+            this.requestUpdate();
+        }
+    }
+
+    acknowledgeDelete() {
+        let deleteEvent = new CustomEvent(Configuration.removeEventName);
+        this.dispatchEvent(deleteEvent);
+    }
+
+    /** @param {IElement} element */
+    isSameGraph(element) {
+        return this.blueprint && this.blueprint == element?.blueprint
+    }
+
+    /**
+     * @template {IInput} V
+     * @param {new (...args: any[]) => V} type
+     */
+    getInputObject(type) {
+        return /** @type {V} */(this.template.inputObjects.find(object => object.constructor == type))
+    }
+}
+
+/**
+ * @typedef {import("../entity/IEntity").default} IEntity
+ * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate
+ * @typedef {CustomEvent<{
+ *     value: [Number, Number]
+ * }>} DragEvent
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+/**
+ * @template {IEntity} T
+ * @template {IDraggableTemplate} U
+ * @extends {IElement<T, U>}
+ */
+class IDraggableElement extends IElement {
+
+    static properties = {
+        ...super.properties,
+        locationX: {
+            type: Number,
+            attribute: false,
+        },
+        locationY: {
+            type: Number,
+            attribute: false,
+        },
+        sizeX: {
+            type: Number,
+            attribute: false,
+        },
+        sizeY: {
+            type: Number,
+            attribute: false,
+        },
+    }
+    static dragEventName = Configuration.dragEventName
+    static dragGeneralEventName = Configuration.dragGeneralEventName
+
+    constructor() {
+        super();
+        this.locationX = 0;
+        this.locationY = 0;
+        this.sizeX = 0;
+        this.sizeY = 0;
+    }
+
+    computeSizes() {
+        const bounding = this.getBoundingClientRect();
+        this.sizeX = this.blueprint.scaleCorrect(bounding.width);
+        this.sizeY = this.blueprint.scaleCorrect(bounding.height);
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.computeSizes();
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     */
+    setLocation(x, y, acknowledge = true) {
+        const dx = x - this.locationX;
+        const dy = y - this.locationY;
+        this.locationX = x;
+        this.locationY = y;
+        if (this.blueprint && acknowledge) {
+            const dragLocalEvent = new CustomEvent(
+                /** @type {typeof IDraggableElement} */(this.constructor).dragEventName,
+                {
+                    detail: {
+                        value: [dx, dy],
+                    },
+                    bubbles: false,
+                    cancelable: true,
+                }
+            );
+            this.dispatchEvent(dragLocalEvent);
+        }
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     */
+    addLocation(x, y, acknowledge = true) {
+        this.setLocation(this.locationX + x, this.locationY + y, acknowledge);
+    }
+
+    /** @param {Number[]} value */
+    acknowledgeDrag(value) {
+        const dragEvent = new CustomEvent(
+            /** @type {typeof IDraggableElement} */(this.constructor).dragGeneralEventName,
+            {
+                detail: {
+                    value: value
+                },
+                bubbles: true,
+                cancelable: true
+            }
+        );
+        this.dispatchEvent(dragEvent);
+    }
+
+    snapToGrid() {
+        const snappedLocation = Utility.snapToGrid(this.locationX, this.locationY, Configuration.gridSize);
+        if (this.locationX != snappedLocation[0] || this.locationY != snappedLocation[1]) {
+            this.setLocation(snappedLocation[0], snappedLocation[1]);
+        }
+    }
+
+    topBoundary(justSelectableArea = false) {
+        return this.template.topBoundary(justSelectableArea)
+    }
+
+    rightBoundary(justSelectableArea = false) {
+        return this.template.rightBoundary(justSelectableArea)
+    }
+
+    bottomBoundary(justSelectableArea = false) {
+        return this.template.bottomBoundary(justSelectableArea)
+    }
+
+    leftBoundary(justSelectableArea = false) {
+        return this.template.leftBoundary(justSelectableArea)
+    }
+}
+
+/**
+ * @typedef {import("../../Blueprint").default} Blueprint
+ * @typedef {import("../../element/IElement").default} IElement
+ */
+
+/**
+ * @template {IElement} T
+ * @extends {IPointing<T>}
+ */
+class IMouseClickDrag extends IPointing {
+
+    /** @param {MouseEvent} e  */
+    #mouseDownHandler = e => {
+        this.blueprint.setFocused(true);
+        switch (e.button) {
+            case this.options.clickButton:
+                // Either doesn't matter or consider the click only when clicking on the parent, not descandants
+                if (!this.options.strictTarget || e.target == e.currentTarget) {
+                    if (this.options.consumeEvent) {
+                        e.stopImmediatePropagation(); // Captured, don't call anyone else
+                    }
+                    // Attach the listeners
+                    this.#movementListenedElement.addEventListener("mousemove", this.#mouseStartedMovingHandler);
+                    document.addEventListener("mouseup", this.#mouseUpHandler);
+                    this.clickedPosition = this.locationFromEvent(e);
+                    this.blueprint.mousePosition[0] = this.clickedPosition[0];
+                    this.blueprint.mousePosition[1] = this.clickedPosition[1];
+                    if (this.target instanceof IDraggableElement) {
+                        this.clickedOffset = [
+                            this.clickedPosition[0] - this.target.locationX,
+                            this.clickedPosition[1] - this.target.locationY,
+                        ];
+                    }
+                    this.clicked(this.clickedPosition);
+                }
+                break
+            default:
+                if (!this.options.exitAnyButton) {
+                    this.#mouseUpHandler(e);
+                }
+                break
+        }
+    }
+
+    /** @param {MouseEvent} e  */
+    #mouseStartedMovingHandler = e => {
+        if (this.options.consumeEvent) {
+            e.stopImmediatePropagation(); // Captured, don't call anyone else
+        }
+        // Delegate from now on to this.#mouseMoveHandler
+        this.#movementListenedElement.removeEventListener("mousemove", this.#mouseStartedMovingHandler);
+        this.#movementListenedElement.addEventListener("mousemove", this.#mouseMoveHandler);
+        // Handler calls e.preventDefault() when it receives the event, this means dispatchEvent returns false
+        const dragEvent = this.getEvent(Configuration.trackingMouseEventName.begin);
+        this.#trackingMouse = this.target.dispatchEvent(dragEvent) == false;
+        const location = this.locationFromEvent(e);
+        // Do actual actions
+        this.lastLocation = Utility.snapToGrid(this.clickedPosition[0], this.clickedPosition[1], this.stepSize);
+        this.startDrag(location);
+        this.started = true;
+    }
+
+    /** @param {MouseEvent} e  */
+    #mouseMoveHandler = e => {
+        if (this.options.consumeEvent) {
+            e.stopImmediatePropagation(); // Captured, don't call anyone else
+        }
+        const location = this.locationFromEvent(e);
+        const movement = [e.movementX, e.movementY];
+        this.dragTo(location, movement);
+        if (this.#trackingMouse) {
+            this.blueprint.mousePosition = location;
+        }
+        if (this.options.scrollGraphEdge) {
+            const movementNorm = Math.sqrt(movement[0] * movement[0] + movement[1] * movement[1]);
+            const threshold = this.blueprint.scaleCorrect(Configuration.edgeScrollThreshold);
+            const leftThreshold = this.blueprint.template.gridLeftVisibilityBoundary() + threshold;
+            const rightThreshold = this.blueprint.template.gridRightVisibilityBoundary() - threshold;
+            let scrollX = 0;
+            if (location[0] < leftThreshold) {
+                scrollX = location[0] - leftThreshold;
+            } else if (location[0] > rightThreshold) {
+                scrollX = location[0] - rightThreshold;
+            }
+            const topThreshold = this.blueprint.template.gridTopVisibilityBoundary() + threshold;
+            const bottomThreshold = this.blueprint.template.gridBottomVisibilityBoundary() - threshold;
+            let scrollY = 0;
+            if (location[1] < topThreshold) {
+                scrollY = location[1] - topThreshold;
+            } else if (location[1] > bottomThreshold) {
+                scrollY = location[1] - bottomThreshold;
+            }
+            scrollX = Utility.clamp(this.blueprint.scaleCorrectReverse(scrollX) ** 3 * movementNorm * 0.6, -20, 20);
+            scrollY = Utility.clamp(this.blueprint.scaleCorrectReverse(scrollY) ** 3 * movementNorm * 0.6, -20, 20);
+            this.blueprint.scrollDelta(scrollX, scrollY);
+        }
+    }
+
+    /** @param {MouseEvent} e  */
+    #mouseUpHandler = e => {
+        if (!this.options.exitAnyButton || e.button == this.options.clickButton) {
+            if (this.options.consumeEvent) {
+                e.stopImmediatePropagation(); // Captured, don't call anyone else
+            }
+            // Remove the handlers of "mousemove" and "mouseup"
+            this.#movementListenedElement.removeEventListener("mousemove", this.#mouseStartedMovingHandler);
+            this.#movementListenedElement.removeEventListener("mousemove", this.#mouseMoveHandler);
+            document.removeEventListener("mouseup", this.#mouseUpHandler);
+            if (this.started) {
+                this.endDrag();
+            }
+            this.unclicked();
+            if (this.#trackingMouse) {
+                const dragEvent = this.getEvent(Configuration.trackingMouseEventName.end);
+                this.target.dispatchEvent(dragEvent);
+                this.#trackingMouse = false;
+            }
+            this.started = false;
+        }
+    }
+
+    #trackingMouse = false
+    #movementListenedElement
+    #draggableElement
+
+    clickedOffset = [0, 0]
+    clickedPosition = [0, 0]
+    lastLocation = [0, 0]
+    started = false
+    stepSize = 1
+
+    /**
+     * @param {T} target
+     * @param {Blueprint} blueprint
+     * @param {Object} options
+     */
+    constructor(target, blueprint, options = {}) {
+        options.clickButton ??= 0;
+        options.consumeEvent ??= true;
+        options.draggableElement ??= target;
+        options.exitAnyButton ??= true;
+        options.moveEverywhere ??= false;
+        options.movementSpace ??= blueprint?.getGridDOMElement();
+        options.repositionOnClick ??= false;
+        options.scrollGraphEdge ??= false;
+        options.strictTarget ??= false;
+        super(target, blueprint, options);
+        this.stepSize = parseInt(options?.stepSize ?? Configuration.gridSize);
+        this.#movementListenedElement = this.options.moveEverywhere ? document.documentElement : this.movementSpace;
+        this.#draggableElement = /** @type {HTMLElement} */(this.options.draggableElement);
+
+        this.listenEvents();
+    }
+
+    listenEvents() {
+        super.listenEvents();
+        this.#draggableElement.addEventListener("mousedown", this.#mouseDownHandler);
+        if (this.options.clickButton == 2) {
+            this.#draggableElement.addEventListener("contextmenu", e => e.preventDefault());
+        }
+    }
+
+    unlistenEvents() {
+        super.unlistenEvents();
+        this.#draggableElement.removeEventListener("mousedown", this.#mouseDownHandler);
+    }
+
+    getEvent(eventName) {
+        return new CustomEvent(eventName, {
+            detail: {
+                tracker: this
+            },
+            bubbles: true,
+            cancelable: true
+        })
+    }
+
+    /* Subclasses will override the following methods */
+    clicked(location) {
+    }
+
+    startDrag(location) {
+    }
+
+    dragTo(location, offset) {
+    }
+
+    endDrag() {
+    }
+
+    unclicked(location) {
+    }
+}
+
 class MouseScrollGraph extends IMouseClickDrag {
 
     startDrag() {
@@ -4694,8 +4725,8 @@ class MouseScrollGraph extends IMouseClickDrag {
     endDrag() {
         this.blueprint.scrolling = false;
     }
-}
-
+}
+
 class MouseTracking extends IPointing {
 
     /** @type {IPointing} */
@@ -4758,32 +4789,32 @@ class MouseTracking extends IPointing {
             /** @type {(e: Event) => any} */(this.#trackingMouseGaveBackHandler)
         );
     }
-}
-
-/**
- * @typedef {import("./IElement").default} IElement
- * @typedef {new (...args) => IElement} ElementConstructor
- */
-
-class ElementFactory {
-
-    /** @type {Map<String, ElementConstructor>} */
-    static #elementConstructors = new Map()
-
-    /**
-     * @param {String} tagName
-     * @param {ElementConstructor} entityConstructor
-     */
-    static registerElement(tagName, entityConstructor) {
-        ElementFactory.#elementConstructors.set(tagName, entityConstructor);
-    }
-
-    /** @param {String} tagName */
-    static getConstructor(tagName) {
-        return ElementFactory.#elementConstructors.get(tagName)
-    }
-}
-
+}
+
+/**
+ * @typedef {import("./IElement").default} IElement
+ * @typedef {new (...args) => IElement} ElementConstructor
+ */
+
+class ElementFactory {
+
+    /** @type {Map<String, ElementConstructor>} */
+    static #elementConstructors = new Map()
+
+    /**
+     * @param {String} tagName
+     * @param {ElementConstructor} entityConstructor
+     */
+    static registerElement(tagName, entityConstructor) {
+        ElementFactory.#elementConstructors.set(tagName, entityConstructor);
+    }
+
+    /** @param {String} tagName */
+    static getConstructor(tagName) {
+        return ElementFactory.#elementConstructors.get(tagName)
+    }
+}
+
 /** @typedef {import("../../element/NodeElement").NodeElementConstructor} NodeElementConstructor */
 
 class Paste extends IInput {
@@ -4836,8 +4867,8 @@ class Paste extends IInput {
         this.blueprint.addGraphElement(...nodes);
         return true
     }
-}
-
+}
+
 class Select extends IMouseClickDrag {
 
     constructor(target, blueprint, options = {}) {
@@ -4865,8 +4896,8 @@ class Select extends IMouseClickDrag {
             this.blueprint.unselectAll();
         }
     }
-}
-
+}
+
 class Unfocus extends IInput {
 
     /** @param {MouseEvent} e */
@@ -4896,8 +4927,8 @@ class Unfocus extends IInput {
     unlistenEvents() {
         document.removeEventListener("click", this.#clickHandler);
     }
-}
-
+}
+
 /**
  * @typedef {import("../Blueprint").default} Blueprint
  * @typedef {import("../element/PinElement").default} PinElement
@@ -5124,75 +5155,75 @@ class BlueprintTemplate extends ITemplate {
         avgY = nodes.length > 0 ? Math.round(avgY / (2 * nodes.length)) : 0;
         this.centerViewport(avgX, avgY, smooth);
     }
-}
-
-/**
- * @typedef {import("../entity/IEntity").default} IEntity
- * @typedef {import("../template/ITemplate").default} ITemplate
- */
-
-/**
- * @template {IEntity} T
- * @template {ITemplate} U
- * @extends {IElement<T, U>}
- */
-class IFromToPositionedElement extends IElement {
-
-    static properties = {
-        ...super.properties,
-        fromX: {
-            type: Number,
-            attribute: false,
-        },
-        fromY: {
-            type: Number,
-            attribute: false,
-        },
-        toX: {
-            type: Number,
-            attribute: false,
-        },
-        toY: {
-            type: Number,
-            attribute: false,
-        },
-    }
-
-    constructor() {
-        super();
-        this.fromX = 0;
-        this.fromY = 0;
-        this.toX = 0;
-        this.toY = 0;
-    }
-
-    /** @param {Number[]} param0 */
-    setBothLocations([x, y]) {
-        this.fromX = x;
-        this.fromY = y;
-        this.toX = x;
-        this.toY = y;
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     */
-    addSourceLocation(x, y) {
-        this.fromX += x;
-        this.fromY += y;
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     */
-    addDestinationLocation(x, y) {
-        this.toX += x;
-        this.toY += y;
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../entity/IEntity").default} IEntity
+ * @typedef {import("../template/ITemplate").default} ITemplate
+ */
+
+/**
+ * @template {IEntity} T
+ * @template {ITemplate} U
+ * @extends {IElement<T, U>}
+ */
+class IFromToPositionedElement extends IElement {
+
+    static properties = {
+        ...super.properties,
+        fromX: {
+            type: Number,
+            attribute: false,
+        },
+        fromY: {
+            type: Number,
+            attribute: false,
+        },
+        toX: {
+            type: Number,
+            attribute: false,
+        },
+        toY: {
+            type: Number,
+            attribute: false,
+        },
+    }
+
+    constructor() {
+        super();
+        this.fromX = 0;
+        this.fromY = 0;
+        this.toX = 0;
+        this.toY = 0;
+    }
+
+    /** @param {Number[]} param0 */
+    setBothLocations([x, y]) {
+        this.fromX = x;
+        this.fromY = y;
+        this.toX = x;
+        this.toY = y;
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     */
+    addSourceLocation(x, y) {
+        this.fromX += x;
+        this.fromY += y;
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     */
+    addDestinationLocation(x, y) {
+        this.toX += x;
+        this.toY += y;
+    }
+}
+
 /**
  * @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement
  * @typedef {import("lit").PropertyValues} PropertyValues
@@ -5228,95 +5259,95 @@ class IFromToPositionedTemplate extends ITemplate {
             this.element.style.height = `${height}px`;
         }
     }
-}
-
-class KnotEntity extends ObjectEntity {
-
-    /**
-     * @param {Object} options
-     * @param {PinEntity} pinReferenceForType
-     */
-    constructor(options = {}, pinReferenceForType = undefined) {
-        super(options, true);
-        this.Class = new ObjectReferenceEntity("/Script/BlueprintGraph.K2Node_Knot");
-        this.Name = "K2Node_Knot";
-        const inputPinEntity = new PinEntity(
-            {
-                PinName: "InputPin",
-            },
-            true
-        );
-        const outputPinEntity = new PinEntity(
-            {
-                PinName: "OutputPin",
-                Direction: "EGPD_Output",
-            },
-            true
-        );
-        if (pinReferenceForType) {
-            inputPinEntity.copyTypeFrom(pinReferenceForType);
-            outputPinEntity.copyTypeFrom(pinReferenceForType);
-        }
-        this.CustomProperties = [inputPinEntity, outputPinEntity];
-    }
-}
-
-/** @typedef {import("../../Blueprint").default} Blueprint */
-
-/**
- * @template {HTMLElement} T
- * @extends {IPointing<T>}
- */
-class MouseDbClick extends IPointing {
-
-    /** @param {Number[]} location */
-    static ignoreDbClick = location => { }
-
-    /** @param {MouseEvent} e */
-    #mouseDbClickHandler = e => {
-        if (!this.options.strictTarget || e.target === e.currentTarget) {
-            if (this.options.consumeEvent) {
-                e.stopImmediatePropagation(); // Captured, don't call anyone else
-            }
-            this.clickedPosition = this.locationFromEvent(e);
-            this.blueprint.mousePosition[0] = this.clickedPosition[0];
-            this.blueprint.mousePosition[1] = this.clickedPosition[1];
-            this.dbclicked(this.clickedPosition);
-        }
-    }
-
-    #onDbClick
-    get onDbClick() {
-        return this.#onDbClick
-    }
-    set onDbClick(value) {
-        this.#onDbClick = value;
-    }
-
-    clickedPosition = [0, 0]
-
-    constructor(target, blueprint, options = {}, onDbClick = MouseDbClick.ignoreDbClick) {
-        options.consumeEvent ??= true;
-        options.strictTarget ??= false;
-        super(target, blueprint, options);
-        this.#onDbClick = onDbClick;
-        this.listenEvents();
-    }
-
-    listenEvents() {
-        this.target.addEventListener("dblclick", this.#mouseDbClickHandler);
-    }
-
-    unlistenEvents() {
-        this.target.removeEventListener("dblclick", this.#mouseDbClickHandler);
-    }
-
-    /* Subclasses will override the following method */
-    dbclicked(location) {
-        this.onDbClick(location);
-    }
-}
-
+}
+
+class KnotEntity extends ObjectEntity {
+
+    /**
+     * @param {Object} options
+     * @param {PinEntity} pinReferenceForType
+     */
+    constructor(options = {}, pinReferenceForType = undefined) {
+        super(options, true);
+        this.Class = new ObjectReferenceEntity("/Script/BlueprintGraph.K2Node_Knot");
+        this.Name = "K2Node_Knot";
+        const inputPinEntity = new PinEntity(
+            {
+                PinName: "InputPin",
+            },
+            true
+        );
+        const outputPinEntity = new PinEntity(
+            {
+                PinName: "OutputPin",
+                Direction: "EGPD_Output",
+            },
+            true
+        );
+        if (pinReferenceForType) {
+            inputPinEntity.copyTypeFrom(pinReferenceForType);
+            outputPinEntity.copyTypeFrom(pinReferenceForType);
+        }
+        this.CustomProperties = [inputPinEntity, outputPinEntity];
+    }
+}
+
+/** @typedef {import("../../Blueprint").default} Blueprint */
+
+/**
+ * @template {HTMLElement} T
+ * @extends {IPointing<T>}
+ */
+class MouseDbClick extends IPointing {
+
+    /** @param {Number[]} location */
+    static ignoreDbClick = location => { }
+
+    /** @param {MouseEvent} e */
+    #mouseDbClickHandler = e => {
+        if (!this.options.strictTarget || e.target === e.currentTarget) {
+            if (this.options.consumeEvent) {
+                e.stopImmediatePropagation(); // Captured, don't call anyone else
+            }
+            this.clickedPosition = this.locationFromEvent(e);
+            this.blueprint.mousePosition[0] = this.clickedPosition[0];
+            this.blueprint.mousePosition[1] = this.clickedPosition[1];
+            this.dbclicked(this.clickedPosition);
+        }
+    }
+
+    #onDbClick
+    get onDbClick() {
+        return this.#onDbClick
+    }
+    set onDbClick(value) {
+        this.#onDbClick = value;
+    }
+
+    clickedPosition = [0, 0]
+
+    constructor(target, blueprint, options = {}, onDbClick = MouseDbClick.ignoreDbClick) {
+        options.consumeEvent ??= true;
+        options.strictTarget ??= false;
+        super(target, blueprint, options);
+        this.#onDbClick = onDbClick;
+        this.listenEvents();
+    }
+
+    listenEvents() {
+        this.target.addEventListener("dblclick", this.#mouseDbClickHandler);
+    }
+
+    unlistenEvents() {
+        this.target.removeEventListener("dblclick", this.#mouseDbClickHandler);
+    }
+
+    /* Subclasses will override the following method */
+    dbclicked(location) {
+        this.onDbClick(location);
+    }
+}
+
 /**
  * @typedef {import("../element/LinkElement").default} LinkElement
  * @typedef {import("../element/LinkElement").LinkElementConstructor} LinkElementConstructor
@@ -5501,313 +5532,313 @@ class LinkTemplate extends IFromToPositionedTemplate {
             ` : b}
         `
     }
-}
-
-/**
- * @typedef {import("../element/IDraggableElement").DragEvent} DragEvent
- * @typedef {import("./PinElement").default} PinElement
- * @typedef {import("lit").TemplateResult<1>} TemplateResult
- * @typedef {typeof LinkElement} LinkElementConstructor
- */
-
-/** @extends {IFromToPositionedElement<Object, LinkTemplate>} */
-class LinkElement extends IFromToPositionedElement {
-
-    static properties = {
-        ...super.properties,
-        source: {
-            type: String,
-            reflect: true,
-        },
-        destination: {
-            type: String,
-            reflect: true,
-        },
-        dragging: {
-            type: Boolean,
-            attribute: "data-dragging",
-            converter: Utility.booleanConverter,
-            reflect: true,
-        },
-        originatesFromInput: {
-            type: Boolean,
-            attribute: false,
-        },
-        svgPathD: {
-            type: String,
-            attribute: false,
-        },
-        linkMessageIcon: {
-            type: String,
-            attribute: false,
-        },
-        linkMessageText: {
-            type: String,
-            attribute: false,
-        },
-    }
-
-    /** @type {PinElement} */
-    #sourcePin
-    get sourcePin() {
-        return this.#sourcePin
-    }
-    set sourcePin(pin) {
-        this.#setPin(pin, false);
-    }
-
-    /** @type {PinElement} */
-    #destinationPin
-    get destinationPin() {
-        return this.#destinationPin
-    }
-    set destinationPin(pin) {
-        this.#setPin(pin, true);
-    }
-
-    #nodeDeleteHandler = () => this.remove()
-    /** @param {DragEvent} e */
-    #nodeDragSourceHandler = e => this.addSourceLocation(...e.detail.value)
-    /** @param {DragEvent} e */
-    #nodeDragDestinatonHandler = e => this.addDestinationLocation(...e.detail.value)
-    #nodeReflowSourceHandler = e => this.setSourceLocation()
-    #nodeReflowDestinatonHandler = e => this.setDestinationLocation()
-
-    /** @type {TemplateResult | nothing} */
-    linkMessageIcon = b
-    /** @type {TemplateResult | nothing} */
-    linkMessageText = b
-
-    /** @type {SVGPathElement} */
-    pathElement
-
-    constructor() {
-        super();
-        this.source = null;
-        this.destination = null;
-        this.dragging = false;
-        this.originatesFromInput = false;
-        this.startPercentage = 0;
-        this.svgPathD = "";
-        this.startPixels = 0;
-    }
-
-    /**
-     * @param {PinElement} source
-     * @param {PinElement?} destination
-     */
-    static newObject(source, destination) {
-        const result = new LinkElement();
-        result.initialize(source, destination);
-        return result
-    }
-
-    /**
-     * @param {PinElement} source
-     * @param {PinElement?} destination
-     */
-    initialize(source, destination) {
-        super.initialize({}, new LinkTemplate());
-        if (source) {
-            this.sourcePin = source;
-            if (!destination) {
-                this.toX = this.fromX;
-                this.toY = this.fromY;
-            }
-        }
-        if (destination) {
-            this.destinationPin = destination;
-            if (!source) {
-                this.fromX = this.toX;
-                this.fromY = this.toY;
-            }
-        }
-    }
-
-    /**
-     * @param {PinElement} pin
-     * @param {Boolean} isDestinationPin
-     */
-    #setPin(pin, isDestinationPin) {
-        const getCurrentPin = () => isDestinationPin ? this.destinationPin : this.sourcePin;
-        if (getCurrentPin() == pin) {
-            return
-        }
-        if (getCurrentPin()) {
-            const nodeElement = getCurrentPin().getNodeElement();
-            nodeElement.removeEventListener(Configuration.removeEventName, this.#nodeDeleteHandler);
-            nodeElement.removeEventListener(
-                Configuration.nodeDragEventName,
-                isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler
-            );
-            nodeElement.removeEventListener(
-                Configuration.nodeReflowEventName,
-                isDestinationPin ? this.#nodeReflowDestinatonHandler : this.#nodeReflowSourceHandler
-            );
-            this.#unlinkPins();
-        }
-        isDestinationPin
-            ? this.#destinationPin = pin
-            : this.#sourcePin = pin;
-        if (getCurrentPin()) {
-            const nodeElement = getCurrentPin().getNodeElement();
-            nodeElement.addEventListener(Configuration.removeEventName, this.#nodeDeleteHandler);
-            nodeElement.addEventListener(
-                Configuration.nodeDragEventName,
-                isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler
-            );
-            nodeElement.addEventListener(
-                Configuration.nodeReflowEventName,
-                isDestinationPin ? this.#nodeReflowDestinatonHandler : this.#nodeReflowSourceHandler
-            );
-            isDestinationPin
-                ? this.setDestinationLocation()
-                : (this.setSourceLocation(), this.originatesFromInput = this.sourcePin.isInput());
-            this.#linkPins();
-        }
-    }
-
-    #linkPins() {
-        if (this.sourcePin && this.destinationPin) {
-            this.sourcePin.linkTo(this.destinationPin);
-            this.destinationPin.linkTo(this.sourcePin);
-        }
-    }
-
-    #unlinkPins() {
-        if (this.sourcePin && this.destinationPin) {
-            this.sourcePin.unlinkFrom(this.destinationPin, false);
-            this.destinationPin.unlinkFrom(this.sourcePin, false);
-        }
-    }
-
-    cleanup() {
-        super.cleanup();
-        this.#unlinkPins();
-        this.sourcePin = null;
-        this.destinationPin = null;
-    }
-
-    /** @param {Number[]?} location */
-    setSourceLocation(location = null, canPostpone = true) {
-        if (location == null) {
-            const self = this;
-            if (canPostpone && (!this.hasUpdated || !this.sourcePin.hasUpdated)) {
-                Promise.all([this.updateComplete, this.sourcePin.updateComplete])
-                    .then(() => self.setSourceLocation(null, false));
-                return
-            }
-            location = this.sourcePin.template.getLinkLocation();
-        }
-        const [x, y] = location;
-        this.fromX = x;
-        this.fromY = y;
-    }
-
-    /** @param {Number[]?} location */
-    setDestinationLocation(location = null, canPostpone = true) {
-        if (location == null) {
-            const self = this;
-            if (canPostpone && (!this.hasUpdated || !this.destinationPin.hasUpdated)) {
-                Promise.all([this.updateComplete, this.destinationPin.updateComplete])
-                    .then(() => self.setDestinationLocation(null, false));
-                return
-            }
-            location = this.destinationPin.template.getLinkLocation();
-        }
-        this.toX = location[0];
-        this.toY = location[1];
-    }
-
-    getInputPin() {
-        if (this.sourcePin?.isInput()) {
-            return this.sourcePin
-        }
-        return this.destinationPin
-    }
-
-    /** @param {PinElement} pin */
-    setInputPin(pin) {
-        if (this.sourcePin?.isInput()) {
-            this.sourcePin = pin;
-        }
-        this.destinationPin = pin;
-    }
-
-    getOutputPin() {
-        if (this.destinationPin?.isOutput()) {
-            return this.destinationPin
-        }
-        return this.sourcePin
-    }
-
-    /** @param {PinElement} pin */
-    setOutputPin(pin) {
-        if (this.destinationPin?.isOutput()) {
-            this.destinationPin = pin;
-        }
-        this.sourcePin = pin;
-    }
-
-    startDragging() {
-        this.dragging = true;
-    }
-
-    finishDragging() {
-        this.dragging = false;
-    }
-
-    removeMessage() {
-        this.linkMessageIcon = b;
-        this.linkMessageText = b;
-    }
-
-    setMessageConvertType() {
-        this.linkMessageIcon = "ueb-icon-conver-type";
-        this.linkMessageText = `Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`;
-    }
-
-    setMessageCorrect() {
-        this.linkMessageIcon = SVGIcon.correct;
-        this.linkMessageText = b;
-    }
-
-    setMessageReplace() {
-        this.linkMessageIcon = SVGIcon.correct;
-        this.linkMessageText = b;
-    }
-
-    setMessageDirectionsIncompatible() {
-        this.linkMessageIcon = SVGIcon.reject;
-        this.linkMessageText = y`Directions are not compatbile.`;
-    }
-
-    setMessagePlaceNode() {
-        this.linkMessageIcon = "ueb-icon-place-node";
-        this.linkMessageText = y`Place a new node.`;
-    }
-
-    setMessageReplaceLink() {
-        this.linkMessageIcon = SVGIcon.correct;
-        this.linkMessageText = y`Replace existing input connections.`;
-    }
-
-    setMessageReplaceOutputLink() {
-        this.linkMessageIcon = SVGIcon.correct;
-        this.linkMessageText = y`Replace existing output connections.`;
-    }
-
-    setMessageSameNode() {
-        this.linkMessageIcon = SVGIcon.reject;
-        this.linkMessageText = y`Both are on the same node.`;
-    }
-
-    setMEssagetypesIncompatible() {
-        this.linkMessageIcon = SVGIcon.reject;
-        this.linkMessageText = y`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`;
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../element/IDraggableElement").DragEvent} DragEvent
+ * @typedef {import("./PinElement").default} PinElement
+ * @typedef {import("lit").TemplateResult<1>} TemplateResult
+ * @typedef {typeof LinkElement} LinkElementConstructor
+ */
+
+/** @extends {IFromToPositionedElement<Object, LinkTemplate>} */
+class LinkElement extends IFromToPositionedElement {
+
+    static properties = {
+        ...super.properties,
+        source: {
+            type: String,
+            reflect: true,
+        },
+        destination: {
+            type: String,
+            reflect: true,
+        },
+        dragging: {
+            type: Boolean,
+            attribute: "data-dragging",
+            converter: Utility.booleanConverter,
+            reflect: true,
+        },
+        originatesFromInput: {
+            type: Boolean,
+            attribute: false,
+        },
+        svgPathD: {
+            type: String,
+            attribute: false,
+        },
+        linkMessageIcon: {
+            type: String,
+            attribute: false,
+        },
+        linkMessageText: {
+            type: String,
+            attribute: false,
+        },
+    }
+
+    /** @type {PinElement} */
+    #sourcePin
+    get sourcePin() {
+        return this.#sourcePin
+    }
+    set sourcePin(pin) {
+        this.#setPin(pin, false);
+    }
+
+    /** @type {PinElement} */
+    #destinationPin
+    get destinationPin() {
+        return this.#destinationPin
+    }
+    set destinationPin(pin) {
+        this.#setPin(pin, true);
+    }
+
+    #nodeDeleteHandler = () => this.remove()
+    /** @param {DragEvent} e */
+    #nodeDragSourceHandler = e => this.addSourceLocation(...e.detail.value)
+    /** @param {DragEvent} e */
+    #nodeDragDestinatonHandler = e => this.addDestinationLocation(...e.detail.value)
+    #nodeReflowSourceHandler = e => this.setSourceLocation()
+    #nodeReflowDestinatonHandler = e => this.setDestinationLocation()
+
+    /** @type {TemplateResult | nothing} */
+    linkMessageIcon = b
+    /** @type {TemplateResult | nothing} */
+    linkMessageText = b
+
+    /** @type {SVGPathElement} */
+    pathElement
+
+    constructor() {
+        super();
+        this.source = null;
+        this.destination = null;
+        this.dragging = false;
+        this.originatesFromInput = false;
+        this.startPercentage = 0;
+        this.svgPathD = "";
+        this.startPixels = 0;
+    }
+
+    /**
+     * @param {PinElement} source
+     * @param {PinElement?} destination
+     */
+    static newObject(source, destination) {
+        const result = new LinkElement();
+        result.initialize(source, destination);
+        return result
+    }
+
+    /**
+     * @param {PinElement} source
+     * @param {PinElement?} destination
+     */
+    initialize(source, destination) {
+        super.initialize({}, new LinkTemplate());
+        if (source) {
+            this.sourcePin = source;
+            if (!destination) {
+                this.toX = this.fromX;
+                this.toY = this.fromY;
+            }
+        }
+        if (destination) {
+            this.destinationPin = destination;
+            if (!source) {
+                this.fromX = this.toX;
+                this.fromY = this.toY;
+            }
+        }
+    }
+
+    /**
+     * @param {PinElement} pin
+     * @param {Boolean} isDestinationPin
+     */
+    #setPin(pin, isDestinationPin) {
+        const getCurrentPin = () => isDestinationPin ? this.destinationPin : this.sourcePin;
+        if (getCurrentPin() == pin) {
+            return
+        }
+        if (getCurrentPin()) {
+            const nodeElement = getCurrentPin().getNodeElement();
+            nodeElement.removeEventListener(Configuration.removeEventName, this.#nodeDeleteHandler);
+            nodeElement.removeEventListener(
+                Configuration.nodeDragEventName,
+                isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler
+            );
+            nodeElement.removeEventListener(
+                Configuration.nodeReflowEventName,
+                isDestinationPin ? this.#nodeReflowDestinatonHandler : this.#nodeReflowSourceHandler
+            );
+            this.#unlinkPins();
+        }
+        isDestinationPin
+            ? this.#destinationPin = pin
+            : this.#sourcePin = pin;
+        if (getCurrentPin()) {
+            const nodeElement = getCurrentPin().getNodeElement();
+            nodeElement.addEventListener(Configuration.removeEventName, this.#nodeDeleteHandler);
+            nodeElement.addEventListener(
+                Configuration.nodeDragEventName,
+                isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler
+            );
+            nodeElement.addEventListener(
+                Configuration.nodeReflowEventName,
+                isDestinationPin ? this.#nodeReflowDestinatonHandler : this.#nodeReflowSourceHandler
+            );
+            isDestinationPin
+                ? this.setDestinationLocation()
+                : (this.setSourceLocation(), this.originatesFromInput = this.sourcePin.isInput());
+            this.#linkPins();
+        }
+    }
+
+    #linkPins() {
+        if (this.sourcePin && this.destinationPin) {
+            this.sourcePin.linkTo(this.destinationPin);
+            this.destinationPin.linkTo(this.sourcePin);
+        }
+    }
+
+    #unlinkPins() {
+        if (this.sourcePin && this.destinationPin) {
+            this.sourcePin.unlinkFrom(this.destinationPin, false);
+            this.destinationPin.unlinkFrom(this.sourcePin, false);
+        }
+    }
+
+    cleanup() {
+        super.cleanup();
+        this.#unlinkPins();
+        this.sourcePin = null;
+        this.destinationPin = null;
+    }
+
+    /** @param {Number[]?} location */
+    setSourceLocation(location = null, canPostpone = true) {
+        if (location == null) {
+            const self = this;
+            if (canPostpone && (!this.hasUpdated || !this.sourcePin.hasUpdated)) {
+                Promise.all([this.updateComplete, this.sourcePin.updateComplete])
+                    .then(() => self.setSourceLocation(null, false));
+                return
+            }
+            location = this.sourcePin.template.getLinkLocation();
+        }
+        const [x, y] = location;
+        this.fromX = x;
+        this.fromY = y;
+    }
+
+    /** @param {Number[]?} location */
+    setDestinationLocation(location = null, canPostpone = true) {
+        if (location == null) {
+            const self = this;
+            if (canPostpone && (!this.hasUpdated || !this.destinationPin.hasUpdated)) {
+                Promise.all([this.updateComplete, this.destinationPin.updateComplete])
+                    .then(() => self.setDestinationLocation(null, false));
+                return
+            }
+            location = this.destinationPin.template.getLinkLocation();
+        }
+        this.toX = location[0];
+        this.toY = location[1];
+    }
+
+    getInputPin() {
+        if (this.sourcePin?.isInput()) {
+            return this.sourcePin
+        }
+        return this.destinationPin
+    }
+
+    /** @param {PinElement} pin */
+    setInputPin(pin) {
+        if (this.sourcePin?.isInput()) {
+            this.sourcePin = pin;
+        }
+        this.destinationPin = pin;
+    }
+
+    getOutputPin() {
+        if (this.destinationPin?.isOutput()) {
+            return this.destinationPin
+        }
+        return this.sourcePin
+    }
+
+    /** @param {PinElement} pin */
+    setOutputPin(pin) {
+        if (this.destinationPin?.isOutput()) {
+            this.destinationPin = pin;
+        }
+        this.sourcePin = pin;
+    }
+
+    startDragging() {
+        this.dragging = true;
+    }
+
+    finishDragging() {
+        this.dragging = false;
+    }
+
+    removeMessage() {
+        this.linkMessageIcon = b;
+        this.linkMessageText = b;
+    }
+
+    setMessageConvertType() {
+        this.linkMessageIcon = "ueb-icon-conver-type";
+        this.linkMessageText = `Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`;
+    }
+
+    setMessageCorrect() {
+        this.linkMessageIcon = SVGIcon.correct;
+        this.linkMessageText = b;
+    }
+
+    setMessageReplace() {
+        this.linkMessageIcon = SVGIcon.correct;
+        this.linkMessageText = b;
+    }
+
+    setMessageDirectionsIncompatible() {
+        this.linkMessageIcon = SVGIcon.reject;
+        this.linkMessageText = y`Directions are not compatbile.`;
+    }
+
+    setMessagePlaceNode() {
+        this.linkMessageIcon = "ueb-icon-place-node";
+        this.linkMessageText = y`Place a new node.`;
+    }
+
+    setMessageReplaceLink() {
+        this.linkMessageIcon = SVGIcon.correct;
+        this.linkMessageText = y`Replace existing input connections.`;
+    }
+
+    setMessageReplaceOutputLink() {
+        this.linkMessageIcon = SVGIcon.correct;
+        this.linkMessageText = y`Replace existing output connections.`;
+    }
+
+    setMessageSameNode() {
+        this.linkMessageIcon = SVGIcon.reject;
+        this.linkMessageText = y`Both are on the same node.`;
+    }
+
+    setMEssagetypesIncompatible() {
+        this.linkMessageIcon = SVGIcon.reject;
+        this.linkMessageText = y`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`;
+    }
+}
+
 /**
  * @typedef {import("../../Blueprint").default} Blueprint
  * @typedef {import("../../element/IDraggableElement").default} IDraggableElement
@@ -5867,8 +5898,8 @@ class MouseMoveDraggable extends IMouseClickDrag {
     dragAction(location, offset) {
         this.target.setLocation(location[0] - this.clickedOffset[0], location[1] - this.clickedOffset[1]);
     }
-}
-
+}
+
 /** @typedef {import("../../Blueprint").default} Blueprint */
 
 class MouseClickDrag extends MouseMoveDraggable {
@@ -5918,8 +5949,8 @@ class MouseClickDrag extends MouseMoveDraggable {
         super.endDrag();
         this.#onEndDrag?.();
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../element/IDraggableElement").default} IDraggableElement
@@ -5977,31 +6008,31 @@ class IDraggableTemplate extends ITemplate {
         let avgY = Math.max((dt + db) / 2, minMargin);
         this.blueprint.scrollDelta(dl - avgX, dt - avgY, true);
     }
-}
-
-/**
- * @typedef {import("../element/IDraggableElement").default} IDraggableElement
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-/**
- * @template {IDraggableElement} T
- * @extends {IDraggableTemplate<T>}
- */
-class IDraggablePositionedTemplate extends IDraggableTemplate {
-
-    /** @param {PropertyValues} changedProperties */
-    update(changedProperties) {
-        super.update(changedProperties);
-        if (changedProperties.has("locationX")) {
-            this.element.style.left = `${this.element.locationX}px`;
-        }
-        if (changedProperties.has("locationY")) {
-            this.element.style.top = `${this.element.locationY}px`;
-        }
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../element/IDraggableElement").default} IDraggableElement
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+/**
+ * @template {IDraggableElement} T
+ * @extends {IDraggableTemplate<T>}
+ */
+class IDraggablePositionedTemplate extends IDraggableTemplate {
+
+    /** @param {PropertyValues} changedProperties */
+    update(changedProperties) {
+        super.update(changedProperties);
+        if (changedProperties.has("locationX")) {
+            this.element.style.left = `${this.element.locationX}px`;
+        }
+        if (changedProperties.has("locationY")) {
+            this.element.style.top = `${this.element.locationY}px`;
+        }
+    }
+}
+
 /**
  * @typedef {import("../../Blueprint").default} Blueprint
  * @typedef {import("../../element/NodeElement").default} NodeElement
@@ -6037,8 +6068,8 @@ class MouseMoveNodes extends MouseMoveDraggable {
             );
         }
     }
-}
-
+}
+
 /**
  * @typedef {import("../element/NodeElement").default} NodeElement
  * @typedef {import("lit").PropertyValues} PropertyValues
@@ -6069,8 +6100,8 @@ class ISelectableDraggableTemplate extends IDraggablePositionedTemplate {
             this.element.setSelected(true);
         }
     }
-}
-
+}
+
 /**
  * @typedef {import("../../element/NodeElement").default} NodeElement
  * @typedef {import("../../element/PinElement").default} PinElement
@@ -6211,275 +6242,275 @@ class NodeTemplate extends ISelectableDraggableTemplate {
     }
 
     linksChanged() { }
-}
-
-/**
- * @typedef {import("../element/NodeElement").default} NodeElement
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-class IResizeableTemplate extends NodeTemplate {
-
-    #THandler = document.createElement("div")
-    #RHandler = document.createElement("div")
-    #BHandler = document.createElement("div")
-    #LHandler = document.createElement("div")
-    #TRHandler = document.createElement("div")
-    #BRHandler = document.createElement("div")
-    #BLHandler = document.createElement("div")
-    #TLHandler = document.createElement("div")
-
-    /** @param {NodeElement} element */
-    initialize(element) {
-        super.initialize(element);
-        this.element.classList.add("ueb-resizeable");
-        this.#THandler.classList.add("ueb-resizeable-top");
-        this.#RHandler.classList.add("ueb-resizeable-right");
-        this.#BHandler.classList.add("ueb-resizeable-bottom");
-        this.#LHandler.classList.add("ueb-resizeable-left");
-        this.#TRHandler.classList.add("ueb-resizeable-top-right");
-        this.#BRHandler.classList.add("ueb-resizeable-bottom-right");
-        this.#BLHandler.classList.add("ueb-resizeable-bottom-left");
-        this.#TLHandler.classList.add("ueb-resizeable-top-left");
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    update(changedProperties) {
-        super.update(changedProperties);
-        if (this.element.sizeX >= 0 && changedProperties.has("sizeX")) {
-            this.element.style.width = `${this.element.sizeX}px`;
-        }
-        if (this.element.sizeY >= 0 && changedProperties.has("sizeY")) {
-            this.element.style.height = `${this.element.sizeY}px`;
-        }
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.element.append(
-            this.#THandler,
-            this.#RHandler,
-            this.#BHandler,
-            this.#LHandler,
-            this.#TRHandler,
-            this.#BRHandler,
-            this.#BLHandler,
-            this.#TLHandler
-        );
-    }
-
-    createInputObjects() {
-        return [
-            ...super.createInputObjects(),
-            new MouseClickDrag(this.#THandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[1] = location[1] - this.element.topBoundary();
-                    if (this.setSizeY(this.element.sizeY - movement[1])) {
-                        this.element.addLocation(0, movement[1], false);
-                    }
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#RHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[0] = location[0] - this.element.rightBoundary();
-                    this.setSizeX(this.element.sizeX + movement[0]);
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#BHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[1] = location[1] - this.element.bottomBoundary();
-                    this.setSizeY(this.element.sizeY + movement[1]);
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#LHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[0] = location[0] - this.element.leftBoundary();
-                    if (this.setSizeX(this.element.sizeX - movement[0])) {
-                        this.element.addLocation(movement[0], 0, false);
-                    }
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#TRHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[0] = location[0] - this.element.rightBoundary();
-                    movement[1] = location[1] - this.element.topBoundary();
-                    this.setSizeX(this.element.sizeX + movement[0]);
-                    if (this.setSizeY(this.element.sizeY - movement[1])) {
-                        this.element.addLocation(0, movement[1], false);
-                    }
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#BRHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[0] = location[0] - this.element.rightBoundary();
-                    movement[1] = location[1] - this.element.bottomBoundary();
-                    this.setSizeX(this.element.sizeX + movement[0]);
-                    this.setSizeY(this.element.sizeY + movement[1]);
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#BLHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[0] = location[0] - this.element.leftBoundary();
-                    movement[1] = location[1] - this.element.bottomBoundary();
-                    if (this.setSizeX(this.element.sizeX - movement[0])) {
-                        this.element.addLocation(movement[0], 0, false);
-                    }
-                    this.setSizeY(this.element.sizeY + movement[1]);
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-            new MouseClickDrag(this.#TLHandler, this.blueprint, {
-                onDrag: (location, movement) => {
-                    movement[0] = location[0] - this.element.leftBoundary();
-                    movement[1] = location[1] - this.element.topBoundary();
-                    if (this.setSizeX(this.element.sizeX - movement[0])) {
-                        this.element.addLocation(movement[0], 0, false);
-                    }
-                    if (this.setSizeY(this.element.sizeY - movement[1])) {
-                        this.element.addLocation(0, movement[1], false);
-                    }
-                },
-                onEndDrag: () => this.endResize(),
-            }),
-        ]
-    }
-
-    /** @param {Number} value */
-    setSizeX(value) {
-        this.element.setNodeWidth(value);
-        return true
-    }
-
-    /** @param {Number} value */
-    setSizeY(value) {
-        this.element.setNodeHeight(value);
-        return true
-    }
-
-    endResize() {
-    }
-}
-
-/**
- * @typedef {import("../../element/NodeElement").default} NodeElement
- * @typedef {import("../../element/PinElement").default} PinElement
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-class CommentNodeTemplate extends IResizeableTemplate {
-
-    #color = LinearColorEntity.getWhite()
-    #selectableAreaHeight = 0
-
-    /** @param {NodeElement} element */
-    initialize(element) {
-        if (element.entity.CommentColor) {
-            this.#color.setFromRGBANumber(element.entity.CommentColor.toNumber());
-            this.#color.setFromHSVA(
-                this.#color.H.value,
-                this.#color.S.value,
-                Math.pow(this.#color.V.value, 0.45) * 0.67
-            );
-        }
-        element.classList.add("ueb-node-style-comment", "ueb-node-resizeable");
-        element.sizeX = 25 * Configuration.gridSize;
-        element.sizeY = 6 * Configuration.gridSize;
-        super.initialize(element); // Keep it at the end because it calls this.getColor() where this.#color must be initialized
-    }
-
-    getColor() {
-        return i$3`${Math.round(this.#color.R.value * 255)}, ${Math.round(this.#color.G.value * 255)}, ${Math.round(this.#color.B.value * 255)}`
-    }
-
-    getDraggableElement() {
-        return this.element.querySelector(".ueb-node-top")
-    }
-
-    render() {
-        return y`
-            <div class="ueb-node-border">
-                <div class="ueb-node-wrapper">
-                    <div class="ueb-node-top">
-                        ${this.element.entity.NodeComment}
-                    </div>
-                </div>
-            </div>
-        `
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        const bounding = this.getDraggableElement().getBoundingClientRect();
-        this.#selectableAreaHeight = bounding.height;
-    }
-
-    manageNodesBind() {
-        let nodes = this.blueprint.getNodes();
-        for (let node of nodes) {
-            if (
-                node.topBoundary() >= this.element.topBoundary()
-                && node.rightBoundary() <= this.element.rightBoundary()
-                && node.bottomBoundary() <= this.element.bottomBoundary()
-                && node.leftBoundary() >= this.element.leftBoundary()
-            ) {
-                node.bindToComment(this.element);
-            } else {
-                node.unbindFromComment(this.element);
-            }
-        }
-    }
-
-    /** @param {Number} value */
-    setSizeX(value) {
-        value = Math.round(value);
-        if (value >= Configuration.gridSet * Configuration.gridSize) {
-            this.element.setNodeWidth(value);
-            return true
-        }
-        return false
-    }
-
-    /** @param {Number} value */
-    setSizeY(value) {
-        value = Math.round(value);
-        if (value >= 3 * Configuration.gridSize) {
-            this.element.setNodeHeight(value);
-            return true
-        }
-        return false
-    }
-
-    endResize() {
-        this.manageNodesBind();
-    }
-
-    topBoundary(justSelectableArea = false) {
-        return this.element.locationY
-    }
-
-    rightBoundary(justSelectableArea = false) {
-        return this.element.locationX + this.element.sizeX
-    }
-
-    bottomBoundary(justSelectableArea = false) {
-        return justSelectableArea
-            ? this.element.locationY + this.#selectableAreaHeight
-            : super.bottomBoundary()
-    }
-
-    leftBoundary(justSelectableArea = false) {
-        return this.element.locationX
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../element/NodeElement").default} NodeElement
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+class IResizeableTemplate extends NodeTemplate {
+
+    #THandler = document.createElement("div")
+    #RHandler = document.createElement("div")
+    #BHandler = document.createElement("div")
+    #LHandler = document.createElement("div")
+    #TRHandler = document.createElement("div")
+    #BRHandler = document.createElement("div")
+    #BLHandler = document.createElement("div")
+    #TLHandler = document.createElement("div")
+
+    /** @param {NodeElement} element */
+    initialize(element) {
+        super.initialize(element);
+        this.element.classList.add("ueb-resizeable");
+        this.#THandler.classList.add("ueb-resizeable-top");
+        this.#RHandler.classList.add("ueb-resizeable-right");
+        this.#BHandler.classList.add("ueb-resizeable-bottom");
+        this.#LHandler.classList.add("ueb-resizeable-left");
+        this.#TRHandler.classList.add("ueb-resizeable-top-right");
+        this.#BRHandler.classList.add("ueb-resizeable-bottom-right");
+        this.#BLHandler.classList.add("ueb-resizeable-bottom-left");
+        this.#TLHandler.classList.add("ueb-resizeable-top-left");
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    update(changedProperties) {
+        super.update(changedProperties);
+        if (this.element.sizeX >= 0 && changedProperties.has("sizeX")) {
+            this.element.style.width = `${this.element.sizeX}px`;
+        }
+        if (this.element.sizeY >= 0 && changedProperties.has("sizeY")) {
+            this.element.style.height = `${this.element.sizeY}px`;
+        }
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.element.append(
+            this.#THandler,
+            this.#RHandler,
+            this.#BHandler,
+            this.#LHandler,
+            this.#TRHandler,
+            this.#BRHandler,
+            this.#BLHandler,
+            this.#TLHandler
+        );
+    }
+
+    createInputObjects() {
+        return [
+            ...super.createInputObjects(),
+            new MouseClickDrag(this.#THandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[1] = location[1] - this.element.topBoundary();
+                    if (this.setSizeY(this.element.sizeY - movement[1])) {
+                        this.element.addLocation(0, movement[1], false);
+                    }
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#RHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[0] = location[0] - this.element.rightBoundary();
+                    this.setSizeX(this.element.sizeX + movement[0]);
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#BHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[1] = location[1] - this.element.bottomBoundary();
+                    this.setSizeY(this.element.sizeY + movement[1]);
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#LHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[0] = location[0] - this.element.leftBoundary();
+                    if (this.setSizeX(this.element.sizeX - movement[0])) {
+                        this.element.addLocation(movement[0], 0, false);
+                    }
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#TRHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[0] = location[0] - this.element.rightBoundary();
+                    movement[1] = location[1] - this.element.topBoundary();
+                    this.setSizeX(this.element.sizeX + movement[0]);
+                    if (this.setSizeY(this.element.sizeY - movement[1])) {
+                        this.element.addLocation(0, movement[1], false);
+                    }
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#BRHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[0] = location[0] - this.element.rightBoundary();
+                    movement[1] = location[1] - this.element.bottomBoundary();
+                    this.setSizeX(this.element.sizeX + movement[0]);
+                    this.setSizeY(this.element.sizeY + movement[1]);
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#BLHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[0] = location[0] - this.element.leftBoundary();
+                    movement[1] = location[1] - this.element.bottomBoundary();
+                    if (this.setSizeX(this.element.sizeX - movement[0])) {
+                        this.element.addLocation(movement[0], 0, false);
+                    }
+                    this.setSizeY(this.element.sizeY + movement[1]);
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+            new MouseClickDrag(this.#TLHandler, this.blueprint, {
+                onDrag: (location, movement) => {
+                    movement[0] = location[0] - this.element.leftBoundary();
+                    movement[1] = location[1] - this.element.topBoundary();
+                    if (this.setSizeX(this.element.sizeX - movement[0])) {
+                        this.element.addLocation(movement[0], 0, false);
+                    }
+                    if (this.setSizeY(this.element.sizeY - movement[1])) {
+                        this.element.addLocation(0, movement[1], false);
+                    }
+                },
+                onEndDrag: () => this.endResize(),
+            }),
+        ]
+    }
+
+    /** @param {Number} value */
+    setSizeX(value) {
+        this.element.setNodeWidth(value);
+        return true
+    }
+
+    /** @param {Number} value */
+    setSizeY(value) {
+        this.element.setNodeHeight(value);
+        return true
+    }
+
+    endResize() {
+    }
+}
+
+/**
+ * @typedef {import("../../element/NodeElement").default} NodeElement
+ * @typedef {import("../../element/PinElement").default} PinElement
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+class CommentNodeTemplate extends IResizeableTemplate {
+
+    #color = LinearColorEntity.getWhite()
+    #selectableAreaHeight = 0
+
+    /** @param {NodeElement} element */
+    initialize(element) {
+        if (element.entity.CommentColor) {
+            this.#color.setFromRGBANumber(element.entity.CommentColor.toNumber());
+            this.#color.setFromHSVA(
+                this.#color.H.value,
+                this.#color.S.value,
+                Math.pow(this.#color.V.value, 0.45) * 0.67
+            );
+        }
+        element.classList.add("ueb-node-style-comment", "ueb-node-resizeable");
+        element.sizeX = 25 * Configuration.gridSize;
+        element.sizeY = 6 * Configuration.gridSize;
+        super.initialize(element); // Keep it at the end because it calls this.getColor() where this.#color must be initialized
+    }
+
+    getColor() {
+        return i$3`${Math.round(this.#color.R.value * 255)}, ${Math.round(this.#color.G.value * 255)}, ${Math.round(this.#color.B.value * 255)}`
+    }
+
+    getDraggableElement() {
+        return this.element.querySelector(".ueb-node-top")
+    }
+
+    render() {
+        return y`
+            <div class="ueb-node-border">
+                <div class="ueb-node-wrapper">
+                    <div class="ueb-node-top">
+                        ${this.element.entity.NodeComment}
+                    </div>
+                </div>
+            </div>
+        `
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        const bounding = this.getDraggableElement().getBoundingClientRect();
+        this.#selectableAreaHeight = bounding.height;
+    }
+
+    manageNodesBind() {
+        let nodes = this.blueprint.getNodes();
+        for (let node of nodes) {
+            if (
+                node.topBoundary() >= this.element.topBoundary()
+                && node.rightBoundary() <= this.element.rightBoundary()
+                && node.bottomBoundary() <= this.element.bottomBoundary()
+                && node.leftBoundary() >= this.element.leftBoundary()
+            ) {
+                node.bindToComment(this.element);
+            } else {
+                node.unbindFromComment(this.element);
+            }
+        }
+    }
+
+    /** @param {Number} value */
+    setSizeX(value) {
+        value = Math.round(value);
+        if (value >= Configuration.gridSet * Configuration.gridSize) {
+            this.element.setNodeWidth(value);
+            return true
+        }
+        return false
+    }
+
+    /** @param {Number} value */
+    setSizeY(value) {
+        value = Math.round(value);
+        if (value >= 3 * Configuration.gridSize) {
+            this.element.setNodeHeight(value);
+            return true
+        }
+        return false
+    }
+
+    endResize() {
+        this.manageNodesBind();
+    }
+
+    topBoundary(justSelectableArea = false) {
+        return this.element.locationY
+    }
+
+    rightBoundary(justSelectableArea = false) {
+        return this.element.locationX + this.element.sizeX
+    }
+
+    bottomBoundary(justSelectableArea = false) {
+        return justSelectableArea
+            ? this.element.locationY + this.#selectableAreaHeight
+            : super.bottomBoundary()
+    }
+
+    leftBoundary(justSelectableArea = false) {
+        return this.element.locationX
+    }
+}
+
 /**
  * @typedef {import("../../Blueprint").default} Blueprint
  * @typedef {import("../../element/LinkElement").default} LinkElement
@@ -6613,80 +6644,80 @@ class MouseCreateLink extends IMouseClickDrag {
         this.link = null;
         this.#listenedPins = null;
     }
-}
-
-/**
- * @typedef {import("../../element/NodeElement").default} NodeElement
- * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor
- */
-
-class VariableManagementNodeTemplate extends NodeTemplate {
-
-    #hasInput = false
-    #hasOutput = false
-    #displayName = ""
-
-    static nodeStyleClasses = ["ueb-node-style-glass"]
-
-    /** @param {NodeElement} element */
-    initialize(element) {
-        super.initialize(element);
-        this.#displayName = this.element.getNodeDisplayName();
-    }
-
-    render() {
-        return y`
-            <div class="ueb-node-border">
-                <div class="ueb-node-wrapper">
-                    ${this.#displayName ? y`
-                        <div class="ueb-node-top">
-                            <div class="ueb-node-name">
-                                <span class="ueb-node-name-text ueb-ellipsis-nowrap-text">
-                                    ${this.#displayName}
-                                </span>
-                            </div>
-                        </div>
-                    ` : b}
-                    <div class="ueb-node-content">
-                        ${this.#hasInput ? y`
-                            <div class="ueb-node-inputs"></div>
-                        ` : b}
-                        ${this.#hasOutput ? y`
-                            <div class="ueb-node-outputs"></div>
-                        ` : b}
-                    </div>
-                </div>
-            </div>
-        `
-    }
-
-    createPinElements() {
-        return this.element.getPinEntities()
-            .filter(v => !v.isHidden())
-            .map(v => {
-                this.#hasInput ||= v.isInput();
-                this.#hasOutput ||= v.isOutput();
-                const result = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin"))
-                    .newObject(v, undefined, this.element);
-                return result
-            })
-    }
-}
-
-/** @typedef {import("../../element/NodeElement").default} NodeElement */
-
-class VariableConversionNodeTemplate extends VariableManagementNodeTemplate {
-
-    static nodeStyleClasses = [...super.nodeStyleClasses, "ueb-node-style-conversion"]
-}
-
-/** @typedef {import("../../element/NodeElement").default} NodeElement */
-
-class VariableOperationNodeTemplate extends VariableManagementNodeTemplate {
-
-    static nodeStyleClasses = [...super.nodeStyleClasses, "ueb-node-style-operation"]
-}
-
+}
+
+/**
+ * @typedef {import("../../element/NodeElement").default} NodeElement
+ * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor
+ */
+
+class VariableManagementNodeTemplate extends NodeTemplate {
+
+    #hasInput = false
+    #hasOutput = false
+    #displayName = ""
+
+    static nodeStyleClasses = ["ueb-node-style-glass"]
+
+    /** @param {NodeElement} element */
+    initialize(element) {
+        super.initialize(element);
+        this.#displayName = this.element.getNodeDisplayName();
+    }
+
+    render() {
+        return y`
+            <div class="ueb-node-border">
+                <div class="ueb-node-wrapper">
+                    ${this.#displayName ? y`
+                        <div class="ueb-node-top">
+                            <div class="ueb-node-name">
+                                <span class="ueb-node-name-text ueb-ellipsis-nowrap-text">
+                                    ${this.#displayName}
+                                </span>
+                            </div>
+                        </div>
+                    ` : b}
+                    <div class="ueb-node-content">
+                        ${this.#hasInput ? y`
+                            <div class="ueb-node-inputs"></div>
+                        ` : b}
+                        ${this.#hasOutput ? y`
+                            <div class="ueb-node-outputs"></div>
+                        ` : b}
+                    </div>
+                </div>
+            </div>
+        `
+    }
+
+    createPinElements() {
+        return this.element.getPinEntities()
+            .filter(v => !v.isHidden())
+            .map(v => {
+                this.#hasInput ||= v.isInput();
+                this.#hasOutput ||= v.isOutput();
+                const result = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin"))
+                    .newObject(v, undefined, this.element);
+                return result
+            })
+    }
+}
+
+/** @typedef {import("../../element/NodeElement").default} NodeElement */
+
+class VariableConversionNodeTemplate extends VariableManagementNodeTemplate {
+
+    static nodeStyleClasses = [...super.nodeStyleClasses, "ueb-node-style-conversion"]
+}
+
+/** @typedef {import("../../element/NodeElement").default} NodeElement */
+
+class VariableOperationNodeTemplate extends VariableManagementNodeTemplate {
+
+    static nodeStyleClasses = [...super.nodeStyleClasses, "ueb-node-style-operation"]
+}
+
 /**
  * @typedef {import("../../input/IInput").default} IInput
  * @typedef {import("lit").PropertyValues} PropertyValues
@@ -6807,28 +6838,28 @@ class PinTemplate extends ITemplate {
     getClickableElement() {
         return this.#wrapperElement ?? this.element
     }
-}
-
-/**
- * @template T
- * @typedef {import("../../element/PinElement").default<T>} PinElement
- */
-
-/**
- * @template T
- * @extends PinTemplate<PinElement<T>>
- */
-class MinimalPinTemplate extends PinTemplate {
-
-    render() {
-        return y`
-            <div class="ueb-pin-wrapper">
-                <div class="ueb-pin-icon">${this.renderIcon()}</div>
-            </div>
-        `
-    }
-}
-
+}
+
+/**
+ * @template T
+ * @typedef {import("../../element/PinElement").default<T>} PinElement
+ */
+
+/**
+ * @template T
+ * @extends PinTemplate<PinElement<T>>
+ */
+class MinimalPinTemplate extends PinTemplate {
+
+    render() {
+        return y`
+            <div class="ueb-pin-wrapper">
+                <div class="ueb-pin-icon">${this.renderIcon()}</div>
+            </div>
+        `
+    }
+}
+
 /**
  * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor
  * @typedef {import("lit").PropertyValues} PropertyValues
@@ -6883,492 +6914,492 @@ class EventNodeTemplate extends NodeTemplate {
                 .newObject(pinEntity, undefined, this.element)
             )
     }
-}
-
-/**
- * @typedef {import("../element/IDraggableElement").DragEvent} DragEvent
- * @typedef {import("../entity/IEntity").default} IEntity
- * @typedef {import("../template/ISelectableDraggableTemplate").default} ISelectableDraggableTemplate
- */
-
-/**
- * @template {IEntity} T
- * @template {ISelectableDraggableTemplate} U
- * @extends {IDraggableElement<T, U>}
- */
-class ISelectableDraggableElement extends IDraggableElement {
-
-    static properties = {
-        ...super.properties,
-        selected: {
-            type: Boolean,
-            attribute: "data-selected",
-            reflect: true,
-            converter: Utility.booleanConverter,
-        },
-    }
-
-    /** @param {DragEvent} e */
-    dragHandler = e => this.addLocation(...e.detail.value)
-
-    constructor() {
-        super();
-        this.selected = false;
-        this.listeningDrag = false;
-    }
-
-    setup() {
-        super.setup();
-        this.setSelected(this.selected);
-    }
-
-    cleanup() {
-        super.cleanup();
-        this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler);
-    }
-
-    setSelected(value = true) {
-        this.selected = value;
-        if (this.blueprint) {
-            if (this.selected) {
-                this.listeningDrag = true;
-                this.blueprint.addEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler);
-            } else {
-                this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler);
-                this.listeningDrag = false;
-            }
-        }
-    }
-}
-
-/**
- * @typedef {import("../node/KnotNodeTemplate").default} KnotNodeTemplate
- * @typedef {import("../../entity/PinEntity").default} KnotEntity
- */
-
-/** @extends MinimalPinTemplate<KnotEntity> */
-class KnotPinTemplate extends MinimalPinTemplate {
-
-    render() {
-        return this.element.isOutput() ? super.render() : y``
-    }
-
-    getOppositePin() {
-        const nodeTemplate = /** @type {KnotNodeTemplate} */(this.element.nodeElement.template);
-        return this.element.isOutput() ? nodeTemplate.inputPin : nodeTemplate.outputPin
-    }
-
-    getLinkLocation() {
-        const rect = (
-            this.element.isInput()
-                ? /** @type {KnotNodeTemplate} */(this.element.nodeElement.template).outputPin.template
-                : this
-        )
-            .iconElement.getBoundingClientRect();
-        const boundingLocation = [this.element.isInput() ? rect.left : rect.right, (rect.top + rect.bottom) / 2];
-        const location = Utility.convertLocation(boundingLocation, this.blueprint.template.gridElement);
-        return this.blueprint.compensateTranslation(location[0], location[1])
-    }
-}
-
-/**
- * @typedef {import("../../element/NodeElement").default} NodeElement
- * @typedef {import("../../element/PinElement").default} PinElement
- * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor
- */
-
-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
-
-    /** @type {PinElement} */
-    #inputPin
-    get inputPin() {
-        return this.#inputPin
-    }
-
-    /** @type {PinElement} */
-    #outputPin
-    get outputPin() {
-        return this.#outputPin
-    }
-
-    /** @param {NodeElement} element */
-    initialize(element) {
-        super.initialize(element);
-        this.element.classList.add("ueb-node-style-minimal");
-    }
-
-    /** @param {PinElement} startingPin */
-    findDirectionaPin(startingPin) {
-        if (
-            startingPin.nodeElement.getType() !== Configuration.nodeType.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 y`
-            <div class="ueb-node-border"></div>
-        `
-    }
-
-    setupPins() {
-        this.element.getPinElements().forEach(
-            p => /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-border")).appendChild(p)
-        );
-    }
-
-    /**
-     * @param {NodeElement} node
-     * @returns {NodeListOf<PinElement>}
-     */
-    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];
-        const pinElementConstructor = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin"));
-        let result = [
-            this.#inputPin = pinElementConstructor.newObject(inputEntity, new KnotPinTemplate(), this.element),
-            this.#outputPin = pinElementConstructor.newObject(outputEntity, new KnotPinTemplate(), this.element),
-        ];
-        return result
-    }
-
-    linksChanged() {
-
-    }
-}
-
-/** @typedef {import("../../element/NodeElement").default} NodeElement */
-
-class VariableAccessNodeTemplate extends VariableManagementNodeTemplate {
-
-    /** @param {NodeElement} element */
-    initialize(element) {
-        super.initialize(element);
-        if (element.getType() === Configuration.nodeType.variableGet) {
-            this.element.classList.add("ueb-node-style-getter");
-        } else if (element.getType() === Configuration.nodeType.variableSet) {
-            this.element.classList.add("ueb-node-style-setter");
-        }
-    }
-
-    setupPins() {
-        super.setupPins();
-        let outputPin = this.element.getPinElements().find(p => !p.entity.isHidden() && !p.entity.isExecution());
-        this.element.style.setProperty("--ueb-node-color", outputPin.getColor().cssText);
-    }
-}
-
-/**
- * @typedef {import("./IDraggableElement").DragEvent} DragEvent
- * @typedef {import("./IElement").default} IElement
- * @typedef {import("./PinElement").default} PinElement
- * @typedef {typeof NodeElement} NodeElementConstructor
- */
-
-/** @extends {ISelectableDraggableElement<ObjectEntity, NodeTemplate>} */
-class NodeElement extends ISelectableDraggableElement {
-
-    static properties = {
-        ...ISelectableDraggableElement.properties,
-        typePath: {
-            type: String,
-            attribute: "data-type",
-            reflect: true,
-        },
-        nodeName: {
-            type: String,
-            attribute: "data-name",
-            reflect: true,
-        },
-        advancedPinDisplay: {
-            type: String,
-            attribute: "data-advanced-display",
-            converter: IdentifierEntity.attributeConverter,
-            reflect: true,
-        },
-        enabledState: {
-            type: String,
-            attribute: "data-enabled-state",
-            reflect: true,
-        },
-        nodeDisplayName: {
-            type: String,
-            attribute: false,
-        },
-        pureFunction: {
-            type: Boolean,
-            converter: Utility.booleanConverter,
-            attribute: "data-pure-function",
-            reflect: true,
-        },
-    }
-    static dragEventName = Configuration.nodeDragEventName
-    static dragGeneralEventName = Configuration.nodeDragGeneralEventName
-
-    get blueprint() {
-        return super.blueprint
-    }
-    set blueprint(v) {
-        super.blueprint = v;
-        this.#pins.forEach(p => p.blueprint = v);
-    }
-
-    /** @type {HTMLElement} */
-    #nodeNameElement
-    get nodeNameElement() {
-        return this.#nodeNameElement
-    }
-    set nodeNameElement(value) {
-        this.#nodeNameElement = value;
-    }
-
-    /** @type {PinElement[]} */
-    #pins = []
-    /** @type {NodeElement[]} */
-    boundComments = []
-    #commentDragged = false
-    /** @param {DragEvent} e */
-    #commentDragHandler = e => {
-        // If selected, it will already drag, also must check if under nested comments, it must drag just once
-        if (!this.selected && !this.#commentDragged) {
-            this.#commentDragged = true;
-            this.addNextUpdatedCallbacks(() => this.#commentDragged = false);
-            this.addLocation(...e.detail.value);
-        }
-    }
-
-    /**
-     * @param {ObjectEntity} nodeEntity
-     * @return {new () => NodeTemplate}
-     */
-    static getTypeTemplate(nodeEntity) {
-        if (
-            nodeEntity.getClass() === Configuration.nodeType.callFunction
-            || nodeEntity.getClass() === Configuration.nodeType.commutativeAssociativeBinaryOperator
-            || nodeEntity.getClass() === Configuration.nodeType.callArrayFunction
-        ) {
-            const memberParent = nodeEntity.FunctionReference.MemberParent?.path ?? "";
-            if (
-                memberParent === "/Script/Engine.KismetMathLibrary"
-                || memberParent === "/Script/Engine.KismetArrayLibrary"
-            ) {
-                if (nodeEntity.FunctionReference.MemberName?.startsWith("Conv_")) {
-                    return VariableConversionNodeTemplate
-                }
-                if (nodeEntity.FunctionReference.MemberName?.startsWith("Percent_")) {
-                    return VariableOperationNodeTemplate
-                }
-                switch (nodeEntity.FunctionReference.MemberName) {
-                    case "Array_Add":
-                    case "Array_Identical":
-                    case "Abs":
-                    case "Array_Add":
-                    case "BMax":
-                    case "BMin":
-                    case "Exp":
-                    case "FMax":
-                    case "FMin":
-                    case "Max":
-                    case "MaxInt64":
-                    case "Min":
-                    case "MinInt64":
-                        return VariableOperationNodeTemplate
-                }
-            }
-            if (memberParent === "/Script/Engine.BlueprintSetLibrary") {
-                return VariableOperationNodeTemplate
-            }
-            if (memberParent === "/Script/Engine.BlueprintMapLibrary") {
-                return VariableOperationNodeTemplate
-            }
-        }
-        switch (nodeEntity.getClass()) {
-            case Configuration.nodeType.comment:
-                return CommentNodeTemplate
-            case Configuration.nodeType.event:
-            case Configuration.nodeType.customEvent:
-                return EventNodeTemplate
-            case Configuration.nodeType.promotableOperator:
-                return VariableOperationNodeTemplate
-            case Configuration.nodeType.knot: return KnotNodeTemplate
-            case Configuration.nodeType.variableGet: return VariableAccessNodeTemplate
-            case Configuration.nodeType.variableSet: return VariableAccessNodeTemplate
-        }
-        if (nodeEntity.getDelegatePin()) {
-            return EventNodeTemplate
-        }
-        return NodeTemplate
-    }
-
-    /** @param {String} str */
-    static fromSerializedObject(str) {
-        str = str.trim();
-        let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str);
-        return NodeElement.newObject(/** @type {ObjectEntity} */(entity))
-    }
-
-    /**
-     * @param {ObjectEntity} entity
-     * @param {NodeTemplate} template
-     */
-    static newObject(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) {
-        const result = new NodeElement();
-        result.initialize(entity, template);
-        return result
-    }
-
-    initialize(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) {
-        super.initialize(entity, template);
-        this.#pins = this.template.createPinElements();
-        this.typePath = this.entity.getType();
-        this.nodeName = this.entity.getObjectName();
-        this.advancedPinDisplay = this.entity.AdvancedPinDisplay?.toString();
-        this.enabledState = this.entity.EnabledState;
-        this.nodeDisplayName = this.getNodeDisplayName();
-        this.pureFunction = this.entity.bIsPureFunc;
-        this.dragLinkObjects = [];
-        super.setLocation(this.entity.getNodePosX(), this.entity.getNodePosY());
-        if (this.entity.NodeWidth && this.entity.NodeHeight) {
-            this.sizeX = this.entity.NodeWidth.value;
-            this.sizeY = this.entity.NodeHeight.value;
-        } else {
-            this.updateComplete.then(() => this.computeSizes());
-        }
-    }
-
-    getUpdateComplete() {
-        return Promise.all([
-            super.getUpdateComplete(),
-            ...this.getPinElements().map(pin => pin.updateComplete)
-        ]).then(() => true)
-    }
-
-    /** @param {NodeElement} commentNode */
-    bindToComment(commentNode) {
-        if (commentNode != this && !this.boundComments.includes(commentNode)) {
-            commentNode.addEventListener(Configuration.nodeDragEventName, this.#commentDragHandler);
-            this.boundComments.push(commentNode);
-        }
-    }
-
-    /** @param {NodeElement} commentNode */
-    unbindFromComment(commentNode) {
-        const commentIndex = this.boundComments.indexOf(commentNode);
-        if (commentIndex >= 0) {
-            commentNode.removeEventListener(Configuration.nodeDragEventName, this.#commentDragHandler);
-            this.boundComments[commentIndex] = this.boundComments[this.boundComments.length - 1];
-            this.boundComments.pop();
-        }
-    }
-
-    /** @param {NodeElement} commentNode */
-    isInsideComment(commentNode) {
-        return this.topBoundary() >= commentNode.topBoundary()
-            && this.rightBoundary() <= commentNode.rightBoundary()
-            && this.bottomBoundary() <= commentNode.bottomBoundary()
-            && this.leftBoundary() >= commentNode.leftBoundary()
-    }
-
-    getType() {
-        return this.entity.getType()
-    }
-
-    getNodeName() {
-        return this.entity.getObjectName()
-    }
-
-    getNodeDisplayName() {
-        return this.entity.nodeDisplayName()
-    }
-
-    /** @param {Number} value */
-    setNodeWidth(value) {
-        this.entity.setNodeWidth(value);
-        this.sizeX = value;
-        this.acknowledgeReflow();
-    }
-
-    /** @param {Number} value */
-    setNodeHeight(value) {
-        this.entity.setNodeHeight(value);
-        this.sizeY = value;
-        this.acknowledgeReflow();
-    }
-
-    /** @param  {IElement[]} nodesWhitelist */
-    sanitizeLinks(nodesWhitelist = []) {
-        this.getPinElements().forEach(pin => pin.sanitizeLinks(nodesWhitelist));
-    }
-
-    /** @param {String} name */
-    rename(name) {
-        if (this.entity.Name == name) {
-            return false
-        }
-        for (let sourcePinElement of this.getPinElements()) {
-            for (let targetPinReference of sourcePinElement.getLinks()) {
-                this.blueprint.getPin(targetPinReference).redirectLink(sourcePinElement, new PinReferenceEntity({
-                    objectName: name,
-                    pinGuid: sourcePinElement.entity.PinId,
-                }));
-            }
-        }
-        this.entity.Name = name;
-        this.nodeName = this.entity.Name;
-    }
-
-    getPinElements() {
-        return this.#pins
-    }
-
-    /** @returns {PinEntity[]} */
-    getPinEntities() {
-        return this.entity.CustomProperties.filter(v => v instanceof PinEntity)
-    }
-
-    setLocation(x = 0, y = 0, acknowledge = true) {
-        this.entity.setNodePosX(x);
-        this.entity.setNodePosY(y);
-        super.setLocation(x, y, acknowledge);
-    }
-
-    acknowledgeReflow() {
-        this.requestUpdate();
-        this.updateComplete.then(() => this.computeSizes());
-        let reflowEvent = new CustomEvent(Configuration.nodeReflowEventName);
-        this.dispatchEvent(reflowEvent);
-    }
-
-    setShowAdvancedPinDisplay(value) {
-        this.entity.AdvancedPinDisplay = new IdentifierEntity(value ? "Shown" : "Hidden");
-        this.advancedPinDisplay = this.entity.AdvancedPinDisplay;
-    }
-
-    toggleShowAdvancedPinDisplay() {
-        this.setShowAdvancedPinDisplay(this.entity.AdvancedPinDisplay?.toString() != "Shown");
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../element/IDraggableElement").DragEvent} DragEvent
+ * @typedef {import("../entity/IEntity").default} IEntity
+ * @typedef {import("../template/ISelectableDraggableTemplate").default} ISelectableDraggableTemplate
+ */
+
+/**
+ * @template {IEntity} T
+ * @template {ISelectableDraggableTemplate} U
+ * @extends {IDraggableElement<T, U>}
+ */
+class ISelectableDraggableElement extends IDraggableElement {
+
+    static properties = {
+        ...super.properties,
+        selected: {
+            type: Boolean,
+            attribute: "data-selected",
+            reflect: true,
+            converter: Utility.booleanConverter,
+        },
+    }
+
+    /** @param {DragEvent} e */
+    dragHandler = e => this.addLocation(...e.detail.value)
+
+    constructor() {
+        super();
+        this.selected = false;
+        this.listeningDrag = false;
+    }
+
+    setup() {
+        super.setup();
+        this.setSelected(this.selected);
+    }
+
+    cleanup() {
+        super.cleanup();
+        this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler);
+    }
+
+    setSelected(value = true) {
+        this.selected = value;
+        if (this.blueprint) {
+            if (this.selected) {
+                this.listeningDrag = true;
+                this.blueprint.addEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler);
+            } else {
+                this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler);
+                this.listeningDrag = false;
+            }
+        }
+    }
+}
+
+/**
+ * @typedef {import("../node/KnotNodeTemplate").default} KnotNodeTemplate
+ * @typedef {import("../../entity/PinEntity").default} KnotEntity
+ */
+
+/** @extends MinimalPinTemplate<KnotEntity> */
+class KnotPinTemplate extends MinimalPinTemplate {
+
+    render() {
+        return this.element.isOutput() ? super.render() : y``
+    }
+
+    getOppositePin() {
+        const nodeTemplate = /** @type {KnotNodeTemplate} */(this.element.nodeElement.template);
+        return this.element.isOutput() ? nodeTemplate.inputPin : nodeTemplate.outputPin
+    }
+
+    getLinkLocation() {
+        const rect = (
+            this.element.isInput()
+                ? /** @type {KnotNodeTemplate} */(this.element.nodeElement.template).outputPin.template
+                : this
+        )
+            .iconElement.getBoundingClientRect();
+        const boundingLocation = [this.element.isInput() ? rect.left : rect.right, (rect.top + rect.bottom) / 2];
+        const location = Utility.convertLocation(boundingLocation, this.blueprint.template.gridElement);
+        return this.blueprint.compensateTranslation(location[0], location[1])
+    }
+}
+
+/**
+ * @typedef {import("../../element/NodeElement").default} NodeElement
+ * @typedef {import("../../element/PinElement").default} PinElement
+ * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor
+ */
+
+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
+
+    /** @type {PinElement} */
+    #inputPin
+    get inputPin() {
+        return this.#inputPin
+    }
+
+    /** @type {PinElement} */
+    #outputPin
+    get outputPin() {
+        return this.#outputPin
+    }
+
+    /** @param {NodeElement} element */
+    initialize(element) {
+        super.initialize(element);
+        this.element.classList.add("ueb-node-style-minimal");
+    }
+
+    /** @param {PinElement} startingPin */
+    findDirectionaPin(startingPin) {
+        if (
+            startingPin.nodeElement.getType() !== Configuration.nodeType.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 y`
+            <div class="ueb-node-border"></div>
+        `
+    }
+
+    setupPins() {
+        this.element.getPinElements().forEach(
+            p => /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-border")).appendChild(p)
+        );
+    }
+
+    /**
+     * @param {NodeElement} node
+     * @returns {NodeListOf<PinElement>}
+     */
+    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];
+        const pinElementConstructor = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin"));
+        let result = [
+            this.#inputPin = pinElementConstructor.newObject(inputEntity, new KnotPinTemplate(), this.element),
+            this.#outputPin = pinElementConstructor.newObject(outputEntity, new KnotPinTemplate(), this.element),
+        ];
+        return result
+    }
+
+    linksChanged() {
+
+    }
+}
+
+/** @typedef {import("../../element/NodeElement").default} NodeElement */
+
+class VariableAccessNodeTemplate extends VariableManagementNodeTemplate {
+
+    /** @param {NodeElement} element */
+    initialize(element) {
+        super.initialize(element);
+        if (element.getType() === Configuration.nodeType.variableGet) {
+            this.element.classList.add("ueb-node-style-getter");
+        } else if (element.getType() === Configuration.nodeType.variableSet) {
+            this.element.classList.add("ueb-node-style-setter");
+        }
+    }
+
+    setupPins() {
+        super.setupPins();
+        let outputPin = this.element.getPinElements().find(p => !p.entity.isHidden() && !p.entity.isExecution());
+        this.element.style.setProperty("--ueb-node-color", outputPin.getColor().cssText);
+    }
+}
+
+/**
+ * @typedef {import("./IDraggableElement").DragEvent} DragEvent
+ * @typedef {import("./IElement").default} IElement
+ * @typedef {import("./PinElement").default} PinElement
+ * @typedef {typeof NodeElement} NodeElementConstructor
+ */
+
+/** @extends {ISelectableDraggableElement<ObjectEntity, NodeTemplate>} */
+class NodeElement extends ISelectableDraggableElement {
+
+    static properties = {
+        ...ISelectableDraggableElement.properties,
+        typePath: {
+            type: String,
+            attribute: "data-type",
+            reflect: true,
+        },
+        nodeName: {
+            type: String,
+            attribute: "data-name",
+            reflect: true,
+        },
+        advancedPinDisplay: {
+            type: String,
+            attribute: "data-advanced-display",
+            converter: IdentifierEntity.attributeConverter,
+            reflect: true,
+        },
+        enabledState: {
+            type: String,
+            attribute: "data-enabled-state",
+            reflect: true,
+        },
+        nodeDisplayName: {
+            type: String,
+            attribute: false,
+        },
+        pureFunction: {
+            type: Boolean,
+            converter: Utility.booleanConverter,
+            attribute: "data-pure-function",
+            reflect: true,
+        },
+    }
+    static dragEventName = Configuration.nodeDragEventName
+    static dragGeneralEventName = Configuration.nodeDragGeneralEventName
+
+    get blueprint() {
+        return super.blueprint
+    }
+    set blueprint(v) {
+        super.blueprint = v;
+        this.#pins.forEach(p => p.blueprint = v);
+    }
+
+    /** @type {HTMLElement} */
+    #nodeNameElement
+    get nodeNameElement() {
+        return this.#nodeNameElement
+    }
+    set nodeNameElement(value) {
+        this.#nodeNameElement = value;
+    }
+
+    /** @type {PinElement[]} */
+    #pins = []
+    /** @type {NodeElement[]} */
+    boundComments = []
+    #commentDragged = false
+    /** @param {DragEvent} e */
+    #commentDragHandler = e => {
+        // If selected, it will already drag, also must check if under nested comments, it must drag just once
+        if (!this.selected && !this.#commentDragged) {
+            this.#commentDragged = true;
+            this.addNextUpdatedCallbacks(() => this.#commentDragged = false);
+            this.addLocation(...e.detail.value);
+        }
+    }
+
+    /**
+     * @param {ObjectEntity} nodeEntity
+     * @return {new () => NodeTemplate}
+     */
+    static getTypeTemplate(nodeEntity) {
+        if (
+            nodeEntity.getClass() === Configuration.nodeType.callFunction
+            || nodeEntity.getClass() === Configuration.nodeType.commutativeAssociativeBinaryOperator
+            || nodeEntity.getClass() === Configuration.nodeType.callArrayFunction
+        ) {
+            const memberParent = nodeEntity.FunctionReference.MemberParent?.path ?? "";
+            if (
+                memberParent === "/Script/Engine.KismetMathLibrary"
+                || memberParent === "/Script/Engine.KismetArrayLibrary"
+            ) {
+                if (nodeEntity.FunctionReference.MemberName?.startsWith("Conv_")) {
+                    return VariableConversionNodeTemplate
+                }
+                if (nodeEntity.FunctionReference.MemberName?.startsWith("Percent_")) {
+                    return VariableOperationNodeTemplate
+                }
+                switch (nodeEntity.FunctionReference.MemberName) {
+                    case "Array_Add":
+                    case "Array_Identical":
+                    case "Abs":
+                    case "Array_Add":
+                    case "BMax":
+                    case "BMin":
+                    case "Exp":
+                    case "FMax":
+                    case "FMin":
+                    case "Max":
+                    case "MaxInt64":
+                    case "Min":
+                    case "MinInt64":
+                        return VariableOperationNodeTemplate
+                }
+            }
+            if (memberParent === "/Script/Engine.BlueprintSetLibrary") {
+                return VariableOperationNodeTemplate
+            }
+            if (memberParent === "/Script/Engine.BlueprintMapLibrary") {
+                return VariableOperationNodeTemplate
+            }
+        }
+        switch (nodeEntity.getClass()) {
+            case Configuration.nodeType.comment:
+                return CommentNodeTemplate
+            case Configuration.nodeType.event:
+            case Configuration.nodeType.customEvent:
+                return EventNodeTemplate
+            case Configuration.nodeType.promotableOperator:
+                return VariableOperationNodeTemplate
+            case Configuration.nodeType.knot: return KnotNodeTemplate
+            case Configuration.nodeType.variableGet: return VariableAccessNodeTemplate
+            case Configuration.nodeType.variableSet: return VariableAccessNodeTemplate
+        }
+        if (nodeEntity.getDelegatePin()) {
+            return EventNodeTemplate
+        }
+        return NodeTemplate
+    }
+
+    /** @param {String} str */
+    static fromSerializedObject(str) {
+        str = str.trim();
+        let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str);
+        return NodeElement.newObject(/** @type {ObjectEntity} */(entity))
+    }
+
+    /**
+     * @param {ObjectEntity} entity
+     * @param {NodeTemplate} template
+     */
+    static newObject(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) {
+        const result = new NodeElement();
+        result.initialize(entity, template);
+        return result
+    }
+
+    initialize(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) {
+        super.initialize(entity, template);
+        this.#pins = this.template.createPinElements();
+        this.typePath = this.entity.getType();
+        this.nodeName = this.entity.getObjectName();
+        this.advancedPinDisplay = this.entity.AdvancedPinDisplay?.toString();
+        this.enabledState = this.entity.EnabledState;
+        this.nodeDisplayName = this.getNodeDisplayName();
+        this.pureFunction = this.entity.bIsPureFunc;
+        this.dragLinkObjects = [];
+        super.setLocation(this.entity.getNodePosX(), this.entity.getNodePosY());
+        if (this.entity.NodeWidth && this.entity.NodeHeight) {
+            this.sizeX = this.entity.NodeWidth.value;
+            this.sizeY = this.entity.NodeHeight.value;
+        } else {
+            this.updateComplete.then(() => this.computeSizes());
+        }
+    }
+
+    getUpdateComplete() {
+        return Promise.all([
+            super.getUpdateComplete(),
+            ...this.getPinElements().map(pin => pin.updateComplete)
+        ]).then(() => true)
+    }
+
+    /** @param {NodeElement} commentNode */
+    bindToComment(commentNode) {
+        if (commentNode != this && !this.boundComments.includes(commentNode)) {
+            commentNode.addEventListener(Configuration.nodeDragEventName, this.#commentDragHandler);
+            this.boundComments.push(commentNode);
+        }
+    }
+
+    /** @param {NodeElement} commentNode */
+    unbindFromComment(commentNode) {
+        const commentIndex = this.boundComments.indexOf(commentNode);
+        if (commentIndex >= 0) {
+            commentNode.removeEventListener(Configuration.nodeDragEventName, this.#commentDragHandler);
+            this.boundComments[commentIndex] = this.boundComments[this.boundComments.length - 1];
+            this.boundComments.pop();
+        }
+    }
+
+    /** @param {NodeElement} commentNode */
+    isInsideComment(commentNode) {
+        return this.topBoundary() >= commentNode.topBoundary()
+            && this.rightBoundary() <= commentNode.rightBoundary()
+            && this.bottomBoundary() <= commentNode.bottomBoundary()
+            && this.leftBoundary() >= commentNode.leftBoundary()
+    }
+
+    getType() {
+        return this.entity.getType()
+    }
+
+    getNodeName() {
+        return this.entity.getObjectName()
+    }
+
+    getNodeDisplayName() {
+        return this.entity.nodeDisplayName()
+    }
+
+    /** @param {Number} value */
+    setNodeWidth(value) {
+        this.entity.setNodeWidth(value);
+        this.sizeX = value;
+        this.acknowledgeReflow();
+    }
+
+    /** @param {Number} value */
+    setNodeHeight(value) {
+        this.entity.setNodeHeight(value);
+        this.sizeY = value;
+        this.acknowledgeReflow();
+    }
+
+    /** @param  {IElement[]} nodesWhitelist */
+    sanitizeLinks(nodesWhitelist = []) {
+        this.getPinElements().forEach(pin => pin.sanitizeLinks(nodesWhitelist));
+    }
+
+    /** @param {String} name */
+    rename(name) {
+        if (this.entity.Name == name) {
+            return false
+        }
+        for (let sourcePinElement of this.getPinElements()) {
+            for (let targetPinReference of sourcePinElement.getLinks()) {
+                this.blueprint.getPin(targetPinReference).redirectLink(sourcePinElement, new PinReferenceEntity({
+                    objectName: name,
+                    pinGuid: sourcePinElement.entity.PinId,
+                }));
+            }
+        }
+        this.entity.Name = name;
+        this.nodeName = this.entity.Name;
+    }
+
+    getPinElements() {
+        return this.#pins
+    }
+
+    /** @returns {PinEntity[]} */
+    getPinEntities() {
+        return this.entity.CustomProperties.filter(v => v instanceof PinEntity)
+    }
+
+    setLocation(x = 0, y = 0, acknowledge = true) {
+        this.entity.setNodePosX(x);
+        this.entity.setNodePosY(y);
+        super.setLocation(x, y, acknowledge);
+    }
+
+    acknowledgeReflow() {
+        this.requestUpdate();
+        this.updateComplete.then(() => this.computeSizes());
+        let reflowEvent = new CustomEvent(Configuration.nodeReflowEventName);
+        this.dispatchEvent(reflowEvent);
+    }
+
+    setShowAdvancedPinDisplay(value) {
+        this.entity.AdvancedPinDisplay = new IdentifierEntity(value ? "Shown" : "Hidden");
+        this.advancedPinDisplay = this.entity.AdvancedPinDisplay;
+    }
+
+    toggleShowAdvancedPinDisplay() {
+        this.setShowAdvancedPinDisplay(this.entity.AdvancedPinDisplay?.toString() != "Shown");
+    }
+}
+
 /**
  * @typedef {import("./element/PinElement").default} PinElement
  * @typedef {import("./entity/GuidEntity").default} GuidEntity
@@ -7394,13 +7425,6 @@ class Blueprint extends IElement {
             reflect: true,
             converter: Utility.booleanConverter,
         },
-        resting: {
-            type: Boolean,
-            attribute: "data-resting",
-            reflect: true,
-            converter: Utility.booleanConverter,
-            noAccessor: true,
-        },
         focused: {
             type: Boolean,
             attribute: "data-focused",
@@ -7462,12 +7486,6 @@ class Blueprint extends IElement {
     mousePosition = [0, 0]
     waitingExpandUpdate = false
 
-    get resting() {
-        return !this.selecting && !this.scrolling
-    }
-    set resting(value) {
-    }
-
     constructor() {
         super();
         this.selecting = false;
@@ -7838,65 +7856,65 @@ class Blueprint extends IElement {
     }
 }
 
-customElements.define("ueb-blueprint", Blueprint);
-
-/**
- * @typedef {import("../element/IDraggableElement").default} IDraggableElement
- * @typedef {import("lit").PropertyValues} PropertyValues
- */
-
-/**
- * @template {IDraggableElement} T
- * @extends {IDraggableTemplate<T>}
- */
-class IDraggableControlTemplate extends IDraggableTemplate {
-
-    /** @type {(x: Number, y: Number) => void} */
-    #locationChangeCallback
-    get locationChangeCallback() {
-        return this.#locationChangeCallback
-    }
-    set locationChangeCallback(callback) {
-        this.#locationChangeCallback = callback;
-    }
-
-    movementSpace
-    movementSpaceSize = [0, 0]
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.movementSpace = this.element.parentElement;
-    }
-
-    setup() {
-        super.setup();
-        const bounding = this.movementSpace.getBoundingClientRect();
-        this.movementSpaceSize = [bounding.width, bounding.height];
-    }
-
-    createDraggableObject() {
-        return new MouseMoveDraggable(this.element, this.blueprint, {
-            draggableElement: this.movementSpace,
-            ignoreTranslateCompensate: true,
-            moveEverywhere: true,
-            movementSpace: this.movementSpace,
-            repositionOnClick: true,
-            stepSize: 1,
-        })
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     * @returns {[Number, Number]}
-     */
-    adjustLocation(x, y) {
-        this.locationChangeCallback?.(x, y);
-        return [x, y]
-    }
-}
-
+customElements.define("ueb-blueprint", Blueprint);
+
+/**
+ * @typedef {import("../element/IDraggableElement").default} IDraggableElement
+ * @typedef {import("lit").PropertyValues} PropertyValues
+ */
+
+/**
+ * @template {IDraggableElement} T
+ * @extends {IDraggableTemplate<T>}
+ */
+class IDraggableControlTemplate extends IDraggableTemplate {
+
+    /** @type {(x: Number, y: Number) => void} */
+    #locationChangeCallback
+    get locationChangeCallback() {
+        return this.#locationChangeCallback
+    }
+    set locationChangeCallback(callback) {
+        this.#locationChangeCallback = callback;
+    }
+
+    movementSpace
+    movementSpaceSize = [0, 0]
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.movementSpace = this.element.parentElement;
+    }
+
+    setup() {
+        super.setup();
+        const bounding = this.movementSpace.getBoundingClientRect();
+        this.movementSpaceSize = [bounding.width, bounding.height];
+    }
+
+    createDraggableObject() {
+        return new MouseMoveDraggable(this.element, this.blueprint, {
+            draggableElement: this.movementSpace,
+            ignoreTranslateCompensate: true,
+            moveEverywhere: true,
+            movementSpace: this.movementSpace,
+            repositionOnClick: true,
+            stepSize: 1,
+        })
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     * @returns {[Number, Number]}
+     */
+    adjustLocation(x, y) {
+        this.locationChangeCallback?.(x, y);
+        return [x, y]
+    }
+}
+
 /** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */
 
 /** @extends {IDraggableControlTemplate<ColorHandlerElement>} */
@@ -7918,55 +7936,55 @@ class ColorHandlerTemplate extends IDraggableControlTemplate {
         y = Math.round(-y + radius);
         return [x, y]
     }
-}
-
-/**
- * @typedef {import("../element/WindowElement").default} WindowElement
- * @typedef {import("../entity/IEntity").default} IEntity
- * @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate
- */
-
-/**
- * @template {IEntity} T
- * @template {IDraggableControlTemplate} U
- * @extends {IDraggableElement<T, U>}
- */
-class IDraggableControlElement extends IDraggableElement {
-
-    /** @type {WindowElement} */
-    windowElement
-
-    setup() {
-        super.setup();
-        this.windowElement = this.closest("ueb-window");
-    }
-
-    /**
-     * @param {Number} x
-     * @param {Number} y
-     */
-    setLocation(x, y) {
-        super.setLocation(...this.template.adjustLocation(x, y));
-    }
-}
-
-/** @extends {IDraggableControlElement<Object, ColorHandlerTemplate>} */
-class ColorHandlerElement extends IDraggableControlElement {
-
-    constructor() {
-        super();
-        super.initialize({}, new ColorHandlerTemplate());
-    }
-
-    static newObject() {
-        return new ColorHandlerElement()
-    }
-
-    initialize() {
-        // Initialized in the constructor, this method does nothing
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../element/WindowElement").default} WindowElement
+ * @typedef {import("../entity/IEntity").default} IEntity
+ * @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate
+ */
+
+/**
+ * @template {IEntity} T
+ * @template {IDraggableControlTemplate} U
+ * @extends {IDraggableElement<T, U>}
+ */
+class IDraggableControlElement extends IDraggableElement {
+
+    /** @type {WindowElement} */
+    windowElement
+
+    setup() {
+        super.setup();
+        this.windowElement = this.closest("ueb-window");
+    }
+
+    /**
+     * @param {Number} x
+     * @param {Number} y
+     */
+    setLocation(x, y) {
+        super.setLocation(...this.template.adjustLocation(x, y));
+    }
+}
+
+/** @extends {IDraggableControlElement<Object, ColorHandlerTemplate>} */
+class ColorHandlerElement extends IDraggableControlElement {
+
+    constructor() {
+        super();
+        super.initialize({}, new ColorHandlerTemplate());
+    }
+
+    static newObject() {
+        return new ColorHandlerElement()
+    }
+
+    initialize() {
+        // Initialized in the constructor, this method does nothing
+    }
+}
+
 /** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */
 
 /** @extends {IDraggableControlTemplate<ColorHandlerElement>} */
@@ -7983,416 +8001,416 @@ class ColorSliderTemplate extends IDraggableControlTemplate {
         this.locationChangeCallback?.(x / this.movementSpaceSize[0], 1 - y / this.movementSpaceSize[1]);
         return [x, y]
     }
-}
-
-/** @extends {IDraggableControlElement<Object, ColorSliderTemplate>} */
-class ColorSliderElement extends IDraggableControlElement {
-
-    constructor() {
-        super();
-        super.initialize({}, new ColorSliderTemplate());
-    }
-
-    static newObject() {
-        return new ColorSliderElement()
-    }
-
-    initialize() {
-        // Initialized in the constructor, this method does nothing
-    }
-}
-
-/** @typedef {import ("../../element/InputElement").default} InputElement */
-
-/** @extends {ITemplate<InputElement>} */
-class InputTemplate extends ITemplate {
-
-    #focusHandler = () => {
-        this.blueprint.acknowledgeEditText(true);
-        if (this.element.selectOnFocus) {
-            getSelection().selectAllChildren(this.element);
-        }
-    }
-
-    #focusoutHandler = () => {
-        this.blueprint.acknowledgeEditText(false);
-        getSelection().removeAllRanges(); // Deselect eventually selected text inside the input
-    }
-
-    /** @param {InputEvent} e */
-    #inputSingleLineHandler = e =>
-        /** @type {HTMLElement} */(e.target).querySelectorAll("br").forEach(br => br.remove())
-
-    /** @param {KeyboardEvent} e */
-    #onKeydownBlurOnEnterHandler = e => {
-        if (e.code == "Enter" && !e.shiftKey) {
-            /** @type {HTMLElement} */(e.target).blur();
-        }
-    }
-
-    /** @param {InputElement} element */
-    initialize(element) {
-        super.initialize(element);
-        this.element.classList.add("ueb-pin-input-content");
-        this.element.setAttribute("role", "textbox");
-        this.element.contentEditable = "true";
-    }
-
-    setup() {
-        super.setup();
-        this.element.addEventListener("focus", this.#focusHandler);
-        this.element.addEventListener("focusout", this.#focusoutHandler);
-        if (this.element.singleLine) {
-            this.element.addEventListener("input", this.#inputSingleLineHandler);
-        }
-        if (this.element.blurOnEnter) {
-            this.element.addEventListener("keydown", this.#onKeydownBlurOnEnterHandler);
-        }
-    }
-
-    cleanup() {
-        super.cleanup();
-        this.element.removeEventListener("focus", this.#focusHandler);
-        this.element.removeEventListener("focusout", this.#focusoutHandler);
-        this.element.removeEventListener("input", this.#inputSingleLineHandler);
-        this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler);
-    }
-}
-
-class InputElement extends IElement {
-
-    static properties = {
-        ...super.properties,
-        singleLine: {
-            type: Boolean,
-            attribute: "data-single-line",
-            converter: Utility.booleanConverter,
-            reflect: true,
-        },
-        selectOnFocus: {
-            type: Boolean,
-            attribute: "data-select-focus",
-            converter: Utility.booleanConverter,
-            reflect: true,
-        },
-        blurOnEnter: {
-            type: Boolean,
-            attribute: "data-blur-enter",
-            converter: Utility.booleanConverter,
-            reflect: true,
-        },
-    }
-
-    constructor() {
-        super();
-        this.singleLine = false;
-        this.selectOnFocus = true;
-        this.blurOnEnter = true;
-        super.initialize({}, new InputTemplate());
-    }
-
-    static newObject() {
-        return new InputElement()
-    }
-
-    initialize() {
-        // Initialized in the constructor, this method does nothing
-    }
-}
-
-/**
- * @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("lit").PropertyValues} PropertyValues */
-
-/** @extends PinTemplate<Boolean> */
-class BoolPinTemplate extends PinTemplate {
-
-    /** @type {HTMLInputElement?} */
-    #input
-
-    #onChangeHandler = _ => this.element.setDefaultValue(this.#input.checked)
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.#input = this.element.querySelector(".ueb-pin-input");
-    }
-
-    setup() {
-        super.setup();
-        this.#input?.addEventListener("change", this.#onChangeHandler);
-    }
-
-    cleanup() {
-        super.cleanup();
-        this.#input?.removeEventListener("change", this.#onChangeHandler);
-    }
-
-    createInputObjects() {
-        return [
-            ...super.createInputObjects(),
-            new MouseIgnore(this.#input, this.blueprint),
-        ]
-    }
-
-    renderInput() {
-        return y`
-            <input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}" />
-        `
-    }
-}
-
-/** @typedef {import("../../element/PinElement").default} PinElement */
-
-class ExecPinTemplate extends PinTemplate {
-
-    renderIcon() {
-        return SVGIcon.execPin
-    }
-
-    renderName() {
-        let pinName = this.element.entity.PinName;
-        if (this.element.entity.PinFriendlyName) {
-            pinName = this.element.entity.PinFriendlyName.toString();
-        } else if (pinName === "execute" || pinName === "then") {
-            return y``
-        }
-        return y`${Utility.formatStringName(pinName)}`
-    }
-}
-
-/** @typedef {import("lit").PropertyValues} PropertyValues */
-
-/**
- * @template T
- * @extends PinTemplate<T>
- */
-class IInputPinTemplate extends PinTemplate {
-
-    static singleLineInput = false
-    static selectOnFocus = true
-
-    /** @type {HTMLElement[]} */
-    #inputContentElements
-    get inputContentElements() {
-        return this.#inputContentElements
-    }
-
-    /** @param {String} value */
-    static stringFromInputToUE(value) {
-        return value
-            .replace(/(?=\n\s*)\n$/, "") // Remove trailing double newline
-            .replaceAll("\n", "\\r\n") // Replace newline with \r\n (default newline in UE)
-    }
-
-    /** @param {String} value */
-    static stringFromUEToInput(value) {
-        return value
-            .replaceAll(/(?:\r|(?<=(?:^|[^\\])(?:\\\\)*)\\r)(?=\n)/g, "") // Remove \r leftover from \r\n
-            .replace(/(?<=\n\s*)$/, "\n") // Put back trailing double newline
-    }
-
-    #onFocusOutHandler = () => this.setInputs(this.getInputs(), true)
-    /** @param {InputEvent} event */
-    #onInputCheckWrapHandler = event => this.#updateWrapClass(/** @type {HTMLElement} */(event.target))
-
-    /** @param {HTMLElement}  inputElement*/
-    #updateWrapClass(inputElement) {
-        const width = this.blueprint.scaleCorrect(inputElement.getBoundingClientRect().width) + this.nameWidth;
-        const inputWrapped = this.element.classList.contains("ueb-pin-input-wrap");
-        if (!inputWrapped && width > Configuration.pinInputWrapWidth) {
-            this.element.classList.add("ueb-pin-input-wrap");
-        } else if (inputWrapped && width <= Configuration.pinInputWrapWidth) {
-            this.element.classList.remove("ueb-pin-input-wrap");
-        }
-    }
-
-    /** @param {PropertyValues} changedProperties */
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        this.#inputContentElements = /** @type {HTMLElement[]} */([...this.element.querySelectorAll("ueb-input")]);
-        if (/** @type {typeof IInputPinTemplate} */(this.constructor).canWrapInput) {
-            this.nameWidth = this.blueprint.scaleCorrect(
-                this.element.querySelector(".ueb-pin-name").getBoundingClientRect().width
-            );
-            this.inputContentElements.forEach(inputElement => this.#updateWrapClass(inputElement));
-        }
-    }
-
-    setup() {
-        super.setup();
-        this.#inputContentElements.forEach(element => {
-            element.addEventListener("focusout", this.#onFocusOutHandler);
-            if (/** @type {typeof IInputPinTemplate} */(this.constructor).canWrapInput) {
-                element.addEventListener("input", this.#onInputCheckWrapHandler);
-            }
-        });
-    }
-
-    cleanup() {
-        super.cleanup();
-        this.#inputContentElements.forEach(element => {
-            element.removeEventListener("focusout", this.#onFocusOutHandler);
-            element.removeEventListener("input", this.#onInputCheckWrapHandler);
-        });
-    }
-
-    createInputObjects() {
-        return [
-            ...super.createInputObjects(),
-            ...this.#inputContentElements.map(elem => new MouseIgnore(elem, this.blueprint)),
-        ]
-    }
-
-    getInput() {
-        return this.getInputs().reduce((acc, cur) => acc + cur, "")
-    }
-
-    getInputs() {
-        return this.#inputContentElements.map(element =>
-            // Faster than innerText which causes reflow
-            Utility.clearHTMLWhitespace(element.innerHTML)
-        )
-    }
-
-    /** @param {String[]} values */
-    setInputs(values = [], updateDefaultValue = true) {
-        this.#inputContentElements.forEach(/** @type {typeof IInputPinTemplate } */(this.constructor).singleLineInput
-            ? (elem, i) => elem.innerText = values[i]
-            : (elem, i) => elem.innerText = values[i].replaceAll("\n", "")
-        );
-        if (updateDefaultValue) {
-            this.setDefaultValue(values.map(v => IInputPinTemplate.stringFromInputToUE(v)), values);
-        }
-        this.element.addNextUpdatedCallbacks(() => this.element.nodeElement.acknowledgeReflow());
-    }
-
-    setDefaultValue(values = [], rawValues = values) {
-        this.element.setDefaultValue(
-            // @ts-expect-error
-            values.join("")
-        );
-    }
-
-    renderInput() {
-        const singleLine = /** @type {typeof IInputPinTemplate} */(this.constructor).singleLineInput;
-        const selectOnFocus = /** @type {typeof IInputPinTemplate} */(this.constructor).selectOnFocus;
-        return y`
-            <div class="ueb-pin-input">
-                <ueb-input .singleLine="${singleLine}" .selectOnFocus="${selectOnFocus}"
-                    .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.getDefaultValue()?.toString() ?? "")}">
-                </ueb-input>
-            </div>
-        `
-    }
-}
-
-/**
- * @template T
- * @extends IInputPinTemplate<T>
- */
-class INumericPinTemplate extends IInputPinTemplate {
-
-    static singleLineInput = true
-
-    /** @param {String[]} values */
-    setInputs(values = [], updateDefaultValue = false) {
-        if (!values || values.length == 0) {
-            values = [this.getInput()];
-        }
-        super.setInputs(values, false);
-        if (updateDefaultValue) {
-            let parsedValues = [];
-            for (const value of values) {
-                let num = parseFloat(value);
-                if (isNaN(num)) {
-                    num = 0;
-                    updateDefaultValue = false;
-                }
-                parsedValues.push(num);
-            }
-            this.setDefaultValue(parsedValues, values);
-        }
-    }
-
-    /**
-     * @param {Number[]} values
-     * @param {String[]} rawValues
-     */
-    setDefaultValue(values = [], rawValues) {
-        this.element.setDefaultValue(/** @type {T} */(values[0]));
-    }
-}
-
-/** @typedef {import("../../entity/IntegerEntity").default} IntegerEntity */
-
-/** @extends INumericPinTemplate<IntegerEntity> */
-class IntPinTemplate extends INumericPinTemplate {
-
-    setDefaultValue(values = [], rawValues = values) {
-        const integer = this.element.getDefaultValue(true);
-        integer.value = values[0];
-        this.inputContentElements[0].innerText = this.element.getDefaultValue()?.toString(); // needed
-        this.element.requestUpdate();
-    }
-
-    renderInput() {
-        return y`
-            <div class="ueb-pin-input">
-                <ueb-input .singleLine="${true}" .innerText="${this.element.getDefaultValue()?.toString() ?? "0"}">
-                </ueb-input>
-            </div>
-        `
-    }
-}
-
-/** @typedef {import("../../entity/IntegerEntity").default} IntegerEntity */
-
-class Int64PinTemplate extends IntPinTemplate {
-
-    /** @param {String[]} values */
-    setInputs(values = [], updateDefaultValue = false) {
-        if (!values || values.length == 0) {
-            values = [this.getInput()];
-        }
-        super.setInputs(values, false);
-        if (updateDefaultValue) {
-            if (!values[0].match(/[\-\+]?[0-9]+/)) {
-                return
-            }
-            const parsedValues = [BigInt(values[0])];
-            this.setDefaultValue(parsedValues, values);
-        }
-    }
-}
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i$1{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const i=e(class extends i$1{constructor(t$1){var e;if(super(t$1),t$1.type!==t.ATTRIBUTE||"style"!==t$1.name||(null===(e=t$1.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.vt){this.vt=new Set;for(const t in r)this.vt.add(t);return this.render(r)}this.vt.forEach((t=>{null==r[t]&&(this.vt.delete(t),t.includes("-")?s.removeProperty(t):s[t]="");}));for(const t in r){const e=r[t];null!=e&&(this.vt.add(t),t.includes("-")?s.setProperty(t,e):s[t]=e);}return x}});
-
+}
+
+/** @extends {IDraggableControlElement<Object, ColorSliderTemplate>} */
+class ColorSliderElement extends IDraggableControlElement {
+
+    constructor() {
+        super();
+        super.initialize({}, new ColorSliderTemplate());
+    }
+
+    static newObject() {
+        return new ColorSliderElement()
+    }
+
+    initialize() {
+        // Initialized in the constructor, this method does nothing
+    }
+}
+
+/** @typedef {import ("../../element/InputElement").default} InputElement */
+
+/** @extends {ITemplate<InputElement>} */
+class InputTemplate extends ITemplate {
+
+    #focusHandler = () => {
+        this.blueprint.acknowledgeEditText(true);
+        if (this.element.selectOnFocus) {
+            getSelection().selectAllChildren(this.element);
+        }
+    }
+
+    #focusoutHandler = () => {
+        this.blueprint.acknowledgeEditText(false);
+        getSelection().removeAllRanges(); // Deselect eventually selected text inside the input
+    }
+
+    /** @param {InputEvent} e */
+    #inputSingleLineHandler = e =>
+        /** @type {HTMLElement} */(e.target).querySelectorAll("br").forEach(br => br.remove())
+
+    /** @param {KeyboardEvent} e */
+    #onKeydownBlurOnEnterHandler = e => {
+        if (e.code == "Enter" && !e.shiftKey) {
+            /** @type {HTMLElement} */(e.target).blur();
+        }
+    }
+
+    /** @param {InputElement} element */
+    initialize(element) {
+        super.initialize(element);
+        this.element.classList.add("ueb-pin-input-content");
+        this.element.setAttribute("role", "textbox");
+        this.element.contentEditable = "true";
+    }
+
+    setup() {
+        super.setup();
+        this.element.addEventListener("focus", this.#focusHandler);
+        this.element.addEventListener("focusout", this.#focusoutHandler);
+        if (this.element.singleLine) {
+            this.element.addEventListener("input", this.#inputSingleLineHandler);
+        }
+        if (this.element.blurOnEnter) {
+            this.element.addEventListener("keydown", this.#onKeydownBlurOnEnterHandler);
+        }
+    }
+
+    cleanup() {
+        super.cleanup();
+        this.element.removeEventListener("focus", this.#focusHandler);
+        this.element.removeEventListener("focusout", this.#focusoutHandler);
+        this.element.removeEventListener("input", this.#inputSingleLineHandler);
+        this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler);
+    }
+}
+
+class InputElement extends IElement {
+
+    static properties = {
+        ...super.properties,
+        singleLine: {
+            type: Boolean,
+            attribute: "data-single-line",
+            converter: Utility.booleanConverter,
+            reflect: true,
+        },
+        selectOnFocus: {
+            type: Boolean,
+            attribute: "data-select-focus",
+            converter: Utility.booleanConverter,
+            reflect: true,
+        },
+        blurOnEnter: {
+            type: Boolean,
+            attribute: "data-blur-enter",
+            converter: Utility.booleanConverter,
+            reflect: true,
+        },
+    }
+
+    constructor() {
+        super();
+        this.singleLine = false;
+        this.selectOnFocus = true;
+        this.blurOnEnter = true;
+        super.initialize({}, new InputTemplate());
+    }
+
+    static newObject() {
+        return new InputElement()
+    }
+
+    initialize() {
+        // Initialized in the constructor, this method does nothing
+    }
+}
+
+/**
+ * @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("lit").PropertyValues} PropertyValues */
+
+/** @extends PinTemplate<Boolean> */
+class BoolPinTemplate extends PinTemplate {
+
+    /** @type {HTMLInputElement?} */
+    #input
+
+    #onChangeHandler = _ => this.element.setDefaultValue(this.#input.checked)
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.#input = this.element.querySelector(".ueb-pin-input");
+    }
+
+    setup() {
+        super.setup();
+        this.#input?.addEventListener("change", this.#onChangeHandler);
+    }
+
+    cleanup() {
+        super.cleanup();
+        this.#input?.removeEventListener("change", this.#onChangeHandler);
+    }
+
+    createInputObjects() {
+        return [
+            ...super.createInputObjects(),
+            new MouseIgnore(this.#input, this.blueprint),
+        ]
+    }
+
+    renderInput() {
+        return y`
+            <input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}" />
+        `
+    }
+}
+
+/** @typedef {import("../../element/PinElement").default} PinElement */
+
+class ExecPinTemplate extends PinTemplate {
+
+    renderIcon() {
+        return SVGIcon.execPin
+    }
+
+    renderName() {
+        let pinName = this.element.entity.PinName;
+        if (this.element.entity.PinFriendlyName) {
+            pinName = this.element.entity.PinFriendlyName.toString();
+        } else if (pinName === "execute" || pinName === "then") {
+            return y``
+        }
+        return y`${Utility.formatStringName(pinName)}`
+    }
+}
+
+/** @typedef {import("lit").PropertyValues} PropertyValues */
+
+/**
+ * @template T
+ * @extends PinTemplate<T>
+ */
+class IInputPinTemplate extends PinTemplate {
+
+    static singleLineInput = false
+    static selectOnFocus = true
+
+    /** @type {HTMLElement[]} */
+    #inputContentElements
+    get inputContentElements() {
+        return this.#inputContentElements
+    }
+
+    /** @param {String} value */
+    static stringFromInputToUE(value) {
+        return value
+            .replace(/(?=\n\s*)\n$/, "") // Remove trailing double newline
+            .replaceAll("\n", "\\r\n") // Replace newline with \r\n (default newline in UE)
+    }
+
+    /** @param {String} value */
+    static stringFromUEToInput(value) {
+        return value
+            .replaceAll(/(?:\r|(?<=(?:^|[^\\])(?:\\\\)*)\\r)(?=\n)/g, "") // Remove \r leftover from \r\n
+            .replace(/(?<=\n\s*)$/, "\n") // Put back trailing double newline
+    }
+
+    #onFocusOutHandler = () => this.setInputs(this.getInputs(), true)
+    /** @param {InputEvent} event */
+    #onInputCheckWrapHandler = event => this.#updateWrapClass(/** @type {HTMLElement} */(event.target))
+
+    /** @param {HTMLElement}  inputElement*/
+    #updateWrapClass(inputElement) {
+        const width = this.blueprint.scaleCorrect(inputElement.getBoundingClientRect().width) + this.nameWidth;
+        const inputWrapped = this.element.classList.contains("ueb-pin-input-wrap");
+        if (!inputWrapped && width > Configuration.pinInputWrapWidth) {
+            this.element.classList.add("ueb-pin-input-wrap");
+        } else if (inputWrapped && width <= Configuration.pinInputWrapWidth) {
+            this.element.classList.remove("ueb-pin-input-wrap");
+        }
+    }
+
+    /** @param {PropertyValues} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.#inputContentElements = /** @type {HTMLElement[]} */([...this.element.querySelectorAll("ueb-input")]);
+        if (/** @type {typeof IInputPinTemplate} */(this.constructor).canWrapInput) {
+            this.nameWidth = this.blueprint.scaleCorrect(
+                this.element.querySelector(".ueb-pin-name").getBoundingClientRect().width
+            );
+            this.inputContentElements.forEach(inputElement => this.#updateWrapClass(inputElement));
+        }
+    }
+
+    setup() {
+        super.setup();
+        this.#inputContentElements.forEach(element => {
+            element.addEventListener("focusout", this.#onFocusOutHandler);
+            if (/** @type {typeof IInputPinTemplate} */(this.constructor).canWrapInput) {
+                element.addEventListener("input", this.#onInputCheckWrapHandler);
+            }
+        });
+    }
+
+    cleanup() {
+        super.cleanup();
+        this.#inputContentElements.forEach(element => {
+            element.removeEventListener("focusout", this.#onFocusOutHandler);
+            element.removeEventListener("input", this.#onInputCheckWrapHandler);
+        });
+    }
+
+    createInputObjects() {
+        return [
+            ...super.createInputObjects(),
+            ...this.#inputContentElements.map(elem => new MouseIgnore(elem, this.blueprint)),
+        ]
+    }
+
+    getInput() {
+        return this.getInputs().reduce((acc, cur) => acc + cur, "")
+    }
+
+    getInputs() {
+        return this.#inputContentElements.map(element =>
+            // Faster than innerText which causes reflow
+            Utility.clearHTMLWhitespace(element.innerHTML)
+        )
+    }
+
+    /** @param {String[]} values */
+    setInputs(values = [], updateDefaultValue = true) {
+        this.#inputContentElements.forEach(/** @type {typeof IInputPinTemplate } */(this.constructor).singleLineInput
+            ? (elem, i) => elem.innerText = values[i]
+            : (elem, i) => elem.innerText = values[i].replaceAll("\n", "")
+        );
+        if (updateDefaultValue) {
+            this.setDefaultValue(values.map(v => IInputPinTemplate.stringFromInputToUE(v)), values);
+        }
+        this.element.addNextUpdatedCallbacks(() => this.element.nodeElement.acknowledgeReflow());
+    }
+
+    setDefaultValue(values = [], rawValues = values) {
+        this.element.setDefaultValue(
+            // @ts-expect-error
+            values.join("")
+        );
+    }
+
+    renderInput() {
+        const singleLine = /** @type {typeof IInputPinTemplate} */(this.constructor).singleLineInput;
+        const selectOnFocus = /** @type {typeof IInputPinTemplate} */(this.constructor).selectOnFocus;
+        return y`
+            <div class="ueb-pin-input">
+                <ueb-input .singleLine="${singleLine}" .selectOnFocus="${selectOnFocus}"
+                    .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.getDefaultValue()?.toString() ?? "")}">
+                </ueb-input>
+            </div>
+        `
+    }
+}
+
+/**
+ * @template T
+ * @extends IInputPinTemplate<T>
+ */
+class INumericPinTemplate extends IInputPinTemplate {
+
+    static singleLineInput = true
+
+    /** @param {String[]} values */
+    setInputs(values = [], updateDefaultValue = false) {
+        if (!values || values.length == 0) {
+            values = [this.getInput()];
+        }
+        super.setInputs(values, false);
+        if (updateDefaultValue) {
+            let parsedValues = [];
+            for (const value of values) {
+                let num = parseFloat(value);
+                if (isNaN(num)) {
+                    num = 0;
+                    updateDefaultValue = false;
+                }
+                parsedValues.push(num);
+            }
+            this.setDefaultValue(parsedValues, values);
+        }
+    }
+
+    /**
+     * @param {Number[]} values
+     * @param {String[]} rawValues
+     */
+    setDefaultValue(values = [], rawValues) {
+        this.element.setDefaultValue(/** @type {T} */(values[0]));
+    }
+}
+
+/** @typedef {import("../../entity/IntegerEntity").default} IntegerEntity */
+
+/** @extends INumericPinTemplate<IntegerEntity> */
+class IntPinTemplate extends INumericPinTemplate {
+
+    setDefaultValue(values = [], rawValues = values) {
+        const integer = this.element.getDefaultValue(true);
+        integer.value = values[0];
+        this.inputContentElements[0].innerText = this.element.getDefaultValue()?.toString(); // needed
+        this.element.requestUpdate();
+    }
+
+    renderInput() {
+        return y`
+            <div class="ueb-pin-input">
+                <ueb-input .singleLine="${true}" .innerText="${this.element.getDefaultValue()?.toString() ?? "0"}">
+                </ueb-input>
+            </div>
+        `
+    }
+}
+
+/** @typedef {import("../../entity/IntegerEntity").default} IntegerEntity */
+
+class Int64PinTemplate extends IntPinTemplate {
+
+    /** @param {String[]} values */
+    setInputs(values = [], updateDefaultValue = false) {
+        if (!values || values.length == 0) {
+            values = [this.getInput()];
+        }
+        super.setInputs(values, false);
+        if (updateDefaultValue) {
+            if (!values[0].match(/[\-\+]?[0-9]+/)) {
+                return
+            }
+            const parsedValues = [BigInt(values[0])];
+            this.setDefaultValue(parsedValues, values);
+        }
+    }
+}
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i$1{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const i=e(class extends i$1{constructor(t$1){var e;if(super(t$1),t$1.type!==t.ATTRIBUTE||"style"!==t$1.name||(null===(e=t$1.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.vt){this.vt=new Set;for(const t in r)this.vt.add(t);return this.render(r)}this.vt.forEach((t=>{null==r[t]&&(this.vt.delete(t),t.includes("-")?s.removeProperty(t):s[t]="");}));for(const t in r){const e=r[t];null!=e&&(this.vt.add(t),t.includes("-")?s.setProperty(t,e):s[t]=e);}return x}});
+
 /** @typedef {import("../../element/WindowElement").default} WindowElement */
 
 /** @extends {IDraggablePositionedTemplate<WindowElement>} */
@@ -8465,8 +8483,8 @@ class WindowTemplate extends IDraggablePositionedTemplate {
         this.element.dispatchEvent(new CustomEvent(Configuration.windowCancelEventName));
         this.element.remove();
     }
-}
-
+}
+
 /**
  * @typedef {import("../../element/WindowElement").default} WindowElement
  * @typedef {import("lit").PropertyValues} PropertyValues
@@ -8806,511 +8824,515 @@ class ColorPickerWindowTemplate extends WindowTemplate {
                     </div>
                 </div>
                 <div class="ueb-buttons">
-                    <div class="ueb-color-picker-ok ueb-button" @click="${() => this.apply()}">OK</div>
-                    <div class="ueb-color-picker-cancel ueb-button" @click="${() => this.cancel()}">Cancel</div>
+                    <div class="ueb-color-picker-ok ueb-button" @click="${() => this.apply()}">
+                        ${Configuration.windowApplyButtonText}
+                    </div>
+                    <div class="ueb-color-picker-cancel ueb-button" @click="${() => this.cancel()}">
+                        ${Configuration.windowCancelButtonText}
+                    </div>
                 </div>
             </div>
         `
     }
 
     renderWindowName() {
-        return y`Color Picker`
+        return y`${Configuration.colorWindowName}`
     }
-}
-
-/**
- * @typedef {import("../../element/WindowElement").default} WindowElement
- * @typedef {import("../../element/WindowElement").WindowElementConstructor} WindowElementConstructor
- * @typedef {import("../../entity/LinearColorEntity").default} LinearColorEntity
- */
-
-/** @extends PinTemplate<LinearColorEntity> */
-class LinearColorPinTemplate extends PinTemplate {
-
-    /** @type {WindowElement} */
-    #window
-
-    /** @param {MouseEvent} e */
-    #launchColorPickerWindow = e => {
-        e.preventDefault();
-        this.blueprint.setFocused(true);
-        /** @type {WindowElement} */
-        this.#window = /** @type {WindowElementConstructor} */(ElementFactory.getConstructor("ueb-window"))
-            .newObject({
-                type: new ColorPickerWindowTemplate(),
-                windowOptions: {
-                    // The created window will use the following functions to get and set the color
-                    getPinColor: () => this.element.defaultValue,
-                    /** @param {LinearColorEntity} color */
-                    setPinColor: color => this.element.setDefaultValue(color),
-                },
-            });
-        this.blueprint.append(this.#window);
-        const windowApplyHandler = () => {
-            this.element.setDefaultValue(
-                /** @type {ColorPickerWindowTemplate} */(this.#window.template).color
-            );
-        };
-        const windowCloseHandler = () => {
-            this.#window.removeEventListener(Configuration.windowApplyEventName, windowApplyHandler);
-            this.#window.removeEventListener(Configuration.windowCloseEventName, windowCloseHandler);
-            this.#window = null;
-        };
-        this.#window.addEventListener(Configuration.windowApplyEventName, windowApplyHandler);
-        this.#window.addEventListener(Configuration.windowCloseEventName, windowCloseHandler);
-    }
-
-    renderInput() {
-        return y`
-            <span class="ueb-pin-input" data-linear-color="${this.element.getDefaultValue()?.toString() ?? b}"
-                @click="${this.#launchColorPickerWindow}"
-                style="--ueb-linear-color: rgba(${this.element.getDefaultValue()?.toString() ?? b})">
-            </span>
-        `
-    }
-}
-
-/** @typedef {import("../../element/PinElement").default} PinElement */
-
-class NamePinTemplate extends IInputPinTemplate {
-
-    static singleLineInput = true
-}
-
-/**
- * @template {Number} T
- * @extends INumericPinTemplate<T>
- */
-class RealPinTemplate extends INumericPinTemplate {
-
-    setDefaultValue(values = [], rawValues = values) {
-        this.element.setDefaultValue(values[0]);
-    }
-
-    renderInput() {
-        return y`
-            <div class="ueb-pin-input">
-                <ueb-input .singleLine="${true}"
-                    .innerText="${Utility.minDecimals(this.element.getDefaultValue() ?? 0)}">
-                </ueb-input>
-            </div>
-        `
-    }
-}
-
-class ReferencePinTemplate extends PinTemplate {
-
-    renderIcon() {
-        return SVGIcon.referencePin
-    }
-}
-
-/** @typedef {import("../../entity/RotatorEntity").default} Rotator */
-
-/** @extends INumericPinTemplate<Rotator> */
-class RotatorPinTemplate extends INumericPinTemplate {
-
-    #getR() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.R ?? 0)
-    }
-
-    #getP() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.P ?? 0)
-    }
-
-    #getY() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.Y ?? 0)
-    }
-
-    setDefaultValue(values = [], rawValues = values) {
-        const rotator = this.element.getDefaultValue(true);
-        if (!(rotator instanceof RotatorEntity)) {
-            throw new TypeError("Expected DefaultValue to be a RotatorEntity")
-        }
-        rotator.R = values[0]; // Roll
-        rotator.P = values[1]; // Pitch
-        rotator.Y = values[2]; // Yaw
-        this.element.requestUpdate("DefaultValue", rotator);
-    }
-
-    renderInput() {
-        return y`
-            <div class="ueb-pin-input-wrapper">
-                <span class="ueb-pin-input-label">X</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getR()}"></ueb-input>
-                </div>
-                <span class="ueb-pin-input-label">Y</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getP()}"></ueb-input>
-                </div>
-                <span class="ueb-pin-input-label">Z</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getY()}"></ueb-input>
-                </div>
-            </div>
-        `
-    }
-}
-
-/** @extends IInputPinTemplate<String> */
-class StringPinTemplate extends IInputPinTemplate {
-}
-
-/**
- * @extends INumericPinTemplate<Vector2DEntity>
- */
-class VectorInputPinTemplate extends INumericPinTemplate {
-
-    #getX() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.X ?? 0)
-    }
-
-    #getY() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.Y ?? 0)
-    }
-
-    /**
-     * @param {Number[]} values
-     * @param {String[]} rawValues
-     */
-    setDefaultValue(values, rawValues) {
-        const vector = this.element.getDefaultValue(true);
-        if (!(vector instanceof Vector2DEntity)) {
-            throw new TypeError("Expected DefaultValue to be a Vector2DEntity")
-        }
-        vector.X = values[0];
-        vector.Y = values[1];
-        this.element.requestUpdate("DefaultValue", vector);
-    }
-
-    renderInput() {
-        return y`
-            <div class="ueb-pin-input-wrapper">
-                <span class="ueb-pin-input-label">X</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getX()}"></ueb-input>
-                </div>
-                <span class="ueb-pin-input-label">Y</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getY()}"></ueb-input>
-                </div>
-            </div>
-        `
-    }
-}
-
-/**
- * @extends INumericPinTemplate<VectorEntity>
- */
-class VectorPinTemplate extends INumericPinTemplate {
-
-    #getX() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.X ?? 0)
-    }
-
-    #getY() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.Y ?? 0)
-    }
-
-    #getZ() {
-        return Utility.minDecimals(this.element.getDefaultValue()?.Z ?? 0)
-    }
-
-    /**
-     * @param {Number[]} values
-     * @param {String[]} rawValues
-     */
-    setDefaultValue(values, rawValues) {
-        const vector = this.element.getDefaultValue(true);
-        if (!(vector instanceof VectorEntity)) {
-            throw new TypeError("Expected DefaultValue to be a VectorEntity")
-        }
-        vector.X = values[0];
-        vector.Y = values[1];
-        vector.Z = values[2];
-        this.element.requestUpdate("DefaultValue", vector);
-    }
-
-    renderInput() {
-        return y`
-            <div class="ueb-pin-input-wrapper">
-                <span class="ueb-pin-input-label">X</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getX()}"></ueb-input>
-                </div>
-                <span class="ueb-pin-input-label">Y</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getY()}"></ueb-input>
-                </div>
-                <span class="ueb-pin-input-label">Z</span>
-                <div class="ueb-pin-input">
-                    <ueb-input .singleLine="${true}" .innerText="${this.#getZ()}"></ueb-input>
-                </div>
-            </div>
-        `
-    }
-}
-
-/**
- * @typedef {import("../entity/IEntity").AnyValue} AnyValue
- * @typedef {import("./LinkElement").LinkElementConstructor} LinkElementConstructor
- * @typedef {import("./NodeElement").default} NodeElement
- * @typedef {import("lit").CSSResult} CSSResult
- * @typedef {typeof PinElement} PinElementConstructor
- */
-
-/**
- * @template {AnyValue} T
- * @extends {IElement<PinEntity<T>, PinTemplate>}
- */
-class PinElement extends IElement {
-
-    static #inputPinTemplates = {
-        "/Script/CoreUObject.LinearColor": LinearColorPinTemplate,
-        "/Script/CoreUObject.Rotator": RotatorPinTemplate,
-        "/Script/CoreUObject.Vector": VectorPinTemplate,
-        "/Script/CoreUObject.Vector2D": VectorInputPinTemplate,
-        "bool": BoolPinTemplate,
-        "byte": IntPinTemplate,
-        "int": IntPinTemplate,
-        "int64": Int64PinTemplate,
-        "MUTABLE_REFERENCE": ReferencePinTemplate,
-        "name": NamePinTemplate,
-        "real": RealPinTemplate,
-        "string": StringPinTemplate,
-    }
-
-    static properties = {
-        pinId: {
-            type: GuidEntity,
-            converter: {
-                fromAttribute: (value, type) => value
-                    ? ISerializer.grammar.Guid.parse(value).value
-                    : null,
-                toAttribute: (value, type) => value?.toString(),
-            },
-            attribute: "data-id",
-            reflect: true,
-        },
-        pinType: {
-            type: String,
-            attribute: "data-type",
-            reflect: true,
-        },
-        advancedView: {
-            type: String,
-            attribute: "data-advanced-view",
-            reflect: true,
-        },
-        color: {
-            type: LinearColorEntity,
-            converter: {
-                fromAttribute: (value, type) => value
-                    ? ISerializer.grammar.LinearColorFromAnyColor.parse(value).value
-                    : null,
-                toAttribute: (value, type) => value ? Utility.printLinearColor(value) : null,
-            },
-            attribute: "data-color",
-            reflect: true,
-        },
-        defaultValue: {
-            type: String,
-            attribute: false,
-        },
-        isLinked: {
-            type: Boolean,
-            converter: Utility.booleanConverter,
-            attribute: "data-linked",
-            reflect: true,
-        },
-        pinDirection: {
-            type: String,
-            attribute: "data-direction",
-            reflect: true,
-        },
-    }
-
-    /** @type {NodeElement} */
-    nodeElement
-
-    /**
-     * @param {PinEntity<any>} pinEntity
-     * @return {new () => PinTemplate}
-     */
-    static getTypeTemplate(pinEntity) {
-        if (pinEntity.PinType.bIsReference && !pinEntity.PinType.bIsConst) {
-            return PinElement.#inputPinTemplates["MUTABLE_REFERENCE"]
-        }
-        if (pinEntity.getType() === "exec") {
-            return ExecPinTemplate
-        }
-        let result;
-        if (pinEntity.isInput()) {
-            result = PinElement.#inputPinTemplates[pinEntity.getType()];
-        }
-        return result ?? PinTemplate
-    }
-
-    static newObject(
-        entity = new PinEntity(),
-        template = new (PinElement.getTypeTemplate(entity))(),
-        nodeElement = undefined
-    ) {
-        const result = new PinElement();
-        result.initialize(entity, template, nodeElement);
-        return result
-    }
-
-    initialize(
-        entity = /** @type {PinEntity<T>} */(new PinEntity()),
-        template = new (PinElement.getTypeTemplate(entity))(),
-        nodeElement = undefined
-    ) {
-        super.initialize(entity, template);
-        this.pinId = this.entity.PinId;
-        this.pinType = this.entity.getType();
-        this.advancedView = this.entity.bAdvancedView;
-        this.defaultValue = this.entity.getDefaultValue();
-        this.color = PinElement.properties.color.converter.fromAttribute(this.getColor().toString());
-        this.isLinked = false;
-        this.pinDirection = entity.isInput() ? "input" : entity.isOutput() ? "output" : "hidden";
-        this.nodeElement = /** @type {NodeElement} */(nodeElement);
-    }
-
-    setup() {
-        super.setup();
-        this.nodeElement = this.closest("ueb-node");
-    }
-
-    createPinReference() {
-        return new PinReferenceEntity({
-            objectName: this.nodeElement.getNodeName(),
-            pinGuid: this.getPinId(),
-        })
-    }
-
-    /** @return {GuidEntity} */
-    getPinId() {
-        return this.entity.PinId
-    }
-
-    /** @returns {String} */
-    getPinName() {
-        return this.entity.PinName
-    }
-
-    getPinDisplayName() {
-        return this.entity.getDisplayName()
-    }
-
-    /** @return {CSSResult} */
-    getColor() {
-        return this.entity.pinColor()
-    }
-
-    isInput() {
-        return this.entity.isInput()
-    }
-
-    isOutput() {
-        return this.entity.isOutput()
-    }
-
-    getLinkLocation() {
-        return this.template.getLinkLocation()
-    }
-
-    getNodeElement() {
-        return this.nodeElement
-    }
-
-    getLinks() {
-        return this.entity.LinkedTo ?? []
-    }
-
-    getDefaultValue(maybeCreate = false) {
-        return this.defaultValue = this.entity.getDefaultValue(maybeCreate)
-    }
-
-    /** @param {T} value */
-    setDefaultValue(value) {
-        this.entity.DefaultValue = value;
-        this.defaultValue = value;
-    }
-
-    /** @param  {IElement[]} nodesWhitelist */
-    sanitizeLinks(nodesWhitelist = []) {
-        this.entity.LinkedTo = this.entity.LinkedTo?.filter(pinReference => {
-            let pin = this.blueprint.getPin(pinReference);
-            if (pin) {
-                if (nodesWhitelist.length && !nodesWhitelist.includes(pin.nodeElement)) {
-                    return false
-                }
-                let link = this.blueprint.getLink(this, pin);
-                if (!link) {
-                    link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link"))
-                        .newObject(this, pin);
-                    this.blueprint.addGraphElement(link);
-                }
-            }
-            return pin
-        });
-        this.isLinked = this.entity.isLinked();
-    }
-
-    /** @param {PinElement} targetPinElement */
-    linkTo(targetPinElement) {
-        const pinReference = this.createPinReference();
-        if (
-            this.isLinked
-            && this.isOutput()
-            && (this.pinType === "exec" || targetPinElement.pinType === "exec")
-            && !this.getLinks().some(ref => pinReference.equals(ref))) {
-            this.unlinkFromAll();
-        }
-        if (this.entity.linkTo(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)) {
-            this.isLinked = this.entity.isLinked();
-            this.nodeElement?.template.linksChanged();
-        }
-    }
-
-    /** @param {PinElement} targetPinElement */
-    unlinkFrom(targetPinElement, removeLink = true) {
-        if (this.entity.unlinkFrom(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)) {
-            this.isLinked = this.entity.isLinked();
-            this.nodeElement?.template.linksChanged();
-            if (removeLink) {
-                this.blueprint.getLink(this, targetPinElement)?.remove(); // Might be called after the link is removed
-            }
-        }
-    }
-
-    unlinkFromAll() {
-        const isLinked = this.getLinks().length;
-        this.getLinks().map(ref => this.blueprint.getPin(ref)).forEach(pin => this.unlinkFrom(pin));
-        if (isLinked) {
-            this.nodeElement?.template.linksChanged();
-        }
-    }
-
-    /**
-     * @param {PinElement} originalPinElement
-     * @param {PinReferenceEntity} newReference
-     */
-    redirectLink(originalPinElement, newReference) {
-        const index = this.getLinks().findIndex(pinReference =>
-            pinReference.objectName.toString() == originalPinElement.getNodeElement().getNodeName()
-            && pinReference.pinGuid.valueOf() == originalPinElement.entity.PinId.valueOf()
-        );
-        if (index >= 0) {
-            this.entity.LinkedTo[index] = newReference;
-            return true
-        }
-        return false
-    }
-}
-
+}
+
+/**
+ * @typedef {import("../../element/WindowElement").default} WindowElement
+ * @typedef {import("../../element/WindowElement").WindowElementConstructor} WindowElementConstructor
+ * @typedef {import("../../entity/LinearColorEntity").default} LinearColorEntity
+ */
+
+/** @extends PinTemplate<LinearColorEntity> */
+class LinearColorPinTemplate extends PinTemplate {
+
+    /** @type {WindowElement} */
+    #window
+
+    /** @param {MouseEvent} e */
+    #launchColorPickerWindow = e => {
+        e.preventDefault();
+        this.blueprint.setFocused(true);
+        /** @type {WindowElement} */
+        this.#window = /** @type {WindowElementConstructor} */(ElementFactory.getConstructor("ueb-window"))
+            .newObject({
+                type: new ColorPickerWindowTemplate(),
+                windowOptions: {
+                    // The created window will use the following functions to get and set the color
+                    getPinColor: () => this.element.defaultValue,
+                    /** @param {LinearColorEntity} color */
+                    setPinColor: color => this.element.setDefaultValue(color),
+                },
+            });
+        this.blueprint.append(this.#window);
+        const windowApplyHandler = () => {
+            this.element.setDefaultValue(
+                /** @type {ColorPickerWindowTemplate} */(this.#window.template).color
+            );
+        };
+        const windowCloseHandler = () => {
+            this.#window.removeEventListener(Configuration.windowApplyEventName, windowApplyHandler);
+            this.#window.removeEventListener(Configuration.windowCloseEventName, windowCloseHandler);
+            this.#window = null;
+        };
+        this.#window.addEventListener(Configuration.windowApplyEventName, windowApplyHandler);
+        this.#window.addEventListener(Configuration.windowCloseEventName, windowCloseHandler);
+    }
+
+    renderInput() {
+        return y`
+            <span class="ueb-pin-input" data-linear-color="${this.element.getDefaultValue()?.toString() ?? b}"
+                @click="${this.#launchColorPickerWindow}"
+                style="--ueb-linear-color: rgba(${this.element.getDefaultValue()?.toString() ?? b})">
+            </span>
+        `
+    }
+}
+
+/** @typedef {import("../../element/PinElement").default} PinElement */
+
+class NamePinTemplate extends IInputPinTemplate {
+
+    static singleLineInput = true
+}
+
+/**
+ * @template {Number} T
+ * @extends INumericPinTemplate<T>
+ */
+class RealPinTemplate extends INumericPinTemplate {
+
+    setDefaultValue(values = [], rawValues = values) {
+        this.element.setDefaultValue(values[0]);
+    }
+
+    renderInput() {
+        return y`
+            <div class="ueb-pin-input">
+                <ueb-input .singleLine="${true}"
+                    .innerText="${Utility.minDecimals(this.element.getDefaultValue() ?? 0)}">
+                </ueb-input>
+            </div>
+        `
+    }
+}
+
+class ReferencePinTemplate extends PinTemplate {
+
+    renderIcon() {
+        return SVGIcon.referencePin
+    }
+}
+
+/** @typedef {import("../../entity/RotatorEntity").default} Rotator */
+
+/** @extends INumericPinTemplate<Rotator> */
+class RotatorPinTemplate extends INumericPinTemplate {
+
+    #getR() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.R ?? 0)
+    }
+
+    #getP() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.P ?? 0)
+    }
+
+    #getY() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.Y ?? 0)
+    }
+
+    setDefaultValue(values = [], rawValues = values) {
+        const rotator = this.element.getDefaultValue(true);
+        if (!(rotator instanceof RotatorEntity)) {
+            throw new TypeError("Expected DefaultValue to be a RotatorEntity")
+        }
+        rotator.R = values[0]; // Roll
+        rotator.P = values[1]; // Pitch
+        rotator.Y = values[2]; // Yaw
+        this.element.requestUpdate("DefaultValue", rotator);
+    }
+
+    renderInput() {
+        return y`
+            <div class="ueb-pin-input-wrapper">
+                <span class="ueb-pin-input-label">X</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getR()}"></ueb-input>
+                </div>
+                <span class="ueb-pin-input-label">Y</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getP()}"></ueb-input>
+                </div>
+                <span class="ueb-pin-input-label">Z</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getY()}"></ueb-input>
+                </div>
+            </div>
+        `
+    }
+}
+
+/** @extends IInputPinTemplate<String> */
+class StringPinTemplate extends IInputPinTemplate {
+}
+
+/**
+ * @extends INumericPinTemplate<Vector2DEntity>
+ */
+class VectorInputPinTemplate extends INumericPinTemplate {
+
+    #getX() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.X ?? 0)
+    }
+
+    #getY() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.Y ?? 0)
+    }
+
+    /**
+     * @param {Number[]} values
+     * @param {String[]} rawValues
+     */
+    setDefaultValue(values, rawValues) {
+        const vector = this.element.getDefaultValue(true);
+        if (!(vector instanceof Vector2DEntity)) {
+            throw new TypeError("Expected DefaultValue to be a Vector2DEntity")
+        }
+        vector.X = values[0];
+        vector.Y = values[1];
+        this.element.requestUpdate("DefaultValue", vector);
+    }
+
+    renderInput() {
+        return y`
+            <div class="ueb-pin-input-wrapper">
+                <span class="ueb-pin-input-label">X</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getX()}"></ueb-input>
+                </div>
+                <span class="ueb-pin-input-label">Y</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getY()}"></ueb-input>
+                </div>
+            </div>
+        `
+    }
+}
+
+/**
+ * @extends INumericPinTemplate<VectorEntity>
+ */
+class VectorPinTemplate extends INumericPinTemplate {
+
+    #getX() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.X ?? 0)
+    }
+
+    #getY() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.Y ?? 0)
+    }
+
+    #getZ() {
+        return Utility.minDecimals(this.element.getDefaultValue()?.Z ?? 0)
+    }
+
+    /**
+     * @param {Number[]} values
+     * @param {String[]} rawValues
+     */
+    setDefaultValue(values, rawValues) {
+        const vector = this.element.getDefaultValue(true);
+        if (!(vector instanceof VectorEntity)) {
+            throw new TypeError("Expected DefaultValue to be a VectorEntity")
+        }
+        vector.X = values[0];
+        vector.Y = values[1];
+        vector.Z = values[2];
+        this.element.requestUpdate("DefaultValue", vector);
+    }
+
+    renderInput() {
+        return y`
+            <div class="ueb-pin-input-wrapper">
+                <span class="ueb-pin-input-label">X</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getX()}"></ueb-input>
+                </div>
+                <span class="ueb-pin-input-label">Y</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getY()}"></ueb-input>
+                </div>
+                <span class="ueb-pin-input-label">Z</span>
+                <div class="ueb-pin-input">
+                    <ueb-input .singleLine="${true}" .innerText="${this.#getZ()}"></ueb-input>
+                </div>
+            </div>
+        `
+    }
+}
+
+/**
+ * @typedef {import("../entity/IEntity").AnyValue} AnyValue
+ * @typedef {import("./LinkElement").LinkElementConstructor} LinkElementConstructor
+ * @typedef {import("./NodeElement").default} NodeElement
+ * @typedef {import("lit").CSSResult} CSSResult
+ * @typedef {typeof PinElement} PinElementConstructor
+ */
+
+/**
+ * @template {AnyValue} T
+ * @extends {IElement<PinEntity<T>, PinTemplate>}
+ */
+class PinElement extends IElement {
+
+    static #inputPinTemplates = {
+        "/Script/CoreUObject.LinearColor": LinearColorPinTemplate,
+        "/Script/CoreUObject.Rotator": RotatorPinTemplate,
+        "/Script/CoreUObject.Vector": VectorPinTemplate,
+        "/Script/CoreUObject.Vector2D": VectorInputPinTemplate,
+        "bool": BoolPinTemplate,
+        "byte": IntPinTemplate,
+        "int": IntPinTemplate,
+        "int64": Int64PinTemplate,
+        "MUTABLE_REFERENCE": ReferencePinTemplate,
+        "name": NamePinTemplate,
+        "real": RealPinTemplate,
+        "string": StringPinTemplate,
+    }
+
+    static properties = {
+        pinId: {
+            type: GuidEntity,
+            converter: {
+                fromAttribute: (value, type) => value
+                    ? ISerializer.grammar.Guid.parse(value).value
+                    : null,
+                toAttribute: (value, type) => value?.toString(),
+            },
+            attribute: "data-id",
+            reflect: true,
+        },
+        pinType: {
+            type: String,
+            attribute: "data-type",
+            reflect: true,
+        },
+        advancedView: {
+            type: String,
+            attribute: "data-advanced-view",
+            reflect: true,
+        },
+        color: {
+            type: LinearColorEntity,
+            converter: {
+                fromAttribute: (value, type) => value
+                    ? ISerializer.grammar.LinearColorFromAnyColor.parse(value).value
+                    : null,
+                toAttribute: (value, type) => value ? Utility.printLinearColor(value) : null,
+            },
+            attribute: "data-color",
+            reflect: true,
+        },
+        defaultValue: {
+            type: String,
+            attribute: false,
+        },
+        isLinked: {
+            type: Boolean,
+            converter: Utility.booleanConverter,
+            attribute: "data-linked",
+            reflect: true,
+        },
+        pinDirection: {
+            type: String,
+            attribute: "data-direction",
+            reflect: true,
+        },
+    }
+
+    /** @type {NodeElement} */
+    nodeElement
+
+    /**
+     * @param {PinEntity<any>} pinEntity
+     * @return {new () => PinTemplate}
+     */
+    static getTypeTemplate(pinEntity) {
+        if (pinEntity.PinType.bIsReference && !pinEntity.PinType.bIsConst) {
+            return PinElement.#inputPinTemplates["MUTABLE_REFERENCE"]
+        }
+        if (pinEntity.getType() === "exec") {
+            return ExecPinTemplate
+        }
+        let result;
+        if (pinEntity.isInput()) {
+            result = PinElement.#inputPinTemplates[pinEntity.getType()];
+        }
+        return result ?? PinTemplate
+    }
+
+    static newObject(
+        entity = new PinEntity(),
+        template = new (PinElement.getTypeTemplate(entity))(),
+        nodeElement = undefined
+    ) {
+        const result = new PinElement();
+        result.initialize(entity, template, nodeElement);
+        return result
+    }
+
+    initialize(
+        entity = /** @type {PinEntity<T>} */(new PinEntity()),
+        template = new (PinElement.getTypeTemplate(entity))(),
+        nodeElement = undefined
+    ) {
+        super.initialize(entity, template);
+        this.pinId = this.entity.PinId;
+        this.pinType = this.entity.getType();
+        this.advancedView = this.entity.bAdvancedView;
+        this.defaultValue = this.entity.getDefaultValue();
+        this.color = PinElement.properties.color.converter.fromAttribute(this.getColor().toString());
+        this.isLinked = false;
+        this.pinDirection = entity.isInput() ? "input" : entity.isOutput() ? "output" : "hidden";
+        this.nodeElement = /** @type {NodeElement} */(nodeElement);
+    }
+
+    setup() {
+        super.setup();
+        this.nodeElement = this.closest("ueb-node");
+    }
+
+    createPinReference() {
+        return new PinReferenceEntity({
+            objectName: this.nodeElement.getNodeName(),
+            pinGuid: this.getPinId(),
+        })
+    }
+
+    /** @return {GuidEntity} */
+    getPinId() {
+        return this.entity.PinId
+    }
+
+    /** @returns {String} */
+    getPinName() {
+        return this.entity.PinName
+    }
+
+    getPinDisplayName() {
+        return this.entity.getDisplayName()
+    }
+
+    /** @return {CSSResult} */
+    getColor() {
+        return this.entity.pinColor()
+    }
+
+    isInput() {
+        return this.entity.isInput()
+    }
+
+    isOutput() {
+        return this.entity.isOutput()
+    }
+
+    getLinkLocation() {
+        return this.template.getLinkLocation()
+    }
+
+    getNodeElement() {
+        return this.nodeElement
+    }
+
+    getLinks() {
+        return this.entity.LinkedTo ?? []
+    }
+
+    getDefaultValue(maybeCreate = false) {
+        return this.defaultValue = this.entity.getDefaultValue(maybeCreate)
+    }
+
+    /** @param {T} value */
+    setDefaultValue(value) {
+        this.entity.DefaultValue = value;
+        this.defaultValue = value;
+    }
+
+    /** @param  {IElement[]} nodesWhitelist */
+    sanitizeLinks(nodesWhitelist = []) {
+        this.entity.LinkedTo = this.entity.LinkedTo?.filter(pinReference => {
+            let pin = this.blueprint.getPin(pinReference);
+            if (pin) {
+                if (nodesWhitelist.length && !nodesWhitelist.includes(pin.nodeElement)) {
+                    return false
+                }
+                let link = this.blueprint.getLink(this, pin);
+                if (!link) {
+                    link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link"))
+                        .newObject(this, pin);
+                    this.blueprint.addGraphElement(link);
+                }
+            }
+            return pin
+        });
+        this.isLinked = this.entity.isLinked();
+    }
+
+    /** @param {PinElement} targetPinElement */
+    linkTo(targetPinElement) {
+        const pinReference = this.createPinReference();
+        if (
+            this.isLinked
+            && this.isOutput()
+            && (this.pinType === "exec" || targetPinElement.pinType === "exec")
+            && !this.getLinks().some(ref => pinReference.equals(ref))) {
+            this.unlinkFromAll();
+        }
+        if (this.entity.linkTo(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)) {
+            this.isLinked = this.entity.isLinked();
+            this.nodeElement?.template.linksChanged();
+        }
+    }
+
+    /** @param {PinElement} targetPinElement */
+    unlinkFrom(targetPinElement, removeLink = true) {
+        if (this.entity.unlinkFrom(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)) {
+            this.isLinked = this.entity.isLinked();
+            this.nodeElement?.template.linksChanged();
+            if (removeLink) {
+                this.blueprint.getLink(this, targetPinElement)?.remove(); // Might be called after the link is removed
+            }
+        }
+    }
+
+    unlinkFromAll() {
+        const isLinked = this.getLinks().length;
+        this.getLinks().map(ref => this.blueprint.getPin(ref)).forEach(pin => this.unlinkFrom(pin));
+        if (isLinked) {
+            this.nodeElement?.template.linksChanged();
+        }
+    }
+
+    /**
+     * @param {PinElement} originalPinElement
+     * @param {PinReferenceEntity} newReference
+     */
+    redirectLink(originalPinElement, newReference) {
+        const index = this.getLinks().findIndex(pinReference =>
+            pinReference.objectName.toString() == originalPinElement.getNodeElement().getNodeName()
+            && pinReference.pinGuid.valueOf() == originalPinElement.entity.PinId.valueOf()
+        );
+        if (index >= 0) {
+            this.entity.LinkedTo[index] = newReference;
+            return true
+        }
+        return false
+    }
+}
+
 class OrderedIndexArray {
 
     /**
@@ -9428,8 +9450,8 @@ class OrderedIndexArray {
     shiftRight(leftLimit, steps = 1) {
         this.array.set(this.array.subarray(leftLimit, -steps), leftLimit + steps);
     }
-}
-
+}
+
 /**
  * @typedef {import("../element/NodeElement").default} NodeElement
  * @typedef {typeof import("../Blueprint").default.nodeBoundariesSupplier} BoundariesFunction
@@ -9588,141 +9610,141 @@ class FastSelectionModel {
         }
         this.finalPosition = finalPosition;
     }
-}
-
+}
+
 /** @typedef {import("../element/SelectorElement").default} SelectorElement */
 
 /** @extends IFromToPositionedTemplate<SelectorElement> */
 class SelectorTemplate extends IFromToPositionedTemplate {
-}
-
-/** @typedef {import("../Blueprint").BlueprintConstructor} BlueprintConstructor */
-
-/** @extends {IFromToPositionedElement<Object, SelectorTemplate>} */
-class SelectorElement extends IFromToPositionedElement {
-
-    /** @type {FastSelectionModel} */
-    selectionModel = null
-
-    constructor() {
-        super();
-        super.initialize({}, new SelectorTemplate());
-    }
-
-    static newObject() {
-        return new SelectorElement()
-    }
-
-    initialize() {
-        // Initialized in the constructor, this method does nothing
-    }
-
-    /** @param {Number[]} initialPosition */
-    beginSelect(initialPosition) {
-        const blueprintConstructor = /** @type {BlueprintConstructor} */(this.blueprint.constructor);
-        this.blueprint.selecting = true;
-        this.setBothLocations(initialPosition);
-        this.selectionModel = new FastSelectionModel(
-            initialPosition,
-            this.blueprint.getNodes(),
-            blueprintConstructor.nodeBoundariesSupplier,
-            blueprintConstructor.nodeSelectToggleFunction
-        );
-    }
-
-    /** @param {Number[]} finalPosition */
-    selectTo(finalPosition) {
-        this.selectionModel.selectTo(finalPosition);
-        this.toX = finalPosition[0];
-        this.toY = finalPosition[1];
-    }
-
-    endSelect() {
-        this.blueprint.selecting = false;
-        this.selectionModel = null;
-        this.fromX = 0;
-        this.fromY = 0;
-        this.toX = 0;
-        this.toY = 0;
-    }
-}
-
-/** @typedef {typeof WindowElement} WindowElementConstructor */
-
-/**
- * @template {WindowTemplate} T
- * @extends {IDraggableElement<Object, T>}
- */
-class WindowElement extends IDraggableElement {
-
-    static #typeTemplateMap = {
-        "window": WindowTemplate,
-        "color-picker": ColorPickerWindowTemplate,
-    }
-
-    static properties = {
-        ...IDraggableElement.properties,
-        type: {
-            type: WindowTemplate,
-            attribute: "data-type",
-            reflect: true,
-            converter: {
-                fromAttribute: (value, type) => WindowElement.#typeTemplateMap[value],
-                toAttribute: (value, type) =>
-                    Object.entries(WindowElement.#typeTemplateMap).find(([k, v]) => value.constructor === v)?.[0],
-            },
-        },
-    }
-
-    static newObject(entity = {}, template = entity.type ?? new WindowTemplate()) {
-        const result = new WindowElement();
-        result.initialize(entity, template);
-        return result
-    }
-
-    initialize(entity = {}, template = entity.type ?? new WindowTemplate()) {
-        entity.windowOptions ??= {};
-        this.type = entity.type;
-        this.windowOptions = entity.windowOptions;
-        super.initialize(entity, template);
-    }
-
-    computeSizes() {
-        const bounding = this.getBoundingClientRect();
-        this.sizeX = bounding.width;
-        this.sizeY = bounding.height;
-    }
-
-    cleanup() {
-        super.cleanup();
-        this.acknowledgeClose();
-    }
-
-    acknowledgeClose() {
-        let deleteEvent = new CustomEvent(Configuration.windowCloseEventName);
-        this.dispatchEvent(deleteEvent);
-    }
-}
-
-function defineElements() {
-    customElements.define("ueb-color-handler", ColorHandlerElement);
-    ElementFactory.registerElement("ueb-color-handler", ColorHandlerElement);
-    customElements.define("ueb-input", InputElement);
-    ElementFactory.registerElement("ueb-input", InputElement);
-    customElements.define("ueb-link", LinkElement);
-    ElementFactory.registerElement("ueb-link", LinkElement);
-    customElements.define("ueb-node", NodeElement);
-    ElementFactory.registerElement("ueb-node", NodeElement);
-    customElements.define("ueb-pin", PinElement);
-    ElementFactory.registerElement("ueb-pin", PinElement);
-    customElements.define("ueb-selector", SelectorElement);
-    ElementFactory.registerElement("ueb-selector", SelectorElement);
-    customElements.define("ueb-ui-slider", ColorSliderElement);
-    ElementFactory.registerElement("ueb-ui-slider", ColorSliderElement);
-    customElements.define("ueb-window", WindowElement);
-    ElementFactory.registerElement("ueb-window", WindowElement);
-}
-
+}
+
+/** @typedef {import("../Blueprint").BlueprintConstructor} BlueprintConstructor */
+
+/** @extends {IFromToPositionedElement<Object, SelectorTemplate>} */
+class SelectorElement extends IFromToPositionedElement {
+
+    /** @type {FastSelectionModel} */
+    selectionModel = null
+
+    constructor() {
+        super();
+        super.initialize({}, new SelectorTemplate());
+    }
+
+    static newObject() {
+        return new SelectorElement()
+    }
+
+    initialize() {
+        // Initialized in the constructor, this method does nothing
+    }
+
+    /** @param {Number[]} initialPosition */
+    beginSelect(initialPosition) {
+        const blueprintConstructor = /** @type {BlueprintConstructor} */(this.blueprint.constructor);
+        this.blueprint.selecting = true;
+        this.setBothLocations(initialPosition);
+        this.selectionModel = new FastSelectionModel(
+            initialPosition,
+            this.blueprint.getNodes(),
+            blueprintConstructor.nodeBoundariesSupplier,
+            blueprintConstructor.nodeSelectToggleFunction
+        );
+    }
+
+    /** @param {Number[]} finalPosition */
+    selectTo(finalPosition) {
+        this.selectionModel.selectTo(finalPosition);
+        this.toX = finalPosition[0];
+        this.toY = finalPosition[1];
+    }
+
+    endSelect() {
+        this.blueprint.selecting = false;
+        this.selectionModel = null;
+        this.fromX = 0;
+        this.fromY = 0;
+        this.toX = 0;
+        this.toY = 0;
+    }
+}
+
+/** @typedef {typeof WindowElement} WindowElementConstructor */
+
+/**
+ * @template {WindowTemplate} T
+ * @extends {IDraggableElement<Object, T>}
+ */
+class WindowElement extends IDraggableElement {
+
+    static #typeTemplateMap = {
+        "window": WindowTemplate,
+        "color-picker": ColorPickerWindowTemplate,
+    }
+
+    static properties = {
+        ...IDraggableElement.properties,
+        type: {
+            type: WindowTemplate,
+            attribute: "data-type",
+            reflect: true,
+            converter: {
+                fromAttribute: (value, type) => WindowElement.#typeTemplateMap[value],
+                toAttribute: (value, type) =>
+                    Object.entries(WindowElement.#typeTemplateMap).find(([k, v]) => value.constructor === v)?.[0],
+            },
+        },
+    }
+
+    static newObject(entity = {}, template = entity.type ?? new WindowTemplate()) {
+        const result = new WindowElement();
+        result.initialize(entity, template);
+        return result
+    }
+
+    initialize(entity = {}, template = entity.type ?? new WindowTemplate()) {
+        entity.windowOptions ??= {};
+        this.type = entity.type;
+        this.windowOptions = entity.windowOptions;
+        super.initialize(entity, template);
+    }
+
+    computeSizes() {
+        const bounding = this.getBoundingClientRect();
+        this.sizeX = bounding.width;
+        this.sizeY = bounding.height;
+    }
+
+    cleanup() {
+        super.cleanup();
+        this.acknowledgeClose();
+    }
+
+    acknowledgeClose() {
+        let deleteEvent = new CustomEvent(Configuration.windowCloseEventName);
+        this.dispatchEvent(deleteEvent);
+    }
+}
+
+function defineElements() {
+    customElements.define("ueb-color-handler", ColorHandlerElement);
+    ElementFactory.registerElement("ueb-color-handler", ColorHandlerElement);
+    customElements.define("ueb-input", InputElement);
+    ElementFactory.registerElement("ueb-input", InputElement);
+    customElements.define("ueb-link", LinkElement);
+    ElementFactory.registerElement("ueb-link", LinkElement);
+    customElements.define("ueb-node", NodeElement);
+    ElementFactory.registerElement("ueb-node", NodeElement);
+    customElements.define("ueb-pin", PinElement);
+    ElementFactory.registerElement("ueb-pin", PinElement);
+    customElements.define("ueb-selector", SelectorElement);
+    ElementFactory.registerElement("ueb-selector", SelectorElement);
+    customElements.define("ueb-ui-slider", ColorSliderElement);
+    ElementFactory.registerElement("ueb-ui-slider", ColorSliderElement);
+    customElements.define("ueb-window", WindowElement);
+    ElementFactory.registerElement("ueb-window", WindowElement);
+}
+
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
@@ -9768,8 +9790,8 @@ class GeneralSerializer extends ISerializer {
         let result = this.wrap(this.subWrite(entity, [], object, insideString), object);
         return result
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
@@ -9802,8 +9824,8 @@ class CustomSerializer extends GeneralSerializer {
         let result = this.#objectWriter(object, insideString);
         return result
     }
-}
-
+}
+
 /** 
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue 
  * @typedef {import("../entity/IEntity").AnyValueConstructor<*>} AnyValueConstructor
@@ -9829,8 +9851,8 @@ class ToStringSerializer extends GeneralSerializer {
             ? `"${Utility.escapeString(object.toString())}"` // String will have quotes if not inside a string already
             : Utility.escapeString(object.toString())
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").AnySimpleValue} AnySimpleValue
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
@@ -10056,9 +10078,9 @@ function initializeSerializerFactory() {
         VectorEntity,
         new GeneralSerializer(bracketsWrapped, VectorEntity)
     );
-}
-
+}
+
 initializeSerializerFactory();
-defineElements();
-
-export { Blueprint, Configuration, LinkElement, NodeElement, Utility };
+defineElements();
+
+export { Blueprint, Configuration, LinkElement, NodeElement, Utility };
diff --git a/dist/ueblueprint.min.js b/dist/ueblueprint.min.js
index da282ce..a5e8a49 100644
--- a/dist/ueblueprint.min.js
+++ b/dist/ueblueprint.min.js
@@ -14,13 +14,13 @@ const e=window,t=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var b;g.finalized=!0,g.elementProperties=new Map,g.elementStyles=[],g.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:g}),(null!==(o=l.reactiveElementVersions)&&void 0!==o?o:l.reactiveElementVersions=[]).push("1.4.2");const v=window,f=v.trustedTypes,y=f?f.createPolicy("lit-html",{createHTML:e=>e}):void 0,w=`lit$${(Math.random()+"").slice(9)}$`,E="?"+w,C=`<${E}>`,S=document,P=(e="")=>S.createComment(e),x=e=>null===e||"object"!=typeof e&&"function"!=typeof e,k=Array.isArray,L=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,T=/>/g,A=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),M=/'/g,D=/"/g,B=/^(?:script|style|textarea|title)$/i,H=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),$=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),V=new WeakMap,z=S.createTreeWalker(S,129,null,!1),I=(e,t)=>{const i=e.length-1,n=[];let s,r=2===t?"<svg>":"",a=L;for(let t=0;t<i;t++){const i=e[t];let o,l,u=-1,c=0;for(;c<i.length&&(a.lastIndex=c,l=a.exec(i),null!==l);)c=a.lastIndex,a===L?"!--"===l[1]?a=N:void 0!==l[1]?a=T:void 0!==l[2]?(B.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=A):void 0!==l[3]&&(a=A):a===A?">"===l[0]?(a=null!=s?s:L,u=-1):void 0===l[1]?u=-2:(u=a.lastIndex-l[2].length,o=l[1],a=void 0===l[3]?A:'"'===l[3]?D:M):a===D||a===M?a=A:a===N||a===T?a=L:(a=A,s=void 0);const h=a===A&&e[t+1].startsWith("/>")?" ":"";r+=a===L?i+C:u>=0?(n.push(o),i.slice(0,u)+"$lit$"+i.slice(u)+w+h):i+w+(-2===u?(n.push(void 0),t):h)}const o=r+(e[i]||"<?>")+(2===t?"</svg>":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==y?y.createHTML(o):o,n]};class R{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,r=0;const a=e.length-1,o=this.parts,[l,u]=I(e,t);if(this.el=R.createElement(l,i),z.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(n=z.nextNode())&&o.length<a;){if(1===n.nodeType){if(n.hasAttributes()){const e=[];for(const t of n.getAttributeNames())if(t.endsWith("$lit$")||t.startsWith(w)){const i=u[r++];if(e.push(t),void 0!==i){const e=n.getAttribute(i.toLowerCase()+"$lit$").split(w),t=/([.?@])?(.*)/.exec(i);o.push({type:1,index:s,name:t[2],strings:e,ctor:"."===t[1]?U:"?"===t[1]?K:"@"===t[1]?X:j})}else o.push({type:6,index:s})}for(const t of e)n.removeAttribute(t)}if(B.test(n.tagName)){const e=n.textContent.split(w),t=e.length-1;if(t>0){n.textContent=f?f.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],P()),z.nextNode(),o.push({type:2,index:++s});n.append(e[t],P())}}}else if(8===n.nodeType)if(n.data===E)o.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(w,e+1));)o.push({type:7,index:s}),e+=w.length-1}s++}}static createElement(e,t){const i=S.createElement("template");return i.innerHTML=e,i}}function _(e,t,i=e,n){var s,r,a,o;if(t===$)return t;let l=void 0!==n?null===(s=i._$Co)||void 0===s?void 0:s[n]:i._$Cl;const u=x(t)?void 0:t._$litDirective$;return(null==l?void 0:l.constructor)!==u&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===u?l=void 0:(l=new u(e),l._$AT(e,i,n)),void 0!==n?(null!==(a=(o=i)._$Co)&&void 0!==a?a:o._$Co=[])[n]=l:i._$Cl=l),void 0!==l&&(t=_(e,l._$AS(e,t.values),l,n)),t}class F{constructor(e,t){this.u=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(e){var t;const{el:{content:i},parts:n}=this._$AD,s=(null!==(t=null==e?void 0:e.creationScope)&&void 0!==t?t:S).importNode(i,!0);z.currentNode=s;let r=z.nextNode(),a=0,o=0,l=n[0];for(;void 0!==l;){if(a===l.index){let t;2===l.type?t=new G(r,r.nextSibling,this,e):1===l.type?t=new l.ctor(r,l.name,l.strings,this,e):6===l.type&&(t=new Z(r,this,e)),this.u.push(t),l=n[++o]}a!==(null==l?void 0:l.index)&&(r=z.nextNode(),a++)}return s}p(e){let t=0;for(const i of this.u)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class G{constructor(e,t,i,n){var s;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cm=null===(s=null==n?void 0:n.isConnected)||void 0===s||s}get _$AU(){var e,t;return null!==(t=null===(e=this._$AM)||void 0===e?void 0:e._$AU)&&void 0!==t?t:this._$Cm}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_(this,e,t),x(e)?e===O||null==e||""===e?(this._$AH!==O&&this._$AR(),this._$AH=O):e!==this._$AH&&e!==$&&this.g(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>k(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==O&&x(this._$AH)?this._$AA.nextSibling.data=e:this.T(S.createTextNode(e)),this._$AH=e}$(e){var t;const{values:i,_$litType$:n}=e,s="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=R.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.p(i);else{const e=new F(s,this),t=e.v(this.options);e.p(i),this.T(t),this._$AH=e}}_$AC(e){let t=V.get(e.strings);return void 0===t&&V.set(e.strings,t=new R(e)),t}k(e){k(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new G(this.O(P()),this.O(P()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;void 0===this._$AM&&(this._$Cm=e,null===(t=this._$AP)||void 0===t||t.call(this,e))}}class j{constructor(e,t,i,n,s){this.type=1,this._$AH=O,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,n){const s=this.strings;let r=!1;if(void 0===s)e=_(this,e,t,0),r=!x(e)||e!==this._$AH&&e!==$,r&&(this._$AH=e);else{const n=e;let a,o;for(e=s[0],a=0;a<s.length-1;a++)o=_(this,n[i+a],t,a),o===$&&(o=this._$AH[a]),r||(r=!x(o)||o!==this._$AH[a]),o===O?e=O:e!==O&&(e+=(null!=o?o:"")+s[a+1]),this._$AH[a]=o}r&&!n&&this.j(e)}j(e){e===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=e?e:"")}}class U extends j{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===O?void 0:e}}const W=f?f.emptyScript:"";class K extends j{constructor(){super(...arguments),this.type=4}j(e){e&&e!==O?this.element.setAttribute(this.name,W):this.element.removeAttribute(this.name)}}class X extends j{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){var i;if((e=null!==(i=_(this,e,t,0))&&void 0!==i?i:O)===$)return;const n=this._$AH,s=e===O&&n!==O||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,r=e!==O&&(n===O||s);s&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(t=this.options)||void 0===t?void 0:t.host)&&void 0!==i?i:this.element,e):this._$AH.handleEvent(e)}}class Z{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_(this,e)}}const Y=v.litHtmlPolyfillSupport;null==Y||Y(R,G),(null!==(b=v.litHtmlVersions)&&void 0!==b?b:v.litHtmlVersions=[]).push("2.4.0");
+var b;g.finalized=!0,g.elementProperties=new Map,g.elementStyles=[],g.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:g}),(null!==(o=l.reactiveElementVersions)&&void 0!==o?o:l.reactiveElementVersions=[]).push("1.4.2");const v=window,f=v.trustedTypes,y=f?f.createPolicy("lit-html",{createHTML:e=>e}):void 0,w=`lit$${(Math.random()+"").slice(9)}$`,E="?"+w,C=`<${E}>`,S=document,P=(e="")=>S.createComment(e),x=e=>null===e||"object"!=typeof e&&"function"!=typeof e,k=Array.isArray,L=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,T=/>/g,A=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),M=/'/g,B=/"/g,D=/^(?:script|style|textarea|title)$/i,$=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),H=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),V=new WeakMap,z=S.createTreeWalker(S,129,null,!1),I=(e,t)=>{const i=e.length-1,n=[];let s,r=2===t?"<svg>":"",a=L;for(let t=0;t<i;t++){const i=e[t];let o,l,u=-1,c=0;for(;c<i.length&&(a.lastIndex=c,l=a.exec(i),null!==l);)c=a.lastIndex,a===L?"!--"===l[1]?a=N:void 0!==l[1]?a=T:void 0!==l[2]?(D.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=A):void 0!==l[3]&&(a=A):a===A?">"===l[0]?(a=null!=s?s:L,u=-1):void 0===l[1]?u=-2:(u=a.lastIndex-l[2].length,o=l[1],a=void 0===l[3]?A:'"'===l[3]?B:M):a===B||a===M?a=A:a===N||a===T?a=L:(a=A,s=void 0);const h=a===A&&e[t+1].startsWith("/>")?" ":"";r+=a===L?i+C:u>=0?(n.push(o),i.slice(0,u)+"$lit$"+i.slice(u)+w+h):i+w+(-2===u?(n.push(void 0),t):h)}const o=r+(e[i]||"<?>")+(2===t?"</svg>":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==y?y.createHTML(o):o,n]};class R{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,r=0;const a=e.length-1,o=this.parts,[l,u]=I(e,t);if(this.el=R.createElement(l,i),z.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(n=z.nextNode())&&o.length<a;){if(1===n.nodeType){if(n.hasAttributes()){const e=[];for(const t of n.getAttributeNames())if(t.endsWith("$lit$")||t.startsWith(w)){const i=u[r++];if(e.push(t),void 0!==i){const e=n.getAttribute(i.toLowerCase()+"$lit$").split(w),t=/([.?@])?(.*)/.exec(i);o.push({type:1,index:s,name:t[2],strings:e,ctor:"."===t[1]?U:"?"===t[1]?W:"@"===t[1]?X:j})}else o.push({type:6,index:s})}for(const t of e)n.removeAttribute(t)}if(D.test(n.tagName)){const e=n.textContent.split(w),t=e.length-1;if(t>0){n.textContent=f?f.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],P()),z.nextNode(),o.push({type:2,index:++s});n.append(e[t],P())}}}else if(8===n.nodeType)if(n.data===E)o.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(w,e+1));)o.push({type:7,index:s}),e+=w.length-1}s++}}static createElement(e,t){const i=S.createElement("template");return i.innerHTML=e,i}}function _(e,t,i=e,n){var s,r,a,o;if(t===H)return t;let l=void 0!==n?null===(s=i._$Co)||void 0===s?void 0:s[n]:i._$Cl;const u=x(t)?void 0:t._$litDirective$;return(null==l?void 0:l.constructor)!==u&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===u?l=void 0:(l=new u(e),l._$AT(e,i,n)),void 0!==n?(null!==(a=(o=i)._$Co)&&void 0!==a?a:o._$Co=[])[n]=l:i._$Cl=l),void 0!==l&&(t=_(e,l._$AS(e,t.values),l,n)),t}class F{constructor(e,t){this.u=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(e){var t;const{el:{content:i},parts:n}=this._$AD,s=(null!==(t=null==e?void 0:e.creationScope)&&void 0!==t?t:S).importNode(i,!0);z.currentNode=s;let r=z.nextNode(),a=0,o=0,l=n[0];for(;void 0!==l;){if(a===l.index){let t;2===l.type?t=new G(r,r.nextSibling,this,e):1===l.type?t=new l.ctor(r,l.name,l.strings,this,e):6===l.type&&(t=new Z(r,this,e)),this.u.push(t),l=n[++o]}a!==(null==l?void 0:l.index)&&(r=z.nextNode(),a++)}return s}p(e){let t=0;for(const i of this.u)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class G{constructor(e,t,i,n){var s;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cm=null===(s=null==n?void 0:n.isConnected)||void 0===s||s}get _$AU(){var e,t;return null!==(t=null===(e=this._$AM)||void 0===e?void 0:e._$AU)&&void 0!==t?t:this._$Cm}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_(this,e,t),x(e)?e===O||null==e||""===e?(this._$AH!==O&&this._$AR(),this._$AH=O):e!==this._$AH&&e!==H&&this.g(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>k(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==O&&x(this._$AH)?this._$AA.nextSibling.data=e:this.T(S.createTextNode(e)),this._$AH=e}$(e){var t;const{values:i,_$litType$:n}=e,s="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=R.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.p(i);else{const e=new F(s,this),t=e.v(this.options);e.p(i),this.T(t),this._$AH=e}}_$AC(e){let t=V.get(e.strings);return void 0===t&&V.set(e.strings,t=new R(e)),t}k(e){k(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new G(this.O(P()),this.O(P()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;void 0===this._$AM&&(this._$Cm=e,null===(t=this._$AP)||void 0===t||t.call(this,e))}}class j{constructor(e,t,i,n,s){this.type=1,this._$AH=O,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,n){const s=this.strings;let r=!1;if(void 0===s)e=_(this,e,t,0),r=!x(e)||e!==this._$AH&&e!==H,r&&(this._$AH=e);else{const n=e;let a,o;for(e=s[0],a=0;a<s.length-1;a++)o=_(this,n[i+a],t,a),o===H&&(o=this._$AH[a]),r||(r=!x(o)||o!==this._$AH[a]),o===O?e=O:e!==O&&(e+=(null!=o?o:"")+s[a+1]),this._$AH[a]=o}r&&!n&&this.j(e)}j(e){e===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=e?e:"")}}class U extends j{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===O?void 0:e}}const K=f?f.emptyScript:"";class W extends j{constructor(){super(...arguments),this.type=4}j(e){e&&e!==O?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class X extends j{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){var i;if((e=null!==(i=_(this,e,t,0))&&void 0!==i?i:O)===H)return;const n=this._$AH,s=e===O&&n!==O||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,r=e!==O&&(n===O||s);s&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(t=this.options)||void 0===t?void 0:t.host)&&void 0!==i?i:this.element,e):this._$AH.handleEvent(e)}}class Z{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_(this,e)}}const Y=v.litHtmlPolyfillSupport;null==Y||Y(R,G),(null!==(b=v.litHtmlVersions)&&void 0!==b?b:v.litHtmlVersions=[]).push("2.4.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var q,J;class Q extends g{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{var n,s;const r=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:t;let a=r._$litPart$;if(void 0===a){const e=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:null;r._$litPart$=a=new G(t.insertBefore(P(),e),e,void 0,null!=i?i:{})}return a._$AI(e),a})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!1)}render(){return $}}Q.finalized=!0,Q._$litElement$=!0,null===(q=globalThis.litElementHydrateSupport)||void 0===q||q.call(globalThis,{LitElement:Q});const ee=globalThis.litElementPolyfillSupport;null==ee||ee({LitElement:Q}),(null!==(J=globalThis.litElementVersions)&&void 0!==J?J:globalThis.litElementVersions=[]).push("3.2.2");class te{static nodeColors={blue:r``,gray:r``,green:r``,red:r``,turquoise:r``};static alphaPattern="repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px";static colorDragEventName="ueb-color-drag";static colorPickEventName="ueb-color-pick";static colorWindowEventName="ueb-color-window";static defaultCommentHeight=96;static defaultCommentWidth=400;static deleteNodesKeyboardKey="Delete";static distanceThreshold=5;static dragEventName="ueb-drag";static dragGeneralEventName="ueb-drag-general";static edgeScrollThreshold=50;static editTextEventName={begin:"ueb-edit-text-begin",end:"ueb-edit-text-end"};static enableZoomIn=["LeftControl","RightControl"];static expandGridSize=400;static focusEventName={begin:"blueprint-focus",end:"blueprint-unfocus"};static fontSize=r``;static gridAxisLineColor=r``;static gridExpandThreshold=.25;static gridLineColor=r``;static gridLineWidth=1;static gridSet=8;static gridSetLineColor=r``;static gridShrinkThreshold=4;static gridSize=16;static hexColorRegex=/^\s*#(?<r>[0-9a-fA-F]{2})(?<g>[0-9a-fA-F]{2})(?<b>[0-9a-fA-F]{2})([0-9a-fA-F]{2})?|#(?<rs>[0-9a-fA-F])(?<gs>[0-9a-fA-F])(?<bs>[0-9a-fA-F])\s*$/;static keysSeparator="+";static knotOffset=[-26,-16];static linkCurveHeight=15;static linkCurveWidth=80;static linkMinWidth=100;static linkRightSVGPath=(e,t,i)=>{let n=100-e;return`M ${e} 0 C ${t.toFixed(3)} 0, ${i.toFixed(3)} 0, 50 50 S ${(n-t+e).toFixed(3)} 100, ${n.toFixed(3)} 100`};static maxZoom=7;static minZoom=-12;static mouseWheelFactor=.2;static nodeDragGeneralEventName="ueb-node-drag-general";static nodeDragEventName="ueb-node-drag";static nodeName=(e,t)=>`${e}_${t}`;static nodeRadius=8;static nodeReflowEventName="ueb-node-reflow";static nodeType={callArrayFunction:"/Script/BlueprintGraph.K2Node_CallArrayFunction",callFunction:"/Script/BlueprintGraph.K2Node_CallFunction",comment:"/Script/UnrealEd.EdGraphNode_Comment",commutativeAssociativeBinaryOperator:"/Script/BlueprintGraph.K2Node_CommutativeAssociativeBinaryOperator",componentBoundEvent:"/Script/BlueprintGraph.K2Node_ComponentBoundEvent",customEvent:"/Script/BlueprintGraph.K2Node_CustomEvent",doN:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:Do N",dynamicCast:"/Script/BlueprintGraph.K2Node_DynamicCast",enum:"/Script/CoreUObject.Enum",enumLiteral:"/Script/BlueprintGraph.K2Node_EnumLiteral",event:"/Script/BlueprintGraph.K2Node_Event",executionSequence:"/Script/BlueprintGraph.K2Node_ExecutionSequence",forEachElementInEnum:"/Script/BlueprintGraph.K2Node_ForEachElementInEnum",forEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoop",forEachLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoopWithBreak",forLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoop",forLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoopWithBreak",functionEntry:"/Script/BlueprintGraph.K2Node_FunctionEntry",getInputAxisKeyValue:"/Script/BlueprintGraph.K2Node_GetInputAxisKeyValue",ifThenElse:"/Script/BlueprintGraph.K2Node_IfThenElse",inputAxisKeyEvent:"/Script/BlueprintGraph.K2Node_InputAxisKeyEvent",inputDebugKey:"/Script/InputBlueprintNodes.K2Node_InputDebugKey",inputKey:"/Script/BlueprintGraph.K2Node_InputKey",isValid:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:IsValid",knot:"/Script/BlueprintGraph.K2Node_Knot",macro:"/Script/BlueprintGraph.K2Node_MacroInstance",makeArray:"/Script/BlueprintGraph.K2Node_MakeArray",makeMap:"/Script/BlueprintGraph.K2Node_MakeMap",makeSet:"/Script/BlueprintGraph.K2Node_MakeSet",pawn:"/Script/Engine.Pawn",promotableOperator:"/Script/BlueprintGraph.K2Node_PromotableOperator",reverseForEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ReverseForEachLoop",select:"/Script/BlueprintGraph.K2Node_Select",userDefinedEnum:"/Script/Engine.UserDefinedEnum",variableGet:"/Script/BlueprintGraph.K2Node_VariableGet",variableSet:"/Script/BlueprintGraph.K2Node_VariableSet",whileLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:WhileLoop"};static pinColor={"/Script/CoreUObject.Rotator":r``,"/Script/CoreUObject.Transform":r``,"/Script/CoreUObject.Vector":r``,bool:r``,byte:r``,class:r``,default:r``,delegate:r``,enum:r``,exec:r``,int:r``,int64:r``,interface:r``,name:r``,object:r``,real:r``,string:r``,struct:r``,text:r``,wildcard:r``};static pinInputWrapWidth=134;static removeEventName="ueb-element-delete";static scale={[-12]:.133333,[-11]:.166666,[-10]:.2,[-9]:.233333,[-8]:.266666,[-7]:.3,[-6]:.333333,[-5]:.375,[-4]:.5,[-3]:.675,[-2]:.75,[-1]:.875,0:1,1:1.25,2:1.375,3:1.5,4:1.675,5:1.75,6:1.875,7:2};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static smoothScrollTime=1e3;static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static windowApplyEventName="ueb-window-apply";static windowCancelEventName="ueb-window-cancel";static windowCloseEventName="ueb-window-close";static ModifierKeys=["Ctrl","Shift","Alt","Meta"];static Keys={Backspace:"Backspace",Tab:"Tab",LeftControl:"ControlLeft",RightControl:"ControlRight",LeftShift:"ShiftLeft",RightShift:"ShiftRight",LeftAlt:"AltLeft",RightAlt:"AltRight",Enter:"Enter",Pause:"Pause",CapsLock:"CapsLock",Escape:"Escape",Space:"Space",PageUp:"PageUp",PageDown:"PageDown",End:"End",Home:"Home",ArrowLeft:"Left",ArrowUp:"Up",ArrowRight:"Right",ArrowDown:"Down",PrintScreen:"PrintScreen",Insert:"Insert",Delete:"Delete",Zero:"Digit0",One:"Digit1",Two:"Digit2",Three:"Digit3",Four:"Digit4",Five:"Digit5",Six:"Digit6",Seven:"Digit7",Eight:"Digit8",Nine:"Digit9",A:"KeyA",B:"KeyB",C:"KeyC",D:"KeyD",E:"KeyE",F:"KeyF",G:"KeyG",H:"KeyH",I:"KeyI",K:"KeyK",L:"KeyL",M:"KeyM",N:"KeyN",O:"KeyO",P:"KeyP",Q:"KeyQ",R:"KeyR",S:"KeyS",T:"KeyT",U:"KeyU",V:"KeyV",W:"KeyW",X:"KeyX",Y:"KeyY",Z:"KeyZ",NumPadZero:"Numpad0",NumPadOne:"Numpad1",NumPadTwo:"Numpad2",NumPadThree:"Numpad3",NumPadFour:"Numpad4",NumPadFive:"Numpad5",NumPadSix:"Numpad6",NumPadSeven:"Numpad7",NumPadEight:"Numpad8",NumPadNine:"Numpad9",Multiply:"NumpadMultiply",Add:"NumpadAdd",Subtract:"NumpadSubtract",Decimal:"NumpadDecimal",Divide:"NumpadDivide",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",NumLock:"NumLock",ScrollLock:"ScrollLock"}}class ie{#e;get target(){return this.#e}#t;get blueprint(){return this.#t}options;listenHandler=()=>this.listenEvents();unlistenHandler=()=>this.unlistenEvents();constructor(e,t,i={}){i.consumeEvent??=!1,i.listenOnFocus??=!1,i.unlistenOnTextEdit??=!1,this.#e=e,this.#t=t,this.options=i}setup(){this.options.listenOnFocus&&(this.blueprint.addEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.addEventListener(te.focusEventName.end,this.unlistenHandler)),this.options.unlistenOnTextEdit&&(this.blueprint.addEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.addEventListener(te.editTextEventName.end,this.listenHandler)),this.blueprint.focused&&this.listenEvents()}cleanup(){this.unlistenEvents(),this.blueprint.removeEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.removeEventListener(te.focusEventName.end,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.end,this.listenHandler)}listenEvents(){}unlistenEvents(){}}class ne{static#i=new Map;static registerSerializer(e,t){ne.#i.set(e,t)}static getSerializer(e){return ne.#i.get(e)}}class se{constructor(e){this.attributes=e}}class re{#n;get types(){return this.#n}constructor(...e){this.#n=e}getFirstType(){return this.#n[0]}}class ae{static emptyObj={};static booleanConverter={fromAttribute:(e,t)=>{},toAttribute:(e,t)=>!0===e?"true":!1===e?"false":""};static sigmoid(e,t=1.7){return 1/(1+e/(1-e)**-t)}static sigmoidPositive(e,t=3.7,i=1.1){return 1-Math.exp(-((e/i)**t))}static clamp(e,t=-1/0,i=1/0){return Math.min(Math.max(e,t),i)}static getScale(e){const t=e.blueprint?e.blueprint.getScale():getComputedStyle(e).getPropertyValue("--ueb-scale");return""!=t?parseFloat(t):1}static minDecimals(e,t=1,i=1e-8){const n=e*10**t;return Math.abs(n%1)>i?e.toString():e.toFixed(t)}static numberFromText(e=""){switch(e=e.toLowerCase()){case"zero":return 0;case"one":return 1;case"two":return 2;case"three":return 3;case"four":return 4;case"five":return 5;case"six":return 6;case"seven":return 7;case"eight":return 8;case"nine":return 9}}static roundDecimals(e,t=1){const i=10**t;return Math.round(e*i)/i}static approximatelyEqual(e,t,i=1e-8){return!(Math.abs(e-t)>i)}static convertLocation(e,t,i=!1){const n=i?1:1/ae.getScale(t),s=t.getBoundingClientRect();return[Math.round((e[0]-s.x)*n),Math.round((e[1]-s.y)*n)]}static isSerialized(e,t,i=ae.objectGet(e.constructor.attributes,t)){return i?.constructor===Object&&i.serialized}static objectGet(e,t,i){if(void 0!==e){if(!(t instanceof Array))throw new TypeError("UEBlueprint: Expected keys to be an array");return e instanceof se&&(e=e.attributes),0!=t.length&&t[0]in e&&void 0!==e[t[0]]?1==t.length?e[t[0]]:ae.objectGet(e[t[0]],t.slice(1),i):i}}static objectSet(e,t,i,n=!1,s=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(n||t[0]in e||void 0===e[t[0]])return e[t[0]]=i,!0}else if(t.length>0)return!n||e[t[0]]instanceof Object||(e[t[0]]=new s),ae.objectSet(e[t[0]],t.slice(1),i,n,s);return!1}static equals(e,t){return e?.equals&&t?.equals?e.equals(t):(e=ae.sanitize(e),t=ae.sanitize(t),e?.constructor===BigInt&&t?.constructor===Number?t=BigInt(t):e?.constructor===Number&&t?.constructor===BigInt&&(e=BigInt(e)),e===t||e instanceof Array&&t instanceof Array&&(e.length===t.length&&e.every(((e,i)=>ae.equals(e,t[i])))))}static getType(e){return null===e?null:e?.constructor===Object&&e?.type instanceof Function?e.type:e?.constructor}static isValueOfType(e,t,i=!1){return i&&null===e||e instanceof t||e?.constructor===t}static sanitize(e,t=e?.constructor){if(t instanceof re){let i=t.types.find((t=>ae.isValueOfType(e,t,!1)));i||(i=t.getFirstType()),t=i}return t&&!ae.isValueOfType(e,t,!0)&&(e=t===BigInt?BigInt(e):new t(e)),(e instanceof Boolean||e instanceof Number||e instanceof String||e instanceof BigInt)&&(e=e.valueOf()),e}static snapToGrid(e,t,i){return 1===i?[e,t]:[i*Math.round(e/i),i*Math.round(t/i)]}static mergeArrays(e=[],t=[]){let i=[];e=[...e],t=[...t];e:for(;;){for(let n=0;n<t.length;++n)for(let s=0;s<e.length;++s)if(e[s]==t[n]){i.push(...e.splice(0,s),...t.splice(0,n),...e.splice(0,1)),t.shift();continue e}break e}return[...new Set(i.concat(...e,...t))]}static escapeString(e,t=!1){return e.replaceAll('"','\\"').replaceAll("\n","\\n")}static unescapeString(e,t=!1){return e.replaceAll('\\"','"').replaceAll("\\n","\n")}static clearHTMLWhitespace(e){return e.replaceAll("&nbsp;"," ").replaceAll("<br>","\n").replaceAll(/(\<!--.*?\-->)/g,"")}static capitalFirstLetter(e){return 0===e.length?e:e.charAt(0).toUpperCase()+e.slice(1)}static formatStringName(e){return e.replace(/^\s*b/,"").replaceAll(/^K2(?:Node|node)?_|(?<=[a-z])(?=[A-Z0-9])|(?<=[A-Z])(?=[A-Z][a-z]|[0-9])|(?<=[014-9]|(?:2|3)(?!D(?:[^a-z]|$)))(?=[a-zA-Z])|\s*_+\s*|\s{2,}/g," ").split(" ").map((e=>ae.capitalFirstLetter(e))).join(" ").trim()}static getIdFromReference(e){return e.replace(/(?:.+\.)?([^\.]+)$/,"$1").replaceAll(/(?<=[a-z\d])(?=[A-Z])|(?<=[a-zA-Z])(?=\d)|(?<=[A-Z]{2})(?=[A-Z][a-z])/g,"-").toLowerCase()}static printLinearColor(e){return`${Math.round(255*e.R.valueOf())}, ${Math.round(255*e.G.valueOf())}, ${Math.round(255*e.B.valueOf())}`}static getPolarCoordinates(e,t,i=!1){let n=Math.atan2(t,e);return i&&n<0&&(n=2*Math.PI+n),[Math.sqrt(e*e+t*t),n]}static getCartesianCoordinates(e,t){return[e*Math.cos(t),e*Math.sin(t)]}static range(e=0,t=0,i=(t>=e?1:-1)){return Array.from({length:Math.ceil((t-e)/i)},((t,n)=>e+n*i))}static paste(e,t){const i=new ClipboardEvent("paste",{bubbles:!0,cancelable:!0,clipboardData:new DataTransfer});i.clipboardData.setData("text",t),e.dispatchEvent(i)}static animate(e,t,i,n,s=(e=>{const t=e**3.5;return t/(t+(1-e)**3.5)})){let r;const a=o=>{void 0===r&&(r=o);let l=(o-r)/i;ae.approximatelyEqual(l,1)||l>1?l=1:requestAnimationFrame(a);const u=e+(t-e)*s(l);n(u)};requestAnimationFrame(a)}}class oe{static attributes={};static defaultAttribute={showDefault:!0,nullable:!1,ignored:!1,serialized:!1,expected:!1};constructor(e={},t=!1){const i=(e,n,s={},r="")=>{const a=Object.keys(s),o=Object.keys(n),l=ae.mergeArrays(o,a);for(let o of l){let l=ae.objectGet(s,[o]),u=n[o];if(u instanceof se){e[o]={},i(e[o],u.attributes,s[o],o+".");continue}if(t||(o in n?a.length>0&&!(o in s)&&u.showDefault&&!u.ignored&&console.warn(`UEBlueprint: ${this.constructor.name} will add attribute ${r}${o} not defined in the serialized data`):console.warn(`UEBlueprint: Attribute ${r}${o} in the serialized data is not defined in ${this.constructor.name}.attributes`)),!u){e[o]=l;continue}let c=u.value,h=u.type;u.serialized&&h instanceof Function&&(h=h(this)),h instanceof Array&&(h=Array),c instanceof Function&&(c=c(this)),void 0===h&&(h=ae.getType(c));const d=u.predicate?t=>{Object.defineProperties(e,{["#"+o]:{writable:!0,enumerable:!1},[o]:{enumerable:!0,get(){return this["#"+o]},set(e){u.predicate?.(e)?this["#"+o]=e:console.warn(`UEBlueprint: Tried to assign attribute ${r}${o} to ${this.constructor.name} not satisfying the predicate`)}}}),this[o]=t}:t=>e[o]=t;void 0===l?(h instanceof re&&(h=null!=c?h.types.find((e=>c instanceof e||c.constructor==e))??h.getFirstType():h.getFirstType()),void 0===c&&(c=ae.sanitize(new h)),u.showDefault?(u.serialized&&h!==String&&c.constructor===String&&(c=ne.getSerializer(h).deserialize(c)),d(ae.sanitize(c,h))):d(void 0)):(l?.constructor===String&&u.serialized&&h!==String&&(l=ne.getSerializer(h).deserialize(l)),d(ae.sanitize(l,h)))}},n=this.constructor.attributes;e.constructor!==Object&&1===Object.keys(n).length&&(e={[Object.keys(n)[0]]:e}),i(this,n,e)}static cleanupAttributes(e,t=""){for(const i in e){if(e[i]instanceof se){this.cleanupAttributes(e[i].attributes,t+"."+i);continue}e[i].constructor!==Object&&(e[i]={value:e[i]});const n=e[i];if(void 0!==n.type||n.value instanceof Function||(n.type=ae.getType(n.value)),e[i]={...oe.defaultAttribute,...n},void 0===n.value&&void 0===n.type)throw new Error(`UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${t}`+i);null===n.value&&(e[i].nullable=!0)}}static isValueOfType(e,t){return null!=e&&(e instanceof t||e.constructor===t)}static expectsAllKeys(){return!Object.values(this.attributes).filter((e=>!e.ignored)).some((e=>!e.expected))}unexpectedKeys(){return Object.keys(this).length-Object.keys(this.constructor.attributes).length}equals(e){const t=Object.keys(this),i=Object.keys(this);if(t.length!=i.length)return!1;for(const i of t){if(this[i]instanceof oe&&!this[i].equals(e[i]))return!1;if(!ae.equals(this[i],e[i]))return!1}return!0}}class le extends oe{static attributes={...super.attributes,value:{value:0,predicate:e=>e%1==0&&e>1<<31&&e<-(1<<31)}};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e),this.value}valueOf(){return this.value}toString(){return this.value.toString()}}class ue extends le{static attributes={...super.attributes,value:{...super.attributes.value,predicate:e=>e%1==0&&e>=0&&e<256}};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e)}}class ce extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class he extends ce{}class de extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let i="";return t.forEach((e=>{i+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new de({value:i})}constructor(e){e||(e=de.generateGuid().value),super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class pe extends oe{static attributes={type:"",path:""};static{this.cleanupAttributes(this.attributes)}constructor(e={}){e.constructor===String&&(e={path:e}),super(e),this.type,this.path}getName(){return this.path.match(/[^\.\/]+$/)?.[0]??""}}class me extends oe{static attributes={MemberParent:{type:pe,showDefault:!1},MemberName:{type:String,showDefault:!1},MemberGuid:{type:de,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberParent,this.MemberName}}class ge extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}static attributeConverter={fromAttribute:(e,t)=>new ge(e),toAttribute:(e,t)=>e.toString()};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class be extends oe{static attributes={...super.attributes,value:{value:0n,predicate:e=>e>=-(1n<<63n)&&e<1n<<63n}};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e),this.value}valueOf(){return this.value}toString(){return this.value.toString()}}class ve extends oe{static lookbehind="INVTEXT";static attributes={value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}}class fe extends oe{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:{type:ge}};static{this.cleanupAttributes(this.attributes)}constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class ye extends oe{static attributes={value:0};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e),this.value=ae.clamp(this.value,0,1)}valueOf(){return this.value}toString(){return this.value.toFixed(6)}}class we extends oe{static attributes={R:{type:ye,expected:!0},G:{type:ye,expected:!0},B:{type:ye,expected:!0},A:{type:ye,value:()=>new ye(1)},H:{type:ye,showDefault:!0,ignored:!0},S:{type:ye,showDefault:!0,ignored:!0},V:{type:ye,showDefault:!0,ignored:!0}};static{this.cleanupAttributes(this.attributes)}static linearToSRGB(e){return e<=0?0:e>=1?1:e<.0031308?12.92*e:1.055*Math.pow(e,1/2.4)-.055}static sRGBtoLinear(e){return e<=0?0:e>=1?1:e<.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)}static getWhite(){return new we({R:1,G:1,B:1})}constructor(e){e instanceof Array&&(e={R:e[0]??0,G:e[1]??0,B:e[2]??0,A:e[3]??1}),super(e),this.R,this.G,this.B,this.A,this.H,this.S,this.V,this.#s()}#s(){const e=this.R.value,t=this.G.value,i=this.B.value;if(ae.approximatelyEqual(e,t)&&ae.approximatelyEqual(e,i)&&ae.approximatelyEqual(t,i))return this.S.value=0,void(this.V.value=e);const n=Math.max(e,t,i),s=Math.min(e,t,i),r=n-s;let a;switch(n){case s:a=0;break;case e:a=(t-i)/r+(t<i?6:0);break;case t:a=(i-e)/r+2;break;case i:a=(e-t)/r+4}a/=6,this.H.value=a,this.S.value=0==n?0:r/n,this.V.value=n}setFromRGBA(e,t,i,n=1){this.R.value=e,this.G.value=t,this.B.value=i,this.A.value=n,this.#s()}setFromHSVA(e,t,i,n=1){const s=Math.floor(6*e),r=6*e-s,a=i*(1-t),o=[i,i*(1-r*t),a,a,i*(1-(1-r)*t),i],[l,u,c]=[o[s%6],o[(s+4)%6],o[(s+2)%6]];this.R.value=l,this.G.value=u,this.B.value=c,this.A.value=n,this.H.value=e,this.S.value=t,this.V.value=i}setFromWheelLocation(e,t,i,n){const[s,r]=ae.getPolarCoordinates(e,t,!0);this.setFromHSVA(1-r/(2*Math.PI),s,i,n)}toRGBA(){return[Math.round(255*this.R.value),Math.round(255*this.G.value),Math.round(255*this.B.value),Math.round(255*this.A.value)]}toSRGBA(){return[Math.round(255*we.linearToSRGB(this.R.value)),Math.round(255*we.linearToSRGB(this.G.value)),Math.round(255*we.linearToSRGB(this.B.value)),Math.round(255*this.A.value)]}toRGBAString(){return this.toRGBA().map((e=>e.toString(16).toUpperCase().padStart(2,"0"))).join("")}toSRGBAString(){return this.toSRGBA().map((e=>e.toString(16).toUpperCase().padStart(2,"0"))).join("")}toHSVA(){return[this.H.value,this.S.value,this.V.value,this.A.value]}toNumber(){return(Math.round(255*this.R.value)<<24)+(Math.round(255*this.G.value)<<16)+(Math.round(255*this.B.value)<<8)+Math.round(255*this.A.value)}setFromRGBANumber(e){this.A.value=(255&e)/255,this.B.value=(e>>8&255)/255,this.G.value=(e>>16&255)/255,this.R.value=(e>>24&255)/255,this.#s()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=we.sRGBtoLinear((e>>8&255)/255),this.G.value=we.sRGBtoLinear((e>>16&255)/255),this.R.value=we.sRGBtoLinear((e>>24&255)/255),this.#s()}toString(){return ae.printLinearColor(this)}}class Ee extends oe{static lookbehind="NSLOCTEXT";static attributes={namespace:"",key:"",value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.namespace,this.key,this.value}toString(){return ae.capitalFirstLetter(this.value)}}class Ce extends oe{static attributes={MacroGraph:{type:pe},GraphBlueprint:{type:pe},GraphGuid:{type:de}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MacroGraph,this.GraphBlueprint,this.GuidEntity}getMacroName(){const e=this.MacroGraph.path.search(":");return this.MacroGraph.path.substring(e+1)}}class Se extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class Pe extends oe{static attributes={objectName:{type:Se},pinGuid:{type:de}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.objectName,this.pinGuid}}class xe extends oe{static attributes={TerminalCategory:{value:"",showDefault:!1},TerminalSubCategory:{value:"",showDefault:!1},bTerminalIsConst:{value:!1,showDefault:!1},bTerminalIsWeakPointer:{value:!1,showDefault:!1},bTerminalIsUObjectWrapper:{value:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.TerminalCategory,this.TerminalSubCategory,this.bTerminalIsConst,this.bTerminalIsWeakPointer,this.bTerminalIsUObjectWrapper}}class ke extends oe{static attributes={R:{value:0},P:{value:0},Y:{value:0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.R,this.P,this.Y}getRoll(){return this.R}getPitch(){return this.P}getYaw(){return this.Y}}class Le extends ke{}class Ne extends oe{static attributes={X:{value:0,expected:!0},Y:{value:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y}}class Te extends Ne{}class Ae extends oe{static attributes={X:{value:0,expected:!0},Y:{value:0,expected:!0},Z:{value:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y,this.Z}}class Me extends Ae{}class De extends oe{static#r={"/Script/CoreUObject.LinearColor":we,"/Script/CoreUObject.Rotator":ke,"/Script/CoreUObject.Vector":Ae,"/Script/CoreUObject.Vector2D":Ne,bool:Boolean,byte:ue,enum:he,exec:String,int:le,int64:be,name:String,real:Number,string:String};static#a={"/Script/CoreUObject.Vector2D":Te,"/Script/CoreUObject.Vector":Me,"/Script/CoreUObject.Rotator":Le};static lookbehind="Pin";static attributes={PinId:{type:de},PinName:"",PinFriendlyName:{type:new re(Ee,String),showDefault:!1},PinToolTip:{type:String,showDefault:!1},Direction:{type:String,showDefault:!1},PinType:new se({PinCategory:"",PinSubCategory:"",PinSubCategoryObject:{type:pe},PinSubCategoryMemberReference:{type:me,value:null},PinValueType:{type:xe,value:null},ContainerType:{type:Se},bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1}),LinkedTo:{type:[Pe],showDefault:!1},DefaultValue:{type:e=>e.getEntityType(!0)??String,serialized:!0,showDefault:!1},AutogeneratedDefaultValue:{type:String,showDefault:!1},DefaultObject:{type:pe,showDefault:!1,value:null},PersistentGuid:{type:de},bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};static{this.cleanupAttributes(this.attributes)}constructor(e={},t=!1){super(e,t),this.PinId,this.PinName,this.PinFriendlyName,this.PinToolTip,this.Direction,this.PinType,this.LinkedTo,this.DefaultValue,this.AutogeneratedDefaultValue,this.DefaultObject,this.PersistentGuid,this.bHidden,this.bNotConnectable,this.bDefaultValueIsReadOnly,this.bDefaultValueIsIgnored,this.bAdvancedView,this.bOrphanedPin}getType(){const e=this.PinType.PinSubCategoryObject;return"struct"===this.PinType.PinCategory||"object"===this.PinType.PinCategory?e.path:"byte"!==this.PinType.PinCategory||e.type!==te.nodeType.enum&&e.type!==te.nodeType.userDefinedEnum?this.PinType.PinCategory:"enum"}getEntityType(e=!1){const t=this.getType(),i=De.#r[t],n=De.#a[t];return e&&void 0!==n?n:i}getDisplayName(){let e=null;return this.PinToolTip&&(e=this.PinToolTip.match(/\s*(.+?(?=\n)|.+\S)\s*/))?ae.formatStringName(e[1]):ae.formatStringName(this.PinName)}copyTypeFrom(e){this.PinType.PinCategory=e.PinType.PinCategory,this.PinType.PinSubCategory=e.PinType.PinSubCategory,this.PinType.PinSubCategoryObject=e.PinType.PinSubCategoryObject,this.PinType.PinSubCategoryMemberReference=e.PinType.PinSubCategoryMemberReference,this.PinType.PinValueType=e.PinType.PinValueType,this.PinType.ContainerType=e.PinType.ContainerType,this.PinType.bIsReference=e.PinType.bIsReference,this.PinType.bIsConst=e.PinType.bIsConst,this.PinType.bIsWeakPointer=e.PinType.bIsWeakPointer,this.PinType.bIsUObjectWrapper=e.PinType.bIsUObjectWrapper,this.PinType.bSerializeAsSinglePrecisionFloat=e.PinType.bSerializeAsSinglePrecisionFloat}getDefaultValue(e=!1){return void 0===this.DefaultValue&&e&&(this.DefaultValue=new(this.getEntityType(!0))),this.DefaultValue}isExecution(){return"exec"===this.PinType.PinCategory}isHidden(){return this.bHidden}isInput(){return!this.bHidden&&"EGPD_Output"!=this.Direction}isOutput(){return!this.bHidden&&"EGPD_Output"==this.Direction}isLinked(){return this.LinkedTo?.length>0??!1}linkTo(e,t){const i=this.LinkedTo?.some((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return!i&&((this.LinkedTo??=[]).push(new Pe({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const i=this.LinkedTo?.findIndex((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return i>=0&&(this.LinkedTo.splice(i,1),0!==this.LinkedTo.length||De.attributes.LinkedTo.showDefault||(this.LinkedTo=void 0),!0)}getSubCategory(){return this.PinType.PinSubCategoryObject.path}pinColor(){return te.pinColor[this.getType()]??te.pinColor[this.PinType.PinCategory]??te.pinColor.default}}class Be{static array=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0H0V4H4V0Z" fill="currentColor"/><path d="M10 0H6V4H10V0Z" fill="currentColor"/><path d="M16 0H12V4H16V0Z" fill="currentColor"/><path d="M4 6H0V10H4V6Z" fill="currentColor"/><path class="ueb-pin-tofill" d="M10 6H6V10H10V6Z" fill="black"/><path d="M16 6H12V10H16V6Z" fill="currentColor"/><path d="M4 12H0V16H4V12Z" fill="currentColor"/><path d="M10 12H6V16H10V12Z" fill="currentColor"/><path d="M16 12H12V16H16V12Z" fill="currentColor"/></svg>`;static branchNode=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 2H6C5.44772 2 5 2.44772 5 3V13C5 13.5523 5.44772 14 6 14H11V12H7V4H11V2Z" fill="white"/><rect x="1" y="7" width="4" height="2" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 6L15 3L11 0V6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16L15 13L11 10V16Z" fill="white"/></svg>`;static breakStruct=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 14L10 12L11 11L13 13L14 12L14 15L11 15L12 14Z" fill="white"/><path d="M13 3L11 5L10 4L12 2L11 1L14 1L14 4L13 3Z" fill="white"/><path d="M7.975 6H3.025C1.90662 6 1 6.90662 1 8.025V8.475C1 9.59338 1.90662 10.5 3.025 10.5H7.975C9.09338 10.5 10 9.59338 10 8.475V8.025C10 6.90662 9.09338 6 7.975 6Z" fill="white"/></svg>`;static cast=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 12L16 7.5L12 3V12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 11L4 7.5L0 4V11Z" fill="white"/><rect opacity="0.5" x="5" y="6" width="1" height="3" fill="white"/><rect opacity="0.5" x="7" y="6" width="1" height="3" fill="white"/><rect opacity="0.5" x="9" y="6" width="1" height="3" fill="white"/><rect x="9" y="6" width="3" height="3" fill="white"/></svg>`;static close=H`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="2" x2="30" y2="30" stroke="currentColor" stroke-width="4"/><line x1="30" y1="2" x2="2" y2="30" stroke="currentColor" stroke-width="4"/></svg>`;static correct=H`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="#2da800" d="M 2 16 L 14 30 L 30 2 L 13 22 Z"/></svg>`;static delegate=H`<svg viewBox="-2 -2 32 32" xmlns="http://www.w3.org/2000/svg"><rect class="ueb-pin-tofill" fill="black" width="28" height="28" rx="4" stroke="currentColor" stroke-width="5"/></svg>`;static doN=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M1 12V8H9V4L16 10L9 16V12H1Z"/><path fill="white" d="M7 6L6 6L4 2.66667V6H3V1H4L6 4.33333V1H7V6Z"/></svg>`;static enum=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M9 5V0H2V16H14V5H9ZM3.2 4.4L4.5 4H4.6V7H4V4.7L3.2 4.9V4.4ZM4.7 14.8C4.6 14.9 4.3 15 4 15C3.7 15 3.5 14.9 3.3 14.8C3.1 14.6 3 14.4 3 14.2H3.6C3.6 14.3 3.6 14.4 3.7 14.5C3.8 14.6 3.9 14.6 4 14.6C4.1 14.6 4.2 14.6 4.3 14.5C4.4 14.4 4.4 14.3 4.4 14.2C4.4 13.9 4.2 13.8 3.9 13.8H3.7V13.3H4C4.1 13.3 4.3 13.3 4.3 13.2C4.4 13.1 4.4 13 4.4 12.9C4.4 12.8 4.4 12.7 4.3 12.6C4.2 12.5 4.1 12.5 4 12.5C3.9 12.5 3.8 12.5 3.7 12.6C3.6 12.7 3.6 12.7 3.6 12.8H3C3 12.6 3 12.5 3.1 12.4C3.2 12.3 3.3 12.2 3.4 12.1C3.7 12 3.8 12 4 12C4.3 12 4.6 12.1 4.7 12.2C4.9 12.4 5 12.6 5 12.8C5 12.9 5 13.1 4.9 13.2C4.8 13.3 4.7 13.4 4.6 13.5C4.8 13.6 4.9 13.6 5 13.8C5 13.8 5 14 5 14.1C5 14.4 4.9 14.6 4.7 14.8ZM5.1 11H3.1V10.6L4.1 9.6C4.2 9.5 4.3 9.3 4.4 9.2C4.4 9.1 4.4 9 4.4 8.9C4.4 8.8 4.4 8.7 4.3 8.6C4.2 8.5 4.1 8.5 4 8.5C3.9 8.5 3.8 8.5 3.7 8.6C3.6 8.7 3.6 8.8 3.6 9H3C3 8.8 3 8.7 3.1 8.5C3.2 8.4 3.3 8.2 3.5 8.1C3.7 8 3.8 8 4 8C4.3 8 4.5 8.1 4.7 8.2C4.9 8.4 5 8.6 5 8.8C5 9 5 9.1 4.9 9.3C4.8 9.4 4.7 9.6 4.5 9.8L3.8 10.5H5.1V11ZM12 15H6V14H12V15ZM12 11H6V10H12V11ZM12 7H6V6H12V7Z"/><path d="M9 0H8L14 6V5L9 0Z" fill="white"/></svg>`;static event=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.929031" y="8" width="10" height="10" rx="0.5" transform="rotate(-45 0.929031 8)" stroke="white"/><path d="M5 4.00024L8 1.00024V6.00024H3L5 4.00024Z" fill="white"/><path d="M6 13.0002L3 10.0002L8 10.0002L8 15.0002L6 13.0002Z" fill="white"/><path d="M4.53551 6.82854L4.53551 11.0712L0.999977 7.53564L4.53551 4.00011L4.53551 6.82854Z" fill="white"/></svg>`;static execPin=H`<svg viewBox="-2 0 16 16" xmlns="http://www.w3.org/2000/svg"><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>`;static expandIcon=H`<svg fill="currentColor" viewBox="4 4 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 16.003 18.626 l 7.081 -7.081 L 25 13.46 l -8.997 8.998 -9.003 -9 1.917 -1.916 z"/></svg>`;static forEachLoop=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C1.8 2 0 3.8 0 6V9C0 11.2 2 13 4 13H10V11H5C3.2 11 2 9.7 2 8V7C2 5.63882 2.76933 4.53408 4 4.14779V2ZM12 4C13.8 4 14 5.3 14 7V8C14 8.8 13.7 9.5 13.3 10L15.2 11.4C15.7 10.7 16 9.9 16 9V6C16 3.8 14.2 2 12 2V4Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L13 12L8 8V16Z" fill="white"/><rect x="5" y="1" width="1" height="4" fill="white"/><rect x="7" y="1" width="1" height="4" fill="white"/><rect x="9" y="1" width="1" height="4" fill="white"/><rect x="11" y="2" width="1" height="2" fill="white"/></svg>`;static functionSymbol=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.72002 6.0699C9.88111 4.96527 10.299 3.9138 10.94 2.99991C10.94 2.99991 10.94 3.05991 10.94 3.08991C10.94 3.36573 11.0496 3.63026 11.2446 3.8253C11.4397 4.02033 11.7042 4.12991 11.98 4.12991C12.2558 4.12991 12.5204 4.02033 12.7154 3.8253C12.9105 3.63026 13.02 3.36573 13.02 3.08991C13.0204 2.90249 12.9681 2.71873 12.8691 2.5596C12.7701 2.40047 12.6283 2.27237 12.46 2.18991H12.37C11.8725 2.00961 11.3275 2.00961 10.83 2.18991C9.21002 2.63991 8.58002 4.99991 8.58002 4.99991L8.40002 5.1199H5.40002L5.15002 6.1199H8.27002L7.27002 11.4199C7.11348 12.0161 6.79062 12.5555 6.33911 12.9751C5.8876 13.3948 5.32607 13.6773 4.72002 13.7899C4.78153 13.655 4.81227 13.5081 4.81002 13.3599C4.81002 13.0735 4.69624 12.7988 4.4937 12.5962C4.29116 12.3937 4.01646 12.2799 3.73002 12.2799C3.44359 12.2799 3.16889 12.3937 2.96635 12.5962C2.76381 12.7988 2.65002 13.0735 2.65002 13.3599C2.66114 13.605 2.75692 13.8386 2.92104 14.021C3.08517 14.2033 3.30746 14.3231 3.55002 14.3599C7.91002 15.1999 8.55002 11.4499 8.55002 11.4499L9.55002 7.05991H12.55L12.8 6.05991H9.64002L9.72002 6.0699Z" fill="currentColor"/></svg>`;static gamepad=H`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="m 15.2107 8.525 c -0.6619 -1.7207 -1.9856 -4.8978 -3.3094 -4.8978 c -1.9856 0 -1.9856 1.8532 -2.7799 1.8532 c -0.3971 0 -1.8532 0 -2.3827 0 c -0.7943 0 -0.7943 -1.8532 -2.6475 -1.8532 c -1.3238 0 -2.6475 3.0446 -3.3094 4.8978 c -1.059 3.3094 -1.1914 4.8979 1.1914 4.8979 c 2.6475 0 2.6475 -3.0445 5.9569 -3.0445 c 3.3094 0 3.4418 3.0445 5.9569 3.0445 c 2.5151 0 2.5151 -1.5885 1.3238 -4.8979 z m -8.472 0 h -1.3238 v 1.3238 h -1.3238 v -1.3238 h -1.3238 v -1.3238 h 1.3238 v -1.3238 h 1.3238 v 1.3238 h 1.3238 v 1.3238 z m 4.6331 1.5887 c -1.1914 0 -2.2504 -0.9268 -2.2504 -2.2505 c 0 -1.1913 0.9267 -2.2503 2.2504 -2.2503 c 1.3238 0 2.2504 0.9266 2.2504 2.2503 c 0 1.1915 -1.059 2.2505 -2.2504 2.2505 z m -0.0001 -2.9124 c -0.3971 0 -0.6619 0.2648 -0.6619 0.6619 c 0 0.3971 0.2648 0.6619 0.6619 0.6619 c 0.3971 0 0.6619 -0.2648 0.6619 -0.6619 c 0 -0.3971 -0.2648 -0.6619 -0.6619 -0.6619 z"/></svg>`;static genericPin=H`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><circle class="ueb-pin-tofill" cx="16" cy="16" r="13" fill="black" stroke="currentColor" stroke-width="5"/><path fill="currentColor" d="M 34 6 L 34 26 L 42 16 Z"/></svg>`;static keyboard=H`<svg viewBox="0 -3 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M 1 10 H 15 c 0.2652 0 0.5195 -0.1054 0.707 -0.293 c 0.1875 -0.1875 0.293 -0.4418 0.293 -0.707 v -8 c 0 -0.2652 -0.1054 -0.5195 -0.293 -0.707 c -0.1875 -0.1875 -0.4418 -0.293 -0.707 -0.293 H 1 c -0.2652 0 -0.5195 0.1054 -0.707 0.293 c -0.1875 0.1875 -0.293 0.4418 -0.293 0.707 V 9 c 0 0.2652 0.1054 0.5195 0.293 0.707 c 0.1875 0.1875 0.4418 0.293 0.707 0.293 Z M 14 6 h -3 v -2 h 3 v 2 Z M 13 1 h 2 v 2 h -2 v -2 Z M 10 1 h 2 v 2 h -2 v -2 Z M 10 6 h -2 v -2 h 2 v 2 Z M 7 1 h 2 v 2 h -2 v -2 Z M 7 6 h -2 v -2 h 2 v 2 Z M 4 1 h 2 v 2 h -2 v -2 Z M 4 6 h -2 v -2 h 2 v 2 Z M 1 1 h 2 v 2 h -2 v -2 Z M 1 7 h 2 v 2 h -2 v -2 M 4 7 h 8 v 2 h -8 v -2 M 13 7 h 2 v 2 h -2 v -2 Z"/></svg>`;static loop=H`<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd}.cls-2{fill:none}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_4" data-name="Layer 4"><path class="cls-1" d="M16,2H4A4,4,0,0,0,0,6v4a4.14,4.14,0,0,0,4,4H9v5l8-6L9,7v5H4.5A2.36,2.36,0,0,1,2,9.5v-3A2.36,2.36,0,0,1,4.5,4h11A2.36,2.36,0,0,1,18,6.5V9a3,3,0,0,1-.69,2l1.88,1.41A4,4,0,0,0,20,10V6A4,4,0,0,0,16,2Z"/><rect class="cls-2" width="20" height="20"/></g></g></svg>`;static macro=H`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2.92L10 12.29L14.55 2.61C14.662 2.4259 14.8189 2.27332 15.0061 2.16661C15.1933 2.05989 15.4045 2.00256 15.62 2H19L18.66 2.89C18.66 2.89 17.17 3.04 17.11 3.63C17.05 4.22 16 15.34 15.93 16.13C15.86 16.92 17.33 17.13 17.33 17.13L17.17 17.99H13.84C13.7241 17.9764 13.612 17.9399 13.5103 17.8826C13.4086 17.8253 13.3194 17.7484 13.2477 17.6562C13.176 17.5641 13.1234 17.4586 13.0929 17.346C13.0624 17.2333 13.0546 17.1157 13.07 17L14.43 5.52L10 14.57C9.8 15.03 9.07 15.72 8.63 15.71H7.75L6.05 4.86L3.54 17.39C3.51941 17.5514 3.44327 17.7005 3.32465 17.8118C3.20603 17.9232 3.05235 17.9897 2.89 18H1L1.11 17.09C1.11 17.09 2.21 17.09 2.3 16.69C2.39 16.29 5.3 3.76 5.41 3.32C5.52 2.88 4.19 2.81 4.19 2.81L4.46 2H6.62C7.09 2 7.92 2.38 8 2.92Z" fill="white"/></svg>`;static map=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0H0V4H4V0Z" fill="currentColor"/><path d="M4 6H0V10H4V6Z" fill="currentColor"/><path d="M4 12H0V16H4V12Z" fill="currentColor"/><path d="M16 0H6V4H16V0Z" fill="white"/><path d="M16 6H6V10H16V6Z" fill="white"/><path d="M16 12H6V16H16V12Z" fill="white"/></svg>`;static makeArray=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 4H13V6H15V4Z" fill="white"/><path d="M15 7H13V9H15V7Z" fill="white"/><path d="M15 10H13V12H15V10Z" fill="white"/><path d="M12 4H10V6H12V4Z" fill="white"/><path d="M12 7H10V9H12V7Z" fill="white"/><path d="M12 10H10V12H12V10Z" fill="white"/><path d="M9 4H7V6H9V4Z" fill="white"/><path d="M9 7H7V9H9V7Z" fill="white"/><path d="M9 10H7V12H9V10Z" fill="white"/><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/></svg>`;static makeMap=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 4H10V6H15V4Z" fill="white"/><path d="M15 7H10V9H15V7Z" fill="white"/><path d="M15 10H10V12H15V10Z" fill="white"/><path d="M9 4H7V6H9V4Z" fill="white"/><path d="M9 7H7V9H9V7Z" fill="white"/><path d="M9 10H7V12H9V10Z" fill="white"/><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/></svg>`;static makeSet=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/><path d="M6 8.00205V7.43062C6.40147 7.37088 6.79699 7.28299 7.18286 7.16777C7.30414 7.11578 7.40659 7.03462 7.47858 6.93348C7.57165 6.81021 7.63108 6.66933 7.65215 6.52205C7.6832 6.31181 7.69609 6.09976 7.69072 5.88777C7.67539 5.53753 7.70341 5.18685 7.77429 4.84205C7.81918 4.66059 7.92446 4.49533 8.07643 4.36777C8.26269 4.22923 8.48285 4.13138 8.71929 4.08205C9.01252 4.02392 9.31249 3.99706 9.61287 4.00205H9.85715V4.57348C9.66398 4.58307 9.47806 4.64211 9.32179 4.7435C9.16552 4.84489 9.04559 4.9843 8.97644 5.14491C8.92057 5.24999 8.89621 5.36613 8.90572 5.48205C8.90572 5.64205 8.90572 5.95062 8.86715 6.40205C8.85805 6.6136 8.81697 6.8231 8.74501 7.02491C8.69216 7.17345 8.60697 7.3113 8.49429 7.43062C8.33135 7.64 8.1415 7.83177 7.92858 8.00205" fill="white"/><path d="M7.92858 8.00195C8.14537 8.18165 8.33547 8.3852 8.49429 8.60767C8.60419 8.72229 8.6892 8.85404 8.74501 8.99624C8.81697 9.19805 8.85805 9.40755 8.86715 9.6191C8.89286 10.0724 8.90572 10.381 8.90572 10.5448C8.89679 10.6607 8.92112 10.7767 8.97644 10.882C9.05077 11.0375 9.17272 11.1714 9.32842 11.2683C9.48411 11.3653 9.66731 11.4215 9.85715 11.4305V12.002H9.61287C9.31086 12.0112 9.0087 11.9881 8.71286 11.9334C8.47744 11.8816 8.25788 11.784 8.07001 11.6477C7.91926 11.5193 7.81421 11.3543 7.76786 11.1734C7.69764 10.8285 7.66962 10.4779 7.68429 10.1277C7.69081 9.91186 7.67791 9.69593 7.64572 9.48195C7.62465 9.33468 7.56522 9.1938 7.47215 9.07052C7.40016 8.96939 7.29771 8.88822 7.17643 8.83624C6.79266 8.72131 6.3993 8.63342 6 8.57338V8.00195" fill="white"/><path d="M13.0712 8.00197C12.8582 7.83169 12.6684 7.63992 12.5054 7.43054C12.3942 7.31461 12.3091 7.18076 12.2547 7.03626C12.1828 6.83445 12.1417 6.62495 12.1326 6.4134C12.1326 5.96197 12.094 5.6534 12.094 5.4934C12.1058 5.37369 12.0814 5.25334 12.0233 5.14483C11.9541 4.98422 11.8342 4.84481 11.6779 4.74342C11.5217 4.64203 11.3357 4.58299 11.1426 4.5734V4.00197H11.3869C11.6889 3.99277 11.991 4.01579 12.2869 4.07054C12.5233 4.11987 12.7435 4.21772 12.9297 4.35626C13.0817 4.48382 13.187 4.64908 13.2319 4.83054C13.3027 5.17534 13.3308 5.52602 13.3154 5.87626C13.3094 6.09206 13.3223 6.30795 13.354 6.52197C13.3751 6.66925 13.4345 6.81013 13.5276 6.9334C13.5996 7.03454 13.702 7.1157 13.8233 7.16769C14.2071 7.28262 14.6004 7.37051 14.9997 7.43054V8.00197" fill="white"/><path d="M14.9997 8.00195V8.57338C14.5983 8.63312 14.2027 8.72102 13.8169 8.83624C13.6956 8.88822 13.5931 8.96939 13.5212 9.07052C13.4281 9.1938 13.3686 9.33468 13.3476 9.48195C13.3154 9.69593 13.3025 9.91186 13.309 10.1277C13.3237 10.4779 13.2957 10.8285 13.2254 11.1734C13.1791 11.3543 13.074 11.5193 12.9233 11.6477C12.7354 11.784 12.5159 11.8816 12.2804 11.9334C11.9846 11.9881 11.6824 12.0112 11.3804 12.002H11.1426V11.4305C11.3353 11.4196 11.5205 11.36 11.6765 11.2588C11.8325 11.1576 11.9528 11.0189 12.0233 10.8591C12.0786 10.7539 12.1029 10.6378 12.094 10.522C12.094 10.3543 12.1069 10.0458 12.1326 9.59624C12.1417 9.38469 12.1828 9.17519 12.2547 8.97338C12.3105 8.83119 12.3955 8.69943 12.5054 8.58481C12.666 8.37037 12.856 8.17457 13.0712 8.00195" fill="white"/></svg>`;static makeStruct=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/><path d="M12.975 6H8.025C6.90662 6 6 6.90662 6 8.025V8.475C6 9.59338 6.90662 10.5 8.025 10.5H12.975C14.0934 10.5 15 9.59338 15 8.475V8.025C15 6.90662 14.0934 6 12.975 6Z" fill="white"/></svg>`;static mouse=H`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 8.34043H14L13.9143 6.6383H8.85714V0H7.14286V6.6383H2.08571L2 8.34043H7.14286H8.85714Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 0C11 0.595745 13.4 3.31915 13.9143 6.6383H8.85714V0ZM7.14286 0C5 0.595745 2.6 3.31915 2.08571 6.6383H7.14286V0ZM8.85714 8.34043H7.14286H2C2 12.5957 3.02857 16 8 16C12.9714 16 14 12.5957 14 8.34043H8.85714Z" fill="white"/></svg>`;static questionMark=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15C9.10456 15 10 14.1046 10 13C10 11.8954 9.10456 11 8 11C6.89544 11 6 11.8954 6 13C6 14.1046 6.89544 15 8 15Z" fill="white"/><path d="M5 4.86697C5.15 3.33619 6.5 2.26465 8 2.26465C9.65 2.26465 11 3.64235 11 5.3262C11 7.01005 8 7.92852 8 9.00006" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;static referencePin=H`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><polygon class="ueb-pin-tofill" points="4 16 16 4 28 16 16 28" stroke="currentColor" stroke-width="5"/></svg>`;static reject=H`<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 set=H`<svg viewBox="2 2 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7.99956V6.99956C1.62451 6.89501 2.23976 6.7412 2.84 6.53956C3.02865 6.44859 3.18802 6.30655 3.3 6.12956C3.44478 5.91383 3.53723 5.6673 3.57 5.40956C3.6183 5.04164 3.63836 4.67055 3.63 4.29956C3.60615 3.68664 3.64974 3.07296 3.76 2.46956C3.82982 2.152 3.99359 1.86279 4.23 1.63956C4.51974 1.39713 4.86221 1.22589 5.23 1.13956C5.68612 1.03782 6.15275 0.990826 6.62 0.999563H7V1.99956C6.69952 2.01634 6.4103 2.11967 6.16722 2.2971C5.92414 2.47453 5.73757 2.71849 5.63 2.99956C5.5431 3.18346 5.5052 3.3867 5.52 3.58956C5.52 3.86956 5.52 4.40956 5.46 5.19956C5.44584 5.56977 5.38194 5.9364 5.27 6.28956C5.18779 6.5495 5.05527 6.79074 4.88 6.99956C4.62654 7.36597 4.33121 7.70157 4 7.99956" fill="currentColor"/><path d="M4 7.99951C4.33723 8.31397 4.63295 8.67019 4.88 9.05951C5.05095 9.2601 5.18319 9.49067 5.27 9.73951C5.38194 10.0927 5.44584 10.4593 5.46 10.8295C5.5 11.6228 5.52 12.1628 5.52 12.4495C5.5061 12.6523 5.54395 12.8553 5.63 13.0395C5.74563 13.3117 5.93533 13.546 6.17752 13.7157C6.41972 13.8854 6.70468 13.9837 7 13.9995V14.9995H6.62C6.15021 15.0156 5.68019 14.9753 5.22 14.8795C4.85378 14.7889 4.51224 14.6181 4.22 14.3795C3.98551 14.1548 3.8221 13.8662 3.75 13.5495C3.64077 12.946 3.59718 12.3324 3.62 11.7195C3.63014 11.3418 3.61007 10.964 3.56 10.5895C3.52723 10.3318 3.43478 10.0852 3.29 9.86951C3.17802 9.69252 3.01865 9.55048 2.83 9.45951C2.23302 9.25838 1.62113 9.10457 1 8.99951V7.99951" fill="currentColor"/><path d="M12 7.99955C11.6688 7.70156 11.3735 7.36596 11.12 6.99955C10.947 6.79667 10.8146 6.56242 10.73 6.30955C10.6181 5.95638 10.5542 5.58976 10.54 5.21954C10.54 4.42954 10.48 3.88955 10.48 3.60955C10.4983 3.40004 10.4604 3.18944 10.37 2.99955C10.2624 2.71847 10.0759 2.47452 9.83278 2.29708C9.5897 2.11965 9.30048 2.01632 9 1.99955V0.999545H9.38C9.84979 0.983442 10.3198 1.02373 10.78 1.11955C11.1478 1.20587 11.4903 1.37711 11.78 1.61955C12.0164 1.84278 12.1802 2.13198 12.25 2.44955C12.3603 3.05294 12.4039 3.66662 12.38 4.27955C12.3706 4.6572 12.3907 5.03501 12.44 5.40954C12.4728 5.66728 12.5652 5.91382 12.71 6.12955C12.822 6.30653 12.9813 6.44858 13.17 6.53955C13.767 6.74067 14.3789 6.89448 15 6.99955V7.99955" fill="currentColor"/><path d="M15 7.99951V8.99951C14.3755 9.10406 13.7602 9.25787 13.16 9.45951C12.9713 9.55048 12.812 9.69252 12.7 9.86951C12.5552 10.0852 12.4628 10.3318 12.43 10.5895C12.3799 10.964 12.3599 11.3418 12.37 11.7195C12.3928 12.3324 12.3492 12.946 12.24 13.5495C12.1679 13.8662 12.0045 14.1548 11.77 14.3795C11.4778 14.6181 11.1362 14.7889 10.77 14.8795C10.3098 14.9753 9.83979 15.0156 9.37 14.9995H9V13.9995C9.2998 13.9803 9.58791 13.876 9.83056 13.6989C10.0732 13.5218 10.2603 13.2792 10.37 12.9995C10.456 12.8153 10.4939 12.6123 10.48 12.4095C10.48 12.1162 10.5 11.5762 10.54 10.7895C10.5542 10.4193 10.6181 10.0527 10.73 9.69951C10.8168 9.45067 10.9491 9.2201 11.12 9.01951C11.3698 8.64424 11.6654 8.30159 12 7.99951" fill="currentColor"/></svg>`;static select=H`<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"/><rect x="10" y="7" width="3" height="2" fill="white"/><path d="M12 5L15 8L12 11V5Z" fill="white"/><rect x="1" y="7" width="8" height="2" fill="white"/><rect x="5" y="4" width="2" height="9" fill="white"/><rect x="1" y="12" width="6" height="2" fill="white"/></svg>`;static sequence=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="2" width="5" height="2" fill="white"/><rect y="7" width="8" height="2" fill="white"/><rect x="3" y="4" width="2" height="9" fill="white"/><rect x="3" y="12" width="5" height="2" fill="white"/><rect x="10" y="2" width="6" height="2" fill="white"/><rect x="10" y="7" width="4" height="2" fill="white"/><rect x="10" y="12" width="2" height="2" fill="white"/></svg>`;static touchpad=H`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" fill-rule="evenodd" clip-rule="evenodd" d="M13 0H3C2.4 0 2 0.4 2 1V15C2 15.6 2.4 16 3 16H13C13.6 16 14 15.6 14 15V1C14 0.4 13.6 0 13 0ZM8 15.5C7.2 15.5 6.5 14.8 6.5 14C6.5 13.2 7.2 12.5 8 12.5C8.8 12.5 9.5 13.2 9.5 14C9.5 14.8 8.8 15.5 8 15.5ZM13 12H3V1H13V12Z"/><path opacity="0.5" d="M13 1H3V12H13V1Z" fill="white"/></svg>`}class He extends oe{static attributes={MemberScope:{value:"",showDefault:!1},MemberName:"",MemberGuid:{type:de},bSelfContext:{value:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberName,this.GuidEntity,this.bSelfContext}}class $e extends oe{static attributes={Class:{type:pe},Name:"",AxisKey:{type:ce,showDefault:!1},InputAxisKey:{type:ce,showDefault:!1},bIsPureFunc:{value:!1,showDefault:!1},bIsConstFunc:{value:!1,showDefault:!1},VariableReference:{type:He,value:null,showDefault:!1},SelfContextInfo:{type:ce,value:null,showDefault:!1},DelegatePropertyName:{type:String,showDefault:!1},DelegateOwnerClass:{type:pe,showDefault:!1},ComponentPropertyName:{type:String,showDefault:!1},EventReference:{type:me,value:null,showDefault:!1},FunctionReference:{type:me,value:null,showDefault:!1},CustomFunctionName:{type:String,showDefault:!1},TargetType:{type:pe,value:null,showDefault:!1},MacroGraphReference:{type:Ce,value:null,showDefault:!1},Enum:{type:pe,showDefault:!1},InputKey:{type:ce,showDefault:!1},bOverrideFunction:{type:Boolean,showDefault:!1},bInternalEvent:{type:Boolean,showDefault:!1},bConsumeInput:{type:Boolean,showDefault:!1},bExecuteWhenPaused:{type:Boolean,showDefault:!1},bOverrideParentBinding:{type:Boolean,showDefault:!1},bControl:{type:Boolean,showDefault:!1},bAlt:{type:Boolean,showDefault:!1},bShift:{type:Boolean,showDefault:!1},bCommand:{type:Boolean,showDefault:!1},CommentColor:{type:we,showDefault:!1},bCommentBubbleVisible_InDetailsPanel:{type:Boolean,showDefault:!1},bColorCommentBubble:{type:Boolean,value:!1,showDefault:!1},MoveMode:{type:ce,showDefault:!1},NodePosX:{type:le,showDefault:!1},NodePosY:{type:le,showDefault:!1},NodeWidth:{type:le,showDefault:!1},NodeHeight:{type:le,showDefault:!1},bCommentBubblePinned:{type:Boolean,showDefault:!1},bCommentBubbleVisible:{type:Boolean,showDefault:!1},NodeComment:{type:String,showDefault:!1},AdvancedPinDisplay:{type:ge,value:null,showDefault:!1},EnabledState:{type:ge,value:null,showDefault:!1},NodeGuid:{type:de},ErrorType:{type:le,showDefault:!1},ErrorMsg:{type:String,value:"",showDefault:!1},CustomProperties:{type:[De]}};static nameRegex=/^(\w+?)(?:_(\d+))?$/;static sequencerScriptingNameRegex=/\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/;static#o={A_AccentGrave:"à",Add:"Num +",C_Cedille:"ç",Decimal:"Num .",Divide:"Num /",E_AccentAigu:"é",E_AccentGrave:"è",F1:"F1",F10:"F10",F11:"F11",F12:"F12",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",Gamepad_Special_Left_X:"Touchpad Button X Axis",Gamepad_Special_Left_Y:"Touchpad Button Y Axis",Mouse2D:"Mouse XY 2D-Axis",Multiply:"Num *",Section:"§",Subtract:"Num -",Tilde:"`"};static{this.cleanupAttributes(this.attributes)}static keyName(e){let t=$e.#o[e];if(t)return t;if(t=ae.numberFromText(e)?.toString(),t)return t;const i=e.match(/NumPad([a-zA-Z]+)/);return i&&(t=ae.numberFromText(i[1]),t)?"Num "+t:void 0}constructor(e,t=!1){super(e,t),this.Class,this.Name,this.AxisKey,this.InputAxisKey,this.bIsPureFunc,this.bIsConstFunc,this.VariableReference,this.SelfContextInfo,this.DelegatePropertyName,this.DelegateOwnerClass,this.ComponentPropertyName,this.EventReference,this.FunctionReference,this.CustomFunctionName,this.TargetType,this.MacroGraphReference,this.Enum,this.InputKey,this.bOverrideFunction,this.bInternalEvent,this.bConsumeInput,this.bExecuteWhenPaused,this.bOverrideParentBinding,this.bControl,this.bAlt,this.bShift,this.bCommand,this.CommentColor,this.bCommentBubbleVisible_InDetailsPanel,this.NodePosX,this.NodePosY,this.NodeWidth,this.NodeHeight,this.bCommentBubblePinned,this.bCommentBubbleVisible,this.NodeComment,this.AdvancedPinDisplay,this.EnabledState,this.NodeGuid,this.ErrorType,this.ErrorMsg,this.CustomProperties}getClass(){return this.Class.path}getType(){let e=this.getClass();return e===te.nodeType.macro?this.MacroGraphReference.MacroGraph.path:e}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match($e.nameRegex);let t="",i=null;return e?(e.length>1&&(t=e[1]),e.length>2&&(i=parseInt(e[2])),[t,i]):["",0]}getCounter(){return this.getNameAndCounter()[1]}getNodeWidth(){return this.NodeWidth??this.getType()==te.nodeType.comment?te.defaultCommentWidth:void 0}setNodeWidth(e){this.NodeWidth||(this.NodeWidth=new le),this.NodeWidth.value=e}getNodeHeight(){return this.NodeHeight??this.getType()==te.nodeType.comment?te.defaultCommentHeight:void 0}setNodeHeight(e){this.NodeHeight||(this.NodeHeight=new le),this.NodeHeight.value=e}getNodePosX(){return this.NodePosX?.value??0}setNodePosX(e){this.NodePosX||(this.NodePosX=new le),this.NodePosX.value=Math.round(e)}getNodePosY(){return this.NodePosY?.value??0}setNodePosY(e){this.NodePosY||(this.NodePosY=new le),this.NodePosY.value=Math.round(e)}isEvent(){return this.getClass()===te.nodeType.event||this.getClass()===te.nodeType.customEvent||!!this.getDelegatePin()}isDevelopmentOnly(){const e=this.getClass();return"DevelopmentOnly"===this.EnabledState?.toString()||e.includes("Debug",Math.max(0,e.lastIndexOf(".")))}hasHIDAttribute(){return this.InputKey??this.AxisKey??this.InputAxisKey}getDelegatePin(){return this.CustomProperties?.find((e=>"delegate"===e.PinType.PinCategory))}nodeDisplayName(){switch(this.getType()){case te.nodeType.componentBoundEvent:return`${ae.formatStringName(this.DelegatePropertyName)} (${this.ComponentPropertyName})`;case te.nodeType.dynamicCast:return this.TargetType?`Cast To ${this.TargetType.getName()}`:"Bad cast node";case te.nodeType.enumLiteral:return`Literal enum ${this.Enum.getName()}`;case te.nodeType.event:return`Event ${(this.EventReference?.MemberName??"").replace(/^Receive/,"")}`;case te.nodeType.executionSequence:return"Sequence";case te.nodeType.forEachElementInEnum:return`For Each ${this.Enum.getName()}`;case te.nodeType.forEachLoopWithBreak:return"For Each Loop with Break";case te.nodeType.ifThenElse:return"Branch";case te.nodeType.variableGet:return"";case te.nodeType.variableSet:return"SET"}const e=this.hasHIDAttribute();if(e){const t=e.toString();let i=$e.keyName(t)??ae.formatStringName(t);return this.getClass()===te.nodeType.inputDebugKey?i="Debug Key "+i:this.getClass()===te.nodeType.getInputAxisKeyValue&&(i="Get "+i),i}if(this.getClass()===te.nodeType.macro)return ae.formatStringName(this.MacroGraphReference.getMacroName());let t=this.FunctionReference?.MemberName;if(t){const e=this.FunctionReference.MemberParent?.path??"";switch(t){case"AddKey":{let t=e.match($e.sequencerScriptingNameRegex);if(t)return`Add Key (${ae.formatStringName(t[1])})`}break;case"LineTraceSingle":return"Line Trace By Channel";case"LineTraceSingleByProfile":return"Line Trace By Profile"}switch(e){case"/Script/Engine.KismetMathLibrary":if(t.startsWith("Conv_"))return"";if(t.startsWith("Percent_"))return"%";if(t.startsWith("EqualEqual_"))return"==";const e=t.match(/[BF]([A-Z]\w+)/);switch(e&&(t=e[1]),t){case"Abs":return"ABS";case"Exp":return"e";case"LineTraceSingle":return"Line Trace By Channel";case"Max":case"MaxInt64":return"MAX";case"Min":case"MinInt64":return"MIN"}break;case"/Script/Engine.BlueprintSetLibrary":{const e=t.match(/Set_(\w+)/);if(e)return ae.formatStringName(e[1]).toUpperCase()}break;case"/Script/Engine.BlueprintMapLibrary":{const e=t.match(/Map_(\w+)/);if(e)return ae.formatStringName(e[1]).toUpperCase()}}return ae.formatStringName(t)}return ae.formatStringName(this.getNameAndCounter()[0])}nodeColor(){switch(this.getClass()){case te.nodeType.callFunction:return this.bIsPureFunc?te.nodeColors.green:te.nodeColors.blue;case te.nodeType.event:case te.nodeType.customEvent:case te.nodeType.inputKey:case te.nodeType.inputAxisKeyEvent:case te.nodeType.inputDebugKey:return te.nodeColors.red;case te.nodeType.enumLiteral:case te.nodeType.makeArray:case te.nodeType.makeMap:case te.nodeType.select:return te.nodeColors.green;case te.nodeType.executionSequence:case te.nodeType.ifThenElse:case te.nodeType.macro:return te.nodeColors.gray;case te.nodeType.dynamicCast:return te.nodeColors.turquoise}return this.bIsPureFunc?te.nodeColors.green:this.isEvent()?te.nodeColors.red:te.nodeColors.blue}nodeIcon(){switch(this.getType()){case te.nodeType.customEvent:return Be.event;case te.nodeType.doN:return Be.doN;case te.nodeType.dynamicCast:return Be.cast;case te.nodeType.enumLiteral:return Be.enum;case te.nodeType.event:return Be.event;case te.nodeType.executionSequence:return Be.sequence;case te.nodeType.forEachElementInEnum:return Be.loop;case te.nodeType.forEachLoop:case te.nodeType.forEachLoopWithBreak:return Be.forEachLoop;case te.nodeType.forLoop:case te.nodeType.forLoopWithBreak:return Be.loop;case te.nodeType.ifThenElse:return Be.branchNode;case te.nodeType.isValid:return Be.questionMark;case te.nodeType.makeArray:return Be.makeArray;case te.nodeType.makeMap:return Be.makeMap;case te.nodeType.makeSet:return Be.makeSet;case te.nodeType.select:return Be.select;case te.nodeType.whileLoop:return Be.loop}if(this.nodeDisplayName().startsWith("Break"))return Be.breakStruct;if(this.getClass()===te.nodeType.macro)return Be.macro;const e=this.hasHIDAttribute()?.toString();return e?e.includes("Mouse")?Be.mouse:e.includes("Gamepad_Special")?Be.keyboard:e.includes("Gamepad")||e.includes("Steam")?Be.gamepad:e.includes("Touch")?Be.touchpad:Be.keyboard:this.getDelegatePin()?Be.event:Be.functionSymbol}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Oe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ve={exports:{}};"undefined"!=typeof self&&self;var ze=Oe(Ve.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var s=t[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){function n(e){if(!(this instanceof n))return new n(e);this._=e}var s=n.prototype;function r(e,t){for(var i=0;i<e;i++)t(i)}function a(e,t,i){return function(e,t){r(t.length,(function(i){e(t[i],i,t)}))}((function(i,n,s){t=e(t,i,n,s)}),i),t}function o(e,t){return a((function(t,i,n,s){return t.concat([e(i,n,s)])}),[],t)}function l(e,t){var i={v:0,buf:t};return r(e,(function(){var e;i={v:i.v<<1|(e=i.buf,e[0]>>7),buf:function(e){var t=a((function(e,t,i,n){return e.concat(i===n.length-1?Buffer.from([t,0]).readUInt16BE(0):n.readUInt16BE(i))}),[],e);return Buffer.from(o((function(e){return(e<<1&65535)>>8}),t))}(i.buf)}})),i}function u(){return"undefined"!=typeof Buffer}function c(){if(!u())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function h(e){c();var t=a((function(e,t){return e+t}),0,e);if(t%8!=0)throw new Error("The bits ["+e.join(", ")+"] add up to "+t+" which is not an even number of bytes; the total should be divisible by 8");var i,s=t/8,r=(i=function(e){return e>48},a((function(e,t){return e||(i(t)?t:e)}),null,e));if(r)throw new Error(r+" bit range requested exceeds 48 bit (6 byte) Number max.");return new n((function(t,i){var n=s+i;return n>t.length?C(i,s.toString()+" bytes"):E(n,a((function(e,t){var i=l(t,e.buf);return{coll:e.coll.concat(i.v),buf:i.buf}}),{coll:[],buf:t.slice(i,n)},e).coll)}))}function d(e,t){return new n((function(i,n){return c(),n+t>i.length?C(n,t+" bytes for "+e):E(n+t,i.slice(n,n+t))}))}function p(e,t){if("number"!=typeof(i=t)||Math.floor(i)!==i||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var i}function m(e){return p("uintBE",e),d("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),d("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function b(e){return p("intBE",e),d("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function v(e){return p("intLE",e),d("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function f(e){return e instanceof n}function y(e){return"[object Array]"==={}.toString.call(e)}function w(e){return u()&&Buffer.isBuffer(e)}function E(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function C(e,t){return y(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:e,expected:t}}function S(e,t){if(!t)return e;if(e.furthest>t.furthest)return e;var i=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==n._supportsSet)return n._supportsSet;var e="undefined"!=typeof Set;return n._supportsSet=e,e}()&&Array.from){for(var i=new Set(e),s=0;s<t.length;s++)i.add(t[s]);var r=Array.from(i);return r.sort(),r}for(var a={},o=0;o<e.length;o++)a[e[o]]=!0;for(var l=0;l<t.length;l++)a[t[l]]=!0;var u=[];for(var c in a)({}).hasOwnProperty.call(a,c)&&u.push(c);return u.sort(),u}(e.expected,t.expected):t.expected;return{status:e.status,index:e.index,value:e.value,furthest:t.furthest,expected:i}}var P={};function x(e,t){if(w(e))return{offset:t,line:-1,column:-1};e in P||(P[e]={});for(var i=P[e],n=0,s=0,r=0,a=t;a>=0;){if(a in i){n=i[a].line,0===r&&(r=i[a].lineStart);break}("\n"===e.charAt(a)||"\r"===e.charAt(a)&&"\n"!==e.charAt(a+1))&&(s++,0===r&&(r=a+1)),a--}var o=n+s,l=t-r;return i[t]={line:o,lineStart:r},{offset:t,line:o+1,column:l+1}}function k(e){if(!f(e))throw new Error("not a parser: "+e)}function L(e,t){return"string"==typeof e?e.charAt(t):e[t]}function N(e){if("number"!=typeof e)throw new Error("not a number: "+e)}function T(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function A(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var M=2,D=3,B=8,H=5*B,$=4*B,O="  ";function V(e,t){return new Array(t+1).join(e)}function z(e,t,i){var n=t-e.length;return n<=0?e:V(i,n)+e}function I(e,t,i,n){return{from:e-t>0?e-t:0,to:e+i>n?n:e+i}}function R(e,t){var i,n,s,r,l,u=t.index,c=u.offset,h=1;if(c===e.length)return"Got the end of the input";if(w(e)){var d=c-c%B,p=c-d,m=I(d,H,$+B,e.length),g=o((function(e){return o((function(e){return z(e.toString(16),2,"0")}),e)}),function(e,t){var i=e.length,n=[],s=0;if(i<=t)return[e.slice()];for(var r=0;r<i;r++)n[s]||n.push([]),n[s].push(e[r]),(r+1)%t==0&&s++;return n}(e.slice(m.from,m.to).toJSON().data,B));r=function(e){return 0===e.from&&1===e.to?{from:e.from,to:e.to}:{from:e.from/B,to:Math.floor(e.to/B)}}(m),n=d/B,i=3*p,p>=4&&(i+=1),h=2,s=o((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+"  "+e.slice(4).join(" ")}),g),(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2)}else{var b=e.split(/\r\n|[\n\r\u2028\u2029]/);i=u.column-1,n=u.line-1,r=I(n,M,D,b.length),s=b.slice(r.from,r.to),l=r.to.toString().length}var v=n-r.from;return w(e)&&(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2),a((function(t,n,s){var a,o=s===v,u=o?"> ":O;return a=w(e)?z((8*(r.from+s)).toString(16),l,"0"):z((r.from+s+1).toString(),l," "),[].concat(t,[u+a+" | "+n],o?[O+V(" ",l)+" | "+z("",i," ")+V("^",h)]:[])}),[],s).join("\n")}function _(e,t){return["\n","-- PARSING FAILED "+V("-",50),"\n\n",R(e,t),"\n\n",(i=t.expected,1===i.length?"Expected:\n\n"+i[0]:"Expected one of the following: \n\n"+i.join(", ")),"\n"].join("");var i}function F(e){return void 0!==e.flags?e.flags:[e.global?"g":"",e.ignoreCase?"i":"",e.multiline?"m":"",e.unicode?"u":"",e.sticky?"y":""].join("")}function G(){for(var e=[].slice.call(arguments),t=e.length,i=0;i<t;i+=1)k(e[i]);return n((function(i,n){for(var s,r=new Array(t),a=0;a<t;a+=1){if(!(s=S(e[a]._(i,n),s)).status)return s;r[a]=s.value,n=s.index}return S(E(n,r),s)}))}function j(){var e=[].slice.call(arguments);if(0===e.length)throw new Error("seqMap needs at least one argument");var t=e.pop();return T(t),G.apply(null,e).map((function(e){return t.apply(null,e)}))}function U(){var e=[].slice.call(arguments),t=e.length;if(0===t)return q("zero alternates");for(var i=0;i<t;i+=1)k(e[i]);return n((function(t,i){for(var n,s=0;s<e.length;s+=1)if((n=S(e[s]._(t,i),n)).status)return n;return n}))}function W(e,t){return K(e,t).or(Y([]))}function K(e,t){return k(e),k(t),j(e,t.then(e).many(),(function(e,t){return[e].concat(t)}))}function X(e){A(e);var t="'"+e+"'";return n((function(i,n){var s=n+e.length,r=i.slice(n,s);return r===e?E(s,r):C(n,t)}))}function Z(e,t){!function(e){if(!(e instanceof RegExp))throw new Error("not a regexp: "+e);for(var t=F(e),i=0;i<t.length;i++){var n=t.charAt(i);if("i"!==n&&"m"!==n&&"u"!==n&&"s"!==n)throw new Error('unsupported regexp flag "'+n+'": '+e)}}(e),arguments.length>=2?N(t):t=0;var i=function(e){return RegExp("^(?:"+e.source+")",F(e))}(e),s=""+e;return n((function(e,n){var r=i.exec(e.slice(n));if(r){if(0<=t&&t<=r.length){var a=r[0],o=r[t];return E(n+a.length,o)}return C(n,"valid match group (0 to "+r.length+") in "+s)}return C(n,s)}))}function Y(e){return n((function(t,i){return E(i,e)}))}function q(e){return n((function(t,i){return C(i,e)}))}function J(e){if(f(e))return n((function(t,i){var n=e._(t,i);return n.index=i,n.value="",n}));if("string"==typeof e)return J(X(e));if(e instanceof RegExp)return J(Z(e));throw new Error("not a string, regexp, or parser: "+e)}function Q(e){return k(e),n((function(t,i){var n=e._(t,i),s=t.slice(i,n.index);return n.status?C(i,'not "'+s+'"'):E(i,null)}))}function ee(e){return T(e),n((function(t,i){var n=L(t,i);return i<t.length&&e(n)?E(i+1,n):C(i,"a character/byte matching "+e)}))}function te(e,t){arguments.length<2&&(t=e,e=void 0);var i=n((function(e,n){return i._=t()._,i._(e,n)}));return e?i.desc(e):i}function ie(){return q("fantasy-land/empty")}s.parse=function(e){if("string"!=typeof e&&!w(e))throw new Error(".parse must be called with a string or Buffer as its argument");var t,i=this.skip(ae)._(e,0);return t=i.status?{status:!0,value:i.value}:{status:!1,index:x(e,i.furthest),expected:i.expected},delete P[e],t},s.tryParse=function(e){var t=this.parse(e);if(t.status)return t.value;var i=_(e,t),n=new Error(i);throw n.type="ParsimmonError",n.result=t,n},s.assert=function(e,t){return this.chain((function(i){return e(i)?Y(i):q(t)}))},s.or=function(e){return U(this,e)},s.trim=function(e){return this.wrap(e,e)},s.wrap=function(e,t){return j(e,this,t,(function(e,t){return t}))},s.thru=function(e){return e(this)},s.then=function(e){return k(e),G(this,e).map((function(e){return e[1]}))},s.many=function(){var e=this;return n((function(t,i){for(var n=[],s=void 0;;){if(!(s=S(e._(t,i),s)).status)return S(E(i,n),s);if(i===s.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");i=s.index,n.push(s.value)}}))},s.tieWith=function(e){return A(e),this.map((function(t){if(function(e){if(!y(e))throw new Error("not an array: "+e)}(t),t.length){A(t[0]);for(var i=t[0],n=1;n<t.length;n++)A(t[n]),i+=e+t[n];return i}return""}))},s.tie=function(){return this.tieWith("")},s.times=function(e,t){var i=this;return arguments.length<2&&(t=e),N(e),N(t),n((function(n,s){for(var r=[],a=void 0,o=void 0,l=0;l<e;l+=1){if(o=S(a=i._(n,s),o),!a.status)return o;s=a.index,r.push(a.value)}for(;l<t&&(o=S(a=i._(n,s),o),a.status);l+=1)s=a.index,r.push(a.value);return S(E(s,r),o)}))},s.result=function(e){return this.map((function(){return e}))},s.atMost=function(e){return this.times(0,e)},s.atLeast=function(e){return j(this.times(e),this.many(),(function(e,t){return e.concat(t)}))},s.map=function(e){T(e);var t=this;return n((function(i,n){var s=t._(i,n);return s.status?S(E(s.index,e(s.value)),s):s}))},s.contramap=function(e){T(e);var t=this;return n((function(i,n){var s=t.parse(e(i.slice(n)));return s.status?E(n+i.length,s.value):s}))},s.promap=function(e,t){return T(e),T(t),this.contramap(e).map(t)},s.skip=function(e){return G(this,e).map((function(e){return e[0]}))},s.mark=function(){return j(ne,this,ne,(function(e,t,i){return{start:e,value:t,end:i}}))},s.node=function(e){return j(ne,this,ne,(function(t,i,n){return{name:e,value:i,start:t,end:n}}))},s.sepBy=function(e){return W(this,e)},s.sepBy1=function(e){return K(this,e)},s.lookahead=function(e){return this.skip(J(e))},s.notFollowedBy=function(e){return this.skip(Q(e))},s.desc=function(e){y(e)||(e=[e]);var t=this;return n((function(i,n){var s=t._(i,n);return s.status||(s.expected=e),s}))},s.fallback=function(e){return this.or(Y(e))},s.ap=function(e){return j(e,this,(function(e,t){return e(t)}))},s.chain=function(e){var t=this;return n((function(i,n){var s=t._(i,n);return s.status?S(e(s.value)._(i,s.index),s):s}))},s.concat=s.or,s.empty=ie,s.of=Y,s["fantasy-land/ap"]=s.ap,s["fantasy-land/chain"]=s.chain,s["fantasy-land/concat"]=s.concat,s["fantasy-land/empty"]=s.empty,s["fantasy-land/of"]=s.of,s["fantasy-land/map"]=s.map;var ne=n((function(e,t){return E(t,x(e,t))})),se=n((function(e,t){return t>=e.length?C(t,"any character/byte"):E(t+1,L(e,t))})),re=n((function(e,t){return E(e.length,e.slice(t))})),ae=n((function(e,t){return t<e.length?C(t,"EOF"):E(t,null)})),oe=Z(/[0-9]/).desc("a digit"),le=Z(/[0-9]*/).desc("optional digits"),ue=Z(/[a-z]/i).desc("a letter"),ce=Z(/[a-z]*/i).desc("optional letters"),he=Z(/\s*/).desc("optional whitespace"),de=Z(/\s+/).desc("whitespace"),pe=X("\r"),me=X("\n"),ge=X("\r\n"),be=U(ge,me,pe).desc("newline"),ve=U(be,ae);n.all=re,n.alt=U,n.any=se,n.cr=pe,n.createLanguage=function(e){var t={};for(var i in e)({}).hasOwnProperty.call(e,i)&&function(i){t[i]=te((function(){return e[i](t)}))}(i);return t},n.crlf=ge,n.custom=function(e){return n(e(E,C))},n.digit=oe,n.digits=le,n.empty=ie,n.end=ve,n.eof=ae,n.fail=q,n.formatError=_,n.index=ne,n.isParser=f,n.lazy=te,n.letter=ue,n.letters=ce,n.lf=me,n.lookahead=J,n.makeFailure=C,n.makeSuccess=E,n.newline=be,n.noneOf=function(e){return ee((function(t){return e.indexOf(t)<0})).desc("none of '"+e+"'")},n.notFollowedBy=Q,n.of=Y,n.oneOf=function(e){for(var t=e.split(""),i=0;i<t.length;i++)t[i]="'"+t[i]+"'";return ee((function(t){return e.indexOf(t)>=0})).desc(t)},n.optWhitespace=he,n.Parser=n,n.range=function(e,t){return ee((function(i){return e<=i&&i<=t})).desc(e+"-"+t)},n.regex=Z,n.regexp=Z,n.sepBy=W,n.sepBy1=K,n.seq=G,n.seqMap=j,n.seqObj=function(){for(var e,t={},i=0,s=(e=arguments,Array.prototype.slice.call(e)),r=s.length,a=0;a<r;a+=1){var o=s[a];if(!f(o)){if(y(o)&&2===o.length&&"string"==typeof o[0]&&f(o[1])){var l=o[0];if(Object.prototype.hasOwnProperty.call(t,l))throw new Error("seqObj: duplicate key "+l);t[l]=!0,i++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(0===i)throw new Error("seqObj expects at least one named parser, found zero");return n((function(e,t){for(var i,n={},a=0;a<r;a+=1){var o,l;if(y(s[a])?(o=s[a][0],l=s[a][1]):(o=null,l=s[a]),!(i=S(l._(e,t),i)).status)return i;o&&(n[o]=i.value),t=i.index}return S(E(t,n),i)}))},n.string=X,n.succeed=Y,n.takeWhile=function(e){return T(e),n((function(t,i){for(var n=i;n<t.length&&e(L(t,n));)n++;return E(n,t.slice(i,n))}))},n.test=ee,n.whitespace=de,n["fantasy-land/empty"]=ie,n["fantasy-land/of"]=Y,n.Binary={bitSeq:h,bitSeqObj:function(e){c();var t={},i=0,n=o((function(e){if(y(e)){var n=e;if(2!==n.length)throw new Error("["+n.join(", ")+"] should be length 2, got length "+n.length);if(A(n[0]),N(n[1]),Object.prototype.hasOwnProperty.call(t,n[0]))throw new Error("duplicate key in bitSeqObj: "+n[0]);return t[n[0]]=!0,i++,n}return N(e),[null,e]}),e);if(i<1)throw new Error("bitSeqObj expects at least one named pair, got ["+e.join(", ")+"]");var s=o((function(e){return e[0]}),n);return h(o((function(e){return e[1]}),n)).map((function(e){return a((function(e,t){return null!==t[0]&&(e[t[0]]=t[1]),e}),{},o((function(t,i){return[t,e[i]]}),s))}))},byte:function(e){if(c(),N(e),e>255)throw new Error("Value specified to byte constructor ("+e+"=0x"+e.toString(16)+") is larger in value than a single byte.");var t=(e>15?"0x":"0x0")+e.toString(16);return n((function(i,n){var s=L(i,n);return s===e?E(n+1,s):C(n,t)}))},buffer:function(e){return d("buffer",e).map((function(e){return Buffer.from(e)}))},encodedString:function(e,t){return d("string",t).map((function(t){return t.toString(e)}))},uintBE:m,uint8BE:m(1),uint16BE:m(2),uint32BE:m(4),uintLE:g,uint8LE:g(1),uint16LE:g(2),uint32LE:g(4),intBE:b,int8BE:b(1),int16BE:b(2),int32BE:b(4),intLE:v,int8LE:v(1),int16LE:v(2),int32LE:v(4),floatBE:d("floatBE",4).map((function(e){return e.readFloatBE(0)})),floatLE:d("floatLE",4).map((function(e){return e.readFloatLE(0)})),doubleBE:d("doubleBE",8).map((function(e){return e.readDoubleBE(0)})),doubleLE:d("doubleLE",8).map((function(e){return e.readDoubleLE(0)}))},e.exports=n}]));class Ie extends oe{static attributes={lookbehind:{value:"",showDefault:!1,ignore:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.lookbehind}}let Re=ze;class _e{static getGrammarForType(e,t,i=e.AttributeAnyValue){if(t.constructor===Object){let n,s=t.type;return n=s instanceof Array?_e.getGrammarForType(e,s[0]).trim(Re.optWhitespace).sepBy(Re.string(",")).skip(Re.regex(/,?\s*/)).wrap(Re.string("("),Re.string(")")):s instanceof re?s.types.map((t=>_e.getGrammarForType(e,ae.getType(t)))).reduce(((t,i)=>i&&t!==e.AttributeAnyValue?t.or(i):e.AttributeAnyValue)):_e.getGrammarForType(e,s,i),!t.serialized||s instanceof String||(n=n.wrap(Re.string('"'),Re.string('"'))),t.nullable&&(n=n.or(e.Null)),n}switch(t){case BigInt:return e.BigInt;case Boolean:return e.Boolean;case ue:return e.Byte;case he:return e.Enum;case me:return e.FunctionReference;case de:return e.Guid;case ge:return e.Identifier;case be:return e.Integer64;case le:return e.Integer;case ve:return e.InvariantText;case we:return e.LinearColor;case Ee:return e.LocalizedText;case Ce:return e.MacroGraphReference;case Number:return e.Number;case pe:return e.ObjectReference;case Se:return e.PathSymbol;case De:return e.Pin;case Pe:return e.PinReference;case xe:return e.PinType;case ye:return e.RealUnit;case ke:return e.Rotator;case Le:return e.SimpleSerializationRotator;case Te:return e.SimpleSerializationVector2D;case Me:return e.SimpleSerializationVector;case String:return e.String;case ce:return e.Symbol;case He:return e.VariableReference;case Ne:return e.Vector2D;case Ae:return e.Vector;default:return i}}static ReferencePath=(e,t)=>Re.alt(t,Re.seq(Re.string("/"),t.map((e=>e.toString())).sepBy1(Re.string(".")).tieWith(".").sepBy1(Re.string(":")).tieWith(":")).tie().atLeast(2).tie());static createAttributeGrammar=(e,t,i=Re.string("=").trim(Re.optWhitespace))=>e.AttributeName.skip(i).chain((i=>{const n=i.split("."),s=ae.objectGet(t.attributes,n);return(s?s.constructor===Object&&s.serialized?e.String:_e.getGrammarForType(e,s,e.AttributeAnyValue):e.AttributeAnyValue).map((e=>t=>ae.objectSet(t,n,e,!0)))}));static createEntityGrammar=(e,t,i=!0)=>Re.seqMap(t.lookbehind?Re.seq(Re.string(t.lookbehind),Re.optWhitespace,Re.string("(")):Re.string("("),_e.createAttributeGrammar(e,t).trim(Re.optWhitespace).sepBy(Re.string(",")).skip(Re.regex(/,?/).then(Re.optWhitespace)),Re.string(")"),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),n})).chain((e=>{let n=Object.keys(e);if(Object.keys(t.attributes).filter((e=>t.attributes[e].expected)).find((e=>!n.includes(e))))return Re.fail();const s=Object.keys(e).filter((e=>!(e in t.attributes))).length;return!i&&s>0||i&&s+.5>Math.sqrt(n)?Re.fail():Re.succeed().map((()=>new t(e)))}));InlineWhitespace=e=>Re.regex(/[^\S\n]+/).desc("single line whitespace");InlineOptWhitespace=e=>Re.regex(/[^\S\n]*/).desc("single line optional whitespace");MultilineWhitespace=e=>Re.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Re.seq(Re.string("("),e.InlineOptWhitespace,Re.string(")")).map((()=>null)).desc("null: ()");Boolean=e=>Re.alt(Re.string("True"),Re.string("true"),Re.string("False"),Re.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Re.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Re.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");BigInt=e=>Re.regex(/[\-\+]?[0-9]+/).map((e=>BigInt(e))).desc("a big integer");RealNumber=e=>Re.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>Re.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>Re.regex(/0|[1-9]\d*/).map(Number).desc("a natural number");ColorNumber=e=>e.NaturalNumber.assert((e=>0<=e&&e<256),"the color must be between 0 and 256 excluded");Word=e=>Re.regex(/[a-zA-Z_]+/).desc("a word");String=e=>Re.regex(/(?:[^"\\]|\\.)*/).wrap(Re.string('"'),Re.string('"')).map(ae.unescapeString).desc('string (with possibility to escape the quote using ")');AttributeName=e=>e.Word.sepBy1(Re.string(".")).tieWith(".").desc("dot-separated words");None=e=>Re.string("None").map((()=>new pe({type:"None",path:""}))).desc("none");Integer64=e=>e.BigInt.map((e=>new be(e))).desc("an integer64");Integer=e=>Re.regex(/[\-\+]?[0-9]+/).map((e=>new le(e))).desc("an integer");Byte=e=>Re.regex(/\+?[0-9]+/).map((e=>parseInt(e))).assert((e=>e>=0&&e<256)).map((e=>new ue(e))).desc("a Byte");Guid=e=>e.HexDigit.times(32).tie().map((e=>new de({value:e}))).desc("32 digit hexadecimal value");Identifier=e=>Re.regex(/\w+/).map((e=>new ge(e)));PathSymbol=e=>Re.regex(/[0-9\w]+/).map((e=>new Se({value:e})));PathSymbolOptSpaces=e=>Re.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map((e=>new Se({value:e})));Symbol=e=>Re.regex(/[a-zA-Z_]\w*/).map((e=>new ce({value:e})));Enum=e=>Re.regex(/[a-zA-Z_]\w*/).map((e=>new he({value:e})));ObjectReference=e=>Re.alt(e.None,...[_e.ReferencePath(e,e.PathSymbolOptSpaces).map((e=>new pe({type:"",path:e})))].flatMap((e=>[e.wrap(Re.string('"'),Re.string('"')),e.wrap(Re.string("'\""),Re.string("\"'"))])),Re.seqMap(_e.ReferencePath(e,e.PathSymbolOptSpaces),Re.optWhitespace,Re.alt(...[_e.ReferencePath(e,e.PathSymbolOptSpaces)].flatMap((e=>[e.wrap(Re.string('"'),Re.string('"')),e.wrap(Re.string("'\""),Re.string("\"'"))]))),((e,t,i)=>new pe({type:e,path:i}))),_e.ReferencePath(e,e.PathSymbol).map((e=>new pe({type:"",path:e}))),e.Word.map((e=>new pe({type:e,path:""}))));LocalizedText=e=>Re.seqMap(Re.string(Ee.lookbehind).skip(Re.optWhitespace).skip(Re.string("(")),e.String.trim(Re.optWhitespace),Re.string(","),e.String.trim(Re.optWhitespace),Re.string(","),e.String.trim(Re.optWhitespace),Re.string(")"),((e,t,i,n,s,r,a)=>new Ee({namespace:t,key:n,value:r})));InvariantText=e=>e.String.trim(Re.optWhitespace).wrap(Re.string(ve.lookbehind).skip(Re.optWhitespace).skip(Re.string("(")),Re.string(")")).map((e=>new ve({value:e})));AttributeAnyValue=e=>Re.alt(e.Boolean,e.Guid,e.None,e.Null,e.Number,e.String,e.LocalizedText,e.InvariantText,e.PinReference,e.Vector,e.LinearColor,e.Vector2D,e.UnknownKeys,e.ObjectReference,e.Symbol);PinReference=e=>Re.seqMap(e.PathSymbol,Re.whitespace,e.Guid,((e,t,i)=>new Pe({objectName:e,pinGuid:i})));PinType=e=>_e.createEntityGrammar(e,xe,!0);Vector2D=e=>_e.createEntityGrammar(e,Ne,!1);Vector=e=>_e.createEntityGrammar(e,Ae,!1);Rotator=e=>_e.createEntityGrammar(e,ke,!1);SimpleSerializationRotator=e=>Re.seqMap(e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,((e,t,i,n,s)=>new Le({R:s,P:e,Y:i})));SimpleSerializationVector2D=e=>Re.seqMap(e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,((e,t,i)=>new Te({X:e,Y:i})));SimpleSerializationVector=e=>Re.seqMap(e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,((e,t,i,n,s)=>new Me({X:e,Y:i,Z:s})));LinearColor=e=>_e.createEntityGrammar(e,we,!1);FunctionReference=e=>_e.createEntityGrammar(e,me);VariableReference=e=>_e.createEntityGrammar(e,He);MacroGraphReference=e=>_e.createEntityGrammar(e,Ce);KeyBinding=e=>Re.alt(e.Identifier.map((e=>new fe({Key:e}))),_e.createEntityGrammar(e,fe));Pin=e=>_e.createEntityGrammar(e,De);CustomProperties=e=>Re.string("CustomProperties").then(Re.whitespace).then(e.Pin).map((e=>t=>{let i=ae.objectGet(t,["CustomProperties"],[]);i.push(e),ae.objectSet(t,["CustomProperties"],i,!0)}));Object=e=>Re.seqMap(Re.seq(Re.string("Begin"),Re.whitespace,Re.string("Object"),Re.whitespace),Re.alt(e.CustomProperties,_e.createAttributeGrammar(e,$e)).sepBy1(Re.whitespace),Re.seq(e.MultilineWhitespace,Re.string("End"),Re.whitespace,Re.string("Object")),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),new $e(n)}));MultipleObject=e=>e.Object.sepBy1(Re.whitespace).trim(Re.optWhitespace);LinearColorFromHex=e=>Re.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Re.optWhitespace).map((([e,t,i,n])=>new we({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(i,16)/255,A:n?parseInt(n,16)/255:1})));LinearColorFromRGBList=e=>Re.seqMap(e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber.map(Number),((e,t,i,n,s)=>new we({R:e/255,G:i/255,B:s/255,A:1})));LinearColorFromRGB=e=>Re.string("rgb").then(e.LinearColorFromRGBList.wrap(Re.regex(/\(\s*/),Re.regex(/\s*\)/)));LinearColorFromRGBA=e=>Re.string("rgba").then(Re.seqMap(e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber.map(Number),Re.string(",").skip(Re.optWhitespace),Re.regex(/0?\.\d+|[01]/).map(Number),((e,t,i,n,s,r,a)=>new we({R:e/255,G:i/255,B:s/255,A:a}))).wrap(Re.regex(/\(\s*/),Re.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Re.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA);UnknownKeys=e=>Re.seqMap(Re.regex(/\w*\s*/).skip(Re.string("(")),Re.seqMap(e.AttributeName,Re.string("=").trim(Re.optWhitespace),e.AttributeAnyValue,((e,t,i)=>t=>ae.objectSet(t,e.split("."),i,!0))).trim(Re.optWhitespace).sepBy(Re.string(",")).skip(Re.regex(/,?/).then(Re.optWhitespace)),Re.string(")"),((e,t,i)=>{let n={};t.forEach((e=>e(n)));let s=new Ie(n);return e&&(s.lookbehind=e),s}))}class Fe{static grammar=ze.createLanguage(new _e);constructor(e,t="",i=",",n=!1,s="=",r=(e=>e.join("."))){this.entityType=e,this.attributePrefix=t,this.attributeSeparator=i,this.trailingSeparator=n,this.attributeValueConjunctionSign=s,this.attributeKeyPrinter=r}deserialize(e){return this.read(e)}serialize(e,t=!1,i=e){return this.write(i,e,t)}read(e){throw new Error("Not implemented")}write(e,t,i){throw new Error("Not implemented")}writeValue(e,t,i,n){const s=ae.getType(t),r=ne.getSerializer(s);if(!r)throw new Error(`Unknown value type "${s.name}", a serializer must be registered in the SerializerFactory class, check initializeSerializerFactory.js`);return r.write(t instanceof oe?t:e,t,n)}subWrite(e,t,i,n){let s="",r=t.concat("");const a=r.length-1,o=i.constructor.attributes,l=o?ae.mergeArrays(Object.keys(o),Object.keys(i)):Object.keys(i);for(const t of l){r[a]=t;const o=i[t];if(o?.constructor===Object)s+=(s.length?this.attributeSeparator:"")+this.subWrite(e,r,o,n);else if(void 0!==o&&this.showProperty(e,i,r,o)){const t=ae.isSerialized(e,r);s+=(s.length?this.attributeSeparator:"")+this.attributePrefix+this.attributeKeyPrinter(r)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,o,r,!0)}"`:this.writeValue(e,o,r,n))}}return this.trailingSeparator&&s.length&&1===r.length&&(s+=this.attributeSeparator),s}showProperty(e,t,i,n){const s=this.entityType.attributes,r=ae.objectGet(s,i);return r?.constructor!==Object||!r.ignored&&(!ae.equals(r.value,n)||r.showDefault)}}class Ge extends Fe{constructor(){super($e,"   ","\n",!1)}showProperty(e,t,i,n){switch(i.toString()){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t,i,n)}read(e){const t=Fe.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Fe.grammar.MultipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t,i){return`Begin Object Class=${t.Class.path} Name=${this.writeValue(e,t.Name,["Name"],i)}\n${this.subWrite(e,[],t,i)+t.CustomProperties.map((e=>this.attributeSeparator+this.attributePrefix+"CustomProperties "+ne.getSerializer(De).serialize(e))).join("")}\nEnd Object\n`}}class je extends ie{static#l=new Ge;#u;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#u=e=>n.copied()}listenEvents(){window.addEventListener("copy",this.#u)}unlistenEvents(){window.removeEventListener("copy",this.#u)}getSerializedText(){return this.blueprint.getNodes(!0).map((e=>je.#l.serialize(e.entity,!1))).join("")}copied(){const e=this.getSerializedText();navigator.clipboard.writeText(e)}}class Ue{element;get blueprint(){return this.element.blueprint}#c=[];get inputObjects(){return this.#c}initialize(e){this.element=e}createInputObjects(){return[]}getInputObject(e){return this.inputObjects.find((t=>t.constructor==e))}setup(){this.#c.forEach((e=>e.setup()))}cleanup(){this.#c.forEach((e=>e.cleanup()))}willUpdate(e){}update(e){}render(){return H``}firstUpdated(e){}updated(e){}inputSetup(){this.#c=this.createInputObjects()}}class We extends ie{#h;constructor(e,t,i={}){i.activateAnyKey??=!1,i.activationKeys??=[],i.consumeEvent??=!0,i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,i.activationKeys instanceof Array||(i.activationKeys=[i.activationKeys]),i.activationKeys=i.activationKeys.map((e=>{if(e instanceof fe)return e;if(e.constructor===String){const t=Fe.grammar.KeyBinding.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,i),this.#h=this.options.activationKeys??[];let n=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||n.#h.some((t=>(e=>e.bShift||"LeftShift"==e.Key||"RightShift"==e.Key)(t)==e.shiftKey&&(e=>e.bCtrl||"LeftControl"==e.Key||"RightControl"==e.Key)(t)==e.ctrlKey&&(e=>e.bAlt||"LeftAlt"==e.Key||"RightAlt"==e.Key)(t)==e.altKey&&te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&(e.preventDefault(),e.stopImmediatePropagation()),n.fire(),document.removeEventListener("keydown",n.keyDownHandler),document.addEventListener("keyup",n.keyUpHandler))},this.keyUpHandler=e=>{(this.options.activateAnyKey||n.#h.some((t=>t.bShift&&"Shift"==e.key||t.bCtrl&&"Control"==e.key||t.bAlt&&"Alt"==e.key||t.bCmd&&"Meta"==e.key||te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&e.stopImmediatePropagation(),n.unfire(),document.removeEventListener("keyup",this.keyUpHandler),document.addEventListener("keydown",this.keyDownHandler))}}listenEvents(){document.addEventListener("keydown",this.keyDownHandler)}unlistenEvents(){document.removeEventListener("keydown",this.keyDownHandler)}fire(){}unfire(){}}class Ke extends We{constructor(e,t,i={}){i.activationKeys=te.deleteNodesKeyboardKey,super(e,t,i)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Xe extends ie{constructor(e,t,i={}){i.ignoreTranslateCompensate??=!1,i.ignoreScale??=!1,i.movementSpace??=t.getGridDOMElement()??document.documentElement,super(e,t,i),this.movementSpace=i.movementSpace}locationFromEvent(e){const t=ae.convertLocation([e.clientX,e.clientY],this.movementSpace,this.options.ignoreScale);return this.options.ignoreTranslateCompensate?t:this.blueprint.compensateTranslation(t[0],t[1])}}class Ze extends Xe{#d=e=>{e.preventDefault();const t=this.locationFromEvent(e);this.wheel(Math.sign(e.deltaY*te.mouseWheelFactor),t)};#p=e=>e.preventDefault();constructor(e,t,i={}){i.listenOnFocus=!0,i.strictTarget??=!1,super(e,t,i),this.strictTarget=i.strictTarget}listenEvents(){this.movementSpace.addEventListener("wheel",this.#d,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#p)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#d,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#p)}wheel(e,t){}}class Ye extends Ze{#m=!1;get enableZoonIn(){return this.#m}set enableZoonIn(e){e!=this.#m&&(this.#m=e)}wheel(e,t){let i=this.blueprint.getZoom();e=-e,!this.enableZoonIn&&0==i&&e>0||(i+=e,this.blueprint.setZoom(i,t))}}class qe extends We{#g;constructor(e,t,i={}){i.activationKeys=te.enableZoomIn,super(e,t,i)}fire(){this.#g=this.blueprint.getInputObject(Ye),this.#g.enableZoonIn=!0}unfire(){this.#g.enableZoonIn=!1}}class Je extends We{constructor(e,t,i={}){i.activationKeys=te.selectAllKeyboardKey,super(e,t,i)}fire(){this.blueprint.selectAll()}}class Qe extends Q{#b=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#v;get entity(){return this.#v}set entity(e){this.#v=e}#f;get template(){return this.#f}isInitialized=!1;isSetup=!1;inputObjects=[];initialize(e,t){this.requestUpdate(),this.#v=e,this.#f=t,this.#f.initialize(this),this.isConnected&&this.updateComplete.then((()=>this.setup())),this.isInitialized=!0}connectedCallback(){super.connectedCallback(),this.blueprint=this.closest("ueb-blueprint"),this.isInitialized&&(this.requestUpdate(),this.updateComplete.then((()=>this.setup())))}disconnectedCallback(){super.disconnectedCallback(),this.isSetup&&this.updateComplete.then((()=>this.cleanup())),this.acknowledgeDelete()}createRenderRoot(){return this}shouldUpdate(e){return this.isInitialized&&this.isConnected}setup(){this.template.setup(),this.isSetup=!0}cleanup(){this.template.cleanup(),this.isSetup=!1}willUpdate(e){super.willUpdate(e),this.template.willUpdate(e)}update(e){super.update(e),this.template.update(e)}render(){return this.template.render()}firstUpdated(e){super.firstUpdated(e),this.template.firstUpdated(e),this.template.inputSetup()}updated(e){super.updated(e),this.template.updated(e);for(const t of this.#b)t(e);this.#b=[]}addNextUpdatedCallbacks(e,t=!1){this.#b.push(e),t&&this.requestUpdate()}acknowledgeDelete(){let e=new CustomEvent(te.removeEventName);this.dispatchEvent(e)}isSameGraph(e){return this.blueprint&&this.blueprint==e?.blueprint}getInputObject(e){return this.template.inputObjects.find((t=>t.constructor==e))}}class et extends Qe{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1},sizeX:{type:Number,attribute:!1},sizeY:{type:Number,attribute:!1}};static dragEventName=te.dragEventName;static dragGeneralEventName=te.dragGeneralEventName;constructor(){super(),this.locationX=0,this.locationY=0,this.sizeX=0,this.sizeY=0}computeSizes(){const e=this.getBoundingClientRect();this.sizeX=this.blueprint.scaleCorrect(e.width),this.sizeY=this.blueprint.scaleCorrect(e.height)}firstUpdated(e){super.firstUpdated(e),this.computeSizes()}setLocation(e,t,i=!0){const n=e-this.locationX,s=t-this.locationY;if(this.locationX=e,this.locationY=t,this.blueprint&&i){const e=new CustomEvent(this.constructor.dragEventName,{detail:{value:[n,s]},bubbles:!1,cancelable:!0});this.dispatchEvent(e)}}addLocation(e,t,i=!0){this.setLocation(this.locationX+e,this.locationY+t,i)}acknowledgeDrag(e){const t=new CustomEvent(this.constructor.dragGeneralEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=ae.snapToGrid(this.locationX,this.locationY,te.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e[0],e[1])}topBoundary(e=!1){return this.template.topBoundary(e)}rightBoundary(e=!1){return this.template.rightBoundary(e)}bottomBoundary(e=!1){return this.template.bottomBoundary(e)}leftBoundary(e=!1){return this.template.leftBoundary(e)}}class tt extends Xe{#y=e=>{if(this.blueprint.setFocused(!0),e.button===this.options.clickButton)this.options.strictTarget&&e.target!=e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#w.addEventListener("mousemove",this.#E),document.addEventListener("mouseup",this.#C),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.target instanceof et&&(this.clickedOffset=[this.clickedPosition[0]-this.target.locationX,this.clickedPosition[1]-this.target.locationY]),this.clicked(this.clickedPosition));else this.options.exitAnyButton||this.#C(e)};#E=e=>{this.options.consumeEvent&&e.stopImmediatePropagation(),this.#w.removeEventListener("mousemove",this.#E),this.#w.addEventListener("mousemove",this.#S);const t=this.getEvent(te.trackingMouseEventName.begin);this.#P=0==this.target.dispatchEvent(t);const i=this.locationFromEvent(e);this.lastLocation=ae.snapToGrid(this.clickedPosition[0],this.clickedPosition[1],this.stepSize),this.startDrag(i),this.started=!0};#S=e=>{this.options.consumeEvent&&e.stopImmediatePropagation();const t=this.locationFromEvent(e),i=[e.movementX,e.movementY];if(this.dragTo(t,i),this.#P&&(this.blueprint.mousePosition=t),this.options.scrollGraphEdge){const e=Math.sqrt(i[0]*i[0]+i[1]*i[1]),n=this.blueprint.scaleCorrect(te.edgeScrollThreshold),s=this.blueprint.template.gridLeftVisibilityBoundary()+n,r=this.blueprint.template.gridRightVisibilityBoundary()-n;let a=0;t[0]<s?a=t[0]-s:t[0]>r&&(a=t[0]-r);const o=this.blueprint.template.gridTopVisibilityBoundary()+n,l=this.blueprint.template.gridBottomVisibilityBoundary()-n;let u=0;t[1]<o?u=t[1]-o:t[1]>l&&(u=t[1]-l),a=ae.clamp(this.blueprint.scaleCorrectReverse(a)**3*e*.6,-20,20),u=ae.clamp(this.blueprint.scaleCorrectReverse(u)**3*e*.6,-20,20),this.blueprint.scrollDelta(a,u)}};#C=e=>{if(!this.options.exitAnyButton||e.button==this.options.clickButton){if(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#w.removeEventListener("mousemove",this.#E),this.#w.removeEventListener("mousemove",this.#S),document.removeEventListener("mouseup",this.#C),this.started&&this.endDrag(),this.unclicked(),this.#P){const e=this.getEvent(te.trackingMouseEventName.end);this.target.dispatchEvent(e),this.#P=!1}this.started=!1}};#P=!1;#w;#x;clickedOffset=[0,0];clickedPosition=[0,0];lastLocation=[0,0];started=!1;stepSize=1;constructor(e,t,i={}){i.clickButton??=0,i.consumeEvent??=!0,i.draggableElement??=e,i.exitAnyButton??=!0,i.moveEverywhere??=!1,i.movementSpace??=t?.getGridDOMElement(),i.repositionOnClick??=!1,i.scrollGraphEdge??=!1,i.strictTarget??=!1,super(e,t,i),this.stepSize=parseInt(i?.stepSize??te.gridSize),this.#w=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#x=this.options.draggableElement,this.listenEvents()}listenEvents(){super.listenEvents(),this.#x.addEventListener("mousedown",this.#y),2==this.options.clickButton&&this.#x.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){super.unlistenEvents(),this.#x.removeEventListener("mousedown",this.#y)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class it extends tt{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta(-t[0],-t[1])}endDrag(){this.blueprint.scrolling=!1}}class nt extends Xe{#k=null;#L=e=>{e.preventDefault(),this.blueprint.mousePosition=this.locationFromEvent(e)};#N=e=>{this.#k||(e.preventDefault(),this.#k=e.detail.tracker,this.unlistenMouseMove())};#T=e=>{this.#k==e.detail.tracker&&(e.preventDefault(),this.#k=null,this.listenMouseMove())};constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i)}listenMouseMove(){this.target.addEventListener("mousemove",this.#L)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#L)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(te.trackingMouseEventName.begin,this.#N),this.blueprint.addEventListener(te.trackingMouseEventName.end,this.#T)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(te.trackingMouseEventName.begin,this.#N),this.blueprint.removeEventListener(te.trackingMouseEventName.end,this.#T)}}class st{static#A=new Map;static registerElement(e,t){st.#A.set(e,t)}static getConstructor(e){return st.#A.get(e)}}class rt extends ie{static#l=new Ge;#M;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#M=e=>n.pasted(e.clipboardData.getData("Text"))}listenEvents(){window.addEventListener("paste",this.#M)}unlistenEvents(){window.removeEventListener("paste",this.#M)}pasted(e){let t=0,i=0,n=0,s=rt.#l.readMultiple(e).map((e=>{let s=st.getConstructor("ueb-node").newObject(e);return t+=s.locationY,i+=s.locationX,++n,s}));t/=n,i/=n,s.length>0&&this.blueprint.unselectAll();let r=this.blueprint.mousePosition;return s.forEach((e=>{e.addLocation(r[0]-i,r[1]-t),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...s),!0}}class at extends tt{constructor(e,t,i={}){i.scrollGraphEdge??=!0,super(e,t,i),this.selectorElement=this.blueprint.template.selectorElement}startDrag(){this.selectorElement.beginSelect(this.clickedPosition)}dragTo(e,t){this.selectorElement.selectTo(e)}endDrag(){this.started&&this.selectorElement.endSelect()}unclicked(){this.started||this.blueprint.unselectAll()}}class ot extends ie{#D=e=>this.clickedSomewhere(e.target);constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i),this.blueprint.focus&&document.addEventListener("click",this.#D)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#D)}unlistenEvents(){document.removeEventListener("click",this.#D)}}class lt extends Ue{static styleVariables={"--ueb-font-size":`${te.fontSize}`,"--ueb-grid-axis-line-color":`${te.gridAxisLineColor}`,"--ueb-grid-expand":`${te.expandGridSize}px`,"--ueb-grid-line-color":`${te.gridLineColor}`,"--ueb-grid-line-width":`${te.gridLineWidth}px`,"--ueb-grid-set-line-color":`${te.gridSetLineColor}`,"--ueb-grid-set":`${te.gridSet}`,"--ueb-grid-size":`${te.gridSize}px`,"--ueb-link-min-width":`${te.linkMinWidth}`,"--ueb-node-radius":`${te.nodeRadius}px`};#B=new ResizeObserver((e=>{const t=e.find((e=>e.target===this.viewportElement))?.devicePixelContentBoxSize?.[0];t&&(this.viewportSize[0]=t.inlineSize,this.viewportSize[1]=t.blockSize)}));headerElement;overlayElement;viewportElement;selectorElement;gridElement;linksContainerElement;nodesContainerElement;viewportSize=[0,0];initialize(e){super.initialize(e),this.element.style.cssText=Object.entries(lt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}setup(){super.setup(),this.#B.observe(this.viewportElement,{box:"device-pixel-content-box"});const e=this.viewportElement.getBoundingClientRect();this.viewportSize[0]=e.width,this.viewportSize[1]=e.height,this.blueprint.nodes.length>0&&(this.blueprint.requestUpdate(),this.blueprint.updateComplete.then((()=>this.centerContentInViewport())))}cleanup(){super.cleanup(),this.#B.unobserve(this.viewportElement)}createInputObjects(){return[...super.createInputObjects(),new je(this.element.getGridDOMElement(),this.element),new rt(this.element.getGridDOMElement(),this.element),new Ke(this.element.getGridDOMElement(),this.element),new Je(this.element.getGridDOMElement(),this.element),new Ye(this.element.getGridDOMElement(),this.element),new at(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new it(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new ot(this.element.getGridDOMElement(),this.element),new nt(this.element.getGridDOMElement(),this.element),new qe(this.element.getGridDOMElement(),this.element)]}render(){return H`<div class="ueb-viewport-header"><div class="ueb-viewport-zoom">Zoom ${0==this.element.zoom?"1:1":(this.element.zoom>0?"+":"")+this.element.zoom}</div></div><div class="ueb-viewport-overlay"></div><div class="ueb-viewport-body"><div class="ueb-grid" style="--ueb-additional-x:${Math.round(this.element.translateX)}--ueb-additional-y:${Math.round(this.element.translateY)}--ueb-translate-x:${Math.round(this.element.translateX)}--ueb-translate-y:${Math.round(this.element.translateY)}"><div class="ueb-grid-content"><div data-links></div><div data-nodes></div><ueb-selector></ueb-selector></div></div></div>`}firstUpdated(e){super.firstUpdated(e),this.headerElement=this.element.querySelector(".ueb-viewport-header"),this.overlayElement=this.element.querySelector(".ueb-viewport-overlay"),this.viewportElement=this.element.querySelector(".ueb-viewport-body"),this.selectorElement=this.element.querySelector("ueb-selector"),this.gridElement=this.viewportElement.querySelector(".ueb-grid"),this.linksContainerElement=this.element.querySelector("[data-links]"),this.linksContainerElement.append(...this.element.getLinks()),this.nodesContainerElement=this.element.querySelector("[data-nodes]"),this.nodesContainerElement.append(...this.element.getNodes()),this.viewportElement.scroll(te.expandGridSize,te.expandGridSize)}willUpdate(e){super.willUpdate(e),this.headerElement&&e.has("zoom")&&(this.headerElement.classList.add("ueb-zoom-changed"),this.headerElement.addEventListener("animationend",(()=>this.headerElement.classList.remove("ueb-zoom-changed"))))}updated(e){if(super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.viewportElement.scroll(this.element.scrollX,this.element.scrollY),e.has("zoom")){this.element.style.setProperty("--ueb-scale",this.blueprint.getScale());const t=e.get("zoom"),i=Math.min(t,this.element.zoom),n=Math.max(t,this.element.zoom),s=ae.range(i,n),r=e=>`ueb-zoom-${e}`;t<this.element.zoom?(this.element.classList.remove(...s.filter((e=>e<0)).map(r)),this.element.classList.add(...s.filter((e=>e>0)).map(r))):(this.element.classList.remove(...s.filter((e=>e>0)).map(r)),this.element.classList.add(...s.filter((e=>e<0)).map(r)))}}getCommentNodes(e=!1){return this.element.querySelectorAll(`ueb-node[data-type="${te.nodeType.comment}"]${e?'[data-selected="true"]':""}`)}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}getCopyInputObject(){return this.getInputObject(je)}isPointVisible(e,t){return!1}gridTopVisibilityBoundary(){return this.blueprint.scaleCorrect(this.blueprint.scrollY)-this.blueprint.translateY}gridRightVisibilityBoundary(){return this.blueprint,this.gridLeftVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[0])}gridBottomVisibilityBoundary(){return this.gridTopVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[1])}gridLeftVisibilityBoundary(){return this.blueprint.scaleCorrect(this.blueprint.scrollX)-this.blueprint.translateX}centerViewport(e=0,t=0,i=!0){const n=this.gridLeftVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[0]/2),s=this.gridTopVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[1]/2);this.blueprint.scrollDelta(this.blueprint.scaleCorrectReverse(e-n),this.blueprint.scaleCorrectReverse(t-s),i)}centerContentInViewport(e=!0){let t=0,i=0;const n=this.blueprint.getNodes();for(const e of n)t+=e.leftBoundary()+e.rightBoundary(),i+=e.topBoundary()+e.bottomBoundary();t=n.length>0?Math.round(t/(2*n.length)):0,i=n.length>0?Math.round(i/(2*n.length)):0,this.centerViewport(t,i,e)}}class ut extends Qe{static properties={...super.properties,fromX:{type:Number,attribute:!1},fromY:{type:Number,attribute:!1},toX:{type:Number,attribute:!1},toY:{type:Number,attribute:!1}};constructor(){super(),this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}setBothLocations([e,t]){this.fromX=e,this.fromY=t,this.toX=e,this.toY=t}addSourceLocation(e,t){this.fromX+=e,this.fromY+=t}addDestinationLocation(e,t){this.toX+=e,this.toY+=t}}class ct extends Ue{update(e){super.update(e);const[t,i,n,s]=[Math.round(this.element.fromX),Math.round(this.element.fromY),Math.round(this.element.toX),Math.round(this.element.toY)],[r,a,o,l]=[Math.min(t,n),Math.min(i,s),Math.abs(t-n),Math.abs(i-s)];(e.has("fromX")||e.has("toX"))&&(this.element.style.left=`${r}px`,this.element.style.width=`${o}px`),(e.has("fromY")||e.has("toY"))&&(this.element.style.top=`${a}px`,this.element.style.height=`${l}px`)}}class ht extends $e{constructor(e={},t){super(e,!0),this.Class=new pe("/Script/BlueprintGraph.K2Node_Knot"),this.Name="K2Node_Knot";const i=new De({PinName:"InputPin"},!0),n=new De({PinName:"OutputPin",Direction:"EGPD_Output"},!0);t&&(i.copyTypeFrom(t),n.copyTypeFrom(t)),this.CustomProperties=[i,n]}}class dt extends Xe{static ignoreDbClick=e=>{};#H=e=>{this.options.strictTarget&&e.target!==e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.dbclicked(this.clickedPosition))};#$;get onDbClick(){return this.#$}set onDbClick(e){this.#$=e}clickedPosition=[0,0];constructor(e,t,i={},n=dt.ignoreDbClick){i.consumeEvent??=!0,i.strictTarget??=!1,super(e,t,i),this.#$=n,this.listenEvents()}listenEvents(){this.target.addEventListener("dblclick",this.#H)}unlistenEvents(){this.target.removeEventListener("dblclick",this.#H)}dbclicked(e){this.onDbClick(e)}}class pt extends ct{static decreasingValue(e,t){const i=-e*t[0]**2,n=t[1]-i/t[0];return e=>i/e+n}static clampedLine(e,t){if(e[0]>t[0]){const i=e;e=t,t=i}const i=(t[1]-e[1])/(t[0]-e[0]),n=e[1]-i*e[0];return s=>s<e[0]?e[1]:s>t[0]?t[1]:i*s+n}static c1DecreasingValue=pt.decreasingValue(-.15,[100,15]);static c2DecreasingValue=pt.decreasingValue(-.05,[500,130]);static c2Clamped=pt.clampedLine([0,80],[200,40]);#O=`ueb-id-${Math.floor(1e12*Math.random())}`;#V=e=>{const t=new ht({},this.element.sourcePin.entity),i=st.getConstructor("ueb-node").newObject(t);i.setLocation(...this.blueprint.snapToGrid(...e));const n=i.template;this.blueprint.addGraphElement(i);const s=this.element.getInputPin(),r=this.element.getOutputPin();this.element.sourcePin=null,this.element.destinationPin=null;const a=st.getConstructor("ueb-link").newObject(r,n.inputPin);this.blueprint.addGraphElement(a),this.element.sourcePin=n.outputPin,this.element.destinationPin=s};createInputObjects(){return[...super.createInputObjects(),new dt(this.element.querySelector(".ueb-link-area"),this.blueprint,void 0,(e=>{e[0]+=te.knotOffset[0],e[1]+=te.knotOffset[1],this.#V(e)}))]}willUpdate(e){super.willUpdate(e);const t=this.element.sourcePin,i=this.element.destinationPin;if(e.has("fromX")||e.has("toX")){const e=this.element.fromX,n=this.element.toX,s=t?.nodeElement.getType()==te.nodeType.knot,r=i?.nodeElement.getType()==te.nodeType.knot;!s||i&&!r||(t?.isInput()&&n>e+te.distanceThreshold?this.element.sourcePin=t.nodeElement.template.outputPin:t?.isOutput()&&n<e-te.distanceThreshold&&(this.element.sourcePin=t.nodeElement.template.inputPin)),!r||t&&!s||(i?.isInput()&&n<e-te.distanceThreshold?this.element.destinationPin=i.nodeElement.template.outputPin:i?.isOutput()&&n>e+te.distanceThreshold&&(this.element.destinationPin=i.nodeElement.template.inputPin))}const n=Math.max(Math.abs(this.element.fromX-this.element.toX),1),s=Math.max(Math.abs(this.element.fromY-this.element.toY),1),r=Math.max(n,te.linkMinWidth),a=n/r,o=this.element.originatesFromInput?this.element.fromX<this.element.toX:this.element.toX<this.element.fromX;this.element.startPixels=n<r?(r-n)/2:0,this.element.startPercentage=o?this.element.startPixels+100*a:this.element.startPixels;const l=this.element.startPercentage+(o?pt.c1DecreasingValue(r):10)*a,u=s/Math.max(30,n),c=pt.c2Clamped(n)*ae.sigmoidPositive(1.2*a+.5*u,1.5,1.8)+this.element.startPercentage;this.element.svgPathD=te.linkRightSVGPath(this.element.startPercentage,l,c)}update(e){super.update(e),e.has("originatesFromInput")&&this.element.style.setProperty("--ueb-from-input",this.element.originatesFromInput?"1":"0");const t=this.element.sourcePin??this.element.destinationPin;t&&this.element.style.setProperty("--ueb-link-color-rgb",ae.printLinearColor(t.color)),this.element.style.setProperty("--ueb-y-reflected",""+(this.element.fromY>this.element.toY?1:0)),this.element.style.setProperty("--ueb-start-percentage",`${Math.round(this.element.startPercentage)}%`),this.element.style.setProperty("--ueb-link-start",`${Math.round(this.element.startPixels)}`)}render(){return H`<svg version="1.2" baseProfile="tiny" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none"><g class="ueb-link-area"><path id="${this.#O}" fill="none" vector-effect="non-scaling-stroke" d="${this.element.svgPathD}"/><use href="#${this.#O}" pointer-events="stroke" stroke-width="20"/></g></svg> ${this.element.linkMessageIcon||this.element.linkMessageText?H`<div class="ueb-link-message">${this.element.linkMessageIcon!==O?H`<span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>`:O} ${this.element.linkMessageText!==O?H`<span class="ueb-link-message-text">${this.element.linkMessageText}</span>`:O}</div>`:O}`}}class mt extends ut{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:ae.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#z;get sourcePin(){return this.#z}set sourcePin(e){this.#I(e,!1)}#R;get destinationPin(){return this.#R}set destinationPin(e){this.#I(e,!0)}#_=()=>this.remove();#F=e=>this.addSourceLocation(...e.detail.value);#G=e=>this.addDestinationLocation(...e.detail.value);#j=e=>this.setSourceLocation();#U=e=>this.setDestinationLocation();linkMessageIcon=O;linkMessageText=O;pathElement;constructor(){super(),this.source=null,this.destination=null,this.dragging=!1,this.originatesFromInput=!1,this.startPercentage=0,this.svgPathD="",this.startPixels=0}static newObject(e,t){const i=new mt;return i.initialize(e,t),i}initialize(e,t){super.initialize({},new pt),e&&(this.sourcePin=e,t||(this.toX=this.fromX,this.toY=this.fromY)),t&&(this.destinationPin=t,e||(this.fromX=this.toX,this.fromY=this.toY))}#I(e,t){const i=()=>t?this.destinationPin:this.sourcePin;if(i()!=e){if(i()){const e=i().getNodeElement();e.removeEventListener(te.removeEventName,this.#_),e.removeEventListener(te.nodeDragEventName,t?this.#G:this.#F),e.removeEventListener(te.nodeReflowEventName,t?this.#U:this.#j),this.#W()}if(t?this.#R=e:this.#z=e,i()){const e=i().getNodeElement();e.addEventListener(te.removeEventName,this.#_),e.addEventListener(te.nodeDragEventName,t?this.#G:this.#F),e.addEventListener(te.nodeReflowEventName,t?this.#U:this.#j),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#K()}}}#K(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#W(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin,!1),this.destinationPin.unlinkFrom(this.sourcePin,!1))}cleanup(){super.cleanup(),this.#W(),this.sourcePin=null,this.destinationPin=null}setSourceLocation(e=null,t=!0){if(null==e){const i=this;if(t&&(!this.hasUpdated||!this.sourcePin.hasUpdated))return void Promise.all([this.updateComplete,this.sourcePin.updateComplete]).then((()=>i.setSourceLocation(null,!1)));e=this.sourcePin.template.getLinkLocation()}const[i,n]=e;this.fromX=i,this.fromY=n}setDestinationLocation(e=null,t=!0){if(null==e){const i=this;if(t&&(!this.hasUpdated||!this.destinationPin.hasUpdated))return void Promise.all([this.updateComplete,this.destinationPin.updateComplete]).then((()=>i.setDestinationLocation(null,!1)));e=this.destinationPin.template.getLinkLocation()}this.toX=e[0],this.toY=e[1]}getInputPin(){return this.sourcePin?.isInput()?this.sourcePin:this.destinationPin}setInputPin(e){this.sourcePin?.isInput()&&(this.sourcePin=e),this.destinationPin=e}getOutputPin(){return this.destinationPin?.isOutput()?this.destinationPin:this.sourcePin}setOutputPin(e){this.destinationPin?.isOutput()&&(this.destinationPin=e),this.sourcePin=e}startDragging(){this.dragging=!0}finishDragging(){this.dragging=!1}removeMessage(){this.linkMessageIcon=O,this.linkMessageText=O}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon=Be.correct,this.linkMessageText=O}setMessageReplace(){this.linkMessageIcon=Be.correct,this.linkMessageText=O}setMessageDirectionsIncompatible(){this.linkMessageIcon=Be.reject,this.linkMessageText=H`Directions are not compatbile.`}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText=H`Place a new node.`}setMessageReplaceLink(){this.linkMessageIcon=Be.correct,this.linkMessageText=H`Replace existing input connections.`}setMessageReplaceOutputLink(){this.linkMessageIcon=Be.correct,this.linkMessageText=H`Replace existing output connections.`}setMessageSameNode(){this.linkMessageIcon=Be.reject,this.linkMessageText=H`Both are on the same node.`}setMEssagetypesIncompatible(){this.linkMessageIcon=Be.reject,this.linkMessageText=H`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}class gt extends tt{clicked(e){this.options.repositionOnClick&&(this.target.setLocation(...this.stepSize>1?ae.snapToGrid(e[0],e[1],this.stepSize):e),this.clickedOffset=[0,0])}dragTo(e,t){const i=[this.target.locationX??this.lastLocation[0],this.target.locationY??this.lastLocation[1]],[n,s]=this.stepSize>1?[ae.snapToGrid(e[0],e[1],this.stepSize),ae.snapToGrid(i[0],i[1],this.stepSize)]:[e,i];0==(t=[n[0]-this.lastLocation[0],n[1]-this.lastLocation[1]])[0]&&0==t[1]||(t[0]+=s[0]-i[0],t[1]+=s[1]-i[1],this.dragAction(n,t),this.lastLocation=n)}dragAction(e,t){this.target.setLocation(e[0]-this.clickedOffset[0],e[1]-this.clickedOffset[1])}}class bt extends gt{#X;#Z;#Y;#q;constructor(e,t,i={}){super(e,t,i),i.onClicked&&(this.#X=i.onClicked),i.onStartDrag&&(this.#Z=i.onStartDrag),i.onDrag&&(this.#Y=i.onDrag),i.onEndDrag&&(this.#q=i.onEndDrag)}clicked(e){super.clicked(e),this.#X?.()}startDrag(){super.startDrag(),this.#Z?.()}dragAction(e,t){this.#Y?.(e,t)}endDrag(){super.endDrag(),this.#q?.()}}class vt extends Ue{getDraggableElement(){return this.element}createDraggableObject(){return new gt(this.element,this.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return this.element.locationY+this.element.sizeY}leftBoundary(e=!1){return this.element.locationX}centerInViewport(){const e=Math.min(this.blueprint.template.viewportSize[0]/10,this.blueprint.template.viewportSize[1]/10),t=this.leftBoundary()-this.blueprint.template.gridLeftVisibilityBoundary(),i=this.blueprint.template.gridRightVisibilityBoundary()-this.rightBoundary();let n=Math.max((t+i)/2,e);const s=this.topBoundary()-this.blueprint.template.gridTopVisibilityBoundary(),r=this.blueprint.template.gridBottomVisibilityBoundary()-this.bottomBoundary();let a=Math.max((s+r)/2,e);this.blueprint.scrollDelta(t-n,s-a,!0)}}class ft extends vt{update(e){super.update(e),e.has("locationX")&&(this.element.style.left=`${this.element.locationX}px`),e.has("locationY")&&(this.element.style.top=`${this.element.locationY}px`)}}class yt extends gt{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragAction(e,t){this.target.acknowledgeDrag(t)}unclicked(){this.started?(this.blueprint.getNodes(!0).forEach((e=>e.boundComments.filter((t=>!e.isInsideComment(t))).forEach((t=>e.unbindFromComment(t))))),this.blueprint.getCommentNodes().forEach((e=>e.template.manageNodesBind()))):(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class wt extends ft{getDraggableElement(){return this.element}createDraggableObject(){return new yt(this.element,this.blueprint,{draggableElement:this.getDraggableElement(),scrollGraphEdge:!0})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class Et extends wt{hasSubtitle=!1;static nodeStyleClasses=["ueb-node-style-default"];toggleAdvancedDisplayHandler=()=>{this.element.toggleShowAdvancedPinDisplay(),this.element.addNextUpdatedCallbacks((()=>this.element.acknowledgeReflow()),!0)};initialize(e){super.initialize(e),this.element.classList.add(...this.constructor.nodeStyleClasses),this.element.style.setProperty("--ueb-node-color",this.getColor().cssText)}getColor(){return this.element.entity.nodeColor()}render(){return H`<div class="ueb-node-border"><div class="ueb-node-wrapper"><div class="ueb-node-top">${this.renderTop()}</div><div class="ueb-node-content"><div class="ueb-node-inputs"></div><div class="ueb-node-outputs"></div></div>${this.element.entity.isDevelopmentOnly()?H`<div class="ueb-node-developmentonly"><span class="ueb-node-developmentonly-text">Development Only</span></div>`:O} ${this.element.advancedPinDisplay?H`<div class="ueb-node-expansion" @click="${this.toggleAdvancedDisplayHandler}">${Be.expandIcon}</div>`:O}</div></div>`}renderNodeIcon(){return this.element.entity.nodeIcon()}renderNodeName(){return this.element.getNodeDisplayName()}renderTop(){const e=this.renderNodeIcon(),t=this.renderNodeName();return H`<div class="ueb-node-name">${e?H`<div class="ueb-node-name-symbol">${e}</div>`:O} ${t?H`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.getTargetType().length>0?H`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Target is ${ae.formatStringName(this.getTargetType())}</div>`:O}</div>`:O}</div>`}firstUpdated(e){super.firstUpdated(e),this.setupPins(),this.element.updateComplete.then((()=>this.element.acknowledgeReflow()))}setupPins(){const e=this.element.querySelector(".ueb-node-inputs"),t=this.element.querySelector(".ueb-node-outputs");this.element.nodeNameElement=this.element.querySelector(".ueb-node-name-text");let i=!1,n=!1;this.element.getPinElements().forEach((s=>{s.isInput()?(e.appendChild(s),i=!0):s.isOutput()&&(t.appendChild(s),n=!0)})),i&&this.element.classList.add("ueb-node-has-inputs"),n&&this.element.classList.add("ueb-node-has-outputs")}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>(this.hasSubtitle=this.hasSubtitle||"self"===e.PinName&&"Target"===e.getDisplayName(),st.getConstructor("ueb-pin").newObject(e,void 0,this.element))))}getTargetType(){return this.element.entity.FunctionReference?.MemberParent?.getName()??"Untitled"}getPinElements(e){return e.querySelectorAll("ueb-pin")}linksChanged(){}}class Ct extends Et{#J=document.createElement("div");#Q=document.createElement("div");#ee=document.createElement("div");#te=document.createElement("div");#ie=document.createElement("div");#ne=document.createElement("div");#se=document.createElement("div");#re=document.createElement("div");initialize(e){super.initialize(e),this.element.classList.add("ueb-resizeable"),this.#J.classList.add("ueb-resizeable-top"),this.#Q.classList.add("ueb-resizeable-right"),this.#ee.classList.add("ueb-resizeable-bottom"),this.#te.classList.add("ueb-resizeable-left"),this.#ie.classList.add("ueb-resizeable-top-right"),this.#ne.classList.add("ueb-resizeable-bottom-right"),this.#se.classList.add("ueb-resizeable-bottom-left"),this.#re.classList.add("ueb-resizeable-top-left")}update(e){super.update(e),this.element.sizeX>=0&&e.has("sizeX")&&(this.element.style.width=`${this.element.sizeX}px`),this.element.sizeY>=0&&e.has("sizeY")&&(this.element.style.height=`${this.element.sizeY}px`)}firstUpdated(e){super.firstUpdated(e),this.element.append(this.#J,this.#Q,this.#ee,this.#te,this.#ie,this.#ne,this.#se,this.#re)}createInputObjects(){return[...super.createInputObjects(),new bt(this.#J,this.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.topBoundary(),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation(0,t[1],!1)},onEndDrag:()=>this.endResize()}),new bt(this.#Q,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),this.setSizeX(this.element.sizeX+t[0])},onEndDrag:()=>this.endResize()}),new bt(this.#ee,this.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.bottomBoundary(),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new bt(this.#te,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation(t[0],0,!1)},onEndDrag:()=>this.endResize()}),new bt(this.#ie,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation(0,t[1],!1)},onEndDrag:()=>this.endResize()}),new bt(this.#ne,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new bt(this.#se,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation(t[0],0,!1),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new bt(this.#re,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation(t[0],0,!1),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation(0,t[1],!1)},onEndDrag:()=>this.endResize()})]}setSizeX(e){return this.element.setNodeWidth(e),!0}setSizeY(e){return this.element.setNodeHeight(e),!0}endResize(){}}class St extends Ct{#ae=we.getWhite();#oe=0;initialize(e){e.entity.CommentColor&&(this.#ae.setFromRGBANumber(e.entity.CommentColor.toNumber()),this.#ae.setFromHSVA(this.#ae.H.value,this.#ae.S.value,.67*Math.pow(this.#ae.V.value,.45))),e.classList.add("ueb-node-style-comment","ueb-node-resizeable"),e.sizeX=25*te.gridSize,e.sizeY=6*te.gridSize,super.initialize(e)}getColor(){return r`${Math.round(255*this.#ae.R.value)}${Math.round(255*this.#ae.G.value)}${Math.round(255*this.#ae.B.value)}`}getDraggableElement(){return this.element.querySelector(".ueb-node-top")}render(){return H`<div class="ueb-node-border"><div class="ueb-node-wrapper"><div class="ueb-node-top">${this.element.entity.NodeComment}</div></div></div>`}firstUpdated(e){super.firstUpdated(e);const t=this.getDraggableElement().getBoundingClientRect();this.#oe=t.height}manageNodesBind(){let e=this.blueprint.getNodes();for(let t of e)t.topBoundary()>=this.element.topBoundary()&&t.rightBoundary()<=this.element.rightBoundary()&&t.bottomBoundary()<=this.element.bottomBoundary()&&t.leftBoundary()>=this.element.leftBoundary()?t.bindToComment(this.element):t.unbindFromComment(this.element)}setSizeX(e){return(e=Math.round(e))>=te.gridSet*te.gridSize&&(this.element.setNodeWidth(e),!0)}setSizeY(e){return(e=Math.round(e))>=3*te.gridSize&&(this.element.setNodeHeight(e),!0)}endResize(){this.manageNodesBind()}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return e?this.element.locationY+this.#oe:super.bottomBoundary()}leftBoundary(e=!1){return this.element.locationX}}class Pt extends tt{#le;#ue=null;#ce=e=>{if(!this.enteredPin){this.linkValid=!1,this.enteredPin=e.target;const t=this.link.sourcePin??this.target,i=this.enteredPin,n=t.isOutput()?t:i;t.nodeElement.getType()===te.nodeType.knot||i.nodeElement.getType()===te.nodeType.knot?(this.link.setMessageCorrect(),this.linkValid=!0):t.getNodeElement()===i.getNodeElement()?this.link.setMessageSameNode():t.isOutput()===i.isOutput()?this.link.setMessageDirectionsIncompatible():this.blueprint.getLinks(t,i).length?(this.link.setMessageReplaceLink(),this.linkValid=!0):"exec"===n.entity.getType()&&n.isLinked?(this.link.setMessageReplaceOutputLink(),this.linkValid=!0):(this.link.setMessageCorrect(),this.linkValid=!0)}};#he=e=>{this.enteredPin==e.target&&(this.enteredPin=null,this.linkValid=!1,this.link?.setMessagePlaceNode())};link;enteredPin;linkValid=!1;constructor(e,t,i={}){i.scrollGraphEdge??=!0,super(e,t,i)}startDrag(e){this.target.nodeElement.getType()==te.nodeType.knot&&(this.#ue=this.target),this.link=st.getConstructor("ueb-link").newObject(this.target,null),this.blueprint.template.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#le=this.blueprint.querySelectorAll("ueb-pin"),this.#le.forEach((e=>{e!=this.target&&(e.addEventListener("mouseenter",this.#ce),e.addEventListener("mouseleave",this.#he))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){if(this.#le.forEach((e=>{e.removeEventListener("mouseenter",this.#ce),e.removeEventListener("mouseleave",this.#he)})),this.enteredPin&&this.linkValid){if(this.#ue){const e=this.#ue!==this.link.sourcePin?this.link.sourcePin:this.enteredPin;if(this.#ue.isInput()&&e.isInput()||this.#ue.isOutput()&&e.isOutput()){const e=this.#ue.template.getOppositePin();this.#ue===this.link.sourcePin?this.link.sourcePin=e:this.enteredPin=e}}else this.enteredPin.nodeElement.getType()===te.nodeType.knot&&(this.enteredPin=this.enteredPin.template.getOppositePin());this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()}else this.link.finishDragging(),this.link.remove();this.enteredPin=null,this.link=null,this.#le=null}}class xt extends Et{#de=!1;#pe=!1;#me="";static nodeStyleClasses=["ueb-node-style-glass"];initialize(e){super.initialize(e),this.#me=this.element.getNodeDisplayName()}render(){return H`<div class="ueb-node-border"><div class="ueb-node-wrapper">${this.#me?H`<div class="ueb-node-top"><div class="ueb-node-name"><span class="ueb-node-name-text ueb-ellipsis-nowrap-text">${this.#me}</span></div></div>`:O}<div class="ueb-node-content">${this.#de?H`<div class="ueb-node-inputs"></div>`:O} ${this.#pe?H`<div class="ueb-node-outputs"></div>`:O}</div></div></div>`}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>{this.#de||=e.isInput(),this.#pe||=e.isOutput();return st.getConstructor("ueb-pin").newObject(e,void 0,this.element)}))}}class kt extends xt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-conversion"]}class Lt extends xt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-operation"]}class Nt extends Ue{static canWrapInput=!0;#ge;get iconElement(){return this.#ge}#be;get wrapperElement(){return this.#be}isNameRendered=!0;setup(){super.setup(),this.element.nodeElement=this.element.closest("ueb-node");const e=this.element.nodeElement.template;(e instanceof kt||e instanceof Lt)&&(this.isNameRendered=!1,this.element.requestUpdate())}createInputObjects(){return[new Pt(this.element,this.blueprint,{moveEverywhere:!0,draggableElement:this.#be})]}render(){const e=H`<div class="ueb-pin-icon">${this.renderIcon()}</div>`,t=H`<div class="ueb-pin-content">${this.isNameRendered?this.renderName():O} ${this.element.isInput()&&!this.element.entity.bDefaultValueIsIgnored?this.renderInput():H``}</div>`;return H`<div class="ueb-pin-wrapper">${this.element.isInput()?H`${e}${t}`:H`${t}${e}`}</div>`}renderIcon(){switch(this.element.entity.PinType.ContainerType.toString()){case"Array":return Be.array;case"Set":return Be.set;case"Map":return Be.map}return"delegate"===this.element.entity.PinType.PinCategory?Be.delegate:Be.genericPin}renderName(){return H`<span class="ueb-pin-name">${this.element.getPinDisplayName()}</span>`}renderInput(){return H``}updated(e){if(super.updated(e),this.element.isInput()&&e.has("isLinked")){const e=this.element.nodeElement;e.addNextUpdatedCallbacks((()=>e.acknowledgeReflow())),e.requestUpdate()}}firstUpdated(e){super.firstUpdated(e),this.element.style.setProperty("--ueb-pin-color-rgb",this.element.entity.pinColor().cssText),this.#ge=this.element.querySelector(".ueb-pin-icon svg")??this.element,this.#be=this.element.querySelector(".ueb-pin-wrapper")}getLinkLocation(){const e=this.iconElement.getBoundingClientRect(),t=[this.element.isInput()?e.left:e.right,(e.top+e.bottom)/2],i=ae.convertLocation(t,this.blueprint.template.gridElement);return this.blueprint.compensateTranslation(i[0],i[1])}getClickableElement(){return this.#be??this.element}}class Tt extends Nt{render(){return H`<div class="ueb-pin-wrapper"><div class="ueb-pin-icon">${this.renderIcon()}</div></div>`}}class At extends Et{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-event"];firstUpdated(e){super.firstUpdated(e),this.element.querySelector(".ueb-node-top").appendChild(this.createDelegatePinElement())}renderTop(){const e=this.renderNodeIcon(),t=this.renderNodeName();return H`<div class="ueb-node-name">${e?H`<div class="ueb-node-name-symbol">${e}</div>`:O} ${t?H`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.element.entity.FunctionReference.MemberParent?H`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Custom Event</div>`:O}</div>`:O}</div>`}createDelegatePinElement(){const e=st.getConstructor("ueb-pin").newObject(this.element.getPinEntities().find((e=>!e.isHidden()&&"delegate"===e.PinType.PinCategory)),new Tt,this.element);return e.template.isNameRendered=!1,e}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden()&&"delegate"!==e.PinType.PinCategory)).map((e=>st.getConstructor("ueb-pin").newObject(e,void 0,this.element)))}}class Mt extends et{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:ae.booleanConverter}};dragHandler=e=>this.addLocation(...e.detail.value);constructor(){super(),this.selected=!1,this.listeningDrag=!1}setup(){super.setup(),this.setSelected(this.selected)}cleanup(){super.cleanup(),this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(te.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class Dt extends Tt{render(){return this.element.isOutput()?super.render():H``}getOppositePin(){const e=this.element.nodeElement.template;return this.element.isOutput()?e.inputPin:e.outputPin}getLinkLocation(){const e=(this.element.isInput()?this.element.nodeElement.template.outputPin.template:this).iconElement.getBoundingClientRect(),t=[this.element.isInput()?e.left:e.right,(e.top+e.bottom)/2],i=ae.convertLocation(t,this.blueprint.template.gridElement);return this.blueprint.compensateTranslation(i[0],i[1])}}class Bt extends Et{static#ve=new Set;#fe=null;#ye;get inputPin(){return this.#ye}#we;get outputPin(){return this.#we}initialize(e){super.initialize(e),this.element.classList.add("ueb-node-style-minimal")}findDirectionaPin(e){if(e.nodeElement.getType()!==te.nodeType.knot||Bt.#ve.has(e))return Bt.#ve.clear(),!0;Bt.#ve.add(e);for(let t of e.getLinks().map((e=>this.blueprint.getPin(e))))if(this.findDirectionaPin(t))return!0;return!1}render(){return H`<div class="ueb-node-border"></div>`}setupPins(){this.element.getPinElements().forEach((e=>this.element.querySelector(".ueb-node-border").appendChild(e)))}getPinElements(e){return e.querySelectorAll("ueb-pin")}createPinElements(){const e=this.element.getPinEntities().filter((e=>!e.isHidden())),t=e[e[0].isInput()?0:1],i=e[e[0].isOutput()?0:1],n=st.getConstructor("ueb-pin");return[this.#ye=n.newObject(t,new Dt,this.element),this.#we=n.newObject(i,new Dt,this.element)]}linksChanged(){}}class Ht extends xt{initialize(e){super.initialize(e),e.getType()===te.nodeType.variableGet?this.element.classList.add("ueb-node-style-getter"):e.getType()===te.nodeType.variableSet&&this.element.classList.add("ueb-node-style-setter")}setupPins(){super.setupPins();let e=this.element.getPinElements().find((e=>!e.entity.isHidden()&&!e.entity.isExecution()));this.element.style.setProperty("--ueb-node-color",e.getColor().cssText)}}class $t extends Mt{static properties={...Mt.properties,typePath:{type:String,attribute:"data-type",reflect:!0},nodeName:{type:String,attribute:"data-name",reflect:!0},advancedPinDisplay:{type:String,attribute:"data-advanced-display",converter:ge.attributeConverter,reflect:!0},enabledState:{type:String,attribute:"data-enabled-state",reflect:!0},nodeDisplayName:{type:String,attribute:!1},pureFunction:{type:Boolean,converter:ae.booleanConverter,attribute:"data-pure-function",reflect:!0}};static dragEventName=te.nodeDragEventName;static dragGeneralEventName=te.nodeDragGeneralEventName;get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#Ee.forEach((t=>t.blueprint=e))}#Ce;get nodeNameElement(){return this.#Ce}set nodeNameElement(e){this.#Ce=e}#Ee=[];boundComments=[];#Se=!1;#Pe=e=>{this.selected||this.#Se||(this.#Se=!0,this.addNextUpdatedCallbacks((()=>this.#Se=!1)),this.addLocation(...e.detail.value))};static getTypeTemplate(e){if(e.getClass()===te.nodeType.callFunction||e.getClass()===te.nodeType.commutativeAssociativeBinaryOperator||e.getClass()===te.nodeType.callArrayFunction){const t=e.FunctionReference.MemberParent?.path??"";if("/Script/Engine.KismetMathLibrary"===t||"/Script/Engine.KismetArrayLibrary"===t){if(e.FunctionReference.MemberName?.startsWith("Conv_"))return kt;if(e.FunctionReference.MemberName?.startsWith("Percent_"))return Lt;switch(e.FunctionReference.MemberName){case"Array_Add":case"Array_Identical":case"Abs":case"Array_Add":case"BMax":case"BMin":case"Exp":case"FMax":case"FMin":case"Max":case"MaxInt64":case"Min":case"MinInt64":return Lt}}if("/Script/Engine.BlueprintSetLibrary"===t)return Lt;if("/Script/Engine.BlueprintMapLibrary"===t)return Lt}switch(e.getClass()){case te.nodeType.comment:return St;case te.nodeType.event:case te.nodeType.customEvent:return At;case te.nodeType.promotableOperator:return Lt;case te.nodeType.knot:return Bt;case te.nodeType.variableGet:case te.nodeType.variableSet:return Ht}return e.getDelegatePin()?At:Et}static fromSerializedObject(e){e=e.trim();let t=ne.getSerializer($e).deserialize(e);return $t.newObject(t)}static newObject(e=new $e,t=new($t.getTypeTemplate(e))){const i=new $t;return i.initialize(e,t),i}initialize(e=new $e,t=new($t.getTypeTemplate(e))){super.initialize(e,t),this.#Ee=this.template.createPinElements(),this.typePath=this.entity.getType(),this.nodeName=this.entity.getObjectName(),this.advancedPinDisplay=this.entity.AdvancedPinDisplay?.toString(),this.enabledState=this.entity.EnabledState,this.nodeDisplayName=this.getNodeDisplayName(),this.pureFunction=this.entity.bIsPureFunc,this.dragLinkObjects=[],super.setLocation(this.entity.getNodePosX(),this.entity.getNodePosY()),this.entity.NodeWidth&&this.entity.NodeHeight?(this.sizeX=this.entity.NodeWidth.value,this.sizeY=this.entity.NodeHeight.value):this.updateComplete.then((()=>this.computeSizes()))}getUpdateComplete(){return Promise.all([super.getUpdateComplete(),...this.getPinElements().map((e=>e.updateComplete))]).then((()=>!0))}bindToComment(e){e==this||this.boundComments.includes(e)||(e.addEventListener(te.nodeDragEventName,this.#Pe),this.boundComments.push(e))}unbindFromComment(e){const t=this.boundComments.indexOf(e);t>=0&&(e.removeEventListener(te.nodeDragEventName,this.#Pe),this.boundComments[t]=this.boundComments[this.boundComments.length-1],this.boundComments.pop())}isInsideComment(e){return this.topBoundary()>=e.topBoundary()&&this.rightBoundary()<=e.rightBoundary()&&this.bottomBoundary()<=e.bottomBoundary()&&this.leftBoundary()>=e.leftBoundary()}getType(){return this.entity.getType()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.nodeDisplayName()}setNodeWidth(e){this.entity.setNodeWidth(e),this.sizeX=e,this.acknowledgeReflow()}setNodeHeight(e){this.entity.setNodeHeight(e),this.sizeY=e,this.acknowledgeReflow()}sanitizeLinks(e=[]){this.getPinElements().forEach((t=>t.sanitizeLinks(e)))}rename(e){if(this.entity.Name==e)return!1;for(let t of this.getPinElements())for(let i of t.getLinks())this.blueprint.getPin(i).redirectLink(t,new Pe({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e,this.nodeName=this.entity.Name}getPinElements(){return this.#Ee}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof De))}setLocation(e=0,t=0,i=!0){this.entity.setNodePosX(e),this.entity.setNodePosY(t),super.setLocation(e,t,i)}acknowledgeReflow(){this.requestUpdate(),this.updateComplete.then((()=>this.computeSizes()));let e=new CustomEvent(te.nodeReflowEventName);this.dispatchEvent(e)}setShowAdvancedPinDisplay(e){this.entity.AdvancedPinDisplay=new ge(e?"Shown":"Hidden"),this.advancedPinDisplay=this.entity.AdvancedPinDisplay}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}class Ot extends Qe{static properties={selecting:{type:Boolean,attribute:"data-selecting",reflect:!0,converter:ae.booleanConverter},scrolling:{type:Boolean,attribute:"data-scrolling",reflect:!0,converter:ae.booleanConverter},resting:{type:Boolean,attribute:"data-resting",reflect:!0,converter:ae.booleanConverter,noAccessor:!0},focused:{type:Boolean,attribute:"data-focused",reflect:!0,converter:ae.booleanConverter},zoom:{type:Number,attribute:"data-zoom",reflect:!0},scrollX:{type:Number,attribute:!1},scrollY:{type:Number,attribute:!1},additionalX:{type:Number,attribute:!1},additionalY:{type:Number,attribute:!1},translateX:{type:Number,attribute:!1},translateY:{type:Number,attribute:!1}};static nodeBoundariesSupplier=e=>({primaryInf:e.leftBoundary(!0),primarySup:e.rightBoundary(!0),secondaryInf:e.topBoundary(!0),secondarySup:e.bottomBoundary(!0)});static nodeSelectToggleFunction=(e,t)=>{e.setSelected(t)};#xe=new Map;nodes=[];links=[];mousePosition=[0,0];waitingExpandUpdate=!1;get resting(){return!this.selecting&&!this.scrolling}set resting(e){}constructor(){super(),this.selecting=!1,this.scrolling=!1,this.focused=!1,this.zoom=0,this.scrollX=te.expandGridSize,this.scrollY=te.expandGridSize,this.translateX=te.expandGridSize,this.translateY=te.expandGridSize,super.initialize({},new lt)}initialize(){}getGridDOMElement(){return this.template.gridElement}getScroll(){return[this.scrollX,this.scrollY]}setScroll(e,t){this.scrollX=e,this.scrollY=t}scrollDelta(e=0,t=0,i=!1,n=te.smoothScrollTime){if(i){let i=[0,0];ae.animate(0,e,n,(e=>{this.scrollDelta(e-i[0],0,!1),i[0]=e})),ae.animate(0,t,n,(e=>{this.scrollDelta(0,e-i[1],!1),i[1]=e}))}else{const i=[2*te.expandGridSize,2*te.expandGridSize];let n=this.getScroll(),s=[n[0]+e,n[1]+t],r=[0,0];for(let e=0;e<2;++e)s[e]<te.gridExpandThreshold*te.expandGridSize?r[e]=-1:s[e]>i[e]-te.gridExpandThreshold*te.expandGridSize&&(r[e]=1);0==r[0]&&0==r[1]||this.seamlessExpand(r[0],r[1]),n=this.getScroll(),s=[n[0]+e,n[1]+t],this.setScroll(s[0],s[1])}}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],i=this.getViewportSize().map((e=>e/2)),n=[t[0]-i[0],t[1]-i[1]];this.scrollDelta(n[0],n[1],!0)}getViewportSize(){return[this.template.viewportElement.clientWidth,this.template.viewportElement.clientHeight]}getScrollMax(){return[this.template.viewportElement.scrollWidth-this.template.viewportElement.clientWidth,this.template.viewportElement.scrollHeight-this.template.viewportElement.clientHeight]}snapToGrid(e,t){return ae.snapToGrid(e,t,te.gridSize)}seamlessExpand(e,t){e=Math.round(e),t=Math.round(t);let i=this.getScale();[e,t]=[-e*te.expandGridSize,-t*te.expandGridSize],0!=e&&(this.scrollX+=e,e/=i),0!=t&&(this.scrollY+=t,t/=i),this.translateX+=e,this.translateY+=t}progressiveSnapToGrid(e){return te.expandGridSize*Math.round(e/te.expandGridSize+.5*Math.sign(e))}getZoom(){return this.zoom}setZoom(e,t){if((e=ae.clamp(e,te.minZoom,te.maxZoom))==this.zoom)return;let i=this.getScale();if(this.zoom=e,t){t[0]+=this.translateX,t[1]+=this.translateY;let e=this.getScale()/i,n=[e*t[0],e*t[1]];this.scrollDelta((n[0]-t[0])*i,(n[1]-t[1])*i)}}getScale(){return te.scale[this.getZoom()]}scaleCorrect(e){return e/this.getScale()}scaleCorrectReverse(e){return e*this.getScale()}compensateTranslation(e,t){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1,[t,i,n,s]=[Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MIN_SAFE_INTEGER]){let r=this.nodes;return e&&(r=r.filter((e=>e.selected))),(t>Number.MIN_SAFE_INTEGER||i<Number.MAX_SAFE_INTEGER||n<Number.MAX_SAFE_INTEGER||s>Number.MIN_SAFE_INTEGER)&&(r=r.filter((e=>e.topBoundary()>=t&&e.rightBoundary()<=i&&e.bottomBoundary()<=n&&e.leftBoundary()>=s))),r}getCommentNodes(e=!1){let t=[...this.template.getCommentNodes(e)];return 0===t.length&&(t=this.nodes.filter((t=>t.getType()===te.nodeType.comment&&(!e||t.selected)))),t}getPin(e){let t=this.template.getPin(e);return t&&t.nodeElement.getNodeName()==e.objectName.toString()||(t=[...this.nodes.find((t=>e.objectName.toString()==t.getNodeName()))?.getPinElements()??[]].find((t=>e.pinGuid.toString()==t.getPinId().toString()))),t}getLinks(e=null,t=null){if(null==e!=(null==t)){const i=e??t;return this.links.filter((e=>e.sourcePin==i||e.destinationPin==i))}return null!=e&&null!=t?this.links.filter((i=>i.sourcePin==e&&i.destinationPin==t||i.sourcePin==t&&i.destinationPin==e)):this.links}getLink(e,t,i=!1){return this.links.find((n=>n.sourcePin==e&&n.destinationPin==t||!i&&n.sourcePin==t&&n.destinationPin==e))}selectAll(){this.getNodes().forEach((e=>Ot.nodeSelectToggleFunction(e,!0)))}unselectAll(){this.getNodes().forEach((e=>Ot.nodeSelectToggleFunction(e,!1)))}addGraphElement(...e){const t=e=>{const i=e.currentTarget;i.removeEventListener(te.removeEventName,t);const n=i instanceof $t?this.nodes:i instanceof mt?this.links:null,s=n?.indexOf(i);if(s>=0){const e=n.pop();s<n.length&&(n[s]=e)}};for(const i of e)if(i.blueprint=this,i instanceof $t&&!this.nodes.includes(i)){const e=i.entity.getObjectName(),n=this.nodes.find((t=>t.entity.getObjectName()==e));if(n){let e=n.entity.getObjectName(!0);this.#xe[e]=this.#xe[e]??-1;do{++this.#xe[e]}while(this.nodes.find((t=>t.entity.getObjectName()==te.nodeName(e,this.#xe[e]))));n.rename(te.nodeName(e,this.#xe[e]))}this.nodes.push(i),i.addEventListener(te.removeEventName,t),this.template.nodesContainerElement?.appendChild(i)}else i instanceof mt&&!this.links.includes(i)&&(this.links.push(i),i.addEventListener(te.removeEventName,t),this.template.linksContainerElement&&!this.template.linksContainerElement.contains(i)&&this.template.linksContainerElement.appendChild(i));e.filter((e=>e instanceof $t)).forEach((t=>t.sanitizeLinks(e))),e.filter((e=>e instanceof $t&&e.getType()==te.nodeType.comment)).forEach((e=>e.updateComplete.then((()=>e.template.manageNodesBind()))))}removeGraphElement(...e){for(let t of e){if(t.closest("ueb-blueprint")!==this)return;t.remove()}}setFocused(e=!0){if(this.focused==e)return;let t=new CustomEvent(e?te.focusEventName.begin:te.focusEventName.end);this.focused=e,this.focused||this.unselectAll(),this.dispatchEvent(t)}acknowledgeEditText(e){const t=new CustomEvent(e?te.editTextEventName.begin:te.editTextEventName.end);this.dispatchEvent(t)}}customElements.define("ueb-blueprint",Ot);class Vt extends vt{#ke;get locationChangeCallback(){return this.#ke}set locationChangeCallback(e){this.#ke=e}movementSpace;movementSpaceSize=[0,0];firstUpdated(e){super.firstUpdated(e),this.movementSpace=this.element.parentElement}setup(){super.setup();const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new gt(this.element,this.blueprint,{draggableElement:this.movementSpace,ignoreTranslateCompensate:!0,moveEverywhere:!0,movementSpace:this.movementSpace,repositionOnClick:!0,stepSize:1})}adjustLocation(e,t){return this.locationChangeCallback?.(e,t),[e,t]}}class zt extends Vt{adjustLocation(e,t){const i=Math.round(this.movementSpaceSize[0]/2);e-=i,t=-(t-i);let[n,s]=ae.getPolarCoordinates(e,t);return n=Math.min(n,i),[e,t]=ae.getCartesianCoordinates(n,s),this.locationChangeCallback?.(e/i,t/i),[e=Math.round(e+i),t=Math.round(-t+i)]}}class It extends et{windowElement;setup(){super.setup(),this.windowElement=this.closest("ueb-window")}setLocation(e,t){super.setLocation(...this.template.adjustLocation(e,t))}}class Rt extends It{constructor(){super(),super.initialize({},new zt)}static newObject(){return new Rt}initialize(){}}class _t extends Vt{adjustLocation(e,t){return e=ae.clamp(e,0,this.movementSpaceSize[0]),t=ae.clamp(t,0,this.movementSpaceSize[1]),this.locationChangeCallback?.(e/this.movementSpaceSize[0],1-t/this.movementSpaceSize[1]),[e,t]}}class Ft extends It{constructor(){super(),super.initialize({},new _t)}static newObject(){return new Ft}initialize(){}}class Gt extends Ue{#Le=()=>{this.blueprint.acknowledgeEditText(!0),this.element.selectOnFocus&&getSelection().selectAllChildren(this.element)};#Ne=()=>{this.blueprint.acknowledgeEditText(!1),getSelection().removeAllRanges()};#Te=e=>e.target.querySelectorAll("br").forEach((e=>e.remove()));#Ae=e=>{"Enter"!=e.code||e.shiftKey||e.target.blur()};initialize(e){super.initialize(e),this.element.classList.add("ueb-pin-input-content"),this.element.setAttribute("role","textbox"),this.element.contentEditable="true"}setup(){super.setup(),this.element.addEventListener("focus",this.#Le),this.element.addEventListener("focusout",this.#Ne),this.element.singleLine&&this.element.addEventListener("input",this.#Te),this.element.blurOnEnter&&this.element.addEventListener("keydown",this.#Ae)}cleanup(){super.cleanup(),this.element.removeEventListener("focus",this.#Le),this.element.removeEventListener("focusout",this.#Ne),this.element.removeEventListener("input",this.#Te),this.element.removeEventListener("keydown",this.#Ae)}}class jt extends Qe{static properties={...super.properties,singleLine:{type:Boolean,attribute:"data-single-line",converter:ae.booleanConverter,reflect:!0},selectOnFocus:{type:Boolean,attribute:"data-select-focus",converter:ae.booleanConverter,reflect:!0},blurOnEnter:{type:Boolean,attribute:"data-blur-enter",converter:ae.booleanConverter,reflect:!0}};constructor(){super(),this.singleLine=!1,this.selectOnFocus=!0,this.blurOnEnter=!0,super.initialize({},new Gt)}static newObject(){return new jt}initialize(){}}class Ut extends tt{constructor(e,t,i={}){i.consumeEvent=!0,super(e,t,i)}}class Wt extends Nt{#Me;#De=e=>this.element.setDefaultValue(this.#Me.checked);firstUpdated(e){super.firstUpdated(e),this.#Me=this.element.querySelector(".ueb-pin-input")}setup(){super.setup(),this.#Me?.addEventListener("change",this.#De)}cleanup(){super.cleanup(),this.#Me?.removeEventListener("change",this.#De)}createInputObjects(){return[...super.createInputObjects(),new Ut(this.#Me,this.blueprint)]}renderInput(){return H`<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}">`}}class Kt extends Nt{renderIcon(){return Be.execPin}renderName(){let e=this.element.entity.PinName;if(this.element.entity.PinFriendlyName)e=this.element.entity.PinFriendlyName.toString();else if("execute"===e||"then"===e)return H``;return H`${ae.formatStringName(e)}`}}class Xt extends Nt{static singleLineInput=!1;static selectOnFocus=!0;#Be;get inputContentElements(){return this.#Be}static stringFromInputToUE(e){return e.replace(/(?=\n\s*)\n$/,"").replaceAll("\n","\\r\n")}static stringFromUEToInput(e){return e.replaceAll(/(?:\r|(?<=(?:^|[^\\])(?:\\\\)*)\\r)(?=\n)/g,"").replace(/(?<=\n\s*)$/,"\n")}#He=()=>this.setInputs(this.getInputs(),!0);#$e=e=>this.#Oe(e.target);#Oe(e){const t=this.blueprint.scaleCorrect(e.getBoundingClientRect().width)+this.nameWidth,i=this.element.classList.contains("ueb-pin-input-wrap");!i&&t>te.pinInputWrapWidth?this.element.classList.add("ueb-pin-input-wrap"):i&&t<=te.pinInputWrapWidth&&this.element.classList.remove("ueb-pin-input-wrap")}firstUpdated(e){super.firstUpdated(e),this.#Be=[...this.element.querySelectorAll("ueb-input")],this.constructor.canWrapInput&&(this.nameWidth=this.blueprint.scaleCorrect(this.element.querySelector(".ueb-pin-name").getBoundingClientRect().width),this.inputContentElements.forEach((e=>this.#Oe(e))))}setup(){super.setup(),this.#Be.forEach((e=>{e.addEventListener("focusout",this.#He),this.constructor.canWrapInput&&e.addEventListener("input",this.#$e)}))}cleanup(){super.cleanup(),this.#Be.forEach((e=>{e.removeEventListener("focusout",this.#He),e.removeEventListener("input",this.#$e)}))}createInputObjects(){return[...super.createInputObjects(),...this.#Be.map((e=>new Ut(e,this.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#Be.map((e=>ae.clearHTMLWhitespace(e.innerHTML)))}setInputs(e=[],t=!0){this.#Be.forEach(this.constructor.singleLineInput?(t,i)=>t.innerText=e[i]:(t,i)=>t.innerText=e[i].replaceAll("\n","")),t&&this.setDefaultValue(e.map((e=>Xt.stringFromInputToUE(e))),e),this.element.addNextUpdatedCallbacks((()=>this.element.nodeElement.acknowledgeReflow()))}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.join(""))}renderInput(){const e=this.constructor.singleLineInput,t=this.constructor.selectOnFocus;return H`<div class="ueb-pin-input"><ueb-input .singleLine="${e}" .selectOnFocus="${t}" .innerText="${Xt.stringFromUEToInput(this.element.getDefaultValue()?.toString()??"")}"></ueb-input></div>`}}class Zt extends Xt{static singleLineInput=!0;setInputs(e=[],t=!1){if(e&&0!=e.length||(e=[this.getInput()]),super.setInputs(e,!1),t){let i=[];for(const n of e){let e=parseFloat(n);isNaN(e)&&(e=0,t=!1),i.push(e)}this.setDefaultValue(i,e)}}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}}class Yt extends Zt{setDefaultValue(e=[],t=e){this.element.getDefaultValue(!0).value=e[0],this.inputContentElements[0].innerText=this.element.getDefaultValue()?.toString(),this.element.requestUpdate()}renderInput(){return H`<div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.element.getDefaultValue()?.toString()??"0"}"></ueb-input></div>`}}class qt extends Yt{setInputs(e=[],t=!1){if(e&&0!=e.length||(e=[this.getInput()]),super.setInputs(e,!1),t){if(!e[0].match(/[\-\+]?[0-9]+/))return;const t=[BigInt(e[0])];this.setDefaultValue(t,e)}}}
+var q,J;class Q extends g{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{var n,s;const r=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:t;let a=r._$litPart$;if(void 0===a){const e=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:null;r._$litPart$=a=new G(t.insertBefore(P(),e),e,void 0,null!=i?i:{})}return a._$AI(e),a})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!1)}render(){return H}}Q.finalized=!0,Q._$litElement$=!0,null===(q=globalThis.litElementHydrateSupport)||void 0===q||q.call(globalThis,{LitElement:Q});const ee=globalThis.litElementPolyfillSupport;null==ee||ee({LitElement:Q}),(null!==(J=globalThis.litElementVersions)&&void 0!==J?J:globalThis.litElementVersions=[]).push("3.2.2");class te{static nodeColors={blue:r``,gray:r``,green:r``,red:r``,turquoise:r``};static alphaPattern="repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px";static colorDragEventName="ueb-color-drag";static colorPickEventName="ueb-color-pick";static colorWindowEventName="ueb-color-window";static colorWindowName="Color Picker";static defaultCommentHeight=96;static defaultCommentWidth=400;static deleteNodesKeyboardKey="Delete";static distanceThreshold=5;static dragEventName="ueb-drag";static dragGeneralEventName="ueb-drag-general";static edgeScrollThreshold=50;static editTextEventName={begin:"ueb-edit-text-begin",end:"ueb-edit-text-end"};static enableZoomIn=["LeftControl","RightControl"];static expandGridSize=400;static focusEventName={begin:"blueprint-focus",end:"blueprint-unfocus"};static fontSize=r``;static gridAxisLineColor=r``;static gridExpandThreshold=.25;static gridLineColor=r``;static gridLineWidth=1;static gridSet=8;static gridSetLineColor=r``;static gridShrinkThreshold=4;static gridSize=16;static hexColorRegex=/^\s*#(?<r>[0-9a-fA-F]{2})(?<g>[0-9a-fA-F]{2})(?<b>[0-9a-fA-F]{2})([0-9a-fA-F]{2})?|#(?<rs>[0-9a-fA-F])(?<gs>[0-9a-fA-F])(?<bs>[0-9a-fA-F])\s*$/;static keysSeparator="+";static knotOffset=[-26,-16];static linkCurveHeight=15;static linkCurveWidth=80;static linkMinWidth=100;static linkRightSVGPath=(e,t,i)=>{let n=100-e;return`M ${e} 0 C ${t.toFixed(3)} 0, ${i.toFixed(3)} 0, 50 50 S ${(n-t+e).toFixed(3)} 100, ${n.toFixed(3)} 100`};static maxZoom=7;static minZoom=-12;static mouseWheelFactor=.2;static nodeDragGeneralEventName="ueb-node-drag-general";static nodeDragEventName="ueb-node-drag";static nodeName=(e,t)=>`${e}_${t}`;static nodeRadius=8;static nodeReflowEventName="ueb-node-reflow";static nodeType={callArrayFunction:"/Script/BlueprintGraph.K2Node_CallArrayFunction",callFunction:"/Script/BlueprintGraph.K2Node_CallFunction",comment:"/Script/UnrealEd.EdGraphNode_Comment",commutativeAssociativeBinaryOperator:"/Script/BlueprintGraph.K2Node_CommutativeAssociativeBinaryOperator",componentBoundEvent:"/Script/BlueprintGraph.K2Node_ComponentBoundEvent",customEvent:"/Script/BlueprintGraph.K2Node_CustomEvent",doN:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:Do N",dynamicCast:"/Script/BlueprintGraph.K2Node_DynamicCast",enum:"/Script/CoreUObject.Enum",enumLiteral:"/Script/BlueprintGraph.K2Node_EnumLiteral",event:"/Script/BlueprintGraph.K2Node_Event",executionSequence:"/Script/BlueprintGraph.K2Node_ExecutionSequence",forEachElementInEnum:"/Script/BlueprintGraph.K2Node_ForEachElementInEnum",forEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoop",forEachLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoopWithBreak",forLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoop",forLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoopWithBreak",functionEntry:"/Script/BlueprintGraph.K2Node_FunctionEntry",getInputAxisKeyValue:"/Script/BlueprintGraph.K2Node_GetInputAxisKeyValue",ifThenElse:"/Script/BlueprintGraph.K2Node_IfThenElse",inputAxisKeyEvent:"/Script/BlueprintGraph.K2Node_InputAxisKeyEvent",inputDebugKey:"/Script/InputBlueprintNodes.K2Node_InputDebugKey",inputKey:"/Script/BlueprintGraph.K2Node_InputKey",isValid:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:IsValid",knot:"/Script/BlueprintGraph.K2Node_Knot",macro:"/Script/BlueprintGraph.K2Node_MacroInstance",makeArray:"/Script/BlueprintGraph.K2Node_MakeArray",makeMap:"/Script/BlueprintGraph.K2Node_MakeMap",makeSet:"/Script/BlueprintGraph.K2Node_MakeSet",pawn:"/Script/Engine.Pawn",promotableOperator:"/Script/BlueprintGraph.K2Node_PromotableOperator",reverseForEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ReverseForEachLoop",select:"/Script/BlueprintGraph.K2Node_Select",userDefinedEnum:"/Script/Engine.UserDefinedEnum",variableGet:"/Script/BlueprintGraph.K2Node_VariableGet",variableSet:"/Script/BlueprintGraph.K2Node_VariableSet",whileLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:WhileLoop"};static pinColor={"/Script/CoreUObject.Rotator":r``,"/Script/CoreUObject.Transform":r``,"/Script/CoreUObject.Vector":r``,bool:r``,byte:r``,class:r``,default:r``,delegate:r``,enum:r``,exec:r``,int:r``,int64:r``,interface:r``,name:r``,object:r``,real:r``,string:r``,struct:r``,text:r``,wildcard:r``};static pinInputWrapWidth=134;static removeEventName="ueb-element-delete";static scale={[-12]:.133333,[-11]:.166666,[-10]:.2,[-9]:.233333,[-8]:.266666,[-7]:.3,[-6]:.333333,[-5]:.375,[-4]:.5,[-3]:.675,[-2]:.75,[-1]:.875,0:1,1:1.25,2:1.375,3:1.5,4:1.675,5:1.75,6:1.875,7:2};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static smoothScrollTime=1e3;static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static windowApplyEventName="ueb-window-apply";static windowApplyButtonText="OK";static windowCancelEventName="ueb-window-cancel";static windowCancelButtonText="Cancel";static windowCloseEventName="ueb-window-close";static ModifierKeys=["Ctrl","Shift","Alt","Meta"];static Keys={Backspace:"Backspace",Tab:"Tab",LeftControl:"ControlLeft",RightControl:"ControlRight",LeftShift:"ShiftLeft",RightShift:"ShiftRight",LeftAlt:"AltLeft",RightAlt:"AltRight",Enter:"Enter",Pause:"Pause",CapsLock:"CapsLock",Escape:"Escape",Space:"Space",PageUp:"PageUp",PageDown:"PageDown",End:"End",Home:"Home",ArrowLeft:"Left",ArrowUp:"Up",ArrowRight:"Right",ArrowDown:"Down",PrintScreen:"PrintScreen",Insert:"Insert",Delete:"Delete",Zero:"Digit0",One:"Digit1",Two:"Digit2",Three:"Digit3",Four:"Digit4",Five:"Digit5",Six:"Digit6",Seven:"Digit7",Eight:"Digit8",Nine:"Digit9",A:"KeyA",B:"KeyB",C:"KeyC",D:"KeyD",E:"KeyE",F:"KeyF",G:"KeyG",H:"KeyH",I:"KeyI",K:"KeyK",L:"KeyL",M:"KeyM",N:"KeyN",O:"KeyO",P:"KeyP",Q:"KeyQ",R:"KeyR",S:"KeyS",T:"KeyT",U:"KeyU",V:"KeyV",W:"KeyW",X:"KeyX",Y:"KeyY",Z:"KeyZ",NumPadZero:"Numpad0",NumPadOne:"Numpad1",NumPadTwo:"Numpad2",NumPadThree:"Numpad3",NumPadFour:"Numpad4",NumPadFive:"Numpad5",NumPadSix:"Numpad6",NumPadSeven:"Numpad7",NumPadEight:"Numpad8",NumPadNine:"Numpad9",Multiply:"NumpadMultiply",Add:"NumpadAdd",Subtract:"NumpadSubtract",Decimal:"NumpadDecimal",Divide:"NumpadDivide",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",NumLock:"NumLock",ScrollLock:"ScrollLock"}}class ie{#e;get target(){return this.#e}#t;get blueprint(){return this.#t}options;listenHandler=()=>this.listenEvents();unlistenHandler=()=>this.unlistenEvents();constructor(e,t,i={}){i.consumeEvent??=!1,i.listenOnFocus??=!1,i.unlistenOnTextEdit??=!1,this.#e=e,this.#t=t,this.options=i}setup(){this.options.listenOnFocus&&(this.blueprint.addEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.addEventListener(te.focusEventName.end,this.unlistenHandler)),this.options.unlistenOnTextEdit&&(this.blueprint.addEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.addEventListener(te.editTextEventName.end,this.listenHandler)),this.blueprint.focused&&this.listenEvents()}cleanup(){this.unlistenEvents(),this.blueprint.removeEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.removeEventListener(te.focusEventName.end,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.end,this.listenHandler)}listenEvents(){}unlistenEvents(){}}class ne{static#i=new Map;static registerSerializer(e,t){ne.#i.set(e,t)}static getSerializer(e){return ne.#i.get(e)}}class se{constructor(e){this.attributes=e}}class re{#n;get types(){return this.#n}constructor(...e){this.#n=e}getFirstType(){return this.#n[0]}}class ae{static emptyObj={};static booleanConverter={fromAttribute:(e,t)=>{},toAttribute:(e,t)=>!0===e?"true":!1===e?"false":""};static sigmoid(e,t=1.7){return 1/(1+e/(1-e)**-t)}static sigmoidPositive(e,t=3.7,i=1.1){return 1-Math.exp(-((e/i)**t))}static clamp(e,t=-1/0,i=1/0){return Math.min(Math.max(e,t),i)}static getScale(e){const t=e.blueprint?e.blueprint.getScale():getComputedStyle(e).getPropertyValue("--ueb-scale");return""!=t?parseFloat(t):1}static minDecimals(e,t=1,i=1e-8){const n=e*10**t;return Math.abs(n%1)>i?e.toString():e.toFixed(t)}static numberFromText(e=""){switch(e=e.toLowerCase()){case"zero":return 0;case"one":return 1;case"two":return 2;case"three":return 3;case"four":return 4;case"five":return 5;case"six":return 6;case"seven":return 7;case"eight":return 8;case"nine":return 9}}static roundDecimals(e,t=1){const i=10**t;return Math.round(e*i)/i}static approximatelyEqual(e,t,i=1e-8){return!(Math.abs(e-t)>i)}static convertLocation(e,t,i=!1){const n=i?1:1/ae.getScale(t),s=t.getBoundingClientRect();return[Math.round((e[0]-s.x)*n),Math.round((e[1]-s.y)*n)]}static isSerialized(e,t,i=ae.objectGet(e.constructor.attributes,t)){return i?.constructor===Object&&i.serialized}static objectGet(e,t,i){if(void 0!==e){if(!(t instanceof Array))throw new TypeError("UEBlueprint: Expected keys to be an array");return e instanceof se&&(e=e.attributes),0!=t.length&&t[0]in e&&void 0!==e[t[0]]?1==t.length?e[t[0]]:ae.objectGet(e[t[0]],t.slice(1),i):i}}static objectSet(e,t,i,n=!1,s=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(n||t[0]in e||void 0===e[t[0]])return e[t[0]]=i,!0}else if(t.length>0)return!n||e[t[0]]instanceof Object||(e[t[0]]=new s),ae.objectSet(e[t[0]],t.slice(1),i,n,s);return!1}static equals(e,t){return e?.equals&&t?.equals?e.equals(t):(e=ae.sanitize(e),t=ae.sanitize(t),e?.constructor===BigInt&&t?.constructor===Number?t=BigInt(t):e?.constructor===Number&&t?.constructor===BigInt&&(e=BigInt(e)),e===t||e instanceof Array&&t instanceof Array&&(e.length===t.length&&e.every(((e,i)=>ae.equals(e,t[i])))))}static getType(e){return null===e?null:e?.constructor===Object&&e?.type instanceof Function?e.type:e?.constructor}static isValueOfType(e,t,i=!1){return i&&null===e||e instanceof t||e?.constructor===t}static sanitize(e,t=e?.constructor){if(t instanceof re){let i=t.types.find((t=>ae.isValueOfType(e,t,!1)));i||(i=t.getFirstType()),t=i}return t&&!ae.isValueOfType(e,t,!0)&&(e=t===BigInt?BigInt(e):new t(e)),(e instanceof Boolean||e instanceof Number||e instanceof String||e instanceof BigInt)&&(e=e.valueOf()),e}static snapToGrid(e,t,i){return 1===i?[e,t]:[i*Math.round(e/i),i*Math.round(t/i)]}static mergeArrays(e=[],t=[]){let i=[];e=[...e],t=[...t];e:for(;;){for(let n=0;n<t.length;++n)for(let s=0;s<e.length;++s)if(e[s]==t[n]){i.push(...e.splice(0,s),...t.splice(0,n),...e.splice(0,1)),t.shift();continue e}break e}return[...new Set(i.concat(...e,...t))]}static escapeString(e){return e.replaceAll("\\","\\\\").replaceAll('"','\\"').replaceAll("\n","\\n").replaceAll("\t","\\t")}static unescapeString(e){return e.replaceAll("\\t","\t").replaceAll("\\n","\n").replaceAll('\\"','"').replaceAll("\\\\","\\")}static clearHTMLWhitespace(e){return e.replaceAll("&nbsp;"," ").replaceAll("<br>","\n").replaceAll(/(\<!--.*?\-->)/g,"")}static capitalFirstLetter(e){return 0===e.length?e:e.charAt(0).toUpperCase()+e.slice(1)}static formatStringName(e){return e.replace(/^\s*b/,"").replaceAll(/^K2(?:Node|node)?_|(?<=[a-z])(?=[A-Z0-9])|(?<=[A-Z])(?=[A-Z][a-z]|[0-9])|(?<=[014-9]|(?:2|3)(?!D(?:[^a-z]|$)))(?=[a-zA-Z])|\s*_+\s*|\s{2,}/g," ").split(" ").map((e=>ae.capitalFirstLetter(e))).join(" ").trim()}static getIdFromReference(e){return e.replace(/(?:.+\.)?([^\.]+)$/,"$1").replaceAll(/(?<=[a-z\d])(?=[A-Z])|(?<=[a-zA-Z])(?=\d)|(?<=[A-Z]{2})(?=[A-Z][a-z])/g,"-").toLowerCase()}static printLinearColor(e){return`${Math.round(255*e.R.valueOf())}, ${Math.round(255*e.G.valueOf())}, ${Math.round(255*e.B.valueOf())}`}static getPolarCoordinates(e,t,i=!1){let n=Math.atan2(t,e);return i&&n<0&&(n=2*Math.PI+n),[Math.sqrt(e*e+t*t),n]}static getCartesianCoordinates(e,t){return[e*Math.cos(t),e*Math.sin(t)]}static range(e=0,t=0,i=(t>=e?1:-1)){return Array.from({length:Math.ceil((t-e)/i)},((t,n)=>e+n*i))}static paste(e,t){const i=new ClipboardEvent("paste",{bubbles:!0,cancelable:!0,clipboardData:new DataTransfer});i.clipboardData.setData("text",t),e.dispatchEvent(i)}static animate(e,t,i,n,s=(e=>{const t=e**3.5;return t/(t+(1-e)**3.5)})){let r;const a=o=>{void 0===r&&(r=o);let l=(o-r)/i;ae.approximatelyEqual(l,1)||l>1?l=1:requestAnimationFrame(a);const u=e+(t-e)*s(l);n(u)};requestAnimationFrame(a)}}class oe{static attributes={};static defaultAttribute={showDefault:!0,nullable:!1,ignored:!1,serialized:!1,expected:!1};constructor(e={},t=!1){const i=(e,n,s={},r="")=>{const a=Object.keys(s),o=Object.keys(n),l=ae.mergeArrays(o,a);for(let o of l){let l=ae.objectGet(s,[o]),u=n[o];if(u instanceof se){e[o]={},i(e[o],u.attributes,s[o],o+".");continue}if(t||(o in n?a.length>0&&!(o in s)&&u.showDefault&&!u.ignored&&console.warn(`UEBlueprint: ${this.constructor.name} will add attribute ${r}${o} not defined in the serialized data`):console.warn(`UEBlueprint: Attribute ${r}${o} in the serialized data is not defined in ${this.constructor.name}.attributes`)),!u){e[o]=l;continue}let c=u.value,h=u.type;u.serialized&&h instanceof Function&&(h=h(this)),h instanceof Array&&(h=Array),c instanceof Function&&(c=c(this)),void 0===h&&(h=ae.getType(c));const d=u.predicate?t=>{Object.defineProperties(e,{["#"+o]:{writable:!0,enumerable:!1},[o]:{enumerable:!0,get(){return this["#"+o]},set(e){u.predicate?.(e)?this["#"+o]=e:console.warn(`UEBlueprint: Tried to assign attribute ${r}${o} to ${this.constructor.name} not satisfying the predicate`)}}}),this[o]=t}:t=>e[o]=t;void 0===l?(h instanceof re&&(h=null!=c?h.types.find((e=>c instanceof e||c.constructor==e))??h.getFirstType():h.getFirstType()),void 0===c&&(c=ae.sanitize(new h)),u.showDefault?(u.serialized&&h!==String&&c.constructor===String&&(c=ne.getSerializer(h).deserialize(c)),d(ae.sanitize(c,h))):d(void 0)):(l?.constructor===String&&u.serialized&&h!==String&&(l=ne.getSerializer(h).deserialize(l)),d(ae.sanitize(l,h)))}},n=this.constructor.attributes;e.constructor!==Object&&1===Object.keys(n).length&&(e={[Object.keys(n)[0]]:e}),i(this,n,e)}static cleanupAttributes(e,t=""){for(const i in e){if(e[i]instanceof se){this.cleanupAttributes(e[i].attributes,t+"."+i);continue}e[i].constructor!==Object&&(e[i]={value:e[i]});const n=e[i];if(void 0!==n.type||n.value instanceof Function||(n.type=ae.getType(n.value)),e[i]={...oe.defaultAttribute,...n},void 0===n.value&&void 0===n.type)throw new Error(`UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${t}`+i);null===n.value&&(e[i].nullable=!0)}}static isValueOfType(e,t){return null!=e&&(e instanceof t||e.constructor===t)}static expectsAllKeys(){return!Object.values(this.attributes).filter((e=>!e.ignored)).some((e=>!e.expected))}unexpectedKeys(){return Object.keys(this).length-Object.keys(this.constructor.attributes).length}equals(e){const t=Object.keys(this),i=Object.keys(this);if(t.length!=i.length)return!1;for(const i of t){if(this[i]instanceof oe&&!this[i].equals(e[i]))return!1;if(!ae.equals(this[i],e[i]))return!1}return!0}}class le extends oe{static attributes={...super.attributes,value:{value:0,predicate:e=>e%1==0&&e>1<<31&&e<-(1<<31)}};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e),this.value}valueOf(){return this.value}toString(){return this.value.toString()}}class ue extends le{static attributes={...super.attributes,value:{...super.attributes.value,predicate:e=>e%1==0&&e>=0&&e<256}};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e)}}class ce extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class he extends ce{}class de extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let i="";return t.forEach((e=>{i+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new de({value:i})}constructor(e){e||(e=de.generateGuid().value),super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class pe extends oe{static attributes={type:"",path:""};static{this.cleanupAttributes(this.attributes)}constructor(e={}){e.constructor===String&&(e={path:e}),super(e),this.type,this.path}getName(){return this.path.match(/[^\.\/]+$/)?.[0]??""}}class me extends oe{static attributes={MemberParent:{type:pe,showDefault:!1},MemberName:{type:String,showDefault:!1},MemberGuid:{type:de,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberParent,this.MemberName}}class ge extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}static attributeConverter={fromAttribute:(e,t)=>new ge(e),toAttribute:(e,t)=>e.toString()};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class be extends oe{static attributes={...super.attributes,value:{value:0n,predicate:e=>e>=-(1n<<63n)&&e<1n<<63n}};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e),this.value}valueOf(){return this.value}toString(){return this.value.toString()}}class ve extends oe{static lookbehind="INVTEXT";static attributes={value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}}class fe extends oe{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:{type:ge}};static{this.cleanupAttributes(this.attributes)}constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class ye extends oe{static attributes={value:0};static{this.cleanupAttributes(this.attributes)}constructor(e=0){super(e),this.value=ae.clamp(this.value,0,1)}valueOf(){return this.value}toString(){return this.value.toFixed(6)}}class we extends oe{static attributes={R:{type:ye,expected:!0},G:{type:ye,expected:!0},B:{type:ye,expected:!0},A:{type:ye,value:()=>new ye(1)},H:{type:ye,showDefault:!0,ignored:!0},S:{type:ye,showDefault:!0,ignored:!0},V:{type:ye,showDefault:!0,ignored:!0}};static{this.cleanupAttributes(this.attributes)}static linearToSRGB(e){return e<=0?0:e>=1?1:e<.0031308?12.92*e:1.055*Math.pow(e,1/2.4)-.055}static sRGBtoLinear(e){return e<=0?0:e>=1?1:e<.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)}static getWhite(){return new we({R:1,G:1,B:1})}constructor(e){e instanceof Array&&(e={R:e[0]??0,G:e[1]??0,B:e[2]??0,A:e[3]??1}),super(e),this.R,this.G,this.B,this.A,this.H,this.S,this.V,this.#s()}#s(){const e=this.R.value,t=this.G.value,i=this.B.value;if(ae.approximatelyEqual(e,t)&&ae.approximatelyEqual(e,i)&&ae.approximatelyEqual(t,i))return this.S.value=0,void(this.V.value=e);const n=Math.max(e,t,i),s=Math.min(e,t,i),r=n-s;let a;switch(n){case s:a=0;break;case e:a=(t-i)/r+(t<i?6:0);break;case t:a=(i-e)/r+2;break;case i:a=(e-t)/r+4}a/=6,this.H.value=a,this.S.value=0==n?0:r/n,this.V.value=n}setFromRGBA(e,t,i,n=1){this.R.value=e,this.G.value=t,this.B.value=i,this.A.value=n,this.#s()}setFromHSVA(e,t,i,n=1){const s=Math.floor(6*e),r=6*e-s,a=i*(1-t),o=[i,i*(1-r*t),a,a,i*(1-(1-r)*t),i],[l,u,c]=[o[s%6],o[(s+4)%6],o[(s+2)%6]];this.R.value=l,this.G.value=u,this.B.value=c,this.A.value=n,this.H.value=e,this.S.value=t,this.V.value=i}setFromWheelLocation(e,t,i,n){const[s,r]=ae.getPolarCoordinates(e,t,!0);this.setFromHSVA(1-r/(2*Math.PI),s,i,n)}toRGBA(){return[Math.round(255*this.R.value),Math.round(255*this.G.value),Math.round(255*this.B.value),Math.round(255*this.A.value)]}toSRGBA(){return[Math.round(255*we.linearToSRGB(this.R.value)),Math.round(255*we.linearToSRGB(this.G.value)),Math.round(255*we.linearToSRGB(this.B.value)),Math.round(255*this.A.value)]}toRGBAString(){return this.toRGBA().map((e=>e.toString(16).toUpperCase().padStart(2,"0"))).join("")}toSRGBAString(){return this.toSRGBA().map((e=>e.toString(16).toUpperCase().padStart(2,"0"))).join("")}toHSVA(){return[this.H.value,this.S.value,this.V.value,this.A.value]}toNumber(){return(Math.round(255*this.R.value)<<24)+(Math.round(255*this.G.value)<<16)+(Math.round(255*this.B.value)<<8)+Math.round(255*this.A.value)}setFromRGBANumber(e){this.A.value=(255&e)/255,this.B.value=(e>>8&255)/255,this.G.value=(e>>16&255)/255,this.R.value=(e>>24&255)/255,this.#s()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=we.sRGBtoLinear((e>>8&255)/255),this.G.value=we.sRGBtoLinear((e>>16&255)/255),this.R.value=we.sRGBtoLinear((e>>24&255)/255),this.#s()}toString(){return ae.printLinearColor(this)}}class Ee extends oe{static lookbehind="NSLOCTEXT";static attributes={namespace:"",key:"",value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.namespace,this.key,this.value}toString(){return ae.capitalFirstLetter(this.value)}}class Ce extends oe{static attributes={MacroGraph:{type:pe},GraphBlueprint:{type:pe},GraphGuid:{type:de}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MacroGraph,this.GraphBlueprint,this.GuidEntity}getMacroName(){const e=this.MacroGraph.path.search(":");return this.MacroGraph.path.substring(e+1)}}class Se extends oe{static attributes={value:""};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class Pe extends oe{static attributes={objectName:{type:Se},pinGuid:{type:de}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.objectName,this.pinGuid}}class xe extends oe{static attributes={TerminalCategory:{value:"",showDefault:!1},TerminalSubCategory:{value:"",showDefault:!1},bTerminalIsConst:{value:!1,showDefault:!1},bTerminalIsWeakPointer:{value:!1,showDefault:!1},bTerminalIsUObjectWrapper:{value:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.TerminalCategory,this.TerminalSubCategory,this.bTerminalIsConst,this.bTerminalIsWeakPointer,this.bTerminalIsUObjectWrapper}}class ke extends oe{static attributes={R:{value:0},P:{value:0},Y:{value:0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.R,this.P,this.Y}getRoll(){return this.R}getPitch(){return this.P}getYaw(){return this.Y}}class Le extends ke{}class Ne extends oe{static attributes={X:{value:0,expected:!0},Y:{value:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y}}class Te extends Ne{}class Ae extends oe{static attributes={X:{value:0,expected:!0},Y:{value:0,expected:!0},Z:{value:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y,this.Z}}class Me extends Ae{}class Be extends oe{static#r={"/Script/CoreUObject.LinearColor":we,"/Script/CoreUObject.Rotator":ke,"/Script/CoreUObject.Vector":Ae,"/Script/CoreUObject.Vector2D":Ne,bool:Boolean,byte:ue,enum:he,exec:String,int:le,int64:be,name:String,real:Number,string:String};static#a={"/Script/CoreUObject.Vector2D":Te,"/Script/CoreUObject.Vector":Me,"/Script/CoreUObject.Rotator":Le};static lookbehind="Pin";static attributes={PinId:{type:de},PinName:"",PinFriendlyName:{type:new re(Ee,String),showDefault:!1},PinToolTip:{type:String,showDefault:!1},Direction:{type:String,showDefault:!1},PinType:new se({PinCategory:"",PinSubCategory:"",PinSubCategoryObject:{type:pe},PinSubCategoryMemberReference:{type:me,value:null},PinValueType:{type:xe,value:null},ContainerType:{type:Se},bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1}),LinkedTo:{type:[Pe],showDefault:!1},DefaultValue:{type:e=>e.getEntityType(!0)??String,serialized:!0,showDefault:!1},AutogeneratedDefaultValue:{type:String,showDefault:!1},DefaultObject:{type:pe,showDefault:!1,value:null},PersistentGuid:{type:de},bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};static{this.cleanupAttributes(this.attributes)}constructor(e={},t=!1){super(e,t),this.PinId,this.PinName,this.PinFriendlyName,this.PinToolTip,this.Direction,this.PinType,this.LinkedTo,this.DefaultValue,this.AutogeneratedDefaultValue,this.DefaultObject,this.PersistentGuid,this.bHidden,this.bNotConnectable,this.bDefaultValueIsReadOnly,this.bDefaultValueIsIgnored,this.bAdvancedView,this.bOrphanedPin}getType(){const e=this.PinType.PinSubCategoryObject;return"struct"===this.PinType.PinCategory||"object"===this.PinType.PinCategory?e.path:"byte"!==this.PinType.PinCategory||e.type!==te.nodeType.enum&&e.type!==te.nodeType.userDefinedEnum?this.PinType.PinCategory:"enum"}getEntityType(e=!1){const t=this.getType(),i=Be.#r[t],n=Be.#a[t];return e&&void 0!==n?n:i}getDisplayName(){let e=null;return this.PinToolTip&&(e=this.PinToolTip.match(/\s*(.+?(?=\n)|.+\S)\s*/))?ae.formatStringName(e[1]):ae.formatStringName(this.PinName)}copyTypeFrom(e){this.PinType.PinCategory=e.PinType.PinCategory,this.PinType.PinSubCategory=e.PinType.PinSubCategory,this.PinType.PinSubCategoryObject=e.PinType.PinSubCategoryObject,this.PinType.PinSubCategoryMemberReference=e.PinType.PinSubCategoryMemberReference,this.PinType.PinValueType=e.PinType.PinValueType,this.PinType.ContainerType=e.PinType.ContainerType,this.PinType.bIsReference=e.PinType.bIsReference,this.PinType.bIsConst=e.PinType.bIsConst,this.PinType.bIsWeakPointer=e.PinType.bIsWeakPointer,this.PinType.bIsUObjectWrapper=e.PinType.bIsUObjectWrapper,this.PinType.bSerializeAsSinglePrecisionFloat=e.PinType.bSerializeAsSinglePrecisionFloat}getDefaultValue(e=!1){return void 0===this.DefaultValue&&e&&(this.DefaultValue=new(this.getEntityType(!0))),this.DefaultValue}isExecution(){return"exec"===this.PinType.PinCategory}isHidden(){return this.bHidden}isInput(){return!this.bHidden&&"EGPD_Output"!=this.Direction}isOutput(){return!this.bHidden&&"EGPD_Output"==this.Direction}isLinked(){return this.LinkedTo?.length>0??!1}linkTo(e,t){const i=this.LinkedTo?.some((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return!i&&((this.LinkedTo??=[]).push(new Pe({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const i=this.LinkedTo?.findIndex((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return i>=0&&(this.LinkedTo.splice(i,1),0!==this.LinkedTo.length||Be.attributes.LinkedTo.showDefault||(this.LinkedTo=void 0),!0)}getSubCategory(){return this.PinType.PinSubCategoryObject.path}pinColor(){return te.pinColor[this.getType()]??te.pinColor[this.PinType.PinCategory]??te.pinColor.default}}class De{static array=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0H0V4H4V0Z" fill="currentColor"/><path d="M10 0H6V4H10V0Z" fill="currentColor"/><path d="M16 0H12V4H16V0Z" fill="currentColor"/><path d="M4 6H0V10H4V6Z" fill="currentColor"/><path class="ueb-pin-tofill" d="M10 6H6V10H10V6Z" fill="black"/><path d="M16 6H12V10H16V6Z" fill="currentColor"/><path d="M4 12H0V16H4V12Z" fill="currentColor"/><path d="M10 12H6V16H10V12Z" fill="currentColor"/><path d="M16 12H12V16H16V12Z" fill="currentColor"/></svg>`;static branchNode=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 2H6C5.44772 2 5 2.44772 5 3V13C5 13.5523 5.44772 14 6 14H11V12H7V4H11V2Z" fill="white"/><rect x="1" y="7" width="4" height="2" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 6L15 3L11 0V6Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16L15 13L11 10V16Z" fill="white"/></svg>`;static breakStruct=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 14L10 12L11 11L13 13L14 12L14 15L11 15L12 14Z" fill="white"/><path d="M13 3L11 5L10 4L12 2L11 1L14 1L14 4L13 3Z" fill="white"/><path d="M7.975 6H3.025C1.90662 6 1 6.90662 1 8.025V8.475C1 9.59338 1.90662 10.5 3.025 10.5H7.975C9.09338 10.5 10 9.59338 10 8.475V8.025C10 6.90662 9.09338 6 7.975 6Z" fill="white"/></svg>`;static cast=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 12L16 7.5L12 3V12Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 11L4 7.5L0 4V11Z" fill="white"/><rect opacity="0.5" x="5" y="6" width="1" height="3" fill="white"/><rect opacity="0.5" x="7" y="6" width="1" height="3" fill="white"/><rect opacity="0.5" x="9" y="6" width="1" height="3" fill="white"/><rect x="9" y="6" width="3" height="3" fill="white"/></svg>`;static close=$`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="2" x2="30" y2="30" stroke="currentColor" stroke-width="4"/><line x1="30" y1="2" x2="2" y2="30" stroke="currentColor" stroke-width="4"/></svg>`;static correct=$`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="#2da800" d="M 2 16 L 14 30 L 30 2 L 13 22 Z"/></svg>`;static delegate=$`<svg viewBox="-2 -2 32 32" xmlns="http://www.w3.org/2000/svg"><rect class="ueb-pin-tofill" fill="black" width="28" height="28" rx="4" stroke="currentColor" stroke-width="5"/></svg>`;static doN=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M1 12V8H9V4L16 10L9 16V12H1Z"/><path fill="white" d="M7 6L6 6L4 2.66667V6H3V1H4L6 4.33333V1H7V6Z"/></svg>`;static enum=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M9 5V0H2V16H14V5H9ZM3.2 4.4L4.5 4H4.6V7H4V4.7L3.2 4.9V4.4ZM4.7 14.8C4.6 14.9 4.3 15 4 15C3.7 15 3.5 14.9 3.3 14.8C3.1 14.6 3 14.4 3 14.2H3.6C3.6 14.3 3.6 14.4 3.7 14.5C3.8 14.6 3.9 14.6 4 14.6C4.1 14.6 4.2 14.6 4.3 14.5C4.4 14.4 4.4 14.3 4.4 14.2C4.4 13.9 4.2 13.8 3.9 13.8H3.7V13.3H4C4.1 13.3 4.3 13.3 4.3 13.2C4.4 13.1 4.4 13 4.4 12.9C4.4 12.8 4.4 12.7 4.3 12.6C4.2 12.5 4.1 12.5 4 12.5C3.9 12.5 3.8 12.5 3.7 12.6C3.6 12.7 3.6 12.7 3.6 12.8H3C3 12.6 3 12.5 3.1 12.4C3.2 12.3 3.3 12.2 3.4 12.1C3.7 12 3.8 12 4 12C4.3 12 4.6 12.1 4.7 12.2C4.9 12.4 5 12.6 5 12.8C5 12.9 5 13.1 4.9 13.2C4.8 13.3 4.7 13.4 4.6 13.5C4.8 13.6 4.9 13.6 5 13.8C5 13.8 5 14 5 14.1C5 14.4 4.9 14.6 4.7 14.8ZM5.1 11H3.1V10.6L4.1 9.6C4.2 9.5 4.3 9.3 4.4 9.2C4.4 9.1 4.4 9 4.4 8.9C4.4 8.8 4.4 8.7 4.3 8.6C4.2 8.5 4.1 8.5 4 8.5C3.9 8.5 3.8 8.5 3.7 8.6C3.6 8.7 3.6 8.8 3.6 9H3C3 8.8 3 8.7 3.1 8.5C3.2 8.4 3.3 8.2 3.5 8.1C3.7 8 3.8 8 4 8C4.3 8 4.5 8.1 4.7 8.2C4.9 8.4 5 8.6 5 8.8C5 9 5 9.1 4.9 9.3C4.8 9.4 4.7 9.6 4.5 9.8L3.8 10.5H5.1V11ZM12 15H6V14H12V15ZM12 11H6V10H12V11ZM12 7H6V6H12V7Z"/><path d="M9 0H8L14 6V5L9 0Z" fill="white"/></svg>`;static event=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.929031" y="8" width="10" height="10" rx="0.5" transform="rotate(-45 0.929031 8)" stroke="white"/><path d="M5 4.00024L8 1.00024V6.00024H3L5 4.00024Z" fill="white"/><path d="M6 13.0002L3 10.0002L8 10.0002L8 15.0002L6 13.0002Z" fill="white"/><path d="M4.53551 6.82854L4.53551 11.0712L0.999977 7.53564L4.53551 4.00011L4.53551 6.82854Z" fill="white"/></svg>`;static execPin=$`<svg viewBox="-2 0 16 16" xmlns="http://www.w3.org/2000/svg"><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>`;static expandIcon=$`<svg fill="currentColor" viewBox="4 4 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 16.003 18.626 l 7.081 -7.081 L 25 13.46 l -8.997 8.998 -9.003 -9 1.917 -1.916 z"/></svg>`;static forEachLoop=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C1.8 2 0 3.8 0 6V9C0 11.2 2 13 4 13H10V11H5C3.2 11 2 9.7 2 8V7C2 5.63882 2.76933 4.53408 4 4.14779V2ZM12 4C13.8 4 14 5.3 14 7V8C14 8.8 13.7 9.5 13.3 10L15.2 11.4C15.7 10.7 16 9.9 16 9V6C16 3.8 14.2 2 12 2V4Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L13 12L8 8V16Z" fill="white"/><rect x="5" y="1" width="1" height="4" fill="white"/><rect x="7" y="1" width="1" height="4" fill="white"/><rect x="9" y="1" width="1" height="4" fill="white"/><rect x="11" y="2" width="1" height="2" fill="white"/></svg>`;static functionSymbol=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.72002 6.0699C9.88111 4.96527 10.299 3.9138 10.94 2.99991C10.94 2.99991 10.94 3.05991 10.94 3.08991C10.94 3.36573 11.0496 3.63026 11.2446 3.8253C11.4397 4.02033 11.7042 4.12991 11.98 4.12991C12.2558 4.12991 12.5204 4.02033 12.7154 3.8253C12.9105 3.63026 13.02 3.36573 13.02 3.08991C13.0204 2.90249 12.9681 2.71873 12.8691 2.5596C12.7701 2.40047 12.6283 2.27237 12.46 2.18991H12.37C11.8725 2.00961 11.3275 2.00961 10.83 2.18991C9.21002 2.63991 8.58002 4.99991 8.58002 4.99991L8.40002 5.1199H5.40002L5.15002 6.1199H8.27002L7.27002 11.4199C7.11348 12.0161 6.79062 12.5555 6.33911 12.9751C5.8876 13.3948 5.32607 13.6773 4.72002 13.7899C4.78153 13.655 4.81227 13.5081 4.81002 13.3599C4.81002 13.0735 4.69624 12.7988 4.4937 12.5962C4.29116 12.3937 4.01646 12.2799 3.73002 12.2799C3.44359 12.2799 3.16889 12.3937 2.96635 12.5962C2.76381 12.7988 2.65002 13.0735 2.65002 13.3599C2.66114 13.605 2.75692 13.8386 2.92104 14.021C3.08517 14.2033 3.30746 14.3231 3.55002 14.3599C7.91002 15.1999 8.55002 11.4499 8.55002 11.4499L9.55002 7.05991H12.55L12.8 6.05991H9.64002L9.72002 6.0699Z" fill="currentColor"/></svg>`;static gamepad=$`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="m 15.2107 8.525 c -0.6619 -1.7207 -1.9856 -4.8978 -3.3094 -4.8978 c -1.9856 0 -1.9856 1.8532 -2.7799 1.8532 c -0.3971 0 -1.8532 0 -2.3827 0 c -0.7943 0 -0.7943 -1.8532 -2.6475 -1.8532 c -1.3238 0 -2.6475 3.0446 -3.3094 4.8978 c -1.059 3.3094 -1.1914 4.8979 1.1914 4.8979 c 2.6475 0 2.6475 -3.0445 5.9569 -3.0445 c 3.3094 0 3.4418 3.0445 5.9569 3.0445 c 2.5151 0 2.5151 -1.5885 1.3238 -4.8979 z m -8.472 0 h -1.3238 v 1.3238 h -1.3238 v -1.3238 h -1.3238 v -1.3238 h 1.3238 v -1.3238 h 1.3238 v 1.3238 h 1.3238 v 1.3238 z m 4.6331 1.5887 c -1.1914 0 -2.2504 -0.9268 -2.2504 -2.2505 c 0 -1.1913 0.9267 -2.2503 2.2504 -2.2503 c 1.3238 0 2.2504 0.9266 2.2504 2.2503 c 0 1.1915 -1.059 2.2505 -2.2504 2.2505 z m -0.0001 -2.9124 c -0.3971 0 -0.6619 0.2648 -0.6619 0.6619 c 0 0.3971 0.2648 0.6619 0.6619 0.6619 c 0.3971 0 0.6619 -0.2648 0.6619 -0.6619 c 0 -0.3971 -0.2648 -0.6619 -0.6619 -0.6619 z"/></svg>`;static genericPin=$`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><circle class="ueb-pin-tofill" cx="16" cy="16" r="13" fill="black" stroke="currentColor" stroke-width="5"/><path fill="currentColor" d="M 34 6 L 34 26 L 42 16 Z"/></svg>`;static keyboard=$`<svg viewBox="0 -3 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M 1 10 H 15 c 0.2652 0 0.5195 -0.1054 0.707 -0.293 c 0.1875 -0.1875 0.293 -0.4418 0.293 -0.707 v -8 c 0 -0.2652 -0.1054 -0.5195 -0.293 -0.707 c -0.1875 -0.1875 -0.4418 -0.293 -0.707 -0.293 H 1 c -0.2652 0 -0.5195 0.1054 -0.707 0.293 c -0.1875 0.1875 -0.293 0.4418 -0.293 0.707 V 9 c 0 0.2652 0.1054 0.5195 0.293 0.707 c 0.1875 0.1875 0.4418 0.293 0.707 0.293 Z M 14 6 h -3 v -2 h 3 v 2 Z M 13 1 h 2 v 2 h -2 v -2 Z M 10 1 h 2 v 2 h -2 v -2 Z M 10 6 h -2 v -2 h 2 v 2 Z M 7 1 h 2 v 2 h -2 v -2 Z M 7 6 h -2 v -2 h 2 v 2 Z M 4 1 h 2 v 2 h -2 v -2 Z M 4 6 h -2 v -2 h 2 v 2 Z M 1 1 h 2 v 2 h -2 v -2 Z M 1 7 h 2 v 2 h -2 v -2 M 4 7 h 8 v 2 h -8 v -2 M 13 7 h 2 v 2 h -2 v -2 Z"/></svg>`;static loop=$`<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd}.cls-2{fill:none}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_4" data-name="Layer 4"><path class="cls-1" d="M16,2H4A4,4,0,0,0,0,6v4a4.14,4.14,0,0,0,4,4H9v5l8-6L9,7v5H4.5A2.36,2.36,0,0,1,2,9.5v-3A2.36,2.36,0,0,1,4.5,4h11A2.36,2.36,0,0,1,18,6.5V9a3,3,0,0,1-.69,2l1.88,1.41A4,4,0,0,0,20,10V6A4,4,0,0,0,16,2Z"/><rect class="cls-2" width="20" height="20"/></g></g></svg>`;static macro=$`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2.92L10 12.29L14.55 2.61C14.662 2.4259 14.8189 2.27332 15.0061 2.16661C15.1933 2.05989 15.4045 2.00256 15.62 2H19L18.66 2.89C18.66 2.89 17.17 3.04 17.11 3.63C17.05 4.22 16 15.34 15.93 16.13C15.86 16.92 17.33 17.13 17.33 17.13L17.17 17.99H13.84C13.7241 17.9764 13.612 17.9399 13.5103 17.8826C13.4086 17.8253 13.3194 17.7484 13.2477 17.6562C13.176 17.5641 13.1234 17.4586 13.0929 17.346C13.0624 17.2333 13.0546 17.1157 13.07 17L14.43 5.52L10 14.57C9.8 15.03 9.07 15.72 8.63 15.71H7.75L6.05 4.86L3.54 17.39C3.51941 17.5514 3.44327 17.7005 3.32465 17.8118C3.20603 17.9232 3.05235 17.9897 2.89 18H1L1.11 17.09C1.11 17.09 2.21 17.09 2.3 16.69C2.39 16.29 5.3 3.76 5.41 3.32C5.52 2.88 4.19 2.81 4.19 2.81L4.46 2H6.62C7.09 2 7.92 2.38 8 2.92Z" fill="white"/></svg>`;static map=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0H0V4H4V0Z" fill="currentColor"/><path d="M4 6H0V10H4V6Z" fill="currentColor"/><path d="M4 12H0V16H4V12Z" fill="currentColor"/><path d="M16 0H6V4H16V0Z" fill="white"/><path d="M16 6H6V10H16V6Z" fill="white"/><path d="M16 12H6V16H16V12Z" fill="white"/></svg>`;static makeArray=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 4H13V6H15V4Z" fill="white"/><path d="M15 7H13V9H15V7Z" fill="white"/><path d="M15 10H13V12H15V10Z" fill="white"/><path d="M12 4H10V6H12V4Z" fill="white"/><path d="M12 7H10V9H12V7Z" fill="white"/><path d="M12 10H10V12H12V10Z" fill="white"/><path d="M9 4H7V6H9V4Z" fill="white"/><path d="M9 7H7V9H9V7Z" fill="white"/><path d="M9 10H7V12H9V10Z" fill="white"/><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/></svg>`;static makeMap=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 4H10V6H15V4Z" fill="white"/><path d="M15 7H10V9H15V7Z" fill="white"/><path d="M15 10H10V12H15V10Z" fill="white"/><path d="M9 4H7V6H9V4Z" fill="white"/><path d="M9 7H7V9H9V7Z" fill="white"/><path d="M9 10H7V12H9V10Z" fill="white"/><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/></svg>`;static makeSet=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/><path d="M6 8.00205V7.43062C6.40147 7.37088 6.79699 7.28299 7.18286 7.16777C7.30414 7.11578 7.40659 7.03462 7.47858 6.93348C7.57165 6.81021 7.63108 6.66933 7.65215 6.52205C7.6832 6.31181 7.69609 6.09976 7.69072 5.88777C7.67539 5.53753 7.70341 5.18685 7.77429 4.84205C7.81918 4.66059 7.92446 4.49533 8.07643 4.36777C8.26269 4.22923 8.48285 4.13138 8.71929 4.08205C9.01252 4.02392 9.31249 3.99706 9.61287 4.00205H9.85715V4.57348C9.66398 4.58307 9.47806 4.64211 9.32179 4.7435C9.16552 4.84489 9.04559 4.9843 8.97644 5.14491C8.92057 5.24999 8.89621 5.36613 8.90572 5.48205C8.90572 5.64205 8.90572 5.95062 8.86715 6.40205C8.85805 6.6136 8.81697 6.8231 8.74501 7.02491C8.69216 7.17345 8.60697 7.3113 8.49429 7.43062C8.33135 7.64 8.1415 7.83177 7.92858 8.00205" fill="white"/><path d="M7.92858 8.00195C8.14537 8.18165 8.33547 8.3852 8.49429 8.60767C8.60419 8.72229 8.6892 8.85404 8.74501 8.99624C8.81697 9.19805 8.85805 9.40755 8.86715 9.6191C8.89286 10.0724 8.90572 10.381 8.90572 10.5448C8.89679 10.6607 8.92112 10.7767 8.97644 10.882C9.05077 11.0375 9.17272 11.1714 9.32842 11.2683C9.48411 11.3653 9.66731 11.4215 9.85715 11.4305V12.002H9.61287C9.31086 12.0112 9.0087 11.9881 8.71286 11.9334C8.47744 11.8816 8.25788 11.784 8.07001 11.6477C7.91926 11.5193 7.81421 11.3543 7.76786 11.1734C7.69764 10.8285 7.66962 10.4779 7.68429 10.1277C7.69081 9.91186 7.67791 9.69593 7.64572 9.48195C7.62465 9.33468 7.56522 9.1938 7.47215 9.07052C7.40016 8.96939 7.29771 8.88822 7.17643 8.83624C6.79266 8.72131 6.3993 8.63342 6 8.57338V8.00195" fill="white"/><path d="M13.0712 8.00197C12.8582 7.83169 12.6684 7.63992 12.5054 7.43054C12.3942 7.31461 12.3091 7.18076 12.2547 7.03626C12.1828 6.83445 12.1417 6.62495 12.1326 6.4134C12.1326 5.96197 12.094 5.6534 12.094 5.4934C12.1058 5.37369 12.0814 5.25334 12.0233 5.14483C11.9541 4.98422 11.8342 4.84481 11.6779 4.74342C11.5217 4.64203 11.3357 4.58299 11.1426 4.5734V4.00197H11.3869C11.6889 3.99277 11.991 4.01579 12.2869 4.07054C12.5233 4.11987 12.7435 4.21772 12.9297 4.35626C13.0817 4.48382 13.187 4.64908 13.2319 4.83054C13.3027 5.17534 13.3308 5.52602 13.3154 5.87626C13.3094 6.09206 13.3223 6.30795 13.354 6.52197C13.3751 6.66925 13.4345 6.81013 13.5276 6.9334C13.5996 7.03454 13.702 7.1157 13.8233 7.16769C14.2071 7.28262 14.6004 7.37051 14.9997 7.43054V8.00197" fill="white"/><path d="M14.9997 8.00195V8.57338C14.5983 8.63312 14.2027 8.72102 13.8169 8.83624C13.6956 8.88822 13.5931 8.96939 13.5212 9.07052C13.4281 9.1938 13.3686 9.33468 13.3476 9.48195C13.3154 9.69593 13.3025 9.91186 13.309 10.1277C13.3237 10.4779 13.2957 10.8285 13.2254 11.1734C13.1791 11.3543 13.074 11.5193 12.9233 11.6477C12.7354 11.784 12.5159 11.8816 12.2804 11.9334C11.9846 11.9881 11.6824 12.0112 11.3804 12.002H11.1426V11.4305C11.3353 11.4196 11.5205 11.36 11.6765 11.2588C11.8325 11.1576 11.9528 11.0189 12.0233 10.8591C12.0786 10.7539 12.1029 10.6378 12.094 10.522C12.094 10.3543 12.1069 10.0458 12.1326 9.59624C12.1417 9.38469 12.1828 9.17519 12.2547 8.97338C12.3105 8.83119 12.3955 8.69943 12.5054 8.58481C12.666 8.37037 12.856 8.17457 13.0712 8.00195" fill="white"/></svg>`;static makeStruct=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 4L1 1.99995L2 1L4 3L5 1.99995L5 5L2 5L3 4Z" fill="white"/><path d="M4 13L1.99995 15L1 14L3 12L1.99995 11L5 11L5 14L4 13Z" fill="white"/><path d="M12.975 6H8.025C6.90662 6 6 6.90662 6 8.025V8.475C6 9.59338 6.90662 10.5 8.025 10.5H12.975C14.0934 10.5 15 9.59338 15 8.475V8.025C15 6.90662 14.0934 6 12.975 6Z" fill="white"/></svg>`;static mouse=$`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 8.34043H14L13.9143 6.6383H8.85714V0H7.14286V6.6383H2.08571L2 8.34043H7.14286H8.85714Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.85714 0C11 0.595745 13.4 3.31915 13.9143 6.6383H8.85714V0ZM7.14286 0C5 0.595745 2.6 3.31915 2.08571 6.6383H7.14286V0ZM8.85714 8.34043H7.14286H2C2 12.5957 3.02857 16 8 16C12.9714 16 14 12.5957 14 8.34043H8.85714Z" fill="white"/></svg>`;static questionMark=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15C9.10456 15 10 14.1046 10 13C10 11.8954 9.10456 11 8 11C6.89544 11 6 11.8954 6 13C6 14.1046 6.89544 15 8 15Z" fill="white"/><path d="M5 4.86697C5.15 3.33619 6.5 2.26465 8 2.26465C9.65 2.26465 11 3.64235 11 5.3262C11 7.01005 8 7.92852 8 9.00006" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;static referencePin=$`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><polygon class="ueb-pin-tofill" points="4 16 16 4 28 16 16 28" stroke="currentColor" stroke-width="5"/></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 set=$`<svg viewBox="2 2 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7.99956V6.99956C1.62451 6.89501 2.23976 6.7412 2.84 6.53956C3.02865 6.44859 3.18802 6.30655 3.3 6.12956C3.44478 5.91383 3.53723 5.6673 3.57 5.40956C3.6183 5.04164 3.63836 4.67055 3.63 4.29956C3.60615 3.68664 3.64974 3.07296 3.76 2.46956C3.82982 2.152 3.99359 1.86279 4.23 1.63956C4.51974 1.39713 4.86221 1.22589 5.23 1.13956C5.68612 1.03782 6.15275 0.990826 6.62 0.999563H7V1.99956C6.69952 2.01634 6.4103 2.11967 6.16722 2.2971C5.92414 2.47453 5.73757 2.71849 5.63 2.99956C5.5431 3.18346 5.5052 3.3867 5.52 3.58956C5.52 3.86956 5.52 4.40956 5.46 5.19956C5.44584 5.56977 5.38194 5.9364 5.27 6.28956C5.18779 6.5495 5.05527 6.79074 4.88 6.99956C4.62654 7.36597 4.33121 7.70157 4 7.99956" fill="currentColor"/><path d="M4 7.99951C4.33723 8.31397 4.63295 8.67019 4.88 9.05951C5.05095 9.2601 5.18319 9.49067 5.27 9.73951C5.38194 10.0927 5.44584 10.4593 5.46 10.8295C5.5 11.6228 5.52 12.1628 5.52 12.4495C5.5061 12.6523 5.54395 12.8553 5.63 13.0395C5.74563 13.3117 5.93533 13.546 6.17752 13.7157C6.41972 13.8854 6.70468 13.9837 7 13.9995V14.9995H6.62C6.15021 15.0156 5.68019 14.9753 5.22 14.8795C4.85378 14.7889 4.51224 14.6181 4.22 14.3795C3.98551 14.1548 3.8221 13.8662 3.75 13.5495C3.64077 12.946 3.59718 12.3324 3.62 11.7195C3.63014 11.3418 3.61007 10.964 3.56 10.5895C3.52723 10.3318 3.43478 10.0852 3.29 9.86951C3.17802 9.69252 3.01865 9.55048 2.83 9.45951C2.23302 9.25838 1.62113 9.10457 1 8.99951V7.99951" fill="currentColor"/><path d="M12 7.99955C11.6688 7.70156 11.3735 7.36596 11.12 6.99955C10.947 6.79667 10.8146 6.56242 10.73 6.30955C10.6181 5.95638 10.5542 5.58976 10.54 5.21954C10.54 4.42954 10.48 3.88955 10.48 3.60955C10.4983 3.40004 10.4604 3.18944 10.37 2.99955C10.2624 2.71847 10.0759 2.47452 9.83278 2.29708C9.5897 2.11965 9.30048 2.01632 9 1.99955V0.999545H9.38C9.84979 0.983442 10.3198 1.02373 10.78 1.11955C11.1478 1.20587 11.4903 1.37711 11.78 1.61955C12.0164 1.84278 12.1802 2.13198 12.25 2.44955C12.3603 3.05294 12.4039 3.66662 12.38 4.27955C12.3706 4.6572 12.3907 5.03501 12.44 5.40954C12.4728 5.66728 12.5652 5.91382 12.71 6.12955C12.822 6.30653 12.9813 6.44858 13.17 6.53955C13.767 6.74067 14.3789 6.89448 15 6.99955V7.99955" fill="currentColor"/><path d="M15 7.99951V8.99951C14.3755 9.10406 13.7602 9.25787 13.16 9.45951C12.9713 9.55048 12.812 9.69252 12.7 9.86951C12.5552 10.0852 12.4628 10.3318 12.43 10.5895C12.3799 10.964 12.3599 11.3418 12.37 11.7195C12.3928 12.3324 12.3492 12.946 12.24 13.5495C12.1679 13.8662 12.0045 14.1548 11.77 14.3795C11.4778 14.6181 11.1362 14.7889 10.77 14.8795C10.3098 14.9753 9.83979 15.0156 9.37 14.9995H9V13.9995C9.2998 13.9803 9.58791 13.876 9.83056 13.6989C10.0732 13.5218 10.2603 13.2792 10.37 12.9995C10.456 12.8153 10.4939 12.6123 10.48 12.4095C10.48 12.1162 10.5 11.5762 10.54 10.7895C10.5542 10.4193 10.6181 10.0527 10.73 9.69951C10.8168 9.45067 10.9491 9.2201 11.12 9.01951C11.3698 8.64424 11.6654 8.30159 12 7.99951" fill="currentColor"/></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"/><rect x="10" y="7" width="3" height="2" fill="white"/><path d="M12 5L15 8L12 11V5Z" fill="white"/><rect x="1" y="7" width="8" height="2" fill="white"/><rect x="5" y="4" width="2" height="9" fill="white"/><rect x="1" y="12" width="6" height="2" fill="white"/></svg>`;static sequence=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="2" width="5" height="2" fill="white"/><rect y="7" width="8" height="2" fill="white"/><rect x="3" y="4" width="2" height="9" fill="white"/><rect x="3" y="12" width="5" height="2" fill="white"/><rect x="10" y="2" width="6" height="2" fill="white"/><rect x="10" y="7" width="4" height="2" fill="white"/><rect x="10" y="12" width="2" height="2" fill="white"/></svg>`;static touchpad=$`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="white" fill-rule="evenodd" clip-rule="evenodd" d="M13 0H3C2.4 0 2 0.4 2 1V15C2 15.6 2.4 16 3 16H13C13.6 16 14 15.6 14 15V1C14 0.4 13.6 0 13 0ZM8 15.5C7.2 15.5 6.5 14.8 6.5 14C6.5 13.2 7.2 12.5 8 12.5C8.8 12.5 9.5 13.2 9.5 14C9.5 14.8 8.8 15.5 8 15.5ZM13 12H3V1H13V12Z"/><path opacity="0.5" d="M13 1H3V12H13V1Z" fill="white"/></svg>`}class $e extends oe{static attributes={MemberScope:{value:"",showDefault:!1},MemberName:"",MemberGuid:{type:de},bSelfContext:{value:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberName,this.GuidEntity,this.bSelfContext}}class He extends oe{static attributes={Class:{type:pe},Name:"",AxisKey:{type:ce,showDefault:!1},InputAxisKey:{type:ce,showDefault:!1},bIsPureFunc:{value:!1,showDefault:!1},bIsConstFunc:{value:!1,showDefault:!1},VariableReference:{type:$e,value:null,showDefault:!1},SelfContextInfo:{type:ce,value:null,showDefault:!1},DelegatePropertyName:{type:String,showDefault:!1},DelegateOwnerClass:{type:pe,showDefault:!1},ComponentPropertyName:{type:String,showDefault:!1},EventReference:{type:me,value:null,showDefault:!1},FunctionReference:{type:me,value:null,showDefault:!1},CustomFunctionName:{type:String,showDefault:!1},TargetType:{type:pe,value:null,showDefault:!1},MacroGraphReference:{type:Ce,value:null,showDefault:!1},Enum:{type:pe,showDefault:!1},InputKey:{type:ce,showDefault:!1},bOverrideFunction:{type:Boolean,showDefault:!1},bInternalEvent:{type:Boolean,showDefault:!1},bConsumeInput:{type:Boolean,showDefault:!1},bExecuteWhenPaused:{type:Boolean,showDefault:!1},bOverrideParentBinding:{type:Boolean,showDefault:!1},bControl:{type:Boolean,showDefault:!1},bAlt:{type:Boolean,showDefault:!1},bShift:{type:Boolean,showDefault:!1},bCommand:{type:Boolean,showDefault:!1},CommentColor:{type:we,showDefault:!1},bCommentBubbleVisible_InDetailsPanel:{type:Boolean,showDefault:!1},bColorCommentBubble:{type:Boolean,value:!1,showDefault:!1},MoveMode:{type:ce,showDefault:!1},NodePosX:{type:le,showDefault:!1},NodePosY:{type:le,showDefault:!1},NodeWidth:{type:le,showDefault:!1},NodeHeight:{type:le,showDefault:!1},bCommentBubblePinned:{type:Boolean,showDefault:!1},bCommentBubbleVisible:{type:Boolean,showDefault:!1},NodeComment:{type:String,showDefault:!1},AdvancedPinDisplay:{type:ge,value:null,showDefault:!1},EnabledState:{type:ge,value:null,showDefault:!1},NodeGuid:{type:de},ErrorType:{type:le,showDefault:!1},ErrorMsg:{type:String,value:"",showDefault:!1},CustomProperties:{type:[Be]}};static nameRegex=/^(\w+?)(?:_(\d+))?$/;static sequencerScriptingNameRegex=/\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/;static#o={A_AccentGrave:"à",Add:"Num +",C_Cedille:"ç",Decimal:"Num .",Divide:"Num /",E_AccentAigu:"é",E_AccentGrave:"è",F1:"F1",F10:"F10",F11:"F11",F12:"F12",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",Gamepad_Special_Left_X:"Touchpad Button X Axis",Gamepad_Special_Left_Y:"Touchpad Button Y Axis",Mouse2D:"Mouse XY 2D-Axis",Multiply:"Num *",Section:"§",Subtract:"Num -",Tilde:"`"};static{this.cleanupAttributes(this.attributes)}static keyName(e){let t=He.#o[e];if(t)return t;if(t=ae.numberFromText(e)?.toString(),t)return t;const i=e.match(/NumPad([a-zA-Z]+)/);return i&&(t=ae.numberFromText(i[1]),t)?"Num "+t:void 0}constructor(e,t=!1){super(e,t),this.Class,this.Name,this.AxisKey,this.InputAxisKey,this.bIsPureFunc,this.bIsConstFunc,this.VariableReference,this.SelfContextInfo,this.DelegatePropertyName,this.DelegateOwnerClass,this.ComponentPropertyName,this.EventReference,this.FunctionReference,this.CustomFunctionName,this.TargetType,this.MacroGraphReference,this.Enum,this.InputKey,this.bOverrideFunction,this.bInternalEvent,this.bConsumeInput,this.bExecuteWhenPaused,this.bOverrideParentBinding,this.bControl,this.bAlt,this.bShift,this.bCommand,this.CommentColor,this.bCommentBubbleVisible_InDetailsPanel,this.NodePosX,this.NodePosY,this.NodeWidth,this.NodeHeight,this.bCommentBubblePinned,this.bCommentBubbleVisible,this.NodeComment,this.AdvancedPinDisplay,this.EnabledState,this.NodeGuid,this.ErrorType,this.ErrorMsg,this.CustomProperties}getClass(){return this.Class.path}getType(){let e=this.getClass();return e===te.nodeType.macro?this.MacroGraphReference.MacroGraph.path:e}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(He.nameRegex);let t="",i=null;return e?(e.length>1&&(t=e[1]),e.length>2&&(i=parseInt(e[2])),[t,i]):["",0]}getCounter(){return this.getNameAndCounter()[1]}getNodeWidth(){return this.NodeWidth??this.getType()==te.nodeType.comment?te.defaultCommentWidth:void 0}setNodeWidth(e){this.NodeWidth||(this.NodeWidth=new le),this.NodeWidth.value=e}getNodeHeight(){return this.NodeHeight??this.getType()==te.nodeType.comment?te.defaultCommentHeight:void 0}setNodeHeight(e){this.NodeHeight||(this.NodeHeight=new le),this.NodeHeight.value=e}getNodePosX(){return this.NodePosX?.value??0}setNodePosX(e){this.NodePosX||(this.NodePosX=new le),this.NodePosX.value=Math.round(e)}getNodePosY(){return this.NodePosY?.value??0}setNodePosY(e){this.NodePosY||(this.NodePosY=new le),this.NodePosY.value=Math.round(e)}isEvent(){return this.getClass()===te.nodeType.event||this.getClass()===te.nodeType.customEvent||!!this.getDelegatePin()}isDevelopmentOnly(){const e=this.getClass();return"DevelopmentOnly"===this.EnabledState?.toString()||e.includes("Debug",Math.max(0,e.lastIndexOf(".")))}hasHIDAttribute(){return this.InputKey??this.AxisKey??this.InputAxisKey}getDelegatePin(){return this.CustomProperties?.find((e=>"delegate"===e.PinType.PinCategory))}nodeDisplayName(){switch(this.getType()){case te.nodeType.componentBoundEvent:return`${ae.formatStringName(this.DelegatePropertyName)} (${this.ComponentPropertyName})`;case te.nodeType.dynamicCast:return this.TargetType?`Cast To ${this.TargetType.getName()}`:"Bad cast node";case te.nodeType.enumLiteral:return`Literal enum ${this.Enum.getName()}`;case te.nodeType.event:return`Event ${(this.EventReference?.MemberName??"").replace(/^Receive/,"")}`;case te.nodeType.executionSequence:return"Sequence";case te.nodeType.forEachElementInEnum:return`For Each ${this.Enum.getName()}`;case te.nodeType.forEachLoopWithBreak:return"For Each Loop with Break";case te.nodeType.ifThenElse:return"Branch";case te.nodeType.variableGet:return"";case te.nodeType.variableSet:return"SET"}const e=this.hasHIDAttribute();if(e){const t=e.toString();let i=He.keyName(t)??ae.formatStringName(t);return this.getClass()===te.nodeType.inputDebugKey?i="Debug Key "+i:this.getClass()===te.nodeType.getInputAxisKeyValue&&(i="Get "+i),i}if(this.getClass()===te.nodeType.macro)return ae.formatStringName(this.MacroGraphReference.getMacroName());let t=this.FunctionReference?.MemberName;if(t){const e=this.FunctionReference.MemberParent?.path??"";switch(t){case"AddKey":{let t=e.match(He.sequencerScriptingNameRegex);if(t)return`Add Key (${ae.formatStringName(t[1])})`}break;case"LineTraceSingle":return"Line Trace By Channel";case"LineTraceSingleByProfile":return"Line Trace By Profile"}switch(e){case"/Script/Engine.KismetMathLibrary":if(t.startsWith("Conv_"))return"";if(t.startsWith("Percent_"))return"%";if(t.startsWith("EqualEqual_"))return"==";const e=t.match(/[BF]([A-Z]\w+)/);switch(e&&(t=e[1]),t){case"Abs":return"ABS";case"Exp":return"e";case"LineTraceSingle":return"Line Trace By Channel";case"Max":case"MaxInt64":return"MAX";case"Min":case"MinInt64":return"MIN"}break;case"/Script/Engine.BlueprintSetLibrary":{const e=t.match(/Set_(\w+)/);if(e)return ae.formatStringName(e[1]).toUpperCase()}break;case"/Script/Engine.BlueprintMapLibrary":{const e=t.match(/Map_(\w+)/);if(e)return ae.formatStringName(e[1]).toUpperCase()}}return ae.formatStringName(t)}return ae.formatStringName(this.getNameAndCounter()[0])}nodeColor(){switch(this.getClass()){case te.nodeType.callFunction:return this.bIsPureFunc?te.nodeColors.green:te.nodeColors.blue;case te.nodeType.event:case te.nodeType.customEvent:case te.nodeType.inputKey:case te.nodeType.inputAxisKeyEvent:case te.nodeType.inputDebugKey:return te.nodeColors.red;case te.nodeType.enumLiteral:case te.nodeType.makeArray:case te.nodeType.makeMap:case te.nodeType.select:return te.nodeColors.green;case te.nodeType.executionSequence:case te.nodeType.ifThenElse:case te.nodeType.macro:return te.nodeColors.gray;case te.nodeType.dynamicCast:return te.nodeColors.turquoise}return this.bIsPureFunc?te.nodeColors.green:this.isEvent()?te.nodeColors.red:te.nodeColors.blue}nodeIcon(){switch(this.getType()){case te.nodeType.customEvent:return De.event;case te.nodeType.doN:return De.doN;case te.nodeType.dynamicCast:return De.cast;case te.nodeType.enumLiteral:return De.enum;case te.nodeType.event:return De.event;case te.nodeType.executionSequence:return De.sequence;case te.nodeType.forEachElementInEnum:return De.loop;case te.nodeType.forEachLoop:case te.nodeType.forEachLoopWithBreak:return De.forEachLoop;case te.nodeType.forLoop:case te.nodeType.forLoopWithBreak:return De.loop;case te.nodeType.ifThenElse:return De.branchNode;case te.nodeType.isValid:return De.questionMark;case te.nodeType.makeArray:return De.makeArray;case te.nodeType.makeMap:return De.makeMap;case te.nodeType.makeSet:return De.makeSet;case te.nodeType.select:return De.select;case te.nodeType.whileLoop:return De.loop}if(this.nodeDisplayName().startsWith("Break"))return De.breakStruct;if(this.getClass()===te.nodeType.macro)return De.macro;const e=this.hasHIDAttribute()?.toString();return e?e.includes("Mouse")?De.mouse:e.includes("Gamepad_Special")?De.keyboard:e.includes("Gamepad")||e.includes("Steam")?De.gamepad:e.includes("Touch")?De.touchpad:De.keyboard:this.getDelegatePin()?De.event:De.functionSymbol}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Oe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ve={exports:{}};"undefined"!=typeof self&&self;var ze=Oe(Ve.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var s=t[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){function n(e){if(!(this instanceof n))return new n(e);this._=e}var s=n.prototype;function r(e,t){for(var i=0;i<e;i++)t(i)}function a(e,t,i){return function(e,t){r(t.length,(function(i){e(t[i],i,t)}))}((function(i,n,s){t=e(t,i,n,s)}),i),t}function o(e,t){return a((function(t,i,n,s){return t.concat([e(i,n,s)])}),[],t)}function l(e,t){var i={v:0,buf:t};return r(e,(function(){var e;i={v:i.v<<1|(e=i.buf,e[0]>>7),buf:function(e){var t=a((function(e,t,i,n){return e.concat(i===n.length-1?Buffer.from([t,0]).readUInt16BE(0):n.readUInt16BE(i))}),[],e);return Buffer.from(o((function(e){return(e<<1&65535)>>8}),t))}(i.buf)}})),i}function u(){return"undefined"!=typeof Buffer}function c(){if(!u())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function h(e){c();var t=a((function(e,t){return e+t}),0,e);if(t%8!=0)throw new Error("The bits ["+e.join(", ")+"] add up to "+t+" which is not an even number of bytes; the total should be divisible by 8");var i,s=t/8,r=(i=function(e){return e>48},a((function(e,t){return e||(i(t)?t:e)}),null,e));if(r)throw new Error(r+" bit range requested exceeds 48 bit (6 byte) Number max.");return new n((function(t,i){var n=s+i;return n>t.length?C(i,s.toString()+" bytes"):E(n,a((function(e,t){var i=l(t,e.buf);return{coll:e.coll.concat(i.v),buf:i.buf}}),{coll:[],buf:t.slice(i,n)},e).coll)}))}function d(e,t){return new n((function(i,n){return c(),n+t>i.length?C(n,t+" bytes for "+e):E(n+t,i.slice(n,n+t))}))}function p(e,t){if("number"!=typeof(i=t)||Math.floor(i)!==i||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var i}function m(e){return p("uintBE",e),d("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),d("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function b(e){return p("intBE",e),d("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function v(e){return p("intLE",e),d("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function f(e){return e instanceof n}function y(e){return"[object Array]"==={}.toString.call(e)}function w(e){return u()&&Buffer.isBuffer(e)}function E(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function C(e,t){return y(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:e,expected:t}}function S(e,t){if(!t)return e;if(e.furthest>t.furthest)return e;var i=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==n._supportsSet)return n._supportsSet;var e="undefined"!=typeof Set;return n._supportsSet=e,e}()&&Array.from){for(var i=new Set(e),s=0;s<t.length;s++)i.add(t[s]);var r=Array.from(i);return r.sort(),r}for(var a={},o=0;o<e.length;o++)a[e[o]]=!0;for(var l=0;l<t.length;l++)a[t[l]]=!0;var u=[];for(var c in a)({}).hasOwnProperty.call(a,c)&&u.push(c);return u.sort(),u}(e.expected,t.expected):t.expected;return{status:e.status,index:e.index,value:e.value,furthest:t.furthest,expected:i}}var P={};function x(e,t){if(w(e))return{offset:t,line:-1,column:-1};e in P||(P[e]={});for(var i=P[e],n=0,s=0,r=0,a=t;a>=0;){if(a in i){n=i[a].line,0===r&&(r=i[a].lineStart);break}("\n"===e.charAt(a)||"\r"===e.charAt(a)&&"\n"!==e.charAt(a+1))&&(s++,0===r&&(r=a+1)),a--}var o=n+s,l=t-r;return i[t]={line:o,lineStart:r},{offset:t,line:o+1,column:l+1}}function k(e){if(!f(e))throw new Error("not a parser: "+e)}function L(e,t){return"string"==typeof e?e.charAt(t):e[t]}function N(e){if("number"!=typeof e)throw new Error("not a number: "+e)}function T(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function A(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var M=2,B=3,D=8,$=5*D,H=4*D,O="  ";function V(e,t){return new Array(t+1).join(e)}function z(e,t,i){var n=t-e.length;return n<=0?e:V(i,n)+e}function I(e,t,i,n){return{from:e-t>0?e-t:0,to:e+i>n?n:e+i}}function R(e,t){var i,n,s,r,l,u=t.index,c=u.offset,h=1;if(c===e.length)return"Got the end of the input";if(w(e)){var d=c-c%D,p=c-d,m=I(d,$,H+D,e.length),g=o((function(e){return o((function(e){return z(e.toString(16),2,"0")}),e)}),function(e,t){var i=e.length,n=[],s=0;if(i<=t)return[e.slice()];for(var r=0;r<i;r++)n[s]||n.push([]),n[s].push(e[r]),(r+1)%t==0&&s++;return n}(e.slice(m.from,m.to).toJSON().data,D));r=function(e){return 0===e.from&&1===e.to?{from:e.from,to:e.to}:{from:e.from/D,to:Math.floor(e.to/D)}}(m),n=d/D,i=3*p,p>=4&&(i+=1),h=2,s=o((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+"  "+e.slice(4).join(" ")}),g),(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2)}else{var b=e.split(/\r\n|[\n\r\u2028\u2029]/);i=u.column-1,n=u.line-1,r=I(n,M,B,b.length),s=b.slice(r.from,r.to),l=r.to.toString().length}var v=n-r.from;return w(e)&&(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2),a((function(t,n,s){var a,o=s===v,u=o?"> ":O;return a=w(e)?z((8*(r.from+s)).toString(16),l,"0"):z((r.from+s+1).toString(),l," "),[].concat(t,[u+a+" | "+n],o?[O+V(" ",l)+" | "+z("",i," ")+V("^",h)]:[])}),[],s).join("\n")}function _(e,t){return["\n","-- PARSING FAILED "+V("-",50),"\n\n",R(e,t),"\n\n",(i=t.expected,1===i.length?"Expected:\n\n"+i[0]:"Expected one of the following: \n\n"+i.join(", ")),"\n"].join("");var i}function F(e){return void 0!==e.flags?e.flags:[e.global?"g":"",e.ignoreCase?"i":"",e.multiline?"m":"",e.unicode?"u":"",e.sticky?"y":""].join("")}function G(){for(var e=[].slice.call(arguments),t=e.length,i=0;i<t;i+=1)k(e[i]);return n((function(i,n){for(var s,r=new Array(t),a=0;a<t;a+=1){if(!(s=S(e[a]._(i,n),s)).status)return s;r[a]=s.value,n=s.index}return S(E(n,r),s)}))}function j(){var e=[].slice.call(arguments);if(0===e.length)throw new Error("seqMap needs at least one argument");var t=e.pop();return T(t),G.apply(null,e).map((function(e){return t.apply(null,e)}))}function U(){var e=[].slice.call(arguments),t=e.length;if(0===t)return q("zero alternates");for(var i=0;i<t;i+=1)k(e[i]);return n((function(t,i){for(var n,s=0;s<e.length;s+=1)if((n=S(e[s]._(t,i),n)).status)return n;return n}))}function K(e,t){return W(e,t).or(Y([]))}function W(e,t){return k(e),k(t),j(e,t.then(e).many(),(function(e,t){return[e].concat(t)}))}function X(e){A(e);var t="'"+e+"'";return n((function(i,n){var s=n+e.length,r=i.slice(n,s);return r===e?E(s,r):C(n,t)}))}function Z(e,t){!function(e){if(!(e instanceof RegExp))throw new Error("not a regexp: "+e);for(var t=F(e),i=0;i<t.length;i++){var n=t.charAt(i);if("i"!==n&&"m"!==n&&"u"!==n&&"s"!==n)throw new Error('unsupported regexp flag "'+n+'": '+e)}}(e),arguments.length>=2?N(t):t=0;var i=function(e){return RegExp("^(?:"+e.source+")",F(e))}(e),s=""+e;return n((function(e,n){var r=i.exec(e.slice(n));if(r){if(0<=t&&t<=r.length){var a=r[0],o=r[t];return E(n+a.length,o)}return C(n,"valid match group (0 to "+r.length+") in "+s)}return C(n,s)}))}function Y(e){return n((function(t,i){return E(i,e)}))}function q(e){return n((function(t,i){return C(i,e)}))}function J(e){if(f(e))return n((function(t,i){var n=e._(t,i);return n.index=i,n.value="",n}));if("string"==typeof e)return J(X(e));if(e instanceof RegExp)return J(Z(e));throw new Error("not a string, regexp, or parser: "+e)}function Q(e){return k(e),n((function(t,i){var n=e._(t,i),s=t.slice(i,n.index);return n.status?C(i,'not "'+s+'"'):E(i,null)}))}function ee(e){return T(e),n((function(t,i){var n=L(t,i);return i<t.length&&e(n)?E(i+1,n):C(i,"a character/byte matching "+e)}))}function te(e,t){arguments.length<2&&(t=e,e=void 0);var i=n((function(e,n){return i._=t()._,i._(e,n)}));return e?i.desc(e):i}function ie(){return q("fantasy-land/empty")}s.parse=function(e){if("string"!=typeof e&&!w(e))throw new Error(".parse must be called with a string or Buffer as its argument");var t,i=this.skip(ae)._(e,0);return t=i.status?{status:!0,value:i.value}:{status:!1,index:x(e,i.furthest),expected:i.expected},delete P[e],t},s.tryParse=function(e){var t=this.parse(e);if(t.status)return t.value;var i=_(e,t),n=new Error(i);throw n.type="ParsimmonError",n.result=t,n},s.assert=function(e,t){return this.chain((function(i){return e(i)?Y(i):q(t)}))},s.or=function(e){return U(this,e)},s.trim=function(e){return this.wrap(e,e)},s.wrap=function(e,t){return j(e,this,t,(function(e,t){return t}))},s.thru=function(e){return e(this)},s.then=function(e){return k(e),G(this,e).map((function(e){return e[1]}))},s.many=function(){var e=this;return n((function(t,i){for(var n=[],s=void 0;;){if(!(s=S(e._(t,i),s)).status)return S(E(i,n),s);if(i===s.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");i=s.index,n.push(s.value)}}))},s.tieWith=function(e){return A(e),this.map((function(t){if(function(e){if(!y(e))throw new Error("not an array: "+e)}(t),t.length){A(t[0]);for(var i=t[0],n=1;n<t.length;n++)A(t[n]),i+=e+t[n];return i}return""}))},s.tie=function(){return this.tieWith("")},s.times=function(e,t){var i=this;return arguments.length<2&&(t=e),N(e),N(t),n((function(n,s){for(var r=[],a=void 0,o=void 0,l=0;l<e;l+=1){if(o=S(a=i._(n,s),o),!a.status)return o;s=a.index,r.push(a.value)}for(;l<t&&(o=S(a=i._(n,s),o),a.status);l+=1)s=a.index,r.push(a.value);return S(E(s,r),o)}))},s.result=function(e){return this.map((function(){return e}))},s.atMost=function(e){return this.times(0,e)},s.atLeast=function(e){return j(this.times(e),this.many(),(function(e,t){return e.concat(t)}))},s.map=function(e){T(e);var t=this;return n((function(i,n){var s=t._(i,n);return s.status?S(E(s.index,e(s.value)),s):s}))},s.contramap=function(e){T(e);var t=this;return n((function(i,n){var s=t.parse(e(i.slice(n)));return s.status?E(n+i.length,s.value):s}))},s.promap=function(e,t){return T(e),T(t),this.contramap(e).map(t)},s.skip=function(e){return G(this,e).map((function(e){return e[0]}))},s.mark=function(){return j(ne,this,ne,(function(e,t,i){return{start:e,value:t,end:i}}))},s.node=function(e){return j(ne,this,ne,(function(t,i,n){return{name:e,value:i,start:t,end:n}}))},s.sepBy=function(e){return K(this,e)},s.sepBy1=function(e){return W(this,e)},s.lookahead=function(e){return this.skip(J(e))},s.notFollowedBy=function(e){return this.skip(Q(e))},s.desc=function(e){y(e)||(e=[e]);var t=this;return n((function(i,n){var s=t._(i,n);return s.status||(s.expected=e),s}))},s.fallback=function(e){return this.or(Y(e))},s.ap=function(e){return j(e,this,(function(e,t){return e(t)}))},s.chain=function(e){var t=this;return n((function(i,n){var s=t._(i,n);return s.status?S(e(s.value)._(i,s.index),s):s}))},s.concat=s.or,s.empty=ie,s.of=Y,s["fantasy-land/ap"]=s.ap,s["fantasy-land/chain"]=s.chain,s["fantasy-land/concat"]=s.concat,s["fantasy-land/empty"]=s.empty,s["fantasy-land/of"]=s.of,s["fantasy-land/map"]=s.map;var ne=n((function(e,t){return E(t,x(e,t))})),se=n((function(e,t){return t>=e.length?C(t,"any character/byte"):E(t+1,L(e,t))})),re=n((function(e,t){return E(e.length,e.slice(t))})),ae=n((function(e,t){return t<e.length?C(t,"EOF"):E(t,null)})),oe=Z(/[0-9]/).desc("a digit"),le=Z(/[0-9]*/).desc("optional digits"),ue=Z(/[a-z]/i).desc("a letter"),ce=Z(/[a-z]*/i).desc("optional letters"),he=Z(/\s*/).desc("optional whitespace"),de=Z(/\s+/).desc("whitespace"),pe=X("\r"),me=X("\n"),ge=X("\r\n"),be=U(ge,me,pe).desc("newline"),ve=U(be,ae);n.all=re,n.alt=U,n.any=se,n.cr=pe,n.createLanguage=function(e){var t={};for(var i in e)({}).hasOwnProperty.call(e,i)&&function(i){t[i]=te((function(){return e[i](t)}))}(i);return t},n.crlf=ge,n.custom=function(e){return n(e(E,C))},n.digit=oe,n.digits=le,n.empty=ie,n.end=ve,n.eof=ae,n.fail=q,n.formatError=_,n.index=ne,n.isParser=f,n.lazy=te,n.letter=ue,n.letters=ce,n.lf=me,n.lookahead=J,n.makeFailure=C,n.makeSuccess=E,n.newline=be,n.noneOf=function(e){return ee((function(t){return e.indexOf(t)<0})).desc("none of '"+e+"'")},n.notFollowedBy=Q,n.of=Y,n.oneOf=function(e){for(var t=e.split(""),i=0;i<t.length;i++)t[i]="'"+t[i]+"'";return ee((function(t){return e.indexOf(t)>=0})).desc(t)},n.optWhitespace=he,n.Parser=n,n.range=function(e,t){return ee((function(i){return e<=i&&i<=t})).desc(e+"-"+t)},n.regex=Z,n.regexp=Z,n.sepBy=K,n.sepBy1=W,n.seq=G,n.seqMap=j,n.seqObj=function(){for(var e,t={},i=0,s=(e=arguments,Array.prototype.slice.call(e)),r=s.length,a=0;a<r;a+=1){var o=s[a];if(!f(o)){if(y(o)&&2===o.length&&"string"==typeof o[0]&&f(o[1])){var l=o[0];if(Object.prototype.hasOwnProperty.call(t,l))throw new Error("seqObj: duplicate key "+l);t[l]=!0,i++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(0===i)throw new Error("seqObj expects at least one named parser, found zero");return n((function(e,t){for(var i,n={},a=0;a<r;a+=1){var o,l;if(y(s[a])?(o=s[a][0],l=s[a][1]):(o=null,l=s[a]),!(i=S(l._(e,t),i)).status)return i;o&&(n[o]=i.value),t=i.index}return S(E(t,n),i)}))},n.string=X,n.succeed=Y,n.takeWhile=function(e){return T(e),n((function(t,i){for(var n=i;n<t.length&&e(L(t,n));)n++;return E(n,t.slice(i,n))}))},n.test=ee,n.whitespace=de,n["fantasy-land/empty"]=ie,n["fantasy-land/of"]=Y,n.Binary={bitSeq:h,bitSeqObj:function(e){c();var t={},i=0,n=o((function(e){if(y(e)){var n=e;if(2!==n.length)throw new Error("["+n.join(", ")+"] should be length 2, got length "+n.length);if(A(n[0]),N(n[1]),Object.prototype.hasOwnProperty.call(t,n[0]))throw new Error("duplicate key in bitSeqObj: "+n[0]);return t[n[0]]=!0,i++,n}return N(e),[null,e]}),e);if(i<1)throw new Error("bitSeqObj expects at least one named pair, got ["+e.join(", ")+"]");var s=o((function(e){return e[0]}),n);return h(o((function(e){return e[1]}),n)).map((function(e){return a((function(e,t){return null!==t[0]&&(e[t[0]]=t[1]),e}),{},o((function(t,i){return[t,e[i]]}),s))}))},byte:function(e){if(c(),N(e),e>255)throw new Error("Value specified to byte constructor ("+e+"=0x"+e.toString(16)+") is larger in value than a single byte.");var t=(e>15?"0x":"0x0")+e.toString(16);return n((function(i,n){var s=L(i,n);return s===e?E(n+1,s):C(n,t)}))},buffer:function(e){return d("buffer",e).map((function(e){return Buffer.from(e)}))},encodedString:function(e,t){return d("string",t).map((function(t){return t.toString(e)}))},uintBE:m,uint8BE:m(1),uint16BE:m(2),uint32BE:m(4),uintLE:g,uint8LE:g(1),uint16LE:g(2),uint32LE:g(4),intBE:b,int8BE:b(1),int16BE:b(2),int32BE:b(4),intLE:v,int8LE:v(1),int16LE:v(2),int32LE:v(4),floatBE:d("floatBE",4).map((function(e){return e.readFloatBE(0)})),floatLE:d("floatLE",4).map((function(e){return e.readFloatLE(0)})),doubleBE:d("doubleBE",8).map((function(e){return e.readDoubleBE(0)})),doubleLE:d("doubleLE",8).map((function(e){return e.readDoubleLE(0)}))},e.exports=n}]));class Ie extends oe{static attributes={lookbehind:{value:"",showDefault:!1,ignore:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.lookbehind}}let Re=ze;class _e{static Regex={ByteInteger:/0*(?:25[0-5]|2[0-4]\d|1?\d?\d|)(?!\d)/,HexDigit:/[0-9a-fA-F]/,InlineOptWhitespace:/[^\S\n]*/,InlineWhitespace:/[^\S\n]+/,InsideString:/(?:[^"\\]|\\.)*/,Integer:/[\-\+]?\d+/,MultilineWhitespace:/\s*\n\s*/,Number:/[-\+]?\d+(?:\.\d+)?/,RealUnit:/^\+?(?:0(?:\.\d+)?|1(?:\.0+)?)(?![\.\d])/,Symbol:/[a-zA-Z_]\w*/,Word:/[a-zA-Z_]+/};static regexMap(e,t){const i=RegExp("^(?:"+e.source+")",e.flags),n=""+e;return Re(((e,s)=>{const r=i.exec(e.slice(s));return r?Re.makeSuccess(s+r[0].length,t(r)):Re.makeFailure(s,n)}))}static getStringParser(e){return Re(((t,i)=>{var n=i+e.length,s=t.slice(i,n);return s===e?makeSuccess(n,s):makeFailure(i,expected)}))}static getGrammarForType(e,t,i=e.AttributeAnyValue){if(t.constructor===Object){let n,s=t.type;return n=s instanceof Array?_e.getGrammarForType(e,s[0]).trim(Re.optWhitespace).sepBy(Re.string(",")).skip(Re.regex(/,?\s*/)).wrap(Re.string("("),Re.string(")")):s instanceof re?s.types.map((t=>_e.getGrammarForType(e,ae.getType(t)))).reduce(((t,i)=>i&&t!==e.AttributeAnyValue?t.or(i):e.AttributeAnyValue)):_e.getGrammarForType(e,s,i),!t.serialized||s instanceof String||(n=n.wrap(Re.string('"'),Re.string('"'))),t.nullable&&(n=n.or(e.Null)),n}switch(t){case BigInt:return e.BigInt;case Boolean:return e.Boolean;case ue:return e.Byte;case he:return e.Enum;case me:return e.FunctionReference;case de:return e.Guid;case ge:return e.Identifier;case be:return e.Integer64;case le:return e.Integer;case ve:return e.InvariantText;case fe:return e.KeyBinding;case we:return e.LinearColor;case Ee:return e.LocalizedText;case Ce:return e.MacroGraphReference;case Number:return e.Number;case pe:return e.ObjectReference;case Se:return e.PathSymbol;case Be:return e.Pin;case Pe:return e.PinReference;case xe:return e.PinType;case ye:return e.RealUnit;case ke:return e.Rotator;case Le:return e.SimpleSerializationRotator;case Te:return e.SimpleSerializationVector2D;case Me:return e.SimpleSerializationVector;case String:return e.String;case ce:return e.Symbol;case $e:return e.VariableReference;case Ne:return e.Vector2D;case Ae:return e.Vector;default:return i}}static ReferencePath=(e,t)=>Re.alt(t,Re.seq(Re.string("/"),t.map((e=>e.toString())).sepBy1(Re.string(".")).tieWith(".").sepBy1(Re.string(":")).tieWith(":")).tie().atLeast(2).tie());static createAttributeGrammar=(e,t,i=Re.string("=").trim(Re.optWhitespace))=>e.AttributeName.skip(i).chain((i=>{const n=i.split("."),s=ae.objectGet(t.attributes,n);return(s?s.constructor===Object&&s.serialized?e.String:_e.getGrammarForType(e,s,e.AttributeAnyValue):e.AttributeAnyValue).map((e=>t=>ae.objectSet(t,n,e,!0)))}));static createEntityGrammar=(e,t,i=!0)=>Re.seqMap(t.lookbehind?Re.seq(Re.string(t.lookbehind),Re.optWhitespace,Re.string("(")):Re.string("("),_e.createAttributeGrammar(e,t).trim(Re.optWhitespace).sepBy(Re.string(",")).skip(Re.regex(/,?/).then(Re.optWhitespace)),Re.string(")"),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),n})).chain((e=>{let n=Object.keys(e);if(Object.keys(t.attributes).filter((e=>t.attributes[e].expected)).find((e=>!n.includes(e))))return Re.fail();const s=Object.keys(e).filter((e=>!(e in t.attributes))).length;return!i&&s>0||i&&s+.5>Math.sqrt(n)?Re.fail():Re.succeed().map((()=>new t(e)))}));Null=e=>Re.regex(new RegExp(String.raw`\(${_e.Regex.InlineOptWhitespace.source}\)`)).map((()=>null)).desc("null: ()");Boolean=e=>_e.regexMap(/(true)|false/i,(e=>!!e[1])).desc("either True or False");Number=e=>Re.regex(_e.Regex.Number).map(Number).desc("a number");BigInt=e=>Re.regex(_e.Regex.Integer).map((e=>BigInt(e))).desc("a big integer");RealUnit=e=>Re.regex(_e.Regex.RealUnit).map(Number).desc("a number between 0 and 1");NaturalNumber=e=>_e.regexMap(/\d+/,(e=>parseInt(e[0]))).desc("a natural number");ColorNumber=e=>Re.regexp(_e.Regex.ByteInteger).desc("a number between 0 and 255");Word=e=>Re.regexp(_e.Regex.Word).desc("a word");String=e=>Re.regexp(new RegExp(`"(${_e.Regex.InsideString.source})"`),1).map(ae.unescapeString).desc('string (with possibility to escape the quote using ")');AttributeName=e=>Re.regexp(new RegExp(String.raw`(?:(?:^|(?<!^)\.)${_e.Regex.Word.source})+`)).desc("dot-separated words");None=e=>Re.string("None").map((()=>new pe({type:"None",path:""}))).desc("none");Integer64=e=>e.BigInt.map((e=>new be(e))).desc("an integer64");Integer=e=>Re.regex(_e.Regex.Integer).map((e=>new le(e))).desc("an integer");Byte=e=>Re.regex(_e.Regex.ByteInteger).map((e=>new ue(parseInt(e)))).desc("a Byte");Guid=e=>Re.regexp(new RegExp(`${_e.Regex.HexDigit.source}{32}`)).map((e=>new de({value:e}))).desc("32 digit hexadecimal value");Identifier=e=>Re.regex(/\w+/).map((e=>new ge(e)));PathSymbol=e=>Re.regex(/\w+/).map((e=>new Se({value:e})));PathSymbolOptSpaces=e=>Re.regex(/(?:(?:^|(?<!^) )\w+)+/).map((e=>new Se({value:e})));Symbol=e=>Re.regex(_e.Regex.Symbol).map((e=>new ce({value:e})));Enum=e=>Re.regex(_e.Regex.Symbol).map((e=>new he({value:e})));ObjectReference=e=>Re.alt(e.None,...[_e.ReferencePath(e,e.PathSymbolOptSpaces).map((e=>new pe({type:"",path:e})))].flatMap((e=>[e.wrap(Re.string('"'),Re.string('"')),e.wrap(Re.string("'\""),Re.string("\"'"))])),Re.seqMap(_e.ReferencePath(e,e.PathSymbolOptSpaces),Re.optWhitespace,Re.alt(...[_e.ReferencePath(e,e.PathSymbolOptSpaces)].flatMap((e=>[e.wrap(Re.string('"'),Re.string('"')),e.wrap(Re.string("'\""),Re.string("\"'"))]))),((e,t,i)=>new pe({type:e,path:i}))),_e.ReferencePath(e,e.PathSymbol).map((e=>new pe({type:"",path:e}))),e.Word.map((e=>new pe({type:e,path:""}))));LocalizedText=e=>_e.regexMap(new RegExp(String.raw`${Ee.lookbehind}\s*\(`+String.raw`\s*"(${_e.Regex.InsideString.source})"\s*,`+String.raw`\s*"(${_e.Regex.InsideString.source})"\s*,`+String.raw`\s*"(${_e.Regex.InsideString.source})"\s*\)`),(e=>new Ee({namespace:e[1],key:e[2],value:e[3]})));InvariantText=e=>e.String.trim(Re.optWhitespace).wrap(Re.string(ve.lookbehind).skip(Re.optWhitespace).skip(Re.string("(")),Re.string(")")).map((e=>new ve({value:e})));AttributeAnyValue=e=>Re.alt(e.Boolean,e.Guid,e.None,e.Null,e.Number,e.String,e.LocalizedText,e.InvariantText,e.PinReference,e.Vector,e.LinearColor,e.Vector2D,e.UnknownKeys,e.ObjectReference,e.Symbol);PinReference=e=>Re.seqMap(e.PathSymbol,Re.whitespace,e.Guid,((e,t,i)=>new Pe({objectName:e,pinGuid:i})));PinType=e=>_e.createEntityGrammar(e,xe,!0);Vector2D=e=>_e.createEntityGrammar(e,Ne,!1);Vector=e=>_e.createEntityGrammar(e,Ae,!1);Rotator=e=>_e.createEntityGrammar(e,ke,!1);SimpleSerializationRotator=e=>Re.seqMap(e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,((e,t,i,n,s)=>new Le({R:s,P:e,Y:i})));SimpleSerializationVector2D=e=>Re.seqMap(e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,((e,t,i)=>new Te({X:e,Y:i})));SimpleSerializationVector=e=>Re.seqMap(e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,Re.string(",").trim(Re.optWhitespace),e.Number,((e,t,i,n,s)=>new Me({X:e,Y:i,Z:s})));LinearColor=e=>_e.createEntityGrammar(e,we,!1);FunctionReference=e=>_e.createEntityGrammar(e,me);VariableReference=e=>_e.createEntityGrammar(e,$e);MacroGraphReference=e=>_e.createEntityGrammar(e,Ce);KeyBinding=e=>Re.alt(e.Identifier.map((e=>new fe({Key:e}))),_e.createEntityGrammar(e,fe));Pin=e=>_e.createEntityGrammar(e,Be);CustomProperties=e=>Re.regex(/CustomProperties\s+/).then(e.Pin).map((e=>t=>{let i=ae.objectGet(t,["CustomProperties"],[]);i.push(e),ae.objectSet(t,["CustomProperties"],i,!0)}));Object=e=>Re.seqMap(Re.regexp(/Begin\s+Object\s+/),Re.alt(e.CustomProperties,_e.createAttributeGrammar(e,He)).sepBy1(Re.whitespace),Re.regexp(/\s+End\s+Object/),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),new He(n)}));MultipleObject=e=>e.Object.sepBy1(Re.whitespace).trim(Re.optWhitespace);LinearColorFromHex=e=>Re.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Re.optWhitespace).map((([e,t,i,n])=>new we({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(i,16)/255,A:n?parseInt(n,16)/255:1})));LinearColorFromRGBList=e=>Re.seqMap(e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber.map(Number),((e,t,i,n,s)=>new we({R:e/255,G:i/255,B:s/255,A:1})));LinearColorFromRGB=e=>Re.string("rgb").then(e.LinearColorFromRGBList.wrap(Re.regex(/\(\s*/),Re.regex(/\s*\)/)));LinearColorFromRGBA=e=>Re.string("rgba").then(Re.seqMap(e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber,Re.string(",").skip(Re.optWhitespace),e.ColorNumber.map(Number),Re.string(",").skip(Re.optWhitespace),Re.regex(/0?\.\d+|[01]/).map(Number),((e,t,i,n,s,r,a)=>new we({R:e/255,G:i/255,B:s/255,A:a}))).wrap(Re.regex(/\(\s*/),Re.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Re.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA);UnknownKeys=e=>Re.seqMap(Re.regex(/\w*\s*/).skip(Re.string("(")),Re.seqMap(e.AttributeName,Re.string("=").trim(Re.optWhitespace),e.AttributeAnyValue,((e,t,i)=>t=>ae.objectSet(t,e.split("."),i,!0))).trim(Re.optWhitespace).sepBy(Re.string(",")).skip(Re.regex(/,?/).then(Re.optWhitespace)),Re.string(")"),((e,t,i)=>{let n={};t.forEach((e=>e(n)));let s=new Ie(n);return e&&(s.lookbehind=e),s}))}class Fe{static grammar=ze.createLanguage(new _e);constructor(e,t="",i=",",n=!1,s="=",r=(e=>e.join("."))){this.entityType=e,this.attributePrefix=t,this.attributeSeparator=i,this.trailingSeparator=n,this.attributeValueConjunctionSign=s,this.attributeKeyPrinter=r}deserialize(e){return this.read(e)}serialize(e,t=!1,i=e){return this.write(i,e,t)}read(e){throw new Error("Not implemented")}write(e,t,i){throw new Error("Not implemented")}writeValue(e,t,i,n){const s=ae.getType(t),r=ne.getSerializer(s);if(!r)throw new Error(`Unknown value type "${s.name}", a serializer must be registered in the SerializerFactory class, check initializeSerializerFactory.js`);return r.write(t instanceof oe?t:e,t,n)}subWrite(e,t,i,n){let s="",r=t.concat("");const a=r.length-1,o=i.constructor.attributes,l=o?ae.mergeArrays(Object.keys(o),Object.keys(i)):Object.keys(i);for(const t of l){r[a]=t;const o=i[t];if(o?.constructor===Object)s+=(s.length?this.attributeSeparator:"")+this.subWrite(e,r,o,n);else if(void 0!==o&&this.showProperty(e,i,r,o)){const t=ae.isSerialized(e,r);s+=(s.length?this.attributeSeparator:"")+this.attributePrefix+this.attributeKeyPrinter(r)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,o,r,!0)}"`:this.writeValue(e,o,r,n))}}return this.trailingSeparator&&s.length&&1===r.length&&(s+=this.attributeSeparator),s}showProperty(e,t,i,n){const s=this.entityType.attributes,r=ae.objectGet(s,i);return r?.constructor!==Object||!r.ignored&&(!ae.equals(r.value,n)||r.showDefault)}}class Ge extends Fe{constructor(){super(He,"   ","\n",!1)}showProperty(e,t,i,n){switch(i.toString()){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t,i,n)}read(e){const t=Fe.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Fe.grammar.MultipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t,i){return`Begin Object Class=${t.Class.path} Name=${this.writeValue(e,t.Name,["Name"],i)}\n${this.subWrite(e,[],t,i)+t.CustomProperties.map((e=>this.attributeSeparator+this.attributePrefix+"CustomProperties "+ne.getSerializer(Be).serialize(e))).join("")}\nEnd Object\n`}}class je extends ie{static#l=new Ge;#u;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#u=e=>n.copied()}listenEvents(){window.addEventListener("copy",this.#u)}unlistenEvents(){window.removeEventListener("copy",this.#u)}getSerializedText(){return this.blueprint.getNodes(!0).map((e=>je.#l.serialize(e.entity,!1))).join("")}copied(){const e=this.getSerializedText();navigator.clipboard.writeText(e)}}class Ue{element;get blueprint(){return this.element.blueprint}#c=[];get inputObjects(){return this.#c}initialize(e){this.element=e}createInputObjects(){return[]}getInputObject(e){return this.inputObjects.find((t=>t.constructor==e))}setup(){this.#c.forEach((e=>e.setup()))}cleanup(){this.#c.forEach((e=>e.cleanup()))}willUpdate(e){}update(e){}render(){return $``}firstUpdated(e){}updated(e){}inputSetup(){this.#c=this.createInputObjects()}}class Ke extends ie{#h;constructor(e,t,i={}){i.activateAnyKey??=!1,i.activationKeys??=[],i.consumeEvent??=!0,i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,i.activationKeys instanceof Array||(i.activationKeys=[i.activationKeys]),i.activationKeys=i.activationKeys.map((e=>{if(e instanceof fe)return e;if(e.constructor===String){const t=Fe.grammar.KeyBinding.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,i),this.#h=this.options.activationKeys??[];let n=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||n.#h.some((t=>(e=>e.bShift||"LeftShift"==e.Key||"RightShift"==e.Key)(t)==e.shiftKey&&(e=>e.bCtrl||"LeftControl"==e.Key||"RightControl"==e.Key)(t)==e.ctrlKey&&(e=>e.bAlt||"LeftAlt"==e.Key||"RightAlt"==e.Key)(t)==e.altKey&&te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&(e.preventDefault(),e.stopImmediatePropagation()),n.fire(),document.removeEventListener("keydown",n.keyDownHandler),document.addEventListener("keyup",n.keyUpHandler))},this.keyUpHandler=e=>{(this.options.activateAnyKey||n.#h.some((t=>t.bShift&&"Shift"==e.key||t.bCtrl&&"Control"==e.key||t.bAlt&&"Alt"==e.key||t.bCmd&&"Meta"==e.key||te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&e.stopImmediatePropagation(),n.unfire(),document.removeEventListener("keyup",this.keyUpHandler),document.addEventListener("keydown",this.keyDownHandler))}}listenEvents(){document.addEventListener("keydown",this.keyDownHandler)}unlistenEvents(){document.removeEventListener("keydown",this.keyDownHandler)}fire(){}unfire(){}}class We extends Ke{constructor(e,t,i={}){i.activationKeys=te.deleteNodesKeyboardKey,super(e,t,i)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Xe extends ie{constructor(e,t,i={}){i.ignoreTranslateCompensate??=!1,i.ignoreScale??=!1,i.movementSpace??=t.getGridDOMElement()??document.documentElement,super(e,t,i),this.movementSpace=i.movementSpace}locationFromEvent(e){const t=ae.convertLocation([e.clientX,e.clientY],this.movementSpace,this.options.ignoreScale);return this.options.ignoreTranslateCompensate?t:this.blueprint.compensateTranslation(t[0],t[1])}}class Ze extends Xe{#d=e=>{e.preventDefault();const t=this.locationFromEvent(e);this.wheel(Math.sign(e.deltaY*te.mouseWheelFactor),t)};#p=e=>e.preventDefault();constructor(e,t,i={}){i.listenOnFocus=!0,i.strictTarget??=!1,super(e,t,i),this.strictTarget=i.strictTarget}listenEvents(){this.movementSpace.addEventListener("wheel",this.#d,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#p)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#d,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#p)}wheel(e,t){}}class Ye extends Ze{#m=!1;get enableZoonIn(){return this.#m}set enableZoonIn(e){e!=this.#m&&(this.#m=e)}wheel(e,t){let i=this.blueprint.getZoom();e=-e,!this.enableZoonIn&&0==i&&e>0||(i+=e,this.blueprint.setZoom(i,t))}}class qe extends Ke{#g;constructor(e,t,i={}){i.activationKeys=te.enableZoomIn,super(e,t,i)}fire(){this.#g=this.blueprint.getInputObject(Ye),this.#g.enableZoonIn=!0}unfire(){this.#g.enableZoonIn=!1}}class Je extends Ke{constructor(e,t,i={}){i.activationKeys=te.selectAllKeyboardKey,super(e,t,i)}fire(){this.blueprint.selectAll()}}class Qe extends Q{#b=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#v;get entity(){return this.#v}set entity(e){this.#v=e}#f;get template(){return this.#f}isInitialized=!1;isSetup=!1;inputObjects=[];initialize(e,t){this.requestUpdate(),this.#v=e,this.#f=t,this.#f.initialize(this),this.isConnected&&this.updateComplete.then((()=>this.setup())),this.isInitialized=!0}connectedCallback(){super.connectedCallback(),this.blueprint=this.closest("ueb-blueprint"),this.isInitialized&&(this.requestUpdate(),this.updateComplete.then((()=>this.setup())))}disconnectedCallback(){super.disconnectedCallback(),this.isSetup&&this.updateComplete.then((()=>this.cleanup())),this.acknowledgeDelete()}createRenderRoot(){return this}shouldUpdate(e){return this.isInitialized&&this.isConnected}setup(){this.template.setup(),this.isSetup=!0}cleanup(){this.template.cleanup(),this.isSetup=!1}willUpdate(e){super.willUpdate(e),this.template.willUpdate(e)}update(e){super.update(e),this.template.update(e)}render(){return this.template.render()}firstUpdated(e){super.firstUpdated(e),this.template.firstUpdated(e),this.template.inputSetup()}updated(e){super.updated(e),this.template.updated(e);for(const t of this.#b)t(e);this.#b=[]}addNextUpdatedCallbacks(e,t=!1){this.#b.push(e),t&&this.requestUpdate()}acknowledgeDelete(){let e=new CustomEvent(te.removeEventName);this.dispatchEvent(e)}isSameGraph(e){return this.blueprint&&this.blueprint==e?.blueprint}getInputObject(e){return this.template.inputObjects.find((t=>t.constructor==e))}}class et extends Qe{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1},sizeX:{type:Number,attribute:!1},sizeY:{type:Number,attribute:!1}};static dragEventName=te.dragEventName;static dragGeneralEventName=te.dragGeneralEventName;constructor(){super(),this.locationX=0,this.locationY=0,this.sizeX=0,this.sizeY=0}computeSizes(){const e=this.getBoundingClientRect();this.sizeX=this.blueprint.scaleCorrect(e.width),this.sizeY=this.blueprint.scaleCorrect(e.height)}firstUpdated(e){super.firstUpdated(e),this.computeSizes()}setLocation(e,t,i=!0){const n=e-this.locationX,s=t-this.locationY;if(this.locationX=e,this.locationY=t,this.blueprint&&i){const e=new CustomEvent(this.constructor.dragEventName,{detail:{value:[n,s]},bubbles:!1,cancelable:!0});this.dispatchEvent(e)}}addLocation(e,t,i=!0){this.setLocation(this.locationX+e,this.locationY+t,i)}acknowledgeDrag(e){const t=new CustomEvent(this.constructor.dragGeneralEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=ae.snapToGrid(this.locationX,this.locationY,te.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e[0],e[1])}topBoundary(e=!1){return this.template.topBoundary(e)}rightBoundary(e=!1){return this.template.rightBoundary(e)}bottomBoundary(e=!1){return this.template.bottomBoundary(e)}leftBoundary(e=!1){return this.template.leftBoundary(e)}}class tt extends Xe{#y=e=>{if(this.blueprint.setFocused(!0),e.button===this.options.clickButton)this.options.strictTarget&&e.target!=e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#w.addEventListener("mousemove",this.#E),document.addEventListener("mouseup",this.#C),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.target instanceof et&&(this.clickedOffset=[this.clickedPosition[0]-this.target.locationX,this.clickedPosition[1]-this.target.locationY]),this.clicked(this.clickedPosition));else this.options.exitAnyButton||this.#C(e)};#E=e=>{this.options.consumeEvent&&e.stopImmediatePropagation(),this.#w.removeEventListener("mousemove",this.#E),this.#w.addEventListener("mousemove",this.#S);const t=this.getEvent(te.trackingMouseEventName.begin);this.#P=0==this.target.dispatchEvent(t);const i=this.locationFromEvent(e);this.lastLocation=ae.snapToGrid(this.clickedPosition[0],this.clickedPosition[1],this.stepSize),this.startDrag(i),this.started=!0};#S=e=>{this.options.consumeEvent&&e.stopImmediatePropagation();const t=this.locationFromEvent(e),i=[e.movementX,e.movementY];if(this.dragTo(t,i),this.#P&&(this.blueprint.mousePosition=t),this.options.scrollGraphEdge){const e=Math.sqrt(i[0]*i[0]+i[1]*i[1]),n=this.blueprint.scaleCorrect(te.edgeScrollThreshold),s=this.blueprint.template.gridLeftVisibilityBoundary()+n,r=this.blueprint.template.gridRightVisibilityBoundary()-n;let a=0;t[0]<s?a=t[0]-s:t[0]>r&&(a=t[0]-r);const o=this.blueprint.template.gridTopVisibilityBoundary()+n,l=this.blueprint.template.gridBottomVisibilityBoundary()-n;let u=0;t[1]<o?u=t[1]-o:t[1]>l&&(u=t[1]-l),a=ae.clamp(this.blueprint.scaleCorrectReverse(a)**3*e*.6,-20,20),u=ae.clamp(this.blueprint.scaleCorrectReverse(u)**3*e*.6,-20,20),this.blueprint.scrollDelta(a,u)}};#C=e=>{if(!this.options.exitAnyButton||e.button==this.options.clickButton){if(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#w.removeEventListener("mousemove",this.#E),this.#w.removeEventListener("mousemove",this.#S),document.removeEventListener("mouseup",this.#C),this.started&&this.endDrag(),this.unclicked(),this.#P){const e=this.getEvent(te.trackingMouseEventName.end);this.target.dispatchEvent(e),this.#P=!1}this.started=!1}};#P=!1;#w;#x;clickedOffset=[0,0];clickedPosition=[0,0];lastLocation=[0,0];started=!1;stepSize=1;constructor(e,t,i={}){i.clickButton??=0,i.consumeEvent??=!0,i.draggableElement??=e,i.exitAnyButton??=!0,i.moveEverywhere??=!1,i.movementSpace??=t?.getGridDOMElement(),i.repositionOnClick??=!1,i.scrollGraphEdge??=!1,i.strictTarget??=!1,super(e,t,i),this.stepSize=parseInt(i?.stepSize??te.gridSize),this.#w=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#x=this.options.draggableElement,this.listenEvents()}listenEvents(){super.listenEvents(),this.#x.addEventListener("mousedown",this.#y),2==this.options.clickButton&&this.#x.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){super.unlistenEvents(),this.#x.removeEventListener("mousedown",this.#y)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class it extends tt{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta(-t[0],-t[1])}endDrag(){this.blueprint.scrolling=!1}}class nt extends Xe{#k=null;#L=e=>{e.preventDefault(),this.blueprint.mousePosition=this.locationFromEvent(e)};#N=e=>{this.#k||(e.preventDefault(),this.#k=e.detail.tracker,this.unlistenMouseMove())};#T=e=>{this.#k==e.detail.tracker&&(e.preventDefault(),this.#k=null,this.listenMouseMove())};constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i)}listenMouseMove(){this.target.addEventListener("mousemove",this.#L)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#L)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(te.trackingMouseEventName.begin,this.#N),this.blueprint.addEventListener(te.trackingMouseEventName.end,this.#T)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(te.trackingMouseEventName.begin,this.#N),this.blueprint.removeEventListener(te.trackingMouseEventName.end,this.#T)}}class st{static#A=new Map;static registerElement(e,t){st.#A.set(e,t)}static getConstructor(e){return st.#A.get(e)}}class rt extends ie{static#l=new Ge;#M;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#M=e=>n.pasted(e.clipboardData.getData("Text"))}listenEvents(){window.addEventListener("paste",this.#M)}unlistenEvents(){window.removeEventListener("paste",this.#M)}pasted(e){let t=0,i=0,n=0,s=rt.#l.readMultiple(e).map((e=>{let s=st.getConstructor("ueb-node").newObject(e);return t+=s.locationY,i+=s.locationX,++n,s}));t/=n,i/=n,s.length>0&&this.blueprint.unselectAll();let r=this.blueprint.mousePosition;return s.forEach((e=>{e.addLocation(r[0]-i,r[1]-t),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...s),!0}}class at extends tt{constructor(e,t,i={}){i.scrollGraphEdge??=!0,super(e,t,i),this.selectorElement=this.blueprint.template.selectorElement}startDrag(){this.selectorElement.beginSelect(this.clickedPosition)}dragTo(e,t){this.selectorElement.selectTo(e)}endDrag(){this.started&&this.selectorElement.endSelect()}unclicked(){this.started||this.blueprint.unselectAll()}}class ot extends ie{#B=e=>this.clickedSomewhere(e.target);constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i),this.blueprint.focus&&document.addEventListener("click",this.#B)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#B)}unlistenEvents(){document.removeEventListener("click",this.#B)}}class lt extends Ue{static styleVariables={"--ueb-font-size":`${te.fontSize}`,"--ueb-grid-axis-line-color":`${te.gridAxisLineColor}`,"--ueb-grid-expand":`${te.expandGridSize}px`,"--ueb-grid-line-color":`${te.gridLineColor}`,"--ueb-grid-line-width":`${te.gridLineWidth}px`,"--ueb-grid-set-line-color":`${te.gridSetLineColor}`,"--ueb-grid-set":`${te.gridSet}`,"--ueb-grid-size":`${te.gridSize}px`,"--ueb-link-min-width":`${te.linkMinWidth}`,"--ueb-node-radius":`${te.nodeRadius}px`};#D=new ResizeObserver((e=>{const t=e.find((e=>e.target===this.viewportElement))?.devicePixelContentBoxSize?.[0];t&&(this.viewportSize[0]=t.inlineSize,this.viewportSize[1]=t.blockSize)}));headerElement;overlayElement;viewportElement;selectorElement;gridElement;linksContainerElement;nodesContainerElement;viewportSize=[0,0];initialize(e){super.initialize(e),this.element.style.cssText=Object.entries(lt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}setup(){super.setup(),this.#D.observe(this.viewportElement,{box:"device-pixel-content-box"});const e=this.viewportElement.getBoundingClientRect();this.viewportSize[0]=e.width,this.viewportSize[1]=e.height,this.blueprint.nodes.length>0&&(this.blueprint.requestUpdate(),this.blueprint.updateComplete.then((()=>this.centerContentInViewport())))}cleanup(){super.cleanup(),this.#D.unobserve(this.viewportElement)}createInputObjects(){return[...super.createInputObjects(),new je(this.element.getGridDOMElement(),this.element),new rt(this.element.getGridDOMElement(),this.element),new We(this.element.getGridDOMElement(),this.element),new Je(this.element.getGridDOMElement(),this.element),new Ye(this.element.getGridDOMElement(),this.element),new at(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new it(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new ot(this.element.getGridDOMElement(),this.element),new nt(this.element.getGridDOMElement(),this.element),new qe(this.element.getGridDOMElement(),this.element)]}render(){return $`<div class="ueb-viewport-header"><div class="ueb-viewport-zoom">Zoom ${0==this.element.zoom?"1:1":(this.element.zoom>0?"+":"")+this.element.zoom}</div></div><div class="ueb-viewport-overlay"></div><div class="ueb-viewport-body"><div class="ueb-grid" style="--ueb-additional-x:${Math.round(this.element.translateX)}--ueb-additional-y:${Math.round(this.element.translateY)}--ueb-translate-x:${Math.round(this.element.translateX)}--ueb-translate-y:${Math.round(this.element.translateY)}"><div class="ueb-grid-content"><div data-links></div><div data-nodes></div><ueb-selector></ueb-selector></div></div></div>`}firstUpdated(e){super.firstUpdated(e),this.headerElement=this.element.querySelector(".ueb-viewport-header"),this.overlayElement=this.element.querySelector(".ueb-viewport-overlay"),this.viewportElement=this.element.querySelector(".ueb-viewport-body"),this.selectorElement=this.element.querySelector("ueb-selector"),this.gridElement=this.viewportElement.querySelector(".ueb-grid"),this.linksContainerElement=this.element.querySelector("[data-links]"),this.linksContainerElement.append(...this.element.getLinks()),this.nodesContainerElement=this.element.querySelector("[data-nodes]"),this.nodesContainerElement.append(...this.element.getNodes()),this.viewportElement.scroll(te.expandGridSize,te.expandGridSize)}willUpdate(e){super.willUpdate(e),this.headerElement&&e.has("zoom")&&(this.headerElement.classList.add("ueb-zoom-changed"),this.headerElement.addEventListener("animationend",(()=>this.headerElement.classList.remove("ueb-zoom-changed"))))}updated(e){if(super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.viewportElement.scroll(this.element.scrollX,this.element.scrollY),e.has("zoom")){this.element.style.setProperty("--ueb-scale",this.blueprint.getScale());const t=e.get("zoom"),i=Math.min(t,this.element.zoom),n=Math.max(t,this.element.zoom),s=ae.range(i,n),r=e=>`ueb-zoom-${e}`;t<this.element.zoom?(this.element.classList.remove(...s.filter((e=>e<0)).map(r)),this.element.classList.add(...s.filter((e=>e>0)).map(r))):(this.element.classList.remove(...s.filter((e=>e>0)).map(r)),this.element.classList.add(...s.filter((e=>e<0)).map(r)))}}getCommentNodes(e=!1){return this.element.querySelectorAll(`ueb-node[data-type="${te.nodeType.comment}"]${e?'[data-selected="true"]':""}`)}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}getCopyInputObject(){return this.getInputObject(je)}isPointVisible(e,t){return!1}gridTopVisibilityBoundary(){return this.blueprint.scaleCorrect(this.blueprint.scrollY)-this.blueprint.translateY}gridRightVisibilityBoundary(){return this.blueprint,this.gridLeftVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[0])}gridBottomVisibilityBoundary(){return this.gridTopVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[1])}gridLeftVisibilityBoundary(){return this.blueprint.scaleCorrect(this.blueprint.scrollX)-this.blueprint.translateX}centerViewport(e=0,t=0,i=!0){const n=this.gridLeftVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[0]/2),s=this.gridTopVisibilityBoundary()+this.blueprint.scaleCorrect(this.viewportSize[1]/2);this.blueprint.scrollDelta(this.blueprint.scaleCorrectReverse(e-n),this.blueprint.scaleCorrectReverse(t-s),i)}centerContentInViewport(e=!0){let t=0,i=0;const n=this.blueprint.getNodes();for(const e of n)t+=e.leftBoundary()+e.rightBoundary(),i+=e.topBoundary()+e.bottomBoundary();t=n.length>0?Math.round(t/(2*n.length)):0,i=n.length>0?Math.round(i/(2*n.length)):0,this.centerViewport(t,i,e)}}class ut extends Qe{static properties={...super.properties,fromX:{type:Number,attribute:!1},fromY:{type:Number,attribute:!1},toX:{type:Number,attribute:!1},toY:{type:Number,attribute:!1}};constructor(){super(),this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}setBothLocations([e,t]){this.fromX=e,this.fromY=t,this.toX=e,this.toY=t}addSourceLocation(e,t){this.fromX+=e,this.fromY+=t}addDestinationLocation(e,t){this.toX+=e,this.toY+=t}}class ct extends Ue{update(e){super.update(e);const[t,i,n,s]=[Math.round(this.element.fromX),Math.round(this.element.fromY),Math.round(this.element.toX),Math.round(this.element.toY)],[r,a,o,l]=[Math.min(t,n),Math.min(i,s),Math.abs(t-n),Math.abs(i-s)];(e.has("fromX")||e.has("toX"))&&(this.element.style.left=`${r}px`,this.element.style.width=`${o}px`),(e.has("fromY")||e.has("toY"))&&(this.element.style.top=`${a}px`,this.element.style.height=`${l}px`)}}class ht extends He{constructor(e={},t){super(e,!0),this.Class=new pe("/Script/BlueprintGraph.K2Node_Knot"),this.Name="K2Node_Knot";const i=new Be({PinName:"InputPin"},!0),n=new Be({PinName:"OutputPin",Direction:"EGPD_Output"},!0);t&&(i.copyTypeFrom(t),n.copyTypeFrom(t)),this.CustomProperties=[i,n]}}class dt extends Xe{static ignoreDbClick=e=>{};#$=e=>{this.options.strictTarget&&e.target!==e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.dbclicked(this.clickedPosition))};#H;get onDbClick(){return this.#H}set onDbClick(e){this.#H=e}clickedPosition=[0,0];constructor(e,t,i={},n=dt.ignoreDbClick){i.consumeEvent??=!0,i.strictTarget??=!1,super(e,t,i),this.#H=n,this.listenEvents()}listenEvents(){this.target.addEventListener("dblclick",this.#$)}unlistenEvents(){this.target.removeEventListener("dblclick",this.#$)}dbclicked(e){this.onDbClick(e)}}class pt extends ct{static decreasingValue(e,t){const i=-e*t[0]**2,n=t[1]-i/t[0];return e=>i/e+n}static clampedLine(e,t){if(e[0]>t[0]){const i=e;e=t,t=i}const i=(t[1]-e[1])/(t[0]-e[0]),n=e[1]-i*e[0];return s=>s<e[0]?e[1]:s>t[0]?t[1]:i*s+n}static c1DecreasingValue=pt.decreasingValue(-.15,[100,15]);static c2DecreasingValue=pt.decreasingValue(-.05,[500,130]);static c2Clamped=pt.clampedLine([0,80],[200,40]);#O=`ueb-id-${Math.floor(1e12*Math.random())}`;#V=e=>{const t=new ht({},this.element.sourcePin.entity),i=st.getConstructor("ueb-node").newObject(t);i.setLocation(...this.blueprint.snapToGrid(...e));const n=i.template;this.blueprint.addGraphElement(i);const s=this.element.getInputPin(),r=this.element.getOutputPin();this.element.sourcePin=null,this.element.destinationPin=null;const a=st.getConstructor("ueb-link").newObject(r,n.inputPin);this.blueprint.addGraphElement(a),this.element.sourcePin=n.outputPin,this.element.destinationPin=s};createInputObjects(){return[...super.createInputObjects(),new dt(this.element.querySelector(".ueb-link-area"),this.blueprint,void 0,(e=>{e[0]+=te.knotOffset[0],e[1]+=te.knotOffset[1],this.#V(e)}))]}willUpdate(e){super.willUpdate(e);const t=this.element.sourcePin,i=this.element.destinationPin;if(e.has("fromX")||e.has("toX")){const e=this.element.fromX,n=this.element.toX,s=t?.nodeElement.getType()==te.nodeType.knot,r=i?.nodeElement.getType()==te.nodeType.knot;!s||i&&!r||(t?.isInput()&&n>e+te.distanceThreshold?this.element.sourcePin=t.nodeElement.template.outputPin:t?.isOutput()&&n<e-te.distanceThreshold&&(this.element.sourcePin=t.nodeElement.template.inputPin)),!r||t&&!s||(i?.isInput()&&n<e-te.distanceThreshold?this.element.destinationPin=i.nodeElement.template.outputPin:i?.isOutput()&&n>e+te.distanceThreshold&&(this.element.destinationPin=i.nodeElement.template.inputPin))}const n=Math.max(Math.abs(this.element.fromX-this.element.toX),1),s=Math.max(Math.abs(this.element.fromY-this.element.toY),1),r=Math.max(n,te.linkMinWidth),a=n/r,o=this.element.originatesFromInput?this.element.fromX<this.element.toX:this.element.toX<this.element.fromX;this.element.startPixels=n<r?(r-n)/2:0,this.element.startPercentage=o?this.element.startPixels+100*a:this.element.startPixels;const l=this.element.startPercentage+(o?pt.c1DecreasingValue(r):10)*a,u=s/Math.max(30,n),c=pt.c2Clamped(n)*ae.sigmoidPositive(1.2*a+.5*u,1.5,1.8)+this.element.startPercentage;this.element.svgPathD=te.linkRightSVGPath(this.element.startPercentage,l,c)}update(e){super.update(e),e.has("originatesFromInput")&&this.element.style.setProperty("--ueb-from-input",this.element.originatesFromInput?"1":"0");const t=this.element.sourcePin??this.element.destinationPin;t&&this.element.style.setProperty("--ueb-link-color-rgb",ae.printLinearColor(t.color)),this.element.style.setProperty("--ueb-y-reflected",""+(this.element.fromY>this.element.toY?1:0)),this.element.style.setProperty("--ueb-start-percentage",`${Math.round(this.element.startPercentage)}%`),this.element.style.setProperty("--ueb-link-start",`${Math.round(this.element.startPixels)}`)}render(){return $`<svg version="1.2" baseProfile="tiny" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none"><g class="ueb-link-area"><path id="${this.#O}" fill="none" vector-effect="non-scaling-stroke" d="${this.element.svgPathD}"/><use href="#${this.#O}" pointer-events="stroke" stroke-width="20"/></g></svg> ${this.element.linkMessageIcon||this.element.linkMessageText?$`<div class="ueb-link-message">${this.element.linkMessageIcon!==O?$`<span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>`:O} ${this.element.linkMessageText!==O?$`<span class="ueb-link-message-text">${this.element.linkMessageText}</span>`:O}</div>`:O}`}}class mt extends ut{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:ae.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#z;get sourcePin(){return this.#z}set sourcePin(e){this.#I(e,!1)}#R;get destinationPin(){return this.#R}set destinationPin(e){this.#I(e,!0)}#_=()=>this.remove();#F=e=>this.addSourceLocation(...e.detail.value);#G=e=>this.addDestinationLocation(...e.detail.value);#j=e=>this.setSourceLocation();#U=e=>this.setDestinationLocation();linkMessageIcon=O;linkMessageText=O;pathElement;constructor(){super(),this.source=null,this.destination=null,this.dragging=!1,this.originatesFromInput=!1,this.startPercentage=0,this.svgPathD="",this.startPixels=0}static newObject(e,t){const i=new mt;return i.initialize(e,t),i}initialize(e,t){super.initialize({},new pt),e&&(this.sourcePin=e,t||(this.toX=this.fromX,this.toY=this.fromY)),t&&(this.destinationPin=t,e||(this.fromX=this.toX,this.fromY=this.toY))}#I(e,t){const i=()=>t?this.destinationPin:this.sourcePin;if(i()!=e){if(i()){const e=i().getNodeElement();e.removeEventListener(te.removeEventName,this.#_),e.removeEventListener(te.nodeDragEventName,t?this.#G:this.#F),e.removeEventListener(te.nodeReflowEventName,t?this.#U:this.#j),this.#K()}if(t?this.#R=e:this.#z=e,i()){const e=i().getNodeElement();e.addEventListener(te.removeEventName,this.#_),e.addEventListener(te.nodeDragEventName,t?this.#G:this.#F),e.addEventListener(te.nodeReflowEventName,t?this.#U:this.#j),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#W()}}}#W(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#K(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin,!1),this.destinationPin.unlinkFrom(this.sourcePin,!1))}cleanup(){super.cleanup(),this.#K(),this.sourcePin=null,this.destinationPin=null}setSourceLocation(e=null,t=!0){if(null==e){const i=this;if(t&&(!this.hasUpdated||!this.sourcePin.hasUpdated))return void Promise.all([this.updateComplete,this.sourcePin.updateComplete]).then((()=>i.setSourceLocation(null,!1)));e=this.sourcePin.template.getLinkLocation()}const[i,n]=e;this.fromX=i,this.fromY=n}setDestinationLocation(e=null,t=!0){if(null==e){const i=this;if(t&&(!this.hasUpdated||!this.destinationPin.hasUpdated))return void Promise.all([this.updateComplete,this.destinationPin.updateComplete]).then((()=>i.setDestinationLocation(null,!1)));e=this.destinationPin.template.getLinkLocation()}this.toX=e[0],this.toY=e[1]}getInputPin(){return this.sourcePin?.isInput()?this.sourcePin:this.destinationPin}setInputPin(e){this.sourcePin?.isInput()&&(this.sourcePin=e),this.destinationPin=e}getOutputPin(){return this.destinationPin?.isOutput()?this.destinationPin:this.sourcePin}setOutputPin(e){this.destinationPin?.isOutput()&&(this.destinationPin=e),this.sourcePin=e}startDragging(){this.dragging=!0}finishDragging(){this.dragging=!1}removeMessage(){this.linkMessageIcon=O,this.linkMessageText=O}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon=De.correct,this.linkMessageText=O}setMessageReplace(){this.linkMessageIcon=De.correct,this.linkMessageText=O}setMessageDirectionsIncompatible(){this.linkMessageIcon=De.reject,this.linkMessageText=$`Directions are not compatbile.`}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText=$`Place a new node.`}setMessageReplaceLink(){this.linkMessageIcon=De.correct,this.linkMessageText=$`Replace existing input connections.`}setMessageReplaceOutputLink(){this.linkMessageIcon=De.correct,this.linkMessageText=$`Replace existing output connections.`}setMessageSameNode(){this.linkMessageIcon=De.reject,this.linkMessageText=$`Both are on the same node.`}setMEssagetypesIncompatible(){this.linkMessageIcon=De.reject,this.linkMessageText=$`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}class gt extends tt{clicked(e){this.options.repositionOnClick&&(this.target.setLocation(...this.stepSize>1?ae.snapToGrid(e[0],e[1],this.stepSize):e),this.clickedOffset=[0,0])}dragTo(e,t){const i=[this.target.locationX??this.lastLocation[0],this.target.locationY??this.lastLocation[1]],[n,s]=this.stepSize>1?[ae.snapToGrid(e[0],e[1],this.stepSize),ae.snapToGrid(i[0],i[1],this.stepSize)]:[e,i];0==(t=[n[0]-this.lastLocation[0],n[1]-this.lastLocation[1]])[0]&&0==t[1]||(t[0]+=s[0]-i[0],t[1]+=s[1]-i[1],this.dragAction(n,t),this.lastLocation=n)}dragAction(e,t){this.target.setLocation(e[0]-this.clickedOffset[0],e[1]-this.clickedOffset[1])}}class bt extends gt{#X;#Z;#Y;#q;constructor(e,t,i={}){super(e,t,i),i.onClicked&&(this.#X=i.onClicked),i.onStartDrag&&(this.#Z=i.onStartDrag),i.onDrag&&(this.#Y=i.onDrag),i.onEndDrag&&(this.#q=i.onEndDrag)}clicked(e){super.clicked(e),this.#X?.()}startDrag(){super.startDrag(),this.#Z?.()}dragAction(e,t){this.#Y?.(e,t)}endDrag(){super.endDrag(),this.#q?.()}}class vt extends Ue{getDraggableElement(){return this.element}createDraggableObject(){return new gt(this.element,this.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return this.element.locationY+this.element.sizeY}leftBoundary(e=!1){return this.element.locationX}centerInViewport(){const e=Math.min(this.blueprint.template.viewportSize[0]/10,this.blueprint.template.viewportSize[1]/10),t=this.leftBoundary()-this.blueprint.template.gridLeftVisibilityBoundary(),i=this.blueprint.template.gridRightVisibilityBoundary()-this.rightBoundary();let n=Math.max((t+i)/2,e);const s=this.topBoundary()-this.blueprint.template.gridTopVisibilityBoundary(),r=this.blueprint.template.gridBottomVisibilityBoundary()-this.bottomBoundary();let a=Math.max((s+r)/2,e);this.blueprint.scrollDelta(t-n,s-a,!0)}}class ft extends vt{update(e){super.update(e),e.has("locationX")&&(this.element.style.left=`${this.element.locationX}px`),e.has("locationY")&&(this.element.style.top=`${this.element.locationY}px`)}}class yt extends gt{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragAction(e,t){this.target.acknowledgeDrag(t)}unclicked(){this.started?(this.blueprint.getNodes(!0).forEach((e=>e.boundComments.filter((t=>!e.isInsideComment(t))).forEach((t=>e.unbindFromComment(t))))),this.blueprint.getCommentNodes().forEach((e=>e.template.manageNodesBind()))):(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class wt extends ft{getDraggableElement(){return this.element}createDraggableObject(){return new yt(this.element,this.blueprint,{draggableElement:this.getDraggableElement(),scrollGraphEdge:!0})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class Et extends wt{hasSubtitle=!1;static nodeStyleClasses=["ueb-node-style-default"];toggleAdvancedDisplayHandler=()=>{this.element.toggleShowAdvancedPinDisplay(),this.element.addNextUpdatedCallbacks((()=>this.element.acknowledgeReflow()),!0)};initialize(e){super.initialize(e),this.element.classList.add(...this.constructor.nodeStyleClasses),this.element.style.setProperty("--ueb-node-color",this.getColor().cssText)}getColor(){return this.element.entity.nodeColor()}render(){return $`<div class="ueb-node-border"><div class="ueb-node-wrapper"><div class="ueb-node-top">${this.renderTop()}</div><div class="ueb-node-content"><div class="ueb-node-inputs"></div><div class="ueb-node-outputs"></div></div>${this.element.entity.isDevelopmentOnly()?$`<div class="ueb-node-developmentonly"><span class="ueb-node-developmentonly-text">Development Only</span></div>`:O} ${this.element.advancedPinDisplay?$`<div class="ueb-node-expansion" @click="${this.toggleAdvancedDisplayHandler}">${De.expandIcon}</div>`:O}</div></div>`}renderNodeIcon(){return this.element.entity.nodeIcon()}renderNodeName(){return this.element.getNodeDisplayName()}renderTop(){const e=this.renderNodeIcon(),t=this.renderNodeName();return $`<div class="ueb-node-name">${e?$`<div class="ueb-node-name-symbol">${e}</div>`:O} ${t?$`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.getTargetType().length>0?$`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Target is ${ae.formatStringName(this.getTargetType())}</div>`:O}</div>`:O}</div>`}firstUpdated(e){super.firstUpdated(e),this.setupPins(),this.element.updateComplete.then((()=>this.element.acknowledgeReflow()))}setupPins(){const e=this.element.querySelector(".ueb-node-inputs"),t=this.element.querySelector(".ueb-node-outputs");this.element.nodeNameElement=this.element.querySelector(".ueb-node-name-text");let i=!1,n=!1;this.element.getPinElements().forEach((s=>{s.isInput()?(e.appendChild(s),i=!0):s.isOutput()&&(t.appendChild(s),n=!0)})),i&&this.element.classList.add("ueb-node-has-inputs"),n&&this.element.classList.add("ueb-node-has-outputs")}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>(this.hasSubtitle=this.hasSubtitle||"self"===e.PinName&&"Target"===e.getDisplayName(),st.getConstructor("ueb-pin").newObject(e,void 0,this.element))))}getTargetType(){return this.element.entity.FunctionReference?.MemberParent?.getName()??"Untitled"}getPinElements(e){return e.querySelectorAll("ueb-pin")}linksChanged(){}}class Ct extends Et{#J=document.createElement("div");#Q=document.createElement("div");#ee=document.createElement("div");#te=document.createElement("div");#ie=document.createElement("div");#ne=document.createElement("div");#se=document.createElement("div");#re=document.createElement("div");initialize(e){super.initialize(e),this.element.classList.add("ueb-resizeable"),this.#J.classList.add("ueb-resizeable-top"),this.#Q.classList.add("ueb-resizeable-right"),this.#ee.classList.add("ueb-resizeable-bottom"),this.#te.classList.add("ueb-resizeable-left"),this.#ie.classList.add("ueb-resizeable-top-right"),this.#ne.classList.add("ueb-resizeable-bottom-right"),this.#se.classList.add("ueb-resizeable-bottom-left"),this.#re.classList.add("ueb-resizeable-top-left")}update(e){super.update(e),this.element.sizeX>=0&&e.has("sizeX")&&(this.element.style.width=`${this.element.sizeX}px`),this.element.sizeY>=0&&e.has("sizeY")&&(this.element.style.height=`${this.element.sizeY}px`)}firstUpdated(e){super.firstUpdated(e),this.element.append(this.#J,this.#Q,this.#ee,this.#te,this.#ie,this.#ne,this.#se,this.#re)}createInputObjects(){return[...super.createInputObjects(),new bt(this.#J,this.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.topBoundary(),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation(0,t[1],!1)},onEndDrag:()=>this.endResize()}),new bt(this.#Q,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),this.setSizeX(this.element.sizeX+t[0])},onEndDrag:()=>this.endResize()}),new bt(this.#ee,this.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.bottomBoundary(),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new bt(this.#te,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation(t[0],0,!1)},onEndDrag:()=>this.endResize()}),new bt(this.#ie,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation(0,t[1],!1)},onEndDrag:()=>this.endResize()}),new bt(this.#ne,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new bt(this.#se,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation(t[0],0,!1),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new bt(this.#re,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation(t[0],0,!1),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation(0,t[1],!1)},onEndDrag:()=>this.endResize()})]}setSizeX(e){return this.element.setNodeWidth(e),!0}setSizeY(e){return this.element.setNodeHeight(e),!0}endResize(){}}class St extends Ct{#ae=we.getWhite();#oe=0;initialize(e){e.entity.CommentColor&&(this.#ae.setFromRGBANumber(e.entity.CommentColor.toNumber()),this.#ae.setFromHSVA(this.#ae.H.value,this.#ae.S.value,.67*Math.pow(this.#ae.V.value,.45))),e.classList.add("ueb-node-style-comment","ueb-node-resizeable"),e.sizeX=25*te.gridSize,e.sizeY=6*te.gridSize,super.initialize(e)}getColor(){return r`${Math.round(255*this.#ae.R.value)}${Math.round(255*this.#ae.G.value)}${Math.round(255*this.#ae.B.value)}`}getDraggableElement(){return this.element.querySelector(".ueb-node-top")}render(){return $`<div class="ueb-node-border"><div class="ueb-node-wrapper"><div class="ueb-node-top">${this.element.entity.NodeComment}</div></div></div>`}firstUpdated(e){super.firstUpdated(e);const t=this.getDraggableElement().getBoundingClientRect();this.#oe=t.height}manageNodesBind(){let e=this.blueprint.getNodes();for(let t of e)t.topBoundary()>=this.element.topBoundary()&&t.rightBoundary()<=this.element.rightBoundary()&&t.bottomBoundary()<=this.element.bottomBoundary()&&t.leftBoundary()>=this.element.leftBoundary()?t.bindToComment(this.element):t.unbindFromComment(this.element)}setSizeX(e){return(e=Math.round(e))>=te.gridSet*te.gridSize&&(this.element.setNodeWidth(e),!0)}setSizeY(e){return(e=Math.round(e))>=3*te.gridSize&&(this.element.setNodeHeight(e),!0)}endResize(){this.manageNodesBind()}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return e?this.element.locationY+this.#oe:super.bottomBoundary()}leftBoundary(e=!1){return this.element.locationX}}class Pt extends tt{#le;#ue=null;#ce=e=>{if(!this.enteredPin){this.linkValid=!1,this.enteredPin=e.target;const t=this.link.sourcePin??this.target,i=this.enteredPin,n=t.isOutput()?t:i;t.nodeElement.getType()===te.nodeType.knot||i.nodeElement.getType()===te.nodeType.knot?(this.link.setMessageCorrect(),this.linkValid=!0):t.getNodeElement()===i.getNodeElement()?this.link.setMessageSameNode():t.isOutput()===i.isOutput()?this.link.setMessageDirectionsIncompatible():this.blueprint.getLinks(t,i).length?(this.link.setMessageReplaceLink(),this.linkValid=!0):"exec"===n.entity.getType()&&n.isLinked?(this.link.setMessageReplaceOutputLink(),this.linkValid=!0):(this.link.setMessageCorrect(),this.linkValid=!0)}};#he=e=>{this.enteredPin==e.target&&(this.enteredPin=null,this.linkValid=!1,this.link?.setMessagePlaceNode())};link;enteredPin;linkValid=!1;constructor(e,t,i={}){i.scrollGraphEdge??=!0,super(e,t,i)}startDrag(e){this.target.nodeElement.getType()==te.nodeType.knot&&(this.#ue=this.target),this.link=st.getConstructor("ueb-link").newObject(this.target,null),this.blueprint.template.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#le=this.blueprint.querySelectorAll("ueb-pin"),this.#le.forEach((e=>{e!=this.target&&(e.addEventListener("mouseenter",this.#ce),e.addEventListener("mouseleave",this.#he))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){if(this.#le.forEach((e=>{e.removeEventListener("mouseenter",this.#ce),e.removeEventListener("mouseleave",this.#he)})),this.enteredPin&&this.linkValid){if(this.#ue){const e=this.#ue!==this.link.sourcePin?this.link.sourcePin:this.enteredPin;if(this.#ue.isInput()&&e.isInput()||this.#ue.isOutput()&&e.isOutput()){const e=this.#ue.template.getOppositePin();this.#ue===this.link.sourcePin?this.link.sourcePin=e:this.enteredPin=e}}else this.enteredPin.nodeElement.getType()===te.nodeType.knot&&(this.enteredPin=this.enteredPin.template.getOppositePin());this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()}else this.link.finishDragging(),this.link.remove();this.enteredPin=null,this.link=null,this.#le=null}}class xt extends Et{#de=!1;#pe=!1;#me="";static nodeStyleClasses=["ueb-node-style-glass"];initialize(e){super.initialize(e),this.#me=this.element.getNodeDisplayName()}render(){return $`<div class="ueb-node-border"><div class="ueb-node-wrapper">${this.#me?$`<div class="ueb-node-top"><div class="ueb-node-name"><span class="ueb-node-name-text ueb-ellipsis-nowrap-text">${this.#me}</span></div></div>`:O}<div class="ueb-node-content">${this.#de?$`<div class="ueb-node-inputs"></div>`:O} ${this.#pe?$`<div class="ueb-node-outputs"></div>`:O}</div></div></div>`}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>{this.#de||=e.isInput(),this.#pe||=e.isOutput();return st.getConstructor("ueb-pin").newObject(e,void 0,this.element)}))}}class kt extends xt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-conversion"]}class Lt extends xt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-operation"]}class Nt extends Ue{static canWrapInput=!0;#ge;get iconElement(){return this.#ge}#be;get wrapperElement(){return this.#be}isNameRendered=!0;setup(){super.setup(),this.element.nodeElement=this.element.closest("ueb-node");const e=this.element.nodeElement.template;(e instanceof kt||e instanceof Lt)&&(this.isNameRendered=!1,this.element.requestUpdate())}createInputObjects(){return[new Pt(this.element,this.blueprint,{moveEverywhere:!0,draggableElement:this.#be})]}render(){const e=$`<div class="ueb-pin-icon">${this.renderIcon()}</div>`,t=$`<div class="ueb-pin-content">${this.isNameRendered?this.renderName():O} ${this.element.isInput()&&!this.element.entity.bDefaultValueIsIgnored?this.renderInput():$``}</div>`;return $`<div class="ueb-pin-wrapper">${this.element.isInput()?$`${e}${t}`:$`${t}${e}`}</div>`}renderIcon(){switch(this.element.entity.PinType.ContainerType.toString()){case"Array":return De.array;case"Set":return De.set;case"Map":return De.map}return"delegate"===this.element.entity.PinType.PinCategory?De.delegate:De.genericPin}renderName(){return $`<span class="ueb-pin-name">${this.element.getPinDisplayName()}</span>`}renderInput(){return $``}updated(e){if(super.updated(e),this.element.isInput()&&e.has("isLinked")){const e=this.element.nodeElement;e.addNextUpdatedCallbacks((()=>e.acknowledgeReflow())),e.requestUpdate()}}firstUpdated(e){super.firstUpdated(e),this.element.style.setProperty("--ueb-pin-color-rgb",this.element.entity.pinColor().cssText),this.#ge=this.element.querySelector(".ueb-pin-icon svg")??this.element,this.#be=this.element.querySelector(".ueb-pin-wrapper")}getLinkLocation(){const e=this.iconElement.getBoundingClientRect(),t=[this.element.isInput()?e.left:e.right,(e.top+e.bottom)/2],i=ae.convertLocation(t,this.blueprint.template.gridElement);return this.blueprint.compensateTranslation(i[0],i[1])}getClickableElement(){return this.#be??this.element}}class Tt extends Nt{render(){return $`<div class="ueb-pin-wrapper"><div class="ueb-pin-icon">${this.renderIcon()}</div></div>`}}class At extends Et{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-event"];firstUpdated(e){super.firstUpdated(e),this.element.querySelector(".ueb-node-top").appendChild(this.createDelegatePinElement())}renderTop(){const e=this.renderNodeIcon(),t=this.renderNodeName();return $`<div class="ueb-node-name">${e?$`<div class="ueb-node-name-symbol">${e}</div>`:O} ${t?$`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.element.entity.FunctionReference.MemberParent?$`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Custom Event</div>`:O}</div>`:O}</div>`}createDelegatePinElement(){const e=st.getConstructor("ueb-pin").newObject(this.element.getPinEntities().find((e=>!e.isHidden()&&"delegate"===e.PinType.PinCategory)),new Tt,this.element);return e.template.isNameRendered=!1,e}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden()&&"delegate"!==e.PinType.PinCategory)).map((e=>st.getConstructor("ueb-pin").newObject(e,void 0,this.element)))}}class Mt extends et{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:ae.booleanConverter}};dragHandler=e=>this.addLocation(...e.detail.value);constructor(){super(),this.selected=!1,this.listeningDrag=!1}setup(){super.setup(),this.setSelected(this.selected)}cleanup(){super.cleanup(),this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(te.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class Bt extends Tt{render(){return this.element.isOutput()?super.render():$``}getOppositePin(){const e=this.element.nodeElement.template;return this.element.isOutput()?e.inputPin:e.outputPin}getLinkLocation(){const e=(this.element.isInput()?this.element.nodeElement.template.outputPin.template:this).iconElement.getBoundingClientRect(),t=[this.element.isInput()?e.left:e.right,(e.top+e.bottom)/2],i=ae.convertLocation(t,this.blueprint.template.gridElement);return this.blueprint.compensateTranslation(i[0],i[1])}}class Dt extends Et{static#ve=new Set;#fe=null;#ye;get inputPin(){return this.#ye}#we;get outputPin(){return this.#we}initialize(e){super.initialize(e),this.element.classList.add("ueb-node-style-minimal")}findDirectionaPin(e){if(e.nodeElement.getType()!==te.nodeType.knot||Dt.#ve.has(e))return Dt.#ve.clear(),!0;Dt.#ve.add(e);for(let t of e.getLinks().map((e=>this.blueprint.getPin(e))))if(this.findDirectionaPin(t))return!0;return!1}render(){return $`<div class="ueb-node-border"></div>`}setupPins(){this.element.getPinElements().forEach((e=>this.element.querySelector(".ueb-node-border").appendChild(e)))}getPinElements(e){return e.querySelectorAll("ueb-pin")}createPinElements(){const e=this.element.getPinEntities().filter((e=>!e.isHidden())),t=e[e[0].isInput()?0:1],i=e[e[0].isOutput()?0:1],n=st.getConstructor("ueb-pin");return[this.#ye=n.newObject(t,new Bt,this.element),this.#we=n.newObject(i,new Bt,this.element)]}linksChanged(){}}class $t extends xt{initialize(e){super.initialize(e),e.getType()===te.nodeType.variableGet?this.element.classList.add("ueb-node-style-getter"):e.getType()===te.nodeType.variableSet&&this.element.classList.add("ueb-node-style-setter")}setupPins(){super.setupPins();let e=this.element.getPinElements().find((e=>!e.entity.isHidden()&&!e.entity.isExecution()));this.element.style.setProperty("--ueb-node-color",e.getColor().cssText)}}class Ht extends Mt{static properties={...Mt.properties,typePath:{type:String,attribute:"data-type",reflect:!0},nodeName:{type:String,attribute:"data-name",reflect:!0},advancedPinDisplay:{type:String,attribute:"data-advanced-display",converter:ge.attributeConverter,reflect:!0},enabledState:{type:String,attribute:"data-enabled-state",reflect:!0},nodeDisplayName:{type:String,attribute:!1},pureFunction:{type:Boolean,converter:ae.booleanConverter,attribute:"data-pure-function",reflect:!0}};static dragEventName=te.nodeDragEventName;static dragGeneralEventName=te.nodeDragGeneralEventName;get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#Ee.forEach((t=>t.blueprint=e))}#Ce;get nodeNameElement(){return this.#Ce}set nodeNameElement(e){this.#Ce=e}#Ee=[];boundComments=[];#Se=!1;#Pe=e=>{this.selected||this.#Se||(this.#Se=!0,this.addNextUpdatedCallbacks((()=>this.#Se=!1)),this.addLocation(...e.detail.value))};static getTypeTemplate(e){if(e.getClass()===te.nodeType.callFunction||e.getClass()===te.nodeType.commutativeAssociativeBinaryOperator||e.getClass()===te.nodeType.callArrayFunction){const t=e.FunctionReference.MemberParent?.path??"";if("/Script/Engine.KismetMathLibrary"===t||"/Script/Engine.KismetArrayLibrary"===t){if(e.FunctionReference.MemberName?.startsWith("Conv_"))return kt;if(e.FunctionReference.MemberName?.startsWith("Percent_"))return Lt;switch(e.FunctionReference.MemberName){case"Array_Add":case"Array_Identical":case"Abs":case"Array_Add":case"BMax":case"BMin":case"Exp":case"FMax":case"FMin":case"Max":case"MaxInt64":case"Min":case"MinInt64":return Lt}}if("/Script/Engine.BlueprintSetLibrary"===t)return Lt;if("/Script/Engine.BlueprintMapLibrary"===t)return Lt}switch(e.getClass()){case te.nodeType.comment:return St;case te.nodeType.event:case te.nodeType.customEvent:return At;case te.nodeType.promotableOperator:return Lt;case te.nodeType.knot:return Dt;case te.nodeType.variableGet:case te.nodeType.variableSet:return $t}return e.getDelegatePin()?At:Et}static fromSerializedObject(e){e=e.trim();let t=ne.getSerializer(He).deserialize(e);return Ht.newObject(t)}static newObject(e=new He,t=new(Ht.getTypeTemplate(e))){const i=new Ht;return i.initialize(e,t),i}initialize(e=new He,t=new(Ht.getTypeTemplate(e))){super.initialize(e,t),this.#Ee=this.template.createPinElements(),this.typePath=this.entity.getType(),this.nodeName=this.entity.getObjectName(),this.advancedPinDisplay=this.entity.AdvancedPinDisplay?.toString(),this.enabledState=this.entity.EnabledState,this.nodeDisplayName=this.getNodeDisplayName(),this.pureFunction=this.entity.bIsPureFunc,this.dragLinkObjects=[],super.setLocation(this.entity.getNodePosX(),this.entity.getNodePosY()),this.entity.NodeWidth&&this.entity.NodeHeight?(this.sizeX=this.entity.NodeWidth.value,this.sizeY=this.entity.NodeHeight.value):this.updateComplete.then((()=>this.computeSizes()))}getUpdateComplete(){return Promise.all([super.getUpdateComplete(),...this.getPinElements().map((e=>e.updateComplete))]).then((()=>!0))}bindToComment(e){e==this||this.boundComments.includes(e)||(e.addEventListener(te.nodeDragEventName,this.#Pe),this.boundComments.push(e))}unbindFromComment(e){const t=this.boundComments.indexOf(e);t>=0&&(e.removeEventListener(te.nodeDragEventName,this.#Pe),this.boundComments[t]=this.boundComments[this.boundComments.length-1],this.boundComments.pop())}isInsideComment(e){return this.topBoundary()>=e.topBoundary()&&this.rightBoundary()<=e.rightBoundary()&&this.bottomBoundary()<=e.bottomBoundary()&&this.leftBoundary()>=e.leftBoundary()}getType(){return this.entity.getType()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.nodeDisplayName()}setNodeWidth(e){this.entity.setNodeWidth(e),this.sizeX=e,this.acknowledgeReflow()}setNodeHeight(e){this.entity.setNodeHeight(e),this.sizeY=e,this.acknowledgeReflow()}sanitizeLinks(e=[]){this.getPinElements().forEach((t=>t.sanitizeLinks(e)))}rename(e){if(this.entity.Name==e)return!1;for(let t of this.getPinElements())for(let i of t.getLinks())this.blueprint.getPin(i).redirectLink(t,new Pe({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e,this.nodeName=this.entity.Name}getPinElements(){return this.#Ee}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof Be))}setLocation(e=0,t=0,i=!0){this.entity.setNodePosX(e),this.entity.setNodePosY(t),super.setLocation(e,t,i)}acknowledgeReflow(){this.requestUpdate(),this.updateComplete.then((()=>this.computeSizes()));let e=new CustomEvent(te.nodeReflowEventName);this.dispatchEvent(e)}setShowAdvancedPinDisplay(e){this.entity.AdvancedPinDisplay=new ge(e?"Shown":"Hidden"),this.advancedPinDisplay=this.entity.AdvancedPinDisplay}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}class Ot extends Qe{static properties={selecting:{type:Boolean,attribute:"data-selecting",reflect:!0,converter:ae.booleanConverter},scrolling:{type:Boolean,attribute:"data-scrolling",reflect:!0,converter:ae.booleanConverter},focused:{type:Boolean,attribute:"data-focused",reflect:!0,converter:ae.booleanConverter},zoom:{type:Number,attribute:"data-zoom",reflect:!0},scrollX:{type:Number,attribute:!1},scrollY:{type:Number,attribute:!1},additionalX:{type:Number,attribute:!1},additionalY:{type:Number,attribute:!1},translateX:{type:Number,attribute:!1},translateY:{type:Number,attribute:!1}};static nodeBoundariesSupplier=e=>({primaryInf:e.leftBoundary(!0),primarySup:e.rightBoundary(!0),secondaryInf:e.topBoundary(!0),secondarySup:e.bottomBoundary(!0)});static nodeSelectToggleFunction=(e,t)=>{e.setSelected(t)};#xe=new Map;nodes=[];links=[];mousePosition=[0,0];waitingExpandUpdate=!1;constructor(){super(),this.selecting=!1,this.scrolling=!1,this.focused=!1,this.zoom=0,this.scrollX=te.expandGridSize,this.scrollY=te.expandGridSize,this.translateX=te.expandGridSize,this.translateY=te.expandGridSize,super.initialize({},new lt)}initialize(){}getGridDOMElement(){return this.template.gridElement}getScroll(){return[this.scrollX,this.scrollY]}setScroll(e,t){this.scrollX=e,this.scrollY=t}scrollDelta(e=0,t=0,i=!1,n=te.smoothScrollTime){if(i){let i=[0,0];ae.animate(0,e,n,(e=>{this.scrollDelta(e-i[0],0,!1),i[0]=e})),ae.animate(0,t,n,(e=>{this.scrollDelta(0,e-i[1],!1),i[1]=e}))}else{const i=[2*te.expandGridSize,2*te.expandGridSize];let n=this.getScroll(),s=[n[0]+e,n[1]+t],r=[0,0];for(let e=0;e<2;++e)s[e]<te.gridExpandThreshold*te.expandGridSize?r[e]=-1:s[e]>i[e]-te.gridExpandThreshold*te.expandGridSize&&(r[e]=1);0==r[0]&&0==r[1]||this.seamlessExpand(r[0],r[1]),n=this.getScroll(),s=[n[0]+e,n[1]+t],this.setScroll(s[0],s[1])}}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],i=this.getViewportSize().map((e=>e/2)),n=[t[0]-i[0],t[1]-i[1]];this.scrollDelta(n[0],n[1],!0)}getViewportSize(){return[this.template.viewportElement.clientWidth,this.template.viewportElement.clientHeight]}getScrollMax(){return[this.template.viewportElement.scrollWidth-this.template.viewportElement.clientWidth,this.template.viewportElement.scrollHeight-this.template.viewportElement.clientHeight]}snapToGrid(e,t){return ae.snapToGrid(e,t,te.gridSize)}seamlessExpand(e,t){e=Math.round(e),t=Math.round(t);let i=this.getScale();[e,t]=[-e*te.expandGridSize,-t*te.expandGridSize],0!=e&&(this.scrollX+=e,e/=i),0!=t&&(this.scrollY+=t,t/=i),this.translateX+=e,this.translateY+=t}progressiveSnapToGrid(e){return te.expandGridSize*Math.round(e/te.expandGridSize+.5*Math.sign(e))}getZoom(){return this.zoom}setZoom(e,t){if((e=ae.clamp(e,te.minZoom,te.maxZoom))==this.zoom)return;let i=this.getScale();if(this.zoom=e,t){t[0]+=this.translateX,t[1]+=this.translateY;let e=this.getScale()/i,n=[e*t[0],e*t[1]];this.scrollDelta((n[0]-t[0])*i,(n[1]-t[1])*i)}}getScale(){return te.scale[this.getZoom()]}scaleCorrect(e){return e/this.getScale()}scaleCorrectReverse(e){return e*this.getScale()}compensateTranslation(e,t){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1,[t,i,n,s]=[Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MIN_SAFE_INTEGER]){let r=this.nodes;return e&&(r=r.filter((e=>e.selected))),(t>Number.MIN_SAFE_INTEGER||i<Number.MAX_SAFE_INTEGER||n<Number.MAX_SAFE_INTEGER||s>Number.MIN_SAFE_INTEGER)&&(r=r.filter((e=>e.topBoundary()>=t&&e.rightBoundary()<=i&&e.bottomBoundary()<=n&&e.leftBoundary()>=s))),r}getCommentNodes(e=!1){let t=[...this.template.getCommentNodes(e)];return 0===t.length&&(t=this.nodes.filter((t=>t.getType()===te.nodeType.comment&&(!e||t.selected)))),t}getPin(e){let t=this.template.getPin(e);return t&&t.nodeElement.getNodeName()==e.objectName.toString()||(t=[...this.nodes.find((t=>e.objectName.toString()==t.getNodeName()))?.getPinElements()??[]].find((t=>e.pinGuid.toString()==t.getPinId().toString()))),t}getLinks(e=null,t=null){if(null==e!=(null==t)){const i=e??t;return this.links.filter((e=>e.sourcePin==i||e.destinationPin==i))}return null!=e&&null!=t?this.links.filter((i=>i.sourcePin==e&&i.destinationPin==t||i.sourcePin==t&&i.destinationPin==e)):this.links}getLink(e,t,i=!1){return this.links.find((n=>n.sourcePin==e&&n.destinationPin==t||!i&&n.sourcePin==t&&n.destinationPin==e))}selectAll(){this.getNodes().forEach((e=>Ot.nodeSelectToggleFunction(e,!0)))}unselectAll(){this.getNodes().forEach((e=>Ot.nodeSelectToggleFunction(e,!1)))}addGraphElement(...e){const t=e=>{const i=e.currentTarget;i.removeEventListener(te.removeEventName,t);const n=i instanceof Ht?this.nodes:i instanceof mt?this.links:null,s=n?.indexOf(i);if(s>=0){const e=n.pop();s<n.length&&(n[s]=e)}};for(const i of e)if(i.blueprint=this,i instanceof Ht&&!this.nodes.includes(i)){const e=i.entity.getObjectName(),n=this.nodes.find((t=>t.entity.getObjectName()==e));if(n){let e=n.entity.getObjectName(!0);this.#xe[e]=this.#xe[e]??-1;do{++this.#xe[e]}while(this.nodes.find((t=>t.entity.getObjectName()==te.nodeName(e,this.#xe[e]))));n.rename(te.nodeName(e,this.#xe[e]))}this.nodes.push(i),i.addEventListener(te.removeEventName,t),this.template.nodesContainerElement?.appendChild(i)}else i instanceof mt&&!this.links.includes(i)&&(this.links.push(i),i.addEventListener(te.removeEventName,t),this.template.linksContainerElement&&!this.template.linksContainerElement.contains(i)&&this.template.linksContainerElement.appendChild(i));e.filter((e=>e instanceof Ht)).forEach((t=>t.sanitizeLinks(e))),e.filter((e=>e instanceof Ht&&e.getType()==te.nodeType.comment)).forEach((e=>e.updateComplete.then((()=>e.template.manageNodesBind()))))}removeGraphElement(...e){for(let t of e){if(t.closest("ueb-blueprint")!==this)return;t.remove()}}setFocused(e=!0){if(this.focused==e)return;let t=new CustomEvent(e?te.focusEventName.begin:te.focusEventName.end);this.focused=e,this.focused||this.unselectAll(),this.dispatchEvent(t)}acknowledgeEditText(e){const t=new CustomEvent(e?te.editTextEventName.begin:te.editTextEventName.end);this.dispatchEvent(t)}}customElements.define("ueb-blueprint",Ot);class Vt extends vt{#ke;get locationChangeCallback(){return this.#ke}set locationChangeCallback(e){this.#ke=e}movementSpace;movementSpaceSize=[0,0];firstUpdated(e){super.firstUpdated(e),this.movementSpace=this.element.parentElement}setup(){super.setup();const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new gt(this.element,this.blueprint,{draggableElement:this.movementSpace,ignoreTranslateCompensate:!0,moveEverywhere:!0,movementSpace:this.movementSpace,repositionOnClick:!0,stepSize:1})}adjustLocation(e,t){return this.locationChangeCallback?.(e,t),[e,t]}}class zt extends Vt{adjustLocation(e,t){const i=Math.round(this.movementSpaceSize[0]/2);e-=i,t=-(t-i);let[n,s]=ae.getPolarCoordinates(e,t);return n=Math.min(n,i),[e,t]=ae.getCartesianCoordinates(n,s),this.locationChangeCallback?.(e/i,t/i),[e=Math.round(e+i),t=Math.round(-t+i)]}}class It extends et{windowElement;setup(){super.setup(),this.windowElement=this.closest("ueb-window")}setLocation(e,t){super.setLocation(...this.template.adjustLocation(e,t))}}class Rt extends It{constructor(){super(),super.initialize({},new zt)}static newObject(){return new Rt}initialize(){}}class _t extends Vt{adjustLocation(e,t){return e=ae.clamp(e,0,this.movementSpaceSize[0]),t=ae.clamp(t,0,this.movementSpaceSize[1]),this.locationChangeCallback?.(e/this.movementSpaceSize[0],1-t/this.movementSpaceSize[1]),[e,t]}}class Ft extends It{constructor(){super(),super.initialize({},new _t)}static newObject(){return new Ft}initialize(){}}class Gt extends Ue{#Le=()=>{this.blueprint.acknowledgeEditText(!0),this.element.selectOnFocus&&getSelection().selectAllChildren(this.element)};#Ne=()=>{this.blueprint.acknowledgeEditText(!1),getSelection().removeAllRanges()};#Te=e=>e.target.querySelectorAll("br").forEach((e=>e.remove()));#Ae=e=>{"Enter"!=e.code||e.shiftKey||e.target.blur()};initialize(e){super.initialize(e),this.element.classList.add("ueb-pin-input-content"),this.element.setAttribute("role","textbox"),this.element.contentEditable="true"}setup(){super.setup(),this.element.addEventListener("focus",this.#Le),this.element.addEventListener("focusout",this.#Ne),this.element.singleLine&&this.element.addEventListener("input",this.#Te),this.element.blurOnEnter&&this.element.addEventListener("keydown",this.#Ae)}cleanup(){super.cleanup(),this.element.removeEventListener("focus",this.#Le),this.element.removeEventListener("focusout",this.#Ne),this.element.removeEventListener("input",this.#Te),this.element.removeEventListener("keydown",this.#Ae)}}class jt extends Qe{static properties={...super.properties,singleLine:{type:Boolean,attribute:"data-single-line",converter:ae.booleanConverter,reflect:!0},selectOnFocus:{type:Boolean,attribute:"data-select-focus",converter:ae.booleanConverter,reflect:!0},blurOnEnter:{type:Boolean,attribute:"data-blur-enter",converter:ae.booleanConverter,reflect:!0}};constructor(){super(),this.singleLine=!1,this.selectOnFocus=!0,this.blurOnEnter=!0,super.initialize({},new Gt)}static newObject(){return new jt}initialize(){}}class Ut extends tt{constructor(e,t,i={}){i.consumeEvent=!0,super(e,t,i)}}class Kt extends Nt{#Me;#Be=e=>this.element.setDefaultValue(this.#Me.checked);firstUpdated(e){super.firstUpdated(e),this.#Me=this.element.querySelector(".ueb-pin-input")}setup(){super.setup(),this.#Me?.addEventListener("change",this.#Be)}cleanup(){super.cleanup(),this.#Me?.removeEventListener("change",this.#Be)}createInputObjects(){return[...super.createInputObjects(),new Ut(this.#Me,this.blueprint)]}renderInput(){return $`<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}">`}}class Wt extends Nt{renderIcon(){return De.execPin}renderName(){let e=this.element.entity.PinName;if(this.element.entity.PinFriendlyName)e=this.element.entity.PinFriendlyName.toString();else if("execute"===e||"then"===e)return $``;return $`${ae.formatStringName(e)}`}}class Xt extends Nt{static singleLineInput=!1;static selectOnFocus=!0;#De;get inputContentElements(){return this.#De}static stringFromInputToUE(e){return e.replace(/(?=\n\s*)\n$/,"").replaceAll("\n","\\r\n")}static stringFromUEToInput(e){return e.replaceAll(/(?:\r|(?<=(?:^|[^\\])(?:\\\\)*)\\r)(?=\n)/g,"").replace(/(?<=\n\s*)$/,"\n")}#$e=()=>this.setInputs(this.getInputs(),!0);#He=e=>this.#Oe(e.target);#Oe(e){const t=this.blueprint.scaleCorrect(e.getBoundingClientRect().width)+this.nameWidth,i=this.element.classList.contains("ueb-pin-input-wrap");!i&&t>te.pinInputWrapWidth?this.element.classList.add("ueb-pin-input-wrap"):i&&t<=te.pinInputWrapWidth&&this.element.classList.remove("ueb-pin-input-wrap")}firstUpdated(e){super.firstUpdated(e),this.#De=[...this.element.querySelectorAll("ueb-input")],this.constructor.canWrapInput&&(this.nameWidth=this.blueprint.scaleCorrect(this.element.querySelector(".ueb-pin-name").getBoundingClientRect().width),this.inputContentElements.forEach((e=>this.#Oe(e))))}setup(){super.setup(),this.#De.forEach((e=>{e.addEventListener("focusout",this.#$e),this.constructor.canWrapInput&&e.addEventListener("input",this.#He)}))}cleanup(){super.cleanup(),this.#De.forEach((e=>{e.removeEventListener("focusout",this.#$e),e.removeEventListener("input",this.#He)}))}createInputObjects(){return[...super.createInputObjects(),...this.#De.map((e=>new Ut(e,this.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#De.map((e=>ae.clearHTMLWhitespace(e.innerHTML)))}setInputs(e=[],t=!0){this.#De.forEach(this.constructor.singleLineInput?(t,i)=>t.innerText=e[i]:(t,i)=>t.innerText=e[i].replaceAll("\n","")),t&&this.setDefaultValue(e.map((e=>Xt.stringFromInputToUE(e))),e),this.element.addNextUpdatedCallbacks((()=>this.element.nodeElement.acknowledgeReflow()))}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.join(""))}renderInput(){const e=this.constructor.singleLineInput,t=this.constructor.selectOnFocus;return $`<div class="ueb-pin-input"><ueb-input .singleLine="${e}" .selectOnFocus="${t}" .innerText="${Xt.stringFromUEToInput(this.element.getDefaultValue()?.toString()??"")}"></ueb-input></div>`}}class Zt extends Xt{static singleLineInput=!0;setInputs(e=[],t=!1){if(e&&0!=e.length||(e=[this.getInput()]),super.setInputs(e,!1),t){let i=[];for(const n of e){let e=parseFloat(n);isNaN(e)&&(e=0,t=!1),i.push(e)}this.setDefaultValue(i,e)}}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}}class Yt extends Zt{setDefaultValue(e=[],t=e){this.element.getDefaultValue(!0).value=e[0],this.inputContentElements[0].innerText=this.element.getDefaultValue()?.toString(),this.element.requestUpdate()}renderInput(){return $`<div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.element.getDefaultValue()?.toString()??"0"}"></ueb-input></div>`}}class qt extends Yt{setInputs(e=[],t=!1){if(e&&0!=e.length||(e=[this.getInput()]),super.setInputs(e,!1),t){if(!e[0].match(/[\-\+]?[0-9]+/))return;const t=[BigInt(e[0])];this.setDefaultValue(t,e)}}}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -30,4 +30,4 @@ var q,J;class Q extends g{constructor(){super(...arguments),this.renderOptions={
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ei=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends Qt{constructor(e){var t;if(super(e),e.type!==Jt||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,i)=>{const n=e[i];return null==n?t:t+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`}),"")}update(e,[t]){const{style:i}=e.element;if(void 0===this.vt){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach((e=>{null==t[e]&&(this.vt.delete(e),e.includes("-")?i.removeProperty(e):i[e]="")}));for(const e in t){const n=t[e];null!=n&&(this.vt.add(e),e.includes("-")?i.setProperty(e,n):i[e]=n)}return $}});class ti extends ft{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new gt(this.element,this.blueprint,{draggableElement:this.getDraggableElement(),ignoreScale:!0,ignoreTranslateCompensate:!1,movementSpace:this.blueprint,stepSize:1})}setup(){const e=this.blueprint.template.gridLeftVisibilityBoundary(),t=this.blueprint.template.gridTopVisibilityBoundary();this.element.locationX=this.blueprint.scaleCorrectReverse(this.blueprint.mousePosition[0]-e),this.element.locationY=this.blueprint.scaleCorrectReverse(this.blueprint.mousePosition[1]-t),this.element.updateComplete.then((()=>{const e=this.blueprint.getBoundingClientRect();this.element.locationX+this.element.sizeX>e.width&&(this.element.locationX=e.width-this.element.sizeX),this.element.locationX=Math.max(0,this.element.locationX),this.element.locationY+this.element.sizeY>e.height&&(this.element.locationY=e.height-this.element.sizeY),this.element.locationY=Math.max(0,this.element.locationY)}))}render(){return H`<div class="ueb-window"><div class="ueb-window-top"><div class="ueb-window-name ueb-ellipsis-nowrap-text">${this.renderWindowName()}</div><div class="ueb-window-close" @click="${()=>this.element.remove()}">${Be.close}</div></div><div class="ueb-window-content">${this.renderContent()}</div></div>`}renderWindowName(){return H`Window`}renderContent(){return H``}apply(){this.element.dispatchEvent(new CustomEvent(te.windowApplyEventName)),this.element.remove()}cancel(){this.element.dispatchEvent(new CustomEvent(te.windowCancelEventName)),this.element.remove()}}class ii extends ti{#Ve;#ze;#Ie;#Re;#_e;#Fe;#Ge;#je;#Ue;#We;#Ke=e=>{const t=ae.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromRGBANumber(i),this.element.requestUpdate())};#Xe=e=>{const t=ae.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromSRGBANumber(i),this.element.requestUpdate())};#Ze=e=>t=>{"Enter"==t.code&&(t.preventDefault(),e(t))};#ae=new we;get color(){return this.#ae}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#ae),this.#ae=e)}#Ye=new we;get fullColor(){return this.#Ye}#qe;get initialColor(){return this.#qe}#Je=new we;#Qe(e,t,i=!1){const n=this.color.toRGBAString(),s=`${n.substring(0,2*e)}${t}${n.substring(2+2*e)}`;return i?`${s.substring(0,6)}FF`:s}initialize(e){super.initialize(e),this.#qe=this.element.windowOptions.getPinColor(),this.color.setFromHSVA(this.initialColor.H.value,this.initialColor.S.value,this.initialColor.V.value,this.initialColor.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1)}firstUpdated(e){this.#Ve=this.element.querySelector(".ueb-color-picker-wheel ueb-color-handler"),this.#ze=this.element.querySelector(".ueb-color-picker-saturation ueb-ui-slider"),this.#Ie=this.element.querySelector(".ueb-color-picker-value ueb-ui-slider"),this.#Re=this.element.querySelector(".ueb-color-picker-r ueb-ui-slider"),this.#_e=this.element.querySelector(".ueb-color-picker-g ueb-ui-slider"),this.#Fe=this.element.querySelector(".ueb-color-picker-b ueb-ui-slider"),this.#Ge=this.element.querySelector(".ueb-color-picker-a ueb-ui-slider"),this.#je=this.element.querySelector(".ueb-color-picker-h ueb-ui-slider"),this.#Ue=this.element.querySelector(".ueb-color-picker-s ueb-ui-slider"),this.#We=this.element.querySelector(".ueb-color-picker-v ueb-ui-slider"),this.#Ve.template.locationChangeCallback=(e,t)=>{this.color.setFromWheelLocation(e,t,this.color.V.value,this.color.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1),this.element.requestUpdate()},this.#ze.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,t,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ie.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,t,this.color.A.value),this.element.requestUpdate()},this.#Re.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(e,this.color.G.value,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#_e.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,e,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#Fe.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,e,this.color.A.value),this.element.requestUpdate()},this.#Ge.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,this.color.B.value,e),this.element.requestUpdate()},this.#je.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(e,this.color.S.value,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ue.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,e,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#We.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,e,this.color.A.value),this.element.requestUpdate()}}renderSlider(e){let t="",i=0,n="";const s=e=>`linear-gradient(to right, #${this.#Qe(e,"00",!0)}, #${this.#Qe(e,"ff",!0)})`;switch(e){case 0:t="r",i=this.color.R.value,n=s(e);break;case 1:t="g",i=this.color.G.value,n=s(e);break;case 2:t="b",i=this.color.B.value,n=s(e);break;case 3:t="a",i=this.color.A.value,n=`${te.alphaPattern}, ${s(e)}`;break;case 4:t="h",i=360*this.color.H.value,n="linear-gradient(to right, #f00 0%, #ff0 16.666%, #0f0 33.333%, #0ff 50%, #00f 66.666%, #f0f 83.333%, #f00 100%)";break;case 5:t="s",i=this.color.S.value,n=`linear-gradient(to right,#${this.#Je.setFromHSVA(this.color.H.value,0,this.color.V.value,1),this.#Je.toRGBAString()},#${this.#Je.setFromHSVA(this.color.H.value,1,this.color.V.value,1),this.#Je.toRGBAString()})`;break;case 6:t="v",i=this.color.V.value,n=`linear-gradient(to right, #000, #${this.fullColor.toRGBAString()})`}return n=`background: ${n};`,H`<div class="ueb-color-picker-${t.toLowerCase()}"><span class="ueb-color-control-label">${t.toUpperCase()}</span><div><div class="ueb-horizontal-slider"><span class="ueb-horizontal-slider-text" .innerText="${ae.minDecimals(ae.roundDecimals(i,3))}"></span><ueb-ui-slider></ueb-ui-slider></div><div class="ueb-color-picker-gradient" style="${n}"></div></div></div>`}renderContent(){const e=2*this.color.H.value*Math.PI,t={"--ueb-color-r":this.color.R.toString(),"--ueb-color-g":this.color.G.toString(),"--ueb-color-b":this.color.B.toString(),"--ueb-color-a":this.color.A.toString(),"--ueb-color-h":this.color.H.toString(),"--ueb-color-s":this.color.S.toString(),"--ueb-color-v":this.color.V.toString(),"--ueb-color-wheel-x":100*(this.color.S.value*Math.cos(e)*.5+.5)+"%","--ueb-color-wheel-y":100*(this.color.S.value*Math.sin(e)*.5+.5)+"%"},i=this.color.toRGBAString(),n=this.color.toSRGBAString(),s=this.fullColor.toRGBAString();return H`<div class="ueb-color-picker" style="${ei(t)}"><div class="ueb-color-picker-toolbar"><div class="ueb-color-picker-theme"></div><div class="ueb-color-picker-srgb"></div></div><div class="ueb-color-picker-main"><div class="ueb-color-picker-wheel"><ueb-color-handler></ueb-color-handler></div><div class="ueb-color-picker-saturation ueb-vertical-slider" style="background-color:#${s}"><ueb-ui-slider></ueb-ui-slider></div><div class="ueb-color-picker-value ueb-vertical-slider" style="background-color:#${s}"><ueb-ui-slider></ueb-ui-slider></div><div class="ueb-color-picker-preview">Old<div class="ueb-color-picker-preview-old" style="background:#${this.#qe.toRGBAString()}"></div><div class="ueb-color-picker-preview-new"><div class="ueb-color-picker-preview-1" style="background:#${this.#Qe(3,"FF")}"></div><div class="ueb-color-picker-preview-2" style="background:${`linear-gradient(#${i}, #${i}),${te.alphaPattern}`}"></div></div>New</div></div><div class="ueb-color-picker-advanced-toggle ueb-toggle-control">Advanced</div><div class="ueb-color-picker-advanced"><div class="ueb-color-picker-column">${this.renderSlider(0)} ${this.renderSlider(1)} ${this.renderSlider(2)} ${this.renderSlider(3)}</div><div class="ueb-color-picker-column">${this.renderSlider(4)} ${this.renderSlider(5)} ${this.renderSlider(6)}<div class="ueb-color-control"><span class="ueb-color-control-label">Hex Linear</span><div class="ueb-color-picker-hex-linear ueb-text-input"><ueb-input .innerText="${i}" @focusout="${this.#Ke}" @keydown="${this.#Ze(this.#Ke)}"></ueb-input></div></div><div class="ueb-color-control"><span class="ueb-color-control-label">Hex sRGB</span><div class="ueb-color-picker-hex-srgb ueb-text-input"><ueb-input .innerText="${n}" @focusout="${this.#Xe}" @keydown="${this.#Ze(this.#Xe)}"></ueb-input></div></div></div></div><div class="ueb-buttons"><div class="ueb-color-picker-ok ueb-button" @click="${()=>this.apply()}">OK</div><div class="ueb-color-picker-cancel ueb-button" @click="${()=>this.cancel()}">Cancel</div></div></div>`}renderWindowName(){return H`Color Picker`}}class ni extends Nt{#et;#tt=e=>{e.preventDefault(),this.blueprint.setFocused(!0),this.#et=st.getConstructor("ueb-window").newObject({type:new ii,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}}),this.blueprint.append(this.#et);const t=()=>{this.element.setDefaultValue(this.#et.template.color)},i=()=>{this.#et.removeEventListener(te.windowApplyEventName,t),this.#et.removeEventListener(te.windowCloseEventName,i),this.#et=null};this.#et.addEventListener(te.windowApplyEventName,t),this.#et.addEventListener(te.windowCloseEventName,i)};renderInput(){return H`<span class="ueb-pin-input" data-linear-color="${this.element.getDefaultValue()?.toString()??O}" @click="${this.#tt}" style="--ueb-linear-color:rgba(${this.element.getDefaultValue()?.toString()??O})"></span>`}}class si extends Xt{static singleLineInput=!0}class ri extends Zt{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return H`<div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${ae.minDecimals(this.element.getDefaultValue()??0)}"></ueb-input></div>`}}class ai extends Nt{renderIcon(){return Be.referencePin}}class oi extends Zt{#it(){return ae.minDecimals(this.element.getDefaultValue()?.R??0)}#nt(){return ae.minDecimals(this.element.getDefaultValue()?.P??0)}#st(){return ae.minDecimals(this.element.getDefaultValue()?.Y??0)}setDefaultValue(e=[],t=e){const i=this.element.getDefaultValue(!0);if(!(i instanceof ke))throw new TypeError("Expected DefaultValue to be a RotatorEntity");i.R=e[0],i.P=e[1],i.Y=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return H`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#it()}"></ueb-input></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#nt()}"></ueb-input></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#st()}"></ueb-input></div></div>`}}class li extends Xt{}class ui extends Zt{#rt(){return ae.minDecimals(this.element.getDefaultValue()?.X??0)}#st(){return ae.minDecimals(this.element.getDefaultValue()?.Y??0)}setDefaultValue(e,t){const i=this.element.getDefaultValue(!0);if(!(i instanceof Ne))throw new TypeError("Expected DefaultValue to be a Vector2DEntity");i.X=e[0],i.Y=e[1],this.element.requestUpdate("DefaultValue",i)}renderInput(){return H`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#rt()}"></ueb-input></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#st()}"></ueb-input></div></div>`}}class ci extends Zt{#rt(){return ae.minDecimals(this.element.getDefaultValue()?.X??0)}#st(){return ae.minDecimals(this.element.getDefaultValue()?.Y??0)}#at(){return ae.minDecimals(this.element.getDefaultValue()?.Z??0)}setDefaultValue(e,t){const i=this.element.getDefaultValue(!0);if(!(i instanceof Ae))throw new TypeError("Expected DefaultValue to be a VectorEntity");i.X=e[0],i.Y=e[1],i.Z=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return H`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#rt()}"></ueb-input></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#st()}"></ueb-input></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#at()}"></ueb-input></div></div>`}}class hi extends Qe{static#ot={"/Script/CoreUObject.LinearColor":ni,"/Script/CoreUObject.Rotator":oi,"/Script/CoreUObject.Vector":ci,"/Script/CoreUObject.Vector2D":ui,bool:Wt,byte:Yt,int:Yt,int64:qt,MUTABLE_REFERENCE:ai,name:si,real:ri,string:li};static properties={pinId:{type:de,converter:{fromAttribute:(e,t)=>e?Fe.grammar.Guid.parse(e).value:null,toAttribute:(e,t)=>e?.toString()},attribute:"data-id",reflect:!0},pinType:{type:String,attribute:"data-type",reflect:!0},advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:we,converter:{fromAttribute:(e,t)=>e?Fe.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?ae.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:ae.booleanConverter,attribute:"data-linked",reflect:!0},pinDirection:{type:String,attribute:"data-direction",reflect:!0}};nodeElement;static getTypeTemplate(e){if(e.PinType.bIsReference&&!e.PinType.bIsConst)return hi.#ot.MUTABLE_REFERENCE;if("exec"===e.getType())return Kt;let t;return e.isInput()&&(t=hi.#ot[e.getType()]),t??Nt}static newObject(e=new De,t=new(hi.getTypeTemplate(e)),i){const n=new hi;return n.initialize(e,t,i),n}initialize(e=new De,t=new(hi.getTypeTemplate(e)),i){super.initialize(e,t),this.pinId=this.entity.PinId,this.pinType=this.entity.getType(),this.advancedView=this.entity.bAdvancedView,this.defaultValue=this.entity.getDefaultValue(),this.color=hi.properties.color.converter.fromAttribute(this.getColor().toString()),this.isLinked=!1,this.pinDirection=e.isInput()?"input":e.isOutput()?"output":"hidden",this.nodeElement=i}setup(){super.setup(),this.nodeElement=this.closest("ueb-node")}createPinReference(){return new Pe({objectName:this.nodeElement.getNodeName(),pinGuid:this.getPinId()})}getPinId(){return this.entity.PinId}getPinName(){return this.entity.PinName}getPinDisplayName(){return this.entity.getDisplayName()}getColor(){return this.entity.pinColor()}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getLinkLocation(){return this.template.getLinkLocation()}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}getDefaultValue(e=!1){return this.defaultValue=this.entity.getDefaultValue(e)}setDefaultValue(e){this.entity.DefaultValue=e,this.defaultValue=e}sanitizeLinks(e=[]){this.entity.LinkedTo=this.entity.LinkedTo?.filter((t=>{let i=this.blueprint.getPin(t);if(i){if(e.length&&!e.includes(i.nodeElement))return!1;let t=this.blueprint.getLink(this,i);t||(t=st.getConstructor("ueb-link").newObject(this,i),this.blueprint.addGraphElement(t))}return i})),this.isLinked=this.entity.isLinked()}linkTo(e){const t=this.createPinReference();!this.isLinked||!this.isOutput()||"exec"!==this.pinType&&"exec"!==e.pinType||this.getLinks().some((e=>t.equals(e)))||this.unlinkFromAll(),this.entity.linkTo(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged())}unlinkFrom(e,t=!0){this.entity.unlinkFrom(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged(),t&&this.blueprint.getLink(this,e)?.remove())}unlinkFromAll(){const e=this.getLinks().length;this.getLinks().map((e=>this.blueprint.getPin(e))).forEach((e=>this.unlinkFrom(e))),e&&this.nodeElement?.template.linksChanged()}redirectLink(e,t){const i=this.getLinks().findIndex((t=>t.objectName.toString()==e.getNodeElement().getNodeName()&&t.pinGuid.valueOf()==e.entity.PinId.valueOf()));return i>=0&&(this.entity.LinkedTo[i]=t,!0)}}class di{constructor(e=(e=>e),t=null){this.array=new Uint32Array(t),this.comparisonValueSupplier=e,this.length=0,this.currentPosition=0}get(e){return e>=0&&e<this.length?this.array[e]:null}getArray(){return this.array}getPosition(e){let t=0,i=this.length;for(;t<i;){let n=Math.floor((t+i)/2);this.comparisonValueSupplier(this.array[n])<e?t=n+1:i=n}return t}reserve(e){if(this.array.length<e){let t=new Uint32Array(e);t.set(this.array),this.array=t}}insert(e,t=null){let i=this.getPosition(this.comparisonValueSupplier(e));return(i<this.currentPosition||null!=t&&i==this.currentPosition&&this.comparisonValueSupplier(e)<t)&&++this.currentPosition,this.shiftRight(i),this.array[i]=e,++this.length,i}remove(e){let t=this.getPosition(this.comparisonValueSupplier(e));this.array[t]==e&&this.removeAt(t)}removeAt(e){return e<this.currentPosition&&--this.currentPosition,this.shiftLeft(e),--this.length,e}getNext(){return this.currentPosition>=0&&this.currentPosition<this.length?this.get(this.currentPosition):null}getNextValue(){return this.currentPosition>=0&&this.currentPosition<this.length?this.comparisonValueSupplier(this.get(this.currentPosition)):Number.MAX_SAFE_INTEGER}getPrev(){return this.currentPosition>0?this.get(this.currentPosition-1):null}getPrevValue(){return this.currentPosition>0?this.comparisonValueSupplier(this.get(this.currentPosition-1)):Number.MIN_SAFE_INTEGER}shiftLeft(e,t=1){this.array.set(this.array.subarray(e+t),e)}shiftRight(e,t=1){this.array.set(this.array.subarray(e,-t),e+t)}}class pi{constructor(e,t,i,n){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new di((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new di((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=n,this.rectangles=t,this.primaryOrder.reserve(this.rectangles.length),this.secondaryOrder.reserve(this.rectangles.length),t.forEach(((e,t)=>{let s={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=s,n(e,!1);const r=i(e);this.initialPosition[1]<r.secondaryInf?s.secondaryBoundary=r.secondaryInf:r.secondarySup<this.initialPosition[1]?s.secondaryBoundary=r.secondarySup:s.onSecondaryAxis=!0,this.initialPosition[0]<r.primaryInf?(s.primaryBoundary=r.primaryInf,this.primaryOrder.insert(t)):r.primarySup<this.initialPosition[0]?(s.primaryBoundary=r.primarySup,this.primaryOrder.insert(t)):r.secondarySup<this.initialPosition[1]||this.initialPosition[1]<r.secondaryInf?this.secondaryOrder.insert(t):n(e,!0)})),this.primaryOrder.currentPosition=this.primaryOrder.getPosition(this.initialPosition[0]),this.secondaryOrder.currentPosition=this.secondaryOrder.getPosition(this.initialPosition[1]),this.computeBoundaries()}computeBoundaries(){this.boundaries={primaryN:{v:this.primaryOrder.getPrevValue(),i:this.primaryOrder.getPrev()},primaryP:{v:this.primaryOrder.getNextValue(),i:this.primaryOrder.getNext()},secondaryN:{v:this.secondaryOrder.getPrevValue(),i:this.secondaryOrder.getPrev()},secondaryP:{v:this.secondaryOrder.getNextValue(),i:this.secondaryOrder.getNext()}}}selectTo(e){const t=[Math.sign(e[0]-this.initialPosition[0]),Math.sign(e[1]-this.initialPosition[1])],i=(i,n)=>{if(this.metadata[i].onSecondaryAxis)this.selectFunc(this.rectangles[i],n);else if(n){this.secondaryOrder.insert(i,e[1]);const n=this.metadata[i].secondaryBoundary;Math.sign(e[1]-n)==t[1]&&Math.sign(n-this.initialPosition[1])==t[1]&&this.selectFunc(this.rectangles[i],!0)}else this.selectFunc(this.rectangles[i],!1),this.secondaryOrder.remove(i);this.computeBoundaries(),this.selectTo(e)};e[0]<this.boundaries.primaryN.v?(--this.primaryOrder.currentPosition,i(this.boundaries.primaryN.i,this.initialPosition[0]>this.boundaries.primaryN.v&&e[0]<this.initialPosition[0])):e[0]>this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,i(this.boundaries.primaryP.i,this.initialPosition[0]<this.boundaries.primaryP.v&&this.initialPosition[0]<e[0]));const n=(t,i)=>{this.selectFunc(this.rectangles[t],i),this.computeBoundaries(),this.selectTo(e)};e[1]<this.boundaries.secondaryN.v?(--this.secondaryOrder.currentPosition,n(this.boundaries.secondaryN.i,this.initialPosition[1]>this.boundaries.secondaryN.v&&e[1]<this.initialPosition[1])):e[1]>this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,n(this.boundaries.secondaryP.i,this.initialPosition[1]<this.boundaries.secondaryP.v&&this.initialPosition[1]<e[1])),this.finalPosition=e}}class mi extends ct{}class gi extends ut{selectionModel=null;constructor(){super(),super.initialize({},new mi)}static newObject(){return new gi}initialize(){}beginSelect(e){const t=this.blueprint.constructor;this.blueprint.selecting=!0,this.setBothLocations(e),this.selectionModel=new pi(e,this.blueprint.getNodes(),t.nodeBoundariesSupplier,t.nodeSelectToggleFunction)}selectTo(e){this.selectionModel.selectTo(e),this.toX=e[0],this.toY=e[1]}endSelect(){this.blueprint.selecting=!1,this.selectionModel=null,this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}}class bi extends et{static#lt={window:ti,"color-picker":ii};static properties={...et.properties,type:{type:ti,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>bi.#lt[e],toAttribute:(e,t)=>Object.entries(bi.#lt).find((([t,i])=>e.constructor===i))?.[0]}}};static newObject(e={},t=e.type??new ti){const i=new bi;return i.initialize(e,t),i}initialize(e={},t=e.type??new ti){e.windowOptions??={},this.type=e.type,this.windowOptions=e.windowOptions,super.initialize(e,t)}computeSizes(){const e=this.getBoundingClientRect();this.sizeX=e.width,this.sizeY=e.height}cleanup(){super.cleanup(),this.acknowledgeClose()}acknowledgeClose(){let e=new CustomEvent(te.windowCloseEventName);this.dispatchEvent(e)}}class vi extends Fe{constructor(e,t,i,n,s,r,a){e=e??(e=>`(${e})`),super(t,i,n,s,r,a),this.wrap=e}read(e){const t=_e.getGrammarForType(Fe.grammar,this.entityType).parse(e);if(!t.status)throw new Error(`Error when trying to parse the entity ${this.entityType.prototype.constructor.name}.`);return t.value}write(e,t,i=!1){return this.wrap(this.subWrite(e,[],t,i),t)}}class fi extends vi{#ut;constructor(e,t){super(void 0,t),this.#ut=e}write(e,t,i=!1){return this.#ut(t,i)}}class yi extends vi{constructor(e){super(void 0,e)}write(e,t,i){return i||t.constructor!==String?ae.escapeString(t.toString()):`"${ae.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;ne.registerSerializer(null,new fi(((e,t)=>"()"),null)),ne.registerSerializer(Array,new fi(((e,t)=>`(${e.map((e=>ne.getSerializer(ae.getType(e)).serialize(e,t)+",")).join("")})`),Array)),ne.registerSerializer(BigInt,new yi(BigInt)),ne.registerSerializer(Boolean,new fi(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),ne.registerSerializer(ue,new yi(ue)),ne.registerSerializer(he,new yi(he)),ne.registerSerializer(me,new vi(e,me)),ne.registerSerializer(de,new yi(de)),ne.registerSerializer(ge,new yi(ge)),ne.registerSerializer(be,new yi(be)),ne.registerSerializer(le,new yi(le)),ne.registerSerializer(ve,new vi((e=>`${ve.lookbehind}(${e})`),ve,"",", ",!1,"",(e=>""))),ne.registerSerializer(fe,new vi(e,fe)),ne.registerSerializer(we,new vi(e,we)),ne.registerSerializer(Ee,new vi((e=>`${Ee.lookbehind}(${e})`),Ee,"",", ",!1,"",(e=>""))),ne.registerSerializer(Ce,new vi(e,Ce)),ne.registerSerializer(Number,new yi(Number)),ne.registerSerializer($e,new Ge),ne.registerSerializer(pe,new fi((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),pe)),ne.registerSerializer(Se,new yi(Se)),ne.registerSerializer(De,new vi((e=>`${De.lookbehind} (${e})`),De,"",",",!0)),ne.registerSerializer(Pe,new vi((e=>e),Pe,""," ",!1,"",(e=>""))),ne.registerSerializer(xe,new vi(e,xe)),ne.registerSerializer(ye,new yi(ye)),ne.registerSerializer(ke,new vi(e,ke)),ne.registerSerializer(String,new fi(((e,t)=>t?ae.escapeString(e):`"${ae.escapeString(e)}"`),String)),ne.registerSerializer(Le,new fi(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),Le)),ne.registerSerializer(Te,new fi(((e,t)=>`${e.X}, ${e.Y}`),Te)),ne.registerSerializer(Me,new fi(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Me)),ne.registerSerializer(ce,new yi(ce)),ne.registerSerializer(Ie,new vi(((e,t)=>`${t.lookbehind??""}(${e})`),Ie)),ne.registerSerializer(He,new vi(e,He)),ne.registerSerializer(Ne,new vi(e,Ne)),ne.registerSerializer(Ae,new vi(e,Ae))}(),customElements.define("ueb-color-handler",Rt),st.registerElement("ueb-color-handler",Rt),customElements.define("ueb-input",jt),st.registerElement("ueb-input",jt),customElements.define("ueb-link",mt),st.registerElement("ueb-link",mt),customElements.define("ueb-node",$t),st.registerElement("ueb-node",$t),customElements.define("ueb-pin",hi),st.registerElement("ueb-pin",hi),customElements.define("ueb-selector",gi),st.registerElement("ueb-selector",gi),customElements.define("ueb-ui-slider",Ft),st.registerElement("ueb-ui-slider",Ft),customElements.define("ueb-window",bi),st.registerElement("ueb-window",bi);export{Ot as Blueprint,te as Configuration,mt as LinkElement,$t as NodeElement,ae as Utility};
+ */const ei=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends Qt{constructor(e){var t;if(super(e),e.type!==Jt||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,i)=>{const n=e[i];return null==n?t:t+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`}),"")}update(e,[t]){const{style:i}=e.element;if(void 0===this.vt){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach((e=>{null==t[e]&&(this.vt.delete(e),e.includes("-")?i.removeProperty(e):i[e]="")}));for(const e in t){const n=t[e];null!=n&&(this.vt.add(e),e.includes("-")?i.setProperty(e,n):i[e]=n)}return H}});class ti extends ft{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new gt(this.element,this.blueprint,{draggableElement:this.getDraggableElement(),ignoreScale:!0,ignoreTranslateCompensate:!1,movementSpace:this.blueprint,stepSize:1})}setup(){const e=this.blueprint.template.gridLeftVisibilityBoundary(),t=this.blueprint.template.gridTopVisibilityBoundary();this.element.locationX=this.blueprint.scaleCorrectReverse(this.blueprint.mousePosition[0]-e),this.element.locationY=this.blueprint.scaleCorrectReverse(this.blueprint.mousePosition[1]-t),this.element.updateComplete.then((()=>{const e=this.blueprint.getBoundingClientRect();this.element.locationX+this.element.sizeX>e.width&&(this.element.locationX=e.width-this.element.sizeX),this.element.locationX=Math.max(0,this.element.locationX),this.element.locationY+this.element.sizeY>e.height&&(this.element.locationY=e.height-this.element.sizeY),this.element.locationY=Math.max(0,this.element.locationY)}))}render(){return $`<div class="ueb-window"><div class="ueb-window-top"><div class="ueb-window-name ueb-ellipsis-nowrap-text">${this.renderWindowName()}</div><div class="ueb-window-close" @click="${()=>this.element.remove()}">${De.close}</div></div><div class="ueb-window-content">${this.renderContent()}</div></div>`}renderWindowName(){return $`Window`}renderContent(){return $``}apply(){this.element.dispatchEvent(new CustomEvent(te.windowApplyEventName)),this.element.remove()}cancel(){this.element.dispatchEvent(new CustomEvent(te.windowCancelEventName)),this.element.remove()}}class ii extends ti{#Ve;#ze;#Ie;#Re;#_e;#Fe;#Ge;#je;#Ue;#Ke;#We=e=>{const t=ae.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromRGBANumber(i),this.element.requestUpdate())};#Xe=e=>{const t=ae.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromSRGBANumber(i),this.element.requestUpdate())};#Ze=e=>t=>{"Enter"==t.code&&(t.preventDefault(),e(t))};#ae=new we;get color(){return this.#ae}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#ae),this.#ae=e)}#Ye=new we;get fullColor(){return this.#Ye}#qe;get initialColor(){return this.#qe}#Je=new we;#Qe(e,t,i=!1){const n=this.color.toRGBAString(),s=`${n.substring(0,2*e)}${t}${n.substring(2+2*e)}`;return i?`${s.substring(0,6)}FF`:s}initialize(e){super.initialize(e),this.#qe=this.element.windowOptions.getPinColor(),this.color.setFromHSVA(this.initialColor.H.value,this.initialColor.S.value,this.initialColor.V.value,this.initialColor.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1)}firstUpdated(e){this.#Ve=this.element.querySelector(".ueb-color-picker-wheel ueb-color-handler"),this.#ze=this.element.querySelector(".ueb-color-picker-saturation ueb-ui-slider"),this.#Ie=this.element.querySelector(".ueb-color-picker-value ueb-ui-slider"),this.#Re=this.element.querySelector(".ueb-color-picker-r ueb-ui-slider"),this.#_e=this.element.querySelector(".ueb-color-picker-g ueb-ui-slider"),this.#Fe=this.element.querySelector(".ueb-color-picker-b ueb-ui-slider"),this.#Ge=this.element.querySelector(".ueb-color-picker-a ueb-ui-slider"),this.#je=this.element.querySelector(".ueb-color-picker-h ueb-ui-slider"),this.#Ue=this.element.querySelector(".ueb-color-picker-s ueb-ui-slider"),this.#Ke=this.element.querySelector(".ueb-color-picker-v ueb-ui-slider"),this.#Ve.template.locationChangeCallback=(e,t)=>{this.color.setFromWheelLocation(e,t,this.color.V.value,this.color.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1),this.element.requestUpdate()},this.#ze.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,t,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ie.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,t,this.color.A.value),this.element.requestUpdate()},this.#Re.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(e,this.color.G.value,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#_e.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,e,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#Fe.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,e,this.color.A.value),this.element.requestUpdate()},this.#Ge.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,this.color.B.value,e),this.element.requestUpdate()},this.#je.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(e,this.color.S.value,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ue.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,e,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ke.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,e,this.color.A.value),this.element.requestUpdate()}}renderSlider(e){let t="",i=0,n="";const s=e=>`linear-gradient(to right, #${this.#Qe(e,"00",!0)}, #${this.#Qe(e,"ff",!0)})`;switch(e){case 0:t="r",i=this.color.R.value,n=s(e);break;case 1:t="g",i=this.color.G.value,n=s(e);break;case 2:t="b",i=this.color.B.value,n=s(e);break;case 3:t="a",i=this.color.A.value,n=`${te.alphaPattern}, ${s(e)}`;break;case 4:t="h",i=360*this.color.H.value,n="linear-gradient(to right, #f00 0%, #ff0 16.666%, #0f0 33.333%, #0ff 50%, #00f 66.666%, #f0f 83.333%, #f00 100%)";break;case 5:t="s",i=this.color.S.value,n=`linear-gradient(to right,#${this.#Je.setFromHSVA(this.color.H.value,0,this.color.V.value,1),this.#Je.toRGBAString()},#${this.#Je.setFromHSVA(this.color.H.value,1,this.color.V.value,1),this.#Je.toRGBAString()})`;break;case 6:t="v",i=this.color.V.value,n=`linear-gradient(to right, #000, #${this.fullColor.toRGBAString()})`}return n=`background: ${n};`,$`<div class="ueb-color-picker-${t.toLowerCase()}"><span class="ueb-color-control-label">${t.toUpperCase()}</span><div><div class="ueb-horizontal-slider"><span class="ueb-horizontal-slider-text" .innerText="${ae.minDecimals(ae.roundDecimals(i,3))}"></span><ueb-ui-slider></ueb-ui-slider></div><div class="ueb-color-picker-gradient" style="${n}"></div></div></div>`}renderContent(){const e=2*this.color.H.value*Math.PI,t={"--ueb-color-r":this.color.R.toString(),"--ueb-color-g":this.color.G.toString(),"--ueb-color-b":this.color.B.toString(),"--ueb-color-a":this.color.A.toString(),"--ueb-color-h":this.color.H.toString(),"--ueb-color-s":this.color.S.toString(),"--ueb-color-v":this.color.V.toString(),"--ueb-color-wheel-x":100*(this.color.S.value*Math.cos(e)*.5+.5)+"%","--ueb-color-wheel-y":100*(this.color.S.value*Math.sin(e)*.5+.5)+"%"},i=this.color.toRGBAString(),n=this.color.toSRGBAString(),s=this.fullColor.toRGBAString();return $`<div class="ueb-color-picker" style="${ei(t)}"><div class="ueb-color-picker-toolbar"><div class="ueb-color-picker-theme"></div><div class="ueb-color-picker-srgb"></div></div><div class="ueb-color-picker-main"><div class="ueb-color-picker-wheel"><ueb-color-handler></ueb-color-handler></div><div class="ueb-color-picker-saturation ueb-vertical-slider" style="background-color:#${s}"><ueb-ui-slider></ueb-ui-slider></div><div class="ueb-color-picker-value ueb-vertical-slider" style="background-color:#${s}"><ueb-ui-slider></ueb-ui-slider></div><div class="ueb-color-picker-preview">Old<div class="ueb-color-picker-preview-old" style="background:#${this.#qe.toRGBAString()}"></div><div class="ueb-color-picker-preview-new"><div class="ueb-color-picker-preview-1" style="background:#${this.#Qe(3,"FF")}"></div><div class="ueb-color-picker-preview-2" style="background:${`linear-gradient(#${i}, #${i}),${te.alphaPattern}`}"></div></div>New</div></div><div class="ueb-color-picker-advanced-toggle ueb-toggle-control">Advanced</div><div class="ueb-color-picker-advanced"><div class="ueb-color-picker-column">${this.renderSlider(0)} ${this.renderSlider(1)} ${this.renderSlider(2)} ${this.renderSlider(3)}</div><div class="ueb-color-picker-column">${this.renderSlider(4)} ${this.renderSlider(5)} ${this.renderSlider(6)}<div class="ueb-color-control"><span class="ueb-color-control-label">Hex Linear</span><div class="ueb-color-picker-hex-linear ueb-text-input"><ueb-input .innerText="${i}" @focusout="${this.#We}" @keydown="${this.#Ze(this.#We)}"></ueb-input></div></div><div class="ueb-color-control"><span class="ueb-color-control-label">Hex sRGB</span><div class="ueb-color-picker-hex-srgb ueb-text-input"><ueb-input .innerText="${n}" @focusout="${this.#Xe}" @keydown="${this.#Ze(this.#Xe)}"></ueb-input></div></div></div></div><div class="ueb-buttons"><div class="ueb-color-picker-ok ueb-button" @click="${()=>this.apply()}">${te.windowApplyButtonText}</div><div class="ueb-color-picker-cancel ueb-button" @click="${()=>this.cancel()}">${te.windowCancelButtonText}</div></div></div>`}renderWindowName(){return $`${te.colorWindowName}`}}class ni extends Nt{#et;#tt=e=>{e.preventDefault(),this.blueprint.setFocused(!0),this.#et=st.getConstructor("ueb-window").newObject({type:new ii,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}}),this.blueprint.append(this.#et);const t=()=>{this.element.setDefaultValue(this.#et.template.color)},i=()=>{this.#et.removeEventListener(te.windowApplyEventName,t),this.#et.removeEventListener(te.windowCloseEventName,i),this.#et=null};this.#et.addEventListener(te.windowApplyEventName,t),this.#et.addEventListener(te.windowCloseEventName,i)};renderInput(){return $`<span class="ueb-pin-input" data-linear-color="${this.element.getDefaultValue()?.toString()??O}" @click="${this.#tt}" style="--ueb-linear-color:rgba(${this.element.getDefaultValue()?.toString()??O})"></span>`}}class si extends Xt{static singleLineInput=!0}class ri extends Zt{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return $`<div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${ae.minDecimals(this.element.getDefaultValue()??0)}"></ueb-input></div>`}}class ai extends Nt{renderIcon(){return De.referencePin}}class oi extends Zt{#it(){return ae.minDecimals(this.element.getDefaultValue()?.R??0)}#nt(){return ae.minDecimals(this.element.getDefaultValue()?.P??0)}#st(){return ae.minDecimals(this.element.getDefaultValue()?.Y??0)}setDefaultValue(e=[],t=e){const i=this.element.getDefaultValue(!0);if(!(i instanceof ke))throw new TypeError("Expected DefaultValue to be a RotatorEntity");i.R=e[0],i.P=e[1],i.Y=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return $`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#it()}"></ueb-input></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#nt()}"></ueb-input></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#st()}"></ueb-input></div></div>`}}class li extends Xt{}class ui extends Zt{#rt(){return ae.minDecimals(this.element.getDefaultValue()?.X??0)}#st(){return ae.minDecimals(this.element.getDefaultValue()?.Y??0)}setDefaultValue(e,t){const i=this.element.getDefaultValue(!0);if(!(i instanceof Ne))throw new TypeError("Expected DefaultValue to be a Vector2DEntity");i.X=e[0],i.Y=e[1],this.element.requestUpdate("DefaultValue",i)}renderInput(){return $`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#rt()}"></ueb-input></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#st()}"></ueb-input></div></div>`}}class ci extends Zt{#rt(){return ae.minDecimals(this.element.getDefaultValue()?.X??0)}#st(){return ae.minDecimals(this.element.getDefaultValue()?.Y??0)}#at(){return ae.minDecimals(this.element.getDefaultValue()?.Z??0)}setDefaultValue(e,t){const i=this.element.getDefaultValue(!0);if(!(i instanceof Ae))throw new TypeError("Expected DefaultValue to be a VectorEntity");i.X=e[0],i.Y=e[1],i.Z=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return $`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#rt()}"></ueb-input></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#st()}"></ueb-input></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.#at()}"></ueb-input></div></div>`}}class hi extends Qe{static#ot={"/Script/CoreUObject.LinearColor":ni,"/Script/CoreUObject.Rotator":oi,"/Script/CoreUObject.Vector":ci,"/Script/CoreUObject.Vector2D":ui,bool:Kt,byte:Yt,int:Yt,int64:qt,MUTABLE_REFERENCE:ai,name:si,real:ri,string:li};static properties={pinId:{type:de,converter:{fromAttribute:(e,t)=>e?Fe.grammar.Guid.parse(e).value:null,toAttribute:(e,t)=>e?.toString()},attribute:"data-id",reflect:!0},pinType:{type:String,attribute:"data-type",reflect:!0},advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:we,converter:{fromAttribute:(e,t)=>e?Fe.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?ae.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:ae.booleanConverter,attribute:"data-linked",reflect:!0},pinDirection:{type:String,attribute:"data-direction",reflect:!0}};nodeElement;static getTypeTemplate(e){if(e.PinType.bIsReference&&!e.PinType.bIsConst)return hi.#ot.MUTABLE_REFERENCE;if("exec"===e.getType())return Wt;let t;return e.isInput()&&(t=hi.#ot[e.getType()]),t??Nt}static newObject(e=new Be,t=new(hi.getTypeTemplate(e)),i){const n=new hi;return n.initialize(e,t,i),n}initialize(e=new Be,t=new(hi.getTypeTemplate(e)),i){super.initialize(e,t),this.pinId=this.entity.PinId,this.pinType=this.entity.getType(),this.advancedView=this.entity.bAdvancedView,this.defaultValue=this.entity.getDefaultValue(),this.color=hi.properties.color.converter.fromAttribute(this.getColor().toString()),this.isLinked=!1,this.pinDirection=e.isInput()?"input":e.isOutput()?"output":"hidden",this.nodeElement=i}setup(){super.setup(),this.nodeElement=this.closest("ueb-node")}createPinReference(){return new Pe({objectName:this.nodeElement.getNodeName(),pinGuid:this.getPinId()})}getPinId(){return this.entity.PinId}getPinName(){return this.entity.PinName}getPinDisplayName(){return this.entity.getDisplayName()}getColor(){return this.entity.pinColor()}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getLinkLocation(){return this.template.getLinkLocation()}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}getDefaultValue(e=!1){return this.defaultValue=this.entity.getDefaultValue(e)}setDefaultValue(e){this.entity.DefaultValue=e,this.defaultValue=e}sanitizeLinks(e=[]){this.entity.LinkedTo=this.entity.LinkedTo?.filter((t=>{let i=this.blueprint.getPin(t);if(i){if(e.length&&!e.includes(i.nodeElement))return!1;let t=this.blueprint.getLink(this,i);t||(t=st.getConstructor("ueb-link").newObject(this,i),this.blueprint.addGraphElement(t))}return i})),this.isLinked=this.entity.isLinked()}linkTo(e){const t=this.createPinReference();!this.isLinked||!this.isOutput()||"exec"!==this.pinType&&"exec"!==e.pinType||this.getLinks().some((e=>t.equals(e)))||this.unlinkFromAll(),this.entity.linkTo(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged())}unlinkFrom(e,t=!0){this.entity.unlinkFrom(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged(),t&&this.blueprint.getLink(this,e)?.remove())}unlinkFromAll(){const e=this.getLinks().length;this.getLinks().map((e=>this.blueprint.getPin(e))).forEach((e=>this.unlinkFrom(e))),e&&this.nodeElement?.template.linksChanged()}redirectLink(e,t){const i=this.getLinks().findIndex((t=>t.objectName.toString()==e.getNodeElement().getNodeName()&&t.pinGuid.valueOf()==e.entity.PinId.valueOf()));return i>=0&&(this.entity.LinkedTo[i]=t,!0)}}class di{constructor(e=(e=>e),t=null){this.array=new Uint32Array(t),this.comparisonValueSupplier=e,this.length=0,this.currentPosition=0}get(e){return e>=0&&e<this.length?this.array[e]:null}getArray(){return this.array}getPosition(e){let t=0,i=this.length;for(;t<i;){let n=Math.floor((t+i)/2);this.comparisonValueSupplier(this.array[n])<e?t=n+1:i=n}return t}reserve(e){if(this.array.length<e){let t=new Uint32Array(e);t.set(this.array),this.array=t}}insert(e,t=null){let i=this.getPosition(this.comparisonValueSupplier(e));return(i<this.currentPosition||null!=t&&i==this.currentPosition&&this.comparisonValueSupplier(e)<t)&&++this.currentPosition,this.shiftRight(i),this.array[i]=e,++this.length,i}remove(e){let t=this.getPosition(this.comparisonValueSupplier(e));this.array[t]==e&&this.removeAt(t)}removeAt(e){return e<this.currentPosition&&--this.currentPosition,this.shiftLeft(e),--this.length,e}getNext(){return this.currentPosition>=0&&this.currentPosition<this.length?this.get(this.currentPosition):null}getNextValue(){return this.currentPosition>=0&&this.currentPosition<this.length?this.comparisonValueSupplier(this.get(this.currentPosition)):Number.MAX_SAFE_INTEGER}getPrev(){return this.currentPosition>0?this.get(this.currentPosition-1):null}getPrevValue(){return this.currentPosition>0?this.comparisonValueSupplier(this.get(this.currentPosition-1)):Number.MIN_SAFE_INTEGER}shiftLeft(e,t=1){this.array.set(this.array.subarray(e+t),e)}shiftRight(e,t=1){this.array.set(this.array.subarray(e,-t),e+t)}}class pi{constructor(e,t,i,n){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new di((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new di((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=n,this.rectangles=t,this.primaryOrder.reserve(this.rectangles.length),this.secondaryOrder.reserve(this.rectangles.length),t.forEach(((e,t)=>{let s={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=s,n(e,!1);const r=i(e);this.initialPosition[1]<r.secondaryInf?s.secondaryBoundary=r.secondaryInf:r.secondarySup<this.initialPosition[1]?s.secondaryBoundary=r.secondarySup:s.onSecondaryAxis=!0,this.initialPosition[0]<r.primaryInf?(s.primaryBoundary=r.primaryInf,this.primaryOrder.insert(t)):r.primarySup<this.initialPosition[0]?(s.primaryBoundary=r.primarySup,this.primaryOrder.insert(t)):r.secondarySup<this.initialPosition[1]||this.initialPosition[1]<r.secondaryInf?this.secondaryOrder.insert(t):n(e,!0)})),this.primaryOrder.currentPosition=this.primaryOrder.getPosition(this.initialPosition[0]),this.secondaryOrder.currentPosition=this.secondaryOrder.getPosition(this.initialPosition[1]),this.computeBoundaries()}computeBoundaries(){this.boundaries={primaryN:{v:this.primaryOrder.getPrevValue(),i:this.primaryOrder.getPrev()},primaryP:{v:this.primaryOrder.getNextValue(),i:this.primaryOrder.getNext()},secondaryN:{v:this.secondaryOrder.getPrevValue(),i:this.secondaryOrder.getPrev()},secondaryP:{v:this.secondaryOrder.getNextValue(),i:this.secondaryOrder.getNext()}}}selectTo(e){const t=[Math.sign(e[0]-this.initialPosition[0]),Math.sign(e[1]-this.initialPosition[1])],i=(i,n)=>{if(this.metadata[i].onSecondaryAxis)this.selectFunc(this.rectangles[i],n);else if(n){this.secondaryOrder.insert(i,e[1]);const n=this.metadata[i].secondaryBoundary;Math.sign(e[1]-n)==t[1]&&Math.sign(n-this.initialPosition[1])==t[1]&&this.selectFunc(this.rectangles[i],!0)}else this.selectFunc(this.rectangles[i],!1),this.secondaryOrder.remove(i);this.computeBoundaries(),this.selectTo(e)};e[0]<this.boundaries.primaryN.v?(--this.primaryOrder.currentPosition,i(this.boundaries.primaryN.i,this.initialPosition[0]>this.boundaries.primaryN.v&&e[0]<this.initialPosition[0])):e[0]>this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,i(this.boundaries.primaryP.i,this.initialPosition[0]<this.boundaries.primaryP.v&&this.initialPosition[0]<e[0]));const n=(t,i)=>{this.selectFunc(this.rectangles[t],i),this.computeBoundaries(),this.selectTo(e)};e[1]<this.boundaries.secondaryN.v?(--this.secondaryOrder.currentPosition,n(this.boundaries.secondaryN.i,this.initialPosition[1]>this.boundaries.secondaryN.v&&e[1]<this.initialPosition[1])):e[1]>this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,n(this.boundaries.secondaryP.i,this.initialPosition[1]<this.boundaries.secondaryP.v&&this.initialPosition[1]<e[1])),this.finalPosition=e}}class mi extends ct{}class gi extends ut{selectionModel=null;constructor(){super(),super.initialize({},new mi)}static newObject(){return new gi}initialize(){}beginSelect(e){const t=this.blueprint.constructor;this.blueprint.selecting=!0,this.setBothLocations(e),this.selectionModel=new pi(e,this.blueprint.getNodes(),t.nodeBoundariesSupplier,t.nodeSelectToggleFunction)}selectTo(e){this.selectionModel.selectTo(e),this.toX=e[0],this.toY=e[1]}endSelect(){this.blueprint.selecting=!1,this.selectionModel=null,this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}}class bi extends et{static#lt={window:ti,"color-picker":ii};static properties={...et.properties,type:{type:ti,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>bi.#lt[e],toAttribute:(e,t)=>Object.entries(bi.#lt).find((([t,i])=>e.constructor===i))?.[0]}}};static newObject(e={},t=e.type??new ti){const i=new bi;return i.initialize(e,t),i}initialize(e={},t=e.type??new ti){e.windowOptions??={},this.type=e.type,this.windowOptions=e.windowOptions,super.initialize(e,t)}computeSizes(){const e=this.getBoundingClientRect();this.sizeX=e.width,this.sizeY=e.height}cleanup(){super.cleanup(),this.acknowledgeClose()}acknowledgeClose(){let e=new CustomEvent(te.windowCloseEventName);this.dispatchEvent(e)}}class vi extends Fe{constructor(e,t,i,n,s,r,a){e=e??(e=>`(${e})`),super(t,i,n,s,r,a),this.wrap=e}read(e){const t=_e.getGrammarForType(Fe.grammar,this.entityType).parse(e);if(!t.status)throw new Error(`Error when trying to parse the entity ${this.entityType.prototype.constructor.name}.`);return t.value}write(e,t,i=!1){return this.wrap(this.subWrite(e,[],t,i),t)}}class fi extends vi{#ut;constructor(e,t){super(void 0,t),this.#ut=e}write(e,t,i=!1){return this.#ut(t,i)}}class yi extends vi{constructor(e){super(void 0,e)}write(e,t,i){return i||t.constructor!==String?ae.escapeString(t.toString()):`"${ae.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;ne.registerSerializer(null,new fi(((e,t)=>"()"),null)),ne.registerSerializer(Array,new fi(((e,t)=>`(${e.map((e=>ne.getSerializer(ae.getType(e)).serialize(e,t)+",")).join("")})`),Array)),ne.registerSerializer(BigInt,new yi(BigInt)),ne.registerSerializer(Boolean,new fi(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),ne.registerSerializer(ue,new yi(ue)),ne.registerSerializer(he,new yi(he)),ne.registerSerializer(me,new vi(e,me)),ne.registerSerializer(de,new yi(de)),ne.registerSerializer(ge,new yi(ge)),ne.registerSerializer(be,new yi(be)),ne.registerSerializer(le,new yi(le)),ne.registerSerializer(ve,new vi((e=>`${ve.lookbehind}(${e})`),ve,"",", ",!1,"",(e=>""))),ne.registerSerializer(fe,new vi(e,fe)),ne.registerSerializer(we,new vi(e,we)),ne.registerSerializer(Ee,new vi((e=>`${Ee.lookbehind}(${e})`),Ee,"",", ",!1,"",(e=>""))),ne.registerSerializer(Ce,new vi(e,Ce)),ne.registerSerializer(Number,new yi(Number)),ne.registerSerializer(He,new Ge),ne.registerSerializer(pe,new fi((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),pe)),ne.registerSerializer(Se,new yi(Se)),ne.registerSerializer(Be,new vi((e=>`${Be.lookbehind} (${e})`),Be,"",",",!0)),ne.registerSerializer(Pe,new vi((e=>e),Pe,""," ",!1,"",(e=>""))),ne.registerSerializer(xe,new vi(e,xe)),ne.registerSerializer(ye,new yi(ye)),ne.registerSerializer(ke,new vi(e,ke)),ne.registerSerializer(String,new fi(((e,t)=>t?ae.escapeString(e):`"${ae.escapeString(e)}"`),String)),ne.registerSerializer(Le,new fi(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),Le)),ne.registerSerializer(Te,new fi(((e,t)=>`${e.X}, ${e.Y}`),Te)),ne.registerSerializer(Me,new fi(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Me)),ne.registerSerializer(ce,new yi(ce)),ne.registerSerializer(Ie,new vi(((e,t)=>`${t.lookbehind??""}(${e})`),Ie)),ne.registerSerializer($e,new vi(e,$e)),ne.registerSerializer(Ne,new vi(e,Ne)),ne.registerSerializer(Ae,new vi(e,Ae))}(),customElements.define("ueb-color-handler",Rt),st.registerElement("ueb-color-handler",Rt),customElements.define("ueb-input",jt),st.registerElement("ueb-input",jt),customElements.define("ueb-link",mt),st.registerElement("ueb-link",mt),customElements.define("ueb-node",Ht),st.registerElement("ueb-node",Ht),customElements.define("ueb-pin",hi),st.registerElement("ueb-pin",hi),customElements.define("ueb-selector",gi),st.registerElement("ueb-selector",gi),customElements.define("ueb-ui-slider",Ft),st.registerElement("ueb-ui-slider",Ft),customElements.define("ueb-window",bi),st.registerElement("ueb-window",bi);export{Ot as Blueprint,te as Configuration,mt as LinkElement,Ht as NodeElement,ae as Utility};
diff --git a/empty.html b/empty.html
index a55346d..ef6e68c 100755
--- a/empty.html
+++ b/empty.html
@@ -3,7 +3,7 @@
 
 <head>
    <meta charset="utf-8" />
-   <title>Unreal Engine Blueprint</title>
+   <title>UE Blueprint</title>
    <link rel="stylesheet" href="dist/css/ueblueprint-node-value-type-color.css">
    <link rel="stylesheet" href="dist/css/ueb-style.css">
    <style>
diff --git a/glassy-nodes.html b/glassy-nodes.html
index d42e87e..87707a3 100755
--- a/glassy-nodes.html
+++ b/glassy-nodes.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8" />
-    <title>Unreal Engine Blueprint</title>
+    <title>UE Blueprint</title>
     <link rel="stylesheet" href="dist/css/ueblueprint-node-value-type-color.css">
     <link rel="stylesheet" href="dist/css/ueb-style.css">
     <style>
diff --git a/index.html b/index.html
index 72cd0da..cf2dc75 100755
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8" />
 
-   <title>Unreal Engine Blueprint</title>
+   <title>UE Blueprint</title>
    <link rel="stylesheet" href="dist/css/ueblueprint-node-value-type-color.css">
    <link rel="stylesheet" href="dist/css/ueb-style.css">
    <style>
diff --git a/js/Configuration.js b/js/Configuration.js
index ccc7df8..158300f 100755
--- a/js/Configuration.js
+++ b/js/Configuration.js
@@ -18,6 +18,7 @@ export default class Configuration {
     static colorDragEventName = "ueb-color-drag"
     static colorPickEventName = "ueb-color-pick"
     static colorWindowEventName = "ueb-color-window"
+    static colorWindowName = "Color Picker"
     static defaultCommentHeight = 96
     static defaultCommentWidth = 400
     static deleteNodesKeyboardKey = "Delete"
@@ -159,7 +160,9 @@ export default class Configuration {
         end: "ueb-tracking-mouse-end",
     }
     static windowApplyEventName = "ueb-window-apply"
+    static windowApplyButtonText = "OK"
     static windowCancelEventName = "ueb-window-cancel"
+    static windowCancelButtonText = "Cancel"
     static windowCloseEventName = "ueb-window-close"
     static ModifierKeys = [
         "Ctrl",
diff --git a/js/Utility.js b/js/Utility.js
index 3e3512b..9a87d51 100755
--- a/js/Utility.js
+++ b/js/Utility.js
@@ -293,17 +293,21 @@ export default class Utility {
     }
 
     /** @param {String} value */
-    static escapeString(value, input = false) {
+    static escapeString(value) {
         return value
+            .replaceAll('\\', '\\\\') // Escape \
             .replaceAll('"', '\\"') // Escape "
             .replaceAll("\n", "\\n") // Replace newline with \n
+            .replaceAll("\t", "\\t") // Replace tab with \t
     }
 
     /** @param {String} value */
-    static unescapeString(value, input = false) {
+    static unescapeString(value) {
         return value
-            .replaceAll('\\"', '"')
-            .replaceAll("\\n", "\n")
+            .replaceAll("\\t", "\t") // Replace tab with \t
+            .replaceAll("\\n", "\n") // Replace newline with \n
+            .replaceAll('\\"', '"') // Escape "
+            .replaceAll('\\\\', '\\') // Escape \
     }
 
     /** @param {String} value */
diff --git a/js/entity/FormatTextEntity.js b/js/entity/FormatTextEntity.js
new file mode 100644
index 0000000..e442f8a
--- /dev/null
+++ b/js/entity/FormatTextEntity.js
@@ -0,0 +1,21 @@
+import IEntity from "./IEntity"
+import InvariantTextEntity from "./InvariantTextEntity"
+import LocalizedTextEntity from "./LocalizedTextEntity"
+import UnionType from "./UnionType"
+
+export default class FormatTextEntity extends IEntity {
+
+    static lookbehind = "LOCGEN_FORMAT_NAMED"
+    static attributes = {
+        value: [new UnionType(LocalizedTextEntity, InvariantTextEntity, FormatTextEntity)],
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes)
+    }
+
+    constructor(values) {
+        super(values)
+        /** @type {String} */ this.value
+    }
+} 1
diff --git a/js/entity/ObjectEntity.js b/js/entity/ObjectEntity.js
index d3c39a4..5c6a9e0 100755
--- a/js/entity/ObjectEntity.js
+++ b/js/entity/ObjectEntity.js
@@ -585,7 +585,7 @@ export default class ObjectEntity extends IEntity {
             if (hidValue.includes("Mouse")) {
                 return SVGIcon.mouse
             } else if (hidValue.includes("Gamepad_Special")) {
-                return SVGIcon.keyboard // This is called Touchpad in Unreal Engine
+                return SVGIcon.keyboard // This is called Touchpad in UE
             } else if (hidValue.includes("Gamepad") || hidValue.includes("Steam")) {
                 return SVGIcon.gamepad
             } else if (hidValue.includes("Touch")) {
diff --git a/js/serialization/Grammar.js b/js/serialization/Grammar.js
index a15b27a..ee9dbc1 100755
--- a/js/serialization/Grammar.js
+++ b/js/serialization/Grammar.js
@@ -40,8 +40,53 @@ let P = Parsimmon
 
 export default class Grammar {
 
+    static Regex = {
+        ByteInteger: /0*(?:25[0-5]|2[0-4]\d|1?\d?\d|)(?!\d)/, // A integer between 0 and 255
+        HexDigit: /[0-9a-fA-F]/,
+        InlineOptWhitespace: /[^\S\n]*/,
+        InlineWhitespace: /[^\S\n]+/,
+        InsideString: /(?:[^"\\]|\\.)*/,
+        Integer: /[\-\+]?\d+/,
+        MultilineWhitespace: /\s*\n\s*/,
+        Number: /[-\+]?\d+(?:\.\d+)?/,
+        RealUnit: /^\+?(?:0(?:\.\d+)?|1(?:\.0+)?)(?![\.\d])/, // A number between 0 and 1 included
+        Symbol: /[a-zA-Z_]\w*/,
+        Word: /[a-zA-Z_]+/,
+    }
+
     /*   ---   Factory   ---   */
 
+    /**
+     * @template T
+     * @param {RegExp} re
+     * @param {(execResult) => T} mapper
+     */
+    static regexMap(re, mapper) {
+        const anchored = RegExp("^(?:" + re.source + ")", re.flags)
+        const expected = "" + re
+        /** @param {Grammar} r */
+        return P((input, i) => {
+            const match = anchored.exec(input.slice(i))
+            if (match) {
+                return P.makeSuccess(i + match[0].length, mapper(match))
+            }
+            return P.makeFailure(i, expected)
+        })
+    }
+
+    /** @param {String} str */
+    static getStringParser(str) {
+        return P((input, i) => {
+            var j = i + str.length
+            var head = input.slice(i, j)
+            if (head === str) {
+                return makeSuccess(j, head)
+            } else {
+                return makeFailure(i, expected)
+            }
+        })
+    }
+
     /** @param {Grammar} r */
     static getGrammarForType(r, attribute, defaultGrammar = r.AttributeAnyValue) {
         if (attribute.constructor === Object) {
@@ -92,6 +137,8 @@ export default class Grammar {
                 return r.Integer
             case InvariantTextEntity:
                 return r.InvariantText
+            case KeyBindingEntity:
+                return r.KeyBinding
             case LinearColorEntity:
                 return r.LinearColor
             case LocalizedTextEntity:
@@ -218,56 +265,36 @@ export default class Grammar {
     /*   ---   General   ---   */
 
     /** @param {Grammar} r */
-    InlineWhitespace = r => P.regex(/[^\S\n]+/).desc("single line whitespace")
+    Null = r => P.regex(new RegExp(String.raw`\(${Grammar.Regex.InlineOptWhitespace.source}\)`)).map(() => null).desc("null: ()")
 
     /** @param {Grammar} r */
-    InlineOptWhitespace = r => P.regex(/[^\S\n]*/).desc("single line optional whitespace")
+    Boolean = r => Grammar.regexMap(/(true)|false/i, v => v[1] ? true : false).desc("either True or False")
 
     /** @param {Grammar} r */
-    MultilineWhitespace = r => P.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline")
+    Number = r => P.regex(Grammar.Regex.Number).map(Number).desc("a number")
 
     /** @param {Grammar} r */
-    Null = r => P.seq(P.string("("), r.InlineOptWhitespace, P.string(")")).map(() => null).desc("null: ()")
+    BigInt = r => P.regex(Grammar.Regex.Integer).map(v => BigInt(v)).desc("a big integer")
 
     /** @param {Grammar} r */
-    Boolean = r => P.alt(
-        P.string("True"),
-        P.string("true"),
-        P.string("False"),
-        P.string("false"),
-    ).map(v => v.toLocaleLowerCase() === "true" ? true : false)
-        .desc("either True or False")
+    RealUnit = r => P.regex(Grammar.Regex.RealUnit).map(Number).desc("a number between 0 and 1")
 
     /** @param {Grammar} r */
-    HexDigit = r => P.regex(/[0-9a-fA-f]/).desc("hexadecimal digit")
+    NaturalNumber = r => Grammar.regexMap(/\d+/, v => parseInt(v[0])).desc("a natural number")
 
     /** @param {Grammar} r */
-    Number = r => P.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number")
+    ColorNumber = r => P.regexp(Grammar.Regex.ByteInteger).desc("a number between 0 and 255")
 
     /** @param {Grammar} r */
-    BigInt = r => P.regex(/[\-\+]?[0-9]+/).map(v => BigInt(v)).desc("a big integer")
+    Word = r => P.regexp(Grammar.Regex.Word).desc("a word")
 
     /** @param {Grammar} r */
-    RealNumber = r => P.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real")
-
-    /** @param {Grammar} r */
-    RealUnit = r => P.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert(v => v >= 0 && v <= 1).desc("a number between 0 and 1")
-
-    /** @param {Grammar} r */
-    NaturalNumber = r => P.regex(/0|[1-9]\d*/).map(Number).desc("a natural number")
-
-    /** @param {Grammar} r */
-    ColorNumber = r => r.NaturalNumber.assert(n => 0 <= n && n < 256, "the color must be between 0 and 256 excluded")
-
-    /** @param {Grammar} r */
-    Word = r => P.regex(/[a-zA-Z_]+/).desc("a word")
-
-    /** @param {Grammar} r */
-    String = r => P.regex(/(?:[^"\\]|\\.)*/).wrap(P.string('"'), P.string('"')).map(Utility.unescapeString)
+    String = r => P.regexp(new RegExp(`"(${Grammar.Regex.InsideString.source})"`), 1).map(Utility.unescapeString)
         .desc('string (with possibility to escape the quote using \")')
 
     /** @param {Grammar} r */
-    AttributeName = r => r.Word.sepBy1(P.string(".")).tieWith(".").desc("dot-separated words")
+    AttributeName = r => P.regexp(new RegExp(String.raw`(?:(?:^|(?<!^)\.)${Grammar.Regex.Word.source})+`))
+        .desc("dot-separated words")
 
     /*   ---   Entity   ---   */
 
@@ -278,32 +305,30 @@ export default class Grammar {
     Integer64 = r => r.BigInt.map(v => new Integer64Entity(v)).desc("an integer64")
 
     /** @param {Grammar} r */
-    Integer = r => P.regex(/[\-\+]?[0-9]+/).map(v => new IntegerEntity(v)).desc("an integer")
+    Integer = r => P.regex(Grammar.Regex.Integer).map(v => new IntegerEntity(v)).desc("an integer")
 
     /** @param {Grammar} r */
-    Byte = r => P.regex(/\+?[0-9]+/)
-        .map(v => parseInt(v))
-        .assert(v => v >= 0 && v < 1 << 8)
-        .map(v => new ByteEntity(v))
-        .desc("a Byte")
+    Byte = r => P.regex(Grammar.Regex.ByteInteger).map(v => new ByteEntity(parseInt(v))).desc("a Byte")
 
     /** @param {Grammar} r */
-    Guid = r => r.HexDigit.times(32).tie().map(v => new GuidEntity({ value: v })).desc("32 digit hexadecimal value")
+    Guid = r => P.regexp(new RegExp(`${Grammar.Regex.HexDigit.source}{32}`))
+        .map(v => new GuidEntity({ value: v }))
+        .desc("32 digit hexadecimal value")
 
     /** @param {Grammar} r */
     Identifier = r => P.regex(/\w+/).map(v => new IdentifierEntity(v))
 
     /** @param {Grammar} r */
-    PathSymbol = r => P.regex(/[0-9\w]+/).map(v => new PathSymbolEntity({ value: v }))
+    PathSymbol = r => P.regex(/\w+/).map(v => new PathSymbolEntity({ value: v }))
 
     /** @param {Grammar} r */
-    PathSymbolOptSpaces = r => P.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map(v => new PathSymbolEntity({ value: v }))
+    PathSymbolOptSpaces = r => P.regex(/(?:(?:^|(?<!^) )\w+)+/).map(v => new PathSymbolEntity({ value: v }))
 
     /** @param {Grammar} r */
-    Symbol = r => P.regex(/[a-zA-Z_]\w*/).map(v => new SymbolEntity({ value: v }))
+    Symbol = r => P.regex(Grammar.Regex.Symbol).map(v => new SymbolEntity({ value: v }))
 
     /** @param {Grammar} r */
-    Enum = r => P.regex(/[a-zA-Z_]\w*/).map(v => new EnumEntity({ value: v }))
+    Enum = r => P.regex(Grammar.Regex.Symbol).map(v => new EnumEntity({ value: v }))
 
     /** @param {Grammar} r */
     ObjectReference = r => P.alt(
@@ -329,27 +354,30 @@ export default class Grammar {
     )
 
     /** @param {Grammar} r */
-    LocalizedText = r => P.seqMap(
-        P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _0 (ignored)
-        r.String.trim(P.optWhitespace), // Goes into namespace
-        P.string(","), // Goes into _2 (ignored)
-        r.String.trim(P.optWhitespace), // Goes into key
-        P.string(","), // Goes into _4 (ignored)
-        r.String.trim(P.optWhitespace), // Goes into value
-        P.string(")"), // Goes into _6 (ignored)
-        (_0, namespace, _2, key, _4, value, _6) => new LocalizedTextEntity({
-            namespace: namespace,
-            key: key,
-            value: value
-        })
-    )
+    LocalizedText = r =>
+        Grammar.regexMap(
+            new RegExp(
+                String.raw`${LocalizedTextEntity.lookbehind}\s*\(`
+                + String.raw`\s*"(${Grammar.Regex.InsideString.source})"\s*,`
+                + String.raw`\s*"(${Grammar.Regex.InsideString.source})"\s*,`
+                + String.raw`\s*"(${Grammar.Regex.InsideString.source})"\s*\)`
+            ),
+            matchResult => new LocalizedTextEntity({
+                namespace: matchResult[1],
+                key: matchResult[2],
+                value: matchResult[3]
+            }
+            )
+        )
 
     /** @param {Grammar} r */
-    InvariantText = r => r.String.trim(P.optWhitespace).wrap(
-        P.string(InvariantTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")),
-        P.string(")")
-    )
-        .map(value => new InvariantTextEntity({ value: value }))
+    InvariantText = r =>
+        Grammar.regexMap(
+            new RegExp(
+                String.raw`${InvariantTextEntity.lookbehind}\s*\("(${Grammar.Regex.InsideString.source})"\)`,
+                matchResult => new InvariantTextEntity({ value: matchResult[1] })
+            )
+        )
 
     /** @param {Grammar} r */
     AttributeAnyValue = r => P.alt(
@@ -458,8 +486,7 @@ export default class Grammar {
 
     /** @param {Grammar} r */
     CustomProperties = r =>
-        P.string("CustomProperties")
-            .then(P.whitespace)
+        P.regex(/CustomProperties\s+/)
             .then(r.Pin)
             .map(pin => entity => {
                 /** @type {Array} */
@@ -470,14 +497,14 @@ export default class Grammar {
 
     /** @param {Grammar} r */
     Object = r => P.seqMap(
-        P.seq(P.string("Begin"), P.whitespace, P.string("Object"), P.whitespace),
+        P.regexp(/Begin\s+Object\s+/),
         P
             .alt(
                 r.CustomProperties,
                 Grammar.createAttributeGrammar(r, ObjectEntity)
             )
             .sepBy1(P.whitespace),
-        P.seq(r.MultilineWhitespace, P.string("End"), P.whitespace, P.string("Object")),
+        P.regexp(/\s+End\s+Object/),
         (_0, attributes, _2) => {
             let values = {}
             attributes.forEach(attributeSetter => attributeSetter(values))
diff --git a/js/template/window/ColorPickerWindowTemplate.js b/js/template/window/ColorPickerWindowTemplate.js
index a5d4516..89563ce 100755
--- a/js/template/window/ColorPickerWindowTemplate.js
+++ b/js/template/window/ColorPickerWindowTemplate.js
@@ -346,14 +346,18 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
                     </div>
                 </div>
                 <div class="ueb-buttons">
-                    <div class="ueb-color-picker-ok ueb-button" @click="${() => this.apply()}">OK</div>
-                    <div class="ueb-color-picker-cancel ueb-button" @click="${() => this.cancel()}">Cancel</div>
+                    <div class="ueb-color-picker-ok ueb-button" @click="${() => this.apply()}">
+                        ${Configuration.windowApplyButtonText}
+                    </div>
+                    <div class="ueb-color-picker-cancel ueb-button" @click="${() => this.cancel()}">
+                        ${Configuration.windowCancelButtonText}
+                    </div>
                 </div>
             </div>
         `
     }
 
     renderWindowName() {
-        return html`Color Picker`
+        return html`${Configuration.colorWindowName}`
     }
 }
diff --git a/package.json b/package.json
index ce2c735..bf79dd0 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ueblueprint",
   "version": "1.0.0",
-  "description": "Unreal Engine's Blueprint visualisation library",
+  "description": "UE's Blueprint visualisation library",
   "main": "ueblueprint.js",
   "scripts": {
     "build": "rollup --config && sass scss/export.scss:dist/css/ueb-style.css && sass scss/export.scss:dist/css/ueb-style.min.css --style=compressed",
@@ -27,6 +27,7 @@
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-terser": "^0.1.0",
+    "@types/parsimmon": "^1.10.6",
     "concurrently": "^7.6.0",
     "cypress": "^12.1.0",
     "http-server": "^14.1.1",