diff --git a/dist/css/ueb-style.css b/dist/css/ueb-style.css
index 5a36159..201db12 100644
--- a/dist/css/ueb-style.css
+++ b/dist/css/ueb-style.css
@@ -322,6 +322,10 @@ ueb-blueprint[data-scrolling=false][data-selecting=false] ueb-node.ueb-node-styl
   white-space: nowrap;
 }
 
+ueb-node.ueb-node-style-comment .ueb-node-top {
+  white-space: normal;
+}
+
 ueb-node.ueb-node-style-event .ueb-node-top {
   display: flex;
   justify-content: space-between;
diff --git a/dist/css/ueb-style.css.map b/dist/css/ueb-style.css.map
index 4b5cec5..7440d41 100644
--- a/dist/css/ueb-style.css.map
+++ b/dist/css/ueb-style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EA0BJ,iBAEI;EAQJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EAmDJ,iBAEI;EAWJ,qBAEI;EAOJ;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AC3QJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACpBJ;EACI;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;EAIA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AChFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBACI;EAIJ;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA,YACI;EAEJ;EACA,YACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAMA;EAMA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,YACI;EAEJ;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5VJ;EACI;;;AAGJ;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;EACA;;;AAIR;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AC9MJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;ACnKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"ueb-style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EA0BJ,iBAEI;EAQJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EAmDJ,iBAEI;EAWJ,qBAEI;EAOJ;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AC3QJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACpBJ;EACI;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;EAIA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AChFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBACI;EAIJ;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA,YACI;EAEJ;EACA,YACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAMA;EAMA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,YACI;EAEJ;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/VJ;EACI;;;AAGJ;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;EACA;;;AAIR;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AC9MJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;ACnKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"ueb-style.css"}
\ No newline at end of file
diff --git a/dist/css/ueb-style.min.css b/dist/css/ueb-style.min.css
index 948f0cc..0ef3c40 100644
--- a/dist/css/ueb-style.min.css
+++ b/dist/css/ueb-style.min.css
@@ -1 +1 @@
-@font-face{font-family:"Roboto";font-weight:lighter;src:url("../font/roboto-light.woff2") format("woff2"),url("../font/roboto-light.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:normal;src:url("../font/roboto-regular.woff2") format("woff2"),url("../font/roboto-regular.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:bold;src:url("../font/roboto-bold.woff2") format("woff2"),url("../font/roboto-bold.woff") format("woff")}ueb-blueprint{--ueb-scale: 1;--ueb-grid-actual-size: var(--ueb-grid-size);display:block;position:relative;font-family:Roboto,Noto,Oxygen,Ubuntu,"Open Sans","Helvetica Neue",sans-serif;font-size:var(--ueb-font-size);color:#fff;user-select:none}ueb-blueprint svg{overflow:visible}.ueb-viewport-header{display:flex;position:absolute;top:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:1}@keyframes ueb-zoom-animation{0%{color:#7f7f7f}100%{color:#2b2b2b}}.ueb-zoom-changed .ueb-viewport-zoom{animation:600ms ueb-zoom-animation}.ueb-viewport-zoom{margin-left:auto;padding:5px;color:#2b2b2b;font-size:20px;font-weight:bold;letter-spacing:-1px}.ueb-viewport-body{position:relative;height:var(--ueb-height, 30rem);overflow:hidden;scrollbar-width:0}.ueb-grid{--ueb-grid-line-actual-width: calc(var(--ueb-grid-line-width) / var(--ueb-scale));position:absolute;min-width:100%;min-height:100%;width:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));height:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));background-color:#262626;background-image:linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(to right, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to right, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent);background-size:100% var(--ueb-grid-line-actual-width),var(--ueb-grid-line-actual-width) 100%,calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size);background-position:calc(var(--ueb-translate-x)*1px) calc(var(--ueb-translate-y)*1px);background-repeat:repeat-x,repeat-y,repeat,repeat,repeat,repeat;scale:var(--ueb-scale) var(--ueb-scale);transform-origin:0 0;overflow:hidden}ueb-blueprint[data-scrolling=true] .ueb-grid{cursor:grabbing}ueb-blueprint[data-scrolling=false] .ueb-grid{cursor:default}ueb-blueprint.ueb-zoom--4{--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2);--ueb-node-radius: 0 !important}ueb-blueprint.ueb-zoom--6{--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint.ueb-zoom--11{--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-grid-content{position:relative;width:0;height:0;transform:translateX(calc(var(--ueb-translate-x) * 1px)) translateY(calc(var(--ueb-translate-y) * 1px))}.ueb-grid-content>div{width:0;height:0}.ueb-positioned,ueb-blueprint[data-selecting=true] ueb-selector{position:absolute}ueb-selector{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0;height:0;background-image:repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(1px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale)));background-size:100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%,calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%;background-position:0 calc(1px/var(--ueb-scale)),0 0,0 calc(100% - 1px/var(--ueb-scale)),0 100%,calc(1px/var(--ueb-scale)) 0,0 0,calc(100% - 1px/var(--ueb-scale)) 0,100% 0;background-repeat:no-repeat}ueb-blueprint[data-selecting=true] ueb-selector{visibility:visible}ueb-selector>*{visibility:visible}.ueb-ellipsis-nowrap-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ueb-node.ueb-node-style-minimal{box-shadow:none}ueb-node.ueb-node-style-minimal ueb-pin{min-height:0}ueb-node.ueb-node-style-minimal ueb-pin[data-direction=input]{display:none}ueb-node.ueb-node-style-minimal .ueb-node-border{padding:8px 16px;background:none !important}ueb-node.ueb-node-style-minimal .ueb-pin-wrapper{padding:4px 6px}ueb-node.ueb-node-style-minimal[data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #d29e07}ueb-link{position:absolute;--ueb-link-color: rgb(var(--ueb-link-color-rgb));--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);--ueb-y-reflected: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);display:block;margin-left:calc(var(--ueb-link-start)*-1px);min-width:calc(var(--ueb-link-min-width)*1px);visibility:hidden}ueb-link>svg{--ueb-y-reflected-coefficient: calc(2 * var(--ueb-y-reflected) - 1);position:absolute;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-reflected-coefficient) * var(--ueb-from-input-coefficient)));z-index:1}ueb-link .ueb-link-area path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:calc(2px/var(--ueb-scale))}ueb-link[data-dragging=true] .ueb-link-area path,ueb-link .ueb-link-area:hover path{stroke-width:calc(6px/var(--ueb-scale));transition:stroke-width .8s}ueb-link[data-dragging=true] .ueb-link-message{display:block;visibility:visible}.ueb-link-message{display:none;position:absolute;top:calc(100%*(1 - var(--ueb-y-reflected)) + 22px);left:calc((1 - var(--ueb-from-input))*100% + (var(--ueb-from-input-coefficient))*var(--ueb-start-percentage) + 15px);border:1px solid #000;border-radius:2px;background:linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);color:var(--ueb-pin-dim-color);white-space:nowrap;z-index:1000000}.ueb-link-message-icon{display:inline-block;padding:4px;width:16px;height:16px;vertical-align:middle}.ueb-link-message-text{padding:4px;padding-left:0;vertical-align:middle}.ueb-link-message-icon svg{width:100%;height:100%}ueb-node{display:block;position:absolute;min-width:100px;border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.6);font-weight:lighter}ueb-node.ueb-node-style-minimal{min-width:0}.ueb-zoom--2 ueb-node{box-shadow:none}.ueb-node-border{margin:-3px;padding:3px;border-radius:calc(var(--ueb-node-radius)*1.4)}.ueb-zoom--2 .ueb-node-border{margin:0;padding:0}ueb-node[data-selected=true]>.ueb-node-border{background-image:linear-gradient(to right, #f1b000 0%, #f1b000 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%),linear-gradient(to right, #cc6700 0%, #cc6700 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%);background-size:100% 7px,7px 100%,100% 7px,7px 100%;background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y}.ueb-zoom--2 ueb-node[data-selected=true]>.ueb-node-border{background:none !important;outline:3px solid #ff8d00}.ueb-zoom--10 ueb-node[data-selected=true]>.ueb-node-border{outline-width:8px}.ueb-node-wrapper{position:relative;padding:1px;box-shadow:inset 0 0 2px 0 #000;border-radius:var(--ueb-node-radius);background:rgba(14,16,10,.8);overflow:hidden}.ueb-node-outputs ueb-pin[data-type=exec] .ueb-pin-wrapper{margin-right:-3px}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper,ueb-blueprint[data-scrolling=false][data-selecting=false] ueb-node.ueb-node-style-minimal .ueb-node-border{cursor:move}.ueb-zoom--2 .ueb-node-wrapper{box-shadow:none;padding:0;background:#101010}.ueb-node-top{color:silver;font-weight:900;white-space:nowrap}ueb-node.ueb-node-style-event .ueb-node-top{display:flex;justify-content:space-between;align-items:center;padding-right:2px}ueb-node.ueb-node-style-event .ueb-node-top ueb-pin{margin-left:10px}.ueb-node-style-default .ueb-node-top{padding:2px 20px 2px 8px;box-shadow:inset 5px 1px 5px -3px rgba(255,255,255,.2509803922),inset 0 1px 2px 0 rgba(255,255,255,.2509803922);border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(rgba(255, 255, 255, 0.1882352941) 1px, transparent 1px),linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%)}.ueb-zoom--2 .ueb-node-top{box-shadow:none}.ueb-zoom--2 .ueb-node-style-default .ueb-node-top{background:rgb(var(--ueb-node-color))}.ueb-node-name{display:flex;align-items:center;background:radial-gradient(ellipse 100% 100% at 40% 50%, rgba(0, 0, 0, 0.5) 20%, transparent 50%);margin:-1px -15px;padding:2px 15px}.ueb-zoom--2 .ueb-node-name{background:none}.ueb-zoom--8 .ueb-node-name{visibility:hidden}.ueb-node-name-symbol{align-self:flex-start;margin-right:5px;width:16px;height:16px;color:#74bff2}ueb-node[data-pure-function=true] .ueb-node-name-symbol{color:#aaeda0}.ueb-node-name-symbol path{vertical-align:middle}.ueb-node-subtitle-text{padding-right:5px;font-weight:100;font-style:italic;color:#a9b78f}.ueb-node-content{display:flex;padding:2px 0;font-weight:100;white-space:nowrap}.ueb-node-style-default .ueb-node-content{padding-top:5px}.ueb-node-has-inputs .ueb-node-inputs{padding-left:8px}.ueb-node-outputs{margin-left:auto;padding-left:16px;padding-right:10px}.ueb-node-developmentonly{margin-top:4px;padding:2px;background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);text-align:center}.ueb-node-developmentonly-text{padding:0 10px;letter-spacing:.04em;text-shadow:1px 1px 1px #000;white-space:nowrap}.ueb-zoom--6 .ueb-node-developmentonly-text{visibility:hidden}.ueb-node-expansion{display:none;text-align:center}ueb-node[data-advanced-display] .ueb-node-expansion{display:block}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-expansion:hover{background-color:#656765;cursor:pointer}.ueb-zoom--8 .ueb-node-expansion{visibility:hidden}.ueb-node-expansion>svg{width:16px;height:16px;vertical-align:middle}ueb-node[data-advanced-display=Shown] .ueb-node-expansion>svg{transform:scaleY(-1)}ueb-node.ueb-node-style-glass .ueb-node-wrapper,ueb-node.ueb-node-style-glass .ueb-node-border,ueb-node.ueb-node-style-glass{min-width:128px;border-radius:15px}ueb-node.ueb-node-style-glass .ueb-node-wrapper{border:1px solid #000;box-shadow:0 1px 0 0 rgba(255,255,255,.6) inset;padding:3px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.2) 4px, rgba(0, 0, 0, 0.3) 14px),linear-gradient(to right, transparent 10%, rgba(var(--ueb-node-color), 0.3) 50%, transparent 90%);background-size:100%,100% 28px;background-repeat:repeat,no-repeat}ueb-node.ueb-node-style-glass .ueb-node-name{padding-right:0;padding-left:0}ueb-node[data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #ce8700;background:none}ueb-node.ueb-node-style-glass .ueb-node-top,ueb-node.ueb-node-style-glass .ueb-node-name{margin:0;box-shadow:none;border-radius:0;background:none}ueb-node.ueb-node-style-glass .ueb-node-top{position:absolute;left:50%;translate:-50%;padding:3px}ueb-node.ueb-node-style-glass .ueb-node-outputs:first-child{padding-left:8px}ueb-node.ueb-node-style-operation .ueb-node-top{position:absolute;top:50%;left:50%;translate:-50% -50%;padding:0 50px;font-size:28px;z-index:-1}ueb-node.ueb-node-style-operation .ueb-node-inputs{margin-right:100px}ueb-node:not(.ueb-node-style-comment){z-index:10}ueb-node.ueb-node-style-comment .ueb-node-border{height:100%}ueb-node.ueb-node-style-comment .ueb-node-wrapper{position:relative;padding:0;height:100%;border-radius:0;background:rgba(var(--ueb-node-color), 0.35);box-shadow:none}ueb-node.ueb-node-style-comment .ueb-node-wrapper::after{content:"";display:block;position:absolute;right:3px;bottom:3px;width:16px;height:16px;background:linear-gradient(135deg, transparent 50%, #fff 50%, #fff calc(50% + 2px), transparent calc(50% + 2px), transparent calc(50% + 3px), #fff calc(50% + 3px), #fff calc(50% + 5px), transparent calc(50% + 5px), transparent calc(50% + 7px), #fff calc(50% + 7px), #fff calc(50% + 9px), transparent calc(50% + 9px))}ueb-node.ueb-node-style-comment .ueb-node-top{position:relative;margin:3px;padding:3px 10px;box-shadow:none;border-radius:0;background:rgb(var(--ueb-node-color)) linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));color:#fff;font-size:24px;text-shadow:2px 1px 1px #444,0 0 2px #bbb;z-index:1}ueb-node.ueb-node-style-conversion .ueb-node-content::after{content:"";display:block;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px);width:6px;height:6px;border-radius:3px;background:#8f8f8f}ueb-blueprint{--ueb-pin-color-dim: #afafaf}ueb-pin{--ueb-pin-background: linear-gradient(90deg, rgba(var(--ueb-pin-color-rgb), 0.15), rgba(var(--ueb-pin-color-rgb), 0.8) 15%, rgba(var(--ueb-pin-color-rgb), 0.5) 60%, rgba(var(--ueb-pin-color-rgb), 0.35) 95%, transparent);--ueb-pin-color: rgb(var(--ueb-pin-color-rgb))}ueb-pin{display:block;min-height:30px}ueb-pin.ueb-pin-input-wrap .ueb-pin-input{display:block}.ueb-node-top ueb-pin{min-height:0}.ueb-zoom--10 ueb-pin{visibility:hidden}ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true]{display:none}.ueb-pin-wrapper{display:inline-block}.ueb-pin-wrapper>*{display:inline-block;vertical-align:middle}.ueb-node-top .ueb-pin-wrapper{padding:2px 4px 2px 10px}.ueb-node-content .ueb-pin-wrapper{margin:4px 0 0 0;padding:2px 2px}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover{background:var(--ueb-pin-background);cursor:crosshair}.ueb-zoom--8 .ueb-pin-wrapper:hover{background:none !important}.ueb-node-outputs ueb-pin{text-align:right}.ueb-pin-icon{color:var(--ueb-pin-color);width:12px;height:12px;text-align:left}.ueb-node-style-event ueb-pin[data-type=delegate] .ueb-pin-icon{width:11px;height:11px}.ueb-node-inputs .ueb-pin-icon{margin-right:4px}.ueb-node-outputs .ueb-pin-icon{margin-left:2px}ueb-node.ueb-node-style-minimal .ueb-pin-wrapper,ueb-node.ueb-node-style-minimal .ueb-pin-icon{display:block}.ueb-pin-icon>svg{vertical-align:top}ueb-pin[data-type=exec] .ueb-pin-icon{width:15px;height:15px;--ueb-pin-color: white}ueb-pin[data-linked=true] .ueb-pin-tofill{fill:currentColor}.ueb-pin-name{display:inline-block;vertical-align:middle}.ueb-zoom--6 .ueb-pin-content{visibility:hidden}ueb-node[data-type="/Script/BlueprintGraph.K2Node_VariableSet"] ueb-pin[data-direction=output] .ueb-pin-content{display:none}.ueb-pin-input-wrapper{padding-left:8px}.ueb-pin-input{display:inline-block;vertical-align:middle;margin-left:3px;border:1px solid #a0a0a0;border-radius:3px;padding:0 3px 0 3px;color:#e0e0e0}.ueb-pin-input:hover,.ueb-pin-input:active,.ueb-pin-input:focus,.ueb-pin-input:focus-within{background:rgba(255,255,255,.2745098039);outline:none}ueb-pin[data-linked=true] .ueb-pin-input,ueb-pin[data-linked=true] .ueb-pin-input-wrapper{display:none}ueb-pin[data-type=bool] .ueb-pin-input{appearance:none;padding:0;height:18px;width:18px;background-color:#0f0f0f;color:var(--ueb-pin-color)}ueb-pin[data-type=bool] .ueb-pin-input:checked{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="%230070e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M 5 10 l 3 3 l 6 -6" /></svg>')}ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input{padding:0;width:18px;height:18px;border-color:#505050;border-radius:0;background-color:var(--ueb-linear-color)}.ueb-pin-input-label~.ueb-pin-input{margin-left:0}.ueb-pin-input-label{vertical-align:middle;margin-left:3px;color:#777}.ueb-pin-input-content{display:block;outline:none;border:none;padding:0;min-width:10px;max-width:400px;max-height:16em;background:none;color:inherit;overflow:auto}.ueb-pin-input-content::-webkit-scrollbar{width:10px;height:10px}.ueb-pin-input-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:10px;margin:4px}.ueb-pin-input-content:hover::-webkit-scrollbar-thumb{background:#575757}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-input-content:hover{cursor:text}.ueb-button{min-width:60px;border:1px solid #0f0f0f;border-radius:4px;padding:2px 10px;background:#383838;text-align:center;cursor:pointer}.ueb-button:hover{background:#575757}.ueb-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ueb-vertical-slider>ueb-ui-slider{position:relative;padding-bottom:10px}.ueb-vertical-slider>ueb-ui-slider::before,.ueb-vertical-slider>ueb-ui-slider::after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0)}.ueb-vertical-slider>ueb-ui-slider::before{left:-4px;border-left-color:#e0e0e0}.ueb-vertical-slider>ueb-ui-slider::after{right:-4px;border-right-color:#e0e0e0}.ueb-horizontal-slider,.ueb-text-input{position:relative;border:1px solid #383838;border-radius:6px;background:#0f0f0f}.ueb-horizontal-slider{position:relative;padding:1px}.ueb-horizontal-slider:hover{cursor:ew-resize}ueb-window .ueb-pin-input-content{padding:1px 10px}.ueb-horizontal-slider>ueb-ui-slider{display:block;position:relative;height:20px;border-radius:5px;background:#383838}.ueb-horizontal-slider-text{position:absolute;padding:0 5px;line-height:20px;z-index:1}.ueb-toggle-control::before{content:"";display:inline-block;border-top:5px solid #e0e0e0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);vertical-align:middle}.ueb-toggle-control:hover{cursor:pointer}.ueb-resizeable-top,.ueb-resizeable-top-right,.ueb-resizeable-top-left{position:absolute;top:0;height:10px}.ueb-resizeable-top{right:0;left:0;cursor:ns-resize}.ueb-resizeable-top-right{right:0;width:10px;cursor:nesw-resize}.ueb-resizeable-top-left{left:0;width:10px;cursor:nwse-resize}.ueb-resizeable-right{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:ew-resize}.ueb-resizeable-bottom,.ueb-resizeable-bottom-right,.ueb-resizeable-bottom-left{position:absolute;bottom:-3px;height:10px;cursor:ns-resize}.ueb-resizeable-bottom{right:0;left:0}.ueb-resizeable-bottom-right{right:0;width:10px;cursor:nwse-resize}.ueb-resizeable-bottom-left{left:0;width:10px;cursor:nesw-resize}.ueb-resizeable-left{position:absolute;top:0;bottom:0;left:0;width:10px;cursor:ew-resize}ueb-window{display:block;position:absolute;border:2px solid #101010;top:0;left:0;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));background:#242424;box-shadow:0 0 2px 0 rgba(0,0,0,.6274509804);z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-content{padding:10px;border:1px solid #303030}.ueb-window-name{flex-grow:1;padding-left:28px;text-align:center}.ueb-window-close{padding:8px;height:12px;width:12px;cursor:pointer}.ueb-color-picker-theme,.ueb-color-picker-srgb{display:inline-block;vertical-align:middle}.ueb-color-picker-main{display:grid;grid-template:1fr/auto min-content min-content min-content}.ueb-color-picker-wheel{position:relative;padding-top:100%;min-width:200px;border-radius:100%;background:radial-gradient(white 5%, transparent 85%),conic-gradient(from 90deg, #FF0000 0deg, #FFFF00 60deg, #00FF00 120deg, #00FFFF 180deg, #0000FF 240deg, #FF00FF 300deg, #FF0000 360deg)}ueb-color-handler{display:block;position:absolute;margin-top:-3px;margin-left:-3px;width:4px;height:4px;border:1px solid #000;border-radius:4px}.ueb-color-picker-wheel ueb-color-handler{left:var(--ueb-color-wheel-x);top:var(--ueb-color-wheel-y)}.ueb-color-picker-saturation,.ueb-color-picker-value{margin:0 6px;padding-bottom:10px;width:25px}.ueb-color-picker-saturation{margin-left:25px;background-image:linear-gradient(to bottom, transparent 10px, #FFFFFF 100%)}.ueb-color-picker-value{margin-right:25px;background-image:linear-gradient(to bottom, transparent 10px, #000000 100%)}ueb-ui-slider{display:block}.ueb-color-picker-saturation ueb-ui-slider{top:calc(100% - var(--ueb-color-s)*100%)}.ueb-color-picker-value ueb-ui-slider{top:calc(100% - var(--ueb-color-v)*100%)}.ueb-color-picker-preview{position:relative;align-self:flex-start}.ueb-color-picker-preview::before,.ueb-color-picker-preview::after{content:"";display:block;position:absolute;top:calc(50% - 1px);width:5px;border-top:2px solid #000}.ueb-color-picker-preview::after{right:0}.ueb-color-picker-preview-old,.ueb-color-picker-preview-new{width:100px;height:40px}.ueb-color-picker-preview-new{display:flex}.ueb-color-picker-preview-1,.ueb-color-picker-preview-2{width:50%}.ueb-color-picker-advanced{display:flex;column-gap:10px;padding-top:5px}.ueb-color-picker-advanced .ueb-color-picker-column{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;width:50%}.ueb-color-picker-advanced .ueb-color-picker-column>div{display:flex;align-items:center;margin-bottom:8px}.ueb-color-picker-advanced .ueb-color-picker-column>div>div{flex-grow:1}.ueb-color-picker-advanced .ueb-horizontal-slider{flex-grow:1}.ueb-color-picker-r .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-r)*100%)}.ueb-color-picker-g .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-g)*100%)}.ueb-color-picker-b .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-b)*100%)}.ueb-color-picker-a .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-a)*100%)}.ueb-color-picker-h .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-h)*100%)}.ueb-color-picker-s .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-s)*100%)}.ueb-color-picker-v .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-v)*100%)}.ueb-color-picker-gradient{height:6px}.ueb-color-control{align-self:flex-end}.ueb-color-control-label{margin-right:5px;color:silver}.ueb-color-control .ueb-pin-input-content{width:8ch;line-height:20px;font-family:monospace;color:silver}/*# sourceMappingURL=ueb-style.min.css.map */
+@font-face{font-family:"Roboto";font-weight:lighter;src:url("../font/roboto-light.woff2") format("woff2"),url("../font/roboto-light.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:normal;src:url("../font/roboto-regular.woff2") format("woff2"),url("../font/roboto-regular.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:bold;src:url("../font/roboto-bold.woff2") format("woff2"),url("../font/roboto-bold.woff") format("woff")}ueb-blueprint{--ueb-scale: 1;--ueb-grid-actual-size: var(--ueb-grid-size);display:block;position:relative;font-family:Roboto,Noto,Oxygen,Ubuntu,"Open Sans","Helvetica Neue",sans-serif;font-size:var(--ueb-font-size);color:#fff;user-select:none}ueb-blueprint svg{overflow:visible}.ueb-viewport-header{display:flex;position:absolute;top:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:1}@keyframes ueb-zoom-animation{0%{color:#7f7f7f}100%{color:#2b2b2b}}.ueb-zoom-changed .ueb-viewport-zoom{animation:600ms ueb-zoom-animation}.ueb-viewport-zoom{margin-left:auto;padding:5px;color:#2b2b2b;font-size:20px;font-weight:bold;letter-spacing:-1px}.ueb-viewport-body{position:relative;height:var(--ueb-height, 30rem);overflow:hidden;scrollbar-width:0}.ueb-grid{--ueb-grid-line-actual-width: calc(var(--ueb-grid-line-width) / var(--ueb-scale));position:absolute;min-width:100%;min-height:100%;width:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));height:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));background-color:#262626;background-image:linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(to right, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to right, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent);background-size:100% var(--ueb-grid-line-actual-width),var(--ueb-grid-line-actual-width) 100%,calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size);background-position:calc(var(--ueb-translate-x)*1px) calc(var(--ueb-translate-y)*1px);background-repeat:repeat-x,repeat-y,repeat,repeat,repeat,repeat;scale:var(--ueb-scale) var(--ueb-scale);transform-origin:0 0;overflow:hidden}ueb-blueprint[data-scrolling=true] .ueb-grid{cursor:grabbing}ueb-blueprint[data-scrolling=false] .ueb-grid{cursor:default}ueb-blueprint.ueb-zoom--4{--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2);--ueb-node-radius: 0 !important}ueb-blueprint.ueb-zoom--6{--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint.ueb-zoom--11{--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-grid-content{position:relative;width:0;height:0;transform:translateX(calc(var(--ueb-translate-x) * 1px)) translateY(calc(var(--ueb-translate-y) * 1px))}.ueb-grid-content>div{width:0;height:0}.ueb-positioned,ueb-blueprint[data-selecting=true] ueb-selector{position:absolute}ueb-selector{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0;height:0;background-image:repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(1px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale)));background-size:100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%,calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%;background-position:0 calc(1px/var(--ueb-scale)),0 0,0 calc(100% - 1px/var(--ueb-scale)),0 100%,calc(1px/var(--ueb-scale)) 0,0 0,calc(100% - 1px/var(--ueb-scale)) 0,100% 0;background-repeat:no-repeat}ueb-blueprint[data-selecting=true] ueb-selector{visibility:visible}ueb-selector>*{visibility:visible}.ueb-ellipsis-nowrap-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ueb-node.ueb-node-style-minimal{box-shadow:none}ueb-node.ueb-node-style-minimal ueb-pin{min-height:0}ueb-node.ueb-node-style-minimal ueb-pin[data-direction=input]{display:none}ueb-node.ueb-node-style-minimal .ueb-node-border{padding:8px 16px;background:none !important}ueb-node.ueb-node-style-minimal .ueb-pin-wrapper{padding:4px 6px}ueb-node.ueb-node-style-minimal[data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #d29e07}ueb-link{position:absolute;--ueb-link-color: rgb(var(--ueb-link-color-rgb));--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);--ueb-y-reflected: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);display:block;margin-left:calc(var(--ueb-link-start)*-1px);min-width:calc(var(--ueb-link-min-width)*1px);visibility:hidden}ueb-link>svg{--ueb-y-reflected-coefficient: calc(2 * var(--ueb-y-reflected) - 1);position:absolute;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-reflected-coefficient) * var(--ueb-from-input-coefficient)));z-index:1}ueb-link .ueb-link-area path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:calc(2px/var(--ueb-scale))}ueb-link[data-dragging=true] .ueb-link-area path,ueb-link .ueb-link-area:hover path{stroke-width:calc(6px/var(--ueb-scale));transition:stroke-width .8s}ueb-link[data-dragging=true] .ueb-link-message{display:block;visibility:visible}.ueb-link-message{display:none;position:absolute;top:calc(100%*(1 - var(--ueb-y-reflected)) + 22px);left:calc((1 - var(--ueb-from-input))*100% + (var(--ueb-from-input-coefficient))*var(--ueb-start-percentage) + 15px);border:1px solid #000;border-radius:2px;background:linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);color:var(--ueb-pin-dim-color);white-space:nowrap;z-index:1000000}.ueb-link-message-icon{display:inline-block;padding:4px;width:16px;height:16px;vertical-align:middle}.ueb-link-message-text{padding:4px;padding-left:0;vertical-align:middle}.ueb-link-message-icon svg{width:100%;height:100%}ueb-node{display:block;position:absolute;min-width:100px;border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.6);font-weight:lighter}ueb-node.ueb-node-style-minimal{min-width:0}.ueb-zoom--2 ueb-node{box-shadow:none}.ueb-node-border{margin:-3px;padding:3px;border-radius:calc(var(--ueb-node-radius)*1.4)}.ueb-zoom--2 .ueb-node-border{margin:0;padding:0}ueb-node[data-selected=true]>.ueb-node-border{background-image:linear-gradient(to right, #f1b000 0%, #f1b000 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%),linear-gradient(to right, #cc6700 0%, #cc6700 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%);background-size:100% 7px,7px 100%,100% 7px,7px 100%;background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y}.ueb-zoom--2 ueb-node[data-selected=true]>.ueb-node-border{background:none !important;outline:3px solid #ff8d00}.ueb-zoom--10 ueb-node[data-selected=true]>.ueb-node-border{outline-width:8px}.ueb-node-wrapper{position:relative;padding:1px;box-shadow:inset 0 0 2px 0 #000;border-radius:var(--ueb-node-radius);background:rgba(14,16,10,.8);overflow:hidden}.ueb-node-outputs ueb-pin[data-type=exec] .ueb-pin-wrapper{margin-right:-3px}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper,ueb-blueprint[data-scrolling=false][data-selecting=false] ueb-node.ueb-node-style-minimal .ueb-node-border{cursor:move}.ueb-zoom--2 .ueb-node-wrapper{box-shadow:none;padding:0;background:#101010}.ueb-node-top{color:silver;font-weight:900;white-space:nowrap}ueb-node.ueb-node-style-comment .ueb-node-top{white-space:normal}ueb-node.ueb-node-style-event .ueb-node-top{display:flex;justify-content:space-between;align-items:center;padding-right:2px}ueb-node.ueb-node-style-event .ueb-node-top ueb-pin{margin-left:10px}.ueb-node-style-default .ueb-node-top{padding:2px 20px 2px 8px;box-shadow:inset 5px 1px 5px -3px rgba(255,255,255,.2509803922),inset 0 1px 2px 0 rgba(255,255,255,.2509803922);border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(rgba(255, 255, 255, 0.1882352941) 1px, transparent 1px),linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%)}.ueb-zoom--2 .ueb-node-top{box-shadow:none}.ueb-zoom--2 .ueb-node-style-default .ueb-node-top{background:rgb(var(--ueb-node-color))}.ueb-node-name{display:flex;align-items:center;background:radial-gradient(ellipse 100% 100% at 40% 50%, rgba(0, 0, 0, 0.5) 20%, transparent 50%);margin:-1px -15px;padding:2px 15px}.ueb-zoom--2 .ueb-node-name{background:none}.ueb-zoom--8 .ueb-node-name{visibility:hidden}.ueb-node-name-symbol{align-self:flex-start;margin-right:5px;width:16px;height:16px;color:#74bff2}ueb-node[data-pure-function=true] .ueb-node-name-symbol{color:#aaeda0}.ueb-node-name-symbol path{vertical-align:middle}.ueb-node-subtitle-text{padding-right:5px;font-weight:100;font-style:italic;color:#a9b78f}.ueb-node-content{display:flex;padding:2px 0;font-weight:100;white-space:nowrap}.ueb-node-style-default .ueb-node-content{padding-top:5px}.ueb-node-has-inputs .ueb-node-inputs{padding-left:8px}.ueb-node-outputs{margin-left:auto;padding-left:16px;padding-right:10px}.ueb-node-developmentonly{margin-top:4px;padding:2px;background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);text-align:center}.ueb-node-developmentonly-text{padding:0 10px;letter-spacing:.04em;text-shadow:1px 1px 1px #000;white-space:nowrap}.ueb-zoom--6 .ueb-node-developmentonly-text{visibility:hidden}.ueb-node-expansion{display:none;text-align:center}ueb-node[data-advanced-display] .ueb-node-expansion{display:block}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-expansion:hover{background-color:#656765;cursor:pointer}.ueb-zoom--8 .ueb-node-expansion{visibility:hidden}.ueb-node-expansion>svg{width:16px;height:16px;vertical-align:middle}ueb-node[data-advanced-display=Shown] .ueb-node-expansion>svg{transform:scaleY(-1)}ueb-node.ueb-node-style-glass .ueb-node-wrapper,ueb-node.ueb-node-style-glass .ueb-node-border,ueb-node.ueb-node-style-glass{min-width:128px;border-radius:15px}ueb-node.ueb-node-style-glass .ueb-node-wrapper{border:1px solid #000;box-shadow:0 1px 0 0 rgba(255,255,255,.6) inset;padding:3px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.2) 4px, rgba(0, 0, 0, 0.3) 14px),linear-gradient(to right, transparent 10%, rgba(var(--ueb-node-color), 0.3) 50%, transparent 90%);background-size:100%,100% 28px;background-repeat:repeat,no-repeat}ueb-node.ueb-node-style-glass .ueb-node-name{padding-right:0;padding-left:0}ueb-node[data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #ce8700;background:none}ueb-node.ueb-node-style-glass .ueb-node-top,ueb-node.ueb-node-style-glass .ueb-node-name{margin:0;box-shadow:none;border-radius:0;background:none}ueb-node.ueb-node-style-glass .ueb-node-top{position:absolute;left:50%;translate:-50%;padding:3px}ueb-node.ueb-node-style-glass .ueb-node-outputs:first-child{padding-left:8px}ueb-node.ueb-node-style-operation .ueb-node-top{position:absolute;top:50%;left:50%;translate:-50% -50%;padding:0 50px;font-size:28px;z-index:-1}ueb-node.ueb-node-style-operation .ueb-node-inputs{margin-right:100px}ueb-node:not(.ueb-node-style-comment){z-index:10}ueb-node.ueb-node-style-comment .ueb-node-border{height:100%}ueb-node.ueb-node-style-comment .ueb-node-wrapper{position:relative;padding:0;height:100%;border-radius:0;background:rgba(var(--ueb-node-color), 0.35);box-shadow:none}ueb-node.ueb-node-style-comment .ueb-node-wrapper::after{content:"";display:block;position:absolute;right:3px;bottom:3px;width:16px;height:16px;background:linear-gradient(135deg, transparent 50%, #fff 50%, #fff calc(50% + 2px), transparent calc(50% + 2px), transparent calc(50% + 3px), #fff calc(50% + 3px), #fff calc(50% + 5px), transparent calc(50% + 5px), transparent calc(50% + 7px), #fff calc(50% + 7px), #fff calc(50% + 9px), transparent calc(50% + 9px))}ueb-node.ueb-node-style-comment .ueb-node-top{position:relative;margin:3px;padding:3px 10px;box-shadow:none;border-radius:0;background:rgb(var(--ueb-node-color)) linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));color:#fff;font-size:24px;text-shadow:2px 1px 1px #444,0 0 2px #bbb;z-index:1}ueb-node.ueb-node-style-conversion .ueb-node-content::after{content:"";display:block;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px);width:6px;height:6px;border-radius:3px;background:#8f8f8f}ueb-blueprint{--ueb-pin-color-dim: #afafaf}ueb-pin{--ueb-pin-background: linear-gradient(90deg, rgba(var(--ueb-pin-color-rgb), 0.15), rgba(var(--ueb-pin-color-rgb), 0.8) 15%, rgba(var(--ueb-pin-color-rgb), 0.5) 60%, rgba(var(--ueb-pin-color-rgb), 0.35) 95%, transparent);--ueb-pin-color: rgb(var(--ueb-pin-color-rgb))}ueb-pin{display:block;min-height:30px}ueb-pin.ueb-pin-input-wrap .ueb-pin-input{display:block}.ueb-node-top ueb-pin{min-height:0}.ueb-zoom--10 ueb-pin{visibility:hidden}ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true]{display:none}.ueb-pin-wrapper{display:inline-block}.ueb-pin-wrapper>*{display:inline-block;vertical-align:middle}.ueb-node-top .ueb-pin-wrapper{padding:2px 4px 2px 10px}.ueb-node-content .ueb-pin-wrapper{margin:4px 0 0 0;padding:2px 2px}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover{background:var(--ueb-pin-background);cursor:crosshair}.ueb-zoom--8 .ueb-pin-wrapper:hover{background:none !important}.ueb-node-outputs ueb-pin{text-align:right}.ueb-pin-icon{color:var(--ueb-pin-color);width:12px;height:12px;text-align:left}.ueb-node-style-event ueb-pin[data-type=delegate] .ueb-pin-icon{width:11px;height:11px}.ueb-node-inputs .ueb-pin-icon{margin-right:4px}.ueb-node-outputs .ueb-pin-icon{margin-left:2px}ueb-node.ueb-node-style-minimal .ueb-pin-wrapper,ueb-node.ueb-node-style-minimal .ueb-pin-icon{display:block}.ueb-pin-icon>svg{vertical-align:top}ueb-pin[data-type=exec] .ueb-pin-icon{width:15px;height:15px;--ueb-pin-color: white}ueb-pin[data-linked=true] .ueb-pin-tofill{fill:currentColor}.ueb-pin-name{display:inline-block;vertical-align:middle}.ueb-zoom--6 .ueb-pin-content{visibility:hidden}ueb-node[data-type="/Script/BlueprintGraph.K2Node_VariableSet"] ueb-pin[data-direction=output] .ueb-pin-content{display:none}.ueb-pin-input-wrapper{padding-left:8px}.ueb-pin-input{display:inline-block;vertical-align:middle;margin-left:3px;border:1px solid #a0a0a0;border-radius:3px;padding:0 3px 0 3px;color:#e0e0e0}.ueb-pin-input:hover,.ueb-pin-input:active,.ueb-pin-input:focus,.ueb-pin-input:focus-within{background:rgba(255,255,255,.2745098039);outline:none}ueb-pin[data-linked=true] .ueb-pin-input,ueb-pin[data-linked=true] .ueb-pin-input-wrapper{display:none}ueb-pin[data-type=bool] .ueb-pin-input{appearance:none;padding:0;height:18px;width:18px;background-color:#0f0f0f;color:var(--ueb-pin-color)}ueb-pin[data-type=bool] .ueb-pin-input:checked{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="%230070e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M 5 10 l 3 3 l 6 -6" /></svg>')}ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input{padding:0;width:18px;height:18px;border-color:#505050;border-radius:0;background-color:var(--ueb-linear-color)}.ueb-pin-input-label~.ueb-pin-input{margin-left:0}.ueb-pin-input-label{vertical-align:middle;margin-left:3px;color:#777}.ueb-pin-input-content{display:block;outline:none;border:none;padding:0;min-width:10px;max-width:400px;max-height:16em;background:none;color:inherit;overflow:auto}.ueb-pin-input-content::-webkit-scrollbar{width:10px;height:10px}.ueb-pin-input-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:10px;margin:4px}.ueb-pin-input-content:hover::-webkit-scrollbar-thumb{background:#575757}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-input-content:hover{cursor:text}.ueb-button{min-width:60px;border:1px solid #0f0f0f;border-radius:4px;padding:2px 10px;background:#383838;text-align:center;cursor:pointer}.ueb-button:hover{background:#575757}.ueb-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ueb-vertical-slider>ueb-ui-slider{position:relative;padding-bottom:10px}.ueb-vertical-slider>ueb-ui-slider::before,.ueb-vertical-slider>ueb-ui-slider::after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0)}.ueb-vertical-slider>ueb-ui-slider::before{left:-4px;border-left-color:#e0e0e0}.ueb-vertical-slider>ueb-ui-slider::after{right:-4px;border-right-color:#e0e0e0}.ueb-horizontal-slider,.ueb-text-input{position:relative;border:1px solid #383838;border-radius:6px;background:#0f0f0f}.ueb-horizontal-slider{position:relative;padding:1px}.ueb-horizontal-slider:hover{cursor:ew-resize}ueb-window .ueb-pin-input-content{padding:1px 10px}.ueb-horizontal-slider>ueb-ui-slider{display:block;position:relative;height:20px;border-radius:5px;background:#383838}.ueb-horizontal-slider-text{position:absolute;padding:0 5px;line-height:20px;z-index:1}.ueb-toggle-control::before{content:"";display:inline-block;border-top:5px solid #e0e0e0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);vertical-align:middle}.ueb-toggle-control:hover{cursor:pointer}.ueb-resizeable-top,.ueb-resizeable-top-right,.ueb-resizeable-top-left{position:absolute;top:0;height:10px}.ueb-resizeable-top{right:0;left:0;cursor:ns-resize}.ueb-resizeable-top-right{right:0;width:10px;cursor:nesw-resize}.ueb-resizeable-top-left{left:0;width:10px;cursor:nwse-resize}.ueb-resizeable-right{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:ew-resize}.ueb-resizeable-bottom,.ueb-resizeable-bottom-right,.ueb-resizeable-bottom-left{position:absolute;bottom:-3px;height:10px;cursor:ns-resize}.ueb-resizeable-bottom{right:0;left:0}.ueb-resizeable-bottom-right{right:0;width:10px;cursor:nwse-resize}.ueb-resizeable-bottom-left{left:0;width:10px;cursor:nesw-resize}.ueb-resizeable-left{position:absolute;top:0;bottom:0;left:0;width:10px;cursor:ew-resize}ueb-window{display:block;position:absolute;border:2px solid #101010;top:0;left:0;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));background:#242424;box-shadow:0 0 2px 0 rgba(0,0,0,.6274509804);z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-content{padding:10px;border:1px solid #303030}.ueb-window-name{flex-grow:1;padding-left:28px;text-align:center}.ueb-window-close{padding:8px;height:12px;width:12px;cursor:pointer}.ueb-color-picker-theme,.ueb-color-picker-srgb{display:inline-block;vertical-align:middle}.ueb-color-picker-main{display:grid;grid-template:1fr/auto min-content min-content min-content}.ueb-color-picker-wheel{position:relative;padding-top:100%;min-width:200px;border-radius:100%;background:radial-gradient(white 5%, transparent 85%),conic-gradient(from 90deg, #FF0000 0deg, #FFFF00 60deg, #00FF00 120deg, #00FFFF 180deg, #0000FF 240deg, #FF00FF 300deg, #FF0000 360deg)}ueb-color-handler{display:block;position:absolute;margin-top:-3px;margin-left:-3px;width:4px;height:4px;border:1px solid #000;border-radius:4px}.ueb-color-picker-wheel ueb-color-handler{left:var(--ueb-color-wheel-x);top:var(--ueb-color-wheel-y)}.ueb-color-picker-saturation,.ueb-color-picker-value{margin:0 6px;padding-bottom:10px;width:25px}.ueb-color-picker-saturation{margin-left:25px;background-image:linear-gradient(to bottom, transparent 10px, #FFFFFF 100%)}.ueb-color-picker-value{margin-right:25px;background-image:linear-gradient(to bottom, transparent 10px, #000000 100%)}ueb-ui-slider{display:block}.ueb-color-picker-saturation ueb-ui-slider{top:calc(100% - var(--ueb-color-s)*100%)}.ueb-color-picker-value ueb-ui-slider{top:calc(100% - var(--ueb-color-v)*100%)}.ueb-color-picker-preview{position:relative;align-self:flex-start}.ueb-color-picker-preview::before,.ueb-color-picker-preview::after{content:"";display:block;position:absolute;top:calc(50% - 1px);width:5px;border-top:2px solid #000}.ueb-color-picker-preview::after{right:0}.ueb-color-picker-preview-old,.ueb-color-picker-preview-new{width:100px;height:40px}.ueb-color-picker-preview-new{display:flex}.ueb-color-picker-preview-1,.ueb-color-picker-preview-2{width:50%}.ueb-color-picker-advanced{display:flex;column-gap:10px;padding-top:5px}.ueb-color-picker-advanced .ueb-color-picker-column{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;width:50%}.ueb-color-picker-advanced .ueb-color-picker-column>div{display:flex;align-items:center;margin-bottom:8px}.ueb-color-picker-advanced .ueb-color-picker-column>div>div{flex-grow:1}.ueb-color-picker-advanced .ueb-horizontal-slider{flex-grow:1}.ueb-color-picker-r .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-r)*100%)}.ueb-color-picker-g .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-g)*100%)}.ueb-color-picker-b .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-b)*100%)}.ueb-color-picker-a .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-a)*100%)}.ueb-color-picker-h .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-h)*100%)}.ueb-color-picker-s .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-s)*100%)}.ueb-color-picker-v .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-v)*100%)}.ueb-color-picker-gradient{height:6px}.ueb-color-control{align-self:flex-end}.ueb-color-control-label{margin-right:5px;color:silver}.ueb-color-control .ueb-pin-input-content{width:8ch;line-height:20px;font-family:monospace;color:silver}/*# sourceMappingURL=ueb-style.min.css.map */
diff --git a/dist/css/ueb-style.min.css.map b/dist/css/ueb-style.min.css.map
index 3a3bb9a..c37155e 100644
--- a/dist/css/ueb-style.min.css.map
+++ b/dist/css/ueb-style.min.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,0BACA,UAGJ,8BACI,GACI,cAGJ,KACI,eAIR,qCACI,mCAGJ,mBACI,iBACA,YACA,cACA,eACA,iBACA,oBAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,wCACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,0BACI,uDACA,gCAGJ,0BACI,uDAGJ,2BACI,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,gEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBC3QJ,gCACI,gBAGJ,wCACI,aAGJ,8DACI,aAGJ,iDACI,iBACA,2BAGJ,iDACI,gBAGJ,qEACI,qCCpBJ,SACI,kBACA,iDACA,kEAEA,wEACA,cACA,6CACA,8CAKA,kBAGJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FACA,UAGJ,6BACI,mBACA,6BACA,wCAGJ,oFAEI,wCACA,4BAGJ,+CACI,cACA,mBAGJ,kBACI,aACA,kBACA,mDACA,qHAOA,sBACA,kBACA,4EACA,+BACA,mBACA,gBAGJ,uBACI,qBACA,YACA,WACA,YACA,sBAGJ,uBACI,YACA,eACA,sBAGJ,2BACI,WACA,YChFJ,SACI,cACA,kBACA,gBACA,qCACA,uDACA,oBAGJ,gCACI,YAGJ,sBACI,gBAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,2DACI,kBAGJ,uLAEI,YAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,aACA,gBACA,mBAGJ,4CACI,aACA,8BACA,mBACA,kBAGJ,oDACI,iBAGJ,sCACI,yBACA,WACI,qGAEJ,gEACA,WACI,iLAIR,2BACI,gBAGJ,mDACI,sCAGJ,eACI,aACA,mBACA,kGACA,kBACA,iBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,sBACA,iBACA,WACA,YACA,cAGJ,wDACI,cAGJ,2BACI,sBAGJ,wBACI,kBACA,gBACA,kBACA,cAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,0CACI,gBAGJ,sCACI,iBAGJ,kBACI,iBACA,kBACA,mBAGJ,0BACI,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,eACA,qBACA,6BACA,mBAGJ,4CACI,kBAGJ,oBACI,aACA,kBAGJ,oDACI,cAGJ,oFACI,yBACA,eAGJ,iCACI,kBAGJ,wBACI,WACA,YACA,sBAGJ,8DACI,qBAGJ,6HAGI,gBACA,mBAGJ,gDACI,sBACA,gDACA,YACA,WACI,gNAEJ,+BACA,mCAGJ,6CACI,gBACA,eAGJ,8CACI,qCACA,gBAGJ,yFAEI,SACA,gBACA,gBACA,gBAGJ,4CACI,kBACA,SACA,eACA,YAGJ,4DACI,iBAGJ,gDACI,kBACA,QACA,SACA,oBACA,eACA,eACA,WAGJ,mDACI,mBAGJ,sCACI,WAGJ,iDACI,YAGJ,kDACI,kBACA,UACA,YACA,gBACA,6CACA,gBAEA,yDACI,WACA,cACA,kBACA,UACA,WACA,WACA,YACA,6TAgBR,8CACI,kBACA,WACA,iBACA,gBACA,gBACA,8FACA,WACA,eACA,0CACA,UAGJ,4DACI,WACA,cACA,kBACA,oBACA,qBACA,UACA,WACA,kBACA,mBC5VJ,cACI,6BAGJ,QACI,4NAMA,+CAGJ,QACI,cACA,gBAGJ,0CACI,cAGJ,sBACI,aAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBAEA,mBACI,qBACA,sBAIR,+BACI,yBAGJ,mCACI,iBACA,gBAGJ,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,cACI,2BACA,WACA,YACA,gBAGJ,gEACI,WACA,YAGJ,+BACI,iBAGJ,gCACI,gBAGJ,+FAEI,cAGJ,kBACI,mBAGJ,sCACI,WACA,YACA,uBAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,8BACI,kBAGJ,gHACI,aAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,cAEA,4FAII,yCACA,aAIR,0FAEI,aAGJ,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,gBACA,cACA,cAEA,0CACI,WACA,YAGJ,gDACI,yBACA,mBACA,WAGJ,sDACI,mBAIR,uFACI,YC9MJ,YACI,eACA,yBACA,kBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eAIR,uEAGI,kBACA,MACA,YAGJ,oBACI,QACA,OACA,iBAGJ,0BACI,QACA,WACA,mBAGJ,yBACI,OACA,WACA,mBAGJ,sBACI,kBACA,MACA,QACA,SACA,WACA,iBAGJ,gFAGI,kBACA,YACA,YACA,iBAGJ,uBACI,QACA,OAGJ,6BACI,QACA,WACA,mBAGJ,4BACI,OACA,WACA,mBAGJ,qBACI,kBACA,MACA,SACA,OACA,WACA,iBCnKJ,WACI,cACA,kBACA,yBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBACA,sBAEA,mEAEI,WACA,cACA,kBACA,oBACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,8BACI,aAGJ,wDAEI,UAGJ,2BACI,aACA,gBACA,gBAGJ,oDACI,aACA,sBACA,8BACA,YACA,UAGJ,wDACI,aACA,mBACA,kBAEA,4DACI,YAIR,kDACI,YAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,2BACI,WAGJ,mBACI,oBAGJ,yBACI,iBACA,aAGJ,0CACI,UACA,iBACA,sBACA","file":"ueb-style.min.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,0BACA,UAGJ,8BACI,GACI,cAGJ,KACI,eAIR,qCACI,mCAGJ,mBACI,iBACA,YACA,cACA,eACA,iBACA,oBAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,wCACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,0BACI,uDACA,gCAGJ,0BACI,uDAGJ,2BACI,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,gEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBC3QJ,gCACI,gBAGJ,wCACI,aAGJ,8DACI,aAGJ,iDACI,iBACA,2BAGJ,iDACI,gBAGJ,qEACI,qCCpBJ,SACI,kBACA,iDACA,kEAEA,wEACA,cACA,6CACA,8CAKA,kBAGJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FACA,UAGJ,6BACI,mBACA,6BACA,wCAGJ,oFAEI,wCACA,4BAGJ,+CACI,cACA,mBAGJ,kBACI,aACA,kBACA,mDACA,qHAOA,sBACA,kBACA,4EACA,+BACA,mBACA,gBAGJ,uBACI,qBACA,YACA,WACA,YACA,sBAGJ,uBACI,YACA,eACA,sBAGJ,2BACI,WACA,YChFJ,SACI,cACA,kBACA,gBACA,qCACA,uDACA,oBAGJ,gCACI,YAGJ,sBACI,gBAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,2DACI,kBAGJ,uLAEI,YAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,aACA,gBACA,mBAGJ,8CACI,mBAEJ,4CACI,aACA,8BACA,mBACA,kBAGJ,oDACI,iBAGJ,sCACI,yBACA,WACI,qGAEJ,gEACA,WACI,iLAIR,2BACI,gBAGJ,mDACI,sCAGJ,eACI,aACA,mBACA,kGACA,kBACA,iBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,sBACA,iBACA,WACA,YACA,cAGJ,wDACI,cAGJ,2BACI,sBAGJ,wBACI,kBACA,gBACA,kBACA,cAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,0CACI,gBAGJ,sCACI,iBAGJ,kBACI,iBACA,kBACA,mBAGJ,0BACI,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,eACA,qBACA,6BACA,mBAGJ,4CACI,kBAGJ,oBACI,aACA,kBAGJ,oDACI,cAGJ,oFACI,yBACA,eAGJ,iCACI,kBAGJ,wBACI,WACA,YACA,sBAGJ,8DACI,qBAGJ,6HAGI,gBACA,mBAGJ,gDACI,sBACA,gDACA,YACA,WACI,gNAEJ,+BACA,mCAGJ,6CACI,gBACA,eAGJ,8CACI,qCACA,gBAGJ,yFAEI,SACA,gBACA,gBACA,gBAGJ,4CACI,kBACA,SACA,eACA,YAGJ,4DACI,iBAGJ,gDACI,kBACA,QACA,SACA,oBACA,eACA,eACA,WAGJ,mDACI,mBAGJ,sCACI,WAGJ,iDACI,YAGJ,kDACI,kBACA,UACA,YACA,gBACA,6CACA,gBAEA,yDACI,WACA,cACA,kBACA,UACA,WACA,WACA,YACA,6TAgBR,8CACI,kBACA,WACA,iBACA,gBACA,gBACA,8FACA,WACA,eACA,0CACA,UAGJ,4DACI,WACA,cACA,kBACA,oBACA,qBACA,UACA,WACA,kBACA,mBC/VJ,cACI,6BAGJ,QACI,4NAMA,+CAGJ,QACI,cACA,gBAGJ,0CACI,cAGJ,sBACI,aAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBAEA,mBACI,qBACA,sBAIR,+BACI,yBAGJ,mCACI,iBACA,gBAGJ,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,cACI,2BACA,WACA,YACA,gBAGJ,gEACI,WACA,YAGJ,+BACI,iBAGJ,gCACI,gBAGJ,+FAEI,cAGJ,kBACI,mBAGJ,sCACI,WACA,YACA,uBAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,8BACI,kBAGJ,gHACI,aAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,cAEA,4FAII,yCACA,aAIR,0FAEI,aAGJ,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,gBACA,cACA,cAEA,0CACI,WACA,YAGJ,gDACI,yBACA,mBACA,WAGJ,sDACI,mBAIR,uFACI,YC9MJ,YACI,eACA,yBACA,kBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eAIR,uEAGI,kBACA,MACA,YAGJ,oBACI,QACA,OACA,iBAGJ,0BACI,QACA,WACA,mBAGJ,yBACI,OACA,WACA,mBAGJ,sBACI,kBACA,MACA,QACA,SACA,WACA,iBAGJ,gFAGI,kBACA,YACA,YACA,iBAGJ,uBACI,QACA,OAGJ,6BACI,QACA,WACA,mBAGJ,4BACI,OACA,WACA,mBAGJ,qBACI,kBACA,MACA,SACA,OACA,WACA,iBCnKJ,WACI,cACA,kBACA,yBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBACA,sBAEA,mEAEI,WACA,cACA,kBACA,oBACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,8BACI,aAGJ,wDAEI,UAGJ,2BACI,aACA,gBACA,gBAGJ,oDACI,aACA,sBACA,8BACA,YACA,UAGJ,wDACI,aACA,mBACA,kBAEA,4DACI,YAIR,kDACI,YAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,2BACI,WAGJ,mBACI,oBAGJ,yBACI,iBACA,aAGJ,0CACI,UACA,iBACA,sBACA","file":"ueb-style.min.css"}
\ No newline at end of file
diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js
index 0489297..9f82106 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
@@ -296,93 +296,93 @@ 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("./IEntity").default} IEntity */
-
-class ComputedType {
-
-    #f
-
-    /** @param {Function} f */
-    constructor(f) {
-        this.#f = f;
-    }
-
-    /** @param {IEntity} entity */
-    compute(entity) {
-        return this.#f(entity)
-    }
-}
-
+}
+
+/** @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("./IEntity").default} IEntity */
+
+class ComputedType {
+
+    #f
+
+    /** @param {Function} f */
+    constructor(f) {
+        this.#f = f;
+    }
+
+    /** @param {IEntity} entity */
+    compute(entity) {
+        return this.#f(entity)
+    }
+}
+
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
@@ -420,27 +420,27 @@ class SerializerFactory {
         // @ts-expect-error
         return SerializerFactory.#serializers.get(entity)
     }
-}
-
-/** @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").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
@@ -874,233 +874,228 @@ class Utility {
         };
         requestAnimationFrame(doAnimation);
     }
-}
-
-/**
- * @typedef {(entity: IEntity) => AnyValue} ValueSupplier
- * @typedef {IEntity | String | Number | BigInt | Boolean} AnySimpleValue
- * @typedef {AnySimpleValue | AnySimpleValue[]} AnyValue
- * @typedef {{
- *     [key: String]: AttributeInformation
- * }} AttributeDeclarations
- * @typedef {typeof IEntity} EntityConstructor
- * @typedef {{
- *     type?: AnyValueConstructor<AnyValue> | AnyValueConstructor<AnyValue>[] | UnionType | ComputedType,
- *     default?: 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 {
-
-    static lookbehind = ""
-    /** @type {AttributeDeclarations} */
-    static attributes = {}
-    static defaultAttribute = {
-        showDefault: true,
-        nullable: false,
-        ignored: false,
-        serialized: false,
-        expected: false,
-    }
-
-    constructor(values = {}, suppressWarns = false) {
-        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
-            };
-        }
-        const valuesNames = Object.keys(values);
-        const attributesNames = Object.keys(attributes);
-        const allAttributesNames = Utility.mergeArrays(attributesNames, valuesNames);
-        for (let attributeName of allAttributesNames) {
-            let value = values[attributeName];
-            let attribute = /** @type {AttributeInformation} */(attributes[attributeName]);
-
-            if (!suppressWarns) {
-                if (!(attributeName in attributes)) {
-                    console.warn(
-                        `UEBlueprint: Attribute ${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 ${attributeName} not `
-                        + "defined in the serialized data"
-                    );
-                }
-            }
-
-            if (!attribute) {
-                // Remember attributeName can come from the values and be not defined in the attributes
-                // In that case just assign it and skip the rest
-                this[attributeName] = value;
-                continue
-            }
-
-            let defaultValue = attribute.default;
-            let defaultType = attribute.type;
-            if (defaultType instanceof ComputedType) {
-                defaultType = defaultType.compute(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 => this[attributeName] = v
-                : v => {
-                    Object.defineProperties(this, {
-                        ["#" + 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 ${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)
-            ));
-        }
-    }
-
-    /** @param {AttributeDeclarations} attributes */
-    static cleanupAttributes(attributes, prefix = "") {
-        for (const attributeName in attributes) {
-            if (attributes[attributeName].constructor !== Object) {
-                attributes[attributeName] = {
-                    default: attributes[attributeName],
-                };
-            }
-            const attribute = /** @type {AttributeInformation} */(attributes[attributeName]);
-            if (attribute.type === undefined && !(attribute.default instanceof Function)) {
-                attribute.type = Utility.getType(attribute.default);
-            }
-            attributes[attributeName] = {
-                ...IEntity.defaultAttribute,
-                ...attribute,
-            };
-            if (attribute.default === undefined) {
-                if (attribute.type === undefined) {
-                    throw new Error(
-                        `UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${prefix}`
-                        + attributeName
-                    )
-                }
-                attribute[attributeName] = Utility.sanitize(undefined, attribute.type);
-            }
-            if (attribute.default === 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 {IEntity | String | Number | BigInt | Boolean} AnySimpleValue
+ * @typedef {AnySimpleValue | AnySimpleValue[]} AnyValue
+ * @typedef {{
+ *     [key: String]: AttributeInformation
+ * }} AttributeDeclarations
+ * @typedef {typeof IEntity} EntityConstructor
+ * @typedef {{
+ *     type?: AnyValueConstructor<AnyValue> | AnyValueConstructor<AnyValue>[] | UnionType | ComputedType,
+ *     default?: 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 {
+
+    static lookbehind = ""
+    /** @type {AttributeDeclarations} */
+    static attributes = {}
+    static defaultAttribute = {
+        showDefault: true,
+        nullable: false,
+        ignored: false,
+        serialized: false,
+        expected: false,
+    }
+
+    constructor(values = {}, suppressWarns = false) {
+        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
+            };
+        }
+        const valuesNames = Object.keys(values);
+        const attributesNames = Object.keys(attributes);
+        const allAttributesNames = Utility.mergeArrays(attributesNames, valuesNames);
+        for (let attributeName of allAttributesNames) {
+            let value = values[attributeName];
+            let attribute = /** @type {AttributeInformation} */(attributes[attributeName]);
+
+            if (!suppressWarns) {
+                if (!(attributeName in attributes)) {
+                    console.warn(
+                        `UEBlueprint: Attribute ${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 ${attributeName} not `
+                        + "defined in the serialized data"
+                    );
+                }
+            }
+
+            if (!attribute) {
+                // Remember attributeName can come from the values and be not defined in the attributes
+                // In that case just assign it and skip the rest
+                this[attributeName] = value;
+                continue
+            }
+
+            let defaultValue = attribute.default;
+            let defaultType = attribute.type;
+            if (defaultType instanceof ComputedType) {
+                defaultType = defaultType.compute(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 => this[attributeName] = v
+                : v => {
+                    Object.defineProperties(this, {
+                        ["#" + 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 ${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)
+            ));
+        }
+    }
+
+    /** @param {AttributeDeclarations} attributes */
+    static cleanupAttributes(attributes, prefix = "") {
+        for (const attributeName in attributes) {
+            const attribute = /** @type {AttributeInformation} */(attributes[attributeName]);
+            if (attribute.type === undefined && !(attribute.default instanceof Function)) {
+                attribute.type = Utility.getType(attribute.default);
+            }
+            attributes[attributeName] = {
+                ...IEntity.defaultAttribute,
+                ...attribute,
+            };
+            if (attribute.default === undefined) {
+                if (attribute.type === undefined) {
+                    throw new Error(
+                        `UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${prefix}`
+                        + attributeName
+                    )
+                }
+                attribute[attributeName] = Utility.sanitize(undefined, attribute.type);
+            }
+            if (attribute.default === 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 = {
@@ -1127,8 +1122,8 @@ class IntegerEntity extends IEntity {
     toString() {
         return this.value.toString()
     }
-}
-
+}
+
 class ByteEntity extends IntegerEntity {
 
     static attributes = {
@@ -1146,57 +1141,57 @@ class ByteEntity extends IntegerEntity {
     constructor(values = 0) {
         super(values);
     }
-}
-
-class SymbolEntity extends IEntity {
-
-    static attributes = {
-        value: {
-            default: "",
-        },
-    }
-
-    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: {
+            default: "",
+        },
+    }
+
+    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 InvariantTextEntity extends IEntity {
-
-    static lookbehind = "INVTEXT"
-    static attributes = {
-        value: {
-            default: "",
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.value;
-    }
-}
-
+}
+
+class InvariantTextEntity extends IEntity {
+
+    static lookbehind = "INVTEXT"
+    static attributes = {
+        value: {
+            default: "",
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.value;
+    }
+}
+
 class LocalizedTextEntity extends IEntity {
 
     static lookbehind = "NSLOCTEXT"
@@ -1226,27 +1221,27 @@ class LocalizedTextEntity extends IEntity {
     toString() {
         return Utility.capitalFirstLetter(this.value)
     }
-}
-
-class FormatTextEntity extends IEntity {
-
-    static lookbehind = "LOCGEN_FORMAT_NAMED"
-    static attributes = {
-        value: {
-            type: [new UnionType(LocalizedTextEntity, InvariantTextEntity, FormatTextEntity)],
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values);
-        /** @type {String} */ this.value;
-    }
-}
-
+}
+
+class FormatTextEntity extends IEntity {
+
+    static lookbehind = "LOCGEN_FORMAT_NAMED"
+    static attributes = {
+        value: {
+            type: [new UnionType(LocalizedTextEntity, InvariantTextEntity, FormatTextEntity)],
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values);
+        /** @type {String} */ this.value;
+    }
+}
+
 class GuidEntity extends IEntity {
 
     static attributes = {
@@ -1286,8 +1281,8 @@ class GuidEntity extends IEntity {
     toString() {
         return this.value
     }
-}
-
+}
+
 class ObjectReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1317,8 +1312,8 @@ class ObjectReferenceEntity extends IEntity {
     getName() {
         return this.path.match(/[^\.\/]+$/)?.[0] ?? ""
     }
-}
-
+}
+
 class FunctionReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1346,39 +1341,39 @@ class FunctionReferenceEntity extends IEntity {
         /** @type {String} */ this.MemberName;
         /** @type {GuidEntity} */ this.MemberGuid;
     }
-}
-
-class IdentifierEntity extends IEntity {
-
-    static attributes = {
-        value: {
-            default: "",
-        },
-    }
-
-    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: {
+            default: "",
+        },
+    }
+
+    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 = {
@@ -1406,314 +1401,314 @@ class Integer64Entity extends IEntity {
     toString() {
         return this.value.toString()
     }
-}
-
-class KeyBindingEntity extends IEntity {
-
-    static attributes = {
-        ActionName: {
-            default: "",
-        },
-        bShift: {
-            default: false,
-        },
-        bCtrl: {
-            default: false,
-        },
-        bAlt: {
-            default: false,
-        },
-        bCmd: {
-            default: false,
-        },
-        Key: {
-            type: IdentifierEntity,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values = {}) {
-        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: {
-            default: 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 KeyBindingEntity extends IEntity {
+
+    static attributes = {
+        ActionName: {
+            default: "",
+        },
+        bShift: {
+            default: false,
+        },
+        bCtrl: {
+            default: false,
+        },
+        bAlt: {
+            default: false,
+        },
+        bCmd: {
+            default: false,
+        },
+        Key: {
+            type: IdentifierEntity,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values = {}) {
+        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: {
+            default: 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,
+            default: () => 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 MacroGraphReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1743,16 +1738,16 @@ class MacroGraphReferenceEntity extends IEntity {
         const colonIndex = this.MacroGraph.path.search(":");
         return this.MacroGraph.path.substring(colonIndex + 1)
     }
-}
-
+}
+
 class NaturalNumberEntity extends IntegerEntity {
 
     constructor(values = 0) {
         super(values);
         this.value = Math.round(Utility.clamp(this.value, 0));
     }
-}
-
+}
+
 class PathSymbolEntity extends IEntity {
 
     static attributes = {
@@ -1777,8 +1772,8 @@ class PathSymbolEntity extends IEntity {
     toString() {
         return this.value
     }
-}
-
+}
+
 class PinReferenceEntity extends IEntity {
 
     static attributes = {
@@ -1799,147 +1794,147 @@ class PinReferenceEntity extends IEntity {
         /** @type {PathSymbolEntity} */ this.objectName;
         /** @type {GuidEntity} */ this.pinGuid;
     }
-}
-
-class PinTypeEntity extends IEntity {
-
-    static attributes = {
-        TerminalCategory: {
-            default: "",
-            showDefault: false,
-        },
-        TerminalSubCategory: {
-            default: "",
-            showDefault: false,
-        },
-        bTerminalIsConst: {
-            default: false,
-            showDefault: false,
-        },
-        bTerminalIsWeakPointer: {
-            default: false,
-            showDefault: false,
-        },
-        bTerminalIsUObjectWrapper: {
-            default: 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: {
-            default: 0,
-        },
-        P: {
-            default: 0,
-        },
-        Y: {
-            default: 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: {
-            default: 0,
-            expected: true,
-        },
-        Y: {
-            default: 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: {
-            default: 0,
-            expected: true,
-        },
-        Y: {
-            default: 0,
-            expected: true,
-        },
-        Z: {
-            default: 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: {
+            default: "",
+            showDefault: false,
+        },
+        TerminalSubCategory: {
+            default: "",
+            showDefault: false,
+        },
+        bTerminalIsConst: {
+            default: false,
+            showDefault: false,
+        },
+        bTerminalIsWeakPointer: {
+            default: false,
+            showDefault: false,
+        },
+        bTerminalIsUObjectWrapper: {
+            default: 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: {
+            default: 0,
+        },
+        P: {
+            default: 0,
+        },
+        Y: {
+            default: 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: {
+            default: 0,
+            expected: true,
+        },
+        Y: {
+            default: 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: {
+            default: 0,
+            expected: true,
+        },
+        Y: {
+            default: 0,
+            expected: true,
+        },
+        Z: {
+            default: 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
@@ -2228,308 +2223,308 @@ 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" 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 doOnce = y`
-        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1 12V8H9V4L16 10L9 16V12H1Z" fill="white"/>
-            <path d="M6 6H5L4.98752 2.42387L4 2.8642V1.893L5.89305 1H6V6Z" fill="white"/>
-            <rect x="4" y="5" width="3" height="1" fill="white"/>
-        </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" 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 doOnce = y`
+        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 12V8H9V4L16 10L9 16V12H1Z" fill="white"/>
+            <path d="M6 6H5L4.98752 2.42387L4 2.8642V1.893L5.89305 1H6V6Z" fill="white"/>
+            <rect x="4" y="5" width="3" height="1" fill="white"/>
+        </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 = {
@@ -2559,8 +2554,8 @@ class VariableReferenceEntity extends IEntity {
         /** @type {GuidEntity} */ this.GuidEntity;
         /** @type {Boolean} */ this.bSelfContext;
     }
-}
-
+}
+
 class ObjectEntity extends IEntity {
 
     static attributes = {
@@ -2638,7 +2633,6 @@ class ObjectEntity extends IEntity {
         },
         InputKey: {
             type: SymbolEntity,
-            default: null,
             showDefault: false,
         },
         bOverrideFunction: {
@@ -3156,42 +3150,42 @@ 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: {
-            default: "",
-            showDefault: false,
-            ignore: true,
-        },
-    }
-
-    static {
-        this.cleanupAttributes(this.attributes);
-    }
-
-    constructor(values) {
-        super(values, true);
-        /** @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: {
+            default: "",
+            showDefault: false,
+            ignore: true,
+        },
+    }
+
+    static {
+        this.cleanupAttributes(this.attributes);
+    }
+
+    constructor(values) {
+        super(values, true);
+        /** @type {String} */ this.lookbehind;
+    }
+}
+
 /**
  * @typedef {import ("../entity/IEntity").AttributeInformation} AttributeInformation
  * @typedef {import ("../entity/IEntity").EntityConstructor} EntityConstructor
@@ -3301,7 +3295,7 @@ class Grammar {
                 P.regex(/\(\s*/),
                 this.grammarFor(undefined, type[0]).sepBy(this.commaSeparation),
                 P.regex(/\s*(?:,\s*)?\)/),
-            ).map((_0, values, _3) => values);
+            ).map(([_0, values, _3]) => values);
         } else if (type instanceof UnionType) {
             result = type.types
                 .map(v => this.grammarFor(undefined, v))
@@ -3817,124 +3811,124 @@ class Grammar {
             this.linearColorRGBList,
         )
     )
-}
-
-/**
- * @typedef {import("../entity/IEntity").EntityConstructor} EntityConstructor
- * @typedef {import("../entity/IEntity").AnyValue} AnyValue
- * @typedef {import("../entity/IEntity").AnyValueConstructor<*>} AnyValueConstructor
- */
-
-/** @template {AnyValue} T */
-class ISerializer {
-
-    /** @param {AnyValueConstructor} entityType */
-    constructor(
-        entityType,
-        attributePrefix = "",
-        attributeSeparator = ",",
-        trailingSeparator = false,
-        attributeValueConjunctionSign = "=",
-        attributeKeyPrinter = k => k
-    ) {
-        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} value */
-    serialize(value, insideString = false) {
-        return this.write(value, insideString)
-    }
-
-    /**
-     * @protected
-     * @param {String} value
-     * @returns {T}
-     */
-    read(value) {
-        throw new Error("Not implemented")
-    }
-
-    /**
-     * @protected
-     * @param {T} entity
-     * @param {Boolean} insideString
-     * @returns {String}
-     */
-    write(entity, insideString) {
-        let result = "";
-        const attributes = /** @type {EntityConstructor} */(entity.constructor).attributes ?? {};
-        const keys = Utility.mergeArrays(
-            Object.keys(attributes),
-            Object.keys(entity)
-        );
-        for (const key of keys) {
-            const value = entity[key];
-            if (value !== undefined && this.showProperty(entity, key)) {
-                const isSerialized = Utility.isSerialized(entity, key);
-                result += (result.length ? this.attributeSeparator : "")
-                    + this.attributePrefix
-                    + Utility.decodeKeyName(this.attributeKeyPrinter(key))
-                    + this.attributeValueConjunctionSign
-                    + (
-                        isSerialized
-                            ? `"${this.writeValue(entity, key, true)}"`
-                            : this.writeValue(entity, key, insideString)
-                    );
-            }
-        }
-        if (this.trailingSeparator && result.length) {
-            // append separator at the end if asked and there was printed content
-            result += this.attributeSeparator;
-        }
-        return result
-    }
-
-    /**
-     * @protected
-     * @param {String} key
-     * @param {Boolean} insideString
-     */
-    writeValue(entity, key, insideString) {
-        const value = entity[key];
-        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(
-            entity[key],
-            insideString
-        )
-    }
-
-    showProperty(entity, key) {
-        const attributes = /** @type {EntityConstructor} */(this.entityType).attributes;
-        const attribute = attributes[key];
-        const value = entity[key];
-        if (attribute?.constructor === Object) {
-            if (attribute.ignored) {
-                return false
-            }
-            return !Utility.equals(attribute.value, value) || 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 {
+
+    /** @param {AnyValueConstructor} entityType */
+    constructor(
+        entityType,
+        attributePrefix = "",
+        attributeSeparator = ",",
+        trailingSeparator = false,
+        attributeValueConjunctionSign = "=",
+        attributeKeyPrinter = k => k
+    ) {
+        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} value */
+    serialize(value, insideString = false) {
+        return this.write(value, insideString)
+    }
+
+    /**
+     * @protected
+     * @param {String} value
+     * @returns {T}
+     */
+    read(value) {
+        throw new Error("Not implemented")
+    }
+
+    /**
+     * @protected
+     * @param {T} entity
+     * @param {Boolean} insideString
+     * @returns {String}
+     */
+    write(entity, insideString) {
+        let result = "";
+        const attributes = /** @type {EntityConstructor} */(entity.constructor).attributes ?? {};
+        const keys = Utility.mergeArrays(
+            Object.keys(attributes),
+            Object.keys(entity)
+        );
+        for (const key of keys) {
+            const value = entity[key];
+            if (value !== undefined && this.showProperty(entity, key)) {
+                const isSerialized = Utility.isSerialized(entity, key);
+                result += (result.length ? this.attributeSeparator : "")
+                    + this.attributePrefix
+                    + Utility.decodeKeyName(this.attributeKeyPrinter(key))
+                    + this.attributeValueConjunctionSign
+                    + (
+                        isSerialized
+                            ? `"${this.writeValue(entity, key, true)}"`
+                            : this.writeValue(entity, key, insideString)
+                    );
+            }
+        }
+        if (this.trailingSeparator && result.length) {
+            // append separator at the end if asked and there was printed content
+            result += this.attributeSeparator;
+        }
+        return result
+    }
+
+    /**
+     * @protected
+     * @param {String} key
+     * @param {Boolean} insideString
+     */
+    writeValue(entity, key, insideString) {
+        const value = entity[key];
+        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(
+            entity[key],
+            insideString
+        )
+    }
+
+    showProperty(entity, key) {
+        const attributes = /** @type {EntityConstructor} */(this.entityType).attributes;
+        const attribute = attributes[key];
+        const value = entity[key];
+        if (attribute?.constructor === Object) {
+            if (attribute.ignored) {
+                return false
+            }
+            return !Utility.equals(attribute.value, value) || attribute.showDefault
+        }
+        return true
+    }
+}
+
 class ObjectSerializer extends ISerializer {
 
     constructor() {
@@ -3990,8 +3984,8 @@ class ObjectSerializer extends ISerializer {
             + "\nEnd Object\n";
         return result
     }
-}
-
+}
+
 class Copy extends IInput {
 
     static #serializer = new ObjectSerializer()
@@ -4026,187 +4020,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 (typeof v === "string") {
-                const parsed = Grammar.keyBindingEntity.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 (typeof v === "string") {
+                const parsed = Grammar.keyBindingEntity.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 {
 
     /**
@@ -4222,75 +4216,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
@@ -4313,33 +4307,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 {
 
@@ -4356,489 +4350,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() {
@@ -4852,8 +4846,8 @@ class MouseScrollGraph extends IMouseClickDrag {
     endDrag() {
         this.blueprint.scrolling = false;
     }
-}
-
+}
+
 class MouseTracking extends IPointing {
 
     /** @type {IPointing} */
@@ -4916,32 +4910,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 {
@@ -4994,8 +4988,8 @@ class Paste extends IInput {
         this.blueprint.addGraphElement(...nodes);
         return true
     }
-}
-
+}
+
 class Select extends IMouseClickDrag {
 
     constructor(target, blueprint, options = {}) {
@@ -5023,8 +5017,8 @@ class Select extends IMouseClickDrag {
             this.blueprint.unselectAll();
         }
     }
-}
-
+}
+
 class Unfocus extends IInput {
 
     /** @param {MouseEvent} e */
@@ -5054,8 +5048,8 @@ class Unfocus extends IInput {
     unlistenEvents() {
         document.removeEventListener("click", this.#clickHandler);
     }
-}
-
+}
+
 /**
  * @typedef {import("../Blueprint").default} Blueprint
  * @typedef {import("../element/PinElement").default} PinElement
@@ -5282,75 +5276,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
@@ -5386,95 +5380,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
@@ -5659,313 +5653,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
@@ -6025,8 +6019,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 {
@@ -6076,8 +6070,8 @@ class MouseClickDrag extends MouseMoveDraggable {
         super.endDrag();
         this.#onEndDrag?.();
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").default} IEntity
  * @typedef {import("../element/IDraggableElement").default} IDraggableElement
@@ -6135,31 +6129,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
@@ -6195,8 +6189,8 @@ class MouseMoveNodes extends MouseMoveDraggable {
             );
         }
     }
-}
-
+}
+
 /**
  * @typedef {import("../element/NodeElement").default} NodeElement
  * @typedef {import("lit").PropertyValues} PropertyValues
@@ -6227,8 +6221,8 @@ class ISelectableDraggableTemplate extends IDraggablePositionedTemplate {
             this.element.setSelected(true);
         }
     }
-}
-
+}
+
 /**
  * @typedef {import("../../element/NodeElement").default} NodeElement
  * @typedef {import("../../element/PinElement").default} PinElement
@@ -6370,275 +6364,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
@@ -6772,80 +6766,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
@@ -6966,28 +6960,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
@@ -7042,492 +7036,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
@@ -7984,65 +7978,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>} */
@@ -8064,55 +8058,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>} */
@@ -8129,416 +8123,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>} */
@@ -8611,8 +8605,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
@@ -8966,505 +8960,505 @@ class ColorPickerWindowTemplate extends WindowTemplate {
     renderWindowName() {
         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 T
- * @typedef {import("parsimmon").Success<T>} Success
- */
-
-/**
- * @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
-                    ? /** @type {Success<GuidEntity>} */(Grammar.guidEntity.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
-                    ? /** @type {Success<LinearColorEntity>} */(Grammar.linearColorFromAnyFormat.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 T
+ * @typedef {import("parsimmon").Success<T>} Success
+ */
+
+/**
+ * @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
+                    ? /** @type {Success<GuidEntity>} */(Grammar.guidEntity.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
+                    ? /** @type {Success<LinearColorEntity>} */(Grammar.linearColorFromAnyFormat.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 {
 
     /**
@@ -9582,8 +9576,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
@@ -9742,141 +9736,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
@@ -9921,8 +9915,8 @@ class GeneralSerializer extends ISerializer {
         let result = this.wrap(super.write(entity, insideString), entity);
         return result
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
  * @typedef {import("../entity/IEntity").AnyValueConstructor<*>} AnyValueConstructor
@@ -9954,8 +9948,8 @@ class CustomSerializer extends GeneralSerializer {
         let result = this.#objectWriter(entity, insideString);
         return result
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
  * @typedef {import("../entity/IEntity").AnyValueConstructor<*>} AnyValueConstructor
@@ -9981,8 +9975,8 @@ class ToStringSerializer extends GeneralSerializer {
             ? `"${Utility.escapeString(entity.toString())}"` // String will have quotes if not inside a string already
             : Utility.escapeString(entity.toString())
     }
-}
-
+}
+
 /**
  * @typedef {import("../entity/IEntity").AnySimpleValue} AnySimpleValue
  * @typedef {import("../entity/IEntity").AnyValue} AnyValue
@@ -10208,9 +10202,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 5998fe5..a5413db 100644
--- a/dist/ueblueprint.min.js
+++ b/dist/ueblueprint.min.js
@@ -20,7 +20,7 @@ var b;g.finalized=!0,g.elementProperties=new Map,g.elementStyles=[],g.shadowRoot
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var W,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(x(),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===(W=globalThis.litElementHydrateSupport)||void 0===W||W.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 nameRegexSpaceReplacement=new RegExp("^K2(?:[Nn]ode)?_|(?<=[a-z])(?=[A-Z0-9])|(?<=[A-Z])(?=[A-Z][a-z]|[0-9])|(?<=[014-9]|[23](?!D(?:[^a-z]|$)))(?=[a-zA-Z])|\\s*_+\\s*|\\s{2,}","g");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",doOnce:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:DoOnce",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",multiGate:"/Script/BlueprintGraph.K2Node_MultiGate",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{#i;constructor(e){this.#i=e}compute(e){return this.#i(e)}}class se{static#n=new Map;static registerSerializer(e,t){se.#n.set(e,t)}static getSerializer(e){return se.#n.get(e)}}class re{#s;get types(){return this.#s}constructor(...e){this.#s=e}getFirstType(){return this.#s[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?.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=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 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 Array&&(t=t[0]),t instanceof ne)return e;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(te.nameRegexSpaceReplacement," ").split(" ").map((e=>ae.capitalFirstLetter(e))).join(" ").trim()}static encodeKeyName(e){return e.replaceAll(".","$")}static decodeKeyName(e){return e.replaceAll("$",".")}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 lookbehind="";static attributes={};static defaultAttribute={showDefault:!0,nullable:!1,ignored:!1,serialized:!1,expected:!1};constructor(e={},t=!1){const i=this.constructor.attributes;e.constructor!==Object&&1===Object.keys(i).length&&(e={[Object.keys(i)[0]]:e});const n=Object.keys(e),s=Object.keys(i),r=ae.mergeArrays(s,n);for(let s of r){let r=e[s],a=i[s];if(t||(s in i?n.length>0&&!(s in e)&&a.showDefault&&!a.ignored&&console.warn(`UEBlueprint: ${this.constructor.name} will add attribute ${s} not defined in the serialized data`):console.warn(`UEBlueprint: Attribute ${s} in the serialized data is not defined in ${this.constructor.name}.attributes`)),!a){this[s]=r;continue}let o=a.default,l=a.type;l instanceof ne&&(l=l.compute(this)),l instanceof Array&&(l=Array),o instanceof Function&&(o=o(this)),void 0===l&&(l=ae.getType(o));const u=a.predicate?e=>{Object.defineProperties(this,{["#"+s]:{writable:!0,enumerable:!1},[s]:{enumerable:!0,get(){return this["#"+s]},set(e){a.predicate?.(e)?this["#"+s]=e:console.warn(`UEBlueprint: Tried to assign attribute ${s} to ${this.constructor.name} not satisfying the predicate`)}}}),this[s]=e}:e=>this[s]=e;void 0===r?(l instanceof re&&(l=null!=o?l.types.find((e=>o instanceof e||o.constructor==e))??l.getFirstType():l.getFirstType()),void 0===o&&(o=ae.sanitize(new l)),a.showDefault?(a.serialized&&l!==String&&o.constructor===String&&(o=se.getSerializer(l).deserialize(o)),u(ae.sanitize(o,l))):u(void 0)):(r?.constructor===String&&a.serialized&&l!==String&&(r=se.getSerializer(l).deserialize(r)),u(ae.sanitize(r,l)))}}static cleanupAttributes(e,t=""){for(const i in e){e[i].constructor!==Object&&(e[i]={default:e[i]});const n=e[i];if(void 0!==n.type||n.default instanceof Function||(n.type=ae.getType(n.default)),e[i]={...oe.defaultAttribute,...n},void 0===n.default){if(void 0===n.type)throw new Error(`UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${t}`+i);n[i]=ae.sanitize(void 0,n.type)}null===n.default&&(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:{default: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:{default:""}};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 lookbehind="INVTEXT";static attributes={value:{default:""}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}}class pe extends oe{static lookbehind="NSLOCTEXT";static attributes={namespace:{default:""},key:{default:""},value:{default:""}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.namespace,this.key,this.value}toString(){return ae.capitalFirstLetter(this.value)}}class me extends oe{static lookbehind="LOCGEN_FORMAT_NAMED";static attributes={value:{type:[new re(pe,de,me)]}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}}class ge extends oe{static attributes={value:{default:""}};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 ge({value:i})}constructor(e){e||(e=ge.generateGuid().value),super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class be extends oe{static attributes={type:{default:""},path:{default:""}};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 ye extends oe{static attributes={MemberParent:{type:be,showDefault:!1},MemberName:{type:String,showDefault:!1},MemberGuid:{type:ge,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberParent,this.MemberName,this.MemberGuid}}class fe extends oe{static attributes={value:{default:""}};static{this.cleanupAttributes(this.attributes)}static attributeConverter={fromAttribute:(e,t)=>new fe(e),toAttribute:(e,t)=>e.toString()};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ve extends oe{static attributes={...super.attributes,value:{default: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 we extends oe{static attributes={ActionName:{default:""},bShift:{default:!1},bCtrl:{default:!1},bAlt:{default:!1},bCmd:{default:!1},Key:{type:fe}};static{this.cleanupAttributes(this.attributes)}constructor(e={}){super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class Ee extends oe{static attributes={value:{default: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 Ce extends oe{static attributes={R:{type:Ee,expected:!0},G:{type:Ee,expected:!0},B:{type:Ee,expected:!0},A:{type:Ee,value:()=>new Ee(1)},H:{type:Ee,showDefault:!0,ignored:!0},S:{type:Ee,showDefault:!0,ignored:!0},V:{type:Ee,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 Ce({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.#r()}#r(){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.#r()}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*Ce.linearToSRGB(this.R.value)),Math.round(255*Ce.linearToSRGB(this.G.value)),Math.round(255*Ce.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.#r()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=Ce.sRGBtoLinear((e>>8&255)/255),this.G.value=Ce.sRGBtoLinear((e>>16&255)/255),this.R.value=Ce.sRGBtoLinear((e>>24&255)/255),this.#r()}toString(){return ae.printLinearColor(this)}}class Se extends oe{static attributes={MacroGraph:{type:be},GraphBlueprint:{type:be},GraphGuid:{type:ge}};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 xe extends le{constructor(e=0){super(e),this.value=Math.round(ae.clamp(this.value,0))}}class Pe extends oe{static attributes={value:{default:""}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ke extends oe{static attributes={objectName:{type:Pe},pinGuid:{type:ge}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.objectName,this.pinGuid}}class Le extends oe{static attributes={TerminalCategory:{default:"",showDefault:!1},TerminalSubCategory:{default:"",showDefault:!1},bTerminalIsConst:{default:!1,showDefault:!1},bTerminalIsWeakPointer:{default:!1,showDefault:!1},bTerminalIsUObjectWrapper:{default:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.TerminalCategory,this.TerminalSubCategory,this.bTerminalIsConst,this.bTerminalIsWeakPointer,this.bTerminalIsUObjectWrapper}}class Ne extends oe{static attributes={R:{default:0},P:{default:0},Y:{default: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 Te extends Ne{}class Ae extends oe{static attributes={X:{default:0,expected:!0},Y:{default:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y}}class $e extends Ae{}class Me extends oe{static attributes={X:{default:0,expected:!0},Y:{default:0,expected:!0},Z:{default:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y,this.Z}}class De extends Me{}class Be extends oe{static#a={"/Script/CoreUObject.LinearColor":Ce,"/Script/CoreUObject.Rotator":Ne,"/Script/CoreUObject.Vector":Me,"/Script/CoreUObject.Vector2D":Ae,bool:Boolean,byte:ue,enum:he,exec:String,int:le,int64:ve,name:String,real:Number,string:String};static#o={"/Script/CoreUObject.Vector2D":$e,"/Script/CoreUObject.Vector":De,"/Script/CoreUObject.Rotator":Te};static lookbehind="Pin";static attributes={PinId:{type:ge},PinName:{default:""},PinFriendlyName:{type:new re(pe,me,String),showDefault:!1},PinToolTip:{type:String,showDefault:!1},Direction:{type:String,showDefault:!1},PinType$PinCategory:{default:""},PinType$PinSubCategory:{default:""},PinType$PinSubCategoryObject:{type:be},PinType$PinSubCategoryMemberReference:{type:ye,default:null},PinType$PinValueType:{type:Le,default:null},PinType$ContainerType:{type:Pe},PinType$bIsReference:{default:!1},PinType$bIsConst:{default:!1},PinType$bIsWeakPointer:{default:!1},PinType$bIsUObjectWrapper:{default:!1},PinType$bSerializeAsSinglePrecisionFloat:{default:!1},LinkedTo:{type:[ke],showDefault:!1},DefaultValue:{type:new ne((e=>e.getEntityType(!0)??String)),serialized:!0,showDefault:!1},AutogeneratedDefaultValue:{type:String,showDefault:!1},DefaultObject:{type:be,showDefault:!1,default:null},PersistentGuid:{type:ge},bHidden:{default:!1},bNotConnectable:{default:!1},bDefaultValueIsReadOnly:{default:!1},bDefaultValueIsIgnored:{default:!1},bAdvancedView:{default:!1},bOrphanedPin:{default:!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$PinCategory,this.PinType$PinSubCategory,this.PinType$PinSubCategoryObject,this.PinType$PinSubCategoryMemberReference,this.PinType$PinValueType,this.PinType$ContainerType,this.PinType$bIsReference,this.PinType$bIsConst,this.PinType$bIsWeakPointer,this.PinType$bIsUObjectWrapper,this.PinType$bIsUObjectWrapper,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.#a[t],n=Be.#o[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 ke({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 He{static array=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<svg viewBox="0 0 16 16" 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 doOnce=B`<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1 12V8H9V4L16 10L9 16V12H1Z" fill="white"/><path d="M6 6H5L4.98752 2.42387L4 2.8642V1.893L5.89305 1H6V6Z" fill="white"/><rect x="4" y="5" width="3" height="1" fill="white"/></svg>`;static enum=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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 ze extends oe{static attributes={MemberScope:{default:"",showDefault:!1},MemberName:{default:""},MemberGuid:{type:ge},bSelfContext:{default:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberName,this.GuidEntity,this.bSelfContext}}class Oe extends oe{static attributes={Class:{type:be},Name:{default:""},AxisKey:{type:ce,showDefault:!1},InputAxisKey:{type:ce,showDefault:!1},bIsPureFunc:{default:!1,showDefault:!1},bIsConstFunc:{default:!1,showDefault:!1},VariableReference:{type:ze,default:null,showDefault:!1},SelfContextInfo:{type:ce,default:null,showDefault:!1},DelegatePropertyName:{type:String,showDefault:!1},DelegateOwnerClass:{type:be,showDefault:!1},ComponentPropertyName:{type:String,showDefault:!1},EventReference:{type:ye,default:null,showDefault:!1},FunctionReference:{type:ye,default:null,showDefault:!1},CustomFunctionName:{type:String,showDefault:!1},TargetType:{type:be,default:null,showDefault:!1},MacroGraphReference:{type:Se,default:null,showDefault:!1},Enum:{type:be,showDefault:!1},InputKey:{type:ce,default:null,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:Ce,showDefault:!1},bCommentBubbleVisible_InDetailsPanel:{type:Boolean,showDefault:!1},bColorCommentBubble:{type:Boolean,default:!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:fe,default:null,showDefault:!1},EnabledState:{type:fe,default:null,showDefault:!1},NodeGuid:{type:ge},ErrorType:{type:le,showDefault:!1},ErrorMsg:{type:String,default:"",showDefault:!1},CustomProperties:{type:[Be]}};static nameRegex=/^(\w+?)(?:_(\d+))?$/;static sequencerScriptingNameRegex=/\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/;static#l={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=Oe.#l[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 this.MacroGraphReference?.MacroGraph?.path?this.MacroGraphReference.MacroGraph.path:e}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(Oe.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(".")))}getHIDAttribute(){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.getHIDAttribute();if(e){const t=e.toString();let i=Oe.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(Oe.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:case te.nodeType.multiGate: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 He.event;case te.nodeType.doN:return He.doN;case te.nodeType.doOnce:return He.doOnce;case te.nodeType.dynamicCast:return He.cast;case te.nodeType.enumLiteral:return He.enum;case te.nodeType.event:return He.event;case te.nodeType.executionSequence:case te.nodeType.multiGate:return He.sequence;case te.nodeType.forEachElementInEnum:case te.nodeType.forLoop:case te.nodeType.forLoopWithBreak:case te.nodeType.whileLoop:return He.loop;case te.nodeType.forEachLoop:case te.nodeType.forEachLoopWithBreak:return He.forEachLoop;case te.nodeType.ifThenElse:return He.branchNode;case te.nodeType.isValid:return He.questionMark;case te.nodeType.makeArray:return He.makeArray;case te.nodeType.makeMap:return He.makeMap;case te.nodeType.makeSet:return He.makeSet;case te.nodeType.select:return He.select}if(this.nodeDisplayName().startsWith("Break"))return He.breakStruct;if(this.getClass()===te.nodeType.macro)return He.macro;const e=this.getHIDAttribute()?.toString();return e?e.includes("Mouse")?He.mouse:e.includes("Gamepad_Special")?He.keyboard:e.includes("Gamepad")||e.includes("Steam")?He.gamepad:e.includes("Touch")?He.touchpad:He.keyboard:this.getDelegatePin()?He.event:He.functionSymbol}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Ve(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Re={exports:{}};"undefined"!=typeof self&&self;var Ie=Ve(Re.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 y(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 v(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 v(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 x={};function P(e,t){if(w(e))return{offset:t,line:-1,column:-1};e in x||(x[e]={});for(var i=x[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 $=2,M=3,D=8,B=5*D,H=4*D,z="  ";function O(e,t){return new Array(t+1).join(e)}function V(e,t,i){var n=t-e.length;return n<=0?e:O(i,n)+e}function R(e,t,i,n){return{from:e-t>0?e-t:0,to:e+i>n?n:e+i}}function I(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=R(d,B,H+D,e.length),g=o((function(e){return o((function(e){return V(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=R(n,$,M,b.length),s=b.slice(r.from,r.to),l=r.to.toString().length}var y=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===y,u=o?"> ":z;return a=w(e)?V((8*(r.from+s)).toString(16),l,"0"):V((r.from+s+1).toString(),l," "),[].concat(t,[u+a+" | "+n],o?[z+O(" ",l)+" | "+V("",i," ")+O("^",h)]:[])}),[],s).join("\n")}function _(e,t){return["\n","-- PARSING FAILED "+O("-",50),"\n\n",I(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 W("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 Z(e,t).or(Y([]))}function Z(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 q(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 W(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(q(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 W("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:P(e,i.furthest),expected:i.expected},delete x[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):W(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(!v(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 Z(this,e)},s.lookahead=function(e){return this.skip(J(e))},s.notFollowedBy=function(e){return this.skip(Q(e))},s.desc=function(e){v(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,P(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=q(/[0-9]/).desc("a digit"),le=q(/[0-9]*/).desc("optional digits"),ue=q(/[a-z]/i).desc("a letter"),ce=q(/[a-z]*/i).desc("optional letters"),he=q(/\s*/).desc("optional whitespace"),de=q(/\s+/).desc("whitespace"),pe=X("\r"),me=X("\n"),ge=X("\r\n"),be=U(ge,me,pe).desc("newline"),ye=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=ye,n.eof=ae,n.fail=W,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=q,n.regexp=q,n.sepBy=K,n.sepBy1=Z,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(v(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(v(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(v(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:y,int8LE:y(1),int16LE:y(2),int32LE:y(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 _e extends oe{static attributes={lookbehind:{default:"",showDefault:!1,ignore:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e,!0),this.lookbehind}}let Fe=Ie;class Ge{static separatedBy=(e,t,i=1)=>new RegExp(e+"(?:"+t+e+")"+(1===i?"*":2===i?"+":`{${i},}`));static Regex=class{static ByteInteger=/0*(?:25[0-5]|2[0-4]\d|1?\d?\d)(?!\d|\.)/;static HexDigit=/[0-9a-fA-F]/;static InlineOptWhitespace=/[^\S\n]*/;static InlineWhitespace=/[^\S\n]+/;static InsideString=/(?:[^"\\]|\\.)*/;static Integer=/[\-\+]?\d+(?!\d|\.)/;static MultilineWhitespace=/\s*\n\s*/;static Number=/[-\+]?\d+(?:\.\d+)?(?!\d|\.)/;static RealUnit=/\+?(?:0(?:\.\d+)?|1(?:\.0+)?)(?![\.\d])/;static Word=Ge.separatedBy("[a-zA-Z]","_");static Symbol=/[a-zA-Z_]\w*/;static DotSeparatedSymbols=Ge.separatedBy(this.Symbol.source,"\\.");static PathFragment=Ge.separatedBy(this.Symbol.source,"[\\.:]");static PathSpaceFragment=Ge.separatedBy(this.Symbol.source,"[\\.:\\ ]");static Path=new RegExp(`(?:\\/${this.PathFragment.source}){2,}`);static PathOptSpace=new RegExp(`(?:\\/${this.PathSpaceFragment.source}){2,}`)};static null=Fe.lazy((()=>Fe.regex(/\(\s*\)/).map((()=>null))));static true=Fe.lazy((()=>Fe.regex(/true/i).map((()=>!0))));static false=Fe.lazy((()=>Fe.regex(/false/i).map((()=>!1))));static boolean=Fe.lazy((()=>Ge.regexMap(/(true)|false/i,(e=>!!e[1]))));static number=Fe.lazy((()=>Fe.regex(Ge.Regex.Number).map(Number)));static integer=Fe.lazy((()=>Fe.regex(Ge.Regex.Integer).map(Number)));static bigInt=Fe.lazy((()=>Fe.regex(Ge.Regex.Integer).map(BigInt)));static realUnit=Fe.lazy((()=>Fe.regex(Ge.Regex.RealUnit).map(Number)));static naturalNumber=Fe.lazy((()=>Fe.regex(/\d+/).map(Number)));static byteNumber=Fe.lazy((()=>Fe.regex(Ge.Regex.ByteInteger).map(Number)));static string=Fe.lazy((()=>Ge.regexMap(new RegExp(`"(${Ge.Regex.InsideString.source})"`),(([e,t])=>t)).map((e=>ae.unescapeString(e)))));static colorValue=this.byteNumber;static word=Fe.regex(Ge.Regex.Word);static path=Ge.regexMap(new RegExp(`(${Ge.Regex.Path.source})|"(${Ge.Regex.PathOptSpace.source})"|'"(${Ge.Regex.PathOptSpace.source})"'`),(([e,t,i,n])=>t??i??n));static symbol=Fe.regex(Ge.Regex.Symbol);static attributeName=Fe.regex(Ge.Regex.DotSeparatedSymbols);static guid=Fe.regex(new RegExp(`${Ge.Regex.HexDigit.source}{32}`));static commaSeparation=Fe.regex(/\s*,\s*(?!\))/);static equalSeparation=Fe.regex(/\s*=\s*/);static typeReference=Fe.alt(Fe.regex(Ge.Regex.Path),this.symbol);static hexColorChannel=Fe.regex(new RegExp(Ge.Regex.HexDigit.source+"{2}"));static regexMap(e,t){const i=RegExp("^(?:"+e.source+")",e.flags),n=""+e;return Fe(((e,s)=>{const r=i.exec(e.slice(s));return r?Fe.makeSuccess(s+r[0].length,t(r)):Fe.makeFailure(s,n)}))}static grammarFor(e,t=(e?.constructor===Object?e.type:e?.constructor),i=this.unknownValue){let n=i;if(t instanceof Array)n=Fe.seq(Fe.regex(/\(\s*/),this.grammarFor(void 0,t[0]).sepBy(this.commaSeparation),Fe.regex(/\s*(?:,\s*)?\)/)).map(((e,t,i)=>t));else if(t instanceof re)n=t.types.map((e=>this.grammarFor(void 0,e))).reduce(((e,t)=>t&&t!==this.unknownValue&&e!==this.unknownValue?Fe.alt(e,t):this.unknownValue));else if(e?.constructor===Object)n=this.grammarFor(void 0,t);else switch(t){case BigInt:n=this.bigInt;break;case Boolean:n=this.boolean;break;case ue:n=this.byteEntity;break;case he:n=this.enumEntity;break;case me:n=this.formatTextEntity;break;case ye:n=this.functionReferenceEntity;break;case ge:n=this.guidEntity;break;case fe:n=this.identifierEntity;break;case ve:n=this.integer64Entity;break;case le:n=this.integerEntity;break;case de:n=this.invariantTextEntity;break;case we:n=this.keyBindingEntity;break;case Ce:n=this.linearColorEntity;break;case pe:n=this.localizedTextEntity;break;case Se:n=this.macroGraphReferenceEntity;break;case Number:n=this.number;break;case be:n=this.objectReferenceEntity;break;case Pe:n=this.pathSymbolEntity;break;case Be:n=this.pinEntity;break;case ke:n=this.pinReferenceEntity;break;case Le:n=this.pinTypeEntity;break;case Ee:n=this.realUnitEntity;break;case Ne:n=this.rotatorEntity;break;case Te:n=this.simpleSerializationRotatorEntity;break;case $e:n=this.simpleSerializationVector2DEntity;break;case De:n=this.simpleSerializationVectorEntity;break;case String:n=this.string;break;case ce:n=this.symbolEntity;break;case ze:n=this.variableReferenceEntity;break;case Ae:n=this.vector2DEntity;break;case Me:n=this.vectorEntity}return e?.constructor===Object&&(e.serialized&&t.constructor!==String&&(n=n==this.unknownValue?this.string:Fe.seq(Fe.string('"'),n,Fe.string('"'))),e.nullable&&(n=Fe.alt(n,this.null))),n}static createAttributeGrammar(e,t=this.equalSeparation){return Fe.seq(this.attributeName,t).chain((([t,i])=>(t=ae.encodeKeyName(t),this.grammarFor(e.attributes[t],void 0).map((e=>i=>i[t]=e)))))}static createEntityGrammar=(e,t=!0)=>Fe.seq(e.lookbehind.length?Fe.regex(new RegExp(`${e.lookbehind}\\s*\\(\\s*`)):Fe.regex(/\(\s*/),this.createAttributeGrammar(e).sepBy1(this.commaSeparation),Fe.regex(/\s*(?:,\s*)?\)/)).map((([e,t,i])=>{let n={};return t.forEach((e=>e(n))),n})).chain((i=>{let n,s=Object.keys(i);if(Object.keys(e.attributes).filter((t=>e.attributes[t].expected)).find((e=>!s.includes(e)&&(n=e))))return Fe.fail("Missing key "+n);const r=Object.keys(i).filter((t=>!(t in e.attributes))).length;return!t&&r>0?Fe.fail("Too many unknown keys"):Fe.succeed(new e(i))}));static byteEntity=Fe.lazy((()=>this.byteNumber.map((e=>new ue(e)))));static enumEntity=Fe.lazy((()=>this.symbol.map((e=>new he(e)))));static formatTextEntity=Fe.lazy((()=>Fe.seq(Fe.regex(new RegExp(`${me.lookbehind}\\s*`)),this.grammarFor(me.attributes.value))));static functionReferenceEntity=Fe.lazy((()=>this.createEntityGrammar(ye)));static guidEntity=Fe.lazy((()=>this.guid.map((e=>new ge(e)))));static identifierEntity=Fe.lazy((()=>this.symbol.map((e=>new fe(e)))));static integer64Entity=Fe.lazy((()=>this.bigInt.map((e=>new ve(e)))));static integerEntity=Fe.lazy((()=>this.integer.map((e=>new le(e)))));static invariantTextEntity=Fe.lazy((()=>Fe.seq(Fe.regex(new RegExp(`${de.lookbehind}\\s*`)),this.grammarFor(de.attributes.value))));static keyBindingEntity=Fe.lazy((()=>Fe.alt(this.identifierEntity.map((e=>new we({Key:e}))),this.createEntityGrammar(we))));static linearColorEntity=Fe.lazy((()=>this.createEntityGrammar(Ce,!1)));static localizedTextEntity=Fe.lazy((()=>Ge.regexMap(new RegExp(String.raw`${pe.lookbehind}\s*\(`+String.raw`\s*"(${Ge.Regex.InsideString.source})"\s*,`+String.raw`\s*"(${Ge.Regex.InsideString.source})"\s*,`+String.raw`\s*"(${Ge.Regex.InsideString.source})"\s*`+String.raw`(?:,\s+)?`+String.raw`\)`),(e=>new pe({namespace:e[1],key:e[2],value:e[3]})))));static macroGraphReferenceEntity=Fe.lazy((()=>this.createEntityGrammar(Se)));static naturalNumberEntity=Fe.lazy((()=>this.naturalNumber.map((e=>new xe(e)))));static noneReferenceEntity=Fe.lazy((()=>Fe.string("None").map((()=>new be({type:"None",path:""})))));static typeReferenceEntity=Fe.lazy((()=>this.typeReference.map((e=>new be({type:e,path:""})))));static pathReferenceEntity=Fe.lazy((()=>this.path.map((e=>new be({type:"",path:e})))));static fullReferenceEntity=Fe.lazy((()=>Fe.seq(this.typeReference,Fe.optWhitespace,this.path).map((([e,t,i])=>new be({type:e,path:i})))));static objectReferenceEntity=Fe.lazy((()=>Fe.alt(this.noneReferenceEntity,this.fullReferenceEntity,this.pathReferenceEntity,this.typeReferenceEntity)));static pathSymbolEntity=Fe.lazy((()=>this.symbol.map((e=>new Pe(e)))));static pinEntity=Fe.lazy((()=>this.createEntityGrammar(Be)));static pinReferenceEntity=Fe.lazy((()=>Fe.seq(this.pathSymbolEntity,Fe.whitespace,this.guidEntity).map((([e,t,i])=>new ke({objectName:e,pinGuid:i})))));static pinTypeEntity=Fe.lazy((()=>this.createEntityGrammar(Le)));static realUnitEntity=Fe.lazy((()=>this.realUnit.map((e=>new Ee(e)))));static rotatorEntity=Fe.lazy((()=>this.createEntityGrammar(Ne,!1)));static simpleSerializationRotatorEntity=Fe.lazy((()=>Fe.seq(this.number,this.commaSeparation,this.number,this.commaSeparation,this.number).map((([e,t,i,n,s])=>new Te({R:s,P:e,Y:i})))));static simpleSerializationVector2DEntity=Fe.lazy((()=>Fe.seq(this.number,this.commaSeparation,this.number).map((([e,t,i])=>new $e({X:e,Y:i})))));static simpleSerializationVectorEntity=Fe.lazy((()=>Fe.seq(this.number,this.commaSeparation,this.number,this.commaSeparation,this.number).map((([e,t,i,n,s])=>new De({X:e,Y:i,Z:s})))));static symbolEntity=Fe.lazy((()=>this.symbol.map((e=>new ce(e)))));static variableReferenceEntity=Fe.lazy((()=>this.createEntityGrammar(ze)));static vector2DEntity=Fe.lazy((()=>this.createEntityGrammar(Ae,!1)));static vectorEntity=Fe.lazy((()=>this.createEntityGrammar(Me,!1)));static unknownKeysEntity=Fe.lazy((()=>Fe.seq(this.regexMap(new RegExp(`(${this.Regex.Symbol.source}\\s*)?\\(\\s*`),(e=>e[1]??"")),this.attributeName.skip(this.equalSeparation).chain((e=>this.unknownValue.map((t=>i=>i[e]=t)))).sepBy1(this.commaSeparation),Fe.regex(/\s*(?:,\s*)?\)/)).map((([e,t,i])=>{let n={};return t.forEach((e=>e(n))),e.length&&(n.lookbehind=e),new _e(n)}))));static unknownValue=Fe.lazy((()=>Fe.alt(this.boolean,this.guidEntity,this.noneReferenceEntity,this.null,this.number,this.string,this.localizedTextEntity,this.invariantTextEntity,this.pinReferenceEntity,this.vectorEntity,this.linearColorEntity,this.vector2DEntity,this.objectReferenceEntity,this.unknownKeysEntity,this.symbol)));static customProperty=Fe.lazy((()=>Fe.seq(Fe.regex(/CustomProperties\s+/),this.pinEntity).map((([e,t])=>e=>{e.CustomProperties||(e.CustomProperties=[]),e.CustomProperties.push(t)}))));static objectEntity=Fe.lazy((()=>Fe.seq(Fe.regex(/Begin\s+Object/),Fe.seq(Fe.whitespace,Fe.alt(this.customProperty,this.createAttributeGrammar(Oe))).map((([e,t])=>t)).many(),Fe.regex(/\s+End\s+Object/)).map((([e,t,i])=>{let n={};return t.forEach((e=>e(n))),new Oe(n)}))));static multipleObject=Fe.lazy((()=>Fe.seq(Fe.optWhitespace,this.objectEntity,Fe.seq(Fe.whitespace,this.objectEntity).map((([e,t])=>t)).many(),Fe.optWhitespace).map((([e,t,i,n])=>[t,...i]))));static linearColorFromHex=Fe.lazy((()=>Ge.regexMap(new RegExp(`#(${Ge.Regex.HexDigit.source}{2})(${Ge.Regex.HexDigit.source}{2})(${Ge.Regex.HexDigit.source}{2})(${this.Regex.HexDigit.source}{2})?`),(e=>[e[1],e[2],e[3],e[4]??"FF"])).map((([e,t,i,n])=>new Ce({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(i,16)/255,A:parseInt(n,16)/255})))));static linearColorRGBList=Fe.lazy((()=>Fe.seq(this.byteNumber,this.commaSeparation,this.byteNumber,this.commaSeparation,this.byteNumber).map((([e,t,i,n,s])=>new Ce({R:e/255,G:i/255,B:s/255,A:1})))));static linearColorRGBAList=Fe.lazy((()=>Fe.seq(this.byteNumber,this.commaSeparation,this.byteNumber,this.commaSeparation,this.byteNumber,this.commaSeparation,this.byteNumber).map((([e,t,i,n,s,r,a])=>new Ce({R:e/255,G:i/255,B:s/255,A:a})))));static linearColorRGB=Fe.lazy((()=>Fe.seq(Fe.regex(/rgb\s*\(\s*/),this.linearColorRGBList,Fe.regex(/\s*\)/)).map((([e,t,i])=>t))));static linearColorRGBA=Fe.lazy((()=>Fe.seq(Fe.regex(/rgba\s*\(\s*/),this.linearColorRGBAList,Fe.regex(/\s*\)/)).map((([e,t,i])=>t))));static linearColorFromAnyFormat=Fe.lazy((()=>Fe.alt(this.linearColorFromHex,this.linearColorRGBA,this.linearColorRGB,this.linearColorRGBList)))}class je{constructor(e,t="",i=",",n=!1,s="=",r=(e=>e)){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){return this.write(e,t)}read(e){throw new Error("Not implemented")}write(e,t){let i="";const n=e.constructor.attributes??{},s=ae.mergeArrays(Object.keys(n),Object.keys(e));for(const n of s){if(void 0!==e[n]&&this.showProperty(e,n)){const s=ae.isSerialized(e,n);i+=(i.length?this.attributeSeparator:"")+this.attributePrefix+ae.decodeKeyName(this.attributeKeyPrinter(n))+this.attributeValueConjunctionSign+(s?`"${this.writeValue(e,n,!0)}"`:this.writeValue(e,n,t))}}return this.trailingSeparator&&i.length&&(i+=this.attributeSeparator),i}writeValue(e,t,i){const n=e[t],s=ae.getType(n),r=se.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(e[t],i)}showProperty(e,t){const i=this.entityType.attributes[t],n=e[t];return i?.constructor!==Object||!i.ignored&&(!ae.equals(i.value,n)||i.showDefault)}}class Ue extends je{constructor(){super(Oe,"   ","\n",!1)}showProperty(e,t){switch(t){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t)}read(e){const t=Ge.objectEntity.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Ge.multipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t){return`Begin Object Class=${e.Class.path} Name=${this.writeValue(e,"Name",t)}\n`+super.write(e,t)+e.CustomProperties.map((e=>this.attributeSeparator+this.attributePrefix+"CustomProperties "+se.getSerializer(Be).serialize(e))).join("")+"\nEnd Object\n"}}class Ke extends ie{static#u=new Ue;#c;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#c=e=>n.copied()}listenEvents(){window.addEventListener("copy",this.#c)}unlistenEvents(){window.removeEventListener("copy",this.#c)}getSerializedText(){return this.blueprint.getNodes(!0).map((e=>Ke.#u.serialize(e.entity,!1))).join("")}copied(){const e=this.getSerializedText();navigator.clipboard.writeText(e)}}class Ze{element;get blueprint(){return this.element.blueprint}#h=[];get inputObjects(){return this.#h}initialize(e){this.element=e}createInputObjects(){return[]}getInputObject(e){return this.inputObjects.find((t=>t.constructor==e))}setup(){this.#h.forEach((e=>e.setup()))}cleanup(){this.#h.forEach((e=>e.cleanup()))}willUpdate(e){}update(e){}render(){return B``}firstUpdated(e){}updated(e){}inputSetup(){this.#h=this.createInputObjects()}}class Xe extends ie{#d;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 we)return e;if("string"==typeof e){const t=Ge.keyBindingEntity.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,i),this.#d=this.options.activationKeys??[];let n=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||n.#d.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.#d.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 qe extends Xe{constructor(e,t,i={}){i.activationKeys=te.deleteNodesKeyboardKey,super(e,t,i)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Ye 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 We extends Ye{#p=e=>{e.preventDefault();const t=this.locationFromEvent(e);this.wheel(Math.sign(e.deltaY*te.mouseWheelFactor),t)};#m=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.#p,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#m)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#p,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#m)}wheel(e,t){}}class Je extends We{#g=!1;get enableZoonIn(){return this.#g}set enableZoonIn(e){e!=this.#g&&(this.#g=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 Xe{#b;constructor(e,t,i={}){i.activationKeys=te.enableZoomIn,super(e,t,i)}fire(){this.#b=this.blueprint.getInputObject(Je),this.#b.enableZoonIn=!0}unfire(){this.#b.enableZoonIn=!1}}class et extends Xe{constructor(e,t,i={}){i.activationKeys=te.selectAllKeyboardKey,super(e,t,i)}fire(){this.blueprint.selectAll()}}class tt extends Q{#y=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#f;get entity(){return this.#f}set entity(e){this.#f=e}#v;get template(){return this.#v}isInitialized=!1;isSetup=!1;inputObjects=[];initialize(e,t){this.requestUpdate(),this.#f=e,this.#v=t,this.#v.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.#y)t(e);this.#y=[]}addNextUpdatedCallbacks(e,t=!1){this.#y.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 it extends tt{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 nt extends Ye{#w=e=>{if(this.blueprint.setFocused(!0),e.button===this.options.clickButton)this.options.strictTarget&&e.target!=e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#E.addEventListener("mousemove",this.#C),document.addEventListener("mouseup",this.#S),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.target instanceof it&&(this.clickedOffset=[this.clickedPosition[0]-this.target.locationX,this.clickedPosition[1]-this.target.locationY]),this.clicked(this.clickedPosition));else this.options.exitAnyButton||this.#S(e)};#C=e=>{this.options.consumeEvent&&e.stopImmediatePropagation(),this.#E.removeEventListener("mousemove",this.#C),this.#E.addEventListener("mousemove",this.#x);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};#x=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)}};#S=e=>{if(!this.options.exitAnyButton||e.button==this.options.clickButton){if(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#E.removeEventListener("mousemove",this.#C),this.#E.removeEventListener("mousemove",this.#x),document.removeEventListener("mouseup",this.#S),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;#E;#k;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.#E=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#k=this.options.draggableElement,this.listenEvents()}listenEvents(){super.listenEvents(),this.#k.addEventListener("mousedown",this.#w),2==this.options.clickButton&&this.#k.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){super.unlistenEvents(),this.#k.removeEventListener("mousedown",this.#w)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class st extends nt{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta(-t[0],-t[1])}endDrag(){this.blueprint.scrolling=!1}}class rt extends Ye{#L=null;#N=e=>{e.preventDefault(),this.blueprint.mousePosition=this.locationFromEvent(e)};#T=e=>{this.#L||(e.preventDefault(),this.#L=e.detail.tracker,this.unlistenMouseMove())};#A=e=>{this.#L==e.detail.tracker&&(e.preventDefault(),this.#L=null,this.listenMouseMove())};constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i)}listenMouseMove(){this.target.addEventListener("mousemove",this.#N)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#N)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(te.trackingMouseEventName.begin,this.#T),this.blueprint.addEventListener(te.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(te.trackingMouseEventName.begin,this.#T),this.blueprint.removeEventListener(te.trackingMouseEventName.end,this.#A)}}class at{static#$=new Map;static registerElement(e,t){at.#$.set(e,t)}static getConstructor(e){return at.#$.get(e)}}class ot extends ie{static#u=new Ue;#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=ot.#u.readMultiple(e).map((e=>{let s=at.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 lt extends nt{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 ut 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 ct extends Ze{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(ct.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 Ke(this.element.getGridDOMElement(),this.element),new ot(this.element.getGridDOMElement(),this.element),new qe(this.element.getGridDOMElement(),this.element),new et(this.element.getGridDOMElement(),this.element),new Je(this.element.getGridDOMElement(),this.element),new lt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new st(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new ut(this.element.getGridDOMElement(),this.element),new rt(this.element.getGridDOMElement(),this.element),new Qe(this.element.getGridDOMElement(),this.element)]}render(){return B`<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(Ke)}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 ht extends tt{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 dt extends Ze{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 pt extends Oe{constructor(e={},t){super(e,!0),this.Class=new be("/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 mt extends Ye{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))};#z;get onDbClick(){return this.#z}set onDbClick(e){this.#z=e}clickedPosition=[0,0];constructor(e,t,i={},n=mt.ignoreDbClick){i.consumeEvent??=!0,i.strictTarget??=!1,super(e,t,i),this.#z=n,this.listenEvents()}listenEvents(){this.target.addEventListener("dblclick",this.#H)}unlistenEvents(){this.target.removeEventListener("dblclick",this.#H)}dbclicked(e){this.onDbClick(e)}}class gt extends dt{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=gt.decreasingValue(-.15,[100,15]);static c2DecreasingValue=gt.decreasingValue(-.05,[500,130]);static c2Clamped=gt.clampedLine([0,80],[200,40]);#O=`ueb-id-${Math.floor(1e12*Math.random())}`;#V=e=>{const t=new pt({},this.element.sourcePin.entity),i=at.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=at.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 mt(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?gt.c1DecreasingValue(r):10)*a,u=s/Math.max(30,n),c=gt.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 B`<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?B`<div class="ueb-link-message">${this.element.linkMessageIcon!==z?B`<span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>`:z} ${this.element.linkMessageText!==z?B`<span class="ueb-link-message-text">${this.element.linkMessageText}</span>`:z}</div>`:z}`}}class bt extends ht{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}};#R;get sourcePin(){return this.#R}set sourcePin(e){this.#I(e,!1)}#_;get destinationPin(){return this.#_}set destinationPin(e){this.#I(e,!0)}#F=()=>this.remove();#G=e=>this.addSourceLocation(...e.detail.value);#j=e=>this.addDestinationLocation(...e.detail.value);#U=e=>this.setSourceLocation();#K=e=>this.setDestinationLocation();linkMessageIcon=z;linkMessageText=z;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 bt;return i.initialize(e,t),i}initialize(e,t){super.initialize({},new gt),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.#F),e.removeEventListener(te.nodeDragEventName,t?this.#j:this.#G),e.removeEventListener(te.nodeReflowEventName,t?this.#K:this.#U),this.#Z()}if(t?this.#_=e:this.#R=e,i()){const e=i().getNodeElement();e.addEventListener(te.removeEventName,this.#F),e.addEventListener(te.nodeDragEventName,t?this.#j:this.#G),e.addEventListener(te.nodeReflowEventName,t?this.#K:this.#U),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#X()}}}#X(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#Z(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin,!1),this.destinationPin.unlinkFrom(this.sourcePin,!1))}cleanup(){super.cleanup(),this.#Z(),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=z,this.linkMessageText=z}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon=He.correct,this.linkMessageText=z}setMessageReplace(){this.linkMessageIcon=He.correct,this.linkMessageText=z}setMessageDirectionsIncompatible(){this.linkMessageIcon=He.reject,this.linkMessageText=B`Directions are not compatbile.`}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText=B`Place a new node.`}setMessageReplaceLink(){this.linkMessageIcon=He.correct,this.linkMessageText=B`Replace existing input connections.`}setMessageReplaceOutputLink(){this.linkMessageIcon=He.correct,this.linkMessageText=B`Replace existing output connections.`}setMessageSameNode(){this.linkMessageIcon=He.reject,this.linkMessageText=B`Both are on the same node.`}setMEssagetypesIncompatible(){this.linkMessageIcon=He.reject,this.linkMessageText=B`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}class yt extends nt{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 ft extends yt{#q;#Y;#W;#J;constructor(e,t,i={}){super(e,t,i),i.onClicked&&(this.#q=i.onClicked),i.onStartDrag&&(this.#Y=i.onStartDrag),i.onDrag&&(this.#W=i.onDrag),i.onEndDrag&&(this.#J=i.onEndDrag)}clicked(e){super.clicked(e),this.#q?.()}startDrag(){super.startDrag(),this.#Y?.()}dragAction(e,t){this.#W?.(e,t)}endDrag(){super.endDrag(),this.#J?.()}}class vt extends Ze{getDraggableElement(){return this.element}createDraggableObject(){return new yt(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 wt 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 Et extends yt{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 Ct extends wt{getDraggableElement(){return this.element}createDraggableObject(){return new Et(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 St extends Ct{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 B`<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()?B`<div class="ueb-node-developmentonly"><span class="ueb-node-developmentonly-text">Development Only</span></div>`:z} ${this.element.advancedPinDisplay?B`<div class="ueb-node-expansion" @click="${this.toggleAdvancedDisplayHandler}">${He.expandIcon}</div>`:z}</div></div>`}renderNodeIcon(){return this.element.entity.nodeIcon()}renderNodeName(){return this.element.getNodeDisplayName()}renderTop(){const e=this.renderNodeIcon(),t=this.renderNodeName();return B`<div class="ueb-node-name">${e?B`<div class="ueb-node-name-symbol">${e}</div>`:z} ${t?B`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.getTargetType().length>0?B`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Target is ${ae.formatStringName(this.getTargetType())}</div>`:z}</div>`:z}</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(),at.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 xt extends St{#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");#ae=document.createElement("div");initialize(e){super.initialize(e),this.element.classList.add("ueb-resizeable"),this.#Q.classList.add("ueb-resizeable-top"),this.#ee.classList.add("ueb-resizeable-right"),this.#te.classList.add("ueb-resizeable-bottom"),this.#ie.classList.add("ueb-resizeable-left"),this.#ne.classList.add("ueb-resizeable-top-right"),this.#se.classList.add("ueb-resizeable-bottom-right"),this.#re.classList.add("ueb-resizeable-bottom-left"),this.#ae.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.#Q,this.#ee,this.#te,this.#ie,this.#ne,this.#se,this.#re,this.#ae)}createInputObjects(){return[...super.createInputObjects(),new ft(this.#Q,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 ft(this.#ee,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),this.setSizeX(this.element.sizeX+t[0])},onEndDrag:()=>this.endResize()}),new ft(this.#te,this.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.bottomBoundary(),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new ft(this.#ie,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 ft(this.#ne,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 ft(this.#se,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 ft(this.#re,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 ft(this.#ae,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 Pt extends xt{#oe=Ce.getWhite();#le=0;initialize(e){e.entity.CommentColor&&(this.#oe.setFromRGBANumber(e.entity.CommentColor.toNumber()),this.#oe.setFromHSVA(this.#oe.H.value,this.#oe.S.value,.67*Math.pow(this.#oe.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.#oe.R.value)}${Math.round(255*this.#oe.G.value)}${Math.round(255*this.#oe.B.value)}`}getDraggableElement(){return this.element.querySelector(".ueb-node-top")}render(){return B`<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.#le=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.#le:super.bottomBoundary()}leftBoundary(e=!1){return this.element.locationX}}class kt extends nt{#ue;#ce=null;#he=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)}};#de=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.#ce=this.target),this.link=at.getConstructor("ueb-link").newObject(this.target,null),this.blueprint.template.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#ue=this.blueprint.querySelectorAll("ueb-pin"),this.#ue.forEach((e=>{e!=this.target&&(e.addEventListener("mouseenter",this.#he),e.addEventListener("mouseleave",this.#de))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){if(this.#ue.forEach((e=>{e.removeEventListener("mouseenter",this.#he),e.removeEventListener("mouseleave",this.#de)})),this.enteredPin&&this.linkValid){if(this.#ce){const e=this.#ce!==this.link.sourcePin?this.link.sourcePin:this.enteredPin;if(this.#ce.isInput()&&e.isInput()||this.#ce.isOutput()&&e.isOutput()){const e=this.#ce.template.getOppositePin();this.#ce===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.#ue=null}}class Lt extends St{#pe=!1;#me=!1;#ge="";static nodeStyleClasses=["ueb-node-style-glass"];initialize(e){super.initialize(e),this.#ge=this.element.getNodeDisplayName()}render(){return B`<div class="ueb-node-border"><div class="ueb-node-wrapper">${this.#ge?B`<div class="ueb-node-top"><div class="ueb-node-name"><span class="ueb-node-name-text ueb-ellipsis-nowrap-text">${this.#ge}</span></div></div>`:z}<div class="ueb-node-content">${this.#pe?B`<div class="ueb-node-inputs"></div>`:z} ${this.#me?B`<div class="ueb-node-outputs"></div>`:z}</div></div></div>`}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>{this.#pe||=e.isInput(),this.#me||=e.isOutput();return at.getConstructor("ueb-pin").newObject(e,void 0,this.element)}))}}class Nt extends Lt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-conversion"]}class Tt extends Lt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-operation"]}class At extends Ze{static canWrapInput=!0;#be;get iconElement(){return this.#be}#ye;get wrapperElement(){return this.#ye}isNameRendered=!0;setup(){super.setup(),this.element.nodeElement=this.element.closest("ueb-node");const e=this.element.nodeElement.template;(e instanceof Nt||e instanceof Tt)&&(this.isNameRendered=!1,this.element.requestUpdate())}createInputObjects(){return[new kt(this.element,this.blueprint,{moveEverywhere:!0,draggableElement:this.#ye})]}render(){const e=B`<div class="ueb-pin-icon">${this.renderIcon()}</div>`,t=B`<div class="ueb-pin-content">${this.isNameRendered?this.renderName():z} ${this.element.isInput()&&!this.element.entity.bDefaultValueIsIgnored?this.renderInput():B``}</div>`;return B`<div class="ueb-pin-wrapper">${this.element.isInput()?B`${e}${t}`:B`${t}${e}`}</div>`}renderIcon(){switch(this.element.entity.PinType$ContainerType.toString()){case"Array":return He.array;case"Set":return He.set;case"Map":return He.map}return"delegate"===this.element.entity.PinType$PinCategory?He.delegate:He.genericPin}renderName(){return B`<span class="ueb-pin-name">${this.element.getPinDisplayName()}</span>`}renderInput(){return B``}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.#be=this.element.querySelector(".ueb-pin-icon svg")??this.element,this.#ye=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.#ye??this.element}}class $t extends At{render(){return B`<div class="ueb-pin-wrapper"><div class="ueb-pin-icon">${this.renderIcon()}</div></div>`}}class Mt extends St{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 B`<div class="ueb-node-name">${e?B`<div class="ueb-node-name-symbol">${e}</div>`:z} ${t?B`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.element.entity.FunctionReference.MemberParent?B`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Custom Event</div>`:z}</div>`:z}</div>`}createDelegatePinElement(){const e=at.getConstructor("ueb-pin").newObject(this.element.getPinEntities().find((e=>!e.isHidden()&&"delegate"===e.PinType$PinCategory)),new $t,this.element);return e.template.isNameRendered=!1,e}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden()&&"delegate"!==e.PinType$PinCategory)).map((e=>at.getConstructor("ueb-pin").newObject(e,void 0,this.element)))}}class Dt extends it{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 $t{render(){return this.element.isOutput()?super.render():B``}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 Ht extends St{static#fe=new Set;#ve=null;#we;get inputPin(){return this.#we}#Ee;get outputPin(){return this.#Ee}initialize(e){super.initialize(e),this.element.classList.add("ueb-node-style-minimal")}findDirectionaPin(e){if(e.nodeElement.getType()!==te.nodeType.knot||Ht.#fe.has(e))return Ht.#fe.clear(),!0;Ht.#fe.add(e);for(let t of e.getLinks().map((e=>this.blueprint.getPin(e))))if(this.findDirectionaPin(t))return!0;return!1}render(){return B`<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=at.getConstructor("ueb-pin");return[this.#we=n.newObject(t,new Bt,this.element),this.#Ee=n.newObject(i,new Bt,this.element)]}linksChanged(){}}class zt extends Lt{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 Ot extends Dt{static properties={...Dt.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:fe.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.#Ce.forEach((t=>t.blueprint=e))}#Se;get nodeNameElement(){return this.#Se}set nodeNameElement(e){this.#Se=e}#Ce=[];boundComments=[];#xe=!1;#Pe=e=>{this.selected||this.#xe||(this.#xe=!0,this.addNextUpdatedCallbacks((()=>this.#xe=!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 Nt;if(e.FunctionReference.MemberName?.startsWith("Percent_"))return Tt;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 Tt}}if("/Script/Engine.BlueprintSetLibrary"===t)return Tt;if("/Script/Engine.BlueprintMapLibrary"===t)return Tt}switch(e.getClass()){case te.nodeType.comment:return Pt;case te.nodeType.event:case te.nodeType.customEvent:return Mt;case te.nodeType.promotableOperator:return Tt;case te.nodeType.knot:return Ht;case te.nodeType.variableGet:case te.nodeType.variableSet:return zt}return e.getDelegatePin()?Mt:St}static fromSerializedObject(e){e=e.trim();let t=se.getSerializer(Oe).deserialize(e);return Ot.newObject(t)}static newObject(e=new Oe,t=new(Ot.getTypeTemplate(e))){const i=new Ot;return i.initialize(e,t),i}initialize(e=new Oe,t=new(Ot.getTypeTemplate(e))){super.initialize(e,t),this.#Ce=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 ke({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e,this.nodeName=this.entity.Name}getPinElements(){return this.#Ce}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 fe(e?"Shown":"Hidden"),this.advancedPinDisplay=this.entity.AdvancedPinDisplay}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}class Vt extends tt{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)};#ke=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 ct)}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=>Vt.nodeSelectToggleFunction(e,!0)))}unselectAll(){this.getNodes().forEach((e=>Vt.nodeSelectToggleFunction(e,!1)))}addGraphElement(...e){const t=e=>{const i=e.currentTarget;i.removeEventListener(te.removeEventName,t);const n=i instanceof Ot?this.nodes:i instanceof bt?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 Ot&&!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.#ke[e]=this.#ke[e]??-1;do{++this.#ke[e]}while(this.nodes.find((t=>t.entity.getObjectName()==te.nodeName(e,this.#ke[e]))));n.rename(te.nodeName(e,this.#ke[e]))}this.nodes.push(i),i.addEventListener(te.removeEventName,t),this.template.nodesContainerElement?.appendChild(i)}else i instanceof bt&&!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 Ot)).forEach((t=>t.sanitizeLinks(e))),e.filter((e=>e instanceof Ot&&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",Vt);class Rt extends vt{#Le;get locationChangeCallback(){return this.#Le}set locationChangeCallback(e){this.#Le=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 yt(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 It extends Rt{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 _t extends it{windowElement;setup(){super.setup(),this.windowElement=this.closest("ueb-window")}setLocation(e,t){super.setLocation(...this.template.adjustLocation(e,t))}}class Ft extends _t{constructor(){super(),super.initialize({},new It)}static newObject(){return new Ft}initialize(){}}class Gt extends Rt{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 jt extends _t{constructor(){super(),super.initialize({},new Gt)}static newObject(){return new jt}initialize(){}}class Ut extends Ze{#Ne=()=>{this.blueprint.acknowledgeEditText(!0),this.element.selectOnFocus&&getSelection().selectAllChildren(this.element)};#Te=()=>{this.blueprint.acknowledgeEditText(!1),getSelection().removeAllRanges()};#Ae=e=>e.target.querySelectorAll("br").forEach((e=>e.remove()));#$e=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.#Ne),this.element.addEventListener("focusout",this.#Te),this.element.singleLine&&this.element.addEventListener("input",this.#Ae),this.element.blurOnEnter&&this.element.addEventListener("keydown",this.#$e)}cleanup(){super.cleanup(),this.element.removeEventListener("focus",this.#Ne),this.element.removeEventListener("focusout",this.#Te),this.element.removeEventListener("input",this.#Ae),this.element.removeEventListener("keydown",this.#$e)}}class Kt extends tt{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 Ut)}static newObject(){return new Kt}initialize(){}}class Zt extends nt{constructor(e,t,i={}){i.consumeEvent=!0,super(e,t,i)}}class Xt extends At{#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 Zt(this.#Me,this.blueprint)]}renderInput(){return B`<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}">`}}class qt extends At{renderIcon(){return He.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 B``;return B`${ae.formatStringName(e)}`}}class Yt extends At{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);#ze=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.#ze)}))}cleanup(){super.cleanup(),this.#Be.forEach((e=>{e.removeEventListener("focusout",this.#He),e.removeEventListener("input",this.#ze)}))}createInputObjects(){return[...super.createInputObjects(),...this.#Be.map((e=>new Zt(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=>Yt.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 B`<div class="ueb-pin-input"><ueb-input .singleLine="${e}" .selectOnFocus="${t}" .innerText="${Yt.stringFromUEToInput(this.element.getDefaultValue()?.toString()??"")}"></ueb-input></div>`}}class Wt extends Yt{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 Jt extends Wt{setDefaultValue(e=[],t=e){this.element.getDefaultValue(!0).value=e[0],this.inputContentElements[0].innerText=this.element.getDefaultValue()?.toString(),this.element.requestUpdate()}renderInput(){return B`<div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.element.getDefaultValue()?.toString()??"0"}"></ueb-input></div>`}}class Qt extends Jt{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 W,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(x(),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===(W=globalThis.litElementHydrateSupport)||void 0===W||W.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 nameRegexSpaceReplacement=new RegExp("^K2(?:[Nn]ode)?_|(?<=[a-z])(?=[A-Z0-9])|(?<=[A-Z])(?=[A-Z][a-z]|[0-9])|(?<=[014-9]|[23](?!D(?:[^a-z]|$)))(?=[a-zA-Z])|\\s*_+\\s*|\\s{2,}","g");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",doOnce:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:DoOnce",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",multiGate:"/Script/BlueprintGraph.K2Node_MultiGate",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{#i;constructor(e){this.#i=e}compute(e){return this.#i(e)}}class se{static#n=new Map;static registerSerializer(e,t){se.#n.set(e,t)}static getSerializer(e){return se.#n.get(e)}}class re{#s;get types(){return this.#s}constructor(...e){this.#s=e}getFirstType(){return this.#s[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?.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=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 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 Array&&(t=t[0]),t instanceof ne)return e;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(te.nameRegexSpaceReplacement," ").split(" ").map((e=>ae.capitalFirstLetter(e))).join(" ").trim()}static encodeKeyName(e){return e.replaceAll(".","$")}static decodeKeyName(e){return e.replaceAll("$",".")}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 lookbehind="";static attributes={};static defaultAttribute={showDefault:!0,nullable:!1,ignored:!1,serialized:!1,expected:!1};constructor(e={},t=!1){const i=this.constructor.attributes;e.constructor!==Object&&1===Object.keys(i).length&&(e={[Object.keys(i)[0]]:e});const n=Object.keys(e),s=Object.keys(i),r=ae.mergeArrays(s,n);for(let s of r){let r=e[s],a=i[s];if(t||(s in i?n.length>0&&!(s in e)&&a.showDefault&&!a.ignored&&console.warn(`UEBlueprint: ${this.constructor.name} will add attribute ${s} not defined in the serialized data`):console.warn(`UEBlueprint: Attribute ${s} in the serialized data is not defined in ${this.constructor.name}.attributes`)),!a){this[s]=r;continue}let o=a.default,l=a.type;l instanceof ne&&(l=l.compute(this)),l instanceof Array&&(l=Array),o instanceof Function&&(o=o(this)),void 0===l&&(l=ae.getType(o));const u=a.predicate?e=>{Object.defineProperties(this,{["#"+s]:{writable:!0,enumerable:!1},[s]:{enumerable:!0,get(){return this["#"+s]},set(e){a.predicate?.(e)?this["#"+s]=e:console.warn(`UEBlueprint: Tried to assign attribute ${s} to ${this.constructor.name} not satisfying the predicate`)}}}),this[s]=e}:e=>this[s]=e;void 0===r?(l instanceof re&&(l=null!=o?l.types.find((e=>o instanceof e||o.constructor==e))??l.getFirstType():l.getFirstType()),void 0===o&&(o=ae.sanitize(new l)),a.showDefault?(a.serialized&&l!==String&&o.constructor===String&&(o=se.getSerializer(l).deserialize(o)),u(ae.sanitize(o,l))):u(void 0)):(r?.constructor===String&&a.serialized&&l!==String&&(r=se.getSerializer(l).deserialize(r)),u(ae.sanitize(r,l)))}}static cleanupAttributes(e,t=""){for(const i in e){const n=e[i];if(void 0!==n.type||n.default instanceof Function||(n.type=ae.getType(n.default)),e[i]={...oe.defaultAttribute,...n},void 0===n.default){if(void 0===n.type)throw new Error(`UEBlueprint: Expected either "type" or "value" property in ${this.name} attribute ${t}`+i);n[i]=ae.sanitize(void 0,n.type)}null===n.default&&(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:{default: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:{default:""}};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 lookbehind="INVTEXT";static attributes={value:{default:""}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}}class pe extends oe{static lookbehind="NSLOCTEXT";static attributes={namespace:{default:""},key:{default:""},value:{default:""}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.namespace,this.key,this.value}toString(){return ae.capitalFirstLetter(this.value)}}class me extends oe{static lookbehind="LOCGEN_FORMAT_NAMED";static attributes={value:{type:[new re(pe,de,me)]}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}}class ge extends oe{static attributes={value:{default:""}};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 ge({value:i})}constructor(e){e||(e=ge.generateGuid().value),super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class be extends oe{static attributes={type:{default:""},path:{default:""}};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 ye extends oe{static attributes={MemberParent:{type:be,showDefault:!1},MemberName:{type:String,showDefault:!1},MemberGuid:{type:ge,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberParent,this.MemberName,this.MemberGuid}}class fe extends oe{static attributes={value:{default:""}};static{this.cleanupAttributes(this.attributes)}static attributeConverter={fromAttribute:(e,t)=>new fe(e),toAttribute:(e,t)=>e.toString()};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ve extends oe{static attributes={...super.attributes,value:{default: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 we extends oe{static attributes={ActionName:{default:""},bShift:{default:!1},bCtrl:{default:!1},bAlt:{default:!1},bCmd:{default:!1},Key:{type:fe}};static{this.cleanupAttributes(this.attributes)}constructor(e={}){super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class Ee extends oe{static attributes={value:{default: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 Ce extends oe{static attributes={R:{type:Ee,expected:!0},G:{type:Ee,expected:!0},B:{type:Ee,expected:!0},A:{type:Ee,default:()=>new Ee(1)},H:{type:Ee,showDefault:!0,ignored:!0},S:{type:Ee,showDefault:!0,ignored:!0},V:{type:Ee,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 Ce({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.#r()}#r(){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.#r()}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*Ce.linearToSRGB(this.R.value)),Math.round(255*Ce.linearToSRGB(this.G.value)),Math.round(255*Ce.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.#r()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=Ce.sRGBtoLinear((e>>8&255)/255),this.G.value=Ce.sRGBtoLinear((e>>16&255)/255),this.R.value=Ce.sRGBtoLinear((e>>24&255)/255),this.#r()}toString(){return ae.printLinearColor(this)}}class Se extends oe{static attributes={MacroGraph:{type:be},GraphBlueprint:{type:be},GraphGuid:{type:ge}};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 xe extends le{constructor(e=0){super(e),this.value=Math.round(ae.clamp(this.value,0))}}class Pe extends oe{static attributes={value:{default:""}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ke extends oe{static attributes={objectName:{type:Pe},pinGuid:{type:ge}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.objectName,this.pinGuid}}class Le extends oe{static attributes={TerminalCategory:{default:"",showDefault:!1},TerminalSubCategory:{default:"",showDefault:!1},bTerminalIsConst:{default:!1,showDefault:!1},bTerminalIsWeakPointer:{default:!1,showDefault:!1},bTerminalIsUObjectWrapper:{default:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.TerminalCategory,this.TerminalSubCategory,this.bTerminalIsConst,this.bTerminalIsWeakPointer,this.bTerminalIsUObjectWrapper}}class Ne extends oe{static attributes={R:{default:0},P:{default:0},Y:{default: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 Te extends Ne{}class Ae extends oe{static attributes={X:{default:0,expected:!0},Y:{default:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y}}class $e extends Ae{}class Me extends oe{static attributes={X:{default:0,expected:!0},Y:{default:0,expected:!0},Z:{default:0,expected:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.X,this.Y,this.Z}}class De extends Me{}class Be extends oe{static#a={"/Script/CoreUObject.LinearColor":Ce,"/Script/CoreUObject.Rotator":Ne,"/Script/CoreUObject.Vector":Me,"/Script/CoreUObject.Vector2D":Ae,bool:Boolean,byte:ue,enum:he,exec:String,int:le,int64:ve,name:String,real:Number,string:String};static#o={"/Script/CoreUObject.Vector2D":$e,"/Script/CoreUObject.Vector":De,"/Script/CoreUObject.Rotator":Te};static lookbehind="Pin";static attributes={PinId:{type:ge},PinName:{default:""},PinFriendlyName:{type:new re(pe,me,String),showDefault:!1},PinToolTip:{type:String,showDefault:!1},Direction:{type:String,showDefault:!1},PinType$PinCategory:{default:""},PinType$PinSubCategory:{default:""},PinType$PinSubCategoryObject:{type:be},PinType$PinSubCategoryMemberReference:{type:ye,default:null},PinType$PinValueType:{type:Le,default:null},PinType$ContainerType:{type:Pe},PinType$bIsReference:{default:!1},PinType$bIsConst:{default:!1},PinType$bIsWeakPointer:{default:!1},PinType$bIsUObjectWrapper:{default:!1},PinType$bSerializeAsSinglePrecisionFloat:{default:!1},LinkedTo:{type:[ke],showDefault:!1},DefaultValue:{type:new ne((e=>e.getEntityType(!0)??String)),serialized:!0,showDefault:!1},AutogeneratedDefaultValue:{type:String,showDefault:!1},DefaultObject:{type:be,showDefault:!1,default:null},PersistentGuid:{type:ge},bHidden:{default:!1},bNotConnectable:{default:!1},bDefaultValueIsReadOnly:{default:!1},bDefaultValueIsIgnored:{default:!1},bAdvancedView:{default:!1},bOrphanedPin:{default:!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$PinCategory,this.PinType$PinSubCategory,this.PinType$PinSubCategoryObject,this.PinType$PinSubCategoryMemberReference,this.PinType$PinValueType,this.PinType$ContainerType,this.PinType$bIsReference,this.PinType$bIsConst,this.PinType$bIsWeakPointer,this.PinType$bIsUObjectWrapper,this.PinType$bIsUObjectWrapper,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.#a[t],n=Be.#o[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 ke({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 He{static array=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<svg viewBox="0 0 16 16" 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 doOnce=B`<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1 12V8H9V4L16 10L9 16V12H1Z" fill="white"/><path d="M6 6H5L4.98752 2.42387L4 2.8642V1.893L5.89305 1H6V6Z" fill="white"/><rect x="4" y="5" width="3" height="1" fill="white"/></svg>`;static enum=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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=B`<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 ze extends oe{static attributes={MemberScope:{default:"",showDefault:!1},MemberName:{default:""},MemberGuid:{type:ge},bSelfContext:{default:!1,showDefault:!1}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e),this.MemberName,this.GuidEntity,this.bSelfContext}}class Oe extends oe{static attributes={Class:{type:be},Name:{default:""},AxisKey:{type:ce,showDefault:!1},InputAxisKey:{type:ce,showDefault:!1},bIsPureFunc:{default:!1,showDefault:!1},bIsConstFunc:{default:!1,showDefault:!1},VariableReference:{type:ze,default:null,showDefault:!1},SelfContextInfo:{type:ce,default:null,showDefault:!1},DelegatePropertyName:{type:String,showDefault:!1},DelegateOwnerClass:{type:be,showDefault:!1},ComponentPropertyName:{type:String,showDefault:!1},EventReference:{type:ye,default:null,showDefault:!1},FunctionReference:{type:ye,default:null,showDefault:!1},CustomFunctionName:{type:String,showDefault:!1},TargetType:{type:be,default:null,showDefault:!1},MacroGraphReference:{type:Se,default:null,showDefault:!1},Enum:{type:be,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:Ce,showDefault:!1},bCommentBubbleVisible_InDetailsPanel:{type:Boolean,showDefault:!1},bColorCommentBubble:{type:Boolean,default:!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:fe,default:null,showDefault:!1},EnabledState:{type:fe,default:null,showDefault:!1},NodeGuid:{type:ge},ErrorType:{type:le,showDefault:!1},ErrorMsg:{type:String,default:"",showDefault:!1},CustomProperties:{type:[Be]}};static nameRegex=/^(\w+?)(?:_(\d+))?$/;static sequencerScriptingNameRegex=/\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/;static#l={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=Oe.#l[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 this.MacroGraphReference?.MacroGraph?.path?this.MacroGraphReference.MacroGraph.path:e}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(Oe.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(".")))}getHIDAttribute(){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.getHIDAttribute();if(e){const t=e.toString();let i=Oe.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(Oe.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:case te.nodeType.multiGate: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 He.event;case te.nodeType.doN:return He.doN;case te.nodeType.doOnce:return He.doOnce;case te.nodeType.dynamicCast:return He.cast;case te.nodeType.enumLiteral:return He.enum;case te.nodeType.event:return He.event;case te.nodeType.executionSequence:case te.nodeType.multiGate:return He.sequence;case te.nodeType.forEachElementInEnum:case te.nodeType.forLoop:case te.nodeType.forLoopWithBreak:case te.nodeType.whileLoop:return He.loop;case te.nodeType.forEachLoop:case te.nodeType.forEachLoopWithBreak:return He.forEachLoop;case te.nodeType.ifThenElse:return He.branchNode;case te.nodeType.isValid:return He.questionMark;case te.nodeType.makeArray:return He.makeArray;case te.nodeType.makeMap:return He.makeMap;case te.nodeType.makeSet:return He.makeSet;case te.nodeType.select:return He.select}if(this.nodeDisplayName().startsWith("Break"))return He.breakStruct;if(this.getClass()===te.nodeType.macro)return He.macro;const e=this.getHIDAttribute()?.toString();return e?e.includes("Mouse")?He.mouse:e.includes("Gamepad_Special")?He.keyboard:e.includes("Gamepad")||e.includes("Steam")?He.gamepad:e.includes("Touch")?He.touchpad:He.keyboard:this.getDelegatePin()?He.event:He.functionSymbol}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Ve(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Re={exports:{}};"undefined"!=typeof self&&self;var Ie=Ve(Re.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 y(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 v(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 v(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 x={};function P(e,t){if(w(e))return{offset:t,line:-1,column:-1};e in x||(x[e]={});for(var i=x[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 $=2,M=3,D=8,B=5*D,H=4*D,z="  ";function O(e,t){return new Array(t+1).join(e)}function V(e,t,i){var n=t-e.length;return n<=0?e:O(i,n)+e}function R(e,t,i,n){return{from:e-t>0?e-t:0,to:e+i>n?n:e+i}}function I(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=R(d,B,H+D,e.length),g=o((function(e){return o((function(e){return V(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=R(n,$,M,b.length),s=b.slice(r.from,r.to),l=r.to.toString().length}var y=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===y,u=o?"> ":z;return a=w(e)?V((8*(r.from+s)).toString(16),l,"0"):V((r.from+s+1).toString(),l," "),[].concat(t,[u+a+" | "+n],o?[z+O(" ",l)+" | "+V("",i," ")+O("^",h)]:[])}),[],s).join("\n")}function _(e,t){return["\n","-- PARSING FAILED "+O("-",50),"\n\n",I(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 W("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 Z(e,t).or(Y([]))}function Z(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 q(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 W(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(q(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 W("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:P(e,i.furthest),expected:i.expected},delete x[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):W(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(!v(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 Z(this,e)},s.lookahead=function(e){return this.skip(J(e))},s.notFollowedBy=function(e){return this.skip(Q(e))},s.desc=function(e){v(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,P(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=q(/[0-9]/).desc("a digit"),le=q(/[0-9]*/).desc("optional digits"),ue=q(/[a-z]/i).desc("a letter"),ce=q(/[a-z]*/i).desc("optional letters"),he=q(/\s*/).desc("optional whitespace"),de=q(/\s+/).desc("whitespace"),pe=X("\r"),me=X("\n"),ge=X("\r\n"),be=U(ge,me,pe).desc("newline"),ye=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=ye,n.eof=ae,n.fail=W,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=q,n.regexp=q,n.sepBy=K,n.sepBy1=Z,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(v(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(v(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(v(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:y,int8LE:y(1),int16LE:y(2),int32LE:y(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 _e extends oe{static attributes={lookbehind:{default:"",showDefault:!1,ignore:!0}};static{this.cleanupAttributes(this.attributes)}constructor(e){super(e,!0),this.lookbehind}}let Fe=Ie;class Ge{static separatedBy=(e,t,i=1)=>new RegExp(e+"(?:"+t+e+")"+(1===i?"*":2===i?"+":`{${i},}`));static Regex=class{static ByteInteger=/0*(?:25[0-5]|2[0-4]\d|1?\d?\d)(?!\d|\.)/;static HexDigit=/[0-9a-fA-F]/;static InlineOptWhitespace=/[^\S\n]*/;static InlineWhitespace=/[^\S\n]+/;static InsideString=/(?:[^"\\]|\\.)*/;static Integer=/[\-\+]?\d+(?!\d|\.)/;static MultilineWhitespace=/\s*\n\s*/;static Number=/[-\+]?\d+(?:\.\d+)?(?!\d|\.)/;static RealUnit=/\+?(?:0(?:\.\d+)?|1(?:\.0+)?)(?![\.\d])/;static Word=Ge.separatedBy("[a-zA-Z]","_");static Symbol=/[a-zA-Z_]\w*/;static DotSeparatedSymbols=Ge.separatedBy(this.Symbol.source,"\\.");static PathFragment=Ge.separatedBy(this.Symbol.source,"[\\.:]");static PathSpaceFragment=Ge.separatedBy(this.Symbol.source,"[\\.:\\ ]");static Path=new RegExp(`(?:\\/${this.PathFragment.source}){2,}`);static PathOptSpace=new RegExp(`(?:\\/${this.PathSpaceFragment.source}){2,}`)};static null=Fe.lazy((()=>Fe.regex(/\(\s*\)/).map((()=>null))));static true=Fe.lazy((()=>Fe.regex(/true/i).map((()=>!0))));static false=Fe.lazy((()=>Fe.regex(/false/i).map((()=>!1))));static boolean=Fe.lazy((()=>Ge.regexMap(/(true)|false/i,(e=>!!e[1]))));static number=Fe.lazy((()=>Fe.regex(Ge.Regex.Number).map(Number)));static integer=Fe.lazy((()=>Fe.regex(Ge.Regex.Integer).map(Number)));static bigInt=Fe.lazy((()=>Fe.regex(Ge.Regex.Integer).map(BigInt)));static realUnit=Fe.lazy((()=>Fe.regex(Ge.Regex.RealUnit).map(Number)));static naturalNumber=Fe.lazy((()=>Fe.regex(/\d+/).map(Number)));static byteNumber=Fe.lazy((()=>Fe.regex(Ge.Regex.ByteInteger).map(Number)));static string=Fe.lazy((()=>Ge.regexMap(new RegExp(`"(${Ge.Regex.InsideString.source})"`),(([e,t])=>t)).map((e=>ae.unescapeString(e)))));static colorValue=this.byteNumber;static word=Fe.regex(Ge.Regex.Word);static path=Ge.regexMap(new RegExp(`(${Ge.Regex.Path.source})|"(${Ge.Regex.PathOptSpace.source})"|'"(${Ge.Regex.PathOptSpace.source})"'`),(([e,t,i,n])=>t??i??n));static symbol=Fe.regex(Ge.Regex.Symbol);static attributeName=Fe.regex(Ge.Regex.DotSeparatedSymbols);static guid=Fe.regex(new RegExp(`${Ge.Regex.HexDigit.source}{32}`));static commaSeparation=Fe.regex(/\s*,\s*(?!\))/);static equalSeparation=Fe.regex(/\s*=\s*/);static typeReference=Fe.alt(Fe.regex(Ge.Regex.Path),this.symbol);static hexColorChannel=Fe.regex(new RegExp(Ge.Regex.HexDigit.source+"{2}"));static regexMap(e,t){const i=RegExp("^(?:"+e.source+")",e.flags),n=""+e;return Fe(((e,s)=>{const r=i.exec(e.slice(s));return r?Fe.makeSuccess(s+r[0].length,t(r)):Fe.makeFailure(s,n)}))}static grammarFor(e,t=(e?.constructor===Object?e.type:e?.constructor),i=this.unknownValue){let n=i;if(t instanceof Array)n=Fe.seq(Fe.regex(/\(\s*/),this.grammarFor(void 0,t[0]).sepBy(this.commaSeparation),Fe.regex(/\s*(?:,\s*)?\)/)).map((([e,t,i])=>t));else if(t instanceof re)n=t.types.map((e=>this.grammarFor(void 0,e))).reduce(((e,t)=>t&&t!==this.unknownValue&&e!==this.unknownValue?Fe.alt(e,t):this.unknownValue));else if(e?.constructor===Object)n=this.grammarFor(void 0,t);else switch(t){case BigInt:n=this.bigInt;break;case Boolean:n=this.boolean;break;case ue:n=this.byteEntity;break;case he:n=this.enumEntity;break;case me:n=this.formatTextEntity;break;case ye:n=this.functionReferenceEntity;break;case ge:n=this.guidEntity;break;case fe:n=this.identifierEntity;break;case ve:n=this.integer64Entity;break;case le:n=this.integerEntity;break;case de:n=this.invariantTextEntity;break;case we:n=this.keyBindingEntity;break;case Ce:n=this.linearColorEntity;break;case pe:n=this.localizedTextEntity;break;case Se:n=this.macroGraphReferenceEntity;break;case Number:n=this.number;break;case be:n=this.objectReferenceEntity;break;case Pe:n=this.pathSymbolEntity;break;case Be:n=this.pinEntity;break;case ke:n=this.pinReferenceEntity;break;case Le:n=this.pinTypeEntity;break;case Ee:n=this.realUnitEntity;break;case Ne:n=this.rotatorEntity;break;case Te:n=this.simpleSerializationRotatorEntity;break;case $e:n=this.simpleSerializationVector2DEntity;break;case De:n=this.simpleSerializationVectorEntity;break;case String:n=this.string;break;case ce:n=this.symbolEntity;break;case ze:n=this.variableReferenceEntity;break;case Ae:n=this.vector2DEntity;break;case Me:n=this.vectorEntity}return e?.constructor===Object&&(e.serialized&&t.constructor!==String&&(n=n==this.unknownValue?this.string:Fe.seq(Fe.string('"'),n,Fe.string('"'))),e.nullable&&(n=Fe.alt(n,this.null))),n}static createAttributeGrammar(e,t=this.equalSeparation){return Fe.seq(this.attributeName,t).chain((([t,i])=>(t=ae.encodeKeyName(t),this.grammarFor(e.attributes[t],void 0).map((e=>i=>i[t]=e)))))}static createEntityGrammar=(e,t=!0)=>Fe.seq(e.lookbehind.length?Fe.regex(new RegExp(`${e.lookbehind}\\s*\\(\\s*`)):Fe.regex(/\(\s*/),this.createAttributeGrammar(e).sepBy1(this.commaSeparation),Fe.regex(/\s*(?:,\s*)?\)/)).map((([e,t,i])=>{let n={};return t.forEach((e=>e(n))),n})).chain((i=>{let n,s=Object.keys(i);if(Object.keys(e.attributes).filter((t=>e.attributes[t].expected)).find((e=>!s.includes(e)&&(n=e))))return Fe.fail("Missing key "+n);const r=Object.keys(i).filter((t=>!(t in e.attributes))).length;return!t&&r>0?Fe.fail("Too many unknown keys"):Fe.succeed(new e(i))}));static byteEntity=Fe.lazy((()=>this.byteNumber.map((e=>new ue(e)))));static enumEntity=Fe.lazy((()=>this.symbol.map((e=>new he(e)))));static formatTextEntity=Fe.lazy((()=>Fe.seq(Fe.regex(new RegExp(`${me.lookbehind}\\s*`)),this.grammarFor(me.attributes.value))));static functionReferenceEntity=Fe.lazy((()=>this.createEntityGrammar(ye)));static guidEntity=Fe.lazy((()=>this.guid.map((e=>new ge(e)))));static identifierEntity=Fe.lazy((()=>this.symbol.map((e=>new fe(e)))));static integer64Entity=Fe.lazy((()=>this.bigInt.map((e=>new ve(e)))));static integerEntity=Fe.lazy((()=>this.integer.map((e=>new le(e)))));static invariantTextEntity=Fe.lazy((()=>Fe.seq(Fe.regex(new RegExp(`${de.lookbehind}\\s*`)),this.grammarFor(de.attributes.value))));static keyBindingEntity=Fe.lazy((()=>Fe.alt(this.identifierEntity.map((e=>new we({Key:e}))),this.createEntityGrammar(we))));static linearColorEntity=Fe.lazy((()=>this.createEntityGrammar(Ce,!1)));static localizedTextEntity=Fe.lazy((()=>Ge.regexMap(new RegExp(String.raw`${pe.lookbehind}\s*\(`+String.raw`\s*"(${Ge.Regex.InsideString.source})"\s*,`+String.raw`\s*"(${Ge.Regex.InsideString.source})"\s*,`+String.raw`\s*"(${Ge.Regex.InsideString.source})"\s*`+String.raw`(?:,\s+)?`+String.raw`\)`),(e=>new pe({namespace:e[1],key:e[2],value:e[3]})))));static macroGraphReferenceEntity=Fe.lazy((()=>this.createEntityGrammar(Se)));static naturalNumberEntity=Fe.lazy((()=>this.naturalNumber.map((e=>new xe(e)))));static noneReferenceEntity=Fe.lazy((()=>Fe.string("None").map((()=>new be({type:"None",path:""})))));static typeReferenceEntity=Fe.lazy((()=>this.typeReference.map((e=>new be({type:e,path:""})))));static pathReferenceEntity=Fe.lazy((()=>this.path.map((e=>new be({type:"",path:e})))));static fullReferenceEntity=Fe.lazy((()=>Fe.seq(this.typeReference,Fe.optWhitespace,this.path).map((([e,t,i])=>new be({type:e,path:i})))));static objectReferenceEntity=Fe.lazy((()=>Fe.alt(this.noneReferenceEntity,this.fullReferenceEntity,this.pathReferenceEntity,this.typeReferenceEntity)));static pathSymbolEntity=Fe.lazy((()=>this.symbol.map((e=>new Pe(e)))));static pinEntity=Fe.lazy((()=>this.createEntityGrammar(Be)));static pinReferenceEntity=Fe.lazy((()=>Fe.seq(this.pathSymbolEntity,Fe.whitespace,this.guidEntity).map((([e,t,i])=>new ke({objectName:e,pinGuid:i})))));static pinTypeEntity=Fe.lazy((()=>this.createEntityGrammar(Le)));static realUnitEntity=Fe.lazy((()=>this.realUnit.map((e=>new Ee(e)))));static rotatorEntity=Fe.lazy((()=>this.createEntityGrammar(Ne,!1)));static simpleSerializationRotatorEntity=Fe.lazy((()=>Fe.seq(this.number,this.commaSeparation,this.number,this.commaSeparation,this.number).map((([e,t,i,n,s])=>new Te({R:s,P:e,Y:i})))));static simpleSerializationVector2DEntity=Fe.lazy((()=>Fe.seq(this.number,this.commaSeparation,this.number).map((([e,t,i])=>new $e({X:e,Y:i})))));static simpleSerializationVectorEntity=Fe.lazy((()=>Fe.seq(this.number,this.commaSeparation,this.number,this.commaSeparation,this.number).map((([e,t,i,n,s])=>new De({X:e,Y:i,Z:s})))));static symbolEntity=Fe.lazy((()=>this.symbol.map((e=>new ce(e)))));static variableReferenceEntity=Fe.lazy((()=>this.createEntityGrammar(ze)));static vector2DEntity=Fe.lazy((()=>this.createEntityGrammar(Ae,!1)));static vectorEntity=Fe.lazy((()=>this.createEntityGrammar(Me,!1)));static unknownKeysEntity=Fe.lazy((()=>Fe.seq(this.regexMap(new RegExp(`(${this.Regex.Symbol.source}\\s*)?\\(\\s*`),(e=>e[1]??"")),this.attributeName.skip(this.equalSeparation).chain((e=>this.unknownValue.map((t=>i=>i[e]=t)))).sepBy1(this.commaSeparation),Fe.regex(/\s*(?:,\s*)?\)/)).map((([e,t,i])=>{let n={};return t.forEach((e=>e(n))),e.length&&(n.lookbehind=e),new _e(n)}))));static unknownValue=Fe.lazy((()=>Fe.alt(this.boolean,this.guidEntity,this.noneReferenceEntity,this.null,this.number,this.string,this.localizedTextEntity,this.invariantTextEntity,this.pinReferenceEntity,this.vectorEntity,this.linearColorEntity,this.vector2DEntity,this.objectReferenceEntity,this.unknownKeysEntity,this.symbol)));static customProperty=Fe.lazy((()=>Fe.seq(Fe.regex(/CustomProperties\s+/),this.pinEntity).map((([e,t])=>e=>{e.CustomProperties||(e.CustomProperties=[]),e.CustomProperties.push(t)}))));static objectEntity=Fe.lazy((()=>Fe.seq(Fe.regex(/Begin\s+Object/),Fe.seq(Fe.whitespace,Fe.alt(this.customProperty,this.createAttributeGrammar(Oe))).map((([e,t])=>t)).many(),Fe.regex(/\s+End\s+Object/)).map((([e,t,i])=>{let n={};return t.forEach((e=>e(n))),new Oe(n)}))));static multipleObject=Fe.lazy((()=>Fe.seq(Fe.optWhitespace,this.objectEntity,Fe.seq(Fe.whitespace,this.objectEntity).map((([e,t])=>t)).many(),Fe.optWhitespace).map((([e,t,i,n])=>[t,...i]))));static linearColorFromHex=Fe.lazy((()=>Ge.regexMap(new RegExp(`#(${Ge.Regex.HexDigit.source}{2})(${Ge.Regex.HexDigit.source}{2})(${Ge.Regex.HexDigit.source}{2})(${this.Regex.HexDigit.source}{2})?`),(e=>[e[1],e[2],e[3],e[4]??"FF"])).map((([e,t,i,n])=>new Ce({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(i,16)/255,A:parseInt(n,16)/255})))));static linearColorRGBList=Fe.lazy((()=>Fe.seq(this.byteNumber,this.commaSeparation,this.byteNumber,this.commaSeparation,this.byteNumber).map((([e,t,i,n,s])=>new Ce({R:e/255,G:i/255,B:s/255,A:1})))));static linearColorRGBAList=Fe.lazy((()=>Fe.seq(this.byteNumber,this.commaSeparation,this.byteNumber,this.commaSeparation,this.byteNumber,this.commaSeparation,this.byteNumber).map((([e,t,i,n,s,r,a])=>new Ce({R:e/255,G:i/255,B:s/255,A:a})))));static linearColorRGB=Fe.lazy((()=>Fe.seq(Fe.regex(/rgb\s*\(\s*/),this.linearColorRGBList,Fe.regex(/\s*\)/)).map((([e,t,i])=>t))));static linearColorRGBA=Fe.lazy((()=>Fe.seq(Fe.regex(/rgba\s*\(\s*/),this.linearColorRGBAList,Fe.regex(/\s*\)/)).map((([e,t,i])=>t))));static linearColorFromAnyFormat=Fe.lazy((()=>Fe.alt(this.linearColorFromHex,this.linearColorRGBA,this.linearColorRGB,this.linearColorRGBList)))}class je{constructor(e,t="",i=",",n=!1,s="=",r=(e=>e)){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){return this.write(e,t)}read(e){throw new Error("Not implemented")}write(e,t){let i="";const n=e.constructor.attributes??{},s=ae.mergeArrays(Object.keys(n),Object.keys(e));for(const n of s){if(void 0!==e[n]&&this.showProperty(e,n)){const s=ae.isSerialized(e,n);i+=(i.length?this.attributeSeparator:"")+this.attributePrefix+ae.decodeKeyName(this.attributeKeyPrinter(n))+this.attributeValueConjunctionSign+(s?`"${this.writeValue(e,n,!0)}"`:this.writeValue(e,n,t))}}return this.trailingSeparator&&i.length&&(i+=this.attributeSeparator),i}writeValue(e,t,i){const n=e[t],s=ae.getType(n),r=se.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(e[t],i)}showProperty(e,t){const i=this.entityType.attributes[t],n=e[t];return i?.constructor!==Object||!i.ignored&&(!ae.equals(i.value,n)||i.showDefault)}}class Ue extends je{constructor(){super(Oe,"   ","\n",!1)}showProperty(e,t){switch(t){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t)}read(e){const t=Ge.objectEntity.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Ge.multipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t){return`Begin Object Class=${e.Class.path} Name=${this.writeValue(e,"Name",t)}\n`+super.write(e,t)+e.CustomProperties.map((e=>this.attributeSeparator+this.attributePrefix+"CustomProperties "+se.getSerializer(Be).serialize(e))).join("")+"\nEnd Object\n"}}class Ke extends ie{static#u=new Ue;#c;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#c=e=>n.copied()}listenEvents(){window.addEventListener("copy",this.#c)}unlistenEvents(){window.removeEventListener("copy",this.#c)}getSerializedText(){return this.blueprint.getNodes(!0).map((e=>Ke.#u.serialize(e.entity,!1))).join("")}copied(){const e=this.getSerializedText();navigator.clipboard.writeText(e)}}class Ze{element;get blueprint(){return this.element.blueprint}#h=[];get inputObjects(){return this.#h}initialize(e){this.element=e}createInputObjects(){return[]}getInputObject(e){return this.inputObjects.find((t=>t.constructor==e))}setup(){this.#h.forEach((e=>e.setup()))}cleanup(){this.#h.forEach((e=>e.cleanup()))}willUpdate(e){}update(e){}render(){return B``}firstUpdated(e){}updated(e){}inputSetup(){this.#h=this.createInputObjects()}}class Xe extends ie{#d;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 we)return e;if("string"==typeof e){const t=Ge.keyBindingEntity.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,i),this.#d=this.options.activationKeys??[];let n=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||n.#d.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.#d.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 qe extends Xe{constructor(e,t,i={}){i.activationKeys=te.deleteNodesKeyboardKey,super(e,t,i)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Ye 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 We extends Ye{#p=e=>{e.preventDefault();const t=this.locationFromEvent(e);this.wheel(Math.sign(e.deltaY*te.mouseWheelFactor),t)};#m=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.#p,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#m)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#p,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#m)}wheel(e,t){}}class Je extends We{#g=!1;get enableZoonIn(){return this.#g}set enableZoonIn(e){e!=this.#g&&(this.#g=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 Xe{#b;constructor(e,t,i={}){i.activationKeys=te.enableZoomIn,super(e,t,i)}fire(){this.#b=this.blueprint.getInputObject(Je),this.#b.enableZoonIn=!0}unfire(){this.#b.enableZoonIn=!1}}class et extends Xe{constructor(e,t,i={}){i.activationKeys=te.selectAllKeyboardKey,super(e,t,i)}fire(){this.blueprint.selectAll()}}class tt extends Q{#y=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#f;get entity(){return this.#f}set entity(e){this.#f=e}#v;get template(){return this.#v}isInitialized=!1;isSetup=!1;inputObjects=[];initialize(e,t){this.requestUpdate(),this.#f=e,this.#v=t,this.#v.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.#y)t(e);this.#y=[]}addNextUpdatedCallbacks(e,t=!1){this.#y.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 it extends tt{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 nt extends Ye{#w=e=>{if(this.blueprint.setFocused(!0),e.button===this.options.clickButton)this.options.strictTarget&&e.target!=e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#E.addEventListener("mousemove",this.#C),document.addEventListener("mouseup",this.#S),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.target instanceof it&&(this.clickedOffset=[this.clickedPosition[0]-this.target.locationX,this.clickedPosition[1]-this.target.locationY]),this.clicked(this.clickedPosition));else this.options.exitAnyButton||this.#S(e)};#C=e=>{this.options.consumeEvent&&e.stopImmediatePropagation(),this.#E.removeEventListener("mousemove",this.#C),this.#E.addEventListener("mousemove",this.#x);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};#x=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)}};#S=e=>{if(!this.options.exitAnyButton||e.button==this.options.clickButton){if(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#E.removeEventListener("mousemove",this.#C),this.#E.removeEventListener("mousemove",this.#x),document.removeEventListener("mouseup",this.#S),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;#E;#k;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.#E=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#k=this.options.draggableElement,this.listenEvents()}listenEvents(){super.listenEvents(),this.#k.addEventListener("mousedown",this.#w),2==this.options.clickButton&&this.#k.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){super.unlistenEvents(),this.#k.removeEventListener("mousedown",this.#w)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class st extends nt{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta(-t[0],-t[1])}endDrag(){this.blueprint.scrolling=!1}}class rt extends Ye{#L=null;#N=e=>{e.preventDefault(),this.blueprint.mousePosition=this.locationFromEvent(e)};#T=e=>{this.#L||(e.preventDefault(),this.#L=e.detail.tracker,this.unlistenMouseMove())};#A=e=>{this.#L==e.detail.tracker&&(e.preventDefault(),this.#L=null,this.listenMouseMove())};constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i)}listenMouseMove(){this.target.addEventListener("mousemove",this.#N)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#N)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(te.trackingMouseEventName.begin,this.#T),this.blueprint.addEventListener(te.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(te.trackingMouseEventName.begin,this.#T),this.blueprint.removeEventListener(te.trackingMouseEventName.end,this.#A)}}class at{static#$=new Map;static registerElement(e,t){at.#$.set(e,t)}static getConstructor(e){return at.#$.get(e)}}class ot extends ie{static#u=new Ue;#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=ot.#u.readMultiple(e).map((e=>{let s=at.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 lt extends nt{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 ut 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 ct extends Ze{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(ct.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 Ke(this.element.getGridDOMElement(),this.element),new ot(this.element.getGridDOMElement(),this.element),new qe(this.element.getGridDOMElement(),this.element),new et(this.element.getGridDOMElement(),this.element),new Je(this.element.getGridDOMElement(),this.element),new lt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new st(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new ut(this.element.getGridDOMElement(),this.element),new rt(this.element.getGridDOMElement(),this.element),new Qe(this.element.getGridDOMElement(),this.element)]}render(){return B`<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(Ke)}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 ht extends tt{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 dt extends Ze{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 pt extends Oe{constructor(e={},t){super(e,!0),this.Class=new be("/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 mt extends Ye{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))};#z;get onDbClick(){return this.#z}set onDbClick(e){this.#z=e}clickedPosition=[0,0];constructor(e,t,i={},n=mt.ignoreDbClick){i.consumeEvent??=!0,i.strictTarget??=!1,super(e,t,i),this.#z=n,this.listenEvents()}listenEvents(){this.target.addEventListener("dblclick",this.#H)}unlistenEvents(){this.target.removeEventListener("dblclick",this.#H)}dbclicked(e){this.onDbClick(e)}}class gt extends dt{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=gt.decreasingValue(-.15,[100,15]);static c2DecreasingValue=gt.decreasingValue(-.05,[500,130]);static c2Clamped=gt.clampedLine([0,80],[200,40]);#O=`ueb-id-${Math.floor(1e12*Math.random())}`;#V=e=>{const t=new pt({},this.element.sourcePin.entity),i=at.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=at.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 mt(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?gt.c1DecreasingValue(r):10)*a,u=s/Math.max(30,n),c=gt.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 B`<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?B`<div class="ueb-link-message">${this.element.linkMessageIcon!==z?B`<span class="ueb-link-message-icon">${this.element.linkMessageIcon}</span>`:z} ${this.element.linkMessageText!==z?B`<span class="ueb-link-message-text">${this.element.linkMessageText}</span>`:z}</div>`:z}`}}class bt extends ht{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}};#R;get sourcePin(){return this.#R}set sourcePin(e){this.#I(e,!1)}#_;get destinationPin(){return this.#_}set destinationPin(e){this.#I(e,!0)}#F=()=>this.remove();#G=e=>this.addSourceLocation(...e.detail.value);#j=e=>this.addDestinationLocation(...e.detail.value);#U=e=>this.setSourceLocation();#K=e=>this.setDestinationLocation();linkMessageIcon=z;linkMessageText=z;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 bt;return i.initialize(e,t),i}initialize(e,t){super.initialize({},new gt),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.#F),e.removeEventListener(te.nodeDragEventName,t?this.#j:this.#G),e.removeEventListener(te.nodeReflowEventName,t?this.#K:this.#U),this.#Z()}if(t?this.#_=e:this.#R=e,i()){const e=i().getNodeElement();e.addEventListener(te.removeEventName,this.#F),e.addEventListener(te.nodeDragEventName,t?this.#j:this.#G),e.addEventListener(te.nodeReflowEventName,t?this.#K:this.#U),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#X()}}}#X(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#Z(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin,!1),this.destinationPin.unlinkFrom(this.sourcePin,!1))}cleanup(){super.cleanup(),this.#Z(),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=z,this.linkMessageText=z}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon=He.correct,this.linkMessageText=z}setMessageReplace(){this.linkMessageIcon=He.correct,this.linkMessageText=z}setMessageDirectionsIncompatible(){this.linkMessageIcon=He.reject,this.linkMessageText=B`Directions are not compatbile.`}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText=B`Place a new node.`}setMessageReplaceLink(){this.linkMessageIcon=He.correct,this.linkMessageText=B`Replace existing input connections.`}setMessageReplaceOutputLink(){this.linkMessageIcon=He.correct,this.linkMessageText=B`Replace existing output connections.`}setMessageSameNode(){this.linkMessageIcon=He.reject,this.linkMessageText=B`Both are on the same node.`}setMEssagetypesIncompatible(){this.linkMessageIcon=He.reject,this.linkMessageText=B`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}class yt extends nt{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 ft extends yt{#q;#Y;#W;#J;constructor(e,t,i={}){super(e,t,i),i.onClicked&&(this.#q=i.onClicked),i.onStartDrag&&(this.#Y=i.onStartDrag),i.onDrag&&(this.#W=i.onDrag),i.onEndDrag&&(this.#J=i.onEndDrag)}clicked(e){super.clicked(e),this.#q?.()}startDrag(){super.startDrag(),this.#Y?.()}dragAction(e,t){this.#W?.(e,t)}endDrag(){super.endDrag(),this.#J?.()}}class vt extends Ze{getDraggableElement(){return this.element}createDraggableObject(){return new yt(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 wt 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 Et extends yt{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 Ct extends wt{getDraggableElement(){return this.element}createDraggableObject(){return new Et(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 St extends Ct{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 B`<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()?B`<div class="ueb-node-developmentonly"><span class="ueb-node-developmentonly-text">Development Only</span></div>`:z} ${this.element.advancedPinDisplay?B`<div class="ueb-node-expansion" @click="${this.toggleAdvancedDisplayHandler}">${He.expandIcon}</div>`:z}</div></div>`}renderNodeIcon(){return this.element.entity.nodeIcon()}renderNodeName(){return this.element.getNodeDisplayName()}renderTop(){const e=this.renderNodeIcon(),t=this.renderNodeName();return B`<div class="ueb-node-name">${e?B`<div class="ueb-node-name-symbol">${e}</div>`:z} ${t?B`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.getTargetType().length>0?B`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Target is ${ae.formatStringName(this.getTargetType())}</div>`:z}</div>`:z}</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(),at.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 xt extends St{#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");#ae=document.createElement("div");initialize(e){super.initialize(e),this.element.classList.add("ueb-resizeable"),this.#Q.classList.add("ueb-resizeable-top"),this.#ee.classList.add("ueb-resizeable-right"),this.#te.classList.add("ueb-resizeable-bottom"),this.#ie.classList.add("ueb-resizeable-left"),this.#ne.classList.add("ueb-resizeable-top-right"),this.#se.classList.add("ueb-resizeable-bottom-right"),this.#re.classList.add("ueb-resizeable-bottom-left"),this.#ae.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.#Q,this.#ee,this.#te,this.#ie,this.#ne,this.#se,this.#re,this.#ae)}createInputObjects(){return[...super.createInputObjects(),new ft(this.#Q,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 ft(this.#ee,this.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),this.setSizeX(this.element.sizeX+t[0])},onEndDrag:()=>this.endResize()}),new ft(this.#te,this.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.bottomBoundary(),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new ft(this.#ie,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 ft(this.#ne,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 ft(this.#se,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 ft(this.#re,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 ft(this.#ae,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 Pt extends xt{#oe=Ce.getWhite();#le=0;initialize(e){e.entity.CommentColor&&(this.#oe.setFromRGBANumber(e.entity.CommentColor.toNumber()),this.#oe.setFromHSVA(this.#oe.H.value,this.#oe.S.value,.67*Math.pow(this.#oe.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.#oe.R.value)}${Math.round(255*this.#oe.G.value)}${Math.round(255*this.#oe.B.value)}`}getDraggableElement(){return this.element.querySelector(".ueb-node-top")}render(){return B`<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.#le=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.#le:super.bottomBoundary()}leftBoundary(e=!1){return this.element.locationX}}class kt extends nt{#ue;#ce=null;#he=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)}};#de=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.#ce=this.target),this.link=at.getConstructor("ueb-link").newObject(this.target,null),this.blueprint.template.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#ue=this.blueprint.querySelectorAll("ueb-pin"),this.#ue.forEach((e=>{e!=this.target&&(e.addEventListener("mouseenter",this.#he),e.addEventListener("mouseleave",this.#de))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){if(this.#ue.forEach((e=>{e.removeEventListener("mouseenter",this.#he),e.removeEventListener("mouseleave",this.#de)})),this.enteredPin&&this.linkValid){if(this.#ce){const e=this.#ce!==this.link.sourcePin?this.link.sourcePin:this.enteredPin;if(this.#ce.isInput()&&e.isInput()||this.#ce.isOutput()&&e.isOutput()){const e=this.#ce.template.getOppositePin();this.#ce===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.#ue=null}}class Lt extends St{#pe=!1;#me=!1;#ge="";static nodeStyleClasses=["ueb-node-style-glass"];initialize(e){super.initialize(e),this.#ge=this.element.getNodeDisplayName()}render(){return B`<div class="ueb-node-border"><div class="ueb-node-wrapper">${this.#ge?B`<div class="ueb-node-top"><div class="ueb-node-name"><span class="ueb-node-name-text ueb-ellipsis-nowrap-text">${this.#ge}</span></div></div>`:z}<div class="ueb-node-content">${this.#pe?B`<div class="ueb-node-inputs"></div>`:z} ${this.#me?B`<div class="ueb-node-outputs"></div>`:z}</div></div></div>`}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>{this.#pe||=e.isInput(),this.#me||=e.isOutput();return at.getConstructor("ueb-pin").newObject(e,void 0,this.element)}))}}class Nt extends Lt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-conversion"]}class Tt extends Lt{static nodeStyleClasses=[...super.nodeStyleClasses,"ueb-node-style-operation"]}class At extends Ze{static canWrapInput=!0;#be;get iconElement(){return this.#be}#ye;get wrapperElement(){return this.#ye}isNameRendered=!0;setup(){super.setup(),this.element.nodeElement=this.element.closest("ueb-node");const e=this.element.nodeElement.template;(e instanceof Nt||e instanceof Tt)&&(this.isNameRendered=!1,this.element.requestUpdate())}createInputObjects(){return[new kt(this.element,this.blueprint,{moveEverywhere:!0,draggableElement:this.#ye})]}render(){const e=B`<div class="ueb-pin-icon">${this.renderIcon()}</div>`,t=B`<div class="ueb-pin-content">${this.isNameRendered?this.renderName():z} ${this.element.isInput()&&!this.element.entity.bDefaultValueIsIgnored?this.renderInput():B``}</div>`;return B`<div class="ueb-pin-wrapper">${this.element.isInput()?B`${e}${t}`:B`${t}${e}`}</div>`}renderIcon(){switch(this.element.entity.PinType$ContainerType.toString()){case"Array":return He.array;case"Set":return He.set;case"Map":return He.map}return"delegate"===this.element.entity.PinType$PinCategory?He.delegate:He.genericPin}renderName(){return B`<span class="ueb-pin-name">${this.element.getPinDisplayName()}</span>`}renderInput(){return B``}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.#be=this.element.querySelector(".ueb-pin-icon svg")??this.element,this.#ye=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.#ye??this.element}}class $t extends At{render(){return B`<div class="ueb-pin-wrapper"><div class="ueb-pin-icon">${this.renderIcon()}</div></div>`}}class Mt extends St{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 B`<div class="ueb-node-name">${e?B`<div class="ueb-node-name-symbol">${e}</div>`:z} ${t?B`<div class="ueb-node-name-text ueb-ellipsis-nowrap-text">${t} ${this.hasSubtitle&&this.element.entity.FunctionReference.MemberParent?B`<div class="ueb-node-subtitle-text ueb-ellipsis-nowrap-text">Custom Event</div>`:z}</div>`:z}</div>`}createDelegatePinElement(){const e=at.getConstructor("ueb-pin").newObject(this.element.getPinEntities().find((e=>!e.isHidden()&&"delegate"===e.PinType$PinCategory)),new $t,this.element);return e.template.isNameRendered=!1,e}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden()&&"delegate"!==e.PinType$PinCategory)).map((e=>at.getConstructor("ueb-pin").newObject(e,void 0,this.element)))}}class Dt extends it{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 $t{render(){return this.element.isOutput()?super.render():B``}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 Ht extends St{static#fe=new Set;#ve=null;#we;get inputPin(){return this.#we}#Ee;get outputPin(){return this.#Ee}initialize(e){super.initialize(e),this.element.classList.add("ueb-node-style-minimal")}findDirectionaPin(e){if(e.nodeElement.getType()!==te.nodeType.knot||Ht.#fe.has(e))return Ht.#fe.clear(),!0;Ht.#fe.add(e);for(let t of e.getLinks().map((e=>this.blueprint.getPin(e))))if(this.findDirectionaPin(t))return!0;return!1}render(){return B`<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=at.getConstructor("ueb-pin");return[this.#we=n.newObject(t,new Bt,this.element),this.#Ee=n.newObject(i,new Bt,this.element)]}linksChanged(){}}class zt extends Lt{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 Ot extends Dt{static properties={...Dt.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:fe.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.#Ce.forEach((t=>t.blueprint=e))}#Se;get nodeNameElement(){return this.#Se}set nodeNameElement(e){this.#Se=e}#Ce=[];boundComments=[];#xe=!1;#Pe=e=>{this.selected||this.#xe||(this.#xe=!0,this.addNextUpdatedCallbacks((()=>this.#xe=!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 Nt;if(e.FunctionReference.MemberName?.startsWith("Percent_"))return Tt;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 Tt}}if("/Script/Engine.BlueprintSetLibrary"===t)return Tt;if("/Script/Engine.BlueprintMapLibrary"===t)return Tt}switch(e.getClass()){case te.nodeType.comment:return Pt;case te.nodeType.event:case te.nodeType.customEvent:return Mt;case te.nodeType.promotableOperator:return Tt;case te.nodeType.knot:return Ht;case te.nodeType.variableGet:case te.nodeType.variableSet:return zt}return e.getDelegatePin()?Mt:St}static fromSerializedObject(e){e=e.trim();let t=se.getSerializer(Oe).deserialize(e);return Ot.newObject(t)}static newObject(e=new Oe,t=new(Ot.getTypeTemplate(e))){const i=new Ot;return i.initialize(e,t),i}initialize(e=new Oe,t=new(Ot.getTypeTemplate(e))){super.initialize(e,t),this.#Ce=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 ke({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e,this.nodeName=this.entity.Name}getPinElements(){return this.#Ce}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 fe(e?"Shown":"Hidden"),this.advancedPinDisplay=this.entity.AdvancedPinDisplay}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}class Vt extends tt{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)};#ke=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 ct)}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=>Vt.nodeSelectToggleFunction(e,!0)))}unselectAll(){this.getNodes().forEach((e=>Vt.nodeSelectToggleFunction(e,!1)))}addGraphElement(...e){const t=e=>{const i=e.currentTarget;i.removeEventListener(te.removeEventName,t);const n=i instanceof Ot?this.nodes:i instanceof bt?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 Ot&&!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.#ke[e]=this.#ke[e]??-1;do{++this.#ke[e]}while(this.nodes.find((t=>t.entity.getObjectName()==te.nodeName(e,this.#ke[e]))));n.rename(te.nodeName(e,this.#ke[e]))}this.nodes.push(i),i.addEventListener(te.removeEventName,t),this.template.nodesContainerElement?.appendChild(i)}else i instanceof bt&&!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 Ot)).forEach((t=>t.sanitizeLinks(e))),e.filter((e=>e instanceof Ot&&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",Vt);class Rt extends vt{#Le;get locationChangeCallback(){return this.#Le}set locationChangeCallback(e){this.#Le=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 yt(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 It extends Rt{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 _t extends it{windowElement;setup(){super.setup(),this.windowElement=this.closest("ueb-window")}setLocation(e,t){super.setLocation(...this.template.adjustLocation(e,t))}}class Ft extends _t{constructor(){super(),super.initialize({},new It)}static newObject(){return new Ft}initialize(){}}class Gt extends Rt{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 jt extends _t{constructor(){super(),super.initialize({},new Gt)}static newObject(){return new jt}initialize(){}}class Ut extends Ze{#Ne=()=>{this.blueprint.acknowledgeEditText(!0),this.element.selectOnFocus&&getSelection().selectAllChildren(this.element)};#Te=()=>{this.blueprint.acknowledgeEditText(!1),getSelection().removeAllRanges()};#Ae=e=>e.target.querySelectorAll("br").forEach((e=>e.remove()));#$e=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.#Ne),this.element.addEventListener("focusout",this.#Te),this.element.singleLine&&this.element.addEventListener("input",this.#Ae),this.element.blurOnEnter&&this.element.addEventListener("keydown",this.#$e)}cleanup(){super.cleanup(),this.element.removeEventListener("focus",this.#Ne),this.element.removeEventListener("focusout",this.#Te),this.element.removeEventListener("input",this.#Ae),this.element.removeEventListener("keydown",this.#$e)}}class Kt extends tt{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 Ut)}static newObject(){return new Kt}initialize(){}}class Zt extends nt{constructor(e,t,i={}){i.consumeEvent=!0,super(e,t,i)}}class Xt extends At{#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 Zt(this.#Me,this.blueprint)]}renderInput(){return B`<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}">`}}class qt extends At{renderIcon(){return He.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 B``;return B`${ae.formatStringName(e)}`}}class Yt extends At{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);#ze=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.#ze)}))}cleanup(){super.cleanup(),this.#Be.forEach((e=>{e.removeEventListener("focusout",this.#He),e.removeEventListener("input",this.#ze)}))}createInputObjects(){return[...super.createInputObjects(),...this.#Be.map((e=>new Zt(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=>Yt.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 B`<div class="ueb-pin-input"><ueb-input .singleLine="${e}" .selectOnFocus="${t}" .innerText="${Yt.stringFromUEToInput(this.element.getDefaultValue()?.toString()??"")}"></ueb-input></div>`}}class Wt extends Yt{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 Jt extends Wt{setDefaultValue(e=[],t=e){this.element.getDefaultValue(!0).value=e[0],this.inputContentElements[0].innerText=this.element.getDefaultValue()?.toString(),this.element.requestUpdate()}renderInput(){return B`<div class="ueb-pin-input"><ueb-input .singleLine="${!0}" .innerText="${this.element.getDefaultValue()?.toString()??"0"}"></ueb-input></div>`}}class Qt extends Jt{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
diff --git a/js/serialization/Grammar.js b/js/serialization/Grammar.js
index fab138a..ed134cd 100755
--- a/js/serialization/Grammar.js
+++ b/js/serialization/Grammar.js
@@ -141,7 +141,7 @@ export default class Grammar {
                 P.regex(/\(\s*/),
                 this.grammarFor(undefined, type[0]).sepBy(this.commaSeparation),
                 P.regex(/\s*(?:,\s*)?\)/),
-            ).map((_0, values, _3) => values)
+            ).map(([_0, values, _3]) => values)
         } else if (type instanceof UnionType) {
             result = type.types
                 .map(v => this.grammarFor(undefined, v))
diff --git a/scss/ueb-node.scss b/scss/ueb-node.scss
index fbdb9e8..fa8914b 100644
--- a/scss/ueb-node.scss
+++ b/scss/ueb-node.scss
@@ -76,6 +76,9 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] ueb-node.ueb-node-
     white-space: nowrap;
 }
 
+ueb-node.ueb-node-style-comment .ueb-node-top {
+    white-space: normal;
+}
 ueb-node.ueb-node-style-event .ueb-node-top {
     display: flex;
     justify-content: space-between;
@@ -330,7 +333,7 @@ ueb-node.ueb-node-style-comment .ueb-node-top {
     padding: 3px 10px;
     box-shadow: none;
     border-radius: 0;
-    background: rgb(var(--ueb-node-color)) linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3));
+    background: rgb(var(--ueb-node-color)) linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
     color: white;
     font-size: 24px;
     text-shadow: 2px 1px 1px #444, 0 0 2px #bbb;