From 192f2a4c117656035657eca80307f6c8d25b22ff Mon Sep 17 00:00:00 2001 From: barsdeveloper Date: Sun, 16 Oct 2022 13:56:38 +0200 Subject: [PATCH] Color picker improvements --- dist/css/ueb-style.css | 39 ++- dist/css/ueb-style.css.map | 2 +- dist/css/ueb-style.min.css | 2 +- dist/css/ueb-style.min.css.map | 2 +- dist/ueblueprint.js | 309 +++++++++++++++-------- dist/ueblueprint.min.js | 15 +- js/Blueprint.js | 2 +- js/Utility.js | 8 +- js/element/ColorHandlerElement.js | 24 +- js/element/ColorSliderElement.js | 14 + js/element/IDraggableControlElement.js | 37 +++ js/element/IDraggableElement.js | 9 +- js/element/IElement.js | 2 +- js/entity/LinearColorEntity.js | 38 ++- js/template/BlueprintTemplate.js | 2 +- js/template/BoolPinTemplate.js | 16 +- js/template/ColorHandlerTemplate.js | 35 +-- js/template/ColorPickerWindowTemplate.js | 42 +-- js/template/ColorSliderTemplate.js | 21 ++ js/template/IDraggableControlTemplate.js | 48 ++++ js/template/LinearColorPinTemplate.js | 4 +- js/template/WindowTemplate.js | 17 +- scss/ueb-window.scss | 43 +++- 23 files changed, 500 insertions(+), 231 deletions(-) create mode 100644 js/element/ColorSliderElement.js create mode 100644 js/element/IDraggableControlElement.js create mode 100755 js/template/ColorSliderTemplate.js create mode 100644 js/template/IDraggableControlTemplate.js diff --git a/dist/css/ueb-style.css b/dist/css/ueb-style.css index 93a2ff5..2e74cdc 100644 --- a/dist/css/ueb-style.css +++ b/dist/css/ueb-style.css @@ -676,13 +676,46 @@ ueb-color-handler { .ueb-color-picker-saturation, .ueb-color-picker-value { - margin: 0 8px; + margin: 0 6px; width: 30px; - background: linear-gradient(to bottom, transparent 10%, #000000 100%), rebeccapurple; + background-color: rgb(calc(var(--ueb-color-r) * 255), calc(var(--ueb-color-g) * 255), calc(var(--ueb-color-b) * 255)); +} + +.ueb-color-picker-saturation { + background-image: linear-gradient(to bottom, transparent 10px, #FFFFFF 100%); } .ueb-color-picker-value { - background: linear-gradient(to bottom, transparent 10%, #FFFFFF 100%), rebeccapurple; + background-image: linear-gradient(to bottom, transparent 10px, #000000 100%); +} + +.ueb-color-picker-slider { + position: relative; + padding-bottom: 10px; +} +.ueb-color-picker-slider::before, .ueb-color-picker-slider::after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; +} +.ueb-color-picker-slider::before { + left: -4px; + border-left-color: #e0e0e0; +} +.ueb-color-picker-slider::after { + right: -4px; + border-right-color: #e0e0e0; +} + +.ueb-color-picker-saturation .ueb-color-picker-slider { + top: calc(100% - var(--ueb-color-s) * 100%); +} + +.ueb-color-picker-value .ueb-color-picker-slider { + top: calc(100% - var(--ueb-color-v) * 100%); } /*# sourceMappingURL=ueb-style.css.map */ diff --git a/dist/css/ueb-style.css.map b/dist/css/ueb-style.css.map index c07b67d..8d0510b 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-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-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 3de3077..48032c2 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[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{--ueb-computed-min-x: min(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-max-x: max(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-min-y: min(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-max-y: max(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-width: max(var(--ueb-from-x) - var(--ueb-to-x), var(--ueb-to-x) - var(--ueb-from-x));--ueb-computed-height: max(var(--ueb-from-y) - var(--ueb-to-y), var(--ueb-to-y) - var(--ueb-from-y));position:absolute;top:calc(var(--ueb-computed-min-y)*1px);left:calc(var(--ueb-computed-min-x)*1px);width:calc(var(--ueb-computed-width)*1px);height:calc(var(--ueb-computed-height)*1px)}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-opposite: 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-opposite-coefficient: calc(2* var(--ueb-y-opposite) - 1);position:absolute;top:0;left:0;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-opposite-coefficient) * var(--ueb-from-input-coefficient)))}ueb-link svg path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:1}ueb-link[data-dragging=true] svg path,ueb-link svg g:hover path{stroke-width:5;transition:stroke-width .8s}.ueb-link-message{display:block;visibility:visible;position:absolute;top:calc(100%*(1 - var(--ueb-y-opposite)) + 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;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));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-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-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;outline:3px solid #cc6700;outline-offset:-6px}.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-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-node[data-pure-function=true] .ueb-node-top{box-shadow:inset 5px 1px 5px -3px #7aa674,inset 0 1px 0 0 #111213,inset 0 2px 0 0 #7bb386;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-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;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;padding:2px;letter-spacing:.04em;text-shadow:1px 1px 1px #000}ueb-node[data-enabled-state=DevelopmentOnly] .ueb-node-developmentonly{display:block}.ueb-node-expansion{display:none;text-align:center}.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-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-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-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,')}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-window{display:block;position:absolute;top:0;left:0;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));background:#242424;z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-name{flex-grow:1;padding-left:28px;text-align:center}.ueb-window-close{padding:8px;height:12px;width:12px}.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;top:-3px;left:-3px;width:4px;height:4px;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));border:1px solid #000;border-radius:4px}.ueb-color-picker-saturation,.ueb-color-picker-value{margin:0 8px;width:30px;background:linear-gradient(to bottom, transparent 10%, #000000 100%),#639}.ueb-color-picker-value{background:linear-gradient(to bottom, transparent 10%, #FFFFFF 100%),#639}/*# 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[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{--ueb-computed-min-x: min(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-max-x: max(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-min-y: min(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-max-y: max(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-width: max(var(--ueb-from-x) - var(--ueb-to-x), var(--ueb-to-x) - var(--ueb-from-x));--ueb-computed-height: max(var(--ueb-from-y) - var(--ueb-to-y), var(--ueb-to-y) - var(--ueb-from-y));position:absolute;top:calc(var(--ueb-computed-min-y)*1px);left:calc(var(--ueb-computed-min-x)*1px);width:calc(var(--ueb-computed-width)*1px);height:calc(var(--ueb-computed-height)*1px)}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-opposite: 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-opposite-coefficient: calc(2* var(--ueb-y-opposite) - 1);position:absolute;top:0;left:0;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-opposite-coefficient) * var(--ueb-from-input-coefficient)))}ueb-link svg path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:1}ueb-link[data-dragging=true] svg path,ueb-link svg g:hover path{stroke-width:5;transition:stroke-width .8s}.ueb-link-message{display:block;visibility:visible;position:absolute;top:calc(100%*(1 - var(--ueb-y-opposite)) + 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;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));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-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-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;outline:3px solid #cc6700;outline-offset:-6px}.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-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-node[data-pure-function=true] .ueb-node-top{box-shadow:inset 5px 1px 5px -3px #7aa674,inset 0 1px 0 0 #111213,inset 0 2px 0 0 #7bb386;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-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;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;padding:2px;letter-spacing:.04em;text-shadow:1px 1px 1px #000}ueb-node[data-enabled-state=DevelopmentOnly] .ueb-node-developmentonly{display:block}.ueb-node-expansion{display:none;text-align:center}.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-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-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-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,')}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-window{display:block;position:absolute;top:0;left:0;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));background:#242424;z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-name{flex-grow:1;padding-left:28px;text-align:center}.ueb-window-close{padding:8px;height:12px;width:12px}.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;top:-3px;left:-3px;width:4px;height:4px;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));border:1px solid #000;border-radius:4px}.ueb-color-picker-saturation,.ueb-color-picker-value{margin:0 6px;width:30px;background-color:rgb(calc(var(--ueb-color-r) * 255), calc(var(--ueb-color-g) * 255), calc(var(--ueb-color-b) * 255))}.ueb-color-picker-saturation{background-image:linear-gradient(to bottom, transparent 10px, #FFFFFF 100%)}.ueb-color-picker-value{background-image:linear-gradient(to bottom, transparent 10px, #000000 100%)}.ueb-color-picker-slider{position:relative;padding-bottom:10px}.ueb-color-picker-slider::before,.ueb-color-picker-slider::after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0)}.ueb-color-picker-slider::before{left:-4px;border-left-color:#e0e0e0}.ueb-color-picker-slider::after{right:-4px;border-right-color:#e0e0e0}.ueb-color-picker-saturation .ueb-color-picker-slider{top:calc(100% - var(--ueb-color-s)*100%)}.ueb-color-picker-value .ueb-color-picker-slider{top:calc(100% - var(--ueb-color-v)*100%)}/*# 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 cd94fcd..206251e 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-window.scss"],"names":[],"mappings":"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","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-window.scss"],"names":[],"mappings":"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","file":"ueb-style.min.css"} \ No newline at end of file diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js index 41070ac..2d9441c 100755 --- a/dist/ueblueprint.js +++ b/dist/ueblueprint.js @@ -3,20 +3,20 @@ * Copyright 2019 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ -const t$1=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,e$2=Symbol(),n$3=new WeakMap;class s$3{constructor(t,n,s){if(this._$cssResult$=!0,s!==e$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=n;}get styleSheet(){let e=this.o;const s=this.t;if(t$1&&void 0===e){const t=void 0!==s&&1===s.length;t&&(e=n$3.get(s)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&n$3.set(s,e));}return e}toString(){return this.cssText}}const o$3=t=>new s$3("string"==typeof t?t:t+"",void 0,e$2),r$2=(t,...n)=>{const o=1===t.length?t[0]:n.reduce(((e,n,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+t[s+1]),t[0]);return new s$3(o,t,e$2)},i$1=(e,n)=>{t$1?e.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((t=>{const n=document.createElement("style"),s=window.litNonce;void 0!==s&&n.setAttribute("nonce",s),n.textContent=t.cssText,e.appendChild(n);}));},S$1=t$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return o$3(e)})(t):t; +const t$2=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,e$3=Symbol(),n$3=new WeakMap;class s$3{constructor(t,n,s){if(this._$cssResult$=!0,s!==e$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=n;}get styleSheet(){let e=this.o;const s=this.t;if(t$2&&void 0===e){const t=void 0!==s&&1===s.length;t&&(e=n$3.get(s)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&n$3.set(s,e));}return e}toString(){return this.cssText}}const o$3=t=>new s$3("string"==typeof t?t:t+"",void 0,e$3),r$2=(t,...n)=>{const o=1===t.length?t[0]:n.reduce(((e,n,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+t[s+1]),t[0]);return new s$3(o,t,e$3)},i$3=(e,n)=>{t$2?e.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((t=>{const n=document.createElement("style"),s=window.litNonce;void 0!==s&&n.setAttribute("nonce",s),n.textContent=t.cssText,e.appendChild(n);}));},S$1=t$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return o$3(e)})(t):t; /** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */var s$2;const e$1=window.trustedTypes,r$1=e$1?e$1.emptyScript:"",h$1=window.reactiveElementPolyfillSupport,o$2={toAttribute(t,i){switch(i){case Boolean:t=t?r$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},n$2=(t,i)=>i!==t&&(i==i||t==t),l$2={attribute:!0,type:String,converter:o$2,reflect:!1,hasChanged:n$2};class a$1 extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u();}static addInitializer(t){var i;null!==(i=this.h)&&void 0!==i||(this.h=[]),this.h.push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$2){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$2}static finalize(){if(this.hasOwnProperty("finalized"))return !1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(S$1(i));}else void 0!==i&&s.push(S$1(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return i$1(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$2){var e,r;const h=this.constructor._$Ep(t,s);if(void 0!==h&&!0===s.reflect){const n=(null!==(r=null===(e=s.converter)||void 0===e?void 0:e.toAttribute)&&void 0!==r?r:o$2.toAttribute)(i,s.type);this._$El=t,null==n?this.removeAttribute(h):this.setAttribute(h,n),this._$El=null;}}_$AK(t,i){var s,e;const r=this.constructor,h=r._$Ev.get(t);if(void 0!==h&&this._$El!==h){const t=r.getPropertyOptions(h),n=t.converter,l=null!==(e=null!==(s=null==n?void 0:n.fromAttribute)&&void 0!==s?s:"function"==typeof n?n:null)&&void 0!==e?e:o$2.fromAttribute;this._$El=h,this[h]=l(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||n$2)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}}a$1.finalized=!0,a$1.elementProperties=new Map,a$1.elementStyles=[],a$1.shadowRootOptions={mode:"open"},null==h$1||h$1({ReactiveElement:a$1}),(null!==(s$2=globalThis.reactiveElementVersions)&&void 0!==s$2?s$2:globalThis.reactiveElementVersions=[]).push("1.3.4"); + */var s$2;const e$2=window.trustedTypes,r$1=e$2?e$2.emptyScript:"",h$1=window.reactiveElementPolyfillSupport,o$2={toAttribute(t,i){switch(i){case Boolean:t=t?r$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},n$2=(t,i)=>i!==t&&(i==i||t==t),l$2={attribute:!0,type:String,converter:o$2,reflect:!1,hasChanged:n$2};class a$1 extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u();}static addInitializer(t){var i;null!==(i=this.h)&&void 0!==i||(this.h=[]),this.h.push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$2){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$2}static finalize(){if(this.hasOwnProperty("finalized"))return !1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(S$1(i));}else void 0!==i&&s.push(S$1(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return i$3(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$2){var e,r;const h=this.constructor._$Ep(t,s);if(void 0!==h&&!0===s.reflect){const n=(null!==(r=null===(e=s.converter)||void 0===e?void 0:e.toAttribute)&&void 0!==r?r:o$2.toAttribute)(i,s.type);this._$El=t,null==n?this.removeAttribute(h):this.setAttribute(h,n),this._$El=null;}}_$AK(t,i){var s,e;const r=this.constructor,h=r._$Ev.get(t);if(void 0!==h&&this._$El!==h){const t=r.getPropertyOptions(h),n=t.converter,l=null!==(e=null!==(s=null==n?void 0:n.fromAttribute)&&void 0!==s?s:"function"==typeof n?n:null)&&void 0!==e?e:o$2.fromAttribute;this._$El=h,this[h]=l(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||n$2)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}}a$1.finalized=!0,a$1.elementProperties=new Map,a$1.elementStyles=[],a$1.shadowRootOptions={mode:"open"},null==h$1||h$1({ReactiveElement:a$1}),(null!==(s$2=globalThis.reactiveElementVersions)&&void 0!==s$2?s$2:globalThis.reactiveElementVersions=[]).push("1.3.4"); /** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ -var t;const i=globalThis.trustedTypes,s$1=i?i.createPolicy("lit-html",{createHTML:t=>t}):void 0,e=`lit$${(Math.random()+"").slice(9)}$`,o$1="?"+e,n$1=`<${o$1}>`,l$1=document,h=(t="")=>l$1.createComment(t),r=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,u=t=>d(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),c=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,a=/>/g,f=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),_=/'/g,g=/"/g,m=/^(?:script|style|textarea|title)$/i,p=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),$=p(1),b=Symbol.for("lit-noChange"),w=Symbol.for("lit-nothing"),x=new WeakMap,T=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(h(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l},A=l$1.createTreeWalker(l$1,129,null,!1),E=(t,i)=>{const o=t.length-1,l=[];let h,r=2===i?"":"",d=c;for(let i=0;i"===u[0]?(d=null!=h?h:c,p=-1):void 0===u[1]?p=-2:(p=d.lastIndex-u[2].length,o=u[1],d=void 0===u[3]?f:'"'===u[3]?g:_):d===g||d===_?d=f:d===v||d===a?d=c:(d=f,h=void 0);const y=d===f&&t[i+1].startsWith("/>")?" ":"";r+=d===c?s+n$1:p>=0?(l.push(o),s.slice(0,p)+"$lit$"+s.slice(p)+e+y):s+e+(-2===p?(l.push(void 0),i):y);}const u=r+(t[o]||"")+(2===i?"":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==s$1?s$1.createHTML(u):u,l]};class C{constructor({strings:t,_$litType$:s},n){let l;this.parts=[];let r=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,s);if(this.el=C.createElement(v,n),A.currentNode=this.el.content,2===s){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length0){l.textContent=i?i.emptyScript:"";for(let i=0;i2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=w;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P$1(this,t,i,0),n=!r(t)||t!==this._$AH&&t!==b,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;lt}):void 0,e$1=`lit$${(Math.random()+"").slice(9)}$`,o$1="?"+e$1,n$1=`<${o$1}>`,l$1=document,h=(t="")=>l$1.createComment(t),r=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,u=t=>d(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),c=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,a=/>/g,f=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),_=/'/g,g=/"/g,m=/^(?:script|style|textarea|title)$/i,p=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),$=p(1),b=Symbol.for("lit-noChange"),w=Symbol.for("lit-nothing"),x=new WeakMap,T=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new N(i.insertBefore(h(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l},A=l$1.createTreeWalker(l$1,129,null,!1),E=(t,i)=>{const o=t.length-1,l=[];let h,r=2===i?"":"",d=c;for(let i=0;i"===u[0]?(d=null!=h?h:c,p=-1):void 0===u[1]?p=-2:(p=d.lastIndex-u[2].length,o=u[1],d=void 0===u[3]?f:'"'===u[3]?g:_):d===g||d===_?d=f:d===v||d===a?d=c:(d=f,h=void 0);const y=d===f&&t[i+1].startsWith("/>")?" ":"";r+=d===c?s+n$1:p>=0?(l.push(o),s.slice(0,p)+"$lit$"+s.slice(p)+e$1+y):s+e$1+(-2===p?(l.push(void 0),i):y);}const u=r+(t[o]||"")+(2===i?"":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return [void 0!==s$1?s$1.createHTML(u):u,l]};class C{constructor({strings:t,_$litType$:s},n){let l;this.parts=[];let r=0,d=0;const u=t.length-1,c=this.parts,[v,a]=E(t,s);if(this.el=C.createElement(v,n),A.currentNode=this.el.content,2===s){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=A.nextNode())&&c.length0){l.textContent=i$2?i$2.emptyScript:"";for(let i=0;i2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=w;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=P$1(this,t,i,0),n=!r(t)||t!==this._$AH&&t!==b,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l { e.preventDefault(); const location = self.locationFromEvent(e); @@ -2437,10 +2452,10 @@ class IMouseClickDrag extends IPointing { options.consumeEvent ??= true; options.draggableElement ??= target; options.exitAnyButton ??= true; - options.strictTarget ??= false; options.moveEverywhere ??= false; options.movementSpace ??= blueprint?.getGridDOMElement(); options.repositionOnClick ??= false; + options.strictTarget ??= false; super(target, blueprint, options); this.stepSize = parseInt(options?.stepSize ?? Configuration.gridSize); @@ -2746,7 +2761,7 @@ class IElement extends s { this.template.inputSetup(); } - /** @param {Map} */ + /** @param {Map} changedProperties */ updated(changedProperties) { super.updated(changedProperties); this.template.updated(changedProperties); @@ -2806,9 +2821,12 @@ class IDraggableElement extends IElement { static dragEventName = Configuration.dragEventName static dragGeneralEventName = Configuration.dragGeneralEventName - constructor(...args) { - // @ts-expect-error - super(...args); + /** + * @param {T} entity + * @param {U} template + */ + constructor(entity, template) { + super(entity, template); this.locationX = 0; this.locationY = 0; } @@ -3564,7 +3582,7 @@ class BoolPinTemplate extends PinTemplate { super.firstUpdated(changedProperties); this.#input = this.element.querySelector(".ueb-pin-input"); let self = this; - this.onChangeHandler = _ => this.element.setDefaultValue(self.#input.checked ? true : false); + this.onChangeHandler = _ => this.element.setDefaultValue(self.#input.checked); this.#input.addEventListener("change", this.onChangeHandler); } @@ -3580,22 +3598,10 @@ class BoolPinTemplate extends PinTemplate { ] } - getInputs() { - return [this.#input.checked ? "true" : "false"] - } - - /** - * @param {Boolean[]} values - * @param {String[]} rawValues - */ - setDefaultValue(values = [], rawValues) { - this.element.setDefaultValue(values[0]); - } - renderInput() { if (this.element.isInput()) { return $` - + ` } return super.renderInput() @@ -3616,6 +3622,19 @@ class ExecPinTemplate extends PinTemplate { } } +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i$1{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}} + +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const i=e(class extends i$1{constructor(t$1){var e;if(super(t$1),t$1.type!==t.ATTRIBUTE||"style"!==t$1.name||(null===(e=t$1.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.vt){this.vt=new Set;for(const t in r)this.vt.add(t);return this.render(r)}this.vt.forEach((t=>{null==r[t]&&(this.vt.delete(t),t.includes("-")?s.removeProperty(t):s[t]="");}));for(const t in r){const e=r[t];null!=e&&(this.vt.add(t),t.includes("-")?s.setProperty(t,e):s[t]=e);}return b}}); + /** * @typedef {import("../../Blueprint").default} Blueprint * @typedef {import("../../element/IDraggableElement").default} IDraggableElement @@ -3705,31 +3724,56 @@ class IDraggableTemplate extends ITemplate { } } +/** + * @typedef {import("../element/IDraggableElement").default} IDraggableElement + */ + +/** + * @template {IDraggableElement} T + * @extends {IDraggableTemplate} + */ +class IDraggableControlTemplate extends IDraggableTemplate { + + #locationChangeCallback = ([x, y], ...args) => [x, y] + get locationChangeCallback() { + return this.#locationChangeCallback + } + set locationChangeCallback(callback) { + this.#locationChangeCallback = callback; + } + + movementSpace + movementSpaceSize = [0, 0] + + connectedCallback() { + super.connectedCallback(); + this.movementSpace = this.element.parentElement; + const bounding = this.movementSpace.getBoundingClientRect(); + this.movementSpaceSize = [bounding.width, bounding.height]; + } + + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.movementSpace, + ignoreTranslateCompensate: true, + moveEverywhere: true, + movementSpace: this.movementSpace, + repositionOnClick: true, + stepSize: 1, + }) + } + + /** @param {[Number, Number]} param0 */ + adjustLocation([x, y]) { + this.#locationChangeCallback([x, y]); + return [x, y] + } +} + /** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */ -/** @extends {IDraggableTemplate} */ -class ColorHandlerTemplate extends IDraggableTemplate { - - #locationChangeCallback - - connectedCallback() { - super.connectedCallback(); - this.window = this.element.closest("ueb-window"); - this.movementSpace = this.element.parentElement; - const bounding = this.movementSpace.getBoundingClientRect(); - this.movementSpaceSize = [bounding.width, bounding.height]; - } - - createDraggableObject() { - return new MouseMoveDraggable(this.element, this.element.blueprint, { - draggableElement: this.element.parentElement, - ignoreTranslateCompensate: true, - moveEverywhere: true, - movementSpace: this.element.parentElement, - repositionOnClick: true, - stepSize: 1, - }) - } +/** @extends {IDraggableControlTemplate} */ +class ColorHandlerTemplate extends IDraggableControlTemplate { /** @param {[Number, Number]} param0 */ adjustLocation([x, y]) { @@ -3740,29 +3784,38 @@ class ColorHandlerTemplate extends IDraggableTemplate { r = Math.min(r, radius), [x, y] = Utility.getCartesianCoordinates([r, theta]); x = Math.round(x + radius); y = Math.round(-y + radius); - this.#locationChangeCallback?.([x, y]); + const hsva = this.getColor().toHSVA(); + this.locationChangeCallback?.([x, y], radius, hsva[2], hsva[3]); return [x, y] } - setLocationChangeCallback(callback) { - this.#locationChangeCallback = callback; + getColor() { + return this.element.windowElement.template.color } } -/** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */ /** - * @template T - * @typedef {import("./WindowElement").default} WindowElement + * @typedef {import("../element/WindowElement").default} WindowElement + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate */ -/** @extends {IDraggableElement} */ -class ColorHandlerElement extends IDraggableElement { +/** + * @template {IEntity} T + * @template {IDraggableControlTemplate} U + * @extends {IDraggableElement} + */ +class IDraggableControlElement extends IDraggableElement { - /** @type {WindowElement} */ + /** @type {WindowElement} */ windowElement - constructor() { - super({}, new ColorHandlerTemplate()); + /** + * @param {T} entity + * @param {U} template + */ + constructor(entity, template) { + super(entity, template); } connectedCallback() { @@ -3775,20 +3828,60 @@ class ColorHandlerElement extends IDraggableElement { super.setLocation(this.template.adjustLocation([x, y])); } - computeColor() { - return new LinearColorEntity() +} + +/** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */ +/** + * @template T + * @typedef {import("./WindowElement").default} WindowElement + */ + +/** @extends {IDraggableControlElement} */ +class ColorHandlerElement extends IDraggableControlElement { + + constructor() { + super({}, new ColorHandlerTemplate()); } } customElements.define("ueb-color-handler", ColorHandlerElement); +/** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */ + +/** @extends {IDraggableControlTemplate} */ +class ColorSliderTemplate extends IDraggableControlTemplate { + + /** @param {[Number, Number]} param0 */ + adjustLocation([x, y]) { + x = 0; + y = Utility.clamp(y, 0, this.movementSpaceSize[1]); + this.getColor().toHSVA(); + this.locationChangeCallback?.([x, y]); + return [x, y] + } + + getColor() { + return this.element.windowElement.template.color + } +} + +/** @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate */ + +/** @extends {IDraggableControlElement} */ +class ColorSliderElement extends IDraggableControlElement { + + constructor() { + super({}, new ColorSliderTemplate()); + } +} + +customElements.define("ueb-color-slider", ColorSliderElement); + /** @typedef {import("../element/WindowElement").default} WindowElement */ /** @extends {IDraggableTemplate} */ class WindowTemplate extends IDraggableTemplate { - static windowName = $`Window` - toggleAdvancedDisplayHandler getDraggableElement() { @@ -3804,20 +3897,11 @@ class WindowTemplate extends IDraggableTemplate { }) } - createInputObjects() { - return [ - ...super.createInputObjects(), - this.createDraggableObject(), - ] - } - render() { return $`
-
${ - // @ts-expect-error - this.constructor.windowName}
+
${this.renderWindowName()}
@@ -3832,6 +3916,10 @@ class WindowTemplate extends IDraggableTemplate { ` } + renderWindowName() { + return $`Window` + } + renderContent() { return $`` } @@ -3841,8 +3929,6 @@ class WindowTemplate extends IDraggableTemplate { class ColorPickerWindowTemplate extends WindowTemplate { - static windowName = $`Color Picker` - /** @type {LinearColorEntity} */ #color get color() { @@ -3866,25 +3952,38 @@ class ColorPickerWindowTemplate extends WindowTemplate { firstUpdated(changedProperties) { const wheelHandler = new ColorHandlerElement(); new ColorHandlerElement(); - wheelHandler.template.setLocationChangeCallback(([x, y]) => { - this.color = LinearColorEntity.fromWheelLocation(x, y); - }); - this.element.querySelector(".ueb-color-picker-wheel").appendChild(new ColorHandlerElement()); - + new ColorSliderElement(); + wheelHandler.template.locationChangeCallback = ([x, y], radius, v, a) => { + this.color = LinearColorEntity.fromWheelLocation([x, y], radius, v, a); + }; + this.element.querySelector(".ueb-color-picker-wheel").appendChild(wheelHandler); } renderContent() { + const [h, s, v] = this.color.toHSVA(); + const style = { + "--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": h.toString(), + "--ueb-color-s": s.toString(), + "--ueb-color-v": v.toString(), + }; return $` -
+
-
-
+
+
+
+
+
+
@@ -3908,8 +4007,8 @@ class ColorPickerWindowTemplate extends WindowTemplate { ` } - cleanup() { - this.element.blueprint.removeEventListener(Configuration.colorWindowEventName, this.colorWindowHandler); + renderWindowName() { + return $`Color Picker` } } @@ -4199,7 +4298,7 @@ class LinearColorPinTemplate extends IInputPinTemplate { /** @param {LinearColorEntity} color */ setPinColor: color => this.element.setDefaultValue(color), }, - }) + }), ] } @@ -4215,7 +4314,7 @@ class LinearColorPinTemplate extends IInputPinTemplate { if (this.element.isInput()) { return $` + style="--ueb-linear-color:rgba(${this.element.defaultValue.toString()})"> ` } @@ -5451,7 +5550,7 @@ class BlueprintTemplate extends ITemplate {
+ style="--ueb-additional-x: ${this.element}; --ueb-additional-y: ${this.element.translateY}; --ueb-translate-x: ${this.element.translateX}; --ueb-translate-y: ${this.element.translateY};">
@@ -5502,7 +5601,7 @@ class BlueprintTemplate extends ITemplate { * primaryInf: Number, * primarySup: Number, * secondaryInf: Number, - * secondarySup: Number + * secondarySup: Number, * }} BoundariesInfo */ diff --git a/dist/ueblueprint.min.js b/dist/ueblueprint.min.js index 12417df..fdc9454 100644 --- a/dist/ueblueprint.min.js +++ b/dist/ueblueprint.min.js @@ -14,10 +14,21 @@ const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ -var m;p.finalized=!0,p.elementProperties=new Map,p.elementStyles=[],p.shadowRootOptions={mode:"open"},null==u||u({ReactiveElement:p}),(null!==(o=globalThis.reactiveElementVersions)&&void 0!==o?o:globalThis.reactiveElementVersions=[]).push("1.3.4");const g=globalThis.trustedTypes,f=g?g.createPolicy("lit-html",{createHTML:e=>e}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,v="?"+b,y=`<${v}>`,E=document,w=(e="")=>E.createComment(e),S=e=>null===e||"object"!=typeof e&&"function"!=typeof e,P=Array.isArray,k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,x=/-->/g,C=/>/g,N=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),A=/'/g,$=/"/g,L=/^(?:script|style|textarea|title)$/i,O=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),T=Symbol.for("lit-noChange"),D=Symbol.for("lit-nothing"),M=new WeakMap,I=E.createTreeWalker(E,129,null,!1),_=(e,t)=>{const n=e.length-1,i=[];let s,r=2===t?"":"",o=k;for(let t=0;t"===l[0]?(o=null!=s?s:k,u=-1):void 0===l[1]?u=-2:(u=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?N:'"'===l[3]?$:A):o===$||o===A?o=N:o===x||o===C?o=k:(o=N,s=void 0);const d=o===N&&e[t+1].startsWith("/>")?" ":"";r+=o===k?n+y:u>=0?(i.push(a),n.slice(0,u)+"$lit$"+n.slice(u)+b+d):n+b+(-2===u?(i.push(void 0),t):d)}const a=r+(e[n]||"")+(2===t?"":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==f?f.createHTML(a):a,i]};class H{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,r=0;const o=e.length-1,a=this.parts,[l,u]=_(e,t);if(this.el=H.createElement(l,n),I.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(i=I.nextNode())&&a.length0){i.textContent=g?g.emptyScript:"";for(let n=0;nP(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.S(e):this.T(e)}j(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}k(e){this._$AH!==e&&(this._$AR(),this._$AH=this.j(e))}T(e){this._$AH!==D&&S(this._$AH)?this._$AA.nextSibling.data=e:this.k(E.createTextNode(e)),this._$AH=e}$(e){var t;const{values:n,_$litType$:i}=e,s="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=H.createElement(i.h,this.options)),i);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.m(n);else{const e=new z(s,this),t=e.p(this.options);e.m(n),this.k(t),this._$AH=e}}_$AC(e){let t=M.get(e.strings);return void 0===t&&M.set(e.strings,t=new H(e)),t}S(e){P(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new B(this.j(w()),this.j(w()),this,this.options)):n=t[i],n._$AI(s),i++;i2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=D}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,n,i){const s=this.strings;let r=!1;if(void 0===s)e=j(this,e,t,0),r=!S(e)||e!==this._$AH&&e!==T,r&&(this._$AH=e);else{const i=e;let o,a;for(e=s[0],o=0;oe}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,f="?"+b,y=`<${f}>`,E=document,w=(e="")=>E.createComment(e),S=e=>null===e||"object"!=typeof e&&"function"!=typeof e,P=Array.isArray,k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,x=/-->/g,C=/>/g,N=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),A=/'/g,$=/"/g,L=/^(?:script|style|textarea|title)$/i,T=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),O=Symbol.for("lit-noChange"),D=Symbol.for("lit-nothing"),M=new WeakMap,_=E.createTreeWalker(E,129,null,!1),I=(e,t)=>{const n=e.length-1,i=[];let s,r=2===t?"":"",o=k;for(let t=0;t"===l[0]?(o=null!=s?s:k,u=-1):void 0===l[1]?u=-2:(u=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?N:'"'===l[3]?$:A):o===$||o===A?o=N:o===x||o===C?o=k:(o=N,s=void 0);const d=o===N&&e[t+1].startsWith("/>")?" ":"";r+=o===k?n+y:u>=0?(i.push(a),n.slice(0,u)+"$lit$"+n.slice(u)+b+d):n+b+(-2===u?(i.push(void 0),t):d)}const a=r+(e[n]||"")+(2===t?"":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==v?v.createHTML(a):a,i]};class H{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,r=0;const o=e.length-1,a=this.parts,[l,u]=I(e,t);if(this.el=H.createElement(l,n),_.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(i=_.nextNode())&&a.length0){i.textContent=g?g.emptyScript:"";for(let n=0;nP(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.S(e):this.T(e)}j(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}k(e){this._$AH!==e&&(this._$AR(),this._$AH=this.j(e))}T(e){this._$AH!==D&&S(this._$AH)?this._$AA.nextSibling.data=e:this.k(E.createTextNode(e)),this._$AH=e}$(e){var t;const{values:n,_$litType$:i}=e,s="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=H.createElement(i.h,this.options)),i);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.m(n);else{const e=new z(s,this),t=e.p(this.options);e.m(n),this.k(t),this._$AH=e}}_$AC(e){let t=M.get(e.strings);return void 0===t&&M.set(e.strings,t=new H(e)),t}S(e){P(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new B(this.j(w()),this.j(w()),this,this.options)):n=t[i],n._$AI(s),i++;i2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=D}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,n,i){const s=this.strings;let r=!1;if(void 0===s)e=j(this,e,t,0),r=!S(e)||e!==this._$AH&&e!==O,r&&(this._$AH=e);else{const i=e;let o,a;for(e=s[0],o=0;o{var i,s;const r=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:t;let o=r._$litPart$;if(void 0===o){const e=null!==(s=null==n?void 0:n.renderBefore)&&void 0!==s?s:null;r._$litPart$=o=new B(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}}q.finalized=!0,q._$litElement$=!0,null===(X=globalThis.litElementHydrateSupport)||void 0===X||X.call(globalThis,{LitElement:q});const Z=globalThis.litElementPolyfillSupport;null==Z||Z({LitElement:q}),(null!==(Y=globalThis.litElementVersions)&&void 0!==Y?Y: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=s``;static gridAxisLineColor=s``;static gridExpandThreshold=.25;static gridLineColor=s``;static gridLineWidth=1;static gridSet=8;static gridSetLineColor=s``;static gridShrinkThreshold=4;static gridSize=16;static hexColorRegex=/^\s*#(?[0-9a-fA-F]{2})(?[0-9a-fA-F]{2})(?[0-9a-fA-F]{2})([0-9a-fA-F]{2})?|#(?[0-9a-fA-F])(?[0-9a-fA-F])(?[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":s``,"/Script/CoreUObject.Rotator":s``,"/Script/CoreUObject.Transform":s``,"/Script/CoreUObject.Vector":s``,bool:s``,default:s``,exec:s``,name:s``,real:s``,string:s``};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};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){this.#e=e,this.#t=t,n.consumeEvent??=!1,n.listenOnFocus??=!1,n.unlistenOnTextEdit??=!1,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{#s;get type(){return this.#s}set type(e){this.#s=e}#r=!0;get showDefault(){return this.#r}set showDefault(e){this.#r=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}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){void 0===n&&(n=e instanceof Array?[]:i?"":ne.sanitize(new e)),this.#s=e,this.#r=t,this.#o=n,this.#a=i}}class ie{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 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,s=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 s),ie.objectSet(e[t[0]],t.slice(1),n,i,s);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(this[e])}))}}})}return!0}unsubscribe(e,t){let n=this.#l.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,s="")=>{for(let r of ie.mergeArrays(Object.getOwnPropertyNames(n),Object.getOwnPropertyNames(i??{}))){let o=ie.objectGet(i,[r]),a=n[r],l=ie.getType(a);if(a instanceof ee&&(a=a.calculate(this),l=ie.getType(a)),r in n?r in i||void 0===a||a instanceof ne&&!a.showDefault||console.warn(`${this.constructor.name}.properties will add property ${s}${r} not defined in the serialized data`):console.warn(`Property ${s}${r} in the serialized data is not defined in ${this.constructor.name}.properties`),l!==Object)if(void 0===o){if(a instanceof ne){if(!a.showDefault){e[r]=void 0;continue}a.serialized?a="":(l=a.type,a=a.value)}a instanceof Array&&(a=[]),e[r]=ne.sanitize(a,l)}else o?.constructor===String&&a instanceof ne&&a.serialized&&a.type!==String&&(o=te.getSerializer(a.type).deserialize(o)),e[r]=ne.sanitize(o,ie.getType(a));else e[r]={},t(e[r],n[r],i[r],r+".")}},n=this.constructor.attributes;e.constructor!==Object&&1==Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),t(this,n,e)}}class re extends se{static attributes={type:String,path:String};constructor(e={}){super(e),this.type,this.path}}class oe extends se{static attributes={MemberParent:re,MemberName:""};constructor(e={}){super(e),this.MemberParent,this.MemberName}}class ae extends se{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 se{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 se{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 se{static lookbehind="INVTEXT";static attributes={value:String};constructor(e={}){super(e),this.value}}class de extends se{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 he extends se{static attributes={value:Number};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 se{static attributes={R:he,G:he,B:he,A:new he(1)};static fromWheelLocation([e,t],n){e-=n,t-=n;const[i,s]=ie.getPolarCoordinates([e,t]);return pe.fromHSV([-s,i])}static fromHSV([e,t,n,i=1]){const s=Math.floor(6*e),r=6*e-s,o=n*(1-t),a=[n,n*(1-r*t),o,o,n*(1-(1-r)*t),n],[l,u,c]=[a[s%6],a[(s+4)%6],a[(s+2)%6]];return new pe({R:l,G:u,B:c,A:i})}constructor(e={}){super(e),this.R,this.G,this.B,this.A}toRGBA(){return[255*this.R.value,255*this.G.value,255*this.B.value,255*this.A.value]}toHSV(){const[e,t,n,i]=this.toRGBA(),s=Math.max(e,t,n),r=Math.min(e,t,n),o=s-r;let a;const l=0==s?0:o/s,u=s/255;switch(s){case r:a=0;break;case e:a=t-n+o*(tnew ne(we.getEntityType(e.getType(),!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new ne(String,!1),DefaultObject:new ne(re,!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.#u[e],this.#c[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 fe({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 se{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class Pe extends se{static attributes={Class:re,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(re,!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(Pe.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 ke(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xe={exports:{}};"undefined"!=typeof self&&self;var Ce=ke(xe.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var s=t[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,n),s.l=!0,s.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 s=i.prototype;function r(e,t){for(var n=0;n>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 d(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,s=t/8,r=(n=function(e){return e>48},o((function(e,t){return e||(n(t)?t:e)}),null,e));if(r)throw new Error(r+" bit range requested exceeds 48 bit (6 byte) Number max.");return new i((function(t,n){var i=s+n;return i>t.length?S(n,s.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 h(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),h("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),h("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function f(e){return p("intBE",e),h("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function b(e){return p("intLE",e),h("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function v(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 P(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),s=0;s=0;){if(o in n){i=n[o].line,0===r&&(r=n[o].lineStart);break}("\n"===e.charAt(o)||"\r"===e.charAt(o)&&"\n"!==e.charAt(o+1))&&(s++,0===r&&(r=o+1)),o--}var a=i+s,l=t-r;return n[t]={line:a,lineStart:r},{offset:t,line:a+1,column:l+1}}function C(e){if(!v(e))throw new Error("not a parser: "+e)}function N(e,t){return"string"==typeof e?e.charAt(t):e[t]}function A(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 O=2,T=3,D=8,M=5*D,I=4*D,_=" ";function H(e,t){return new Array(t+1).join(e)}function j(e,t,n){var i=t-e.length;return i<=0?e:H(n,i)+e}function z(e,t,n,i){return{from:e-t>0?e-t:0,to:e+n>i?i:e+n}}function B(e,t){var n,i,s,r,l,u=t.index,c=u.offset,d=1;if(c===e.length)return"Got the end of the input";if(E(e)){var h=c-c%D,p=c-h,m=z(h,M,I+D,e.length),g=a((function(e){return a((function(e){return j(e.toString(16),2,"0")}),e)}),function(e,t){var n=e.length,i=[],s=0;if(n<=t)return[e.slice()];for(var r=0;r=4&&(n+=1),d=2,s=a((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+" "+e.slice(4).join(" ")}),g),(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2)}else{var f=e.split(/\r\n|[\n\r\u2028\u2029]/);n=u.column-1,i=u.line-1,r=z(i,O,T,f.length),s=f.slice(r.from,r.to),l=r.to.toString().length}var b=i-r.from;return E(e)&&(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2),o((function(t,i,s){var o,a=s===b,u=a?"> ":_;return o=E(e)?j((8*(r.from+s)).toString(16),l,"0"):j((r.from+s+1).toString(),l," "),[].concat(t,[u+o+" | "+i],a?[_+H(" ",l)+" | "+j("",n," ")+H("^",d)]:[])}),[],s).join("\n")}function F(e,t){return["\n","-- PARSING FAILED "+H("-",50),"\n\n",B(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 R(e){return void 0!==e.flags?e.flags:[e.global?"g":"",e.ignoreCase?"i":"",e.multiline?"m":"",e.unicode?"u":"",e.sticky?"y":""].join("")}function G(){for(var e=[].slice.call(arguments),t=e.length,n=0;n=2?A(t):t=0;var n=function(e){return RegExp("^(?:"+e.source+")",R(e))}(e),s=""+e;return i((function(e,i){var r=n.exec(e.slice(i));if(r){if(0<=t&&t<=r.length){var o=r[0],a=r[t];return w(i+o.length,a)}return S(i,"valid match group (0 to "+r.length+") in "+s)}return S(i,s)}))}function q(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(v(e))return i((function(t,n){var i=e._(t,n);return i.index=n,i.value="",i}));if("string"==typeof e)return J(X(e));if(e instanceof RegExp)return J(Y(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),s=t.slice(n,i.index);return i.status?S(n,'not "'+s+'"'):w(n,null)}))}function ee(e){return $(e),i((function(t,n){var i=N(t,n);return n=e.length?S(t,"any character/byte"):w(t+1,N(e,t))})),re=i((function(e,t){return w(e.length,e.slice(t))})),oe=i((function(e,t){return t=0})).desc(t)},i.optWhitespace=de,i.Parser=i,i.range=function(e,t){return ee((function(n){return e<=n&&n<=t})).desc(e+"-"+t)},i.regex=Y,i.regexp=Y,i.sepBy=W,i.sepBy1=K,i.seq=G,i.seqMap=U,i.seqObj=function(){for(var e,t={},n=0,s=(e=arguments,Array.prototype.slice.call(e)),r=s.length,o=0;o255)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 s=N(n,i);return s===e?w(i+1,s):S(i,t)}))},buffer:function(e){return h("buffer",e).map((function(e){return Buffer.from(e)}))},encodedString:function(e,t){return h("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:f,int8BE:f(1),int16BE:f(2),int32BE:f(4),intLE:b,int8LE:b(1),int16LE:b(2),int32LE:b(4),floatBE:h("floatBE",4).map((function(e){return e.readFloatBE(0)})),floatLE:h("floatLE",4).map((function(e){return e.readFloatLE(0)})),doubleBE:h("doubleBE",8).map((function(e){return e.readDoubleBE(0)})),doubleLE:h("doubleLE",8).map((function(e){return e.readDoubleLE(0)}))},e.exports=i}]));let Ne=Ce;class Ae{static getGrammarForType(e,t,n=e.AttributeAnyValue){if(t instanceof ne){let i=Ae.getGrammarForType(e,t.type,n);return!t.serialized||t.type instanceof String||(i=i.wrap(Ne.string('"'),Ne.string('"'))),i}switch(ie.getType(t)){case Array:return Ne.seqMap(Ne.string("("),t.map((t=>Ae.getGrammarForType(e,ie.getType(t)))).reduce(((t,n)=>n&&t!==e.AttributeAnyValue?t.or(n):e.AttributeAnyValue)).trim(Ne.optWhitespace).sepBy(Ne.string(",")).skip(Ne.regex(/,?\s*/)),Ne.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 re:return e.Reference;case we:return e.Pin;case fe:return e.PinReference;case he:return e.RealUnit;case be:return e.Rotator;case ve:return e.SimpleSerializationRotator;case Ee:return e.SimpleSerializationVector;case String:return e.String;case ye:return e.Vector;default:return n}}static createPropertyGrammar=(e,t,n=Ne.string("=").trim(Ne.optWhitespace))=>e.AttributeName.skip(n).chain((n=>{const i=n.split("."),s=ie.objectGet(t.attributes,i);return Ae.getGrammarForType(e,s,e.AttributeAnyValue).map((e=>t=>ie.objectSet(t,i,e,!0)))}));static createEntityGrammar=(e,t)=>Ne.seqMap(t.lookbehind?Ne.seq(Ne.string(t.lookbehind),Ne.optWhitespace,Ne.string("(")):Ne.string("("),Ae.createPropertyGrammar(e,t).trim(Ne.optWhitespace).sepBy(Ne.string(",")).skip(Ne.regex(/,?/).then(Ne.optWhitespace)),Ne.string(")"),((e,n,i)=>{let s={};return n.forEach((e=>e(s))),new t(s)}));InlineWhitespace=e=>Ne.regex(/[^\S\n]+/).desc("inline whitespace");InlineOptWhitespace=e=>Ne.regex(/[^\S\n]*/).desc("inline optional whitespace");MultilineWhitespace=e=>Ne.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Ne.seq(Ne.string("("),e.InlineOptWhitespace,Ne.string(")")).map((e=>null)).desc("null: ()");Boolean=e=>Ne.alt(Ne.string("True"),Ne.string("true"),Ne.string("False"),Ne.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Ne.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Ne.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");RealNumber=e=>Ne.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>Ne.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>Ne.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=>Ne.regex(/[a-zA-Z]+/).desc("a word");String=e=>Ne.regex(/(?:[^"\\]|\\.)*/).wrap(Ne.string('"'),Ne.string('"')).map(ie.unescapeString).desc('string (with possibility to escape the quote using ")');ReferencePath=e=>Ne.seq(Ne.string("/"),e.PathSymbol.map((e=>e.toString())).sepBy1(Ne.string(".")).tieWith(".")).tie().atLeast(2).tie().desc('a path (words with possibly underscore, separated by ".", separated by "/")');AttributeName=e=>e.Word.sepBy1(Ne.string(".")).tieWith(".").desc('words separated by ""');None=e=>Ne.string("None").map((e=>new re({type:"None",path:""}))).desc("none");Integer=e=>Ne.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=>Ne.regex(/\w+/).map((e=>new le(e)));PathSymbol=e=>Ne.regex(/[0-9\w]+/).map((e=>new ge({value:e})));Reference=e=>Ne.alt(e.None,...[e.ReferencePath.map((e=>new re({type:"",path:e})))].flatMap((e=>[e,e.trim(Ne.string('"'))])),Ne.seqMap(e.Word,Ne.optWhitespace,Ne.alt(...[e.ReferencePath].flatMap((e=>[e.wrap(Ne.string('"'),Ne.string('"')),e.wrap(Ne.string("'\""),Ne.string("\"'"))]))),((e,t,n)=>new re({type:e,path:n}))),e.Word.map((e=>new re({type:e,path:""}))));LocalizedText=e=>Ne.seqMap(Ne.string(me.lookbehind).skip(Ne.optWhitespace).skip(Ne.string("(")),e.String.trim(Ne.optWhitespace),Ne.string(","),e.String.trim(Ne.optWhitespace),Ne.string(","),e.String.trim(Ne.optWhitespace),Ne.string(")"),((e,t,n,i,s,r,o)=>new me({namespace:t,key:i,value:r})));InvariantText=e=>e.String.trim(Ne.optWhitespace).wrap(Ne.string(ce.lookbehind).skip(Ne.optWhitespace).skip(Ne.string("(")),Ne.string(")")).map((e=>new ce({value:e})));AttributeAnyValue=e=>Ne.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=>Ne.seqMap(e.PathSymbol,Ne.whitespace,e.Guid,((e,t,n)=>new fe({objectName:e,pinGuid:n})));Vector=e=>Ae.createEntityGrammar(e,ye);Rotator=e=>Ae.createEntityGrammar(e,be);SimpleSerializationRotator=e=>Ne.seqMap(e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,((e,t,n,i,s)=>new ve({R:s,P:e,Y:n})));SimpleSerializationVector=e=>Ne.seqMap(e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,((e,t,n,i,s)=>new Ee({X:e,Y:n,Z:s})));LinearColor=e=>Ae.createEntityGrammar(e,pe);FunctionReference=e=>Ae.createEntityGrammar(e,oe);KeyBinding=e=>Ne.alt(e.Identifier.map((e=>new de({Key:e}))),Ae.createEntityGrammar(e,de));Pin=e=>Ae.createEntityGrammar(e,we);CustomProperties=e=>Ne.string("CustomProperties").then(Ne.whitespace).then(e.Pin).map((e=>t=>{let n=ie.objectGet(t,["CustomProperties"],[]);n.push(e),ie.objectSet(t,["CustomProperties"],n,!0)}));Object=e=>Ne.seqMap(Ne.seq(Ne.string("Begin"),Ne.whitespace,Ne.string("Object"),Ne.whitespace),Ne.alt(e.CustomProperties,Ae.createPropertyGrammar(e,Pe)).sepBy1(Ne.whitespace),Ne.seq(e.MultilineWhitespace,Ne.string("End"),Ne.whitespace,Ne.string("Object")),((e,t,n)=>{let i={};return t.forEach((e=>e(i))),new Pe(i)}));MultipleObject=e=>e.Object.sepBy1(Ne.whitespace).trim(Ne.optWhitespace);LinearColorFromHex=e=>Ne.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Ne.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=>Ne.seqMap(e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber.map(Number),((e,t,n,i,s)=>new pe({R:e/255,G:n/255,B:s/255,A:1})));LinearColorFromRGB=e=>Ne.string("rgb").then(e.LinearColorFromRGBList.wrap(Ne.regex(/\(\s*/),Ne.regex(/\s*\)/)));LinearColorFromRGBA=e=>Ne.string("rgba").then(Ne.seqMap(e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber.map(Number),Ne.string(",").skip(Ne.optWhitespace),Ne.regex(/0?\.\d+|[01]/).map(Number),((e,t,n,i,s,r,o)=>new pe({R:e/255,G:n/255,B:s/255,A:o}))).wrap(Ne.regex(/\(\s*/),Ne.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Ne.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA)}class $e{static grammar=Ce.createLanguage(new Ae);constructor(e,t="",n=",",i=!1,s="=",r=(e=>e.join("."))){this.entityType=e,this.prefix=t,this.separator=n,this.trailingSeparator=i,this.attributeValueConjunctionSign=s,this.attributeKeyPrinter=r}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 s=te.getSerializer(ie.getType(t));if(!s)throw new Error("Unknown value type, a serializer must be registered in the SerializerFactory class");return s.write(e,t,i)}subWrite(e,t,n,i){let s="",r=t.concat("");const o=r.length-1;for(const t of Object.getOwnPropertyNames(n)){r[o]=t;const a=n[t];if(a?.constructor===Object)s+=(s.length?this.separator:"")+this.subWrite(e,r,a,i);else if(void 0!==a&&this.showProperty(e,n,r,a)){const t=ie.isSerialized(e,r);s+=(s.length?this.separator:"")+this.prefix+this.attributeKeyPrinter(r)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,r,!0)}"`:this.writeValue(e,a,r,i))}}return this.trailingSeparator&&s.length&&1===r.length&&(s+=this.separator),s}showProperty(e,t,n,i){const s=this.entityType.attributes,r=ie.objectGet(s,n);return!(r instanceof ne)||(!ie.equals(r.value,i)||r.showDefault)}}class Le extends $e{constructor(){super(Pe," ","\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 Oe extends Q{#d;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new Le;let i=this;this.#d=e=>i.copied()}listenEvents(){document.body.addEventListener("copy",this.#d)}unlistenEvents(){document.body.removeEventListener("copy",this.#d)}copied(){const e=this.blueprint.getNodes(!0).map((e=>this.serializer.serialize(e.entity,!1))).join("\n\n");navigator.clipboard.writeText(e)}}class Te{static styles=s``;element;#h=[];get inputObjects(){return this.#h}constructed(e){this.element=e}connectedCallback(){}willUpdate(e){}update(e){}render(){return O``}firstUpdated(e){}updated(e){}inputSetup(){this.#h=this.createInputObjects()}cleanup(){this.#h.forEach((e=>e.unlistenDOMElement()))}createInputObjects(){return[]}}class De extends Q{#p;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 de)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.#p=this.options.activationKeys??[];let i=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||i.#p.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.#p.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 Me extends De{constructor(e,t,n={}){n.activationKeys=J.deleteNodesKeyboardKey,super(e,t,n)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Ie 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 Ie{#m;#g;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n),this.strictTarget=n?.strictTarget??!1;let i=this;this.#m=e=>{e.preventDefault();const t=i.locationFromEvent(e);i.wheel(Math.sign(e.deltaY*J.mouseWheelFactor),t)},this.#g=e=>e.preventDefault(),this.blueprint.focused&&this.movementSpace.addEventListener("wheel",this.#m,!1)}listenEvents(){this.movementSpace.addEventListener("wheel",this.#m,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#g)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#m,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#g)}wheel(e,t){}}class He extends _e{#f=!1;get enableZoonIn(){return this.#f}set enableZoonIn(e){(e=Boolean(e))!=this.#f&&(this.#f=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 je extends De{#b;constructor(e,t,n={}){n.activationKeys=J.enableZoomIn,super(e,t,n)}fire(){this.#b=this.blueprint.getInputObject(He),this.#b.enableZoonIn=!0}unfire(){this.#b.enableZoonIn=!1}}class ze extends De{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class Be extends Ie{#v;#y;#E;#w;#S=!1;#P;#k;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.strictTarget??=!1,n.moveEverywhere??=!1,n.movementSpace??=t?.getGridDOMElement(),n.repositionOnClick??=!1,super(e,t,n),this.stepSize=parseInt(n?.stepSize??J.gridSize),this.#P=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#k=this.options.draggableElement;let i=this;this.#v=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)i.options.strictTarget&&e.target!=e.currentTarget||(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#P.addEventListener("mousemove",i.#y),document.addEventListener("mouseup",i.#w),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.#w(e)},this.#y=e=>{i.options.consumeEvent&&e.stopImmediatePropagation(),i.#P.removeEventListener("mousemove",i.#y),i.#P.addEventListener("mousemove",i.#E);const t=i.getEvent(J.trackingMouseEventName.begin);i.#S=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.#E=e=>{i.options.consumeEvent&&e.stopImmediatePropagation();const t=i.locationFromEvent(e),n=[e.movementX,e.movementY];i.dragTo(t,n),i.#S&&(i.blueprint.mousePosition=i.locationFromEvent(e))},this.#w=e=>{if(!i.options.exitAnyButton||e.button==i.options.clickButton){if(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#P.removeEventListener("mousemove",i.#y),i.#P.removeEventListener("mousemove",i.#E),document.removeEventListener("mouseup",i.#w),i.started&&i.endDrag(),i.unclicked(),i.#S){const e=i.getEvent(J.trackingMouseEventName.end);i.target.dispatchEvent(e),i.#S=!1}i.started=!1}},this.listenEvents()}listenEvents(){this.#k.addEventListener("mousedown",this.#v),2==this.options.clickButton&&this.#k.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#k.removeEventListener("mousedown",this.#v)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class Fe extends Be{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Re extends Ie{#x=null;#C;#N;#A;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#C=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#N=e=>{i.#x||(e.preventDefault(),this.#x=e.detail.tracker,i.unlistenMouseMove())},this.#A=e=>{i.#x==e.detail.tracker&&(e.preventDefault(),i.#x=null,i.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#C)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#C)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#N),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#N),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#A)}}class Ge extends q{static properties={};#$=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#L;get entity(){return this.#L}set entity(e){this.#L=e}#O;get template(){return this.#O}inputObjects=[];constructor(e,t){super(),this.#L=e,this.#O=t,this.inputObjects=[],this.#O.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.#$.forEach((t=>t(e))),this.#$=[]}disconnectedCallback(){super.disconnectedCallback(),this.template.cleanup()}addNextUpdatedCallbacks(e,t=!1){this.#$.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 Ue extends Ge{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1}};static dragEventName=J.dragEventName;static dragGeneralEventName=J.dragGeneralEventName;constructor(...e){super(...e),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 Ve extends Ue{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 Be{constructor(e,t,n={}){n.consumeEvent=!0,super(e,t,n)}}class Ke extends Ge{static properties={...super.properties,initialPositionX:{type:Number,attribute:!1},initialPositionY:{type:Number,attribute:!1},finaPositionX:{type:Number,attribute:!1},finaPositionY:{type:Number,attribute:!1}};constructor(...e){super(...e),this.initialPositionX=0,this.initialPositionY=0,this.finaPositionX=0,this.finaPositionY=0}setBothLocations([e,t]){this.initialPositionX=e,this.initialPositionY=t,this.finaPositionX=e,this.finaPositionY=t}addSourceLocation([e,t]){this.initialPositionX+=e,this.initialPositionY+=t}addDestinationLocation([e,t]){this.finaPositionX+=e,this.finaPositionY+=t}}class Xe extends Te{update(e){super.update(e),e.has("initialPositionX")&&this.element.style.setProperty("--ueb-from-x",`${this.element.initialPositionX}`),e.has("initialPositionY")&&this.element.style.setProperty("--ueb-from-y",`${this.element.initialPositionY}`),e.has("finaPositionX")&&this.element.style.setProperty("--ueb-to-x",`${this.element.finaPositionX}`),e.has("finaPositionY")&&this.element.style.setProperty("--ueb-to-y",`${this.element.finaPositionY}`)}}class Ye extends Xe{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 s=>st[0]?t[1]:n*s+i}static c1DecreasingValue=Ye.decreasingValue(-.15,[100,15]);static c2DecreasingValue=Ye.decreasingValue(-.06,[500,130]);static c2Clamped=Ye.clampedLine([0,100],[200,30]);willUpdate(e){super.willUpdate(e);const t=Math.max(Math.abs(this.element.initialPositionX-this.element.finaPositionX),1),n=Math.max(t,J.linkMinWidth),i=t/n,s=this.element.originatesFromInput?this.element.initialPositionX ${""!=this.element.linkMessageIcon||""!=this.element.linkMessageText?O`
${this.element.linkMessageText}
`:O``}`}}class qe extends Ke{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}};#T;get sourcePin(){return this.#T}set sourcePin(e){this.#D(e,!1)}#M;get destinationPin(){return this.#M}set destinationPin(e){this.#D(e,!0)}#I;#_;#H;#j;#z;pathElement;constructor(e,t){super({},new Ye);const n=this;this.#I=()=>n.remove(),this.#_=e=>n.addSourceLocation(e.detail.value),this.#H=e=>n.addDestinationLocation(e.detail.value),this.#j=e=>n.setSourceLocation(),this.#z=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.finaPositionX=this.initialPositionX,this.finaPositionY=this.initialPositionY)),t&&(this.destinationPin=t,e||(this.initialPositionX=this.finaPositionX,this.initialPositionY=this.finaPositionY)),this.#B()}#D(e,t){const n=()=>t?this.destinationPin:this.sourcePin;if(n()!=e){if(n()){const e=n().getNodeElement();e.removeEventListener(J.nodeDeleteEventName,this.#I),e.removeEventListener(J.nodeDragEventName,t?this.#H:this.#_),e.removeEventListener(J.nodeReflowEventName,t?this.#z:this.#j),this.#F()}if(t?this.#M=e:this.#T=e,n()){const e=n().getNodeElement();e.addEventListener(J.nodeDeleteEventName,this.#I),e.addEventListener(J.nodeDragEventName,t?this.#H:this.#_),e.addEventListener(J.nodeReflowEventName,t?this.#z:this.#j),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#B()}}}#B(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#F(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin),this.destinationPin.unlinkFrom(this.sourcePin))}disconnectedCallback(){super.disconnectedCallback(),this.#F(),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.initialPositionX=t,this.initialPositionY=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.finaPositionX=e[0],this.finaPositionY=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",qe);class Ze extends Be{#R;#G;#U;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#G=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.#U=e=>{i.enteredPin==e.target&&(i.enteredPin=null,i.linkValid=!1,i.link?.setMessagePlaceNode())}}startDrag(e){this.link=new qe(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#R=this.blueprint.querySelectorAll("ueb-pin"),this.#R.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#G),e.getClickableElement().addEventListener("mouseleave",this.#U))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#R.forEach((e=>{e.removeEventListener("mouseenter",this.#G),e.removeEventListener("mouseleave",this.#U)})),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.#R=null}}class Je extends Te{connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new Ze(this.element.clickableElement,this.element.blueprint,{moveEverywhere:!0})]}render(){const e=O`
${this.renderIcon()}
`,t=O`
${this.element.getPinDisplayName()} ${this.renderInput()}
`;return O`
${this.element.isInput()?O`${e}${t}`:O`${t}${e}`}
`}renderIcon(){return O``}renderInput(){return O``}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 Qe extends Je{#V;firstUpdated(e){super.firstUpdated(e),this.#V=this.element.querySelector(".ueb-pin-input");let t=this;this.onChangeHandler=e=>this.element.setDefaultValue(!!t.#V.checked),this.#V.addEventListener("change",this.onChangeHandler)}cleanup(){super.cleanup(),this.#V.removeEventListener("change",this.onChangeHandler)}createInputObjects(){return[...super.createInputObjects(),new We(this.#V,this.element.blueprint)]}getInputs(){return[this.#V.checked?"true":"false"]}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}renderInput(){return this.element.isInput()?O``:super.renderInput()}}class et extends Je{renderIcon(){return O``}}class tt extends Be{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,s]=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]+=s[0]-this.target.locationX,t[1]+=s[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 nt extends Te{getDraggableElement(){return this.element}createDraggableObject(){return new tt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}update(e){super.update(e),e.has("locationX")&&this.element.style.setProperty("--ueb-position-x",`${this.element.locationX}`),e.has("locationY")&&this.element.style.setProperty("--ueb-position-y",`${this.element.locationY}`)}}class it extends nt{#W;connectedCallback(){super.connectedCallback(),this.window=this.element.closest("ueb-window"),this.movementSpace=this.element.parentElement;const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new tt(this.element,this.element.blueprint,{draggableElement:this.element.parentElement,ignoreTranslateCompensate:!0,moveEverywhere:!0,movementSpace:this.element.parentElement,repositionOnClick:!0,stepSize:1})}adjustLocation([e,t]){const n=Math.round(this.movementSpaceSize[0]/2);e-=n,t=-(t-n);let[i,s]=ie.getPolarCoordinates([e,t]);return i=Math.min(i,n),[e,t]=ie.getCartesianCoordinates([i,s]),e=Math.round(e+n),t=Math.round(-t+n),this.#W?.([e,t]),[e,t]}setLocationChangeCallback(e){this.#W=e}}class st extends Ue{windowElement;constructor(){super({},new it)}connectedCallback(){super.connectedCallback(),this.windowElement=this.closest("ueb-window")}setLocation([e,t]){super.setLocation(this.template.adjustLocation([e,t]))}computeColor(){return new pe}}customElements.define("ueb-color-handler",st);class rt extends nt{static windowName=O`Window`;toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new tt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),ignoreTranslateCompensate:!0,movementSpace:this.element.blueprint,stepSize:1})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}render(){return O`
${this.constructor.windowName}
${this.renderContent()}
`}renderContent(){return O``}}class ot extends rt{static windowName=O`Color Picker`;#K;get color(){return this.#K}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#K),this.#K=e)}connectedCallback(){super.connectedCallback(),this.color=this.element.windowOptions.getPinColor()}firstUpdated(e){const t=new st;new st,t.template.setLocationChangeCallback((([e,t])=>{this.color=pe.fromWheelLocation(e,t)})),this.element.querySelector(".ueb-color-picker-wheel").appendChild(new st)}renderContent(){return O`
`}cleanup(){this.element.blueprint.removeEventListener(J.colorWindowEventName,this.colorWindowHandler)}}class at extends Je{#X;get inputContentElements(){return this.#X}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.#X=[...this.element.querySelectorAll(".ueb-pin-input-content")],this.#X.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.#X.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(){super.cleanup(),this.#X.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(){return[...super.createInputObjects(),...this.#X.map((e=>new We(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#X.map((e=>e.innerHTML.replaceAll(" "," ").replaceAll("
","\n")))}setInputs(e=[],t=!0){this.#X.forEach(((t,n)=>t.innerText=e[n])),t&&this.setDefaultValue(e.map((e=>at.stringFromInputToUE(e))),e)}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.reduce(((e,t)=>e+t),""))}renderInput(){return this.element.isInput()?O`
`:O``}}class lt extends Ie{#v;#w;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.#v=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.#w),i.clickedPosition=i.locationFromEvent(e),i.clicked(i.clickedPosition));else i.options.exitAnyButton||i.#w(e)},this.#w=e=>{i.options.exitAnyButton&&e.button!=i.options.clickButton||(i.options.consumeEvent&&e.stopImmediatePropagation(),document.removeEventListener("mouseup",i.#w),i.unclicked())},this.listenEvents()}listenEvents(){this.target.addEventListener("mousedown",this.#v),2==this.options.clickButton&&this.target.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.target.removeEventListener("mousedown",this.#v)}clicked(e){}unclicked(e){}}class ut extends Ue{static#Y={window:rt,"color-picker":ot};static properties={...Ue.properties,type:{type:rt,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>ut.#Y[e],toAttribute:(e,t)=>Object.entries(ut.#Y).find((([t,n])=>e==n))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=ut.#Y[e.type]),e.type??=rt,e.windowOptions??={},super({},new e.type),this.type=e.type,this.windowOptions=e.windowOptions}disconnectedCallback(){super.disconnectedCallback(),this.dispatchCloseEvent()}dispatchCloseEvent(e){let t=new CustomEvent(J.windowCloseEventName,{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}customElements.define("ueb-window",ut);class ct extends lt{#q;clicked(e){}unclicked(e){this.#q=new ut({type:this.options.windowType,windowOptions:this.options.windowOptions}),this.blueprint.append(this.#q)}}class dt extends at{#V;firstUpdated(e){super.firstUpdated(e),this.#V=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new ct(this.#V,this.element.blueprint,{moveEverywhere:!0,windowType:ot,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}})]}getInputs(){return[this.#V.dataset.linearColor]}setInputs(e=[]){}renderInput(){return this.element.isInput()?O``:super.renderInput()}}class ht extends at{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 pt extends at{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 mt extends pt{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return this.element.isInput()?O`
`:O``}}class gt extends Je{renderIcon(){return O``}}class ft extends pt{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()?O`
X
Y
Z
`:O``}}class bt extends at{}class vt extends pt{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()?O`
X
Y
Z
`:O``}}class yt extends Ge{static#Y={"/Script/CoreUObject.LinearColor":dt,"/Script/CoreUObject.Rotator":ft,"/Script/CoreUObject.Vector":vt,bool:Qe,exec:et,MUTABLE_REFERENCE:gt,name:ht,real:mt,string:bt};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 yt.#Y[e.PinType.bIsReference&&!e.PinType.bIsConst?"MUTABLE_REFERENCE":e.getType()]??Je}nodeElement;clickableElement;connections=0;constructor(e){super(e,new(yt.getTypeTemplate(e))),this.advancedView=e.bAdvancedView,this.defaultValue=e.getDefaultValue(),this.pinType=this.entity.getType(),this.color=this.constructor.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 qe(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",yt);class Et extends tt{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 wt extends nt{getDraggableElement(){return this.element}createDraggableObject(){return new Et(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class St extends wt{toggleAdvancedDisplayHandler;render(){return O`
${this.element.nodeDisplayName}
${"DevelopmentOnly"==this.element.enabledState?.toString()?O`
Development Only
`:D} ${this.element.advancedPinDisplay?O`
`:D}
`}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 Pt extends Ve{static properties={...Ve.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.#Z.forEach((t=>t.blueprint=e))}#J;get nodeNameElement(){return this.#J}set nodeNameElement(e){this.#J=e}#Z;constructor(e){super(e,new St),this.#Z=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new yt(e))),this.#Z.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(Pe).deserialize(e);return new Pt(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 fe({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#Z}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(e){let t=new CustomEvent(J.nodeDeleteEventName,{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}dispatchReflowEvent(){let e=new CustomEvent(J.nodeReflowEventName,{bubbles:!0,cancelable:!0});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",Pt);class kt extends Q{#Q;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new Le;let i=this;this.#Q=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#Q)}unlistenEvents(){document.body.removeEventListener("paste",this.#Q)}pasted(e){let t=0,n=0,i=0,s=this.serializer.readMultiple(e).map((e=>{let s=new Pt(e);return t+=s.locationY,n+=s.locationX,++i,s}));t/=i,n/=i,s.length>0&&this.blueprint.unselectAll();let r=this.blueprint.mousePosition;return s.forEach((e=>{const i=[r[0]-n,r[1]-t];e.addLocation(i),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...s),!0}}class xt extends Be{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 Ct{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=0&&this.currentPosition=0&&this.currentPosition0?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 Nt{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new Ct((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new Ct((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 s={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=s,i(e,!1);const r=n(e);this.initialPosition[1]{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&&e[0]this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,n(this.boundaries.primaryP.i,this.initialPosition[0]{this.selectFunc(this.rectangles[t],n),this.computeBoundaries(),this.selectTo(e)};e[1]this.boundaries.secondaryN.v&&e[1]this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,i(this.boundaries.secondaryP.i,this.initialPosition[1]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 Ot 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(Ot.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Oe(this.element.getGridDOMElement(),this.element),new kt(this.element.getGridDOMElement(),this.element),new Me(this.element.getGridDOMElement(),this.element),new ze(this.element.getGridDOMElement(),this.element),new He(this.element.getGridDOMElement(),this.element),new xt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new Fe(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new Lt(this.element.getGridDOMElement(),this.element),new Re(this.element.getGridDOMElement(),this.element),new je(this.element.getGridDOMElement(),this.element)]}render(){return O`
1:1
`}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){super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.element.viewportElement.scroll(this.element.scrollX,this.element.scrollY)}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}}class Tt extends Ge{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=Ot.styles;#te=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 Ot),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(),s=[i[0]+e[0],i[1]+e[1]],r=[0,0];for(let t=0;t<2;++t)e[t]<0&&s[t]0&&s[t]>n[t]-J.gridExpandThreshold*J.expandGridSize&&(r[t]=1);0==r[0]&&0==r[1]||this.seamlessExpand(r),i=this.getScroll(),s=[i[0]+e[0],i[1]+e[1]],this.setScroll(s,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,s=[i*t[0],i*t[1]];this.scrollDelta([(s[0]-t[0])*n,(s[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 Pt&&!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.#te[e]=this.#te[e]??-1;do{++this.#te[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#te[e]))));n.rename(J.nodeName(e,this.#te[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof qe&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof Pt)).forEach((t=>t.sanitizeLinks(e)))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof Pt?this.nodes:t instanceof qe?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",Tt);class Dt extends $e{constructor(e,t,n,i,s,r,o){e=e??(e=>`(${e})`),super(t,n,i,s,r,o),this.wrap=e}read(e){const t=Ae.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 Mt extends Dt{#ne;constructor(e,t){super(void 0,t),this.#ne=e}write(e,t,n=!1){return this.#ne(t,n)}}class It extends Dt{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 Mt(((e,t)=>"()"),null)),te.registerSerializer(Array,new Mt(((e,t)=>`(${e.map((e=>te.getSerializer(ie.getType(e)).serialize(e,t)+",")).join("")})`),Array)),te.registerSerializer(Boolean,new Mt(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),te.registerSerializer(oe,new Dt(e,oe)),te.registerSerializer(ae,new It(ae)),te.registerSerializer(le,new It(le)),te.registerSerializer(ue,new It(ue)),te.registerSerializer(ce,new Dt((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),te.registerSerializer(de,new Dt(e,de)),te.registerSerializer(pe,new Dt(e,pe)),te.registerSerializer(me,new Dt((e=>`${me.lookbehind}(${e})`),me,"",", ",!1,"",(e=>""))),te.registerSerializer(Number,new Mt((e=>e.toString()),Number)),te.registerSerializer(Pe,new Le),te.registerSerializer(re,new Mt((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),re)),te.registerSerializer(ge,new It(ge)),te.registerSerializer(we,new Dt((e=>`${we.lookbehind} (${e})`),we,"",",",!0)),te.registerSerializer(fe,new Dt((e=>e),fe,""," ",!1,"",(e=>""))),te.registerSerializer(he,new It(he)),te.registerSerializer(be,new Dt(e,be)),te.registerSerializer(String,new Mt(((e,t)=>t?ie.escapeString(e):`"${ie.escapeString(e)}"`),String)),te.registerSerializer(ve,new Mt(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),ve)),te.registerSerializer(Ee,new Mt(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Ee)),te.registerSerializer(ye,new Dt(e,ye))}();export{Tt as Blueprint,J as Configuration,qe as LinkElement,Pt as NodeElement}; +var X,Y;null==K||K(H,B),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:globalThis.litHtmlVersions=[]).push("2.2.7");class q 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,s;const r=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:t;let o=r._$litPart$;if(void 0===o){const e=null!==(s=null==n?void 0:n.renderBefore)&&void 0!==s?s:null;r._$litPart$=o=new B(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 O}}q.finalized=!0,q._$litElement$=!0,null===(X=globalThis.litElementHydrateSupport)||void 0===X||X.call(globalThis,{LitElement:q});const Z=globalThis.litElementPolyfillSupport;null==Z||Z({LitElement:q}),(null!==(Y=globalThis.litElementVersions)&&void 0!==Y?Y: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=s``;static gridAxisLineColor=s``;static gridExpandThreshold=.25;static gridLineColor=s``;static gridLineWidth=1;static gridSet=8;static gridSetLineColor=s``;static gridShrinkThreshold=4;static gridSize=16;static hexColorRegex=/^\s*#(?[0-9a-fA-F]{2})(?[0-9a-fA-F]{2})(?[0-9a-fA-F]{2})([0-9a-fA-F]{2})?|#(?[0-9a-fA-F])(?[0-9a-fA-F])(?[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":s``,"/Script/CoreUObject.Rotator":s``,"/Script/CoreUObject.Transform":s``,"/Script/CoreUObject.Vector":s``,bool:s``,default:s``,exec:s``,name:s``,real:s``,string:s``};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};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){this.#e=e,this.#t=t,n.consumeEvent??=!1,n.listenOnFocus??=!1,n.unlistenOnTextEdit??=!1,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{#s;get type(){return this.#s}set type(e){this.#s=e}#r=!0;get showDefault(){return this.#r}set showDefault(e){this.#r=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}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){void 0===n&&(n=e instanceof Array?[]:i?"":ne.sanitize(new e)),this.#s=e,this.#r=t,this.#o=n,this.#a=i}}class ie{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 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,s=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 s),ie.objectSet(e[t[0]],t.slice(1),n,i,s);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(this[e])}))}}})}return!0}unsubscribe(e,t){let n=this.#l.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,s="")=>{for(let r of ie.mergeArrays(Object.getOwnPropertyNames(n),Object.getOwnPropertyNames(i??{}))){let o=ie.objectGet(i,[r]),a=n[r],l=ie.getType(a);if(a instanceof ee&&(a=a.calculate(this),l=ie.getType(a)),r in n?r in i||void 0===a||a instanceof ne&&!a.showDefault||console.warn(`${this.constructor.name}.properties will add property ${s}${r} not defined in the serialized data`):console.warn(`Property ${s}${r} in the serialized data is not defined in ${this.constructor.name}.properties`),l!==Object)if(void 0===o){if(a instanceof ne){if(!a.showDefault){e[r]=void 0;continue}a.serialized?a="":(l=a.type,a=a.value)}a instanceof Array&&(a=[]),e[r]=ne.sanitize(a,l)}else o?.constructor===String&&a instanceof ne&&a.serialized&&a.type!==String&&(o=te.getSerializer(a.type).deserialize(o)),e[r]=ne.sanitize(o,ie.getType(a));else e[r]={},t(e[r],n[r],i[r],r+".")}},n=this.constructor.attributes;e.constructor!==Object&&1==Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),t(this,n,e)}}class re extends se{static attributes={type:String,path:String};constructor(e={}){super(e),this.type,this.path}}class oe extends se{static attributes={MemberParent:re,MemberName:""};constructor(e={}){super(e),this.MemberParent,this.MemberName}}class ae extends se{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 se{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 se{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 se{static lookbehind="INVTEXT";static attributes={value:String};constructor(e={}){super(e),this.value}}class de extends se{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 he extends se{static attributes={value:Number};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 se{static attributes={R:he,G:he,B:he,A:new he(1)};static fromWheelLocation([e,t],n,i,s){e-=n,t-=n;const[r,o]=ie.getPolarCoordinates([e,t],!0);return pe.fromHSVA([1-o/(2*Math.PI),r/n,i,s])}static fromHSVA([e,t,n,i=1]){const s=Math.floor(6*e),r=6*e-s,o=n*(1-t),a=[n,n*(1-r*t),o,o,n*(1-(1-r)*t),n],[l,u,c]=[a[s%6],a[(s+2)%6],a[(s+4)%6]];return new pe({R:l,G:u,B:c,A:i})}constructor(e={}){super(e),this.R,this.G,this.B,this.A}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)]}toHSVA(){const[e,t,n,i]=[this.R.value,this.G.value,this.B.value,this.A.value],s=Math.max(e,t,n),r=Math.min(e,t,n),o=s-r;let a;const l=0==s?0:o/s,u=s;switch(s){case r:a=0;break;case e:a=(t-n)/o+(tnew ne(we.getEntityType(e.getType(),!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new ne(String,!1),DefaultObject:new ne(re,!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.#u[e],this.#c[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 se{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class Pe extends se{static attributes={Class:re,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(re,!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(Pe.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 ke(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xe={exports:{}};"undefined"!=typeof self&&self;var Ce=ke(xe.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var s=t[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,n),s.l=!0,s.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 s=i.prototype;function r(e,t){for(var n=0;n>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 d(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,s=t/8,r=(n=function(e){return e>48},o((function(e,t){return e||(n(t)?t:e)}),null,e));if(r)throw new Error(r+" bit range requested exceeds 48 bit (6 byte) Number max.");return new i((function(t,n){var i=s+n;return i>t.length?S(n,s.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 h(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),h("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),h("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function v(e){return p("intBE",e),h("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function b(e){return p("intLE",e),h("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 P(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),s=0;s=0;){if(o in n){i=n[o].line,0===r&&(r=n[o].lineStart);break}("\n"===e.charAt(o)||"\r"===e.charAt(o)&&"\n"!==e.charAt(o+1))&&(s++,0===r&&(r=o+1)),o--}var a=i+s,l=t-r;return n[t]={line:a,lineStart:r},{offset:t,line:a+1,column:l+1}}function C(e){if(!f(e))throw new Error("not a parser: "+e)}function N(e,t){return"string"==typeof e?e.charAt(t):e[t]}function A(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 T=2,O=3,D=8,M=5*D,_=4*D,I=" ";function H(e,t){return new Array(t+1).join(e)}function j(e,t,n){var i=t-e.length;return i<=0?e:H(n,i)+e}function z(e,t,n,i){return{from:e-t>0?e-t:0,to:e+n>i?i:e+n}}function B(e,t){var n,i,s,r,l,u=t.index,c=u.offset,d=1;if(c===e.length)return"Got the end of the input";if(E(e)){var h=c-c%D,p=c-h,m=z(h,M,_+D,e.length),g=a((function(e){return a((function(e){return j(e.toString(16),2,"0")}),e)}),function(e,t){var n=e.length,i=[],s=0;if(n<=t)return[e.slice()];for(var r=0;r=4&&(n+=1),d=2,s=a((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+" "+e.slice(4).join(" ")}),g),(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2)}else{var v=e.split(/\r\n|[\n\r\u2028\u2029]/);n=u.column-1,i=u.line-1,r=z(i,T,O,v.length),s=v.slice(r.from,r.to),l=r.to.toString().length}var b=i-r.from;return E(e)&&(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2),o((function(t,i,s){var o,a=s===b,u=a?"> ":I;return o=E(e)?j((8*(r.from+s)).toString(16),l,"0"):j((r.from+s+1).toString(),l," "),[].concat(t,[u+o+" | "+i],a?[I+H(" ",l)+" | "+j("",n," ")+H("^",d)]:[])}),[],s).join("\n")}function F(e,t){return["\n","-- PARSING FAILED "+H("-",50),"\n\n",B(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 R(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 U(){for(var e=[].slice.call(arguments),t=e.length,n=0;n=2?A(t):t=0;var n=function(e){return RegExp("^(?:"+e.source+")",R(e))}(e),s=""+e;return i((function(e,i){var r=n.exec(e.slice(i));if(r){if(0<=t&&t<=r.length){var o=r[0],a=r[t];return w(i+o.length,a)}return S(i,"valid match group (0 to "+r.length+") in "+s)}return S(i,s)}))}function q(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(X(e));if(e instanceof RegExp)return J(Y(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),s=t.slice(n,i.index);return i.status?S(n,'not "'+s+'"'):w(n,null)}))}function ee(e){return $(e),i((function(t,n){var i=N(t,n);return n=e.length?S(t,"any character/byte"):w(t+1,N(e,t))})),re=i((function(e,t){return w(e.length,e.slice(t))})),oe=i((function(e,t){return t=0})).desc(t)},i.optWhitespace=de,i.Parser=i,i.range=function(e,t){return ee((function(n){return e<=n&&n<=t})).desc(e+"-"+t)},i.regex=Y,i.regexp=Y,i.sepBy=W,i.sepBy1=K,i.seq=U,i.seqMap=G,i.seqObj=function(){for(var e,t={},n=0,s=(e=arguments,Array.prototype.slice.call(e)),r=s.length,o=0;o255)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 s=N(n,i);return s===e?w(i+1,s):S(i,t)}))},buffer:function(e){return h("buffer",e).map((function(e){return Buffer.from(e)}))},encodedString:function(e,t){return h("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:h("floatBE",4).map((function(e){return e.readFloatBE(0)})),floatLE:h("floatLE",4).map((function(e){return e.readFloatLE(0)})),doubleBE:h("doubleBE",8).map((function(e){return e.readDoubleBE(0)})),doubleLE:h("doubleLE",8).map((function(e){return e.readDoubleLE(0)}))},e.exports=i}]));let Ne=Ce;class Ae{static getGrammarForType(e,t,n=e.AttributeAnyValue){if(t instanceof ne){let i=Ae.getGrammarForType(e,t.type,n);return!t.serialized||t.type instanceof String||(i=i.wrap(Ne.string('"'),Ne.string('"'))),i}switch(ie.getType(t)){case Array:return Ne.seqMap(Ne.string("("),t.map((t=>Ae.getGrammarForType(e,ie.getType(t)))).reduce(((t,n)=>n&&t!==e.AttributeAnyValue?t.or(n):e.AttributeAnyValue)).trim(Ne.optWhitespace).sepBy(Ne.string(",")).skip(Ne.regex(/,?\s*/)),Ne.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 re:return e.Reference;case we:return e.Pin;case ve:return e.PinReference;case he: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 createPropertyGrammar=(e,t,n=Ne.string("=").trim(Ne.optWhitespace))=>e.AttributeName.skip(n).chain((n=>{const i=n.split("."),s=ie.objectGet(t.attributes,i);return Ae.getGrammarForType(e,s,e.AttributeAnyValue).map((e=>t=>ie.objectSet(t,i,e,!0)))}));static createEntityGrammar=(e,t)=>Ne.seqMap(t.lookbehind?Ne.seq(Ne.string(t.lookbehind),Ne.optWhitespace,Ne.string("(")):Ne.string("("),Ae.createPropertyGrammar(e,t).trim(Ne.optWhitespace).sepBy(Ne.string(",")).skip(Ne.regex(/,?/).then(Ne.optWhitespace)),Ne.string(")"),((e,n,i)=>{let s={};return n.forEach((e=>e(s))),new t(s)}));InlineWhitespace=e=>Ne.regex(/[^\S\n]+/).desc("inline whitespace");InlineOptWhitespace=e=>Ne.regex(/[^\S\n]*/).desc("inline optional whitespace");MultilineWhitespace=e=>Ne.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Ne.seq(Ne.string("("),e.InlineOptWhitespace,Ne.string(")")).map((e=>null)).desc("null: ()");Boolean=e=>Ne.alt(Ne.string("True"),Ne.string("true"),Ne.string("False"),Ne.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Ne.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Ne.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");RealNumber=e=>Ne.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>Ne.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>Ne.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=>Ne.regex(/[a-zA-Z]+/).desc("a word");String=e=>Ne.regex(/(?:[^"\\]|\\.)*/).wrap(Ne.string('"'),Ne.string('"')).map(ie.unescapeString).desc('string (with possibility to escape the quote using ")');ReferencePath=e=>Ne.seq(Ne.string("/"),e.PathSymbol.map((e=>e.toString())).sepBy1(Ne.string(".")).tieWith(".")).tie().atLeast(2).tie().desc('a path (words with possibly underscore, separated by ".", separated by "/")');AttributeName=e=>e.Word.sepBy1(Ne.string(".")).tieWith(".").desc('words separated by ""');None=e=>Ne.string("None").map((e=>new re({type:"None",path:""}))).desc("none");Integer=e=>Ne.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=>Ne.regex(/\w+/).map((e=>new le(e)));PathSymbol=e=>Ne.regex(/[0-9\w]+/).map((e=>new ge({value:e})));Reference=e=>Ne.alt(e.None,...[e.ReferencePath.map((e=>new re({type:"",path:e})))].flatMap((e=>[e,e.trim(Ne.string('"'))])),Ne.seqMap(e.Word,Ne.optWhitespace,Ne.alt(...[e.ReferencePath].flatMap((e=>[e.wrap(Ne.string('"'),Ne.string('"')),e.wrap(Ne.string("'\""),Ne.string("\"'"))]))),((e,t,n)=>new re({type:e,path:n}))),e.Word.map((e=>new re({type:e,path:""}))));LocalizedText=e=>Ne.seqMap(Ne.string(me.lookbehind).skip(Ne.optWhitespace).skip(Ne.string("(")),e.String.trim(Ne.optWhitespace),Ne.string(","),e.String.trim(Ne.optWhitespace),Ne.string(","),e.String.trim(Ne.optWhitespace),Ne.string(")"),((e,t,n,i,s,r,o)=>new me({namespace:t,key:i,value:r})));InvariantText=e=>e.String.trim(Ne.optWhitespace).wrap(Ne.string(ce.lookbehind).skip(Ne.optWhitespace).skip(Ne.string("(")),Ne.string(")")).map((e=>new ce({value:e})));AttributeAnyValue=e=>Ne.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=>Ne.seqMap(e.PathSymbol,Ne.whitespace,e.Guid,((e,t,n)=>new ve({objectName:e,pinGuid:n})));Vector=e=>Ae.createEntityGrammar(e,ye);Rotator=e=>Ae.createEntityGrammar(e,be);SimpleSerializationRotator=e=>Ne.seqMap(e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,((e,t,n,i,s)=>new fe({R:s,P:e,Y:n})));SimpleSerializationVector=e=>Ne.seqMap(e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,Ne.string(",").trim(Ne.optWhitespace),e.Number,((e,t,n,i,s)=>new Ee({X:e,Y:n,Z:s})));LinearColor=e=>Ae.createEntityGrammar(e,pe);FunctionReference=e=>Ae.createEntityGrammar(e,oe);KeyBinding=e=>Ne.alt(e.Identifier.map((e=>new de({Key:e}))),Ae.createEntityGrammar(e,de));Pin=e=>Ae.createEntityGrammar(e,we);CustomProperties=e=>Ne.string("CustomProperties").then(Ne.whitespace).then(e.Pin).map((e=>t=>{let n=ie.objectGet(t,["CustomProperties"],[]);n.push(e),ie.objectSet(t,["CustomProperties"],n,!0)}));Object=e=>Ne.seqMap(Ne.seq(Ne.string("Begin"),Ne.whitespace,Ne.string("Object"),Ne.whitespace),Ne.alt(e.CustomProperties,Ae.createPropertyGrammar(e,Pe)).sepBy1(Ne.whitespace),Ne.seq(e.MultilineWhitespace,Ne.string("End"),Ne.whitespace,Ne.string("Object")),((e,t,n)=>{let i={};return t.forEach((e=>e(i))),new Pe(i)}));MultipleObject=e=>e.Object.sepBy1(Ne.whitespace).trim(Ne.optWhitespace);LinearColorFromHex=e=>Ne.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Ne.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=>Ne.seqMap(e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber.map(Number),((e,t,n,i,s)=>new pe({R:e/255,G:n/255,B:s/255,A:1})));LinearColorFromRGB=e=>Ne.string("rgb").then(e.LinearColorFromRGBList.wrap(Ne.regex(/\(\s*/),Ne.regex(/\s*\)/)));LinearColorFromRGBA=e=>Ne.string("rgba").then(Ne.seqMap(e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber,Ne.string(",").skip(Ne.optWhitespace),e.ColorNumber.map(Number),Ne.string(",").skip(Ne.optWhitespace),Ne.regex(/0?\.\d+|[01]/).map(Number),((e,t,n,i,s,r,o)=>new pe({R:e/255,G:n/255,B:s/255,A:o}))).wrap(Ne.regex(/\(\s*/),Ne.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Ne.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA)}class $e{static grammar=Ce.createLanguage(new Ae);constructor(e,t="",n=",",i=!1,s="=",r=(e=>e.join("."))){this.entityType=e,this.prefix=t,this.separator=n,this.trailingSeparator=i,this.attributeValueConjunctionSign=s,this.attributeKeyPrinter=r}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 s=te.getSerializer(ie.getType(t));if(!s)throw new Error("Unknown value type, a serializer must be registered in the SerializerFactory class");return s.write(e,t,i)}subWrite(e,t,n,i){let s="",r=t.concat("");const o=r.length-1;for(const t of Object.getOwnPropertyNames(n)){r[o]=t;const a=n[t];if(a?.constructor===Object)s+=(s.length?this.separator:"")+this.subWrite(e,r,a,i);else if(void 0!==a&&this.showProperty(e,n,r,a)){const t=ie.isSerialized(e,r);s+=(s.length?this.separator:"")+this.prefix+this.attributeKeyPrinter(r)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,r,!0)}"`:this.writeValue(e,a,r,i))}}return this.trailingSeparator&&s.length&&1===r.length&&(s+=this.separator),s}showProperty(e,t,n,i){const s=this.entityType.attributes,r=ie.objectGet(s,n);return!(r instanceof ne)||(!ie.equals(r.value,i)||r.showDefault)}}class Le extends $e{constructor(){super(Pe," ","\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 Te extends Q{#d;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new Le;let i=this;this.#d=e=>i.copied()}listenEvents(){document.body.addEventListener("copy",this.#d)}unlistenEvents(){document.body.removeEventListener("copy",this.#d)}copied(){const e=this.blueprint.getNodes(!0).map((e=>this.serializer.serialize(e.entity,!1))).join("\n\n");navigator.clipboard.writeText(e)}}class Oe{static styles=s``;element;#h=[];get inputObjects(){return this.#h}constructed(e){this.element=e}connectedCallback(){}willUpdate(e){}update(e){}render(){return T``}firstUpdated(e){}updated(e){}inputSetup(){this.#h=this.createInputObjects()}cleanup(){this.#h.forEach((e=>e.unlistenDOMElement()))}createInputObjects(){return[]}}class De extends Q{#p;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 de)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.#p=this.options.activationKeys??[];let i=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||i.#p.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.#p.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 Me extends De{constructor(e,t,n={}){n.activationKeys=J.deleteNodesKeyboardKey,super(e,t,n)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class _e 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 Ie extends _e{#m;#g;constructor(e,t,n={}){n.listenOnFocus=!0,n.strictTarget??=!1,super(e,t,n),this.strictTarget=n.strictTarget;const i=this;this.#m=e=>{e.preventDefault();const t=i.locationFromEvent(e);i.wheel(Math.sign(e.deltaY*J.mouseWheelFactor),t)},this.#g=e=>e.preventDefault(),this.blueprint.focused&&this.movementSpace.addEventListener("wheel",this.#m,!1)}listenEvents(){this.movementSpace.addEventListener("wheel",this.#m,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#g)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#m,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#g)}wheel(e,t){}}class He extends Ie{#v=!1;get enableZoonIn(){return this.#v}set enableZoonIn(e){(e=Boolean(e))!=this.#v&&(this.#v=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 je extends De{#b;constructor(e,t,n={}){n.activationKeys=J.enableZoomIn,super(e,t,n)}fire(){this.#b=this.blueprint.getInputObject(He),this.#b.enableZoonIn=!0}unfire(){this.#b.enableZoonIn=!1}}class ze extends De{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class Be extends _e{#f;#y;#E;#w;#S=!1;#P;#k;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.#P=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#k=this.options.draggableElement;let i=this;this.#f=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)i.options.strictTarget&&e.target!=e.currentTarget||(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#P.addEventListener("mousemove",i.#y),document.addEventListener("mouseup",i.#w),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.#w(e)},this.#y=e=>{i.options.consumeEvent&&e.stopImmediatePropagation(),i.#P.removeEventListener("mousemove",i.#y),i.#P.addEventListener("mousemove",i.#E);const t=i.getEvent(J.trackingMouseEventName.begin);i.#S=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.#E=e=>{i.options.consumeEvent&&e.stopImmediatePropagation();const t=i.locationFromEvent(e),n=[e.movementX,e.movementY];i.dragTo(t,n),i.#S&&(i.blueprint.mousePosition=i.locationFromEvent(e))},this.#w=e=>{if(!i.options.exitAnyButton||e.button==i.options.clickButton){if(i.options.consumeEvent&&e.stopImmediatePropagation(),i.#P.removeEventListener("mousemove",i.#y),i.#P.removeEventListener("mousemove",i.#E),document.removeEventListener("mouseup",i.#w),i.started&&i.endDrag(),i.unclicked(),i.#S){const e=i.getEvent(J.trackingMouseEventName.end);i.target.dispatchEvent(e),i.#S=!1}i.started=!1}},this.listenEvents()}listenEvents(){this.#k.addEventListener("mousedown",this.#f),2==this.options.clickButton&&this.#k.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#k.removeEventListener("mousedown",this.#f)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class Fe extends Be{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Re extends _e{#x=null;#C;#N;#A;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#C=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#N=e=>{i.#x||(e.preventDefault(),this.#x=e.detail.tracker,i.unlistenMouseMove())},this.#A=e=>{i.#x==e.detail.tracker&&(e.preventDefault(),i.#x=null,i.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#C)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#C)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#N),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#N),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#A)}}class Ue extends q{static properties={};#$=[];#t;get blueprint(){return this.#t}set blueprint(e){this.#t=e}#L;get entity(){return this.#L}set entity(e){this.#L=e}#T;get template(){return this.#T}inputObjects=[];constructor(e,t){super(),this.#L=e,this.#T=t,this.inputObjects=[],this.#T.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.#$.forEach((t=>t(e))),this.#$=[]}disconnectedCallback(){super.disconnectedCallback(),this.template.cleanup()}addNextUpdatedCallbacks(e,t=!1){this.#$.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 Ge extends Ue{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 Ve extends Ge{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 Be{constructor(e,t,n={}){n.consumeEvent=!0,super(e,t,n)}}class Ke extends Ue{static properties={...super.properties,initialPositionX:{type:Number,attribute:!1},initialPositionY:{type:Number,attribute:!1},finaPositionX:{type:Number,attribute:!1},finaPositionY:{type:Number,attribute:!1}};constructor(...e){super(...e),this.initialPositionX=0,this.initialPositionY=0,this.finaPositionX=0,this.finaPositionY=0}setBothLocations([e,t]){this.initialPositionX=e,this.initialPositionY=t,this.finaPositionX=e,this.finaPositionY=t}addSourceLocation([e,t]){this.initialPositionX+=e,this.initialPositionY+=t}addDestinationLocation([e,t]){this.finaPositionX+=e,this.finaPositionY+=t}}class Xe extends Oe{update(e){super.update(e),e.has("initialPositionX")&&this.element.style.setProperty("--ueb-from-x",`${this.element.initialPositionX}`),e.has("initialPositionY")&&this.element.style.setProperty("--ueb-from-y",`${this.element.initialPositionY}`),e.has("finaPositionX")&&this.element.style.setProperty("--ueb-to-x",`${this.element.finaPositionX}`),e.has("finaPositionY")&&this.element.style.setProperty("--ueb-to-y",`${this.element.finaPositionY}`)}}class Ye extends Xe{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 s=>st[0]?t[1]:n*s+i}static c1DecreasingValue=Ye.decreasingValue(-.15,[100,15]);static c2DecreasingValue=Ye.decreasingValue(-.06,[500,130]);static c2Clamped=Ye.clampedLine([0,100],[200,30]);willUpdate(e){super.willUpdate(e);const t=Math.max(Math.abs(this.element.initialPositionX-this.element.finaPositionX),1),n=Math.max(t,J.linkMinWidth),i=t/n,s=this.element.originatesFromInput?this.element.initialPositionX ${""!=this.element.linkMessageIcon||""!=this.element.linkMessageText?T`
${this.element.linkMessageText}
`:T``}`}}class qe extends Ke{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}};#O;get sourcePin(){return this.#O}set sourcePin(e){this.#D(e,!1)}#M;get destinationPin(){return this.#M}set destinationPin(e){this.#D(e,!0)}#_;#I;#H;#j;#z;pathElement;constructor(e,t){super({},new Ye);const n=this;this.#_=()=>n.remove(),this.#I=e=>n.addSourceLocation(e.detail.value),this.#H=e=>n.addDestinationLocation(e.detail.value),this.#j=e=>n.setSourceLocation(),this.#z=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.finaPositionX=this.initialPositionX,this.finaPositionY=this.initialPositionY)),t&&(this.destinationPin=t,e||(this.initialPositionX=this.finaPositionX,this.initialPositionY=this.finaPositionY)),this.#B()}#D(e,t){const n=()=>t?this.destinationPin:this.sourcePin;if(n()!=e){if(n()){const e=n().getNodeElement();e.removeEventListener(J.nodeDeleteEventName,this.#_),e.removeEventListener(J.nodeDragEventName,t?this.#H:this.#I),e.removeEventListener(J.nodeReflowEventName,t?this.#z:this.#j),this.#F()}if(t?this.#M=e:this.#O=e,n()){const e=n().getNodeElement();e.addEventListener(J.nodeDeleteEventName,this.#_),e.addEventListener(J.nodeDragEventName,t?this.#H:this.#I),e.addEventListener(J.nodeReflowEventName,t?this.#z:this.#j),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#B()}}}#B(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#F(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin),this.destinationPin.unlinkFrom(this.sourcePin))}disconnectedCallback(){super.disconnectedCallback(),this.#F(),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.initialPositionX=t,this.initialPositionY=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.finaPositionX=e[0],this.finaPositionY=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",qe);class Ze extends Be{#R;#U;#G;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#U=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.#G=e=>{i.enteredPin==e.target&&(i.enteredPin=null,i.linkValid=!1,i.link?.setMessagePlaceNode())}}startDrag(e){this.link=new qe(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#R=this.blueprint.querySelectorAll("ueb-pin"),this.#R.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#U),e.getClickableElement().addEventListener("mouseleave",this.#G))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#R.forEach((e=>{e.removeEventListener("mouseenter",this.#U),e.removeEventListener("mouseleave",this.#G)})),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.#R=null}}class Je extends Oe{connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new Ze(this.element.clickableElement,this.element.blueprint,{moveEverywhere:!0})]}render(){const e=T`
${this.renderIcon()}
`,t=T`
${this.element.getPinDisplayName()} ${this.renderInput()}
`;return T`
${this.element.isInput()?T`${e}${t}`:T`${t}${e}`}
`}renderIcon(){return T``}renderInput(){return T``}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 Qe extends Je{#V;firstUpdated(e){super.firstUpdated(e),this.#V=this.element.querySelector(".ueb-pin-input");let t=this;this.onChangeHandler=e=>this.element.setDefaultValue(t.#V.checked),this.#V.addEventListener("change",this.onChangeHandler)}cleanup(){super.cleanup(),this.#V.removeEventListener("change",this.onChangeHandler)}createInputObjects(){return[...super.createInputObjects(),new We(this.#V,this.element.blueprint)]}renderInput(){return this.element.isInput()?T``:super.renderInput()}}class et extends Je{renderIcon(){return T``}} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const tt=1; +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const nt=(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!==tt||"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 O}});class it extends Be{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,s]=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]+=s[0]-this.target.locationX,t[1]+=s[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 st extends Oe{getDraggableElement(){return this.element}createDraggableObject(){return new it(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}update(e){super.update(e),e.has("locationX")&&this.element.style.setProperty("--ueb-position-x",`${this.element.locationX}`),e.has("locationY")&&this.element.style.setProperty("--ueb-position-y",`${this.element.locationY}`)}}class rt extends st{#W=([e,t],...n)=>[e,t];get locationChangeCallback(){return this.#W}set locationChangeCallback(e){this.#W=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 it(this.element,this.element.blueprint,{draggableElement:this.movementSpace,ignoreTranslateCompensate:!0,moveEverywhere:!0,movementSpace:this.movementSpace,repositionOnClick:!0,stepSize:1})}adjustLocation([e,t]){return this.#W([e,t]),[e,t]}}class ot extends rt{adjustLocation([e,t]){const n=Math.round(this.movementSpaceSize[0]/2);e-=n,t=-(t-n);let[i,s]=ie.getPolarCoordinates([e,t]);i=Math.min(i,n),[e,t]=ie.getCartesianCoordinates([i,s]),e=Math.round(e+n),t=Math.round(-t+n);const r=this.getColor().toHSVA();return this.locationChangeCallback?.([e,t],n,r[2],r[3]),[e,t]}getColor(){return this.element.windowElement.template.color}}class at extends Ge{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 lt extends at{constructor(){super({},new ot)}}customElements.define("ueb-color-handler",lt);class ut extends rt{adjustLocation([e,t]){return 0,t=ie.clamp(t,0,this.movementSpaceSize[1]),this.getColor().toHSVA(),this.locationChangeCallback?.([0,t]),[0,t]}getColor(){return this.element.windowElement.template.color}}class ct extends at{constructor(){super({},new ut)}}customElements.define("ueb-color-slider",ct);class dt extends st{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new it(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),ignoreTranslateCompensate:!0,movementSpace:this.element.blueprint,stepSize:1})}render(){return T`
${this.renderWindowName()}
${this.renderContent()}
`}renderWindowName(){return T`Window`}renderContent(){return T``}}class ht extends dt{#K;get color(){return this.#K}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#K),this.#K=e)}connectedCallback(){super.connectedCallback(),this.color=this.element.windowOptions.getPinColor()}firstUpdated(e){const t=new lt;new lt,new ct,t.template.locationChangeCallback=([e,t],n,i,s)=>{this.color=pe.fromWheelLocation([e,t],n,i,s)},this.element.querySelector(".ueb-color-picker-wheel").appendChild(t)}renderContent(){const[e,t,n]=this.color.toHSVA(),i={"--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":e.toString(),"--ueb-color-s":t.toString(),"--ueb-color-v":n.toString()};return T`
`}renderWindowName(){return T`Color Picker`}}class pt extends Je{#X;get inputContentElements(){return this.#X}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.#X=[...this.element.querySelectorAll(".ueb-pin-input-content")],this.#X.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.#X.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(){super.cleanup(),this.#X.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(){return[...super.createInputObjects(),...this.#X.map((e=>new We(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#X.map((e=>e.innerHTML.replaceAll(" "," ").replaceAll("
","\n")))}setInputs(e=[],t=!0){this.#X.forEach(((t,n)=>t.innerText=e[n])),t&&this.setDefaultValue(e.map((e=>pt.stringFromInputToUE(e))),e)}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.reduce(((e,t)=>e+t),""))}renderInput(){return this.element.isInput()?T`
`:T``}}class mt extends _e{#f;#w;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.#f=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.#w),i.clickedPosition=i.locationFromEvent(e),i.clicked(i.clickedPosition));else i.options.exitAnyButton||i.#w(e)},this.#w=e=>{i.options.exitAnyButton&&e.button!=i.options.clickButton||(i.options.consumeEvent&&e.stopImmediatePropagation(),document.removeEventListener("mouseup",i.#w),i.unclicked())},this.listenEvents()}listenEvents(){this.target.addEventListener("mousedown",this.#f),2==this.options.clickButton&&this.target.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.target.removeEventListener("mousedown",this.#f)}clicked(e){}unclicked(e){}}class gt extends Ge{static#Y={window:dt,"color-picker":ht};static properties={...Ge.properties,type:{type:dt,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>gt.#Y[e],toAttribute:(e,t)=>Object.entries(gt.#Y).find((([t,n])=>e==n))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=gt.#Y[e.type]),e.type??=dt,e.windowOptions??={},super({},new e.type),this.type=e.type,this.windowOptions=e.windowOptions}disconnectedCallback(){super.disconnectedCallback(),this.dispatchCloseEvent()}dispatchCloseEvent(e){let t=new CustomEvent(J.windowCloseEventName,{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}customElements.define("ueb-window",gt);class vt extends mt{#q;clicked(e){}unclicked(e){this.#q=new gt({type:this.options.windowType,windowOptions:this.options.windowOptions}),this.blueprint.append(this.#q)}}class bt extends pt{#V;firstUpdated(e){super.firstUpdated(e),this.#V=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new vt(this.#V,this.element.blueprint,{moveEverywhere:!0,windowType:ht,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}})]}getInputs(){return[this.#V.dataset.linearColor]}setInputs(e=[]){}renderInput(){return this.element.isInput()?T``:super.renderInput()}}class ft extends pt{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 yt extends pt{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 Et extends yt{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return this.element.isInput()?T`
`:T``}}class wt extends Je{renderIcon(){return T``}}class St extends yt{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()?T`
X
Y
Z
`:T``}}class Pt extends pt{}class kt extends yt{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()?T`
X
Y
Z
`:T``}}class xt extends Ue{static#Y={"/Script/CoreUObject.LinearColor":bt,"/Script/CoreUObject.Rotator":St,"/Script/CoreUObject.Vector":kt,bool:Qe,exec:et,MUTABLE_REFERENCE:wt,name:ft,real:Et,string:Pt};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 xt.#Y[e.PinType.bIsReference&&!e.PinType.bIsConst?"MUTABLE_REFERENCE":e.getType()]??Je}nodeElement;clickableElement;connections=0;constructor(e){super(e,new(xt.getTypeTemplate(e))),this.advancedView=e.bAdvancedView,this.defaultValue=e.getDefaultValue(),this.pinType=this.entity.getType(),this.color=this.constructor.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 qe(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",xt);class Ct extends it{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 Nt extends st{getDraggableElement(){return this.element}createDraggableObject(){return new Ct(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class At extends Nt{toggleAdvancedDisplayHandler;render(){return T`
${this.element.nodeDisplayName}
${"DevelopmentOnly"==this.element.enabledState?.toString()?T`
Development Only
`:D} ${this.element.advancedPinDisplay?T`
`:D}
`}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 $t extends Ve{static properties={...Ve.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.#Z.forEach((t=>t.blueprint=e))}#J;get nodeNameElement(){return this.#J}set nodeNameElement(e){this.#J=e}#Z;constructor(e){super(e,new At),this.#Z=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new xt(e))),this.#Z.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(Pe).deserialize(e);return new $t(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.#Z}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(e){let t=new CustomEvent(J.nodeDeleteEventName,{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}dispatchReflowEvent(){let e=new CustomEvent(J.nodeReflowEventName,{bubbles:!0,cancelable:!0});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",$t);class Lt extends Q{#Q;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new Le;let i=this;this.#Q=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#Q)}unlistenEvents(){document.body.removeEventListener("paste",this.#Q)}pasted(e){let t=0,n=0,i=0,s=this.serializer.readMultiple(e).map((e=>{let s=new $t(e);return t+=s.locationY,n+=s.locationX,++i,s}));t/=i,n/=i,s.length>0&&this.blueprint.unselectAll();let r=this.blueprint.mousePosition;return s.forEach((e=>{const i=[r[0]-n,r[1]-t];e.addLocation(i),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...s),!0}}class Tt extends Be{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=0&&this.currentPosition=0&&this.currentPosition0?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 s={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=s,i(e,!1);const r=n(e);this.initialPosition[1]{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&&e[0]this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,n(this.boundaries.primaryP.i,this.initialPosition[0]{this.selectFunc(this.rectangles[t],n),this.computeBoundaries(),this.selectTo(e)};e[1]this.boundaries.secondaryN.v&&e[1]this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,i(this.boundaries.secondaryP.i,this.initialPosition[1]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 Ht extends Oe{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(Ht.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Te(this.element.getGridDOMElement(),this.element),new Lt(this.element.getGridDOMElement(),this.element),new Me(this.element.getGridDOMElement(),this.element),new ze(this.element.getGridDOMElement(),this.element),new He(this.element.getGridDOMElement(),this.element),new Tt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new Fe(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new It(this.element.getGridDOMElement(),this.element),new Re(this.element.getGridDOMElement(),this.element),new je(this.element.getGridDOMElement(),this.element)]}render(){return T`
1:1
`}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){super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.element.viewportElement.scroll(this.element.scrollX,this.element.scrollY)}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}}class jt extends Ue{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=Ht.styles;#te=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 Ht),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(),s=[i[0]+e[0],i[1]+e[1]],r=[0,0];for(let t=0;t<2;++t)e[t]<0&&s[t]0&&s[t]>n[t]-J.gridExpandThreshold*J.expandGridSize&&(r[t]=1);0==r[0]&&0==r[1]||this.seamlessExpand(r),i=this.getScroll(),s=[i[0]+e[0],i[1]+e[1]],this.setScroll(s,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,s=[i*t[0],i*t[1]];this.scrollDelta([(s[0]-t[0])*n,(s[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 $t&&!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.#te[e]=this.#te[e]??-1;do{++this.#te[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#te[e]))));n.rename(J.nodeName(e,this.#te[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof qe&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof $t)).forEach((t=>t.sanitizeLinks(e)))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof $t?this.nodes:t instanceof qe?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",jt);class zt extends $e{constructor(e,t,n,i,s,r,o){e=e??(e=>`(${e})`),super(t,n,i,s,r,o),this.wrap=e}read(e){const t=Ae.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 Bt extends zt{#ne;constructor(e,t){super(void 0,t),this.#ne=e}write(e,t,n=!1){return this.#ne(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 Bt(((e,t)=>"()"),null)),te.registerSerializer(Array,new Bt(((e,t)=>`(${e.map((e=>te.getSerializer(ie.getType(e)).serialize(e,t)+",")).join("")})`),Array)),te.registerSerializer(Boolean,new Bt(((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(de,new zt(e,de)),te.registerSerializer(pe,new zt(e,pe)),te.registerSerializer(me,new zt((e=>`${me.lookbehind}(${e})`),me,"",", ",!1,"",(e=>""))),te.registerSerializer(Number,new Bt((e=>e.toString()),Number)),te.registerSerializer(Pe,new Le),te.registerSerializer(re,new Bt((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),re)),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(he,new Ft(he)),te.registerSerializer(be,new zt(e,be)),te.registerSerializer(String,new Bt(((e,t)=>t?ie.escapeString(e):`"${ie.escapeString(e)}"`),String)),te.registerSerializer(fe,new Bt(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),fe)),te.registerSerializer(Ee,new Bt(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Ee)),te.registerSerializer(ye,new zt(e,ye))}();export{jt as Blueprint,J as Configuration,qe as LinkElement,$t as NodeElement}; diff --git a/js/Blueprint.js b/js/Blueprint.js index 1a53053..a6ebe5e 100755 --- a/js/Blueprint.js +++ b/js/Blueprint.js @@ -14,7 +14,7 @@ import Utility from "./Utility" * primaryInf: Number, * primarySup: Number, * secondaryInf: Number, - * secondarySup: Number + * secondarySup: Number, * }} BoundariesInfo */ diff --git a/js/Utility.js b/js/Utility.js index a7734b8..f6c9bc6 100755 --- a/js/Utility.js +++ b/js/Utility.js @@ -244,10 +244,14 @@ export default class Utility { } /** @param {[Number, Number]} param0 */ - static getPolarCoordinates([x, y]) { + static getPolarCoordinates([x, y], positiveTheta = false) { + let theta = Math.atan2(y, x) + if (positiveTheta && theta < 0) { + theta = 2 * Math.PI + theta + } return [ Math.sqrt(x * x + y * y), - Math.atan2(y, x), + theta, ] } diff --git a/js/element/ColorHandlerElement.js b/js/element/ColorHandlerElement.js index 85b1920..39f87d3 100644 --- a/js/element/ColorHandlerElement.js +++ b/js/element/ColorHandlerElement.js @@ -1,6 +1,5 @@ -import LinearColorEntity from "../entity/LinearColorEntity" import ColorHandlerTemplate from "../template/ColorHandlerTemplate" -import IDraggableElement from "./IDraggableElement" +import IDraggableControlElement from "./IDraggableControlElement" /** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */ /** @@ -8,29 +7,12 @@ import IDraggableElement from "./IDraggableElement" * @typedef {import("./WindowElement").default} WindowElement */ -/** @extends {IDraggableElement} */ -export default class ColorHandlerElement extends IDraggableElement { - - /** @type {WindowElement} */ - windowElement +/** @extends {IDraggableControlElement} */ +export default class ColorHandlerElement extends IDraggableControlElement { constructor() { super({}, new ColorHandlerTemplate()) } - - connectedCallback() { - super.connectedCallback() - this.windowElement = this.closest("ueb-window") - } - - /** @param {Number[]} param0 */ - setLocation([x, y]) { - super.setLocation(this.template.adjustLocation([x, y])) - } - - computeColor() { - return new LinearColorEntity() - } } customElements.define("ueb-color-handler", ColorHandlerElement) diff --git a/js/element/ColorSliderElement.js b/js/element/ColorSliderElement.js new file mode 100644 index 0000000..8ef79a9 --- /dev/null +++ b/js/element/ColorSliderElement.js @@ -0,0 +1,14 @@ +import ColorSliderTemplate from "../template/ColorSliderTemplate" +import IDraggableControlElement from "./IDraggableControlElement" + +/** @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate */ + +/** @extends {IDraggableControlElement} */ +export default class ColorSliderElement extends IDraggableControlElement { + + constructor() { + super({}, new ColorSliderTemplate()) + } +} + +customElements.define("ueb-color-slider", ColorSliderElement) diff --git a/js/element/IDraggableControlElement.js b/js/element/IDraggableControlElement.js new file mode 100644 index 0000000..b99e818 --- /dev/null +++ b/js/element/IDraggableControlElement.js @@ -0,0 +1,37 @@ +import IDraggableElement from "./IDraggableElement" + +/** + * @typedef {import("../element/WindowElement").default} WindowElement + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate + */ + +/** + * @template {IEntity} T + * @template {IDraggableControlTemplate} U + * @extends {IDraggableElement} + */ +export default class IDraggableControlElement extends IDraggableElement { + + /** @type {WindowElement} */ + windowElement + + /** + * @param {T} entity + * @param {U} template + */ + constructor(entity, template) { + super(entity, template) + } + + connectedCallback() { + super.connectedCallback() + this.windowElement = this.closest("ueb-window") + } + + /** @param {Number[]} param0 */ + setLocation([x, y]) { + super.setLocation(this.template.adjustLocation([x, y])) + } + +} diff --git a/js/element/IDraggableElement.js b/js/element/IDraggableElement.js index 07e6c4d..4690b33 100644 --- a/js/element/IDraggableElement.js +++ b/js/element/IDraggableElement.js @@ -28,9 +28,12 @@ export default class IDraggableElement extends IElement { static dragEventName = Configuration.dragEventName static dragGeneralEventName = Configuration.dragGeneralEventName - constructor(...args) { - // @ts-expect-error - super(...args) + /** + * @param {T} entity + * @param {U} template + */ + constructor(entity, template) { + super(entity, template) this.locationX = 0 this.locationY = 0 } diff --git a/js/element/IElement.js b/js/element/IElement.js index 0a6c3a5..3643d01 100644 --- a/js/element/IElement.js +++ b/js/element/IElement.js @@ -91,7 +91,7 @@ export default class IElement extends LitElement { this.template.inputSetup() } - /** @param {Map} */ + /** @param {Map} changedProperties */ updated(changedProperties) { super.updated(changedProperties) this.template.updated(changedProperties) diff --git a/js/entity/LinearColorEntity.js b/js/entity/LinearColorEntity.js index 996a659..8ab0ddb 100644 --- a/js/entity/LinearColorEntity.js +++ b/js/entity/LinearColorEntity.js @@ -11,22 +11,27 @@ export default class LinearColorEntity extends IEntity { A: new RealUnitEntity(1), } - static fromWheelLocation([x, y], radius) { + static fromWheelLocation([x, y], radius, v, a) { x -= radius y -= radius - const [r, theta] = Utility.getPolarCoordinates([x, y]) - return LinearColorEntity.fromHSV([-theta, r]) + const [r, theta] = Utility.getPolarCoordinates([x, y], true) + return LinearColorEntity.fromHSVA([ + 1 - theta / (2 * Math.PI), + r / radius, + v, + a, + ]) } /** @param {Number[]} param0 */ - static fromHSV([h, s, v, a = 1]) { + static fromHSVA([h, s, v, a = 1]) { const i = Math.floor(h * 6) const f = h * 6 - i const p = v * (1 - s) const q = v * (1 - f * s) const t = v * (1 - (1 - f) * s) const values = [v, q, p, p, t, v] - const [r, g, b] = [values[i % 6], values[(i + 4) % 6], values[(i + 2) % 6]] + const [r, g, b] = [values[i % 6], values[(i + 2) % 6], values[(i + 4) % 6]] return new LinearColorEntity({ R: r, G: g, @@ -44,33 +49,38 @@ export default class LinearColorEntity extends IEntity { } toRGBA() { - return [this.R.value * 255, this.G.value * 255, this.B.value * 255, this.A.value * 255] + return [ + Math.round(this.R.value * 255), + Math.round(this.G.value * 255), + Math.round(this.B.value * 255), + Math.round(this.A.value * 255), + ] } - toHSV() { - const [r, g, b, a] = this.toRGBA() + toHSVA() { + const [r, g, b, a] = [this.R.value, this.G.value, this.B.value, this.A.value] const max = Math.max(r, g, b) const min = Math.min(r, g, b) const d = max - min let h const s = (max == 0 ? 0 : d / max) - const v = max / 255 + const v = max switch (max) { case min: h = 0 break case r: - h = (g - b) + d * (g < b ? 6 : 0) + h = (g - b) / d + (g < b ? 6 : 0) break case g: - h = (b - r) + d * 2 + h = (b - r) / d + 2 break case b: - h = (r - g) + d * 4 + h = (r - g) / d + 4 break } - h /= 6 * d - return [h, s, v] + h /= 6 + return [new RealUnitEntity(h), new RealUnitEntity(s), new RealUnitEntity(v), new RealUnitEntity(a)] } toNumber() { diff --git a/js/template/BlueprintTemplate.js b/js/template/BlueprintTemplate.js index 5f5047f..47cadd8 100755 --- a/js/template/BlueprintTemplate.js +++ b/js/template/BlueprintTemplate.js @@ -81,7 +81,7 @@ export default class BlueprintTemplate extends ITemplate {
+ style="--ueb-additional-x: ${this.element}; --ueb-additional-y: ${this.element.translateY}; --ueb-translate-x: ${this.element.translateX}; --ueb-translate-y: ${this.element.translateY};">
diff --git a/js/template/BoolPinTemplate.js b/js/template/BoolPinTemplate.js index 1d6a76e..fada7ce 100644 --- a/js/template/BoolPinTemplate.js +++ b/js/template/BoolPinTemplate.js @@ -15,7 +15,7 @@ export default class BoolPinTemplate extends PinTemplate { super.firstUpdated(changedProperties) this.#input = this.element.querySelector(".ueb-pin-input") let self = this - this.onChangeHandler = _ => this.element.setDefaultValue(self.#input.checked ? true : false) + this.onChangeHandler = _ => this.element.setDefaultValue(self.#input.checked) this.#input.addEventListener("change", this.onChangeHandler) } @@ -31,22 +31,10 @@ export default class BoolPinTemplate extends PinTemplate { ] } - getInputs() { - return [this.#input.checked ? "true" : "false"] - } - - /** - * @param {Boolean[]} values - * @param {String[]} rawValues - */ - setDefaultValue(values = [], rawValues) { - this.element.setDefaultValue(values[0]) - } - renderInput() { if (this.element.isInput()) { return html` - + ` } return super.renderInput() diff --git a/js/template/ColorHandlerTemplate.js b/js/template/ColorHandlerTemplate.js index 57ce791..5120be1 100755 --- a/js/template/ColorHandlerTemplate.js +++ b/js/template/ColorHandlerTemplate.js @@ -1,32 +1,10 @@ -import IDraggableTemplate from "./IDraggableTemplate" -import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" +import IDraggableControlTemplate from "./IDraggableControlTemplate" import Utility from "../Utility" /** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */ -/** @extends {IDraggableTemplate} */ -export default class ColorHandlerTemplate extends IDraggableTemplate { - - #locationChangeCallback - - connectedCallback() { - super.connectedCallback() - this.window = this.element.closest("ueb-window") - this.movementSpace = this.element.parentElement - const bounding = this.movementSpace.getBoundingClientRect() - this.movementSpaceSize = [bounding.width, bounding.height] - } - - createDraggableObject() { - return new MouseMoveDraggable(this.element, this.element.blueprint, { - draggableElement: this.element.parentElement, - ignoreTranslateCompensate: true, - moveEverywhere: true, - movementSpace: this.element.parentElement, - repositionOnClick: true, - stepSize: 1, - }) - } +/** @extends {IDraggableControlTemplate} */ +export default class ColorHandlerTemplate extends IDraggableControlTemplate { /** @param {[Number, Number]} param0 */ adjustLocation([x, y]) { @@ -37,11 +15,12 @@ export default class ColorHandlerTemplate extends IDraggableTemplate { r = Math.min(r, radius), [x, y] = Utility.getCartesianCoordinates([r, theta]) x = Math.round(x + radius) y = Math.round(-y + radius) - this.#locationChangeCallback?.([x, y]) + const hsva = this.getColor().toHSVA() + this.locationChangeCallback?.([x, y], radius, hsva[2], hsva[3]) return [x, y] } - setLocationChangeCallback(callback) { - this.#locationChangeCallback = callback + getColor() { + return this.element.windowElement.template.color } } diff --git a/js/template/ColorPickerWindowTemplate.js b/js/template/ColorPickerWindowTemplate.js index 9eba191..d028f3d 100755 --- a/js/template/ColorPickerWindowTemplate.js +++ b/js/template/ColorPickerWindowTemplate.js @@ -1,16 +1,14 @@ import { html } from "lit" +import { styleMap } from "lit/directives/style-map.js" import ColorHandlerElement from "../element/ColorHandlerElement" -import Configuration from "../Configuration" +import ColorSliderElement from "../element/ColorSliderElement" import LinearColorEntity from "../entity/LinearColorEntity" -import Utility from "../Utility" import WindowTemplate from "./WindowTemplate" /** @typedef {import("../element/WindowElement").default} WindowElement */ export default class ColorPickerWindowTemplate extends WindowTemplate { - static windowName = html`Color Picker` - /** @type {LinearColorEntity} */ #color get color() { @@ -34,26 +32,38 @@ export default class ColorPickerWindowTemplate extends WindowTemplate { firstUpdated(changedProperties) { const wheelHandler = new ColorHandlerElement() const spectrumHandler = new ColorHandlerElement() - wheelHandler.template.setLocationChangeCallback(([x, y]) => { - const [r, theta] = Utility.getPolarCoordinates([x, y]) - this.color = LinearColorEntity.fromWheelLocation(x, y) - }) - this.element.querySelector(".ueb-color-picker-wheel").appendChild(new ColorHandlerElement()) - + const saturationSlider = new ColorSliderElement() + wheelHandler.template.locationChangeCallback = ([x, y], radius, v, a) => { + this.color = LinearColorEntity.fromWheelLocation([x, y], radius, v, a) + } + this.element.querySelector(".ueb-color-picker-wheel").appendChild(wheelHandler) } renderContent() { + const [h, s, v] = this.color.toHSVA() + const style = { + "--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": h.toString(), + "--ueb-color-s": s.toString(), + "--ueb-color-v": v.toString(), + } return html` -
+
-
-
+
+
+
+
+
+
@@ -77,7 +87,7 @@ export default class ColorPickerWindowTemplate extends WindowTemplate { ` } - cleanup() { - this.element.blueprint.removeEventListener(Configuration.colorWindowEventName, this.colorWindowHandler) + renderWindowName() { + return html`Color Picker` } } diff --git a/js/template/ColorSliderTemplate.js b/js/template/ColorSliderTemplate.js new file mode 100755 index 0000000..9ae28d2 --- /dev/null +++ b/js/template/ColorSliderTemplate.js @@ -0,0 +1,21 @@ +import IDraggableControlTemplate from "./IDraggableControlTemplate" +import Utility from "../Utility" + +/** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */ + +/** @extends {IDraggableControlTemplate} */ +export default class ColorSliderTemplate extends IDraggableControlTemplate { + + /** @param {[Number, Number]} param0 */ + adjustLocation([x, y]) { + x = 0 + y = Utility.clamp(y, 0, this.movementSpaceSize[1]) + const hsva = this.getColor().toHSVA() + this.locationChangeCallback?.([x, y]) + return [x, y] + } + + getColor() { + return this.element.windowElement.template.color + } +} diff --git a/js/template/IDraggableControlTemplate.js b/js/template/IDraggableControlTemplate.js new file mode 100644 index 0000000..1b836f9 --- /dev/null +++ b/js/template/IDraggableControlTemplate.js @@ -0,0 +1,48 @@ +import IDraggableTemplate from "./IDraggableTemplate" +import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" + +/** + * @typedef {import("../element/IDraggableElement").default} IDraggableElement + */ + +/** + * @template {IDraggableElement} T + * @extends {IDraggableTemplate} + */ +export default class IDraggableControlTemplate extends IDraggableTemplate { + + #locationChangeCallback = ([x, y], ...args) => [x, y] + get locationChangeCallback() { + return this.#locationChangeCallback + } + set locationChangeCallback(callback) { + this.#locationChangeCallback = callback + } + + movementSpace + movementSpaceSize = [0, 0] + + connectedCallback() { + super.connectedCallback() + this.movementSpace = this.element.parentElement + const bounding = this.movementSpace.getBoundingClientRect() + this.movementSpaceSize = [bounding.width, bounding.height] + } + + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.movementSpace, + ignoreTranslateCompensate: true, + moveEverywhere: true, + movementSpace: this.movementSpace, + repositionOnClick: true, + stepSize: 1, + }) + } + + /** @param {[Number, Number]} param0 */ + adjustLocation([x, y]) { + this.#locationChangeCallback([x, y]) + return [x, y] + } +} diff --git a/js/template/LinearColorPinTemplate.js b/js/template/LinearColorPinTemplate.js index d024122..445fa68 100644 --- a/js/template/LinearColorPinTemplate.js +++ b/js/template/LinearColorPinTemplate.js @@ -31,7 +31,7 @@ export default class LinearColorPinTemplate extends IInputPinTemplate { /** @param {LinearColorEntity} color */ setPinColor: color => this.element.setDefaultValue(color), }, - }) + }), ] } @@ -47,7 +47,7 @@ export default class LinearColorPinTemplate extends IInputPinTemplate { if (this.element.isInput()) { return html` + style="--ueb-linear-color:rgba(${this.element.defaultValue.toString()})"> ` } diff --git a/js/template/WindowTemplate.js b/js/template/WindowTemplate.js index db38b85..39adb4a 100755 --- a/js/template/WindowTemplate.js +++ b/js/template/WindowTemplate.js @@ -7,8 +7,6 @@ import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" /** @extends {IDraggableTemplate} */ export default class WindowTemplate extends IDraggableTemplate { - static windowName = html`Window` - toggleAdvancedDisplayHandler getDraggableElement() { @@ -24,20 +22,11 @@ export default class WindowTemplate extends IDraggableTemplate { }) } - createInputObjects() { - return [ - ...super.createInputObjects(), - this.createDraggableObject(), - ] - } - render() { return html`
-
${ - // @ts-expect-error - this.constructor.windowName}
+
${this.renderWindowName()}
@@ -52,6 +41,10 @@ export default class WindowTemplate extends IDraggableTemplate { ` } + renderWindowName() { + return html`Window` + } + renderContent() { return html`` } diff --git a/scss/ueb-window.scss b/scss/ueb-window.scss index 345ff48..9f89eed 100644 --- a/scss/ueb-window.scss +++ b/scss/ueb-window.scss @@ -73,11 +73,48 @@ ueb-color-handler { .ueb-color-picker-saturation, .ueb-color-picker-value { - margin: 0 8px; + margin: 0 6px; width: 30px; - background: linear-gradient(to bottom, transparent 10%, #000000 100%), rebeccapurple; + background-color: rgb(calc(var(--ueb-color-r) * 255), calc(var(--ueb-color-g) * 255), calc(var(--ueb-color-b) * 255)); +} + +.ueb-color-picker-saturation { + background-image: linear-gradient(to bottom, transparent 10px, #FFFFFF 100%); } .ueb-color-picker-value { - background: linear-gradient(to bottom, transparent 10%, #FFFFFF 100%), rebeccapurple; + background-image: linear-gradient(to bottom, transparent 10px, #000000 100%); +} + +.ueb-color-picker-slider { + position: relative; + padding-bottom: 10px; + + &::before, + &::after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; + } + + &::before { + left: -4px; + border-left-color: #e0e0e0; + } + + &::after { + right: -4px; + border-right-color: #e0e0e0; + } +} + +.ueb-color-picker-saturation .ueb-color-picker-slider { + top: calc(100% - var(--ueb-color-s) * 100%) +} + +.ueb-color-picker-value .ueb-color-picker-slider { + top: calc(100% - var(--ueb-color-v) * 100%) } \ No newline at end of file