diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js index aec8a13..39dc8d3 100755 --- a/dist/ueblueprint.js +++ b/dist/ueblueprint.js @@ -1764,60 +1764,42 @@ class ITemplate { /** @param {T} element */ constructed(element) { + this.element = element; } - /** @param {T} element */ - connectedCallback(element) { + connectedCallback() { } - /** - * @param {T} element - * @param {Map} changedProperties - */ - willUpdate(element, changedProperties) { + /** @param {Map} changedProperties */ + willUpdate(changedProperties) { } - /** - * @param {T} element - * @param {Map} changedProperties - */ - update(element, changedProperties) { + /** @param {Map} changedProperties */ + update(changedProperties) { } - /** @param {T} element */ - render(element) { + render() { return $`` } - /** - * @param {T} element - * @param {Map} changedProperties - */ - firstUpdated(element, changedProperties) { + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { } - /** - * @param {T} element - * @param {Map} changedProperties - */ - updated(element, changedProperties) { + /** @param {Map} changedProperties */ + updated(changedProperties) { } - /** @param {T} element */ - inputSetup(element) { - this.#inputObjects = this.createInputObjects(element); + inputSetup() { + this.#inputObjects = this.createInputObjects(); } - /** @param {T} element */ - cleanup(element) { + cleanup() { this.#inputObjects.forEach(v => v.unlistenDOMElement()); } - /** - * @param {T} element - * @returns {IInput[]} - */ - createInputObjects(element) { + /** @returns {IInput[]} */ + createInputObjects() { return [] } } @@ -2384,42 +2366,42 @@ class IElement extends s { connectedCallback() { super.connectedCallback(); this.blueprint = this.closest("ueb-blueprint"); - this.template.connectedCallback(this); + this.template.connectedCallback(); } /** @param {Map} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties); - this.template.willUpdate(this, changedProperties); + this.template.willUpdate(changedProperties); } /** @param {Map} changedProperties */ update(changedProperties) { super.update(changedProperties); - this.template.update(this, changedProperties); + this.template.update(changedProperties); } render() { - return this.template.render(this) + return this.template.render() } /** @param {Map} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); - this.template.firstUpdated(this, changedProperties); - this.template.inputSetup(this); + this.template.firstUpdated(changedProperties); + this.template.inputSetup(); } updated(changedProperties) { super.updated(changedProperties); - this.template.updated(this, changedProperties); + this.template.updated(changedProperties); this.#nextUpdatedCallbacks.forEach(f => f(changedProperties)); this.#nextUpdatedCallbacks = []; } disconnectedCallback() { super.disconnectedCallback(); - this.template.cleanup(this); + this.template.cleanup(); } addNextUpdatedCallbacks(callback, requestUpdate = false) { @@ -2649,23 +2631,20 @@ class IFromToPositionedElement extends IElement { */ class IFromToPositionedTemplate extends ITemplate { - /** - * @param {T} selector - * @param {Map} changedProperties - */ - update(selector, changedProperties) { - super.update(selector, changedProperties); + /** @param {Map} changedProperties */ + update(changedProperties) { + super.update(changedProperties); if (changedProperties.has("initialPositionX")) { - selector.style.setProperty("--ueb-from-x", `${selector.initialPositionX}`); + this.element.style.setProperty("--ueb-from-x", `${this.element.initialPositionX}`); } if (changedProperties.has("initialPositionY")) { - selector.style.setProperty("--ueb-from-y", `${selector.initialPositionY}`); + this.element.style.setProperty("--ueb-from-y", `${this.element.initialPositionY}`); } if (changedProperties.has("finaPositionX")) { - selector.style.setProperty("--ueb-to-x", `${selector.finaPositionX}`); + this.element.style.setProperty("--ueb-to-x", `${this.element.finaPositionX}`); } if (changedProperties.has("finaPositionY")) { - selector.style.setProperty("--ueb-to-y", `${selector.finaPositionY}`); + this.element.style.setProperty("--ueb-to-y", `${this.element.finaPositionY}`); } } @@ -2725,66 +2704,63 @@ class LinkTemplate extends IFromToPositionedTemplate { static c2Clamped = LinkTemplate.clampedLine([0, 100], [200, 30]) /** - * @param {LinkElement} link * @param {Map} changedProperties */ - willUpdate(link, changedProperties) { - super.willUpdate(link, changedProperties); - const dx = Math.max(Math.abs(link.initialPositionX - link.finaPositionX), 1); + willUpdate(changedProperties) { + super.willUpdate(changedProperties); + const dx = Math.max(Math.abs(this.element.initialPositionX - this.element.finaPositionX), 1); const width = Math.max(dx, Configuration.linkMinWidth); // const height = Math.max(Math.abs(link.initialPositionY - link.finaPositionY), 1) const fillRatio = dx / width; // const aspectRatio = width / height - const xInverted = link.originatesFromInput - ? link.initialPositionX < link.finaPositionX - : link.finaPositionX < link.initialPositionX; - link.startPixels = dx < width // If under minimum width + const xInverted = this.element.originatesFromInput + ? this.element.initialPositionX < this.element.finaPositionX + : this.element.finaPositionX < this.element.initialPositionX; + this.element.startPixels = dx < width // If under minimum width ? (width - dx) / 2 // Start from half the empty space : 0; // Otherwise start from the beginning - link.startPercentage = xInverted ? link.startPixels + fillRatio * 100 : link.startPixels; + this.element.startPercentage = xInverted ? this.element.startPixels + fillRatio * 100 : this.element.startPixels; const c1 - = link.startPercentage + = this.element.startPercentage + (xInverted ? LinkTemplate.c1DecreasingValue(width) : 10 ) * fillRatio; - let c2 = LinkTemplate.c2Clamped(xInverted ? -dx : dx) + link.startPercentage; + let c2 = LinkTemplate.c2Clamped(xInverted ? -dx : dx) + this.element.startPercentage; c2 = Math.min(c2, LinkTemplate.c2DecreasingValue(width)); - link.svgPathD = Configuration.linkRightSVGPath(link.startPercentage, c1, c2); + this.element.svgPathD = Configuration.linkRightSVGPath(this.element.startPercentage, c1, c2); } /** - * @param {LinkElement} link * @param {Map} changedProperties */ - update(link, changedProperties) { - super.update(link, changedProperties); + update(changedProperties) { + super.update(changedProperties); if (changedProperties.has("originatesFromInput")) { - link.style.setProperty("--ueb-from-input", link.originatesFromInput ? "1" : "0"); + this.element.style.setProperty("--ueb-from-input", this.element.originatesFromInput ? "1" : "0"); } - const referencePin = link.sourcePin ?? link.destinationPin; + const referencePin = this.element.sourcePin ?? this.element.destinationPin; if (referencePin) { - link.style.setProperty("--ueb-link-color-rgb", Utility.printLinearColor(referencePin.color)); + this.element.style.setProperty("--ueb-link-color-rgb", Utility.printLinearColor(referencePin.color)); } - link.style.setProperty("--ueb-link-start", `${Math.round(link.startPixels)}`); - link.style.setProperty("--ueb-start-percentage", `${Math.round(link.startPercentage)}%`); + this.element.style.setProperty("--ueb-link-start", `${Math.round(this.element.startPixels)}`); + this.element.style.setProperty("--ueb-start-percentage", `${Math.round(this.element.startPercentage)}%`); } - /** @param {LinkElement} link */ - render(link) { + render() { const uniqueId = "ueb-id-" + Math.floor(Math.random() * 1E12); return $` - + - ${link.linkMessageIcon != "" || link.linkMessageText != "" ? $` + ${this.element.linkMessageIcon != "" || this.element.linkMessageText != "" ? $`
- - ${link.linkMessageText} + + ${this.element.linkMessageText}
` : $``} ` @@ -3142,41 +3118,36 @@ class PinTemplate extends ITemplate { static styles = r$2`` - /** @param {PinElement} pin */ - connectedCallback(pin) { - super.connectedCallback(pin); - pin.nodeElement = pin.closest("ueb-node"); + connectedCallback() { + super.connectedCallback(); + this.element.nodeElement = this.element.closest("ueb-node"); } - /** - * @param {PinElement} pin - * @returns {IInput[]} - */ - createInputObjects(pin) { + /** @returns {IInput[]} */ + createInputObjects() { return [ - new MouseCreateLink(pin.clickableElement, pin.blueprint, { + new MouseCreateLink(this.element.clickableElement, this.element.blueprint, { moveEverywhere: true, looseTarget: true }) ] } - /** @param {PinElement} pin */ - render(pin) { + render() { const icon = $`
- ${this.renderIcon(pin)} + ${this.renderIcon()}
`; const content = $`
- ${pin.getPinDisplayName()} - ${this.renderInput(pin)} + ${this.element.getPinDisplayName()} + ${this.renderInput()}
`; return $`
- ${pin.isInput() ? $`${icon}${content}` : $`${content}${icon}`} + ${this.element.isInput() ? $`${icon}${content}` : $`${content}${icon}`}
` } @@ -3196,14 +3167,11 @@ class PinTemplate extends ITemplate { return $`` } - /** - * @param {PinElement} pin - * @param {Map} changedProperties - */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties); - pin.dataset.id = pin.GetPinIdValue(); - pin.clickableElement = pin; + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + this.element.dataset.id = this.element.GetPinIdValue(); + this.element.clickableElement = this.element; } /** @param {PinElement} pin */ @@ -3240,21 +3208,20 @@ class IInputPinTemplate extends PinTemplate { } /** - * @param {PinElement} pin * @param {Map} changedProperties */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties); - this.#inputContentElements = [...pin.querySelectorAll(".ueb-pin-input-content")]; + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + this.#inputContentElements = [...this.element.querySelectorAll(".ueb-pin-input-content")]; if (this.#inputContentElements.length) { - this.setInputs(pin, this.getInputs(pin), false); + this.setInputs(this.getInputs(this.element), false); let self = this; - this.onFocusHandler = _ => pin.blueprint.dispatchEditTextEvent(true); + this.onFocusHandler = _ => this.element.blueprint.dispatchEditTextEvent(true); this.onFocusOutHandler = e => { e.preventDefault(); document.getSelection()?.removeAllRanges(); // Deselect text inside the input - self.setInputs(pin, this.getInputs(pin), true); - pin.blueprint.dispatchEditTextEvent(false); + self.setInputs(this.getInputs(this.element), true); + this.element.blueprint.dispatchEditTextEvent(false); }; this.#inputContentElements.forEach(element => { element.addEventListener("focus", this.onFocusHandler); @@ -3263,30 +3230,26 @@ class IInputPinTemplate extends PinTemplate { } } - /** @param {PinElement} pin */ - cleanup(pin) { - super.cleanup(pin); + cleanup() { + super.cleanup(); this.#inputContentElements.forEach(element => { element.removeEventListener("focus", this.onFocusHandler); element.removeEventListener("focusout", this.onFocusOutHandler); }); } - /** @param {PinElement} pin */ - createInputObjects(pin) { + createInputObjects() { return [ - ...super.createInputObjects(pin), - ...this.#inputContentElements.map(element => new MouseIgnore(element, pin.blueprint)) + ...super.createInputObjects(), + ...this.#inputContentElements.map(elem => new MouseIgnore(elem, this.element.blueprint)) ] } - /** @param {PinElement} pin */ - getInput(pin) { - return this.getInputs(pin).reduce((acc, cur) => acc + cur, "") + getInput() { + return this.getInputs(this.element).reduce((acc, cur) => acc + cur, "") } - /** @param {PinElement} pin */ - getInputs(pin) { + getInputs() { return this.#inputContentElements.map(element => // Faster than innerText which causes reflow element.innerHTML @@ -3295,30 +3258,26 @@ class IInputPinTemplate extends PinTemplate { ) } - /** - * @param {PinElement} pin - * @param {String[]?} values - */ - setInputs(pin, values = [], updateDefaultValue = true) { + /** @param {String[]?} values */ + setInputs(values = [], updateDefaultValue = true) { this.#inputContentElements.forEach( - (element, i) => element.innerText = values[i] + (elem, i) => elem.innerText = values[i] ); if (updateDefaultValue) { - this.setDefaultValue(pin, values.map(v => IInputPinTemplate.stringFromInputToUE(v)), values); + this.setDefaultValue(values.map(v => IInputPinTemplate.stringFromInputToUE(v)), values); } } - setDefaultValue(pin, values = [], rawValues = values) { - pin.setDefaultValue(values.reduce((acc, cur) => acc + cur, "")); + setDefaultValue(values = [], rawValues = values) { + this.element.setDefaultValue(values.reduce((acc, cur) => acc + cur, "")); } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return $`
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.unreactiveDefaultValue.toString())}">
` } @@ -3333,41 +3292,35 @@ class BoolPinTemplate extends IInputPinTemplate { /** @type {HTMLInputElement} */ #input - /** - * @param {PinElement} pin - * @param {Map} changedProperties - */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties); - this.#input = pin.querySelector(".ueb-pin-input"); + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + this.#input = this.element.querySelector(".ueb-pin-input"); let self = this; - this.onChangeHandler = _ => pin.entity.DefaultValue = self.#input.checked ? "true" : "false"; + this.onChangeHandler = _ => this.element.entity.DefaultValue = self.#input.checked ? "true" : "false"; this.#input.addEventListener("change", this.onChangeHandler); } - /** @param {PinElement} pin */ - cleanup(pin) { - super.cleanup(pin); + cleanup() { + super.cleanup(); this.#input.removeEventListener("change", this.onChangeHandler); } - /** @param {PinElement} pin */ - getInputs(pin) { + getInputs() { return [this.#input.checked ? "true" : "false"] } - setDefaultValue(pin, values = [], rawValues = values) { - pin.setDefaultValue(values[0] == "true"); + setDefaultValue(values = [], rawValues = values) { + this.element.setDefaultValue(values[0] == "true"); } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return $` - + ` } - return super.renderInput(pin) + return super.renderInput() } } @@ -3502,37 +3455,34 @@ class MouseMoveDraggable extends IMouseClickDrag { */ class IDraggableTemplate extends ITemplate { - /** @param {T} element */ - getDraggableElement(element) { - return element + getDraggableElement() { + return this.element } - createDraggableObject(element) { - return new MouseMoveDraggable(element, element.blueprint, { - draggableElement: this.getDraggableElement(element), + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), looseTarget: true, }) } - /** @param {T} element */ - createInputObjects(element) { + createInputObjects() { return [ - ...super.createInputObjects(element), - this.createDraggableObject(element), + ...super.createInputObjects(), + this.createDraggableObject(), ] } /** - * @param {T} element * @param {Map} changedProperties */ - update(element, changedProperties) { - super.update(element, changedProperties); + update(changedProperties) { + super.update(changedProperties); if (changedProperties.has("locationX")) { - element.style.setProperty("--ueb-position-x", `${element.locationX}`); + this.element.style.setProperty("--ueb-position-x", `${this.element.locationX}`); } if (changedProperties.has("locationY")) { - element.style.setProperty("--ueb-position-y", `${element.locationY}`); + this.element.style.setProperty("--ueb-position-y", `${this.element.locationY}`); } } } @@ -3546,30 +3496,27 @@ class WindowTemplate extends IDraggableTemplate { toggleAdvancedDisplayHandler - /** @param {WindowElement} element */ - getDraggableElement(element) { - return element.querySelector(".ueb-window-top") + getDraggableElement() { + return this.element.querySelector(".ueb-window-top") } - createDraggableObject(element) { - return new MouseMoveDraggable(element, element.blueprint, { - draggableElement: this.getDraggableElement(element), + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), looseTarget: true, stepSize: 1, - movementSpace: element.blueprint, + movementSpace: this.element.blueprint, }) } - /** @param {T} element */ - createInputObjects(element) { + createInputObjects() { return [ - ...super.createInputObjects(element), - this.createDraggableObject(element), + ...super.createInputObjects(), + this.createDraggableObject(), ] } - /** @param {WindowElement} element */ - render(element) { + render() { return $`
@@ -3661,23 +3608,17 @@ class LinearColorPinTemplate extends IInputPinTemplate { /** @type {HTMLInputElement} */ #input - /** - * @param {PinElement} pin - * @param {Map} changedProperties - */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties); - this.#input = pin.querySelector(".ueb-pin-input"); + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + this.#input = this.element.querySelector(".ueb-pin-input"); } - /** - * @param {PinElement} pin - * @returns {IInput[]} - */ - createInputObjects(pin) { + /** @returns {IInput[]} */ + createInputObjects() { return [ - ...super.createInputObjects(pin), - new MouseOpenWindow(this.#input, pin.blueprint, { + ...super.createInputObjects(), + new MouseOpenWindow(this.#input, this.element.blueprint, { moveEverywhere: true, looseTarget: true }) @@ -3689,23 +3630,19 @@ class LinearColorPinTemplate extends IInputPinTemplate { return [this.#input.dataset.linearColor] } - /** - * @param {PinElement} pin - * @param {String[]} value - */ - setInputs(pin, value = []) { + /** @param {String[]} value */ + setInputs(value = []) { } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return $` - + ` } - return super.renderInput(pin) + return super.renderInput() } } @@ -3720,8 +3657,8 @@ class NamePinTemplate extends IInputPinTemplate { * @param {PinElement} pin * @param {Map} changedProperties */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties); + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); this.onInputHandler = e => { e.stopPropagation(); if ( @@ -3738,9 +3675,8 @@ class NamePinTemplate extends IInputPinTemplate { }); } - /** @param {PinElement} pin */ - cleanup(pin) { - super.cleanup(pin); + cleanup() { + super.cleanup(); this.inputContentElements.forEach(element => { element.removeEventListener("input", /** @type {(e : Event) => void} */(this.onInputHandler)); }); @@ -3751,13 +3687,10 @@ class NamePinTemplate extends IInputPinTemplate { return this.inputContentElements.map(element => element.textContent) // textContent for performance reason } - /** - * @param {PinElement} pin - * @param {String[]?} values - */ - setInputs(pin, values = [], updateDefaultValue = true) { + /** @param {String[]?} values */ + setInputs(values = [], updateDefaultValue = true) { values = values.map(value => value.replaceAll("\n", "")); // get rid of the new lines - super.setInputs(pin, values, updateDefaultValue); + super.setInputs(values, updateDefaultValue); } } @@ -3765,21 +3698,17 @@ class NamePinTemplate extends IInputPinTemplate { class RealPinTemplate extends IInputPinTemplate { - /** - * @param {PinElement} pin - * @param {String[]?} values - */ - setInputs(pin, values = [], updateDefaultValue = false) { + setInputs(values = [], updateDefaultValue = false) { if (!values || values.length == 0) { - values = this.getInput(pin); + values = this.getInput(); } let parsedValues = []; for (let i = 0; i < values.length; ++i) { let num = parseFloat(values[i]); if (isNaN(num)) { - num = parseFloat(pin.entity.DefaultValue != "" - ? /** @type {String} */(pin.entity.DefaultValue) - : pin.entity.AutogeneratedDefaultValue); + num = parseFloat(this.element.entity.DefaultValue != "" + ? /** @type {String} */(this.element.entity.DefaultValue) + : this.element.entity.AutogeneratedDefaultValue); } if (isNaN(num)) { num = 0; @@ -3788,12 +3717,12 @@ class RealPinTemplate extends IInputPinTemplate { parsedValues.push(num); values[i] = Utility.minDecimals(num); } - super.setInputs(pin, values, false); - this.setDefaultValue(pin, parsedValues, values); + super.setInputs(values, false); + this.setDefaultValue(parsedValues, values); } - setDefaultValue(pin, values = [], rawValues = values) { - pin.setDefaultValue(values[0]); + setDefaultValue(values = [], rawValues = values) { + this.element.setDefaultValue(values[0]); } } @@ -3807,35 +3736,34 @@ class StringPinTemplate extends IInputPinTemplate { class VectorPinTemplate extends RealPinTemplate { - setDefaultValue(pin, values = [], rawValues = values) { - if (!(pin.entity.DefaultValue instanceof VectorEntity)) { + setDefaultValue(values = [], rawValues = values) { + if (!(this.element.entity.DefaultValue instanceof VectorEntity)) { throw new TypeError("Expected DefaultValue to be a VectorEntity") } - let vector = pin.entity.DefaultValue; + let vector = this.element.entity.DefaultValue; vector.X = values[0]; vector.Y = values[1]; vector.Z = values[2]; } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return $`
X
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().X.toString())}">
Y
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().Y.toString())}">
Z
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().Z.toString())}">
` @@ -3846,8 +3774,7 @@ class VectorPinTemplate extends RealPinTemplate { class ReferencePinTemplate extends PinTemplate { - /** @param {PinElement} pin */ - renderIcon(pin) { + renderIcon() { return $` @@ -3858,35 +3785,34 @@ class ReferencePinTemplate extends PinTemplate { class RotatorPinTemplate extends RealPinTemplate { - setDefaultValue(pin, values = [], rawValues = values) { - if (!(pin.entity.DefaultValue instanceof RotatorEntity)) { + setDefaultValue(values = [], rawValues = values) { + if (!(this.element.entity.DefaultValue instanceof RotatorEntity)) { throw new TypeError("Expected DefaultValue to be a VectorEntity") } - let rotator = pin.entity.DefaultValue; + let rotator = this.element.entity.DefaultValue; rotator.R = values[0]; // Roll rotator.P = values[1]; // Pitch rotator.Y = values[2]; // Yaw } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return $`
X
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().R.toString())}">
Y
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().P.toString())}">
Z
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().Y.toString())}">
` @@ -4016,10 +3942,6 @@ class PinElement extends IElement { }); } - connectedCallback() { - super.connectedCallback(); - } - /** @return {GuidEntity} */ GetPinId() { return this.entity.PinId @@ -4171,26 +4093,22 @@ class MouseMoveNodes extends MouseMoveDraggable { */ class SelectableDraggableTemplate extends IDraggableTemplate { - /** @param {T} element */ - getDraggableElement(element) { - return element + getDraggableElement() { + return this.element } - createDraggableObject(element) { - return new MouseMoveNodes(element, element.blueprint, { - draggableElement: this.getDraggableElement(element), + createDraggableObject() { + return new MouseMoveNodes(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), looseTarget: true, }) } - /** - * @param {T} element - * @param {Map} changedProperties - */ - firstUpdated(element, changedProperties) { - super.firstUpdated(element, changedProperties); - if (element.selected && !element.listeningDrag) { - element.setSelected(true); + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + if (this.element.selected && !this.element.listeningDrag) { + this.element.setSelected(true); } } } @@ -4201,8 +4119,7 @@ class NodeTemplate extends SelectableDraggableTemplate { toggleAdvancedDisplayHandler - /** @param {NodeElement} node */ - render(node) { + render() { return $`
@@ -4216,7 +4133,7 @@ class NodeTemplate extends SelectableDraggableTemplate { - ${node.nodeDisplayName} + ${this.element.nodeDisplayName}
@@ -4224,10 +4141,10 @@ class NodeTemplate extends SelectableDraggableTemplate {
- ${node.enabledState?.toString() == "DevelopmentOnly" ? $` + ${this.element.enabledState?.toString() == "DevelopmentOnly" ? $`
Development Only
` : $``} - ${node.advancedPinDisplay ? $` + ${this.element.advancedPinDisplay ? $`
@@ -4240,16 +4157,13 @@ class NodeTemplate extends SelectableDraggableTemplate { ` } - /** - * @param {NodeElement} node - * @param {Map} changedProperties - */ - async firstUpdated(node, changedProperties) { - super.firstUpdated(node, changedProperties); - const inputContainer = /** @type {HTMLElement} */(node.querySelector(".ueb-node-inputs")); - const outputContainer = /** @type {HTMLElement} */(node.querySelector(".ueb-node-outputs")); - Promise.all(node.getPinElements().map(n => n.updateComplete)).then(() => node.dispatchReflowEvent()); - node.getPinElements().forEach(p => { + /** @param {Map} changedProperties */ + async firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + const inputContainer = /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-inputs")); + const outputContainer = /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-outputs")); + Promise.all(this.element.getPinElements().map(n => n.updateComplete)).then(() => this.element.dispatchReflowEvent()); + this.element.getPinElements().forEach(p => { if (p.isInput()) { inputContainer.appendChild(p); } else if (p.isOutput()) { @@ -4257,10 +4171,10 @@ class NodeTemplate extends SelectableDraggableTemplate { } }); this.toggleAdvancedDisplayHandler = _ => { - node.toggleShowAdvancedPinDisplay(); - node.addNextUpdatedCallbacks(() => node.dispatchReflowEvent(), true); + this.element.toggleShowAdvancedPinDisplay(); + this.element.addNextUpdatedCallbacks(() => this.element.dispatchReflowEvent(), true); }; - node.nodeNameElement = /** @type {HTMLElement} */(node.querySelector(".ueb-node-name-text")); + this.element.nodeNameElement = /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-name-text")); } /** @@ -4919,44 +4833,41 @@ class BlueprintTemplate extends ITemplate { }), {}), } - /** @param {Blueprint} blueprint */ - constructed(blueprint) { - blueprint.style.cssText = Object.entries(BlueprintTemplate.styleVariables).map(([k, v]) => `${k}:${v};`).join(""); + /** @param {Blueprint} element */ + constructed(element) { + super.constructed(element); + this.element.style.cssText = Object.entries(BlueprintTemplate.styleVariables).map(([k, v]) => `${k}:${v};`).join(""); } - /** @param {Blueprint} blueprint */ - createInputObjects(blueprint) { + createInputObjects() { return [ - new Copy(blueprint.getGridDOMElement(), blueprint), - new Paste(blueprint.getGridDOMElement(), blueprint), - new KeyboardCanc(blueprint.getGridDOMElement(), blueprint), - new KeyboardSelectAll(blueprint.getGridDOMElement(), blueprint), - new Zoom(blueprint.getGridDOMElement(), blueprint, { + ...super.createInputObjects(), + new Copy(this.element.getGridDOMElement(), this.element), + new Paste(this.element.getGridDOMElement(), this.element), + new KeyboardCanc(this.element.getGridDOMElement(), this.element), + new KeyboardSelectAll(this.element.getGridDOMElement(), this.element), + new Zoom(this.element.getGridDOMElement(), this.element, { looseTarget: true, }), - new Select(blueprint.getGridDOMElement(), blueprint, { + new Select(this.element.getGridDOMElement(), this.element, { clickButton: 0, exitAnyButton: true, looseTarget: true, moveEverywhere: true, }), - new MouseScrollGraph(blueprint.getGridDOMElement(), blueprint, { + new MouseScrollGraph(this.element.getGridDOMElement(), this.element, { clickButton: 2, exitAnyButton: false, looseTarget: true, moveEverywhere: true, }), - new Unfocus(blueprint.getGridDOMElement(), blueprint), - new MouseTracking(blueprint.getGridDOMElement(), blueprint), - new KeyboardEnableZoom(blueprint.getGridDOMElement(), blueprint), + new Unfocus(this.element.getGridDOMElement(), this.element), + new MouseTracking(this.element.getGridDOMElement(), this.element), + new KeyboardEnableZoom(this.element.getGridDOMElement(), this.element), ] } - /** - * @param {Blueprint} element Target element - * @returns The computed html - */ - render(element) { + render() { return $`
1:1
@@ -4964,7 +4875,7 @@ class BlueprintTemplate extends ITemplate {
+ .style="--ueb-additional-x: ${this.element}; --ueb-additional-y: ${this.element.translateY}; --ueb-translate-x: ${this.element.translateX}; --ueb-translate-y: ${this.element.translateY};">
@@ -4975,42 +4886,35 @@ class BlueprintTemplate extends ITemplate { } /** - * @param {Blueprint} blueprint * @param {Map} changedProperties */ - firstUpdated(blueprint, changedProperties) { - super.firstUpdated(blueprint, changedProperties); - blueprint.headerElement = /** @type {HTMLElement} */(blueprint.querySelector('.ueb-viewport-header')); - blueprint.overlayElement = /** @type {HTMLElement} */(blueprint.querySelector('.ueb-viewport-overlay')); - blueprint.viewportElement = /** @type {HTMLElement} */(blueprint.querySelector('.ueb-viewport-body')); - blueprint.selectorElement = new SelectorElement(); - blueprint.querySelector(".ueb-grid-content")?.append(blueprint.selectorElement); - blueprint.gridElement = /** @type {HTMLElement} */(blueprint.viewportElement.querySelector(".ueb-grid")); - blueprint.linksContainerElement = /** @type {HTMLElement} */(blueprint.querySelector("[data-links]")); - blueprint.linksContainerElement.append(...blueprint.getLinks()); - blueprint.nodesContainerElement = /** @type {HTMLElement} */(blueprint.querySelector("[data-nodes]")); - blueprint.nodesContainerElement.append(...blueprint.getNodes()); - blueprint.viewportElement.scroll(Configuration.expandGridSize, Configuration.expandGridSize); + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties); + this.element.headerElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-header')); + this.element.overlayElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-overlay')); + this.element.viewportElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-body')); + this.element.selectorElement = new SelectorElement(); + this.element.querySelector(".ueb-grid-content")?.append(this.element.selectorElement); + this.element.gridElement = /** @type {HTMLElement} */(this.element.viewportElement.querySelector(".ueb-grid")); + this.element.linksContainerElement = /** @type {HTMLElement} */(this.element.querySelector("[data-links]")); + this.element.linksContainerElement.append(...this.element.getLinks()); + this.element.nodesContainerElement = /** @type {HTMLElement} */(this.element.querySelector("[data-nodes]")); + this.element.nodesContainerElement.append(...this.element.getNodes()); + this.element.viewportElement.scroll(Configuration.expandGridSize, Configuration.expandGridSize); } - /** - * @param {Blueprint} blueprint - * @param {Map} changedProperties - */ - updated(blueprint, changedProperties) { - super.updated(blueprint, changedProperties); + /** @param {Map} changedProperties */ + updated(changedProperties) { + super.updated(changedProperties); if (changedProperties.has("scrollX") || changedProperties.has("scrollY")) { - blueprint.viewportElement.scroll(blueprint.scrollX, blueprint.scrollY); + this.element.viewportElement.scroll(this.element.scrollX, this.element.scrollY); } } - /** - * @param {Blueprint} blueprint - * @param {PinReferenceEntity} pinReference - */ - getPin(blueprint, pinReference) { - return /** @type {PinElement} */(blueprint.querySelector( + /** @param {PinReferenceEntity} pinReference */ + getPin(pinReference) { + return /** @type {PinElement} */(this.element.querySelector( `ueb-node[data-name="${pinReference.objectName}"] ueb-pin[data-id="${pinReference.pinGuid}"]` )) } @@ -5289,10 +5193,10 @@ class Blueprint extends IElement { /** @param {PinReferenceEntity} pinReference */ getPin(pinReference) { - /*let result = this.template.getPin(this, pinReference) + let result = this.template.getPin(this, pinReference); if (result) { return result - }*/ + } return [... this.nodes //.filter(n => !n.parentNode) .find(n => pinReference.objectName.toString() == n.getNodeName()) diff --git a/dist/ueblueprint.min.js b/dist/ueblueprint.min.js index b0ce98b..9ec7363 100644 --- a/dist/ueblueprint.min.js +++ b/dist/ueblueprint.min.js @@ -3,21 +3,21 @@ * Copyright 2019 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ -const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,t=Symbol(),n=new WeakMap;class i{constructor(e,n,i){if(this._$cssResult$=!0,i!==t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=n}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=n.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n.set(i,t))}return t}toString(){return this.cssText}}const r=(e,...n)=>{const r=1===e.length?e[0]:n.reduce(((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1]),e[0]);return new i(r,e,t)},s=e?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let n="";for(const t of e.cssRules)n+=t.cssText;return(e=>new i("string"==typeof e?e:e+"",void 0,t))(n)})(e):e +const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,t=Symbol(),n=new WeakMap;class i{constructor(e,n,i){if(this._$cssResult$=!0,i!==t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=n}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=n.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n.set(i,t))}return t}toString(){return this.cssText}}const s=(e,...n)=>{const s=1===e.length?e[0]:n.reduce(((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1]),e[0]);return new i(s,e,t)},r=e?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let n="";for(const t of e.cssRules)n+=t.cssText;return(e=>new i("string"==typeof e?e:e+"",void 0,t))(n)})(e):e /** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */;var o;const a=window.trustedTypes,l=a?a.emptyScript:"",u=window.reactiveElementPolyfillSupport,c={toAttribute(e,t){switch(t){case Boolean:e=e?l:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},d=(e,t)=>t!==e&&(t==t||e==e),h={attribute:!0,type:String,converter:c,reflect:!1,hasChanged:d};class p extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;null!==(t=this.h)&&void 0!==t||(this.h=[]),this.h.push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,n)=>{const i=this._$Ep(n,t);void 0!==i&&(this._$Ev.set(i,n),e.push(i))})),e}static createProperty(e,t=h){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const n="symbol"==typeof e?Symbol():"__"+e,i=this.getPropertyDescriptor(e,n,t);void 0!==i&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){return{get(){return this[t]},set(i){const r=this[e];this[t]=i,this.requestUpdate(e,r,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||h}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,t=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const n of t)this.createProperty(n,e[n])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(s(e))}else void 0!==e&&t.push(s(e));return t}static _$Ep(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(e=this.constructor.h)||void 0===e||e.forEach((e=>e(this)))}addController(e){var t,n;(null!==(t=this._$ES)&&void 0!==t?t:this._$ES=[]).push(e),void 0!==this.renderRoot&&this.isConnected&&(null===(n=e.hostConnected)||void 0===n||n.call(e))}removeController(e){var t;null===(t=this._$ES)||void 0===t||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])}))}createRenderRoot(){var t;const n=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,n)=>{e?t.adoptedStyleSheets=n.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),i=window.litNonce;void 0!==i&&n.setAttribute("nonce",i),n.textContent=e.cssText,t.appendChild(n)}))})(n,this.constructor.elementStyles),n}connectedCallback(){var e;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostConnected)||void 0===t?void 0:t.call(e)}))}enableUpdating(e){}disconnectedCallback(){var e;null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostDisconnected)||void 0===t?void 0:t.call(e)}))}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$EO(e,t,n=h){var i,r;const s=this.constructor._$Ep(e,n);if(void 0!==s&&!0===n.reflect){const o=(null!==(r=null===(i=n.converter)||void 0===i?void 0:i.toAttribute)&&void 0!==r?r:c.toAttribute)(t,n.type);this._$El=e,null==o?this.removeAttribute(s):this.setAttribute(s,o),this._$El=null}}_$AK(e,t){var n,i;const r=this.constructor,s=r._$Ev.get(e);if(void 0!==s&&this._$El!==s){const e=r.getPropertyOptions(s),o=e.converter,a=null!==(i=null!==(n=null==o?void 0:o.fromAttribute)&&void 0!==n?n:"function"==typeof o?o:null)&&void 0!==i?i:c.fromAttribute;this._$El=s,this[s]=a(t,e.type),this._$El=null}}requestUpdate(e,t,n){let i=!0;void 0!==e&&(((n=n||this.constructor.getPropertyOptions(e)).hasChanged||d)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),!0===n.reflect&&this._$El!==e&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(e,n))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((e,t)=>this[t]=e)),this._$Ei=void 0);let t=!1;const n=this._$AL;try{t=this.shouldUpdate(n),t?(this.willUpdate(n),null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostUpdate)||void 0===t?void 0:t.call(e)})),this.update(n)):this._$Ek()}catch(e){throw t=!1,this._$Ek(),e}t&&this._$AE(n)}willUpdate(e){}_$AE(e){var t;null===(t=this._$ES)||void 0===t||t.forEach((e=>{var t;return null===(t=e.hostUpdated)||void 0===t?void 0:t.call(e)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){void 0!==this._$EC&&(this._$EC.forEach(((e,t)=>this._$EO(t,this[t],e))),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}} + */;var o;const a=window.trustedTypes,l=a?a.emptyScript:"",u=window.reactiveElementPolyfillSupport,c={toAttribute(e,t){switch(t){case Boolean:e=e?l:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},d=(e,t)=>t!==e&&(t==t||e==e),h={attribute:!0,type:String,converter:c,reflect:!1,hasChanged:d};class p extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;null!==(t=this.h)&&void 0!==t||(this.h=[]),this.h.push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,n)=>{const i=this._$Ep(n,t);void 0!==i&&(this._$Ev.set(i,n),e.push(i))})),e}static createProperty(e,t=h){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const n="symbol"==typeof e?Symbol():"__"+e,i=this.getPropertyDescriptor(e,n,t);void 0!==i&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){return{get(){return this[t]},set(i){const s=this[e];this[t]=i,this.requestUpdate(e,s,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||h}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,t=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const n of t)this.createProperty(n,e[n])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(r(e))}else void 0!==e&&t.push(r(e));return t}static _$Ep(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(e=this.constructor.h)||void 0===e||e.forEach((e=>e(this)))}addController(e){var t,n;(null!==(t=this._$ES)&&void 0!==t?t:this._$ES=[]).push(e),void 0!==this.renderRoot&&this.isConnected&&(null===(n=e.hostConnected)||void 0===n||n.call(e))}removeController(e){var t;null===(t=this._$ES)||void 0===t||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])}))}createRenderRoot(){var t;const n=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,n)=>{e?t.adoptedStyleSheets=n.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),i=window.litNonce;void 0!==i&&n.setAttribute("nonce",i),n.textContent=e.cssText,t.appendChild(n)}))})(n,this.constructor.elementStyles),n}connectedCallback(){var e;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostConnected)||void 0===t?void 0:t.call(e)}))}enableUpdating(e){}disconnectedCallback(){var e;null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostDisconnected)||void 0===t?void 0:t.call(e)}))}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$EO(e,t,n=h){var i,s;const r=this.constructor._$Ep(e,n);if(void 0!==r&&!0===n.reflect){const o=(null!==(s=null===(i=n.converter)||void 0===i?void 0:i.toAttribute)&&void 0!==s?s:c.toAttribute)(t,n.type);this._$El=e,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(e,t){var n,i;const s=this.constructor,r=s._$Ev.get(e);if(void 0!==r&&this._$El!==r){const e=s.getPropertyOptions(r),o=e.converter,a=null!==(i=null!==(n=null==o?void 0:o.fromAttribute)&&void 0!==n?n:"function"==typeof o?o:null)&&void 0!==i?i:c.fromAttribute;this._$El=r,this[r]=a(t,e.type),this._$El=null}}requestUpdate(e,t,n){let i=!0;void 0!==e&&(((n=n||this.constructor.getPropertyOptions(e)).hasChanged||d)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),!0===n.reflect&&this._$El!==e&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(e,n))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((e,t)=>this[t]=e)),this._$Ei=void 0);let t=!1;const n=this._$AL;try{t=this.shouldUpdate(n),t?(this.willUpdate(n),null===(e=this._$ES)||void 0===e||e.forEach((e=>{var t;return null===(t=e.hostUpdate)||void 0===t?void 0:t.call(e)})),this.update(n)):this._$Ek()}catch(e){throw t=!1,this._$Ek(),e}t&&this._$AE(n)}willUpdate(e){}_$AE(e){var t;null===(t=this._$ES)||void 0===t||t.forEach((e=>{var t;return null===(t=e.hostUpdated)||void 0===t?void 0:t.call(e)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){void 0!==this._$EC&&(this._$EC.forEach(((e,t)=>this._$EO(t,this[t],e))),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}} /** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ -var g;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 m=globalThis.trustedTypes,f=m?m.createPolicy("lit-html",{createHTML:e=>e}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,v="?"+b,y=`<${v}>`,E=document,w=(e="")=>E.createComment(e),S=e=>null===e||"object"!=typeof e&&"function"!=typeof e,P=Array.isArray,x=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,k=/-->/g,C=/>/g,N=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),A=/'/g,$=/"/g,L=/^(?:script|style|textarea|title)$/i,T=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),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 r,s=2===t?"":"",o=x;for(let t=0;t"===l[0]?(o=null!=r?r:x,u=-1):void 0===l[1]?u=-2:(u=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?N:'"'===l[3]?$:A):o===$||o===A?o=N:o===k||o===C?o=x:(o=N,r=void 0);const d=o===N&&e[t+1].startsWith("/>")?" ":"";s+=o===x?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=s+(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 r=0,s=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=m?m.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,r="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)===r)this._$AH.m(n);else{const e=new z(r,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 r of e)i===t.length?t.push(n=new B(this.j(w()),this.j(w()),this,this.options)):n=t[i],n._$AI(r),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 r=this.strings;let s=!1;if(void 0===r)e=j(this,e,t,0),s=!S(e)||e!==this._$AH&&e!==D,s&&(this._$AH=e);else{const i=e;let o,a;for(e=r[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,x=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,k=/-->/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=x;for(let t=0;t"===l[0]?(o=null!=s?s:x,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===k||o===N?o=x:(o=C,s=void 0);const d=o===C&&e[t+1].startsWith("/>")?" ":"";r+=o===x?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 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;o{var i,r;const s=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:t;let o=s._$litPart$;if(void 0===o){const e=null!==(r=null==n?void 0:n.renderBefore)&&void 0!==r?r:null;s._$litPart$=o=new 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=r``;static gridAxisLineColor=r``;static gridExpandThreshold=.25;static gridLineColor=r``;static gridLineWidth=1;static gridSet=8;static gridSetLineColor=r``;static gridShrinkThreshold=4;static gridSize=16;static hexColorRegex=/^\s*#(?[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":r``,"/Script/CoreUObject.Rotator":r``,"/Script/CoreUObject.Transform":r``,"/Script/CoreUObject.Vector":r``,bool:r``,default:r``,exec:r``,name:r``,real:r``,string:r``};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static 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}#r=!0;get showDefault(){return this.#r}set showDefault(e){this.#r=e}#s;get value(){return this.#s}set value(e){this.#s=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.#r=t,this.#s=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,r=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(i||t[0]in e||void 0===e[t[0]])return e[t[0]]=n,!0}else if(t.length>0)return!i||e[t[0]]instanceof Object||(e[t[0]]=new r),ne.objectSet(e[t[0]],t.slice(1),n,i,r);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,r="")=>{for(let s of ne.mergeArrays(Object.getOwnPropertyNames(n),Object.getOwnPropertyNames(i??{}))){let o=ne.objectGet(i,[s]),a=n[s],l=ne.getType(a);if(a instanceof ee&&(a=a.calculate(this),l=ne.getType(a)),s in n?s in i||void 0===a||a instanceof te&&!a.showDefault||console.warn(`${this.constructor.name}.properties will add property ${r}${s} not defined in the serialized data`):console.warn(`Property ${r}${s} 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[s]=void 0;continue}a.serialized?a="":(l=a.type,a=a.value)}a instanceof Array&&(a=[]),e[s]=te.sanitize(a,l)}else o?.constructor===String&&a instanceof te&&a.serialized&&a.type!==String&&(o=ie.getSerializer(a.type).deserialize(o)),e[s]=te.sanitize(o,ne.getType(a));else e[s]={},t(e[s],n[s],i[s],s+".")}},n=this.constructor.attributes;e.constructor!==Object&&1==Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),t(this,n,e)}}class se extends re{static attributes={type:String,path:String}}class oe extends re{static attributes={MemberParent:se,MemberName:""}}class ae extends re{static attributes={value:String};static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let n="";return t.forEach((e=>{n+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new ae({value:n})}valueOf(){return this.value}toString(){return this.value}}class le extends re{static attributes={value:String};static attributeConverter={fromAttribute:(e,t)=>new le(e),toAttribute:(e,t)=>e.toString()};valueOf(){return this.value}toString(){return this.value}}class ue extends re{static attributes={value:Number};constructor(e=0){super(e),this.value=Math.round(this.value)}valueOf(){return this.value}toString(){return this.value.toString()}}class ce extends re{static lookbehind="INVTEXT";static attributes={value:String}}class de extends re{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:le};constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e)}}class he extends re{static attributes={R:Number,G:Number,B:Number,A:Number};toString(){return ne.printLinearColor(this)}}class pe extends re{static lookbehind="NSLOCTEXT";static attributes={namespace:String,key:String,value:String}}class ge extends re{static attributes={value:String};valueOf(){return this.value}toString(){return this.value}}class me extends re{static attributes={objectName:ge,pinGuid:ae}}class fe extends re{static attributes={R:Number,P:Number,Y:Number}}class be extends fe{}class ve extends re{static attributes={X:Number,Y:Number,Z:Number}}class ye extends ve{}class Ee extends re{static#u={"/Script/CoreUObject.LinearColor":he,"/Script/CoreUObject.Rotator":fe,"/Script/CoreUObject.Vector":ve,bool:Boolean,exec:String,name:String,real:Number,string:String};static#c={"/Script/CoreUObject.Vector":ye,"/Script/CoreUObject.Rotator":be};static lookbehind="Pin";static attributes={PinId:ae,PinName:"",PinFriendlyName:new te(pe,!1,null),PinToolTip:"",Direction:new te(String,!1,""),PinType:{PinCategory:"",PinSubCategory:"",PinSubCategoryObject:se,PinSubCategoryMemberReference:null,PinValueType:null,ContainerType:se,bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1},LinkedTo:new te([me],!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(se,!1,null),PersistentGuid:ae,bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};static getEntityType(e,t=!1){const[n,i]=[this.#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 me({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 re{static attributes={MemberName:String,MemberGuid:ae,bSelfContext:!1}}class Se extends re{static attributes={Class:se,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(se,!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 xe={exports:{}};"undefined"!=typeof self&&self;var ke=Pe(xe.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){function i(e){if(!(this instanceof i))return new i(e);this._=e}var r=i.prototype;function s(e,t){for(var n=0;n>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,r=t/8,s=(n=function(e){return e>48},o((function(e,t){return e||(n(t)?t:e)}),null,e));if(s)throw new Error(s+" bit range requested exceeds 48 bit (6 byte) Number max.");return new i((function(t,n){var i=r+n;return i>t.length?S(n,r.toString()+" bytes"):w(i,o((function(e,t){var n=l(t,e.buf);return{coll:e.coll.concat(n.v),buf:n.buf}}),{coll:[],buf:t.slice(n,i)},e).coll)}))}function 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 g(e){return p("uintBE",e),h("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function m(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),r=0;r=0;){if(o in n){i=n[o].line,0===s&&(s=n[o].lineStart);break}("\n"===e.charAt(o)||"\r"===e.charAt(o)&&"\n"!==e.charAt(o+1))&&(r++,0===s&&(s=o+1)),o--}var a=i+r,l=t-s;return n[t]={line:a,lineStart:s},{offset:t,line:a+1,column:l+1}}function C(e){if(!v(e))throw new Error("not a parser: "+e)}function N(e,t){return"string"==typeof e?e.charAt(t):e[t]}function A(e){if("number"!=typeof e)throw new Error("not a number: "+e)}function $(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function L(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var 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,r,s,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,g=z(h,M,_+O,e.length),m=a((function(e){return a((function(e){return j(e.toString(16),2,"0")}),e)}),function(e,t){var n=e.length,i=[],r=0;if(n<=t)return[e.slice()];for(var s=0;s=4&&(n+=1),d=2,r=a((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+" "+e.slice(4).join(" ")}),m),(l=(8*(s.to>0?s.to-1:s.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,s=z(i,T,D,f.length),r=f.slice(s.from,s.to),l=s.to.toString().length}var b=i-s.from;return E(e)&&(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2),o((function(t,i,r){var o,a=r===b,u=a?"> ":I;return o=E(e)?j((8*(s.from+r)).toString(16),l,"0"):j((s.from+r+1).toString(),l," "),[].concat(t,[u+o+" | "+i],a?[I+H(" ",l)+" | "+j("",n," ")+H("^",d)]:[])}),[],r).join("\n")}function F(e,t){return["\n","-- PARSING FAILED "+H("-",50),"\n\n",B(e,t),"\n\n",(n=t.expected,1===n.length?"Expected:\n\n"+n[0]:"Expected one of the following: \n\n"+n.join(", ")),"\n"].join("");var n}function R(e){return void 0!==e.flags?e.flags:[e.global?"g":"",e.ignoreCase?"i":"",e.multiline?"m":"",e.unicode?"u":"",e.sticky?"y":""].join("")}function U(){for(var e=[].slice.call(arguments),t=e.length,n=0;n=2?A(t):t=0;var n=function(e){return RegExp("^(?:"+e.source+")",R(e))}(e),r=""+e;return i((function(e,i){var s=n.exec(e.slice(i));if(s){if(0<=t&&t<=s.length){var o=s[0],a=s[t];return w(i+o.length,a)}return S(i,"valid match group (0 to "+s.length+") in "+r)}return S(i,r)}))}function q(e){return i((function(t,n){return w(n,e)}))}function Z(e){return i((function(t,n){return S(n,e)}))}function J(e){if(v(e))return i((function(t,n){var i=e._(t,n);return i.index=n,i.value="",i}));if("string"==typeof e)return J(X(e));if(e instanceof RegExp)return J(Y(e));throw new Error("not a string, regexp, or parser: "+e)}function Q(e){return C(e),i((function(t,n){var i=e._(t,n),r=t.slice(n,i.index);return i.status?S(n,'not "'+r+'"'):w(n,null)}))}function ee(e){return $(e),i((function(t,n){var i=N(t,n);return n=e.length?S(t,"any character/byte"):w(t+1,N(e,t))})),se=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=U,i.seqMap=V,i.seqObj=function(){for(var e,t={},n=0,r=(e=arguments,Array.prototype.slice.call(e)),s=r.length,o=0;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 r=N(n,i);return r===e?w(i+1,r):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:g,uint8BE:g(1),uint16BE:g(2),uint32BE:g(4),uintLE:m,uint8LE:m(1),uint16LE:m(2),uint32LE:m(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 Ce=ke;class Ne{static getGrammarForType(e,t,n){if(t instanceof te){let i=Ne.getGrammarForType(e,t.type,n);return!t.serialized||t.type instanceof String||(i=i.wrap(Ce.string('"'),Ce.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 se:return e.Reference;case pe:return e.LocalizedText;case ce:return e.InvariantText;case me: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 Ce.seqMap(Ce.string("("),t.map((t=>Ne.getGrammarForType(e,ne.getType(t)))).reduce(((t,n)=>n&&t!==e.AttributeAnyValue?t.or(n):e.AttributeAnyValue)).trim(Ce.optWhitespace).sepBy(Ce.string(",")).skip(Ce.regex(/,?\s*/)),Ce.string(")"),((e,t,n)=>t));default:return n}}static createPropertyGrammar=(e,t,n=Ce.string("=").trim(Ce.optWhitespace))=>e.AttributeName.skip(n).chain((n=>{const i=n.split("."),r=ne.objectGet(t.attributes,i);return Ne.getGrammarForType(e,r,e.AttributeAnyValue).map((e=>t=>ne.objectSet(t,i,e,!0)))}));static createEntityGrammar=(e,t)=>Ce.seqMap(t.lookbehind?Ce.seq(Ce.string(t.lookbehind),Ce.optWhitespace,Ce.string("(")):Ce.string("("),Ne.createPropertyGrammar(e,t).trim(Ce.optWhitespace).sepBy(Ce.string(",")).skip(Ce.regex(/,?/).then(Ce.optWhitespace)),Ce.string(")"),((e,n,i)=>{let r={};return n.forEach((e=>e(r))),new t(r)}));InlineWhitespace=e=>Ce.regex(/[^\S\n]+/).desc("inline whitespace");InlineOptWhitespace=e=>Ce.regex(/[^\S\n]*/).desc("inline optional whitespace");MultilineWhitespace=e=>Ce.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Ce.seq(Ce.string("("),e.InlineOptWhitespace,Ce.string(")")).map((e=>null)).desc("null: ()");Boolean=e=>Ce.alt(Ce.string("True"),Ce.string("true"),Ce.string("False"),Ce.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Ce.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Ce.regex(/[\-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");NaturalNumber=e=>Ce.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=>Ce.regex(/[a-zA-Z]+/).desc("a word");String=e=>Ce.regex(/(?:[^"\\]|\\.)*/).wrap(Ce.string('"'),Ce.string('"')).map(ne.unescapeString).desc('string (with possibility to escape the quote using ")');ReferencePath=e=>Ce.seq(Ce.string("/"),e.PathSymbol.map((e=>e.toString())).sepBy1(Ce.string(".")).tieWith(".")).tie().atLeast(2).tie().desc('a path (words with possibly underscore, separated by ".", separated by "/")');AttributeName=e=>e.Word.sepBy1(Ce.string(".")).tieWith(".").desc('words separated by ""');None=e=>Ce.string("None").map((e=>new se({type:"None",path:""}))).desc("none");Integer=e=>Ce.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=>Ce.regex(/\w+/).map((e=>new le(e)));PathSymbol=e=>Ce.regex(/[0-9\w]+/).map((e=>new ge({value:e})));Reference=e=>Ce.alt(e.None,...[e.ReferencePath.map((e=>new se({type:"",path:e})))].flatMap((e=>[e,e.trim(Ce.string('"'))])),Ce.seqMap(e.Word,Ce.optWhitespace,Ce.alt(...[e.ReferencePath].flatMap((e=>[e.wrap(Ce.string('"'),Ce.string('"')),e.wrap(Ce.string("'\""),Ce.string("\"'"))]))),((e,t,n)=>new se({type:e,path:n}))),e.Word.map((e=>new se({type:e,path:""}))));LocalizedText=e=>Ce.seqMap(Ce.string(pe.lookbehind).skip(Ce.optWhitespace).skip(Ce.string("(")),e.String.trim(Ce.optWhitespace),Ce.string(","),e.String.trim(Ce.optWhitespace),Ce.string(","),e.String.trim(Ce.optWhitespace),Ce.string(")"),((e,t,n,i,r,s,o)=>new pe({namespace:t,key:i,value:s})));InvariantText=e=>e.String.trim(Ce.optWhitespace).wrap(Ce.string(ce.lookbehind).skip(Ce.optWhitespace).skip(Ce.string("(")),Ce.string(")")).map((e=>new ce({value:e})));AttributeAnyValue=e=>Ce.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=>Ce.seqMap(e.PathSymbol,Ce.whitespace,e.Guid,((e,t,n)=>new me({objectName:e,pinGuid:n})));Vector=e=>Ne.createEntityGrammar(e,ve);Rotator=e=>Ne.createEntityGrammar(e,fe);SimpleSerializationRotator=e=>Ce.seqMap(e.Number,Ce.string(",").trim(Ce.optWhitespace),e.Number,Ce.string(",").trim(Ce.optWhitespace),e.Number,((e,t,n,i,r)=>new be({R:r,P:e,Y:n})));SimpleSerializationVector=e=>Ce.seqMap(e.Number,Ce.string(",").trim(Ce.optWhitespace),e.Number,Ce.string(",").trim(Ce.optWhitespace),e.Number,((e,t,n,i,r)=>new ye({X:e,Y:n,Z:r})));LinearColor=e=>Ne.createEntityGrammar(e,he);FunctionReference=e=>Ne.createEntityGrammar(e,oe);KeyBinding=e=>Ce.alt(e.Identifier.map((e=>new de({Key:e}))),Ne.createEntityGrammar(e,de));Pin=e=>Ne.createEntityGrammar(e,Ee);CustomProperties=e=>Ce.string("CustomProperties").then(Ce.whitespace).then(e.Pin).map((e=>t=>{let n=ne.objectGet(t,["CustomProperties"],[]);n.push(e),ne.objectSet(t,["CustomProperties"],n,!0)}));Object=e=>Ce.seqMap(Ce.seq(Ce.string("Begin"),Ce.whitespace,Ce.string("Object"),Ce.whitespace),Ce.alt(e.CustomProperties,Ne.createPropertyGrammar(e,Se)).sepBy1(Ce.whitespace),Ce.seq(e.MultilineWhitespace,Ce.string("End"),Ce.whitespace,Ce.string("Object")),((e,t,n)=>{let i={};return t.forEach((e=>e(i))),new Se(i)}));MultipleObject=e=>e.Object.sepBy1(Ce.whitespace).trim(Ce.optWhitespace);LinearColorFromHex=e=>Ce.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Ce.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=>Ce.seqMap(e.ColorNumber,Ce.string(",").skip(Ce.optWhitespace),e.ColorNumber,Ce.string(",").skip(Ce.optWhitespace),e.ColorNumber.map(Number),((e,t,n,i,r)=>new he({R:e/255,G:n/255,B:r/255,A:1})));LinearColorFromRGB=e=>Ce.string("rgb").then(e.LinearColorFromRGBList.wrap(Ce.regex(/\(\s*/),Ce.regex(/\s*\)/)));LinearColorFromRGBA=e=>Ce.string("rgba").then(Ce.seqMap(e.ColorNumber,Ce.string(",").skip(Ce.optWhitespace),e.ColorNumber,Ce.string(",").skip(Ce.optWhitespace),e.ColorNumber.map(Number),Ce.string(",").skip(Ce.optWhitespace),Ce.regex(/0?\.\d+|[01]/).map(Number),((e,t,n,i,r,s,o)=>new he({R:e/255,G:n/255,B:r/255,A:o}))).wrap(Ce.regex(/\(\s*/),Ce.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Ce.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA)}class Ae{static grammar=ke.createLanguage(new Ne);constructor(e,t,n,i,r,s){this.entityType=e,this.prefix=t??"",this.separator=n??",",this.trailingSeparator=i??!1,this.attributeValueConjunctionSign=r??"=",this.attributeKeyPrinter=s??(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 r=ie.getSerializer(ne.getType(t));if(!r)throw new Error("Unknown value type, a serializer must be registered in the SerializerFactory class");return r.write(e,t,i)}subWrite(e,t,n,i){let r="",s=t.concat("");const o=s.length-1;for(const t of Object.getOwnPropertyNames(n)){s[o]=t;const a=n[t];if(a?.constructor===Object)r+=(r.length?this.separator:"")+this.subWrite(e,s,a,i);else if(void 0!==a&&this.showProperty(e,n,s,a)){const t=ne.isSerialized(e,s);r+=(r.length?this.separator:"")+this.prefix+this.attributeKeyPrinter(s)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,s,!0)}"`:this.writeValue(e,a,s,i))}}return this.trailingSeparator&&r.length&&1===s.length&&(r+=this.separator),r}showProperty(e,t,n,i){const r=this.entityType.attributes,s=ne.objectGet(r,n);return!(s instanceof te)||(!ne.equals(s.value,i)||s.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=r``;#h=[];get inputObjects(){return this.#h}constructed(e){}connectedCallback(e){}willUpdate(e,t){}update(e,t){}render(e){return T``}firstUpdated(e,t){}updated(e,t){}inputSetup(e){this.#h=this.createInputObjects(e)}cleanup(e){this.#h.forEach((e=>e.unlistenDOMElement()))}createInputObjects(e){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{#g;#m;constructor(e,t,n){n.listenOnFocus=!0,super(e,t,n),this.looseTarget=n?.looseTarget??!0;let i=this;this.#g=e=>{e.preventDefault();const t=i.locationFromEvent(e);i.wheel(Math.sign(e.deltaY*J.mouseWheelFactor),t)},this.#m=e=>e.preventDefault(),this.blueprint.focused&&this.movementSpace.addEventListener("wheel",this.#g,!1)}listenEvents(){this.movementSpace.addEventListener("wheel",this.#g,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#m)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#g,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#m)}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{#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 De{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class ze extends Me{#v;#y;#E;#w;#S=!1;#P;#x;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.#x=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=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.#x.addEventListener("mousedown",this.#v),2==this.options.clickButton&&this.#x.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#x.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 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{#k=null;#C;#N;#A;constructor(e,t,n={}){n.listenOnFocus=!0,super(e,t,n);let i=this;this.#C=e=>{e.preventDefault(),i.blueprint.mousePosition=i.locationFromEvent(e)},this.#N=e=>{i.#k||(e.preventDefault(),this.#k=e.detail.tracker,i.unlistenMouseMove())},this.#A=e=>{i.#k==e.detail.tracker&&(e.preventDefault(),i.#k=null,i.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#C)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#C)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(J.trackingMouseEventName.begin,this.#N),this.blueprint.addEventListener(J.trackingMouseEventName.end,this.#A)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(J.trackingMouseEventName.begin,this.#N),this.blueprint.removeEventListener(J.trackingMouseEventName.end,this.#A)}}class Re 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(this)}willUpdate(e){super.willUpdate(e),this.template.willUpdate(this,e)}update(e){super.update(e),this.template.update(this,e)}render(){return this.template.render(this)}firstUpdated(e){super.firstUpdated(e),this.template.firstUpdated(this,e),this.template.inputSetup(this)}updated(e){super.updated(e),this.template.updated(this,e),this.#$.forEach((t=>t(e))),this.#$=[]}disconnectedCallback(){super.disconnectedCallback(),this.template.cleanup(this)}addNextUpdatedCallbacks(e,t=!1){this.#$.push(e),t&&this.requestUpdate()}isSameGraph(e){return this.blueprint&&this.blueprint==e?.blueprint}getInputObject(e){return this.template.inputObjects.find((t=>t.constructor==e))}}class Ue extends Re{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 Ue{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 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 We extends Te{update(e,t){super.update(e,t),t.has("initialPositionX")&&e.style.setProperty("--ueb-from-x",`${e.initialPositionX}`),t.has("initialPositionY")&&e.style.setProperty("--ueb-from-y",`${e.initialPositionY}`),t.has("finaPositionX")&&e.style.setProperty("--ueb-to-x",`${e.finaPositionX}`),t.has("finaPositionY")&&e.style.setProperty("--ueb-to-y",`${e.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 r=>rt[0]?t[1]:n*r+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,t){super.willUpdate(e,t);const n=Math.max(Math.abs(e.initialPositionX-e.finaPositionX),1),i=Math.max(n,J.linkMinWidth),r=n/i,s=e.originatesFromInput?e.initialPositionX ${""!=e.linkMessageIcon||""!=e.linkMessageText?T`
${e.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{#R;#U;#V;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#U=e=>{if(!i.enteredPin){i.linkValid=!1,i.enteredPin=e.target;const t=i.enteredPin,n=i.target;t.getNodeElement()==n.getNodeElement()?i.link.setMessageSameNode():t.isOutput()==n.isOutput()||t.isOutput()==n.isOutput()?i.link.setMessageDirectionsIncompatible():i.blueprint.getLinks([t,n]).length?(i.link.setMessageReplaceLink(),i.linkValid=!0):(i.link.setMessageCorrect(),i.linkValid=!0)}},this.#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.#R=this.blueprint.querySelectorAll("ueb-pin"),this.#R.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#U),e.getClickableElement().addEventListener("mouseleave",this.#V))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#R.forEach((e=>{e.removeEventListener("mouseenter",this.#U),e.removeEventListener("mouseleave",this.#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.#R=null}}class Ze extends Te{static styles=r``;connectedCallback(e){super.connectedCallback(e),e.nodeElement=e.closest("ueb-node")}createInputObjects(e){return[new qe(e.clickableElement,e.blueprint,{moveEverywhere:!0,looseTarget:!0})]}render(e){const t=T`
${this.renderIcon(e)}
`,n=T`
${e.getPinDisplayName()} ${this.renderInput(e)}
`;return T`
${e.isInput()?T`${t}${n}`:T`${n}${t}`}
`}renderIcon(e){return T``}renderInput(e){return T``}firstUpdated(e,t){super.firstUpdated(e,t),e.dataset.id=e.GetPinIdValue(),e.clickableElement=e}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,t){if(super.firstUpdated(e,t),this.#G=[...e.querySelectorAll(".ueb-pin-input-content")],this.#G.length){this.setInputs(e,this.getInputs(e),!1);let t=this;this.onFocusHandler=t=>e.blueprint.dispatchEditTextEvent(!0),this.onFocusOutHandler=n=>{n.preventDefault(),document.getSelection()?.removeAllRanges(),t.setInputs(e,this.getInputs(e),!0),e.blueprint.dispatchEditTextEvent(!1)},this.#G.forEach((e=>{e.addEventListener("focus",this.onFocusHandler),e.addEventListener("focusout",this.onFocusOutHandler)}))}}cleanup(e){super.cleanup(e),this.#G.forEach((e=>{e.removeEventListener("focus",this.onFocusHandler),e.removeEventListener("focusout",this.onFocusOutHandler)}))}createInputObjects(e){return[...super.createInputObjects(e),...this.#G.map((t=>new Ge(t,e.blueprint)))]}getInput(e){return this.getInputs(e).reduce(((e,t)=>e+t),"")}getInputs(e){return this.#G.map((e=>e.innerHTML.replaceAll(" "," ").replaceAll("
","\n")))}setInputs(e,t=[],n=!0){this.#G.forEach(((e,n)=>e.innerText=t[n])),n&&this.setDefaultValue(e,t.map((e=>Je.stringFromInputToUE(e))),t)}setDefaultValue(e,t=[],n=t){e.setDefaultValue(t.reduce(((e,t)=>e+t),""))}renderInput(e){return e.isInput()?T`
`:T``}}class Qe extends Je{#K;firstUpdated(e,t){super.firstUpdated(e,t),this.#K=e.querySelector(".ueb-pin-input");let n=this;this.onChangeHandler=t=>e.entity.DefaultValue=n.#K.checked?"true":"false",this.#K.addEventListener("change",this.onChangeHandler)}cleanup(e){super.cleanup(e),this.#K.removeEventListener("change",this.onChangeHandler)}getInputs(e){return[this.#K.checked?"true":"false"]}setDefaultValue(e,t=[],n=t){e.setDefaultValue("true"==t[0])}renderInput(e){return e.isInput()?T``:super.renderInput(e)}}class et extends Ze{renderIcon(e){return T``}}class tt 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 nt extends ze{dragTo(e,t){const n=[this.target.locationX,this.target.locationY],[i,r]=this.stepSize>1?[ne.snapToGrid(e,this.stepSize),ne.snapToGrid(n,this.stepSize)]:[e,n],s=[i[0]-this.mouseLocation[0],i[1]-this.mouseLocation[1]];0==s[0]&&0==s[1]||(s[0]+=r[0]-this.target.locationX,s[1]+=r[1]-this.target.locationY,this.target.addLocation(s),this.mouseLocation=i)}}class it extends Te{getDraggableElement(e){return e}createDraggableObject(e){return new nt(e,e.blueprint,{draggableElement:this.getDraggableElement(e),looseTarget:!0})}createInputObjects(e){return[...super.createInputObjects(e),this.createDraggableObject(e)]}update(e,t){super.update(e,t),t.has("locationX")&&e.style.setProperty("--ueb-position-x",`${e.locationX}`),t.has("locationY")&&e.style.setProperty("--ueb-position-y",`${e.locationY}`)}}class rt extends it{static windowName=T`Window`;toggleAdvancedDisplayHandler;getDraggableElement(e){return e.querySelector(".ueb-window-top")}createDraggableObject(e){return new nt(e,e.blueprint,{draggableElement:this.getDraggableElement(e),looseTarget:!0,stepSize:1,movementSpace:e.blueprint})}createInputObjects(e){return[...super.createInputObjects(e),this.createDraggableObject(e)]}render(e){return T`
${this.constructor.windowName}
Content
`}}class st extends Ve{static#W={window:rt};static properties={...Ve.properties,type:{type:String,attribute:"data-type",reflect:!0}};constructor(e={}){e.type??="window",super({},new st.#W[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",st);class ot extends tt{#X;constructor(e,t,n={}){n.windowType??="window",super(e,t,n)}clicked(e){}unclicked(e){this.#X=new st({type:this.options.windowType}),this.blueprint.append(this.#X)}}class at extends Je{#K;firstUpdated(e,t){super.firstUpdated(e,t),this.#K=e.querySelector(".ueb-pin-input")}createInputObjects(e){return[...super.createInputObjects(e),new ot(this.#K,e.blueprint,{moveEverywhere:!0,looseTarget:!0})]}getInputs(e){return[this.#K.dataset.linearColor]}setInputs(e,t=[]){}renderInput(e){return e.isInput()?T``:super.renderInput(e)}}class lt extends Je{onInputHandler;firstUpdated(e,t){super.firstUpdated(e,t),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(e){super.cleanup(e),this.inputContentElements.forEach((e=>{e.removeEventListener("input",this.onInputHandler)}))}getInputs(e){return this.inputContentElements.map((e=>e.textContent))}setInputs(e,t=[],n=!0){t=t.map((e=>e.replaceAll("\n",""))),super.setInputs(e,t,n)}}class ut extends Je{setInputs(e,t=[],n=!1){t&&0!=t.length||(t=this.getInput(e));let i=[];for(let n=0;nX
Y
Z
`:T``}}class ht extends Ze{renderIcon(e){return T``}}class pt extends ut{setDefaultValue(e,t=[],n=t){if(!(e.entity.DefaultValue instanceof fe))throw new TypeError("Expected DefaultValue to be a VectorEntity");let i=e.entity.DefaultValue;i.R=t[0],i.P=t[1],i.Y=t[2]}renderInput(e){return e.isInput()?T`
X
Y
Z
`:T``}}class gt extends Re{static#W={"/Script/CoreUObject.LinearColor":at,"/Script/CoreUObject.Rotator":pt,"/Script/CoreUObject.Vector":dt,bool:Qe,exec:et,name:lt,real:ut,MUTABLE_REFERENCE:ht,string:ct};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.#W[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)}))}connectedCallback(){super.connectedCallback()}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(){this.entity.LinkedTo=this.getLinks().filter((e=>{let t=this.blueprint.getPin(e);if(t){this.blueprint.getLink(this,t,!0)||this.blueprint.addGraphElement(new Ye(this,t))}return t}))}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 mt 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,r]=this.stepSize>1?[ne.snapToGrid(e,this.stepSize),ne.snapToGrid(n,this.stepSize)]:[e,n],s=[i[0]-this.mouseLocation[0],i[1]-this.mouseLocation[1]];0==s[0]&&0==s[1]||(s[0]+=r[0]-this.target.locationX,s[1]+=r[1]-this.target.locationY,this.target.dispatchDragEvent(s),this.mouseLocation=i)}unclicked(){this.started||(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class ft extends it{getDraggableElement(e){return e}createDraggableObject(e){return new mt(e,e.blueprint,{draggableElement:this.getDraggableElement(e),looseTarget:!0})}firstUpdated(e,t){super.firstUpdated(e,t),e.selected&&!e.listeningDrag&&e.setSelected(!0)}}class bt extends ft{toggleAdvancedDisplayHandler;render(e){return T`
${e.nodeDisplayName}
${"DevelopmentOnly"==e.enabledState?.toString()?T`
Development Only
`:T``} ${e.advancedPinDisplay?T`
`:T``}
`}async firstUpdated(e,t){super.firstUpdated(e,t);const n=e.querySelector(".ueb-node-inputs"),i=e.querySelector(".ueb-node-outputs");Promise.all(e.getPinElements().map((e=>e.updateComplete))).then((()=>e.dispatchReflowEvent())),e.getPinElements().forEach((e=>{e.isInput()?n.appendChild(e):e.isOutput()&&i.appendChild(e)})),this.toggleAdvancedDisplayHandler=t=>{e.toggleShowAdvancedPinDisplay(),e.addNextUpdatedCallbacks((()=>e.dispatchReflowEvent()),!0)},e.nodeNameElement=e.querySelector(".ueb-node-name-text")}getPinElements(e){return e.querySelectorAll("ueb-pin")}}class vt 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.#Y.forEach((t=>t.blueprint=e))}#q;get nodeNameElement(){return this.#q}set nodeNameElement(e){this.#q=e}#Y;constructor(e){super(e,new bt),this.#Y=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new gt(e))),this.#Y.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 vt(t)}connectedCallback(){this.getAttribute("type")?.trim(),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.dispatchDeleteEvent()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.getDisplayName()}sanitizeLinks(){this.getPinElements().forEach((e=>e.sanitizeLinks()))}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 me({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#Y}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",vt);class yt extends Q{#Z;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new $e;let i=this;this.#Z=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#Z)}unlistenEvents(){document.body.removeEventListener("paste",this.#Z)}pasted(e){let t=0,n=0,i=0,r=this.serializer.readMultiple(e).map((e=>{let r=new vt(e);return t+=r.locationY,n+=r.locationX,++i,r}));t/=i,n/=i,r.length>0&&this.blueprint.unselectAll();let s=this.blueprint.mousePosition;return r.forEach((e=>{const i=[s[0]-n,s[1]-t];e.addLocation(i),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...r),!0}}class Et 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 wt{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 St{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new wt((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new wt((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=i,this.rectangles=t,this.primaryOrder.reserve(this.rectangles.length),this.secondaryOrder.reserve(this.rectangles.length),t.forEach(((e,t)=>{let r={primaryBoundary:this.initialPosition[0],secondaryBoundary:this.initialPosition[1],rectangle:t,onSecondaryAxis:!1};this.metadata[t]=r,i(e,!1);const s=n(e);this.initialPosition[1]{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.#J)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#J)}unlistenEvents(){document.removeEventListener("click",this.#J)}}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){e.style.cssText=Object.entries(Ct.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(e){return[new Le(e.getGridDOMElement(),e),new yt(e.getGridDOMElement(),e),new Oe(e.getGridDOMElement(),e),new je(e.getGridDOMElement(),e),new Ie(e.getGridDOMElement(),e,{looseTarget:!0}),new Et(e.getGridDOMElement(),e,{clickButton:0,exitAnyButton:!0,looseTarget:!0,moveEverywhere:!0}),new Be(e.getGridDOMElement(),e,{clickButton:2,exitAnyButton:!1,looseTarget:!0,moveEverywhere:!0}),new kt(e.getGridDOMElement(),e),new Fe(e.getGridDOMElement(),e),new He(e.getGridDOMElement(),e)]}render(e){return T`
1:1
`}firstUpdated(e,t){super.firstUpdated(e,t),e.headerElement=e.querySelector(".ueb-viewport-header"),e.overlayElement=e.querySelector(".ueb-viewport-overlay"),e.viewportElement=e.querySelector(".ueb-viewport-body"),e.selectorElement=new xt,e.querySelector(".ueb-grid-content")?.append(e.selectorElement),e.gridElement=e.viewportElement.querySelector(".ueb-grid"),e.linksContainerElement=e.querySelector("[data-links]"),e.linksContainerElement.append(...e.getLinks()),e.nodesContainerElement=e.querySelector("[data-nodes]"),e.nodesContainerElement.append(...e.getNodes()),e.viewportElement.scroll(J.expandGridSize,J.expandGridSize)}updated(e,t){super.updated(e,t),(t.has("scrollX")||t.has("scrollY"))&&e.viewportElement.scroll(e.scrollX,e.scrollY)}getPin(e,t){return e.querySelector(`ueb-node[data-name="${t.objectName}"] ueb-pin[data-id="${t.pinGuid}"]`)}}class Nt extends Re{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;#Q=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(),r=[i[0]+e[0],i[1]+e[1]],s=[0,0];for(let t=0;t<2;++t)e[t]<0&&r[t]0&&r[t]>n[t]-J.gridExpandThreshold*J.expandGridSize&&(s[t]=1);0==s[0]&&0==s[1]||this.seamlessExpand(s),i=this.getScroll(),r=[i[0]+e[0],i[1]+e[1]],this.setScroll(r,t)}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],n=this.getViewportSize().map((e=>e/2)),i=[t[0]-n[0],t[1]-n[1]];this.scrollDelta(i,!0)}getViewportSize(){return[this.viewportElement.clientWidth,this.viewportElement.clientHeight]}getScrollMax(){return[this.viewportElement.scrollWidth-this.viewportElement.clientWidth,this.viewportElement.scrollHeight-this.viewportElement.clientHeight]}snapToGrid(e){return 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,r=[i*t[0],i*t[1]];this.scrollDelta([(r[0]-t[0])*n,(r[1]-t[1])*n])}))}getScale(){return parseFloat(getComputedStyle(this.gridElement).getPropertyValue("--ueb-scale"))}compensateTranslation([e,t]){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1){return e?this.nodes.filter((e=>e.selected)):this.nodes}getPin(e){return[...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 vt&&!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.#Q[e]=this.#Q[e]??-1;do{++this.#Q[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#Q[e]))));n.rename(J.nodeName(e,this.#Q[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 vt)).forEach((e=>e.sanitizeLinks()))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof vt?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",Nt);class At extends Ae{constructor(e,t,n,i,r,s,o){e=e??(e=>`(${e})`),super(t,n,i,r,s,o),this.wrap=e}read(e){const t=Ne.getGrammarForType(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 $t extends At{#ee;constructor(e,t){super(void 0,t),this.#ee=e}write(e,t,n=!1){return this.#ee(t,n)}}class Lt extends At{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 $t(((e,t)=>"()"),null)),ie.registerSerializer(Array,new $t(((e,t)=>`(${e.map((e=>ie.getSerializer(ne.getType(e)).serialize(e,t)+",")).join("")})`),Array)),ie.registerSerializer(Boolean,new $t(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),ie.registerSerializer(oe,new At(e,oe)),ie.registerSerializer(ae,new Lt(ae)),ie.registerSerializer(le,new Lt(le)),ie.registerSerializer(ue,new Lt(ue)),ie.registerSerializer(ce,new At((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),ie.registerSerializer(de,new At(e,de)),ie.registerSerializer(he,new At(e,he)),ie.registerSerializer(pe,new At((e=>`${pe.lookbehind}(${e})`),pe,"",", ",!1,"",(e=>""))),ie.registerSerializer(Number,new $t((e=>e.toString()),Number)),ie.registerSerializer(Se,new $e),ie.registerSerializer(se,new $t((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),se)),ie.registerSerializer(ge,new Lt(ge)),ie.registerSerializer(Ee,new At((e=>`${Ee.lookbehind} (${e})`),Ee,"",",",!0)),ie.registerSerializer(me,new At((e=>e),me,""," ",!1,"",(e=>""))),ie.registerSerializer(fe,new At(e,fe)),ie.registerSerializer(String,new $t(((e,t)=>t?ne.escapeString(e):`"${ne.escapeString(e)}"`),String)),ie.registerSerializer(be,new $t(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),be)),ie.registerSerializer(ye,new $t(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),ye)),ie.registerSerializer(ve,new At(e,ve))}();export{Nt as Blueprint,J as Configuration,Ye as LinkElement,vt as NodeElement}; +var X,Y;null==W||W(H,B),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:globalThis.litHtmlVersions=[]).push("2.2.7");class q extends p{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const n=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=n.firstChild),n}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{var i,s;const r=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:t;let o=r._$litPart$;if(void 0===o){const e=null!==(s=null==n?void 0:n.renderBefore)&&void 0!==s?s:null;r._$litPart$=o=new B(t.insertBefore(w(),e),e,void 0,null!=n?n:{})}return o._$AI(e),o})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!1)}render(){return 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 be extends fe{}class ve extends se{static attributes={X:Number,Y:Number,Z:Number}}class ye extends ve{}class Ee extends se{static#u={"/Script/CoreUObject.LinearColor":he,"/Script/CoreUObject.Rotator":fe,"/Script/CoreUObject.Vector":ve,bool:Boolean,exec:String,name:String,real:Number,string:String};static#c={"/Script/CoreUObject.Vector":ye,"/Script/CoreUObject.Rotator":be};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 xe={exports:{}};"undefined"!=typeof self&&self;var ke=Pe(xe.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var s=t[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,n),s.l=!0,s.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){function i(e){if(!(this instanceof i))return new i(e);this._=e}var s=i.prototype;function r(e,t){for(var n=0;n>7),buf:function(e){var t=o((function(e,t,n,i){return e.concat(n===i.length-1?Buffer.from([t,0]).readUInt16BE(0):i.readUInt16BE(n))}),[],e);return Buffer.from(a((function(e){return(e<<1&65535)>>8}),t))}(n.buf)}})),n}function u(){return"undefined"!=typeof Buffer}function c(){if(!u())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function d(e){c();var t=o((function(e,t){return e+t}),0,e);if(t%8!=0)throw new Error("The bits ["+e.join(", ")+"] add up to "+t+" which is not an even number of bytes; the total should be divisible by 8");var n,s=t/8,r=(n=function(e){return e>48},o((function(e,t){return e||(n(t)?t:e)}),null,e));if(r)throw new Error(r+" bit range requested exceeds 48 bit (6 byte) Number max.");return new i((function(t,n){var i=s+n;return i>t.length?S(n,s.toString()+" bytes"):w(i,o((function(e,t){var n=l(t,e.buf);return{coll:e.coll.concat(n.v),buf:n.buf}}),{coll:[],buf:t.slice(n,i)},e).coll)}))}function h(e,t){return new i((function(n,i){return c(),i+t>n.length?S(i,t+" bytes for "+e):w(i+t,n.slice(i,i+t))}))}function p(e,t){if("number"!=typeof(n=t)||Math.floor(n)!==n||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var n}function m(e){return p("uintBE",e),h("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),h("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function f(e){return p("intBE",e),h("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function b(e){return p("intLE",e),h("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function v(e){return e instanceof i}function y(e){return"[object Array]"==={}.toString.call(e)}function E(e){return u()&&Buffer.isBuffer(e)}function w(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function S(e,t){return y(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:e,expected:t}}function P(e,t){if(!t)return e;if(e.furthest>t.furthest)return e;var n=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==i._supportsSet)return i._supportsSet;var e="undefined"!=typeof Set;return i._supportsSet=e,e}()&&Array.from){for(var n=new Set(e),s=0;s=0;){if(o in n){i=n[o].line,0===r&&(r=n[o].lineStart);break}("\n"===e.charAt(o)||"\r"===e.charAt(o)&&"\n"!==e.charAt(o+1))&&(s++,0===r&&(r=o+1)),o--}var a=i+s,l=t-r;return n[t]={line:a,lineStart:r},{offset:t,line:a+1,column:l+1}}function 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 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 b=i-r.from;return E(e)&&(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2),o((function(t,i,s){var o,a=s===b,u=a?"> ":I;return o=E(e)?j((8*(r.from+s)).toString(16),l,"0"):j((r.from+s+1).toString(),l," "),[].concat(t,[u+o+" | "+i],a?[I+H(" ",l)+" | "+j("",n," ")+H("^",d)]:[])}),[],s).join("\n")}function F(e,t){return["\n","-- PARSING FAILED "+H("-",50),"\n\n",B(e,t),"\n\n",(n=t.expected,1===n.length?"Expected:\n\n"+n[0]:"Expected one of the following: \n\n"+n.join(", ")),"\n"].join("");var n}function R(e){return void 0!==e.flags?e.flags:[e.global?"g":"",e.ignoreCase?"i":"",e.multiline?"m":"",e.unicode?"u":"",e.sticky?"y":""].join("")}function U(){for(var e=[].slice.call(arguments),t=e.length,n=0;n=2?A(t):t=0;var n=function(e){return RegExp("^(?:"+e.source+")",R(e))}(e),s=""+e;return i((function(e,i){var r=n.exec(e.slice(i));if(r){if(0<=t&&t<=r.length){var o=r[0],a=r[t];return w(i+o.length,a)}return S(i,"valid match group (0 to "+r.length+") in "+s)}return S(i,s)}))}function q(e){return i((function(t,n){return w(n,e)}))}function Z(e){return i((function(t,n){return S(n,e)}))}function J(e){if(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=K,i.sepBy1=W,i.seq=U,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: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=ke;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 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,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,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=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=ke.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``;#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{#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 De{constructor(e,t,n={}){n.activationKeys=J.selectAllKeyboardKey,super(e,t,n)}fire(){this.blueprint.selectAll()}}class ze extends Me{#v;#y;#E;#w;#S=!1;#P;#x;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.#x=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=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.#x.addEventListener("mousedown",this.#v),2==this.options.clickButton&&this.#x.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){this.#x.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 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{#k=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.#k||(e.preventDefault(),this.#k=e.detail.tracker,i.unlistenMouseMove())},this.#A=e=>{i.#k==e.detail.tracker&&(e.preventDefault(),i.#k=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){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 Ue extends Re{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 Ue{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 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 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{#R;#U;#V;link;enteredPin;linkValid=!1;constructor(e,t,n){super(e,t,n);let i=this;this.#U=e=>{if(!i.enteredPin){i.linkValid=!1,i.enteredPin=e.target;const t=i.enteredPin,n=i.target;t.getNodeElement()==n.getNodeElement()?i.link.setMessageSameNode():t.isOutput()==n.isOutput()||t.isOutput()==n.isOutput()?i.link.setMessageDirectionsIncompatible():i.blueprint.getLinks([t,n]).length?(i.link.setMessageReplaceLink(),i.linkValid=!0):(i.link.setMessageCorrect(),i.linkValid=!0)}},this.#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.#R=this.blueprint.querySelectorAll("ueb-pin"),this.#R.forEach((e=>{e!=this.target&&(e.getClickableElement().addEventListener("mouseenter",this.#U),e.getClickableElement().addEventListener("mouseleave",this.#V))})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){this.#R.forEach((e=>{e.removeEventListener("mouseenter",this.#U),e.removeEventListener("mouseleave",this.#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.#R=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(this.element),!1);let e=this;this.onFocusHandler=e=>this.element.blueprint.dispatchEditTextEvent(!0),this.onFocusOutHandler=t=>{t.preventDefault(),document.getSelection()?.removeAllRanges(),e.setInputs(this.getInputs(this.element),!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(this.element).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{#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 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}
Content
`}}class rt extends Ve{static#W={window:st};static properties={...Ve.properties,type:{type:String,attribute:"data-type",reflect:!0}};constructor(e={}){e.type??="window",super({},new rt.#W[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",rt);class ot extends tt{#X;constructor(e,t,n={}){n.windowType??="window",super(e,t,n)}clicked(e){}unclicked(e){this.#X=new rt({type:this.options.windowType}),this.blueprint.append(this.#X)}}class at extends Je{#K;firstUpdated(e){super.firstUpdated(e),this.#K=this.element.querySelector(".ueb-pin-input")}createInputObjects(){return[...super.createInputObjects(),new ot(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 lt 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 ut extends Je{setInputs(e=[],t=!1){e&&0!=e.length||(e=this.getInput());let n=[];for(let t=0;tX
Y
Z
`:T``}}class ht extends Ze{renderIcon(){return T``}}class pt extends ut{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 mt extends Re{static#W={"/Script/CoreUObject.LinearColor":at,"/Script/CoreUObject.Rotator":pt,"/Script/CoreUObject.Vector":dt,bool:Qe,exec:et,name:lt,real:ut,MUTABLE_REFERENCE:ht,string:ct};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 mt.#W[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(mt.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(){this.entity.LinkedTo=this.getLinks().filter((e=>{let t=this.blueprint.getPin(e);if(t){this.blueprint.getLink(this,t,!0)||this.blueprint.addGraphElement(new Ye(this,t))}return t}))}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",mt);class gt 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 ft extends it{getDraggableElement(){return this.element}createDraggableObject(){return new gt(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 ft{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 vt 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.#Y.forEach((t=>t.blueprint=e))}#q;get nodeNameElement(){return this.#q}set nodeNameElement(e){this.#q=e}#Y;constructor(e){super(e,new bt),this.#Y=this.getPinEntities().filter((e=>!e.isHidden())).map((e=>new mt(e))),this.#Y.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 vt(t)}connectedCallback(){this.getAttribute("type")?.trim(),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.dispatchDeleteEvent()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.getDisplayName()}sanitizeLinks(){this.getPinElements().forEach((e=>e.sanitizeLinks()))}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.#Y}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",vt);class yt extends Q{#Z;constructor(e,t,n={}){n.listenOnFocus=!0,n.unlistenOnTextEdit=!0,super(e,t,n),this.serializer=new $e;let i=this;this.#Z=e=>i.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#Z)}unlistenEvents(){document.body.removeEventListener("paste",this.#Z)}pasted(e){let t=0,n=0,i=0,s=this.serializer.readMultiple(e).map((e=>{let s=new vt(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 Et 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 wt{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 St{constructor(e,t,n,i){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new wt((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new wt((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.#J)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#J)}unlistenEvents(){document.removeEventListener("click",this.#J)}}class Nt 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(Nt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Le(this.element.getGridDOMElement(),this.element),new yt(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 Et(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 kt(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 Ct extends Re{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=Nt.styles;#Q=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 Nt),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(this,e);return 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 vt&&!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.#Q[e]=this.#Q[e]??-1;do{++this.#Q[e]}while(this.nodes.find((t=>t.entity.getObjectName()==J.nodeName(e,this.#Q[e]))));n.rename(J.nodeName(e,this.#Q[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 vt)).forEach((e=>e.sanitizeLinks()))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof vt?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",Ct);class At 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 $t extends At{#ee;constructor(e,t){super(void 0,t),this.#ee=e}write(e,t,n=!1){return this.#ee(t,n)}}class Lt extends At{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 $t(((e,t)=>"()"),null)),ie.registerSerializer(Array,new $t(((e,t)=>`(${e.map((e=>ie.getSerializer(ne.getType(e)).serialize(e,t)+",")).join("")})`),Array)),ie.registerSerializer(Boolean,new $t(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),ie.registerSerializer(oe,new At(e,oe)),ie.registerSerializer(ae,new Lt(ae)),ie.registerSerializer(le,new Lt(le)),ie.registerSerializer(ue,new Lt(ue)),ie.registerSerializer(ce,new At((e=>`${ce.lookbehind}(${e})`),ce,"",", ",!1,"",(e=>""))),ie.registerSerializer(de,new At(e,de)),ie.registerSerializer(he,new At(e,he)),ie.registerSerializer(pe,new At((e=>`${pe.lookbehind}(${e})`),pe,"",", ",!1,"",(e=>""))),ie.registerSerializer(Number,new $t((e=>e.toString()),Number)),ie.registerSerializer(Se,new $e),ie.registerSerializer(re,new $t((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),re)),ie.registerSerializer(me,new Lt(me)),ie.registerSerializer(Ee,new At((e=>`${Ee.lookbehind} (${e})`),Ee,"",",",!0)),ie.registerSerializer(ge,new At((e=>e),ge,""," ",!1,"",(e=>""))),ie.registerSerializer(fe,new At(e,fe)),ie.registerSerializer(String,new $t(((e,t)=>t?ne.escapeString(e):`"${ne.escapeString(e)}"`),String)),ie.registerSerializer(be,new $t(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),be)),ie.registerSerializer(ye,new $t(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),ye)),ie.registerSerializer(ve,new At(e,ve))}();export{Ct as Blueprint,J as Configuration,Ye as LinkElement,vt as NodeElement}; diff --git a/js/Blueprint.js b/js/Blueprint.js index cba78bc..7a45507 100755 --- a/js/Blueprint.js +++ b/js/Blueprint.js @@ -279,10 +279,10 @@ export default class Blueprint extends IElement { /** @param {PinReferenceEntity} pinReference */ getPin(pinReference) { - /*let result = this.template.getPin(this, pinReference) + let result = this.template.getPin(this, pinReference) if (result) { return result - }*/ + } return [... this.nodes //.filter(n => !n.parentNode) .find(n => pinReference.objectName.toString() == n.getNodeName()) diff --git a/js/element/IElement.js b/js/element/IElement.js index 3722038..80bf104 100644 --- a/js/element/IElement.js +++ b/js/element/IElement.js @@ -64,42 +64,42 @@ export default class IElement extends LitElement { connectedCallback() { super.connectedCallback() this.blueprint = this.closest("ueb-blueprint") - this.template.connectedCallback(this) + this.template.connectedCallback() } /** @param {Map} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties) - this.template.willUpdate(this, changedProperties) + this.template.willUpdate(changedProperties) } /** @param {Map} changedProperties */ update(changedProperties) { super.update(changedProperties) - this.template.update(this, changedProperties) + this.template.update(changedProperties) } render() { - return this.template.render(this) + return this.template.render() } /** @param {Map} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) - this.template.firstUpdated(this, changedProperties) - this.template.inputSetup(this) + this.template.firstUpdated(changedProperties) + this.template.inputSetup() } updated(changedProperties) { super.updated(changedProperties) - this.template.updated(this, changedProperties) + this.template.updated(changedProperties) this.#nextUpdatedCallbacks.forEach(f => f(changedProperties)) this.#nextUpdatedCallbacks = [] } disconnectedCallback() { super.disconnectedCallback() - this.template.cleanup(this) + this.template.cleanup() } addNextUpdatedCallbacks(callback, requestUpdate = false) { diff --git a/js/element/PinElement.js b/js/element/PinElement.js index f9a9c91..a7ed97f 100644 --- a/js/element/PinElement.js +++ b/js/element/PinElement.js @@ -136,10 +136,6 @@ export default class PinElement extends IElement { }) } - connectedCallback() { - super.connectedCallback() - } - /** @return {GuidEntity} */ GetPinId() { return this.entity.PinId diff --git a/js/template/BlueprintTemplate.js b/js/template/BlueprintTemplate.js index 1393a40..ebb8839 100755 --- a/js/template/BlueprintTemplate.js +++ b/js/template/BlueprintTemplate.js @@ -43,44 +43,41 @@ export default class BlueprintTemplate extends ITemplate { }), {}), } - /** @param {Blueprint} blueprint */ - constructed(blueprint) { - blueprint.style.cssText = Object.entries(BlueprintTemplate.styleVariables).map(([k, v]) => `${k}:${v};`).join("") + /** @param {Blueprint} element */ + constructed(element) { + super.constructed(element) + this.element.style.cssText = Object.entries(BlueprintTemplate.styleVariables).map(([k, v]) => `${k}:${v};`).join("") } - /** @param {Blueprint} blueprint */ - createInputObjects(blueprint) { + createInputObjects() { return [ - new Copy(blueprint.getGridDOMElement(), blueprint), - new Paste(blueprint.getGridDOMElement(), blueprint), - new KeyboardCanc(blueprint.getGridDOMElement(), blueprint), - new KeyboardSelectAll(blueprint.getGridDOMElement(), blueprint), - new Zoom(blueprint.getGridDOMElement(), blueprint, { + ...super.createInputObjects(), + new Copy(this.element.getGridDOMElement(), this.element), + new Paste(this.element.getGridDOMElement(), this.element), + new KeyboardCanc(this.element.getGridDOMElement(), this.element), + new KeyboardSelectAll(this.element.getGridDOMElement(), this.element), + new Zoom(this.element.getGridDOMElement(), this.element, { looseTarget: true, }), - new Select(blueprint.getGridDOMElement(), blueprint, { + new Select(this.element.getGridDOMElement(), this.element, { clickButton: 0, exitAnyButton: true, looseTarget: true, moveEverywhere: true, }), - new MouseScrollGraph(blueprint.getGridDOMElement(), blueprint, { + new MouseScrollGraph(this.element.getGridDOMElement(), this.element, { clickButton: 2, exitAnyButton: false, looseTarget: true, moveEverywhere: true, }), - new Unfocus(blueprint.getGridDOMElement(), blueprint), - new MouseTracking(blueprint.getGridDOMElement(), blueprint), - new KeyboardEnableZoom(blueprint.getGridDOMElement(), blueprint), + new Unfocus(this.element.getGridDOMElement(), this.element), + new MouseTracking(this.element.getGridDOMElement(), this.element), + new KeyboardEnableZoom(this.element.getGridDOMElement(), this.element), ] } - /** - * @param {Blueprint} element Target element - * @returns The computed html - */ - render(element) { + render() { return html`
1:1
@@ -88,7 +85,7 @@ export default class BlueprintTemplate extends ITemplate {
+ .style="--ueb-additional-x: ${this.element}; --ueb-additional-y: ${this.element.translateY}; --ueb-translate-x: ${this.element.translateX}; --ueb-translate-y: ${this.element.translateY};">
@@ -99,42 +96,35 @@ export default class BlueprintTemplate extends ITemplate { } /** - * @param {Blueprint} blueprint * @param {Map} changedProperties */ - firstUpdated(blueprint, changedProperties) { - super.firstUpdated(blueprint, changedProperties) - blueprint.headerElement = /** @type {HTMLElement} */(blueprint.querySelector('.ueb-viewport-header')) - blueprint.overlayElement = /** @type {HTMLElement} */(blueprint.querySelector('.ueb-viewport-overlay')) - blueprint.viewportElement = /** @type {HTMLElement} */(blueprint.querySelector('.ueb-viewport-body')) - blueprint.selectorElement = new SelectorElement() - blueprint.querySelector(".ueb-grid-content")?.append(blueprint.selectorElement) - blueprint.gridElement = /** @type {HTMLElement} */(blueprint.viewportElement.querySelector(".ueb-grid")) - blueprint.linksContainerElement = /** @type {HTMLElement} */(blueprint.querySelector("[data-links]")) - blueprint.linksContainerElement.append(...blueprint.getLinks()) - blueprint.nodesContainerElement = /** @type {HTMLElement} */(blueprint.querySelector("[data-nodes]")) - blueprint.nodesContainerElement.append(...blueprint.getNodes()) - blueprint.viewportElement.scroll(Configuration.expandGridSize, Configuration.expandGridSize) + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + this.element.headerElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-header')) + this.element.overlayElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-overlay')) + this.element.viewportElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-body')) + this.element.selectorElement = new SelectorElement() + this.element.querySelector(".ueb-grid-content")?.append(this.element.selectorElement) + this.element.gridElement = /** @type {HTMLElement} */(this.element.viewportElement.querySelector(".ueb-grid")) + this.element.linksContainerElement = /** @type {HTMLElement} */(this.element.querySelector("[data-links]")) + this.element.linksContainerElement.append(...this.element.getLinks()) + this.element.nodesContainerElement = /** @type {HTMLElement} */(this.element.querySelector("[data-nodes]")) + this.element.nodesContainerElement.append(...this.element.getNodes()) + this.element.viewportElement.scroll(Configuration.expandGridSize, Configuration.expandGridSize) } - /** - * @param {Blueprint} blueprint - * @param {Map} changedProperties - */ - updated(blueprint, changedProperties) { - super.updated(blueprint, changedProperties) + /** @param {Map} changedProperties */ + updated(changedProperties) { + super.updated(changedProperties) if (changedProperties.has("scrollX") || changedProperties.has("scrollY")) { - blueprint.viewportElement.scroll(blueprint.scrollX, blueprint.scrollY) + this.element.viewportElement.scroll(this.element.scrollX, this.element.scrollY) } } - /** - * @param {Blueprint} blueprint - * @param {PinReferenceEntity} pinReference - */ - getPin(blueprint, pinReference) { - return /** @type {PinElement} */(blueprint.querySelector( + /** @param {PinReferenceEntity} pinReference */ + getPin(pinReference) { + return /** @type {PinElement} */(this.element.querySelector( `ueb-node[data-name="${pinReference.objectName}"] ueb-pin[data-id="${pinReference.pinGuid}"]` )) } diff --git a/js/template/BoolPinTemplate.js b/js/template/BoolPinTemplate.js index c2a10a5..24eaa2c 100644 --- a/js/template/BoolPinTemplate.js +++ b/js/template/BoolPinTemplate.js @@ -8,40 +8,34 @@ export default class BoolPinTemplate extends IInputPinTemplate { /** @type {HTMLInputElement} */ #input - /** - * @param {PinElement} pin - * @param {Map} changedProperties - */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties) - this.#input = pin.querySelector(".ueb-pin-input") + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + this.#input = this.element.querySelector(".ueb-pin-input") let self = this - this.onChangeHandler = _ => pin.entity.DefaultValue = self.#input.checked ? "true" : "false" + this.onChangeHandler = _ => this.element.entity.DefaultValue = self.#input.checked ? "true" : "false" this.#input.addEventListener("change", this.onChangeHandler) } - /** @param {PinElement} pin */ - cleanup(pin) { - super.cleanup(pin) + cleanup() { + super.cleanup() this.#input.removeEventListener("change", this.onChangeHandler) } - /** @param {PinElement} pin */ - getInputs(pin) { + getInputs() { return [this.#input.checked ? "true" : "false"] } - setDefaultValue(pin, values = [], rawValues = values) { - pin.setDefaultValue(values[0] == "true") + setDefaultValue(values = [], rawValues = values) { + this.element.setDefaultValue(values[0] == "true") } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return html` - + ` } - return super.renderInput(pin) + return super.renderInput() } } diff --git a/js/template/ColorPickerWindowTemplate.js b/js/template/ColorPickerWindowTemplate.js index 5da6879..86fca6b 100755 --- a/js/template/ColorPickerWindowTemplate.js +++ b/js/template/ColorPickerWindowTemplate.js @@ -4,4 +4,7 @@ import WindowTemplate from "./WindowTemplate" export default class ColorPickerWindowTemplate extends WindowTemplate { + #picker + + ColorPickerWindowTemplate() } diff --git a/js/template/IDraggableTemplate.js b/js/template/IDraggableTemplate.js index 2d60637..5f03b9a 100755 --- a/js/template/IDraggableTemplate.js +++ b/js/template/IDraggableTemplate.js @@ -9,37 +9,34 @@ import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable" */ export default class IDraggableTemplate extends ITemplate { - /** @param {T} element */ - getDraggableElement(element) { - return element + getDraggableElement() { + return this.element } - createDraggableObject(element) { - return new MouseMoveDraggable(element, element.blueprint, { - draggableElement: this.getDraggableElement(element), + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), looseTarget: true, }) } - /** @param {T} element */ - createInputObjects(element) { + createInputObjects() { return [ - ...super.createInputObjects(element), - this.createDraggableObject(element), + ...super.createInputObjects(), + this.createDraggableObject(), ] } /** - * @param {T} element * @param {Map} changedProperties */ - update(element, changedProperties) { - super.update(element, changedProperties) + update(changedProperties) { + super.update(changedProperties) if (changedProperties.has("locationX")) { - element.style.setProperty("--ueb-position-x", `${element.locationX}`) + this.element.style.setProperty("--ueb-position-x", `${this.element.locationX}`) } if (changedProperties.has("locationY")) { - element.style.setProperty("--ueb-position-y", `${element.locationY}`) + this.element.style.setProperty("--ueb-position-y", `${this.element.locationY}`) } } } diff --git a/js/template/IFromToPositionedTemplate.js b/js/template/IFromToPositionedTemplate.js index ef2e5f0..7f497a8 100755 --- a/js/template/IFromToPositionedTemplate.js +++ b/js/template/IFromToPositionedTemplate.js @@ -8,23 +8,20 @@ import ITemplate from "./ITemplate" */ export default class IFromToPositionedTemplate extends ITemplate { - /** - * @param {T} selector - * @param {Map} changedProperties - */ - update(selector, changedProperties) { - super.update(selector, changedProperties) + /** @param {Map} changedProperties */ + update(changedProperties) { + super.update(changedProperties) if (changedProperties.has("initialPositionX")) { - selector.style.setProperty("--ueb-from-x", `${selector.initialPositionX}`) + this.element.style.setProperty("--ueb-from-x", `${this.element.initialPositionX}`) } if (changedProperties.has("initialPositionY")) { - selector.style.setProperty("--ueb-from-y", `${selector.initialPositionY}`) + this.element.style.setProperty("--ueb-from-y", `${this.element.initialPositionY}`) } if (changedProperties.has("finaPositionX")) { - selector.style.setProperty("--ueb-to-x", `${selector.finaPositionX}`) + this.element.style.setProperty("--ueb-to-x", `${this.element.finaPositionX}`) } if (changedProperties.has("finaPositionY")) { - selector.style.setProperty("--ueb-to-y", `${selector.finaPositionY}`) + this.element.style.setProperty("--ueb-to-y", `${this.element.finaPositionY}`) } } diff --git a/js/template/IInputPinTemplate.js b/js/template/IInputPinTemplate.js index 44699c1..4c70e41 100644 --- a/js/template/IInputPinTemplate.js +++ b/js/template/IInputPinTemplate.js @@ -25,21 +25,20 @@ export default class IInputPinTemplate extends PinTemplate { } /** - * @param {PinElement} pin * @param {Map} changedProperties */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties) - this.#inputContentElements = [...pin.querySelectorAll(".ueb-pin-input-content")] + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + this.#inputContentElements = [...this.element.querySelectorAll(".ueb-pin-input-content")] if (this.#inputContentElements.length) { - this.setInputs(pin, this.getInputs(pin), false) + this.setInputs(this.getInputs(this.element), false) let self = this - this.onFocusHandler = _ => pin.blueprint.dispatchEditTextEvent(true) + this.onFocusHandler = _ => this.element.blueprint.dispatchEditTextEvent(true) this.onFocusOutHandler = e => { e.preventDefault() document.getSelection()?.removeAllRanges() // Deselect text inside the input - self.setInputs(pin, this.getInputs(pin), true) - pin.blueprint.dispatchEditTextEvent(false) + self.setInputs(this.getInputs(this.element), true) + this.element.blueprint.dispatchEditTextEvent(false) } this.#inputContentElements.forEach(element => { element.addEventListener("focus", this.onFocusHandler) @@ -48,30 +47,26 @@ export default class IInputPinTemplate extends PinTemplate { } } - /** @param {PinElement} pin */ - cleanup(pin) { - super.cleanup(pin) + cleanup() { + super.cleanup() this.#inputContentElements.forEach(element => { element.removeEventListener("focus", this.onFocusHandler) element.removeEventListener("focusout", this.onFocusOutHandler) }) } - /** @param {PinElement} pin */ - createInputObjects(pin) { + createInputObjects() { return [ - ...super.createInputObjects(pin), - ...this.#inputContentElements.map(element => new MouseIgnore(element, pin.blueprint)) + ...super.createInputObjects(), + ...this.#inputContentElements.map(elem => new MouseIgnore(elem, this.element.blueprint)) ] } - /** @param {PinElement} pin */ - getInput(pin) { - return this.getInputs(pin).reduce((acc, cur) => acc + cur, "") + getInput() { + return this.getInputs(this.element).reduce((acc, cur) => acc + cur, "") } - /** @param {PinElement} pin */ - getInputs(pin) { + getInputs() { return this.#inputContentElements.map(element => // Faster than innerText which causes reflow element.innerHTML @@ -80,30 +75,26 @@ export default class IInputPinTemplate extends PinTemplate { ) } - /** - * @param {PinElement} pin - * @param {String[]?} values - */ - setInputs(pin, values = [], updateDefaultValue = true) { + /** @param {String[]?} values */ + setInputs(values = [], updateDefaultValue = true) { this.#inputContentElements.forEach( - (element, i) => element.innerText = values[i] + (elem, i) => elem.innerText = values[i] ) if (updateDefaultValue) { - this.setDefaultValue(pin, values.map(v => IInputPinTemplate.stringFromInputToUE(v)), values) + this.setDefaultValue(values.map(v => IInputPinTemplate.stringFromInputToUE(v)), values) } } - setDefaultValue(pin, values = [], rawValues = values) { - pin.setDefaultValue(values.reduce((acc, cur) => acc + cur, "")) + setDefaultValue(values = [], rawValues = values) { + this.element.setDefaultValue(values.reduce((acc, cur) => acc + cur, "")) } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return html`
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.unreactiveDefaultValue.toString())}">
` } diff --git a/js/template/ITemplate.js b/js/template/ITemplate.js index 9e774a9..28aa21f 100644 --- a/js/template/ITemplate.js +++ b/js/template/ITemplate.js @@ -18,60 +18,42 @@ export default class ITemplate { /** @param {T} element */ constructed(element) { + this.element = element } - /** @param {T} element */ - connectedCallback(element) { + connectedCallback() { } - /** - * @param {T} element - * @param {Map} changedProperties - */ - willUpdate(element, changedProperties) { + /** @param {Map} changedProperties */ + willUpdate(changedProperties) { } - /** - * @param {T} element - * @param {Map} changedProperties - */ - update(element, changedProperties) { + /** @param {Map} changedProperties */ + update(changedProperties) { } - /** @param {T} element */ - render(element) { + render() { return html`` } - /** - * @param {T} element - * @param {Map} changedProperties - */ - firstUpdated(element, changedProperties) { + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { } - /** - * @param {T} element - * @param {Map} changedProperties - */ - updated(element, changedProperties) { + /** @param {Map} changedProperties */ + updated(changedProperties) { } - /** @param {T} element */ - inputSetup(element) { - this.#inputObjects = this.createInputObjects(element) + inputSetup() { + this.#inputObjects = this.createInputObjects() } - /** @param {T} element */ - cleanup(element) { + cleanup() { this.#inputObjects.forEach(v => v.unlistenDOMElement()) } - /** - * @param {T} element - * @returns {IInput[]} - */ - createInputObjects(element) { + /** @returns {IInput[]} */ + createInputObjects() { return [] } } diff --git a/js/template/LinearColorPinTemplate.js b/js/template/LinearColorPinTemplate.js index 952fd07..9212867 100644 --- a/js/template/LinearColorPinTemplate.js +++ b/js/template/LinearColorPinTemplate.js @@ -12,23 +12,17 @@ export default class LinearColorPinTemplate extends IInputPinTemplate { /** @type {HTMLInputElement} */ #input - /** - * @param {PinElement} pin - * @param {Map} changedProperties - */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties) - this.#input = pin.querySelector(".ueb-pin-input") + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + this.#input = this.element.querySelector(".ueb-pin-input") } - /** - * @param {PinElement} pin - * @returns {IInput[]} - */ - createInputObjects(pin) { + /** @returns {IInput[]} */ + createInputObjects() { return [ - ...super.createInputObjects(pin), - new MouseOpenWindow(this.#input, pin.blueprint, { + ...super.createInputObjects(), + new MouseOpenWindow(this.#input, this.element.blueprint, { moveEverywhere: true, looseTarget: true }) @@ -40,22 +34,18 @@ export default class LinearColorPinTemplate extends IInputPinTemplate { return [this.#input.dataset.linearColor] } - /** - * @param {PinElement} pin - * @param {String[]} value - */ - setInputs(pin, value = []) { + /** @param {String[]} value */ + setInputs(value = []) { } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return html` - + ` } - return super.renderInput(pin) + return super.renderInput() } } diff --git a/js/template/LinkTemplate.js b/js/template/LinkTemplate.js index e68accd..11f9236 100755 --- a/js/template/LinkTemplate.js +++ b/js/template/LinkTemplate.js @@ -57,66 +57,63 @@ export default class LinkTemplate extends IFromToPositionedTemplate { static c2Clamped = LinkTemplate.clampedLine([0, 100], [200, 30]) /** - * @param {LinkElement} link * @param {Map} changedProperties */ - willUpdate(link, changedProperties) { - super.willUpdate(link, changedProperties) - const dx = Math.max(Math.abs(link.initialPositionX - link.finaPositionX), 1) + willUpdate(changedProperties) { + super.willUpdate(changedProperties) + const dx = Math.max(Math.abs(this.element.initialPositionX - this.element.finaPositionX), 1) const width = Math.max(dx, Configuration.linkMinWidth) // const height = Math.max(Math.abs(link.initialPositionY - link.finaPositionY), 1) const fillRatio = dx / width // const aspectRatio = width / height - const xInverted = link.originatesFromInput - ? link.initialPositionX < link.finaPositionX - : link.finaPositionX < link.initialPositionX - link.startPixels = dx < width // If under minimum width + const xInverted = this.element.originatesFromInput + ? this.element.initialPositionX < this.element.finaPositionX + : this.element.finaPositionX < this.element.initialPositionX + this.element.startPixels = dx < width // If under minimum width ? (width - dx) / 2 // Start from half the empty space : 0 // Otherwise start from the beginning - link.startPercentage = xInverted ? link.startPixels + fillRatio * 100 : link.startPixels + this.element.startPercentage = xInverted ? this.element.startPixels + fillRatio * 100 : this.element.startPixels const c1 - = link.startPercentage + = this.element.startPercentage + (xInverted ? LinkTemplate.c1DecreasingValue(width) : 10 ) * fillRatio - let c2 = LinkTemplate.c2Clamped(xInverted ? -dx : dx) + link.startPercentage + let c2 = LinkTemplate.c2Clamped(xInverted ? -dx : dx) + this.element.startPercentage c2 = Math.min(c2, LinkTemplate.c2DecreasingValue(width)) - link.svgPathD = Configuration.linkRightSVGPath(link.startPercentage, c1, c2) + this.element.svgPathD = Configuration.linkRightSVGPath(this.element.startPercentage, c1, c2) } /** - * @param {LinkElement} link * @param {Map} changedProperties */ - update(link, changedProperties) { - super.update(link, changedProperties) + update(changedProperties) { + super.update(changedProperties) if (changedProperties.has("originatesFromInput")) { - link.style.setProperty("--ueb-from-input", link.originatesFromInput ? "1" : "0") + this.element.style.setProperty("--ueb-from-input", this.element.originatesFromInput ? "1" : "0") } - const referencePin = link.sourcePin ?? link.destinationPin + const referencePin = this.element.sourcePin ?? this.element.destinationPin if (referencePin) { - link.style.setProperty("--ueb-link-color-rgb", Utility.printLinearColor(referencePin.color)) + this.element.style.setProperty("--ueb-link-color-rgb", Utility.printLinearColor(referencePin.color)) } - link.style.setProperty("--ueb-link-start", `${Math.round(link.startPixels)}`) - link.style.setProperty("--ueb-start-percentage", `${Math.round(link.startPercentage)}%`) + this.element.style.setProperty("--ueb-link-start", `${Math.round(this.element.startPixels)}`) + this.element.style.setProperty("--ueb-start-percentage", `${Math.round(this.element.startPercentage)}%`) } - /** @param {LinkElement} link */ - render(link) { + render() { const uniqueId = "ueb-id-" + Math.floor(Math.random() * 1E12) return html` - + - ${link.linkMessageIcon != "" || link.linkMessageText != "" ? html` + ${this.element.linkMessageIcon != "" || this.element.linkMessageText != "" ? html`
- - ${link.linkMessageText} + + ${this.element.linkMessageText}
` : html``} ` diff --git a/js/template/NamePinTemplate.js b/js/template/NamePinTemplate.js index 18d9e98..4f6b19c 100644 --- a/js/template/NamePinTemplate.js +++ b/js/template/NamePinTemplate.js @@ -11,8 +11,8 @@ export default class NamePinTemplate extends IInputPinTemplate { * @param {PinElement} pin * @param {Map} changedProperties */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties) + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) this.onInputHandler = e => { e.stopPropagation() if ( @@ -29,9 +29,8 @@ export default class NamePinTemplate extends IInputPinTemplate { }) } - /** @param {PinElement} pin */ - cleanup(pin) { - super.cleanup(pin) + cleanup() { + super.cleanup() this.inputContentElements.forEach(element => { element.removeEventListener("input", /** @type {(e : Event) => void} */(this.onInputHandler)) }) @@ -42,12 +41,9 @@ export default class NamePinTemplate extends IInputPinTemplate { return this.inputContentElements.map(element => element.textContent) // textContent for performance reason } - /** - * @param {PinElement} pin - * @param {String[]?} values - */ - setInputs(pin, values = [], updateDefaultValue = true) { + /** @param {String[]?} values */ + setInputs(values = [], updateDefaultValue = true) { values = values.map(value => value.replaceAll("\n", "")) // get rid of the new lines - super.setInputs(pin, values, updateDefaultValue) + super.setInputs(values, updateDefaultValue) } } diff --git a/js/template/NodeTemplate.js b/js/template/NodeTemplate.js index 8beba47..a8f214a 100755 --- a/js/template/NodeTemplate.js +++ b/js/template/NodeTemplate.js @@ -8,8 +8,7 @@ export default class NodeTemplate extends SelectableDraggableTemplate { toggleAdvancedDisplayHandler - /** @param {NodeElement} node */ - render(node) { + render() { return html`
@@ -23,7 +22,7 @@ export default class NodeTemplate extends SelectableDraggableTemplate { - ${node.nodeDisplayName} + ${this.element.nodeDisplayName}
@@ -31,10 +30,10 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
- ${node.enabledState?.toString() == "DevelopmentOnly" ? html` + ${this.element.enabledState?.toString() == "DevelopmentOnly" ? html`
Development Only
` : html``} - ${node.advancedPinDisplay ? html` + ${this.element.advancedPinDisplay ? html`
@@ -47,16 +46,13 @@ export default class NodeTemplate extends SelectableDraggableTemplate { ` } - /** - * @param {NodeElement} node - * @param {Map} changedProperties - */ - async firstUpdated(node, changedProperties) { - super.firstUpdated(node, changedProperties) - const inputContainer = /** @type {HTMLElement} */(node.querySelector(".ueb-node-inputs")) - const outputContainer = /** @type {HTMLElement} */(node.querySelector(".ueb-node-outputs")) - Promise.all(node.getPinElements().map(n => n.updateComplete)).then(() => node.dispatchReflowEvent()) - node.getPinElements().forEach(p => { + /** @param {Map} changedProperties */ + async firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + const inputContainer = /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-inputs")) + const outputContainer = /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-outputs")) + Promise.all(this.element.getPinElements().map(n => n.updateComplete)).then(() => this.element.dispatchReflowEvent()) + this.element.getPinElements().forEach(p => { if (p.isInput()) { inputContainer.appendChild(p) } else if (p.isOutput()) { @@ -64,10 +60,10 @@ export default class NodeTemplate extends SelectableDraggableTemplate { } }) this.toggleAdvancedDisplayHandler = _ => { - node.toggleShowAdvancedPinDisplay() - node.addNextUpdatedCallbacks(() => node.dispatchReflowEvent(), true) + this.element.toggleShowAdvancedPinDisplay() + this.element.addNextUpdatedCallbacks(() => this.element.dispatchReflowEvent(), true) } - node.nodeNameElement = /** @type {HTMLElement} */(node.querySelector(".ueb-node-name-text")) + this.element.nodeNameElement = /** @type {HTMLElement} */(this.element.querySelector(".ueb-node-name-text")) } /** diff --git a/js/template/PinTemplate.js b/js/template/PinTemplate.js index db1cbb8..5fc2c07 100755 --- a/js/template/PinTemplate.js +++ b/js/template/PinTemplate.js @@ -13,41 +13,36 @@ export default class PinTemplate extends ITemplate { static styles = css`` - /** @param {PinElement} pin */ - connectedCallback(pin) { - super.connectedCallback(pin) - pin.nodeElement = pin.closest("ueb-node") + connectedCallback() { + super.connectedCallback() + this.element.nodeElement = this.element.closest("ueb-node") } - /** - * @param {PinElement} pin - * @returns {IInput[]} - */ - createInputObjects(pin) { + /** @returns {IInput[]} */ + createInputObjects() { return [ - new MouseCreateLink(pin.clickableElement, pin.blueprint, { + new MouseCreateLink(this.element.clickableElement, this.element.blueprint, { moveEverywhere: true, looseTarget: true }) ] } - /** @param {PinElement} pin */ - render(pin) { + render() { const icon = html`
- ${this.renderIcon(pin)} + ${this.renderIcon()}
` const content = html`
- ${pin.getPinDisplayName()} - ${this.renderInput(pin)} + ${this.element.getPinDisplayName()} + ${this.renderInput()}
` return html`
- ${pin.isInput() ? html`${icon}${content}` : html`${content}${icon}`} + ${this.element.isInput() ? html`${icon}${content}` : html`${content}${icon}`}
` } @@ -67,14 +62,11 @@ export default class PinTemplate extends ITemplate { return html`` } - /** - * @param {PinElement} pin - * @param {Map} changedProperties - */ - firstUpdated(pin, changedProperties) { - super.firstUpdated(pin, changedProperties) - pin.dataset.id = pin.GetPinIdValue() - pin.clickableElement = pin + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + this.element.dataset.id = this.element.GetPinIdValue() + this.element.clickableElement = this.element } /** @param {PinElement} pin */ diff --git a/js/template/RealPinTemplate.js b/js/template/RealPinTemplate.js index db16393..4faae55 100644 --- a/js/template/RealPinTemplate.js +++ b/js/template/RealPinTemplate.js @@ -5,21 +5,17 @@ import Utility from "../Utility" export default class RealPinTemplate extends IInputPinTemplate { - /** - * @param {PinElement} pin - * @param {String[]?} values - */ - setInputs(pin, values = [], updateDefaultValue = false) { + setInputs(values = [], updateDefaultValue = false) { if (!values || values.length == 0) { - values = this.getInput(pin) + values = this.getInput() } let parsedValues = [] for (let i = 0; i < values.length; ++i) { let num = parseFloat(values[i]) if (isNaN(num)) { - num = parseFloat(pin.entity.DefaultValue != "" - ? /** @type {String} */(pin.entity.DefaultValue) - : pin.entity.AutogeneratedDefaultValue) + num = parseFloat(this.element.entity.DefaultValue != "" + ? /** @type {String} */(this.element.entity.DefaultValue) + : this.element.entity.AutogeneratedDefaultValue) } if (isNaN(num)) { num = 0 @@ -28,11 +24,11 @@ export default class RealPinTemplate extends IInputPinTemplate { parsedValues.push(num) values[i] = Utility.minDecimals(num) } - super.setInputs(pin, values, false) - this.setDefaultValue(pin, parsedValues, values) + super.setInputs(values, false) + this.setDefaultValue(parsedValues, values) } - setDefaultValue(pin, values = [], rawValues = values) { - pin.setDefaultValue(values[0]) + setDefaultValue(values = [], rawValues = values) { + this.element.setDefaultValue(values[0]) } } diff --git a/js/template/ReferencePinTemplate.js b/js/template/ReferencePinTemplate.js index 637876e..1e71228 100644 --- a/js/template/ReferencePinTemplate.js +++ b/js/template/ReferencePinTemplate.js @@ -3,8 +3,7 @@ import PinTemplate from "./PinTemplate" export default class ReferencePinTemplate extends PinTemplate { - /** @param {PinElement} pin */ - renderIcon(pin) { + renderIcon() { return html` diff --git a/js/template/RotatorPinTemplate.js b/js/template/RotatorPinTemplate.js index 4e3b19d..ba67f35 100644 --- a/js/template/RotatorPinTemplate.js +++ b/js/template/RotatorPinTemplate.js @@ -5,35 +5,34 @@ import RealPinTemplate from "./RealPinTemplate" export default class RotatorPinTemplate extends RealPinTemplate { - setDefaultValue(pin, values = [], rawValues = values) { - if (!(pin.entity.DefaultValue instanceof RotatorEntity)) { + setDefaultValue(values = [], rawValues = values) { + if (!(this.element.entity.DefaultValue instanceof RotatorEntity)) { throw new TypeError("Expected DefaultValue to be a VectorEntity") } - let rotator = pin.entity.DefaultValue + let rotator = this.element.entity.DefaultValue rotator.R = values[0] // Roll rotator.P = values[1] // Pitch rotator.Y = values[2] // Yaw } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return html`
X
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().R.toString())}">
Y
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().P.toString())}">
Z
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().Y.toString())}">
` diff --git a/js/template/SelectableDraggableTemplate.js b/js/template/SelectableDraggableTemplate.js index 1466335..15ddc95 100755 --- a/js/template/SelectableDraggableTemplate.js +++ b/js/template/SelectableDraggableTemplate.js @@ -10,26 +10,22 @@ import MouseMoveNodes from "../input/mouse/MouseMoveNodes" */ export default class SelectableDraggableTemplate extends IDraggableTemplate { - /** @param {T} element */ - getDraggableElement(element) { - return element + getDraggableElement() { + return this.element } - createDraggableObject(element) { - return new MouseMoveNodes(element, element.blueprint, { - draggableElement: this.getDraggableElement(element), + createDraggableObject() { + return new MouseMoveNodes(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), looseTarget: true, }) } - /** - * @param {T} element - * @param {Map} changedProperties - */ - firstUpdated(element, changedProperties) { - super.firstUpdated(element, changedProperties) - if (element.selected && !element.listeningDrag) { - element.setSelected(true) + /** @param {Map} changedProperties */ + firstUpdated(changedProperties) { + super.firstUpdated(changedProperties) + if (this.element.selected && !this.element.listeningDrag) { + this.element.setSelected(true) } } } diff --git a/js/template/VectorPinTemplate.js b/js/template/VectorPinTemplate.js index 13eace9..a712e74 100644 --- a/js/template/VectorPinTemplate.js +++ b/js/template/VectorPinTemplate.js @@ -10,35 +10,34 @@ import RealPinTemplate from "./RealPinTemplate" export default class VectorPinTemplate extends RealPinTemplate { - setDefaultValue(pin, values = [], rawValues = values) { - if (!(pin.entity.DefaultValue instanceof VectorEntity)) { + setDefaultValue(values = [], rawValues = values) { + if (!(this.element.entity.DefaultValue instanceof VectorEntity)) { throw new TypeError("Expected DefaultValue to be a VectorEntity") } - let vector = pin.entity.DefaultValue + let vector = this.element.entity.DefaultValue vector.X = values[0] vector.Y = values[1] vector.Z = values[2] } - /** @param {PinElement} pin */ - renderInput(pin) { - if (pin.isInput()) { + renderInput() { + if (this.element.isInput()) { return html`
X
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().X.toString())}">
Y
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().Y.toString())}">
Z
+ .innerText="${IInputPinTemplate.stringFromUEToInput(this.element.entity.getDefaultValue().Z.toString())}">
` diff --git a/js/template/WindowTemplate.js b/js/template/WindowTemplate.js index 52e4cef..826a8bd 100755 --- a/js/template/WindowTemplate.js +++ b/js/template/WindowTemplate.js @@ -11,30 +11,27 @@ export default class WindowTemplate extends IDraggableTemplate { toggleAdvancedDisplayHandler - /** @param {WindowElement} element */ - getDraggableElement(element) { - return element.querySelector(".ueb-window-top") + getDraggableElement() { + return this.element.querySelector(".ueb-window-top") } - createDraggableObject(element) { - return new MouseMoveDraggable(element, element.blueprint, { - draggableElement: this.getDraggableElement(element), + createDraggableObject() { + return new MouseMoveDraggable(this.element, this.element.blueprint, { + draggableElement: this.getDraggableElement(), looseTarget: true, stepSize: 1, - movementSpace: element.blueprint, + movementSpace: this.element.blueprint, }) } - /** @param {T} element */ - createInputObjects(element) { + createInputObjects() { return [ - ...super.createInputObjects(element), - this.createDraggableObject(element), + ...super.createInputObjects(), + this.createDraggableObject(), ] } - /** @param {WindowElement} element */ - render(element) { + render() { return html`