diff --git a/dist/css/ueb-style.css b/dist/css/ueb-style.css
index 56d1b56..562f5d0 100644
--- a/dist/css/ueb-style.css
+++ b/dist/css/ueb-style.css
@@ -856,12 +856,13 @@ ueb-ui-slider {
 
 .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: 39px;
+  top: calc(50% - 1px);
   width: 5px;
   border-top: 2px solid black;
 }
@@ -875,6 +876,15 @@ ueb-ui-slider {
   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;
@@ -944,6 +954,7 @@ ueb-ui-slider {
 }
 
 .ueb-color-control .ueb-pin-input-content {
+  width: 8ch;
   line-height: 20px;
   font-family: monospace;
   color: #c0c0c0;
diff --git a/dist/css/ueb-style.css.map b/dist/css/ueb-style.css.map
index 9608133..d2bf410 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-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-type-color.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"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","file":"ueb-style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-type-color.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"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","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 87ecb19..b78eb0e 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;height:1.5em;background:rgba(0,0,0,.5);z-index:1}.ueb-viewport-zoom{margin-left:auto;color:rgba(77,77,77,.7176470588);font-size:20px}.ueb-viewport-body{position:relative;height:var(--ueb-height, 30rem);overflow:hidden;scrollbar-width:0}ueb-blueprint[data-focused=true] .ueb-viewport-body{overflow:scroll}.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;transform: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[data-zoom="7"]{--ueb-scale: 2}ueb-blueprint[data-zoom="6"]{--ueb-scale: 1.875}ueb-blueprint[data-zoom="5"]{--ueb-scale: 1.75}ueb-blueprint[data-zoom="4"]{--ueb-scale: 1.675}ueb-blueprint[data-zoom="3"]{--ueb-scale: 1.5}ueb-blueprint[data-zoom="2"]{--ueb-scale: 1.375}ueb-blueprint[data-zoom="1"]{--ueb-scale: 1.25}ueb-blueprint[data-zoom="-1"]{--ueb-scale: 0.875}ueb-blueprint[data-zoom="-2"]{--ueb-scale: 0.75}ueb-blueprint[data-zoom="-3"]{--ueb-scale: 0.675}ueb-blueprint[data-zoom="-4"]{--ueb-scale: 0.5;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint.ueb-zoom--4{--ueb-node-radius: 0 !important}ueb-blueprint[data-zoom="-5"]{--ueb-scale: 0.375;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint[data-zoom="-6"]{--ueb-scale: 0.333333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-7"]{--ueb-scale: 0.3;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-8"]{--ueb-scale: 0.266666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-9"]{--ueb-scale: 0.233333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-10"]{--ueb-scale: 0.2;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-11"]{--ueb-scale: 0.166666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}ueb-blueprint[data-zoom="-12"]{--ueb-scale: 0.133333;--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-link,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-link{--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)))}ueb-link svg path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:calc(3px/var(--ueb-scale))}ueb-link[data-dragging=true] svg path,ueb-link svg g:hover path{stroke-width:calc(6px/var(--ueb-scale));transition:stroke-width .8s}.ueb-link-message{display:block;visibility:visible;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;padding:4px 8px;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-node{display:block;position:absolute;border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.3);font-weight:lighter}.ueb-zoom--2 ueb-node{box-shadow:none}ueb-blueprint[data-scrolling=false][data-selecting=false] ueb-node{cursor:move}.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(10,10,10,.8);overflow:hidden}.ueb-zoom--2 .ueb-node-wrapper{box-shadow:none;padding:0;background:#101010}.ueb-node-top{padding:.2em .7em;box-shadow:inset 5px 1px 5px -3px #7ba1b3,inset 0 1px 0 0 #111213,inset 0 2px 0 0 #7b9eb3;border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(170deg, #5ca1dd 0%, #466980 50%, transparent 100%);color:silver;font-weight:900;white-space:nowrap}.ueb-zoom--2 .ueb-node-top{box-shadow:none;background:#345469}.ueb-zoom--2 ueb-node[data-pure-function=true] .ueb-node-top{background:#5f815a}ueb-node[data-pure-function=true] .ueb-node-top{background:linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%)}.ueb-node-name{background:radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.35) 20%, transparent 50%);margin:-0.1em -1.6em;padding:.1em 1.6em}.ueb-zoom--2 .ueb-node-name{background:none}.ueb-zoom--8 .ueb-node-name{visibility:hidden}.ueb-node-name-symbol{color:#74bff2}.ueb-node-name-symbol svg{vertical-align:middle}ueb-node[data-pure-function=true] .ueb-node-name-symbol{color:#aaeda0}.ueb-node-name-symbol path{vertical-align:middle}.ueb-node-name-text{vertical-align:baseline}.ueb-node-content{display:flex;padding:1px 0;font-weight:100;white-space:nowrap}.ueb-node-inputs{margin-right:20px;padding-left:8px}.ueb-node-outputs{margin-left:auto;padding-right:8px}.ueb-node-developmentonly{display:none;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{letter-spacing:.04em;text-shadow:1px 1px 1px #000}.ueb-zoom--6 .ueb-node-developmentonly-text{visibility:hidden}ueb-node[data-enabled-state=DevelopmentOnly] .ueb-node-developmentonly{display:block}.ueb-node-expansion{display:none;text-align:center}.ueb-zoom--8 .ueb-node-expansion{visibility:hidden}.ueb-node-expansion-icon{vertical-align:middle}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-expansion:hover{background-color:#656765;cursor:pointer}ueb-node[data-advanced-display] .ueb-node-expansion{display:block}ueb-node[data-advanced-display=Shown] .ueb-node-expansion-icon{transform:scaleY(-1)}ueb-pin{display:block;min-height:30px}.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;margin:4px 0 0 0;padding:2px 2px}.ueb-pin-wrapper>*{display:inline-block;vertical-align:middle}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[data-type=exec] .ueb-pin-icon{--ueb-pin-color: white;width:15px;height:15px}.ueb-pin-icon{width:11px;height:11px;margin-right:.5em;color:var(--ueb-pin-color)}.ueb-pin-icon svg{display:block;width:100%;height:100%}ueb-pin[data-linked=true] .ueb-pin-tofill{fill:currentColor}.ueb-pin-name{display:inline-block;vertical-align:middle}ueb-pin[data-type=exec] .ueb-pin-name{display:none}.ueb-zoom--6 .ueb-pin-content{visibility:hidden}.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:silver}.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-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;line-height:calc(1em + 1px);background:none;color:inherit;cursor:text;overflow:auto}.ueb-pin-input-content::-webkit-scrollbar{width:10px;height:10px}.ueb-pin-input-content::-webkit-scrollbar-thumb{background:#575757;border-radius:10px;margin:4px}ueb-blueprint{--ueb-pin-color-dim: #afafaf}ueb-link{--ueb-link-color: rgb(var(--ueb-link-color-rgb))}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[data-type=bool]{--ueb-pin-color-rgb: var(--ueb-pin-color-bool)}ueb-pin[data-type=class]{--ueb-pin-color-rgb: var(--ueb-pin-color-class)}ueb-pin[data-type=exec]{--ueb-pin-color-rgb: var(--ueb-pin-color-exec)}ueb-pin[data-type=int]{--ueb-pin-color-rgb: var(--ueb-pin-color-int)}ueb-pin[data-type=name]{--ueb-pin-color-rgb: var(--ueb-pin-color-name)}ueb-pin[data-type=object]{--ueb-pin-color-rgb: var(--ueb-pin-color-object)}ueb-pin[data-type=real]{--ueb-pin-color-rgb: var(--ueb-pin-color-real)}ueb-pin[data-type=rotator]{--ueb-pin-color-rgb: var(--ueb-pin-color-rotator)}ueb-pin[data-type=string]{--ueb-pin-color-rgb: var(--ueb-pin-color-string)}ueb-pin[data-type="/Script/CoreUObject.LinearColor"]{--ueb-pin-color-rgb: var(--ueb-pin-color-linear-color)}ueb-pin[data-type="/Script/CoreUObject.Rotator"]{--ueb-pin-color-rgb: var(--ueb-pin-color-rotator)}ueb-pin[data-type="/Script/CoreUObject.Transform"]{--ueb-pin-color-rgb: var(--ueb-pin-color-transform)}ueb-pin[data-type="/Script/CoreUObject.Vector"]{--ueb-pin-color-rgb: var(--ueb-pin-color-vector)}ueb-pin[data-type=vector]{--ueb-pin-color-rgb: var(--ueb-pin-color-vector)}.ueb-button{min-width:60px;border:1px solid #0f0f0f;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-window{display:block;position:absolute;border:2px solid #000;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}.ueb-color-picker-preview::before,.ueb-color-picker-preview::after{content:"";display:block;position:absolute;top:39px;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-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{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;height:1.5em;background:rgba(0,0,0,.5);z-index:1}.ueb-viewport-zoom{margin-left:auto;color:rgba(77,77,77,.7176470588);font-size:20px}.ueb-viewport-body{position:relative;height:var(--ueb-height, 30rem);overflow:hidden;scrollbar-width:0}ueb-blueprint[data-focused=true] .ueb-viewport-body{overflow:scroll}.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;transform: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[data-zoom="7"]{--ueb-scale: 2}ueb-blueprint[data-zoom="6"]{--ueb-scale: 1.875}ueb-blueprint[data-zoom="5"]{--ueb-scale: 1.75}ueb-blueprint[data-zoom="4"]{--ueb-scale: 1.675}ueb-blueprint[data-zoom="3"]{--ueb-scale: 1.5}ueb-blueprint[data-zoom="2"]{--ueb-scale: 1.375}ueb-blueprint[data-zoom="1"]{--ueb-scale: 1.25}ueb-blueprint[data-zoom="-1"]{--ueb-scale: 0.875}ueb-blueprint[data-zoom="-2"]{--ueb-scale: 0.75}ueb-blueprint[data-zoom="-3"]{--ueb-scale: 0.675}ueb-blueprint[data-zoom="-4"]{--ueb-scale: 0.5;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint.ueb-zoom--4{--ueb-node-radius: 0 !important}ueb-blueprint[data-zoom="-5"]{--ueb-scale: 0.375;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint[data-zoom="-6"]{--ueb-scale: 0.333333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-7"]{--ueb-scale: 0.3;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-8"]{--ueb-scale: 0.266666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-9"]{--ueb-scale: 0.233333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-10"]{--ueb-scale: 0.2;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-11"]{--ueb-scale: 0.166666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}ueb-blueprint[data-zoom="-12"]{--ueb-scale: 0.133333;--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-link,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-link{--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)))}ueb-link svg path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:calc(3px/var(--ueb-scale))}ueb-link[data-dragging=true] svg path,ueb-link svg g:hover path{stroke-width:calc(6px/var(--ueb-scale));transition:stroke-width .8s}.ueb-link-message{display:block;visibility:visible;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;padding:4px 8px;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-node{display:block;position:absolute;border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.3);font-weight:lighter}.ueb-zoom--2 ueb-node{box-shadow:none}ueb-blueprint[data-scrolling=false][data-selecting=false] ueb-node{cursor:move}.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(10,10,10,.8);overflow:hidden}.ueb-zoom--2 .ueb-node-wrapper{box-shadow:none;padding:0;background:#101010}.ueb-node-top{padding:.2em .7em;box-shadow:inset 5px 1px 5px -3px #7ba1b3,inset 0 1px 0 0 #111213,inset 0 2px 0 0 #7b9eb3;border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(170deg, #5ca1dd 0%, #466980 50%, transparent 100%);color:silver;font-weight:900;white-space:nowrap}.ueb-zoom--2 .ueb-node-top{box-shadow:none;background:#345469}.ueb-zoom--2 ueb-node[data-pure-function=true] .ueb-node-top{background:#5f815a}ueb-node[data-pure-function=true] .ueb-node-top{background:linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%)}.ueb-node-name{background:radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.35) 20%, transparent 50%);margin:-0.1em -1.6em;padding:.1em 1.6em}.ueb-zoom--2 .ueb-node-name{background:none}.ueb-zoom--8 .ueb-node-name{visibility:hidden}.ueb-node-name-symbol{color:#74bff2}.ueb-node-name-symbol svg{vertical-align:middle}ueb-node[data-pure-function=true] .ueb-node-name-symbol{color:#aaeda0}.ueb-node-name-symbol path{vertical-align:middle}.ueb-node-name-text{vertical-align:baseline}.ueb-node-content{display:flex;padding:1px 0;font-weight:100;white-space:nowrap}.ueb-node-inputs{margin-right:20px;padding-left:8px}.ueb-node-outputs{margin-left:auto;padding-right:8px}.ueb-node-developmentonly{display:none;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{letter-spacing:.04em;text-shadow:1px 1px 1px #000}.ueb-zoom--6 .ueb-node-developmentonly-text{visibility:hidden}ueb-node[data-enabled-state=DevelopmentOnly] .ueb-node-developmentonly{display:block}.ueb-node-expansion{display:none;text-align:center}.ueb-zoom--8 .ueb-node-expansion{visibility:hidden}.ueb-node-expansion-icon{vertical-align:middle}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-expansion:hover{background-color:#656765;cursor:pointer}ueb-node[data-advanced-display] .ueb-node-expansion{display:block}ueb-node[data-advanced-display=Shown] .ueb-node-expansion-icon{transform:scaleY(-1)}ueb-pin{display:block;min-height:30px}.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;margin:4px 0 0 0;padding:2px 2px}.ueb-pin-wrapper>*{display:inline-block;vertical-align:middle}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[data-type=exec] .ueb-pin-icon{--ueb-pin-color: white;width:15px;height:15px}.ueb-pin-icon{width:11px;height:11px;margin-right:.5em;color:var(--ueb-pin-color)}.ueb-pin-icon svg{display:block;width:100%;height:100%}ueb-pin[data-linked=true] .ueb-pin-tofill{fill:currentColor}.ueb-pin-name{display:inline-block;vertical-align:middle}ueb-pin[data-type=exec] .ueb-pin-name{display:none}.ueb-zoom--6 .ueb-pin-content{visibility:hidden}.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:silver}.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-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;line-height:calc(1em + 1px);background:none;color:inherit;cursor:text;overflow:auto}.ueb-pin-input-content::-webkit-scrollbar{width:10px;height:10px}.ueb-pin-input-content::-webkit-scrollbar-thumb{background:#575757;border-radius:10px;margin:4px}ueb-blueprint{--ueb-pin-color-dim: #afafaf}ueb-link{--ueb-link-color: rgb(var(--ueb-link-color-rgb))}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[data-type=bool]{--ueb-pin-color-rgb: var(--ueb-pin-color-bool)}ueb-pin[data-type=class]{--ueb-pin-color-rgb: var(--ueb-pin-color-class)}ueb-pin[data-type=exec]{--ueb-pin-color-rgb: var(--ueb-pin-color-exec)}ueb-pin[data-type=int]{--ueb-pin-color-rgb: var(--ueb-pin-color-int)}ueb-pin[data-type=name]{--ueb-pin-color-rgb: var(--ueb-pin-color-name)}ueb-pin[data-type=object]{--ueb-pin-color-rgb: var(--ueb-pin-color-object)}ueb-pin[data-type=real]{--ueb-pin-color-rgb: var(--ueb-pin-color-real)}ueb-pin[data-type=rotator]{--ueb-pin-color-rgb: var(--ueb-pin-color-rotator)}ueb-pin[data-type=string]{--ueb-pin-color-rgb: var(--ueb-pin-color-string)}ueb-pin[data-type="/Script/CoreUObject.LinearColor"]{--ueb-pin-color-rgb: var(--ueb-pin-color-linear-color)}ueb-pin[data-type="/Script/CoreUObject.Rotator"]{--ueb-pin-color-rgb: var(--ueb-pin-color-rotator)}ueb-pin[data-type="/Script/CoreUObject.Transform"]{--ueb-pin-color-rgb: var(--ueb-pin-color-transform)}ueb-pin[data-type="/Script/CoreUObject.Vector"]{--ueb-pin-color-rgb: var(--ueb-pin-color-vector)}ueb-pin[data-type=vector]{--ueb-pin-color-rgb: var(--ueb-pin-color-vector)}.ueb-button{min-width:60px;border:1px solid #0f0f0f;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-window{display:block;position:absolute;border:2px solid #000;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 aab8f4c..a1477c6 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-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-type-color.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,iBACA,iCACA,eAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,0BACI,gCAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,yEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBCzUJ,SACI,kEAEA,wEACA,cACA,6CACA,8CAKA,kBAIJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FAGJ,kBACI,mBACA,6BACA,wCAGJ,gEAEI,wCACA,4BAGJ,kBACI,cACA,mBACA,kBACA,mDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,+BACA,mBACA,gBCxDJ,SACI,cACA,kBACA,qCACA,uDACA,oBAGJ,sBACI,gBAGJ,mEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,kBACA,WACI,+EAGJ,gEACA,8EACA,aACA,gBACA,mBAGJ,2BACI,gBACA,mBAGJ,6DACI,mBAGJ,gDACI,8EAIJ,eACI,mGACA,qBACA,mBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,cAGJ,0BACI,sBAGJ,wDACI,cAGJ,2BACI,sBAGJ,oBACI,wBAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,qBACA,6BAGJ,4CACI,kBAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,iCACI,kBAGJ,yBACI,sBAGJ,oFACI,yBACA,eAGJ,oDACI,cAGJ,+DACI,qBCnMJ,QACI,cACA,gBAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,sCACI,uBACA,WACA,YAGJ,cACI,WACA,YACA,kBACA,2BAGJ,kBACI,cACA,WACA,YAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,sCACI,aAGJ,8BACI,kBAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,aAEA,4FAII,yCACA,aAIR,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,YACA,cAEA,0CACI,WACA,YAGJ,gDACI,mBACA,mBACA,WCrJR,cACI,6BAGJ,SACI,iDAGJ,QACI,4NAMA,+CAGJ,wBACI,+CAGJ,yBACI,gDAGJ,wBACI,+CAGJ,uBACI,8CAGJ,wBACI,+CAGJ,0BACI,iDAGJ,wBACI,+CAGJ,2BACI,kDAGJ,0BACI,iDAGJ,qDACI,uDAGJ,iDACI,kDAGJ,mDACI,oDAGJ,gDACI,iDAGJ,0BACI,iDCvEJ,YACI,eACA,yBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eC3FR,WACI,cACA,kBACA,sBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBAEA,mEAEI,WACA,cACA,kBACA,SACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,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,iBACA,sBACA","file":"ueb-style.min.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-type-color.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,iBACA,iCACA,eAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,0BACI,gCAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,yEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBCzUJ,SACI,kEAEA,wEACA,cACA,6CACA,8CAKA,kBAIJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FAGJ,kBACI,mBACA,6BACA,wCAGJ,gEAEI,wCACA,4BAGJ,kBACI,cACA,mBACA,kBACA,mDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,+BACA,mBACA,gBCxDJ,SACI,cACA,kBACA,qCACA,uDACA,oBAGJ,sBACI,gBAGJ,mEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,kBACA,WACI,+EAGJ,gEACA,8EACA,aACA,gBACA,mBAGJ,2BACI,gBACA,mBAGJ,6DACI,mBAGJ,gDACI,8EAIJ,eACI,mGACA,qBACA,mBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,cAGJ,0BACI,sBAGJ,wDACI,cAGJ,2BACI,sBAGJ,oBACI,wBAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,qBACA,6BAGJ,4CACI,kBAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,iCACI,kBAGJ,yBACI,sBAGJ,oFACI,yBACA,eAGJ,oDACI,cAGJ,+DACI,qBCnMJ,QACI,cACA,gBAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,sCACI,uBACA,WACA,YAGJ,cACI,WACA,YACA,kBACA,2BAGJ,kBACI,cACA,WACA,YAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,sCACI,aAGJ,8BACI,kBAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,aAEA,4FAII,yCACA,aAIR,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,YACA,cAEA,0CACI,WACA,YAGJ,gDACI,mBACA,mBACA,WCrJR,cACI,6BAGJ,SACI,iDAGJ,QACI,4NAMA,+CAGJ,wBACI,+CAGJ,yBACI,gDAGJ,wBACI,+CAGJ,uBACI,8CAGJ,wBACI,+CAGJ,0BACI,iDAGJ,wBACI,+CAGJ,2BACI,kDAGJ,0BACI,iDAGJ,qDACI,uDAGJ,iDACI,kDAGJ,mDACI,oDAGJ,gDACI,iDAGJ,0BACI,iDCvEJ,YACI,eACA,yBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eC3FR,WACI,cACA,kBACA,sBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBACA,sBAEA,mEAEI,WACA,cACA,kBACA,oBACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,8BACI,aAGJ,wDAEI,UAGJ,2BACI,aACA,gBACA,gBAGJ,oDACI,aACA,sBACA,8BACA,YACA,UAGJ,wDACI,aACA,mBACA,kBAEA,4DACI,YAIR,kDACI,YAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,2BACI,WAGJ,mBACI,oBAGJ,yBACI,iBACA,aAGJ,0CACI,UACA,iBACA,sBACA","file":"ueb-style.min.css"}
\ No newline at end of file
diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js
index 01ba4c7..b45a44e 100755
--- a/dist/ueblueprint.js
+++ b/dist/ueblueprint.js
@@ -25,6 +25,7 @@ var t$1;const i$2=globalThis.trustedTypes,s$1=i$2?i$2.createPolicy("lit-html",{c
  */var l,o;class s extends a$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=T(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 b}}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");
 
 class Configuration {
+    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"
@@ -4199,7 +4200,7 @@ class ColorPickerWindowTemplate extends WindowTemplate {
     }
 
     #hexRGBHandler =
-        /** @param {FocusEvent} v */
+        /** @param {UIEvent} v */
         v => {
             // Faster than innerText which causes reflow
             const input = Utility.clearHTMLWhitespace(/** @type {HTMLElement} */(v.target).innerHTML);
@@ -4212,7 +4213,7 @@ class ColorPickerWindowTemplate extends WindowTemplate {
         }
 
     #hexSRGBHandler =
-        /** @param {FocusEvent} v */
+        /** @param {UIEvent} v */
         v => {
             // Faster than innerText which causes reflow
             const input = Utility.clearHTMLWhitespace(/** @type {HTMLElement} */(v.target).innerHTML);
@@ -4224,6 +4225,17 @@ class ColorPickerWindowTemplate extends WindowTemplate {
             this.element.requestUpdate();
         }
 
+    #doOnEnter =
+        /** @param {(e: UIEvent) => void} action */
+        action =>
+            /** @param {KeyboardEvent} e */
+            e => {
+                if (e.code == "Enter") {
+                    action(e);
+                    e.preventDefault();
+                }
+            }
+
     #color = new LinearColorEntity()
     get color() {
         return this.#color
@@ -4371,7 +4383,7 @@ class ColorPickerWindowTemplate extends WindowTemplate {
             case 3:
                 channelLetter = "a";
                 channelValue = this.color.A.value;
-                background = `repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px, ${getCommonBackground(channel)}`;
+                background = `${Configuration.alphaPattern}, ${getCommonBackground(channel)}`;
                 break
             case 4:
                 channelLetter = "h";
@@ -4435,7 +4447,8 @@ class ColorPickerWindowTemplate extends WindowTemplate {
             "--ueb-color-wheel-x": `${Math.round(this.color.S.value * Math.cos(theta) * wheelRadius + wheelRadius)}px`,
             "--ueb-color-wheel-y": `${Math.round(this.color.S.value * Math.sin(theta) * wheelRadius + wheelRadius)}px`,
         };
-        this.color.toRGBAString();
+        const colorRGB = this.color.toRGBAString();
+        const colorSRGB = this.color.toSRGBAString();
         const fullColorHex = this.fullColor.toRGBAString();
         return $`
             <div class="ueb-color-picker" style="${i(style)}">
@@ -4455,8 +4468,13 @@ class ColorPickerWindowTemplate extends WindowTemplate {
                         <div class="ueb-color-picker-preview-old "
                             style="background: #${this.#initialColor.toRGBAString()}">
                         </div>
-                        <div class="ueb-color-picker-preview-new"
-                            style="background: #${this.color.toRGBAString()}">
+                        <div class="ueb-color-picker-preview-new">
+                            <div class="ueb-color-picker-preview-1"
+                                style="background: #${this.#colorHexReplace(3, "FF")}">
+                            </div>
+                            <div class="ueb-color-picker-preview-2"
+                                style="background: ${`linear-gradient(#${colorRGB}, #${colorRGB}),${Configuration.alphaPattern}`}">
+                            </div>
                         </div>
                         New
                     </div>
@@ -4479,8 +4497,9 @@ class ColorPickerWindowTemplate extends WindowTemplate {
                             <span class="ueb-color-control-label">Hex Linear</span>
                             <div class="ueb-color-picker-hex-linear ueb-text-input">
                                 <span class="ueb-pin-input-content" role="textbox" contenteditable="true"
-                                    .innerText="${this.color.toRGBAString()}"
-                                    @focusout="${this.#hexRGBHandler}">
+                                    .innerText="${colorRGB}"
+                                    @focusout="${this.#hexRGBHandler}"
+                                    @keydown="${this.#doOnEnter(this.#hexRGBHandler)}">
                                 </span>
                             </div>
                         </div>
@@ -4488,8 +4507,9 @@ class ColorPickerWindowTemplate extends WindowTemplate {
                             <span class="ueb-color-control-label">Hex sRGB</span>
                             <div class="ueb-color-picker-hex-srgb ueb-text-input">
                                 <span class="ueb-pin-input-content" role="textbox" contenteditable="true"
-                                    .innerText="${this.color.toSRGBAString()}"
-                                    @focusout="${this.#hexSRGBHandler}">
+                                    .innerText="${colorSRGB}"
+                                    @focusout="${this.#hexSRGBHandler}"
+                                    @keydown="${this.#doOnEnter(this.#hexSRGBHandler)}">
                                 </span>
                             </div>
                         </div>
diff --git a/dist/ueblueprint.min.js b/dist/ueblueprint.min.js
index 3ce266a..a64ae43 100644
--- a/dist/ueblueprint.min.js
+++ b/dist/ueblueprint.min.js
@@ -20,7 +20,7 @@ var m;p.finalized=!0,p.elementProperties=new Map,p.elementStyles=[],p.shadowRoot
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var K,X;null==q||q(I,z),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:globalThis.litHtmlVersions=[]).push("2.2.7");class Y extends p{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const n=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=n.firstChild),n}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{var i,r;const s=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:t;let o=s._$litPart$;if(void 0===o){const e=null!==(r=null==n?void 0:n.renderBefore)&&void 0!==r?r:null;s._$litPart$=o=new z(t.insertBefore(w(),e),e,void 0,null!=n?n:{})}return o._$AI(e),o})(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 T}}Y.finalized=!0,Y._$litElement$=!0,null===(K=globalThis.litElementHydrateSupport)||void 0===K||K.call(globalThis,{LitElement:Y});const Z=globalThis.litElementPolyfillSupport;null==Z||Z({LitElement:Y}),(null!==(X=globalThis.litElementVersions)&&void 0!==X?X:globalThis.litElementVersions=[]).push("3.2.2");class J{static colorDragEventName="ueb-color-drag";static colorPickEventName="ueb-color-pick";static colorWindowEventName="ueb-color-window";static deleteNodesKeyboardKey="Delete";static dragGeneralEventName="ueb-drag-general";static dragEventName="ueb-drag";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 linkCurveHeight=15;static linkCurveWidth=80;static linkMinWidth=100;static linkRightSVGPath=(e,t,n)=>{let i=100-e;return`M ${e} 0 C ${t} 0, ${n} 0, 50 50 S ${i-t+e} 100, ${i} 100`};static maxZoom=7;static minZoom=-12;static mouseWheelFactor=.2;static nodeDeleteEventName="ueb-node-delete";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 pinColor={"/Script/CoreUObject.LinearColor":r``,"/Script/CoreUObject.Rotator":r``,"/Script/CoreUObject.Transform":r``,"/Script/CoreUObject.Vector":r``,bool:r``,default:r``,exec:r``,name:r``,real:r``,string:r``};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static windowApplyEventName="ueb-window-apply";static windowCancelEventName="ueb-window-cancel";static windowCloseEventName="ueb-window-close";static ModifierKeys=["Ctrl","Shift","Alt","Meta"];static Keys={Backspace:"Backspace",Tab:"Tab",LeftControl:"ControlLeft",RightControl:"ControlRight",LeftShift:"ShiftLeft",RightShift:"ShiftRight",LeftAlt:"AltLeft",RightAlt:"AltRight",Enter:"Enter",Pause:"Pause",CapsLock:"CapsLock",Escape:"Escape",Space:"Space",PageUp:"PageUp",PageDown:"PageDown",End:"End",Home:"Home",ArrowLeft:"Left",ArrowUp:"Up",ArrowRight:"Right",ArrowDown:"Down",PrintScreen:"PrintScreen",Insert:"Insert",Delete:"Delete",Zero:"Digit0",One:"Digit1",Two:"Digit2",Three:"Digit3",Four:"Digit4",Five:"Digit5",Six:"Digit6",Seven:"Digit7",Eight:"Digit8",Nine:"Digit9",A:"KeyA",B:"KeyB",C:"KeyC",D:"KeyD",E:"KeyE",F:"KeyF",G:"KeyG",H:"KeyH",I:"KeyI",K:"KeyK",L:"KeyL",M:"KeyM",N:"KeyN",O:"KeyO",P:"KeyP",Q:"KeyQ",R:"KeyR",S:"KeyS",T:"KeyT",U:"KeyU",V:"KeyV",W:"KeyW",X:"KeyX",Y:"KeyY",Z:"KeyZ",NumPadZero:"Numpad0",NumPadOne:"Numpad1",NumPadTwo:"Numpad2",NumPadThree:"Numpad3",NumPadFour:"Numpad4",NumPadFive:"Numpad5",NumPadSix:"Numpad6",NumPadSeven:"Numpad7",NumPadEight:"Numpad8",NumPadNine:"Numpad9",Multiply:"NumpadMultiply",Add:"NumpadAdd",Subtract:"NumpadSubtract",Decimal:"NumpadDecimal",Divide:"NumpadDivide",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",NumLock:"NumLock",ScrollLock:"ScrollLock"}}class Q{#e;get target(){return this.#e}#t;get blueprint(){return this.#t}options;constructor(e,t,n={}){n.consumeEvent??=!1,n.listenOnFocus??=!1,n.unlistenOnTextEdit??=!1,this.#e=e,this.#t=t,this.options=n;let i=this;this.listenHandler=e=>i.listenEvents(),this.unlistenHandler=e=>i.unlistenEvents(),this.options.listenOnFocus&&(this.blueprint.addEventListener(J.focusEventName.begin,this.listenHandler),this.blueprint.addEventListener(J.focusEventName.end,this.unlistenHandler)),this.options.unlistenOnTextEdit&&(this.blueprint.addEventListener(J.editTextEventName.begin,this.unlistenHandler),this.blueprint.addEventListener(J.editTextEventName.end,this.listenHandler))}unlistenDOMElement(){this.unlistenEvents(),this.blueprint.removeEventListener(J.focusEventName.begin,this.listenHandler),this.blueprint.removeEventListener(J.focusEventName.end,this.unlistenHandler),this.blueprint.removeEventListener(J.editTextEventName.begin,this.unlistenHandler),this.blueprint.removeEventListener(J.editTextEventName.end,this.listenHandler)}listenEvents(){}unlistenEvents(){}}class ee{#n;constructor(e){this.#n=e}calculate(e){return this.#n(e)}}class te{static#i=new Map;static registerSerializer(e,t){te.#i.set(e,t)}static getSerializer(e){return te.#i.get(e)}}class ne{#r;get type(){return this.#r}set type(e){this.#r=e}#s=!0;get showDefault(){return this.#s}set showDefault(e){this.#s=e}#o;get value(){return this.#o}set value(e){this.#o=e}#a;get serialized(){return this.#a}set serialized(e){this.#a=e}#l;get ignored(){return this.#l}set ignored(e){this.#l=e}static sanitize(e,t){return void 0===t&&(t=e?.constructor),t&&!(e?.constructor===t||e instanceof t)&&(e=new t(e)),(e instanceof Boolean||e instanceof Number||e instanceof String)&&(e=e.valueOf()),e}constructor(e,t=!0,n,i=!1,r=!1){void 0===n&&(n=e instanceof Array?[]:i?"":()=>ne.sanitize(new e)),this.#r=e,this.#s=t,this.#o=n,this.#a=i,this.#l=r}}class ie{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 clamp(e,t,n){return Math.min(Math.max(e,t),n)}static getScale(e){const t=getComputedStyle(e).getPropertyValue("--ueb-scale");return""!=t?parseFloat(t):1}static minDecimals(e,t=1){const n=e*10**t;return Math.abs(n%1)>Number.EPSILON?e.toString():e.toFixed(t)}static roundDecimals(e,t=1){const n=10**t;return Math.round(e*n)/n}static convertLocation(e,t){const n=1/ie.getScale(t),i=t.getBoundingClientRect();return[Math.round((e[0]-i.x)*n),Math.round((e[1]-i.y)*n)]}static isSerialized(e,t,n=ie.objectGet(e.constructor.attributes,t)){return n instanceof ee?ie.isSerialized(e,t,n.calculate(e)):n instanceof ne&&(!!n.serialized||ie.isSerialized(e,t,n.type))}static objectGet(e,t,n){if(void 0!==e){if(!(t instanceof Array))throw new TypeError("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]]:ie.objectGet(e[t[0]],t.slice(1),n):n}}static objectSet(e,t,n,i=!1,r=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(i||t[0]in e||void 0===e[t[0]])return e[t[0]]=n,!0}else if(t.length>0)return!i||e[t[0]]instanceof Object||(e[t[0]]=new r),ie.objectSet(e[t[0]],t.slice(1),n,i,r);return!1}static equals(e,t){return(e=ne.sanitize(e))===(t=ne.sanitize(t))||(e instanceof Array&&t instanceof Array?e.length==t.length&&!e.find(((e,n)=>!ie.equals(e,t[n]))):void 0)}static getType(e){return null===e?null:e instanceof ne?ie.getType(e.type):e instanceof Function?e:e?.constructor}static snapToGrid(e,t){return 1===t?e:[t*Math.round(e[0]/t),t*Math.round(e[1]/t)]}static mergeArrays(e=[],t=[]){let n=[];for(let i=0;i<t.length;++i)for(let r=0;r<e.length;++r)if(e[r]==t[i]){n.push(...e.splice(0,r),...t.splice(0,i),...e.splice(0,1)),i=0,r=0,t.shift();break}return[...new Set(n.concat(...e,...t))]}static escapeString(e,t=!1){return e.replaceAll('"','\\"').replaceAll("\n","\\n")}static unescapeString(e,t=!1){return e.replaceAll('\\"','"').replaceAll("\\n","\n")}static clearHTMLWhitespace(e){return e.replaceAll("&nbsp;"," ").replaceAll("<br>","\n")}static formatStringName(e){return e.trim().replace(/^b/,"").replaceAll(/(?<=[a-z])(?=[A-Z])|_|\s+/g," ")}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,"-").toLocaleLowerCase()}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],n=!1){let i=Math.atan2(t,e);return n&&i<0&&(i=2*Math.PI+i),[Math.sqrt(e*e+t*t),i]}static getCartesianCoordinates([e,t]){return[e*Math.cos(t),e*Math.sin(t)]}static range(e,t,n=1){return Array.from({length:Math.ceil((t-e)/n)},((t,i)=>e+i*n))}}class re extends class{#u=new Map;subscribe(e,t){let n=this.#u;if(n.has(e)){let i=n.get(e);if(i.includes(t))return!1;i.push(t)}else{let i=!1,r=Object.getOwnPropertyDescriptor(this,e);if(!r&&(i=!0,r=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(this),e)??{},!r))return!1;n.set(e,[t]);const s="value"in r,o="set"in r;if(!s&&!o)throw new Error(`Property ${e} is not a value or a setter`);const a=Symbol.for(e+"Storage"),l=Symbol.for(e+"ValInfo");Object.defineProperties(i?Object.getPrototypeOf(this):this,{[a]:{configurable:!0,enumerable:!1,...s?{value:this[e],writable:!0}:{get:r.get,set:r.set}},[l]:{configurable:!0,enumerable:!1,value:[i,s]},[e]:{configurable:!0,...s&&{get(){return this[a]}},set(t){this[a]=t,n.get(e).forEach((t=>{t(this[e])}))}}})}return!0}unsubscribe(e,t){let n=this.#u.get(e);if(!n?.includes(t))return!1;if(n.splice(n.indexOf(t),1),0==n.length){const t=Symbol.for(e+"Storage"),n=Symbol.for(e+"ValInfo"),i=this[n][0];this[n][1],Object.defineProperty(i?Object.getPrototypeOf(this):this,e,Object.getOwnPropertyDescriptor(i?Object.getPrototypeOf(this):this,t)),delete this[n],delete this[t]}return!0}}{static attributes={};constructor(e){super();const t=(e,n,i,r="")=>{for(let s of ie.mergeArrays(Object.getOwnPropertyNames(n),Object.getOwnPropertyNames(i??{}))){let o=ie.objectGet(i,[s]),a=n[s],l=ie.getType(a);if(a instanceof ee&&(a=a.calculate(this),l=ie.getType(a)),s in n?s in i||void 0===a||a instanceof ne&&!a.showDefault||console.warn(`${this.constructor.name} will add attribute ${r}${s} not defined in the serialized data`):console.warn(`Attribute ${r}${s} in the serialized data is not defined in ${this.constructor.name}.attributes`),l!==Object)if(void 0===o){if(a instanceof ne){if(!a.showDefault){e[s]=void 0;continue}a.serialized?a="":(l=a.type,a=a.value,a instanceof Function&&(a=a()))}a instanceof Array&&(a=[]),e[s]=ne.sanitize(a,l)}else o?.constructor===String&&a instanceof ne&&a.serialized&&a.type!==String&&(o=te.getSerializer(a.type).deserialize(o)),e[s]=ne.sanitize(o,ie.getType(a));else e[s]={},t(e[s],n[s],i[s],s+".")}},n=this.constructor.attributes;e.constructor!==Object&&1==Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),t(this,n,e)}}class se extends re{static attributes={type:String,path:String};constructor(e={}){super(e),this.type,this.path}}class oe extends re{static attributes={MemberParent:se,MemberName:""};constructor(e={}){super(e),this.MemberParent,this.MemberName}}class ae extends re{static attributes={value:String};static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let n="";return t.forEach((e=>{n+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new ae({value:n})}constructor(e={}){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class le extends re{static attributes={value:String};static attributeConverter={fromAttribute:(e,t)=>new le(e),toAttribute:(e,t)=>e.toString()};constructor(e={}){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ue extends re{static attributes={value:Number};constructor(e=0){super(e),this.value=Math.round(this.value)}valueOf(){return this.value}toString(){return this.value.toString()}}class ce extends re{static lookbehind="INVTEXT";static attributes={value:String};constructor(e={}){super(e),this.value}}class he extends re{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:le};constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class de extends re{static attributes={value:0};constructor(e=0){super(e),this.value=ie.clamp(this.value,0,1)}valueOf(){return this.value}toString(){return this.value.toFixed(6)}}class pe extends re{static attributes={R:de,G:de,B:de,A:new ne(de,!0,(()=>new de(1)),!1,!0),H:new ne(de,!0,void 0,!1,!0),S:new ne(de,!0,void 0,!1,!0),V:new ne(de,!0,void 0,!1,!0)};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)}constructor(e={}){super(e),this.R,this.G,this.B,this.A,this.H,this.S,this.V,this.#c()}#c(){const e=this.R.value,t=this.G.value,n=this.B.value;if(!(Math.abs(e-t)>Number.EPSILON||Math.abs(e-n)>Number.EPSILON||Math.abs(t-n)>Number.EPSILON))return void(this.V.value=0);const i=Math.max(e,t,n),r=Math.min(e,t,n),s=i-r;let o;switch(i){case r:o=0;break;case e:o=(t-n)/s+(t<n?6:0);break;case t:o=(n-e)/s+2;break;case n:o=(e-t)/s+4}o/=6,this.H.value=o,this.S.value=0==i?0:s/i,this.V.value=i}setFromRGBA([e,t,n,i=1]){this.R.value=e,this.G.value=t,this.B.value=n,this.A.value=i,this.#c()}setFromHSVA(e,t,n,i=1){const r=Math.floor(6*e),s=6*e-r,o=n*(1-t),a=[n,n*(1-s*t),o,o,n*(1-(1-s)*t),n],[l,u,c]=[a[r%6],a[(r+4)%6],a[(r+2)%6]];this.R.value=l,this.G.value=u,this.B.value=c,this.A.value=i,this.H.value=e,this.S.value=t,this.V.value=n}setFromWheelLocation([e,t],n,i){const[r,s]=ie.getPolarCoordinates([e,t],!0);this.setFromHSVA(1-s/(2*Math.PI),r,n,i)}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*pe.linearToSRGB(this.R.value)),Math.round(255*pe.linearToSRGB(this.G.value)),Math.round(255*pe.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(){const e=this.R.value,t=this.G.value,n=this.B.value,i=this.A.value,r=Math.max(e,t,n),s=Math.min(e,t,n),o=0==r?0:(r-s)/r,a=r;return[this.H.value,o,a,i]}toNumber(){return(this.R.value<<24)+(this.G.value<<16)+(this.B.value<<8)+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.#c()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=pe.sRGBtoLinear((e>>8&255)/255),this.G.value=pe.sRGBtoLinear((e>>16&255)/255),this.R.value=pe.sRGBtoLinear((e>>24&255)/255),this.#c()}toString(){return ie.printLinearColor(this)}}class me extends re{static lookbehind="NSLOCTEXT";static attributes={namespace:String,key:String,value:String};constructor(e={}){super(e),this.namespace,this.key,this.value}}class ge extends re{static attributes={value:String};constructor(e={}){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ve extends re{static attributes={objectName:ge,pinGuid:ae};constructor(e={}){super(e),this.objectName,this.pinGuid}}class be extends re{static attributes={R:Number,P:Number,Y:Number};constructor(e={}){super(e),this.R,this.P,this.Y}}class fe extends be{}class ye extends re{static attributes={X:Number,Y:Number,Z:Number};constructor(e={}){super(e),this.X,this.Y,this.Z}}class Ee extends ye{}class we extends re{static#h={"/Script/CoreUObject.LinearColor":pe,"/Script/CoreUObject.Rotator":be,"/Script/CoreUObject.Vector":ye,bool:Boolean,exec:String,name:String,real:Number,string:String};static#d={"/Script/CoreUObject.Vector":Ee,"/Script/CoreUObject.Rotator":fe};static lookbehind="Pin";static attributes={PinId:ae,PinName:"",PinFriendlyName:new ne(me,!1,null),PinToolTip:"",Direction:new ne(String,!1,""),PinType:{PinCategory:"",PinSubCategory:"",PinSubCategoryObject:se,PinSubCategoryMemberReference:null,PinValueType:null,ContainerType:se,bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1},LinkedTo:new ne([ve],!1),DefaultValue:new ee((e=>new ne(we.getEntityType(e.getType(),!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new ne(String,!1),DefaultObject:new ne(se,!1,null),PersistentGuid:ae,bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};static getEntityType(e,t=!1){const[n,i]=[this.#h[e],this.#d[e]];return t&&void 0!==i?i:n}constructor(e={}){super(e),this.PinId,this.PinName,this.PinFriendlyName,this.PinToolTip,this.Direction,this.PinType,this.LinkedTo,this.DefaultValue,this.AutogeneratedDefaultValue,this.DefaultObject,this.PersistentGuid,this.bHidden,this.bNotConnectable,this.bDefaultValueIsReadOnly,this.bDefaultValueIsIgnored,this.bAdvancedView,this.bOrphanedPin}getType(){return"struct"==this.PinType.PinCategory?this.PinType.PinSubCategoryObject.path:this.PinType.PinCategory}getDefaultValue(){return this.DefaultValue}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){this.LinkedTo;const n=this.LinkedTo?.find((n=>n.objectName.toString()==e&&n.pinGuid.valueOf()==t.PinId.valueOf()));return!n&&((this.LinkedTo??(this.LinkedTo=[])).push(new ve({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const n=this.LinkedTo?.findIndex((n=>n.objectName.toString()==e&&n.pinGuid.valueOf()==t.PinId.valueOf()));return n>=0&&(1==this.LinkedTo.length?this.LinkedTo=void 0:this.LinkedTo.splice(n,1),!0)}getSubCategory(){return this.PinType.PinSubCategoryObject.path}}class Se extends re{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class ke extends re{static attributes={Class:se,Name:"",bIsPureFunc:new ne(Boolean,!1,!1),VariableReference:new ne(Se,!1,null),FunctionReference:new ne(oe,!1,null),EventReference:new ne(oe,!1,null),TargetType:new ne(se,!1,null),NodePosX:ue,NodePosY:ue,AdvancedPinDisplay:new ne(le,!1,null),EnabledState:new ne(le,!1,null),NodeGuid:ae,ErrorType:new ne(ue,!1),ErrorMsg:new ne(String,!1,""),CustomProperties:[we]};static nameRegex=/(\w+)_(\d+)/;constructor(e={}){super(e),this.Class,this.Name,this.bIsPureFunc,this.VariableReference,this.FunctionReference,this.EventReference,this.TargetType,this.NodePosX,this.NodePosY,this.AdvancedPinDisplay,this.EnabledState,this.NodeGuid,this.ErrorType,this.ErrorMsg,this.CustomProperties}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(ke.nameRegex);return e&&3==e.length?[e[1],parseInt(e[2])]:["",0]}getDisplayName(){let e=this.FunctionReference?.MemberName;return e?(e=ie.formatStringName(e),e):(e=ie.formatStringName(this.getNameAndCounter()[0]),e)}getCounter(){return this.getNameAndCounter()[1]}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Pe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xe={exports:{}};"undefined"!=typeof self&&self;var Ce=Pe(xe.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){function i(e){if(!(this instanceof i))return new i(e);this._=e}var r=i.prototype;function s(e,t){for(var n=0;n<e;n++)t(n)}function o(e,t,n){return function(e,t){s(t.length,(function(n){e(t[n],n,t)}))}((function(n,i,r){t=e(t,n,i,r)}),n),t}function a(e,t){return o((function(t,n,i,r){return t.concat([e(n,i,r)])}),[],t)}function l(e,t){var n={v:0,buf:t};return s(e,(function(){var e;n={v:n.v<<1|(e=n.buf,e[0]>>7),buf:function(e){var t=o((function(e,t,n,i){return e.concat(n===i.length-1?Buffer.from([t,0]).readUInt16BE(0):i.readUInt16BE(n))}),[],e);return Buffer.from(a((function(e){return(e<<1&65535)>>8}),t))}(n.buf)}})),n}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=o((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 n,r=t/8,s=(n=function(e){return e>48},o((function(e,t){return e||(n(t)?t:e)}),null,e));if(s)throw new Error(s+" bit range requested exceeds 48 bit (6 byte) Number max.");return new i((function(t,n){var i=r+n;return i>t.length?S(n,r.toString()+" bytes"):w(i,o((function(e,t){var n=l(t,e.buf);return{coll:e.coll.concat(n.v),buf:n.buf}}),{coll:[],buf:t.slice(n,i)},e).coll)}))}function d(e,t){return new i((function(n,i){return c(),i+t>n.length?S(i,t+" bytes for "+e):w(i+t,n.slice(i,i+t))}))}function p(e,t){if("number"!=typeof(n=t)||Math.floor(n)!==n||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var n}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 v(e){return p("intBE",e),d("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function b(e){return p("intLE",e),d("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function f(e){return e instanceof i}function y(e){return"[object Array]"==={}.toString.call(e)}function E(e){return u()&&Buffer.isBuffer(e)}function w(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function S(e,t){return y(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:e,expected:t}}function k(e,t){if(!t)return e;if(e.furthest>t.furthest)return e;var n=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==i._supportsSet)return i._supportsSet;var e="undefined"!=typeof Set;return i._supportsSet=e,e}()&&Array.from){for(var n=new Set(e),r=0;r<t.length;r++)n.add(t[r]);var s=Array.from(n);return s.sort(),s}for(var o={},a=0;a<e.length;a++)o[e[a]]=!0;for(var l=0;l<t.length;l++)o[t[l]]=!0;var u=[];for(var c in o)({}).hasOwnProperty.call(o,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:n}}var P={};function x(e,t){if(E(e))return{offset:t,line:-1,column:-1};e in P||(P[e]={});for(var n=P[e],i=0,r=0,s=0,o=t;o>=0;){if(o in n){i=n[o].line,0===s&&(s=n[o].lineStart);break}("\n"===e.charAt(o)||"\r"===e.charAt(o)&&"\n"!==e.charAt(o+1))&&(r++,0===s&&(s=o+1)),o--}var a=i+r,l=t-s;return n[t]={line:a,lineStart:s},{offset:t,line:a+1,column:l+1}}function C(e){if(!f(e))throw new Error("not a parser: "+e)}function A(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 $(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function L(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var M=2,T=3,O=8,D=5*O,H=4*O,_="  ";function I(e,t){return new Array(t+1).join(e)}function B(e,t,n){var i=t-e.length;return i<=0?e:I(n,i)+e}function R(e,t,n,i){return{from:e-t>0?e-t:0,to:e+n>i?i:e+n}}function z(e,t){var n,i,r,s,l,u=t.index,c=u.offset,h=1;if(c===e.length)return"Got the end of the input";if(E(e)){var d=c-c%O,p=c-d,m=R(d,D,H+O,e.length),g=a((function(e){return a((function(e){return B(e.toString(16),2,"0")}),e)}),function(e,t){var n=e.length,i=[],r=0;if(n<=t)return[e.slice()];for(var s=0;s<n;s++)i[r]||i.push([]),i[r].push(e[s]),(s+1)%t==0&&r++;return i}(e.slice(m.from,m.to).toJSON().data,O));s=function(e){return 0===e.from&&1===e.to?{from:e.from,to:e.to}:{from:e.from/O,to:Math.floor(e.to/O)}}(m),i=d/O,n=3*p,p>=4&&(n+=1),h=2,r=a((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+"  "+e.slice(4).join(" ")}),g),(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2)}else{var v=e.split(/\r\n|[\n\r\u2028\u2029]/);n=u.column-1,i=u.line-1,s=R(i,M,T,v.length),r=v.slice(s.from,s.to),l=s.to.toString().length}var b=i-s.from;return E(e)&&(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2),o((function(t,i,r){var o,a=r===b,u=a?"> ":_;return o=E(e)?B((8*(s.from+r)).toString(16),l,"0"):B((s.from+r+1).toString(),l," "),[].concat(t,[u+o+" | "+i],a?[_+I(" ",l)+" | "+B("",n," ")+I("^",h)]:[])}),[],r).join("\n")}function G(e,t){return["\n","-- PARSING FAILED "+I("-",50),"\n\n",z(e,t),"\n\n",(n=t.expected,1===n.length?"Expected:\n\n"+n[0]:"Expected one of the following: \n\n"+n.join(", ")),"\n"].join("");var n}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 j(){for(var e=[].slice.call(arguments),t=e.length,n=0;n<t;n+=1)C(e[n]);return i((function(n,i){for(var r,s=new Array(t),o=0;o<t;o+=1){if(!(r=k(e[o]._(n,i),r)).status)return r;s[o]=r.value,i=r.index}return k(w(i,s),r)}))}function V(){var e=[].slice.call(arguments);if(0===e.length)throw new Error("seqMap needs at least one argument");var t=e.pop();return $(t),j.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 Z("zero alternates");for(var n=0;n<t;n+=1)C(e[n]);return i((function(t,n){for(var i,r=0;r<e.length;r+=1)if((i=k(e[r]._(t,n),i)).status)return i;return i}))}function W(e,t){return q(e,t).or(Y([]))}function q(e,t){return C(e),C(t),V(e,t.then(e).many(),(function(e,t){return[e].concat(t)}))}function K(e){L(e);var t="'"+e+"'";return i((function(n,i){var r=i+e.length,s=n.slice(i,r);return s===e?w(r,s):S(i,t)}))}function X(e,t){!function(e){if(!(e instanceof RegExp))throw new Error("not a regexp: "+e);for(var t=F(e),n=0;n<t.length;n++){var i=t.charAt(n);if("i"!==i&&"m"!==i&&"u"!==i&&"s"!==i)throw new Error('unsupported regexp flag "'+i+'": '+e)}}(e),arguments.length>=2?N(t):t=0;var n=function(e){return RegExp("^(?:"+e.source+")",F(e))}(e),r=""+e;return i((function(e,i){var s=n.exec(e.slice(i));if(s){if(0<=t&&t<=s.length){var o=s[0],a=s[t];return w(i+o.length,a)}return S(i,"valid match group (0 to "+s.length+") in "+r)}return S(i,r)}))}function Y(e){return i((function(t,n){return w(n,e)}))}function Z(e){return i((function(t,n){return S(n,e)}))}function J(e){if(f(e))return i((function(t,n){var i=e._(t,n);return i.index=n,i.value="",i}));if("string"==typeof e)return J(K(e));if(e instanceof RegExp)return J(X(e));throw new Error("not a string, regexp, or parser: "+e)}function Q(e){return C(e),i((function(t,n){var i=e._(t,n),r=t.slice(n,i.index);return i.status?S(n,'not "'+r+'"'):w(n,null)}))}function ee(e){return $(e),i((function(t,n){var i=A(t,n);return n<t.length&&e(i)?w(n+1,i):S(n,"a character/byte matching "+e)}))}function te(e,t){arguments.length<2&&(t=e,e=void 0);var n=i((function(e,i){return n._=t()._,n._(e,i)}));return e?n.desc(e):n}function ne(){return Z("fantasy-land/empty")}r.parse=function(e){if("string"!=typeof e&&!E(e))throw new Error(".parse must be called with a string or Buffer as its argument");var t,n=this.skip(oe)._(e,0);return t=n.status?{status:!0,value:n.value}:{status:!1,index:x(e,n.furthest),expected:n.expected},delete P[e],t},r.tryParse=function(e){var t=this.parse(e);if(t.status)return t.value;var n=G(e,t),i=new Error(n);throw i.type="ParsimmonError",i.result=t,i},r.assert=function(e,t){return this.chain((function(n){return e(n)?Y(n):Z(t)}))},r.or=function(e){return U(this,e)},r.trim=function(e){return this.wrap(e,e)},r.wrap=function(e,t){return V(e,this,t,(function(e,t){return t}))},r.thru=function(e){return e(this)},r.then=function(e){return C(e),j(this,e).map((function(e){return e[1]}))},r.many=function(){var e=this;return i((function(t,n){for(var i=[],r=void 0;;){if(!(r=k(e._(t,n),r)).status)return k(w(n,i),r);if(n===r.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");n=r.index,i.push(r.value)}}))},r.tieWith=function(e){return L(e),this.map((function(t){if(function(e){if(!y(e))throw new Error("not an array: "+e)}(t),t.length){L(t[0]);for(var n=t[0],i=1;i<t.length;i++)L(t[i]),n+=e+t[i];return n}return""}))},r.tie=function(){return this.tieWith("")},r.times=function(e,t){var n=this;return arguments.length<2&&(t=e),N(e),N(t),i((function(i,r){for(var s=[],o=void 0,a=void 0,l=0;l<e;l+=1){if(a=k(o=n._(i,r),a),!o.status)return a;r=o.index,s.push(o.value)}for(;l<t&&(a=k(o=n._(i,r),a),o.status);l+=1)r=o.index,s.push(o.value);return k(w(r,s),a)}))},r.result=function(e){return this.map((function(){return e}))},r.atMost=function(e){return this.times(0,e)},r.atLeast=function(e){return V(this.times(e),this.many(),(function(e,t){return e.concat(t)}))},r.map=function(e){$(e);var t=this;return i((function(n,i){var r=t._(n,i);return r.status?k(w(r.index,e(r.value)),r):r}))},r.contramap=function(e){$(e);var t=this;return i((function(n,i){var r=t.parse(e(n.slice(i)));return r.status?w(i+n.length,r.value):r}))},r.promap=function(e,t){return $(e),$(t),this.contramap(e).map(t)},r.skip=function(e){return j(this,e).map((function(e){return e[0]}))},r.mark=function(){return V(ie,this,ie,(function(e,t,n){return{start:e,value:t,end:n}}))},r.node=function(e){return V(ie,this,ie,(function(t,n,i){return{name:e,value:n,start:t,end:i}}))},r.sepBy=function(e){return W(this,e)},r.sepBy1=function(e){return q(this,e)},r.lookahead=function(e){return this.skip(J(e))},r.notFollowedBy=function(e){return this.skip(Q(e))},r.desc=function(e){y(e)||(e=[e]);var t=this;return i((function(n,i){var r=t._(n,i);return r.status||(r.expected=e),r}))},r.fallback=function(e){return this.or(Y(e))},r.ap=function(e){return V(e,this,(function(e,t){return e(t)}))},r.chain=function(e){var t=this;return i((function(n,i){var r=t._(n,i);return r.status?k(e(r.value)._(n,r.index),r):r}))},r.concat=r.or,r.empty=ne,r.of=Y,r["fantasy-land/ap"]=r.ap,r["fantasy-land/chain"]=r.chain,r["fantasy-land/concat"]=r.concat,r["fantasy-land/empty"]=r.empty,r["fantasy-land/of"]=r.of,r["fantasy-land/map"]=r.map;var ie=i((function(e,t){return w(t,x(e,t))})),re=i((function(e,t){return t>=e.length?S(t,"any character/byte"):w(t+1,A(e,t))})),se=i((function(e,t){return w(e.length,e.slice(t))})),oe=i((function(e,t){return t<e.length?S(t,"EOF"):w(t,null)})),ae=X(/[0-9]/).desc("a digit"),le=X(/[0-9]*/).desc("optional digits"),ue=X(/[a-z]/i).desc("a letter"),ce=X(/[a-z]*/i).desc("optional letters"),he=X(/\s*/).desc("optional whitespace"),de=X(/\s+/).desc("whitespace"),pe=K("\r"),me=K("\n"),ge=K("\r\n"),ve=U(ge,me,pe).desc("newline"),be=U(ve,oe);i.all=se,i.alt=U,i.any=re,i.cr=pe,i.createLanguage=function(e){var t={};for(var n in e)({}).hasOwnProperty.call(e,n)&&function(n){t[n]=te((function(){return e[n](t)}))}(n);return t},i.crlf=ge,i.custom=function(e){return i(e(w,S))},i.digit=ae,i.digits=le,i.empty=ne,i.end=be,i.eof=oe,i.fail=Z,i.formatError=G,i.index=ie,i.isParser=f,i.lazy=te,i.letter=ue,i.letters=ce,i.lf=me,i.lookahead=J,i.makeFailure=S,i.makeSuccess=w,i.newline=ve,i.noneOf=function(e){return ee((function(t){return e.indexOf(t)<0})).desc("none of '"+e+"'")},i.notFollowedBy=Q,i.of=Y,i.oneOf=function(e){for(var t=e.split(""),n=0;n<t.length;n++)t[n]="'"+t[n]+"'";return ee((function(t){return e.indexOf(t)>=0})).desc(t)},i.optWhitespace=he,i.Parser=i,i.range=function(e,t){return ee((function(n){return e<=n&&n<=t})).desc(e+"-"+t)},i.regex=X,i.regexp=X,i.sepBy=W,i.sepBy1=q,i.seq=j,i.seqMap=V,i.seqObj=function(){for(var e,t={},n=0,r=(e=arguments,Array.prototype.slice.call(e)),s=r.length,o=0;o<s;o+=1){var a=r[o];if(!f(a)){if(y(a)&&2===a.length&&"string"==typeof a[0]&&f(a[1])){var l=a[0];if(Object.prototype.hasOwnProperty.call(t,l))throw new Error("seqObj: duplicate key "+l);t[l]=!0,n++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(0===n)throw new Error("seqObj expects at least one named parser, found zero");return i((function(e,t){for(var n,i={},o=0;o<s;o+=1){var a,l;if(y(r[o])?(a=r[o][0],l=r[o][1]):(a=null,l=r[o]),!(n=k(l._(e,t),n)).status)return n;a&&(i[a]=n.value),t=n.index}return k(w(t,i),n)}))},i.string=K,i.succeed=Y,i.takeWhile=function(e){return $(e),i((function(t,n){for(var i=n;i<t.length&&e(A(t,i));)i++;return w(i,t.slice(n,i))}))},i.test=ee,i.whitespace=de,i["fantasy-land/empty"]=ne,i["fantasy-land/of"]=Y,i.Binary={bitSeq:h,bitSeqObj:function(e){c();var t={},n=0,i=a((function(e){if(y(e)){var i=e;if(2!==i.length)throw new Error("["+i.join(", ")+"] should be length 2, got length "+i.length);if(L(i[0]),N(i[1]),Object.prototype.hasOwnProperty.call(t,i[0]))throw new Error("duplicate key in bitSeqObj: "+i[0]);return t[i[0]]=!0,n++,i}return N(e),[null,e]}),e);if(n<1)throw new Error("bitSeqObj expects at least one named pair, got ["+e.join(", ")+"]");var r=a((function(e){return e[0]}),i);return h(a((function(e){return e[1]}),i)).map((function(e){return o((function(e,t){return null!==t[0]&&(e[t[0]]=t[1]),e}),{},a((function(t,n){return[t,e[n]]}),r))}))},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 i((function(n,i){var r=A(n,i);return r===e?w(i+1,r):S(i,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:v,int8BE:v(1),int16BE:v(2),int32BE:v(4),intLE:b,int8LE:b(1),int16LE:b(2),int32LE:b(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=i}]));let Ae=Ce;class Ne{static getGrammarForType(e,t,n=e.AttributeAnyValue){if(t instanceof ne){let i=Ne.getGrammarForType(e,t.type,n);return!t.serialized||t.type instanceof String||(i=i.wrap(Ae.string('"'),Ae.string('"'))),i}switch(ie.getType(t)){case Array:return Ae.seqMap(Ae.string("("),t.map((t=>Ne.getGrammarForType(e,ie.getType(t)))).reduce(((t,n)=>n&&t!==e.AttributeAnyValue?t.or(n):e.AttributeAnyValue)).trim(Ae.optWhitespace).sepBy(Ae.string(",")).skip(Ae.regex(/,?\s*/)),Ae.string(")"),((e,t,n)=>t));case Boolean:return e.Boolean;case oe:return e.FunctionReference;case ae:return e.Guid;case le:return e.Identifier;case ue:return e.Integer;case ce:return e.InvariantText;case pe:return e.LinearColor;case me:return e.LocalizedText;case Number:return e.Number;case se:return e.Reference;case we:return e.Pin;case ve:return e.PinReference;case de:return e.RealUnit;case be:return e.Rotator;case fe:return e.SimpleSerializationRotator;case Ee:return e.SimpleSerializationVector;case String:return e.String;case ye:return e.Vector;default:return n}}static createAttributeGrammar=(e,t,n=Ae.string("=").trim(Ae.optWhitespace))=>e.AttributeName.skip(n).chain((n=>{const i=n.split("."),r=ie.objectGet(t.attributes,i);return Ne.getGrammarForType(e,r,e.AttributeAnyValue).map((e=>t=>ie.objectSet(t,i,e,!0)))}));static createEntityGrammar=(e,t)=>Ae.seqMap(t.lookbehind?Ae.seq(Ae.string(t.lookbehind),Ae.optWhitespace,Ae.string("(")):Ae.string("("),Ne.createAttributeGrammar(e,t).trim(Ae.optWhitespace).sepBy(Ae.string(",")).skip(Ae.regex(/,?/).then(Ae.optWhitespace)),Ae.string(")"),((e,n,i)=>{let r={};return n.forEach((e=>e(r))),new t(r)}));InlineWhitespace=e=>Ae.regex(/[^\S\n]+/).desc("inline whitespace");InlineOptWhitespace=e=>Ae.regex(/[^\S\n]*/).desc("inline optional whitespace");MultilineWhitespace=e=>Ae.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Ae.seq(Ae.string("("),e.InlineOptWhitespace,Ae.string(")")).map((e=>null)).desc("null: ()");Boolean=e=>Ae.alt(Ae.string("True"),Ae.string("true"),Ae.string("False"),Ae.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Ae.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Ae.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");RealNumber=e=>Ae.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>Ae.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>Ae.regex(/0|[1-9]\d*/).map(Number).desc("a natural number");ColorNumber=e=>e.NaturalNumber.assert((e=>0<=e&&e<256),"the color must be between 0 and 256 excluded");Word=e=>Ae.regex(/[a-zA-Z]+/).desc("a word");String=e=>Ae.regex(/(?:[^"\\]|\\.)*/).wrap(Ae.string('"'),Ae.string('"')).map(ie.unescapeString).desc('string (with possibility to escape the quote using ")');ReferencePath=e=>Ae.seq(Ae.string("/"),e.PathSymbol.map((e=>e.toString())).sepBy1(Ae.string(".")).tieWith(".")).tie().atLeast(2).tie().desc('a path (words with possibly underscore, separated by ".", separated by "/")');AttributeName=e=>e.Word.sepBy1(Ae.string(".")).tieWith(".").desc('words separated by ""');None=e=>Ae.string("None").map((e=>new se({type:"None",path:""}))).desc("none");Integer=e=>Ae.regex(/[\-\+]?[0-9]+/).map((e=>new ue(e))).desc("an integer");Guid=e=>e.HexDigit.times(32).tie().map((e=>new ae({value:e}))).desc("32 digit hexadecimal value");Identifier=e=>Ae.regex(/\w+/).map((e=>new le(e)));PathSymbol=e=>Ae.regex(/[0-9\w]+/).map((e=>new ge({value:e})));Reference=e=>Ae.alt(e.None,...[e.ReferencePath.map((e=>new se({type:"",path:e})))].flatMap((e=>[e,e.trim(Ae.string('"'))])),Ae.seqMap(e.Word,Ae.optWhitespace,Ae.alt(...[e.ReferencePath].flatMap((e=>[e.wrap(Ae.string('"'),Ae.string('"')),e.wrap(Ae.string("'\""),Ae.string("\"'"))]))),((e,t,n)=>new se({type:e,path:n}))),e.Word.map((e=>new se({type:e,path:""}))));LocalizedText=e=>Ae.seqMap(Ae.string(me.lookbehind).skip(Ae.optWhitespace).skip(Ae.string("(")),e.String.trim(Ae.optWhitespace),Ae.string(","),e.String.trim(Ae.optWhitespace),Ae.string(","),e.String.trim(Ae.optWhitespace),Ae.string(")"),((e,t,n,i,r,s,o)=>new me({namespace:t,key:i,value:s})));InvariantText=e=>e.String.trim(Ae.optWhitespace).wrap(Ae.string(ce.lookbehind).skip(Ae.optWhitespace).skip(Ae.string("(")),Ae.string(")")).map((e=>new ce({value:e})));AttributeAnyValue=e=>Ae.alt(e.Null,e.None,e.Boolean,e.Number,e.Integer,e.String,e.Guid,e.LocalizedText,e.InvariantText,e.Reference,e.Vector,e.LinearColor);PinReference=e=>Ae.seqMap(e.PathSymbol,Ae.whitespace,e.Guid,((e,t,n)=>new ve({objectName:e,pinGuid:n})));Vector=e=>Ne.createEntityGrammar(e,ye);Rotator=e=>Ne.createEntityGrammar(e,be);SimpleSerializationRotator=e=>Ae.seqMap(e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,((e,t,n,i,r)=>new fe({R:r,P:e,Y:n})));SimpleSerializationVector=e=>Ae.seqMap(e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,((e,t,n,i,r)=>new Ee({X:e,Y:n,Z:r})));LinearColor=e=>Ne.createEntityGrammar(e,pe);FunctionReference=e=>Ne.createEntityGrammar(e,oe);KeyBinding=e=>Ae.alt(e.Identifier.map((e=>new he({Key:e}))),Ne.createEntityGrammar(e,he));Pin=e=>Ne.createEntityGrammar(e,we);CustomProperties=e=>Ae.string("CustomProperties").then(Ae.whitespace).then(e.Pin).map((e=>t=>{let n=ie.objectGet(t,["CustomProperties"],[]);n.push(e),ie.objectSet(t,["CustomProperties"],n,!0)}));Object=e=>Ae.seqMap(Ae.seq(Ae.string("Begin"),Ae.whitespace,Ae.string("Object"),Ae.whitespace),Ae.alt(e.CustomProperties,Ne.createAttributeGrammar(e,ke)).sepBy1(Ae.whitespace),Ae.seq(e.MultilineWhitespace,Ae.string("End"),Ae.whitespace,Ae.string("Object")),((e,t,n)=>{let i={};return t.forEach((e=>e(i))),new ke(i)}));MultipleObject=e=>e.Object.sepBy1(Ae.whitespace).trim(Ae.optWhitespace);LinearColorFromHex=e=>Ae.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Ae.optWhitespace).map((([e,t,n,i])=>new pe({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(n,16)/255,A:i?parseInt(i,16)/255:1})));LinearColorFromRGBList=e=>Ae.seqMap(e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber.map(Number),((e,t,n,i,r)=>new pe({R:e/255,G:n/255,B:r/255,A:1})));LinearColorFromRGB=e=>Ae.string("rgb").then(e.LinearColorFromRGBList.wrap(Ae.regex(/\(\s*/),Ae.regex(/\s*\)/)));LinearColorFromRGBA=e=>Ae.string("rgba").then(Ae.seqMap(e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber.map(Number),Ae.string(",").skip(Ae.optWhitespace),Ae.regex(/0?\.\d+|[01]/).map(Number),((e,t,n,i,r,s,o)=>new pe({R:e/255,G:n/255,B:r/255,A:o}))).wrap(Ae.regex(/\(\s*/),Ae.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Ae.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA)}class $e{static grammar=Ce.createLanguage(new Ne);constructor(e,t="",n=",",i=!1,r="=",s=(e=>e.join("."))){this.entityType=e,this.prefix=t,this.separator=n,this.trailingSeparator=i,this.attributeValueConjunctionSign=r,this.attributeKeyPrinter=s}deserialize(e){return this.read(e)}serialize(e,t=!1,n=e){return this.write(n,e,t)}read(e){throw new Error("Not implemented")}write(e,t,n){throw new Error("Not implemented")}writeValue(e,t,n,i){const r=te.getSerializer(ie.getType(t));if(!r)throw new Error("Unknown value type, a serializer must be registered in the SerializerFactory class");return r.write(e,t,i)}subWrite(e,t,n,i){let r="",s=t.concat("");const o=s.length-1;for(const t of Object.getOwnPropertyNames(n)){s[o]=t;const a=n[t];if(a?.constructor===Object)r+=(r.length?this.separator:"")+this.subWrite(e,s,a,i);else if(void 0!==a&&this.showProperty(e,n,s,a)){const t=ie.isSerialized(e,s);r+=(r.length?this.separator:"")+this.prefix+this.attributeKeyPrinter(s)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,s,!0)}"`:this.writeValue(e,a,s,i))}}return this.trailingSeparator&&r.length&&1===s.length&&(r+=this.separator),r}showProperty(e,t,n,i){const r=this.entityType.attributes,s=ie.objectGet(r,n);return!(s instanceof ne)||!s.ignored&&(!ie.equals(s.value,i)||s.showDefault)}}class Le extends $e{constructor(){super(ke,"   ","\n",!1)}showProperty(e,t,n,i){switch(n.toString()){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t,n,i)}read(e){const t=$e.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=$e.grammar.MultipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t,n){return`Begin Object Class=${t.Class.path} Name=${this.writeValue(e,t.Name,["Name"],n)}\n${this.subWrite(e,[],t,n)+t.CustomProperties.map((e=>this.separator+this.prefix+"CustomProperties "+te.getSerializer(we).serialize(e))).join("")}\nEnd Object\n`}}class Me extends Q{static#p=new Le;#m;constructor(e,t,n={}){n.listenOnFocus??=!0,n.unlistenOnTextEdit??=!0,super(e,t,n);let i=this;this.#m=e=>i.copied()}listenEvents(){document.body.addEventListener("copy",this.#m)}unlistenEvents(){document.body.removeEventListener("copy",this.#m)}copied(){const e=this.blueprint.getNodes(!0).map((e=>Me.#p.serialize(e.entity,!1))).join("\n\n");navigator.clipboard.writeText(e)}}class Te{static styles=r``;element;#g=[];get inputObjects(){return this.#g}constructed(e){this.element=e}connectedCallback(){}willUpdate(e){}update(e){}render(){return M``}firstUpdated(e){}updated(e){}inputSetup(){this.#g=this.createInputObjects()}cleanup(){this.#g.forEach((e=>e.unlistenDOMElement()))}createInputObjects(){return[]}}class Oe extends Q{#v;constructor(e,t,n={}){n.activateAnyKey??=!1,n.activationKeys??=[],n.listenOnFocus??=!0,n.unlistenOnTextEdit??=!0,n.activationKeys instanceof Array||(n.activationKeys=[n.activationKeys]),n.activationKeys=n.activationKeys.map((e=>{if(e instanceof he)return e;if(e.constructor===String){const t=$e.grammar.KeyBinding.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,n),this.#v=this.options.activationKeys??[];let i=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||i.#v.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&&J.Keys[t.Key]==e.code)))&&(n.consumeEvent&&e.stopImmediatePropagation(),i.fire(),document.removeEventListener("keydown",i.keyDownHandler),document.addEventListener("keyup",i.keyUpHandler))},this.keyUpHandler=e=>{(this.options.activateAnyKey||i.#v.some((t=>t.bShift&&"Shift"==e.key||t.bCtrl&&"Control"==e.key||t.bAlt&&"Alt"==e.key||t.bCmd&&"Meta"==e.key||J.Keys[t.Key]==e.code)))&&(n.consumeEvent&&e.stopImmediatePropagation(),i.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 De extends Oe{constructor(e,t,n={}){n.activationKeys=J.deleteNodesKeyboardKey,super(e,t,n)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class He extends Q{constructor(e,t,n={}){n.ignoreTranslateCompensate??=!1,n.movementSpace??=t.getGridDOMElement()??document.documentElement,super(e,t,n),this.movementSpace=n.movementSpace}locationFromEvent(e){const t=ie.convertLocation([e.clientX,e.clientY],this.movementSpace);return this.options.ignoreTranslateCompensate?t:this.blueprint.compensateTranslation(t)}}class _e extends He{#b;#f;constructor(e,t,n={}){n.listenOnFocus=!0,n.strictTarget??=!1,super(e,t,n),this.strictTarget=n.strictTarget;const i=this;this.#b=e=>{e.preventDefault();const t=i.locationFromEvent(e);i.wheel(Math.sign(e.deltaY*J.mouseWheelFactor),t)},this.#f=e=>e.preventDefault(),this.blueprint.focused&&this.movementSpace.addEventListener("wheel",this.#b,!1)}listenEvents(){this.movementSpace.addEventListener("wheel",this.#b,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#f)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#b,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#f)}wheel(e,t){}}class Ie extends _e{#y=!1;get enableZoonIn(){return this.#y}set enableZoonIn(e){(e=Boolean(e))!=this.#y&&(this.#y=e)}wheel(e,t){let n=this.blueprint.getZoom();e=-e,!this.enableZoonIn&&0==n&&e>0||(n+=e,this.blueprint.setZoom(n,t))}}class Be extends Oe{#E;constructor(e,t,n={}){n.activationKeys=J.enableZoomIn,super(e,t,n)}fire(){this.#E=this.blueprint.getInputObject(Ie),this.#E.enableZoonIn=!0}unfire(){this.#E.enableZoonIn=!1}}class Re extends Oe{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class ze extends He{#w;#S;#k;#P;#x=!1;#C;#A;started=!1;stepSize=1;clickedPosition=[0,0];clickedOffset=[0,0];mouseLocation=[0,0];constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.draggableElement??=e,n.exitAnyButton??=!0,n.moveEverywhere??=!1,n.movementSpace??=t?.getGridDOMElement(),n.repositionOnClick??=!1,n.strictTarget??=!1,super(e,t,n),this.stepSize=parseInt(n?.stepSize??J.gridSize),this.#C=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#A=this.options.draggableElement;let i=this;this.#w=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)i.options.strictTarget&&e.target!=e.currentTarget||(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#C.addEventListener("mousemove",i.#S),document.addEventListener("mouseup",i.#P),i.clickedPosition=i.locationFromEvent(e),i.clickedOffset=[i.clickedPosition[0]-i.target.locationX,i.clickedPosition[1]-i.target.locationY],i.clicked(i.clickedPosition));else i.options.exitAnyButton||i.#P(e)},this.#S=e=>{i.options.consumeEvent&&e.stopImmediatePropagation(),i.#C.removeEventListener("mousemove",i.#S),i.#C.addEventListener("mousemove",i.#k);const t=i.getEvent(J.trackingMouseEventName.begin);i.#x=0==i.target.dispatchEvent(t);const n=i.locationFromEvent(e);this.mouseLocation=ie.snapToGrid(this.clickedPosition,this.stepSize),i.startDrag(n),i.started=!0},this.#k=e=>{i.options.consumeEvent&&e.stopImmediatePropagation();const t=i.locationFromEvent(e),n=[e.movementX,e.movementY];i.dragTo(t,n),i.#x&&(i.blueprint.mousePosition=i.locationFromEvent(e))},this.#P=e=>{if(!i.options.exitAnyButton||e.button==i.options.clickButton){if(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#C.removeEventListener("mousemove",i.#S),i.#C.removeEventListener("mousemove",i.#k),document.removeEventListener("mouseup",i.#P),i.started&&i.endDrag(),i.unclicked(),i.#x){const e=i.getEvent(J.trackingMouseEventName.end);i.target.dispatchEvent(e),i.#x=!1}i.started=!1}},this.listenEvents()}listenEvents(){this.#A.addEventListener("mousedown",this.#w),2==this.options.clickButton&&this.#A.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#A.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 Ge extends ze{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Fe extends He{#N=null;#$;#L;#M;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#$=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#L=e=>{i.#N||(e.preventDefault(),this.#N=e.detail.tracker,i.unlistenMouseMove())},this.#M=e=>{i.#N==e.detail.tracker&&(e.preventDefault(),i.#N=null,i.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#$)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#$)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#L),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#M)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#L),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#M)}}class je extends Y{static properties={};#T=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#O;get entity(){return this.#O}set entity(e){this.#O=e}#D;get template(){return this.#D}inputObjects=[];constructor(e,t){super(),this.#O=e,this.#D=t,this.inputObjects=[],this.#D.constructed(this)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.blueprint=this.closest("ueb-blueprint"),this.template.connectedCallback()}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),this.#T.forEach((t=>t(e))),this.#T=[]}disconnectedCallback(){super.disconnectedCallback(),this.template.cleanup()}addNextUpdatedCallbacks(e,t=!1){this.#T.push(e),t&&this.requestUpdate()}isSameGraph(e){return this.blueprint&&this.blueprint==e?.blueprint}getInputObject(e){return this.template.inputObjects.find((t=>t.constructor==e))}}class Ve extends je{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1}};static dragEventName=J.dragEventName;static dragGeneralEventName=J.dragGeneralEventName;constructor(e,t){super(e,t),this.locationX=0,this.locationY=0}setLocation([e,t]){const n=[e-this.locationX,t-this.locationY];if(this.locationX=e,this.locationY=t,this.blueprint){const e=new CustomEvent(this.constructor.dragEventName,{detail:{value:n},bubbles:!1,cancelable:!0});this.dispatchEvent(e)}}addLocation([e,t]){this.setLocation([this.locationX+e,this.locationY+t])}dispatchDragEvent(e){const t=new CustomEvent(this.constructor.dragGeneralEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=ie.snapToGrid([this.locationX,this.locationY],J.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e)}}class Ue extends Ve{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:ie.booleanConverter}};constructor(...e){super(...e),this.selected=!1,this.listeningDrag=!1;let t=this;this.dragHandler=e=>t.addLocation(e.detail.value)}connectedCallback(){super.connectedCallback(),this.setSelected(this.selected)}disconnectedCallback(){super.disconnectedCallback(),this.blueprint.removeEventListener(J.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(J.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(J.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class We extends ze{clicked(e){this.options.repositionOnClick&&(this.target.setLocation(this.stepSize>1?ie.snapToGrid(e,this.stepSize):e),this.clickedOffset=[0,0])}dragTo(e,t){const n=[this.target.locationX,this.target.locationY],[i,r]=this.stepSize>1?[ie.snapToGrid(e,this.stepSize),ie.snapToGrid(n,this.stepSize)]:[e,n];0==(t=[i[0]-this.mouseLocation[0],i[1]-this.mouseLocation[1]])[0]&&0==t[1]||(t[0]+=r[0]-this.target.locationX,t[1]+=r[1]-this.target.locationY,this.dragAction(i,t),this.mouseLocation=i)}dragAction(e,t){this.target.setLocation([e[0]-this.clickedOffset[0],e[1]-this.clickedOffset[1]])}}class qe extends Te{getDraggableElement(){return this.element}createDraggableObject(){return new We(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}}class Ke extends qe{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 Xe extends We{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragAction(e,t){this.target.dispatchDragEvent(t)}unclicked(){this.started||(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class Ye extends Ke{getDraggableElement(){return this.element}createDraggableObject(){return new Xe(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class Ze extends ze{constructor(e,t,n={}){n.consumeEvent=!0,super(e,t,n)}}class Je extends je{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(...e){super(...e),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 Qe extends Te{update(e){super.update(e);const[t,n,i,r]=[Math.round(this.element.fromX),Math.round(this.element.fromY),Math.round(this.element.toX),Math.round(this.element.toY)],[s,o,a,l]=[Math.min(t,i),Math.min(n,r),Math.abs(t-i),Math.abs(n-r)];(e.has("fromX")||e.has("toX"))&&(this.element.style.left=`${s}px`,this.element.style.width=`${a}px`),(e.has("fromY")||e.has("toY"))&&(this.element.style.top=`${o}px`,this.element.style.height=`${l}px`)}}class et extends Qe{static decreasingValue(e,t){const n=-e*t[0]**2,i=t[1]-n/t[0];return e=>n/e+i}static clampedLine(e,t){if(e[0]>t[0]){const n=e;e=t,t=n}const n=(t[1]-e[1])/(t[0]-e[0]),i=e[1]-n*e[0];return r=>r<e[0]?e[1]:r>t[0]?t[1]:n*r+i}static c1DecreasingValue=et.decreasingValue(-.15,[100,15]);static c2DecreasingValue=et.decreasingValue(-.06,[500,130]);static c2Clamped=et.clampedLine([0,100],[200,30]);willUpdate(e){super.willUpdate(e);const t=Math.max(Math.abs(this.element.fromX-this.element.toX),1),n=Math.max(t,J.linkMinWidth),i=t/n,r=this.element.originatesFromInput?this.element.fromX<this.element.toX:this.element.toX<this.element.fromX;this.element.startPixels=t<n?(n-t)/2:0,this.element.startPercentage=r?this.element.startPixels+100*i:this.element.startPixels;const s=this.element.startPercentage+(r?et.c1DecreasingValue(n):10)*i;let o=et.c2Clamped(r?-t:t)+this.element.startPercentage;o=Math.min(o,et.c2DecreasingValue(n)),this.element.svgPathD=J.linkRightSVGPath(this.element.startPercentage,s,o)}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",ie.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(){const e="ueb-id-"+Math.floor(1e12*Math.random());return M`<svg version="1.2" baseProfile="tiny" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none"><g><path id="${e}" fill="none" vector-effect="non-scaling-stroke" d="${this.element.svgPathD}"/><use href="#${e}" pointer-events="stroke" stroke-width="15"/></g></svg> ${""!=this.element.linkMessageIcon||""!=this.element.linkMessageText?M`<div class="ueb-link-message"><span class="${this.element.linkMessageIcon}"></span> <span class="ueb-link-message-text">${this.element.linkMessageText}</span></div>`:O}`}}class tt extends Je{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:ie.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#H;get sourcePin(){return this.#H}set sourcePin(e){this.#_(e,!1)}#I;get destinationPin(){return this.#I}set destinationPin(e){this.#_(e,!0)}#B;#R;#z;#G;#F;pathElement;constructor(e,t){super({},new et);const n=this;this.#B=()=>n.remove(),this.#R=e=>n.addSourceLocation(e.detail.value),this.#z=e=>n.addDestinationLocation(e.detail.value),this.#G=e=>n.setSourceLocation(),this.#F=e=>n.setDestinationLocation(),this.source=null,this.destination=null,this.dragging=!1,this.originatesFromInput=!1,this.startPercentage=0,this.svgPathD="",this.startPixels=0,this.linkMessageIcon="",this.linkMessageText="",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)),this.#j()}#_(e,t){const n=()=>t?this.destinationPin:this.sourcePin;if(n()!=e){if(n()){const e=n().getNodeElement();e.removeEventListener(J.nodeDeleteEventName,this.#B),e.removeEventListener(J.nodeDragEventName,t?this.#z:this.#R),e.removeEventListener(J.nodeReflowEventName,t?this.#F:this.#G),this.#V()}if(t?this.#I=e:this.#H=e,n()){const e=n().getNodeElement();e.addEventListener(J.nodeDeleteEventName,this.#B),e.addEventListener(J.nodeDragEventName,t?this.#z:this.#R),e.addEventListener(J.nodeReflowEventName,t?this.#F:this.#G),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#j()}}}#j(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#V(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin),this.destinationPin.unlinkFrom(this.sourcePin))}disconnectedCallback(){super.disconnectedCallback(),this.#V(),this.sourcePin=null,this.destinationPin=null}setSourceLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.sourcePin.hasUpdated)return void Promise.all([this.updateComplete,this.sourcePin.updateComplete]).then((()=>t.setSourceLocation()));e=this.sourcePin.template.getLinkLocation()}const[t,n]=e;this.fromX=t,this.fromY=n}setDestinationLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.destinationPin.hasUpdated)return void Promise.all([this.updateComplete,this.destinationPin.updateComplete]).then((()=>t.setDestinationLocation()));e=this.destinationPin.template.getLinkLocation()}this.toX=e[0],this.toY=e[1]}startDragging(){this.dragging=!0}finishDragging(){this.dragging=!1}removeMessage(){this.linkMessageIcon="",this.linkMessageText=""}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon="ueb-icon-correct",this.linkMessageText=""}setMessageDirectionsIncompatible(){this.linkMessageIcon="ueb-icon-directions-incompatible",this.linkMessageText="Directions are not compatbile."}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText="Place a new node."}setMessageReplaceLink(){this.linkMessageIcon="ueb-icon-replace-link",this.linkMessageText="Replace existing input connections."}setMessageSameNode(){this.linkMessageIcon="ueb-icon-same-node",this.linkMessageText="Both are on the same node."}setMEssagetypesIncompatible(){this.linkMessageIcon="ueb-icon-types-incompatible",this.linkMessageText=`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}customElements.define("ueb-link",tt);class nt extends ze{#U;#W;#q;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#W=e=>{if(!i.enteredPin){i.linkValid=!1,i.enteredPin=e.target;const t=i.enteredPin,n=i.target;t.getNodeElement()==n.getNodeElement()?i.link.setMessageSameNode():t.isOutput()==n.isOutput()||t.isOutput()==n.isOutput()?i.link.setMessageDirectionsIncompatible():i.blueprint.getLinks([t,n]).length?(i.link.setMessageReplaceLink(),i.linkValid=!0):(i.link.setMessageCorrect(),i.linkValid=!0)}},this.#q=e=>{i.enteredPin==e.target&&(i.enteredPin=null,i.linkValid=!1,i.link?.setMessagePlaceNode())}}startDrag(e){this.link=new tt(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#U=this.blueprint.querySelectorAll("ueb-pin"),this.#U.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#W),e.getClickableElement().addEventListener("mouseleave",this.#q))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#U.forEach((e=>{e.removeEventListener("mouseenter",this.#W),e.removeEventListener("mouseleave",this.#q)})),this.enteredPin&&this.linkValid?(this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()):(this.link.finishDragging(),this.link.remove()),this.enteredPin=null,this.link=null,this.#U=null}}class it extends Te{connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new nt(this.element.clickableElement,this.element.blueprint,{moveEverywhere:!0})]}render(){const e=M`<div class="ueb-pin-icon">${this.renderIcon()}</div>`,t=M`<div class="ueb-pin-content"><span class="ueb-pin-name">${this.element.getPinDisplayName()}</span> ${this.renderInput()}</div>`;return M`<div class="ueb-pin-wrapper">${this.element.isInput()?M`${e}${t}`:M`${t}${e}`}</div>`}renderIcon(){return M`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><circle class="ueb-pin-tofill" cx="16" cy="16" r="14" fill="none" stroke="currentColor" stroke-width="5"/><path d="M 34 6 L 34 26 L 42 16 Z" fill="currentColor"/></svg>`}renderInput(){return M``}firstUpdated(e){super.firstUpdated(e),this.element.dataset.id=this.element.GetPinIdValue(),this.element.clickableElement=this.element}getLinkLocation(){const e=this.element.querySelector(".ueb-pin-icon").getBoundingClientRect(),t=ie.convertLocation([(e.left+e.right)/2,(e.top+e.bottom)/2],this.element.blueprint.gridElement);return this.element.blueprint.compensateTranslation(t)}}class rt extends it{#K;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input");let t=this;this.onChangeHandler=e=>this.element.setDefaultValue(t.#K.checked),this.#K.addEventListener("change",this.onChangeHandler)}cleanup(){super.cleanup(),this.#K.removeEventListener("change",this.onChangeHandler)}createInputObjects(){return[...super.createInputObjects(),new Ze(this.#K,this.element.blueprint)]}renderInput(){return this.element.isInput()?M`<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}">`:super.renderInput()}}class st extends it{renderIcon(){return M`<svg viewBox="-2 0 16 16"><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>`}}
+var K,X;null==q||q(I,z),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:globalThis.litHtmlVersions=[]).push("2.2.7");class Y extends p{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const n=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=n.firstChild),n}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{var i,r;const s=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:t;let o=s._$litPart$;if(void 0===o){const e=null!==(r=null==n?void 0:n.renderBefore)&&void 0!==r?r:null;s._$litPart$=o=new z(t.insertBefore(w(),e),e,void 0,null!=n?n:{})}return o._$AI(e),o})(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 T}}Y.finalized=!0,Y._$litElement$=!0,null===(K=globalThis.litElementHydrateSupport)||void 0===K||K.call(globalThis,{LitElement:Y});const Z=globalThis.litElementPolyfillSupport;null==Z||Z({LitElement:Y}),(null!==(X=globalThis.litElementVersions)&&void 0!==X?X:globalThis.litElementVersions=[]).push("3.2.2");class J{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 deleteNodesKeyboardKey="Delete";static dragGeneralEventName="ueb-drag-general";static dragEventName="ueb-drag";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 linkCurveHeight=15;static linkCurveWidth=80;static linkMinWidth=100;static linkRightSVGPath=(e,t,n)=>{let i=100-e;return`M ${e} 0 C ${t} 0, ${n} 0, 50 50 S ${i-t+e} 100, ${i} 100`};static maxZoom=7;static minZoom=-12;static mouseWheelFactor=.2;static nodeDeleteEventName="ueb-node-delete";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 pinColor={"/Script/CoreUObject.LinearColor":r``,"/Script/CoreUObject.Rotator":r``,"/Script/CoreUObject.Transform":r``,"/Script/CoreUObject.Vector":r``,bool:r``,default:r``,exec:r``,name:r``,real:r``,string:r``};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static windowApplyEventName="ueb-window-apply";static windowCancelEventName="ueb-window-cancel";static windowCloseEventName="ueb-window-close";static ModifierKeys=["Ctrl","Shift","Alt","Meta"];static Keys={Backspace:"Backspace",Tab:"Tab",LeftControl:"ControlLeft",RightControl:"ControlRight",LeftShift:"ShiftLeft",RightShift:"ShiftRight",LeftAlt:"AltLeft",RightAlt:"AltRight",Enter:"Enter",Pause:"Pause",CapsLock:"CapsLock",Escape:"Escape",Space:"Space",PageUp:"PageUp",PageDown:"PageDown",End:"End",Home:"Home",ArrowLeft:"Left",ArrowUp:"Up",ArrowRight:"Right",ArrowDown:"Down",PrintScreen:"PrintScreen",Insert:"Insert",Delete:"Delete",Zero:"Digit0",One:"Digit1",Two:"Digit2",Three:"Digit3",Four:"Digit4",Five:"Digit5",Six:"Digit6",Seven:"Digit7",Eight:"Digit8",Nine:"Digit9",A:"KeyA",B:"KeyB",C:"KeyC",D:"KeyD",E:"KeyE",F:"KeyF",G:"KeyG",H:"KeyH",I:"KeyI",K:"KeyK",L:"KeyL",M:"KeyM",N:"KeyN",O:"KeyO",P:"KeyP",Q:"KeyQ",R:"KeyR",S:"KeyS",T:"KeyT",U:"KeyU",V:"KeyV",W:"KeyW",X:"KeyX",Y:"KeyY",Z:"KeyZ",NumPadZero:"Numpad0",NumPadOne:"Numpad1",NumPadTwo:"Numpad2",NumPadThree:"Numpad3",NumPadFour:"Numpad4",NumPadFive:"Numpad5",NumPadSix:"Numpad6",NumPadSeven:"Numpad7",NumPadEight:"Numpad8",NumPadNine:"Numpad9",Multiply:"NumpadMultiply",Add:"NumpadAdd",Subtract:"NumpadSubtract",Decimal:"NumpadDecimal",Divide:"NumpadDivide",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",NumLock:"NumLock",ScrollLock:"ScrollLock"}}class Q{#e;get target(){return this.#e}#t;get blueprint(){return this.#t}options;constructor(e,t,n={}){n.consumeEvent??=!1,n.listenOnFocus??=!1,n.unlistenOnTextEdit??=!1,this.#e=e,this.#t=t,this.options=n;let i=this;this.listenHandler=e=>i.listenEvents(),this.unlistenHandler=e=>i.unlistenEvents(),this.options.listenOnFocus&&(this.blueprint.addEventListener(J.focusEventName.begin,this.listenHandler),this.blueprint.addEventListener(J.focusEventName.end,this.unlistenHandler)),this.options.unlistenOnTextEdit&&(this.blueprint.addEventListener(J.editTextEventName.begin,this.unlistenHandler),this.blueprint.addEventListener(J.editTextEventName.end,this.listenHandler))}unlistenDOMElement(){this.unlistenEvents(),this.blueprint.removeEventListener(J.focusEventName.begin,this.listenHandler),this.blueprint.removeEventListener(J.focusEventName.end,this.unlistenHandler),this.blueprint.removeEventListener(J.editTextEventName.begin,this.unlistenHandler),this.blueprint.removeEventListener(J.editTextEventName.end,this.listenHandler)}listenEvents(){}unlistenEvents(){}}class ee{#n;constructor(e){this.#n=e}calculate(e){return this.#n(e)}}class te{static#i=new Map;static registerSerializer(e,t){te.#i.set(e,t)}static getSerializer(e){return te.#i.get(e)}}class ne{#r;get type(){return this.#r}set type(e){this.#r=e}#s=!0;get showDefault(){return this.#s}set showDefault(e){this.#s=e}#o;get value(){return this.#o}set value(e){this.#o=e}#a;get serialized(){return this.#a}set serialized(e){this.#a=e}#l;get ignored(){return this.#l}set ignored(e){this.#l=e}static sanitize(e,t){return void 0===t&&(t=e?.constructor),t&&!(e?.constructor===t||e instanceof t)&&(e=new t(e)),(e instanceof Boolean||e instanceof Number||e instanceof String)&&(e=e.valueOf()),e}constructor(e,t=!0,n,i=!1,r=!1){void 0===n&&(n=e instanceof Array?[]:i?"":()=>ne.sanitize(new e)),this.#r=e,this.#s=t,this.#o=n,this.#a=i,this.#l=r}}class ie{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 clamp(e,t,n){return Math.min(Math.max(e,t),n)}static getScale(e){const t=getComputedStyle(e).getPropertyValue("--ueb-scale");return""!=t?parseFloat(t):1}static minDecimals(e,t=1){const n=e*10**t;return Math.abs(n%1)>Number.EPSILON?e.toString():e.toFixed(t)}static roundDecimals(e,t=1){const n=10**t;return Math.round(e*n)/n}static convertLocation(e,t){const n=1/ie.getScale(t),i=t.getBoundingClientRect();return[Math.round((e[0]-i.x)*n),Math.round((e[1]-i.y)*n)]}static isSerialized(e,t,n=ie.objectGet(e.constructor.attributes,t)){return n instanceof ee?ie.isSerialized(e,t,n.calculate(e)):n instanceof ne&&(!!n.serialized||ie.isSerialized(e,t,n.type))}static objectGet(e,t,n){if(void 0!==e){if(!(t instanceof Array))throw new TypeError("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]]:ie.objectGet(e[t[0]],t.slice(1),n):n}}static objectSet(e,t,n,i=!1,r=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(i||t[0]in e||void 0===e[t[0]])return e[t[0]]=n,!0}else if(t.length>0)return!i||e[t[0]]instanceof Object||(e[t[0]]=new r),ie.objectSet(e[t[0]],t.slice(1),n,i,r);return!1}static equals(e,t){return(e=ne.sanitize(e))===(t=ne.sanitize(t))||(e instanceof Array&&t instanceof Array?e.length==t.length&&!e.find(((e,n)=>!ie.equals(e,t[n]))):void 0)}static getType(e){return null===e?null:e instanceof ne?ie.getType(e.type):e instanceof Function?e:e?.constructor}static snapToGrid(e,t){return 1===t?e:[t*Math.round(e[0]/t),t*Math.round(e[1]/t)]}static mergeArrays(e=[],t=[]){let n=[];for(let i=0;i<t.length;++i)for(let r=0;r<e.length;++r)if(e[r]==t[i]){n.push(...e.splice(0,r),...t.splice(0,i),...e.splice(0,1)),i=0,r=0,t.shift();break}return[...new Set(n.concat(...e,...t))]}static escapeString(e,t=!1){return e.replaceAll('"','\\"').replaceAll("\n","\\n")}static unescapeString(e,t=!1){return e.replaceAll('\\"','"').replaceAll("\\n","\n")}static clearHTMLWhitespace(e){return e.replaceAll("&nbsp;"," ").replaceAll("<br>","\n")}static formatStringName(e){return e.trim().replace(/^b/,"").replaceAll(/(?<=[a-z])(?=[A-Z])|_|\s+/g," ")}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,"-").toLocaleLowerCase()}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],n=!1){let i=Math.atan2(t,e);return n&&i<0&&(i=2*Math.PI+i),[Math.sqrt(e*e+t*t),i]}static getCartesianCoordinates([e,t]){return[e*Math.cos(t),e*Math.sin(t)]}static range(e,t,n=1){return Array.from({length:Math.ceil((t-e)/n)},((t,i)=>e+i*n))}}class re extends class{#u=new Map;subscribe(e,t){let n=this.#u;if(n.has(e)){let i=n.get(e);if(i.includes(t))return!1;i.push(t)}else{let i=!1,r=Object.getOwnPropertyDescriptor(this,e);if(!r&&(i=!0,r=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(this),e)??{},!r))return!1;n.set(e,[t]);const s="value"in r,o="set"in r;if(!s&&!o)throw new Error(`Property ${e} is not a value or a setter`);const a=Symbol.for(e+"Storage"),l=Symbol.for(e+"ValInfo");Object.defineProperties(i?Object.getPrototypeOf(this):this,{[a]:{configurable:!0,enumerable:!1,...s?{value:this[e],writable:!0}:{get:r.get,set:r.set}},[l]:{configurable:!0,enumerable:!1,value:[i,s]},[e]:{configurable:!0,...s&&{get(){return this[a]}},set(t){this[a]=t,n.get(e).forEach((t=>{t(this[e])}))}}})}return!0}unsubscribe(e,t){let n=this.#u.get(e);if(!n?.includes(t))return!1;if(n.splice(n.indexOf(t),1),0==n.length){const t=Symbol.for(e+"Storage"),n=Symbol.for(e+"ValInfo"),i=this[n][0];this[n][1],Object.defineProperty(i?Object.getPrototypeOf(this):this,e,Object.getOwnPropertyDescriptor(i?Object.getPrototypeOf(this):this,t)),delete this[n],delete this[t]}return!0}}{static attributes={};constructor(e){super();const t=(e,n,i,r="")=>{for(let s of ie.mergeArrays(Object.getOwnPropertyNames(n),Object.getOwnPropertyNames(i??{}))){let o=ie.objectGet(i,[s]),a=n[s],l=ie.getType(a);if(a instanceof ee&&(a=a.calculate(this),l=ie.getType(a)),s in n?s in i||void 0===a||a instanceof ne&&!a.showDefault||console.warn(`${this.constructor.name} will add attribute ${r}${s} not defined in the serialized data`):console.warn(`Attribute ${r}${s} in the serialized data is not defined in ${this.constructor.name}.attributes`),l!==Object)if(void 0===o){if(a instanceof ne){if(!a.showDefault){e[s]=void 0;continue}a.serialized?a="":(l=a.type,a=a.value,a instanceof Function&&(a=a()))}a instanceof Array&&(a=[]),e[s]=ne.sanitize(a,l)}else o?.constructor===String&&a instanceof ne&&a.serialized&&a.type!==String&&(o=te.getSerializer(a.type).deserialize(o)),e[s]=ne.sanitize(o,ie.getType(a));else e[s]={},t(e[s],n[s],i[s],s+".")}},n=this.constructor.attributes;e.constructor!==Object&&1==Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),t(this,n,e)}}class se extends re{static attributes={type:String,path:String};constructor(e={}){super(e),this.type,this.path}}class oe extends re{static attributes={MemberParent:se,MemberName:""};constructor(e={}){super(e),this.MemberParent,this.MemberName}}class ae extends re{static attributes={value:String};static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let n="";return t.forEach((e=>{n+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new ae({value:n})}constructor(e={}){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class le extends re{static attributes={value:String};static attributeConverter={fromAttribute:(e,t)=>new le(e),toAttribute:(e,t)=>e.toString()};constructor(e={}){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ue extends re{static attributes={value:Number};constructor(e=0){super(e),this.value=Math.round(this.value)}valueOf(){return this.value}toString(){return this.value.toString()}}class ce extends re{static lookbehind="INVTEXT";static attributes={value:String};constructor(e={}){super(e),this.value}}class he extends re{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:le};constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class de extends re{static attributes={value:0};constructor(e=0){super(e),this.value=ie.clamp(this.value,0,1)}valueOf(){return this.value}toString(){return this.value.toFixed(6)}}class pe extends re{static attributes={R:de,G:de,B:de,A:new ne(de,!0,(()=>new de(1)),!1,!0),H:new ne(de,!0,void 0,!1,!0),S:new ne(de,!0,void 0,!1,!0),V:new ne(de,!0,void 0,!1,!0)};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)}constructor(e={}){super(e),this.R,this.G,this.B,this.A,this.H,this.S,this.V,this.#c()}#c(){const e=this.R.value,t=this.G.value,n=this.B.value;if(!(Math.abs(e-t)>Number.EPSILON||Math.abs(e-n)>Number.EPSILON||Math.abs(t-n)>Number.EPSILON))return void(this.V.value=0);const i=Math.max(e,t,n),r=Math.min(e,t,n),s=i-r;let o;switch(i){case r:o=0;break;case e:o=(t-n)/s+(t<n?6:0);break;case t:o=(n-e)/s+2;break;case n:o=(e-t)/s+4}o/=6,this.H.value=o,this.S.value=0==i?0:s/i,this.V.value=i}setFromRGBA([e,t,n,i=1]){this.R.value=e,this.G.value=t,this.B.value=n,this.A.value=i,this.#c()}setFromHSVA(e,t,n,i=1){const r=Math.floor(6*e),s=6*e-r,o=n*(1-t),a=[n,n*(1-s*t),o,o,n*(1-(1-s)*t),n],[l,u,c]=[a[r%6],a[(r+4)%6],a[(r+2)%6]];this.R.value=l,this.G.value=u,this.B.value=c,this.A.value=i,this.H.value=e,this.S.value=t,this.V.value=n}setFromWheelLocation([e,t],n,i){const[r,s]=ie.getPolarCoordinates([e,t],!0);this.setFromHSVA(1-s/(2*Math.PI),r,n,i)}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*pe.linearToSRGB(this.R.value)),Math.round(255*pe.linearToSRGB(this.G.value)),Math.round(255*pe.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(){const e=this.R.value,t=this.G.value,n=this.B.value,i=this.A.value,r=Math.max(e,t,n),s=Math.min(e,t,n),o=0==r?0:(r-s)/r,a=r;return[this.H.value,o,a,i]}toNumber(){return(this.R.value<<24)+(this.G.value<<16)+(this.B.value<<8)+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.#c()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=pe.sRGBtoLinear((e>>8&255)/255),this.G.value=pe.sRGBtoLinear((e>>16&255)/255),this.R.value=pe.sRGBtoLinear((e>>24&255)/255),this.#c()}toString(){return ie.printLinearColor(this)}}class me extends re{static lookbehind="NSLOCTEXT";static attributes={namespace:String,key:String,value:String};constructor(e={}){super(e),this.namespace,this.key,this.value}}class ge extends re{static attributes={value:String};constructor(e={}){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class ve extends re{static attributes={objectName:ge,pinGuid:ae};constructor(e={}){super(e),this.objectName,this.pinGuid}}class be extends re{static attributes={R:Number,P:Number,Y:Number};constructor(e={}){super(e),this.R,this.P,this.Y}}class fe extends be{}class ye extends re{static attributes={X:Number,Y:Number,Z:Number};constructor(e={}){super(e),this.X,this.Y,this.Z}}class Ee extends ye{}class we extends re{static#h={"/Script/CoreUObject.LinearColor":pe,"/Script/CoreUObject.Rotator":be,"/Script/CoreUObject.Vector":ye,bool:Boolean,exec:String,name:String,real:Number,string:String};static#d={"/Script/CoreUObject.Vector":Ee,"/Script/CoreUObject.Rotator":fe};static lookbehind="Pin";static attributes={PinId:ae,PinName:"",PinFriendlyName:new ne(me,!1,null),PinToolTip:"",Direction:new ne(String,!1,""),PinType:{PinCategory:"",PinSubCategory:"",PinSubCategoryObject:se,PinSubCategoryMemberReference:null,PinValueType:null,ContainerType:se,bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1},LinkedTo:new ne([ve],!1),DefaultValue:new ee((e=>new ne(we.getEntityType(e.getType(),!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new ne(String,!1),DefaultObject:new ne(se,!1,null),PersistentGuid:ae,bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};static getEntityType(e,t=!1){const[n,i]=[this.#h[e],this.#d[e]];return t&&void 0!==i?i:n}constructor(e={}){super(e),this.PinId,this.PinName,this.PinFriendlyName,this.PinToolTip,this.Direction,this.PinType,this.LinkedTo,this.DefaultValue,this.AutogeneratedDefaultValue,this.DefaultObject,this.PersistentGuid,this.bHidden,this.bNotConnectable,this.bDefaultValueIsReadOnly,this.bDefaultValueIsIgnored,this.bAdvancedView,this.bOrphanedPin}getType(){return"struct"==this.PinType.PinCategory?this.PinType.PinSubCategoryObject.path:this.PinType.PinCategory}getDefaultValue(){return this.DefaultValue}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){this.LinkedTo;const n=this.LinkedTo?.find((n=>n.objectName.toString()==e&&n.pinGuid.valueOf()==t.PinId.valueOf()));return!n&&((this.LinkedTo??(this.LinkedTo=[])).push(new ve({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const n=this.LinkedTo?.findIndex((n=>n.objectName.toString()==e&&n.pinGuid.valueOf()==t.PinId.valueOf()));return n>=0&&(1==this.LinkedTo.length?this.LinkedTo=void 0:this.LinkedTo.splice(n,1),!0)}getSubCategory(){return this.PinType.PinSubCategoryObject.path}}class Se extends re{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class ke extends re{static attributes={Class:se,Name:"",bIsPureFunc:new ne(Boolean,!1,!1),VariableReference:new ne(Se,!1,null),FunctionReference:new ne(oe,!1,null),EventReference:new ne(oe,!1,null),TargetType:new ne(se,!1,null),NodePosX:ue,NodePosY:ue,AdvancedPinDisplay:new ne(le,!1,null),EnabledState:new ne(le,!1,null),NodeGuid:ae,ErrorType:new ne(ue,!1),ErrorMsg:new ne(String,!1,""),CustomProperties:[we]};static nameRegex=/(\w+)_(\d+)/;constructor(e={}){super(e),this.Class,this.Name,this.bIsPureFunc,this.VariableReference,this.FunctionReference,this.EventReference,this.TargetType,this.NodePosX,this.NodePosY,this.AdvancedPinDisplay,this.EnabledState,this.NodeGuid,this.ErrorType,this.ErrorMsg,this.CustomProperties}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(ke.nameRegex);return e&&3==e.length?[e[1],parseInt(e[2])]:["",0]}getDisplayName(){let e=this.FunctionReference?.MemberName;return e?(e=ie.formatStringName(e),e):(e=ie.formatStringName(this.getNameAndCounter()[0]),e)}getCounter(){return this.getNameAndCounter()[1]}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Pe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xe={exports:{}};"undefined"!=typeof self&&self;var Ce=Pe(xe.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){function i(e){if(!(this instanceof i))return new i(e);this._=e}var r=i.prototype;function s(e,t){for(var n=0;n<e;n++)t(n)}function o(e,t,n){return function(e,t){s(t.length,(function(n){e(t[n],n,t)}))}((function(n,i,r){t=e(t,n,i,r)}),n),t}function a(e,t){return o((function(t,n,i,r){return t.concat([e(n,i,r)])}),[],t)}function l(e,t){var n={v:0,buf:t};return s(e,(function(){var e;n={v:n.v<<1|(e=n.buf,e[0]>>7),buf:function(e){var t=o((function(e,t,n,i){return e.concat(n===i.length-1?Buffer.from([t,0]).readUInt16BE(0):i.readUInt16BE(n))}),[],e);return Buffer.from(a((function(e){return(e<<1&65535)>>8}),t))}(n.buf)}})),n}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=o((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 n,r=t/8,s=(n=function(e){return e>48},o((function(e,t){return e||(n(t)?t:e)}),null,e));if(s)throw new Error(s+" bit range requested exceeds 48 bit (6 byte) Number max.");return new i((function(t,n){var i=r+n;return i>t.length?S(n,r.toString()+" bytes"):w(i,o((function(e,t){var n=l(t,e.buf);return{coll:e.coll.concat(n.v),buf:n.buf}}),{coll:[],buf:t.slice(n,i)},e).coll)}))}function d(e,t){return new i((function(n,i){return c(),i+t>n.length?S(i,t+" bytes for "+e):w(i+t,n.slice(i,i+t))}))}function p(e,t){if("number"!=typeof(n=t)||Math.floor(n)!==n||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var n}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 v(e){return p("intBE",e),d("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function b(e){return p("intLE",e),d("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function f(e){return e instanceof i}function y(e){return"[object Array]"==={}.toString.call(e)}function E(e){return u()&&Buffer.isBuffer(e)}function w(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function S(e,t){return y(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:e,expected:t}}function k(e,t){if(!t)return e;if(e.furthest>t.furthest)return e;var n=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==i._supportsSet)return i._supportsSet;var e="undefined"!=typeof Set;return i._supportsSet=e,e}()&&Array.from){for(var n=new Set(e),r=0;r<t.length;r++)n.add(t[r]);var s=Array.from(n);return s.sort(),s}for(var o={},a=0;a<e.length;a++)o[e[a]]=!0;for(var l=0;l<t.length;l++)o[t[l]]=!0;var u=[];for(var c in o)({}).hasOwnProperty.call(o,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:n}}var P={};function x(e,t){if(E(e))return{offset:t,line:-1,column:-1};e in P||(P[e]={});for(var n=P[e],i=0,r=0,s=0,o=t;o>=0;){if(o in n){i=n[o].line,0===s&&(s=n[o].lineStart);break}("\n"===e.charAt(o)||"\r"===e.charAt(o)&&"\n"!==e.charAt(o+1))&&(r++,0===s&&(s=o+1)),o--}var a=i+r,l=t-s;return n[t]={line:a,lineStart:s},{offset:t,line:a+1,column:l+1}}function C(e){if(!f(e))throw new Error("not a parser: "+e)}function A(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 $(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function L(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var M=2,T=3,O=8,D=5*O,H=4*O,_="  ";function I(e,t){return new Array(t+1).join(e)}function B(e,t,n){var i=t-e.length;return i<=0?e:I(n,i)+e}function R(e,t,n,i){return{from:e-t>0?e-t:0,to:e+n>i?i:e+n}}function z(e,t){var n,i,r,s,l,u=t.index,c=u.offset,h=1;if(c===e.length)return"Got the end of the input";if(E(e)){var d=c-c%O,p=c-d,m=R(d,D,H+O,e.length),g=a((function(e){return a((function(e){return B(e.toString(16),2,"0")}),e)}),function(e,t){var n=e.length,i=[],r=0;if(n<=t)return[e.slice()];for(var s=0;s<n;s++)i[r]||i.push([]),i[r].push(e[s]),(s+1)%t==0&&r++;return i}(e.slice(m.from,m.to).toJSON().data,O));s=function(e){return 0===e.from&&1===e.to?{from:e.from,to:e.to}:{from:e.from/O,to:Math.floor(e.to/O)}}(m),i=d/O,n=3*p,p>=4&&(n+=1),h=2,r=a((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+"  "+e.slice(4).join(" ")}),g),(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2)}else{var v=e.split(/\r\n|[\n\r\u2028\u2029]/);n=u.column-1,i=u.line-1,s=R(i,M,T,v.length),r=v.slice(s.from,s.to),l=s.to.toString().length}var b=i-s.from;return E(e)&&(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2),o((function(t,i,r){var o,a=r===b,u=a?"> ":_;return o=E(e)?B((8*(s.from+r)).toString(16),l,"0"):B((s.from+r+1).toString(),l," "),[].concat(t,[u+o+" | "+i],a?[_+I(" ",l)+" | "+B("",n," ")+I("^",h)]:[])}),[],r).join("\n")}function G(e,t){return["\n","-- PARSING FAILED "+I("-",50),"\n\n",z(e,t),"\n\n",(n=t.expected,1===n.length?"Expected:\n\n"+n[0]:"Expected one of the following: \n\n"+n.join(", ")),"\n"].join("");var n}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 j(){for(var e=[].slice.call(arguments),t=e.length,n=0;n<t;n+=1)C(e[n]);return i((function(n,i){for(var r,s=new Array(t),o=0;o<t;o+=1){if(!(r=k(e[o]._(n,i),r)).status)return r;s[o]=r.value,i=r.index}return k(w(i,s),r)}))}function V(){var e=[].slice.call(arguments);if(0===e.length)throw new Error("seqMap needs at least one argument");var t=e.pop();return $(t),j.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 Z("zero alternates");for(var n=0;n<t;n+=1)C(e[n]);return i((function(t,n){for(var i,r=0;r<e.length;r+=1)if((i=k(e[r]._(t,n),i)).status)return i;return i}))}function W(e,t){return q(e,t).or(Y([]))}function q(e,t){return C(e),C(t),V(e,t.then(e).many(),(function(e,t){return[e].concat(t)}))}function K(e){L(e);var t="'"+e+"'";return i((function(n,i){var r=i+e.length,s=n.slice(i,r);return s===e?w(r,s):S(i,t)}))}function X(e,t){!function(e){if(!(e instanceof RegExp))throw new Error("not a regexp: "+e);for(var t=F(e),n=0;n<t.length;n++){var i=t.charAt(n);if("i"!==i&&"m"!==i&&"u"!==i&&"s"!==i)throw new Error('unsupported regexp flag "'+i+'": '+e)}}(e),arguments.length>=2?N(t):t=0;var n=function(e){return RegExp("^(?:"+e.source+")",F(e))}(e),r=""+e;return i((function(e,i){var s=n.exec(e.slice(i));if(s){if(0<=t&&t<=s.length){var o=s[0],a=s[t];return w(i+o.length,a)}return S(i,"valid match group (0 to "+s.length+") in "+r)}return S(i,r)}))}function Y(e){return i((function(t,n){return w(n,e)}))}function Z(e){return i((function(t,n){return S(n,e)}))}function J(e){if(f(e))return i((function(t,n){var i=e._(t,n);return i.index=n,i.value="",i}));if("string"==typeof e)return J(K(e));if(e instanceof RegExp)return J(X(e));throw new Error("not a string, regexp, or parser: "+e)}function Q(e){return C(e),i((function(t,n){var i=e._(t,n),r=t.slice(n,i.index);return i.status?S(n,'not "'+r+'"'):w(n,null)}))}function ee(e){return $(e),i((function(t,n){var i=A(t,n);return n<t.length&&e(i)?w(n+1,i):S(n,"a character/byte matching "+e)}))}function te(e,t){arguments.length<2&&(t=e,e=void 0);var n=i((function(e,i){return n._=t()._,n._(e,i)}));return e?n.desc(e):n}function ne(){return Z("fantasy-land/empty")}r.parse=function(e){if("string"!=typeof e&&!E(e))throw new Error(".parse must be called with a string or Buffer as its argument");var t,n=this.skip(oe)._(e,0);return t=n.status?{status:!0,value:n.value}:{status:!1,index:x(e,n.furthest),expected:n.expected},delete P[e],t},r.tryParse=function(e){var t=this.parse(e);if(t.status)return t.value;var n=G(e,t),i=new Error(n);throw i.type="ParsimmonError",i.result=t,i},r.assert=function(e,t){return this.chain((function(n){return e(n)?Y(n):Z(t)}))},r.or=function(e){return U(this,e)},r.trim=function(e){return this.wrap(e,e)},r.wrap=function(e,t){return V(e,this,t,(function(e,t){return t}))},r.thru=function(e){return e(this)},r.then=function(e){return C(e),j(this,e).map((function(e){return e[1]}))},r.many=function(){var e=this;return i((function(t,n){for(var i=[],r=void 0;;){if(!(r=k(e._(t,n),r)).status)return k(w(n,i),r);if(n===r.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");n=r.index,i.push(r.value)}}))},r.tieWith=function(e){return L(e),this.map((function(t){if(function(e){if(!y(e))throw new Error("not an array: "+e)}(t),t.length){L(t[0]);for(var n=t[0],i=1;i<t.length;i++)L(t[i]),n+=e+t[i];return n}return""}))},r.tie=function(){return this.tieWith("")},r.times=function(e,t){var n=this;return arguments.length<2&&(t=e),N(e),N(t),i((function(i,r){for(var s=[],o=void 0,a=void 0,l=0;l<e;l+=1){if(a=k(o=n._(i,r),a),!o.status)return a;r=o.index,s.push(o.value)}for(;l<t&&(a=k(o=n._(i,r),a),o.status);l+=1)r=o.index,s.push(o.value);return k(w(r,s),a)}))},r.result=function(e){return this.map((function(){return e}))},r.atMost=function(e){return this.times(0,e)},r.atLeast=function(e){return V(this.times(e),this.many(),(function(e,t){return e.concat(t)}))},r.map=function(e){$(e);var t=this;return i((function(n,i){var r=t._(n,i);return r.status?k(w(r.index,e(r.value)),r):r}))},r.contramap=function(e){$(e);var t=this;return i((function(n,i){var r=t.parse(e(n.slice(i)));return r.status?w(i+n.length,r.value):r}))},r.promap=function(e,t){return $(e),$(t),this.contramap(e).map(t)},r.skip=function(e){return j(this,e).map((function(e){return e[0]}))},r.mark=function(){return V(ie,this,ie,(function(e,t,n){return{start:e,value:t,end:n}}))},r.node=function(e){return V(ie,this,ie,(function(t,n,i){return{name:e,value:n,start:t,end:i}}))},r.sepBy=function(e){return W(this,e)},r.sepBy1=function(e){return q(this,e)},r.lookahead=function(e){return this.skip(J(e))},r.notFollowedBy=function(e){return this.skip(Q(e))},r.desc=function(e){y(e)||(e=[e]);var t=this;return i((function(n,i){var r=t._(n,i);return r.status||(r.expected=e),r}))},r.fallback=function(e){return this.or(Y(e))},r.ap=function(e){return V(e,this,(function(e,t){return e(t)}))},r.chain=function(e){var t=this;return i((function(n,i){var r=t._(n,i);return r.status?k(e(r.value)._(n,r.index),r):r}))},r.concat=r.or,r.empty=ne,r.of=Y,r["fantasy-land/ap"]=r.ap,r["fantasy-land/chain"]=r.chain,r["fantasy-land/concat"]=r.concat,r["fantasy-land/empty"]=r.empty,r["fantasy-land/of"]=r.of,r["fantasy-land/map"]=r.map;var ie=i((function(e,t){return w(t,x(e,t))})),re=i((function(e,t){return t>=e.length?S(t,"any character/byte"):w(t+1,A(e,t))})),se=i((function(e,t){return w(e.length,e.slice(t))})),oe=i((function(e,t){return t<e.length?S(t,"EOF"):w(t,null)})),ae=X(/[0-9]/).desc("a digit"),le=X(/[0-9]*/).desc("optional digits"),ue=X(/[a-z]/i).desc("a letter"),ce=X(/[a-z]*/i).desc("optional letters"),he=X(/\s*/).desc("optional whitespace"),de=X(/\s+/).desc("whitespace"),pe=K("\r"),me=K("\n"),ge=K("\r\n"),ve=U(ge,me,pe).desc("newline"),be=U(ve,oe);i.all=se,i.alt=U,i.any=re,i.cr=pe,i.createLanguage=function(e){var t={};for(var n in e)({}).hasOwnProperty.call(e,n)&&function(n){t[n]=te((function(){return e[n](t)}))}(n);return t},i.crlf=ge,i.custom=function(e){return i(e(w,S))},i.digit=ae,i.digits=le,i.empty=ne,i.end=be,i.eof=oe,i.fail=Z,i.formatError=G,i.index=ie,i.isParser=f,i.lazy=te,i.letter=ue,i.letters=ce,i.lf=me,i.lookahead=J,i.makeFailure=S,i.makeSuccess=w,i.newline=ve,i.noneOf=function(e){return ee((function(t){return e.indexOf(t)<0})).desc("none of '"+e+"'")},i.notFollowedBy=Q,i.of=Y,i.oneOf=function(e){for(var t=e.split(""),n=0;n<t.length;n++)t[n]="'"+t[n]+"'";return ee((function(t){return e.indexOf(t)>=0})).desc(t)},i.optWhitespace=he,i.Parser=i,i.range=function(e,t){return ee((function(n){return e<=n&&n<=t})).desc(e+"-"+t)},i.regex=X,i.regexp=X,i.sepBy=W,i.sepBy1=q,i.seq=j,i.seqMap=V,i.seqObj=function(){for(var e,t={},n=0,r=(e=arguments,Array.prototype.slice.call(e)),s=r.length,o=0;o<s;o+=1){var a=r[o];if(!f(a)){if(y(a)&&2===a.length&&"string"==typeof a[0]&&f(a[1])){var l=a[0];if(Object.prototype.hasOwnProperty.call(t,l))throw new Error("seqObj: duplicate key "+l);t[l]=!0,n++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(0===n)throw new Error("seqObj expects at least one named parser, found zero");return i((function(e,t){for(var n,i={},o=0;o<s;o+=1){var a,l;if(y(r[o])?(a=r[o][0],l=r[o][1]):(a=null,l=r[o]),!(n=k(l._(e,t),n)).status)return n;a&&(i[a]=n.value),t=n.index}return k(w(t,i),n)}))},i.string=K,i.succeed=Y,i.takeWhile=function(e){return $(e),i((function(t,n){for(var i=n;i<t.length&&e(A(t,i));)i++;return w(i,t.slice(n,i))}))},i.test=ee,i.whitespace=de,i["fantasy-land/empty"]=ne,i["fantasy-land/of"]=Y,i.Binary={bitSeq:h,bitSeqObj:function(e){c();var t={},n=0,i=a((function(e){if(y(e)){var i=e;if(2!==i.length)throw new Error("["+i.join(", ")+"] should be length 2, got length "+i.length);if(L(i[0]),N(i[1]),Object.prototype.hasOwnProperty.call(t,i[0]))throw new Error("duplicate key in bitSeqObj: "+i[0]);return t[i[0]]=!0,n++,i}return N(e),[null,e]}),e);if(n<1)throw new Error("bitSeqObj expects at least one named pair, got ["+e.join(", ")+"]");var r=a((function(e){return e[0]}),i);return h(a((function(e){return e[1]}),i)).map((function(e){return o((function(e,t){return null!==t[0]&&(e[t[0]]=t[1]),e}),{},a((function(t,n){return[t,e[n]]}),r))}))},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 i((function(n,i){var r=A(n,i);return r===e?w(i+1,r):S(i,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:v,int8BE:v(1),int16BE:v(2),int32BE:v(4),intLE:b,int8LE:b(1),int16LE:b(2),int32LE:b(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=i}]));let Ae=Ce;class Ne{static getGrammarForType(e,t,n=e.AttributeAnyValue){if(t instanceof ne){let i=Ne.getGrammarForType(e,t.type,n);return!t.serialized||t.type instanceof String||(i=i.wrap(Ae.string('"'),Ae.string('"'))),i}switch(ie.getType(t)){case Array:return Ae.seqMap(Ae.string("("),t.map((t=>Ne.getGrammarForType(e,ie.getType(t)))).reduce(((t,n)=>n&&t!==e.AttributeAnyValue?t.or(n):e.AttributeAnyValue)).trim(Ae.optWhitespace).sepBy(Ae.string(",")).skip(Ae.regex(/,?\s*/)),Ae.string(")"),((e,t,n)=>t));case Boolean:return e.Boolean;case oe:return e.FunctionReference;case ae:return e.Guid;case le:return e.Identifier;case ue:return e.Integer;case ce:return e.InvariantText;case pe:return e.LinearColor;case me:return e.LocalizedText;case Number:return e.Number;case se:return e.Reference;case we:return e.Pin;case ve:return e.PinReference;case de:return e.RealUnit;case be:return e.Rotator;case fe:return e.SimpleSerializationRotator;case Ee:return e.SimpleSerializationVector;case String:return e.String;case ye:return e.Vector;default:return n}}static createAttributeGrammar=(e,t,n=Ae.string("=").trim(Ae.optWhitespace))=>e.AttributeName.skip(n).chain((n=>{const i=n.split("."),r=ie.objectGet(t.attributes,i);return Ne.getGrammarForType(e,r,e.AttributeAnyValue).map((e=>t=>ie.objectSet(t,i,e,!0)))}));static createEntityGrammar=(e,t)=>Ae.seqMap(t.lookbehind?Ae.seq(Ae.string(t.lookbehind),Ae.optWhitespace,Ae.string("(")):Ae.string("("),Ne.createAttributeGrammar(e,t).trim(Ae.optWhitespace).sepBy(Ae.string(",")).skip(Ae.regex(/,?/).then(Ae.optWhitespace)),Ae.string(")"),((e,n,i)=>{let r={};return n.forEach((e=>e(r))),new t(r)}));InlineWhitespace=e=>Ae.regex(/[^\S\n]+/).desc("inline whitespace");InlineOptWhitespace=e=>Ae.regex(/[^\S\n]*/).desc("inline optional whitespace");MultilineWhitespace=e=>Ae.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Ae.seq(Ae.string("("),e.InlineOptWhitespace,Ae.string(")")).map((e=>null)).desc("null: ()");Boolean=e=>Ae.alt(Ae.string("True"),Ae.string("true"),Ae.string("False"),Ae.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Ae.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Ae.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");RealNumber=e=>Ae.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>Ae.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>Ae.regex(/0|[1-9]\d*/).map(Number).desc("a natural number");ColorNumber=e=>e.NaturalNumber.assert((e=>0<=e&&e<256),"the color must be between 0 and 256 excluded");Word=e=>Ae.regex(/[a-zA-Z]+/).desc("a word");String=e=>Ae.regex(/(?:[^"\\]|\\.)*/).wrap(Ae.string('"'),Ae.string('"')).map(ie.unescapeString).desc('string (with possibility to escape the quote using ")');ReferencePath=e=>Ae.seq(Ae.string("/"),e.PathSymbol.map((e=>e.toString())).sepBy1(Ae.string(".")).tieWith(".")).tie().atLeast(2).tie().desc('a path (words with possibly underscore, separated by ".", separated by "/")');AttributeName=e=>e.Word.sepBy1(Ae.string(".")).tieWith(".").desc('words separated by ""');None=e=>Ae.string("None").map((e=>new se({type:"None",path:""}))).desc("none");Integer=e=>Ae.regex(/[\-\+]?[0-9]+/).map((e=>new ue(e))).desc("an integer");Guid=e=>e.HexDigit.times(32).tie().map((e=>new ae({value:e}))).desc("32 digit hexadecimal value");Identifier=e=>Ae.regex(/\w+/).map((e=>new le(e)));PathSymbol=e=>Ae.regex(/[0-9\w]+/).map((e=>new ge({value:e})));Reference=e=>Ae.alt(e.None,...[e.ReferencePath.map((e=>new se({type:"",path:e})))].flatMap((e=>[e,e.trim(Ae.string('"'))])),Ae.seqMap(e.Word,Ae.optWhitespace,Ae.alt(...[e.ReferencePath].flatMap((e=>[e.wrap(Ae.string('"'),Ae.string('"')),e.wrap(Ae.string("'\""),Ae.string("\"'"))]))),((e,t,n)=>new se({type:e,path:n}))),e.Word.map((e=>new se({type:e,path:""}))));LocalizedText=e=>Ae.seqMap(Ae.string(me.lookbehind).skip(Ae.optWhitespace).skip(Ae.string("(")),e.String.trim(Ae.optWhitespace),Ae.string(","),e.String.trim(Ae.optWhitespace),Ae.string(","),e.String.trim(Ae.optWhitespace),Ae.string(")"),((e,t,n,i,r,s,o)=>new me({namespace:t,key:i,value:s})));InvariantText=e=>e.String.trim(Ae.optWhitespace).wrap(Ae.string(ce.lookbehind).skip(Ae.optWhitespace).skip(Ae.string("(")),Ae.string(")")).map((e=>new ce({value:e})));AttributeAnyValue=e=>Ae.alt(e.Null,e.None,e.Boolean,e.Number,e.Integer,e.String,e.Guid,e.LocalizedText,e.InvariantText,e.Reference,e.Vector,e.LinearColor);PinReference=e=>Ae.seqMap(e.PathSymbol,Ae.whitespace,e.Guid,((e,t,n)=>new ve({objectName:e,pinGuid:n})));Vector=e=>Ne.createEntityGrammar(e,ye);Rotator=e=>Ne.createEntityGrammar(e,be);SimpleSerializationRotator=e=>Ae.seqMap(e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,((e,t,n,i,r)=>new fe({R:r,P:e,Y:n})));SimpleSerializationVector=e=>Ae.seqMap(e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,Ae.string(",").trim(Ae.optWhitespace),e.Number,((e,t,n,i,r)=>new Ee({X:e,Y:n,Z:r})));LinearColor=e=>Ne.createEntityGrammar(e,pe);FunctionReference=e=>Ne.createEntityGrammar(e,oe);KeyBinding=e=>Ae.alt(e.Identifier.map((e=>new he({Key:e}))),Ne.createEntityGrammar(e,he));Pin=e=>Ne.createEntityGrammar(e,we);CustomProperties=e=>Ae.string("CustomProperties").then(Ae.whitespace).then(e.Pin).map((e=>t=>{let n=ie.objectGet(t,["CustomProperties"],[]);n.push(e),ie.objectSet(t,["CustomProperties"],n,!0)}));Object=e=>Ae.seqMap(Ae.seq(Ae.string("Begin"),Ae.whitespace,Ae.string("Object"),Ae.whitespace),Ae.alt(e.CustomProperties,Ne.createAttributeGrammar(e,ke)).sepBy1(Ae.whitespace),Ae.seq(e.MultilineWhitespace,Ae.string("End"),Ae.whitespace,Ae.string("Object")),((e,t,n)=>{let i={};return t.forEach((e=>e(i))),new ke(i)}));MultipleObject=e=>e.Object.sepBy1(Ae.whitespace).trim(Ae.optWhitespace);LinearColorFromHex=e=>Ae.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Ae.optWhitespace).map((([e,t,n,i])=>new pe({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(n,16)/255,A:i?parseInt(i,16)/255:1})));LinearColorFromRGBList=e=>Ae.seqMap(e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber.map(Number),((e,t,n,i,r)=>new pe({R:e/255,G:n/255,B:r/255,A:1})));LinearColorFromRGB=e=>Ae.string("rgb").then(e.LinearColorFromRGBList.wrap(Ae.regex(/\(\s*/),Ae.regex(/\s*\)/)));LinearColorFromRGBA=e=>Ae.string("rgba").then(Ae.seqMap(e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber,Ae.string(",").skip(Ae.optWhitespace),e.ColorNumber.map(Number),Ae.string(",").skip(Ae.optWhitespace),Ae.regex(/0?\.\d+|[01]/).map(Number),((e,t,n,i,r,s,o)=>new pe({R:e/255,G:n/255,B:r/255,A:o}))).wrap(Ae.regex(/\(\s*/),Ae.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Ae.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA)}class $e{static grammar=Ce.createLanguage(new Ne);constructor(e,t="",n=",",i=!1,r="=",s=(e=>e.join("."))){this.entityType=e,this.prefix=t,this.separator=n,this.trailingSeparator=i,this.attributeValueConjunctionSign=r,this.attributeKeyPrinter=s}deserialize(e){return this.read(e)}serialize(e,t=!1,n=e){return this.write(n,e,t)}read(e){throw new Error("Not implemented")}write(e,t,n){throw new Error("Not implemented")}writeValue(e,t,n,i){const r=te.getSerializer(ie.getType(t));if(!r)throw new Error("Unknown value type, a serializer must be registered in the SerializerFactory class");return r.write(e,t,i)}subWrite(e,t,n,i){let r="",s=t.concat("");const o=s.length-1;for(const t of Object.getOwnPropertyNames(n)){s[o]=t;const a=n[t];if(a?.constructor===Object)r+=(r.length?this.separator:"")+this.subWrite(e,s,a,i);else if(void 0!==a&&this.showProperty(e,n,s,a)){const t=ie.isSerialized(e,s);r+=(r.length?this.separator:"")+this.prefix+this.attributeKeyPrinter(s)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,s,!0)}"`:this.writeValue(e,a,s,i))}}return this.trailingSeparator&&r.length&&1===s.length&&(r+=this.separator),r}showProperty(e,t,n,i){const r=this.entityType.attributes,s=ie.objectGet(r,n);return!(s instanceof ne)||!s.ignored&&(!ie.equals(s.value,i)||s.showDefault)}}class Le extends $e{constructor(){super(ke,"   ","\n",!1)}showProperty(e,t,n,i){switch(n.toString()){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t,n,i)}read(e){const t=$e.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=$e.grammar.MultipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t,n){return`Begin Object Class=${t.Class.path} Name=${this.writeValue(e,t.Name,["Name"],n)}\n${this.subWrite(e,[],t,n)+t.CustomProperties.map((e=>this.separator+this.prefix+"CustomProperties "+te.getSerializer(we).serialize(e))).join("")}\nEnd Object\n`}}class Me extends Q{static#p=new Le;#m;constructor(e,t,n={}){n.listenOnFocus??=!0,n.unlistenOnTextEdit??=!0,super(e,t,n);let i=this;this.#m=e=>i.copied()}listenEvents(){document.body.addEventListener("copy",this.#m)}unlistenEvents(){document.body.removeEventListener("copy",this.#m)}copied(){const e=this.blueprint.getNodes(!0).map((e=>Me.#p.serialize(e.entity,!1))).join("\n\n");navigator.clipboard.writeText(e)}}class Te{static styles=r``;element;#g=[];get inputObjects(){return this.#g}constructed(e){this.element=e}connectedCallback(){}willUpdate(e){}update(e){}render(){return M``}firstUpdated(e){}updated(e){}inputSetup(){this.#g=this.createInputObjects()}cleanup(){this.#g.forEach((e=>e.unlistenDOMElement()))}createInputObjects(){return[]}}class Oe extends Q{#v;constructor(e,t,n={}){n.activateAnyKey??=!1,n.activationKeys??=[],n.listenOnFocus??=!0,n.unlistenOnTextEdit??=!0,n.activationKeys instanceof Array||(n.activationKeys=[n.activationKeys]),n.activationKeys=n.activationKeys.map((e=>{if(e instanceof he)return e;if(e.constructor===String){const t=$e.grammar.KeyBinding.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,n),this.#v=this.options.activationKeys??[];let i=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||i.#v.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&&J.Keys[t.Key]==e.code)))&&(n.consumeEvent&&e.stopImmediatePropagation(),i.fire(),document.removeEventListener("keydown",i.keyDownHandler),document.addEventListener("keyup",i.keyUpHandler))},this.keyUpHandler=e=>{(this.options.activateAnyKey||i.#v.some((t=>t.bShift&&"Shift"==e.key||t.bCtrl&&"Control"==e.key||t.bAlt&&"Alt"==e.key||t.bCmd&&"Meta"==e.key||J.Keys[t.Key]==e.code)))&&(n.consumeEvent&&e.stopImmediatePropagation(),i.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 De extends Oe{constructor(e,t,n={}){n.activationKeys=J.deleteNodesKeyboardKey,super(e,t,n)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class He extends Q{constructor(e,t,n={}){n.ignoreTranslateCompensate??=!1,n.movementSpace??=t.getGridDOMElement()??document.documentElement,super(e,t,n),this.movementSpace=n.movementSpace}locationFromEvent(e){const t=ie.convertLocation([e.clientX,e.clientY],this.movementSpace);return this.options.ignoreTranslateCompensate?t:this.blueprint.compensateTranslation(t)}}class _e extends He{#b;#f;constructor(e,t,n={}){n.listenOnFocus=!0,n.strictTarget??=!1,super(e,t,n),this.strictTarget=n.strictTarget;const i=this;this.#b=e=>{e.preventDefault();const t=i.locationFromEvent(e);i.wheel(Math.sign(e.deltaY*J.mouseWheelFactor),t)},this.#f=e=>e.preventDefault(),this.blueprint.focused&&this.movementSpace.addEventListener("wheel",this.#b,!1)}listenEvents(){this.movementSpace.addEventListener("wheel",this.#b,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#f)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#b,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#f)}wheel(e,t){}}class Ie extends _e{#y=!1;get enableZoonIn(){return this.#y}set enableZoonIn(e){(e=Boolean(e))!=this.#y&&(this.#y=e)}wheel(e,t){let n=this.blueprint.getZoom();e=-e,!this.enableZoonIn&&0==n&&e>0||(n+=e,this.blueprint.setZoom(n,t))}}class Be extends Oe{#E;constructor(e,t,n={}){n.activationKeys=J.enableZoomIn,super(e,t,n)}fire(){this.#E=this.blueprint.getInputObject(Ie),this.#E.enableZoonIn=!0}unfire(){this.#E.enableZoonIn=!1}}class Re extends Oe{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class ze extends He{#w;#S;#k;#P;#x=!1;#C;#A;started=!1;stepSize=1;clickedPosition=[0,0];clickedOffset=[0,0];mouseLocation=[0,0];constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.draggableElement??=e,n.exitAnyButton??=!0,n.moveEverywhere??=!1,n.movementSpace??=t?.getGridDOMElement(),n.repositionOnClick??=!1,n.strictTarget??=!1,super(e,t,n),this.stepSize=parseInt(n?.stepSize??J.gridSize),this.#C=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#A=this.options.draggableElement;let i=this;this.#w=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)i.options.strictTarget&&e.target!=e.currentTarget||(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#C.addEventListener("mousemove",i.#S),document.addEventListener("mouseup",i.#P),i.clickedPosition=i.locationFromEvent(e),i.clickedOffset=[i.clickedPosition[0]-i.target.locationX,i.clickedPosition[1]-i.target.locationY],i.clicked(i.clickedPosition));else i.options.exitAnyButton||i.#P(e)},this.#S=e=>{i.options.consumeEvent&&e.stopImmediatePropagation(),i.#C.removeEventListener("mousemove",i.#S),i.#C.addEventListener("mousemove",i.#k);const t=i.getEvent(J.trackingMouseEventName.begin);i.#x=0==i.target.dispatchEvent(t);const n=i.locationFromEvent(e);this.mouseLocation=ie.snapToGrid(this.clickedPosition,this.stepSize),i.startDrag(n),i.started=!0},this.#k=e=>{i.options.consumeEvent&&e.stopImmediatePropagation();const t=i.locationFromEvent(e),n=[e.movementX,e.movementY];i.dragTo(t,n),i.#x&&(i.blueprint.mousePosition=i.locationFromEvent(e))},this.#P=e=>{if(!i.options.exitAnyButton||e.button==i.options.clickButton){if(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#C.removeEventListener("mousemove",i.#S),i.#C.removeEventListener("mousemove",i.#k),document.removeEventListener("mouseup",i.#P),i.started&&i.endDrag(),i.unclicked(),i.#x){const e=i.getEvent(J.trackingMouseEventName.end);i.target.dispatchEvent(e),i.#x=!1}i.started=!1}},this.listenEvents()}listenEvents(){this.#A.addEventListener("mousedown",this.#w),2==this.options.clickButton&&this.#A.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#A.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 Ge extends ze{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Fe extends He{#N=null;#$;#L;#M;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#$=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#L=e=>{i.#N||(e.preventDefault(),this.#N=e.detail.tracker,i.unlistenMouseMove())},this.#M=e=>{i.#N==e.detail.tracker&&(e.preventDefault(),i.#N=null,i.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#$)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#$)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#L),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#M)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#L),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#M)}}class je extends Y{static properties={};#T=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#O;get entity(){return this.#O}set entity(e){this.#O=e}#D;get template(){return this.#D}inputObjects=[];constructor(e,t){super(),this.#O=e,this.#D=t,this.inputObjects=[],this.#D.constructed(this)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.blueprint=this.closest("ueb-blueprint"),this.template.connectedCallback()}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),this.#T.forEach((t=>t(e))),this.#T=[]}disconnectedCallback(){super.disconnectedCallback(),this.template.cleanup()}addNextUpdatedCallbacks(e,t=!1){this.#T.push(e),t&&this.requestUpdate()}isSameGraph(e){return this.blueprint&&this.blueprint==e?.blueprint}getInputObject(e){return this.template.inputObjects.find((t=>t.constructor==e))}}class Ve extends je{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1}};static dragEventName=J.dragEventName;static dragGeneralEventName=J.dragGeneralEventName;constructor(e,t){super(e,t),this.locationX=0,this.locationY=0}setLocation([e,t]){const n=[e-this.locationX,t-this.locationY];if(this.locationX=e,this.locationY=t,this.blueprint){const e=new CustomEvent(this.constructor.dragEventName,{detail:{value:n},bubbles:!1,cancelable:!0});this.dispatchEvent(e)}}addLocation([e,t]){this.setLocation([this.locationX+e,this.locationY+t])}dispatchDragEvent(e){const t=new CustomEvent(this.constructor.dragGeneralEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=ie.snapToGrid([this.locationX,this.locationY],J.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e)}}class Ue extends Ve{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:ie.booleanConverter}};constructor(...e){super(...e),this.selected=!1,this.listeningDrag=!1;let t=this;this.dragHandler=e=>t.addLocation(e.detail.value)}connectedCallback(){super.connectedCallback(),this.setSelected(this.selected)}disconnectedCallback(){super.disconnectedCallback(),this.blueprint.removeEventListener(J.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(J.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(J.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class We extends ze{clicked(e){this.options.repositionOnClick&&(this.target.setLocation(this.stepSize>1?ie.snapToGrid(e,this.stepSize):e),this.clickedOffset=[0,0])}dragTo(e,t){const n=[this.target.locationX,this.target.locationY],[i,r]=this.stepSize>1?[ie.snapToGrid(e,this.stepSize),ie.snapToGrid(n,this.stepSize)]:[e,n];0==(t=[i[0]-this.mouseLocation[0],i[1]-this.mouseLocation[1]])[0]&&0==t[1]||(t[0]+=r[0]-this.target.locationX,t[1]+=r[1]-this.target.locationY,this.dragAction(i,t),this.mouseLocation=i)}dragAction(e,t){this.target.setLocation([e[0]-this.clickedOffset[0],e[1]-this.clickedOffset[1]])}}class qe extends Te{getDraggableElement(){return this.element}createDraggableObject(){return new We(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}}class Ke extends qe{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 Xe extends We{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragAction(e,t){this.target.dispatchDragEvent(t)}unclicked(){this.started||(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class Ye extends Ke{getDraggableElement(){return this.element}createDraggableObject(){return new Xe(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class Ze extends ze{constructor(e,t,n={}){n.consumeEvent=!0,super(e,t,n)}}class Je extends je{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(...e){super(...e),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 Qe extends Te{update(e){super.update(e);const[t,n,i,r]=[Math.round(this.element.fromX),Math.round(this.element.fromY),Math.round(this.element.toX),Math.round(this.element.toY)],[s,o,a,l]=[Math.min(t,i),Math.min(n,r),Math.abs(t-i),Math.abs(n-r)];(e.has("fromX")||e.has("toX"))&&(this.element.style.left=`${s}px`,this.element.style.width=`${a}px`),(e.has("fromY")||e.has("toY"))&&(this.element.style.top=`${o}px`,this.element.style.height=`${l}px`)}}class et extends Qe{static decreasingValue(e,t){const n=-e*t[0]**2,i=t[1]-n/t[0];return e=>n/e+i}static clampedLine(e,t){if(e[0]>t[0]){const n=e;e=t,t=n}const n=(t[1]-e[1])/(t[0]-e[0]),i=e[1]-n*e[0];return r=>r<e[0]?e[1]:r>t[0]?t[1]:n*r+i}static c1DecreasingValue=et.decreasingValue(-.15,[100,15]);static c2DecreasingValue=et.decreasingValue(-.06,[500,130]);static c2Clamped=et.clampedLine([0,100],[200,30]);willUpdate(e){super.willUpdate(e);const t=Math.max(Math.abs(this.element.fromX-this.element.toX),1),n=Math.max(t,J.linkMinWidth),i=t/n,r=this.element.originatesFromInput?this.element.fromX<this.element.toX:this.element.toX<this.element.fromX;this.element.startPixels=t<n?(n-t)/2:0,this.element.startPercentage=r?this.element.startPixels+100*i:this.element.startPixels;const s=this.element.startPercentage+(r?et.c1DecreasingValue(n):10)*i;let o=et.c2Clamped(r?-t:t)+this.element.startPercentage;o=Math.min(o,et.c2DecreasingValue(n)),this.element.svgPathD=J.linkRightSVGPath(this.element.startPercentage,s,o)}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",ie.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(){const e="ueb-id-"+Math.floor(1e12*Math.random());return M`<svg version="1.2" baseProfile="tiny" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none"><g><path id="${e}" fill="none" vector-effect="non-scaling-stroke" d="${this.element.svgPathD}"/><use href="#${e}" pointer-events="stroke" stroke-width="15"/></g></svg> ${""!=this.element.linkMessageIcon||""!=this.element.linkMessageText?M`<div class="ueb-link-message"><span class="${this.element.linkMessageIcon}"></span> <span class="ueb-link-message-text">${this.element.linkMessageText}</span></div>`:O}`}}class tt extends Je{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:ie.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#H;get sourcePin(){return this.#H}set sourcePin(e){this.#_(e,!1)}#I;get destinationPin(){return this.#I}set destinationPin(e){this.#_(e,!0)}#B;#R;#z;#G;#F;pathElement;constructor(e,t){super({},new et);const n=this;this.#B=()=>n.remove(),this.#R=e=>n.addSourceLocation(e.detail.value),this.#z=e=>n.addDestinationLocation(e.detail.value),this.#G=e=>n.setSourceLocation(),this.#F=e=>n.setDestinationLocation(),this.source=null,this.destination=null,this.dragging=!1,this.originatesFromInput=!1,this.startPercentage=0,this.svgPathD="",this.startPixels=0,this.linkMessageIcon="",this.linkMessageText="",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)),this.#j()}#_(e,t){const n=()=>t?this.destinationPin:this.sourcePin;if(n()!=e){if(n()){const e=n().getNodeElement();e.removeEventListener(J.nodeDeleteEventName,this.#B),e.removeEventListener(J.nodeDragEventName,t?this.#z:this.#R),e.removeEventListener(J.nodeReflowEventName,t?this.#F:this.#G),this.#V()}if(t?this.#I=e:this.#H=e,n()){const e=n().getNodeElement();e.addEventListener(J.nodeDeleteEventName,this.#B),e.addEventListener(J.nodeDragEventName,t?this.#z:this.#R),e.addEventListener(J.nodeReflowEventName,t?this.#F:this.#G),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#j()}}}#j(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#V(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin),this.destinationPin.unlinkFrom(this.sourcePin))}disconnectedCallback(){super.disconnectedCallback(),this.#V(),this.sourcePin=null,this.destinationPin=null}setSourceLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.sourcePin.hasUpdated)return void Promise.all([this.updateComplete,this.sourcePin.updateComplete]).then((()=>t.setSourceLocation()));e=this.sourcePin.template.getLinkLocation()}const[t,n]=e;this.fromX=t,this.fromY=n}setDestinationLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.destinationPin.hasUpdated)return void Promise.all([this.updateComplete,this.destinationPin.updateComplete]).then((()=>t.setDestinationLocation()));e=this.destinationPin.template.getLinkLocation()}this.toX=e[0],this.toY=e[1]}startDragging(){this.dragging=!0}finishDragging(){this.dragging=!1}removeMessage(){this.linkMessageIcon="",this.linkMessageText=""}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon="ueb-icon-correct",this.linkMessageText=""}setMessageDirectionsIncompatible(){this.linkMessageIcon="ueb-icon-directions-incompatible",this.linkMessageText="Directions are not compatbile."}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText="Place a new node."}setMessageReplaceLink(){this.linkMessageIcon="ueb-icon-replace-link",this.linkMessageText="Replace existing input connections."}setMessageSameNode(){this.linkMessageIcon="ueb-icon-same-node",this.linkMessageText="Both are on the same node."}setMEssagetypesIncompatible(){this.linkMessageIcon="ueb-icon-types-incompatible",this.linkMessageText=`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}customElements.define("ueb-link",tt);class nt extends ze{#U;#W;#q;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#W=e=>{if(!i.enteredPin){i.linkValid=!1,i.enteredPin=e.target;const t=i.enteredPin,n=i.target;t.getNodeElement()==n.getNodeElement()?i.link.setMessageSameNode():t.isOutput()==n.isOutput()||t.isOutput()==n.isOutput()?i.link.setMessageDirectionsIncompatible():i.blueprint.getLinks([t,n]).length?(i.link.setMessageReplaceLink(),i.linkValid=!0):(i.link.setMessageCorrect(),i.linkValid=!0)}},this.#q=e=>{i.enteredPin==e.target&&(i.enteredPin=null,i.linkValid=!1,i.link?.setMessagePlaceNode())}}startDrag(e){this.link=new tt(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#U=this.blueprint.querySelectorAll("ueb-pin"),this.#U.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#W),e.getClickableElement().addEventListener("mouseleave",this.#q))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#U.forEach((e=>{e.removeEventListener("mouseenter",this.#W),e.removeEventListener("mouseleave",this.#q)})),this.enteredPin&&this.linkValid?(this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()):(this.link.finishDragging(),this.link.remove()),this.enteredPin=null,this.link=null,this.#U=null}}class it extends Te{connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new nt(this.element.clickableElement,this.element.blueprint,{moveEverywhere:!0})]}render(){const e=M`<div class="ueb-pin-icon">${this.renderIcon()}</div>`,t=M`<div class="ueb-pin-content"><span class="ueb-pin-name">${this.element.getPinDisplayName()}</span> ${this.renderInput()}</div>`;return M`<div class="ueb-pin-wrapper">${this.element.isInput()?M`${e}${t}`:M`${t}${e}`}</div>`}renderIcon(){return M`<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><circle class="ueb-pin-tofill" cx="16" cy="16" r="14" fill="none" stroke="currentColor" stroke-width="5"/><path d="M 34 6 L 34 26 L 42 16 Z" fill="currentColor"/></svg>`}renderInput(){return M``}firstUpdated(e){super.firstUpdated(e),this.element.dataset.id=this.element.GetPinIdValue(),this.element.clickableElement=this.element}getLinkLocation(){const e=this.element.querySelector(".ueb-pin-icon").getBoundingClientRect(),t=ie.convertLocation([(e.left+e.right)/2,(e.top+e.bottom)/2],this.element.blueprint.gridElement);return this.element.blueprint.compensateTranslation(t)}}class rt extends it{#K;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input");let t=this;this.onChangeHandler=e=>this.element.setDefaultValue(t.#K.checked),this.#K.addEventListener("change",this.onChangeHandler)}cleanup(){super.cleanup(),this.#K.removeEventListener("change",this.onChangeHandler)}createInputObjects(){return[...super.createInputObjects(),new Ze(this.#K,this.element.blueprint)]}renderInput(){return this.element.isInput()?M`<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue}">`:super.renderInput()}}class st extends it{renderIcon(){return M`<svg viewBox="-2 0 16 16"><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>`}}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -31,4 +31,4 @@ var K,X;null==q||q(I,z),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:glo
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const at=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}{constructor(e){var t;if(super(e),e.type!==ot||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,n)=>{const i=e[n];return null==i?t:t+`${n=n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(e,[t]){const{style:n}=e.element;if(void 0===this.vt){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach((e=>{null==t[e]&&(this.vt.delete(e),e.includes("-")?n.removeProperty(e):n[e]="")}));for(const e in t){const i=t[e];null!=i&&(this.vt.add(e),e.includes("-")?n.setProperty(e,i):n[e]=i)}return T}});class lt extends qe{#X;get locationChangeCallback(){return this.#X}set locationChangeCallback(e){this.#X=e}movementSpace;movementSpaceSize=[0,0];connectedCallback(){super.connectedCallback(),this.movementSpace=this.element.parentElement;const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new We(this.element,this.element.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 ut extends lt{adjustLocation([e,t]){const n=Math.round(this.movementSpaceSize[0]/2);e-=n,t=-(t-n);let[i,r]=ie.getPolarCoordinates([e,t]);return i=Math.min(i,n),[e,t]=ie.getCartesianCoordinates([i,r]),this.locationChangeCallback?.(e/n,t/n),[e=Math.round(e+n),t=Math.round(-t+n)]}}class ct extends Ve{windowElement;constructor(e,t){super(e,t)}connectedCallback(){super.connectedCallback(),this.windowElement=this.closest("ueb-window")}setLocation([e,t]){super.setLocation(this.template.adjustLocation([e,t]))}}class ht extends ct{constructor(){super({},new ut)}}customElements.define("ueb-color-handler",ht);class dt extends lt{adjustLocation([e,t]){return e=ie.clamp(e,0,this.movementSpaceSize[0]),t=ie.clamp(t,0,this.movementSpaceSize[1]),this.locationChangeCallback?.(e/this.movementSpaceSize[0],1-t/this.movementSpaceSize[1]),[e,t]}}class pt extends ct{constructor(){super({},new dt)}}customElements.define("ueb-ui-slider",pt);class mt extends Ke{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new We(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),ignoreTranslateCompensate:!0,movementSpace:this.element.blueprint,stepSize:1})}render(){return M`<div class="ueb-window"><div class="ueb-window-top"><div class="ueb-window-name ueb-ellipsis-nowrap-text">${this.renderWindowName()}</div><div class="ueb-window-close" @click="${()=>this.element.remove()}"><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></div></div><div class="ueb-window-content">${this.renderContent()}</div></div>`}renderWindowName(){return M`Window`}renderContent(){return M``}apply(){this.element.dispatchEvent(new CustomEvent(J.windowApplyEventName)),this.element.remove()}cancel(){this.element.dispatchEvent(new CustomEvent(J.windowCancelEventName)),this.element.remove()}}class gt extends mt{#Y=new ht;get wheelHandler(){return this.#Y}#Z=new pt;get saturationSlider(){return this.#Z}#J=new pt;get valueSlider(){return this.#J}#Q=new pt;get rSlider(){return this.#Q}#ee=new pt;get gSlider(){return this.#ee}#te=new pt;get bSlider(){return this.#te}#ne=new pt;get aSlider(){return this.#ne}#ie=new pt;get hSlider(){return this.#ie}#re=new pt;get sSlider(){return this.#re}#se=new pt;get vSlider(){return this.#se}#oe=e=>{const t=ie.clearHTMLWhitespace(e.target.innerHTML),n=parseInt(t,16);isNaN(n)||(this.color.setFromRGBANumber(n),this.element.requestUpdate())};#ae=e=>{const t=ie.clearHTMLWhitespace(e.target.innerHTML),n=parseInt(t,16);isNaN(n)||(this.color.setFromSRGBANumber(n),this.element.requestUpdate())};#le=new pe;get color(){return this.#le}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#le),this.#le=e)}#ue=new pe;get fullColor(){return this.#ue}#ce;get initialColor(){return this.#ce}#he=new pe;#de(e,t){const n=this.color.toRGBAString();return`${n.substring(0,2*e)}${t}${n.substring(2+2*e)}`}connectedCallback(){super.connectedCallback(),this.#ce=this.element.windowOptions.getPinColor(),this.color.setFromHSVA(this.initialColor.H.value,this.initialColor.S.value,this.initialColor.V.value,this.initialColor.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1)}firstUpdated(e){this.wheelHandler.template.locationChangeCallback=(e,t)=>{this.color.setFromWheelLocation([e,t],this.color.V.value,this.color.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1),this.element.requestUpdate()},this.saturationSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,t,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.valueSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,t,this.color.A.value),this.element.requestUpdate()},this.rSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([e,this.color.G.value,this.color.B.value,this.color.A.value]),this.element.requestUpdate()},this.gSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([this.color.R.value,e,this.color.B.value,this.color.A.value]),this.element.requestUpdate()},this.bSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([this.color.R.value,this.color.G.value,e,this.color.A.value]),this.element.requestUpdate()},this.aSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([this.color.R.value,this.color.G.value,this.color.B.value,e]),this.element.requestUpdate()},this.hSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(e,this.color.S.value,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.sSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,e,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.vSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,e,this.color.A.value),this.element.requestUpdate()},this.element.querySelector(".ueb-color-picker-wheel").appendChild(this.wheelHandler),this.element.querySelector(".ueb-color-picker-saturation").appendChild(this.saturationSlider),this.element.querySelector(".ueb-color-picker-value").appendChild(this.valueSlider),this.element.querySelector(".ueb-color-picker-r .ueb-horizontal-slider").appendChild(this.rSlider),this.element.querySelector(".ueb-color-picker-g .ueb-horizontal-slider").appendChild(this.gSlider),this.element.querySelector(".ueb-color-picker-b .ueb-horizontal-slider").appendChild(this.bSlider),this.element.querySelector(".ueb-color-picker-a .ueb-horizontal-slider").appendChild(this.aSlider),this.element.querySelector(".ueb-color-picker-h .ueb-horizontal-slider").appendChild(this.hSlider),this.element.querySelector(".ueb-color-picker-s .ueb-horizontal-slider").appendChild(this.sSlider),this.element.querySelector(".ueb-color-picker-v .ueb-horizontal-slider").appendChild(this.vSlider)}renderSlider(e){let t="",n=0,i="";const r=e=>`linear-gradient(to right, #${this.#de(e,"00")}, #${this.#de(e,"ff")})`;switch(e){case 0:t="r",n=this.color.R.value,i=r(e);break;case 1:t="g",n=this.color.G.value,i=r(e);break;case 2:t="b",n=this.color.B.value,i=r(e);break;case 3:t="a",n=this.color.A.value,i=`repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px, ${r(e)}`;break;case 4:t="h",n=360*this.color.H.value,i="linear-gradient(to right, #f00 0%, #ff0 16.666%, #0f0 33.333%, #0ff 50%, #00f 66.666%, #f0f 83.333%, #f00 100%)";break;case 5:t="s",n=this.color.S.value,i=`linear-gradient(to right,#${this.#he.setFromHSVA(this.color.H.value,0,this.color.V.value,this.color.A.value),this.#he.toRGBAString()},#${this.#he.setFromHSVA(this.color.H.value,1,this.color.V.value,this.color.A.value),this.#he.toRGBAString()})`;break;case 6:t="v",n=this.color.V.value,i=`linear-gradient(to right, #000, #${this.fullColor.toRGBAString()})`}return i=`background: ${i};`,M`<div class="ueb-color-picker-${t.toLowerCase()}"><span class="ueb-color-control-label">${t.toUpperCase()}</span><div><div class="ueb-horizontal-slider"><span class="ueb-horizontal-slider-text" .innerText="${ie.minDecimals(ie.roundDecimals(n,3))}"></span></div><div class="ueb-color-picker-gradient" style="${i}"></div></div></div>`}renderContent(){const e=2*this.color.H.value*Math.PI,t=Math.max(this.#Y.template.movementSpaceSize[0],this.#Y.template.movementSpaceSize[1])/2,n={"--ueb-color-r":this.color.R.toString(),"--ueb-color-g":this.color.G.toString(),"--ueb-color-b":this.color.B.toString(),"--ueb-color-a":this.color.A.toString(),"--ueb-color-h":this.color.H.toString(),"--ueb-color-s":this.color.S.toString(),"--ueb-color-v":this.color.V.toString(),"--ueb-color-wheel-x":`${Math.round(this.color.S.value*Math.cos(e)*t+t)}px`,"--ueb-color-wheel-y":`${Math.round(this.color.S.value*Math.sin(e)*t+t)}px`};this.color.toRGBAString();const i=this.fullColor.toRGBAString();return M`<div class="ueb-color-picker" style="${at(n)}"><div class="ueb-color-picker-toolbar"><div class="ueb-color-picker-theme"></div><div class="ueb-color-picker-srgb"></div></div><div class="ueb-color-picker-main"><div class="ueb-color-picker-wheel"></div><div class="ueb-color-picker-saturation ueb-vertical-slider" style="background-color:#${i}"></div><div class="ueb-color-picker-value ueb-vertical-slider" style="background-color:#${i}"></div><div class="ueb-color-picker-preview">Old<div class="ueb-color-picker-preview-old" style="background:#${this.#ce.toRGBAString()}"></div><div class="ueb-color-picker-preview-new" style="background:#${this.color.toRGBAString()}"></div>New</div></div><div class="ueb-color-picker-advanced-toggle ueb-toggle-control">Advanced</div><div class="ueb-color-picker-advanced"><div class="ueb-color-picker-column">${this.renderSlider(0)} ${this.renderSlider(1)} ${this.renderSlider(2)} ${this.renderSlider(3)}</div><div class="ueb-color-picker-column">${this.renderSlider(4)} ${this.renderSlider(5)} ${this.renderSlider(6)}<div class="ueb-color-control"><span class="ueb-color-control-label">Hex Linear</span><div class="ueb-color-picker-hex-linear ueb-text-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${this.color.toRGBAString()}" @focusout="${this.#oe}"></span></div></div><div class="ueb-color-control"><span class="ueb-color-control-label">Hex sRGB</span><div class="ueb-color-picker-hex-srgb ueb-text-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${this.color.toSRGBAString()}" @focusout="${this.#ae}"></span></div></div></div></div><div class="ueb-buttons"><div class="ueb-color-picker-ok ueb-button" @click="${()=>this.apply()}">OK</div><div class="ueb-color-picker-cancel ueb-button" @click="${()=>this.cancel()}">Cancel</div></div></div>`}renderWindowName(){return M`Color Picker`}}class vt extends it{#pe;get inputContentElements(){return this.#pe}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")}firstUpdated(e){if(super.firstUpdated(e),this.#pe=[...this.element.querySelectorAll(".ueb-pin-input-content")],this.#pe.length){this.setInputs(this.getInputs(),!1);let e=this;this.onFocusHandler=e=>this.element.blueprint.dispatchEditTextEvent(!0),this.onFocusOutHandler=t=>{t.preventDefault(),document.getSelection()?.removeAllRanges(),e.setInputs(this.getInputs(),!0),this.element.blueprint.dispatchEditTextEvent(!1)},this.#pe.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(){super.cleanup(),this.#pe.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(){return[...super.createInputObjects(),...this.#pe.map((e=>new Ze(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#pe.map((e=>ie.clearHTMLWhitespace(e.innerHTML)))}setInputs(e=[],t=!0){this.#pe.forEach(((t,n)=>t.innerText=e[n])),t&&this.setDefaultValue(e.map((e=>vt.stringFromInputToUE(e))),e)}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.reduce(((e,t)=>e+t),""))}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.DefaultValue.toString())}"></span></div>`:M``}}class bt extends He{#w;#P;constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.exitAnyButton??=!0,n.strictTarget??=!1,super(e,t,n),this.clickedPosition=[0,0];let i=this;this.#w=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)i.options.strictTarget&&e.target!=e.currentTarget||(i.options.consumeEvent&&e.stopImmediatePropagation(),document.addEventListener("mouseup",i.#P),i.clickedPosition=i.locationFromEvent(e),i.clicked(i.clickedPosition));else i.options.exitAnyButton||i.#P(e)},this.#P=e=>{i.options.exitAnyButton&&e.button!=i.options.clickButton||(i.options.consumeEvent&&e.stopImmediatePropagation(),document.removeEventListener("mouseup",i.#P),i.unclicked())},this.listenEvents()}listenEvents(){this.target.addEventListener("mousedown",this.#w),2==this.options.clickButton&&this.target.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.target.removeEventListener("mousedown",this.#w)}clicked(e){}unclicked(e){}}class ft extends bt{static#me=e=>{};constructor(e,t,n,i=ft.#me,r=ft.#me){super(e,t,n),this.onMouseDown=i,this.onMouseUp=r}clicked(){this.onMouseDown(this)}unclicked(){this.onMouseUp(this)}}class yt extends Ve{static#ge={window:mt,"color-picker":gt};static properties={...Ve.properties,type:{type:mt,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>yt.#ge[e],toAttribute:(e,t)=>Object.entries(yt.#ge).find((([t,n])=>e==n))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=yt.#ge[e.type]),e.type??=mt,e.windowOptions??={},super({},new e.type),this.type=e.type,this.windowOptions=e.windowOptions}disconnectedCallback(){super.disconnectedCallback(),this.dispatchCloseEvent()}dispatchCloseEvent(){let e=new CustomEvent(J.windowCloseEventName);this.dispatchEvent(e)}}customElements.define("ueb-window",yt);class Et extends vt{#K;#ve;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new ft(this.#K,this.element.blueprint,void 0,(e=>{this.#ve=new yt({type:gt,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}}),this.element.blueprint.append(this.#ve);const t=()=>{this.element.setDefaultValue(this.#ve.template.color)},n=()=>{this.#ve.removeEventListener(J.windowApplyEventName,t),this.#ve.removeEventListener(J.windowCloseEventName,n),this.#ve=null};this.#ve.addEventListener(J.windowApplyEventName,t),this.#ve.addEventListener(J.windowCloseEventName,n)}))]}getInputs(){return[this.#K.dataset.linearColor]}setInputs(e=[]){}renderInput(){return this.element.isInput()?M`<span class="ueb-pin-input" data-linear-color="${this.element.defaultValue.toString()}" style="--ueb-linear-color:rgba(${this.element.defaultValue.toString()})"></span>`:super.renderInput()}}class wt extends vt{onInputHandler;firstUpdated(e){super.firstUpdated(e),this.onInputHandler=e=>{e.stopPropagation(),("insertParagraph"==e.inputType||"insertLineBreak"==e.inputType||"insertFromPaste"==e.inputType&&e.target.innerText.includes("\n"))&&(e.target.blur(),this.inputContentElements.forEach((e=>e.innerText=e.innerText.replaceAll("\n",""))))},this.inputContentElements.forEach((e=>{e.addEventListener("input",this.onInputHandler)}))}cleanup(){super.cleanup(),this.inputContentElements.forEach((e=>{e.removeEventListener("input",this.onInputHandler)}))}getInputs(){return this.inputContentElements.map((e=>e.textContent))}setInputs(e=[],t=!0){e=e.map((e=>e.replaceAll("\n",""))),super.setInputs(e,t)}}class St extends vt{setInputs(e=[],t=!1){e&&0!=e.length||(e=[this.getInput()]);let n=[];for(const t of e){let e=parseFloat(t);isNaN(e)&&(e=0,!1),n.push(e)}super.setInputs(e,!1),this.setDefaultValue(n,e)}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}}class kt extends St{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.DefaultValue))}"></span></div>`:M``}}class Pt extends it{renderIcon(){return M`<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>`}}class xt extends St{setDefaultValue(e=[],t=e){if(!(this.element.entity.DefaultValue instanceof be))throw new TypeError("Expected DefaultValue to be a VectorEntity");let n=this.element.entity.DefaultValue;n.R=e[0],n.P=e[1],n.Y=e[2]}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-x" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.getDefaultValue().R.toString())}"></span></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-y" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.getDefaultValue().P.toString())}"></span></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-z" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.getDefaultValue().Y.toString())}"></span></div></div>`:M``}}class Ct extends vt{}class At extends St{setDefaultValue(e,t){if(!(this.element.entity.DefaultValue instanceof ye))throw new TypeError("Expected DefaultValue to be a VectorEntity");let n=this.element.entity.DefaultValue;n.X=e[0],n.Y=e[1],n.Z=e[2]}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-x" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.getDefaultValue().X))}"></span></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-y" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.getDefaultValue().Y))}"></span></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-z" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.getDefaultValue().Z))}"></span></div></div>`:M``}}class Nt extends je{static#ge={"/Script/CoreUObject.LinearColor":Et,"/Script/CoreUObject.Rotator":xt,"/Script/CoreUObject.Vector":At,bool:rt,exec:st,MUTABLE_REFERENCE:Pt,name:wt,real:kt,string:Ct};static properties={advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:pe,converter:{fromAttribute:(e,t)=>e?$e.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?ie.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:ie.booleanConverter,attribute:"data-linked",reflect:!0},pinType:{type:String,attribute:"data-type",reflect:!0},pinDirection:{type:String,attribute:"data-direction",reflect:!0}};static getTypeTemplate(e){return Nt.#ge[e.PinType.bIsReference&&!e.PinType.bIsConst?"MUTABLE_REFERENCE":e.getType()]??it}nodeElement;clickableElement;connections=0;constructor(e){super(e,new(Nt.getTypeTemplate(e))),this.advancedView=e.bAdvancedView,this.defaultValue=e.getDefaultValue(),this.pinType=this.entity.getType(),this.color=Nt.properties.color.converter.fromAttribute(J.pinColor[this.pinType]?.toString()),this.isLinked=!1,this.pinDirection=e.isInput()?"input":e.isOutput()?"output":"hidden",this.entity.subscribe("PinToolTip",(e=>{let t=e.match(/\s*(.+?(?=\n)|.+\S)\s*/);return t?ie.formatStringName(t[1]):ie.formatStringName(this.entity.PinName)}))}GetPinId(){return this.entity.PinId}GetPinIdValue(){return this.GetPinId().value}getPinName(){return this.entity.PinName}getPinDisplayName(){let e=null;return this.entity.PinToolTip&&(e=this.entity.PinToolTip.match(/\s*(.+?(?=\n)|.+\S)\s*/))?ie.formatStringName(e[1]):ie.formatStringName(this.entity.PinName)}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getClickableElement(){return this.clickableElement}getLinkLocation(){return this.template.getLinkLocation()}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}setDefaultValue(e){this.entity.DefaultValue=e,this.defaultValue=e}sanitizeLinks(e=[]){this.entity.LinkedTo=this.getLinks().filter((t=>{let n=this.blueprint.getPin(t);if(n){if(e.length&&!e.includes(n.nodeElement))return!1;this.blueprint.getLink(this,n,!0)||this.blueprint.addGraphElement(new tt(this,n))}return n}))}linkTo(e){this.entity.linkTo(e.getNodeElement().getNodeName(),e.entity),this.isLinked=this.entity.isLinked()}unlinkFrom(e){this.entity.unlinkFrom(e.getNodeElement().getNodeName(),e.entity),this.isLinked=this.entity.isLinked()}redirectLink(e,t){const n=this.entity.LinkedTo.findIndex((t=>t.objectName.toString()==e.getNodeElement().getNodeName()&&t.pinGuid.valueOf()==e.entity.PinId.valueOf()));return n>=0&&(this.entity.LinkedTo[n]=t,!0)}}customElements.define("ueb-pin",Nt);class $t extends Ye{toggleAdvancedDisplayHandler;render(){return M`<div class="ueb-node-border"><div class="ueb-node-wrapper"><div class="ueb-node-top"><div class="ueb-node-name"><span class="ueb-node-name-symbol"><svg width="16" height="16" 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> </span><span class="ueb-node-name-text ueb-ellipsis-nowrap-text">${this.element.nodeDisplayName}</span></div></div><div class="ueb-node-content"><div class="ueb-node-inputs"></div><div class="ueb-node-outputs"></div></div>${"DevelopmentOnly"==this.element.enabledState?.toString()?M`<div class="ueb-node-developmentonly"><span class="ueb-node-developmentonly-text">Development Only</span></div>`:O} ${this.element.advancedPinDisplay?M`<div class="ueb-node-expansion" @click="${this.toggleAdvancedDisplayHandler}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ueb-node-expansion-icon" viewBox="4 4 24 24"><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></div>`:O}</div></div>`}async firstUpdated(e){super.firstUpdated(e);const t=this.element.querySelector(".ueb-node-inputs"),n=this.element.querySelector(".ueb-node-outputs");Promise.all(this.element.getPinElements().map((e=>e.updateComplete))).then((()=>this.element.dispatchReflowEvent())),this.element.getPinElements().forEach((e=>{e.isInput()?t.appendChild(e):e.isOutput()&&n.appendChild(e)})),this.toggleAdvancedDisplayHandler=e=>{this.element.toggleShowAdvancedPinDisplay(),this.element.addNextUpdatedCallbacks((()=>this.element.dispatchReflowEvent()),!0)},this.element.nodeNameElement=this.element.querySelector(".ueb-node-name-text")}getPinElements(e){return e.querySelectorAll("ueb-pin")}}class Lt extends Ue{static properties={...Ue.properties,name:{type:String,attribute:"data-name",reflect:!0},advancedPinDisplay:{type:String,attribute:"data-advanced-display",converter:le.attributeConverter,reflect:!0},enabledState:{type:String,attribute:"data-enabled-state",reflect:!0},nodeDisplayName:{type:String,attribute:!1},pureFunction:{type:Boolean,converter:ie.booleanConverter,attribute:"data-pure-function",reflect:!0}};static dragEventName=J.nodeDragEventName;static dragGeneralEventName=J.nodeDragGeneralEventName;get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#be.forEach((t=>t.blueprint=e))}#fe;get nodeNameElement(){return this.#fe}set nodeNameElement(e){this.#fe=e}#be;constructor(e){super(e,new $t),this.#be=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new Nt(e))),this.#be.forEach((e=>e.nodeElement=this)),this.name=e.getObjectName(),this.advancedPinDisplay=e.AdvancedPinDisplay?.toString(),this.enabledState=e.EnabledState,this.nodeDisplayName=e.getDisplayName(),this.pureFunction=e.bIsPureFunc,this.dragLinkObjects=[],super.setLocation([this.entity.NodePosX.value,this.entity.NodePosY.value]),this.entity.subscribe("AdvancedPinDisplay",(e=>this.advancedPinDisplay=e)),this.entity.subscribe("Name",(e=>this.name=e))}static fromSerializedObject(e){e=e.trim();let t=te.getSerializer(ke).deserialize(e);return new Lt(t)}connectedCallback(){this.getAttribute("type")?.trim(),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.dispatchDeleteEvent()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.getDisplayName()}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 n of t.getLinks())this.blueprint.getPin(n).redirectLink(t,new ve({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#be}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof we))}setLocation(e=[0,0]){let t=this.entity.NodePosX.constructor;this.entity.NodePosX=new t(e[0]),this.entity.NodePosY=new t(e[1]),super.setLocation(e)}dispatchDeleteEvent(){let e=new CustomEvent(J.nodeDeleteEventName);this.dispatchEvent(e)}dispatchReflowEvent(){let e=new CustomEvent(J.nodeReflowEventName);this.dispatchEvent(e)}setShowAdvancedPinDisplay(e){this.entity.AdvancedPinDisplay=new le(e?"Shown":"Hidden")}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}customElements.define("ueb-node",Lt);class Mt extends Q{static#p=new Le;#ye;constructor(e,t,n={}){n.listenOnFocus??=!0,n.unlistenOnTextEdit??=!0,super(e,t,n);let i=this;this.#ye=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#ye)}unlistenEvents(){document.body.removeEventListener("paste",this.#ye)}pasted(e){let t=0,n=0,i=0,r=Mt.#p.readMultiple(e).map((e=>{let r=new Lt(e);return t+=r.locationY,n+=r.locationX,++i,r}));t/=i,n/=i,r.length>0&&this.blueprint.unselectAll();let s=this.blueprint.mousePosition;return r.forEach((e=>{const i=[s[0]-n,s[1]-t];e.addLocation(i),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...r),!0}}class Tt extends ze{constructor(e,t,n){super(e,t,n),this.selectorElement=this.blueprint.selectorElement}startDrag(){this.selectorElement.beginSelect(this.clickedPosition)}dragTo(e,t){this.selectorElement.selectTo(e)}endDrag(){this.started&&this.selectorElement.endSelect()}unclicked(){this.started||this.blueprint.unselectAll()}}class Ot{constructor(e=(e=>e),t=null){this.array=new Uint32Array(t),this.comparisonValueSupplier=e,this.length=0,this.currentPosition=0}get(e){return e>=0&&e<this.length?this.array[e]:null}getArray(){return this.array}getPosition(e){let t=0,n=this.length;for(;t<n;){let i=Math.floor((t+n)/2);this.comparisonValueSupplier(this.array[i])<e?t=i+1:n=i}return t}reserve(e){if(this.array.length<e){let t=new Uint32Array(e);t.set(this.array),this.array=t}}insert(e,t=null){let n=this.getPosition(this.comparisonValueSupplier(e));return(n<this.currentPosition||null!=t&&n==this.currentPosition&&this.comparisonValueSupplier(e)<t)&&++this.currentPosition,this.shiftRight(n),this.array[n]=e,++this.length,n}remove(e){let t=this.getPosition(this.comparisonValueSupplier(e));this.array[t]==e&&this.removeAt(t)}removeAt(e){return e<this.currentPosition&&--this.currentPosition,this.shiftLeft(e),--this.length,e}getNext(){return this.currentPosition>=0&&this.currentPosition<this.length?this.get(this.currentPosition):null}getNextValue(){return this.currentPosition>=0&&this.currentPosition<this.length?this.comparisonValueSupplier(this.get(this.currentPosition)):Number.MAX_SAFE_INTEGER}getPrev(){return this.currentPosition>0?this.get(this.currentPosition-1):null}getPrevValue(){return this.currentPosition>0?this.comparisonValueSupplier(this.get(this.currentPosition-1)):Number.MIN_SAFE_INTEGER}shiftLeft(e,t=1){this.array.set(this.array.subarray(e+t),e)}shiftRight(e,t=1){this.array.set(this.array.subarray(e,-t),e+t)}}class Dt{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new Ot((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new Ot((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=i,this.rectangles=t,this.primaryOrder.reserve(this.rectangles.length),this.secondaryOrder.reserve(this.rectangles.length),t.forEach(((e,t)=>{let r={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=r,i(e,!1);const s=n(e);this.initialPosition[1]<s.secondaryInf?r.secondaryBoundary=s.secondaryInf:s.secondarySup<this.initialPosition[1]?r.secondaryBoundary=s.secondarySup:r.onSecondaryAxis=!0,this.initialPosition[0]<s.primaryInf?(r.primaryBoundary=s.primaryInf,this.primaryOrder.insert(t)):s.primarySup<this.initialPosition[0]?(r.primaryBoundary=s.primarySup,this.primaryOrder.insert(t)):s.secondarySup<this.initialPosition[1]||this.initialPosition[1]<s.secondaryInf?this.secondaryOrder.insert(t):i(e,!0)})),this.primaryOrder.currentPosition=this.primaryOrder.getPosition(this.initialPosition[0]),this.secondaryOrder.currentPosition=this.secondaryOrder.getPosition(this.initialPosition[1]),this.computeBoundaries()}computeBoundaries(){this.boundaries={primaryN:{v:this.primaryOrder.getPrevValue(),i:this.primaryOrder.getPrev()},primaryP:{v:this.primaryOrder.getNextValue(),i:this.primaryOrder.getNext()},secondaryN:{v:this.secondaryOrder.getPrevValue(),i:this.secondaryOrder.getPrev()},secondaryP:{v:this.secondaryOrder.getNextValue(),i:this.secondaryOrder.getNext()}}}selectTo(e){const t=[Math.sign(e[0]-this.initialPosition[0]),Math.sign(e[1]-this.initialPosition[1])],n=(n,i)=>{if(this.metadata[n].onSecondaryAxis)this.selectFunc(this.rectangles[n],i);else if(i){this.secondaryOrder.insert(n,e[1]);const i=this.metadata[n].secondaryBoundary;Math.sign(e[1]-i)==t[1]&&Math.sign(i-this.initialPosition[1])==t[1]&&this.selectFunc(this.rectangles[n],!0)}else this.selectFunc(this.rectangles[n],!1),this.secondaryOrder.remove(n);this.computeBoundaries(),this.selectTo(e)};e[0]<this.boundaries.primaryN.v?(--this.primaryOrder.currentPosition,n(this.boundaries.primaryN.i,this.initialPosition[0]>this.boundaries.primaryN.v&&e[0]<this.initialPosition[0])):e[0]>this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,n(this.boundaries.primaryP.i,this.initialPosition[0]<this.boundaries.primaryP.v&&this.initialPosition[0]<e[0]));const i=(t,n)=>{this.selectFunc(this.rectangles[t],n),this.computeBoundaries(),this.selectTo(e)};e[1]<this.boundaries.secondaryN.v?(--this.secondaryOrder.currentPosition,i(this.boundaries.secondaryN.i,this.initialPosition[1]>this.boundaries.secondaryN.v&&e[1]<this.initialPosition[1])):e[1]>this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,i(this.boundaries.secondaryP.i,this.initialPosition[1]<this.boundaries.secondaryP.v&&this.initialPosition[1]<e[1])),this.finalPosition=e}}class Ht extends Qe{}class _t extends Je{constructor(){super({},new Ht),this.selectionModel=null}beginSelect(e){this.blueprint.selecting=!0,this.setBothLocations(e),this.selectionModel=new Dt(e,this.blueprint.getNodes(),this.blueprint.nodeBoundariesSupplier,this.blueprint.nodeSelectToggleFunction)}selectTo(e){this.selectionModel.selectTo(e),this.toX=e[0],this.toY=e[1]}endSelect(){this.blueprint.selecting=!1,this.selectionModel=null,this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}}customElements.define("ueb-selector",_t);class It extends Q{#Ee;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#Ee=e=>i.clickedSomewhere(e.target),this.blueprint.focus&&document.addEventListener("click",this.#Ee)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#Ee)}unlistenEvents(){document.removeEventListener("click",this.#Ee)}}class Bt extends Te{static styleVariables={"--ueb-font-size":`${J.fontSize}`,"--ueb-grid-axis-line-color":`${J.gridAxisLineColor}`,"--ueb-grid-expand":`${J.expandGridSize}px`,"--ueb-grid-line-color":`${J.gridLineColor}`,"--ueb-grid-line-width":`${J.gridLineWidth}px`,"--ueb-grid-set-line-color":`${J.gridSetLineColor}`,"--ueb-grid-set":`${J.gridSet}`,"--ueb-grid-size":`${J.gridSize}px`,"--ueb-link-min-width":`${J.linkMinWidth}`,"--ueb-node-radius":`${J.nodeRadius}px`,...Object.entries(J.pinColor).map((([e,t])=>({[`--ueb-pin-color-${ie.getIdFromReference(e)}`]:t.toString()}))).reduce(((e,t)=>({...e,...t})),{})};constructed(e){super.constructed(e),this.element.style.cssText=Object.entries(Bt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Me(this.element.getGridDOMElement(),this.element),new Mt(this.element.getGridDOMElement(),this.element),new De(this.element.getGridDOMElement(),this.element),new Re(this.element.getGridDOMElement(),this.element),new Ie(this.element.getGridDOMElement(),this.element),new Tt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new Ge(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new It(this.element.getGridDOMElement(),this.element),new Fe(this.element.getGridDOMElement(),this.element),new Be(this.element.getGridDOMElement(),this.element)]}render(){return M`<div class="ueb-viewport-header"><div class="ueb-viewport-zoom">${0==this.element.zoom?"1:1":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></div></div></div>`}firstUpdated(e){super.firstUpdated(e),this.element.headerElement=this.element.querySelector(".ueb-viewport-header"),this.element.overlayElement=this.element.querySelector(".ueb-viewport-overlay"),this.element.viewportElement=this.element.querySelector(".ueb-viewport-body"),this.element.selectorElement=new _t,this.element.querySelector(".ueb-grid-content")?.append(this.element.selectorElement),this.element.gridElement=this.element.viewportElement.querySelector(".ueb-grid"),this.element.linksContainerElement=this.element.querySelector("[data-links]"),this.element.linksContainerElement.append(...this.element.getLinks()),this.element.nodesContainerElement=this.element.querySelector("[data-nodes]"),this.element.nodesContainerElement.append(...this.element.getNodes()),this.element.viewportElement.scroll(J.expandGridSize,J.expandGridSize)}updated(e){if(super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.element.viewportElement.scroll(this.element.scrollX,this.element.scrollY),e.has("zoom")){const t=e.get("zoom"),n=Math.min(t,this.element.zoom),i=Math.max(t,this.element.zoom),r=ie.range(n,i),s=e=>`ueb-zoom-${e}`;t<this.element.zoom?(this.element.classList.remove(...r.filter((e=>e<0)).map(s)),this.element.classList.add(...r.filter((e=>e>0)).map(s))):(this.element.classList.remove(...r.filter((e=>e>0)).map(s)),this.element.classList.add(...r.filter((e=>e<0)).map(s)))}}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}}class Rt extends je{static properties={selecting:{type:Boolean,attribute:"data-selecting",reflect:!0,converter:ie.booleanConverter},scrolling:{type:Boolean,attribute:"data-scrolling",reflect:!0,converter:ie.booleanConverter},focused:{type:Boolean,attribute:"data-focused",reflect:!0,converter:ie.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 styles=Bt.styles;#we=new Map;nodes=[];links=[];mousePosition=[0,0];gridElement;viewportElement;overlayElement;selectorElement;linksContainerElement;nodesContainerElement;headerElement;focused=!1;nodeBoundariesSupplier=e=>{let t=e.getBoundingClientRect(),n=this.nodesContainerElement.getBoundingClientRect();const i=1/this.getScale();return{primaryInf:(t.left-n.left)*i,primarySup:(t.right-n.right)*i,secondaryInf:(t.top-n.top)*i,secondarySup:(t.bottom-n.bottom)*i}};nodeSelectToggleFunction=(e,t)=>{e.setSelected(t)};constructor(e=new J){super({},new Bt),this.selecting=!1,this.scrolling=!1,this.focused=!1,this.zoom=0,this.scrollX=J.expandGridSize,this.scrollY=J.expandGridSize,this.translateX=J.expandGridSize,this.translateY=J.expandGridSize}getGridDOMElement(){return this.gridElement}disconnectedCallback(){super.disconnectedCallback()}getScroll(){return[this.scrollX,this.scrollY]}setScroll([e,t],n=!1){this.scrollX=e,this.scrollY=t}scrollDelta(e,t=!1){const n=[2*J.expandGridSize,2*J.expandGridSize];let i=this.getScroll(),r=[i[0]+e[0],i[1]+e[1]],s=[0,0];for(let t=0;t<2;++t)e[t]<0&&r[t]<J.gridExpandThreshold*J.expandGridSize?s[t]=-1:e[t]>0&&r[t]>n[t]-J.gridExpandThreshold*J.expandGridSize&&(s[t]=1);0==s[0]&&0==s[1]||this.seamlessExpand(s),i=this.getScroll(),r=[i[0]+e[0],i[1]+e[1]],this.setScroll(r,t)}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],n=this.getViewportSize().map((e=>e/2)),i=[t[0]-n[0],t[1]-n[1]];this.scrollDelta(i,!0)}getViewportSize(){return[this.viewportElement.clientWidth,this.viewportElement.clientHeight]}getScrollMax(){return[this.viewportElement.scrollWidth-this.viewportElement.clientWidth,this.viewportElement.scrollHeight-this.viewportElement.clientHeight]}snapToGrid(e){return ie.snapToGrid(e,J.gridSize)}seamlessExpand([e,t]){e=Math.round(e),t=Math.round(t);let n=this.getScale();[e,t]=[-e*J.expandGridSize,-t*J.expandGridSize],0!=e&&(this.scrollX+=e,e/=n),0!=t&&(this.scrollY+=t,t/=n),this.translateX+=e,this.translateY+=t}progressiveSnapToGrid(e){return J.expandGridSize*Math.round(e/J.expandGridSize+.5*Math.sign(e))}getZoom(){return this.zoom}setZoom(e,t){if((e=ie.clamp(e,J.minZoom,J.maxZoom))==this.zoom)return;let n=this.getScale();this.zoom=e,t&&requestAnimationFrame((e=>{t[0]+=this.translateX,t[1]+=this.translateY;let i=this.getScale()/n,r=[i*t[0],i*t[1]];this.scrollDelta([(r[0]-t[0])*n,(r[1]-t[1])*n])}))}getScale(){return parseFloat(getComputedStyle(this.gridElement).getPropertyValue("--ueb-scale"))}compensateTranslation([e,t]){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1){return e?this.nodes.filter((e=>e.selected)):this.nodes}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.GetPinIdValue()))}getLinks([e,t]=[]){if(null==e!=t==null){const n=e??t;return this.links.filter((e=>e.sourcePin==n||e.destinationPin==n))}return null!=e&&null!=t?this.links.filter((n=>n.sourcePin==e&&n.destinationPin==t||n.sourcePin==t&&n.destinationPin==e)):this.links}getLink(e,t,n=!1){return this.links.find((i=>i.sourcePin==e&&i.destinationPin==t||n&&i.sourcePin==t&&i.destinationPin==e))}selectAll(){this.getNodes().forEach((e=>this.nodeSelectToggleFunction(e,!0)))}unselectAll(){this.getNodes().forEach((e=>this.nodeSelectToggleFunction(e,!1)))}addGraphElement(...e){for(let t of e)if(t.blueprint=this,t instanceof Lt&&!this.nodes.includes(t)){const e=t.entity.getObjectName(),n=this.nodes.find((t=>t.entity.getObjectName()==e));if(n){let e=n.entity.getObjectName(!0);this.#we[e]=this.#we[e]??-1;do{++this.#we[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#we[e]))));n.rename(J.nodeName(e,this.#we[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof tt&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof Lt)).forEach((t=>t.sanitizeLinks(e)))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof Lt?this.nodes:t instanceof tt?this.links:null;e?.splice(e.findIndex((e=>e===t)),1)}}setFocused(e=!0){if(this.focused==e)return;let t=new CustomEvent(e?"blueprint-focus":"blueprint-unfocus");this.focused=e,this.focused||this.unselectAll(),this.dispatchEvent(t)}dispatchEditTextEvent(e){const t=new CustomEvent(e?J.editTextEventName.begin:J.editTextEventName.end);this.dispatchEvent(t)}}customElements.define("ueb-blueprint",Rt);class zt extends $e{constructor(e,t,n,i,r,s,o){e=e??(e=>`(${e})`),super(t,n,i,r,s,o),this.wrap=e}read(e){const t=Ne.getGrammarForType($e.grammar,this.entityType).parse(e);if(!t.status)throw new Error(`Error when trying to parse the entity ${this.entityType.prototype.constructor.name}.`);return t.value}write(e,t,n=!1){return this.wrap(this.subWrite(e,[],t,n))}}class Gt extends zt{#Se;constructor(e,t){super(void 0,t),this.#Se=e}write(e,t,n=!1){return this.#Se(t,n)}}class Ft extends zt{constructor(e){super(void 0,e)}write(e,t,n){return n||t.constructor!==String?ie.escapeString(t.toString()):`"${ie.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;te.registerSerializer(null,new Gt(((e,t)=>"()"),null)),te.registerSerializer(Array,new Gt(((e,t)=>`(${e.map((e=>te.getSerializer(ie.getType(e)).serialize(e,t)+",")).join("")})`),Array)),te.registerSerializer(Boolean,new Gt(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),te.registerSerializer(oe,new zt(e,oe)),te.registerSerializer(ae,new Ft(ae)),te.registerSerializer(le,new Ft(le)),te.registerSerializer(ue,new Ft(ue)),te.registerSerializer(ce,new zt((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),te.registerSerializer(he,new zt(e,he)),te.registerSerializer(pe,new zt(e,pe)),te.registerSerializer(me,new zt((e=>`${me.lookbehind}(${e})`),me,"",", ",!1,"",(e=>""))),te.registerSerializer(Number,new Gt((e=>e.toString()),Number)),te.registerSerializer(ke,new Le),te.registerSerializer(se,new Gt((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),se)),te.registerSerializer(ge,new Ft(ge)),te.registerSerializer(we,new zt((e=>`${we.lookbehind} (${e})`),we,"",",",!0)),te.registerSerializer(ve,new zt((e=>e),ve,""," ",!1,"",(e=>""))),te.registerSerializer(de,new Ft(de)),te.registerSerializer(be,new zt(e,be)),te.registerSerializer(String,new Gt(((e,t)=>t?ie.escapeString(e):`"${ie.escapeString(e)}"`),String)),te.registerSerializer(fe,new Gt(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),fe)),te.registerSerializer(Ee,new Gt(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Ee)),te.registerSerializer(ye,new zt(e,ye))}();export{Rt as Blueprint,J as Configuration,tt as LinkElement,Lt as NodeElement};
+const at=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}{constructor(e){var t;if(super(e),e.type!==ot||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,n)=>{const i=e[n];return null==i?t:t+`${n=n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(e,[t]){const{style:n}=e.element;if(void 0===this.vt){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach((e=>{null==t[e]&&(this.vt.delete(e),e.includes("-")?n.removeProperty(e):n[e]="")}));for(const e in t){const i=t[e];null!=i&&(this.vt.add(e),e.includes("-")?n.setProperty(e,i):n[e]=i)}return T}});class lt extends qe{#X;get locationChangeCallback(){return this.#X}set locationChangeCallback(e){this.#X=e}movementSpace;movementSpaceSize=[0,0];connectedCallback(){super.connectedCallback(),this.movementSpace=this.element.parentElement;const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new We(this.element,this.element.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 ut extends lt{adjustLocation([e,t]){const n=Math.round(this.movementSpaceSize[0]/2);e-=n,t=-(t-n);let[i,r]=ie.getPolarCoordinates([e,t]);return i=Math.min(i,n),[e,t]=ie.getCartesianCoordinates([i,r]),this.locationChangeCallback?.(e/n,t/n),[e=Math.round(e+n),t=Math.round(-t+n)]}}class ct extends Ve{windowElement;constructor(e,t){super(e,t)}connectedCallback(){super.connectedCallback(),this.windowElement=this.closest("ueb-window")}setLocation([e,t]){super.setLocation(this.template.adjustLocation([e,t]))}}class ht extends ct{constructor(){super({},new ut)}}customElements.define("ueb-color-handler",ht);class dt extends lt{adjustLocation([e,t]){return e=ie.clamp(e,0,this.movementSpaceSize[0]),t=ie.clamp(t,0,this.movementSpaceSize[1]),this.locationChangeCallback?.(e/this.movementSpaceSize[0],1-t/this.movementSpaceSize[1]),[e,t]}}class pt extends ct{constructor(){super({},new dt)}}customElements.define("ueb-ui-slider",pt);class mt extends Ke{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new We(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),ignoreTranslateCompensate:!0,movementSpace:this.element.blueprint,stepSize:1})}render(){return M`<div class="ueb-window"><div class="ueb-window-top"><div class="ueb-window-name ueb-ellipsis-nowrap-text">${this.renderWindowName()}</div><div class="ueb-window-close" @click="${()=>this.element.remove()}"><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></div></div><div class="ueb-window-content">${this.renderContent()}</div></div>`}renderWindowName(){return M`Window`}renderContent(){return M``}apply(){this.element.dispatchEvent(new CustomEvent(J.windowApplyEventName)),this.element.remove()}cancel(){this.element.dispatchEvent(new CustomEvent(J.windowCancelEventName)),this.element.remove()}}class gt extends mt{#Y=new ht;get wheelHandler(){return this.#Y}#Z=new pt;get saturationSlider(){return this.#Z}#J=new pt;get valueSlider(){return this.#J}#Q=new pt;get rSlider(){return this.#Q}#ee=new pt;get gSlider(){return this.#ee}#te=new pt;get bSlider(){return this.#te}#ne=new pt;get aSlider(){return this.#ne}#ie=new pt;get hSlider(){return this.#ie}#re=new pt;get sSlider(){return this.#re}#se=new pt;get vSlider(){return this.#se}#oe=e=>{const t=ie.clearHTMLWhitespace(e.target.innerHTML),n=parseInt(t,16);isNaN(n)||(this.color.setFromRGBANumber(n),this.element.requestUpdate())};#ae=e=>{const t=ie.clearHTMLWhitespace(e.target.innerHTML),n=parseInt(t,16);isNaN(n)||(this.color.setFromSRGBANumber(n),this.element.requestUpdate())};#le=e=>t=>{"Enter"==t.code&&(e(t),t.preventDefault())};#ue=new pe;get color(){return this.#ue}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#ue),this.#ue=e)}#ce=new pe;get fullColor(){return this.#ce}#he;get initialColor(){return this.#he}#de=new pe;#pe(e,t){const n=this.color.toRGBAString();return`${n.substring(0,2*e)}${t}${n.substring(2+2*e)}`}connectedCallback(){super.connectedCallback(),this.#he=this.element.windowOptions.getPinColor(),this.color.setFromHSVA(this.initialColor.H.value,this.initialColor.S.value,this.initialColor.V.value,this.initialColor.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1)}firstUpdated(e){this.wheelHandler.template.locationChangeCallback=(e,t)=>{this.color.setFromWheelLocation([e,t],this.color.V.value,this.color.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1),this.element.requestUpdate()},this.saturationSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,t,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.valueSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,t,this.color.A.value),this.element.requestUpdate()},this.rSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([e,this.color.G.value,this.color.B.value,this.color.A.value]),this.element.requestUpdate()},this.gSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([this.color.R.value,e,this.color.B.value,this.color.A.value]),this.element.requestUpdate()},this.bSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([this.color.R.value,this.color.G.value,e,this.color.A.value]),this.element.requestUpdate()},this.aSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA([this.color.R.value,this.color.G.value,this.color.B.value,e]),this.element.requestUpdate()},this.hSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(e,this.color.S.value,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.sSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,e,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.vSlider.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,e,this.color.A.value),this.element.requestUpdate()},this.element.querySelector(".ueb-color-picker-wheel").appendChild(this.wheelHandler),this.element.querySelector(".ueb-color-picker-saturation").appendChild(this.saturationSlider),this.element.querySelector(".ueb-color-picker-value").appendChild(this.valueSlider),this.element.querySelector(".ueb-color-picker-r .ueb-horizontal-slider").appendChild(this.rSlider),this.element.querySelector(".ueb-color-picker-g .ueb-horizontal-slider").appendChild(this.gSlider),this.element.querySelector(".ueb-color-picker-b .ueb-horizontal-slider").appendChild(this.bSlider),this.element.querySelector(".ueb-color-picker-a .ueb-horizontal-slider").appendChild(this.aSlider),this.element.querySelector(".ueb-color-picker-h .ueb-horizontal-slider").appendChild(this.hSlider),this.element.querySelector(".ueb-color-picker-s .ueb-horizontal-slider").appendChild(this.sSlider),this.element.querySelector(".ueb-color-picker-v .ueb-horizontal-slider").appendChild(this.vSlider)}renderSlider(e){let t="",n=0,i="";const r=e=>`linear-gradient(to right, #${this.#pe(e,"00")}, #${this.#pe(e,"ff")})`;switch(e){case 0:t="r",n=this.color.R.value,i=r(e);break;case 1:t="g",n=this.color.G.value,i=r(e);break;case 2:t="b",n=this.color.B.value,i=r(e);break;case 3:t="a",n=this.color.A.value,i=`${J.alphaPattern}, ${r(e)}`;break;case 4:t="h",n=360*this.color.H.value,i="linear-gradient(to right, #f00 0%, #ff0 16.666%, #0f0 33.333%, #0ff 50%, #00f 66.666%, #f0f 83.333%, #f00 100%)";break;case 5:t="s",n=this.color.S.value,i=`linear-gradient(to right,#${this.#de.setFromHSVA(this.color.H.value,0,this.color.V.value,this.color.A.value),this.#de.toRGBAString()},#${this.#de.setFromHSVA(this.color.H.value,1,this.color.V.value,this.color.A.value),this.#de.toRGBAString()})`;break;case 6:t="v",n=this.color.V.value,i=`linear-gradient(to right, #000, #${this.fullColor.toRGBAString()})`}return i=`background: ${i};`,M`<div class="ueb-color-picker-${t.toLowerCase()}"><span class="ueb-color-control-label">${t.toUpperCase()}</span><div><div class="ueb-horizontal-slider"><span class="ueb-horizontal-slider-text" .innerText="${ie.minDecimals(ie.roundDecimals(n,3))}"></span></div><div class="ueb-color-picker-gradient" style="${i}"></div></div></div>`}renderContent(){const e=2*this.color.H.value*Math.PI,t=Math.max(this.#Y.template.movementSpaceSize[0],this.#Y.template.movementSpaceSize[1])/2,n={"--ueb-color-r":this.color.R.toString(),"--ueb-color-g":this.color.G.toString(),"--ueb-color-b":this.color.B.toString(),"--ueb-color-a":this.color.A.toString(),"--ueb-color-h":this.color.H.toString(),"--ueb-color-s":this.color.S.toString(),"--ueb-color-v":this.color.V.toString(),"--ueb-color-wheel-x":`${Math.round(this.color.S.value*Math.cos(e)*t+t)}px`,"--ueb-color-wheel-y":`${Math.round(this.color.S.value*Math.sin(e)*t+t)}px`},i=this.color.toRGBAString(),r=this.color.toSRGBAString(),s=this.fullColor.toRGBAString();return M`<div class="ueb-color-picker" style="${at(n)}"><div class="ueb-color-picker-toolbar"><div class="ueb-color-picker-theme"></div><div class="ueb-color-picker-srgb"></div></div><div class="ueb-color-picker-main"><div class="ueb-color-picker-wheel"></div><div class="ueb-color-picker-saturation ueb-vertical-slider" style="background-color:#${s}"></div><div class="ueb-color-picker-value ueb-vertical-slider" style="background-color:#${s}"></div><div class="ueb-color-picker-preview">Old<div class="ueb-color-picker-preview-old" style="background:#${this.#he.toRGBAString()}"></div><div class="ueb-color-picker-preview-new"><div class="ueb-color-picker-preview-1" style="background:#${this.#pe(3,"FF")}"></div><div class="ueb-color-picker-preview-2" style="background:${`linear-gradient(#${i}, #${i}),${J.alphaPattern}`}"></div></div>New</div></div><div class="ueb-color-picker-advanced-toggle ueb-toggle-control">Advanced</div><div class="ueb-color-picker-advanced"><div class="ueb-color-picker-column">${this.renderSlider(0)} ${this.renderSlider(1)} ${this.renderSlider(2)} ${this.renderSlider(3)}</div><div class="ueb-color-picker-column">${this.renderSlider(4)} ${this.renderSlider(5)} ${this.renderSlider(6)}<div class="ueb-color-control"><span class="ueb-color-control-label">Hex Linear</span><div class="ueb-color-picker-hex-linear ueb-text-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${i}" @focusout="${this.#oe}" @keydown="${this.#le(this.#oe)}"></span></div></div><div class="ueb-color-control"><span class="ueb-color-control-label">Hex sRGB</span><div class="ueb-color-picker-hex-srgb ueb-text-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${r}" @focusout="${this.#ae}" @keydown="${this.#le(this.#ae)}"></span></div></div></div></div><div class="ueb-buttons"><div class="ueb-color-picker-ok ueb-button" @click="${()=>this.apply()}">OK</div><div class="ueb-color-picker-cancel ueb-button" @click="${()=>this.cancel()}">Cancel</div></div></div>`}renderWindowName(){return M`Color Picker`}}class vt extends it{#me;get inputContentElements(){return this.#me}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")}firstUpdated(e){if(super.firstUpdated(e),this.#me=[...this.element.querySelectorAll(".ueb-pin-input-content")],this.#me.length){this.setInputs(this.getInputs(),!1);let e=this;this.onFocusHandler=e=>this.element.blueprint.dispatchEditTextEvent(!0),this.onFocusOutHandler=t=>{t.preventDefault(),document.getSelection()?.removeAllRanges(),e.setInputs(this.getInputs(),!0),this.element.blueprint.dispatchEditTextEvent(!1)},this.#me.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(){super.cleanup(),this.#me.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(){return[...super.createInputObjects(),...this.#me.map((e=>new Ze(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#me.map((e=>ie.clearHTMLWhitespace(e.innerHTML)))}setInputs(e=[],t=!0){this.#me.forEach(((t,n)=>t.innerText=e[n])),t&&this.setDefaultValue(e.map((e=>vt.stringFromInputToUE(e))),e)}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.reduce(((e,t)=>e+t),""))}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.DefaultValue.toString())}"></span></div>`:M``}}class bt extends He{#w;#P;constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.exitAnyButton??=!0,n.strictTarget??=!1,super(e,t,n),this.clickedPosition=[0,0];let i=this;this.#w=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)i.options.strictTarget&&e.target!=e.currentTarget||(i.options.consumeEvent&&e.stopImmediatePropagation(),document.addEventListener("mouseup",i.#P),i.clickedPosition=i.locationFromEvent(e),i.clicked(i.clickedPosition));else i.options.exitAnyButton||i.#P(e)},this.#P=e=>{i.options.exitAnyButton&&e.button!=i.options.clickButton||(i.options.consumeEvent&&e.stopImmediatePropagation(),document.removeEventListener("mouseup",i.#P),i.unclicked())},this.listenEvents()}listenEvents(){this.target.addEventListener("mousedown",this.#w),2==this.options.clickButton&&this.target.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.target.removeEventListener("mousedown",this.#w)}clicked(e){}unclicked(e){}}class ft extends bt{static#ge=e=>{};constructor(e,t,n,i=ft.#ge,r=ft.#ge){super(e,t,n),this.onMouseDown=i,this.onMouseUp=r}clicked(){this.onMouseDown(this)}unclicked(){this.onMouseUp(this)}}class yt extends Ve{static#ve={window:mt,"color-picker":gt};static properties={...Ve.properties,type:{type:mt,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>yt.#ve[e],toAttribute:(e,t)=>Object.entries(yt.#ve).find((([t,n])=>e==n))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=yt.#ve[e.type]),e.type??=mt,e.windowOptions??={},super({},new e.type),this.type=e.type,this.windowOptions=e.windowOptions}disconnectedCallback(){super.disconnectedCallback(),this.dispatchCloseEvent()}dispatchCloseEvent(){let e=new CustomEvent(J.windowCloseEventName);this.dispatchEvent(e)}}customElements.define("ueb-window",yt);class Et extends vt{#K;#be;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new ft(this.#K,this.element.blueprint,void 0,(e=>{this.#be=new yt({type:gt,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}}),this.element.blueprint.append(this.#be);const t=()=>{this.element.setDefaultValue(this.#be.template.color)},n=()=>{this.#be.removeEventListener(J.windowApplyEventName,t),this.#be.removeEventListener(J.windowCloseEventName,n),this.#be=null};this.#be.addEventListener(J.windowApplyEventName,t),this.#be.addEventListener(J.windowCloseEventName,n)}))]}getInputs(){return[this.#K.dataset.linearColor]}setInputs(e=[]){}renderInput(){return this.element.isInput()?M`<span class="ueb-pin-input" data-linear-color="${this.element.defaultValue.toString()}" style="--ueb-linear-color:rgba(${this.element.defaultValue.toString()})"></span>`:super.renderInput()}}class wt extends vt{onInputHandler;firstUpdated(e){super.firstUpdated(e),this.onInputHandler=e=>{e.stopPropagation(),("insertParagraph"==e.inputType||"insertLineBreak"==e.inputType||"insertFromPaste"==e.inputType&&e.target.innerText.includes("\n"))&&(e.target.blur(),this.inputContentElements.forEach((e=>e.innerText=e.innerText.replaceAll("\n",""))))},this.inputContentElements.forEach((e=>{e.addEventListener("input",this.onInputHandler)}))}cleanup(){super.cleanup(),this.inputContentElements.forEach((e=>{e.removeEventListener("input",this.onInputHandler)}))}getInputs(){return this.inputContentElements.map((e=>e.textContent))}setInputs(e=[],t=!0){e=e.map((e=>e.replaceAll("\n",""))),super.setInputs(e,t)}}class St extends vt{setInputs(e=[],t=!1){e&&0!=e.length||(e=[this.getInput()]);let n=[];for(const t of e){let e=parseFloat(t);isNaN(e)&&(e=0,!1),n.push(e)}super.setInputs(e,!1),this.setDefaultValue(n,e)}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}}class kt extends St{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input"><span class="ueb-pin-input-content" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.DefaultValue))}"></span></div>`:M``}}class Pt extends it{renderIcon(){return M`<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>`}}class xt extends St{setDefaultValue(e=[],t=e){if(!(this.element.entity.DefaultValue instanceof be))throw new TypeError("Expected DefaultValue to be a VectorEntity");let n=this.element.entity.DefaultValue;n.R=e[0],n.P=e[1],n.Y=e[2]}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-x" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.getDefaultValue().R.toString())}"></span></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-y" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.getDefaultValue().P.toString())}"></span></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-z" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(this.element.entity.getDefaultValue().Y.toString())}"></span></div></div>`:M``}}class Ct extends vt{}class At extends St{setDefaultValue(e,t){if(!(this.element.entity.DefaultValue instanceof ye))throw new TypeError("Expected DefaultValue to be a VectorEntity");let n=this.element.entity.DefaultValue;n.X=e[0],n.Y=e[1],n.Z=e[2]}renderInput(){return this.element.isInput()?M`<div class="ueb-pin-input-wrapper"><span class="ueb-pin-input-label">X</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-x" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.getDefaultValue().X))}"></span></div><span class="ueb-pin-input-label">Y</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-y" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.getDefaultValue().Y))}"></span></div><span class="ueb-pin-input-label">Z</span><div class="ueb-pin-input"><span class="ueb-pin-input-content ueb-pin-input-z" role="textbox" contenteditable="true" .innerText="${vt.stringFromUEToInput(ie.minDecimals(this.element.entity.getDefaultValue().Z))}"></span></div></div>`:M``}}class Nt extends je{static#ve={"/Script/CoreUObject.LinearColor":Et,"/Script/CoreUObject.Rotator":xt,"/Script/CoreUObject.Vector":At,bool:rt,exec:st,MUTABLE_REFERENCE:Pt,name:wt,real:kt,string:Ct};static properties={advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:pe,converter:{fromAttribute:(e,t)=>e?$e.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?ie.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:ie.booleanConverter,attribute:"data-linked",reflect:!0},pinType:{type:String,attribute:"data-type",reflect:!0},pinDirection:{type:String,attribute:"data-direction",reflect:!0}};static getTypeTemplate(e){return Nt.#ve[e.PinType.bIsReference&&!e.PinType.bIsConst?"MUTABLE_REFERENCE":e.getType()]??it}nodeElement;clickableElement;connections=0;constructor(e){super(e,new(Nt.getTypeTemplate(e))),this.advancedView=e.bAdvancedView,this.defaultValue=e.getDefaultValue(),this.pinType=this.entity.getType(),this.color=Nt.properties.color.converter.fromAttribute(J.pinColor[this.pinType]?.toString()),this.isLinked=!1,this.pinDirection=e.isInput()?"input":e.isOutput()?"output":"hidden",this.entity.subscribe("PinToolTip",(e=>{let t=e.match(/\s*(.+?(?=\n)|.+\S)\s*/);return t?ie.formatStringName(t[1]):ie.formatStringName(this.entity.PinName)}))}GetPinId(){return this.entity.PinId}GetPinIdValue(){return this.GetPinId().value}getPinName(){return this.entity.PinName}getPinDisplayName(){let e=null;return this.entity.PinToolTip&&(e=this.entity.PinToolTip.match(/\s*(.+?(?=\n)|.+\S)\s*/))?ie.formatStringName(e[1]):ie.formatStringName(this.entity.PinName)}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getClickableElement(){return this.clickableElement}getLinkLocation(){return this.template.getLinkLocation()}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}setDefaultValue(e){this.entity.DefaultValue=e,this.defaultValue=e}sanitizeLinks(e=[]){this.entity.LinkedTo=this.getLinks().filter((t=>{let n=this.blueprint.getPin(t);if(n){if(e.length&&!e.includes(n.nodeElement))return!1;this.blueprint.getLink(this,n,!0)||this.blueprint.addGraphElement(new tt(this,n))}return n}))}linkTo(e){this.entity.linkTo(e.getNodeElement().getNodeName(),e.entity),this.isLinked=this.entity.isLinked()}unlinkFrom(e){this.entity.unlinkFrom(e.getNodeElement().getNodeName(),e.entity),this.isLinked=this.entity.isLinked()}redirectLink(e,t){const n=this.entity.LinkedTo.findIndex((t=>t.objectName.toString()==e.getNodeElement().getNodeName()&&t.pinGuid.valueOf()==e.entity.PinId.valueOf()));return n>=0&&(this.entity.LinkedTo[n]=t,!0)}}customElements.define("ueb-pin",Nt);class $t extends Ye{toggleAdvancedDisplayHandler;render(){return M`<div class="ueb-node-border"><div class="ueb-node-wrapper"><div class="ueb-node-top"><div class="ueb-node-name"><span class="ueb-node-name-symbol"><svg width="16" height="16" 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> </span><span class="ueb-node-name-text ueb-ellipsis-nowrap-text">${this.element.nodeDisplayName}</span></div></div><div class="ueb-node-content"><div class="ueb-node-inputs"></div><div class="ueb-node-outputs"></div></div>${"DevelopmentOnly"==this.element.enabledState?.toString()?M`<div class="ueb-node-developmentonly"><span class="ueb-node-developmentonly-text">Development Only</span></div>`:O} ${this.element.advancedPinDisplay?M`<div class="ueb-node-expansion" @click="${this.toggleAdvancedDisplayHandler}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ueb-node-expansion-icon" viewBox="4 4 24 24"><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></div>`:O}</div></div>`}async firstUpdated(e){super.firstUpdated(e);const t=this.element.querySelector(".ueb-node-inputs"),n=this.element.querySelector(".ueb-node-outputs");Promise.all(this.element.getPinElements().map((e=>e.updateComplete))).then((()=>this.element.dispatchReflowEvent())),this.element.getPinElements().forEach((e=>{e.isInput()?t.appendChild(e):e.isOutput()&&n.appendChild(e)})),this.toggleAdvancedDisplayHandler=e=>{this.element.toggleShowAdvancedPinDisplay(),this.element.addNextUpdatedCallbacks((()=>this.element.dispatchReflowEvent()),!0)},this.element.nodeNameElement=this.element.querySelector(".ueb-node-name-text")}getPinElements(e){return e.querySelectorAll("ueb-pin")}}class Lt extends Ue{static properties={...Ue.properties,name:{type:String,attribute:"data-name",reflect:!0},advancedPinDisplay:{type:String,attribute:"data-advanced-display",converter:le.attributeConverter,reflect:!0},enabledState:{type:String,attribute:"data-enabled-state",reflect:!0},nodeDisplayName:{type:String,attribute:!1},pureFunction:{type:Boolean,converter:ie.booleanConverter,attribute:"data-pure-function",reflect:!0}};static dragEventName=J.nodeDragEventName;static dragGeneralEventName=J.nodeDragGeneralEventName;get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#fe.forEach((t=>t.blueprint=e))}#ye;get nodeNameElement(){return this.#ye}set nodeNameElement(e){this.#ye=e}#fe;constructor(e){super(e,new $t),this.#fe=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new Nt(e))),this.#fe.forEach((e=>e.nodeElement=this)),this.name=e.getObjectName(),this.advancedPinDisplay=e.AdvancedPinDisplay?.toString(),this.enabledState=e.EnabledState,this.nodeDisplayName=e.getDisplayName(),this.pureFunction=e.bIsPureFunc,this.dragLinkObjects=[],super.setLocation([this.entity.NodePosX.value,this.entity.NodePosY.value]),this.entity.subscribe("AdvancedPinDisplay",(e=>this.advancedPinDisplay=e)),this.entity.subscribe("Name",(e=>this.name=e))}static fromSerializedObject(e){e=e.trim();let t=te.getSerializer(ke).deserialize(e);return new Lt(t)}connectedCallback(){this.getAttribute("type")?.trim(),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.dispatchDeleteEvent()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.getDisplayName()}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 n of t.getLinks())this.blueprint.getPin(n).redirectLink(t,new ve({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#fe}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof we))}setLocation(e=[0,0]){let t=this.entity.NodePosX.constructor;this.entity.NodePosX=new t(e[0]),this.entity.NodePosY=new t(e[1]),super.setLocation(e)}dispatchDeleteEvent(){let e=new CustomEvent(J.nodeDeleteEventName);this.dispatchEvent(e)}dispatchReflowEvent(){let e=new CustomEvent(J.nodeReflowEventName);this.dispatchEvent(e)}setShowAdvancedPinDisplay(e){this.entity.AdvancedPinDisplay=new le(e?"Shown":"Hidden")}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}customElements.define("ueb-node",Lt);class Mt extends Q{static#p=new Le;#Ee;constructor(e,t,n={}){n.listenOnFocus??=!0,n.unlistenOnTextEdit??=!0,super(e,t,n);let i=this;this.#Ee=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#Ee)}unlistenEvents(){document.body.removeEventListener("paste",this.#Ee)}pasted(e){let t=0,n=0,i=0,r=Mt.#p.readMultiple(e).map((e=>{let r=new Lt(e);return t+=r.locationY,n+=r.locationX,++i,r}));t/=i,n/=i,r.length>0&&this.blueprint.unselectAll();let s=this.blueprint.mousePosition;return r.forEach((e=>{const i=[s[0]-n,s[1]-t];e.addLocation(i),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...r),!0}}class Tt extends ze{constructor(e,t,n){super(e,t,n),this.selectorElement=this.blueprint.selectorElement}startDrag(){this.selectorElement.beginSelect(this.clickedPosition)}dragTo(e,t){this.selectorElement.selectTo(e)}endDrag(){this.started&&this.selectorElement.endSelect()}unclicked(){this.started||this.blueprint.unselectAll()}}class Ot{constructor(e=(e=>e),t=null){this.array=new Uint32Array(t),this.comparisonValueSupplier=e,this.length=0,this.currentPosition=0}get(e){return e>=0&&e<this.length?this.array[e]:null}getArray(){return this.array}getPosition(e){let t=0,n=this.length;for(;t<n;){let i=Math.floor((t+n)/2);this.comparisonValueSupplier(this.array[i])<e?t=i+1:n=i}return t}reserve(e){if(this.array.length<e){let t=new Uint32Array(e);t.set(this.array),this.array=t}}insert(e,t=null){let n=this.getPosition(this.comparisonValueSupplier(e));return(n<this.currentPosition||null!=t&&n==this.currentPosition&&this.comparisonValueSupplier(e)<t)&&++this.currentPosition,this.shiftRight(n),this.array[n]=e,++this.length,n}remove(e){let t=this.getPosition(this.comparisonValueSupplier(e));this.array[t]==e&&this.removeAt(t)}removeAt(e){return e<this.currentPosition&&--this.currentPosition,this.shiftLeft(e),--this.length,e}getNext(){return this.currentPosition>=0&&this.currentPosition<this.length?this.get(this.currentPosition):null}getNextValue(){return this.currentPosition>=0&&this.currentPosition<this.length?this.comparisonValueSupplier(this.get(this.currentPosition)):Number.MAX_SAFE_INTEGER}getPrev(){return this.currentPosition>0?this.get(this.currentPosition-1):null}getPrevValue(){return this.currentPosition>0?this.comparisonValueSupplier(this.get(this.currentPosition-1)):Number.MIN_SAFE_INTEGER}shiftLeft(e,t=1){this.array.set(this.array.subarray(e+t),e)}shiftRight(e,t=1){this.array.set(this.array.subarray(e,-t),e+t)}}class Dt{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new Ot((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new Ot((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=i,this.rectangles=t,this.primaryOrder.reserve(this.rectangles.length),this.secondaryOrder.reserve(this.rectangles.length),t.forEach(((e,t)=>{let r={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=r,i(e,!1);const s=n(e);this.initialPosition[1]<s.secondaryInf?r.secondaryBoundary=s.secondaryInf:s.secondarySup<this.initialPosition[1]?r.secondaryBoundary=s.secondarySup:r.onSecondaryAxis=!0,this.initialPosition[0]<s.primaryInf?(r.primaryBoundary=s.primaryInf,this.primaryOrder.insert(t)):s.primarySup<this.initialPosition[0]?(r.primaryBoundary=s.primarySup,this.primaryOrder.insert(t)):s.secondarySup<this.initialPosition[1]||this.initialPosition[1]<s.secondaryInf?this.secondaryOrder.insert(t):i(e,!0)})),this.primaryOrder.currentPosition=this.primaryOrder.getPosition(this.initialPosition[0]),this.secondaryOrder.currentPosition=this.secondaryOrder.getPosition(this.initialPosition[1]),this.computeBoundaries()}computeBoundaries(){this.boundaries={primaryN:{v:this.primaryOrder.getPrevValue(),i:this.primaryOrder.getPrev()},primaryP:{v:this.primaryOrder.getNextValue(),i:this.primaryOrder.getNext()},secondaryN:{v:this.secondaryOrder.getPrevValue(),i:this.secondaryOrder.getPrev()},secondaryP:{v:this.secondaryOrder.getNextValue(),i:this.secondaryOrder.getNext()}}}selectTo(e){const t=[Math.sign(e[0]-this.initialPosition[0]),Math.sign(e[1]-this.initialPosition[1])],n=(n,i)=>{if(this.metadata[n].onSecondaryAxis)this.selectFunc(this.rectangles[n],i);else if(i){this.secondaryOrder.insert(n,e[1]);const i=this.metadata[n].secondaryBoundary;Math.sign(e[1]-i)==t[1]&&Math.sign(i-this.initialPosition[1])==t[1]&&this.selectFunc(this.rectangles[n],!0)}else this.selectFunc(this.rectangles[n],!1),this.secondaryOrder.remove(n);this.computeBoundaries(),this.selectTo(e)};e[0]<this.boundaries.primaryN.v?(--this.primaryOrder.currentPosition,n(this.boundaries.primaryN.i,this.initialPosition[0]>this.boundaries.primaryN.v&&e[0]<this.initialPosition[0])):e[0]>this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,n(this.boundaries.primaryP.i,this.initialPosition[0]<this.boundaries.primaryP.v&&this.initialPosition[0]<e[0]));const i=(t,n)=>{this.selectFunc(this.rectangles[t],n),this.computeBoundaries(),this.selectTo(e)};e[1]<this.boundaries.secondaryN.v?(--this.secondaryOrder.currentPosition,i(this.boundaries.secondaryN.i,this.initialPosition[1]>this.boundaries.secondaryN.v&&e[1]<this.initialPosition[1])):e[1]>this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,i(this.boundaries.secondaryP.i,this.initialPosition[1]<this.boundaries.secondaryP.v&&this.initialPosition[1]<e[1])),this.finalPosition=e}}class Ht extends Qe{}class _t extends Je{constructor(){super({},new Ht),this.selectionModel=null}beginSelect(e){this.blueprint.selecting=!0,this.setBothLocations(e),this.selectionModel=new Dt(e,this.blueprint.getNodes(),this.blueprint.nodeBoundariesSupplier,this.blueprint.nodeSelectToggleFunction)}selectTo(e){this.selectionModel.selectTo(e),this.toX=e[0],this.toY=e[1]}endSelect(){this.blueprint.selecting=!1,this.selectionModel=null,this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}}customElements.define("ueb-selector",_t);class It extends Q{#we;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#we=e=>i.clickedSomewhere(e.target),this.blueprint.focus&&document.addEventListener("click",this.#we)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#we)}unlistenEvents(){document.removeEventListener("click",this.#we)}}class Bt extends Te{static styleVariables={"--ueb-font-size":`${J.fontSize}`,"--ueb-grid-axis-line-color":`${J.gridAxisLineColor}`,"--ueb-grid-expand":`${J.expandGridSize}px`,"--ueb-grid-line-color":`${J.gridLineColor}`,"--ueb-grid-line-width":`${J.gridLineWidth}px`,"--ueb-grid-set-line-color":`${J.gridSetLineColor}`,"--ueb-grid-set":`${J.gridSet}`,"--ueb-grid-size":`${J.gridSize}px`,"--ueb-link-min-width":`${J.linkMinWidth}`,"--ueb-node-radius":`${J.nodeRadius}px`,...Object.entries(J.pinColor).map((([e,t])=>({[`--ueb-pin-color-${ie.getIdFromReference(e)}`]:t.toString()}))).reduce(((e,t)=>({...e,...t})),{})};constructed(e){super.constructed(e),this.element.style.cssText=Object.entries(Bt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Me(this.element.getGridDOMElement(),this.element),new Mt(this.element.getGridDOMElement(),this.element),new De(this.element.getGridDOMElement(),this.element),new Re(this.element.getGridDOMElement(),this.element),new Ie(this.element.getGridDOMElement(),this.element),new Tt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new Ge(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new It(this.element.getGridDOMElement(),this.element),new Fe(this.element.getGridDOMElement(),this.element),new Be(this.element.getGridDOMElement(),this.element)]}render(){return M`<div class="ueb-viewport-header"><div class="ueb-viewport-zoom">${0==this.element.zoom?"1:1":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></div></div></div>`}firstUpdated(e){super.firstUpdated(e),this.element.headerElement=this.element.querySelector(".ueb-viewport-header"),this.element.overlayElement=this.element.querySelector(".ueb-viewport-overlay"),this.element.viewportElement=this.element.querySelector(".ueb-viewport-body"),this.element.selectorElement=new _t,this.element.querySelector(".ueb-grid-content")?.append(this.element.selectorElement),this.element.gridElement=this.element.viewportElement.querySelector(".ueb-grid"),this.element.linksContainerElement=this.element.querySelector("[data-links]"),this.element.linksContainerElement.append(...this.element.getLinks()),this.element.nodesContainerElement=this.element.querySelector("[data-nodes]"),this.element.nodesContainerElement.append(...this.element.getNodes()),this.element.viewportElement.scroll(J.expandGridSize,J.expandGridSize)}updated(e){if(super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.element.viewportElement.scroll(this.element.scrollX,this.element.scrollY),e.has("zoom")){const t=e.get("zoom"),n=Math.min(t,this.element.zoom),i=Math.max(t,this.element.zoom),r=ie.range(n,i),s=e=>`ueb-zoom-${e}`;t<this.element.zoom?(this.element.classList.remove(...r.filter((e=>e<0)).map(s)),this.element.classList.add(...r.filter((e=>e>0)).map(s))):(this.element.classList.remove(...r.filter((e=>e>0)).map(s)),this.element.classList.add(...r.filter((e=>e<0)).map(s)))}}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}}class Rt extends je{static properties={selecting:{type:Boolean,attribute:"data-selecting",reflect:!0,converter:ie.booleanConverter},scrolling:{type:Boolean,attribute:"data-scrolling",reflect:!0,converter:ie.booleanConverter},focused:{type:Boolean,attribute:"data-focused",reflect:!0,converter:ie.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 styles=Bt.styles;#Se=new Map;nodes=[];links=[];mousePosition=[0,0];gridElement;viewportElement;overlayElement;selectorElement;linksContainerElement;nodesContainerElement;headerElement;focused=!1;nodeBoundariesSupplier=e=>{let t=e.getBoundingClientRect(),n=this.nodesContainerElement.getBoundingClientRect();const i=1/this.getScale();return{primaryInf:(t.left-n.left)*i,primarySup:(t.right-n.right)*i,secondaryInf:(t.top-n.top)*i,secondarySup:(t.bottom-n.bottom)*i}};nodeSelectToggleFunction=(e,t)=>{e.setSelected(t)};constructor(e=new J){super({},new Bt),this.selecting=!1,this.scrolling=!1,this.focused=!1,this.zoom=0,this.scrollX=J.expandGridSize,this.scrollY=J.expandGridSize,this.translateX=J.expandGridSize,this.translateY=J.expandGridSize}getGridDOMElement(){return this.gridElement}disconnectedCallback(){super.disconnectedCallback()}getScroll(){return[this.scrollX,this.scrollY]}setScroll([e,t],n=!1){this.scrollX=e,this.scrollY=t}scrollDelta(e,t=!1){const n=[2*J.expandGridSize,2*J.expandGridSize];let i=this.getScroll(),r=[i[0]+e[0],i[1]+e[1]],s=[0,0];for(let t=0;t<2;++t)e[t]<0&&r[t]<J.gridExpandThreshold*J.expandGridSize?s[t]=-1:e[t]>0&&r[t]>n[t]-J.gridExpandThreshold*J.expandGridSize&&(s[t]=1);0==s[0]&&0==s[1]||this.seamlessExpand(s),i=this.getScroll(),r=[i[0]+e[0],i[1]+e[1]],this.setScroll(r,t)}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],n=this.getViewportSize().map((e=>e/2)),i=[t[0]-n[0],t[1]-n[1]];this.scrollDelta(i,!0)}getViewportSize(){return[this.viewportElement.clientWidth,this.viewportElement.clientHeight]}getScrollMax(){return[this.viewportElement.scrollWidth-this.viewportElement.clientWidth,this.viewportElement.scrollHeight-this.viewportElement.clientHeight]}snapToGrid(e){return ie.snapToGrid(e,J.gridSize)}seamlessExpand([e,t]){e=Math.round(e),t=Math.round(t);let n=this.getScale();[e,t]=[-e*J.expandGridSize,-t*J.expandGridSize],0!=e&&(this.scrollX+=e,e/=n),0!=t&&(this.scrollY+=t,t/=n),this.translateX+=e,this.translateY+=t}progressiveSnapToGrid(e){return J.expandGridSize*Math.round(e/J.expandGridSize+.5*Math.sign(e))}getZoom(){return this.zoom}setZoom(e,t){if((e=ie.clamp(e,J.minZoom,J.maxZoom))==this.zoom)return;let n=this.getScale();this.zoom=e,t&&requestAnimationFrame((e=>{t[0]+=this.translateX,t[1]+=this.translateY;let i=this.getScale()/n,r=[i*t[0],i*t[1]];this.scrollDelta([(r[0]-t[0])*n,(r[1]-t[1])*n])}))}getScale(){return parseFloat(getComputedStyle(this.gridElement).getPropertyValue("--ueb-scale"))}compensateTranslation([e,t]){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1){return e?this.nodes.filter((e=>e.selected)):this.nodes}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.GetPinIdValue()))}getLinks([e,t]=[]){if(null==e!=t==null){const n=e??t;return this.links.filter((e=>e.sourcePin==n||e.destinationPin==n))}return null!=e&&null!=t?this.links.filter((n=>n.sourcePin==e&&n.destinationPin==t||n.sourcePin==t&&n.destinationPin==e)):this.links}getLink(e,t,n=!1){return this.links.find((i=>i.sourcePin==e&&i.destinationPin==t||n&&i.sourcePin==t&&i.destinationPin==e))}selectAll(){this.getNodes().forEach((e=>this.nodeSelectToggleFunction(e,!0)))}unselectAll(){this.getNodes().forEach((e=>this.nodeSelectToggleFunction(e,!1)))}addGraphElement(...e){for(let t of e)if(t.blueprint=this,t instanceof Lt&&!this.nodes.includes(t)){const e=t.entity.getObjectName(),n=this.nodes.find((t=>t.entity.getObjectName()==e));if(n){let e=n.entity.getObjectName(!0);this.#Se[e]=this.#Se[e]??-1;do{++this.#Se[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#Se[e]))));n.rename(J.nodeName(e,this.#Se[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof tt&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof Lt)).forEach((t=>t.sanitizeLinks(e)))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof Lt?this.nodes:t instanceof tt?this.links:null;e?.splice(e.findIndex((e=>e===t)),1)}}setFocused(e=!0){if(this.focused==e)return;let t=new CustomEvent(e?"blueprint-focus":"blueprint-unfocus");this.focused=e,this.focused||this.unselectAll(),this.dispatchEvent(t)}dispatchEditTextEvent(e){const t=new CustomEvent(e?J.editTextEventName.begin:J.editTextEventName.end);this.dispatchEvent(t)}}customElements.define("ueb-blueprint",Rt);class zt extends $e{constructor(e,t,n,i,r,s,o){e=e??(e=>`(${e})`),super(t,n,i,r,s,o),this.wrap=e}read(e){const t=Ne.getGrammarForType($e.grammar,this.entityType).parse(e);if(!t.status)throw new Error(`Error when trying to parse the entity ${this.entityType.prototype.constructor.name}.`);return t.value}write(e,t,n=!1){return this.wrap(this.subWrite(e,[],t,n))}}class Gt extends zt{#ke;constructor(e,t){super(void 0,t),this.#ke=e}write(e,t,n=!1){return this.#ke(t,n)}}class Ft extends zt{constructor(e){super(void 0,e)}write(e,t,n){return n||t.constructor!==String?ie.escapeString(t.toString()):`"${ie.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;te.registerSerializer(null,new Gt(((e,t)=>"()"),null)),te.registerSerializer(Array,new Gt(((e,t)=>`(${e.map((e=>te.getSerializer(ie.getType(e)).serialize(e,t)+",")).join("")})`),Array)),te.registerSerializer(Boolean,new Gt(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),te.registerSerializer(oe,new zt(e,oe)),te.registerSerializer(ae,new Ft(ae)),te.registerSerializer(le,new Ft(le)),te.registerSerializer(ue,new Ft(ue)),te.registerSerializer(ce,new zt((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),te.registerSerializer(he,new zt(e,he)),te.registerSerializer(pe,new zt(e,pe)),te.registerSerializer(me,new zt((e=>`${me.lookbehind}(${e})`),me,"",", ",!1,"",(e=>""))),te.registerSerializer(Number,new Gt((e=>e.toString()),Number)),te.registerSerializer(ke,new Le),te.registerSerializer(se,new Gt((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),se)),te.registerSerializer(ge,new Ft(ge)),te.registerSerializer(we,new zt((e=>`${we.lookbehind} (${e})`),we,"",",",!0)),te.registerSerializer(ve,new zt((e=>e),ve,""," ",!1,"",(e=>""))),te.registerSerializer(de,new Ft(de)),te.registerSerializer(be,new zt(e,be)),te.registerSerializer(String,new Gt(((e,t)=>t?ie.escapeString(e):`"${ie.escapeString(e)}"`),String)),te.registerSerializer(fe,new Gt(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),fe)),te.registerSerializer(Ee,new Gt(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Ee)),te.registerSerializer(ye,new zt(e,ye))}();export{Rt as Blueprint,J as Configuration,tt as LinkElement,Lt as NodeElement};
diff --git a/js/Configuration.js b/js/Configuration.js
index 51984f8..6dbb151 100755
--- a/js/Configuration.js
+++ b/js/Configuration.js
@@ -1,6 +1,7 @@
 import { css } from "lit"
 
 export default class Configuration {
+    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"
diff --git a/js/element/InputElement.js b/js/element/InputElement.js
new file mode 100644
index 0000000..da134c9
--- /dev/null
+++ b/js/element/InputElement.js
@@ -0,0 +1,13 @@
+import InputTemplate from "../template/InputTemplate"
+import IElement from "./IElement"
+
+export default class InputElement extends IElement {
+
+    static elementName = "ueb-input"
+
+    constructor() {
+        super({}, new InputTemplate())
+    }
+}
+
+customElements.define(InputElement.elementName, InputElement)
diff --git a/js/template/ColorPickerWindowTemplate.js b/js/template/ColorPickerWindowTemplate.js
index 8eaa371..2d557cc 100755
--- a/js/template/ColorPickerWindowTemplate.js
+++ b/js/template/ColorPickerWindowTemplate.js
@@ -2,6 +2,7 @@ import { html } from "lit"
 import { styleMap } from "lit/directives/style-map.js"
 import ColorHandlerElement from "../element/ColorHandlerElement"
 import ColorSliderElement from "../element/ColorSliderElement"
+import Configuration from "../Configuration"
 import LinearColorEntity from "../entity/LinearColorEntity"
 import Utility from "../Utility"
 import WindowTemplate from "./WindowTemplate"
@@ -61,7 +62,7 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
     }
 
     #hexRGBHandler =
-        /** @param {FocusEvent} v */
+        /** @param {UIEvent} v */
         v => {
             // Faster than innerText which causes reflow
             const input = Utility.clearHTMLWhitespace(/** @type {HTMLElement} */(v.target).innerHTML)
@@ -74,7 +75,7 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
         }
 
     #hexSRGBHandler =
-        /** @param {FocusEvent} v */
+        /** @param {UIEvent} v */
         v => {
             // Faster than innerText which causes reflow
             const input = Utility.clearHTMLWhitespace(/** @type {HTMLElement} */(v.target).innerHTML)
@@ -86,6 +87,17 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
             this.element.requestUpdate()
         }
 
+    #doOnEnter =
+        /** @param {(e: UIEvent) => void} action */
+        action =>
+            /** @param {KeyboardEvent} e */
+            e => {
+                if (e.code == "Enter") {
+                    action(e)
+                    e.preventDefault()
+                }
+            }
+
     #color = new LinearColorEntity()
     get color() {
         return this.#color
@@ -233,7 +245,7 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
             case 3:
                 channelLetter = "a"
                 channelValue = this.color.A.value
-                background = `repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px, ${getCommonBackground(channel)}`
+                background = `${Configuration.alphaPattern}, ${getCommonBackground(channel)}`
                 break
             case 4:
                 channelLetter = "h"
@@ -297,7 +309,8 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
             "--ueb-color-wheel-x": `${Math.round(this.color.S.value * Math.cos(theta) * wheelRadius + wheelRadius)}px`,
             "--ueb-color-wheel-y": `${Math.round(this.color.S.value * Math.sin(theta) * wheelRadius + wheelRadius)}px`,
         }
-        const colorHex = this.color.toRGBAString()
+        const colorRGB = this.color.toRGBAString()
+        const colorSRGB = this.color.toSRGBAString()
         const fullColorHex = this.fullColor.toRGBAString()
         return html`
             <div class="ueb-color-picker" style="${styleMap(style)}">
@@ -317,8 +330,13 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
                         <div class="ueb-color-picker-preview-old "
                             style="background: #${this.#initialColor.toRGBAString()}">
                         </div>
-                        <div class="ueb-color-picker-preview-new"
-                            style="background: #${this.color.toRGBAString()}">
+                        <div class="ueb-color-picker-preview-new">
+                            <div class="ueb-color-picker-preview-1"
+                                style="background: #${this.#colorHexReplace(3, "FF")}">
+                            </div>
+                            <div class="ueb-color-picker-preview-2"
+                                style="background: ${`linear-gradient(#${colorRGB}, #${colorRGB}),${Configuration.alphaPattern}`}">
+                            </div>
                         </div>
                         New
                     </div>
@@ -341,8 +359,9 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
                             <span class="ueb-color-control-label">Hex Linear</span>
                             <div class="ueb-color-picker-hex-linear ueb-text-input">
                                 <span class="ueb-pin-input-content" role="textbox" contenteditable="true"
-                                    .innerText="${this.color.toRGBAString()}"
-                                    @focusout="${this.#hexRGBHandler}">
+                                    .innerText="${colorRGB}"
+                                    @focusout="${this.#hexRGBHandler}"
+                                    @keydown="${this.#doOnEnter(this.#hexRGBHandler)}">
                                 </span>
                             </div>
                         </div>
@@ -350,8 +369,9 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
                             <span class="ueb-color-control-label">Hex sRGB</span>
                             <div class="ueb-color-picker-hex-srgb ueb-text-input">
                                 <span class="ueb-pin-input-content" role="textbox" contenteditable="true"
-                                    .innerText="${this.color.toSRGBAString()}"
-                                    @focusout="${this.#hexSRGBHandler}">
+                                    .innerText="${colorSRGB}"
+                                    @focusout="${this.#hexSRGBHandler}"
+                                    @keydown="${this.#doOnEnter(this.#hexSRGBHandler)}">
                                 </span>
                             </div>
                         </div>
diff --git a/js/template/InputTemplate.js b/js/template/InputTemplate.js
new file mode 100644
index 0000000..ac5b987
--- /dev/null
+++ b/js/template/InputTemplate.js
@@ -0,0 +1,24 @@
+import ITemplate from "./ITemplate"
+
+/** @typedef {import ("../element/InputElement").default} InputElement */
+
+/** @extends {ITemplate<InputElement>} */
+export default class InputTemplate extends ITemplate {
+
+    /** @param {Map} changedProperties */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties)
+        this.onFocusHandler =
+            /** @param {FocusEvent} e */
+            e => this.element.blueprint.dispatchEditTextEvent(true)
+        this.onFocusOutHandler =
+            /** @param {FocusEvent} e */
+            e => {
+                e.preventDefault()
+                document.getSelection()?.removeAllRanges() // Deselect text inside the input
+                this.element.blueprint.dispatchEditTextEvent(false)
+            }
+        this.element.addEventListener("focus", this.onFocusHandler)
+        this.element.addEventListener("focusout", this.onFocusOutHandler)
+    }
+}
\ No newline at end of file
diff --git a/scss/ueb-window.scss b/scss/ueb-window.scss
index f83813b..e1ff75e 100644
--- a/scss/ueb-window.scss
+++ b/scss/ueb-window.scss
@@ -114,13 +114,14 @@ ueb-ui-slider {
 
 .ueb-color-picker-preview {
     position: relative;
+    align-self: flex-start;
 
     &::before,
     &::after {
         content: "";
         display: block;
         position: absolute;
-        top: 39px;
+        top: calc(50% - 1px);
         width: 5px;
         border-top: 2px solid black;
     }
@@ -136,6 +137,15 @@ ueb-ui-slider {
     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;
@@ -206,6 +216,7 @@ ueb-ui-slider {
 }
 
 .ueb-color-control .ueb-pin-input-content {
+    width: 8ch;
     line-height: 20px;
     font-family: monospace;
     color: #c0c0c0;