From cdc5e5b91bba4da5cab08db43c7a76db62d5f703 Mon Sep 17 00:00:00 2001 From: barsdeveloper Date: Sun, 9 Oct 2022 11:43:28 +0200 Subject: [PATCH] JSDoc complete type check --- dist/css/ueb-style.css | 55 + 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 | 1071 +++++++++++------ dist/ueblueprint.min.js | 4 +- js/Blueprint.js | 12 +- js/Configuration.js | 7 +- js/Utility.js | 66 +- js/element/ColorHandlerElement.js | 37 + js/element/IDraggableElement.js | 13 +- js/element/IElement.js | 5 +- js/element/IFromToPositionedElement.js | 1 + js/element/ISelectableDraggableElement.js | 10 +- js/element/LinkElement.js | 8 +- js/element/NodeElement.js | 5 + js/element/PinElement.js | 31 +- js/element/SelectorElement.js | 1 + js/element/WindowElement.js | 19 +- js/entity/FunctionReferenceEntity.js | 6 + js/entity/GuidEntity.js | 5 + js/entity/IEntity.js | 11 +- js/entity/IdentifierEntity.js | 5 + js/entity/IntegerEntity.js | 1 + js/entity/InvariantTextEntity.js | 5 + js/entity/KeyBindingEntity.js | 6 + js/entity/LinearColorEntity.js | 48 + js/entity/LocalizedTextEntity.js | 7 + js/entity/ObjectEntity.js | 19 + js/entity/ObjectReferenceEntity.js | 6 + js/entity/PathSymbolEntity.js | 5 + js/entity/PinEntity.js | 44 +- js/entity/PinReferenceEntity.js | 6 + js/entity/RotatorEntity.js | 7 + js/entity/TypeInitialization.js | 25 +- js/entity/VectorEntity.js | 7 + js/input/keybaord/IKeyboardShortcut.js | 1 + js/input/mouse/IMouseClickDrag.js | 12 +- js/input/mouse/IPointing.js | 5 +- js/input/mouse/MouseMoveDraggable.js | 46 +- js/input/mouse/MouseMoveNodes.js | 24 +- js/input/mouse/MouseOpenWindow.js | 8 +- js/selection/FastSelectionModel.js | 19 +- js/selection/OrderedIndexArray.js | 37 +- js/serialization/CustomSerializer.js | 16 +- js/serialization/GeneralSerializer.js | 17 +- js/serialization/Grammar.js | 68 +- js/serialization/ISerializer.js | 42 +- js/serialization/SerializerFactory.js | 21 +- js/serialization/ToStringSerializer.js | 14 +- .../initializeSerializerFactory.js | 6 +- js/template/ColorHandlerTemplate.js | 25 + js/template/ColorPickerWindowTemplate.js | 58 +- js/template/IDraggableTemplate.js | 11 +- js/template/IInputPinTemplate.js | 17 +- js/template/LinearColorPinTemplate.js | 12 +- js/template/NodeTemplate.js | 2 +- js/template/PinTemplate.js | 32 +- js/template/RealPinTemplate.js | 24 +- js/template/RotatorPinTemplate.js | 23 +- js/template/SelectableDraggableTemplate.js | 12 +- js/template/SelectorTemplate.js | 1 + js/template/VectorPinTemplate.js | 51 +- js/template/WindowTemplate.js | 8 +- jsconfig.json | 10 + package.json | 1 - scss/style.scss | 6 + scss/ueb-window.scss | 58 + 68 files changed, 1603 insertions(+), 648 deletions(-) create mode 100644 js/element/ColorHandlerElement.js create mode 100755 js/template/ColorHandlerTemplate.js create mode 100644 jsconfig.json diff --git a/dist/css/ueb-style.css b/dist/css/ueb-style.css index e7ac7fa..93a2ff5 100644 --- a/dist/css/ueb-style.css +++ b/dist/css/ueb-style.css @@ -214,6 +214,12 @@ 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); /* when from-y > to-y */ @@ -612,6 +618,7 @@ ueb-window { top: 0; left: 0; transform: translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px)); + background: #242424; z-index: 1000; } @@ -624,10 +631,58 @@ ueb-window { 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%), rebeccapurple; +} + +.ueb-color-picker-value { + background: linear-gradient(to bottom, transparent 10%, #FFFFFF 100%), rebeccapurple; +} + /*# sourceMappingURL=ueb-style.css.map */ diff --git a/dist/css/ueb-style.css.map b/dist/css/ueb-style.css.map index 905cd25..c07b67d 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":"AAAA;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EA0BJ,iBAEI;EAQJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EAmDJ,iBAEI;EAWJ,qBAEI;EAOJ;;;AAGJ;EACI;;;AAIJ;EACI;;;ACzUJ;EACI;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;EAIA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1DJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI,kBACI;EAIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA,YACI;EAGJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,YACI;EAGJ;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EAMA;EAMA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACrJJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;ACzIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACrEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA","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":"AAAA;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EA0BJ,iBAEI;EAQJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EAmDJ,iBAEI;EAWJ,qBAEI;EAOJ;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AC/UJ;EACI;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;EAIA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1DJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI,kBACI;EAIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA,YACI;EAGJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,YACI;EAGJ;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EAMA;EAMA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACrJJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;ACzIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACrEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI","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 c5eb2d2..3de3077 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-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));z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-close{padding:8px;height:12px;width:12px}/*# 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 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 */ diff --git a/dist/css/ueb-style.min.css.map b/dist/css/ueb-style.min.css.map index 7c88cd6..cd94fcd 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":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,iBACA,iCACA,eAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,yEACI,8DACA,8DACA,8DACA,8DACA,oGACA,qGACA,kBACA,wCACA,yCACA,0CACA,4CAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBCzUJ,SACI,kEAEA,uEACA,cACA,6CACA,8CAKA,kBAIJ,aACI,iEACA,kBACA,MACA,OACA,WACA,YACA,eACA,8FAGJ,kBACI,mBACA,6BACA,eAGJ,gEAEI,eACA,4BAGJ,kBACI,cACA,mBACA,kBACA,kDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,+BACA,mBACA,gBC1DJ,SACI,cACA,kBACA,sGACA,qCACA,uDACA,oBAGJ,mEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDACA,0BACA,oBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,cACI,kBACA,WACI,+EAGJ,gEACA,8EACA,aACA,gBACA,mBAGJ,gDACI,WACI,+EAGJ,8EAGJ,eACI,mGACA,qBACA,mBAGJ,sBACI,cAGJ,0BACI,sBAGJ,wDACI,cAGJ,2BACI,sBAGJ,oBACI,wBAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,2HAMA,2HAMA,kBACA,YACA,qBACA,6BAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,yBACI,sBAGJ,oFACI,yBACA,eAGJ,oDACI,cAGJ,+DACI,qBCrJJ,QACI,cACA,gBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,0BACI,iBAGJ,sCACI,uBACA,WACA,YAGJ,cACI,WACA,YACA,kBACA,2BAGJ,kBACI,cACA,WACA,YAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,sCACI,aAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,aAEA,4FAII,yCACA,aAIR,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,YACA,cAEA,0CACI,WACA,YAGJ,gDACI,mBACA,mBACA,WCzIR,cACI,6BAGJ,SACI,iDAGJ,QACI,4NAMA,+CAGJ,wBACI,+CAGJ,yBACI,gDAGJ,wBACI,+CAGJ,uBACI,8CAGJ,wBACI,+CAGJ,0BACI,iDAGJ,wBACI,+CAGJ,2BACI,kDAGJ,0BACI,iDAGJ,qDACI,uDAGJ,iDACI,kDAGJ,mDACI,oDAGJ,gDACI,iDAGJ,0BACI,iDCrEJ,WACI,cACA,kBACA,MACA,OACA,sGACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,kBACI,YACA,YACA","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":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,iBACA,iCACA,eAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,yEACI,8DACA,8DACA,8DACA,8DACA,oGACA,qGACA,kBACA,wCACA,yCACA,0CACA,4CAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBC/UJ,SACI,kEAEA,uEACA,cACA,6CACA,8CAKA,kBAIJ,aACI,iEACA,kBACA,MACA,OACA,WACA,YACA,eACA,8FAGJ,kBACI,mBACA,6BACA,eAGJ,gEAEI,eACA,4BAGJ,kBACI,cACA,mBACA,kBACA,kDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,+BACA,mBACA,gBC1DJ,SACI,cACA,kBACA,sGACA,qCACA,uDACA,oBAGJ,mEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDACA,0BACA,oBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,cACI,kBACA,WACI,+EAGJ,gEACA,8EACA,aACA,gBACA,mBAGJ,gDACI,WACI,+EAGJ,8EAGJ,eACI,mGACA,qBACA,mBAGJ,sBACI,cAGJ,0BACI,sBAGJ,wDACI,cAGJ,2BACI,sBAGJ,oBACI,wBAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,2HAMA,2HAMA,kBACA,YACA,qBACA,6BAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,yBACI,sBAGJ,oFACI,yBACA,eAGJ,oDACI,cAGJ,+DACI,qBCrJJ,QACI,cACA,gBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,0BACI,iBAGJ,sCACI,uBACA,WACA,YAGJ,cACI,WACA,YACA,kBACA,2BAGJ,kBACI,cACA,WACA,YAGJ,0CACI,kBAGJ,cACI,qBACA,sBAGJ,sCACI,aAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,aAEA,4FAII,yCACA,aAIR,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,YACA,cAEA,0CACI,WACA,YAGJ,gDACI,mBACA,mBACA,WCzIR,cACI,6BAGJ,SACI,iDAGJ,QACI,4NAMA,+CAGJ,wBACI,+CAGJ,yBACI,gDAGJ,wBACI,+CAGJ,uBACI,8CAGJ,wBACI,+CAGJ,0BACI,iDAGJ,wBACI,+CAGJ,2BACI,kDAGJ,0BACI,iDAGJ,qDACI,uDAGJ,iDACI,kDAGJ,mDACI,oDAGJ,gDACI,iDAGJ,0BACI,iDCrEJ,WACI,cACA,kBACA,MACA,OACA,sGACA,mBACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,SACA,UACA,UACA,WACA,sGACA,sBACA,kBAGJ,qDAEI,aACA,WACA,0EAGJ,wBACI","file":"ueb-style.min.css"} \ No newline at end of file diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js index 0812066..967360a 100755 --- a/dist/ueblueprint.js +++ b/dist/ueblueprint.js @@ -25,7 +25,12 @@ var t;const i=globalThis.trustedTypes,s$1=i?i.createPolicy("lit-html",{createHTM */var l,o;class s extends a$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=T(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return b}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n=globalThis.litElementPolyfillSupport;null==n||n({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.2.2"); class Configuration { + static 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", @@ -63,8 +68,8 @@ class Configuration { static minZoom = -12 static mouseWheelFactor = 0.2 static nodeDeleteEventName = "ueb-node-delete" + static nodeDragGeneralEventName = "ueb-node-drag-general" static nodeDragEventName = "ueb-node-drag" - static nodeDragLocalEventName = "ueb-node-drag-local" static nodeName = (name, counter) => `${name}_${counter}` static nodeRadius = 8 // in pixel static nodeReflowEventName = "ueb-node-reflow" @@ -369,10 +374,54 @@ class Observable { } } -/** @template T */ +/** + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ +/** + * @template {AnyValue} T + * @typedef {import("./ISerializer").default} ISerializer + */ + +class SerializerFactory { + + /** @type {Map, ISerializer>} */ + static #serializers = new Map() + + static registerSerializer(entity, object) { + SerializerFactory.#serializers.set(entity, object); + } + + /** + * @template {AnyValue} T + * @param {AnyValueConstructor} entity + */ + static getSerializer(entity) { + return SerializerFactory.#serializers.get(entity) + } +} + +/** + * @typedef {import("./IEntity").default} IEntity + * @typedef {IEntity | String | Number | Boolean | Array} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("./IEntity").IEntityConstructor} IEntityConstructor + */ +/** + * @template {AnyValue} T + * @typedef {IEntityConstructor | StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor} AnyValueConstructor + */ + +/** @template {AnyValue} T */ class TypeInitialization { - /** @type {Constructor|Array} */ + /** @type {AnyValueConstructor|AnyValueConstructor[]} */ #type get type() { return this.#type @@ -389,7 +438,7 @@ class TypeInitialization { this.#showDefault = v; } - /** @type {T} */ + /** @type {T | T[] | String} */ #value get value() { return this.#value @@ -425,10 +474,9 @@ class TypeInitialization { } /** - * @typedef {(new () => T) | StringConstructor | NumberConstructor | BooleanConstructor} Constructor - * @param {Constructor|Array} type + * @param {AnyValueConstructor|AnyValueConstructor[]} type * @param {Boolean} showDefault - * @param {any} value + * @param {T | T[] | String} value * @param {Boolean} serialized */ constructor(type, showDefault = true, value = undefined, serialized = false) { @@ -449,8 +497,14 @@ class TypeInitialization { } /** - * @typedef {import("./entity/LinearColorEntity").default} LinearColorEntity + * @typedef {import("./element/IElement").default} IElement * @typedef {import("./entity/IEntity").default} IEntity + * @typedef {import("./entity/LinearColorEntity").default} LinearColorEntity + * @typedef {import("./entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template T + * @typedef {import("./entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor */ class Utility { @@ -477,8 +531,10 @@ class Utility { return Math.min(Math.max(val, min), max) } + /** @param {HTMLElement} element */ static getScale(element) { - return Number(getComputedStyle(element).getPropertyValue("--ueb-scale")) + const scale = getComputedStyle(element).getPropertyValue("--ueb-scale"); + return scale != "" ? parseFloat(scale) : 1 } /** @@ -509,13 +565,17 @@ class Utility { } /** - * @param {IEntity} - * @param {Object} target Object holding the data - * @param {String[]} keys The chained keys to access from object in order to get the value - * @param {Boolean} defaultValue Value to return in case from doesn't have it - * @returns {any} The value in from corresponding to the keys or defaultValue otherwise + * @param {IEntity} entity + * @param {String[]} keys + * @param {any} propertyDefinition + * @returns {Boolean} */ - static isSerialized(entity, keys, propertyDefinition = Utility.objectGet(entity.constructor.attributes, keys)) { + static isSerialized( + entity, + keys, + // @ts-expect-error + propertyDefinition = Utility.objectGet(entity.constructor.attributes, keys) + ) { if (propertyDefinition instanceof CalculatedType) { return Utility.isSerialized(entity, keys, propertyDefinition.calculate(entity)) } @@ -528,13 +588,7 @@ class Utility { return false } - /** - * Gets a value from an object, gives defaultValue in case of failure - * @param {Object} target Object holding the data - * @param {String[]} keys The chained keys to access from object in order to get the value - * @param {any} defaultValue Value to return in case from doesn't have it - * @returns {any} The value in from corresponding to the keys or defaultValue otherwise - */ + /** @param {String[]} keys */ static objectGet(target, keys, defaultValue = undefined) { if (target === undefined) { return undefined @@ -552,12 +606,9 @@ class Utility { } /** - * Sets a value in an object - * @param {Object} target Object holding the data - * @param {String[]} keys The chained keys to access from object in order to set the value - * @param {*} value Value to be set - * @param {Boolean} create Whether to create or not the key in case it doesn't exist - * @returns {Boolean} Returns true on succes, false otherwise + * @param {String[]} keys + * @param {Boolean} create + * @returns {Boolean} */ static objectSet(target, keys, value, create = false, defaultDictType = Object) { if (!(keys instanceof Array)) { @@ -588,20 +639,23 @@ class Utility { } } + /** + * @param {AnyValue | AnyValueConstructor} value + * @returns {AnyValueConstructor} + */ static getType(value) { if (value === null) { return null } - let constructor = value?.constructor; - switch (constructor) { - case TypeInitialization: - return Utility.getType(value.type) - case Function: - // value is already a constructor - return value - default: - return constructor + if (value instanceof TypeInitialization) { + return Utility.getType(value.type) } + if (value instanceof Function) { + // value is already a constructor + return value + } + /** @ts-expect-error */ + return value?.constructor } /** @@ -684,29 +738,10 @@ class Utility { } } -/** @typedef {import("../entity/IEntity").default} IEntity */ - -/** - * @template {IEntity} T - * @typedef {import("./ISerializer").default} ISerializer - */ -class SerializerFactory { - - /** @type {Map>} */ - static #serializers = new Map() - - static registerSerializer(entity, object) { - SerializerFactory.#serializers.set(entity, object); - } - - /** - * @template {IEntity} T - * @param {T} entity - */ - static getSerializer(entity) { - return SerializerFactory.#serializers.get(entity) - } -} +/** + * @template {IEntity} T + * @typedef {new (Object) => T} IEntityConstructor + */ class IEntity extends Observable { @@ -748,6 +783,7 @@ class IEntity extends Observable { } // Not instanceof because all objects are instenceof Object, exact match needed + // @ts-expect-error if (defaultType === Object) { target[property] = {}; defineAllAttributes(target[property], properties[property], values[property], property + "."); @@ -762,7 +798,8 @@ class IEntity extends Observable { && defaultValue.serialized && defaultValue.type !== String ) { - value = SerializerFactory.getSerializer(defaultValue.type).deserialize(value); + // @ts-expect-error + value = SerializerFactory.getSerializer((defaultValue.type)).deserialize(value); } target[property] = TypeInitialization.sanitize(value, Utility.getType(defaultValue)); continue // We have a value, need nothing more @@ -776,6 +813,7 @@ class IEntity extends Observable { if (defaultValue.serialized) { defaultValue = ""; } else { + // @ts-expect-error defaultType = defaultValue.type; defaultValue = defaultValue.value; } @@ -786,6 +824,7 @@ class IEntity extends Observable { target[property] = TypeInitialization.sanitize(defaultValue, defaultType); } }; + // @ts-expect-error const attributes = this.constructor.attributes; if (values.constructor !== Object && Object.getOwnPropertyNames(attributes).length == 1) { // Where there is just one attribute, option can be the value of that attribute @@ -803,6 +842,12 @@ class ObjectReferenceEntity extends IEntity { type: String, path: String, } + + constructor(options = {}) { + super(options); + /** @type {String} */ this.type; + /** @type {String} */ this.path; + } } class FunctionReferenceEntity extends IEntity { @@ -811,6 +856,12 @@ class FunctionReferenceEntity extends IEntity { MemberParent: ObjectReferenceEntity, MemberName: "", } + + constructor(options = {}) { + super(options); + /** @type {ObjectReferenceEntity} */ this.MemberParent; + /** @type {String} */ this.MemberName; + } } class GuidEntity extends IEntity { @@ -831,6 +882,11 @@ class GuidEntity extends IEntity { return new GuidEntity({ value: guid }) } + constructor(options = {}) { + super(options); + /** @type {String} */ this.value; + } + valueOf() { return this.value } @@ -851,6 +907,11 @@ class IdentifierEntity extends IEntity { toAttribute: (value, type) => value.toString() } + constructor(options = {}) { + super(options); + /** @type {String} */ this.value; + } + valueOf() { return this.value } @@ -869,6 +930,7 @@ class IntegerEntity extends IEntity { /** @param {Object | Number | String} options */ constructor(options = 0) { super(options); + /** @type {Number} */ this.value = Math.round(this.value); } @@ -887,6 +949,11 @@ class InvariantTextEntity extends IEntity { static attributes = { value: String, } + + constructor(options = {}) { + super(options); + /** @type {String} */ this.value; + } } class KeyBindingEntity extends IEntity { @@ -907,6 +974,12 @@ class KeyBindingEntity extends IEntity { options.bAlt = options.bAlt ?? false; options.bCmd = options.bCmd ?? false; super(options); + /** @type {String} */ this.ActionName; + /** @type {Boolean} */ this.bShift; + /** @type {Boolean} */ this.bCtrl; + /** @type {Boolean} */ this.bAlt; + /** @type {Boolean} */ this.bCmd; + /** @type {IdentifierEntity} */ this.Key; } } @@ -919,9 +992,56 @@ class LinearColorEntity extends IEntity { A: Number, } + static fromWheelLocation([x, y], radius) { + x -= radius; + y -= radius; + } + + constructor(options = {}) { + super(options); + /** @type {Number} */ this.R; + /** @type {Number} */ this.G; + /** @type {Number} */ this.B; + /** @type {Number} */ this.A; + } + + toRGBA() { + return [this.R, this.G, this.B, this.A] + } + + toHSV() { + const max = Math.max(this.R, this.G, this.B); + const min = Math.min(this.R, this.G, this.B); + const d = max - min; + let h; + const s = (max === 0 ? 0 : d / max); + const v = max / 255; + switch (max) { + case min: + h = 0; + break + case this.R: + h = (this.G - this.B) + d * (this.G < this.B ? 6 : 0); + break + case this.G: + h = (this.B - this.R) + d * 2; + break + case this.B: + h = (this.R - this.G) + d * 4; + break + } + h /= 6 * d; + return [h, s, v] + } + + toNumber() { + return this.A + this.B << 8 + this.G << 16 + this.R << 24 + } + toString() { return Utility.printLinearColor(this) } + } class LocalizedTextEntity extends IEntity { @@ -932,6 +1052,13 @@ class LocalizedTextEntity extends IEntity { key: String, value: String, } + + constructor(options = {}) { + super(options); + /** @type {String} */ this.namespace; + /** @type {String} */ this.key; + /** @type {String} */ this.value; + } } class PathSymbolEntity extends IEntity { @@ -940,6 +1067,11 @@ class PathSymbolEntity extends IEntity { value: String, } + constructor(options = {}) { + super(options); + /** @type {String} */ this.value; + } + valueOf() { return this.value } @@ -955,6 +1087,12 @@ class PinReferenceEntity extends IEntity { objectName: PathSymbolEntity, pinGuid: GuidEntity, } + + constructor(options = {}) { + super(options); + /** @type {PathSymbolEntity} */ this.objectName; + /** @type {GuidEntity} */ this.pinGuid; + } } class RotatorEntity extends IEntity { @@ -964,6 +1102,13 @@ class RotatorEntity extends IEntity { P: Number, Y: Number, } + + constructor(values = {}) { + super(values); + /** @type {Number} */ this.R; + /** @type {Number} */ this.P; + /** @type {Number} */ this.Y; + } } class SimpleSerializationRotatorEntity extends RotatorEntity { @@ -976,6 +1121,13 @@ class VectorEntity extends IEntity { Y: Number, Z: Number, } + + constructor(options = {}) { + super(options); + /** @type {Number} */ this.X; + /** @type {Number} */ this.Y; + /** @type {Number} */ this.Z; + } } class SimpleSerializationVectorEntity extends VectorEntity { @@ -1046,6 +1198,41 @@ class PinEntity extends IEntity { : entity } + constructor(options = {}) { + super(options); + /** @type {GuidEntity} */ this.PinId; + /** @type {String} */ this.PinName; + /** @type {LocalizedTextEntity} */ this.PinFriendlyName; + /** @type {String} */ this.PinToolTip; + /** @type {String} */ this.Direction; + /** + * @type {{ + * PinCategory: String, + * PinSubCategory: String, + * PinSubCategoryObject: ObjectReferenceEntity, + * PinSubCategoryMemberReference: any, + * PinValueType: String, + * ContainerType: ObjectReferenceEntity, + * bIsReference: Boolean, + * bIsConst: Boolean, + * bIsWeakPointer: Boolean, + * bIsUObjectWrapper: Boolean, + * bSerializeAsSinglePrecisionFloat: Boolean, + * }} + */ this.PinType; + /** @type {PinReferenceEntity[]} */ this.LinkedTo; + /** @type {String} */ this.DefaultValue; + /** @type {String} */ this.AutogeneratedDefaultValue; + /** @type {ObjectReferenceEntity} */ this.DefaultObject; + /** @type {GuidEntity} */ this.PersistentGuid; + /** @type {Boolean} */ this.bHidden; + /** @type {Boolean} */ this.bNotConnectable; + /** @type {Boolean} */ this.bDefaultValueIsReadOnly; + /** @type {Boolean} */ this.bDefaultValueIsIgnored; + /** @type {Boolean} */ this.bAdvancedView; + /** @type {Boolean} */ this.bOrphanedPin; + } + getType() { if (this.PinType.PinCategory == "struct") { return this.PinType.PinSubCategoryObject.path @@ -1081,7 +1268,7 @@ class PinEntity extends IEntity { /** @type {PinReferenceEntity[]} */ this.LinkedTo; const linkFound = this.LinkedTo?.find(pinReferenceEntity => { - return pinReferenceEntity.objectName == targetObjectName + return pinReferenceEntity.objectName.toString() == targetObjectName && pinReferenceEntity.pinGuid.valueOf() == targetPinEntity.PinId.valueOf() }); if (!linkFound) { @@ -1100,7 +1287,7 @@ class PinEntity extends IEntity { */ unlinkFrom(targetObjectName, targetPinEntity) { const indexElement = this.LinkedTo?.findIndex(pinReferenceEntity => { - return pinReferenceEntity.objectName == targetObjectName + return pinReferenceEntity.objectName.toString() == targetObjectName && pinReferenceEntity.pinGuid.valueOf() == targetPinEntity.PinId.valueOf() }); if (indexElement >= 0) { @@ -1150,6 +1337,25 @@ class ObjectEntity extends IEntity { static nameRegex = /(\w+)_(\d+)/ + constructor(options = {}) { + super(options); + /** @type {ObjectReferenceEntity} */ this.Class; + /** @type {String} */ this.Name; + /** @type {Boolean?} */ this.bIsPureFunc; + /** @type {VariableReferenceEntity?} */ this.VariableReference; + /** @type {FunctionReferenceEntity?} */ this.FunctionReference; + /** @type {FunctionReferenceEntity?} */ this.EventReference; + /** @type {ObjectReferenceEntity?} */ this.TargetType; + /** @type {IntegerEntity} */ this.NodePosX; + /** @type {IntegerEntity} */ this.NodePosY; + /** @type {IdentifierEntity?} */ this.AdvancedPinDisplay; + /** @type {IdentifierEntity?} */ this.EnabledState; + /** @type {GuidEntity} */ this.NodeGuid; + /** @type {IntegerEntity?} */ this.ErrorType; + /** @type {String?} */ this.ErrorMsg; + /** @type {PinEntity[]} */ this.CustomProperties; + } + getObjectName(dropCounter = false) { if (dropCounter) { return this.getNameAndCounter()[0] @@ -1195,7 +1401,17 @@ var parsimmon_umd_min = {exports: {}}; var Parsimmon = /*@__PURE__*/getDefaultExportFromCjs(parsimmon_umd_min.exports); +// @ts-nocheck + /** @typedef {import("../entity/IEntity").default} IEntity */ +/** + * @template {IEntity} T + * @typedef {import("../entity/IEntity").IEntityConstructor} IEntityConstructor + */ +/** + * @template T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ let P = Parsimmon; @@ -1203,7 +1419,14 @@ class Grammar { /* --- Factory --- */ - static getGrammarForType(r, attributeType, defaultGrammar) { + /** + * @template T, U + * @param {Grammar} r + * @param {AnyValueConstructor} attributeType + * @param {Parsimmon} defaultGrammar + * @returns + */ + static getGrammarForType(r, attributeType, defaultGrammar = r.AttributeAnyValue) { if (attributeType instanceof TypeInitialization) { let result = Grammar.getGrammarForType(r, attributeType.type, defaultGrammar); if (attributeType.serialized && !(attributeType.type instanceof String)) { @@ -1267,6 +1490,12 @@ class Grammar { } } + /** + * @param {Grammar} r + * @param {IEntityConstructor} entityType + * @param {Parsimmon.Parser} valueSeparator + * @returns + */ static createPropertyGrammar = (r, entityType, valueSeparator = P.string("=").trim(P.optWhitespace)) => r.AttributeName.skip(valueSeparator) .chain(attributeName => { @@ -1280,6 +1509,11 @@ class Grammar { ) }) + /** + * @param {Grammar} r + * @param {IEntityConstructor} entityType + * @returns + */ static createEntityGrammar = (r, entityType) => P.seqMap( entityType.lookbehind @@ -1299,14 +1533,19 @@ class Grammar { /* --- General --- */ + /** @param {Grammar} r */ InlineWhitespace = r => P.regex(/[^\S\n]+/).desc("inline whitespace") + /** @param {Grammar} r */ InlineOptWhitespace = r => P.regex(/[^\S\n]*/).desc("inline optional whitespace") + /** @param {Grammar} r */ MultilineWhitespace = r => P.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline") + /** @param {Grammar} r */ Null = r => P.seq(P.string("("), r.InlineOptWhitespace, P.string(")")).map(_ => null).desc("null: ()") + /** @param {Grammar} r */ Boolean = r => P.alt( P.string("True"), P.string("true"), @@ -1315,19 +1554,26 @@ class Grammar { ).map(v => v.toLocaleLowerCase() === "true" ? true : false) .desc("either True or False") + /** @param {Grammar} r */ HexDigit = r => P.regex(/[0-9a-fA-f]/).desc("hexadecimal digit") + /** @param {Grammar} r */ Number = r => P.regex(/[\-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number") + /** @param {Grammar} r */ NaturalNumber = r => P.regex(/0|[1-9]\d*/).map(Number).desc("a natural number") + /** @param {Grammar} r */ ColorNumber = r => r.NaturalNumber.assert(n => 0 <= n && n < 256, "the color must be between 0 and 256 excluded") + /** @param {Grammar} r */ Word = r => P.regex(/[a-zA-Z]+/).desc("a word") + /** @param {Grammar} r */ String = r => P.regex(/(?:[^"\\]|\\.)*/).wrap(P.string('"'), P.string('"')).map(Utility.unescapeString) .desc('string (with possibility to escape the quote using \")') + /** @param {Grammar} r */ ReferencePath = r => P.seq( P.string("/"), r.PathSymbol @@ -1340,20 +1586,27 @@ class Grammar { .tie() .desc('a path (words with possibly underscore, separated by ".", separated by "/")') + /** @param {Grammar} r */ AttributeName = r => r.Word.sepBy1(P.string(".")).tieWith(".").desc('words separated by ""') /* --- Entity --- */ + /** @param {Grammar} r */ None = r => P.string("None").map(_ => new ObjectReferenceEntity({ type: "None", path: "" })).desc("none") + /** @param {Grammar} r */ Integer = r => P.regex(/[\-\+]?[0-9]+/).map(v => new IntegerEntity(v)).desc("an integer") + /** @param {Grammar} r */ Guid = r => r.HexDigit.times(32).tie().map(v => new GuidEntity({ value: v })).desc("32 digit hexadecimal value") + /** @param {Grammar} r */ Identifier = r => P.regex(/\w+/).map(v => new IdentifierEntity(v)) + /** @param {Grammar} r */ PathSymbol = r => P.regex(/[0-9\w]+/).map(v => new PathSymbolEntity({ value: v })) + /** @param {Grammar} r */ Reference = r => P.alt( r.None, ...[r.ReferencePath.map(path => new ObjectReferenceEntity({ type: "", path: path }))] @@ -1373,6 +1626,7 @@ class Grammar { r.Word.map(type => new ObjectReferenceEntity({ type: type, path: "" })), ) + /** @param {Grammar} r */ LocalizedText = r => P.seqMap( P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _0 (ignored) r.String.trim(P.optWhitespace), // Goes into namespace @@ -1388,12 +1642,14 @@ class Grammar { }) ) + /** @param {Grammar} r */ InvariantText = r => r.String.trim(P.optWhitespace).wrap( P.string(InvariantTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), P.string(")") ) .map(value => new InvariantTextEntity({ value: value })) + /** @param {Grammar} r */ AttributeAnyValue = r => P.alt( r.Null, r.None, @@ -1409,6 +1665,7 @@ class Grammar { r.LinearColor, ) + /** @param {Grammar} r */ PinReference = r => P.seqMap( r.PathSymbol, // Goes into objectNAme P.whitespace, // Goes into _ (ignored) @@ -1419,10 +1676,13 @@ class Grammar { }) ) + /** @param {Grammar} r */ Vector = r => Grammar.createEntityGrammar(r, VectorEntity) + /** @param {Grammar} r */ Rotator = r => Grammar.createEntityGrammar(r, RotatorEntity) + /** @param {Grammar} r */ SimpleSerializationRotator = r => P.seqMap( r.Number, P.string(",").trim(P.optWhitespace), @@ -1436,6 +1696,7 @@ class Grammar { }) ) + /** @param {Grammar} r */ SimpleSerializationVector = r => P.seqMap( r.Number, P.string(",").trim(P.optWhitespace), @@ -1449,10 +1710,13 @@ class Grammar { }) ) + /** @param {Grammar} r */ LinearColor = r => Grammar.createEntityGrammar(r, LinearColorEntity) + /** @param {Grammar} r */ FunctionReference = r => Grammar.createEntityGrammar(r, FunctionReferenceEntity) + /** @param {Grammar} r */ KeyBinding = r => P.alt( r.Identifier.map(identifier => new KeyBindingEntity({ Key: identifier @@ -1460,8 +1724,10 @@ class Grammar { Grammar.createEntityGrammar(r, KeyBindingEntity) ) + /** @param {Grammar} r */ Pin = r => Grammar.createEntityGrammar(r, PinEntity) + /** @param {Grammar} r */ CustomProperties = r => P.string("CustomProperties") .then(P.whitespace) @@ -1473,7 +1739,7 @@ class Grammar { Utility.objectSet(entity, ["CustomProperties"], properties, true); }) - /** @returns {Parsimmon.Parser} */ + /** @param {Grammar} r */ Object = r => P.seqMap( P.seq(P.string("Begin"), P.whitespace, P.string("Object"), P.whitespace), P @@ -1495,6 +1761,7 @@ class Grammar { /* --- Others --- */ + /** @param {Grammar} r */ LinearColorFromHex = r => P .string("#") .then(r.HexDigit.times(2).tie().times(3, 4)) @@ -1506,6 +1773,7 @@ class Grammar { A: A ? parseInt(A, 16) / 255 : 1, })) + /** @param {Grammar} r */ LinearColorFromRGBList = r => P.seqMap( r.ColorNumber, P.string(",").skip(P.optWhitespace), @@ -1520,6 +1788,7 @@ class Grammar { }) ) + /** @param {Grammar} r */ LinearColorFromRGB = r => P.string("rgb").then( r.LinearColorFromRGBList.wrap( P.regex(/\(\s*/), @@ -1527,6 +1796,7 @@ class Grammar { ) ) + /** @param {Grammar} r */ LinearColorFromRGBA = r => P.string("rgba").then( P.seqMap( r.ColorNumber, @@ -1548,6 +1818,7 @@ class Grammar { ) ) + /** @param {Grammar} r */ LinearColorFromAnyColor = r => P.alt( r.LinearColorFromRGBList, r.LinearColorFromHex, @@ -1556,18 +1827,35 @@ class Grammar { ) } -/** @template {IEntity} T */ +/** + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ + +/** @template {AnyValue} T */ class ISerializer { + // @ts-expect-error static grammar = Parsimmon.createLanguage(new Grammar()) - constructor(entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) { + /** @param {AnyValueConstructor} entityType */ + constructor( + entityType, + prefix = "", + separator = ",", + trailingSeparator = false, + attributeValueConjunctionSign = "=", + attributeKeyPrinter = k => k.join(".") + ) { this.entityType = entityType; - this.prefix = prefix ?? ""; - this.separator = separator ?? ","; - this.trailingSeparator = trailingSeparator ?? false; - this.attributeValueConjunctionSign = attributeValueConjunctionSign ?? "="; - this.attributeKeyPrinter = attributeKeyPrinter ?? (k => k.join(".")); + this.prefix = prefix; + this.separator = separator; + this.trailingSeparator = trailingSeparator; + this.attributeValueConjunctionSign = attributeValueConjunctionSign; + this.attributeKeyPrinter = attributeKeyPrinter; } /** @@ -1578,12 +1866,8 @@ class ISerializer { return this.read(value) } - /** - * @param {T} object - * @param {Boolean} insideString - * @returns {String} - */ - serialize(object, insideString, entity = object) { + /** @param {T} object */ + serialize(object, insideString = false, entity = object) { return this.write(entity, object, insideString) } @@ -1605,6 +1889,7 @@ class ISerializer { } /** + * @param {AnyValue} value * @param {String[]} fullKey * @param {Boolean} insideString */ @@ -1654,6 +1939,7 @@ class ISerializer { } showProperty(entity, object, attributeKey, attributeValue) { + // @ts-expect-error const attributes = this.entityType.attributes; const attribute = Utility.objectGet(attributes, attributeKey); if (attribute instanceof TypeInitialization) { @@ -1825,6 +2111,7 @@ class IKeyboardShortcut extends IInput { return v } if (v.constructor === String) { + // @ts-expect-error const parsed = ISerializer.grammar.KeyBinding.parse(v); if (parsed.status) { return parsed.value @@ -1928,6 +2215,7 @@ class KeyboardCanc extends IKeyboardShortcut { class IPointing extends IInput { constructor(target, blueprint, options) { + options.ignoreTranslateCompensate ??= false; options.movementSpace ??= blueprint?.getGridDOMElement() ?? document.documentElement; super(target, blueprint, options); this.movementSpace = options.movementSpace; @@ -1939,7 +2227,9 @@ class IPointing extends IInput { [mouseEvent.clientX, mouseEvent.clientY], this.movementSpace ); - return this.blueprint.compensateTranslation(location) + return this.options.ignoreTranslateCompensate + ? location + : this.blueprint.compensateTranslation(location) } } @@ -2088,13 +2378,21 @@ class IMouseClickDrag extends IPointing { clickedPosition = [0, 0] mouseLocation = [0, 0] + /** + * + * @param {T} target + * @param {Blueprint} blueprint + * @param {Object} options + */ constructor(target, blueprint, options = {}) { options.clickButton ??= 0; options.consumeEvent ??= true; - options.exitAnyButton ??= true; options.draggableElement ??= target; + options.exitAnyButton ??= true; options.looseTarget ??= false; options.moveEverywhere ??= false; + options.movementSpace ??= blueprint?.getGridDOMElement(); + options.repositionClickOffset ??= false; super(target, blueprint, options); this.stepSize = parseInt(options?.stepSize ?? Configuration.gridSize); @@ -2208,7 +2506,7 @@ class IMouseClickDrag extends IPointing { startDrag(location) { } - dragTo(location, movement) { + dragTo(location, offset) { } endDrag() { @@ -2318,6 +2616,7 @@ class MouseTracking extends IPointing { */ class IElement extends s { + /** @type {import("lit").PropertyDeclarations} */ static properties = { } @@ -2329,7 +2628,7 @@ class IElement extends s { return this.#blueprint } set blueprint(v) { - return this.#blueprint = v + this.#blueprint = v; } /** @type {T} */ @@ -2368,7 +2667,7 @@ class IElement extends s { connectedCallback() { super.connectedCallback(); - this.blueprint = this.closest("ueb-blueprint"); + this.blueprint = /** @type {Blueprint} */ this.closest("ueb-blueprint"); this.template.connectedCallback(); } @@ -2429,13 +2728,13 @@ class IElement extends s { } /** - * @typedef {import("../template/SelectableDraggableTemplate").default} SelectableDraggableTemplate + * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate * @typedef {import("../entity/IEntity").default} IEntity */ /** * @template {IEntity} T - * @template {SelectableDraggableTemplate} U + * @template {IDraggableTemplate} U * @extends {IElement} */ class IDraggableElement extends IElement { @@ -2451,8 +2750,11 @@ class IDraggableElement extends IElement { attribute: false, }, } + static dragEventName = Configuration.dragEventName + static dragGeneralEventName = Configuration.dragGeneralEventName constructor(...args) { + // @ts-expect-error super(...args); this.locationX = 0; this.locationY = 0; @@ -2464,7 +2766,8 @@ class IDraggableElement extends IElement { this.locationX = x; this.locationY = y; if (this.blueprint) { - const dragLocalEvent = new CustomEvent(Configuration.nodeDragLocalEventName, { + // @ts-expect-error + const dragLocalEvent = new CustomEvent(this.constructor.dragEventName, { detail: { value: d, }, @@ -2482,7 +2785,8 @@ class IDraggableElement extends IElement { /** @param {Number[]} value */ dispatchDragEvent(value) { - const dragEvent = new CustomEvent(Configuration.nodeDragEventName, { + // @ts-expect-error + const dragEvent = new CustomEvent(this.constructor.dragGeneralEventName, { detail: { value: value }, @@ -2507,8 +2811,8 @@ class IDraggableElement extends IElement { /** * @template {IEntity} T - * @template {IDraggableElement} U - * @extends {IElement} + * @template {SelectableDraggableTemplate} U + * @extends {IDraggableElement} */ class ISelectableDraggableElement extends IDraggableElement { @@ -2537,7 +2841,7 @@ class ISelectableDraggableElement extends IDraggableElement { disconnectedCallback() { super.disconnectedCallback(); - this.blueprint.removeEventListener(Configuration.nodeDragEventName, this.dragHandler); + this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler); } setSelected(value = true) { @@ -2545,9 +2849,9 @@ class ISelectableDraggableElement extends IDraggableElement { if (this.blueprint) { if (this.selected) { this.listeningDrag = true; - this.blueprint.addEventListener(Configuration.nodeDragEventName, this.dragHandler); + this.blueprint.addEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler); } else { - this.blueprint.removeEventListener(Configuration.nodeDragEventName, this.dragHandler); + this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler); this.listeningDrag = false; } } @@ -2598,6 +2902,7 @@ class IFromToPositionedElement extends IElement { } constructor(...args) { + // @ts-expect-error super(...args); this.initialPositionX = 0; this.initialPositionY = 0; @@ -2886,7 +3191,7 @@ class LinkElement extends IFromToPositionedElement { const nodeElement = getCurrentPin().getNodeElement(); nodeElement.removeEventListener(Configuration.nodeDeleteEventName, this.#nodeDeleteHandler); nodeElement.removeEventListener( - Configuration.nodeDragLocalEventName, + Configuration.nodeDragEventName, isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler ); nodeElement.removeEventListener( @@ -2902,7 +3207,7 @@ class LinkElement extends IFromToPositionedElement { const nodeElement = getCurrentPin().getNodeElement(); nodeElement.addEventListener(Configuration.nodeDeleteEventName, this.#nodeDeleteHandler); nodeElement.addEventListener( - Configuration.nodeDragLocalEventName, + Configuration.nodeDragEventName, isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler ); nodeElement.addEventListener( @@ -3112,15 +3417,14 @@ class MouseCreateLink extends IMouseClickDrag { } /** - * @typedef {import("../input/IInput").default} IInput * @typedef {import("../element/NodeElement").default} NodeElement * @typedef {import("../element/PinElement").default} PinElement + * @typedef {import("../input/IInput").default} IInput */ +/** @extends ITemplate */ class PinTemplate extends ITemplate { - static styles = r$2`` - connectedCallback() { super.connectedCallback(); this.element.nodeElement = this.element.closest("ueb-node"); @@ -3131,7 +3435,7 @@ class PinTemplate extends ITemplate { return [ new MouseCreateLink(this.element.clickableElement, this.element.blueprint, { moveEverywhere: true, - looseTarget: true + looseTarget: true, }) ] } @@ -3144,7 +3448,7 @@ class PinTemplate extends ITemplate { `; const content = $`
- ${this.element.getPinDisplayName()} + ${this.element.getPinDisplayName()} ${this.renderInput()}
`; @@ -3342,6 +3646,213 @@ class ExecPinTemplate extends PinTemplate { } } +/** + * @typedef {import("../../Blueprint").default} Blueprint + * @typedef {import("../../element/IDraggableElement").default} IDraggableElement + */ + +/** + * @template {IDraggableElement} T + * @extends {IMouseClickDrag} + */ +class MouseMoveDraggable extends IMouseClickDrag { + + clicked(location) { + if (this.options.repositionClickOffset) { + this.target.setLocation(this.stepSize > 1 + ? Utility.snapToGrid(location, this.stepSize) + : location + ); + } + } + + dragTo(location, offset) { + const targetLocation = [this.target.locationX, this.target.locationY]; + const [adjustedLocation, adjustedTargetLocation] = this.stepSize > 1 + ? [Utility.snapToGrid(location, this.stepSize), Utility.snapToGrid(targetLocation, this.stepSize)] + : [location, targetLocation]; + offset = [ + adjustedLocation[0] - this.mouseLocation[0], + adjustedLocation[1] - this.mouseLocation[1] + ]; + if (offset[0] == 0 && offset[1] == 0) { + return + } + // Make sure it snaps on the grid + offset[0] += adjustedTargetLocation[0] - this.target.locationX; + offset[1] += adjustedTargetLocation[1] - this.target.locationY; + this.dragAction(adjustedLocation, offset); + // Reassign the position of mouse + this.mouseLocation = adjustedLocation; + } + + dragAction(location, offset) { + this.target.addLocation(offset); + } +} + +/** @typedef {import("../element/IDraggableElement").default} IDraggableElement */ + +/** + * @template {IDraggableElement} T + * @extends {ITemplate} + */ +class IDraggableTemplate extends ITemplate { + + getDraggableElement() { + return this.element + } + + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), + looseTarget: true, + }) + } + + createInputObjects() { + return [ + ...super.createInputObjects(), + this.createDraggableObject(), + ] + } + + /** @param {Map} changedProperties */ + update(changedProperties) { + super.update(changedProperties); + if (changedProperties.has("locationX")) { + this.element.style.setProperty("--ueb-position-x", `${this.element.locationX}`); + } + if (changedProperties.has("locationY")) { + this.element.style.setProperty("--ueb-position-y", `${this.element.locationY}`); + } + } +} + +/** @typedef {import("../element/WindowElement").default} WindowElement */ + +/** @extends {IDraggableTemplate} */ +class WindowTemplate extends IDraggableTemplate { + + static windowName = $`Window` + + toggleAdvancedDisplayHandler + + getDraggableElement() { + return this.element.querySelector(".ueb-window-top") + } + + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), + looseTarget: true, + stepSize: 1, + movementSpace: this.element.blueprint, + }) + } + + createInputObjects() { + return [ + ...super.createInputObjects(), + this.createDraggableObject(), + ] + } + + render() { + return $` +
+
+
${this.constructor.windowName}
+
+ + + + +
+
+
+ ${this.renderContent()} +
+
+ ` + } + + renderContent() { + return $`` + } +} + +/** @typedef {import("../element/WindowElement").default} WindowElement */ + +class ColorPickerWindowTemplate extends WindowTemplate { + + static windowName = $`Color Picker` + + /** @type {LinearColorEntity} */ + #color + get color() { + return this.#color + } + /** @param {LinearColorEntity} value */ + set color(value) { + if (value.num() == this.color.num()) { + this.element.requestUpdate("color", this.#color); + this.#color = value; + } + } + + connectedCallback() { + super.connectedCallback(); + this.color = this.element.windowOptions.getPinColor(); + } + + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + } + + renderContent() { + const rgba = this.color.rgba(); + return $` +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ` + } + + cleanup() { + this.element.blueprint.removeEventListener(Configuration.colorWindowEventName, this.colorWindowHandler); + } +} + /** @typedef {import("../../Blueprint").default} Blueprint */ /** @@ -3421,180 +3932,10 @@ class IMouseClick extends IPointing { } } -/** - * @typedef {import("../../Blueprint").default} Blueprint - * @typedef {import("../../element/ISelectableDraggableElement").default} ISelectableDraggableElement - */ - -/** @extends {IMouseClickDrag} */ -class MouseMoveDraggable extends IMouseClickDrag { - - dragTo(location, movement) { - const initialTargetLocation = [this.target.locationX, this.target.locationY]; - const [mouseLocation, targetLocation] = this.stepSize > 1 - ? [Utility.snapToGrid(location, this.stepSize), Utility.snapToGrid(initialTargetLocation, this.stepSize)] - : [location, initialTargetLocation]; - const d = [ - mouseLocation[0] - this.mouseLocation[0], - mouseLocation[1] - this.mouseLocation[1] - ]; - if (d[0] == 0 && d[1] == 0) { - return - } - // Make sure it snaps on the grid - d[0] += targetLocation[0] - this.target.locationX; - d[1] += targetLocation[1] - this.target.locationY; - this.target.addLocation(d); - // Reassign the position of mouse - this.mouseLocation = mouseLocation; - } -} - -/** @typedef {import("../element/IDraggableElement").default} IDraggableElement */ - -/** - * @template {ISelectableDraggableElement} T - * @extends {ITemplate} - */ -class IDraggableTemplate extends ITemplate { - - getDraggableElement() { - return this.element - } - - createDraggableObject() { - return new MouseMoveDraggable(this.element, this.element.blueprint, { - draggableElement: this.getDraggableElement(), - looseTarget: true, - }) - } - - createInputObjects() { - return [ - ...super.createInputObjects(), - this.createDraggableObject(), - ] - } - - /** - * @param {Map} changedProperties - */ - update(changedProperties) { - super.update(changedProperties); - if (changedProperties.has("locationX")) { - this.element.style.setProperty("--ueb-position-x", `${this.element.locationX}`); - } - if (changedProperties.has("locationY")) { - this.element.style.setProperty("--ueb-position-y", `${this.element.locationY}`); - } - } -} - -/** @typedef {import("../element/WindowElement").default} WindowElement */ - -/** @extends {SelectableDraggableTemplate} */ -class WindowTemplate extends IDraggableTemplate { - - static windowName = $`Window` - - toggleAdvancedDisplayHandler - - getDraggableElement() { - return this.element.querySelector(".ueb-window-top") - } - - createDraggableObject() { - return new MouseMoveDraggable(this.element, this.element.blueprint, { - draggableElement: this.getDraggableElement(), - looseTarget: true, - stepSize: 1, - movementSpace: this.element.blueprint, - }) - } - - createInputObjects() { - return [ - ...super.createInputObjects(), - this.createDraggableObject(), - ] - } - - render() { - return $` -
-
-
${this.constructor.windowName}
-
- - - - -
-
-
- ${this.renderContent()} -
-
- ` - } - - renderContent() { - return $`` - } -} - -/** @typedef {import("../element/WindowElement").default} WindowElement */ - -class ColorPickerWindowTemplate extends WindowTemplate { - - static windowName = $`Color Picker` - - #picker - - /** @param {Map} changedProperties */ - firstUpdated(changedProperties) { - this.#picker = new iro.ColorPicker( - this.element.querySelector(".ueb-color-picker"), - { - layout: [ - - ] - } - ); - } - - renderContent() { - return $` -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ` - } -} - -/** @extends {ISelectableDraggableElement} */ +/** + * @template {WindowTemplate} T + * @extends {IDraggableElement} + */ class WindowElement extends IDraggableElement { static #typeTemplateMap = { @@ -3616,13 +3957,15 @@ class WindowElement extends IDraggableElement { }, } - constructor(properties = {}) { - if (properties.type.constructor == String) { - properties.type = WindowElement.#typeTemplateMap[properties.type]; + constructor(options = {}) { + if (options.type.constructor == String) { + options.type = WindowElement.#typeTemplateMap[options.type]; } - properties.type ??= WindowTemplate; - super({}, new properties.type()); - this.type = properties.type; + options.type ??= WindowTemplate; + options.windowOptions ??= {}; + super({}, new options.type()); + this.type = options.type; + this.windowOptions = options.windowOptions; } disconnectedCallback() { @@ -3649,17 +3992,13 @@ class MouseOpenWindow extends IMouseClick { #window - constructor(target, blueprint, options = {}) { - options.windowType ??= "window"; - super(target, blueprint, options); - } - clicked(location) { } unclicked(location) { this.#window = new WindowElement({ - type: this.options.windowType + type: this.options.windowType, + windowOptions: this.options.windowOptions, }); this.blueprint.append(this.#window); } @@ -3687,7 +4026,14 @@ class LinearColorPinTemplate extends IInputPinTemplate { ...super.createInputObjects(), new MouseOpenWindow(this.#input, this.element.blueprint, { moveEverywhere: true, - looseTarget: true + looseTarget: true, + windowType: ColorPickerWindowTemplate, + windowOptions: { + // The created window will use the following functions to get and set the color + getPinColor: () => this.element.defaultValue, + /** @param {LinearColorEntity} color */ + setPinColor: color => this.element.setDefaultValue(color), + }, }) ] } @@ -3938,6 +4284,7 @@ class PinElement extends IElement { type: LinearColorEntity, converter: { fromAttribute: (value, type) => { + // @ts-expect-error return value ? ISerializer.grammar.LinearColorFromAnyColor.parse(value).value : null }, toAttribute: (value, type) => { @@ -3971,7 +4318,7 @@ class PinElement extends IElement { /** * @param {PinEntity} pinEntity - * @return {PinTemplate} + * @return {new () => PinTemplate} */ static getTypeTemplate(pinEntity) { let result = PinElement.#typeTemplateMap[ @@ -4013,6 +4360,7 @@ class PinElement extends IElement { this.unreactiveDefaultValue = entity.getDefaultValue(); } this.pinType = this.entity.getType(); + // @ts-expect-error this.color = this.constructor.properties.color.converter.fromAttribute(Configuration.pinColor[this.pinType]?.toString()); this.isLinked = false; this.pinDirection = entity.isInput() ? "input" : entity.isOutput() ? "output" : "hidden"; @@ -4133,10 +4481,10 @@ customElements.define("ueb-pin", PinElement); /** * @typedef {import("../../Blueprint").default} Blueprint - * @typedef {import("../../element/ISelectableDraggableElement").default} ISelectableDraggableElement + * @typedef {import("../../element/NodeElement").default} NodeElement */ -/** @extends {IMouseClickDrag} */ +/** @extends {MouseMoveDraggable} */ class MouseMoveNodes extends MouseMoveDraggable { startDrag() { @@ -4146,24 +4494,8 @@ class MouseMoveNodes extends MouseMoveDraggable { } } - dragTo(location, movement) { - const initialTargetLocation = [this.target.locationX, this.target.locationY]; - const [mouseLocation, targetLocation] = this.stepSize > 1 - ? [Utility.snapToGrid(location, this.stepSize), Utility.snapToGrid(initialTargetLocation, this.stepSize)] - : [location, initialTargetLocation]; - const d = [ - mouseLocation[0] - this.mouseLocation[0], - mouseLocation[1] - this.mouseLocation[1] - ]; - if (d[0] == 0 && d[1] == 0) { - return - } - // Make sure it snaps on the grid - d[0] += targetLocation[0] - this.target.locationX; - d[1] += targetLocation[1] - this.target.locationY; - this.target.dispatchDragEvent(d); - // Reassign the position of mouse - this.mouseLocation = mouseLocation; + dragAction(location, offset) { + this.target.dispatchDragEvent(offset); } unclicked() { @@ -4221,7 +4553,7 @@ class NodeTemplate extends SelectableDraggableTemplate { fill="currentColor" /> - + ${this.element.nodeDisplayName} @@ -4309,6 +4641,8 @@ class NodeElement extends ISelectableDraggableElement { reflect: true, } } + static dragEventName = Configuration.nodeDragEventName + static dragGeneralEventName = Configuration.nodeDragGeneralEventName get blueprint() { return super.blueprint @@ -4349,6 +4683,7 @@ class NodeElement extends ISelectableDraggableElement { static fromSerializedObject(str) { str = str.trim(); let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str); + // @ts-expect-error return new NodeElement(entity) } @@ -4402,7 +4737,9 @@ class NodeElement extends ISelectableDraggableElement { setLocation(value = [0, 0]) { let nodeType = this.entity.NodePosX.constructor; + // @ts-expect-error this.entity.NodePosX = new nodeType(value[0]); + // @ts-expect-error this.entity.NodePosY = new nodeType(value[1]); super.setLocation(value); } @@ -4518,20 +4855,17 @@ class Select extends IMouseClickDrag { class OrderedIndexArray { /** - * @param {(arrayElement: number) => number} compareFunction A function that, given acouple of elements of the array telles what order are they on. - * @param {(number|array)} value Initial length or array to copy from + * @param {(arrayElement: number) => number} comparisonValueSupplier + * @param {number} value */ - constructor(comparisonValueSupplier = (a) => a, value = null) { + constructor(comparisonValueSupplier = v => v, value = null) { this.array = new Uint32Array(value); this.comparisonValueSupplier = comparisonValueSupplier; this.length = 0; this.currentPosition = 0; } - /** - * @param {number} index The index of the value to return - * @returns The element of the array - */ + /** @param {number} index */ get(index) { if (index >= 0 && index < this.length) { return this.array[index] @@ -4539,19 +4873,11 @@ class OrderedIndexArray { return null } - /** - * Returns the array used by this object. - * @returns The array. - */ getArray() { return this.array } - /** - * Get the position that the value supplied should (or does) occupy in the aray. - * @param {number} value The value to look for (it doesn't have to be part of the array). - * @returns The position index. - */ + /** @param {number} value */ getPosition(value) { let l = 0; let r = this.length; @@ -4574,11 +4900,7 @@ class OrderedIndexArray { } } - /** - * Inserts the element in the array. - * @param element {number} The value to insert into the array. - * @returns {number} The position into occupied by value into the array. - */ + /** @param {number} element */ insert(element, comparisonValue = null) { let position = this.getPosition(this.comparisonValueSupplier(element)); if ( @@ -4592,10 +4914,7 @@ class OrderedIndexArray { return position } - /** - * Removes the element from the array. - * @param {number} value The value of the element to be remove. - */ + /** @param {number} element */ remove(element) { let position = this.getPosition(this.comparisonValueSupplier(element)); if (this.array[position] == element) { @@ -4603,10 +4922,7 @@ class OrderedIndexArray { } } - /** - * Removes the element into the specified position from the array. - * @param {number} position The index of the element to be remove. - */ + /** @param {number} position */ removeAt(position) { if (position < this.currentPosition) { --this.currentPosition; @@ -4656,12 +4972,7 @@ class OrderedIndexArray { } /** - * @typedef {{ - * primaryInf: Number, - * primarySup: Number, - * secondaryInf: Number, - * secondarySup: Number - * }} BoundariesInfo + * @typedef {import("../Blueprint").BoundariesInfo} BoundariesInfo * @typedef {{ * primaryBoundary: Number, * secondaryBoundary: Number, @@ -4674,15 +4985,15 @@ class OrderedIndexArray { class FastSelectionModel { /** - * @param {Number[]} initialPosition Coordinates of the starting point of selection [primaryAxisValue, secondaryAxisValue]. - * @param {Rectangle[]} rectangles Rectangles that can be selected by this object. - * @param {(rect: Rectangle) => BoundariesInfo} boundariesFunc A function that, given a rectangle, it provides the boundaries of such rectangle. - * @param {(rect: Rectangle, selected: Boolean) => void} selectFunc A function that selects or deselects individual rectangles. + * @param {Number[]} initialPosition + * @param {Rectangle[]} rectangles + * @param {(rect: Rectangle) => BoundariesInfo} boundariesFunc + * @param {(rect: Rectangle, selected: Boolean) => void} selectFunc */ constructor(initialPosition, rectangles, boundariesFunc, selectFunc) { this.initialPosition = initialPosition; this.finalPosition = initialPosition; - /** @type Metadata[] */ + /** @type {Metadata[]} */ this.metadata = new Array(rectangles.length); this.primaryOrder = new OrderedIndexArray((element) => this.metadata[element].primaryBoundary); this.secondaryOrder = new OrderedIndexArray((element) => this.metadata[element].secondaryBoundary); @@ -4691,7 +5002,7 @@ class FastSelectionModel { this.primaryOrder.reserve(this.rectangles.length); this.secondaryOrder.reserve(this.rectangles.length); rectangles.forEach((rect, index) => { - /** @type Metadata */ + /** @type {Metadata} */ let rectangleMetadata = { primaryBoundary: this.initialPosition[0], secondaryBoundary: this.initialPosition[1], @@ -4831,6 +5142,7 @@ class SelectorElement extends IFromToPositionedElement { super({}, new SelectorTemplate()); this.selectionModel = null; } + /** @param {Number[]} initialPosition */ beginSelect(initialPosition) { this.blueprint.selecting = true; @@ -5016,6 +5328,12 @@ class BlueprintTemplate extends ITemplate { * @typedef {import("./element/PinElement").default} PinElement * @typedef {import("./entity/GuidEntity").default} GuidEntity * @typedef {import("./entity/PinReferenceEntity").default} PinReferenceEntity + * @typedef {{ + * primaryInf: Number, + * primarySup: Number, + * secondaryInf: Number, + * secondarySup: Number + * }} BoundariesInfo */ /** @extends {IElement} */ @@ -5100,7 +5418,7 @@ class Blueprint extends IElement { let rect = node.getBoundingClientRect(); let gridRect = this.nodesContainerElement.getBoundingClientRect(); const scaleCorrection = 1 / this.getScale(); - return { + return /** @type {BoundariesInfo} */ { primaryInf: (rect.left - gridRect.left) * scaleCorrection, primarySup: (rect.right - gridRect.right) * scaleCorrection, // Counter intuitive here: the y (secondary axis is positive towards the bottom, therefore upper bound "sup" is bottom) @@ -5138,11 +5456,13 @@ class Blueprint extends IElement { return [this.scrollX, this.scrollY] } + /** @param {Number[]} param0 */ setScroll([x, y], smooth = false) { this.scrollX = x; this.scrollY = y; } + /** @param {Number[]} delta */ scrollDelta(delta, smooth = false) { const maxScroll = [2 * Configuration.expandGridSize, 2 * Configuration.expandGridSize]; let currentScroll = this.getScroll(); @@ -5288,7 +5608,7 @@ class Blueprint extends IElement { let result = this.template.getPin(pinReference); if (result // Make sure it wasn't renamed in the meantime - && result.nodeElement.getNodeName() == pinReference.objectName) { + && result.nodeElement.getNodeName() == pinReference.objectName.toString()) { return result } // Slower fallback @@ -5409,12 +5729,22 @@ class Blueprint extends IElement { customElements.define("ueb-blueprint", Blueprint); -/** @typedef {import("../entity/IEntity").default} IEntity */ +/** + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ -/** @template {IEntity} T */ +/** + * @template {AnyValue} T + * @extends ISerializer + */ class GeneralSerializer extends ISerializer { - /** @param {new () => T} entityType */ + /** @param {AnyValueConstructor} entityType */ constructor(wrap, entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) { wrap = wrap ?? (v => `(${v})`); super(entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter); @@ -5426,6 +5756,7 @@ class GeneralSerializer extends ISerializer { * @returns {T} */ read(value) { + // @ts-expect-error let grammar = Grammar.getGrammarForType(ISerializer.grammar, this.entityType); const parseResult = grammar.parse(value); if (!parseResult.status) { @@ -5445,16 +5776,26 @@ class GeneralSerializer extends ISerializer { } } -/** @typedef {import("../entity/IEntity").default} IEntity */ +/** + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ -/** @template {IEntity | Boolean | Number | String} T */ +/** + * @template {AnyValue} T + * @extends {GeneralSerializer} + */ class CustomSerializer extends GeneralSerializer { #objectWriter /** * @param {(v: T, insideString: Boolean) => String} objectWriter - * @param {new () => T} entityType + * @param {AnyValueConstructor} entityType */ constructor(objectWriter, entityType) { super(undefined, entityType); @@ -5472,12 +5813,18 @@ class CustomSerializer extends GeneralSerializer { } } -/** @typedef {import("../entity/IEntity").default} IEntity */ - -/** @template {IEntity} T */ +/** @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ +/** + * @template {AnyValue} T + * @extends {GeneralSerializer} + */ class ToStringSerializer extends GeneralSerializer { - /** @param {new () => T} entityType */ + /** @param {AnyValueConstructor} entityType */ constructor(entityType) { super(undefined, entityType); } @@ -5614,7 +5961,9 @@ function initializeSerializerFactory() { String, new CustomSerializer( (value, insideString) => insideString + // @ts-expect-error ? Utility.escapeString(value) + // @ts-expect-error : `"${Utility.escapeString(value)}"`, String ) diff --git a/dist/ueblueprint.min.js b/dist/ueblueprint.min.js index 775a154..015294c 100644 --- a/dist/ueblueprint.min.js +++ b/dist/ueblueprint.min.js @@ -14,10 +14,10 @@ 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,v=`lit$${(Math.random()+"").slice(9)}$`,b="?"+v,y=`<${b}>`,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,N=/>/g,C=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),D=Symbol.for("lit-noChange"),O=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]?C:'"'===l[3]?$:A):o===$||o===A?o=C:o===x||o===N?o=k:(o=C,s=void 0);const d=o===C&&e[t+1].startsWith("/>")?" ":"";r+=o===k?n+y:u>=0?(i.push(a),n.slice(0,u)+"$lit$"+n.slice(u)+v+d):n+v+(-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]=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!==O&&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=O}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!==D,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)}$`,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,N=/>/g,C=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,D=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),T=Symbol.for("lit-noChange"),O=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]?C:'"'===l[3]?$:A):o===$||o===A?o=C:o===x||o===N?o=k:(o=C,s=void 0);const d=o===C&&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]=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!==O&&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 B(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 z(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=O}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;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 D}}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 deleteNodesKeyboardKey="Delete";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 nodeDragEventName="ueb-node-drag";static nodeDragLocalEventName="ueb-node-drag-local";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{#i;get type(){return this.#i}set type(e){this.#i=e}#s=!0;get showDefault(){return this.#s}set showDefault(e){this.#s=e}#r;get value(){return this.#r}set value(e){this.#r=e}#o;get serialized(){return this.#o}set serialized(e){this.#o=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?"":te.sanitize(new e)),this.#i=e,this.#s=t,this.#r=n,this.#o=i}}class ne{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){return Number(getComputedStyle(e).getPropertyValue("--ueb-scale"))}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/ne.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=ne.objectGet(e.constructor.attributes,t)){return n instanceof ee?ne.isSerialized(e,t,n.calculate(e)):n instanceof te&&(!!n.serialized||ne.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]]:ne.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),ne.objectSet(e[t[0]],t.slice(1),n,i,s);return!1}static equals(e,t){return(e=te.sanitize(e))===(t=te.sanitize(t))||(e instanceof Array&&t instanceof Array?e.length==t.length&&!e.find(((e,n)=>!ne.equals(e,t[n]))):void 0)}static getType(e){if(null===e)return null;let t=e?.constructor;switch(t){case te:return ne.getType(e.type);case Function:return e;default:return t}}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 ne.mergeArrays(Object.getOwnPropertyNames(n),Object.getOwnPropertyNames(i??{}))){let o=ne.objectGet(i,[r]),a=n[r],l=ne.getType(a);if(a instanceof ee&&(a=a.calculate(this),l=ne.getType(a)),r in n?r in i||void 0===a||a instanceof te&&!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 te){if(!a.showDefault){e[r]=void 0;continue}a.serialized?a="":(l=a.type,a=a.value)}a instanceof Array&&(a=[]),e[r]=te.sanitize(a,l)}else o?.constructor===String&&a instanceof te&&a.serialized&&a.type!==String&&(o=ie.getSerializer(a.type).deserialize(o)),e[r]=te.sanitize(o,ne.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}}class oe extends se{static attributes={MemberParent:re,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})}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()};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}}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)}}class he extends se{static attributes={R:Number,G:Number,B:Number,A:Number};toString(){return ne.printLinearColor(this)}}class pe extends se{static lookbehind="NSLOCTEXT";static attributes={namespace:String,key:String,value:String}}class me extends se{static attributes={value:String};valueOf(){return this.value}toString(){return this.value}}class ge extends se{static attributes={objectName:me,pinGuid:ae}}class fe extends se{static attributes={R:Number,P:Number,Y:Number}}class ve extends fe{}class be extends se{static attributes={X:Number,Y:Number,Z:Number}}class ye extends be{}class Ee extends se{static#u={"/Script/CoreUObject.LinearColor":he,"/Script/CoreUObject.Rotator":fe,"/Script/CoreUObject.Vector":be,bool:Boolean,exec:String,name:String,real:Number,string:String};static#c={"/Script/CoreUObject.Vector":ye,"/Script/CoreUObject.Rotator":ve};static lookbehind="Pin";static attributes={PinId:ae,PinName:"",PinFriendlyName:new te(pe,!1,null),PinToolTip:"",Direction:new te(String,!1,""),PinType:{PinCategory:"",PinSubCategory:"",PinSubCategoryObject:re,PinSubCategoryMemberReference:null,PinValueType:null,ContainerType:re,bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1},LinkedTo:new te([ge],!1),DefaultValue:new ee((e=>new te(Ee.getEntityType(e.getType(),!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new te(String,!1),DefaultObject:new te(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}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==e&&n.pinGuid.valueOf()==t.PinId.valueOf()));return!n&&((this.LinkedTo??(this.LinkedTo=[])).push(new ge({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const n=this.LinkedTo?.findIndex((n=>n.objectName==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 we extends se{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class Se extends se{static attributes={Class:re,Name:"",bIsPureFunc:new te(Boolean,!1,!1),VariableReference:new te(we,!1,null),FunctionReference:new te(oe,!1,null),EventReference:new te(oe,!1,null),TargetType:new te(re,!1,null),NodePosX:ue,NodePosY:ue,AdvancedPinDisplay:new te(le,!1,null),EnabledState:new te(le,!1,null),NodeGuid:ae,ErrorType:new te(ue,!1),ErrorMsg:new te(String,!1,""),CustomProperties:[Ee]};static nameRegex=/(\w+)_(\d+)/;getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(Se.nameRegex);return e&&3==e.length?[e[1],parseInt(e[2])]:["",0]}getDisplayName(){let e=this.FunctionReference?.MemberName;return e?(e=ne.formatStringName(e),e):(e=ne.formatStringName(this.getNameAndCounter()[0]),e)}getCounter(){return this.getNameAndCounter()[1]}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Pe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ke={exports:{}};"undefined"!=typeof self&&self;var xe=Pe(ke.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 v(e){return p("intLE",e),h("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function b(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 N(e){if(!b(e))throw new Error("not a parser: "+e)}function C(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,D=3,O=8,M=5*O,_=4*O,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%O,p=c-h,m=z(h,M,_+O,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,T,D,f.length),s=f.slice(r.from,r.to),l=r.to.toString().length}var v=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===v,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 U(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 R(){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+")",U(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(b(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 N(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=C(t,n);return n=e.length?S(t,"any character/byte"):w(t+1,C(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=K,i.sepBy1=W,i.seq=R,i.seqMap=V,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=C(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:v,int8LE:v(1),int16LE:v(2),int32LE:v(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=xe;class Ce{static getGrammarForType(e,t,n){if(t instanceof te){let i=Ce.getGrammarForType(e,t.type,n);return!t.serialized||t.type instanceof String||(i=i.wrap(Ne.string('"'),Ne.string('"'))),i}switch(ne.getType(t)){case Boolean:return e.Boolean;case Number:return e.Number;case ue:return e.Integer;case String:return e.String;case ae:return e.Guid;case le:return e.Identifier;case re:return e.Reference;case pe:return e.LocalizedText;case ce:return e.InvariantText;case ge:return e.PinReference;case be:return e.Vector;case fe:return e.Rotator;case ve:return e.SimpleSerializationRotator;case ye:return e.SimpleSerializationVector;case he:return e.LinearColor;case oe:return e.FunctionReference;case Ee:return e.Pin;case Array:return Ne.seqMap(Ne.string("("),t.map((t=>Ce.getGrammarForType(e,ne.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));default:return n}}static createPropertyGrammar=(e,t,n=Ne.string("=").trim(Ne.optWhitespace))=>e.AttributeName.skip(n).chain((n=>{const i=n.split("."),s=ne.objectGet(t.attributes,i);return Ce.getGrammarForType(e,s,e.AttributeAnyValue).map((e=>t=>ne.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("("),Ce.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");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(ne.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 me({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(pe.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 pe({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 ge({objectName:e,pinGuid:n})));Vector=e=>Ce.createEntityGrammar(e,be);Rotator=e=>Ce.createEntityGrammar(e,fe);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 ye({X:e,Y:n,Z:s})));LinearColor=e=>Ce.createEntityGrammar(e,he);FunctionReference=e=>Ce.createEntityGrammar(e,oe);KeyBinding=e=>Ne.alt(e.Identifier.map((e=>new de({Key:e}))),Ce.createEntityGrammar(e,de));Pin=e=>Ce.createEntityGrammar(e,Ee);CustomProperties=e=>Ne.string("CustomProperties").then(Ne.whitespace).then(e.Pin).map((e=>t=>{let n=ne.objectGet(t,["CustomProperties"],[]);n.push(e),ne.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,Ce.createPropertyGrammar(e,Se)).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 Se(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 he({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 he({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 he({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 Ae{static grammar=xe.createLanguage(new Ce);constructor(e,t,n,i,s,r){this.entityType=e,this.prefix=t??"",this.separator=n??",",this.trailingSeparator=i??!1,this.attributeValueConjunctionSign=s??"=",this.attributeKeyPrinter=r??(e=>e.join("."))}deserialize(e){return this.read(e)}serialize(e,t,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=ie.getSerializer(ne.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=ne.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=ne.objectGet(s,n);return!(r instanceof te)||(!ne.equals(r.value,i)||r.showDefault)}}class $e extends Ae{constructor(){super(Se," ","\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=Ae.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Ae.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 "+ie.getSerializer(Ee).serialize(e))).join("")}\nEnd Object\n`}}class Le extends Q{#d;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new $e;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 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=Ae.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 Oe extends De{constructor(e,t,n={}){n.activationKeys=J.deleteNodesKeyboardKey,super(e,t,n)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Me extends Q{constructor(e,t,n){n.movementSpace??=t?.getGridDOMElement()??document.documentElement,super(e,t,n),this.movementSpace=n.movementSpace}locationFromEvent(e){const t=ne.convertLocation([e.clientX,e.clientY],this.movementSpace);return this.blueprint.compensateTranslation(t)}}class _e extends Me{#m;#g;constructor(e,t,n){n.listenOnFocus=!0,super(e,t,n),this.looseTarget=n?.looseTarget??!0;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 Ie 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 He extends De{#v;constructor(e,t,n={}){n.activationKeys=J.enableZoomIn,super(e,t,n)}fire(){this.#v=this.blueprint.getInputObject(Ie),this.#v.enableZoonIn=!0}unfire(){this.#v.enableZoonIn=!1}}class je extends De{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class ze extends Me{#b;#y;#E;#w;#S=!1;#P;#k;started=!1;stepSize=1;clickedPosition=[0,0];mouseLocation=[0,0];constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.exitAnyButton??=!0,n.draggableElement??=e,n.looseTarget??=!1,n.moveEverywhere??=!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.#b=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)(i.options.looseTarget||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.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=ne.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.#b),2==this.options.clickButton&&this.#k.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#k.removeEventListener("mousedown",this.#b)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class Be extends ze{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Fe extends Me{#x=null;#N;#C;#A;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#N=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#C=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.#N)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#N)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#C),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#C),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#A)}}class Ue extends q{static properties={};#$=[];#t;get blueprint(){return this.#t}set blueprint(e){return 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 Re extends Ue{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1}};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(J.nodeDragLocalEventName,{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(J.nodeDragEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=ne.snapToGrid([this.locationX,this.locationY],J.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e)}}class Ve extends Re{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:ne.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.nodeDragEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(J.nodeDragEventName,this.dragHandler)):(this.blueprint.removeEventListener(J.nodeDragEventName,this.dragHandler),this.listeningDrag=!1))}}class Ge extends ze{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 We 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 Xe extends We{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=Xe.decreasingValue(-.15,[100,15]);static c2DecreasingValue=Xe.decreasingValue(-.06,[500,130]);static c2Clamped=Xe.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 Ye extends Ke{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:ne.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#D;get sourcePin(){return this.#D}set sourcePin(e){this.#O(e,!1)}#M;get destinationPin(){return this.#M}set destinationPin(e){this.#O(e,!0)}#_;#I;#H;#j;#z;pathElement;constructor(e,t){super({},new Xe);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()}#O(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.nodeDragLocalEventName,t?this.#H:this.#I),e.removeEventListener(J.nodeReflowEventName,t?this.#z:this.#j),this.#F()}if(t?this.#M=e:this.#D=e,n()){const e=n().getNodeElement();e.addEventListener(J.nodeDeleteEventName,this.#_),e.addEventListener(J.nodeDragLocalEventName,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(this.sourcePin)}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.destinationPin)}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",Ye);class qe extends ze{#U;#R;#V;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#R=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.#V=e=>{i.enteredPin==e.target&&(i.enteredPin=null,i.linkValid=!1,i.link?.setMessagePlaceNode())}}startDrag(e){this.link=new Ye(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#U=this.blueprint.querySelectorAll("ueb-pin"),this.#U.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#R),e.getClickableElement().addEventListener("mouseleave",this.#V))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#U.forEach((e=>{e.removeEventListener("mouseenter",this.#R),e.removeEventListener("mouseleave",this.#V)})),this.enteredPin&&this.linkValid?(this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()):(this.link.finishDragging(),this.link.remove()),this.enteredPin=null,this.link=null,this.#U=null}}class Ze extends Te{static styles=s``;connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new qe(this.element.clickableElement,this.element.blueprint,{moveEverywhere:!0,looseTarget:!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(e){return T``}renderInput(e){return T``}firstUpdated(e){super.firstUpdated(e),this.element.dataset.id=this.element.GetPinIdValue(),this.element.clickableElement=this.element}getLinkLocation(e){const t=e.querySelector(".ueb-pin-icon").getBoundingClientRect(),n=ne.convertLocation([(t.left+t.right)/2,(t.top+t.bottom)/2],e.blueprint.gridElement);return e.blueprint.compensateTranslation(n)}}class Je extends Ze{#G;get inputContentElements(){return this.#G}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.#G=[...this.element.querySelectorAll(".ueb-pin-input-content")],this.#G.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.#G.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(){super.cleanup(),this.#G.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(){return[...super.createInputObjects(),...this.#G.map((e=>new Ge(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#G.map((e=>e.innerHTML.replaceAll(" "," ").replaceAll("
","\n")))}setInputs(e=[],t=!0){this.#G.forEach(((t,n)=>t.innerText=e[n])),t&&this.setDefaultValue(e.map((e=>Je.stringFromInputToUE(e))),e)}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.reduce(((e,t)=>e+t),""))}renderInput(){return this.element.isInput()?T`
`:T``}}class Qe extends Je{#K;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input");let t=this;this.onChangeHandler=e=>this.element.entity.DefaultValue=t.#K.checked?"true":"false",this.#K.addEventListener("change",this.onChangeHandler)}cleanup(){super.cleanup(),this.#K.removeEventListener("change",this.onChangeHandler)}getInputs(){return[this.#K.checked?"true":"false"]}setDefaultValue(e=[],t=e){this.element.setDefaultValue("true"==e[0])}renderInput(){return this.element.isInput()?T``:super.renderInput()}}class et extends Ze{renderIcon(e){return T``}}class tt extends Me{#b;#w;constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.exitAnyButton??=!0,n.looseTarget??=!1,super(e,t,n),this.clickedPosition=[0,0];let i=this;this.#b=e=>{if(i.blueprint.setFocused(!0),e.button===i.options.clickButton)(i.options.looseTarget||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.#b),2==this.options.clickButton&&this.target.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.target.removeEventListener("mousedown",this.#b)}clicked(e){}unclicked(e){}}class nt extends ze{dragTo(e,t){const n=[this.target.locationX,this.target.locationY],[i,s]=this.stepSize>1?[ne.snapToGrid(e,this.stepSize),ne.snapToGrid(n,this.stepSize)]:[e,n],r=[i[0]-this.mouseLocation[0],i[1]-this.mouseLocation[1]];0==r[0]&&0==r[1]||(r[0]+=s[0]-this.target.locationX,r[1]+=s[1]-this.target.locationY,this.target.addLocation(r),this.mouseLocation=i)}}class it extends Te{getDraggableElement(){return this.element}createDraggableObject(){return new nt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),looseTarget:!0})}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 st extends it{static windowName=T`Window`;toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new nt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),looseTarget:!0,stepSize:1,movementSpace:this.element.blueprint})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}render(){return T`
${this.constructor.windowName}
${this.renderContent()}
`}renderContent(){return T``}}class rt extends st{static windowName=T`Color Picker`;#W;firstUpdated(e){this.#W=new iro.ColorPicker(this.element.querySelector(".ueb-color-picker"),{layout:[]})}renderContent(){return T`
`}}class ot extends Re{static#X={window:st,"color-picker":rt};static properties={...Re.properties,type:{type:st,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>ot.#X[e],toAttribute:(e,t)=>Object.entries(ot.#X).find((([t,n])=>e==n))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=ot.#X[e.type]),e.type??=st,super({},new e.type),this.type=e.type}disconnectedCallback(){super.disconnectedCallback(),this.dispatchCloseEvent()}dispatchCloseEvent(e){let t=new CustomEvent(J.windowCloseEventName,{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}customElements.define("ueb-window",ot);class at extends tt{#Y;constructor(e,t,n={}){n.windowType??="window",super(e,t,n)}clicked(e){}unclicked(e){this.#Y=new ot({type:this.options.windowType}),this.blueprint.append(this.#Y)}}class lt extends Je{#K;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new at(this.#K,this.element.blueprint,{moveEverywhere:!0,looseTarget:!0})]}getInputs(e){return[this.#K.dataset.linearColor]}setInputs(e=[]){}renderInput(){return this.element.isInput()?T``:super.renderInput()}}class ut extends Je{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(e){return this.inputContentElements.map((e=>e.textContent))}setInputs(e=[],t=!0){e=e.map((e=>e.replaceAll("\n",""))),super.setInputs(e,t)}}class ct extends Je{setInputs(e=[],t=!1){e&&0!=e.length||(e=this.getInput());let n=[];for(let t=0;t`:T``}}class dt extends Je{}class ht extends ct{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.X=e[0],n.Y=e[1],n.Z=e[2]}renderInput(){return this.element.isInput()?T`
X
Y
Z
`:T``}}class pt extends Ze{renderIcon(){return T``}}class mt extends ct{setDefaultValue(e=[],t=e){if(!(this.element.entity.DefaultValue instanceof fe))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 gt extends Ue{static#X={"/Script/CoreUObject.LinearColor":lt,"/Script/CoreUObject.Rotator":mt,"/Script/CoreUObject.Vector":ht,bool:Qe,exec:et,name:ut,real:ct,MUTABLE_REFERENCE:pt,string:dt};static properties={advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:he,converter:{fromAttribute:(e,t)=>e?Ae.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?ne.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:ne.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 gt.#X[e.PinType.bIsReference&&!e.PinType.bIsConst?"MUTABLE_REFERENCE":e.getType()]??Ze}nodeElement;clickableElement;connections=0;get defaultValue(){return this.unreactiveDefaultValue}set defaultValue(e){let t=this.unreactiveDefaultValue;this.unreactiveDefaultValue=e,this.requestUpdate("defaultValue",t)}constructor(e){super(e,new(gt.getTypeTemplate(e))),this.advancedView=e.bAdvancedView,this.unreactiveDefaultValue=e.getDefaultValue(),this.unreactiveDefaultValue.constructor===String&&(this.unreactiveDefaultValue=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("DefaultValue",(e=>this.defaultValue=e.toString())),this.entity.subscribe("PinToolTip",(e=>{let t=e.match(/\s*(.+?(?=\n)|.+\S)\s*/);return t?ne.formatStringName(t[1]):ne.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*/))?ne.formatStringName(e[1]):ne.formatStringName(this.entity.PinName)}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getClickableElement(){return this.clickableElement}getLinkLocation(){return this.template.getLinkLocation(this)}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}setDefaultValue(e){this.entity.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 Ye(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",gt);class ft extends nt{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragTo(e,t){const n=[this.target.locationX,this.target.locationY],[i,s]=this.stepSize>1?[ne.snapToGrid(e,this.stepSize),ne.snapToGrid(n,this.stepSize)]:[e,n],r=[i[0]-this.mouseLocation[0],i[1]-this.mouseLocation[1]];0==r[0]&&0==r[1]||(r[0]+=s[0]-this.target.locationX,r[1]+=s[1]-this.target.locationY,this.target.dispatchDragEvent(r),this.mouseLocation=i)}unclicked(){this.started||(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class vt extends it{getDraggableElement(){return this.element}createDraggableObject(){return new ft(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),looseTarget:!0})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class bt extends vt{toggleAdvancedDisplayHandler;render(){return T`
${this.element.nodeDisplayName}
${"DevelopmentOnly"==this.element.enabledState?.toString()?T`
Development Only
`:T``} ${this.element.advancedPinDisplay?T`
`:T``}
`}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 yt 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:ne.booleanConverter,attribute:"data-pure-function",reflect:!0}};get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#q.forEach((t=>t.blueprint=e))}#Z;get nodeNameElement(){return this.#Z}set nodeNameElement(e){this.#Z=e}#q;constructor(e){super(e,new bt),this.#q=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new gt(e))),this.#q.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=ie.getSerializer(Se).deserialize(e);return new yt(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 ge({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#q}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof Ee))}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",yt);class Et extends Q{#J;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new $e;let i=this;this.#J=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#J)}unlistenEvents(){document.body.removeEventListener("paste",this.#J)}pasted(e){let t=0,n=0,i=0,s=this.serializer.readMultiple(e).map((e=>{let s=new yt(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 wt extends ze{constructor(e,t,n){super(e,t,n),this.selectorElement=this.blueprint.selectorElement}startDrag(){this.selectorElement.beginSelect(this.clickedPosition)}dragTo(e,t){this.selectorElement.selectTo(e)}endDrag(){this.started&&this.selectorElement.endSelect()}unclicked(){this.started||this.blueprint.unselectAll()}}class St{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 Pt{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new St((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new St((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.#Q)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#Q)}unlistenEvents(){document.removeEventListener("click",this.#Q)}}class Ct 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-${ne.getIdFromReference(e)}`]:t.toString()}))).reduce(((e,t)=>({...e,...t})),{})};constructed(e){super.constructed(e),this.element.style.cssText=Object.entries(Ct.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Le(this.element.getGridDOMElement(),this.element),new Et(this.element.getGridDOMElement(),this.element),new Oe(this.element.getGridDOMElement(),this.element),new je(this.element.getGridDOMElement(),this.element),new Ie(this.element.getGridDOMElement(),this.element,{looseTarget:!0}),new wt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,looseTarget:!0,moveEverywhere:!0}),new Be(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,looseTarget:!0,moveEverywhere:!0}),new Nt(this.element.getGridDOMElement(),this.element),new Fe(this.element.getGridDOMElement(),this.element),new He(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 xt,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 At extends Ue{static properties={selecting:{type:Boolean,attribute:"data-selecting",reflect:!0,converter:ne.booleanConverter},scrolling:{type:Boolean,attribute:"data-scrolling",reflect:!0,converter:ne.booleanConverter},focused:{type:Boolean,attribute:"data-focused",reflect:!0,converter:ne.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=Ct.styles;#ee=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 Ct),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 ne.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=ne.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?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 yt&&!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.#ee[e]=this.#ee[e]??-1;do{++this.#ee[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#ee[e]))));n.rename(J.nodeName(e,this.#ee[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof Ye&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof yt)).forEach((t=>t.sanitizeLinks(e)))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof yt?this.nodes:t instanceof Ye?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",At);class $t extends Ae{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=Ce.getGrammarForType(Ae.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 Lt extends $t{#te;constructor(e,t){super(void 0,t),this.#te=e}write(e,t,n=!1){return this.#te(t,n)}}class Tt extends $t{constructor(e){super(void 0,e)}write(e,t,n){return n||t.constructor!==String?ne.escapeString(t.toString()):`"${ne.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;ie.registerSerializer(null,new Lt(((e,t)=>"()"),null)),ie.registerSerializer(Array,new Lt(((e,t)=>`(${e.map((e=>ie.getSerializer(ne.getType(e)).serialize(e,t)+",")).join("")})`),Array)),ie.registerSerializer(Boolean,new Lt(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),ie.registerSerializer(oe,new $t(e,oe)),ie.registerSerializer(ae,new Tt(ae)),ie.registerSerializer(le,new Tt(le)),ie.registerSerializer(ue,new Tt(ue)),ie.registerSerializer(ce,new $t((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),ie.registerSerializer(de,new $t(e,de)),ie.registerSerializer(he,new $t(e,he)),ie.registerSerializer(pe,new $t((e=>`${pe.lookbehind}(${e})`),pe,"",", ",!1,"",(e=>""))),ie.registerSerializer(Number,new Lt((e=>e.toString()),Number)),ie.registerSerializer(Se,new $e),ie.registerSerializer(re,new Lt((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),re)),ie.registerSerializer(me,new Tt(me)),ie.registerSerializer(Ee,new $t((e=>`${Ee.lookbehind} (${e})`),Ee,"",",",!0)),ie.registerSerializer(ge,new $t((e=>e),ge,""," ",!1,"",(e=>""))),ie.registerSerializer(fe,new $t(e,fe)),ie.registerSerializer(String,new Lt(((e,t)=>t?ne.escapeString(e):`"${ne.escapeString(e)}"`),String)),ie.registerSerializer(ve,new Lt(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),ve)),ie.registerSerializer(ye,new Lt(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),ye)),ie.registerSerializer(be,new $t(e,be))}();export{At as Blueprint,J as Configuration,Ye as LinkElement,yt as NodeElement}; +var X,Y;null==K||K(H,z),(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 z(t.insertBefore(w(),e),e,void 0,null!=n?n:{})}return o._$AI(e),o})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!1)}render(){return T}}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={R:Number,G:Number,B:Number,A:Number};static fromWheelLocation([e,t],n){}constructor(e={}){super(e),this.R,this.G,this.B,this.A}toRGBA(){return[this.R,this.G,this.B,this.A]}toHSV(){const e=Math.max(this.R,this.G,this.B),t=Math.min(this.R,this.G,this.B),n=e-t;let i;const s=0===e?0:n/e,r=e/255;switch(e){case t:i=0;break;case this.R:i=this.G-this.B+n*(this.Gnew ne(Ee.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 ge({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 we extends se{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class Se extends se{static attributes={Class:re,Name:"",bIsPureFunc:new ne(Boolean,!1,!1),VariableReference:new ne(we,!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:[Ee]};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(Se.nameRegex);return e&&3==e.length?[e[1],parseInt(e[2])]:["",0]}getDisplayName(){let e=this.FunctionReference?.MemberName;return e?(e=ie.formatStringName(e),e):(e=ie.formatStringName(this.getNameAndCounter()[0]),e)}getCounter(){return this.getNameAndCounter()[1]}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Pe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ke={exports:{}};"undefined"!=typeof self&&self;var xe=Pe(ke.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 N(e){if(!v(e))throw new Error("not a parser: "+e)}function C(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 D=2,T=3,O=8,M=5*O,_=4*O,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 B(e,t,n,i){return{from:e-t>0?e-t:0,to:e+n>i?i:e+n}}function z(e,t){var n,i,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%O,p=c-h,m=B(h,M,_+O,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=B(i,D,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?"> ":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",z(e,t),"\n\n",(n=t.expected,1===n.length?"Expected:\n\n"+n[0]:"Expected one of the following: \n\n"+n.join(", ")),"\n"].join("");var n}function 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 V(){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 N(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=C(t,n);return n=e.length?S(t,"any character/byte"):w(t+1,C(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=V,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=C(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=xe;class Ce{static getGrammarForType(e,t,n=e.AttributeAnyValue){if(t instanceof ne){let i=Ce.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 Boolean:return e.Boolean;case Number:return e.Number;case ue:return e.Integer;case String:return e.String;case ae:return e.Guid;case le:return e.Identifier;case re:return e.Reference;case pe:return e.LocalizedText;case ce:return e.InvariantText;case ge:return e.PinReference;case ve:return e.Vector;case fe:return e.Rotator;case be:return e.SimpleSerializationRotator;case ye:return e.SimpleSerializationVector;case he:return e.LinearColor;case oe:return e.FunctionReference;case Ee:return e.Pin;case Array:return Ne.seqMap(Ne.string("("),t.map((t=>Ce.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));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 Ce.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("("),Ce.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");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 me({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(pe.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 pe({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 ge({objectName:e,pinGuid:n})));Vector=e=>Ce.createEntityGrammar(e,ve);Rotator=e=>Ce.createEntityGrammar(e,fe);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 be({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 ye({X:e,Y:n,Z:s})));LinearColor=e=>Ce.createEntityGrammar(e,he);FunctionReference=e=>Ce.createEntityGrammar(e,oe);KeyBinding=e=>Ne.alt(e.Identifier.map((e=>new de({Key:e}))),Ce.createEntityGrammar(e,de));Pin=e=>Ce.createEntityGrammar(e,Ee);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,Ce.createPropertyGrammar(e,Se)).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 Se(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 he({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 he({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 he({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 Ae{static grammar=xe.createLanguage(new Ce);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 $e extends Ae{constructor(){super(Se," ","\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=Ae.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Ae.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(Ee).serialize(e))).join("")}\nEnd Object\n`}}class Le extends Q{#d;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new $e;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 De{static styles=s``;element;#h=[];get inputObjects(){return this.#h}constructed(e){this.element=e}connectedCallback(){}willUpdate(e){}update(e){}render(){return D``}firstUpdated(e){}updated(e){}inputSetup(){this.#h=this.createInputObjects()}cleanup(){this.#h.forEach((e=>e.unlistenDOMElement()))}createInputObjects(){return[]}}class Te 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=Ae.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 Oe extends Te{constructor(e,t,n={}){n.activationKeys=J.deleteNodesKeyboardKey,super(e,t,n)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Me 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 Me{#m;#g;constructor(e,t,n){n.listenOnFocus=!0,super(e,t,n),this.looseTarget=n?.looseTarget??!0;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 Ie 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 He extends Te{#b;constructor(e,t,n={}){n.activationKeys=J.enableZoomIn,super(e,t,n)}fire(){this.#b=this.blueprint.getInputObject(Ie),this.#b.enableZoonIn=!0}unfire(){this.#b.enableZoonIn=!1}}class je extends Te{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class Be extends Me{#v;#y;#E;#w;#S=!1;#P;#k;started=!1;stepSize=1;clickedPosition=[0,0];mouseLocation=[0,0];constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.draggableElement??=e,n.exitAnyButton??=!0,n.looseTarget??=!1,n.moveEverywhere??=!1,n.movementSpace??=t?.getGridDOMElement(),n.repositionClickOffset??=!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.looseTarget||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.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 ze extends Be{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Fe extends Me{#x=null;#N;#C;#A;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#N=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#C=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.#N)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#N)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#C),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#C),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#A)}}class Re 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}#D;get template(){return this.#D}inputObjects=[];constructor(e,t){super(),this.#L=e,this.#D=t,this.inputObjects=[],this.#D.constructed(this)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.blueprint=this.closest("ueb-blueprint"),this.template.connectedCallback()}willUpdate(e){super.willUpdate(e),this.template.willUpdate(e)}update(e){super.update(e),this.template.update(e)}render(){return this.template.render()}firstUpdated(e){super.firstUpdated(e),this.template.firstUpdated(e),this.template.inputSetup()}updated(e){super.updated(e),this.template.updated(e),this.#$.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 Ve extends Re{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 Ge extends Ve{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:ie.booleanConverter}};constructor(...e){super(...e),this.selected=!1,this.listeningDrag=!1;let t=this;this.dragHandler=e=>t.addLocation(e.detail.value)}connectedCallback(){super.connectedCallback(),this.setSelected(this.selected)}disconnectedCallback(){super.disconnectedCallback(),this.blueprint.removeEventListener(J.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(J.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(J.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class Ue extends Be{constructor(e,t,n={}){n.consumeEvent=!0,super(e,t,n)}}class We extends Re{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 Ke extends De{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 Xe extends Ke{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=Xe.decreasingValue(-.15,[100,15]);static c2DecreasingValue=Xe.decreasingValue(-.06,[500,130]);static c2Clamped=Xe.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?D`
${this.element.linkMessageText}
`:D``}`}}class Ye extends We{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.#O(e,!1)}#M;get destinationPin(){return this.#M}set destinationPin(e){this.#O(e,!0)}#_;#I;#H;#j;#B;pathElement;constructor(e,t){super({},new Xe);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.#B=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.#z()}#O(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.#B:this.#j),this.#F()}if(t?this.#M=e:this.#T=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.#B:this.#j),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#z()}}}#z(){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(this.sourcePin)}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.destinationPin)}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",Ye);class qe extends Be{#R;#V;#G;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#V=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 Ye(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.#V),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.#V),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 Ze extends De{connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new qe(this.element.clickableElement,this.element.blueprint,{moveEverywhere:!0,looseTarget:!0})]}render(){const e=D`
${this.renderIcon()}
`,t=D`
${this.element.getPinDisplayName()} ${this.renderInput()}
`;return D`
${this.element.isInput()?D`${e}${t}`:D`${t}${e}`}
`}renderIcon(e){return D``}renderInput(e){return D``}firstUpdated(e){super.firstUpdated(e),this.element.dataset.id=this.element.GetPinIdValue(),this.element.clickableElement=this.element}getLinkLocation(e){const t=e.querySelector(".ueb-pin-icon").getBoundingClientRect(),n=ie.convertLocation([(t.left+t.right)/2,(t.top+t.bottom)/2],e.blueprint.gridElement);return e.blueprint.compensateTranslation(n)}}class Je extends Ze{#U;get inputContentElements(){return this.#U}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.#U=[...this.element.querySelectorAll(".ueb-pin-input-content")],this.#U.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.#U.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(){super.cleanup(),this.#U.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(){return[...super.createInputObjects(),...this.#U.map((e=>new Ue(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#U.map((e=>e.innerHTML.replaceAll(" "," ").replaceAll("
","\n")))}setInputs(e=[],t=!0){this.#U.forEach(((t,n)=>t.innerText=e[n])),t&&this.setDefaultValue(e.map((e=>Je.stringFromInputToUE(e))),e)}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.reduce(((e,t)=>e+t),""))}renderInput(){return this.element.isInput()?D`
`:D``}}class Qe extends Je{#W;firstUpdated(e){super.firstUpdated(e),this.#W=this.element.querySelector(".ueb-pin-input");let t=this;this.onChangeHandler=e=>this.element.entity.DefaultValue=t.#W.checked?"true":"false",this.#W.addEventListener("change",this.onChangeHandler)}cleanup(){super.cleanup(),this.#W.removeEventListener("change",this.onChangeHandler)}getInputs(){return[this.#W.checked?"true":"false"]}setDefaultValue(e=[],t=e){this.element.setDefaultValue("true"==e[0])}renderInput(){return this.element.isInput()?D``:super.renderInput()}}class et extends Ze{renderIcon(e){return D``}}class tt extends Be{clicked(e){this.options.repositionClickOffset&&this.target.setLocation(this.stepSize>1?ie.snapToGrid(e,this.stepSize):e)}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.addLocation(t)}}class nt extends De{getDraggableElement(){return this.element}createDraggableObject(){return new tt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),looseTarget:!0})}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{static windowName=D`Window`;toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new tt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),looseTarget:!0,stepSize:1,movementSpace:this.element.blueprint})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}render(){return D`
${this.constructor.windowName}
${this.renderContent()}
`}renderContent(){return D``}}class st extends it{static windowName=D`Color Picker`;#K;get color(){return this.#K}set color(e){e.num()==this.color.num()&&(this.element.requestUpdate("color",this.#K),this.#K=e)}connectedCallback(){super.connectedCallback(),this.color=this.element.windowOptions.getPinColor()}firstUpdated(e){}renderContent(){const e=this.color.rgba();return D`
`}cleanup(){this.element.blueprint.removeEventListener(J.colorWindowEventName,this.colorWindowHandler)}}class rt extends Me{#v;#w;constructor(e,t,n={}){n.clickButton??=0,n.consumeEvent??=!0,n.exitAnyButton??=!0,n.looseTarget??=!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.looseTarget||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 ot extends Ve{static#X={window:it,"color-picker":st};static properties={...Ve.properties,type:{type:it,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>ot.#X[e],toAttribute:(e,t)=>Object.entries(ot.#X).find((([t,n])=>e==n))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=ot.#X[e.type]),e.type??=it,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",ot);class at extends rt{#Y;clicked(e){}unclicked(e){this.#Y=new ot({type:this.options.windowType,windowOptions:this.options.windowOptions}),this.blueprint.append(this.#Y)}}class lt extends Je{#W;firstUpdated(e){super.firstUpdated(e),this.#W=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new at(this.#W,this.element.blueprint,{moveEverywhere:!0,looseTarget:!0,windowType:st,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}})]}getInputs(e){return[this.#W.dataset.linearColor]}setInputs(e=[]){}renderInput(){return this.element.isInput()?D``:super.renderInput()}}class ut extends Je{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(e){return this.inputContentElements.map((e=>e.textContent))}setInputs(e=[],t=!0){e=e.map((e=>e.replaceAll("\n",""))),super.setInputs(e,t)}}class ct extends Je{setInputs(e=[],t=!1){e&&0!=e.length||(e=this.getInput());let n=[];for(let t=0;t`:D``}}class dt extends Je{}class ht extends ct{setDefaultValue(e=[],t=e){if(!(this.element.entity.DefaultValue instanceof ve))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()?D`
X
Y
Z
`:D``}}class pt extends Ze{renderIcon(){return D``}}class mt extends ct{setDefaultValue(e=[],t=e){if(!(this.element.entity.DefaultValue instanceof fe))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()?D`
X
Y
Z
`:D``}}class gt extends Re{static#X={"/Script/CoreUObject.LinearColor":lt,"/Script/CoreUObject.Rotator":mt,"/Script/CoreUObject.Vector":ht,bool:Qe,exec:et,name:ut,real:ct,MUTABLE_REFERENCE:pt,string:dt};static properties={advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:he,converter:{fromAttribute:(e,t)=>e?Ae.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 gt.#X[e.PinType.bIsReference&&!e.PinType.bIsConst?"MUTABLE_REFERENCE":e.getType()]??Ze}nodeElement;clickableElement;connections=0;get defaultValue(){return this.unreactiveDefaultValue}set defaultValue(e){let t=this.unreactiveDefaultValue;this.unreactiveDefaultValue=e,this.requestUpdate("defaultValue",t)}constructor(e){super(e,new(gt.getTypeTemplate(e))),this.advancedView=e.bAdvancedView,this.unreactiveDefaultValue=e.getDefaultValue(),this.unreactiveDefaultValue.constructor===String&&(this.unreactiveDefaultValue=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("DefaultValue",(e=>this.defaultValue=e.toString())),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(this)}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}setDefaultValue(e){this.entity.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 Ye(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",gt);class ft 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 bt extends nt{getDraggableElement(){return this.element}createDraggableObject(){return new ft(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),looseTarget:!0})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class vt extends bt{toggleAdvancedDisplayHandler;render(){return D`
${this.element.nodeDisplayName}
${"DevelopmentOnly"==this.element.enabledState?.toString()?D`
Development Only
`:D``} ${this.element.advancedPinDisplay?D`
`: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 yt extends Ge{static properties={...Ge.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.#q.forEach((t=>t.blueprint=e))}#Z;get nodeNameElement(){return this.#Z}set nodeNameElement(e){this.#Z=e}#q;constructor(e){super(e,new vt),this.#q=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new gt(e))),this.#q.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(Se).deserialize(e);return new yt(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 ge({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#q}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof Ee))}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",yt);class Et extends Q{#J;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new $e;let i=this;this.#J=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#J)}unlistenEvents(){document.body.removeEventListener("paste",this.#J)}pasted(e){let t=0,n=0,i=0,s=this.serializer.readMultiple(e).map((e=>{let s=new yt(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 wt 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 St{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 Pt{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new St((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new St((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.#Q)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#Q)}unlistenEvents(){document.removeEventListener("click",this.#Q)}}class Ct extends De{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(Ct.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Le(this.element.getGridDOMElement(),this.element),new Et(this.element.getGridDOMElement(),this.element),new Oe(this.element.getGridDOMElement(),this.element),new je(this.element.getGridDOMElement(),this.element),new Ie(this.element.getGridDOMElement(),this.element,{looseTarget:!0}),new wt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,looseTarget:!0,moveEverywhere:!0}),new ze(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,looseTarget:!0,moveEverywhere:!0}),new Nt(this.element.getGridDOMElement(),this.element),new Fe(this.element.getGridDOMElement(),this.element),new He(this.element.getGridDOMElement(),this.element)]}render(){return D`
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 xt,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 At extends Re{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=Ct.styles;#ee=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 Ct),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 yt&&!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.#ee[e]=this.#ee[e]??-1;do{++this.#ee[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#ee[e]))));n.rename(J.nodeName(e,this.#ee[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof Ye&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof yt)).forEach((t=>t.sanitizeLinks(e)))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof yt?this.nodes:t instanceof Ye?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",At);class $t extends Ae{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=Ce.getGrammarForType(Ae.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 Lt extends $t{#te;constructor(e,t){super(void 0,t),this.#te=e}write(e,t,n=!1){return this.#te(t,n)}}class Dt extends $t{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 Lt(((e,t)=>"()"),null)),te.registerSerializer(Array,new Lt(((e,t)=>`(${e.map((e=>te.getSerializer(ie.getType(e)).serialize(e,t)+",")).join("")})`),Array)),te.registerSerializer(Boolean,new Lt(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),te.registerSerializer(oe,new $t(e,oe)),te.registerSerializer(ae,new Dt(ae)),te.registerSerializer(le,new Dt(le)),te.registerSerializer(ue,new Dt(ue)),te.registerSerializer(ce,new $t((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),te.registerSerializer(de,new $t(e,de)),te.registerSerializer(he,new $t(e,he)),te.registerSerializer(pe,new $t((e=>`${pe.lookbehind}(${e})`),pe,"",", ",!1,"",(e=>""))),te.registerSerializer(Number,new Lt((e=>e.toString()),Number)),te.registerSerializer(Se,new $e),te.registerSerializer(re,new Lt((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),re)),te.registerSerializer(me,new Dt(me)),te.registerSerializer(Ee,new $t((e=>`${Ee.lookbehind} (${e})`),Ee,"",",",!0)),te.registerSerializer(ge,new $t((e=>e),ge,""," ",!1,"",(e=>""))),te.registerSerializer(fe,new $t(e,fe)),te.registerSerializer(String,new Lt(((e,t)=>t?ie.escapeString(e):`"${ie.escapeString(e)}"`),String)),te.registerSerializer(be,new Lt(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),be)),te.registerSerializer(ye,new Lt(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),ye)),te.registerSerializer(ve,new $t(e,ve))}();export{At as Blueprint,J as Configuration,Ye as LinkElement,yt as NodeElement}; diff --git a/js/Blueprint.js b/js/Blueprint.js index e39ed02..1a53053 100755 --- a/js/Blueprint.js +++ b/js/Blueprint.js @@ -10,6 +10,12 @@ import Utility from "./Utility" * @typedef {import("./element/PinElement").default} PinElement * @typedef {import("./entity/GuidEntity").default} GuidEntity * @typedef {import("./entity/PinReferenceEntity").default} PinReferenceEntity + * @typedef {{ + * primaryInf: Number, + * primarySup: Number, + * secondaryInf: Number, + * secondarySup: Number + * }} BoundariesInfo */ /** @extends {IElement} */ @@ -94,7 +100,7 @@ export default class Blueprint extends IElement { let rect = node.getBoundingClientRect() let gridRect = this.nodesContainerElement.getBoundingClientRect() const scaleCorrection = 1 / this.getScale() - return { + return /** @type {BoundariesInfo} */ { primaryInf: (rect.left - gridRect.left) * scaleCorrection, primarySup: (rect.right - gridRect.right) * scaleCorrection, // Counter intuitive here: the y (secondary axis is positive towards the bottom, therefore upper bound "sup" is bottom) @@ -132,11 +138,13 @@ export default class Blueprint extends IElement { return [this.scrollX, this.scrollY] } + /** @param {Number[]} param0 */ setScroll([x, y], smooth = false) { this.scrollX = x this.scrollY = y } + /** @param {Number[]} delta */ scrollDelta(delta, smooth = false) { const maxScroll = [2 * Configuration.expandGridSize, 2 * Configuration.expandGridSize] let currentScroll = this.getScroll() @@ -282,7 +290,7 @@ export default class Blueprint extends IElement { let result = this.template.getPin(pinReference) if (result // Make sure it wasn't renamed in the meantime - && result.nodeElement.getNodeName() == pinReference.objectName) { + && result.nodeElement.getNodeName() == pinReference.objectName.toString()) { return result } // Slower fallback diff --git a/js/Configuration.js b/js/Configuration.js index 9104e5c..ea54145 100755 --- a/js/Configuration.js +++ b/js/Configuration.js @@ -1,7 +1,12 @@ import { css } from "lit" export default class Configuration { + 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", @@ -39,8 +44,8 @@ export default class Configuration { static minZoom = -12 static mouseWheelFactor = 0.2 static nodeDeleteEventName = "ueb-node-delete" + static nodeDragGeneralEventName = "ueb-node-drag-general" static nodeDragEventName = "ueb-node-drag" - static nodeDragLocalEventName = "ueb-node-drag-local" static nodeName = (name, counter) => `${name}_${counter}` static nodeRadius = 8 // in pixel static nodeReflowEventName = "ueb-node-reflow" diff --git a/js/Utility.js b/js/Utility.js index bc258ab..bdcc5f3 100755 --- a/js/Utility.js +++ b/js/Utility.js @@ -2,8 +2,14 @@ import CalculatedType from "./entity/CalculatedType" import TypeInitialization from "./entity/TypeInitialization" /** - * @typedef {import("./entity/LinearColorEntity").default} LinearColorEntity + * @typedef {import("./element/IElement").default} IElement * @typedef {import("./entity/IEntity").default} IEntity + * @typedef {import("./entity/LinearColorEntity").default} LinearColorEntity + * @typedef {import("./entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template T + * @typedef {import("./entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor */ export default class Utility { @@ -31,8 +37,10 @@ export default class Utility { return Math.min(Math.max(val, min), max) } + /** @param {HTMLElement} element */ static getScale(element) { - return Number(getComputedStyle(element).getPropertyValue("--ueb-scale")) + const scale = getComputedStyle(element).getPropertyValue("--ueb-scale") + return scale != "" ? parseFloat(scale) : 1 } /** @@ -63,13 +71,17 @@ export default class Utility { } /** - * @param {IEntity} - * @param {Object} target Object holding the data - * @param {String[]} keys The chained keys to access from object in order to get the value - * @param {Boolean} defaultValue Value to return in case from doesn't have it - * @returns {any} The value in from corresponding to the keys or defaultValue otherwise + * @param {IEntity} entity + * @param {String[]} keys + * @param {any} propertyDefinition + * @returns {Boolean} */ - static isSerialized(entity, keys, propertyDefinition = Utility.objectGet(entity.constructor.attributes, keys)) { + static isSerialized( + entity, + keys, + // @ts-expect-error + propertyDefinition = Utility.objectGet(entity.constructor.attributes, keys) + ) { if (propertyDefinition instanceof CalculatedType) { return Utility.isSerialized(entity, keys, propertyDefinition.calculate(entity)) } @@ -82,13 +94,7 @@ export default class Utility { return false } - /** - * Gets a value from an object, gives defaultValue in case of failure - * @param {Object} target Object holding the data - * @param {String[]} keys The chained keys to access from object in order to get the value - * @param {any} defaultValue Value to return in case from doesn't have it - * @returns {any} The value in from corresponding to the keys or defaultValue otherwise - */ + /** @param {String[]} keys */ static objectGet(target, keys, defaultValue = undefined) { if (target === undefined) { return undefined @@ -106,12 +112,9 @@ export default class Utility { } /** - * Sets a value in an object - * @param {Object} target Object holding the data - * @param {String[]} keys The chained keys to access from object in order to set the value - * @param {*} value Value to be set - * @param {Boolean} create Whether to create or not the key in case it doesn't exist - * @returns {Boolean} Returns true on succes, false otherwise + * @param {String[]} keys + * @param {Boolean} create + * @returns {Boolean} */ static objectSet(target, keys, value, create = false, defaultDictType = Object) { if (!(keys instanceof Array)) { @@ -142,20 +145,23 @@ export default class Utility { } } + /** + * @param {AnyValue | AnyValueConstructor} value + * @returns {AnyValueConstructor} + */ static getType(value) { if (value === null) { return null } - let constructor = value?.constructor - switch (constructor) { - case TypeInitialization: - return Utility.getType(value.type) - case Function: - // value is already a constructor - return value - default: - return constructor + if (value instanceof TypeInitialization) { + return Utility.getType(value.type) } + if (value instanceof Function) { + // value is already a constructor + return value + } + /** @ts-expect-error */ + return value?.constructor } /** diff --git a/js/element/ColorHandlerElement.js b/js/element/ColorHandlerElement.js new file mode 100644 index 0000000..ee109c4 --- /dev/null +++ b/js/element/ColorHandlerElement.js @@ -0,0 +1,37 @@ +import LinearColorEntity from "../entity/LinearColorEntity" +import ColorHandlerTemplate from "../template/ColorHandlerTemplate" +import IDraggableElement from "./IDraggableElement" + +/** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */ +/** + * @template T + * @typedef {import("./WindowElement").default} WindowElement + */ + +export default class ColorHandlerElement extends IDraggableElement { + + /** @type {WindowElement} */ + windowElement + + constructor() { + super({}, new ColorHandlerTemplate()) + } + + connectedCallback() { + super.connectedCallback() + this.windowElement = this.closest("ueb-window") + } + + /** @param {Number[]} param0 */ + addLocation([x, y]) { + super.addLocation([x, y]) + this.windowElement.windowOptions + this.windowElement.template.color = this.computeColor() + } + + computeColor() { + return new LinearColorEntity() + } +} + +customElements.define("ueb-color-handler", ColorHandlerElement) diff --git a/js/element/IDraggableElement.js b/js/element/IDraggableElement.js index 189c1ef..07e6c4d 100644 --- a/js/element/IDraggableElement.js +++ b/js/element/IDraggableElement.js @@ -3,13 +3,13 @@ import IElement from "./IElement" import Utility from "../Utility" /** - * @typedef {import("../template/SelectableDraggableTemplate").default} SelectableDraggableTemplate + * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate * @typedef {import("../entity/IEntity").default} IEntity */ /** * @template {IEntity} T - * @template {SelectableDraggableTemplate} U + * @template {IDraggableTemplate} U * @extends {IElement} */ export default class IDraggableElement extends IElement { @@ -25,8 +25,11 @@ export default class IDraggableElement extends IElement { attribute: false, }, } + static dragEventName = Configuration.dragEventName + static dragGeneralEventName = Configuration.dragGeneralEventName constructor(...args) { + // @ts-expect-error super(...args) this.locationX = 0 this.locationY = 0 @@ -38,7 +41,8 @@ export default class IDraggableElement extends IElement { this.locationX = x this.locationY = y if (this.blueprint) { - const dragLocalEvent = new CustomEvent(Configuration.nodeDragLocalEventName, { + // @ts-expect-error + const dragLocalEvent = new CustomEvent(this.constructor.dragEventName, { detail: { value: d, }, @@ -56,7 +60,8 @@ export default class IDraggableElement extends IElement { /** @param {Number[]} value */ dispatchDragEvent(value) { - const dragEvent = new CustomEvent(Configuration.nodeDragEventName, { + // @ts-expect-error + const dragEvent = new CustomEvent(this.constructor.dragGeneralEventName, { detail: { value: value }, diff --git a/js/element/IElement.js b/js/element/IElement.js index 80bf104..04cd9e7 100644 --- a/js/element/IElement.js +++ b/js/element/IElement.js @@ -13,6 +13,7 @@ import { LitElement } from "lit" */ export default class IElement extends LitElement { + /** @type {import("lit").PropertyDeclarations} */ static properties = { } @@ -24,7 +25,7 @@ export default class IElement extends LitElement { return this.#blueprint } set blueprint(v) { - return this.#blueprint = v + this.#blueprint = v } /** @type {T} */ @@ -63,7 +64,7 @@ export default class IElement extends LitElement { connectedCallback() { super.connectedCallback() - this.blueprint = this.closest("ueb-blueprint") + this.blueprint = /** @type {Blueprint} */ this.closest("ueb-blueprint") this.template.connectedCallback() } diff --git a/js/element/IFromToPositionedElement.js b/js/element/IFromToPositionedElement.js index 20b2608..fd711bd 100644 --- a/js/element/IFromToPositionedElement.js +++ b/js/element/IFromToPositionedElement.js @@ -33,6 +33,7 @@ export default class IFromToPositionedElement extends IElement { } constructor(...args) { + // @ts-expect-error super(...args) this.initialPositionX = 0 this.initialPositionY = 0 diff --git a/js/element/ISelectableDraggableElement.js b/js/element/ISelectableDraggableElement.js index 24234fb..c529caf 100644 --- a/js/element/ISelectableDraggableElement.js +++ b/js/element/ISelectableDraggableElement.js @@ -10,8 +10,8 @@ import IDraggableElement from "./IDraggableElement" /** * @template {IEntity} T - * @template {IDraggableElement} U - * @extends {IElement} + * @template {SelectableDraggableTemplate} U + * @extends {IDraggableElement} */ export default class ISelectableDraggableElement extends IDraggableElement { @@ -40,7 +40,7 @@ export default class ISelectableDraggableElement extends IDraggableElement { disconnectedCallback() { super.disconnectedCallback() - this.blueprint.removeEventListener(Configuration.nodeDragEventName, this.dragHandler) + this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler) } setSelected(value = true) { @@ -48,9 +48,9 @@ export default class ISelectableDraggableElement extends IDraggableElement { if (this.blueprint) { if (this.selected) { this.listeningDrag = true - this.blueprint.addEventListener(Configuration.nodeDragEventName, this.dragHandler) + this.blueprint.addEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler) } else { - this.blueprint.removeEventListener(Configuration.nodeDragEventName, this.dragHandler) + this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler) this.listeningDrag = false } } diff --git a/js/element/LinkElement.js b/js/element/LinkElement.js index b9c9c33..c5c0117 100644 --- a/js/element/LinkElement.js +++ b/js/element/LinkElement.js @@ -119,7 +119,7 @@ export default class LinkElement extends IFromToPositionedElement { const nodeElement = getCurrentPin().getNodeElement() nodeElement.removeEventListener(Configuration.nodeDeleteEventName, this.#nodeDeleteHandler) nodeElement.removeEventListener( - Configuration.nodeDragLocalEventName, + Configuration.nodeDragEventName, isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler ) nodeElement.removeEventListener( @@ -135,7 +135,7 @@ export default class LinkElement extends IFromToPositionedElement { const nodeElement = getCurrentPin().getNodeElement() nodeElement.addEventListener(Configuration.nodeDeleteEventName, this.#nodeDeleteHandler) nodeElement.addEventListener( - Configuration.nodeDragLocalEventName, + Configuration.nodeDragEventName, isDestinationPin ? this.#nodeDragDestinatonHandler : this.#nodeDragSourceHandler ) nodeElement.addEventListener( @@ -178,7 +178,7 @@ export default class LinkElement extends IFromToPositionedElement { Promise.all([this.updateComplete, this.sourcePin.updateComplete]).then(() => self.setSourceLocation()) return } - location = this.sourcePin.template.getLinkLocation(this.sourcePin) + location = this.sourcePin.template.getLinkLocation() } const [x, y] = location this.initialPositionX = x @@ -193,7 +193,7 @@ export default class LinkElement extends IFromToPositionedElement { Promise.all([this.updateComplete, this.destinationPin.updateComplete]).then(() => self.setDestinationLocation()) return } - location = this.destinationPin.template.getLinkLocation(this.destinationPin) + location = this.destinationPin.template.getLinkLocation() } this.finaPositionX = location[0] this.finaPositionY = location[1] diff --git a/js/element/NodeElement.js b/js/element/NodeElement.js index 0d6b0b3..fee7217 100644 --- a/js/element/NodeElement.js +++ b/js/element/NodeElement.js @@ -43,6 +43,8 @@ export default class NodeElement extends ISelectableDraggableElement { reflect: true, } } + static dragEventName = Configuration.nodeDragEventName + static dragGeneralEventName = Configuration.nodeDragGeneralEventName get blueprint() { return super.blueprint @@ -83,6 +85,7 @@ export default class NodeElement extends ISelectableDraggableElement { static fromSerializedObject(str) { str = str.trim() let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str) + // @ts-expect-error return new NodeElement(entity) } @@ -136,7 +139,9 @@ export default class NodeElement extends ISelectableDraggableElement { setLocation(value = [0, 0]) { let nodeType = this.entity.NodePosX.constructor + // @ts-expect-error this.entity.NodePosX = new nodeType(value[0]) + // @ts-expect-error this.entity.NodePosY = new nodeType(value[1]) super.setLocation(value) } diff --git a/js/element/PinElement.js b/js/element/PinElement.js index 8f366cd..9290d93 100644 --- a/js/element/PinElement.js +++ b/js/element/PinElement.js @@ -9,20 +9,26 @@ import LinkElement from "./LinkElement" import NamePinTemplate from "../template/NamePinTemplate" import PinTemplate from "../template/PinTemplate" import RealPinTemplate from "../template/RealPinTemplate" +import ReferencePinTemplate from "../template/ReferencePinTemplate" +import RotatorPinTemplate from "../template/RotatorPinTemplate" import StringPinTemplate from "../template/StringPinTemplate" import Utility from "../Utility" import VectorPinTemplate from "../template/VectorPinTemplate" -import ReferencePinTemplate from "../template/ReferencePinTemplate" -import RotatorPinTemplate from "../template/RotatorPinTemplate" /** * @typedef {import("../entity/GuidEntity").default} GuidEntity - * @typedef {import("../entity/PinEntity").default} PinEntity * @typedef {import("../entity/PinReferenceEntity").default} PinReferenceEntity * @typedef {import("./NodeElement").default} NodeElement */ +/** + * @template T + * @typedef {import("../entity/PinEntity").default} PinEntity + */ -/** @extends {IElement} */ +/** + * @template T + * @extends {IElement, PinTemplate>} + */ export default class PinElement extends IElement { static #typeTemplateMap = { @@ -31,9 +37,9 @@ export default class PinElement extends IElement { "/Script/CoreUObject.Vector": VectorPinTemplate, "bool": BoolPinTemplate, "exec": ExecPinTemplate, + "MUTABLE_REFERENCE": ReferencePinTemplate, "name": NamePinTemplate, "real": RealPinTemplate, - "MUTABLE_REFERENCE": ReferencePinTemplate, "string": StringPinTemplate, } @@ -47,6 +53,7 @@ export default class PinElement extends IElement { type: LinearColorEntity, converter: { fromAttribute: (value, type) => { + // @ts-expect-error return value ? ISerializer.grammar.LinearColorFromAnyColor.parse(value).value : null }, toAttribute: (value, type) => { @@ -79,8 +86,8 @@ export default class PinElement extends IElement { } /** - * @param {PinEntity} pinEntity - * @return {PinTemplate} + * @param {PinEntity} pinEntity + * @return {new () => PinTemplate} */ static getTypeTemplate(pinEntity) { let result = PinElement.#typeTemplateMap[ @@ -102,26 +109,22 @@ export default class PinElement extends IElement { get defaultValue() { return this.unreactiveDefaultValue } - /** @param {String} value */ set defaultValue(value) { let oldValue = this.unreactiveDefaultValue this.unreactiveDefaultValue = value this.requestUpdate("defaultValue", oldValue) } - /** @param {PinEntity} entity */ + /** @param {PinEntity} entity */ constructor(entity) { super( entity, new (PinElement.getTypeTemplate(entity))() ) this.advancedView = entity.bAdvancedView - /** @type {String} */ this.unreactiveDefaultValue = entity.getDefaultValue() - if (this.unreactiveDefaultValue.constructor === String) { - this.unreactiveDefaultValue = entity.getDefaultValue() - } this.pinType = this.entity.getType() + // @ts-expect-error this.color = this.constructor.properties.color.converter.fromAttribute(Configuration.pinColor[this.pinType]?.toString()) this.isLinked = false this.pinDirection = entity.isInput() ? "input" : entity.isOutput() ? "output" : "hidden" @@ -176,7 +179,7 @@ export default class PinElement extends IElement { } getLinkLocation() { - return this.template.getLinkLocation(this) + return this.template.getLinkLocation() } /** @returns {NodeElement} */ diff --git a/js/element/SelectorElement.js b/js/element/SelectorElement.js index 8474ec6..6a32199 100644 --- a/js/element/SelectorElement.js +++ b/js/element/SelectorElement.js @@ -9,6 +9,7 @@ export default class SelectorElement extends IFromToPositionedElement { super({}, new SelectorTemplate()) this.selectionModel = null } + /** @param {Number[]} initialPosition */ beginSelect(initialPosition) { this.blueprint.selecting = true diff --git a/js/element/WindowElement.js b/js/element/WindowElement.js index 34e41f6..425153e 100644 --- a/js/element/WindowElement.js +++ b/js/element/WindowElement.js @@ -3,7 +3,10 @@ import Configuration from "../Configuration" import IDraggableElement from "./IDraggableElement" import WindowTemplate from "../template/WindowTemplate" -/** @extends {ISelectableDraggableElement} */ +/** + * @template {WindowTemplate} T + * @extends {IDraggableElement} + */ export default class WindowElement extends IDraggableElement { static #typeTemplateMap = { @@ -25,13 +28,15 @@ export default class WindowElement extends IDraggableElement { }, } - constructor(properties = {}) { - if (properties.type.constructor == String) { - properties.type = WindowElement.#typeTemplateMap[properties.type] + constructor(options = {}) { + if (options.type.constructor == String) { + options.type = WindowElement.#typeTemplateMap[options.type] } - properties.type ??= WindowTemplate - super({}, new properties.type()) - this.type = properties.type + options.type ??= WindowTemplate + options.windowOptions ??= {} + super({}, new options.type()) + this.type = options.type + this.windowOptions = options.windowOptions } disconnectedCallback() { diff --git a/js/entity/FunctionReferenceEntity.js b/js/entity/FunctionReferenceEntity.js index d7524fc..4e2859e 100755 --- a/js/entity/FunctionReferenceEntity.js +++ b/js/entity/FunctionReferenceEntity.js @@ -7,4 +7,10 @@ export default class FunctionReferenceEntity extends IEntity { MemberParent: ObjectReferenceEntity, MemberName: "", } + + constructor(options = {}) { + super(options) + /** @type {ObjectReferenceEntity} */ this.MemberParent + /** @type {String} */ this.MemberName + } } diff --git a/js/entity/GuidEntity.js b/js/entity/GuidEntity.js index 689574d..57778c2 100755 --- a/js/entity/GuidEntity.js +++ b/js/entity/GuidEntity.js @@ -18,6 +18,11 @@ export default class GuidEntity extends IEntity { return new GuidEntity({ value: guid }) } + constructor(options = {}) { + super(options) + /** @type {String} */ this.value + } + valueOf() { return this.value } diff --git a/js/entity/IEntity.js b/js/entity/IEntity.js index dc8e330..ff3405a 100644 --- a/js/entity/IEntity.js +++ b/js/entity/IEntity.js @@ -4,6 +4,11 @@ import SerializerFactory from "../serialization/SerializerFactory" import TypeInitialization from "./TypeInitialization" import Utility from "../Utility" +/** + * @template {IEntity} T + * @typedef {new (Object) => T} IEntityConstructor + */ + export default class IEntity extends Observable { static attributes = {} @@ -44,6 +49,7 @@ export default class IEntity extends Observable { } // Not instanceof because all objects are instenceof Object, exact match needed + // @ts-expect-error if (defaultType === Object) { target[property] = {} defineAllAttributes(target[property], properties[property], values[property], property + ".") @@ -58,7 +64,8 @@ export default class IEntity extends Observable { && defaultValue.serialized && defaultValue.type !== String ) { - value = SerializerFactory.getSerializer(defaultValue.type).deserialize(value) + // @ts-expect-error + value = SerializerFactory.getSerializer((defaultValue.type)).deserialize(value) } target[property] = TypeInitialization.sanitize(value, Utility.getType(defaultValue)) continue // We have a value, need nothing more @@ -72,6 +79,7 @@ export default class IEntity extends Observable { if (defaultValue.serialized) { defaultValue = "" } else { + // @ts-expect-error defaultType = defaultValue.type defaultValue = defaultValue.value } @@ -82,6 +90,7 @@ export default class IEntity extends Observable { target[property] = TypeInitialization.sanitize(defaultValue, defaultType) } } + // @ts-expect-error const attributes = this.constructor.attributes if (values.constructor !== Object && Object.getOwnPropertyNames(attributes).length == 1) { // Where there is just one attribute, option can be the value of that attribute diff --git a/js/entity/IdentifierEntity.js b/js/entity/IdentifierEntity.js index 1bcba36..8603daf 100644 --- a/js/entity/IdentifierEntity.js +++ b/js/entity/IdentifierEntity.js @@ -11,6 +11,11 @@ export default class IdentifierEntity extends IEntity { toAttribute: (value, type) => value.toString() } + constructor(options = {}) { + super(options) + /** @type {String} */ this.value + } + valueOf() { return this.value } diff --git a/js/entity/IntegerEntity.js b/js/entity/IntegerEntity.js index 3205672..e5094e2 100755 --- a/js/entity/IntegerEntity.js +++ b/js/entity/IntegerEntity.js @@ -9,6 +9,7 @@ export default class IntegerEntity extends IEntity { /** @param {Object | Number | String} options */ constructor(options = 0) { super(options) + /** @type {Number} */ this.value = Math.round(this.value) } diff --git a/js/entity/InvariantTextEntity.js b/js/entity/InvariantTextEntity.js index 0450377..212c65c 100644 --- a/js/entity/InvariantTextEntity.js +++ b/js/entity/InvariantTextEntity.js @@ -6,4 +6,9 @@ export default class InvariantTextEntity extends IEntity { static attributes = { value: String, } + + constructor(options = {}) { + super(options) + /** @type {String} */ this.value + } } diff --git a/js/entity/KeyBindingEntity.js b/js/entity/KeyBindingEntity.js index e3f7bc9..c189b39 100644 --- a/js/entity/KeyBindingEntity.js +++ b/js/entity/KeyBindingEntity.js @@ -19,5 +19,11 @@ export default class KeyBindingEntity extends IEntity { options.bAlt = options.bAlt ?? false options.bCmd = options.bCmd ?? false super(options) + /** @type {String} */ this.ActionName + /** @type {Boolean} */ this.bShift + /** @type {Boolean} */ this.bCtrl + /** @type {Boolean} */ this.bAlt + /** @type {Boolean} */ this.bCmd + /** @type {IdentifierEntity} */ this.Key } } diff --git a/js/entity/LinearColorEntity.js b/js/entity/LinearColorEntity.js index bb06a21..794cef2 100644 --- a/js/entity/LinearColorEntity.js +++ b/js/entity/LinearColorEntity.js @@ -10,7 +10,55 @@ export default class LinearColorEntity extends IEntity { A: Number, } + static fromWheelLocation([x, y], radius) { + x -= radius + y -= radius + const mod = Math.sqrt(x * x + y * y) + } + + constructor(options = {}) { + super(options) + /** @type {Number} */ this.R + /** @type {Number} */ this.G + /** @type {Number} */ this.B + /** @type {Number} */ this.A + } + + toRGBA() { + return [this.R, this.G, this.B, this.A] + } + + toHSV() { + const max = Math.max(this.R, this.G, this.B) + const min = Math.min(this.R, this.G, this.B) + const d = max - min + let h + const s = (max === 0 ? 0 : d / max) + const v = max / 255 + switch (max) { + case min: + h = 0 + break + case this.R: + h = (this.G - this.B) + d * (this.G < this.B ? 6 : 0) + break + case this.G: + h = (this.B - this.R) + d * 2 + break + case this.B: + h = (this.R - this.G) + d * 4 + break + } + h /= 6 * d + return [h, s, v] + } + + toNumber() { + return this.A + this.B << 8 + this.G << 16 + this.R << 24 + } + toString() { return Utility.printLinearColor(this) } + } diff --git a/js/entity/LocalizedTextEntity.js b/js/entity/LocalizedTextEntity.js index 3d1cd59..fa9d3c9 100755 --- a/js/entity/LocalizedTextEntity.js +++ b/js/entity/LocalizedTextEntity.js @@ -8,4 +8,11 @@ export default class LocalizedTextEntity extends IEntity { key: String, value: String, } + + constructor(options = {}) { + super(options) + /** @type {String} */ this.namespace + /** @type {String} */ this.key + /** @type {String} */ this.value + } } diff --git a/js/entity/ObjectEntity.js b/js/entity/ObjectEntity.js index d911862..49a0dcc 100755 --- a/js/entity/ObjectEntity.js +++ b/js/entity/ObjectEntity.js @@ -31,6 +31,25 @@ export default class ObjectEntity extends IEntity { static nameRegex = /(\w+)_(\d+)/ + constructor(options = {}) { + super(options) + /** @type {ObjectReferenceEntity} */ this.Class + /** @type {String} */ this.Name + /** @type {Boolean?} */ this.bIsPureFunc + /** @type {VariableReferenceEntity?} */ this.VariableReference + /** @type {FunctionReferenceEntity?} */ this.FunctionReference + /** @type {FunctionReferenceEntity?} */ this.EventReference + /** @type {ObjectReferenceEntity?} */ this.TargetType + /** @type {IntegerEntity} */ this.NodePosX + /** @type {IntegerEntity} */ this.NodePosY + /** @type {IdentifierEntity?} */ this.AdvancedPinDisplay + /** @type {IdentifierEntity?} */ this.EnabledState + /** @type {GuidEntity} */ this.NodeGuid + /** @type {IntegerEntity?} */ this.ErrorType + /** @type {String?} */ this.ErrorMsg + /** @type {PinEntity[]} */ this.CustomProperties + } + getObjectName(dropCounter = false) { if (dropCounter) { return this.getNameAndCounter()[0] diff --git a/js/entity/ObjectReferenceEntity.js b/js/entity/ObjectReferenceEntity.js index 3458f11..d984023 100755 --- a/js/entity/ObjectReferenceEntity.js +++ b/js/entity/ObjectReferenceEntity.js @@ -6,4 +6,10 @@ export default class ObjectReferenceEntity extends IEntity { type: String, path: String, } + + constructor(options = {}) { + super(options) + /** @type {String} */ this.type + /** @type {String} */ this.path + } } diff --git a/js/entity/PathSymbolEntity.js b/js/entity/PathSymbolEntity.js index 7a5fd63..0507f79 100755 --- a/js/entity/PathSymbolEntity.js +++ b/js/entity/PathSymbolEntity.js @@ -6,6 +6,11 @@ export default class PathSymbolEntity extends IEntity { value: String, } + constructor(options = {}) { + super(options) + /** @type {String} */ this.value + } + valueOf() { return this.value } diff --git a/js/entity/PinEntity.js b/js/entity/PinEntity.js index 5336352..4bff001 100755 --- a/js/entity/PinEntity.js +++ b/js/entity/PinEntity.js @@ -11,6 +11,9 @@ import SimpleSerializationVectorEntity from "./SimpleSerializationVectorEntity" import TypeInitialization from "./TypeInitialization" import VectorEntity from "./VectorEntity" +/** @typedef {import("./TypeInitialization").AnyValue} AnyValue */ + +/** @template {AnyValue} T */ export default class PinEntity extends IEntity { static #typeEntityMap = { @@ -76,6 +79,41 @@ export default class PinEntity extends IEntity { : entity } + constructor(options = {}) { + super(options) + /** @type {GuidEntity} */ this.PinId + /** @type {String} */ this.PinName + /** @type {LocalizedTextEntity} */ this.PinFriendlyName + /** @type {String} */ this.PinToolTip + /** @type {String} */ this.Direction + /** + * @type {{ + * PinCategory: String, + * PinSubCategory: String, + * PinSubCategoryObject: ObjectReferenceEntity, + * PinSubCategoryMemberReference: any, + * PinValueType: String, + * ContainerType: ObjectReferenceEntity, + * bIsReference: Boolean, + * bIsConst: Boolean, + * bIsWeakPointer: Boolean, + * bIsUObjectWrapper: Boolean, + * bSerializeAsSinglePrecisionFloat: Boolean, + * }} + */ this.PinType + /** @type {PinReferenceEntity[]} */ this.LinkedTo + /** @type {T} */ this.DefaultValue + /** @type {String} */ this.AutogeneratedDefaultValue + /** @type {ObjectReferenceEntity} */ this.DefaultObject + /** @type {GuidEntity} */ this.PersistentGuid + /** @type {Boolean} */ this.bHidden + /** @type {Boolean} */ this.bNotConnectable + /** @type {Boolean} */ this.bDefaultValueIsReadOnly + /** @type {Boolean} */ this.bDefaultValueIsIgnored + /** @type {Boolean} */ this.bAdvancedView + /** @type {Boolean} */ this.bOrphanedPin + } + getType() { if (this.PinType.PinCategory == "struct") { return this.PinType.PinSubCategoryObject.path @@ -84,7 +122,7 @@ export default class PinEntity extends IEntity { } getDefaultValue() { - return this.DefaultValue ?? "" + return this.DefaultValue } isHidden() { @@ -111,7 +149,7 @@ export default class PinEntity extends IEntity { /** @type {PinReferenceEntity[]} */ this.LinkedTo const linkFound = this.LinkedTo?.find(pinReferenceEntity => { - return pinReferenceEntity.objectName == targetObjectName + return pinReferenceEntity.objectName.toString() == targetObjectName && pinReferenceEntity.pinGuid.valueOf() == targetPinEntity.PinId.valueOf() }) if (!linkFound) { @@ -130,7 +168,7 @@ export default class PinEntity extends IEntity { */ unlinkFrom(targetObjectName, targetPinEntity) { const indexElement = this.LinkedTo?.findIndex(pinReferenceEntity => { - return pinReferenceEntity.objectName == targetObjectName + return pinReferenceEntity.objectName.toString() == targetObjectName && pinReferenceEntity.pinGuid.valueOf() == targetPinEntity.PinId.valueOf() }) if (indexElement >= 0) { diff --git a/js/entity/PinReferenceEntity.js b/js/entity/PinReferenceEntity.js index 3c4770e..9424757 100755 --- a/js/entity/PinReferenceEntity.js +++ b/js/entity/PinReferenceEntity.js @@ -8,4 +8,10 @@ export default class PinReferenceEntity extends IEntity { objectName: PathSymbolEntity, pinGuid: GuidEntity, } + + constructor(options = {}) { + super(options) + /** @type {PathSymbolEntity} */ this.objectName + /** @type {GuidEntity} */ this.pinGuid + } } diff --git a/js/entity/RotatorEntity.js b/js/entity/RotatorEntity.js index e9d3771..a84e994 100644 --- a/js/entity/RotatorEntity.js +++ b/js/entity/RotatorEntity.js @@ -7,4 +7,11 @@ export default class RotatorEntity extends IEntity { P: Number, Y: Number, } + + constructor(values = {}) { + super(values) + /** @type {Number} */ this.R + /** @type {Number} */ this.P + /** @type {Number} */ this.Y + } } diff --git a/js/entity/TypeInitialization.js b/js/entity/TypeInitialization.js index 958a870..4cb2a72 100755 --- a/js/entity/TypeInitialization.js +++ b/js/entity/TypeInitialization.js @@ -1,7 +1,21 @@ -/** @template T */ + +/** + * @typedef {import("./IEntity").default} IEntity + * @typedef {IEntity | String | Number | Boolean | Array} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("./IEntity").IEntityConstructor} IEntityConstructor + */ +/** + * @template {AnyValue} T + * @typedef {IEntityConstructor | StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor} AnyValueConstructor + */ + +/** @template {AnyValue} T */ export default class TypeInitialization { - /** @type {Constructor|Array} */ + /** @type {AnyValueConstructor|AnyValueConstructor[]} */ #type get type() { return this.#type @@ -18,7 +32,7 @@ export default class TypeInitialization { this.#showDefault = v } - /** @type {T} */ + /** @type {T | T[] | String} */ #value get value() { return this.#value @@ -54,10 +68,9 @@ export default class TypeInitialization { } /** - * @typedef {(new () => T) | StringConstructor | NumberConstructor | BooleanConstructor} Constructor - * @param {Constructor|Array} type + * @param {AnyValueConstructor|AnyValueConstructor[]} type * @param {Boolean} showDefault - * @param {any} value + * @param {T | T[] | String} value * @param {Boolean} serialized */ constructor(type, showDefault = true, value = undefined, serialized = false) { diff --git a/js/entity/VectorEntity.js b/js/entity/VectorEntity.js index 2fda0cc..e232059 100644 --- a/js/entity/VectorEntity.js +++ b/js/entity/VectorEntity.js @@ -7,4 +7,11 @@ export default class VectorEntity extends IEntity { Y: Number, Z: Number, } + + constructor(options = {}) { + super(options) + /** @type {Number} */ this.X + /** @type {Number} */ this.Y + /** @type {Number} */ this.Z + } } diff --git a/js/input/keybaord/IKeyboardShortcut.js b/js/input/keybaord/IKeyboardShortcut.js index dab073b..d337cca 100644 --- a/js/input/keybaord/IKeyboardShortcut.js +++ b/js/input/keybaord/IKeyboardShortcut.js @@ -21,6 +21,7 @@ export default class IKeyboardShortcut extends IInput { return v } if (v.constructor === String) { + // @ts-expect-error const parsed = ISerializer.grammar.KeyBinding.parse(v) if (parsed.status) { return parsed.value diff --git a/js/input/mouse/IMouseClickDrag.js b/js/input/mouse/IMouseClickDrag.js index b8f57b9..d44616d 100644 --- a/js/input/mouse/IMouseClickDrag.js +++ b/js/input/mouse/IMouseClickDrag.js @@ -31,13 +31,21 @@ export default class IMouseClickDrag extends IPointing { clickedPosition = [0, 0] mouseLocation = [0, 0] + /** + * + * @param {T} target + * @param {Blueprint} blueprint + * @param {Object} options + */ constructor(target, blueprint, options = {}) { options.clickButton ??= 0 options.consumeEvent ??= true - options.exitAnyButton ??= true options.draggableElement ??= target + options.exitAnyButton ??= true options.looseTarget ??= false options.moveEverywhere ??= false + options.movementSpace ??= blueprint?.getGridDOMElement() + options.repositionClickOffset ??= false super(target, blueprint, options) this.stepSize = parseInt(options?.stepSize ?? Configuration.gridSize) @@ -151,7 +159,7 @@ export default class IMouseClickDrag extends IPointing { startDrag(location) { } - dragTo(location, movement) { + dragTo(location, offset) { } endDrag() { diff --git a/js/input/mouse/IPointing.js b/js/input/mouse/IPointing.js index e94bf41..6cc166a 100644 --- a/js/input/mouse/IPointing.js +++ b/js/input/mouse/IPointing.js @@ -10,6 +10,7 @@ import Utility from "../../Utility" export default class IPointing extends IInput { constructor(target, blueprint, options) { + options.ignoreTranslateCompensate ??= false options.movementSpace ??= blueprint?.getGridDOMElement() ?? document.documentElement super(target, blueprint, options) this.movementSpace = options.movementSpace @@ -21,6 +22,8 @@ export default class IPointing extends IInput { [mouseEvent.clientX, mouseEvent.clientY], this.movementSpace ) - return this.blueprint.compensateTranslation(location) + return this.options.ignoreTranslateCompensate + ? location + : this.blueprint.compensateTranslation(location) } } diff --git a/js/input/mouse/MouseMoveDraggable.js b/js/input/mouse/MouseMoveDraggable.js index 66d68f7..d65af28 100755 --- a/js/input/mouse/MouseMoveDraggable.js +++ b/js/input/mouse/MouseMoveDraggable.js @@ -3,29 +3,45 @@ import Utility from "../../Utility" /** * @typedef {import("../../Blueprint").default} Blueprint - * @typedef {import("../../element/ISelectableDraggableElement").default} ISelectableDraggableElement + * @typedef {import("../../element/IDraggableElement").default} IDraggableElement */ -/** @extends {IMouseClickDrag} */ +/** + * @template {IDraggableElement} T + * @extends {IMouseClickDrag} + */ export default class MouseMoveDraggable extends IMouseClickDrag { - dragTo(location, movement) { - const initialTargetLocation = [this.target.locationX, this.target.locationY] - const [mouseLocation, targetLocation] = this.stepSize > 1 - ? [Utility.snapToGrid(location, this.stepSize), Utility.snapToGrid(initialTargetLocation, this.stepSize)] - : [location, initialTargetLocation] - const d = [ - mouseLocation[0] - this.mouseLocation[0], - mouseLocation[1] - this.mouseLocation[1] + clicked(location) { + if (this.options.repositionClickOffset) { + this.target.setLocation(this.stepSize > 1 + ? Utility.snapToGrid(location, this.stepSize) + : location + ) + } + } + + dragTo(location, offset) { + const targetLocation = [this.target.locationX, this.target.locationY] + const [adjustedLocation, adjustedTargetLocation] = this.stepSize > 1 + ? [Utility.snapToGrid(location, this.stepSize), Utility.snapToGrid(targetLocation, this.stepSize)] + : [location, targetLocation] + offset = [ + adjustedLocation[0] - this.mouseLocation[0], + adjustedLocation[1] - this.mouseLocation[1] ] - if (d[0] == 0 && d[1] == 0) { + if (offset[0] == 0 && offset[1] == 0) { return } // Make sure it snaps on the grid - d[0] += targetLocation[0] - this.target.locationX - d[1] += targetLocation[1] - this.target.locationY - this.target.addLocation(d) + offset[0] += adjustedTargetLocation[0] - this.target.locationX + offset[1] += adjustedTargetLocation[1] - this.target.locationY + this.dragAction(adjustedLocation, offset) // Reassign the position of mouse - this.mouseLocation = mouseLocation + this.mouseLocation = adjustedLocation + } + + dragAction(location, offset) { + this.target.addLocation(offset) } } diff --git a/js/input/mouse/MouseMoveNodes.js b/js/input/mouse/MouseMoveNodes.js index 9cd741f..e0cbfc7 100755 --- a/js/input/mouse/MouseMoveNodes.js +++ b/js/input/mouse/MouseMoveNodes.js @@ -1,13 +1,11 @@ -import IMouseClickDrag from "./IMouseClickDrag" import MouseMoveDraggable from "./MouseMoveDraggable" -import Utility from "../../Utility" /** * @typedef {import("../../Blueprint").default} Blueprint * @typedef {import("../../element/ISelectableDraggableElement").default} ISelectableDraggableElement */ -/** @extends {IMouseClickDrag} */ +/** @extends {MouseMoveDraggable} */ export default class MouseMoveNodes extends MouseMoveDraggable { startDrag() { @@ -17,24 +15,8 @@ export default class MouseMoveNodes extends MouseMoveDraggable { } } - dragTo(location, movement) { - const initialTargetLocation = [this.target.locationX, this.target.locationY] - const [mouseLocation, targetLocation] = this.stepSize > 1 - ? [Utility.snapToGrid(location, this.stepSize), Utility.snapToGrid(initialTargetLocation, this.stepSize)] - : [location, initialTargetLocation] - const d = [ - mouseLocation[0] - this.mouseLocation[0], - mouseLocation[1] - this.mouseLocation[1] - ] - if (d[0] == 0 && d[1] == 0) { - return - } - // Make sure it snaps on the grid - d[0] += targetLocation[0] - this.target.locationX - d[1] += targetLocation[1] - this.target.locationY - this.target.dispatchDragEvent(d) - // Reassign the position of mouse - this.mouseLocation = mouseLocation + dragAction(location, offset) { + this.target.dispatchDragEvent(offset) } unclicked() { diff --git a/js/input/mouse/MouseOpenWindow.js b/js/input/mouse/MouseOpenWindow.js index 23b0994..993daed 100644 --- a/js/input/mouse/MouseOpenWindow.js +++ b/js/input/mouse/MouseOpenWindow.js @@ -9,17 +9,13 @@ export default class MouseOpenWindow extends IMouseClick { #window - constructor(target, blueprint, options = {}) { - options.windowType ??= "window" - super(target, blueprint, options) - } - clicked(location) { } unclicked(location) { this.#window = new WindowElement({ - type: this.options.windowType + type: this.options.windowType, + windowOptions: this.options.windowOptions, }) this.blueprint.append(this.#window) } diff --git a/js/selection/FastSelectionModel.js b/js/selection/FastSelectionModel.js index 34e8643..5bbb78e 100755 --- a/js/selection/FastSelectionModel.js +++ b/js/selection/FastSelectionModel.js @@ -1,12 +1,7 @@ import OrderedIndexArray from "./OrderedIndexArray" /** - * @typedef {{ - * primaryInf: Number, - * primarySup: Number, - * secondaryInf: Number, - * secondarySup: Number - * }} BoundariesInfo + * @typedef {import("../Blueprint").BoundariesInfo} BoundariesInfo * @typedef {{ * primaryBoundary: Number, * secondaryBoundary: Number, @@ -19,15 +14,15 @@ import OrderedIndexArray from "./OrderedIndexArray" export default class FastSelectionModel { /** - * @param {Number[]} initialPosition Coordinates of the starting point of selection [primaryAxisValue, secondaryAxisValue]. - * @param {Rectangle[]} rectangles Rectangles that can be selected by this object. - * @param {(rect: Rectangle) => BoundariesInfo} boundariesFunc A function that, given a rectangle, it provides the boundaries of such rectangle. - * @param {(rect: Rectangle, selected: Boolean) => void} selectFunc A function that selects or deselects individual rectangles. + * @param {Number[]} initialPosition + * @param {Rectangle[]} rectangles + * @param {(rect: Rectangle) => BoundariesInfo} boundariesFunc + * @param {(rect: Rectangle, selected: Boolean) => void} selectFunc */ constructor(initialPosition, rectangles, boundariesFunc, selectFunc) { this.initialPosition = initialPosition this.finalPosition = initialPosition - /** @type Metadata[] */ + /** @type {Metadata[]} */ this.metadata = new Array(rectangles.length) this.primaryOrder = new OrderedIndexArray((element) => this.metadata[element].primaryBoundary) this.secondaryOrder = new OrderedIndexArray((element) => this.metadata[element].secondaryBoundary) @@ -36,7 +31,7 @@ export default class FastSelectionModel { this.primaryOrder.reserve(this.rectangles.length) this.secondaryOrder.reserve(this.rectangles.length) rectangles.forEach((rect, index) => { - /** @type Metadata */ + /** @type {Metadata} */ let rectangleMetadata = { primaryBoundary: this.initialPosition[0], secondaryBoundary: this.initialPosition[1], diff --git a/js/selection/OrderedIndexArray.js b/js/selection/OrderedIndexArray.js index ad13695..9709f0e 100755 --- a/js/selection/OrderedIndexArray.js +++ b/js/selection/OrderedIndexArray.js @@ -1,20 +1,17 @@ export default class OrderedIndexArray { /** - * @param {(arrayElement: number) => number} compareFunction A function that, given acouple of elements of the array telles what order are they on. - * @param {(number|array)} value Initial length or array to copy from + * @param {(arrayElement: number) => number} comparisonValueSupplier + * @param {number} value */ - constructor(comparisonValueSupplier = (a) => a, value = null) { + constructor(comparisonValueSupplier = v => v, value = null) { this.array = new Uint32Array(value) this.comparisonValueSupplier = comparisonValueSupplier this.length = 0 this.currentPosition = 0 } - /** - * @param {number} index The index of the value to return - * @returns The element of the array - */ + /** @param {number} index */ get(index) { if (index >= 0 && index < this.length) { return this.array[index] @@ -22,19 +19,11 @@ export default class OrderedIndexArray { return null } - /** - * Returns the array used by this object. - * @returns The array. - */ getArray() { return this.array } - /** - * Get the position that the value supplied should (or does) occupy in the aray. - * @param {number} value The value to look for (it doesn't have to be part of the array). - * @returns The position index. - */ + /** @param {number} value */ getPosition(value) { let l = 0 let r = this.length @@ -57,11 +46,7 @@ export default class OrderedIndexArray { } } - /** - * Inserts the element in the array. - * @param element {number} The value to insert into the array. - * @returns {number} The position into occupied by value into the array. - */ + /** @param {number} element */ insert(element, comparisonValue = null) { let position = this.getPosition(this.comparisonValueSupplier(element)) if ( @@ -75,10 +60,7 @@ export default class OrderedIndexArray { return position } - /** - * Removes the element from the array. - * @param {number} value The value of the element to be remove. - */ + /** @param {number} element */ remove(element) { let position = this.getPosition(this.comparisonValueSupplier(element)) if (this.array[position] == element) { @@ -86,10 +68,7 @@ export default class OrderedIndexArray { } } - /** - * Removes the element into the specified position from the array. - * @param {number} position The index of the element to be remove. - */ + /** @param {number} position */ removeAt(position) { if (position < this.currentPosition) { --this.currentPosition diff --git a/js/serialization/CustomSerializer.js b/js/serialization/CustomSerializer.js index 42db41a..36e8670 100755 --- a/js/serialization/CustomSerializer.js +++ b/js/serialization/CustomSerializer.js @@ -1,15 +1,25 @@ import GeneralSerializer from "./GeneralSerializer" -/** @typedef {import("../entity/IEntity").default} IEntity */ +/** + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ -/** @template {IEntity | Boolean | Number | String} T */ +/** + * @template {AnyValue} T + * @extends {GeneralSerializer} + */ export default class CustomSerializer extends GeneralSerializer { #objectWriter /** * @param {(v: T, insideString: Boolean) => String} objectWriter - * @param {new () => T} entityType + * @param {AnyValueConstructor} entityType */ constructor(objectWriter, entityType) { super(undefined, entityType) diff --git a/js/serialization/GeneralSerializer.js b/js/serialization/GeneralSerializer.js index 24ae04e..f4e0754 100755 --- a/js/serialization/GeneralSerializer.js +++ b/js/serialization/GeneralSerializer.js @@ -1,12 +1,22 @@ import Grammar from "./Grammar" import ISerializer from "./ISerializer" -/** @typedef {import("../entity/IEntity").default} IEntity */ +/** + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ -/** @template {IEntity} T */ +/** + * @template {AnyValue} T + * @extends ISerializer + */ export default class GeneralSerializer extends ISerializer { - /** @param {new () => T} entityType */ + /** @param {AnyValueConstructor} entityType */ constructor(wrap, entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) { wrap = wrap ?? (v => `(${v})`) super(entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) @@ -18,6 +28,7 @@ export default class GeneralSerializer extends ISerializer { * @returns {T} */ read(value) { + // @ts-expect-error let grammar = Grammar.getGrammarForType(ISerializer.grammar, this.entityType) const parseResult = grammar.parse(value) if (!parseResult.status) { diff --git a/js/serialization/Grammar.js b/js/serialization/Grammar.js index d1b4f24..da6bc1e 100755 --- a/js/serialization/Grammar.js +++ b/js/serialization/Grammar.js @@ -1,3 +1,4 @@ +// @ts-nocheck import FunctionReferenceEntity from "../entity/FunctionReferenceEntity" import GuidEntity from "../entity/GuidEntity" import IdentifierEntity from "../entity/IdentifierEntity" @@ -20,6 +21,14 @@ import Utility from "../Utility" import VectorEntity from "../entity/VectorEntity" /** @typedef {import("../entity/IEntity").default} IEntity */ +/** + * @template {IEntity} T + * @typedef {import("../entity/IEntity").IEntityConstructor} IEntityConstructor + */ +/** + * @template T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ let P = Parsimmon @@ -27,7 +36,14 @@ export default class Grammar { /* --- Factory --- */ - static getGrammarForType(r, attributeType, defaultGrammar) { + /** + * @template T, U + * @param {Grammar} r + * @param {AnyValueConstructor} attributeType + * @param {Parsimmon} defaultGrammar + * @returns + */ + static getGrammarForType(r, attributeType, defaultGrammar = r.AttributeAnyValue) { if (attributeType instanceof TypeInitialization) { let result = Grammar.getGrammarForType(r, attributeType.type, defaultGrammar) if (attributeType.serialized && !(attributeType.type instanceof String)) { @@ -91,6 +107,12 @@ export default class Grammar { } } + /** + * @param {Grammar} r + * @param {IEntityConstructor} entityType + * @param {Parsimmon.Parser} valueSeparator + * @returns + */ static createPropertyGrammar = (r, entityType, valueSeparator = P.string("=").trim(P.optWhitespace)) => r.AttributeName.skip(valueSeparator) .chain(attributeName => { @@ -104,6 +126,11 @@ export default class Grammar { ) }) + /** + * @param {Grammar} r + * @param {IEntityConstructor} entityType + * @returns + */ static createEntityGrammar = (r, entityType) => P.seqMap( entityType.lookbehind @@ -123,14 +150,19 @@ export default class Grammar { /* --- General --- */ + /** @param {Grammar} r */ InlineWhitespace = r => P.regex(/[^\S\n]+/).desc("inline whitespace") + /** @param {Grammar} r */ InlineOptWhitespace = r => P.regex(/[^\S\n]*/).desc("inline optional whitespace") + /** @param {Grammar} r */ MultilineWhitespace = r => P.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline") + /** @param {Grammar} r */ Null = r => P.seq(P.string("("), r.InlineOptWhitespace, P.string(")")).map(_ => null).desc("null: ()") + /** @param {Grammar} r */ Boolean = r => P.alt( P.string("True"), P.string("true"), @@ -139,19 +171,26 @@ export default class Grammar { ).map(v => v.toLocaleLowerCase() === "true" ? true : false) .desc("either True or False") + /** @param {Grammar} r */ HexDigit = r => P.regex(/[0-9a-fA-f]/).desc("hexadecimal digit") + /** @param {Grammar} r */ Number = r => P.regex(/[\-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number") + /** @param {Grammar} r */ NaturalNumber = r => P.regex(/0|[1-9]\d*/).map(Number).desc("a natural number") + /** @param {Grammar} r */ ColorNumber = r => r.NaturalNumber.assert(n => 0 <= n && n < 256, "the color must be between 0 and 256 excluded") + /** @param {Grammar} r */ Word = r => P.regex(/[a-zA-Z]+/).desc("a word") + /** @param {Grammar} r */ String = r => P.regex(/(?:[^"\\]|\\.)*/).wrap(P.string('"'), P.string('"')).map(Utility.unescapeString) .desc('string (with possibility to escape the quote using \")') + /** @param {Grammar} r */ ReferencePath = r => P.seq( P.string("/"), r.PathSymbol @@ -164,20 +203,27 @@ export default class Grammar { .tie() .desc('a path (words with possibly underscore, separated by ".", separated by "/")') + /** @param {Grammar} r */ AttributeName = r => r.Word.sepBy1(P.string(".")).tieWith(".").desc('words separated by ""') /* --- Entity --- */ + /** @param {Grammar} r */ None = r => P.string("None").map(_ => new ObjectReferenceEntity({ type: "None", path: "" })).desc("none") + /** @param {Grammar} r */ Integer = r => P.regex(/[\-\+]?[0-9]+/).map(v => new IntegerEntity(v)).desc("an integer") + /** @param {Grammar} r */ Guid = r => r.HexDigit.times(32).tie().map(v => new GuidEntity({ value: v })).desc("32 digit hexadecimal value") + /** @param {Grammar} r */ Identifier = r => P.regex(/\w+/).map(v => new IdentifierEntity(v)) + /** @param {Grammar} r */ PathSymbol = r => P.regex(/[0-9\w]+/).map(v => new PathSymbolEntity({ value: v })) + /** @param {Grammar} r */ Reference = r => P.alt( r.None, ...[r.ReferencePath.map(path => new ObjectReferenceEntity({ type: "", path: path }))] @@ -197,6 +243,7 @@ export default class Grammar { r.Word.map(type => new ObjectReferenceEntity({ type: type, path: "" })), ) + /** @param {Grammar} r */ LocalizedText = r => P.seqMap( P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _0 (ignored) r.String.trim(P.optWhitespace), // Goes into namespace @@ -212,12 +259,14 @@ export default class Grammar { }) ) + /** @param {Grammar} r */ InvariantText = r => r.String.trim(P.optWhitespace).wrap( P.string(InvariantTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), P.string(")") ) .map(value => new InvariantTextEntity({ value: value })) + /** @param {Grammar} r */ AttributeAnyValue = r => P.alt( r.Null, r.None, @@ -233,6 +282,7 @@ export default class Grammar { r.LinearColor, ) + /** @param {Grammar} r */ PinReference = r => P.seqMap( r.PathSymbol, // Goes into objectNAme P.whitespace, // Goes into _ (ignored) @@ -243,10 +293,13 @@ export default class Grammar { }) ) + /** @param {Grammar} r */ Vector = r => Grammar.createEntityGrammar(r, VectorEntity) + /** @param {Grammar} r */ Rotator = r => Grammar.createEntityGrammar(r, RotatorEntity) + /** @param {Grammar} r */ SimpleSerializationRotator = r => P.seqMap( r.Number, P.string(",").trim(P.optWhitespace), @@ -260,6 +313,7 @@ export default class Grammar { }) ) + /** @param {Grammar} r */ SimpleSerializationVector = r => P.seqMap( r.Number, P.string(",").trim(P.optWhitespace), @@ -273,10 +327,13 @@ export default class Grammar { }) ) + /** @param {Grammar} r */ LinearColor = r => Grammar.createEntityGrammar(r, LinearColorEntity) + /** @param {Grammar} r */ FunctionReference = r => Grammar.createEntityGrammar(r, FunctionReferenceEntity) + /** @param {Grammar} r */ KeyBinding = r => P.alt( r.Identifier.map(identifier => new KeyBindingEntity({ Key: identifier @@ -284,8 +341,10 @@ export default class Grammar { Grammar.createEntityGrammar(r, KeyBindingEntity) ) + /** @param {Grammar} r */ Pin = r => Grammar.createEntityGrammar(r, PinEntity) + /** @param {Grammar} r */ CustomProperties = r => P.string("CustomProperties") .then(P.whitespace) @@ -297,7 +356,7 @@ export default class Grammar { Utility.objectSet(entity, ["CustomProperties"], properties, true) }) - /** @returns {Parsimmon.Parser} */ + /** @param {Grammar} r */ Object = r => P.seqMap( P.seq(P.string("Begin"), P.whitespace, P.string("Object"), P.whitespace), P @@ -319,6 +378,7 @@ export default class Grammar { /* --- Others --- */ + /** @param {Grammar} r */ LinearColorFromHex = r => P .string("#") .then(r.HexDigit.times(2).tie().times(3, 4)) @@ -330,6 +390,7 @@ export default class Grammar { A: A ? parseInt(A, 16) / 255 : 1, })) + /** @param {Grammar} r */ LinearColorFromRGBList = r => P.seqMap( r.ColorNumber, P.string(",").skip(P.optWhitespace), @@ -344,6 +405,7 @@ export default class Grammar { }) ) + /** @param {Grammar} r */ LinearColorFromRGB = r => P.string("rgb").then( r.LinearColorFromRGBList.wrap( P.regex(/\(\s*/), @@ -351,6 +413,7 @@ export default class Grammar { ) ) + /** @param {Grammar} r */ LinearColorFromRGBA = r => P.string("rgba").then( P.seqMap( r.ColorNumber, @@ -372,6 +435,7 @@ export default class Grammar { ) ) + /** @param {Grammar} r */ LinearColorFromAnyColor = r => P.alt( r.LinearColorFromRGBList, r.LinearColorFromHex, diff --git a/js/serialization/ISerializer.js b/js/serialization/ISerializer.js index 9431bd5..3dfc89b 100644 --- a/js/serialization/ISerializer.js +++ b/js/serialization/ISerializer.js @@ -1,22 +1,38 @@ import Grammar from "./Grammar" -import IEntity from "../entity/IEntity" import Parsimmon from "parsimmon" import SerializerFactory from "./SerializerFactory" import TypeInitialization from "../entity/TypeInitialization" import Utility from "../Utility" -/** @template {IEntity} T */ +/** + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ + +/** @template {AnyValue} T */ export default class ISerializer { + // @ts-expect-error static grammar = Parsimmon.createLanguage(new Grammar()) - constructor(entityType, prefix, separator, trailingSeparator, attributeValueConjunctionSign, attributeKeyPrinter) { + /** @param {AnyValueConstructor} entityType */ + constructor( + entityType, + prefix = "", + separator = ",", + trailingSeparator = false, + attributeValueConjunctionSign = "=", + attributeKeyPrinter = k => k.join(".") + ) { this.entityType = entityType - this.prefix = prefix ?? "" - this.separator = separator ?? "," - this.trailingSeparator = trailingSeparator ?? false - this.attributeValueConjunctionSign = attributeValueConjunctionSign ?? "=" - this.attributeKeyPrinter = attributeKeyPrinter ?? (k => k.join(".")) + this.prefix = prefix + this.separator = separator + this.trailingSeparator = trailingSeparator + this.attributeValueConjunctionSign = attributeValueConjunctionSign + this.attributeKeyPrinter = attributeKeyPrinter } /** @@ -27,12 +43,8 @@ export default class ISerializer { return this.read(value) } - /** - * @param {T} object - * @param {Boolean} insideString - * @returns {String} - */ - serialize(object, insideString, entity = object) { + /** @param {T} object */ + serialize(object, insideString = false, entity = object) { return this.write(entity, object, insideString) } @@ -54,6 +66,7 @@ export default class ISerializer { } /** + * @param {AnyValue} value * @param {String[]} fullKey * @param {Boolean} insideString */ @@ -103,6 +116,7 @@ export default class ISerializer { } showProperty(entity, object, attributeKey, attributeValue) { + // @ts-expect-error const attributes = this.entityType.attributes const attribute = Utility.objectGet(attributes, attributeKey) if (attribute instanceof TypeInitialization) { diff --git a/js/serialization/SerializerFactory.js b/js/serialization/SerializerFactory.js index 51105f4..5ba6f1f 100755 --- a/js/serialization/SerializerFactory.js +++ b/js/serialization/SerializerFactory.js @@ -1,14 +1,19 @@ -import Utility from "../Utility" - -/** @typedef {import("../entity/IEntity").default} IEntity */ - /** - * @template {IEntity} T + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + */ +/** + * @template T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ +/** + * @template {AnyValue} T * @typedef {import("./ISerializer").default} ISerializer */ + export default class SerializerFactory { - /** @type {Map>} */ + /** @type {Map, ISerializer>} */ static #serializers = new Map() static registerSerializer(entity, object) { @@ -16,8 +21,8 @@ export default class SerializerFactory { } /** - * @template {IEntity} T - * @param {T} entity + * @template {AnyValue} T + * @param {AnyValueConstructor} entity */ static getSerializer(entity) { return SerializerFactory.#serializers.get(entity) diff --git a/js/serialization/ToStringSerializer.js b/js/serialization/ToStringSerializer.js index 479f37d..36bed70 100755 --- a/js/serialization/ToStringSerializer.js +++ b/js/serialization/ToStringSerializer.js @@ -1,12 +1,18 @@ import Utility from "../Utility" import GeneralSerializer from "./GeneralSerializer" -/** @typedef {import("../entity/IEntity").default} IEntity */ - -/** @template {IEntity} T */ +/** @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue */ +/** + * @template {AnyValue} T + * @typedef {import("../entity/TypeInitialization").AnyValueConstructor} AnyValueConstructor + */ +/** + * @template {AnyValue} T + * @extends {GeneralSerializer} + */ export default class ToStringSerializer extends GeneralSerializer { - /** @param {new () => T} entityType */ + /** @param {AnyValueConstructor} entityType */ constructor(entityType) { super(undefined, entityType) } diff --git a/js/serialization/initializeSerializerFactory.js b/js/serialization/initializeSerializerFactory.js index 2b3e6c2..27cec43 100755 --- a/js/serialization/initializeSerializerFactory.js +++ b/js/serialization/initializeSerializerFactory.js @@ -14,13 +14,13 @@ import ObjectSerializer from "./ObjectSerializer" import PathSymbolEntity from "../entity/PathSymbolEntity" import PinEntity from "../entity/PinEntity" import PinReferenceEntity from "../entity/PinReferenceEntity" +import RotatorEntity from "../entity/RotatorEntity" import SerializerFactory from "./SerializerFactory" +import SimpleSerializationRotatorEntity from "../entity/SimpleSerializationRotatorEntity" import SimpleSerializationVectorEntity from "../entity/SimpleSerializationVectorEntity" import ToStringSerializer from "./ToStringSerializer" import Utility from "../Utility" import VectorEntity from "../entity/VectorEntity" -import RotatorEntity from "../entity/RotatorEntity" -import SimpleSerializationRotatorEntity from "../entity/SimpleSerializationRotatorEntity" export default function initializeSerializerFactory() { @@ -143,7 +143,9 @@ export default function initializeSerializerFactory() { String, new CustomSerializer( (value, insideString) => insideString + // @ts-expect-error ? Utility.escapeString(value) + // @ts-expect-error : `"${Utility.escapeString(value)}"`, String ) diff --git a/js/template/ColorHandlerTemplate.js b/js/template/ColorHandlerTemplate.js new file mode 100755 index 0000000..33f6513 --- /dev/null +++ b/js/template/ColorHandlerTemplate.js @@ -0,0 +1,25 @@ +import IDraggableTemplate from "./IDraggableTemplate" +import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" + +/** @typedef {import("../element/ColorHandlerElement").default} ColorHandlerElement */ + +/** @extends {IDraggableTemplate} */ +export default class ColorHandlerTemplate extends IDraggableTemplate { + + connectedCallback() { + super.connectedCallback() + this.window = this.element.closest("ueb-window") + } + + createDraggableObject() { + new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.element.parentElement, + ignoreTranslateCompensate: true, + looseTarget: true, + moveEverywhere: true, + movementSpace: this.element.parentElement, + repositionClickOffset: true, + stepSize: 1, + }) + } +} diff --git a/js/template/ColorPickerWindowTemplate.js b/js/template/ColorPickerWindowTemplate.js index 1034239..9523f0d 100755 --- a/js/template/ColorPickerWindowTemplate.js +++ b/js/template/ColorPickerWindowTemplate.js @@ -1,4 +1,6 @@ import { html } from "lit" +import Configuration from "../Configuration" +import LinearColorEntity from "../entity/LinearColorEntity" import WindowTemplate from "./WindowTemplate" /** @typedef {import("../element/WindowElement").default} WindowElement */ @@ -7,31 +9,47 @@ export default class ColorPickerWindowTemplate extends WindowTemplate { static windowName = html`Color Picker` - #picker + /** @type {LinearColorEntity} */ + #color + get color() { + return this.#color + } + /** @param {LinearColorEntity} value */ + set color(value) { + if (value.num() == this.color.num()) { + this.element.requestUpdate("color", this.#color) + this.#color = value + } + } + + connectedCallback() { + super.connectedCallback() + this.color = this.element.windowOptions.getPinColor() + } /** @param {Map} changedProperties */ firstUpdated(changedProperties) { - this.#picker = new iro.ColorPicker( - this.element.querySelector(".ueb-color-picker"), - { - layout: [ - - ] - } - ) } renderContent() { + const rgba = this.color.rgba() return html` -
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
@@ -50,4 +68,8 @@ export default class ColorPickerWindowTemplate extends WindowTemplate {
` } + + cleanup() { + this.element.blueprint.removeEventListener(Configuration.colorWindowEventName, this.colorWindowHandler) + } } diff --git a/js/template/IDraggableTemplate.js b/js/template/IDraggableTemplate.js index 5f03b9a..1efc321 100755 --- a/js/template/IDraggableTemplate.js +++ b/js/template/IDraggableTemplate.js @@ -1,10 +1,13 @@ import ITemplate from "./ITemplate" import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" -/** @typedef {import("../element/IDraggableElement").default} IDraggableElement */ +/** + * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../element/IDraggableElement").default} IDraggableElement + */ /** - * @template {ISelectableDraggableElement} T + * @template {IDraggableElement} T * @extends {ITemplate} */ export default class IDraggableTemplate extends ITemplate { @@ -27,9 +30,7 @@ export default class IDraggableTemplate extends ITemplate { ] } - /** - * @param {Map} changedProperties - */ + /** @param {Map} changedProperties */ update(changedProperties) { super.update(changedProperties) if (changedProperties.has("locationX")) { diff --git a/js/template/IInputPinTemplate.js b/js/template/IInputPinTemplate.js index 8718d09..f3da5c5 100644 --- a/js/template/IInputPinTemplate.js +++ b/js/template/IInputPinTemplate.js @@ -2,8 +2,15 @@ import { html } from "lit" import MouseIgnore from "../input/mouse/MouseIgnore" import PinTemplate from "./PinTemplate" -/** @typedef {import("../element/PinElement").default} PinElement */ +/** + * @template T + * @typedef {import("../element/PinElement").default} PinElement + */ +/** + * @template T + * @extends PinTemplate + */ export default class IInputPinTemplate extends PinTemplate { /** @type {HTMLElement[]} */ @@ -12,24 +19,24 @@ export default class IInputPinTemplate extends PinTemplate { return this.#inputContentElements } + /** @param {String} value */ static stringFromInputToUE(value) { return value .replace(/(?=\n\s*)\n$/, "") // Remove trailing double newline .replaceAll("\n", "\\r\n") // Replace newline with \r\n (default newline in UE) } + /** @param {String} value */ static stringFromUEToInput(value) { return value .replaceAll(/(?:\r|(?<=(?:^|[^\\])(?:\\\\)*)\\r)(?=\n)/g, "") // Remove \r leftover from \r\n .replace(/(?<=\n\s*)$/, "\n") // Put back trailing double newline } - /** - * @param {Map} changedProperties - */ + /** @param {Map} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) - this.#inputContentElements = [...this.element.querySelectorAll(".ueb-pin-input-content")] + this.#inputContentElements = /** @type {HTMLElement[]} */([...this.element.querySelectorAll(".ueb-pin-input-content")]) if (this.#inputContentElements.length) { this.setInputs(this.getInputs(), false) let self = this diff --git a/js/template/LinearColorPinTemplate.js b/js/template/LinearColorPinTemplate.js index 9212867..daaff35 100644 --- a/js/template/LinearColorPinTemplate.js +++ b/js/template/LinearColorPinTemplate.js @@ -1,6 +1,7 @@ import { html } from "lit" -import MouseOpenWindow from "../input/mouse/MouseOpenWindow" +import ColorPickerWindowTemplate from "./ColorPickerWindowTemplate" import IInputPinTemplate from "./IInputPinTemplate" +import MouseOpenWindow from "../input/mouse/MouseOpenWindow" /** * @typedef {import("../element/PinElement").default} PinElement @@ -24,7 +25,14 @@ export default class LinearColorPinTemplate extends IInputPinTemplate { ...super.createInputObjects(), new MouseOpenWindow(this.#input, this.element.blueprint, { moveEverywhere: true, - looseTarget: true + looseTarget: true, + windowType: ColorPickerWindowTemplate, + windowOptions: { + // The created window will use the following functions to get and set the color + getPinColor: () => this.element.defaultValue, + /** @param {LinearColorEntity} color */ + setPinColor: color => this.element.setDefaultValue(color), + }, }) ] } diff --git a/js/template/NodeTemplate.js b/js/template/NodeTemplate.js index a8f214a..49092ac 100755 --- a/js/template/NodeTemplate.js +++ b/js/template/NodeTemplate.js @@ -21,7 +21,7 @@ export default class NodeTemplate extends SelectableDraggableTemplate { fill="currentColor" /> - + ${this.element.nodeDisplayName}
diff --git a/js/template/PinTemplate.js b/js/template/PinTemplate.js index 5fdaa29..14b4f97 100755 --- a/js/template/PinTemplate.js +++ b/js/template/PinTemplate.js @@ -1,18 +1,23 @@ -import { css, html } from "lit" +import { html } from "lit" import ITemplate from "./ITemplate" import MouseCreateLink from "../input/mouse/MouseCreateLink" import Utility from "../Utility" /** * @typedef {import("../element/NodeElement").default} NodeElement - * @typedef {import("../element/PinElement").default} PinElement * @typedef {import("../input/IInput").default} IInput */ +/** + * @template T + * @typedef {import("../element/PinElement").default} PinElement + */ +/** + * @template T + * @extends ITemplate> + */ export default class PinTemplate extends ITemplate { - static styles = css`` - connectedCallback() { super.connectedCallback() this.element.nodeElement = this.element.closest("ueb-node") @@ -23,7 +28,7 @@ export default class PinTemplate extends ITemplate { return [ new MouseCreateLink(this.element.clickableElement, this.element.blueprint, { moveEverywhere: true, - looseTarget: true + looseTarget: true, }) ] } @@ -36,7 +41,7 @@ export default class PinTemplate extends ITemplate { ` const content = html`
- ${this.element.getPinDisplayName()} + ${this.element.getPinDisplayName()} ${this.renderInput()}
` @@ -47,8 +52,7 @@ export default class PinTemplate extends ITemplate { ` } - /** @param {PinElement} pin */ - renderIcon(pin) { + renderIcon() { return html` @@ -57,8 +61,7 @@ export default class PinTemplate extends ITemplate { ` } - /** @param {PinElement} pin */ - renderInput(pin) { + renderInput() { return html`` } @@ -69,13 +72,12 @@ export default class PinTemplate extends ITemplate { this.element.clickableElement = this.element } - /** @param {PinElement} pin */ - getLinkLocation(pin) { - const rect = pin.querySelector(".ueb-pin-icon").getBoundingClientRect() + getLinkLocation() { + const rect = this.element.querySelector(".ueb-pin-icon").getBoundingClientRect() const location = Utility.convertLocation( [(rect.left + rect.right) / 2, (rect.top + rect.bottom) / 2], - pin.blueprint.gridElement + this.element.blueprint.gridElement ) - return pin.blueprint.compensateTranslation(location) + return this.element.blueprint.compensateTranslation(location) } } diff --git a/js/template/RealPinTemplate.js b/js/template/RealPinTemplate.js index 24ab942..e2360cb 100644 --- a/js/template/RealPinTemplate.js +++ b/js/template/RealPinTemplate.js @@ -2,20 +2,28 @@ import { html } from "lit" import IInputPinTemplate from "./IInputPinTemplate" import Utility from "../Utility" +/** + * @typedef {import("../entity/VectorEntity").default} VectorEntity + */ +/** + * @template T + * @typedef {import("../element/PinElement").default} PinElement + */ + +/** + * @template {Number} T + * @extends IInputPinTemplate + */ export default class RealPinTemplate extends IInputPinTemplate { + /** @param {String[]} values */ setInputs(values = [], updateDefaultValue = false) { if (!values || values.length == 0) { - values = this.getInput() + values = [this.getInput()] } let parsedValues = [] for (let i = 0; i < values.length; ++i) { let num = parseFloat(values[i]) - if (isNaN(num)) { - num = parseFloat(this.element.entity.DefaultValue != "" - ? /** @type {String} */(this.element.entity.DefaultValue) - : this.element.entity.AutogeneratedDefaultValue) - } if (isNaN(num)) { num = 0 updateDefaultValue = false @@ -35,7 +43,9 @@ export default class RealPinTemplate extends IInputPinTemplate { return html`
+ .innerText="${ + IInputPinTemplate.stringFromUEToInput(Utility.minDecimals(this.element.entity.DefaultValue)) + }">
` } diff --git a/js/template/RotatorPinTemplate.js b/js/template/RotatorPinTemplate.js index ba67f35..6a9c728 100644 --- a/js/template/RotatorPinTemplate.js +++ b/js/template/RotatorPinTemplate.js @@ -3,7 +3,28 @@ import RotatorEntity from "../entity/RotatorEntity" import IInputPinTemplate from "./IInputPinTemplate" import RealPinTemplate from "./RealPinTemplate" -export default class RotatorPinTemplate extends RealPinTemplate { +/** @typedef {import("../entity/RotatorEntity").default} Rotator */ + +/** @extends IInputPinTemplate */ +export default class RotatorPinTemplate extends IInputPinTemplate { + + /** @param {String[]} values */ + setInputs(values = [], updateDefaultValue = false) { + if (!values || values.length == 0) { + values = [this.getInput()] + } + let parsedValues = [] + for (let i = 0; i < values.length; ++i) { + let num = parseFloat(values[i]) + if (isNaN(num)) { + num = 0 + updateDefaultValue = false + } + parsedValues.push(num) + } + super.setInputs(values, false) + this.setDefaultValue(parsedValues, values) + } setDefaultValue(values = [], rawValues = values) { if (!(this.element.entity.DefaultValue instanceof RotatorEntity)) { diff --git a/js/template/SelectableDraggableTemplate.js b/js/template/SelectableDraggableTemplate.js index 15ddc95..164d890 100755 --- a/js/template/SelectableDraggableTemplate.js +++ b/js/template/SelectableDraggableTemplate.js @@ -1,12 +1,14 @@ import IDraggableTemplate from "./IDraggableTemplate" -import ITemplate from "./ITemplate" import MouseMoveNodes from "../input/mouse/MouseMoveNodes" -/** @typedef {import("../element/ISelectableDraggableElement").default} ISelectableDraggableElement */ +/** + * @typedef {import("../element/ISelectableDraggableElement").default} ISelectableDraggableElement + * @typedef {import("../input/mouse/MouseMoveDraggable").default} MouseMoveDraggable + */ /** * @template {ISelectableDraggableElement} T - * @extends {ITemplate} + * @extends {IDraggableTemplate} */ export default class SelectableDraggableTemplate extends IDraggableTemplate { @@ -15,10 +17,10 @@ export default class SelectableDraggableTemplate extends IDraggableTemplate { } createDraggableObject() { - return new MouseMoveNodes(this.element, this.element.blueprint, { + return /** @type {MouseMoveDraggable} */ (new MouseMoveNodes(this.element, this.element.blueprint, { draggableElement: this.getDraggableElement(), looseTarget: true, - }) + })) } /** @param {Map} changedProperties */ diff --git a/js/template/SelectorTemplate.js b/js/template/SelectorTemplate.js index 73a27ea..387fc87 100755 --- a/js/template/SelectorTemplate.js +++ b/js/template/SelectorTemplate.js @@ -2,6 +2,7 @@ import IFromToPositionedTemplate from "./IFromToPositionedTemplate" /** @typedef {import("../element/SelectorElement").default} SelectorElement */ +/** @extends IFromToPositionedTemplate */ export default class SelectorTemplate extends IFromToPositionedTemplate { } diff --git a/js/template/VectorPinTemplate.js b/js/template/VectorPinTemplate.js index 7bd1ed2..fae6411 100644 --- a/js/template/VectorPinTemplate.js +++ b/js/template/VectorPinTemplate.js @@ -1,15 +1,36 @@ import { html } from "lit" import IInputPinTemplate from "./IInputPinTemplate" -import RealPinTemplate from "./RealPinTemplate" import Utility from "../Utility" import VectorEntity from "../entity/VectorEntity" /** * @typedef {import("../element/PinElement").default} PinElement - * @typedef {import("../entity/LinearColorEntity").default} LinearColorEntity} + * @typedef {import("../entity/LinearColorEntity").default} LinearColorEntity */ -export default class VectorPinTemplate extends RealPinTemplate { +/** + * @template {VectorEntity} T + * @extends IInputPinTemplate + */ +export default class VectorPinTemplate extends IInputPinTemplate { + + /** @param {String[]} values */ + setInputs(values = [], updateDefaultValue = false) { + if (!values || values.length == 0) { + values = [this.getInput()] + } + let parsedValues = [] + for (let i = 0; i < values.length; ++i) { + let num = parseFloat(values[i]) + if (isNaN(num)) { + num = 0 + updateDefaultValue = false + } + parsedValues.push(num) + } + super.setInputs(values, false) + this.setDefaultValue(parsedValues, values) + } setDefaultValue(values = [], rawValues = values) { if (!(this.element.entity.DefaultValue instanceof VectorEntity)) { @@ -27,27 +48,21 @@ export default class VectorPinTemplate extends RealPinTemplate {
X
- +
Y
- +
Z
- +
` diff --git a/js/template/WindowTemplate.js b/js/template/WindowTemplate.js index 76df6e0..7d0d702 100755 --- a/js/template/WindowTemplate.js +++ b/js/template/WindowTemplate.js @@ -4,7 +4,7 @@ import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" /** @typedef {import("../element/WindowElement").default} WindowElement */ -/** @extends {SelectableDraggableTemplate} */ +/** @extends {IDraggableTemplate} */ export default class WindowTemplate extends IDraggableTemplate { static windowName = html`Window` @@ -12,7 +12,7 @@ export default class WindowTemplate extends IDraggableTemplate { toggleAdvancedDisplayHandler getDraggableElement() { - return this.element.querySelector(".ueb-window-top") + return /** @type {WindowElement} */(this.element.querySelector(".ueb-window-top")) } createDraggableObject() { @@ -35,7 +35,9 @@ export default class WindowTemplate extends IDraggableTemplate { return html`
-
${this.constructor.windowName}
+
${ + // @ts-expect-error + this.constructor.windowName}
diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..e404f3f --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,10 @@ +{ + "compilerOptions": { + "checkJs": true, + "module": "commonjs", + "target": "ES2022", + }, + "include": [ + "js/**/*.js", + ] +} \ No newline at end of file diff --git a/package.json b/package.json index 7851593..cbea54c 100755 --- a/package.json +++ b/package.json @@ -33,7 +33,6 @@ "terser": "^5.14.0" }, "dependencies": { - "@jaames/iro": "^5.5.2", "lit": "^2.2.4", "parsimmon": "^1.18.0", "rollup-plugin-html-literals": "^1.1.5" diff --git a/scss/style.scss b/scss/style.scss index f6b54eb..5e17739 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -330,4 +330,10 @@ ueb-blueprint[data-selecting="true"] ueb-selector { ueb-selector>* { visibility: visible; +} + +.ueb-ellipsis-nowrap-text { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } \ No newline at end of file diff --git a/scss/ueb-window.scss b/scss/ueb-window.scss index 93e5388..345ff48 100644 --- a/scss/ueb-window.scss +++ b/scss/ueb-window.scss @@ -6,6 +6,7 @@ ueb-window { top: 0; left: 0; transform: translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px)); + background: #242424; z-index: 1000; } @@ -18,8 +19,65 @@ ueb-window { 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%), rebeccapurple; +} + +.ueb-color-picker-value { + background: linear-gradient(to bottom, transparent 10%, #FFFFFF 100%), rebeccapurple; } \ No newline at end of file