From c3ab6478b0ff458623783b8047d96ca8280f1c3e Mon Sep 17 00:00:00 2001 From: barsdeveloper Date: Sat, 24 Dec 2022 15:29:12 +0100 Subject: [PATCH] Make elements default constructible, testing wip --- .vscode/launch.json | 35 + cypress.config.js | 9 + cypress/e2e/color_picker.cy.js | 5 + cypress/fixtures/example.json | 5 + cypress/support/commands.js | 25 + cypress/support/e2e.js | 20 + dist/css/ueb-style.css | 5 +- dist/css/ueb-style.css.map | 2 +- dist/css/ueb-style.min.css | 2 +- dist/css/ueb-style.min.css.map | 2 +- dist/ueblueprint.js | 788 ++++++++++-------- dist/ueblueprint.min.js | 10 +- js/Blueprint.js | 19 +- js/Utility.js | 7 +- js/element/ColorHandlerElement.js | 17 +- js/element/ColorSliderElement.js | 13 +- js/element/ElementFactory.js | 6 +- js/element/IDraggableControlElement.js | 12 +- js/element/IDraggableElement.js | 53 +- js/element/IElement.js | 65 +- js/element/IFromToPositionedElement.js | 5 +- js/element/ISelectableDraggableElement.js | 17 +- js/element/InputElement.js | 11 +- js/element/LinkElement.js | 47 +- js/element/NodeElement.js | 68 +- js/element/PinElement.js | 51 +- js/element/SelectorElement.js | 16 +- js/element/WindowElement.js | 28 +- js/entity/IEntity.js | 4 +- js/input/common/Copy.js | 4 +- js/input/common/Paste.js | 13 +- js/input/mouse/MouseCreateLink.js | 7 +- js/serialization/ISerializer.js | 3 +- js/template/BlueprintTemplate.js | 11 +- js/template/ColorPickerWindowTemplate.js | 53 +- js/template/IDraggableControlTemplate.js | 4 +- js/template/IDraggablePositionedTemplate.js | 9 +- js/template/IFromToPositionedTemplate.js | 7 +- js/template/IResizeableTemplate.js | 48 +- js/template/ISelectableDraggableTemplate.js | 3 +- js/template/ITemplate.js | 28 +- js/template/LinkTemplate.js | 20 +- js/template/node/CommentNodeTemplate.js | 13 +- js/template/node/KnotNodeTemplate.js | 22 +- js/template/node/NodeTemplate.js | 14 +- .../node/VariableAccessNodeTemplate.js | 11 +- js/template/pin/BoolPinTemplate.js | 12 +- js/template/pin/IInputPinTemplate.js | 27 +- js/template/pin/InputTemplate.js | 18 +- js/template/pin/LinearColorPinTemplate.js | 9 +- js/template/pin/PinTemplate.js | 14 +- package.json | 1 + scss/ueb-pin.scss | 6 +- 53 files changed, 992 insertions(+), 712 deletions(-) create mode 100644 .vscode/launch.json create mode 100644 cypress.config.js create mode 100644 cypress/e2e/color_picker.cy.js create mode 100644 cypress/fixtures/example.json create mode 100644 cypress/support/commands.js create mode 100644 cypress/support/e2e.js diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..67b3fba --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,35 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "name": "Launch index.html", + "type": "firefox", + "request": "launch", + "reAttach": true, + "file": "${workspaceFolder}/index.html" + }, + { + "name": "Launch localhost", + "type": "firefox", + "request": "launch", + "reAttach": true, + "url": "http://localhost/index.html", + "webRoot": "${workspaceFolder}" + }, + { + "name": "Attach", + "type": "firefox", + "request": "attach" + }, + { + "name": "Launch WebExtension", + "type": "firefox", + "request": "launch", + "reAttach": true, + "addonPath": "${workspaceFolder}" + } + ] +} diff --git a/cypress.config.js b/cypress.config.js new file mode 100644 index 0000000..97f47c4 --- /dev/null +++ b/cypress.config.js @@ -0,0 +1,9 @@ +const { defineConfig } = require("cypress"); + +module.exports = defineConfig({ + e2e: { + setupNodeEvents(on, config) { + // implement node event listeners here + }, + }, +}); diff --git a/cypress/e2e/color_picker.cy.js b/cypress/e2e/color_picker.cy.js new file mode 100644 index 0000000..4392a15 --- /dev/null +++ b/cypress/e2e/color_picker.cy.js @@ -0,0 +1,5 @@ +describe('empty spec', () => { + it('passes', () => { + cy.visit('http://127.0.0.1:8080/') + }) +}) diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json new file mode 100644 index 0000000..02e4254 --- /dev/null +++ b/cypress/fixtures/example.json @@ -0,0 +1,5 @@ +{ + "name": "Using fixtures to represent data", + "email": "hello@cypress.io", + "body": "Fixtures are a great way to mock data for responses to routes" +} diff --git a/cypress/support/commands.js b/cypress/support/commands.js new file mode 100644 index 0000000..66ea16e --- /dev/null +++ b/cypress/support/commands.js @@ -0,0 +1,25 @@ +// *********************************************** +// This example commands.js shows you how to +// create various custom commands and overwrite +// existing commands. +// +// For more comprehensive examples of custom +// commands please read more here: +// https://on.cypress.io/custom-commands +// *********************************************** +// +// +// -- This is a parent command -- +// Cypress.Commands.add('login', (email, password) => { ... }) +// +// +// -- This is a child command -- +// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... }) +// +// +// -- This is a dual command -- +// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... }) +// +// +// -- This will overwrite an existing command -- +// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... }) \ No newline at end of file diff --git a/cypress/support/e2e.js b/cypress/support/e2e.js new file mode 100644 index 0000000..0e7290a --- /dev/null +++ b/cypress/support/e2e.js @@ -0,0 +1,20 @@ +// *********************************************************** +// This example support/e2e.js is processed and +// loaded automatically before your test files. +// +// This is a great place to put global configuration and +// behavior that modifies Cypress. +// +// You can change the location of this file or turn off +// automatically serving support files with the +// 'supportFile' configuration option. +// +// You can read more here: +// https://on.cypress.io/configuration +// *********************************************************** + +// Import commands.js using ES2015 syntax: +import './commands' + +// Alternatively you can use CommonJS syntax: +// require('./commands') \ No newline at end of file diff --git a/dist/css/ueb-style.css b/dist/css/ueb-style.css index 0e5ed5a..76c816e 100644 --- a/dist/css/ueb-style.css +++ b/dist/css/ueb-style.css @@ -752,10 +752,13 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input { height: 10px; } .ueb-pin-input-content::-webkit-scrollbar-thumb { - background: #575757; + background: transparent; border-radius: 10px; margin: 4px; } +.ueb-pin-input-content:hover::-webkit-scrollbar-thumb { + background: #575757; +} ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper { cursor: move; diff --git a/dist/css/ueb-style.css.map b/dist/css/ueb-style.css.map index e212a26..ff8c502 100644 --- a/dist/css/ueb-style.css.map +++ b/dist/css/ueb-style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EA0BJ,iBAEI;EAQJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EAmDJ,iBAEI;EAWJ,qBAEI;EAOJ;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AC3VJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AChBJ;EACI;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;EAIA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AChFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBACI;EAIJ;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA,YACI;EAEJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EAMA;EAMA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA,YACI;EAEJ;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrSJ;EACI;;;AAGJ;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;;;ACjLJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;ACnKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"ueb-style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA,KACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EA0BJ,iBAEI;EAQJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAEI;EAmDJ,iBAEI;EAWJ,qBAEI;EAOJ;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AC3VJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AChBJ;EACI;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;EAIA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AChFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBACI;EAIJ;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA,YACI;EAEJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EAMA;EAMA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA,YACI;EAEJ;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrSJ;EACI;;;AAGJ;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAII;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;;;ACrLJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;ACnKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,YACI;;;AAWR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA","file":"ueb-style.css"} \ No newline at end of file diff --git a/dist/css/ueb-style.min.css b/dist/css/ueb-style.min.css index 4c78956..fc43006 100644 --- a/dist/css/ueb-style.min.css +++ b/dist/css/ueb-style.min.css @@ -1 +1 @@ -@font-face{font-family:"Roboto";font-weight:lighter;src:url("../font/roboto-light.woff2") format("woff2"),url("../font/roboto-light.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:normal;src:url("../font/roboto-regular.woff2") format("woff2"),url("../font/roboto-regular.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:bold;src:url("../font/roboto-bold.woff2") format("woff2"),url("../font/roboto-bold.woff") format("woff")}ueb-blueprint{--ueb-scale: 1;--ueb-grid-actual-size: var(--ueb-grid-size);display:block;position:relative;font-family:Roboto,Noto,Oxygen,Ubuntu,"Open Sans","Helvetica Neue",sans-serif;font-size:var(--ueb-font-size);color:#fff;user-select:none}ueb-blueprint svg{overflow:visible}.ueb-viewport-header{display:flex;position:absolute;top:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:1}@keyframes ueb-zoom-animation{0%{color:#7f7f7f}100%{color:#2b2b2b}}.ueb-zoom-changed .ueb-viewport-zoom{animation:600ms ueb-zoom-animation}.ueb-viewport-zoom{margin-left:auto;padding:5px;color:#2b2b2b;font-size:20px;font-weight:bold;letter-spacing:-1px}.ueb-viewport-body{position:relative;height:var(--ueb-height, 30rem);overflow:hidden;scrollbar-width:0}ueb-blueprint[data-focused=true] .ueb-viewport-body{overflow:scroll}.ueb-grid{--ueb-grid-line-actual-width: calc(var(--ueb-grid-line-width) / var(--ueb-scale));position:absolute;min-width:100%;min-height:100%;width:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));height:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));background-color:#262626;background-image:linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(to right, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to right, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent);background-size:100% var(--ueb-grid-line-actual-width),var(--ueb-grid-line-actual-width) 100%,calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size);background-position:calc(var(--ueb-translate-x)*1px) calc(var(--ueb-translate-y)*1px);background-repeat:repeat-x,repeat-y,repeat,repeat,repeat,repeat;transform:scale(var(--ueb-scale), var(--ueb-scale));transform-origin:0 0;overflow:hidden}ueb-blueprint[data-scrolling=true] .ueb-grid{cursor:grabbing}ueb-blueprint[data-scrolling=false] .ueb-grid{cursor:default}ueb-blueprint[data-zoom="7"]{--ueb-scale: 2}ueb-blueprint[data-zoom="6"]{--ueb-scale: 1.875}ueb-blueprint[data-zoom="5"]{--ueb-scale: 1.75}ueb-blueprint[data-zoom="4"]{--ueb-scale: 1.675}ueb-blueprint[data-zoom="3"]{--ueb-scale: 1.5}ueb-blueprint[data-zoom="2"]{--ueb-scale: 1.375}ueb-blueprint[data-zoom="1"]{--ueb-scale: 1.25}ueb-blueprint[data-zoom="-1"]{--ueb-scale: 0.875}ueb-blueprint[data-zoom="-2"]{--ueb-scale: 0.75}ueb-blueprint[data-zoom="-3"]{--ueb-scale: 0.675}ueb-blueprint[data-zoom="-4"]{--ueb-scale: 0.5;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint.ueb-zoom--4{--ueb-node-radius: 0 !important}ueb-blueprint[data-zoom="-5"]{--ueb-scale: 0.375;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint[data-zoom="-6"]{--ueb-scale: 0.333333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-7"]{--ueb-scale: 0.3;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-8"]{--ueb-scale: 0.266666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-9"]{--ueb-scale: 0.233333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-10"]{--ueb-scale: 0.2;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-11"]{--ueb-scale: 0.166666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}ueb-blueprint[data-zoom="-12"]{--ueb-scale: 0.133333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-grid-content{position:relative;width:0;height:0;transform:translateX(calc(var(--ueb-translate-x) * 1px)) translateY(calc(var(--ueb-translate-y) * 1px))}.ueb-grid-content>div{width:0;height:0}.ueb-positioned,ueb-blueprint[data-selecting=true] ueb-selector{position:absolute}ueb-selector{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0;height:0;background-image:repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(1px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale)));background-size:100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%,calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%;background-position:0 calc(1px/var(--ueb-scale)),0 0,0 calc(100% - 1px/var(--ueb-scale)),0 100%,calc(1px/var(--ueb-scale)) 0,0 0,calc(100% - 1px/var(--ueb-scale)) 0,100% 0;background-repeat:no-repeat}ueb-blueprint[data-selecting=true] ueb-selector{visibility:visible}ueb-selector>*{visibility:visible}.ueb-ellipsis-nowrap-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"]{box-shadow:none}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin{min-height:0}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin[data-direction=input]{display:none}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] .ueb-node-border{padding:8px 18px;background:none !important}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"][data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #d29e07}ueb-link{position:absolute;--ueb-link-color: rgb(var(--ueb-link-color-rgb));--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);--ueb-y-reflected: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);display:block;margin-left:calc(var(--ueb-link-start)*-1px);min-width:calc(var(--ueb-link-min-width)*1px);visibility:hidden;z-index:2}ueb-link>svg{--ueb-y-reflected-coefficient: calc(2 * var(--ueb-y-reflected) - 1);position:absolute;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-reflected-coefficient) * var(--ueb-from-input-coefficient)))}ueb-link .ueb-link-area path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:calc(3px/var(--ueb-scale))}ueb-link[data-dragging=true] .ueb-link-area path,ueb-link .ueb-link-area:hover path{stroke-width:calc(6px/var(--ueb-scale));transition:stroke-width .8s}ueb-link[data-dragging=true] .ueb-link-message{display:block;visibility:visible}.ueb-link-message{display:none;position:absolute;top:calc(100%*(1 - var(--ueb-y-reflected)) + 22px);left:calc((1 - var(--ueb-from-input))*100% + (var(--ueb-from-input-coefficient))*var(--ueb-start-percentage) + 15px);border:1px solid #000;border-radius:2px;background:linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);color:var(--ueb-pin-dim-color);white-space:nowrap;z-index:1000000}.ueb-link-message-icon{display:inline-block;padding:4px;width:16px;height:16px;vertical-align:middle}.ueb-link-message-text{padding:4px;padding-left:0;vertical-align:middle}.ueb-link-message-icon svg{width:100%;height:100%}ueb-node{display:block;position:absolute;min-width:130px;border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.3);font-weight:lighter}ueb-node.ueb-node-style-minimal{min-width:0}.ueb-zoom--2 ueb-node{box-shadow:none}.ueb-node-border{margin:-3px;padding:3px;border-radius:calc(var(--ueb-node-radius)*1.4)}.ueb-zoom--2 .ueb-node-border{margin:0;padding:0}ueb-node[data-selected=true]>.ueb-node-border{background-image:linear-gradient(to right, #f1b000 0%, #f1b000 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%),linear-gradient(to right, #cc6700 0%, #cc6700 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%);background-size:100% 7px,7px 100%,100% 7px,7px 100%;background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y}.ueb-zoom--2 ueb-node[data-selected=true]>.ueb-node-border{background:none !important;outline:3px solid #ff8d00}.ueb-zoom--10 ueb-node[data-selected=true]>.ueb-node-border{outline-width:8px}.ueb-node-wrapper{position:relative;padding:1px;box-shadow:inset 0 0 2px 0 #000;border-radius:var(--ueb-node-radius);background:rgba(14,16,10,.8);overflow:hidden}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper{cursor:move}.ueb-zoom--2 .ueb-node-wrapper{box-shadow:none;padding:0;background:#101010}.ueb-node-top{padding:3px 20px 2px 6px;box-shadow:inset 5px 1px 5px -3px rgba(255,255,255,.2509803922),inset 0 1px 2px 0 rgba(255,255,255,.2509803922);border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%);color:silver;font-weight:900;white-space:nowrap}.ueb-zoom--2 .ueb-node-top{box-shadow:none;background:#345469}.ueb-zoom--2 ueb-node[data-pure-function=true] .ueb-node-top{background:rgb(var(--ueb-node-color))}.ueb-node-name{display:flex;background:radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.5) 18%, transparent 50%);margin:-0.1em -1.6em;padding:.1em 1.6em}.ueb-zoom--2 .ueb-node-name{background:none}.ueb-zoom--8 .ueb-node-name{visibility:hidden}.ueb-node-name-symbol{margin-right:5px;width:16px;height:16px;color:#74bff2}ueb-node[data-pure-function=true] .ueb-node-name-symbol{color:#aaeda0}.ueb-node-name-symbol path{vertical-align:middle}.ueb-node-subtitle-text{padding-right:5px;font-weight:100;font-style:italic;color:#a9b78f}.ueb-node-content{display:flex;padding:1px 0;font-weight:100;white-space:nowrap}.ueb-node-inputs{margin-right:20px;padding-left:8px}.ueb-node-outputs{margin-left:auto;padding-right:8px}.ueb-node-developmentonly{display:none;margin-top:4px;padding:2px;background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);text-align:center}.ueb-node-developmentonly-text{letter-spacing:.04em;text-shadow:1px 1px 1px #000}.ueb-zoom--6 .ueb-node-developmentonly-text{visibility:hidden}ueb-node[data-enabled-state=DevelopmentOnly] .ueb-node-developmentonly{display:block}.ueb-node-expansion{display:none;text-align:center}ueb-node[data-advanced-display] .ueb-node-expansion{display:block}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-expansion:hover{background-color:#656765;cursor:pointer}.ueb-zoom--8 .ueb-node-expansion{visibility:hidden}.ueb-node-expansion>svg{width:16px;height:16px;vertical-align:middle}ueb-node[data-advanced-display=Shown] .ueb-node-expansion>svg{transform:scaleY(-1)}ueb-node.ueb-node-style-glass .ueb-node-wrapper,ueb-node.ueb-node-style-glass .ueb-node-border,ueb-node.ueb-node-style-glass{border-radius:15px;box-shadow:none}ueb-node.ueb-node-style-glass .ueb-node-wrapper{border:1px solid #000;box-shadow:0 1px 0 0 rgba(255,255,255,.6) inset,0 -2px 2px 1px rgba(0,0,0,.5) inset;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.188) 0%, rgba(255, 255, 255, 0.063) 14px, rgba(0, 0, 0, 0.251) 14px),linear-gradient(to right, transparent 10%, rgba(var(--ueb-node-color), 0.3) 50%, transparent 90%);background-size:100%,100% 28px;background-repeat:repeat,no-repeat}ueb-node[data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #ce8700;background:none}ueb-node.ueb-node-style-glass .ueb-node-top,ueb-node.ueb-node-style-glass .ueb-node-name{margin:0;box-shadow:none;border-radius:0;background:none}ueb-node.ueb-node-style-glass .ueb-node-top{position:absolute;left:50%;translate:-50%}ueb-node.ueb-node-style-glass .ueb-node-outputs:first-child{padding-left:8px}ueb-node:not(.ueb-node-style-comment){z-index:10}ueb-node.ueb-node-style-comment .ueb-node-border{height:100%}ueb-node.ueb-node-style-comment .ueb-node-wrapper{position:relative;padding:0;height:100%;border-radius:0;background:rgba(var(--ueb-node-color), 0.5);box-shadow:none}ueb-node.ueb-node-style-comment .ueb-node-wrapper::after{content:"";display:block;position:absolute;right:3px;bottom:3px;width:16px;height:16px;background:linear-gradient(135deg, transparent 50%, #fff 50%, #fff calc(50% + 2px), transparent calc(50% + 2px), transparent calc(50% + 3px), #fff calc(50% + 3px), #fff calc(50% + 5px), transparent calc(50% + 5px), transparent calc(50% + 7px), #fff calc(50% + 7px), #fff calc(50% + 9px), transparent calc(50% + 9px))}ueb-node.ueb-node-style-comment .ueb-node-top{position:relative;margin:3px;padding:3px 10px;box-shadow:none;border-radius:0;background:rgb(var(--ueb-node-color));color:#fff;font-size:24px;text-shadow:2px 1px 1px #444,0 0 2px #bbb;z-index:1}ueb-blueprint{--ueb-pin-color-dim: #afafaf}ueb-pin{--ueb-pin-background: linear-gradient(90deg, rgba(var(--ueb-pin-color-rgb), 0.15), rgba(var(--ueb-pin-color-rgb), 0.8) 15%, rgba(var(--ueb-pin-color-rgb), 0.5) 60%, rgba(var(--ueb-pin-color-rgb), 0.35) 95%, transparent);--ueb-pin-color: rgb(var(--ueb-pin-color-rgb))}ueb-pin{display:block;min-height:30px}.ueb-zoom--10 ueb-pin{visibility:hidden}ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true]{display:none}.ueb-pin-wrapper{display:inline-block;margin:4px 0 0 0;padding:2px 2px}.ueb-pin-wrapper>*{display:inline-block;vertical-align:middle}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover{background:var(--ueb-pin-background);cursor:crosshair}.ueb-zoom--8 .ueb-pin-wrapper:hover{background:none !important}.ueb-node-outputs ueb-pin{text-align:right}.ueb-pin-icon{min-width:15px;text-align:left}.ueb-node-inputs .ueb-pin-icon{margin-right:4px}.ueb-node-outputs .ueb-pin-icon{margin-left:4px}.ueb-pin-icon>svg{width:11px;height:11px;color:var(--ueb-pin-color)}ueb-pin[data-type=exec] .ueb-pin-icon>svg{--ueb-pin-color: white;width:15px;height:15px;vertical-align:middle}ueb-pin[data-linked=true] .ueb-pin-tofill{fill:currentColor}.ueb-pin-name{display:inline-block}.ueb-zoom--6 .ueb-pin-content{visibility:hidden}ueb-node[data-type="/Script/BlueprintGraph.K2Node_VariableSet"] ueb-pin[data-direction=output] .ueb-pin-content{display:none}.ueb-pin-input-wrapper{padding-left:8px}.ueb-pin-input{display:inline-block;vertical-align:middle;margin-left:3px;border:1px solid #a0a0a0;border-radius:3px;padding:0 3px 0 3px;color:#e0e0e0}.ueb-pin-input:hover,.ueb-pin-input:active,.ueb-pin-input:focus,.ueb-pin-input:focus-within{background:rgba(255,255,255,.2745098039);outline:none}ueb-pin[data-linked=true] .ueb-pin-input{display:none}ueb-pin[data-type=bool] .ueb-pin-input{appearance:none;padding:0;height:18px;width:18px;background-color:#0f0f0f;color:var(--ueb-pin-color)}ueb-pin[data-type=bool] .ueb-pin-input:checked{background-image:url('data:image/svg+xml,')}ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input{padding:0;width:18px;height:18px;border-color:#505050;border-radius:0;background-color:var(--ueb-linear-color)}.ueb-pin-input-label~.ueb-pin-input{margin-left:0}.ueb-pin-input-label{vertical-align:middle;margin-left:3px;color:#777}.ueb-pin-input-content{display:block;outline:none;border:none;padding:0;min-width:10px;max-width:400px;max-height:16em;line-height:calc(1em + 1px);background:none;color:inherit;overflow:auto}.ueb-pin-input-content::-webkit-scrollbar{width:10px;height:10px}.ueb-pin-input-content::-webkit-scrollbar-thumb{background:#575757;border-radius:10px;margin:4px}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper{cursor:move}.ueb-button{min-width:60px;border:1px solid #0f0f0f;border-radius:4px;padding:2px 10px;background:#383838;text-align:center;cursor:pointer}.ueb-button:hover{background:#575757}.ueb-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ueb-vertical-slider>ueb-ui-slider{position:relative;padding-bottom:10px}.ueb-vertical-slider>ueb-ui-slider::before,.ueb-vertical-slider>ueb-ui-slider::after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0)}.ueb-vertical-slider>ueb-ui-slider::before{left:-4px;border-left-color:#e0e0e0}.ueb-vertical-slider>ueb-ui-slider::after{right:-4px;border-right-color:#e0e0e0}.ueb-horizontal-slider,.ueb-text-input{position:relative;border:1px solid #383838;border-radius:6px;background:#0f0f0f}.ueb-horizontal-slider{position:relative;padding:1px}.ueb-horizontal-slider:hover{cursor:ew-resize}ueb-window .ueb-pin-input-content{padding:1px 10px}.ueb-horizontal-slider>ueb-ui-slider{display:block;position:relative;height:20px;border-radius:5px;background:#383838}.ueb-horizontal-slider-text{position:absolute;padding:0 5px;line-height:20px;z-index:1}.ueb-toggle-control::before{content:"";display:inline-block;border-top:5px solid #e0e0e0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);vertical-align:middle}.ueb-toggle-control:hover{cursor:pointer}.ueb-resizeable-top,.ueb-resizeable-top-right,.ueb-resizeable-top-left{position:absolute;top:0;height:10px}.ueb-resizeable-top{right:0;left:0;cursor:ns-resize}.ueb-resizeable-top-right{right:0;width:10px;cursor:nesw-resize}.ueb-resizeable-top-left{left:0;width:10px;cursor:nwse-resize}.ueb-resizeable-right{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:ew-resize}.ueb-resizeable-bottom,.ueb-resizeable-bottom-right,.ueb-resizeable-bottom-left{position:absolute;bottom:-3px;height:10px;cursor:ns-resize}.ueb-resizeable-bottom{right:0;left:0}.ueb-resizeable-bottom-right{right:0;width:10px;cursor:nwse-resize}.ueb-resizeable-bottom-left{left:0;width:10px;cursor:nesw-resize}.ueb-resizeable-left{position:absolute;top:0;bottom:0;left:0;width:10px;cursor:ew-resize}ueb-window{display:block;position:absolute;border:2px solid #101010;top:0;left:0;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));background:#242424;box-shadow:0 0 2px 0 rgba(0,0,0,.6274509804);z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-content{padding:10px;border:1px solid #303030}.ueb-window-name{flex-grow:1;padding-left:28px;text-align:center}.ueb-window-close{padding:8px;height:12px;width:12px;cursor:pointer}.ueb-color-picker-theme,.ueb-color-picker-srgb{display:inline-block;vertical-align:middle}.ueb-color-picker-main{display:grid;grid-template:1fr/auto min-content min-content min-content}.ueb-color-picker-wheel{position:relative;padding-top:100%;min-width:200px;border-radius:100%;background:radial-gradient(white 5%, transparent 85%),conic-gradient(from 90deg, #FF0000 0deg, #FFFF00 60deg, #00FF00 120deg, #00FFFF 180deg, #0000FF 240deg, #FF00FF 300deg, #FF0000 360deg)}ueb-color-handler{display:block;position:absolute;margin-top:-3px;margin-left:-3px;width:4px;height:4px;border:1px solid #000;border-radius:4px}.ueb-color-picker-wheel ueb-color-handler{left:var(--ueb-color-wheel-x);top:var(--ueb-color-wheel-y)}.ueb-color-picker-saturation,.ueb-color-picker-value{margin:0 6px;padding-bottom:10px;width:25px}.ueb-color-picker-saturation{margin-left:25px;background-image:linear-gradient(to bottom, transparent 10px, #FFFFFF 100%)}.ueb-color-picker-value{margin-right:25px;background-image:linear-gradient(to bottom, transparent 10px, #000000 100%)}ueb-ui-slider{display:block}.ueb-color-picker-saturation ueb-ui-slider{top:calc(100% - var(--ueb-color-s)*100%)}.ueb-color-picker-value ueb-ui-slider{top:calc(100% - var(--ueb-color-v)*100%)}.ueb-color-picker-preview{position:relative;align-self:flex-start}.ueb-color-picker-preview::before,.ueb-color-picker-preview::after{content:"";display:block;position:absolute;top:calc(50% - 1px);width:5px;border-top:2px solid #000}.ueb-color-picker-preview::after{right:0}.ueb-color-picker-preview-old,.ueb-color-picker-preview-new{width:100px;height:40px}.ueb-color-picker-preview-new{display:flex}.ueb-color-picker-preview-1,.ueb-color-picker-preview-2{width:50%}.ueb-color-picker-advanced{display:flex;column-gap:10px;padding-top:5px}.ueb-color-picker-advanced .ueb-color-picker-column{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;width:50%}.ueb-color-picker-advanced .ueb-color-picker-column>div{display:flex;align-items:center;margin-bottom:8px}.ueb-color-picker-advanced .ueb-color-picker-column>div>div{flex-grow:1}.ueb-color-picker-advanced .ueb-horizontal-slider{flex-grow:1}.ueb-color-picker-r .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-r)*100%)}.ueb-color-picker-g .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-g)*100%)}.ueb-color-picker-b .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-b)*100%)}.ueb-color-picker-a .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-a)*100%)}.ueb-color-picker-h .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-h)*100%)}.ueb-color-picker-s .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-s)*100%)}.ueb-color-picker-v .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-v)*100%)}.ueb-color-picker-gradient{height:6px}.ueb-color-control{align-self:flex-end}.ueb-color-control-label{margin-right:5px;color:silver}.ueb-color-control .ueb-pin-input-content{width:8ch;line-height:20px;font-family:monospace;color:silver}/*# sourceMappingURL=ueb-style.min.css.map */ +@font-face{font-family:"Roboto";font-weight:lighter;src:url("../font/roboto-light.woff2") format("woff2"),url("../font/roboto-light.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:normal;src:url("../font/roboto-regular.woff2") format("woff2"),url("../font/roboto-regular.woff") format("woff")}@font-face{font-family:"Roboto";font-weight:bold;src:url("../font/roboto-bold.woff2") format("woff2"),url("../font/roboto-bold.woff") format("woff")}ueb-blueprint{--ueb-scale: 1;--ueb-grid-actual-size: var(--ueb-grid-size);display:block;position:relative;font-family:Roboto,Noto,Oxygen,Ubuntu,"Open Sans","Helvetica Neue",sans-serif;font-size:var(--ueb-font-size);color:#fff;user-select:none}ueb-blueprint svg{overflow:visible}.ueb-viewport-header{display:flex;position:absolute;top:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:1}@keyframes ueb-zoom-animation{0%{color:#7f7f7f}100%{color:#2b2b2b}}.ueb-zoom-changed .ueb-viewport-zoom{animation:600ms ueb-zoom-animation}.ueb-viewport-zoom{margin-left:auto;padding:5px;color:#2b2b2b;font-size:20px;font-weight:bold;letter-spacing:-1px}.ueb-viewport-body{position:relative;height:var(--ueb-height, 30rem);overflow:hidden;scrollbar-width:0}ueb-blueprint[data-focused=true] .ueb-viewport-body{overflow:scroll}.ueb-grid{--ueb-grid-line-actual-width: calc(var(--ueb-grid-line-width) / var(--ueb-scale));position:absolute;min-width:100%;min-height:100%;width:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));height:calc((100% + 2*var(--ueb-grid-expand))/var(--ueb-scale));background-color:#262626;background-image:linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(to right, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to right, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent);background-size:100% var(--ueb-grid-line-actual-width),var(--ueb-grid-line-actual-width) 100%,calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size);background-position:calc(var(--ueb-translate-x)*1px) calc(var(--ueb-translate-y)*1px);background-repeat:repeat-x,repeat-y,repeat,repeat,repeat,repeat;transform:scale(var(--ueb-scale), var(--ueb-scale));transform-origin:0 0;overflow:hidden}ueb-blueprint[data-scrolling=true] .ueb-grid{cursor:grabbing}ueb-blueprint[data-scrolling=false] .ueb-grid{cursor:default}ueb-blueprint[data-zoom="7"]{--ueb-scale: 2}ueb-blueprint[data-zoom="6"]{--ueb-scale: 1.875}ueb-blueprint[data-zoom="5"]{--ueb-scale: 1.75}ueb-blueprint[data-zoom="4"]{--ueb-scale: 1.675}ueb-blueprint[data-zoom="3"]{--ueb-scale: 1.5}ueb-blueprint[data-zoom="2"]{--ueb-scale: 1.375}ueb-blueprint[data-zoom="1"]{--ueb-scale: 1.25}ueb-blueprint[data-zoom="-1"]{--ueb-scale: 0.875}ueb-blueprint[data-zoom="-2"]{--ueb-scale: 0.75}ueb-blueprint[data-zoom="-3"]{--ueb-scale: 0.675}ueb-blueprint[data-zoom="-4"]{--ueb-scale: 0.5;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint.ueb-zoom--4{--ueb-node-radius: 0 !important}ueb-blueprint[data-zoom="-5"]{--ueb-scale: 0.375;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}ueb-blueprint[data-zoom="-6"]{--ueb-scale: 0.333333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-7"]{--ueb-scale: 0.3;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-8"]{--ueb-scale: 0.266666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-9"]{--ueb-scale: 0.233333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-10"]{--ueb-scale: 0.2;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}ueb-blueprint[data-zoom="-11"]{--ueb-scale: 0.166666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}ueb-blueprint[data-zoom="-12"]{--ueb-scale: 0.133333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-grid-content{position:relative;width:0;height:0;transform:translateX(calc(var(--ueb-translate-x) * 1px)) translateY(calc(var(--ueb-translate-y) * 1px))}.ueb-grid-content>div{width:0;height:0}.ueb-positioned,ueb-blueprint[data-selecting=true] ueb-selector{position:absolute}ueb-selector{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0;height:0;background-image:repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(1px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale)));background-size:100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%,calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%;background-position:0 calc(1px/var(--ueb-scale)),0 0,0 calc(100% - 1px/var(--ueb-scale)),0 100%,calc(1px/var(--ueb-scale)) 0,0 0,calc(100% - 1px/var(--ueb-scale)) 0,100% 0;background-repeat:no-repeat}ueb-blueprint[data-selecting=true] ueb-selector{visibility:visible}ueb-selector>*{visibility:visible}.ueb-ellipsis-nowrap-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"]{box-shadow:none}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin{min-height:0}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] ueb-pin[data-direction=input]{display:none}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"] .ueb-node-border{padding:8px 18px;background:none !important}ueb-node[data-type="/Script/BlueprintGraph.K2Node_Knot"][data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #d29e07}ueb-link{position:absolute;--ueb-link-color: rgb(var(--ueb-link-color-rgb));--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);--ueb-y-reflected: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);display:block;margin-left:calc(var(--ueb-link-start)*-1px);min-width:calc(var(--ueb-link-min-width)*1px);visibility:hidden;z-index:2}ueb-link>svg{--ueb-y-reflected-coefficient: calc(2 * var(--ueb-y-reflected) - 1);position:absolute;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-reflected-coefficient) * var(--ueb-from-input-coefficient)))}ueb-link .ueb-link-area path{visibility:visible;stroke:var(--ueb-link-color);stroke-width:calc(3px/var(--ueb-scale))}ueb-link[data-dragging=true] .ueb-link-area path,ueb-link .ueb-link-area:hover path{stroke-width:calc(6px/var(--ueb-scale));transition:stroke-width .8s}ueb-link[data-dragging=true] .ueb-link-message{display:block;visibility:visible}.ueb-link-message{display:none;position:absolute;top:calc(100%*(1 - var(--ueb-y-reflected)) + 22px);left:calc((1 - var(--ueb-from-input))*100% + (var(--ueb-from-input-coefficient))*var(--ueb-start-percentage) + 15px);border:1px solid #000;border-radius:2px;background:linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);color:var(--ueb-pin-dim-color);white-space:nowrap;z-index:1000000}.ueb-link-message-icon{display:inline-block;padding:4px;width:16px;height:16px;vertical-align:middle}.ueb-link-message-text{padding:4px;padding-left:0;vertical-align:middle}.ueb-link-message-icon svg{width:100%;height:100%}ueb-node{display:block;position:absolute;min-width:130px;border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.3);font-weight:lighter}ueb-node.ueb-node-style-minimal{min-width:0}.ueb-zoom--2 ueb-node{box-shadow:none}.ueb-node-border{margin:-3px;padding:3px;border-radius:calc(var(--ueb-node-radius)*1.4)}.ueb-zoom--2 .ueb-node-border{margin:0;padding:0}ueb-node[data-selected=true]>.ueb-node-border{background-image:linear-gradient(to right, #f1b000 0%, #f1b000 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%),linear-gradient(to right, #cc6700 0%, #cc6700 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%);background-size:100% 7px,7px 100%,100% 7px,7px 100%;background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y}.ueb-zoom--2 ueb-node[data-selected=true]>.ueb-node-border{background:none !important;outline:3px solid #ff8d00}.ueb-zoom--10 ueb-node[data-selected=true]>.ueb-node-border{outline-width:8px}.ueb-node-wrapper{position:relative;padding:1px;box-shadow:inset 0 0 2px 0 #000;border-radius:var(--ueb-node-radius);background:rgba(14,16,10,.8);overflow:hidden}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper{cursor:move}.ueb-zoom--2 .ueb-node-wrapper{box-shadow:none;padding:0;background:#101010}.ueb-node-top{padding:3px 20px 2px 6px;box-shadow:inset 5px 1px 5px -3px rgba(255,255,255,.2509803922),inset 0 1px 2px 0 rgba(255,255,255,.2509803922);border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(170deg, rgb(var(--ueb-node-color)) 0%, rgb(var(--ueb-node-color)) 50%, transparent 100%);color:silver;font-weight:900;white-space:nowrap}.ueb-zoom--2 .ueb-node-top{box-shadow:none;background:#345469}.ueb-zoom--2 ueb-node[data-pure-function=true] .ueb-node-top{background:rgb(var(--ueb-node-color))}.ueb-node-name{display:flex;background:radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.5) 18%, transparent 50%);margin:-0.1em -1.6em;padding:.1em 1.6em}.ueb-zoom--2 .ueb-node-name{background:none}.ueb-zoom--8 .ueb-node-name{visibility:hidden}.ueb-node-name-symbol{margin-right:5px;width:16px;height:16px;color:#74bff2}ueb-node[data-pure-function=true] .ueb-node-name-symbol{color:#aaeda0}.ueb-node-name-symbol path{vertical-align:middle}.ueb-node-subtitle-text{padding-right:5px;font-weight:100;font-style:italic;color:#a9b78f}.ueb-node-content{display:flex;padding:1px 0;font-weight:100;white-space:nowrap}.ueb-node-inputs{margin-right:20px;padding-left:8px}.ueb-node-outputs{margin-left:auto;padding-right:8px}.ueb-node-developmentonly{display:none;margin-top:4px;padding:2px;background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);background:repeating-linear-gradient(-45deg, transparent 0, #57590a 1px, #57590a 11px, transparent 12px, transparent 24px);text-align:center}.ueb-node-developmentonly-text{letter-spacing:.04em;text-shadow:1px 1px 1px #000}.ueb-zoom--6 .ueb-node-developmentonly-text{visibility:hidden}ueb-node[data-enabled-state=DevelopmentOnly] .ueb-node-developmentonly{display:block}.ueb-node-expansion{display:none;text-align:center}ueb-node[data-advanced-display] .ueb-node-expansion{display:block}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-expansion:hover{background-color:#656765;cursor:pointer}.ueb-zoom--8 .ueb-node-expansion{visibility:hidden}.ueb-node-expansion>svg{width:16px;height:16px;vertical-align:middle}ueb-node[data-advanced-display=Shown] .ueb-node-expansion>svg{transform:scaleY(-1)}ueb-node.ueb-node-style-glass .ueb-node-wrapper,ueb-node.ueb-node-style-glass .ueb-node-border,ueb-node.ueb-node-style-glass{border-radius:15px;box-shadow:none}ueb-node.ueb-node-style-glass .ueb-node-wrapper{border:1px solid #000;box-shadow:0 1px 0 0 rgba(255,255,255,.6) inset,0 -2px 2px 1px rgba(0,0,0,.5) inset;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.188) 0%, rgba(255, 255, 255, 0.063) 14px, rgba(0, 0, 0, 0.251) 14px),linear-gradient(to right, transparent 10%, rgba(var(--ueb-node-color), 0.3) 50%, transparent 90%);background-size:100%,100% 28px;background-repeat:repeat,no-repeat}ueb-node[data-selected=true] .ueb-node-border{box-shadow:inset 0 0 0px 6px #ce8700;background:none}ueb-node.ueb-node-style-glass .ueb-node-top,ueb-node.ueb-node-style-glass .ueb-node-name{margin:0;box-shadow:none;border-radius:0;background:none}ueb-node.ueb-node-style-glass .ueb-node-top{position:absolute;left:50%;translate:-50%}ueb-node.ueb-node-style-glass .ueb-node-outputs:first-child{padding-left:8px}ueb-node:not(.ueb-node-style-comment){z-index:10}ueb-node.ueb-node-style-comment .ueb-node-border{height:100%}ueb-node.ueb-node-style-comment .ueb-node-wrapper{position:relative;padding:0;height:100%;border-radius:0;background:rgba(var(--ueb-node-color), 0.5);box-shadow:none}ueb-node.ueb-node-style-comment .ueb-node-wrapper::after{content:"";display:block;position:absolute;right:3px;bottom:3px;width:16px;height:16px;background:linear-gradient(135deg, transparent 50%, #fff 50%, #fff calc(50% + 2px), transparent calc(50% + 2px), transparent calc(50% + 3px), #fff calc(50% + 3px), #fff calc(50% + 5px), transparent calc(50% + 5px), transparent calc(50% + 7px), #fff calc(50% + 7px), #fff calc(50% + 9px), transparent calc(50% + 9px))}ueb-node.ueb-node-style-comment .ueb-node-top{position:relative;margin:3px;padding:3px 10px;box-shadow:none;border-radius:0;background:rgb(var(--ueb-node-color));color:#fff;font-size:24px;text-shadow:2px 1px 1px #444,0 0 2px #bbb;z-index:1}ueb-blueprint{--ueb-pin-color-dim: #afafaf}ueb-pin{--ueb-pin-background: linear-gradient(90deg, rgba(var(--ueb-pin-color-rgb), 0.15), rgba(var(--ueb-pin-color-rgb), 0.8) 15%, rgba(var(--ueb-pin-color-rgb), 0.5) 60%, rgba(var(--ueb-pin-color-rgb), 0.35) 95%, transparent);--ueb-pin-color: rgb(var(--ueb-pin-color-rgb))}ueb-pin{display:block;min-height:30px}.ueb-zoom--10 ueb-pin{visibility:hidden}ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true]{display:none}.ueb-pin-wrapper{display:inline-block;margin:4px 0 0 0;padding:2px 2px}.ueb-pin-wrapper>*{display:inline-block;vertical-align:middle}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover{background:var(--ueb-pin-background);cursor:crosshair}.ueb-zoom--8 .ueb-pin-wrapper:hover{background:none !important}.ueb-node-outputs ueb-pin{text-align:right}.ueb-pin-icon{min-width:15px;text-align:left}.ueb-node-inputs .ueb-pin-icon{margin-right:4px}.ueb-node-outputs .ueb-pin-icon{margin-left:4px}.ueb-pin-icon>svg{width:11px;height:11px;color:var(--ueb-pin-color)}ueb-pin[data-type=exec] .ueb-pin-icon>svg{--ueb-pin-color: white;width:15px;height:15px;vertical-align:middle}ueb-pin[data-linked=true] .ueb-pin-tofill{fill:currentColor}.ueb-pin-name{display:inline-block}.ueb-zoom--6 .ueb-pin-content{visibility:hidden}ueb-node[data-type="/Script/BlueprintGraph.K2Node_VariableSet"] ueb-pin[data-direction=output] .ueb-pin-content{display:none}.ueb-pin-input-wrapper{padding-left:8px}.ueb-pin-input{display:inline-block;vertical-align:middle;margin-left:3px;border:1px solid #a0a0a0;border-radius:3px;padding:0 3px 0 3px;color:#e0e0e0}.ueb-pin-input:hover,.ueb-pin-input:active,.ueb-pin-input:focus,.ueb-pin-input:focus-within{background:rgba(255,255,255,.2745098039);outline:none}ueb-pin[data-linked=true] .ueb-pin-input{display:none}ueb-pin[data-type=bool] .ueb-pin-input{appearance:none;padding:0;height:18px;width:18px;background-color:#0f0f0f;color:var(--ueb-pin-color)}ueb-pin[data-type=bool] .ueb-pin-input:checked{background-image:url('data:image/svg+xml,')}ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input{padding:0;width:18px;height:18px;border-color:#505050;border-radius:0;background-color:var(--ueb-linear-color)}.ueb-pin-input-label~.ueb-pin-input{margin-left:0}.ueb-pin-input-label{vertical-align:middle;margin-left:3px;color:#777}.ueb-pin-input-content{display:block;outline:none;border:none;padding:0;min-width:10px;max-width:400px;max-height:16em;line-height:calc(1em + 1px);background:none;color:inherit;overflow:auto}.ueb-pin-input-content::-webkit-scrollbar{width:10px;height:10px}.ueb-pin-input-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:10px;margin:4px}.ueb-pin-input-content:hover::-webkit-scrollbar-thumb{background:#575757}ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-node-wrapper{cursor:move}.ueb-button{min-width:60px;border:1px solid #0f0f0f;border-radius:4px;padding:2px 10px;background:#383838;text-align:center;cursor:pointer}.ueb-button:hover{background:#575757}.ueb-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ueb-vertical-slider>ueb-ui-slider{position:relative;padding-bottom:10px}.ueb-vertical-slider>ueb-ui-slider::before,.ueb-vertical-slider>ueb-ui-slider::after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0)}.ueb-vertical-slider>ueb-ui-slider::before{left:-4px;border-left-color:#e0e0e0}.ueb-vertical-slider>ueb-ui-slider::after{right:-4px;border-right-color:#e0e0e0}.ueb-horizontal-slider,.ueb-text-input{position:relative;border:1px solid #383838;border-radius:6px;background:#0f0f0f}.ueb-horizontal-slider{position:relative;padding:1px}.ueb-horizontal-slider:hover{cursor:ew-resize}ueb-window .ueb-pin-input-content{padding:1px 10px}.ueb-horizontal-slider>ueb-ui-slider{display:block;position:relative;height:20px;border-radius:5px;background:#383838}.ueb-horizontal-slider-text{position:absolute;padding:0 5px;line-height:20px;z-index:1}.ueb-toggle-control::before{content:"";display:inline-block;border-top:5px solid #e0e0e0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);vertical-align:middle}.ueb-toggle-control:hover{cursor:pointer}.ueb-resizeable-top,.ueb-resizeable-top-right,.ueb-resizeable-top-left{position:absolute;top:0;height:10px}.ueb-resizeable-top{right:0;left:0;cursor:ns-resize}.ueb-resizeable-top-right{right:0;width:10px;cursor:nesw-resize}.ueb-resizeable-top-left{left:0;width:10px;cursor:nwse-resize}.ueb-resizeable-right{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:ew-resize}.ueb-resizeable-bottom,.ueb-resizeable-bottom-right,.ueb-resizeable-bottom-left{position:absolute;bottom:-3px;height:10px;cursor:ns-resize}.ueb-resizeable-bottom{right:0;left:0}.ueb-resizeable-bottom-right{right:0;width:10px;cursor:nwse-resize}.ueb-resizeable-bottom-left{left:0;width:10px;cursor:nesw-resize}.ueb-resizeable-left{position:absolute;top:0;bottom:0;left:0;width:10px;cursor:ew-resize}ueb-window{display:block;position:absolute;border:2px solid #101010;top:0;left:0;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));background:#242424;box-shadow:0 0 2px 0 rgba(0,0,0,.6274509804);z-index:1000}.ueb-window-top{display:flex;flex-direction:row;align-items:center;padding:4px 8px;height:30px;background:#1a1a1a}.ueb-window-content{padding:10px;border:1px solid #303030}.ueb-window-name{flex-grow:1;padding-left:28px;text-align:center}.ueb-window-close{padding:8px;height:12px;width:12px;cursor:pointer}.ueb-color-picker-theme,.ueb-color-picker-srgb{display:inline-block;vertical-align:middle}.ueb-color-picker-main{display:grid;grid-template:1fr/auto min-content min-content min-content}.ueb-color-picker-wheel{position:relative;padding-top:100%;min-width:200px;border-radius:100%;background:radial-gradient(white 5%, transparent 85%),conic-gradient(from 90deg, #FF0000 0deg, #FFFF00 60deg, #00FF00 120deg, #00FFFF 180deg, #0000FF 240deg, #FF00FF 300deg, #FF0000 360deg)}ueb-color-handler{display:block;position:absolute;margin-top:-3px;margin-left:-3px;width:4px;height:4px;border:1px solid #000;border-radius:4px}.ueb-color-picker-wheel ueb-color-handler{left:var(--ueb-color-wheel-x);top:var(--ueb-color-wheel-y)}.ueb-color-picker-saturation,.ueb-color-picker-value{margin:0 6px;padding-bottom:10px;width:25px}.ueb-color-picker-saturation{margin-left:25px;background-image:linear-gradient(to bottom, transparent 10px, #FFFFFF 100%)}.ueb-color-picker-value{margin-right:25px;background-image:linear-gradient(to bottom, transparent 10px, #000000 100%)}ueb-ui-slider{display:block}.ueb-color-picker-saturation ueb-ui-slider{top:calc(100% - var(--ueb-color-s)*100%)}.ueb-color-picker-value ueb-ui-slider{top:calc(100% - var(--ueb-color-v)*100%)}.ueb-color-picker-preview{position:relative;align-self:flex-start}.ueb-color-picker-preview::before,.ueb-color-picker-preview::after{content:"";display:block;position:absolute;top:calc(50% - 1px);width:5px;border-top:2px solid #000}.ueb-color-picker-preview::after{right:0}.ueb-color-picker-preview-old,.ueb-color-picker-preview-new{width:100px;height:40px}.ueb-color-picker-preview-new{display:flex}.ueb-color-picker-preview-1,.ueb-color-picker-preview-2{width:50%}.ueb-color-picker-advanced{display:flex;column-gap:10px;padding-top:5px}.ueb-color-picker-advanced .ueb-color-picker-column{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;width:50%}.ueb-color-picker-advanced .ueb-color-picker-column>div{display:flex;align-items:center;margin-bottom:8px}.ueb-color-picker-advanced .ueb-color-picker-column>div>div{flex-grow:1}.ueb-color-picker-advanced .ueb-horizontal-slider{flex-grow:1}.ueb-color-picker-r .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-r)*100%)}.ueb-color-picker-g .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-g)*100%)}.ueb-color-picker-b .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-b)*100%)}.ueb-color-picker-a .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-a)*100%)}.ueb-color-picker-h .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-h)*100%)}.ueb-color-picker-s .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-s)*100%)}.ueb-color-picker-v .ueb-horizontal-slider>ueb-ui-slider{width:calc(var(--ueb-color-v)*100%)}.ueb-color-picker-gradient{height:6px}.ueb-color-control{align-self:flex-end}.ueb-color-control-label{margin-right:5px;color:silver}.ueb-color-control .ueb-pin-input-content{width:8ch;line-height:20px;font-family:monospace;color:silver}/*# sourceMappingURL=ueb-style.min.css.map */ diff --git a/dist/css/ueb-style.min.css.map b/dist/css/ueb-style.min.css.map index 735d3fc..4df6d1f 100644 --- a/dist/css/ueb-style.min.css.map +++ b/dist/css/ueb-style.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,0BACA,UAGJ,8BACI,GACI,cAGJ,KACI,eAIR,qCACI,mCAGJ,mBACI,iBACA,YACA,cACA,eACA,iBACA,oBAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,0BACI,gCAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,gEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBC3VJ,yDACI,gBAGJ,iEACI,aAGJ,uFACI,aAGJ,0EACI,iBACA,2BAGJ,8FACI,qCChBJ,SACI,kBACA,iDACA,kEAEA,wEACA,cACA,6CACA,8CAKA,kBACA,UAGJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FAGJ,6BACI,mBACA,6BACA,wCAGJ,oFAEI,wCACA,4BAGJ,+CACI,cACA,mBAGJ,kBACI,aACA,kBACA,mDACA,qHAOA,sBACA,kBACA,4EACA,+BACA,mBACA,gBAGJ,uBACI,qBACA,YACA,WACA,YACA,sBAGJ,uBACI,YACA,eACA,sBAGJ,2BACI,WACA,YChFJ,SACI,cACA,kBACA,gBACA,qCACA,uDACA,oBAGJ,gCACI,YAGJ,sBACI,gBAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,4EACI,YAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,yBACA,WACI,qGAEJ,gEACA,oHACA,aACA,gBACA,mBAGJ,2BACI,gBACA,mBAGJ,6DACI,sCAIJ,eACI,aACA,kGACA,qBACA,mBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,iBACA,WACA,YACA,cAGJ,wDACI,cAGJ,2BACI,sBAGJ,wBACI,kBACA,gBACA,kBACA,cAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,qBACA,6BAGJ,4CACI,kBAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,oDACI,cAGJ,oFACI,yBACA,eAGJ,iCACI,kBAGJ,wBACI,WACA,YACA,sBAGJ,8DACI,qBAGJ,6HAGI,mBACA,gBAGJ,gDACI,sBACA,oFACA,WACI,wNAEJ,+BACA,mCAGJ,8CACI,qCACA,gBAGJ,yFAEI,SACA,gBACA,gBACA,gBAGJ,4CACI,kBACA,SACA,eAGJ,4DACI,iBAGJ,sCACI,WAGJ,iDACI,YAGJ,kDACI,kBACA,UACA,YACA,gBACA,4CACA,gBAEA,yDACI,WACA,cACA,kBACA,UACA,WACA,WACA,YACA,6TAgBR,8CACI,kBACA,WACA,iBACA,gBACA,gBACA,sCACA,WACA,eACA,0CACA,UCrSJ,cACI,6BAGJ,QACI,4NAMA,+CAGJ,QACI,cACA,gBAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,cACI,eACA,gBAGJ,+BACI,iBAGJ,gCACI,gBAGJ,kBACI,WACA,YACA,2BAGJ,0CACI,uBACA,WACA,YACA,sBAGJ,0CACI,kBAGJ,cACI,qBAGJ,8BACI,kBAGJ,gHACI,aAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,cAEA,4FAII,yCACA,aAIR,yCACI,aAGJ,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,cAEA,0CACI,WACA,YAGJ,gDACI,mBACA,mBACA,WAIR,4EACI,YCjLJ,YACI,eACA,yBACA,kBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eAIR,uEAGI,kBACA,MACA,YAGJ,oBACI,QACA,OACA,iBAGJ,0BACI,QACA,WACA,mBAGJ,yBACI,OACA,WACA,mBAGJ,sBACI,kBACA,MACA,QACA,SACA,WACA,iBAGJ,gFAGI,kBACA,YACA,YACA,iBAGJ,uBACI,QACA,OAGJ,6BACI,QACA,WACA,mBAGJ,4BACI,OACA,WACA,mBAGJ,qBACI,kBACA,MACA,SACA,OACA,WACA,iBCnKJ,WACI,cACA,kBACA,yBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBACA,sBAEA,mEAEI,WACA,cACA,kBACA,oBACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,8BACI,aAGJ,wDAEI,UAGJ,2BACI,aACA,gBACA,gBAGJ,oDACI,aACA,sBACA,8BACA,YACA,UAGJ,wDACI,aACA,mBACA,kBAEA,4DACI,YAIR,kDACI,YAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,2BACI,WAGJ,mBACI,oBAGJ,yBACI,iBACA,aAGJ,0CACI,UACA,iBACA,sBACA","file":"ueb-style.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-knot.scss","../../scss/ueb-link.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-ui-controls.scss","../../scss/ueb-window.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,oBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,WACI,qBACA,iBACA,IACI,gGAIR,cACI,eACA,6CACA,cACA,kBACA,8EACA,+BACA,WACA,iBAGJ,kBACI,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,0BACA,UAGJ,8BACI,GACI,cAGJ,KACI,eAIR,qCACI,mCAGJ,mBACI,iBACA,YACA,cACA,eACA,iBACA,oBAGJ,mBACI,kBACA,gCACA,gBACA,kBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,+DACA,gEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,6CACI,gBAGJ,8CACI,eAGJ,6BACI,eAGJ,6BACI,mBAGJ,6BACI,kBAGJ,6BACI,mBAGJ,6BACI,iBAGJ,6BACI,mBAGJ,6BACI,kBAGJ,8BACI,mBAGJ,8BACI,kBAGJ,8BACI,mBAGJ,8BACI,iBACA,uDAGJ,0BACI,gCAGJ,8BACI,mBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,iBACA,uDAGJ,8BACI,sBACA,uDAGJ,8BACI,sBACA,uDAGJ,+BACI,iBACA,uDAGJ,+BACI,sBACA,uDAGJ,+BACI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,sBACI,QACA,SAGJ,gEACI,kBAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,0BACI,mBACA,uBACA,gBC3VJ,yDACI,gBAGJ,iEACI,aAGJ,uFACI,aAGJ,0EACI,iBACA,2BAGJ,8FACI,qCChBJ,SACI,kBACA,iDACA,kEAEA,wEACA,cACA,6CACA,8CAKA,kBACA,UAGJ,aACI,oEACA,kBACA,WACA,YACA,eACA,+FAGJ,6BACI,mBACA,6BACA,wCAGJ,oFAEI,wCACA,4BAGJ,+CACI,cACA,mBAGJ,kBACI,aACA,kBACA,mDACA,qHAOA,sBACA,kBACA,4EACA,+BACA,mBACA,gBAGJ,uBACI,qBACA,YACA,WACA,YACA,sBAGJ,uBACI,YACA,eACA,sBAGJ,2BACI,WACA,YChFJ,SACI,cACA,kBACA,gBACA,qCACA,uDACA,oBAGJ,gCACI,YAGJ,sBACI,gBAGJ,iBACI,YACA,YACA,+CAGJ,8BACI,SACA,UAGJ,8CACI,iBACI,kNAIJ,oDACA,0CACA,sDAGJ,2DACI,2BACA,0BAGJ,4DACI,kBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,6BACA,gBAGJ,4EACI,YAGJ,+BACI,gBACA,UACA,mBAGJ,cACI,yBACA,WACI,qGAEJ,gEACA,oHACA,aACA,gBACA,mBAGJ,2BACI,gBACA,mBAGJ,6DACI,sCAIJ,eACI,aACA,kGACA,qBACA,mBAGJ,4BACI,gBAGJ,4BACI,kBAGJ,sBACI,iBACA,WACA,YACA,cAGJ,wDACI,cAGJ,2BACI,sBAGJ,wBACI,kBACA,gBACA,kBACA,cAGJ,kBACI,aACA,cACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,iBACA,kBAGJ,0BACI,aACA,eACA,YACA,2HAMA,2HAMA,kBAGJ,+BACI,qBACA,6BAGJ,4CACI,kBAGJ,uEACI,cAGJ,oBACI,aACA,kBAGJ,oDACI,cAGJ,oFACI,yBACA,eAGJ,iCACI,kBAGJ,wBACI,WACA,YACA,sBAGJ,8DACI,qBAGJ,6HAGI,mBACA,gBAGJ,gDACI,sBACA,oFACA,WACI,wNAEJ,+BACA,mCAGJ,8CACI,qCACA,gBAGJ,yFAEI,SACA,gBACA,gBACA,gBAGJ,4CACI,kBACA,SACA,eAGJ,4DACI,iBAGJ,sCACI,WAGJ,iDACI,YAGJ,kDACI,kBACA,UACA,YACA,gBACA,4CACA,gBAEA,yDACI,WACA,cACA,kBACA,UACA,WACA,WACA,YACA,6TAgBR,8CACI,kBACA,WACA,iBACA,gBACA,gBACA,sCACA,WACA,eACA,0CACA,UCrSJ,cACI,6BAGJ,QACI,4NAMA,+CAGJ,QACI,cACA,gBAGJ,sBACI,kBAGJ,wEACI,aAGJ,iBACI,qBACA,iBACA,gBAEA,mBACI,qBACA,sBAIR,iFACI,qCACA,iBAGJ,oCACI,2BAGJ,0BACI,iBAGJ,cACI,eACA,gBAGJ,+BACI,iBAGJ,gCACI,gBAGJ,kBACI,WACA,YACA,2BAGJ,0CACI,uBACA,WACA,YACA,sBAGJ,0CACI,kBAGJ,cACI,qBAGJ,8BACI,kBAGJ,gHACI,aAGJ,uBACI,iBAGJ,eACI,qBACA,sBACA,gBACA,yBACA,kBACA,oBACA,cAEA,4FAII,yCACA,aAIR,yCACI,aAGJ,uCACI,gBACA,UACA,YACA,WACA,yBACA,2BAGJ,+CACI,6OAGJ,oEACI,UACA,WACA,YACA,qBACA,gBACA,yCAGJ,oCACI,cAGJ,qBACI,sBACA,gBACA,WAGJ,uBACI,cACA,aACA,YACA,UACA,eACA,gBACA,gBACA,4BACA,gBACA,cACA,cAEA,0CACI,WACA,YAGJ,gDACI,yBACA,mBACA,WAGJ,sDACI,mBAIR,4EACI,YCrLJ,YACI,eACA,yBACA,kBACA,iBACA,mBACA,kBACA,eAEA,kBACI,mBAIR,aACI,aACA,yBACA,SACA,gBAGJ,mCACI,kBACA,oBAEA,qFAEI,WACA,cACA,kBACA,QACA,SACA,+BAGJ,2CACI,UACA,0BAGJ,0CACI,WACA,2BAIR,uCAEI,kBACA,yBACA,kBACA,mBAGJ,uBACI,kBACA,YAEA,6BACI,iBAIR,kCACI,iBAGJ,qCACI,cACA,kBACA,YACA,kBACA,mBAGJ,4BACI,kBACA,cACA,iBACA,UAKA,4BACI,WACA,qBACA,6BACA,oCACA,qCACA,sBAGJ,0BACI,eAIR,uEAGI,kBACA,MACA,YAGJ,oBACI,QACA,OACA,iBAGJ,0BACI,QACA,WACA,mBAGJ,yBACI,OACA,WACA,mBAGJ,sBACI,kBACA,MACA,QACA,SACA,WACA,iBAGJ,gFAGI,kBACA,YACA,YACA,iBAGJ,uBACI,QACA,OAGJ,6BACI,QACA,WACA,mBAGJ,4BACI,OACA,WACA,mBAGJ,qBACI,kBACA,MACA,SACA,OACA,WACA,iBCnKJ,WACI,cACA,kBACA,yBACA,MACA,OACA,sGACA,mBACA,6CACA,aAGJ,gBACI,aACA,mBACA,mBACA,gBACA,YACA,mBAGJ,oBACI,aACA,yBAGJ,iBACI,YACA,kBACA,kBAGJ,kBACI,YACA,YACA,WACA,eAGJ,+CAEI,qBACA,sBAGJ,uBACI,aACA,2DAGJ,wBACI,kBACA,iBACA,gBACA,mBACA,WACI,mLAWR,kBACI,cACA,kBACA,gBACA,iBACA,UACA,WACA,sBACA,kBAGJ,0CACI,8BACA,6BAGJ,qDAEI,aACA,oBACA,WAGJ,6BACI,iBACA,4EAGJ,wBACI,kBACA,4EAGJ,cACI,cAGJ,2CACI,yCAGJ,sCACI,yCAGJ,0BACI,kBACA,sBAEA,mEAEI,WACA,cACA,kBACA,oBACA,UACA,0BAGJ,iCACI,QAIR,4DAEI,YACA,YAGJ,8BACI,aAGJ,wDAEI,UAGJ,2BACI,aACA,gBACA,gBAGJ,oDACI,aACA,sBACA,8BACA,YACA,UAGJ,wDACI,aACA,mBACA,kBAEA,4DACI,YAIR,kDACI,YAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,yDACI,oCAGJ,2BACI,WAGJ,mBACI,oBAGJ,yBACI,iBACA,aAGJ,0CACI,UACA,iBACA,sBACA","file":"ueb-style.min.css"} \ No newline at end of file diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js index c66f76b..5b0447d 100755 --- a/dist/ueblueprint.js +++ b/dist/ueblueprint.js @@ -604,6 +604,7 @@ class TypeInitialization { /** * @typedef {import("./element/IElement").default} IElement * @typedef {import("./entity/IEntity").default} IEntity + * @typedef {import("./entity/IEntity").EntityConstructor} EntityConstructor * @typedef {import("./entity/LinearColorEntity").default} LinearColorEntity * @typedef {import("./entity/TypeInitialization").AnyValue} AnyValue */ @@ -697,8 +698,7 @@ class Utility { static isSerialized( entity, keys, - // @ts-expect-error - propertyDefinition = Utility.objectGet(entity.constructor.attributes, keys) + propertyDefinition = Utility.objectGet(/** @type {EntityConstructor} */(entity.constructor).attributes, keys) ) { if (propertyDefinition instanceof CalculatedType) { return Utility.isSerialized(entity, keys, propertyDefinition.calculate(entity)) @@ -781,8 +781,7 @@ class Utility { // value is already a constructor return value } - /** @ts-expect-error */ - return value?.constructor + return /** @type {AnyValueConstructor} */(value?.constructor) } /** @@ -908,6 +907,7 @@ class Utility { } } +/** @typedef {typeof IEntity} EntityConstructor */ /** * @template {IEntity} T * @typedef {new (Object) => T} IEntityConstructor @@ -1004,8 +1004,7 @@ class IEntity extends Observable { target[attribute] = TypeInitialization.sanitize(defaultValue, defaultType); } }; - // @ts-expect-error - const attributes = this.constructor.attributes; + const attributes = /** @type {typeof IEntity} */(this.constructor).attributes; if (values.constructor !== Object && Object.getOwnPropertyNames(attributes).length === 1) { // Where there is just one attribute, option can be the value of that attribute values = { @@ -2439,6 +2438,7 @@ class Grammar { } /** + * @typedef {import("../entity/IEntity").EntityConstructor} EntityConstructor * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue */ /** @@ -2551,7 +2551,7 @@ class ISerializer { showProperty(entity, object, attributeKey, attributeValue) { // @ts-expect-error - const attributes = this.entityType.attributes; + const attributes = /** @type {EntityConstructor} */(this.entityType).attributes; const attribute = Utility.objectGet(attributes, attributeKey); if (attribute instanceof TypeInitialization) { if (attribute.ignored) { @@ -2634,11 +2634,11 @@ class Copy extends IInput { } listenEvents() { - document.body.addEventListener("copy", this.#copyHandler); + window.addEventListener("copy", this.#copyHandler); } unlistenEvents() { - document.body.removeEventListener("copy", this.#copyHandler); + window.removeEventListener("copy", this.#copyHandler); } copied() { @@ -2653,13 +2653,12 @@ class Copy extends IInput { /** * @typedef {import("../element/IElement").default} IElement * @typedef {import("../input/IInput").default} IInput + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @template {IElement} T */ class ITemplate { - static styles = i$3`` - /** @type {T} */ element @@ -2670,23 +2669,26 @@ class ITemplate { } /** @param {T} element */ - constructed(element) { + initialize(element) { this.element = element; } - /** @returns {IInput[]} */ createInputObjects() { - return [] + return /** @type {IInput[]} */([]) } - connectedCallback() { + setup() { } - /** @param {Map} changedProperties */ + cleanup() { + this.#inputObjects.forEach(v => v.unlistenDOMElement()); + } + + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { } @@ -2694,21 +2696,17 @@ class ITemplate { return y`` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { } inputSetup() { this.#inputObjects = this.createInputObjects(); } - - cleanup() { - this.#inputObjects.forEach(v => v.unlistenDOMElement()); - } } /** @typedef {import("../../Blueprint").default} Blueprint */ @@ -2979,6 +2977,7 @@ class KeyboardSelectAll extends IKeyboardShortcut { * @typedef {import("../input/IInput").default} IInput * @typedef {import("../template/ITemplate").default} ITemplate * @typedef {import("lit").PropertyDeclarations} PropertyDeclarations + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @@ -3017,6 +3016,9 @@ class IElement extends s { return this.#template } + isInitialized = false + isSetup = false + /** @type {IInput[]} */ inputObjects = [] @@ -3024,31 +3026,60 @@ class IElement extends s { * @param {T} entity * @param {U} template */ - constructor(entity, template) { - super(); + initialize(entity, template) { + this.requestUpdate(); this.#entity = entity; this.#template = template; - this.inputObjects = []; - this.#template.constructed(this); + this.#template.initialize(this); + if (this.isConnected) { + this.updateComplete.then(() => this.setup()); + } + this.isInitialized = true; + } + + connectedCallback() { + super.connectedCallback(); + this.blueprint = /** @type {Blueprint} */(this.closest("ueb-blueprint")); + if (this.isInitialized) { + this.requestUpdate(); + this.updateComplete.then(() => this.setup()); + } + } + + disconnectedCallback() { + super.disconnectedCallback(); + if (this.isSetup) { + this.updateComplete.then(() => this.cleanup()); + } } createRenderRoot() { return this } - connectedCallback() { - super.connectedCallback(); - this.blueprint = /** @type {Blueprint} */ this.closest("ueb-blueprint"); - this.template.connectedCallback(); + /** @param {PropertyValues} changedProperties */ + shouldUpdate(changedProperties) { + return this.isInitialized && this.isConnected } - /** @param {Map} changedProperties */ + setup() { + this.template.setup(); + this.template.inputSetup(); + this.isSetup = true; + } + + cleanup() { + this.template.cleanup(); + this.isSetup = false; + } + + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties); this.template.willUpdate(changedProperties); } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties); this.template.update(changedProperties); @@ -3058,14 +3089,13 @@ class IElement extends s { return this.template.render() } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.template.firstUpdated(changedProperties); - this.template.inputSetup(); } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { super.updated(changedProperties); this.template.updated(changedProperties); @@ -3076,11 +3106,6 @@ class IElement extends s { this.#nextUpdatedCallbacks = []; } - disconnectedCallback() { - super.disconnectedCallback(); - this.template.cleanup(); - } - addNextUpdatedCallbacks(callback, requestUpdate = false) { this.#nextUpdatedCallbacks.push(callback); if (requestUpdate) { @@ -3098,13 +3123,14 @@ class IElement extends s { * @param {new (...args: any[]) => V} type */ getInputObject(type) { - return /** @type {V} */ (this.template.inputObjects.find(object => object.constructor == type)) + return /** @type {V} */(this.template.inputObjects.find(object => object.constructor == type)) } } /** - * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @@ -3136,16 +3162,12 @@ class IDraggableElement extends IElement { static dragEventName = Configuration.dragEventName static dragGeneralEventName = Configuration.dragGeneralEventName - /** - * @param {T} entity - * @param {U} template - */ - constructor(entity, template) { - super(entity, template); + constructor() { + super(); this.locationX = 0; this.locationY = 0; - this.sizeX ??= 0; // It may be set in the template already - this.sizeY ??= 0; // It may be set in the template already + this.sizeX = 0; + this.sizeY = 0; } computeSizes() { @@ -3155,7 +3177,7 @@ class IDraggableElement extends IElement { this.sizeY = bounding.height * scaleCorrection; } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.computeSizes(); @@ -3167,14 +3189,16 @@ class IDraggableElement extends IElement { this.locationX = x; this.locationY = y; if (this.blueprint && acknowledge) { - // @ts-expect-error - const dragLocalEvent = new CustomEvent(this.constructor.dragEventName, { - detail: { - value: d, - }, - bubbles: false, - cancelable: true, - }); + const dragLocalEvent = new CustomEvent( + /** @type {typeof IDraggableElement} */(this.constructor).dragEventName, + { + detail: { + value: d, + }, + bubbles: false, + cancelable: true, + } + ); this.dispatchEvent(dragLocalEvent); } } @@ -3186,14 +3210,16 @@ class IDraggableElement extends IElement { /** @param {Number[]} value */ acknowledgeDrag(value) { - // @ts-expect-error - const dragEvent = new CustomEvent(this.constructor.dragGeneralEventName, { - detail: { - value: value - }, - bubbles: true, - cancelable: true - }); + const dragEvent = new CustomEvent( + /** @type {typeof IDraggableElement} */(this.constructor).dragGeneralEventName, + { + detail: { + value: value + }, + bubbles: true, + cancelable: true + } + ); this.dispatchEvent(dragEvent); } @@ -3483,8 +3509,8 @@ class MouseTracking extends IPointing { } /** - * @typedef {new (...args) => IElement} ElementConstructor * @typedef {import("./IElement").default} IElement + * @typedef {new (...args) => IElement} ElementConstructor */ class ElementFactory { @@ -3500,15 +3526,16 @@ class ElementFactory { ElementFactory.#elementConstructors.set(tagName, entityConstructor); } - /** - * @param {String} tagName - */ + /** @param {String} tagName */ static getConstructor(tagName) { return ElementFactory.#elementConstructors.get(tagName) } } -/** @typedef {import("../../element/NodeElement").default} NodeElement */ +/** + * @typedef {import("../../element/NodeElement").default} NodeElement + * @typedef {import("../../element/NodeElement").NodeElementConstructor} NodeElementConstructor + */ class Paste extends IInput { @@ -3526,11 +3553,11 @@ class Paste extends IInput { } listenEvents() { - document.body.addEventListener("paste", this.#pasteHandle); + window.addEventListener("paste", this.#pasteHandle); } unlistenEvents() { - document.body.removeEventListener("paste", this.#pasteHandle); + window.removeEventListener("paste", this.#pasteHandle); } pasted(value) { @@ -3539,8 +3566,8 @@ class Paste extends IInput { let count = 0; let nodes = Paste.#serializer.readMultiple(value).map(entity => { /** @type {NodeElement} */ - // @ts-expect-error - let node = new (ElementFactory.getConstructor("ueb-node"))(entity); + let node = /** @type {NodeElementConstructor} */(ElementFactory.getConstructor("ueb-node")) + .newObject(entity); top += node.locationY; left += node.locationX; ++count; @@ -3632,6 +3659,7 @@ class Unfocus extends IInput { * @typedef {import("../element/PinElement").default} PinElement * @typedef {import("../element/SelectorElement").default} SelectorElement * @typedef {import("../entity/PinReferenceEntity").default} PinReferenceEntity + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @extends ITemplate */ @@ -3651,8 +3679,8 @@ class BlueprintTemplate extends ITemplate { } /** @param {Blueprint} element */ - constructed(element) { - super.constructed(element); + initialize(element) { + super.initialize(element); this.element.style.cssText = Object.entries(BlueprintTemplate.styleVariables).map(([k, v]) => `${k}:${v};`).join(""); } @@ -3701,7 +3729,7 @@ class BlueprintTemplate extends ITemplate { ` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.element.headerElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-header')); @@ -3716,7 +3744,7 @@ class BlueprintTemplate extends ITemplate { this.element.viewportElement.scroll(Configuration.expandGridSize, Configuration.expandGridSize); } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties); if (this.element.headerElement && changedProperties.has("zoom")) { @@ -3728,7 +3756,7 @@ class BlueprintTemplate extends ITemplate { } } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { super.updated(changedProperties); if (changedProperties.has("scrollX") || changedProperties.has("scrollY")) { @@ -3796,9 +3824,8 @@ class IFromToPositionedElement extends IElement { }, } - constructor(...args) { - // @ts-expect-error - super(...args); + constructor() { + super(); this.fromX = 0; this.fromY = 0; this.toX = 0; @@ -3826,7 +3853,10 @@ class IFromToPositionedElement extends IElement { } } -/** @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement */ +/** + * @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ /** * @template {IFromToPositionedElement} T @@ -3834,7 +3864,7 @@ class IFromToPositionedElement extends IElement { */ class IFromToPositionedTemplate extends ITemplate { - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties); const [fromX, fromY, toX, toY] = [ @@ -3951,8 +3981,10 @@ class MouseDbClick extends IPointing { /** * @typedef {import("../element/LinkElement").default} LinkElement - * @typedef {import("../element/NodeElement").default} NodeElement + * @typedef {import("../element/LinkElement").LinkElementConstructor} LinkElementConstructor + * @typedef {import("../element/NodeElement").NodeElementConstructor} NodeElementConstructor * @typedef {import("./node/KnotNodeTemplate").default} KnotNodeTemplate + * @typedef {import("lit").PropertyValues} PropertyValues */ @@ -4008,13 +4040,15 @@ class LinkTemplate extends IFromToPositionedTemplate { /** @param {Number[]} location */ location => { const knotEntity = new KnotEntity({}, this.element.sourcePin.entity); - const knot = /** @type {NodeElement} */(new (ElementFactory.getConstructor("ueb-node"))(knotEntity)); + const knot = /** @type {NodeElementConstructor} */(ElementFactory.getConstructor("ueb-node")) + .newObject(knotEntity); knot.setLocation(this.element.blueprint.snapToGrid(location)); this.element.blueprint.addGraphElement(knot); // Important: keep it before changing existing links - const link = new (ElementFactory.getConstructor("ueb-link"))( + const link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link")) + .newObject( /** @type {KnotNodeTemplate} */(knot.template).outputPin, - this.element.destinationPin - ); + this.element.destinationPin + ); this.element.destinationPin = /** @type {KnotNodeTemplate} */(knot.template).inputPin; this.element.blueprint.addGraphElement(link); } @@ -4031,9 +4065,7 @@ class LinkTemplate extends IFromToPositionedTemplate { ] } - /** - * @param {Map} changedProperties - */ + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties); const sourcePin = this.element.sourcePin; @@ -4081,7 +4113,7 @@ class LinkTemplate extends IFromToPositionedTemplate { this.element.svgPathD = Configuration.linkRightSVGPath(this.element.startPercentage, c1, c2); } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties); if (changedProperties.has("originatesFromInput")) { @@ -4315,6 +4347,7 @@ class SVGIcon { /** * @typedef {import("./PinElement").default} PinElement * @typedef {import("lit").TemplateResult<1>} TemplateResult + * @typedef {typeof LinkElement} LinkElementConstructor */ /** @extends {IFromToPositionedElement} */ @@ -4372,11 +4405,11 @@ class LinkElement extends IFromToPositionedElement { this.#setPin(pin, true); } - #nodeDeleteHandler - #nodeDragSourceHandler - #nodeDragDestinatonHandler - #nodeReflowSourceHandler - #nodeReflowDestinatonHandler + #nodeDeleteHandler = () => this.remove() + #nodeDragSourceHandler = e => this.addSourceLocation(e.detail.value) + #nodeDragDestinatonHandler = e => this.addDestinationLocation(e.detail.value) + #nodeReflowSourceHandler = e => this.setSourceLocation() + #nodeReflowDestinatonHandler = e => this.setDestinationLocation() /** @type {TemplateResult | nothing} */ linkMessageIcon = b @@ -4386,18 +4419,8 @@ class LinkElement extends IFromToPositionedElement { /** @type {SVGPathElement} */ pathElement - /** - * @param {PinElement} source - * @param {PinElement?} destination - */ - constructor(source, destination) { - super({}, new LinkTemplate()); - const self = this; - this.#nodeDeleteHandler = () => self.remove(); - this.#nodeDragSourceHandler = e => self.addSourceLocation(e.detail.value); - this.#nodeDragDestinatonHandler = e => self.addDestinationLocation(e.detail.value); - this.#nodeReflowSourceHandler = e => self.setSourceLocation(); - this.#nodeReflowDestinatonHandler = e => self.setDestinationLocation(); + constructor() { + super(); this.source = null; this.destination = null; this.dragging = false; @@ -4405,6 +4428,24 @@ class LinkElement extends IFromToPositionedElement { this.startPercentage = 0; this.svgPathD = ""; this.startPixels = 0; + } + + /** + * @param {PinElement} source + * @param {PinElement?} destination + */ + static newObject(source, destination) { + const result = new LinkElement(); + result.initialize(source, destination); + return result + } + + /** + * @param {PinElement} source + * @param {PinElement?} destination + */ + initialize(source, destination) { + super.initialize({}, new LinkTemplate()); if (source) { this.sourcePin = source; if (!destination) { @@ -4479,8 +4520,8 @@ class LinkElement extends IFromToPositionedElement { } } - disconnectedCallback() { - super.disconnectedCallback(); + cleanup() { + super.cleanup(); this.#unlinkPins(); this.sourcePin = null; this.destinationPin = null; @@ -4717,7 +4758,10 @@ class IDraggableTemplate extends ITemplate { } } -/** @typedef {import("../element/IDraggableElement").default} IDraggableElement */ +/** + * @typedef {import("../element/IDraggableElement").default} IDraggableElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ /** * @template {IDraggableElement} T @@ -4725,7 +4769,7 @@ class IDraggableTemplate extends ITemplate { */ class IDraggablePositionedTemplate extends IDraggableTemplate { - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties); if (changedProperties.has("locationX")) { @@ -4776,6 +4820,7 @@ class MouseMoveNodes extends MouseMoveDraggable { /** * @typedef {import("../element/NodeElement").default} NodeElement + * @typedef {import("lit").PropertyValues} PropertyValues * @typedef {import("../input/mouse/MouseMoveDraggable").default} MouseMoveDraggable */ @@ -4795,7 +4840,7 @@ class ISelectableDraggableTemplate extends IDraggablePositionedTemplate { })) } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); if (this.element.selected && !this.element.listeningDrag) { @@ -4807,6 +4852,8 @@ class ISelectableDraggableTemplate extends IDraggablePositionedTemplate { /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @extends {ISelectableDraggableTemplate} */ @@ -4837,8 +4884,8 @@ class NodeTemplate extends ISelectableDraggableTemplate { } /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element); + initialize(element) { + super.initialize(element); this.element.style.setProperty("--ueb-node-color", this.getColor().cssText); } @@ -4924,7 +4971,7 @@ class NodeTemplate extends ISelectableDraggableTemplate { return this.element.getNodeDisplayName() } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.setupPins(); @@ -4951,9 +4998,9 @@ class NodeTemplate extends ISelectableDraggableTemplate { if (!this.#hasTargetInputNode && v.getDisplayName() === "Target") { this.#hasTargetInputNode = true; } - return /** @type {PinElement} */( - new (ElementFactory.getConstructor("ueb-pin"))(v, undefined, this.element) - ) + let pinElement = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")) + .newObject(v, undefined, this.element); + return pinElement }) } @@ -4968,7 +5015,10 @@ class NodeTemplate extends ISelectableDraggableTemplate { linksChanged() { } } -/** @typedef {import("../element/NodeElement").default} NodeElement */ +/** + * @typedef {import("../element/NodeElement").default} NodeElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ class IResizeableTemplate extends NodeTemplate { @@ -4982,12 +5032,20 @@ class IResizeableTemplate extends NodeTemplate { #TLHandler = document.createElement("div") /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element); + initialize(element) { + super.initialize(element); this.element.classList.add("ueb-resizeable"); + this.#THandler.classList.add("ueb-resizeable-top"); + this.#RHandler.classList.add("ueb-resizeable-right"); + this.#BHandler.classList.add("ueb-resizeable-bottom"); + this.#LHandler.classList.add("ueb-resizeable-left"); + this.#TRHandler.classList.add("ueb-resizeable-top-right"); + this.#BRHandler.classList.add("ueb-resizeable-bottom-right"); + this.#BLHandler.classList.add("ueb-resizeable-bottom-left"); + this.#TLHandler.classList.add("ueb-resizeable-top-left"); } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties); if (this.element.sizeX >= 0 && changedProperties.has("sizeX")) { @@ -4998,17 +5056,9 @@ class IResizeableTemplate extends NodeTemplate { } } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); - this.#THandler.classList.add("ueb-resizeable-top"); - this.#RHandler.classList.add("ueb-resizeable-right"); - this.#BHandler.classList.add("ueb-resizeable-bottom"); - this.#LHandler.classList.add("ueb-resizeable-left"); - this.#TRHandler.classList.add("ueb-resizeable-top-right"); - this.#BRHandler.classList.add("ueb-resizeable-bottom-right"); - this.#BLHandler.classList.add("ueb-resizeable-bottom-left"); - this.#TLHandler.classList.add("ueb-resizeable-top-left"); this.element.append( this.#THandler, this.#RHandler, @@ -5031,21 +5081,21 @@ class IResizeableTemplate extends NodeTemplate { this.element.addLocation([0, movement[1]], false); } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#RHandler, this.element.blueprint, { onDrag: (location, movement) => { movement[0] = location[0] - this.element.rightBoundary(); this.setSizeX(this.element.sizeX + movement[0]); }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#BHandler, this.element.blueprint, { onDrag: (location, movement) => { movement[1] = location[1] - this.element.bottomBoundary(); this.setSizeY(this.element.sizeY + movement[1]); }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#LHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -5054,7 +5104,7 @@ class IResizeableTemplate extends NodeTemplate { this.element.addLocation([movement[0], 0], false); } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#TRHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -5065,7 +5115,7 @@ class IResizeableTemplate extends NodeTemplate { this.element.addLocation([0, movement[1]], false); } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#BRHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -5074,7 +5124,7 @@ class IResizeableTemplate extends NodeTemplate { this.setSizeX(this.element.sizeX + movement[0]); this.setSizeY(this.element.sizeY + movement[1]); }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#BLHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -5085,7 +5135,7 @@ class IResizeableTemplate extends NodeTemplate { } this.setSizeY(this.element.sizeY + movement[1]); }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#TLHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -5098,7 +5148,7 @@ class IResizeableTemplate extends NodeTemplate { this.element.addLocation([0, movement[1]], false); } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), ] } @@ -5115,12 +5165,14 @@ class IResizeableTemplate extends NodeTemplate { return true } - endResize() {} + endResize() { + } } /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("lit").PropertyValues} PropertyValues */ class CommentNodeTemplate extends IResizeableTemplate { @@ -5129,15 +5181,19 @@ class CommentNodeTemplate extends IResizeableTemplate { #selectableAreaHeight = 0 /** @param {NodeElement} element */ - constructed(element) { + initialize(element) { if (element.entity.CommentColor) { this.#color.setFromRGBANumber(element.entity.CommentColor.toNumber()); - this.#color.setFromHSVA(this.#color.H.value, this.#color.S.value, Math.pow(this.#color.V.value, 0.45) * 0.67); + this.#color.setFromHSVA( + this.#color.H.value, + this.#color.S.value, + Math.pow(this.#color.V.value, 0.45) * 0.67 + ); } element.classList.add("ueb-node-style-comment", "ueb-node-resizeable"); element.sizeX ??= 25 * Configuration.gridSize; element.sizeY ??= 6 * Configuration.gridSize; - super.constructed(element); // Keep it at the end because it calls this.getColor() where this.#color must be initialized + super.initialize(element); // Keep it at the end because it calls this.getColor() where this.#color must be initialized } getColor() { @@ -5160,7 +5216,7 @@ class CommentNodeTemplate extends IResizeableTemplate { ` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); const bounding = this.getDraggableElement().getBoundingClientRect(); @@ -5248,22 +5304,21 @@ class ISelectableDraggableElement extends IDraggableElement { }, } - constructor(...args) { - // @ts-expect-error - super(...args); + dragHandler = e => this.addLocation(e.detail.value) + + constructor() { + super(); this.selected = false; this.listeningDrag = false; - let self = this; - this.dragHandler = e => self.addLocation(e.detail.value); } - connectedCallback() { - super.connectedCallback(); + setup() { + super.setup(); this.setSelected(this.selected); } - disconnectedCallback() { - super.disconnectedCallback(); + cleanup() { + super.cleanup(); this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler); } @@ -5282,8 +5337,9 @@ class ISelectableDraggableElement extends IDraggableElement { } /** - * @typedef {import("../../element/PinElement").default} PinElement * @typedef {import("../../element/LinkElement").default} LinkElement + * @typedef {import("../../element/LinkElement").LinkElementConstructor} LinkElementConstructor + * @typedef {import("../../element/PinElement").default} PinElement * @typedef {import("../../template/node/KnotNodeTemplate").default} KnotNodeTemplate */ @@ -5350,8 +5406,8 @@ class MouseCreateLink extends IMouseClickDrag { this.#knotPin = this.target; } /** @type {LinkElement} */ - // @ts-expect-error - this.link = new (ElementFactory.getConstructor("ueb-link"))(this.target, null); + this.link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link")) + .newObject(this.target, null); this.blueprint.linksContainerElement.prepend(this.link); this.link.setMessagePlaceNode(); this.#listenedPins = this.blueprint.querySelectorAll("ueb-pin"); @@ -5404,7 +5460,10 @@ class MouseCreateLink extends IMouseClickDrag { } } -/** @typedef {import("../../input/IInput").default} IInput */ +/** + * @typedef {import("../../input/IInput").default} IInput + * @typedef {import("lit").PropertyValues} PropertyValues + */ /** * @template T * @typedef {import("../../element/PinElement").default} PinElement @@ -5422,8 +5481,8 @@ class PinTemplate extends ITemplate { return this.#iconElement } - connectedCallback() { - super.connectedCallback(); + setup() { + super.setup(); this.element.nodeElement = this.element.closest("ueb-node"); } @@ -5465,7 +5524,7 @@ class PinTemplate extends ITemplate { return y`` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { super.updated(changedProperties); if (this.element.isInput() && changedProperties.has("isLinked")) { @@ -5476,8 +5535,7 @@ class PinTemplate extends ITemplate { } } - - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.element.style.setProperty("--ueb-pin-color-rgb", Configuration.getPinColor(this.element).cssText); @@ -5527,6 +5585,7 @@ class KnotPinTemplate extends PinTemplate { /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor */ class KnotNodeTemplate extends NodeTemplate { @@ -5549,8 +5608,8 @@ class KnotNodeTemplate extends NodeTemplate { } /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element); + initialize(element) { + super.initialize(element); this.element.classList.add("ueb-node-style-minimal"); } @@ -5596,19 +5655,12 @@ class KnotNodeTemplate extends NodeTemplate { const entities = this.element.getPinEntities().filter(v => !v.isHidden()); const inputEntity = entities[entities[0].isInput() ? 0 : 1]; const outputEntity = entities[entities[0].isOutput() ? 0 : 1]; - const pinElementConstructor = ElementFactory.getConstructor("ueb-pin"); - return [ - this.#inputPin = /** @type {PinElement} */(new pinElementConstructor( - inputEntity, - new KnotPinTemplate(), - this.element - )), - this.#outputPin = /** @type {PinElement} */(new pinElementConstructor( - outputEntity, - new KnotPinTemplate(), - this.element - )), - ] + const pinElementConstructor = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")); + let result = [ + this.#inputPin = pinElementConstructor.newObject(inputEntity, new KnotPinTemplate(), this.element), + this.#outputPin = pinElementConstructor.newObject(outputEntity, new KnotPinTemplate(), this.element), + ]; + return result } linksChanged() { @@ -5619,6 +5671,7 @@ class KnotNodeTemplate extends NodeTemplate { /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor */ class VariableAccessNodeTemplate extends NodeTemplate { @@ -5628,8 +5681,8 @@ class VariableAccessNodeTemplate extends NodeTemplate { #displayName = "" /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element); + initialize(element) { + super.initialize(element); this.element.classList.add("ueb-node-style-glass"); this.#displayName = this.element.getNodeDisplayName(); } @@ -5666,9 +5719,9 @@ class VariableAccessNodeTemplate extends NodeTemplate { .map(v => { this.#hasInput ||= v.isInput(); this.#hasOutput ||= v.isOutput(); - return /** @type {PinElement} */( - new (ElementFactory.getConstructor("ueb-pin"))(v, undefined, this.element) - ) + const result = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")) + .newObject(v, undefined, this.element); + return result }) } @@ -5679,7 +5732,11 @@ class VariableAccessNodeTemplate extends NodeTemplate { } } -/** @typedef {import("./IElement").default} IElement */ +/** + * @typedef {import("./IElement").default} IElement + * @typedef {import("./PinElement").default} PinElement + * @typedef {typeof NodeElement} NodeElementConstructor + */ /** @extends {ISelectableDraggableElement} */ class NodeElement extends ISelectableDraggableElement { @@ -5745,7 +5802,8 @@ class NodeElement extends ISelectableDraggableElement { this.#nodeNameElement = value; } - #pins + /** @type {PinElement[]} */ + #pins = [] /** @type {NodeElement[]} */ boundComments = [] #commentDragged = false @@ -5758,12 +5816,34 @@ class NodeElement extends ISelectableDraggableElement { } } + /** + * @param {ObjectEntity} nodeEntity + * @return {new () => NodeTemplate} + */ + static getTypeTemplate(nodeEntity) { + let result = NodeElement.#typeTemplateMap[nodeEntity.getClass()]; + return result ?? NodeTemplate + } + + /** @param {String} str */ + static fromSerializedObject(str) { + str = str.trim(); + let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str); + return NodeElement.newObject(/** @type {ObjectEntity} */(entity)) + } + /** * @param {ObjectEntity} entity * @param {NodeTemplate} template */ - constructor(entity, template = undefined) { - super(entity, template ?? new (NodeElement.getTypeTemplate(entity))()); + static newObject(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) { + const result = new NodeElement(); + result.initialize(entity, template); + return result + } + + initialize(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) { + super.initialize(entity, template); this.#pins = this.template.createPinElements(); this.typePath = this.entity.getType(); this.nodeName = this.entity.getObjectName(); @@ -5783,25 +5863,11 @@ class NodeElement extends ISelectableDraggableElement { } } - /** - * @param {ObjectEntity} nodeEntity - * @return {new () => NodeTemplate} - */ - static getTypeTemplate(nodeEntity) { - let result = NodeElement.#typeTemplateMap[nodeEntity.getClass()]; - return result ?? NodeTemplate - } - - /** @param {String} str */ - static fromSerializedObject(str) { - str = str.trim(); - let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str); - // @ts-expect-error - return new NodeElement(entity) - } - getUpdateComplete() { - return Promise.all([super.getUpdateComplete(), ...this.getPinElements().map(pin => pin.updateComplete)]).then(() => true) + return Promise.all([ + super.getUpdateComplete(), + ...this.getPinElements().map(pin => pin.updateComplete) + ]).then(() => true) } /** @param {NodeElement} commentNode */ @@ -5830,8 +5896,8 @@ class NodeElement extends ISelectableDraggableElement { && this.leftBoundary() >= commentNode.leftBoundary() } - disconnectedCallback() { - super.disconnectedCallback(); + cleanup() { + super.cleanup(); this.acknowledgeDelete(); } @@ -5892,11 +5958,8 @@ class NodeElement extends ISelectableDraggableElement { } setLocation(value = [0, 0], acknowledge = true) { - let nodeConstructor = this.entity.NodePosX.constructor; - // @ts-expect-error - this.entity.NodePosX = new nodeConstructor(value[0]); - // @ts-expect-error - this.entity.NodePosY = new nodeConstructor(value[1]); + this.entity.NodePosX.value = value[0]; + this.entity.NodePosY.value = value[1]; super.setLocation(value, acknowledge); } @@ -6206,10 +6269,20 @@ class SelectorTemplate extends IFromToPositionedTemplate { /** @extends {IFromToPositionedElement} */ class SelectorElement extends IFromToPositionedElement { + /** @type {FastSelectionModel} */ + selectionModel = null + constructor() { - super({}, new SelectorTemplate()); - /** @type {FastSelectionModel} */ - this.selectionModel = null; + super(); + super.initialize({}, new SelectorTemplate()); + } + + static newObject() { + return new SelectorElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } /** @param {Number[]} initialPosition */ @@ -6307,8 +6380,6 @@ class Blueprint extends IElement { }, } - static styles = BlueprintTemplate.styles - /** @type {Map} */ #nodeNameCounter = new Map() /** @type {NodeElement[]}" */ @@ -6331,7 +6402,6 @@ class Blueprint extends IElement { nodesContainerElement /** @type {HTMLElement} */ headerElement - focused = false waitingExpandUpdate = false /** @param {NodeElement} node */ nodeBoundariesSupplier = node => { @@ -6348,9 +6418,8 @@ class Blueprint extends IElement { node.setSelected(selected); } - /** @param {Configuration} settings */ - constructor(settings = new Configuration()) { - super({}, new BlueprintTemplate()); + constructor() { + super(); this.selecting = false; this.scrolling = false; this.focused = false; @@ -6359,16 +6428,17 @@ class Blueprint extends IElement { this.scrollY = Configuration.expandGridSize; this.translateX = Configuration.expandGridSize; this.translateY = Configuration.expandGridSize; + super.initialize({}, new BlueprintTemplate()); + } + + initialize() { + // Initialized in the constructor, this method does nothing } getGridDOMElement() { return this.gridElement } - disconnectedCallback() { - super.disconnectedCallback(); - } - getScroll() { return [this.scrollX, this.scrollY] } @@ -6651,7 +6721,7 @@ class Blueprint extends IElement { if (this.focused == value) { return } - let event = new CustomEvent(value ? "blueprint-focus" : "blueprint-unfocus"); + let event = new CustomEvent(value ? Configuration.focusEventName.begin : Configuration.focusEventName.end); this.focused = value; if (!this.focused) { this.unselectAll(); @@ -6694,8 +6764,8 @@ class IDraggableControlTemplate extends IDraggableTemplate { movementSpace movementSpaceSize = [0, 0] - connectedCallback() { - super.connectedCallback(); + setup() { + super.setup(); this.movementSpace = this.element.parentElement; const bounding = this.movementSpace.getBoundingClientRect(); this.movementSpaceSize = [bounding.width, bounding.height]; @@ -6754,16 +6824,8 @@ class IDraggableControlElement extends IDraggableElement { /** @type {WindowElement} */ windowElement - /** - * @param {T} entity - * @param {U} template - */ - constructor(entity, template) { - super(entity, template); - } - - connectedCallback() { - super.connectedCallback(); + setup() { + super.setup(); this.windowElement = this.closest("ueb-window"); } @@ -6773,17 +6835,20 @@ class IDraggableControlElement extends IDraggableElement { } } -/** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */ -/** - * @template T - * @typedef {import("./WindowElement").default} WindowElement - */ - /** @extends {IDraggableControlElement} */ class ColorHandlerElement extends IDraggableControlElement { constructor() { - super({}, new ColorHandlerTemplate()); + super(); + super.initialize({}, new ColorHandlerTemplate()); + } + + static newObject() { + return new ColorHandlerElement() + } + + initialize() { + // It is initialized in the constructor } } @@ -6801,13 +6866,20 @@ class ColorSliderTemplate extends IDraggableControlTemplate { } } -/** @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate */ - /** @extends {IDraggableControlElement} */ class ColorSliderElement extends IDraggableControlElement { constructor() { - super({}, new ColorSliderTemplate()); + super(); + super.initialize({}, new ColorSliderTemplate()); + } + + static newObject() { + return new ColorSliderElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } } @@ -6833,19 +6905,20 @@ class InputTemplate extends ITemplate { /** @param {KeyboardEvent} e */ e => { if (e.code == "Enter" && !e.shiftKey) { - /** @type {HTMLElement} */(e.target).blur(); + /** @type {HTMLElement} */(e.target).blur(); } } /** @param {InputElement} element */ - constructed(element) { - super.constructed(element); + initialize(element) { + super.initialize(element); this.element.classList.add("ueb-pin-input-content"); this.element.setAttribute("role", "textbox"); this.element.contentEditable = "true"; } - connectedCallback() { + setup() { + super.setup(); this.element.addEventListener("focus", this.#focusHandler); this.element.addEventListener("focusout", this.#focusoutHandler); if (this.element.singleLine) { @@ -6857,14 +6930,11 @@ class InputTemplate extends ITemplate { } cleanup() { + super.cleanup(); this.element.removeEventListener("focus", this.#focusHandler); this.element.removeEventListener("focusout", this.#focusoutHandler); - if (this.element.singleLine) { - this.element.removeEventListener("input", this.#inputSingleLineHandler); - } - if (this.element.blurOnEnter) { - this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler); - } + this.element.removeEventListener("input", this.#inputSingleLineHandler); + this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler); } } @@ -6893,10 +6963,19 @@ class InputElement extends IElement { } constructor() { - super({}, new InputTemplate()); + super(); this.singleLine = false; this.selectOnFocus = true; this.blurOnEnter = true; + super.initialize({}, new InputTemplate()); + } + + static newObject() { + return new InputElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } } @@ -6916,9 +6995,9 @@ class MouseIgnore extends IMouseClickDrag { } } -/** - * @extends PinTemplate - */ +/** @typedef {import("lit").PropertyValues} PropertyValues */ + +/** @extends PinTemplate */ class BoolInputPinTemplate extends PinTemplate { /** @type {HTMLInputElement?} */ @@ -6926,10 +7005,14 @@ class BoolInputPinTemplate extends PinTemplate { #onChangeHandler = _ => this.element.setDefaultValue(this.#input.checked) - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.#input = this.element.querySelector(".ueb-pin-input"); + } + + setup() { + super.setup(); this.#input?.addEventListener("change", this.#onChangeHandler); } @@ -6971,6 +7054,8 @@ class ExecPinTemplate extends PinTemplate { } } +/** @typedef {import("lit").PropertyValues} PropertyValues */ + /** * @template T * @typedef {import("../../element/PinElement").default} PinElement @@ -7007,15 +7092,17 @@ class IInputPinTemplate extends PinTemplate { #onFocusOutHandler = () => this.setInputs(this.getInputs(), true) - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties); this.#inputContentElements = /** @type {HTMLElement[]} */([...this.element.querySelectorAll("ueb-input")]); - if (this.#inputContentElements.length) { - this.#inputContentElements.forEach(element => { - element.addEventListener("focusout", this.#onFocusOutHandler); - }); - } + } + + setup() { + super.setup(); + this.#inputContentElements.forEach(element => { + element.addEventListener("focusout", this.#onFocusOutHandler); + }); } cleanup() { @@ -7043,10 +7130,9 @@ class IInputPinTemplate extends PinTemplate { ) } - /** @param {String[]?} values */ + /** @param {String[]} values */ setInputs(values = [], updateDefaultValue = true) { - // @ts-expect-error - this.#inputContentElements.forEach(this.constructor.singleLineInput + this.#inputContentElements.forEach(/** @type {typeof IInputPinTemplate } */(this.constructor).singleLineInput ? (elem, i) => elem.innerText = values[i] : (elem, i) => elem.innerText = values[i].replaceAll("\n", "") ); @@ -7064,10 +7150,8 @@ class IInputPinTemplate extends PinTemplate { } renderInput() { - // @ts-expect-error - const singleLine = this.constructor.singleLineInput; - // @ts-expect-error - const selectOnFocus = this.constructor.selectOnFocus; + const singleLine = /** @type {typeof IInputPinTemplate} */(this.constructor).singleLineInput; + const selectOnFocus = /** @type {typeof IInputPinTemplate} */(this.constructor).selectOnFocus; return y`
{ e.preventDefault(); this.element.blueprint.setFocused(true); - this.#window = /** @type {WindowElement} */ ( - new (ElementFactory.getConstructor("ueb-window"))({ - type: ColorPickerWindowTemplate, + /** @type {WindowElement} */ + this.#window = /** @type {WindowElementConstructor} */(ElementFactory.getConstructor("ueb-window")) + .newObject({ + type: new ColorPickerWindowTemplate(), windowOptions: { // The created window will use the following functions to get and set the color getPinColor: () => this.element.defaultValue, /** @param {LinearColorEntity} color */ setPinColor: color => this.element.setDefaultValue(color), }, - }) - ); + }); this.element.blueprint.append(this.#window); const windowApplyHandler = () => { this.element.setDefaultValue( @@ -7765,16 +7835,15 @@ class VectorInputPinTemplate extends INumericPinTemplate { /** * @typedef {import("../entity/PinReferenceEntity").default} PinReferenceEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + * @typedef {import("./LinkElement").LinkElementConstructor} LinkElementConstructor * @typedef {import("./NodeElement").default} NodeElement * @typedef {import("lit").CSSResult} CSSResult - */ -/** - * @template T - * @typedef {import("../entity/PinEntity").default} PinEntity + * @typedef {typeof PinElement} PinElementConstructor */ /** - * @template T + * @template {AnyValue} T * @extends {IElement, PinTemplate>} */ class PinElement extends IElement { @@ -7841,6 +7910,9 @@ class PinElement extends IElement { }, } + /** @type {NodeElement} */ + nodeElement + /** * @param {PinEntity} pinEntity * @return {new () => PinTemplate} @@ -7859,18 +7931,22 @@ class PinElement extends IElement { return result ?? PinTemplate } - /** @type {NodeElement} */ - nodeElement + static newObject( + entity = new PinEntity(), + template = new (PinElement.getTypeTemplate(entity))(), + nodeElement = undefined + ) { + const result = new PinElement(); + result.initialize(entity, template, nodeElement); + return result + } - connections = 0 - - /** - * @param {PinEntity} entity - * @param {PinTemplate} template - * @param {NodeElement} nodeElement - */ - constructor(entity, template = undefined, nodeElement = undefined) { - super(entity, template ?? new (PinElement.getTypeTemplate(entity))()); + initialize( + entity = /** @type {PinEntity} */(new PinEntity()), + template = new (PinElement.getTypeTemplate(entity))(), + nodeElement = undefined + ) { + super.initialize(entity, template); this.pinId = this.entity.PinId; this.pinType = this.entity.getType(); this.advancedView = this.entity.bAdvancedView; @@ -7878,7 +7954,7 @@ class PinElement extends IElement { this.color = PinElement.properties.color.converter.fromAttribute(this.getColor().toString()); this.isLinked = false; this.pinDirection = entity.isInput() ? "input" : entity.isOutput() ? "output" : "hidden"; - this.nodeElement = nodeElement; + this.nodeElement = /** @type {NodeElement} */(nodeElement); // this.entity.subscribe("DefaultValue", value => this.defaultValue = value.toString()) this.entity.subscribe("PinToolTip", value => { @@ -7890,6 +7966,11 @@ class PinElement extends IElement { }); } + setup() { + super.setup(); + this.nodeElement = this.closest("ueb-node"); + } + /** @return {GuidEntity} */ getPinId() { return this.entity.PinId @@ -7921,7 +8002,6 @@ class PinElement extends IElement { return this.template.getLinkLocation() } - /** @returns {NodeElement} */ getNodeElement() { return this.nodeElement } @@ -7950,7 +8030,9 @@ class PinElement extends IElement { } let link = this.blueprint.getLink(this, pin, true); if (!link) { - this.blueprint.addGraphElement(new (ElementFactory.getConstructor("ueb-link"))(this, pin)); + link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link")) + .newObject(this, pin); + this.blueprint.addGraphElement(link); } } return pin @@ -7991,6 +8073,8 @@ class PinElement extends IElement { } } +/** @typedef {typeof WindowElement} WindowElementConstructor */ + /** * @template {WindowTemplate} T * @extends {IDraggableElement} @@ -8011,24 +8095,26 @@ class WindowElement extends IDraggableElement { converter: { fromAttribute: (value, type) => WindowElement.#typeTemplateMap[value], toAttribute: (value, type) => - Object.entries(WindowElement.#typeTemplateMap).find(([k, v]) => value == v)[0] + Object.entries(WindowElement.#typeTemplateMap).find(([k, v]) => value.constructor === v)?.[0], }, }, } - constructor(options = {}) { - if (options.type.constructor == String) { - options.type = WindowElement.#typeTemplateMap[options.type]; - } - options.type ??= WindowTemplate; - options.windowOptions ??= {}; - super({}, new options.type()); - this.type = options.type; - this.windowOptions = options.windowOptions; + static newObject(entity = {}, template = entity.type ?? new WindowTemplate()) { + const result = new WindowElement(); + result.initialize(entity, template); + return result } - disconnectedCallback() { - super.disconnectedCallback(); + initialize(entity = {}, template = entity.type ?? new WindowTemplate()) { + entity.windowOptions ??= {}; + this.type = entity.type; + this.windowOptions = entity.windowOptions; + super.initialize(entity, template); + } + + cleanup() { + super.cleanup(); this.acknowledgeClose(); } diff --git a/dist/ueblueprint.min.js b/dist/ueblueprint.min.js index f4262d5..0e6eb0f 100644 --- a/dist/ueblueprint.min.js +++ b/dist/ueblueprint.min.js @@ -3,24 +3,24 @@ * Copyright 2019 Google LLC * SPDX-License-Identifier: BSD-3-Clause */ -const e=window,t=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;class r{constructor(e,t,n){if(this._$cssResult$=!0,n!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const i=this.t;if(t&&void 0===e){const t=void 0!==i&&1===i.length;t&&(e=n.get(i)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&n.set(i,e))}return e}toString(){return this.cssText}}const s=(e,...t)=>{const n=1===e.length?e[0]:t.reduce(((t,i,n)=>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.")})(i)+e[n+1]),e[0]);return new r(n,e,i)},o=t?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new r("string"==typeof e?e:e+"",void 0,i))(t)})(e):e +const e=window,t=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;class s{constructor(e,t,n){if(this._$cssResult$=!0,n!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const i=this.t;if(t&&void 0===e){const t=void 0!==i&&1===i.length;t&&(e=n.get(i)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),t&&n.set(i,e))}return e}toString(){return this.cssText}}const r=(e,...t)=>{const n=1===e.length?e[0]:t.reduce(((t,i,n)=>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.")})(i)+e[n+1]),e[0]);return new s(n,e,i)},o=t?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new s("string"==typeof e?e:e+"",void 0,i))(t)})(e):e /** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */;var a;const l=window,u=l.trustedTypes,c=u?u.emptyScript:"",h=l.reactiveElementPolyfillSupport,d={toAttribute(e,t){switch(t){case Boolean:e=e?c:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},p=(e,t)=>t!==e&&(t==t||e==e),m={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:p};class g extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;this.finalize(),(null!==(t=this.h)&&void 0!==t?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,i)=>{const n=this._$Ep(i,t);void 0!==n&&(this._$Ev.set(n,i),e.push(n))})),e}static createProperty(e,t=m){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const i="symbol"==typeof e?Symbol():"__"+e,n=this.getPropertyDescriptor(e,i,t);void 0!==n&&Object.defineProperty(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(n){const r=this[e];this[t]=n,this.requestUpdate(e,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),void 0!==e.h&&(this.h=[...e.h]),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 i of t)this.createProperty(i,e[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(o(e))}else void 0!==e&&t.push(o(e));return t}static _$Ep(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"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,i;(null!==(t=this._$ES)&&void 0!==t?t:this._$ES=[]).push(e),void 0!==this.renderRoot&&this.isConnected&&(null===(i=e.hostConnected)||void 0===i||i.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 i;const n=null!==(i=this.shadowRoot)&&void 0!==i?i:this.attachShadow(this.constructor.shadowRootOptions);return((i,n)=>{t?i.adoptedStyleSheets=n.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):n.forEach((t=>{const n=document.createElement("style"),r=e.litNonce;void 0!==r&&n.setAttribute("nonce",r),n.textContent=t.cssText,i.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,i){this._$AK(e,i)}_$EO(e,t,i=m){var n;const r=this.constructor._$Ep(e,i);if(void 0!==r&&!0===i.reflect){const s=(void 0!==(null===(n=i.converter)||void 0===n?void 0:n.toAttribute)?i.converter:d).toAttribute(t,i.type);this._$El=e,null==s?this.removeAttribute(r):this.setAttribute(r,s),this._$El=null}}_$AK(e,t){var i;const n=this.constructor,r=n._$Ev.get(e);if(void 0!==r&&this._$El!==r){const e=n.getPropertyOptions(r),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null===(i=e.converter)||void 0===i?void 0:i.fromAttribute)?e.converter:d;this._$El=r,this[r]=s.fromAttribute(t,e.type),this._$El=null}}requestUpdate(e,t,i){let n=!0;void 0!==e&&(((i=i||this.constructor.getPropertyOptions(e)).hasChanged||p)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),!0===i.reflect&&this._$El!==e&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(e,i))):n=!1),!this.isUpdatePending&&n&&(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 i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),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(i)):this._$Ek()}catch(e){throw t=!1,this._$Ek(),e}t&&this._$AE(i)}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 a;const l=window,u=l.trustedTypes,c=u?u.emptyScript:"",h=l.reactiveElementPolyfillSupport,d={toAttribute(e,t){switch(t){case Boolean:e=e?c:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},p=(e,t)=>t!==e&&(t==t||e==e),m={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:p};class g extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;this.finalize(),(null!==(t=this.h)&&void 0!==t?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,i)=>{const n=this._$Ep(i,t);void 0!==n&&(this._$Ev.set(n,i),e.push(n))})),e}static createProperty(e,t=m){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const i="symbol"==typeof e?Symbol():"__"+e,n=this.getPropertyDescriptor(e,i,t);void 0!==n&&Object.defineProperty(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(n){const s=this[e];this[t]=n,this.requestUpdate(e,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),void 0!==e.h&&(this.h=[...e.h]),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 i of t)this.createProperty(i,e[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(o(e))}else void 0!==e&&t.push(o(e));return t}static _$Ep(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"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,i;(null!==(t=this._$ES)&&void 0!==t?t:this._$ES=[]).push(e),void 0!==this.renderRoot&&this.isConnected&&(null===(i=e.hostConnected)||void 0===i||i.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 i;const n=null!==(i=this.shadowRoot)&&void 0!==i?i:this.attachShadow(this.constructor.shadowRootOptions);return((i,n)=>{t?i.adoptedStyleSheets=n.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):n.forEach((t=>{const n=document.createElement("style"),s=e.litNonce;void 0!==s&&n.setAttribute("nonce",s),n.textContent=t.cssText,i.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,i){this._$AK(e,i)}_$EO(e,t,i=m){var n;const s=this.constructor._$Ep(e,i);if(void 0!==s&&!0===i.reflect){const r=(void 0!==(null===(n=i.converter)||void 0===n?void 0:n.toAttribute)?i.converter:d).toAttribute(t,i.type);this._$El=e,null==r?this.removeAttribute(s):this.setAttribute(s,r),this._$El=null}}_$AK(e,t){var i;const n=this.constructor,s=n._$Ev.get(e);if(void 0!==s&&this._$El!==s){const e=n.getPropertyOptions(s),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null===(i=e.converter)||void 0===i?void 0:i.fromAttribute)?e.converter:d;this._$El=s,this[s]=r.fromAttribute(t,e.type),this._$El=null}}requestUpdate(e,t,i){let n=!0;void 0!==e&&(((i=i||this.constructor.getPropertyOptions(e)).hasChanged||p)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),!0===i.reflect&&this._$El!==e&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(e,i))):n=!1),!this.isUpdatePending&&n&&(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 i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),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(i)):this._$Ek()}catch(e){throw t=!1,this._$Ek(),e}t&&this._$AE(i)}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 b;g.finalized=!0,g.elementProperties=new Map,g.elementStyles=[],g.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:g}),(null!==(a=l.reactiveElementVersions)&&void 0!==a?a:l.reactiveElementVersions=[]).push("1.4.2");const v=window,f=v.trustedTypes,y=f?f.createPolicy("lit-html",{createHTML:e=>e}):void 0,w=`lit$${(Math.random()+"").slice(9)}$`,E="?"+w,S=`<${E}>`,C=document,P=(e="")=>C.createComment(e),k=e=>null===e||"object"!=typeof e&&"function"!=typeof e,N=Array.isArray,x=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,L=/-->/g,T=/>/g,A=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),$=/'/g,M=/"/g,D=/^(?:script|style|textarea|title)$/i,H=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),B=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),R=new WeakMap,z=C.createTreeWalker(C,129,null,!1),I=(e,t)=>{const i=e.length-1,n=[];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]?A:'"'===l[3]?M:$):o===M||o===$?o=A:o===L||o===T?o=x:(o=A,r=void 0);const h=o===A&&e[t+1].startsWith("/>")?" ":"";s+=o===x?i+S:u>=0?(n.push(a),i.slice(0,u)+"$lit$"+i.slice(u)+w+h):i+w+(-2===u?(n.push(void 0),t):h)}const a=s+(e[i]||"")+(2===t?"":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==y?y.createHTML(a):a,n]};class _{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let r=0,s=0;const o=e.length-1,a=this.parts,[l,u]=I(e,t);if(this.el=_.createElement(l,i),z.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(n=z.nextNode())&&a.length0){n.textContent=f?f.emptyScript:"";for(let i=0;iN(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==O&&k(this._$AH)?this._$AA.nextSibling.data=e:this.T(C.createTextNode(e)),this._$AH=e}$(e){var t;const{values:i,_$litType$:n}=e,r="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===r)this._$AH.p(i);else{const e=new G(r,this),t=e.v(this.options);e.p(i),this.T(t),this._$AH=e}}_$AC(e){let t=R.get(e.strings);return void 0===t&&R.set(e.strings,t=new _(e)),t}k(e){N(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const r of e)n===t.length?t.push(i=new F(this.O(P()),this.O(P()),this,this.options)):i=t[n],i._$AI(r),n++;n2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,n){const r=this.strings;let s=!1;if(void 0===r)e=V(this,e,t,0),s=!k(e)||e!==this._$AH&&e!==B,s&&(this._$AH=e);else{const n=e;let o,a;for(e=r[0],o=0;oe}):void 0,w=`lit$${(Math.random()+"").slice(9)}$`,E="?"+w,S=`<${E}>`,P=document,C=(e="")=>P.createComment(e),k=e=>null===e||"object"!=typeof e&&"function"!=typeof e,N=Array.isArray,x=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,L=/-->/g,T=/>/g,A=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),$=/'/g,M=/"/g,D=/^(?:script|style|textarea|title)$/i,O=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),H=Symbol.for("lit-noChange"),B=Symbol.for("lit-nothing"),z=new WeakMap,I=P.createTreeWalker(P,129,null,!1),R=(e,t)=>{const i=e.length-1,n=[];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]?A:'"'===l[3]?M:$):o===M||o===$?o=A:o===L||o===T?o=x:(o=A,s=void 0);const h=o===A&&e[t+1].startsWith("/>")?" ":"";r+=o===x?i+S:u>=0?(n.push(a),i.slice(0,u)+"$lit$"+i.slice(u)+w+h):i+w+(-2===u?(n.push(void 0),t):h)}const a=r+(e[i]||"")+(2===t?"":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==y?y.createHTML(a):a,n]};class _{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,r=0;const o=e.length-1,a=this.parts,[l,u]=R(e,t);if(this.el=_.createElement(l,i),I.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(n=I.nextNode())&&a.length0){n.textContent=f?f.emptyScript:"";for(let i=0;iN(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==B&&k(this._$AH)?this._$AA.nextSibling.data=e:this.T(P.createTextNode(e)),this._$AH=e}$(e){var t;const{values:i,_$litType$:n}=e,s="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===s)this._$AH.p(i);else{const e=new G(s,this),t=e.v(this.options);e.p(i),this.T(t),this._$AH=e}}_$AC(e){let t=z.get(e.strings);return void 0===t&&z.set(e.strings,t=new _(e)),t}k(e){N(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new F(this.O(C()),this.O(C()),this,this.options)):i=t[n],i._$AI(s),n++;n2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=B}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,i,n){const s=this.strings;let r=!1;if(void 0===s)e=V(this,e,t,0),r=!k(e)||e!==this._$AH&&e!==H,r&&(this._$AH=e);else{const n=e;let o,a;for(e=s[0],o=0;o{var n,r;const s=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:t;let o=s._$litPart$;if(void 0===o){const e=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;s._$litPart$=o=new F(t.insertBefore(P(),e),e,void 0,null!=i?i:{})}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 B}}Q.finalized=!0,Q._$litElement$=!0,null===(Z=globalThis.litElementHydrateSupport)||void 0===Z||Z.call(globalThis,{LitElement:Q});const ee=globalThis.litElementPolyfillSupport;null==ee||ee({LitElement:Q}),(null!==(J=globalThis.litElementVersions)&&void 0!==J?J:globalThis.litElementVersions=[]).push("3.2.2");class te{static#e={"/Script/CoreUObject.Rotator":s``,"/Script/CoreUObject.Transform":s``,"/Script/CoreUObject.Vector":s``,"/Script/Engine.Actor":s``,"/Script/Engine.GameStateBase":s``,"/Script/Engine.Pawn":s``,"/Script/Engine.PlayerState":s``,bool:s``,byte:s``,class:s``,default:s``,exec:s``,int:s``,name:s``,real:s``,string:s``,wildcard:s``};static alphaPattern="repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px";static colorDragEventName="ueb-color-drag";static colorPickEventName="ueb-color-pick";static colorWindowEventName="ueb-color-window";static defaultCommentHeight=96;static defaultCommentWidth=400;static deleteNodesKeyboardKey="Delete";static dragGeneralEventName="ueb-drag-general";static dragEventName="ueb-drag";static editTextEventName={begin:"ueb-edit-text-begin",end:"ueb-edit-text-end"};static enableZoomIn=["LeftControl","RightControl"];static expandGridSize=400;static focusEventName={begin:"blueprint-focus",end:"blueprint-unfocus"};static fontSize=s``;static getPinColor(e){if(!e)return te.#e.default;if(te.#e[e.pinType])return te.#e[e.pinType];if("struct"==e.entity.PinType.PinCategory||"object"==e.entity.PinType.PinCategory)switch(e.entity.PinType.PinSubCategoryObject.type){case"ScriptStruct":case"/Script/CoreUObject.ScriptStruct":return s``;default:if(e.entity.PinType.PinSubCategoryObject.getName().endsWith("Actor")||"Target"===e.entity.getDisplayName())return te.#e["/Script/Engine.Actor"]}return te.#e.default}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,i)=>{let n=100-e;return`M ${e} 0 C ${t} 0, ${i} 0, 50 50 S ${n-t+e} 100, ${n} 100`};static maxZoom=7;static minZoom=-12;static mouseWheelFactor=.2;static nodeDeleteEventName="ueb-node-delete";static nodeDragGeneralEventName="ueb-node-drag-general";static nodeDragEventName="ueb-node-drag";static nodeName=(e,t)=>`${e}_${t}`;static nodeRadius=8;static nodeReflowEventName="ueb-node-reflow";static nodeType={callFunction:"/Script/BlueprintGraph.K2Node_CallFunction",comment:"/Script/UnrealEd.EdGraphNode_Comment",doN:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:Do N",dynamicCast:"/Script/BlueprintGraph.K2Node_DynamicCast",executionSequence:"/Script/BlueprintGraph.K2Node_ExecutionSequence",forEachElementInEnum:"/Script/BlueprintGraph.K2Node_ForEachElementInEnum",forEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoop",forEachLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoopWithBreak",forLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoop",forLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoopWithBreak",ifThenElse:"/Script/BlueprintGraph.K2Node_IfThenElse",knot:"/Script/BlueprintGraph.K2Node_Knot",macro:"/Script/BlueprintGraph.K2Node_MacroInstance",makeArray:"/Script/BlueprintGraph.K2Node_MakeArray",makeMap:"/Script/BlueprintGraph.K2Node_MakeMap",pawn:"/Script/Engine.Pawn",reverseForEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ReverseForEachLoop",select:"/Script/BlueprintGraph.K2Node_Select",variableGet:"/Script/BlueprintGraph.K2Node_VariableGet",variableSet:"/Script/BlueprintGraph.K2Node_VariableSet",whileLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:WhileLoop"};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static distanceThreshold=5;static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static windowApplyEventName="ueb-window-apply";static windowCancelEventName="ueb-window-cancel";static windowCloseEventName="ueb-window-close";static ModifierKeys=["Ctrl","Shift","Alt","Meta"];static Keys={Backspace:"Backspace",Tab:"Tab",LeftControl:"ControlLeft",RightControl:"ControlRight",LeftShift:"ShiftLeft",RightShift:"ShiftRight",LeftAlt:"AltLeft",RightAlt:"AltRight",Enter:"Enter",Pause:"Pause",CapsLock:"CapsLock",Escape:"Escape",Space:"Space",PageUp:"PageUp",PageDown:"PageDown",End:"End",Home:"Home",ArrowLeft:"Left",ArrowUp:"Up",ArrowRight:"Right",ArrowDown:"Down",PrintScreen:"PrintScreen",Insert:"Insert",Delete:"Delete",Zero:"Digit0",One:"Digit1",Two:"Digit2",Three:"Digit3",Four:"Digit4",Five:"Digit5",Six:"Digit6",Seven:"Digit7",Eight:"Digit8",Nine:"Digit9",A:"KeyA",B:"KeyB",C:"KeyC",D:"KeyD",E:"KeyE",F:"KeyF",G:"KeyG",H:"KeyH",I:"KeyI",K:"KeyK",L:"KeyL",M:"KeyM",N:"KeyN",O:"KeyO",P:"KeyP",Q:"KeyQ",R:"KeyR",S:"KeyS",T:"KeyT",U:"KeyU",V:"KeyV",W:"KeyW",X:"KeyX",Y:"KeyY",Z:"KeyZ",NumPadZero:"Numpad0",NumPadOne:"Numpad1",NumPadTwo:"Numpad2",NumPadThree:"Numpad3",NumPadFour:"Numpad4",NumPadFive:"Numpad5",NumPadSix:"Numpad6",NumPadSeven:"Numpad7",NumPadEight:"Numpad8",NumPadNine:"Numpad9",Multiply:"NumpadMultiply",Add:"NumpadAdd",Subtract:"NumpadSubtract",Decimal:"NumpadDecimal",Divide:"NumpadDivide",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",NumLock:"NumLock",ScrollLock:"ScrollLock"}}class ie{#t;get target(){return this.#t}#i;get blueprint(){return this.#i}options;constructor(e,t,i={}){i.consumeEvent??=!1,i.listenOnFocus??=!1,i.unlistenOnTextEdit??=!1,this.#t=e,this.#i=t,this.options=i;let n=this;this.listenHandler=e=>n.listenEvents(),this.unlistenHandler=e=>n.unlistenEvents(),this.options.listenOnFocus&&(this.blueprint.addEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.addEventListener(te.focusEventName.end,this.unlistenHandler)),this.options.unlistenOnTextEdit&&(this.blueprint.addEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.addEventListener(te.editTextEventName.end,this.listenHandler))}unlistenDOMElement(){this.unlistenEvents(),this.blueprint.removeEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.removeEventListener(te.focusEventName.end,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.end,this.listenHandler)}listenEvents(){}unlistenEvents(){}}class ne{#n;constructor(e){this.#n=e}calculate(e){return this.#n(e)}}class re{#r=new Map;subscribe(e,t){let i=this.#r;if(i.has(e)){let n=i.get(e);if(n.includes(t))return!1;n.push(t)}else{let n=!1,r=Object.getOwnPropertyDescriptor(this,e);if(!r&&(n=!0,r=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(this),e)??{},!r))return!1;i.set(e,[t]);const s="value"in r,o="set"in r;if(!s&&!o)throw new Error(`Property ${e} is not a value or a setter`);const a=Symbol.for(e+"Storage"),l=Symbol.for(e+"ValInfo");Object.defineProperties(n?Object.getPrototypeOf(this):this,{[a]:{configurable:!0,enumerable:!1,...s?{value:this[e],writable:!0}:{get:r.get,set:r.set}},[l]:{configurable:!0,enumerable:!1,value:[n,s]},[e]:{configurable:!0,...s&&{get(){return this[a]}},set(t){this[a]=t,i.get(e).forEach((t=>{t(this[e])}))}}})}return!0}unsubscribe(e,t){let i=this.#r.get(e);if(!i?.includes(t))return!1;if(i.splice(i.indexOf(t),1),0==i.length){const t=Symbol.for(e+"Storage"),i=Symbol.for(e+"ValInfo"),n=this[i][0];this[i][1],Object.defineProperty(n?Object.getPrototypeOf(this):this,e,Object.getOwnPropertyDescriptor(n?Object.getPrototypeOf(this):this,t)),delete this[i],delete this[t]}return!0}}class se{static#s=new Map;static registerSerializer(e,t){se.#s.set(e,t)}static getSerializer(e){return se.#s.get(e)}}class oe{#o;get types(){return this.#o}constructor(...e){this.#o=e}getFirstType(){return this.#o[0]}}class ae{#a;get type(){return this.#a}set type(e){this.#a=e}#l=!0;get showDefault(){return this.#l}set showDefault(e){this.#l=e}#u;get value(){return this.#u}set value(e){this.#u=e}#c;get serialized(){return this.#c}set serialized(e){this.#c=e}#h;get ignored(){return this.#h}set ignored(e){this.#h=e}static isValueOfType(e,t){return null!=e&&(e instanceof t||e.constructor===t)}static sanitize(e,t){if(void 0===t&&(t=e?.constructor),t instanceof Array){let i=t.find((t=>ae.isValueOfType(e,t)));i||(i=t[0]),t=i}return t&&!ae.isValueOfType(e,t)&&(e=new t(e)),(e instanceof Boolean||e instanceof Number||e instanceof String)&&(e=e.valueOf()),e}constructor(e,t=!0,i,n=!1,r=!1){void 0===i&&(i=e instanceof Array?[]:()=>ae.sanitize(new e)),this.#a=e,this.#l=t,this.#u=i,this.#c=n,this.#h=r}}class le{static emptyObj={};static booleanConverter={fromAttribute:(e,t)=>{},toAttribute:(e,t)=>!0===e?"true":!1===e?"false":""};static sigmoid(e,t=1.7){return 1/(1+e/(1-e)**-t)}static clamp(e,t,i){return Math.min(Math.max(e,t),i)}static getScale(e){const t=getComputedStyle(e).getPropertyValue("--ueb-scale");return""!=t?parseFloat(t):1}static minDecimals(e,t=1){const i=e*10**t;return Math.abs(i%1)>Number.EPSILON?e.toString():e.toFixed(t)}static roundDecimals(e,t=1){const i=10**t;return Math.round(e*i)/i}static approximatelyEqual(e,t){return!(Math.abs(e-t)>Number.EPSILON)}static convertLocation(e,t){const i=1/le.getScale(t),n=t.getBoundingClientRect();return[Math.round((e[0]-n.x)*i),Math.round((e[1]-n.y)*i)]}static isSerialized(e,t,i=le.objectGet(e.constructor.attributes,t)){return i instanceof ne?le.isSerialized(e,t,i.calculate(e)):i instanceof ae&&(!!i.serialized||le.isSerialized(e,t,i.type))}static objectGet(e,t,i){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]]:le.objectGet(e[t[0]],t.slice(1),i):i}}static objectSet(e,t,i,n=!1,r=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(n||t[0]in e||void 0===e[t[0]])return e[t[0]]=i,!0}else if(t.length>0)return!n||e[t[0]]instanceof Object||(e[t[0]]=new r),le.objectSet(e[t[0]],t.slice(1),i,n,r);return!1}static equals(e,t){return(e=ae.sanitize(e))===(t=ae.sanitize(t))||(e instanceof Array&&t instanceof Array?e.length==t.length&&!e.find(((e,i)=>!le.equals(e,t[i]))):void 0)}static getType(e){return null===e?null:e instanceof ae?le.getType(e.type):e instanceof oe?e.types:e instanceof Function?e:e?.constructor}static snapToGrid(e,t){return 1===t?e:[t*Math.round(e[0]/t),t*Math.round(e[1]/t)]}static mergeArrays(e=[],t=[]){let i=[];for(let n=0;n","\n").replaceAll(/(\)/g,"")}static capitalFirstLetter(e){return 0===e.length?e:e.charAt(0).toLocaleUpperCase()+e.slice(1).toLocaleLowerCase()}static formatStringName(e){return e.trim().replace(/^b/,"").replaceAll(/^K2(?:Node|node)?_|(?<=[a-z])(?=[A-Z])|_|\s+/g," ").split(" ").map((e=>le.capitalFirstLetter(e))).join(" ")}static getIdFromReference(e){return e.replace(/(?:.+\.)?([^\.]+)$/,"$1").replaceAll(/(?<=[a-z\d])(?=[A-Z])|(?<=[a-zA-Z])(?=\d)|(?<=[A-Z]{2})(?=[A-Z][a-z])/g,"-").toLowerCase()}static printLinearColor(e){return`${Math.round(255*e.R.valueOf())}, ${Math.round(255*e.G.valueOf())}, ${Math.round(255*e.B.valueOf())}`}static getPolarCoordinates([e,t],i=!1){let n=Math.atan2(t,e);return i&&n<0&&(n=2*Math.PI+n),[Math.sqrt(e*e+t*t),n]}static getCartesianCoordinates([e,t]){return[e*Math.cos(t),e*Math.sin(t)]}static range(e,t,i=1){return Array.from({length:Math.ceil((t-e)/i)},((t,n)=>e+n*i))}}class ue extends re{static attributes={};constructor(e={},t=!1){super();const i=(e,n,r={},s="")=>{const o=Object.getOwnPropertyNames(r);for(let a of le.mergeArrays(Object.getOwnPropertyNames(n),o)){let l=le.objectGet(r,[a]),u=n[a],c=le.getType(u);if(u instanceof ne&&(u=u.calculate(this),c=le.getType(u)),null!=u&&u===c&&(u=new c),t||(a in n?!(o.length>0)||a in r||void 0===u||u instanceof ae&&(!u.showDefault||u.ignored)||console.warn(`${this.constructor.name} will add attribute ${s}${a} not defined in the serialized data`):console.warn(`Attribute ${s}${a} in the serialized data is not defined in ${this.constructor.name}.attributes`)),c!==Object)if(void 0===l){if(u instanceof ae){if(!u.showDefault){e[a]=void 0;continue}u.serialized?u="":(c=u.type,u=u.value,u instanceof Function&&(u=u()))}u instanceof oe&&(c=u.getFirstType(),u=ae.sanitize(null,c)),u instanceof Array&&(u=[]),e[a]=ae.sanitize(u,c)}else l?.constructor===String&&u instanceof ae&&u.serialized&&u.type!==String&&(l=se.getSerializer(u.type).deserialize(l)),e[a]=ae.sanitize(l,le.getType(u));else e[a]={},i(e[a],n[a],r[a],a+".")}},n=this.constructor.attributes;e.constructor!==Object&&1===Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),i(this,n,e)}unexpectedKeys(){return Object.getOwnPropertyNames(this).length-Object.getOwnPropertyNames(this.constructor.attributes).length}}class ce extends ue{static attributes={type:String,path:String};constructor(e={}){e.constructor!==Object&&(e={path:e}),super(e),this.type,this.path}getName(){return this.path.match(/[^\.\/]+$/)[0]}}class he extends ue{static attributes={MemberParent:new ae(ce,!1),MemberName:""};constructor(e){super(e),this.MemberParent,this.MemberName}}class de extends ue{static attributes={value:String};static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let i="";return t.forEach((e=>{i+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new de({value:i})}constructor(e){e||(e=de.generateGuid().value),super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class pe extends ue{static attributes={value:String};static attributeConverter={fromAttribute:(e,t)=>new pe(e),toAttribute:(e,t)=>e.toString()};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class me extends ue{static attributes={value:0};constructor(e=0){super(e),this.value=Math.round(this.value)}valueOf(){return this.value}toString(){return this.value.toString()}}class ge extends ue{static lookbehind="INVTEXT";static attributes={value:String};constructor(e){super(e),this.value}}class be extends ue{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:pe};constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class ve extends ue{static attributes={value:0};constructor(e=0){super(e),this.value=le.clamp(this.value,0,1)}valueOf(){return this.value}toString(){return this.value.toFixed(6)}}class fe extends ue{static attributes={R:ve,G:ve,B:ve,A:new ae(ve,!0,(()=>new ve(1)),!1,!1),H:new ae(ve,!0,void 0,!1,!0),S:new ae(ve,!0,void 0,!1,!0),V:new ae(ve,!0,void 0,!1,!0)};static linearToSRGB(e){return e<=0?0:e>=1?1:e<.0031308?12.92*e:1.055*Math.pow(e,1/2.4)-.055}static sRGBtoLinear(e){return e<=0?0:e>=1?1:e<.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)}static getWhite(){return new fe({R:1,G:1,B:1})}constructor(e){e instanceof Array&&(e={R:e[0]??0,G:e[1]??0,B:e[2]??0,A:e[3]??1}),super(e),this.R,this.G,this.B,this.A,this.H,this.S,this.V,this.#d()}#d(){const e=this.R.value,t=this.G.value,i=this.B.value;if(le.approximatelyEqual(e,t)&&le.approximatelyEqual(e,i)&&le.approximatelyEqual(t,i))return this.S.value=0,void(this.V.value=e);const n=Math.max(e,t,i),r=Math.min(e,t,i),s=n-r;let o;switch(n){case r:o=0;break;case e:o=(t-i)/s+(te.toString(16).toUpperCase().padStart(2,"0"))).join("")}toSRGBAString(){return this.toSRGBA().map((e=>e.toString(16).toUpperCase().padStart(2,"0"))).join("")}toHSVA(){return[this.H.value,this.S.value,this.V.value,this.A.value]}toNumber(){return(Math.round(255*this.R.value)<<24)+(Math.round(255*this.G.value)<<16)+(Math.round(255*this.B.value)<<8)+Math.round(255*this.A.value)}setFromRGBANumber(e){this.A.value=(255&e)/255,this.B.value=(e>>8&255)/255,this.G.value=(e>>16&255)/255,this.R.value=(e>>24&255)/255,this.#d()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=fe.sRGBtoLinear((e>>8&255)/255),this.G.value=fe.sRGBtoLinear((e>>16&255)/255),this.R.value=fe.sRGBtoLinear((e>>24&255)/255),this.#d()}toString(){return le.printLinearColor(this)}}class ye extends ue{static lookbehind="NSLOCTEXT";static attributes={namespace:String,key:String,value:String};constructor(e){super(e),this.namespace,this.key,this.value}toString(){return le.capitalFirstLetter(this.value)}}class we extends ue{static attributes={MacroGraph:ce,GraphBlueprint:ce,GraphGuid:de};constructor(e){super(e),this.MacroGraph,this.GraphBlueprint,this.GuidEntity}getMacroName(){const e=this.MacroGraph.path.search(":");return this.MacroGraph.path.substring(e+1)}}class Ee extends ue{static attributes={value:String};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class Se extends ue{static attributes={objectName:Ee,pinGuid:de};constructor(e){super(e),this.objectName,this.pinGuid}}class Ce extends ue{static attributes={R:Number,P:Number,Y:Number};constructor(e){super(e),this.R,this.P,this.Y}}class Pe extends Ce{}class ke extends ue{static attributes={X:Number,Y:Number,Z:Number};constructor(e){super(e),this.X,this.Y,this.Z}}class Ne extends ke{}class xe extends ue{static#p={"/Script/CoreUObject.LinearColor":fe,"/Script/CoreUObject.Rotator":Ce,"/Script/CoreUObject.Vector":ke,bool:Boolean,exec:String,int:me,name:String,real:Number,string:String};static#m={"/Script/CoreUObject.Vector":Ne,"/Script/CoreUObject.Rotator":Pe};static lookbehind="Pin";static attributes={PinId:de,PinName:"",PinFriendlyName:new ae(new oe(ye,String),!1,null),PinToolTip:new ae(String,!1,""),Direction:new ae(String,!1,""),PinType:{PinCategory:"",PinSubCategory:"",PinSubCategoryObject:ce,PinSubCategoryMemberReference:null,PinValueType:null,ContainerType:ce,bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1},LinkedTo:new ae([Se],!1),DefaultValue:new ne((e=>new ae(e.getEntityType(!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new ae(String,!1),DefaultObject:new ae(ce,!1,null),PersistentGuid:de,bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};constructor(e={},t=!1){super(e,t),this.PinId,this.PinName,this.PinFriendlyName,this.PinToolTip,this.Direction,this.PinType,this.LinkedTo,this.DefaultValue,this.AutogeneratedDefaultValue,this.DefaultObject,this.PersistentGuid,this.bHidden,this.bNotConnectable,this.bDefaultValueIsReadOnly,this.bDefaultValueIsIgnored,this.bAdvancedView,this.bOrphanedPin}getType(){return"struct"==this.PinType.PinCategory||"object"==this.PinType.PinCategory?this.PinType.PinSubCategoryObject.path:this.PinType.PinCategory}getEntityType(e=!1){const t=this.getType(),i=xe.#p[t],n=xe.#m[t];return e&&void 0!==n?n:i}getDisplayName(){let e=null;return this.PinToolTip&&(e=this.PinToolTip.match(/\s*(.+?(?=\n)|.+\S)\s*/))?le.formatStringName(e[1]):le.formatStringName(this.PinName)}copyTypeFrom(e){this.PinType.PinCategory=e.PinType.PinCategory,this.PinType.PinSubCategory=e.PinType.PinSubCategory,this.PinType.PinSubCategoryObject=e.PinType.PinSubCategoryObject,this.PinType.PinSubCategoryMemberReference=e.PinType.PinSubCategoryMemberReference,this.PinType.PinValueType=e.PinType.PinValueType,this.PinType.ContainerType=e.PinType.ContainerType,this.PinType.bIsReference=e.PinType.bIsReference,this.PinType.bIsConst=e.PinType.bIsConst,this.PinType.bIsWeakPointer=e.PinType.bIsWeakPointer,this.PinType.bIsUObjectWrapper=e.PinType.bIsUObjectWrapper,this.PinType.bSerializeAsSinglePrecisionFloat=e.PinType.bSerializeAsSinglePrecisionFloat}getDefaultValue(e=!1){return void 0===this.DefaultValue&&e&&(this.DefaultValue=new(this.getEntityType(!0))),this.DefaultValue}isExecution(){return"exec"===this.PinType.PinCategory}isHidden(){return this.bHidden}isInput(){return!this.bHidden&&"EGPD_Output"!=this.Direction}isOutput(){return!this.bHidden&&"EGPD_Output"==this.Direction}isLinked(){return this.LinkedTo?.length>0??!1}linkTo(e,t){this.LinkedTo;const i=this.LinkedTo?.find((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return!i&&((this.LinkedTo??(this.LinkedTo=[])).push(new Se({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const i=this.LinkedTo?.findIndex((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return i>=0&&(1==this.LinkedTo.length?this.LinkedTo=void 0:this.LinkedTo.splice(i,1),!0)}getSubCategory(){return this.PinType.PinSubCategoryObject.path}}class Le extends ue{static attributes={value:String};constructor(e){super(e),this.value}}class Te extends ue{static attributes={MemberScope:new ae(String,!1),MemberName:String,MemberGuid:de,bSelfContext:new ae(Boolean,!1,!1)};constructor(e){super(e),this.MemberName,this.GuidEntity,this.bSelfContext}}class Ae extends ue{static attributes={Class:ce,Name:"",bIsPureFunc:new ae(Boolean,!1,!1),VariableReference:new ae(Te,!1,null),SelfContextInfo:new ae(Le,!1,null),FunctionReference:new ae(he,!1,null),EventReference:new ae(he,!1,null),TargetType:new ae(ce,!1,null),MacroGraphReference:new ae(we,!1,null),Enum:new ae(ce,!1),CommentColor:new ae(fe,!1),bCommentBubbleVisible_InDetailsPanel:new ae(Boolean,!1),bColorCommentBubble:new ae(Boolean,!1,!1),MoveMode:new ae(Le,!1),NodePosX:me,NodePosY:me,NodeWidth:new ae(me,!1),NodeHeight:new ae(me,!1),bCommentBubblePinned:new ae(Boolean,!1),bCommentBubbleVisible:new ae(Boolean,!1),NodeComment:new ae(String,!1),AdvancedPinDisplay:new ae(pe,!1,null),EnabledState:new ae(pe,!1,null),NodeGuid:de,ErrorType:new ae(me,!1),ErrorMsg:new ae(String,!1,""),CustomProperties:[xe]};static nameRegex=/^(\w+?)(?:_(\d+))?$/;static sequencerScriptingNameRegex=/\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/;constructor(e,t=!1){super(e,t),this.Class,this.Name,this.bIsPureFunc,this.VariableReference,this.FunctionReference,this.EventReference,this.TargetType,this.MacroGraphReference,this.Enum,this.CommentColor,this.bCommentBubbleVisible_InDetailsPanel,this.NodePosX,this.NodePosY,this.NodeWidth,this.NodeHeight,this.bCommentBubblePinned,this.bCommentBubbleVisible,this.NodeComment,this.AdvancedPinDisplay,this.EnabledState,this.NodeGuid,this.ErrorType,this.ErrorMsg,this.CustomProperties}getClass(){return this.Class.path}getType(){let e=this.getClass();return e===te.nodeType.macro?this.MacroGraphReference.MacroGraph.path:e}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(Ae.nameRegex);let t="",i=null;return e?(e.length>1&&(t=e[1]),e.length>2&&(i=parseInt(e[2])),[t,i]):["",0]}getDisplayName(){switch(this.getType()){case te.nodeType.callFunction:if("AddKey"===this.FunctionReference.MemberName){let e=this.FunctionReference.MemberParent.path.match(Ae.sequencerScriptingNameRegex);if(e)return`Add Key (${le.formatStringName(e[1])})`}return le.formatStringName(this.FunctionReference.MemberName);case te.nodeType.dynamicCast:return`Cast To ${this.TargetType.getName()}`;case te.nodeType.executionSequence:return"Sequence";case te.nodeType.ifThenElse:return"Branch";case te.nodeType.forEachElementInEnum:return`For Each ${this.Enum.getName()}`;case te.nodeType.forEachLoopWithBreak:return"For Each Loop with Break";case te.nodeType.variableGet:return"";case te.nodeType.variableSet:return"SET";default:return this.getClass()===te.nodeType.macro?le.formatStringName(this.MacroGraphReference.getMacroName()):le.formatStringName(this.getNameAndCounter()[0])}}getCounter(){return this.getNameAndCounter()[1]}getNodeWidth(){return this.NodeWidth??this.getType()==te.nodeType.comment?te.defaultCommentWidth:void 0}setNodeWidth(e){this.NodeWidth||(this.NodeWidth=new me),this.NodeWidth.value=e}getNodeHeight(){return this.NodeHeight??this.getType()==te.nodeType.comment?te.defaultCommentHeight:void 0}setNodeHeight(e){this.NodeHeight||(this.NodeHeight=new me),this.NodeHeight.value=e}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function $e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Me={exports:{}};"undefined"!=typeof self&&self;var De=$e(Me.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){function n(e){if(!(this instanceof n))return new n(e);this._=e}var r=n.prototype;function s(e,t){for(var i=0;i>7),buf:function(e){var t=o((function(e,t,i,n){return e.concat(i===n.length-1?Buffer.from([t,0]).readUInt16BE(0):n.readUInt16BE(i))}),[],e);return Buffer.from(a((function(e){return(e<<1&65535)>>8}),t))}(i.buf)}})),i}function u(){return"undefined"!=typeof Buffer}function c(){if(!u())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function h(e){c();var t=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 i,r=t/8,s=(i=function(e){return e>48},o((function(e,t){return e||(i(t)?t:e)}),null,e));if(s)throw new Error(s+" bit range requested exceeds 48 bit (6 byte) Number max.");return new n((function(t,i){var n=r+i;return n>t.length?S(i,r.toString()+" bytes"):E(n,o((function(e,t){var i=l(t,e.buf);return{coll:e.coll.concat(i.v),buf:i.buf}}),{coll:[],buf:t.slice(i,n)},e).coll)}))}function d(e,t){return new n((function(i,n){return c(),n+t>i.length?S(n,t+" bytes for "+e):E(n+t,i.slice(n,n+t))}))}function p(e,t){if("number"!=typeof(i=t)||Math.floor(i)!==i||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var i}function m(e){return p("uintBE",e),d("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),d("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function b(e){return p("intBE",e),d("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function v(e){return p("intLE",e),d("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function f(e){return e instanceof n}function y(e){return"[object Array]"==={}.toString.call(e)}function w(e){return u()&&Buffer.isBuffer(e)}function E(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function S(e,t){return y(t)||(t=[t]),{status:!1,index:-1,value:null,furthest:e,expected:t}}function C(e,t){if(!t)return e;if(e.furthest>t.furthest)return e;var i=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==n._supportsSet)return n._supportsSet;var e="undefined"!=typeof Set;return n._supportsSet=e,e}()&&Array.from){for(var i=new Set(e),r=0;r=0;){if(o in i){n=i[o].line,0===s&&(s=i[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=n+r,l=t-s;return i[t]={line:a,lineStart:s},{offset:t,line:a+1,column:l+1}}function N(e){if(!f(e))throw new Error("not a parser: "+e)}function x(e,t){return"string"==typeof e?e.charAt(t):e[t]}function L(e){if("number"!=typeof e)throw new Error("not a number: "+e)}function T(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function A(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var $=2,M=3,D=8,H=5*D,B=4*D,O=" ";function R(e,t){return new Array(t+1).join(e)}function z(e,t,i){var n=t-e.length;return n<=0?e:R(i,n)+e}function I(e,t,i,n){return{from:e-t>0?e-t:0,to:e+i>n?n:e+i}}function _(e,t){var i,n,r,s,l,u=t.index,c=u.offset,h=1;if(c===e.length)return"Got the end of the input";if(w(e)){var d=c-c%D,p=c-d,m=I(d,H,B+D,e.length),g=a((function(e){return a((function(e){return z(e.toString(16),2,"0")}),e)}),function(e,t){var i=e.length,n=[],r=0;if(i<=t)return[e.slice()];for(var s=0;s=4&&(i+=1),h=2,r=a((function(e){return e.length<=4?e.join(" "):e.slice(0,4).join(" ")+" "+e.slice(4).join(" ")}),g),(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2)}else{var b=e.split(/\r\n|[\n\r\u2028\u2029]/);i=u.column-1,n=u.line-1,s=I(n,$,M,b.length),r=b.slice(s.from,s.to),l=s.to.toString().length}var v=n-s.from;return w(e)&&(l=(8*(s.to>0?s.to-1:s.to)).toString(16).length)<2&&(l=2),o((function(t,n,r){var o,a=r===v,u=a?"> ":O;return o=w(e)?z((8*(s.from+r)).toString(16),l,"0"):z((s.from+r+1).toString(),l," "),[].concat(t,[u+o+" | "+n],a?[O+R(" ",l)+" | "+z("",i," ")+R("^",h)]:[])}),[],r).join("\n")}function V(e,t){return["\n","-- PARSING FAILED "+R("-",50),"\n\n",_(e,t),"\n\n",(i=t.expected,1===i.length?"Expected:\n\n"+i[0]:"Expected one of the following: \n\n"+i.join(", ")),"\n"].join("");var i}function G(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 F(){for(var e=[].slice.call(arguments),t=e.length,i=0;i=2?L(t):t=0;var i=function(e){return RegExp("^(?:"+e.source+")",G(e))}(e),r=""+e;return n((function(e,n){var s=i.exec(e.slice(n));if(s){if(0<=t&&t<=s.length){var o=s[0],a=s[t];return E(n+o.length,a)}return S(n,"valid match group (0 to "+s.length+") in "+r)}return S(n,r)}))}function q(e){return n((function(t,i){return E(i,e)}))}function Z(e){return n((function(t,i){return S(i,e)}))}function J(e){if(f(e))return n((function(t,i){var n=e._(t,i);return n.index=i,n.value="",n}));if("string"==typeof e)return J(Y(e));if(e instanceof RegExp)return J(K(e));throw new Error("not a string, regexp, or parser: "+e)}function Q(e){return N(e),n((function(t,i){var n=e._(t,i),r=t.slice(i,n.index);return n.status?S(i,'not "'+r+'"'):E(i,null)}))}function ee(e){return T(e),n((function(t,i){var n=x(t,i);return i=e.length?S(t,"any character/byte"):E(t+1,x(e,t))})),se=n((function(e,t){return E(e.length,e.slice(t))})),oe=n((function(e,t){return t=0})).desc(t)},n.optWhitespace=he,n.Parser=n,n.range=function(e,t){return ee((function(i){return e<=i&&i<=t})).desc(e+"-"+t)},n.regex=K,n.regexp=K,n.sepBy=W,n.sepBy1=X,n.seq=F,n.seqMap=j,n.seqObj=function(){for(var e,t={},i=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 n((function(i,n){var r=x(i,n);return r===e?E(n+1,r):S(n,t)}))},buffer:function(e){return d("buffer",e).map((function(e){return Buffer.from(e)}))},encodedString:function(e,t){return d("string",t).map((function(t){return t.toString(e)}))},uintBE:m,uint8BE:m(1),uint16BE:m(2),uint32BE:m(4),uintLE:g,uint8LE:g(1),uint16LE:g(2),uint32LE:g(4),intBE:b,int8BE:b(1),int16BE:b(2),int32BE:b(4),intLE:v,int8LE:v(1),int16LE:v(2),int32LE:v(4),floatBE:d("floatBE",4).map((function(e){return e.readFloatBE(0)})),floatLE:d("floatLE",4).map((function(e){return e.readFloatLE(0)})),doubleBE:d("doubleBE",8).map((function(e){return e.readDoubleBE(0)})),doubleLE:d("doubleLE",8).map((function(e){return e.readDoubleLE(0)}))},e.exports=n}]));class He extends ue{static attributes={lookbehind:new ae(String,!1,"",!1,!0)};constructor(e){super(e),this.lookbehind}}let Be=De;class Oe{static getGrammarForType(e,t,i=e.AttributeAnyValue){if(t instanceof ae){let n=Oe.getGrammarForType(e,t.type,i);return!t.serialized||t.type instanceof String||(n=n.wrap(Be.string('"'),Be.string('"'))),n}switch(le.getType(t)){case Array:return Be.seqMap(Be.string("("),t.map((t=>Oe.getGrammarForType(e,le.getType(t)))).reduce(((t,i)=>i&&t!==e.AttributeAnyValue?t.or(i):e.AttributeAnyValue)).trim(Be.optWhitespace).sepBy(Be.string(",")).skip(Be.regex(/,?\s*/)),Be.string(")"),((e,t,i)=>t));case Boolean:return e.Boolean;case he:return e.FunctionReference;case de:return e.Guid;case pe:return e.Identifier;case me:return e.Integer;case ge:return e.InvariantText;case fe:return e.LinearColor;case ye:return e.LocalizedText;case we:return e.MacroGraphReference;case Number:return e.Number;case ce:return e.ObjectReference;case xe:return e.Pin;case Se:return e.PinReference;case ve:return e.RealUnit;case Ce:return e.Rotator;case Pe:return e.SimpleSerializationRotator;case Ne:return e.SimpleSerializationVector;case String:return e.String;case Le:return e.Symbol;case oe:return t.types.map((t=>Oe.getGrammarForType(e,le.getType(t)))).reduce(((t,i)=>i&&t!==e.AttributeAnyValue?t.or(i):e.AttributeAnyValue));case Te:return e.VariableReference;case ke:return e.Vector;default:return i}}static ReferencePath=(e,t)=>Be.alt(t,Be.seq(Be.string("/"),t.map((e=>e.toString())).sepBy1(Be.string(".")).tieWith(".").sepBy1(Be.string(":")).tieWith(":")).tie().atLeast(2).tie());static createAttributeGrammar=(e,t,i=Be.string("=").trim(Be.optWhitespace))=>e.AttributeName.skip(i).chain((i=>{const n=i.split("."),r=le.objectGet(t.attributes,n);return Oe.getGrammarForType(e,r,e.AttributeAnyValue).map((e=>t=>le.objectSet(t,n,e,!0)))}));static createEntityGrammar=(e,t,i=!1)=>Be.seqMap(t.lookbehind?Be.seq(Be.string(t.lookbehind),Be.optWhitespace,Be.string("(")):Be.string("("),Oe.createAttributeGrammar(e,t).trim(Be.optWhitespace).sepBy(Be.string(",")).skip(Be.regex(/,?/).then(Be.optWhitespace)),Be.string(")"),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),n})).chain((e=>{if(i){let i=0,n=0;for(const r in e)i+=r in t.attributes?0:1,++n;if(i+.5>Math.sqrt(n))return Be.fail()}return Be.succeed().map((()=>new t(e)))}));InlineWhitespace=e=>Be.regex(/[^\S\n]+/).desc("single line whitespace");InlineOptWhitespace=e=>Be.regex(/[^\S\n]*/).desc("single line optional whitespace");MultilineWhitespace=e=>Be.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>Be.seq(Be.string("("),e.InlineOptWhitespace,Be.string(")")).map((()=>null)).desc("null: ()");Boolean=e=>Be.alt(Be.string("True"),Be.string("true"),Be.string("False"),Be.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>Be.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>Be.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");RealNumber=e=>Be.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>Be.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>Be.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=>Be.regex(/[a-zA-Z_]+/).desc("a word");String=e=>Be.regex(/(?:[^"\\]|\\.)*/).wrap(Be.string('"'),Be.string('"')).map(le.unescapeString).desc('string (with possibility to escape the quote using ")');AttributeName=e=>e.Word.sepBy1(Be.string(".")).tieWith(".").desc("dot-separated words");None=e=>Be.string("None").map((()=>new ce({type:"None",path:""}))).desc("none");Integer=e=>Be.regex(/[\-\+]?[0-9]+/).map((e=>new me(e))).desc("an integer");Guid=e=>e.HexDigit.times(32).tie().map((e=>new de({value:e}))).desc("32 digit hexadecimal value");Identifier=e=>Be.regex(/\w+/).map((e=>new pe(e)));PathSymbol=e=>Be.regex(/[0-9\w]+/).map((e=>new Ee({value:e})));PathSymbolOptSpaces=e=>Be.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map((e=>new Ee({value:e})));Symbol=e=>Be.regex(/\w+/).map((e=>new Le({value:e})));ObjectReference=e=>Be.alt(e.None,...[Oe.ReferencePath(e,e.PathSymbolOptSpaces).map((e=>new ce({type:"",path:e})))].flatMap((e=>[e.wrap(Be.string('"'),Be.string('"')),e.wrap(Be.string("'\""),Be.string("\"'"))])),Be.seqMap(Oe.ReferencePath(e,e.PathSymbolOptSpaces),Be.optWhitespace,Be.alt(...[Oe.ReferencePath(e,e.PathSymbolOptSpaces)].flatMap((e=>[e.wrap(Be.string('"'),Be.string('"')),e.wrap(Be.string("'\""),Be.string("\"'"))]))),((e,t,i)=>new ce({type:e,path:i}))),Oe.ReferencePath(e,e.PathSymbol).map((e=>new ce({type:"",path:e}))),e.Word.map((e=>new ce({type:e,path:""}))));LocalizedText=e=>Be.seqMap(Be.string(ye.lookbehind).skip(Be.optWhitespace).skip(Be.string("(")),e.String.trim(Be.optWhitespace),Be.string(","),e.String.trim(Be.optWhitespace),Be.string(","),e.String.trim(Be.optWhitespace),Be.string(")"),((e,t,i,n,r,s,o)=>new ye({namespace:t,key:n,value:s})));InvariantText=e=>e.String.trim(Be.optWhitespace).wrap(Be.string(ge.lookbehind).skip(Be.optWhitespace).skip(Be.string("(")),Be.string(")")).map((e=>new ge({value:e})));AttributeAnyValue=e=>Be.alt(e.Boolean,e.Guid,e.None,e.Null,e.Number,e.String,e.LocalizedText,e.InvariantText,e.PinReference,Oe.createEntityGrammar(e,ke,!0),Oe.createEntityGrammar(e,fe,!0),e.UnknownKeys,e.ObjectReference,e.Symbol);PinReference=e=>Be.seqMap(e.PathSymbol,Be.whitespace,e.Guid,((e,t,i)=>new Se({objectName:e,pinGuid:i})));Vector=e=>Oe.createEntityGrammar(e,ke);Rotator=e=>Oe.createEntityGrammar(e,Ce);SimpleSerializationRotator=e=>Be.seqMap(e.Number,Be.string(",").trim(Be.optWhitespace),e.Number,Be.string(",").trim(Be.optWhitespace),e.Number,((e,t,i,n,r)=>new Pe({R:r,P:e,Y:i})));SimpleSerializationVector=e=>Be.seqMap(e.Number,Be.string(",").trim(Be.optWhitespace),e.Number,Be.string(",").trim(Be.optWhitespace),e.Number,((e,t,i,n,r)=>new Ne({X:e,Y:i,Z:r})));LinearColor=e=>Oe.createEntityGrammar(e,fe);FunctionReference=e=>Oe.createEntityGrammar(e,he);VariableReference=e=>Oe.createEntityGrammar(e,Te);MacroGraphReference=e=>Oe.createEntityGrammar(e,we);KeyBinding=e=>Be.alt(e.Identifier.map((e=>new be({Key:e}))),Oe.createEntityGrammar(e,be));Pin=e=>Oe.createEntityGrammar(e,xe);CustomProperties=e=>Be.string("CustomProperties").then(Be.whitespace).then(e.Pin).map((e=>t=>{let i=le.objectGet(t,["CustomProperties"],[]);i.push(e),le.objectSet(t,["CustomProperties"],i,!0)}));Object=e=>Be.seqMap(Be.seq(Be.string("Begin"),Be.whitespace,Be.string("Object"),Be.whitespace),Be.alt(e.CustomProperties,Oe.createAttributeGrammar(e,Ae)).sepBy1(Be.whitespace),Be.seq(e.MultilineWhitespace,Be.string("End"),Be.whitespace,Be.string("Object")),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),new Ae(n)}));MultipleObject=e=>e.Object.sepBy1(Be.whitespace).trim(Be.optWhitespace);LinearColorFromHex=e=>Be.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(Be.optWhitespace).map((([e,t,i,n])=>new fe({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(i,16)/255,A:n?parseInt(n,16)/255:1})));LinearColorFromRGBList=e=>Be.seqMap(e.ColorNumber,Be.string(",").skip(Be.optWhitespace),e.ColorNumber,Be.string(",").skip(Be.optWhitespace),e.ColorNumber.map(Number),((e,t,i,n,r)=>new fe({R:e/255,G:i/255,B:r/255,A:1})));LinearColorFromRGB=e=>Be.string("rgb").then(e.LinearColorFromRGBList.wrap(Be.regex(/\(\s*/),Be.regex(/\s*\)/)));LinearColorFromRGBA=e=>Be.string("rgba").then(Be.seqMap(e.ColorNumber,Be.string(",").skip(Be.optWhitespace),e.ColorNumber,Be.string(",").skip(Be.optWhitespace),e.ColorNumber.map(Number),Be.string(",").skip(Be.optWhitespace),Be.regex(/0?\.\d+|[01]/).map(Number),((e,t,i,n,r,s,o)=>new fe({R:e/255,G:i/255,B:r/255,A:o}))).wrap(Be.regex(/\(\s*/),Be.regex(/\s*\)/)));LinearColorFromAnyColor=e=>Be.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA);UnknownKeys=e=>Be.seqMap(Be.regex(/\w*\s*/).skip(Be.string("(")),Be.seqMap(e.AttributeName,Be.string("=").trim(Be.optWhitespace),e.AttributeAnyValue,((e,t,i)=>t=>le.objectSet(t,e.split("."),i,!0))).trim(Be.optWhitespace).sepBy(Be.string(",")).skip(Be.regex(/,?/).then(Be.optWhitespace)),Be.string(")"),((e,t,i)=>{let n={};t.forEach((e=>e(n)));let r=new He(n);return e&&(r.lookbehind=e),r}))}class Re{static grammar=De.createLanguage(new Oe);constructor(e,t="",i=",",n=!1,r="=",s=(e=>e.join("."))){this.entityType=e,this.attributePrefix=t,this.attributeSeparator=i,this.trailingSeparator=n,this.attributeValueConjunctionSign=r,this.attributeKeyPrinter=s}deserialize(e){return this.read(e)}serialize(e,t=!1,i=e){return this.write(i,e,t)}read(e){throw new Error("Not implemented")}write(e,t,i){throw new Error("Not implemented")}writeValue(e,t,i,n){const r=le.getType(t),s=se.getSerializer(r);if(!s)throw new Error(`Unknown value type "${r.name}", a serializer must be registered in the SerializerFactory class, check initializeSerializerFactory.js`);return s.write(e,t,n)}subWrite(e,t,i,n){let r="",s=t.concat("");const o=s.length-1;for(const t of Object.getOwnPropertyNames(i)){s[o]=t;const a=i[t];if(a?.constructor===Object)r+=(r.length?this.attributeSeparator:"")+this.subWrite(e,s,a,n);else if(void 0!==a&&this.showProperty(e,i,s,a)){const t=le.isSerialized(e,s);r+=(r.length?this.attributeSeparator:"")+this.attributePrefix+this.attributeKeyPrinter(s)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,s,!0)}"`:this.writeValue(e,a,s,n))}}return this.trailingSeparator&&r.length&&1===s.length&&(r+=this.attributeSeparator),r}showProperty(e,t,i,n){const r=this.entityType.attributes,s=le.objectGet(r,i);return!(s instanceof ae)||!s.ignored&&(!le.equals(s.value,n)||s.showDefault)}}class ze extends Re{constructor(){super(Ae," ","\n",!1)}showProperty(e,t,i,n){switch(i.toString()){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t,i,n)}read(e){const t=Re.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=Re.grammar.MultipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t,i){return`Begin Object Class=${t.Class.path} Name=${this.writeValue(e,t.Name,["Name"],i)}\n${this.subWrite(e,[],t,i)+t.CustomProperties.map((e=>this.attributeSeparator+this.attributePrefix+"CustomProperties "+se.getSerializer(xe).serialize(e))).join("")}\nEnd Object\n`}}class Ie extends ie{static#g=new ze;#b;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#b=e=>n.copied()}listenEvents(){document.body.addEventListener("copy",this.#b)}unlistenEvents(){document.body.removeEventListener("copy",this.#b)}copied(){const e=this.blueprint.getNodes(!0).map((e=>Ie.#g.serialize(e.entity,!1))).join("");navigator.clipboard.writeText(e)}}class _e{static styles=s``;element;#v=[];get inputObjects(){return this.#v}constructed(e){this.element=e}createInputObjects(){return[]}connectedCallback(){}willUpdate(e){}update(e){}render(){return H``}firstUpdated(e){}updated(e){}inputSetup(){this.#v=this.createInputObjects()}cleanup(){this.#v.forEach((e=>e.unlistenDOMElement()))}}class Ve extends ie{#f;constructor(e,t,i={}){i.activateAnyKey??=!1,i.activationKeys??=[],i.consumeEvent??=!0,i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,i.activationKeys instanceof Array||(i.activationKeys=[i.activationKeys]),i.activationKeys=i.activationKeys.map((e=>{if(e instanceof be)return e;if(e.constructor===String){const t=Re.grammar.KeyBinding.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,i),this.#f=this.options.activationKeys??[];let n=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||n.#f.some((t=>(e=>e.bShift||"LeftShift"==e.Key||"RightShift"==e.Key)(t)==e.shiftKey&&(e=>e.bCtrl||"LeftControl"==e.Key||"RightControl"==e.Key)(t)==e.ctrlKey&&(e=>e.bAlt||"LeftAlt"==e.Key||"RightAlt"==e.Key)(t)==e.altKey&&te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&(e.preventDefault(),e.stopImmediatePropagation()),n.fire(),document.removeEventListener("keydown",n.keyDownHandler),document.addEventListener("keyup",n.keyUpHandler))},this.keyUpHandler=e=>{(this.options.activateAnyKey||n.#f.some((t=>t.bShift&&"Shift"==e.key||t.bCtrl&&"Control"==e.key||t.bAlt&&"Alt"==e.key||t.bCmd&&"Meta"==e.key||te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&e.stopImmediatePropagation(),n.unfire(),document.removeEventListener("keyup",this.keyUpHandler),document.addEventListener("keydown",this.keyDownHandler))}}listenEvents(){document.addEventListener("keydown",this.keyDownHandler)}unlistenEvents(){document.removeEventListener("keydown",this.keyDownHandler)}fire(){}unfire(){}}class Ge extends Ve{constructor(e,t,i={}){i.activationKeys=te.deleteNodesKeyboardKey,super(e,t,i)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Fe extends ie{constructor(e,t,i={}){i.ignoreTranslateCompensate??=!1,i.movementSpace??=t.getGridDOMElement()??document.documentElement,super(e,t,i),this.movementSpace=i.movementSpace}locationFromEvent(e){const t=le.convertLocation([e.clientX,e.clientY],this.movementSpace);return this.options.ignoreTranslateCompensate?t:this.blueprint.compensateTranslation(t)}}class je extends Fe{#y=e=>{e.preventDefault();const t=this.locationFromEvent(e);this.wheel(Math.sign(e.deltaY*te.mouseWheelFactor),t)};#w=e=>e.preventDefault();constructor(e,t,i={}){i.listenOnFocus=!0,i.strictTarget??=!1,super(e,t,i),this.strictTarget=i.strictTarget}listenEvents(){this.movementSpace.addEventListener("wheel",this.#y,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#w)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#y,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#w)}wheel(e,t){}}class Ue extends je{#E=!1;get enableZoonIn(){return this.#E}set enableZoonIn(e){(e=Boolean(e))!=this.#E&&(this.#E=e)}wheel(e,t){let i=this.blueprint.getZoom();e=-e,!this.enableZoonIn&&0==i&&e>0||(i+=e,this.blueprint.setZoom(i,t))}}class We extends Ve{#S;constructor(e,t,i={}){i.activationKeys=te.enableZoomIn,super(e,t,i)}fire(){this.#S=this.blueprint.getInputObject(Ue),this.#S.enableZoonIn=!0}unfire(){this.#S.enableZoonIn=!1}}class Xe extends Ve{constructor(e,t,i={}){i.activationKeys=te.selectAllKeyboardKey,super(e,t,i)}fire(){this.blueprint.selectAll()}}class Ye extends Q{static properties={};#C=[];#i;get blueprint(){return this.#i}set blueprint(e){this.#i=e}#P;get entity(){return this.#P}set entity(e){this.#P=e}#k;get template(){return this.#k}inputObjects=[];constructor(e,t){super(),this.#P=e,this.#k=t,this.inputObjects=[],this.#k.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);for(const t of this.#C)t(e);this.#C=[]}disconnectedCallback(){super.disconnectedCallback(),this.template.cleanup()}addNextUpdatedCallbacks(e,t=!1){this.#C.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 Ke extends Ye{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1},sizeX:{type:Number,attribute:!1},sizeY:{type:Number,attribute:!1}};static dragEventName=te.dragEventName;static dragGeneralEventName=te.dragGeneralEventName;constructor(e,t){super(e,t),this.locationX=0,this.locationY=0,this.sizeX??=0,this.sizeY??=0}computeSizes(){const e=1/this.blueprint.getScale(),t=this.getBoundingClientRect();this.sizeX=t.width*e,this.sizeY=t.height*e}firstUpdated(e){super.firstUpdated(e),this.computeSizes()}setLocation([e,t],i=!0){const n=[e-this.locationX,t-this.locationY];if(this.locationX=e,this.locationY=t,this.blueprint&&i){const e=new CustomEvent(this.constructor.dragEventName,{detail:{value:n},bubbles:!1,cancelable:!0});this.dispatchEvent(e)}}addLocation([e,t],i=!0){this.setLocation([this.locationX+e,this.locationY+t],i)}acknowledgeDrag(e){const t=new CustomEvent(this.constructor.dragGeneralEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=le.snapToGrid([this.locationX,this.locationY],te.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e)}topBoundary(e=!1){return this.template.topBoundary(e)}rightBoundary(e=!1){return this.template.rightBoundary(e)}bottomBoundary(e=!1){return this.template.bottomBoundary(e)}leftBoundary(e=!1){return this.template.leftBoundary(e)}}class qe extends Fe{#N=e=>{if(this.blueprint.setFocused(!0),e.button===this.options.clickButton)this.options.strictTarget&&e.target!=e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#x.addEventListener("mousemove",this.#L),document.addEventListener("mouseup",this.#T),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.target instanceof Ke&&(this.clickedOffset=[this.clickedPosition[0]-this.target.locationX,this.clickedPosition[1]-this.target.locationY]),this.clicked(this.clickedPosition));else this.options.exitAnyButton||this.#T(e)};#L=e=>{this.options.consumeEvent&&e.stopImmediatePropagation(),this.#x.removeEventListener("mousemove",this.#L),this.#x.addEventListener("mousemove",this.#A);const t=this.getEvent(te.trackingMouseEventName.begin);this.#$=0==this.target.dispatchEvent(t);const i=this.locationFromEvent(e);this.lastLocation=le.snapToGrid(this.clickedPosition,this.stepSize),this.startDrag(i),this.started=!0};#A=e=>{this.options.consumeEvent&&e.stopImmediatePropagation();const t=this.locationFromEvent(e),i=[e.movementX,e.movementY];this.dragTo(t,i),this.#$&&(this.blueprint.mousePosition=this.locationFromEvent(e))};#T=e=>{if(!this.options.exitAnyButton||e.button==this.options.clickButton){if(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#x.removeEventListener("mousemove",this.#L),this.#x.removeEventListener("mousemove",this.#A),document.removeEventListener("mouseup",this.#T),this.started&&this.endDrag(),this.unclicked(),this.#$){const e=this.getEvent(te.trackingMouseEventName.end);this.target.dispatchEvent(e),this.#$=!1}this.started=!1}};#$=!1;#x;#M;clickedOffset=[0,0];clickedPosition=[0,0];lastLocation=[0,0];started=!1;stepSize=1;constructor(e,t,i={}){i.clickButton??=0,i.consumeEvent??=!0,i.draggableElement??=e,i.exitAnyButton??=!0,i.moveEverywhere??=!1,i.movementSpace??=t?.getGridDOMElement(),i.repositionOnClick??=!1,i.strictTarget??=!1,super(e,t,i),this.stepSize=parseInt(i?.stepSize??te.gridSize),this.#x=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#M=this.options.draggableElement,this.listenEvents()}listenEvents(){super.listenEvents(),this.#M.addEventListener("mousedown",this.#N),2==this.options.clickButton&&this.#M.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){super.unlistenEvents(),this.#M.removeEventListener("mousedown",this.#N)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class Ze extends qe{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Je extends Fe{#D=null;#H;#B;#O;constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i);let n=this;this.#H=e=>{e.preventDefault(),n.blueprint.mousePosition=n.locationFromEvent(e)},this.#B=e=>{n.#D||(e.preventDefault(),this.#D=e.detail.tracker,n.unlistenMouseMove())},this.#O=e=>{n.#D==e.detail.tracker&&(e.preventDefault(),n.#D=null,n.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#H)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#H)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(te.trackingMouseEventName.begin,this.#B),this.blueprint.addEventListener(te.trackingMouseEventName.end,this.#O)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(te.trackingMouseEventName.begin,this.#B),this.blueprint.removeEventListener(te.trackingMouseEventName.end,this.#O)}}class Qe{static#R=new Map;static registerElement(e,t){Qe.#R.set(e,t)}static getConstructor(e){return Qe.#R.get(e)}}class et extends ie{static#g=new ze;#z;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#z=e=>n.pasted(e.clipboardData.getData("Text"))}listenEvents(){document.body.addEventListener("paste",this.#z)}unlistenEvents(){document.body.removeEventListener("paste",this.#z)}pasted(e){let t=0,i=0,n=0,r=et.#g.readMultiple(e).map((e=>{let r=new(Qe.getConstructor("ueb-node"))(e);return t+=r.locationY,i+=r.locationX,++n,r}));t/=n,i/=n,r.length>0&&this.blueprint.unselectAll();let s=this.blueprint.mousePosition;return r.forEach((e=>{const n=[s[0]-i,s[1]-t];e.addLocation(n),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...r),!0}}class tt extends qe{constructor(e,t,i){super(e,t,i),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 it extends ie{#I;constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i);let n=this;this.#I=e=>n.clickedSomewhere(e.target),this.blueprint.focus&&document.addEventListener("click",this.#I)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#I)}unlistenEvents(){document.removeEventListener("click",this.#I)}}class nt extends _e{static styleVariables={"--ueb-font-size":`${te.fontSize}`,"--ueb-grid-axis-line-color":`${te.gridAxisLineColor}`,"--ueb-grid-expand":`${te.expandGridSize}px`,"--ueb-grid-line-color":`${te.gridLineColor}`,"--ueb-grid-line-width":`${te.gridLineWidth}px`,"--ueb-grid-set-line-color":`${te.gridSetLineColor}`,"--ueb-grid-set":`${te.gridSet}`,"--ueb-grid-size":`${te.gridSize}px`,"--ueb-link-min-width":`${te.linkMinWidth}`,"--ueb-node-radius":`${te.nodeRadius}px`};constructed(e){super.constructed(e),this.element.style.cssText=Object.entries(nt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Ie(this.element.getGridDOMElement(),this.element),new et(this.element.getGridDOMElement(),this.element),new Ge(this.element.getGridDOMElement(),this.element),new Xe(this.element.getGridDOMElement(),this.element),new Ue(this.element.getGridDOMElement(),this.element),new tt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new Ze(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new it(this.element.getGridDOMElement(),this.element),new Je(this.element.getGridDOMElement(),this.element),new We(this.element.getGridDOMElement(),this.element)]}render(){return H`
Zoom ${0==this.element.zoom?"1:1":(this.element.zoom>0?"+":"")+this.element.zoom}
`}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=this.element.querySelector("ueb-selector"),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(te.expandGridSize,te.expandGridSize)}willUpdate(e){super.willUpdate(e),this.element.headerElement&&e.has("zoom")&&(this.element.headerElement.classList.add("ueb-zoom-changed"),this.element.headerElement.addEventListener("animationend",(()=>this.element.headerElement.classList.remove("ueb-zoom-changed"))))}updated(e){if(super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.element.viewportElement.scroll(this.element.scrollX,this.element.scrollY),e.has("zoom")){const t=e.get("zoom"),i=Math.min(t,this.element.zoom),n=Math.max(t,this.element.zoom),r=le.range(i,n),s=e=>`ueb-zoom-${e}`;te<0)).map(s)),this.element.classList.add(...r.filter((e=>e>0)).map(s))):(this.element.classList.remove(...r.filter((e=>e>0)).map(s)),this.element.classList.add(...r.filter((e=>e<0)).map(s)))}}getCommentNodes(e=!1){return this.element.querySelectorAll(`ueb-node[data-type="${te.nodeType.comment}"]${e?'[data-selected="true"]':""}`)}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}}class rt extends Ye{static properties={...super.properties,fromX:{type:Number,attribute:!1},fromY:{type:Number,attribute:!1},toX:{type:Number,attribute:!1},toY:{type:Number,attribute:!1}};constructor(...e){super(...e),this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}setBothLocations([e,t]){this.fromX=e,this.fromY=t,this.toX=e,this.toY=t}addSourceLocation([e,t]){this.fromX+=e,this.fromY+=t}addDestinationLocation([e,t]){this.toX+=e,this.toY+=t}}class st extends _e{update(e){super.update(e);const[t,i,n,r]=[Math.round(this.element.fromX),Math.round(this.element.fromY),Math.round(this.element.toX),Math.round(this.element.toY)],[s,o,a,l]=[Math.min(t,n),Math.min(i,r),Math.abs(t-n),Math.abs(i-r)];(e.has("fromX")||e.has("toX"))&&(this.element.style.left=`${s}px`,this.element.style.width=`${a}px`),(e.has("fromY")||e.has("toY"))&&(this.element.style.top=`${o}px`,this.element.style.height=`${l}px`)}}class ot extends Ae{constructor(e={},t){super(e,!0),this.Class=new ce("/Script/BlueprintGraph.K2Node_Knot"),this.Name="K2Node_Knot";const i=new xe({PinName:"InputPin"},!0),n=new xe({PinName:"OutputPin",Direction:"EGPD_Output"},!0);t&&(i.copyTypeFrom(t),n.copyTypeFrom(t)),this.CustomProperties=[i,n]}}class at extends Fe{static ignoreDbClick=e=>{};#_=e=>{this.options.strictTarget&&e.target!==e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.dbclicked(this.clickedPosition))};#V;get onDbClick(){return this.#V}set onDbClick(e){this.#V=e}clickedPosition=[0,0];constructor(e,t,i={},n=at.ignoreDbClick){i.consumeEvent??=!0,i.strictTarget??=!1,super(e,t,i),this.#V=n,this.listenEvents()}listenEvents(){this.target.addEventListener("dblclick",this.#_)}unlistenEvents(){this.target.removeEventListener("dblclick",this.#_)}dbclicked(e){this.onDbClick(e)}}class lt extends st{static decreasingValue(e,t){const i=-e*t[0]**2,n=t[1]-i/t[0];return e=>i/e+n}static clampedLine(e,t){if(e[0]>t[0]){const i=e;e=t,t=i}const i=(t[1]-e[1])/(t[0]-e[0]),n=e[1]-i*e[0];return r=>rt[0]?t[1]:i*r+n}static c1DecreasingValue=lt.decreasingValue(-.15,[100,15]);static c2DecreasingValue=lt.decreasingValue(-.06,[500,130]);static c2Clamped=lt.clampedLine([0,100],[200,30]);#G=e=>{const t=new ot({},this.element.sourcePin.entity),i=new(Qe.getConstructor("ueb-node"))(t);i.setLocation(this.element.blueprint.snapToGrid(e)),this.element.blueprint.addGraphElement(i);const n=new(Qe.getConstructor("ueb-link"))(i.template.outputPin,this.element.destinationPin);this.element.destinationPin=i.template.inputPin,this.element.blueprint.addGraphElement(n)};createInputObjects(){return[...super.createInputObjects(),new at(this.element.querySelector(".ueb-link-area"),this.element.blueprint,void 0,(e=>this.#G(e)))]}willUpdate(e){super.willUpdate(e);const t=this.element.sourcePin,i=this.element.destinationPin;if(e.has("fromX")||e.has("toX")){const e=t?.nodeElement.getType()==te.nodeType.knot,n=i?.nodeElement.getType()==te.nodeType.knot;!e||i&&!n||(t?.isInput()&&this.element.toX>this.element.fromX+te.distanceThreshold?this.element.sourcePin=t.nodeElement.template.outputPin:t?.isOutput()&&this.element.toXthis.element.fromX-te.distanceThreshold&&(this.element.destinationPin=i.nodeElement.template.inputPin))}const n=Math.max(Math.abs(this.element.fromX-this.element.toX),1);Math.max(Math.abs(this.element.fromY-this.element.toY),1);const r=Math.max(n,te.linkMinWidth),s=n/r,o=this.element.originatesFromInput?this.element.fromXthis.element.toY?1:0)),this.element.style.setProperty("--ueb-start-percentage",`${Math.round(this.element.startPercentage)}%`),this.element.style.setProperty("--ueb-link-start",`${Math.round(this.element.startPixels)}`)}render(){const e=`ueb-id-${Math.floor(1e12*Math.random())}`;return H` ${this.element.linkMessageIcon||this.element.linkMessageText?H`
${this.element.linkMessageIcon!==O?H`${this.element.linkMessageIcon}`:O} ${this.element.linkMessageText!==O?H`${this.element.linkMessageText}`:O}
`:O}`}}class ut{static branchNode=H``;static breakStruct=H``;static cast=H``;static close=H``;static correct=H``;static doN=H``;static execPin=H``;static expandIcon=H``;static forEachLoop=H``;static functionSymbol=H``;static genericPin=H``;static loop=H``;static macro=H``;static makeArray=H``;static makeMap=H``;static makeStruct=H``;static referencePin=H``;static reject=H``;static select=H``;static sequence=H``}class ct extends rt{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:le.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#F;get sourcePin(){return this.#F}set sourcePin(e){this.#j(e,!1)}#U;get destinationPin(){return this.#U}set destinationPin(e){this.#j(e,!0)}#W;#X;#Y;#K;#q;linkMessageIcon=O;linkMessageText=O;pathElement;constructor(e,t){super({},new lt);const i=this;this.#W=()=>i.remove(),this.#X=e=>i.addSourceLocation(e.detail.value),this.#Y=e=>i.addDestinationLocation(e.detail.value),this.#K=e=>i.setSourceLocation(),this.#q=e=>i.setDestinationLocation(),this.source=null,this.destination=null,this.dragging=!1,this.originatesFromInput=!1,this.startPercentage=0,this.svgPathD="",this.startPixels=0,e&&(this.sourcePin=e,t||(this.toX=this.fromX,this.toY=this.fromY)),t&&(this.destinationPin=t,e||(this.fromX=this.toX,this.fromY=this.toY)),this.#Z()}#j(e,t){const i=()=>t?this.destinationPin:this.sourcePin;if(i()!=e){if(i()){const e=i().getNodeElement();e.removeEventListener(te.nodeDeleteEventName,this.#W),e.removeEventListener(te.nodeDragEventName,t?this.#Y:this.#X),e.removeEventListener(te.nodeReflowEventName,t?this.#q:this.#K),this.#J()}if(t?this.#U=e:this.#F=e,i()){const e=i().getNodeElement();e.addEventListener(te.nodeDeleteEventName,this.#W),e.addEventListener(te.nodeDragEventName,t?this.#Y:this.#X),e.addEventListener(te.nodeReflowEventName,t?this.#q:this.#K),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#Z()}}}#Z(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#J(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin),this.destinationPin.unlinkFrom(this.sourcePin))}disconnectedCallback(){super.disconnectedCallback(),this.#J(),this.sourcePin=null,this.destinationPin=null}setSourceLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.sourcePin.hasUpdated)return void Promise.all([this.updateComplete,this.sourcePin.updateComplete]).then((()=>t.setSourceLocation()));e=this.sourcePin.template.getLinkLocation()}const[t,i]=e;this.fromX=t,this.fromY=i}setDestinationLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.destinationPin.hasUpdated)return void Promise.all([this.updateComplete,this.destinationPin.updateComplete]).then((()=>t.setDestinationLocation()));e=this.destinationPin.template.getLinkLocation()}this.toX=e[0],this.toY=e[1]}startDragging(){this.dragging=!0}finishDragging(){this.dragging=!1}removeMessage(){this.linkMessageIcon="",this.linkMessageText=""}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon=ut.correct,this.linkMessageText=O}setMessageReplace(){this.linkMessageIcon=ut.correct,this.linkMessageText=O}setMessageDirectionsIncompatible(){this.linkMessageIcon=ut.reject,this.linkMessageText=H`Directions are not compatbile.`}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText=H`Place a new node.`}setMessageReplaceLink(){this.linkMessageIcon=ut.correct,this.linkMessageText=H`Replace existing input connections.`}setMessageSameNode(){this.linkMessageIcon=ut.reject,this.linkMessageText=H`Both are on the same node.`}setMEssagetypesIncompatible(){this.linkMessageIcon=ut.reject,this.linkMessageText=H`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}class ht extends qe{clicked(e){this.options.repositionOnClick&&(this.target.setLocation(this.stepSize>1?le.snapToGrid(e,this.stepSize):e),this.clickedOffset=[0,0])}dragTo(e,t){const i=[this.target.locationX??this.lastLocation[0],this.target.locationY??this.lastLocation[1]],[n,r]=this.stepSize>1?[le.snapToGrid(e,this.stepSize),le.snapToGrid(i,this.stepSize)]:[e,i];0==(t=[n[0]-this.lastLocation[0],n[1]-this.lastLocation[1]])[0]&&0==t[1]||(t[0]+=r[0]-i[0],t[1]+=r[1]-i[1],this.dragAction(n,t),this.lastLocation=n)}dragAction(e,t){this.target.setLocation([e[0]-this.clickedOffset[0],e[1]-this.clickedOffset[1]])}}class dt extends ht{#Q;#ee;#te;#ie;constructor(e,t,i={}){super(e,t,i),i.onClicked&&(this.#Q=i.onClicked),i.onStartDrag&&(this.#ee=i.onStartDrag),i.onDrag&&(this.#te=i.onDrag),i.onEndDrag&&(this.#ie=i.onEndDrag)}clicked(){super.clicked(),this.#Q?.()}startDrag(){super.startDrag(),this.#ee?.()}dragAction(e,t){this.#te?.(e,t)}endDrag(){super.endDrag(),this.#ie?.()}}class pt extends _e{getDraggableElement(){return this.element}createDraggableObject(){return new ht(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return this.element.locationY+this.element.sizeY}leftBoundary(e=!1){return this.element.locationX}}class mt extends pt{update(e){super.update(e),e.has("locationX")&&(this.element.style.left=`${this.element.locationX}px`),e.has("locationY")&&(this.element.style.top=`${this.element.locationY}px`)}}class gt extends ht{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragAction(e,t){this.target.acknowledgeDrag(t)}unclicked(){this.started?(this.blueprint.getNodes(!0).forEach((e=>e.boundComments.filter((t=>!e.isInsideComment(t))).forEach((t=>e.unbindFromComment(t))))),this.blueprint.getCommentNodes().forEach((e=>e.template.manageNodesBind()))):(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class bt extends mt{getDraggableElement(){return this.element}createDraggableObject(){return new gt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class vt extends bt{static#ne={[te.nodeType.doN]:ut.doN,[te.nodeType.dynamicCast]:ut.cast,[te.nodeType.executionSequence]:ut.sequence,[te.nodeType.forEachElementInEnum]:ut.loop,[te.nodeType.forEachLoop]:ut.forEachLoop,[te.nodeType.forEachLoopWithBreak]:ut.forEachLoop,[te.nodeType.forLoop]:ut.loop,[te.nodeType.forLoopWithBreak]:ut.loop,[te.nodeType.ifThenElse]:ut.branchNode,[te.nodeType.makeArray]:ut.makeArray,[te.nodeType.makeMap]:ut.makeMap,[te.nodeType.select]:ut.select,[te.nodeType.whileLoop]:ut.loop,default:ut.functionSymbol};#re=!1;toggleAdvancedDisplayHandler=()=>{this.element.toggleShowAdvancedPinDisplay(),this.element.addNextUpdatedCallbacks((()=>this.element.acknowledgeReflow()),!0)};constructed(e){super.constructed(e),this.element.style.setProperty("--ueb-node-color",this.getColor().cssText)}getColor(){const e=s``,t=s``;switch(this.element.entity.getClass()){case te.nodeType.callFunction:return this.element.entity.bIsPureFunc?t:e;case te.nodeType.makeArray:case te.nodeType.makeMap:case te.nodeType.select:return t;case te.nodeType.macro:case te.nodeType.executionSequence:case te.nodeType.dynamicCast:return s``}return e}render(){const e=this.renderNodeIcon(),t=this.renderNodeName();return H`
${e?H`
${e}
`:O} ${t?H`
${t} ${this.#re&&this.element.entity.FunctionReference.MemberParent?H`
Target is ${le.formatStringName(this.element.entity.FunctionReference.MemberParent.getName())}
`:O}
`:O}
${"DevelopmentOnly"==this.element.enabledState?.toString()?H`
Development Only
`:O} ${this.element.advancedPinDisplay?H`
${ut.expandIcon}
`:O}
`}renderNodeIcon(){let e=vt.#ne[this.element.getType()];return e||(this.element.getNodeDisplayName().startsWith("Break")?ut.breakStruct:this.element.entity.getClass()===te.nodeType.macro?ut.macro:vt.#ne.default)}renderNodeName(){return this.element.getNodeDisplayName()}firstUpdated(e){super.firstUpdated(e),this.setupPins(),this.element.updateComplete.then((()=>this.element.acknowledgeReflow()))}setupPins(){const e=this.element.querySelector(".ueb-node-inputs"),t=this.element.querySelector(".ueb-node-outputs");this.element.nodeNameElement=this.element.querySelector(".ueb-node-name-text"),this.element.getPinElements().forEach((i=>{i.isInput()?e.appendChild(i):i.isOutput()&&t.appendChild(i)}))}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>(this.#re||"Target"!==e.getDisplayName()||(this.#re=!0),new(Qe.getConstructor("ueb-pin"))(e,void 0,this.element))))}getPinElements(e){return e.querySelectorAll("ueb-pin")}linksChanged(){}}class ft extends vt{#se=document.createElement("div");#oe=document.createElement("div");#ae=document.createElement("div");#le=document.createElement("div");#ue=document.createElement("div");#ce=document.createElement("div");#he=document.createElement("div");#de=document.createElement("div");constructed(e){super.constructed(e),this.element.classList.add("ueb-resizeable")}update(e){super.update(e),this.element.sizeX>=0&&e.has("sizeX")&&(this.element.style.width=`${this.element.sizeX}px`),this.element.sizeY>=0&&e.has("sizeY")&&(this.element.style.height=`${this.element.sizeY}px`)}firstUpdated(e){super.firstUpdated(e),this.#se.classList.add("ueb-resizeable-top"),this.#oe.classList.add("ueb-resizeable-right"),this.#ae.classList.add("ueb-resizeable-bottom"),this.#le.classList.add("ueb-resizeable-left"),this.#ue.classList.add("ueb-resizeable-top-right"),this.#ce.classList.add("ueb-resizeable-bottom-right"),this.#he.classList.add("ueb-resizeable-bottom-left"),this.#de.classList.add("ueb-resizeable-top-left"),this.element.append(this.#se,this.#oe,this.#ae,this.#le,this.#ue,this.#ce,this.#he,this.#de)}createInputObjects(){return[...super.createInputObjects(),new dt(this.#se,this.element.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.topBoundary(),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation([0,t[1]],!1)},onEndDrag:()=>this.endResize()}),new dt(this.#oe,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),this.setSizeX(this.element.sizeX+t[0])},onEndDrag:()=>this.endResize()}),new dt(this.#ae,this.element.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.bottomBoundary(),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new dt(this.#le,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation([t[0],0],!1)},onEndDrag:()=>this.endResize()}),new dt(this.#ue,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation([0,t[1]],!1)},onEndDrag:()=>this.endResize()}),new dt(this.#ce,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new dt(this.#he,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation([t[0],0],!1),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new dt(this.#de,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation([t[0],0],!1),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation([0,t[1]],!1)},onEndDrag:()=>this.endResize()})]}setSizeX(e){return this.element.setNodeWidth(e),!0}setSizeY(e){return this.element.setNodeHeight(e),!0}endResize(){}}class yt extends ft{#pe=fe.getWhite();#me=0;constructed(e){e.entity.CommentColor&&(this.#pe.setFromRGBANumber(e.entity.CommentColor.toNumber()),this.#pe.setFromHSVA(this.#pe.H.value,this.#pe.S.value,.67*Math.pow(this.#pe.V.value,.45))),e.classList.add("ueb-node-style-comment","ueb-node-resizeable"),e.sizeX??=25*te.gridSize,e.sizeY??=6*te.gridSize,super.constructed(e)}getColor(){return s`${Math.round(255*this.#pe.R.value)}${Math.round(255*this.#pe.G.value)}${Math.round(255*this.#pe.B.value)}`}getDraggableElement(){return this.element.querySelector(".ueb-node-top")}render(){return H`
${this.element.entity.NodeComment}
`}firstUpdated(e){super.firstUpdated(e);const t=this.getDraggableElement().getBoundingClientRect();this.#me=t.height}manageNodesBind(){let e=this.element.blueprint.getNodes();for(let t of e)t.topBoundary()>=this.element.topBoundary()&&t.rightBoundary()<=this.element.rightBoundary()&&t.bottomBoundary()<=this.element.bottomBoundary()&&t.leftBoundary()>=this.element.leftBoundary()?t.bindToComment(this.element):t.unbindFromComment(this.element)}setSizeX(e){return(e=Math.round(e))>=te.gridSet*te.gridSize&&(this.element.setNodeWidth(e),!0)}setSizeY(e){return(e=Math.round(e))>=3*te.gridSize&&(this.element.setNodeHeight(e),!0)}endResize(){this.manageNodesBind()}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return e?this.element.locationY+this.#me:super.bottomBoundary()}leftBoundary(e=!1){return this.element.locationX}}class wt extends Ke{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:le.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(te.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(te.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class Et extends qe{#ge;#be=null;#ve=e=>{if(!this.enteredPin){this.linkValid=!1,this.enteredPin=e.target;const t=this.link.sourcePin??this.target,i=this.enteredPin;t.nodeElement.getType()==te.nodeType.knot||i.nodeElement.getType()==te.nodeType.knot?(this.link.setMessageCorrect(),this.linkValid=!0):t.getNodeElement()==i.getNodeElement()?this.link.setMessageSameNode():t.isOutput()==i.isOutput()||t.isOutput()==i.isOutput()?this.link.setMessageDirectionsIncompatible():this.blueprint.getLinks([t,i]).length?(this.link.setMessageReplaceLink(),this.linkValid=!0):(this.link.setMessageCorrect(),this.linkValid=!0)}};#fe=e=>{this.enteredPin==e.target&&(this.enteredPin=null,this.linkValid=!1,this.link?.setMessagePlaceNode())};link;enteredPin;linkValid=!1;startDrag(e){this.target.nodeElement.getType()==te.nodeType.knot&&(this.#be=this.target),this.link=new(Qe.getConstructor("ueb-link"))(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#ge=this.blueprint.querySelectorAll("ueb-pin"),this.#ge.forEach((e=>{if(e!=this.target){const t=e.template.getClickableElement();t.addEventListener("mouseenter",this.#ve),t.addEventListener("mouseleave",this.#fe)}})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){if(this.#ge.forEach((e=>{e.removeEventListener("mouseenter",this.#ve),e.removeEventListener("mouseleave",this.#fe)})),this.enteredPin&&this.linkValid){if(this.#be){const e=this.#be!==this.link.sourcePin?this.link.sourcePin:this.enteredPin;if(this.#be.isInput()&&e.isInput()||this.#be.isOutput()&&e.isOutput()){const e=this.#be.isInput()?this.#be.nodeElement.template.outputPin:this.#be.nodeElement.template.inputPin;this.#be===this.link.sourcePin?this.link.sourcePin=e:this.enteredPin=e}}this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()}else this.link.finishDragging(),this.link.remove();this.enteredPin=null,this.link=null,this.#ge=null}}class St extends _e{#ye;get iconElement(){return this.#ye}connectedCallback(){super.connectedCallback(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new Et(this.getClickableElement(),this.element.blueprint,{moveEverywhere:!0})]}render(){const e=H`
${this.renderIcon()}
`,t=H`
${this.renderName()} ${this.element.isInput()&&!this.element.entity.bDefaultValueIsIgnored?this.renderInput():H``}
`;return H`
${this.element.isInput()?H`${e}${t}`:H`${t}${e}`}
`}renderIcon(){return ut.genericPin}renderName(){return H`${this.element.getPinDisplayName()}`}renderInput(){return H``}updated(e){if(super.updated(e),this.element.isInput()&&e.has("isLinked")){const e=this.element.nodeElement;e.addNextUpdatedCallbacks((()=>e.acknowledgeReflow())),e.requestUpdate()}}firstUpdated(e){super.firstUpdated(e),this.element.style.setProperty("--ueb-pin-color-rgb",te.getPinColor(this.element).cssText),this.#ye=this.element.querySelector(".ueb-pin-icon")??this.element}getLinkLocation(){const e=this.iconElement.getBoundingClientRect(),t=le.convertLocation([(e.left+e.right)/2,(e.top+e.bottom)/2],this.element.blueprint.gridElement);return this.element.blueprint.compensateTranslation(t)}getClickableElement(){return this.element}}class Ct extends St{render(){return this.element.isOutput()?H`
${this.renderIcon()}
`:H``}getLinkLocation(){const e=(this.element.isInput()?this.element.nodeElement.template.outputPin.template:this).iconElement.getBoundingClientRect(),t=le.convertLocation([this.element.isInput()?e.left+1:e.right+2,(e.top+e.bottom)/2],this.element.blueprint.gridElement);return this.element.blueprint.compensateTranslation(t)}}class Pt extends vt{static#we=new Set;#Ee=null;#Se;get inputPin(){return this.#Se}#Ce;get outputPin(){return this.#Ce}constructed(e){super.constructed(e),this.element.classList.add("ueb-node-style-minimal")}findDirectionaPin(e){if(e.nodeElement.getType()!==te.nodeType.knot||Pt.#we.has(e))return Pt.#we.clear(),!0;Pt.#we.add(e);for(let t of e.getLinks().map((e=>this.element.blueprint.getPin(e))))if(this.findDirectionaPin(t))return!0;return!1}render(){return H`
`}setupPins(){this.element.getPinElements().forEach((e=>this.element.querySelector(".ueb-node-border").appendChild(e)))}getPinElements(e){return e.querySelectorAll("ueb-pin")}createPinElements(){const e=this.element.getPinEntities().filter((e=>!e.isHidden())),t=e[e[0].isInput()?0:1],i=e[e[0].isOutput()?0:1],n=Qe.getConstructor("ueb-pin");return[this.#Se=new n(t,new Ct,this.element),this.#Ce=new n(i,new Ct,this.element)]}linksChanged(){}}class kt extends vt{#Pe=!1;#ke=!1;#Ne="";constructed(e){super.constructed(e),this.element.classList.add("ueb-node-style-glass"),this.#Ne=this.element.getNodeDisplayName()}render(){return H`
${this.#Ne?H`
${this.#Ne}
`:O}
${this.#Pe?H`
`:O} ${this.#ke?H`
`:O}
`}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>(this.#Pe||=e.isInput(),this.#ke||=e.isOutput(),new(Qe.getConstructor("ueb-pin"))(e,void 0,this.element))))}setupPins(){super.setupPins();let e=this.element.getPinElements().find((e=>!e.entity.isHidden()&&!e.entity.isExecution()));this.element.style.setProperty("--ueb-node-color",e.getColor().cssText)}}class Nt extends wt{static#xe={[te.nodeType.comment]:yt,[te.nodeType.knot]:Pt,[te.nodeType.variableGet]:kt,[te.nodeType.variableSet]:kt};static properties={...wt.properties,typePath:{type:String,attribute:"data-type",reflect:!0},nodeName:{type:String,attribute:"data-name",reflect:!0},advancedPinDisplay:{type:String,attribute:"data-advanced-display",converter:pe.attributeConverter,reflect:!0},enabledState:{type:String,attribute:"data-enabled-state",reflect:!0},nodeDisplayName:{type:String,attribute:!1},pureFunction:{type:Boolean,converter:le.booleanConverter,attribute:"data-pure-function",reflect:!0}};static dragEventName=te.nodeDragEventName;static dragGeneralEventName=te.nodeDragGeneralEventName;get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#Le.forEach((t=>t.blueprint=e))}#Te;get nodeNameElement(){return this.#Te}set nodeNameElement(e){this.#Te=e}#Le;boundComments=[];#Ae=!1;#$e=e=>{this.selected||this.#Ae||(this.#Ae=!0,this.addNextUpdatedCallbacks((()=>this.#Ae=!1)),this.addLocation(e.detail.value))};constructor(e,t){super(e,t??new(Nt.getTypeTemplate(e))),this.#Le=this.template.createPinElements(),this.typePath=this.entity.getType(),this.nodeName=this.entity.getObjectName(),this.advancedPinDisplay=this.entity.AdvancedPinDisplay?.toString(),this.enabledState=this.entity.EnabledState,this.nodeDisplayName=this.entity.getDisplayName(),this.pureFunction=this.entity.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.nodeName=e)),this.entity.NodeWidth&&this.entity.NodeHeight?(this.sizeX=this.entity.NodeWidth.value,this.sizeY=this.entity.NodeHeight.value):this.updateComplete.then((()=>this.computeSizes()))}static getTypeTemplate(e){return Nt.#xe[e.getClass()]??vt}static fromSerializedObject(e){e=e.trim();let t=se.getSerializer(Ae).deserialize(e);return new Nt(t)}getUpdateComplete(){return Promise.all([super.getUpdateComplete(),...this.getPinElements().map((e=>e.updateComplete))]).then((()=>!0))}bindToComment(e){e==this||this.boundComments.includes(e)||(e.addEventListener(te.nodeDragEventName,this.#$e),this.boundComments.push(e))}unbindFromComment(e){const t=this.boundComments.indexOf(e);t>=0&&(e.removeEventListener(te.nodeDragEventName,this.#$e),this.boundComments[t]=this.boundComments[this.boundComments.length-1],this.boundComments.pop())}isInsideComment(e){return this.topBoundary()>=e.topBoundary()&&this.rightBoundary()<=e.rightBoundary()&&this.bottomBoundary()<=e.bottomBoundary()&&this.leftBoundary()>=e.leftBoundary()}disconnectedCallback(){super.disconnectedCallback(),this.acknowledgeDelete()}getType(){return this.entity.getType()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.getDisplayName()}setNodeWidth(e){this.entity.setNodeWidth(e),this.sizeX=e,this.acknowledgeReflow()}setNodeHeight(e){this.entity.setNodeHeight(e),this.sizeY=e,this.acknowledgeReflow()}sanitizeLinks(e=[]){this.getPinElements().forEach((t=>t.sanitizeLinks(e)))}rename(e){if(this.entity.Name==e)return!1;for(let t of this.getPinElements())for(let i of t.getLinks())this.blueprint.getPin(i).redirectLink(t,new Se({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#Le}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof xe))}setLocation(e=[0,0],t=!0){let i=this.entity.NodePosX.constructor;this.entity.NodePosX=new i(e[0]),this.entity.NodePosY=new i(e[1]),super.setLocation(e,t)}acknowledgeDelete(){let e=new CustomEvent(te.nodeDeleteEventName);this.dispatchEvent(e)}acknowledgeReflow(){this.addNextUpdatedCallbacks((()=>this.computeSizes()),!0);let e=new CustomEvent(te.nodeReflowEventName);this.dispatchEvent(e)}setShowAdvancedPinDisplay(e){this.entity.AdvancedPinDisplay=new pe(e?"Shown":"Hidden")}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}class xt{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 Lt{constructor(e,t,i,n){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new xt((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new xt((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=n,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,n(e,!1);const s=i(e);this.initialPosition[1]{if(this.metadata[i].onSecondaryAxis)this.selectFunc(this.rectangles[i],n);else if(n){this.secondaryOrder.insert(i,e[1]);const n=this.metadata[i].secondaryBoundary;Math.sign(e[1]-n)==t[1]&&Math.sign(n-this.initialPosition[1])==t[1]&&this.selectFunc(this.rectangles[i],!0)}else this.selectFunc(this.rectangles[i],!1),this.secondaryOrder.remove(i);this.computeBoundaries(),this.selectTo(e)};e[0]this.boundaries.primaryN.v&&e[0]this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,i(this.boundaries.primaryP.i,this.initialPosition[0]{this.selectFunc(this.rectangles[t],i),this.computeBoundaries(),this.selectTo(e)};e[1]this.boundaries.secondaryN.v&&e[1]this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,n(this.boundaries.secondaryP.i,this.initialPosition[1]({primaryInf:e.leftBoundary(!0),primarySup:e.rightBoundary(!0),secondaryInf:e.topBoundary(!0),secondarySup:e.bottomBoundary(!0)});nodeSelectToggleFunction=(e,t)=>{e.setSelected(t)};constructor(e=new te){super({},new nt),this.selecting=!1,this.scrolling=!1,this.focused=!1,this.zoom=0,this.scrollX=te.expandGridSize,this.scrollY=te.expandGridSize,this.translateX=te.expandGridSize,this.translateY=te.expandGridSize}getGridDOMElement(){return this.gridElement}disconnectedCallback(){super.disconnectedCallback()}getScroll(){return[this.scrollX,this.scrollY]}setScroll([e,t],i=!1){this.scrollX=e,this.scrollY=t}scrollDelta(e,t=!1){const i=[2*te.expandGridSize,2*te.expandGridSize];let n=this.getScroll(),r=[n[0]+e[0],n[1]+e[1]],s=[0,0];for(let t=0;t<2;++t)e[t]<0&&r[t]0&&r[t]>i[t]-te.gridExpandThreshold*te.expandGridSize&&(s[t]=1);0==s[0]&&0==s[1]||this.seamlessExpand(s),n=this.getScroll(),r=[n[0]+e[0],n[1]+e[1]],this.setScroll(r,t)}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],i=this.getViewportSize().map((e=>e/2)),n=[t[0]-i[0],t[1]-i[1]];this.scrollDelta(n,!0)}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 le.snapToGrid(e,te.gridSize)}seamlessExpand([e,t]){e=Math.round(e),t=Math.round(t);let i=this.getScale();[e,t]=[-e*te.expandGridSize,-t*te.expandGridSize],0!=e&&(this.scrollX+=e,e/=i),0!=t&&(this.scrollY+=t,t/=i),this.translateX+=e,this.translateY+=t}progressiveSnapToGrid(e){return te.expandGridSize*Math.round(e/te.expandGridSize+.5*Math.sign(e))}getZoom(){return this.zoom}setZoom(e,t){if((e=le.clamp(e,te.minZoom,te.maxZoom))==this.zoom)return;let i=this.getScale();this.zoom=e,t&&requestAnimationFrame((e=>{t[0]+=this.translateX,t[1]+=this.translateY;let n=this.getScale()/i,r=[n*t[0],n*t[1]];this.scrollDelta([(r[0]-t[0])*i,(r[1]-t[1])*i])}))}getScale(){return parseFloat(getComputedStyle(this.gridElement).getPropertyValue("--ueb-scale"))}compensateTranslation([e,t]){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1,[t,i,n,r]=[Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MIN_SAFE_INTEGER]){let s=this.nodes;return e&&(s=s.filter((e=>e.selected))),(t>Number.MIN_SAFE_INTEGER||iNumber.MIN_SAFE_INTEGER)&&(s=s.filter((e=>e.topBoundary()>=t&&e.rightBoundary()<=i&&e.bottomBoundary()<=n&&e.leftBoundary()>=r))),s}getCommentNodes(e=!1){let t=[...this.template.getCommentNodes(e)];return 0===t.length&&(t=this.nodes.filter((t=>t.getType()===te.nodeType.comment&&(!e||t.selected)))),t}getPin(e){let t=this.template.getPin(e);return t&&t.nodeElement.getNodeName()==e.objectName.toString()||(t=[...this.nodes.find((t=>e.objectName.toString()==t.getNodeName()))?.getPinElements()??[]].find((t=>e.pinGuid.toString()==t.getPinId().toString()))),t}getLinks([e,t]=[]){if(null==e!=t==null){const i=e??t;return this.links.filter((e=>e.sourcePin==i||e.destinationPin==i))}return null!=e&&null!=t?this.links.filter((i=>i.sourcePin==e&&i.destinationPin==t||i.sourcePin==t&&i.destinationPin==e)):this.links}getLink(e,t,i=!1){return this.links.find((n=>n.sourcePin==e&&n.destinationPin==t||i&&n.sourcePin==t&&n.destinationPin==e))}selectAll(){this.getNodes().forEach((e=>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 Nt&&!this.nodes.includes(t)){const e=t.entity.getObjectName(),i=this.nodes.find((t=>t.entity.getObjectName()==e));if(i){let e=i.entity.getObjectName(!0);this.#Me[e]=this.#Me[e]??-1;do{++this.#Me[e]}while(this.nodes.find((t=>t.entity.getObjectName()==te.nodeName(e,this.#Me[e]))));i.rename(te.nodeName(e,this.#Me[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof ct&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof Nt)).forEach((t=>t.sanitizeLinks(e))),e.filter((e=>e instanceof Nt&&e.getType()==te.nodeType.comment)).forEach((e=>e.updateComplete.then((()=>e.template.manageNodesBind()))))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof Nt?this.nodes:t instanceof ct?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)}acknowledgeEditText(e){const t=new CustomEvent(e?te.editTextEventName.begin:te.editTextEventName.end);this.dispatchEvent(t)}}customElements.define("ueb-blueprint",$t);class Mt extends pt{#De;get locationChangeCallback(){return this.#De}set locationChangeCallback(e){this.#De=e}movementSpace;movementSpaceSize=[0,0];connectedCallback(){super.connectedCallback(),this.movementSpace=this.element.parentElement;const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new ht(this.element,this.element.blueprint,{draggableElement:this.movementSpace,ignoreTranslateCompensate:!0,moveEverywhere:!0,movementSpace:this.movementSpace,repositionOnClick:!0,stepSize:1})}adjustLocation([e,t]){return this.locationChangeCallback?.(e,t),[e,t]}}class Dt extends Mt{adjustLocation([e,t]){const i=Math.round(this.movementSpaceSize[0]/2);e-=i,t=-(t-i);let[n,r]=le.getPolarCoordinates([e,t]);return n=Math.min(n,i),[e,t]=le.getCartesianCoordinates([n,r]),this.locationChangeCallback?.(e/i,t/i),[e=Math.round(e+i),t=Math.round(-t+i)]}}class Ht extends Ke{windowElement;constructor(e,t){super(e,t)}connectedCallback(){super.connectedCallback(),this.windowElement=this.closest("ueb-window")}setLocation([e,t]){super.setLocation(this.template.adjustLocation([e,t]))}}class Bt extends Ht{constructor(){super({},new Dt)}}class Ot extends Mt{adjustLocation([e,t]){return e=le.clamp(e,0,this.movementSpaceSize[0]),t=le.clamp(t,0,this.movementSpaceSize[1]),this.locationChangeCallback?.(e/this.movementSpaceSize[0],1-t/this.movementSpaceSize[1]),[e,t]}}class Rt extends Ht{constructor(){super({},new Ot)}}class zt extends _e{#He=()=>{this.element.blueprint.acknowledgeEditText(!0),this.element.selectOnFocus&&getSelection().selectAllChildren(this.element)};#Be=()=>{this.element.blueprint.acknowledgeEditText(!1),document.getSelection()?.removeAllRanges()};#Oe=e=>e.target.querySelectorAll("br").forEach((e=>e.remove()));#Re=e=>{"Enter"!=e.code||e.shiftKey||e.target.blur()};constructed(e){super.constructed(e),this.element.classList.add("ueb-pin-input-content"),this.element.setAttribute("role","textbox"),this.element.contentEditable="true"}connectedCallback(){this.element.addEventListener("focus",this.#He),this.element.addEventListener("focusout",this.#Be),this.element.singleLine&&this.element.addEventListener("input",this.#Oe),this.element.blurOnEnter&&this.element.addEventListener("keydown",this.#Re)}cleanup(){this.element.removeEventListener("focus",this.#He),this.element.removeEventListener("focusout",this.#Be),this.element.singleLine&&this.element.removeEventListener("input",this.#Oe),this.element.blurOnEnter&&this.element.removeEventListener("keydown",this.#Re)}}class It extends Ye{static properties={...super.properties,singleLine:{type:Boolean,attribute:"data-single-line",converter:le.booleanConverter,reflect:!0},selectOnFocus:{type:Boolean,attribute:"data-select-focus",converter:le.booleanConverter,reflect:!0},blurOnEnter:{type:Boolean,attribute:"data-blur-enter",converter:le.booleanConverter,reflect:!0}};constructor(){super({},new zt),this.singleLine=!1,this.selectOnFocus=!0,this.blurOnEnter=!0}}class _t extends qe{constructor(e,t,i={}){i.consumeEvent=!0,super(e,t,i)}}class Vt extends St{#ze;#Ie=e=>this.element.setDefaultValue(this.#ze.checked);firstUpdated(e){super.firstUpdated(e),this.#ze=this.element.querySelector(".ueb-pin-input"),this.#ze?.addEventListener("change",this.#Ie)}cleanup(){super.cleanup(),this.#ze?.removeEventListener("change",this.#Ie)}createInputObjects(){return[...super.createInputObjects(),new _t(this.#ze,this.element.blueprint)]}renderInput(){return H``}}class Gt extends St{renderIcon(){return ut.execPin}renderName(){let e=this.element.entity.PinName;if(this.element.entity.PinFriendlyName)e=this.element.entity.PinFriendlyName.toString();else if("execute"===e||"then"===e)return H``;return H`${le.formatStringName(e)}`}}class Ft extends St{static singleLineInput=!1;static selectOnFocus=!0;#_e;get inputContentElements(){return this.#_e}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")}#Ve=()=>this.setInputs(this.getInputs(),!0);firstUpdated(e){super.firstUpdated(e),this.#_e=[...this.element.querySelectorAll("ueb-input")],this.#_e.length&&this.#_e.forEach((e=>{e.addEventListener("focusout",this.#Ve)}))}cleanup(){super.cleanup(),this.#_e.forEach((e=>{e.removeEventListener("focusout",this.#Ve)}))}createInputObjects(){return[...super.createInputObjects(),...this.#_e.map((e=>new _t(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#_e.map((e=>le.clearHTMLWhitespace(e.innerHTML)))}setInputs(e=[],t=!0){this.#_e.forEach(this.constructor.singleLineInput?(t,i)=>t.innerText=e[i]:(t,i)=>t.innerText=e[i].replaceAll("\n","")),t&&this.setDefaultValue(e.map((e=>Ft.stringFromInputToUE(e))),e),this.element.addNextUpdatedCallbacks((()=>this.element.nodeElement.acknowledgeReflow()))}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.join(""))}renderInput(){const e=this.constructor.singleLineInput,t=this.constructor.selectOnFocus;return H`
`}}class jt extends Ft{static singleLineInput=!0;setInputs(e=[],t=!1){e&&0!=e.length||(e=[this.getInput()]);let i=[];for(const t of e){let e=parseFloat(t);isNaN(e)&&(e=0,!1),i.push(e)}super.setInputs(e,!1),this.setDefaultValue(i,e)}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}}class Ut extends jt{setDefaultValue(e=[],t=e){const i=this.element.getDefaultValue(!0);if(!(i instanceof me))throw new TypeError("Expected DefaultValue to be a IntegerEntity");i.value=e[0],this.element.requestUpdate("DefaultValue",i)}renderInput(){return H`
`}} +var Z,J;class Q extends g{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{var n,s;const r=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:t;let o=r._$litPart$;if(void 0===o){const e=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:null;r._$litPart$=o=new F(t.insertBefore(C(),e),e,void 0,null!=i?i:{})}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 H}}Q.finalized=!0,Q._$litElement$=!0,null===(Z=globalThis.litElementHydrateSupport)||void 0===Z||Z.call(globalThis,{LitElement:Q});const ee=globalThis.litElementPolyfillSupport;null==ee||ee({LitElement:Q}),(null!==(J=globalThis.litElementVersions)&&void 0!==J?J:globalThis.litElementVersions=[]).push("3.2.2");class te{static#e={"/Script/CoreUObject.Rotator":r``,"/Script/CoreUObject.Transform":r``,"/Script/CoreUObject.Vector":r``,"/Script/Engine.Actor":r``,"/Script/Engine.GameStateBase":r``,"/Script/Engine.Pawn":r``,"/Script/Engine.PlayerState":r``,bool:r``,byte:r``,class:r``,default:r``,exec:r``,int:r``,name:r``,real:r``,string:r``,wildcard:r``};static alphaPattern="repeating-conic-gradient(#7c8184 0% 25%, #c2c3c4 0% 50%) 50% / 10px 10px";static colorDragEventName="ueb-color-drag";static colorPickEventName="ueb-color-pick";static colorWindowEventName="ueb-color-window";static defaultCommentHeight=96;static defaultCommentWidth=400;static deleteNodesKeyboardKey="Delete";static dragGeneralEventName="ueb-drag-general";static dragEventName="ueb-drag";static editTextEventName={begin:"ueb-edit-text-begin",end:"ueb-edit-text-end"};static enableZoomIn=["LeftControl","RightControl"];static expandGridSize=400;static focusEventName={begin:"blueprint-focus",end:"blueprint-unfocus"};static fontSize=r``;static getPinColor(e){if(!e)return te.#e.default;if(te.#e[e.pinType])return te.#e[e.pinType];if("struct"==e.entity.PinType.PinCategory||"object"==e.entity.PinType.PinCategory)switch(e.entity.PinType.PinSubCategoryObject.type){case"ScriptStruct":case"/Script/CoreUObject.ScriptStruct":return r``;default:if(e.entity.PinType.PinSubCategoryObject.getName().endsWith("Actor")||"Target"===e.entity.getDisplayName())return te.#e["/Script/Engine.Actor"]}return te.#e.default}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,i)=>{let n=100-e;return`M ${e} 0 C ${t} 0, ${i} 0, 50 50 S ${n-t+e} 100, ${n} 100`};static maxZoom=7;static minZoom=-12;static mouseWheelFactor=.2;static nodeDeleteEventName="ueb-node-delete";static nodeDragGeneralEventName="ueb-node-drag-general";static nodeDragEventName="ueb-node-drag";static nodeName=(e,t)=>`${e}_${t}`;static nodeRadius=8;static nodeReflowEventName="ueb-node-reflow";static nodeType={callFunction:"/Script/BlueprintGraph.K2Node_CallFunction",comment:"/Script/UnrealEd.EdGraphNode_Comment",doN:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:Do N",dynamicCast:"/Script/BlueprintGraph.K2Node_DynamicCast",executionSequence:"/Script/BlueprintGraph.K2Node_ExecutionSequence",forEachElementInEnum:"/Script/BlueprintGraph.K2Node_ForEachElementInEnum",forEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoop",forEachLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForEachLoopWithBreak",forLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoop",forLoopWithBreak:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ForLoopWithBreak",ifThenElse:"/Script/BlueprintGraph.K2Node_IfThenElse",knot:"/Script/BlueprintGraph.K2Node_Knot",macro:"/Script/BlueprintGraph.K2Node_MacroInstance",makeArray:"/Script/BlueprintGraph.K2Node_MakeArray",makeMap:"/Script/BlueprintGraph.K2Node_MakeMap",pawn:"/Script/Engine.Pawn",reverseForEachLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:ReverseForEachLoop",select:"/Script/BlueprintGraph.K2Node_Select",variableGet:"/Script/BlueprintGraph.K2Node_VariableGet",variableSet:"/Script/BlueprintGraph.K2Node_VariableSet",whileLoop:"/Engine/EditorBlueprintResources/StandardMacros.StandardMacros:WhileLoop"};static selectAllKeyboardKey="(bCtrl=True,Key=A)";static distanceThreshold=5;static trackingMouseEventName={begin:"ueb-tracking-mouse-begin",end:"ueb-tracking-mouse-end"};static windowApplyEventName="ueb-window-apply";static windowCancelEventName="ueb-window-cancel";static windowCloseEventName="ueb-window-close";static ModifierKeys=["Ctrl","Shift","Alt","Meta"];static Keys={Backspace:"Backspace",Tab:"Tab",LeftControl:"ControlLeft",RightControl:"ControlRight",LeftShift:"ShiftLeft",RightShift:"ShiftRight",LeftAlt:"AltLeft",RightAlt:"AltRight",Enter:"Enter",Pause:"Pause",CapsLock:"CapsLock",Escape:"Escape",Space:"Space",PageUp:"PageUp",PageDown:"PageDown",End:"End",Home:"Home",ArrowLeft:"Left",ArrowUp:"Up",ArrowRight:"Right",ArrowDown:"Down",PrintScreen:"PrintScreen",Insert:"Insert",Delete:"Delete",Zero:"Digit0",One:"Digit1",Two:"Digit2",Three:"Digit3",Four:"Digit4",Five:"Digit5",Six:"Digit6",Seven:"Digit7",Eight:"Digit8",Nine:"Digit9",A:"KeyA",B:"KeyB",C:"KeyC",D:"KeyD",E:"KeyE",F:"KeyF",G:"KeyG",H:"KeyH",I:"KeyI",K:"KeyK",L:"KeyL",M:"KeyM",N:"KeyN",O:"KeyO",P:"KeyP",Q:"KeyQ",R:"KeyR",S:"KeyS",T:"KeyT",U:"KeyU",V:"KeyV",W:"KeyW",X:"KeyX",Y:"KeyY",Z:"KeyZ",NumPadZero:"Numpad0",NumPadOne:"Numpad1",NumPadTwo:"Numpad2",NumPadThree:"Numpad3",NumPadFour:"Numpad4",NumPadFive:"Numpad5",NumPadSix:"Numpad6",NumPadSeven:"Numpad7",NumPadEight:"Numpad8",NumPadNine:"Numpad9",Multiply:"NumpadMultiply",Add:"NumpadAdd",Subtract:"NumpadSubtract",Decimal:"NumpadDecimal",Divide:"NumpadDivide",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",NumLock:"NumLock",ScrollLock:"ScrollLock"}}class ie{#t;get target(){return this.#t}#i;get blueprint(){return this.#i}options;constructor(e,t,i={}){i.consumeEvent??=!1,i.listenOnFocus??=!1,i.unlistenOnTextEdit??=!1,this.#t=e,this.#i=t,this.options=i;let n=this;this.listenHandler=e=>n.listenEvents(),this.unlistenHandler=e=>n.unlistenEvents(),this.options.listenOnFocus&&(this.blueprint.addEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.addEventListener(te.focusEventName.end,this.unlistenHandler)),this.options.unlistenOnTextEdit&&(this.blueprint.addEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.addEventListener(te.editTextEventName.end,this.listenHandler))}unlistenDOMElement(){this.unlistenEvents(),this.blueprint.removeEventListener(te.focusEventName.begin,this.listenHandler),this.blueprint.removeEventListener(te.focusEventName.end,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.begin,this.unlistenHandler),this.blueprint.removeEventListener(te.editTextEventName.end,this.listenHandler)}listenEvents(){}unlistenEvents(){}}class ne{#n;constructor(e){this.#n=e}calculate(e){return this.#n(e)}}class se{#s=new Map;subscribe(e,t){let i=this.#s;if(i.has(e)){let n=i.get(e);if(n.includes(t))return!1;n.push(t)}else{let n=!1,s=Object.getOwnPropertyDescriptor(this,e);if(!s&&(n=!0,s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(this),e)??{},!s))return!1;i.set(e,[t]);const r="value"in s,o="set"in s;if(!r&&!o)throw new Error(`Property ${e} is not a value or a setter`);const a=Symbol.for(e+"Storage"),l=Symbol.for(e+"ValInfo");Object.defineProperties(n?Object.getPrototypeOf(this):this,{[a]:{configurable:!0,enumerable:!1,...r?{value:this[e],writable:!0}:{get:s.get,set:s.set}},[l]:{configurable:!0,enumerable:!1,value:[n,r]},[e]:{configurable:!0,...r&&{get(){return this[a]}},set(t){this[a]=t,i.get(e).forEach((t=>{t(this[e])}))}}})}return!0}unsubscribe(e,t){let i=this.#s.get(e);if(!i?.includes(t))return!1;if(i.splice(i.indexOf(t),1),0==i.length){const t=Symbol.for(e+"Storage"),i=Symbol.for(e+"ValInfo"),n=this[i][0];this[i][1],Object.defineProperty(n?Object.getPrototypeOf(this):this,e,Object.getOwnPropertyDescriptor(n?Object.getPrototypeOf(this):this,t)),delete this[i],delete this[t]}return!0}}class re{static#r=new Map;static registerSerializer(e,t){re.#r.set(e,t)}static getSerializer(e){return re.#r.get(e)}}class oe{#o;get types(){return this.#o}constructor(...e){this.#o=e}getFirstType(){return this.#o[0]}}class ae{#a;get type(){return this.#a}set type(e){this.#a=e}#l=!0;get showDefault(){return this.#l}set showDefault(e){this.#l=e}#u;get value(){return this.#u}set value(e){this.#u=e}#c;get serialized(){return this.#c}set serialized(e){this.#c=e}#h;get ignored(){return this.#h}set ignored(e){this.#h=e}static isValueOfType(e,t){return null!=e&&(e instanceof t||e.constructor===t)}static sanitize(e,t){if(void 0===t&&(t=e?.constructor),t instanceof Array){let i=t.find((t=>ae.isValueOfType(e,t)));i||(i=t[0]),t=i}return t&&!ae.isValueOfType(e,t)&&(e=new t(e)),(e instanceof Boolean||e instanceof Number||e instanceof String)&&(e=e.valueOf()),e}constructor(e,t=!0,i,n=!1,s=!1){void 0===i&&(i=e instanceof Array?[]:()=>ae.sanitize(new e)),this.#a=e,this.#l=t,this.#u=i,this.#c=n,this.#h=s}}class le{static emptyObj={};static booleanConverter={fromAttribute:(e,t)=>{},toAttribute:(e,t)=>!0===e?"true":!1===e?"false":""};static sigmoid(e,t=1.7){return 1/(1+e/(1-e)**-t)}static clamp(e,t,i){return Math.min(Math.max(e,t),i)}static getScale(e){const t=getComputedStyle(e).getPropertyValue("--ueb-scale");return""!=t?parseFloat(t):1}static minDecimals(e,t=1){const i=e*10**t;return Math.abs(i%1)>Number.EPSILON?e.toString():e.toFixed(t)}static roundDecimals(e,t=1){const i=10**t;return Math.round(e*i)/i}static approximatelyEqual(e,t){return!(Math.abs(e-t)>Number.EPSILON)}static convertLocation(e,t){const i=1/le.getScale(t),n=t.getBoundingClientRect();return[Math.round((e[0]-n.x)*i),Math.round((e[1]-n.y)*i)]}static isSerialized(e,t,i=le.objectGet(e.constructor.attributes,t)){return i instanceof ne?le.isSerialized(e,t,i.calculate(e)):i instanceof ae&&(!!i.serialized||le.isSerialized(e,t,i.type))}static objectGet(e,t,i){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]]:le.objectGet(e[t[0]],t.slice(1),i):i}}static objectSet(e,t,i,n=!1,s=Object){if(!(t instanceof Array))throw new TypeError("Expected keys to be an array.");if(1==t.length){if(n||t[0]in e||void 0===e[t[0]])return e[t[0]]=i,!0}else if(t.length>0)return!n||e[t[0]]instanceof Object||(e[t[0]]=new s),le.objectSet(e[t[0]],t.slice(1),i,n,s);return!1}static equals(e,t){return(e=ae.sanitize(e))===(t=ae.sanitize(t))||(e instanceof Array&&t instanceof Array?e.length==t.length&&!e.find(((e,i)=>!le.equals(e,t[i]))):void 0)}static getType(e){return null===e?null:e instanceof ae?le.getType(e.type):e instanceof oe?e.types:e instanceof Function?e:e?.constructor}static snapToGrid(e,t){return 1===t?e:[t*Math.round(e[0]/t),t*Math.round(e[1]/t)]}static mergeArrays(e=[],t=[]){let i=[];for(let n=0;n","\n").replaceAll(/(\)/g,"")}static capitalFirstLetter(e){return 0===e.length?e:e.charAt(0).toLocaleUpperCase()+e.slice(1).toLocaleLowerCase()}static formatStringName(e){return e.trim().replace(/^b/,"").replaceAll(/^K2(?:Node|node)?_|(?<=[a-z])(?=[A-Z])|_|\s+/g," ").split(" ").map((e=>le.capitalFirstLetter(e))).join(" ")}static getIdFromReference(e){return e.replace(/(?:.+\.)?([^\.]+)$/,"$1").replaceAll(/(?<=[a-z\d])(?=[A-Z])|(?<=[a-zA-Z])(?=\d)|(?<=[A-Z]{2})(?=[A-Z][a-z])/g,"-").toLowerCase()}static printLinearColor(e){return`${Math.round(255*e.R.valueOf())}, ${Math.round(255*e.G.valueOf())}, ${Math.round(255*e.B.valueOf())}`}static getPolarCoordinates([e,t],i=!1){let n=Math.atan2(t,e);return i&&n<0&&(n=2*Math.PI+n),[Math.sqrt(e*e+t*t),n]}static getCartesianCoordinates([e,t]){return[e*Math.cos(t),e*Math.sin(t)]}static range(e,t,i=1){return Array.from({length:Math.ceil((t-e)/i)},((t,n)=>e+n*i))}}class ue extends se{static attributes={};constructor(e={},t=!1){super();const i=(e,n,s={},r="")=>{const o=Object.getOwnPropertyNames(s);for(let a of le.mergeArrays(Object.getOwnPropertyNames(n),o)){let l=le.objectGet(s,[a]),u=n[a],c=le.getType(u);if(u instanceof ne&&(u=u.calculate(this),c=le.getType(u)),null!=u&&u===c&&(u=new c),t||(a in n?!(o.length>0)||a in s||void 0===u||u instanceof ae&&(!u.showDefault||u.ignored)||console.warn(`${this.constructor.name} will add attribute ${r}${a} not defined in the serialized data`):console.warn(`Attribute ${r}${a} in the serialized data is not defined in ${this.constructor.name}.attributes`)),c!==Object)if(void 0===l){if(u instanceof ae){if(!u.showDefault){e[a]=void 0;continue}u.serialized?u="":(c=u.type,u=u.value,u instanceof Function&&(u=u()))}u instanceof oe&&(c=u.getFirstType(),u=ae.sanitize(null,c)),u instanceof Array&&(u=[]),e[a]=ae.sanitize(u,c)}else l?.constructor===String&&u instanceof ae&&u.serialized&&u.type!==String&&(l=re.getSerializer(u.type).deserialize(l)),e[a]=ae.sanitize(l,le.getType(u));else e[a]={},i(e[a],n[a],s[a],a+".")}},n=this.constructor.attributes;e.constructor!==Object&&1===Object.getOwnPropertyNames(n).length&&(e={[Object.getOwnPropertyNames(n)[0]]:e}),i(this,n,e)}unexpectedKeys(){return Object.getOwnPropertyNames(this).length-Object.getOwnPropertyNames(this.constructor.attributes).length}}class ce extends ue{static attributes={type:String,path:String};constructor(e={}){e.constructor!==Object&&(e={path:e}),super(e),this.type,this.path}getName(){return this.path.match(/[^\.\/]+$/)[0]}}class he extends ue{static attributes={MemberParent:new ae(ce,!1),MemberName:""};constructor(e){super(e),this.MemberParent,this.MemberName}}class de extends ue{static attributes={value:String};static generateGuid(e=!0){let t=new Uint32Array(4);!0===e&&crypto.getRandomValues(t);let i="";return t.forEach((e=>{i+=("0".repeat(8)+e.toString(16).toUpperCase()).slice(-8)})),new de({value:i})}constructor(e){e||(e=de.generateGuid().value),super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class pe extends ue{static attributes={value:String};static attributeConverter={fromAttribute:(e,t)=>new pe(e),toAttribute:(e,t)=>e.toString()};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class me extends ue{static attributes={value:0};constructor(e=0){super(e),this.value=Math.round(this.value)}valueOf(){return this.value}toString(){return this.value.toString()}}class ge extends ue{static lookbehind="INVTEXT";static attributes={value:String};constructor(e){super(e),this.value}}class be extends ue{static attributes={ActionName:"",bShift:!1,bCtrl:!1,bAlt:!1,bCmd:!1,Key:pe};constructor(e={}){e.ActionName=e.ActionName??"",e.bShift=e.bShift??!1,e.bCtrl=e.bCtrl??!1,e.bAlt=e.bAlt??!1,e.bCmd=e.bCmd??!1,super(e),this.ActionName,this.bShift,this.bCtrl,this.bAlt,this.bCmd,this.Key}}class ve extends ue{static attributes={value:0};constructor(e=0){super(e),this.value=le.clamp(this.value,0,1)}valueOf(){return this.value}toString(){return this.value.toFixed(6)}}class fe extends ue{static attributes={R:ve,G:ve,B:ve,A:new ae(ve,!0,(()=>new ve(1)),!1,!1),H:new ae(ve,!0,void 0,!1,!0),S:new ae(ve,!0,void 0,!1,!0),V:new ae(ve,!0,void 0,!1,!0)};static linearToSRGB(e){return e<=0?0:e>=1?1:e<.0031308?12.92*e:1.055*Math.pow(e,1/2.4)-.055}static sRGBtoLinear(e){return e<=0?0:e>=1?1:e<.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)}static getWhite(){return new fe({R:1,G:1,B:1})}constructor(e){e instanceof Array&&(e={R:e[0]??0,G:e[1]??0,B:e[2]??0,A:e[3]??1}),super(e),this.R,this.G,this.B,this.A,this.H,this.S,this.V,this.#d()}#d(){const e=this.R.value,t=this.G.value,i=this.B.value;if(le.approximatelyEqual(e,t)&&le.approximatelyEqual(e,i)&&le.approximatelyEqual(t,i))return this.S.value=0,void(this.V.value=e);const n=Math.max(e,t,i),s=Math.min(e,t,i),r=n-s;let o;switch(n){case s:o=0;break;case e:o=(t-i)/r+(te.toString(16).toUpperCase().padStart(2,"0"))).join("")}toSRGBAString(){return this.toSRGBA().map((e=>e.toString(16).toUpperCase().padStart(2,"0"))).join("")}toHSVA(){return[this.H.value,this.S.value,this.V.value,this.A.value]}toNumber(){return(Math.round(255*this.R.value)<<24)+(Math.round(255*this.G.value)<<16)+(Math.round(255*this.B.value)<<8)+Math.round(255*this.A.value)}setFromRGBANumber(e){this.A.value=(255&e)/255,this.B.value=(e>>8&255)/255,this.G.value=(e>>16&255)/255,this.R.value=(e>>24&255)/255,this.#d()}setFromSRGBANumber(e){this.A.value=(255&e)/255,this.B.value=fe.sRGBtoLinear((e>>8&255)/255),this.G.value=fe.sRGBtoLinear((e>>16&255)/255),this.R.value=fe.sRGBtoLinear((e>>24&255)/255),this.#d()}toString(){return le.printLinearColor(this)}}class ye extends ue{static lookbehind="NSLOCTEXT";static attributes={namespace:String,key:String,value:String};constructor(e){super(e),this.namespace,this.key,this.value}toString(){return le.capitalFirstLetter(this.value)}}class we extends ue{static attributes={MacroGraph:ce,GraphBlueprint:ce,GraphGuid:de};constructor(e){super(e),this.MacroGraph,this.GraphBlueprint,this.GuidEntity}getMacroName(){const e=this.MacroGraph.path.search(":");return this.MacroGraph.path.substring(e+1)}}class Ee extends ue{static attributes={value:String};constructor(e){super(e),this.value}valueOf(){return this.value}toString(){return this.value}}class Se extends ue{static attributes={objectName:Ee,pinGuid:de};constructor(e){super(e),this.objectName,this.pinGuid}}class Pe extends ue{static attributes={R:Number,P:Number,Y:Number};constructor(e){super(e),this.R,this.P,this.Y}}class Ce extends Pe{}class ke extends ue{static attributes={X:Number,Y:Number,Z:Number};constructor(e){super(e),this.X,this.Y,this.Z}}class Ne extends ke{}class xe extends ue{static#p={"/Script/CoreUObject.LinearColor":fe,"/Script/CoreUObject.Rotator":Pe,"/Script/CoreUObject.Vector":ke,bool:Boolean,exec:String,int:me,name:String,real:Number,string:String};static#m={"/Script/CoreUObject.Vector":Ne,"/Script/CoreUObject.Rotator":Ce};static lookbehind="Pin";static attributes={PinId:de,PinName:"",PinFriendlyName:new ae(new oe(ye,String),!1,null),PinToolTip:new ae(String,!1,""),Direction:new ae(String,!1,""),PinType:{PinCategory:"",PinSubCategory:"",PinSubCategoryObject:ce,PinSubCategoryMemberReference:null,PinValueType:null,ContainerType:ce,bIsReference:!1,bIsConst:!1,bIsWeakPointer:!1,bIsUObjectWrapper:!1,bSerializeAsSinglePrecisionFloat:!1},LinkedTo:new ae([Se],!1),DefaultValue:new ne((e=>new ae(e.getEntityType(!0)??String,!1,void 0,!0))),AutogeneratedDefaultValue:new ae(String,!1),DefaultObject:new ae(ce,!1,null),PersistentGuid:de,bHidden:!1,bNotConnectable:!1,bDefaultValueIsReadOnly:!1,bDefaultValueIsIgnored:!1,bAdvancedView:!1,bOrphanedPin:!1};constructor(e={},t=!1){super(e,t),this.PinId,this.PinName,this.PinFriendlyName,this.PinToolTip,this.Direction,this.PinType,this.LinkedTo,this.DefaultValue,this.AutogeneratedDefaultValue,this.DefaultObject,this.PersistentGuid,this.bHidden,this.bNotConnectable,this.bDefaultValueIsReadOnly,this.bDefaultValueIsIgnored,this.bAdvancedView,this.bOrphanedPin}getType(){return"struct"==this.PinType.PinCategory||"object"==this.PinType.PinCategory?this.PinType.PinSubCategoryObject.path:this.PinType.PinCategory}getEntityType(e=!1){const t=this.getType(),i=xe.#p[t],n=xe.#m[t];return e&&void 0!==n?n:i}getDisplayName(){let e=null;return this.PinToolTip&&(e=this.PinToolTip.match(/\s*(.+?(?=\n)|.+\S)\s*/))?le.formatStringName(e[1]):le.formatStringName(this.PinName)}copyTypeFrom(e){this.PinType.PinCategory=e.PinType.PinCategory,this.PinType.PinSubCategory=e.PinType.PinSubCategory,this.PinType.PinSubCategoryObject=e.PinType.PinSubCategoryObject,this.PinType.PinSubCategoryMemberReference=e.PinType.PinSubCategoryMemberReference,this.PinType.PinValueType=e.PinType.PinValueType,this.PinType.ContainerType=e.PinType.ContainerType,this.PinType.bIsReference=e.PinType.bIsReference,this.PinType.bIsConst=e.PinType.bIsConst,this.PinType.bIsWeakPointer=e.PinType.bIsWeakPointer,this.PinType.bIsUObjectWrapper=e.PinType.bIsUObjectWrapper,this.PinType.bSerializeAsSinglePrecisionFloat=e.PinType.bSerializeAsSinglePrecisionFloat}getDefaultValue(e=!1){return void 0===this.DefaultValue&&e&&(this.DefaultValue=new(this.getEntityType(!0))),this.DefaultValue}isExecution(){return"exec"===this.PinType.PinCategory}isHidden(){return this.bHidden}isInput(){return!this.bHidden&&"EGPD_Output"!=this.Direction}isOutput(){return!this.bHidden&&"EGPD_Output"==this.Direction}isLinked(){return this.LinkedTo?.length>0??!1}linkTo(e,t){this.LinkedTo;const i=this.LinkedTo?.find((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return!i&&((this.LinkedTo??(this.LinkedTo=[])).push(new Se({objectName:e,pinGuid:t.PinId})),!0)}unlinkFrom(e,t){const i=this.LinkedTo?.findIndex((i=>i.objectName.toString()==e&&i.pinGuid.valueOf()==t.PinId.valueOf()));return i>=0&&(1==this.LinkedTo.length?this.LinkedTo=void 0:this.LinkedTo.splice(i,1),!0)}getSubCategory(){return this.PinType.PinSubCategoryObject.path}}class Le extends ue{static attributes={value:String};constructor(e){super(e),this.value}}class Te extends ue{static attributes={MemberScope:new ae(String,!1),MemberName:String,MemberGuid:de,bSelfContext:new ae(Boolean,!1,!1)};constructor(e){super(e),this.MemberName,this.GuidEntity,this.bSelfContext}}class Ae extends ue{static attributes={Class:ce,Name:"",bIsPureFunc:new ae(Boolean,!1,!1),VariableReference:new ae(Te,!1,null),SelfContextInfo:new ae(Le,!1,null),FunctionReference:new ae(he,!1,null),EventReference:new ae(he,!1,null),TargetType:new ae(ce,!1,null),MacroGraphReference:new ae(we,!1,null),Enum:new ae(ce,!1),CommentColor:new ae(fe,!1),bCommentBubbleVisible_InDetailsPanel:new ae(Boolean,!1),bColorCommentBubble:new ae(Boolean,!1,!1),MoveMode:new ae(Le,!1),NodePosX:me,NodePosY:me,NodeWidth:new ae(me,!1),NodeHeight:new ae(me,!1),bCommentBubblePinned:new ae(Boolean,!1),bCommentBubbleVisible:new ae(Boolean,!1),NodeComment:new ae(String,!1),AdvancedPinDisplay:new ae(pe,!1,null),EnabledState:new ae(pe,!1,null),NodeGuid:de,ErrorType:new ae(me,!1),ErrorMsg:new ae(String,!1,""),CustomProperties:[xe]};static nameRegex=/^(\w+?)(?:_(\d+))?$/;static sequencerScriptingNameRegex=/\/Script\/SequencerScripting\.MovieSceneScripting(.+)Channel/;constructor(e,t=!1){super(e,t),this.Class,this.Name,this.bIsPureFunc,this.VariableReference,this.FunctionReference,this.EventReference,this.TargetType,this.MacroGraphReference,this.Enum,this.CommentColor,this.bCommentBubbleVisible_InDetailsPanel,this.NodePosX,this.NodePosY,this.NodeWidth,this.NodeHeight,this.bCommentBubblePinned,this.bCommentBubbleVisible,this.NodeComment,this.AdvancedPinDisplay,this.EnabledState,this.NodeGuid,this.ErrorType,this.ErrorMsg,this.CustomProperties}getClass(){return this.Class.path}getType(){let e=this.getClass();return e===te.nodeType.macro?this.MacroGraphReference.MacroGraph.path:e}getObjectName(e=!1){return e?this.getNameAndCounter()[0]:this.Name}getNameAndCounter(){const e=this.getObjectName(!1).match(Ae.nameRegex);let t="",i=null;return e?(e.length>1&&(t=e[1]),e.length>2&&(i=parseInt(e[2])),[t,i]):["",0]}getDisplayName(){switch(this.getType()){case te.nodeType.callFunction:if("AddKey"===this.FunctionReference.MemberName){let e=this.FunctionReference.MemberParent.path.match(Ae.sequencerScriptingNameRegex);if(e)return`Add Key (${le.formatStringName(e[1])})`}return le.formatStringName(this.FunctionReference.MemberName);case te.nodeType.dynamicCast:return`Cast To ${this.TargetType.getName()}`;case te.nodeType.executionSequence:return"Sequence";case te.nodeType.ifThenElse:return"Branch";case te.nodeType.forEachElementInEnum:return`For Each ${this.Enum.getName()}`;case te.nodeType.forEachLoopWithBreak:return"For Each Loop with Break";case te.nodeType.variableGet:return"";case te.nodeType.variableSet:return"SET";default:return this.getClass()===te.nodeType.macro?le.formatStringName(this.MacroGraphReference.getMacroName()):le.formatStringName(this.getNameAndCounter()[0])}}getCounter(){return this.getNameAndCounter()[1]}getNodeWidth(){return this.NodeWidth??this.getType()==te.nodeType.comment?te.defaultCommentWidth:void 0}setNodeWidth(e){this.NodeWidth||(this.NodeWidth=new me),this.NodeWidth.value=e}getNodeHeight(){return this.NodeHeight??this.getType()==te.nodeType.comment?te.defaultCommentHeight:void 0}setNodeHeight(e){this.NodeHeight||(this.NodeHeight=new me),this.NodeHeight.value=e}}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function $e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Me={exports:{}};"undefined"!=typeof self&&self;var De=$e(Me.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var s=t[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){function n(e){if(!(this instanceof n))return new n(e);this._=e}var s=n.prototype;function r(e,t){for(var i=0;i>7),buf:function(e){var t=o((function(e,t,i,n){return e.concat(i===n.length-1?Buffer.from([t,0]).readUInt16BE(0):n.readUInt16BE(i))}),[],e);return Buffer.from(a((function(e){return(e<<1&65535)>>8}),t))}(i.buf)}})),i}function u(){return"undefined"!=typeof Buffer}function c(){if(!u())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function h(e){c();var t=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 i,s=t/8,r=(i=function(e){return e>48},o((function(e,t){return e||(i(t)?t:e)}),null,e));if(r)throw new Error(r+" bit range requested exceeds 48 bit (6 byte) Number max.");return new n((function(t,i){var n=s+i;return n>t.length?S(i,s.toString()+" bytes"):E(n,o((function(e,t){var i=l(t,e.buf);return{coll:e.coll.concat(i.v),buf:i.buf}}),{coll:[],buf:t.slice(i,n)},e).coll)}))}function d(e,t){return new n((function(i,n){return c(),n+t>i.length?S(n,t+" bytes for "+e):E(n+t,i.slice(n,n+t))}))}function p(e,t){if("number"!=typeof(i=t)||Math.floor(i)!==i||t<0||t>6)throw new Error(e+" requires integer length in range [0, 6].");var i}function m(e){return p("uintBE",e),d("uintBE("+e+")",e).map((function(t){return t.readUIntBE(0,e)}))}function g(e){return p("uintLE",e),d("uintLE("+e+")",e).map((function(t){return t.readUIntLE(0,e)}))}function b(e){return p("intBE",e),d("intBE("+e+")",e).map((function(t){return t.readIntBE(0,e)}))}function v(e){return p("intLE",e),d("intLE("+e+")",e).map((function(t){return t.readIntLE(0,e)}))}function f(e){return e instanceof n}function y(e){return"[object Array]"==={}.toString.call(e)}function w(e){return u()&&Buffer.isBuffer(e)}function E(e,t){return{status:!0,index:e,value:t,furthest:-1,expected:[]}}function 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 i=e.furthest===t.furthest?function(e,t){if(function(){if(void 0!==n._supportsSet)return n._supportsSet;var e="undefined"!=typeof Set;return n._supportsSet=e,e}()&&Array.from){for(var i=new Set(e),s=0;s=0;){if(o in i){n=i[o].line,0===r&&(r=i[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=n+s,l=t-r;return i[t]={line:a,lineStart:r},{offset:t,line:a+1,column:l+1}}function N(e){if(!f(e))throw new Error("not a parser: "+e)}function x(e,t){return"string"==typeof e?e.charAt(t):e[t]}function L(e){if("number"!=typeof e)throw new Error("not a number: "+e)}function T(e){if("function"!=typeof e)throw new Error("not a function: "+e)}function A(e){if("string"!=typeof e)throw new Error("not a string: "+e)}var $=2,M=3,D=8,O=5*D,H=4*D,B=" ";function z(e,t){return new Array(t+1).join(e)}function I(e,t,i){var n=t-e.length;return n<=0?e:z(i,n)+e}function R(e,t,i,n){return{from:e-t>0?e-t:0,to:e+i>n?n:e+i}}function _(e,t){var i,n,s,r,l,u=t.index,c=u.offset,h=1;if(c===e.length)return"Got the end of the input";if(w(e)){var d=c-c%D,p=c-d,m=R(d,O,H+D,e.length),g=a((function(e){return a((function(e){return I(e.toString(16),2,"0")}),e)}),function(e,t){var i=e.length,n=[],s=0;if(i<=t)return[e.slice()];for(var r=0;r=4&&(i+=1),h=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 b=e.split(/\r\n|[\n\r\u2028\u2029]/);i=u.column-1,n=u.line-1,r=R(n,$,M,b.length),s=b.slice(r.from,r.to),l=r.to.toString().length}var v=n-r.from;return w(e)&&(l=(8*(r.to>0?r.to-1:r.to)).toString(16).length)<2&&(l=2),o((function(t,n,s){var o,a=s===v,u=a?"> ":B;return o=w(e)?I((8*(r.from+s)).toString(16),l,"0"):I((r.from+s+1).toString(),l," "),[].concat(t,[u+o+" | "+n],a?[B+z(" ",l)+" | "+I("",i," ")+z("^",h)]:[])}),[],s).join("\n")}function V(e,t){return["\n","-- PARSING FAILED "+z("-",50),"\n\n",_(e,t),"\n\n",(i=t.expected,1===i.length?"Expected:\n\n"+i[0]:"Expected one of the following: \n\n"+i.join(", ")),"\n"].join("");var i}function G(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 F(){for(var e=[].slice.call(arguments),t=e.length,i=0;i=2?L(t):t=0;var i=function(e){return RegExp("^(?:"+e.source+")",G(e))}(e),s=""+e;return n((function(e,n){var r=i.exec(e.slice(n));if(r){if(0<=t&&t<=r.length){var o=r[0],a=r[t];return E(n+o.length,a)}return S(n,"valid match group (0 to "+r.length+") in "+s)}return S(n,s)}))}function K(e){return n((function(t,i){return E(i,e)}))}function Z(e){return n((function(t,i){return S(i,e)}))}function J(e){if(f(e))return n((function(t,i){var n=e._(t,i);return n.index=i,n.value="",n}));if("string"==typeof e)return J(q(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),n((function(t,i){var n=e._(t,i),s=t.slice(i,n.index);return n.status?S(i,'not "'+s+'"'):E(i,null)}))}function ee(e){return T(e),n((function(t,i){var n=x(t,i);return i=e.length?S(t,"any character/byte"):E(t+1,x(e,t))})),re=n((function(e,t){return E(e.length,e.slice(t))})),oe=n((function(e,t){return t=0})).desc(t)},n.optWhitespace=he,n.Parser=n,n.range=function(e,t){return ee((function(i){return e<=i&&i<=t})).desc(e+"-"+t)},n.regex=Y,n.regexp=Y,n.sepBy=W,n.sepBy1=X,n.seq=F,n.seqMap=j,n.seqObj=function(){for(var e,t={},i=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 n((function(i,n){var s=x(i,n);return s===e?E(n+1,s):S(n,t)}))},buffer:function(e){return d("buffer",e).map((function(e){return Buffer.from(e)}))},encodedString:function(e,t){return d("string",t).map((function(t){return t.toString(e)}))},uintBE:m,uint8BE:m(1),uint16BE:m(2),uint32BE:m(4),uintLE:g,uint8LE:g(1),uint16LE:g(2),uint32LE:g(4),intBE:b,int8BE:b(1),int16BE:b(2),int32BE:b(4),intLE:v,int8LE:v(1),int16LE:v(2),int32LE:v(4),floatBE:d("floatBE",4).map((function(e){return e.readFloatBE(0)})),floatLE:d("floatLE",4).map((function(e){return e.readFloatLE(0)})),doubleBE:d("doubleBE",8).map((function(e){return e.readDoubleBE(0)})),doubleLE:d("doubleLE",8).map((function(e){return e.readDoubleLE(0)}))},e.exports=n}]));class Oe extends ue{static attributes={lookbehind:new ae(String,!1,"",!1,!0)};constructor(e){super(e),this.lookbehind}}let He=De;class Be{static getGrammarForType(e,t,i=e.AttributeAnyValue){if(t instanceof ae){let n=Be.getGrammarForType(e,t.type,i);return!t.serialized||t.type instanceof String||(n=n.wrap(He.string('"'),He.string('"'))),n}switch(le.getType(t)){case Array:return He.seqMap(He.string("("),t.map((t=>Be.getGrammarForType(e,le.getType(t)))).reduce(((t,i)=>i&&t!==e.AttributeAnyValue?t.or(i):e.AttributeAnyValue)).trim(He.optWhitespace).sepBy(He.string(",")).skip(He.regex(/,?\s*/)),He.string(")"),((e,t,i)=>t));case Boolean:return e.Boolean;case he:return e.FunctionReference;case de:return e.Guid;case pe:return e.Identifier;case me:return e.Integer;case ge:return e.InvariantText;case fe:return e.LinearColor;case ye:return e.LocalizedText;case we:return e.MacroGraphReference;case Number:return e.Number;case ce:return e.ObjectReference;case xe:return e.Pin;case Se:return e.PinReference;case ve:return e.RealUnit;case Pe:return e.Rotator;case Ce:return e.SimpleSerializationRotator;case Ne:return e.SimpleSerializationVector;case String:return e.String;case Le:return e.Symbol;case oe:return t.types.map((t=>Be.getGrammarForType(e,le.getType(t)))).reduce(((t,i)=>i&&t!==e.AttributeAnyValue?t.or(i):e.AttributeAnyValue));case Te:return e.VariableReference;case ke:return e.Vector;default:return i}}static ReferencePath=(e,t)=>He.alt(t,He.seq(He.string("/"),t.map((e=>e.toString())).sepBy1(He.string(".")).tieWith(".").sepBy1(He.string(":")).tieWith(":")).tie().atLeast(2).tie());static createAttributeGrammar=(e,t,i=He.string("=").trim(He.optWhitespace))=>e.AttributeName.skip(i).chain((i=>{const n=i.split("."),s=le.objectGet(t.attributes,n);return Be.getGrammarForType(e,s,e.AttributeAnyValue).map((e=>t=>le.objectSet(t,n,e,!0)))}));static createEntityGrammar=(e,t,i=!1)=>He.seqMap(t.lookbehind?He.seq(He.string(t.lookbehind),He.optWhitespace,He.string("(")):He.string("("),Be.createAttributeGrammar(e,t).trim(He.optWhitespace).sepBy(He.string(",")).skip(He.regex(/,?/).then(He.optWhitespace)),He.string(")"),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),n})).chain((e=>{if(i){let i=0,n=0;for(const s in e)i+=s in t.attributes?0:1,++n;if(i+.5>Math.sqrt(n))return He.fail()}return He.succeed().map((()=>new t(e)))}));InlineWhitespace=e=>He.regex(/[^\S\n]+/).desc("single line whitespace");InlineOptWhitespace=e=>He.regex(/[^\S\n]*/).desc("single line optional whitespace");MultilineWhitespace=e=>He.regex(/[^\S\n]*\n\s*/).desc("whitespace with at least a newline");Null=e=>He.seq(He.string("("),e.InlineOptWhitespace,He.string(")")).map((()=>null)).desc("null: ()");Boolean=e=>He.alt(He.string("True"),He.string("true"),He.string("False"),He.string("false")).map((e=>"true"===e.toLocaleLowerCase())).desc("either True or False");HexDigit=e=>He.regex(/[0-9a-fA-f]/).desc("hexadecimal digit");Number=e=>He.regex(/[-\+]?[0-9]+(?:\.[0-9]+)?/).map(Number).desc("a number");RealNumber=e=>He.regex(/[-\+]?[0-9]+\.[0-9]+/).map(Number).desc("a number written as real");RealUnit=e=>He.regex(/\+?[0-9]+(?:\.[0-9]+)?/).map(Number).assert((e=>e>=0&&e<=1)).desc("a number between 0 and 1");NaturalNumber=e=>He.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=>He.regex(/[a-zA-Z_]+/).desc("a word");String=e=>He.regex(/(?:[^"\\]|\\.)*/).wrap(He.string('"'),He.string('"')).map(le.unescapeString).desc('string (with possibility to escape the quote using ")');AttributeName=e=>e.Word.sepBy1(He.string(".")).tieWith(".").desc("dot-separated words");None=e=>He.string("None").map((()=>new ce({type:"None",path:""}))).desc("none");Integer=e=>He.regex(/[\-\+]?[0-9]+/).map((e=>new me(e))).desc("an integer");Guid=e=>e.HexDigit.times(32).tie().map((e=>new de({value:e}))).desc("32 digit hexadecimal value");Identifier=e=>He.regex(/\w+/).map((e=>new pe(e)));PathSymbol=e=>He.regex(/[0-9\w]+/).map((e=>new Ee({value:e})));PathSymbolOptSpaces=e=>He.regex(/[0-9\w]+(?: [0-9\w]+)+|[0-9\w]+/).map((e=>new Ee({value:e})));Symbol=e=>He.regex(/\w+/).map((e=>new Le({value:e})));ObjectReference=e=>He.alt(e.None,...[Be.ReferencePath(e,e.PathSymbolOptSpaces).map((e=>new ce({type:"",path:e})))].flatMap((e=>[e.wrap(He.string('"'),He.string('"')),e.wrap(He.string("'\""),He.string("\"'"))])),He.seqMap(Be.ReferencePath(e,e.PathSymbolOptSpaces),He.optWhitespace,He.alt(...[Be.ReferencePath(e,e.PathSymbolOptSpaces)].flatMap((e=>[e.wrap(He.string('"'),He.string('"')),e.wrap(He.string("'\""),He.string("\"'"))]))),((e,t,i)=>new ce({type:e,path:i}))),Be.ReferencePath(e,e.PathSymbol).map((e=>new ce({type:"",path:e}))),e.Word.map((e=>new ce({type:e,path:""}))));LocalizedText=e=>He.seqMap(He.string(ye.lookbehind).skip(He.optWhitespace).skip(He.string("(")),e.String.trim(He.optWhitespace),He.string(","),e.String.trim(He.optWhitespace),He.string(","),e.String.trim(He.optWhitespace),He.string(")"),((e,t,i,n,s,r,o)=>new ye({namespace:t,key:n,value:r})));InvariantText=e=>e.String.trim(He.optWhitespace).wrap(He.string(ge.lookbehind).skip(He.optWhitespace).skip(He.string("(")),He.string(")")).map((e=>new ge({value:e})));AttributeAnyValue=e=>He.alt(e.Boolean,e.Guid,e.None,e.Null,e.Number,e.String,e.LocalizedText,e.InvariantText,e.PinReference,Be.createEntityGrammar(e,ke,!0),Be.createEntityGrammar(e,fe,!0),e.UnknownKeys,e.ObjectReference,e.Symbol);PinReference=e=>He.seqMap(e.PathSymbol,He.whitespace,e.Guid,((e,t,i)=>new Se({objectName:e,pinGuid:i})));Vector=e=>Be.createEntityGrammar(e,ke);Rotator=e=>Be.createEntityGrammar(e,Pe);SimpleSerializationRotator=e=>He.seqMap(e.Number,He.string(",").trim(He.optWhitespace),e.Number,He.string(",").trim(He.optWhitespace),e.Number,((e,t,i,n,s)=>new Ce({R:s,P:e,Y:i})));SimpleSerializationVector=e=>He.seqMap(e.Number,He.string(",").trim(He.optWhitespace),e.Number,He.string(",").trim(He.optWhitespace),e.Number,((e,t,i,n,s)=>new Ne({X:e,Y:i,Z:s})));LinearColor=e=>Be.createEntityGrammar(e,fe);FunctionReference=e=>Be.createEntityGrammar(e,he);VariableReference=e=>Be.createEntityGrammar(e,Te);MacroGraphReference=e=>Be.createEntityGrammar(e,we);KeyBinding=e=>He.alt(e.Identifier.map((e=>new be({Key:e}))),Be.createEntityGrammar(e,be));Pin=e=>Be.createEntityGrammar(e,xe);CustomProperties=e=>He.string("CustomProperties").then(He.whitespace).then(e.Pin).map((e=>t=>{let i=le.objectGet(t,["CustomProperties"],[]);i.push(e),le.objectSet(t,["CustomProperties"],i,!0)}));Object=e=>He.seqMap(He.seq(He.string("Begin"),He.whitespace,He.string("Object"),He.whitespace),He.alt(e.CustomProperties,Be.createAttributeGrammar(e,Ae)).sepBy1(He.whitespace),He.seq(e.MultilineWhitespace,He.string("End"),He.whitespace,He.string("Object")),((e,t,i)=>{let n={};return t.forEach((e=>e(n))),new Ae(n)}));MultipleObject=e=>e.Object.sepBy1(He.whitespace).trim(He.optWhitespace);LinearColorFromHex=e=>He.string("#").then(e.HexDigit.times(2).tie().times(3,4)).trim(He.optWhitespace).map((([e,t,i,n])=>new fe({R:parseInt(e,16)/255,G:parseInt(t,16)/255,B:parseInt(i,16)/255,A:n?parseInt(n,16)/255:1})));LinearColorFromRGBList=e=>He.seqMap(e.ColorNumber,He.string(",").skip(He.optWhitespace),e.ColorNumber,He.string(",").skip(He.optWhitespace),e.ColorNumber.map(Number),((e,t,i,n,s)=>new fe({R:e/255,G:i/255,B:s/255,A:1})));LinearColorFromRGB=e=>He.string("rgb").then(e.LinearColorFromRGBList.wrap(He.regex(/\(\s*/),He.regex(/\s*\)/)));LinearColorFromRGBA=e=>He.string("rgba").then(He.seqMap(e.ColorNumber,He.string(",").skip(He.optWhitespace),e.ColorNumber,He.string(",").skip(He.optWhitespace),e.ColorNumber.map(Number),He.string(",").skip(He.optWhitespace),He.regex(/0?\.\d+|[01]/).map(Number),((e,t,i,n,s,r,o)=>new fe({R:e/255,G:i/255,B:s/255,A:o}))).wrap(He.regex(/\(\s*/),He.regex(/\s*\)/)));LinearColorFromAnyColor=e=>He.alt(e.LinearColorFromRGBList,e.LinearColorFromHex,e.LinearColorFromRGB,e.LinearColorFromRGBA);UnknownKeys=e=>He.seqMap(He.regex(/\w*\s*/).skip(He.string("(")),He.seqMap(e.AttributeName,He.string("=").trim(He.optWhitespace),e.AttributeAnyValue,((e,t,i)=>t=>le.objectSet(t,e.split("."),i,!0))).trim(He.optWhitespace).sepBy(He.string(",")).skip(He.regex(/,?/).then(He.optWhitespace)),He.string(")"),((e,t,i)=>{let n={};t.forEach((e=>e(n)));let s=new Oe(n);return e&&(s.lookbehind=e),s}))}class ze{static grammar=De.createLanguage(new Be);constructor(e,t="",i=",",n=!1,s="=",r=(e=>e.join("."))){this.entityType=e,this.attributePrefix=t,this.attributeSeparator=i,this.trailingSeparator=n,this.attributeValueConjunctionSign=s,this.attributeKeyPrinter=r}deserialize(e){return this.read(e)}serialize(e,t=!1,i=e){return this.write(i,e,t)}read(e){throw new Error("Not implemented")}write(e,t,i){throw new Error("Not implemented")}writeValue(e,t,i,n){const s=le.getType(t),r=re.getSerializer(s);if(!r)throw new Error(`Unknown value type "${s.name}", a serializer must be registered in the SerializerFactory class, check initializeSerializerFactory.js`);return r.write(e,t,n)}subWrite(e,t,i,n){let s="",r=t.concat("");const o=r.length-1;for(const t of Object.getOwnPropertyNames(i)){r[o]=t;const a=i[t];if(a?.constructor===Object)s+=(s.length?this.attributeSeparator:"")+this.subWrite(e,r,a,n);else if(void 0!==a&&this.showProperty(e,i,r,a)){const t=le.isSerialized(e,r);s+=(s.length?this.attributeSeparator:"")+this.attributePrefix+this.attributeKeyPrinter(r)+this.attributeValueConjunctionSign+(t?`"${this.writeValue(e,a,r,!0)}"`:this.writeValue(e,a,r,n))}}return this.trailingSeparator&&s.length&&1===r.length&&(s+=this.attributeSeparator),s}showProperty(e,t,i,n){const s=this.entityType.attributes,r=le.objectGet(s,i);return!(r instanceof ae)||!r.ignored&&(!le.equals(r.value,n)||r.showDefault)}}class Ie extends ze{constructor(){super(Ae," ","\n",!1)}showProperty(e,t,i,n){switch(i.toString()){case"Class":case"Name":case"CustomProperties":return!1}return super.showProperty(e,t,i,n)}read(e){const t=ze.grammar.Object.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}readMultiple(e){const t=ze.grammar.MultipleObject.parse(e);if(!t.status)throw new Error("Error when trying to parse the object.");return t.value}write(e,t,i){return`Begin Object Class=${t.Class.path} Name=${this.writeValue(e,t.Name,["Name"],i)}\n${this.subWrite(e,[],t,i)+t.CustomProperties.map((e=>this.attributeSeparator+this.attributePrefix+"CustomProperties "+re.getSerializer(xe).serialize(e))).join("")}\nEnd Object\n`}}class Re extends ie{static#g=new Ie;#b;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#b=e=>n.copied()}listenEvents(){window.addEventListener("copy",this.#b)}unlistenEvents(){window.removeEventListener("copy",this.#b)}copied(){const e=this.blueprint.getNodes(!0).map((e=>Re.#g.serialize(e.entity,!1))).join("");navigator.clipboard.writeText(e)}}class _e{element;#v=[];get inputObjects(){return this.#v}initialize(e){this.element=e}createInputObjects(){return[]}setup(){}cleanup(){this.#v.forEach((e=>e.unlistenDOMElement()))}willUpdate(e){}update(e){}render(){return O``}firstUpdated(e){}updated(e){}inputSetup(){this.#v=this.createInputObjects()}}class Ve extends ie{#f;constructor(e,t,i={}){i.activateAnyKey??=!1,i.activationKeys??=[],i.consumeEvent??=!0,i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,i.activationKeys instanceof Array||(i.activationKeys=[i.activationKeys]),i.activationKeys=i.activationKeys.map((e=>{if(e instanceof be)return e;if(e.constructor===String){const t=ze.grammar.KeyBinding.parse(e);if(t.status)return t.value}throw new Error("Unexpected key value")})),super(e,t,i),this.#f=this.options.activationKeys??[];let n=this;this.keyDownHandler=e=>{(this.options.activateAnyKey||n.#f.some((t=>(e=>e.bShift||"LeftShift"==e.Key||"RightShift"==e.Key)(t)==e.shiftKey&&(e=>e.bCtrl||"LeftControl"==e.Key||"RightControl"==e.Key)(t)==e.ctrlKey&&(e=>e.bAlt||"LeftAlt"==e.Key||"RightAlt"==e.Key)(t)==e.altKey&&te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&(e.preventDefault(),e.stopImmediatePropagation()),n.fire(),document.removeEventListener("keydown",n.keyDownHandler),document.addEventListener("keyup",n.keyUpHandler))},this.keyUpHandler=e=>{(this.options.activateAnyKey||n.#f.some((t=>t.bShift&&"Shift"==e.key||t.bCtrl&&"Control"==e.key||t.bAlt&&"Alt"==e.key||t.bCmd&&"Meta"==e.key||te.Keys[t.Key]==e.code)))&&(i.consumeEvent&&e.stopImmediatePropagation(),n.unfire(),document.removeEventListener("keyup",this.keyUpHandler),document.addEventListener("keydown",this.keyDownHandler))}}listenEvents(){document.addEventListener("keydown",this.keyDownHandler)}unlistenEvents(){document.removeEventListener("keydown",this.keyDownHandler)}fire(){}unfire(){}}class Ge extends Ve{constructor(e,t,i={}){i.activationKeys=te.deleteNodesKeyboardKey,super(e,t,i)}fire(){this.blueprint.removeGraphElement(...this.blueprint.getNodes(!0))}}class Fe extends ie{constructor(e,t,i={}){i.ignoreTranslateCompensate??=!1,i.movementSpace??=t.getGridDOMElement()??document.documentElement,super(e,t,i),this.movementSpace=i.movementSpace}locationFromEvent(e){const t=le.convertLocation([e.clientX,e.clientY],this.movementSpace);return this.options.ignoreTranslateCompensate?t:this.blueprint.compensateTranslation(t)}}class je extends Fe{#y=e=>{e.preventDefault();const t=this.locationFromEvent(e);this.wheel(Math.sign(e.deltaY*te.mouseWheelFactor),t)};#w=e=>e.preventDefault();constructor(e,t,i={}){i.listenOnFocus=!0,i.strictTarget??=!1,super(e,t,i),this.strictTarget=i.strictTarget}listenEvents(){this.movementSpace.addEventListener("wheel",this.#y,!1),this.movementSpace.parentElement?.addEventListener("wheel",this.#w)}unlistenEvents(){this.movementSpace.removeEventListener("wheel",this.#y,!1),this.movementSpace.parentElement?.removeEventListener("wheel",this.#w)}wheel(e,t){}}class Ue extends je{#E=!1;get enableZoonIn(){return this.#E}set enableZoonIn(e){(e=Boolean(e))!=this.#E&&(this.#E=e)}wheel(e,t){let i=this.blueprint.getZoom();e=-e,!this.enableZoonIn&&0==i&&e>0||(i+=e,this.blueprint.setZoom(i,t))}}class We extends Ve{#S;constructor(e,t,i={}){i.activationKeys=te.enableZoomIn,super(e,t,i)}fire(){this.#S=this.blueprint.getInputObject(Ue),this.#S.enableZoonIn=!0}unfire(){this.#S.enableZoonIn=!1}}class Xe extends Ve{constructor(e,t,i={}){i.activationKeys=te.selectAllKeyboardKey,super(e,t,i)}fire(){this.blueprint.selectAll()}}class qe extends Q{static properties={};#P=[];#i;get blueprint(){return this.#i}set blueprint(e){this.#i=e}#C;get entity(){return this.#C}set entity(e){this.#C=e}#k;get template(){return this.#k}isInitialized=!1;isSetup=!1;inputObjects=[];initialize(e,t){this.requestUpdate(),this.#C=e,this.#k=t,this.#k.initialize(this),this.isConnected&&this.updateComplete.then((()=>this.setup())),this.isInitialized=!0}connectedCallback(){super.connectedCallback(),this.blueprint=this.closest("ueb-blueprint"),this.isInitialized&&(this.requestUpdate(),this.updateComplete.then((()=>this.setup())))}disconnectedCallback(){super.disconnectedCallback(),this.isSetup&&this.updateComplete.then((()=>this.cleanup()))}createRenderRoot(){return this}shouldUpdate(e){return this.isInitialized&&this.isConnected}setup(){this.template.setup(),this.template.inputSetup(),this.isSetup=!0}cleanup(){this.template.cleanup(),this.isSetup=!1}willUpdate(e){super.willUpdate(e),this.template.willUpdate(e)}update(e){super.update(e),this.template.update(e)}render(){return this.template.render()}firstUpdated(e){super.firstUpdated(e),this.template.firstUpdated(e)}updated(e){super.updated(e),this.template.updated(e);for(const t of this.#P)t(e);this.#P=[]}addNextUpdatedCallbacks(e,t=!1){this.#P.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 Ye extends qe{static properties={...super.properties,locationX:{type:Number,attribute:!1},locationY:{type:Number,attribute:!1},sizeX:{type:Number,attribute:!1},sizeY:{type:Number,attribute:!1}};static dragEventName=te.dragEventName;static dragGeneralEventName=te.dragGeneralEventName;constructor(){super(),this.locationX=0,this.locationY=0,this.sizeX=0,this.sizeY=0}computeSizes(){const e=1/this.blueprint.getScale(),t=this.getBoundingClientRect();this.sizeX=t.width*e,this.sizeY=t.height*e}firstUpdated(e){super.firstUpdated(e),this.computeSizes()}setLocation([e,t],i=!0){const n=[e-this.locationX,t-this.locationY];if(this.locationX=e,this.locationY=t,this.blueprint&&i){const e=new CustomEvent(this.constructor.dragEventName,{detail:{value:n},bubbles:!1,cancelable:!0});this.dispatchEvent(e)}}addLocation([e,t],i=!0){this.setLocation([this.locationX+e,this.locationY+t],i)}acknowledgeDrag(e){const t=new CustomEvent(this.constructor.dragGeneralEventName,{detail:{value:e},bubbles:!0,cancelable:!0});this.dispatchEvent(t)}snapToGrid(){const e=le.snapToGrid([this.locationX,this.locationY],te.gridSize);this.locationX==e[0]&&this.locationY==e[1]||this.setLocation(e)}topBoundary(e=!1){return this.template.topBoundary(e)}rightBoundary(e=!1){return this.template.rightBoundary(e)}bottomBoundary(e=!1){return this.template.bottomBoundary(e)}leftBoundary(e=!1){return this.template.leftBoundary(e)}}class Ke extends Fe{#N=e=>{if(this.blueprint.setFocused(!0),e.button===this.options.clickButton)this.options.strictTarget&&e.target!=e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#x.addEventListener("mousemove",this.#L),document.addEventListener("mouseup",this.#T),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.target instanceof Ye&&(this.clickedOffset=[this.clickedPosition[0]-this.target.locationX,this.clickedPosition[1]-this.target.locationY]),this.clicked(this.clickedPosition));else this.options.exitAnyButton||this.#T(e)};#L=e=>{this.options.consumeEvent&&e.stopImmediatePropagation(),this.#x.removeEventListener("mousemove",this.#L),this.#x.addEventListener("mousemove",this.#A);const t=this.getEvent(te.trackingMouseEventName.begin);this.#$=0==this.target.dispatchEvent(t);const i=this.locationFromEvent(e);this.lastLocation=le.snapToGrid(this.clickedPosition,this.stepSize),this.startDrag(i),this.started=!0};#A=e=>{this.options.consumeEvent&&e.stopImmediatePropagation();const t=this.locationFromEvent(e),i=[e.movementX,e.movementY];this.dragTo(t,i),this.#$&&(this.blueprint.mousePosition=this.locationFromEvent(e))};#T=e=>{if(!this.options.exitAnyButton||e.button==this.options.clickButton){if(this.options.consumeEvent&&e.stopImmediatePropagation(),this.#x.removeEventListener("mousemove",this.#L),this.#x.removeEventListener("mousemove",this.#A),document.removeEventListener("mouseup",this.#T),this.started&&this.endDrag(),this.unclicked(),this.#$){const e=this.getEvent(te.trackingMouseEventName.end);this.target.dispatchEvent(e),this.#$=!1}this.started=!1}};#$=!1;#x;#M;clickedOffset=[0,0];clickedPosition=[0,0];lastLocation=[0,0];started=!1;stepSize=1;constructor(e,t,i={}){i.clickButton??=0,i.consumeEvent??=!0,i.draggableElement??=e,i.exitAnyButton??=!0,i.moveEverywhere??=!1,i.movementSpace??=t?.getGridDOMElement(),i.repositionOnClick??=!1,i.strictTarget??=!1,super(e,t,i),this.stepSize=parseInt(i?.stepSize??te.gridSize),this.#x=this.options.moveEverywhere?document.documentElement:this.movementSpace,this.#M=this.options.draggableElement,this.listenEvents()}listenEvents(){super.listenEvents(),this.#M.addEventListener("mousedown",this.#N),2==this.options.clickButton&&this.#M.addEventListener("contextmenu",(e=>e.preventDefault()))}unlistenEvents(){super.unlistenEvents(),this.#M.removeEventListener("mousedown",this.#N)}getEvent(e){return new CustomEvent(e,{detail:{tracker:this},bubbles:!0,cancelable:!0})}clicked(e){}startDrag(e){}dragTo(e,t){}endDrag(){}unclicked(e){}}class Ze extends Ke{startDrag(){this.blueprint.scrolling=!0}dragTo(e,t){this.blueprint.scrollDelta([-t[0],-t[1]])}endDrag(){this.blueprint.scrolling=!1}}class Je extends Fe{#D=null;#O;#H;#B;constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i);let n=this;this.#O=e=>{e.preventDefault(),n.blueprint.mousePosition=n.locationFromEvent(e)},this.#H=e=>{n.#D||(e.preventDefault(),this.#D=e.detail.tracker,n.unlistenMouseMove())},this.#B=e=>{n.#D==e.detail.tracker&&(e.preventDefault(),n.#D=null,n.listenMouseMove())}}listenMouseMove(){this.target.addEventListener("mousemove",this.#O)}unlistenMouseMove(){this.target.removeEventListener("mousemove",this.#O)}listenEvents(){this.listenMouseMove(),this.blueprint.addEventListener(te.trackingMouseEventName.begin,this.#H),this.blueprint.addEventListener(te.trackingMouseEventName.end,this.#B)}unlistenEvents(){this.unlistenMouseMove(),this.blueprint.removeEventListener(te.trackingMouseEventName.begin,this.#H),this.blueprint.removeEventListener(te.trackingMouseEventName.end,this.#B)}}class Qe{static#z=new Map;static registerElement(e,t){Qe.#z.set(e,t)}static getConstructor(e){return Qe.#z.get(e)}}class et extends ie{static#g=new Ie;#I;constructor(e,t,i={}){i.listenOnFocus??=!0,i.unlistenOnTextEdit??=!0,super(e,t,i);let n=this;this.#I=e=>n.pasted(e.clipboardData.getData("Text"))}listenEvents(){window.addEventListener("paste",this.#I)}unlistenEvents(){window.removeEventListener("paste",this.#I)}pasted(e){let t=0,i=0,n=0,s=et.#g.readMultiple(e).map((e=>{let s=Qe.getConstructor("ueb-node").newObject(e);return t+=s.locationY,i+=s.locationX,++n,s}));t/=n,i/=n,s.length>0&&this.blueprint.unselectAll();let r=this.blueprint.mousePosition;return s.forEach((e=>{const n=[r[0]-i,r[1]-t];e.addLocation(n),e.snapToGrid(),e.setSelected(!0)})),this.blueprint.addGraphElement(...s),!0}}class tt extends Ke{constructor(e,t,i){super(e,t,i),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 it extends ie{#R;constructor(e,t,i={}){i.listenOnFocus=!0,super(e,t,i);let n=this;this.#R=e=>n.clickedSomewhere(e.target),this.blueprint.focus&&document.addEventListener("click",this.#R)}clickedSomewhere(e){e.closest("ueb-blueprint")||this.blueprint.setFocused(!1)}listenEvents(){document.addEventListener("click",this.#R)}unlistenEvents(){document.removeEventListener("click",this.#R)}}class nt extends _e{static styleVariables={"--ueb-font-size":`${te.fontSize}`,"--ueb-grid-axis-line-color":`${te.gridAxisLineColor}`,"--ueb-grid-expand":`${te.expandGridSize}px`,"--ueb-grid-line-color":`${te.gridLineColor}`,"--ueb-grid-line-width":`${te.gridLineWidth}px`,"--ueb-grid-set-line-color":`${te.gridSetLineColor}`,"--ueb-grid-set":`${te.gridSet}`,"--ueb-grid-size":`${te.gridSize}px`,"--ueb-link-min-width":`${te.linkMinWidth}`,"--ueb-node-radius":`${te.nodeRadius}px`};initialize(e){super.initialize(e),this.element.style.cssText=Object.entries(nt.styleVariables).map((([e,t])=>`${e}:${t};`)).join("")}createInputObjects(){return[...super.createInputObjects(),new Re(this.element.getGridDOMElement(),this.element),new et(this.element.getGridDOMElement(),this.element),new Ge(this.element.getGridDOMElement(),this.element),new Xe(this.element.getGridDOMElement(),this.element),new Ue(this.element.getGridDOMElement(),this.element),new tt(this.element.getGridDOMElement(),this.element,{clickButton:0,exitAnyButton:!0,moveEverywhere:!0}),new Ze(this.element.getGridDOMElement(),this.element,{clickButton:2,exitAnyButton:!1,moveEverywhere:!0}),new it(this.element.getGridDOMElement(),this.element),new Je(this.element.getGridDOMElement(),this.element),new We(this.element.getGridDOMElement(),this.element)]}render(){return O`
Zoom ${0==this.element.zoom?"1:1":(this.element.zoom>0?"+":"")+this.element.zoom}
`}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=this.element.querySelector("ueb-selector"),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(te.expandGridSize,te.expandGridSize)}willUpdate(e){super.willUpdate(e),this.element.headerElement&&e.has("zoom")&&(this.element.headerElement.classList.add("ueb-zoom-changed"),this.element.headerElement.addEventListener("animationend",(()=>this.element.headerElement.classList.remove("ueb-zoom-changed"))))}updated(e){if(super.updated(e),(e.has("scrollX")||e.has("scrollY"))&&this.element.viewportElement.scroll(this.element.scrollX,this.element.scrollY),e.has("zoom")){const t=e.get("zoom"),i=Math.min(t,this.element.zoom),n=Math.max(t,this.element.zoom),s=le.range(i,n),r=e=>`ueb-zoom-${e}`;te<0)).map(r)),this.element.classList.add(...s.filter((e=>e>0)).map(r))):(this.element.classList.remove(...s.filter((e=>e>0)).map(r)),this.element.classList.add(...s.filter((e=>e<0)).map(r)))}}getCommentNodes(e=!1){return this.element.querySelectorAll(`ueb-node[data-type="${te.nodeType.comment}"]${e?'[data-selected="true"]':""}`)}getPin(e){return this.element.querySelector(`ueb-node[data-name="${e.objectName}"] ueb-pin[data-id="${e.pinGuid}"]`)}}class st extends qe{static properties={...super.properties,fromX:{type:Number,attribute:!1},fromY:{type:Number,attribute:!1},toX:{type:Number,attribute:!1},toY:{type:Number,attribute:!1}};constructor(){super(),this.fromX=0,this.fromY=0,this.toX=0,this.toY=0}setBothLocations([e,t]){this.fromX=e,this.fromY=t,this.toX=e,this.toY=t}addSourceLocation([e,t]){this.fromX+=e,this.fromY+=t}addDestinationLocation([e,t]){this.toX+=e,this.toY+=t}}class rt extends _e{update(e){super.update(e);const[t,i,n,s]=[Math.round(this.element.fromX),Math.round(this.element.fromY),Math.round(this.element.toX),Math.round(this.element.toY)],[r,o,a,l]=[Math.min(t,n),Math.min(i,s),Math.abs(t-n),Math.abs(i-s)];(e.has("fromX")||e.has("toX"))&&(this.element.style.left=`${r}px`,this.element.style.width=`${a}px`),(e.has("fromY")||e.has("toY"))&&(this.element.style.top=`${o}px`,this.element.style.height=`${l}px`)}}class ot extends Ae{constructor(e={},t){super(e,!0),this.Class=new ce("/Script/BlueprintGraph.K2Node_Knot"),this.Name="K2Node_Knot";const i=new xe({PinName:"InputPin"},!0),n=new xe({PinName:"OutputPin",Direction:"EGPD_Output"},!0);t&&(i.copyTypeFrom(t),n.copyTypeFrom(t)),this.CustomProperties=[i,n]}}class at extends Fe{static ignoreDbClick=e=>{};#_=e=>{this.options.strictTarget&&e.target!==e.currentTarget||(this.options.consumeEvent&&e.stopImmediatePropagation(),this.clickedPosition=this.locationFromEvent(e),this.blueprint.mousePosition[0]=this.clickedPosition[0],this.blueprint.mousePosition[1]=this.clickedPosition[1],this.dbclicked(this.clickedPosition))};#V;get onDbClick(){return this.#V}set onDbClick(e){this.#V=e}clickedPosition=[0,0];constructor(e,t,i={},n=at.ignoreDbClick){i.consumeEvent??=!0,i.strictTarget??=!1,super(e,t,i),this.#V=n,this.listenEvents()}listenEvents(){this.target.addEventListener("dblclick",this.#_)}unlistenEvents(){this.target.removeEventListener("dblclick",this.#_)}dbclicked(e){this.onDbClick(e)}}class lt extends rt{static decreasingValue(e,t){const i=-e*t[0]**2,n=t[1]-i/t[0];return e=>i/e+n}static clampedLine(e,t){if(e[0]>t[0]){const i=e;e=t,t=i}const i=(t[1]-e[1])/(t[0]-e[0]),n=e[1]-i*e[0];return s=>st[0]?t[1]:i*s+n}static c1DecreasingValue=lt.decreasingValue(-.15,[100,15]);static c2DecreasingValue=lt.decreasingValue(-.06,[500,130]);static c2Clamped=lt.clampedLine([0,100],[200,30]);#G=e=>{const t=new ot({},this.element.sourcePin.entity),i=Qe.getConstructor("ueb-node").newObject(t);i.setLocation(this.element.blueprint.snapToGrid(e)),this.element.blueprint.addGraphElement(i);const n=Qe.getConstructor("ueb-link").newObject(i.template.outputPin,this.element.destinationPin);this.element.destinationPin=i.template.inputPin,this.element.blueprint.addGraphElement(n)};createInputObjects(){return[...super.createInputObjects(),new at(this.element.querySelector(".ueb-link-area"),this.element.blueprint,void 0,(e=>this.#G(e)))]}willUpdate(e){super.willUpdate(e);const t=this.element.sourcePin,i=this.element.destinationPin;if(e.has("fromX")||e.has("toX")){const e=t?.nodeElement.getType()==te.nodeType.knot,n=i?.nodeElement.getType()==te.nodeType.knot;!e||i&&!n||(t?.isInput()&&this.element.toX>this.element.fromX+te.distanceThreshold?this.element.sourcePin=t.nodeElement.template.outputPin:t?.isOutput()&&this.element.toXthis.element.fromX-te.distanceThreshold&&(this.element.destinationPin=i.nodeElement.template.inputPin))}const n=Math.max(Math.abs(this.element.fromX-this.element.toX),1);Math.max(Math.abs(this.element.fromY-this.element.toY),1);const s=Math.max(n,te.linkMinWidth),r=n/s,o=this.element.originatesFromInput?this.element.fromXthis.element.toY?1:0)),this.element.style.setProperty("--ueb-start-percentage",`${Math.round(this.element.startPercentage)}%`),this.element.style.setProperty("--ueb-link-start",`${Math.round(this.element.startPixels)}`)}render(){const e=`ueb-id-${Math.floor(1e12*Math.random())}`;return O` ${this.element.linkMessageIcon||this.element.linkMessageText?O`
${this.element.linkMessageIcon!==B?O`${this.element.linkMessageIcon}`:B} ${this.element.linkMessageText!==B?O`${this.element.linkMessageText}`:B}
`:B}`}}class ut{static branchNode=O``;static breakStruct=O``;static cast=O``;static close=O``;static correct=O``;static doN=O``;static execPin=O``;static expandIcon=O``;static forEachLoop=O``;static functionSymbol=O``;static genericPin=O``;static loop=O``;static macro=O``;static makeArray=O``;static makeMap=O``;static makeStruct=O``;static referencePin=O``;static reject=O``;static select=O``;static sequence=O``}class ct extends st{static properties={...super.properties,source:{type:String,reflect:!0},destination:{type:String,reflect:!0},dragging:{type:Boolean,attribute:"data-dragging",converter:le.booleanConverter,reflect:!0},originatesFromInput:{type:Boolean,attribute:!1},svgPathD:{type:String,attribute:!1},linkMessageIcon:{type:String,attribute:!1},linkMessageText:{type:String,attribute:!1}};#F;get sourcePin(){return this.#F}set sourcePin(e){this.#j(e,!1)}#U;get destinationPin(){return this.#U}set destinationPin(e){this.#j(e,!0)}#W=()=>this.remove();#X=e=>this.addSourceLocation(e.detail.value);#q=e=>this.addDestinationLocation(e.detail.value);#Y=e=>this.setSourceLocation();#K=e=>this.setDestinationLocation();linkMessageIcon=B;linkMessageText=B;pathElement;constructor(){super(),this.source=null,this.destination=null,this.dragging=!1,this.originatesFromInput=!1,this.startPercentage=0,this.svgPathD="",this.startPixels=0}static newObject(e,t){const i=new ct;return i.initialize(e,t),i}initialize(e,t){super.initialize({},new lt),e&&(this.sourcePin=e,t||(this.toX=this.fromX,this.toY=this.fromY)),t&&(this.destinationPin=t,e||(this.fromX=this.toX,this.fromY=this.toY)),this.#Z()}#j(e,t){const i=()=>t?this.destinationPin:this.sourcePin;if(i()!=e){if(i()){const e=i().getNodeElement();e.removeEventListener(te.nodeDeleteEventName,this.#W),e.removeEventListener(te.nodeDragEventName,t?this.#q:this.#X),e.removeEventListener(te.nodeReflowEventName,t?this.#K:this.#Y),this.#J()}if(t?this.#U=e:this.#F=e,i()){const e=i().getNodeElement();e.addEventListener(te.nodeDeleteEventName,this.#W),e.addEventListener(te.nodeDragEventName,t?this.#q:this.#X),e.addEventListener(te.nodeReflowEventName,t?this.#K:this.#Y),t?this.setDestinationLocation():(this.setSourceLocation(),this.originatesFromInput=this.sourcePin.isInput()),this.#Z()}}}#Z(){this.sourcePin&&this.destinationPin&&(this.sourcePin.linkTo(this.destinationPin),this.destinationPin.linkTo(this.sourcePin))}#J(){this.sourcePin&&this.destinationPin&&(this.sourcePin.unlinkFrom(this.destinationPin),this.destinationPin.unlinkFrom(this.sourcePin))}cleanup(){super.cleanup(),this.#J(),this.sourcePin=null,this.destinationPin=null}setSourceLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.sourcePin.hasUpdated)return void Promise.all([this.updateComplete,this.sourcePin.updateComplete]).then((()=>t.setSourceLocation()));e=this.sourcePin.template.getLinkLocation()}const[t,i]=e;this.fromX=t,this.fromY=i}setDestinationLocation(e=null){if(null==e){const t=this;if(!this.hasUpdated||!this.destinationPin.hasUpdated)return void Promise.all([this.updateComplete,this.destinationPin.updateComplete]).then((()=>t.setDestinationLocation()));e=this.destinationPin.template.getLinkLocation()}this.toX=e[0],this.toY=e[1]}startDragging(){this.dragging=!0}finishDragging(){this.dragging=!1}removeMessage(){this.linkMessageIcon="",this.linkMessageText=""}setMessageConvertType(){this.linkMessageIcon="ueb-icon-conver-type",this.linkMessageText=`Convert ${this.sourcePin.pinType} to ${this.destinationPin.pinType}.`}setMessageCorrect(){this.linkMessageIcon=ut.correct,this.linkMessageText=B}setMessageReplace(){this.linkMessageIcon=ut.correct,this.linkMessageText=B}setMessageDirectionsIncompatible(){this.linkMessageIcon=ut.reject,this.linkMessageText=O`Directions are not compatbile.`}setMessagePlaceNode(){this.linkMessageIcon="ueb-icon-place-node",this.linkMessageText=O`Place a new node.`}setMessageReplaceLink(){this.linkMessageIcon=ut.correct,this.linkMessageText=O`Replace existing input connections.`}setMessageSameNode(){this.linkMessageIcon=ut.reject,this.linkMessageText=O`Both are on the same node.`}setMEssagetypesIncompatible(){this.linkMessageIcon=ut.reject,this.linkMessageText=O`${this.sourcePin.pinType} is not compatible with ${this.destinationPin.pinType}.`}}class ht extends Ke{clicked(e){this.options.repositionOnClick&&(this.target.setLocation(this.stepSize>1?le.snapToGrid(e,this.stepSize):e),this.clickedOffset=[0,0])}dragTo(e,t){const i=[this.target.locationX??this.lastLocation[0],this.target.locationY??this.lastLocation[1]],[n,s]=this.stepSize>1?[le.snapToGrid(e,this.stepSize),le.snapToGrid(i,this.stepSize)]:[e,i];0==(t=[n[0]-this.lastLocation[0],n[1]-this.lastLocation[1]])[0]&&0==t[1]||(t[0]+=s[0]-i[0],t[1]+=s[1]-i[1],this.dragAction(n,t),this.lastLocation=n)}dragAction(e,t){this.target.setLocation([e[0]-this.clickedOffset[0],e[1]-this.clickedOffset[1]])}}class dt extends ht{#Q;#ee;#te;#ie;constructor(e,t,i={}){super(e,t,i),i.onClicked&&(this.#Q=i.onClicked),i.onStartDrag&&(this.#ee=i.onStartDrag),i.onDrag&&(this.#te=i.onDrag),i.onEndDrag&&(this.#ie=i.onEndDrag)}clicked(){super.clicked(),this.#Q?.()}startDrag(){super.startDrag(),this.#ee?.()}dragAction(e,t){this.#te?.(e,t)}endDrag(){super.endDrag(),this.#ie?.()}}class pt extends _e{getDraggableElement(){return this.element}createDraggableObject(){return new ht(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}createInputObjects(){return[...super.createInputObjects(),this.createDraggableObject()]}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return this.element.locationY+this.element.sizeY}leftBoundary(e=!1){return this.element.locationX}}class mt extends pt{update(e){super.update(e),e.has("locationX")&&(this.element.style.left=`${this.element.locationX}px`),e.has("locationY")&&(this.element.style.top=`${this.element.locationY}px`)}}class gt extends ht{startDrag(){this.target.selected||(this.blueprint.unselectAll(),this.target.setSelected(!0))}dragAction(e,t){this.target.acknowledgeDrag(t)}unclicked(){this.started?(this.blueprint.getNodes(!0).forEach((e=>e.boundComments.filter((t=>!e.isInsideComment(t))).forEach((t=>e.unbindFromComment(t))))),this.blueprint.getCommentNodes().forEach((e=>e.template.manageNodesBind()))):(this.blueprint.unselectAll(),this.target.setSelected(!0))}}class bt extends mt{getDraggableElement(){return this.element}createDraggableObject(){return new gt(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement()})}firstUpdated(e){super.firstUpdated(e),this.element.selected&&!this.element.listeningDrag&&this.element.setSelected(!0)}}class vt extends bt{static#ne={[te.nodeType.doN]:ut.doN,[te.nodeType.dynamicCast]:ut.cast,[te.nodeType.executionSequence]:ut.sequence,[te.nodeType.forEachElementInEnum]:ut.loop,[te.nodeType.forEachLoop]:ut.forEachLoop,[te.nodeType.forEachLoopWithBreak]:ut.forEachLoop,[te.nodeType.forLoop]:ut.loop,[te.nodeType.forLoopWithBreak]:ut.loop,[te.nodeType.ifThenElse]:ut.branchNode,[te.nodeType.makeArray]:ut.makeArray,[te.nodeType.makeMap]:ut.makeMap,[te.nodeType.select]:ut.select,[te.nodeType.whileLoop]:ut.loop,default:ut.functionSymbol};#se=!1;toggleAdvancedDisplayHandler=()=>{this.element.toggleShowAdvancedPinDisplay(),this.element.addNextUpdatedCallbacks((()=>this.element.acknowledgeReflow()),!0)};initialize(e){super.initialize(e),this.element.style.setProperty("--ueb-node-color",this.getColor().cssText)}getColor(){const e=r``,t=r``;switch(this.element.entity.getClass()){case te.nodeType.callFunction:return this.element.entity.bIsPureFunc?t:e;case te.nodeType.makeArray:case te.nodeType.makeMap:case te.nodeType.select:return t;case te.nodeType.macro:case te.nodeType.executionSequence:case te.nodeType.dynamicCast:return r``}return e}render(){const e=this.renderNodeIcon(),t=this.renderNodeName();return O`
${e?O`
${e}
`:B} ${t?O`
${t} ${this.#se&&this.element.entity.FunctionReference.MemberParent?O`
Target is ${le.formatStringName(this.element.entity.FunctionReference.MemberParent.getName())}
`:B}
`:B}
${"DevelopmentOnly"==this.element.enabledState?.toString()?O`
Development Only
`:B} ${this.element.advancedPinDisplay?O`
${ut.expandIcon}
`:B}
`}renderNodeIcon(){let e=vt.#ne[this.element.getType()];return e||(this.element.getNodeDisplayName().startsWith("Break")?ut.breakStruct:this.element.entity.getClass()===te.nodeType.macro?ut.macro:vt.#ne.default)}renderNodeName(){return this.element.getNodeDisplayName()}firstUpdated(e){super.firstUpdated(e),this.setupPins(),this.element.updateComplete.then((()=>this.element.acknowledgeReflow()))}setupPins(){const e=this.element.querySelector(".ueb-node-inputs"),t=this.element.querySelector(".ueb-node-outputs");this.element.nodeNameElement=this.element.querySelector(".ueb-node-name-text"),this.element.getPinElements().forEach((i=>{i.isInput()?e.appendChild(i):i.isOutput()&&t.appendChild(i)}))}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>(this.#se||"Target"!==e.getDisplayName()||(this.#se=!0),Qe.getConstructor("ueb-pin").newObject(e,void 0,this.element))))}getPinElements(e){return e.querySelectorAll("ueb-pin")}linksChanged(){}}class ft extends vt{#re=document.createElement("div");#oe=document.createElement("div");#ae=document.createElement("div");#le=document.createElement("div");#ue=document.createElement("div");#ce=document.createElement("div");#he=document.createElement("div");#de=document.createElement("div");initialize(e){super.initialize(e),this.element.classList.add("ueb-resizeable"),this.#re.classList.add("ueb-resizeable-top"),this.#oe.classList.add("ueb-resizeable-right"),this.#ae.classList.add("ueb-resizeable-bottom"),this.#le.classList.add("ueb-resizeable-left"),this.#ue.classList.add("ueb-resizeable-top-right"),this.#ce.classList.add("ueb-resizeable-bottom-right"),this.#he.classList.add("ueb-resizeable-bottom-left"),this.#de.classList.add("ueb-resizeable-top-left")}update(e){super.update(e),this.element.sizeX>=0&&e.has("sizeX")&&(this.element.style.width=`${this.element.sizeX}px`),this.element.sizeY>=0&&e.has("sizeY")&&(this.element.style.height=`${this.element.sizeY}px`)}firstUpdated(e){super.firstUpdated(e),this.element.append(this.#re,this.#oe,this.#ae,this.#le,this.#ue,this.#ce,this.#he,this.#de)}createInputObjects(){return[...super.createInputObjects(),new dt(this.#re,this.element.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.topBoundary(),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation([0,t[1]],!1)},onEndDrag:()=>this.endResize()}),new dt(this.#oe,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),this.setSizeX(this.element.sizeX+t[0])},onEndDrag:()=>this.endResize()}),new dt(this.#ae,this.element.blueprint,{onDrag:(e,t)=>{t[1]=e[1]-this.element.bottomBoundary(),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new dt(this.#le,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation([t[0],0],!1)},onEndDrag:()=>this.endResize()}),new dt(this.#ue,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation([0,t[1]],!1)},onEndDrag:()=>this.endResize()}),new dt(this.#ce,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.rightBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX+t[0]),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new dt(this.#he,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.bottomBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation([t[0],0],!1),this.setSizeY(this.element.sizeY+t[1])},onEndDrag:()=>this.endResize()}),new dt(this.#de,this.element.blueprint,{onDrag:(e,t)=>{t[0]=e[0]-this.element.leftBoundary(),t[1]=e[1]-this.element.topBoundary(),this.setSizeX(this.element.sizeX-t[0])&&this.element.addLocation([t[0],0],!1),this.setSizeY(this.element.sizeY-t[1])&&this.element.addLocation([0,t[1]],!1)},onEndDrag:()=>this.endResize()})]}setSizeX(e){return this.element.setNodeWidth(e),!0}setSizeY(e){return this.element.setNodeHeight(e),!0}endResize(){}}class yt extends ft{#pe=fe.getWhite();#me=0;initialize(e){e.entity.CommentColor&&(this.#pe.setFromRGBANumber(e.entity.CommentColor.toNumber()),this.#pe.setFromHSVA(this.#pe.H.value,this.#pe.S.value,.67*Math.pow(this.#pe.V.value,.45))),e.classList.add("ueb-node-style-comment","ueb-node-resizeable"),e.sizeX??=25*te.gridSize,e.sizeY??=6*te.gridSize,super.initialize(e)}getColor(){return r`${Math.round(255*this.#pe.R.value)}${Math.round(255*this.#pe.G.value)}${Math.round(255*this.#pe.B.value)}`}getDraggableElement(){return this.element.querySelector(".ueb-node-top")}render(){return O`
${this.element.entity.NodeComment}
`}firstUpdated(e){super.firstUpdated(e);const t=this.getDraggableElement().getBoundingClientRect();this.#me=t.height}manageNodesBind(){let e=this.element.blueprint.getNodes();for(let t of e)t.topBoundary()>=this.element.topBoundary()&&t.rightBoundary()<=this.element.rightBoundary()&&t.bottomBoundary()<=this.element.bottomBoundary()&&t.leftBoundary()>=this.element.leftBoundary()?t.bindToComment(this.element):t.unbindFromComment(this.element)}setSizeX(e){return(e=Math.round(e))>=te.gridSet*te.gridSize&&(this.element.setNodeWidth(e),!0)}setSizeY(e){return(e=Math.round(e))>=3*te.gridSize&&(this.element.setNodeHeight(e),!0)}endResize(){this.manageNodesBind()}topBoundary(e=!1){return this.element.locationY}rightBoundary(e=!1){return this.element.locationX+this.element.sizeX}bottomBoundary(e=!1){return e?this.element.locationY+this.#me:super.bottomBoundary()}leftBoundary(e=!1){return this.element.locationX}}class wt extends Ye{static properties={...super.properties,selected:{type:Boolean,attribute:"data-selected",reflect:!0,converter:le.booleanConverter}};dragHandler=e=>this.addLocation(e.detail.value);constructor(){super(),this.selected=!1,this.listeningDrag=!1}setup(){super.setup(),this.setSelected(this.selected)}cleanup(){super.cleanup(),this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler)}setSelected(e=!0){this.selected=e,this.blueprint&&(this.selected?(this.listeningDrag=!0,this.blueprint.addEventListener(te.nodeDragGeneralEventName,this.dragHandler)):(this.blueprint.removeEventListener(te.nodeDragGeneralEventName,this.dragHandler),this.listeningDrag=!1))}}class Et extends Ke{#ge;#be=null;#ve=e=>{if(!this.enteredPin){this.linkValid=!1,this.enteredPin=e.target;const t=this.link.sourcePin??this.target,i=this.enteredPin;t.nodeElement.getType()==te.nodeType.knot||i.nodeElement.getType()==te.nodeType.knot?(this.link.setMessageCorrect(),this.linkValid=!0):t.getNodeElement()==i.getNodeElement()?this.link.setMessageSameNode():t.isOutput()==i.isOutput()||t.isOutput()==i.isOutput()?this.link.setMessageDirectionsIncompatible():this.blueprint.getLinks([t,i]).length?(this.link.setMessageReplaceLink(),this.linkValid=!0):(this.link.setMessageCorrect(),this.linkValid=!0)}};#fe=e=>{this.enteredPin==e.target&&(this.enteredPin=null,this.linkValid=!1,this.link?.setMessagePlaceNode())};link;enteredPin;linkValid=!1;startDrag(e){this.target.nodeElement.getType()==te.nodeType.knot&&(this.#be=this.target),this.link=Qe.getConstructor("ueb-link").newObject(this.target,null),this.blueprint.linksContainerElement.prepend(this.link),this.link.setMessagePlaceNode(),this.#ge=this.blueprint.querySelectorAll("ueb-pin"),this.#ge.forEach((e=>{if(e!=this.target){const t=e.template.getClickableElement();t.addEventListener("mouseenter",this.#ve),t.addEventListener("mouseleave",this.#fe)}})),this.link.startDragging(),this.link.setDestinationLocation(e)}dragTo(e,t){this.link.setDestinationLocation(e)}endDrag(){if(this.#ge.forEach((e=>{e.removeEventListener("mouseenter",this.#ve),e.removeEventListener("mouseleave",this.#fe)})),this.enteredPin&&this.linkValid){if(this.#be){const e=this.#be!==this.link.sourcePin?this.link.sourcePin:this.enteredPin;if(this.#be.isInput()&&e.isInput()||this.#be.isOutput()&&e.isOutput()){const e=this.#be.isInput()?this.#be.nodeElement.template.outputPin:this.#be.nodeElement.template.inputPin;this.#be===this.link.sourcePin?this.link.sourcePin=e:this.enteredPin=e}}this.blueprint.addGraphElement(this.link),this.link.destinationPin=this.enteredPin,this.link.removeMessage(),this.link.finishDragging()}else this.link.finishDragging(),this.link.remove();this.enteredPin=null,this.link=null,this.#ge=null}}class St extends _e{#ye;get iconElement(){return this.#ye}setup(){super.setup(),this.element.nodeElement=this.element.closest("ueb-node")}createInputObjects(){return[new Et(this.getClickableElement(),this.element.blueprint,{moveEverywhere:!0})]}render(){const e=O`
${this.renderIcon()}
`,t=O`
${this.renderName()} ${this.element.isInput()&&!this.element.entity.bDefaultValueIsIgnored?this.renderInput():O``}
`;return O`
${this.element.isInput()?O`${e}${t}`:O`${t}${e}`}
`}renderIcon(){return ut.genericPin}renderName(){return O`${this.element.getPinDisplayName()}`}renderInput(){return O``}updated(e){if(super.updated(e),this.element.isInput()&&e.has("isLinked")){const e=this.element.nodeElement;e.addNextUpdatedCallbacks((()=>e.acknowledgeReflow())),e.requestUpdate()}}firstUpdated(e){super.firstUpdated(e),this.element.style.setProperty("--ueb-pin-color-rgb",te.getPinColor(this.element).cssText),this.#ye=this.element.querySelector(".ueb-pin-icon")??this.element}getLinkLocation(){const e=this.iconElement.getBoundingClientRect(),t=le.convertLocation([(e.left+e.right)/2,(e.top+e.bottom)/2],this.element.blueprint.gridElement);return this.element.blueprint.compensateTranslation(t)}getClickableElement(){return this.element}}class Pt extends St{render(){return this.element.isOutput()?O`
${this.renderIcon()}
`:O``}getLinkLocation(){const e=(this.element.isInput()?this.element.nodeElement.template.outputPin.template:this).iconElement.getBoundingClientRect(),t=le.convertLocation([this.element.isInput()?e.left+1:e.right+2,(e.top+e.bottom)/2],this.element.blueprint.gridElement);return this.element.blueprint.compensateTranslation(t)}}class Ct extends vt{static#we=new Set;#Ee=null;#Se;get inputPin(){return this.#Se}#Pe;get outputPin(){return this.#Pe}initialize(e){super.initialize(e),this.element.classList.add("ueb-node-style-minimal")}findDirectionaPin(e){if(e.nodeElement.getType()!==te.nodeType.knot||Ct.#we.has(e))return Ct.#we.clear(),!0;Ct.#we.add(e);for(let t of e.getLinks().map((e=>this.element.blueprint.getPin(e))))if(this.findDirectionaPin(t))return!0;return!1}render(){return O`
`}setupPins(){this.element.getPinElements().forEach((e=>this.element.querySelector(".ueb-node-border").appendChild(e)))}getPinElements(e){return e.querySelectorAll("ueb-pin")}createPinElements(){const e=this.element.getPinEntities().filter((e=>!e.isHidden())),t=e[e[0].isInput()?0:1],i=e[e[0].isOutput()?0:1],n=Qe.getConstructor("ueb-pin");return[this.#Se=n.newObject(t,new Pt,this.element),this.#Pe=n.newObject(i,new Pt,this.element)]}linksChanged(){}}class kt extends vt{#Ce=!1;#ke=!1;#Ne="";initialize(e){super.initialize(e),this.element.classList.add("ueb-node-style-glass"),this.#Ne=this.element.getNodeDisplayName()}render(){return O`
${this.#Ne?O`
${this.#Ne}
`:B}
${this.#Ce?O`
`:B} ${this.#ke?O`
`:B}
`}createPinElements(){return this.element.getPinEntities().filter((e=>!e.isHidden())).map((e=>{this.#Ce||=e.isInput(),this.#ke||=e.isOutput();return Qe.getConstructor("ueb-pin").newObject(e,void 0,this.element)}))}setupPins(){super.setupPins();let e=this.element.getPinElements().find((e=>!e.entity.isHidden()&&!e.entity.isExecution()));this.element.style.setProperty("--ueb-node-color",e.getColor().cssText)}}class Nt extends wt{static#xe={[te.nodeType.comment]:yt,[te.nodeType.knot]:Ct,[te.nodeType.variableGet]:kt,[te.nodeType.variableSet]:kt};static properties={...wt.properties,typePath:{type:String,attribute:"data-type",reflect:!0},nodeName:{type:String,attribute:"data-name",reflect:!0},advancedPinDisplay:{type:String,attribute:"data-advanced-display",converter:pe.attributeConverter,reflect:!0},enabledState:{type:String,attribute:"data-enabled-state",reflect:!0},nodeDisplayName:{type:String,attribute:!1},pureFunction:{type:Boolean,converter:le.booleanConverter,attribute:"data-pure-function",reflect:!0}};static dragEventName=te.nodeDragEventName;static dragGeneralEventName=te.nodeDragGeneralEventName;get blueprint(){return super.blueprint}set blueprint(e){super.blueprint=e,this.#Le.forEach((t=>t.blueprint=e))}#Te;get nodeNameElement(){return this.#Te}set nodeNameElement(e){this.#Te=e}#Le=[];boundComments=[];#Ae=!1;#$e=e=>{this.selected||this.#Ae||(this.#Ae=!0,this.addNextUpdatedCallbacks((()=>this.#Ae=!1)),this.addLocation(e.detail.value))};static getTypeTemplate(e){return Nt.#xe[e.getClass()]??vt}static fromSerializedObject(e){e=e.trim();let t=re.getSerializer(Ae).deserialize(e);return Nt.newObject(t)}static newObject(e=new Ae,t=new(Nt.getTypeTemplate(e))){const i=new Nt;return i.initialize(e,t),i}initialize(e=new Ae,t=new(Nt.getTypeTemplate(e))){super.initialize(e,t),this.#Le=this.template.createPinElements(),this.typePath=this.entity.getType(),this.nodeName=this.entity.getObjectName(),this.advancedPinDisplay=this.entity.AdvancedPinDisplay?.toString(),this.enabledState=this.entity.EnabledState,this.nodeDisplayName=this.entity.getDisplayName(),this.pureFunction=this.entity.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.nodeName=e)),this.entity.NodeWidth&&this.entity.NodeHeight?(this.sizeX=this.entity.NodeWidth.value,this.sizeY=this.entity.NodeHeight.value):this.updateComplete.then((()=>this.computeSizes()))}getUpdateComplete(){return Promise.all([super.getUpdateComplete(),...this.getPinElements().map((e=>e.updateComplete))]).then((()=>!0))}bindToComment(e){e==this||this.boundComments.includes(e)||(e.addEventListener(te.nodeDragEventName,this.#$e),this.boundComments.push(e))}unbindFromComment(e){const t=this.boundComments.indexOf(e);t>=0&&(e.removeEventListener(te.nodeDragEventName,this.#$e),this.boundComments[t]=this.boundComments[this.boundComments.length-1],this.boundComments.pop())}isInsideComment(e){return this.topBoundary()>=e.topBoundary()&&this.rightBoundary()<=e.rightBoundary()&&this.bottomBoundary()<=e.bottomBoundary()&&this.leftBoundary()>=e.leftBoundary()}cleanup(){super.cleanup(),this.acknowledgeDelete()}getType(){return this.entity.getType()}getNodeName(){return this.entity.getObjectName()}getNodeDisplayName(){return this.entity.getDisplayName()}setNodeWidth(e){this.entity.setNodeWidth(e),this.sizeX=e,this.acknowledgeReflow()}setNodeHeight(e){this.entity.setNodeHeight(e),this.sizeY=e,this.acknowledgeReflow()}sanitizeLinks(e=[]){this.getPinElements().forEach((t=>t.sanitizeLinks(e)))}rename(e){if(this.entity.Name==e)return!1;for(let t of this.getPinElements())for(let i of t.getLinks())this.blueprint.getPin(i).redirectLink(t,new Se({objectName:e,pinGuid:t.entity.PinId}));this.entity.Name=e}getPinElements(){return this.#Le}getPinEntities(){return this.entity.CustomProperties.filter((e=>e instanceof xe))}setLocation(e=[0,0],t=!0){this.entity.NodePosX.value=e[0],this.entity.NodePosY.value=e[1],super.setLocation(e,t)}acknowledgeDelete(){let e=new CustomEvent(te.nodeDeleteEventName);this.dispatchEvent(e)}acknowledgeReflow(){this.addNextUpdatedCallbacks((()=>this.computeSizes()),!0);let e=new CustomEvent(te.nodeReflowEventName);this.dispatchEvent(e)}setShowAdvancedPinDisplay(e){this.entity.AdvancedPinDisplay=new pe(e?"Shown":"Hidden")}toggleShowAdvancedPinDisplay(){this.setShowAdvancedPinDisplay("Shown"!=this.entity.AdvancedPinDisplay?.toString())}}class xt{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 Lt{constructor(e,t,i,n){this.initialPosition=e,this.finalPosition=e,this.metadata=new Array(t.length),this.primaryOrder=new xt((e=>this.metadata[e].primaryBoundary)),this.secondaryOrder=new xt((e=>this.metadata[e].secondaryBoundary)),this.selectFunc=n,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,n(e,!1);const r=i(e);this.initialPosition[1]{if(this.metadata[i].onSecondaryAxis)this.selectFunc(this.rectangles[i],n);else if(n){this.secondaryOrder.insert(i,e[1]);const n=this.metadata[i].secondaryBoundary;Math.sign(e[1]-n)==t[1]&&Math.sign(n-this.initialPosition[1])==t[1]&&this.selectFunc(this.rectangles[i],!0)}else this.selectFunc(this.rectangles[i],!1),this.secondaryOrder.remove(i);this.computeBoundaries(),this.selectTo(e)};e[0]this.boundaries.primaryN.v&&e[0]this.boundaries.primaryP.v&&(++this.primaryOrder.currentPosition,i(this.boundaries.primaryP.i,this.initialPosition[0]{this.selectFunc(this.rectangles[t],i),this.computeBoundaries(),this.selectTo(e)};e[1]this.boundaries.secondaryN.v&&e[1]this.boundaries.secondaryP.v&&(++this.secondaryOrder.currentPosition,n(this.boundaries.secondaryP.i,this.initialPosition[1]({primaryInf:e.leftBoundary(!0),primarySup:e.rightBoundary(!0),secondaryInf:e.topBoundary(!0),secondarySup:e.bottomBoundary(!0)});nodeSelectToggleFunction=(e,t)=>{e.setSelected(t)};constructor(){super(),this.selecting=!1,this.scrolling=!1,this.focused=!1,this.zoom=0,this.scrollX=te.expandGridSize,this.scrollY=te.expandGridSize,this.translateX=te.expandGridSize,this.translateY=te.expandGridSize,super.initialize({},new nt)}initialize(){}getGridDOMElement(){return this.gridElement}getScroll(){return[this.scrollX,this.scrollY]}setScroll([e,t],i=!1){this.scrollX=e,this.scrollY=t}scrollDelta(e,t=!1){const i=[2*te.expandGridSize,2*te.expandGridSize];let n=this.getScroll(),s=[n[0]+e[0],n[1]+e[1]],r=[0,0];for(let t=0;t<2;++t)e[t]<0&&s[t]0&&s[t]>i[t]-te.gridExpandThreshold*te.expandGridSize&&(r[t]=1);0==r[0]&&0==r[1]||this.seamlessExpand(r),n=this.getScroll(),s=[n[0]+e[0],n[1]+e[1]],this.setScroll(s,t)}scrollCenter(){const e=this.getScroll(),t=[this.translateX-e[0],this.translateY-e[1]],i=this.getViewportSize().map((e=>e/2)),n=[t[0]-i[0],t[1]-i[1]];this.scrollDelta(n,!0)}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 le.snapToGrid(e,te.gridSize)}seamlessExpand([e,t]){e=Math.round(e),t=Math.round(t);let i=this.getScale();[e,t]=[-e*te.expandGridSize,-t*te.expandGridSize],0!=e&&(this.scrollX+=e,e/=i),0!=t&&(this.scrollY+=t,t/=i),this.translateX+=e,this.translateY+=t}progressiveSnapToGrid(e){return te.expandGridSize*Math.round(e/te.expandGridSize+.5*Math.sign(e))}getZoom(){return this.zoom}setZoom(e,t){if((e=le.clamp(e,te.minZoom,te.maxZoom))==this.zoom)return;let i=this.getScale();this.zoom=e,t&&requestAnimationFrame((e=>{t[0]+=this.translateX,t[1]+=this.translateY;let n=this.getScale()/i,s=[n*t[0],n*t[1]];this.scrollDelta([(s[0]-t[0])*i,(s[1]-t[1])*i])}))}getScale(){return parseFloat(getComputedStyle(this.gridElement).getPropertyValue("--ueb-scale"))}compensateTranslation([e,t]){return[e-=this.translateX,t-=this.translateY]}getNodes(e=!1,[t,i,n,s]=[Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,Number.MIN_SAFE_INTEGER]){let r=this.nodes;return e&&(r=r.filter((e=>e.selected))),(t>Number.MIN_SAFE_INTEGER||iNumber.MIN_SAFE_INTEGER)&&(r=r.filter((e=>e.topBoundary()>=t&&e.rightBoundary()<=i&&e.bottomBoundary()<=n&&e.leftBoundary()>=s))),r}getCommentNodes(e=!1){let t=[...this.template.getCommentNodes(e)];return 0===t.length&&(t=this.nodes.filter((t=>t.getType()===te.nodeType.comment&&(!e||t.selected)))),t}getPin(e){let t=this.template.getPin(e);return t&&t.nodeElement.getNodeName()==e.objectName.toString()||(t=[...this.nodes.find((t=>e.objectName.toString()==t.getNodeName()))?.getPinElements()??[]].find((t=>e.pinGuid.toString()==t.getPinId().toString()))),t}getLinks([e,t]=[]){if(null==e!=t==null){const i=e??t;return this.links.filter((e=>e.sourcePin==i||e.destinationPin==i))}return null!=e&&null!=t?this.links.filter((i=>i.sourcePin==e&&i.destinationPin==t||i.sourcePin==t&&i.destinationPin==e)):this.links}getLink(e,t,i=!1){return this.links.find((n=>n.sourcePin==e&&n.destinationPin==t||i&&n.sourcePin==t&&n.destinationPin==e))}selectAll(){this.getNodes().forEach((e=>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 Nt&&!this.nodes.includes(t)){const e=t.entity.getObjectName(),i=this.nodes.find((t=>t.entity.getObjectName()==e));if(i){let e=i.entity.getObjectName(!0);this.#Me[e]=this.#Me[e]??-1;do{++this.#Me[e]}while(this.nodes.find((t=>t.entity.getObjectName()==te.nodeName(e,this.#Me[e]))));i.rename(te.nodeName(e,this.#Me[e]))}this.nodes.push(t),this.nodesContainerElement?.appendChild(t)}else t instanceof ct&&!this.links.includes(t)&&(this.links.push(t),this.linksContainerElement&&!this.linksContainerElement.contains(t)&&this.linksContainerElement.appendChild(t));e.filter((e=>e instanceof Nt)).forEach((t=>t.sanitizeLinks(e))),e.filter((e=>e instanceof Nt&&e.getType()==te.nodeType.comment)).forEach((e=>e.updateComplete.then((()=>e.template.manageNodesBind()))))}removeGraphElement(...e){for(let t of e)if(t.closest("ueb-blueprint")==this){t.remove();let e=t instanceof Nt?this.nodes:t instanceof ct?this.links:null;e?.splice(e.findIndex((e=>e===t)),1)}}setFocused(e=!0){if(this.focused==e)return;let t=new CustomEvent(e?te.focusEventName.begin:te.focusEventName.end);this.focused=e,this.focused||this.unselectAll(),this.dispatchEvent(t)}acknowledgeEditText(e){const t=new CustomEvent(e?te.editTextEventName.begin:te.editTextEventName.end);this.dispatchEvent(t)}}customElements.define("ueb-blueprint",$t);class Mt extends pt{#De;get locationChangeCallback(){return this.#De}set locationChangeCallback(e){this.#De=e}movementSpace;movementSpaceSize=[0,0];setup(){super.setup(),this.movementSpace=this.element.parentElement;const e=this.movementSpace.getBoundingClientRect();this.movementSpaceSize=[e.width,e.height]}createDraggableObject(){return new ht(this.element,this.element.blueprint,{draggableElement:this.movementSpace,ignoreTranslateCompensate:!0,moveEverywhere:!0,movementSpace:this.movementSpace,repositionOnClick:!0,stepSize:1})}adjustLocation([e,t]){return this.locationChangeCallback?.(e,t),[e,t]}}class Dt extends Mt{adjustLocation([e,t]){const i=Math.round(this.movementSpaceSize[0]/2);e-=i,t=-(t-i);let[n,s]=le.getPolarCoordinates([e,t]);return n=Math.min(n,i),[e,t]=le.getCartesianCoordinates([n,s]),this.locationChangeCallback?.(e/i,t/i),[e=Math.round(e+i),t=Math.round(-t+i)]}}class Ot extends Ye{windowElement;setup(){super.setup(),this.windowElement=this.closest("ueb-window")}setLocation([e,t]){super.setLocation(this.template.adjustLocation([e,t]))}}class Ht extends Ot{constructor(){super(),super.initialize({},new Dt)}static newObject(){return new Ht}initialize(){}}class Bt extends Mt{adjustLocation([e,t]){return e=le.clamp(e,0,this.movementSpaceSize[0]),t=le.clamp(t,0,this.movementSpaceSize[1]),this.locationChangeCallback?.(e/this.movementSpaceSize[0],1-t/this.movementSpaceSize[1]),[e,t]}}class zt extends Ot{constructor(){super(),super.initialize({},new Bt)}static newObject(){return new zt}initialize(){}}class It extends _e{#Oe=()=>{this.element.blueprint.acknowledgeEditText(!0),this.element.selectOnFocus&&getSelection().selectAllChildren(this.element)};#He=()=>{this.element.blueprint.acknowledgeEditText(!1),document.getSelection()?.removeAllRanges()};#Be=e=>e.target.querySelectorAll("br").forEach((e=>e.remove()));#ze=e=>{"Enter"!=e.code||e.shiftKey||e.target.blur()};initialize(e){super.initialize(e),this.element.classList.add("ueb-pin-input-content"),this.element.setAttribute("role","textbox"),this.element.contentEditable="true"}setup(){super.setup(),this.element.addEventListener("focus",this.#Oe),this.element.addEventListener("focusout",this.#He),this.element.singleLine&&this.element.addEventListener("input",this.#Be),this.element.blurOnEnter&&this.element.addEventListener("keydown",this.#ze)}cleanup(){super.cleanup(),this.element.removeEventListener("focus",this.#Oe),this.element.removeEventListener("focusout",this.#He),this.element.removeEventListener("input",this.#Be),this.element.removeEventListener("keydown",this.#ze)}}class Rt extends qe{static properties={...super.properties,singleLine:{type:Boolean,attribute:"data-single-line",converter:le.booleanConverter,reflect:!0},selectOnFocus:{type:Boolean,attribute:"data-select-focus",converter:le.booleanConverter,reflect:!0},blurOnEnter:{type:Boolean,attribute:"data-blur-enter",converter:le.booleanConverter,reflect:!0}};constructor(){super(),this.singleLine=!1,this.selectOnFocus=!0,this.blurOnEnter=!0,super.initialize({},new It)}static newObject(){return new Rt}initialize(){}}class _t extends Ke{constructor(e,t,i={}){i.consumeEvent=!0,super(e,t,i)}}class Vt extends St{#Ie;#Re=e=>this.element.setDefaultValue(this.#Ie.checked);firstUpdated(e){super.firstUpdated(e),this.#Ie=this.element.querySelector(".ueb-pin-input")}setup(){super.setup(),this.#Ie?.addEventListener("change",this.#Re)}cleanup(){super.cleanup(),this.#Ie?.removeEventListener("change",this.#Re)}createInputObjects(){return[...super.createInputObjects(),new _t(this.#Ie,this.element.blueprint)]}renderInput(){return O``}}class Gt extends St{renderIcon(){return ut.execPin}renderName(){let e=this.element.entity.PinName;if(this.element.entity.PinFriendlyName)e=this.element.entity.PinFriendlyName.toString();else if("execute"===e||"then"===e)return O``;return O`${le.formatStringName(e)}`}}class Ft extends St{static singleLineInput=!1;static selectOnFocus=!0;#_e;get inputContentElements(){return this.#_e}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")}#Ve=()=>this.setInputs(this.getInputs(),!0);firstUpdated(e){super.firstUpdated(e),this.#_e=[...this.element.querySelectorAll("ueb-input")]}setup(){super.setup(),this.#_e.forEach((e=>{e.addEventListener("focusout",this.#Ve)}))}cleanup(){super.cleanup(),this.#_e.forEach((e=>{e.removeEventListener("focusout",this.#Ve)}))}createInputObjects(){return[...super.createInputObjects(),...this.#_e.map((e=>new _t(e,this.element.blueprint)))]}getInput(){return this.getInputs().reduce(((e,t)=>e+t),"")}getInputs(){return this.#_e.map((e=>le.clearHTMLWhitespace(e.innerHTML)))}setInputs(e=[],t=!0){this.#_e.forEach(this.constructor.singleLineInput?(t,i)=>t.innerText=e[i]:(t,i)=>t.innerText=e[i].replaceAll("\n","")),t&&this.setDefaultValue(e.map((e=>Ft.stringFromInputToUE(e))),e),this.element.addNextUpdatedCallbacks((()=>this.element.nodeElement.acknowledgeReflow()))}setDefaultValue(e=[],t=e){this.element.setDefaultValue(e.join(""))}renderInput(){const e=this.constructor.singleLineInput,t=this.constructor.selectOnFocus;return O`
`}}class jt extends Ft{static singleLineInput=!0;setInputs(e=[],t=!1){e&&0!=e.length||(e=[this.getInput()]);let i=[];for(const t of e){let e=parseFloat(t);isNaN(e)&&(e=0,!1),i.push(e)}super.setInputs(e,!1),this.setDefaultValue(i,e)}setDefaultValue(e=[],t){this.element.setDefaultValue(e[0])}}class Ut extends jt{setDefaultValue(e=[],t=e){const i=this.element.getDefaultValue(!0);if(!(i instanceof me))throw new TypeError("Expected DefaultValue to be a IntegerEntity");i.value=e[0],this.element.requestUpdate("DefaultValue",i)}renderInput(){return O`
`}} /** * @license * Copyright 2017 Google LLC @@ -30,4 +30,4 @@ var Z,J;class Q extends g{constructor(){super(...arguments),this.renderOptions={ * @license * Copyright 2018 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const Yt=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends Xt{constructor(e){var t;if(super(e),e.type!==Wt||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,i)=>{const n=e[i];return null==n?t:t+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`}),"")}update(e,[t]){const{style:i}=e.element;if(void 0===this.vt){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach((e=>{null==t[e]&&(this.vt.delete(e),e.includes("-")?i.removeProperty(e):i[e]="")}));for(const e in t){const n=t[e];null!=n&&(this.vt.add(e),e.includes("-")?i.setProperty(e,n):i[e]=n)}return B}});class Kt extends mt{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new ht(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),ignoreTranslateCompensate:!0,movementSpace:this.element.blueprint,stepSize:1})}render(){return H`
${this.renderWindowName()}
${ut.close}
${this.renderContent()}
`}renderWindowName(){return H`Window`}renderContent(){return H``}apply(){this.element.dispatchEvent(new CustomEvent(te.windowApplyEventName)),this.element.remove()}cancel(){this.element.dispatchEvent(new CustomEvent(te.windowCancelEventName)),this.element.remove()}}class qt extends Kt{#Ge;#Fe;#je;#Ue;#We;#Xe;#Ye;#Ke;#qe;#Ze;#Je=e=>{const t=le.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromRGBANumber(i),this.element.requestUpdate())};#Qe=e=>{const t=le.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromSRGBANumber(i),this.element.requestUpdate())};#et=e=>t=>{"Enter"==t.code&&(t.preventDefault(),e(t))};#pe=new fe;get color(){return this.#pe}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#pe),this.#pe=e)}#tt=new fe;get fullColor(){return this.#tt}#it;get initialColor(){return this.#it}#nt=new fe;#rt(e,t,i=!1){const n=this.color.toRGBAString(),r=`${n.substring(0,2*e)}${t}${n.substring(2+2*e)}`;return i?`${r.substring(0,6)}FF`:r}connectedCallback(){super.connectedCallback(),this.#it=this.element.windowOptions.getPinColor(),this.color.setFromHSVA(this.initialColor.H.value,this.initialColor.S.value,this.initialColor.V.value,this.initialColor.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1)}firstUpdated(e){this.#Ge=this.element.querySelector(".ueb-color-picker-wheel ueb-color-handler"),this.#Fe=this.element.querySelector(".ueb-color-picker-saturation ueb-ui-slider"),this.#je=this.element.querySelector(".ueb-color-picker-value ueb-ui-slider"),this.#Ue=this.element.querySelector(".ueb-color-picker-r ueb-ui-slider"),this.#We=this.element.querySelector(".ueb-color-picker-g ueb-ui-slider"),this.#Xe=this.element.querySelector(".ueb-color-picker-b ueb-ui-slider"),this.#Ye=this.element.querySelector(".ueb-color-picker-a ueb-ui-slider"),this.#Ke=this.element.querySelector(".ueb-color-picker-h ueb-ui-slider"),this.#qe=this.element.querySelector(".ueb-color-picker-s ueb-ui-slider"),this.#Ze=this.element.querySelector(".ueb-color-picker-v ueb-ui-slider"),this.#Ge.template.locationChangeCallback=(e,t)=>{this.color.setFromWheelLocation([e,t],this.color.V.value,this.color.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1),this.element.requestUpdate()},this.#Fe.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,t,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#je.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,t,this.color.A.value),this.element.requestUpdate()},this.#Ue.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(e,this.color.G.value,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#We.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,e,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#Xe.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,e,this.color.A.value),this.element.requestUpdate()},this.#Ye.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,this.color.B.value,e),this.element.requestUpdate()},this.#Ke.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(e,this.color.S.value,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#qe.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,e,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ze.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,e,this.color.A.value),this.element.requestUpdate()}}renderSlider(e){let t="",i=0,n="";const r=e=>`linear-gradient(to right, #${this.#rt(e,"00",!0)}, #${this.#rt(e,"ff",!0)})`;switch(e){case 0:t="r",i=this.color.R.value,n=r(e);break;case 1:t="g",i=this.color.G.value,n=r(e);break;case 2:t="b",i=this.color.B.value,n=r(e);break;case 3:t="a",i=this.color.A.value,n=`${te.alphaPattern}, ${r(e)}`;break;case 4:t="h",i=360*this.color.H.value,n="linear-gradient(to right, #f00 0%, #ff0 16.666%, #0f0 33.333%, #0ff 50%, #00f 66.666%, #f0f 83.333%, #f00 100%)";break;case 5:t="s",i=this.color.S.value,n=`linear-gradient(to right,#${this.#nt.setFromHSVA(this.color.H.value,0,this.color.V.value,1),this.#nt.toRGBAString()},#${this.#nt.setFromHSVA(this.color.H.value,1,this.color.V.value,1),this.#nt.toRGBAString()})`;break;case 6:t="v",i=this.color.V.value,n=`linear-gradient(to right, #000, #${this.fullColor.toRGBAString()})`}return n=`background: ${n};`,H`
${t.toUpperCase()}
`}renderContent(){const e=2*this.color.H.value*Math.PI,t={"--ueb-color-r":this.color.R.toString(),"--ueb-color-g":this.color.G.toString(),"--ueb-color-b":this.color.B.toString(),"--ueb-color-a":this.color.A.toString(),"--ueb-color-h":this.color.H.toString(),"--ueb-color-s":this.color.S.toString(),"--ueb-color-v":this.color.V.toString(),"--ueb-color-wheel-x":100*(this.color.S.value*Math.cos(e)*.5+.5)+"%","--ueb-color-wheel-y":100*(this.color.S.value*Math.sin(e)*.5+.5)+"%"},i=this.color.toRGBAString(),n=this.color.toSRGBAString(),r=this.fullColor.toRGBAString();return H`
Old
New
Advanced
${this.renderSlider(0)} ${this.renderSlider(1)} ${this.renderSlider(2)} ${this.renderSlider(3)}
${this.renderSlider(4)} ${this.renderSlider(5)} ${this.renderSlider(6)}
Hex Linear
Hex sRGB
OK
Cancel
`}renderWindowName(){return H`Color Picker`}}class Zt extends St{#st;#ot=e=>{e.preventDefault(),this.element.blueprint.setFocused(!0),this.#st=new(Qe.getConstructor("ueb-window"))({type:qt,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}}),this.element.blueprint.append(this.#st);const t=()=>{this.element.setDefaultValue(this.#st.template.color)},i=()=>{this.#st.removeEventListener(te.windowApplyEventName,t),this.#st.removeEventListener(te.windowCloseEventName,i),this.#st=null};this.#st.addEventListener(te.windowApplyEventName,t),this.#st.addEventListener(te.windowCloseEventName,i)};renderInput(){return H``}}class Jt extends Ft{static singleLineInput=!0}class Qt extends jt{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return H`
`}}class ei extends St{renderIcon(){return ut.referencePin}}class ti extends jt{#at(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.R??0))}#lt(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.P??0))}#ut(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.Y??0))}setDefaultValue(e=[],t=e){const i=this.element.getDefaultValue(!0);if(!(i instanceof Ce))throw new TypeError("Expected DefaultValue to be a RotatorEntity");i.R=e[0],i.P=e[1],i.Y=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return H`
X
Y
Z
`}}class ii extends Ft{}class ni extends jt{#ct(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.X??0))}#ut(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.Y??0))}#ht(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.Z??0))}setDefaultValue(e,t){const i=this.element.getDefaultValue(!0);if(!(i instanceof ke))throw new TypeError("Expected DefaultValue to be a VectorEntity");i.X=e[0],i.Y=e[1],i.Z=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return H`
X
Y
Z
`}}class ri extends Ye{static#dt={"/Script/CoreUObject.LinearColor":Zt,"/Script/CoreUObject.Rotator":ti,"/Script/CoreUObject.Vector":ni,bool:Vt,int:Ut,MUTABLE_REFERENCE:ei,name:Jt,real:Qt,string:ii};static properties={pinId:{type:de,converter:{fromAttribute:(e,t)=>e?Re.grammar.Guid.parse(e).value:null,toAttribute:(e,t)=>e?.toString()},attribute:"data-id",reflect:!0},pinType:{type:String,attribute:"data-type",reflect:!0},advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:fe,converter:{fromAttribute:(e,t)=>e?Re.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?le.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:le.booleanConverter,attribute:"data-linked",reflect:!0},pinDirection:{type:String,attribute:"data-direction",reflect:!0}};static getTypeTemplate(e){if(e.PinType.bIsReference&&!e.PinType.bIsConst)return ri.#dt.MUTABLE_REFERENCE;if("exec"===e.getType())return Gt;let t;return e.isInput()&&(t=ri.#dt[e.getType()]),t??St}nodeElement;connections=0;constructor(e,t,i){super(e,t??new(ri.getTypeTemplate(e))),this.pinId=this.entity.PinId,this.pinType=this.entity.getType(),this.advancedView=this.entity.bAdvancedView,this.defaultValue=this.entity.getDefaultValue(),this.color=ri.properties.color.converter.fromAttribute(this.getColor().toString()),this.isLinked=!1,this.pinDirection=e.isInput()?"input":e.isOutput()?"output":"hidden",this.nodeElement=i,this.entity.subscribe("PinToolTip",(e=>{let t=e.match(/\s*(.+?(?=\n)|.+\S)\s*/);return t?le.formatStringName(t[1]):le.formatStringName(this.entity.PinName)}))}getPinId(){return this.entity.PinId}getPinName(){return this.entity.PinName}getPinDisplayName(){return this.entity.getDisplayName()}getColor(){return te.getPinColor(this)}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getLinkLocation(){return this.template.getLinkLocation()}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}getDefaultValue(e=!1){return this.defaultValue=this.entity.getDefaultValue(e)}setDefaultValue(e){this.entity.DefaultValue=e,this.defaultValue=e}sanitizeLinks(e=[]){this.entity.LinkedTo=this.getLinks().filter((t=>{let i=this.blueprint.getPin(t);if(i){if(e.length&&!e.includes(i.nodeElement))return!1;this.blueprint.getLink(this,i,!0)||this.blueprint.addGraphElement(new(Qe.getConstructor("ueb-link"))(this,i))}return i})),this.isLinked=this.entity.isLinked()}linkTo(e){this.entity.linkTo(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged())}unlinkFrom(e){this.entity.unlinkFrom(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged())}redirectLink(e,t){const i=this.entity.LinkedTo.findIndex((t=>t.objectName.toString()==e.getNodeElement().getNodeName()&&t.pinGuid.valueOf()==e.entity.PinId.valueOf()));return i>=0&&(this.entity.LinkedTo[i]=t,!0)}}class si extends Ke{static#xe={window:Kt,"color-picker":qt};static properties={...Ke.properties,type:{type:Kt,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>si.#xe[e],toAttribute:(e,t)=>Object.entries(si.#xe).find((([t,i])=>e==i))[0]}}};constructor(e={}){e.type.constructor==String&&(e.type=si.#xe[e.type]),e.type??=Kt,e.windowOptions??={},super({},new e.type),this.type=e.type,this.windowOptions=e.windowOptions}disconnectedCallback(){super.disconnectedCallback(),this.acknowledgeClose()}acknowledgeClose(){let e=new CustomEvent(te.windowCloseEventName);this.dispatchEvent(e)}}class oi extends Re{constructor(e,t,i,n,r,s,o){e=e??(e=>`(${e})`),super(t,i,n,r,s,o),this.wrap=e}read(e){const t=Oe.getGrammarForType(Re.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,i=!1){return this.wrap(this.subWrite(e,[],t,i),t)}}class ai extends oi{#pt;constructor(e,t){super(void 0,t),this.#pt=e}write(e,t,i=!1){return this.#pt(t,i)}}class li extends oi{constructor(e){super(void 0,e)}write(e,t,i){return i||t.constructor!==String?le.escapeString(t.toString()):`"${le.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;se.registerSerializer(null,new ai(((e,t)=>"()"),null)),se.registerSerializer(Array,new ai(((e,t)=>`(${e.map((e=>se.getSerializer(le.getType(e)).serialize(e,t)+",")).join("")})`),Array)),se.registerSerializer(Boolean,new ai(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),se.registerSerializer(he,new oi(e,he)),se.registerSerializer(de,new li(de)),se.registerSerializer(pe,new li(pe)),se.registerSerializer(me,new li(me)),se.registerSerializer(ge,new oi((e=>`${ge.lookbehind}(${e})`),ge,"",", ",!1,"",(e=>""))),se.registerSerializer(be,new oi(e,be)),se.registerSerializer(fe,new oi(e,fe)),se.registerSerializer(ye,new oi((e=>`${ye.lookbehind}(${e})`),ye,"",", ",!1,"",(e=>""))),se.registerSerializer(we,new oi(e,we)),se.registerSerializer(Number,new ai((e=>e.toString()),Number)),se.registerSerializer(Ae,new ze),se.registerSerializer(ce,new ai((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),ce)),se.registerSerializer(Ee,new li(Ee)),se.registerSerializer(xe,new oi((e=>`${xe.lookbehind} (${e})`),xe,"",",",!0)),se.registerSerializer(Se,new oi((e=>e),Se,""," ",!1,"",(e=>""))),se.registerSerializer(ve,new li(ve)),se.registerSerializer(Ce,new oi(e,Ce)),se.registerSerializer(String,new ai(((e,t)=>t?le.escapeString(e):`"${le.escapeString(e)}"`),String)),se.registerSerializer(Pe,new ai(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),Pe)),se.registerSerializer(Ne,new ai(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Ne)),se.registerSerializer(Le,new li(Le)),se.registerSerializer(He,new oi(((e,t)=>`${t.lookbehind??""}(${e})`),He)),se.registerSerializer(Te,new oi(e,Te)),se.registerSerializer(ke,new oi(e,ke))}(),customElements.define("ueb-color-handler",Bt),Qe.registerElement("ueb-color-handler",Bt),customElements.define("ueb-input",It),Qe.registerElement("ueb-input",It),customElements.define("ueb-link",ct),Qe.registerElement("ueb-link",ct),customElements.define("ueb-node",Nt),Qe.registerElement("ueb-node",Nt),customElements.define("ueb-pin",ri),Qe.registerElement("ueb-pin",ri),customElements.define("ueb-selector",At),Qe.registerElement("ueb-selector",At),customElements.define("ueb-ui-slider",Rt),Qe.registerElement("ueb-ui-slider",Rt),customElements.define("ueb-window",si),Qe.registerElement("ueb-window",si);export{$t as Blueprint,te as Configuration,ct as LinkElement,Nt as NodeElement}; + */const qt=(e=>(...t)=>({_$litDirective$:e,values:t}))(class extends Xt{constructor(e){var t;if(super(e),e.type!==Wt||"style"!==e.name||(null===(t=e.strings)||void 0===t?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,i)=>{const n=e[i];return null==n?t:t+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`}),"")}update(e,[t]){const{style:i}=e.element;if(void 0===this.vt){this.vt=new Set;for(const e in t)this.vt.add(e);return this.render(t)}this.vt.forEach((e=>{null==t[e]&&(this.vt.delete(e),e.includes("-")?i.removeProperty(e):i[e]="")}));for(const e in t){const n=t[e];null!=n&&(this.vt.add(e),e.includes("-")?i.setProperty(e,n):i[e]=n)}return H}});class Yt extends mt{toggleAdvancedDisplayHandler;getDraggableElement(){return this.element.querySelector(".ueb-window-top")}createDraggableObject(){return new ht(this.element,this.element.blueprint,{draggableElement:this.getDraggableElement(),ignoreTranslateCompensate:!0,movementSpace:this.element.blueprint,stepSize:1})}render(){return O`
${this.renderWindowName()}
${ut.close}
${this.renderContent()}
`}renderWindowName(){return O`Window`}renderContent(){return O``}apply(){this.element.dispatchEvent(new CustomEvent(te.windowApplyEventName)),this.element.remove()}cancel(){this.element.dispatchEvent(new CustomEvent(te.windowCancelEventName)),this.element.remove()}}class Kt extends Yt{#Ge;#Fe;#je;#Ue;#We;#Xe;#qe;#Ye;#Ke;#Ze;#Je=e=>{const t=le.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromRGBANumber(i),this.element.requestUpdate())};#Qe=e=>{const t=le.clearHTMLWhitespace(e.target.innerHTML),i=parseInt(t,16);isNaN(i)||(this.color.setFromSRGBANumber(i),this.element.requestUpdate())};#et=e=>t=>{"Enter"==t.code&&(t.preventDefault(),e(t))};#pe=new fe;get color(){return this.#pe}set color(e){e.toNumber()!=this.color?.toNumber()&&(this.element.requestUpdate("color",this.#pe),this.#pe=e)}#tt=new fe;get fullColor(){return this.#tt}#it;get initialColor(){return this.#it}#nt=new fe;#st(e,t,i=!1){const n=this.color.toRGBAString(),s=`${n.substring(0,2*e)}${t}${n.substring(2+2*e)}`;return i?`${s.substring(0,6)}FF`:s}initialize(e){super.initialize(e),this.#it=this.element.windowOptions.getPinColor(),this.color.setFromHSVA(this.initialColor.H.value,this.initialColor.S.value,this.initialColor.V.value,this.initialColor.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1)}firstUpdated(e){this.#Ge=this.element.querySelector(".ueb-color-picker-wheel ueb-color-handler"),this.#Fe=this.element.querySelector(".ueb-color-picker-saturation ueb-ui-slider"),this.#je=this.element.querySelector(".ueb-color-picker-value ueb-ui-slider"),this.#Ue=this.element.querySelector(".ueb-color-picker-r ueb-ui-slider"),this.#We=this.element.querySelector(".ueb-color-picker-g ueb-ui-slider"),this.#Xe=this.element.querySelector(".ueb-color-picker-b ueb-ui-slider"),this.#qe=this.element.querySelector(".ueb-color-picker-a ueb-ui-slider"),this.#Ye=this.element.querySelector(".ueb-color-picker-h ueb-ui-slider"),this.#Ke=this.element.querySelector(".ueb-color-picker-s ueb-ui-slider"),this.#Ze=this.element.querySelector(".ueb-color-picker-v ueb-ui-slider"),this.#Ge.template.locationChangeCallback=(e,t)=>{this.color.setFromWheelLocation([e,t],this.color.V.value,this.color.A.value),this.fullColor.setFromHSVA(this.color.H.value,1,1,1),this.element.requestUpdate()},this.#Fe.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,t,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#je.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,t,this.color.A.value),this.element.requestUpdate()},this.#Ue.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(e,this.color.G.value,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#We.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,e,this.color.B.value,this.color.A.value),this.element.requestUpdate()},this.#Xe.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,e,this.color.A.value),this.element.requestUpdate()},this.#qe.template.locationChangeCallback=(e,t)=>{this.color.setFromRGBA(this.color.R.value,this.color.G.value,this.color.B.value,e),this.element.requestUpdate()},this.#Ye.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(e,this.color.S.value,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ke.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,e,this.color.V.value,this.color.A.value),this.element.requestUpdate()},this.#Ze.template.locationChangeCallback=(e,t)=>{this.color.setFromHSVA(this.color.H.value,this.color.S.value,e,this.color.A.value),this.element.requestUpdate()}}renderSlider(e){let t="",i=0,n="";const s=e=>`linear-gradient(to right, #${this.#st(e,"00",!0)}, #${this.#st(e,"ff",!0)})`;switch(e){case 0:t="r",i=this.color.R.value,n=s(e);break;case 1:t="g",i=this.color.G.value,n=s(e);break;case 2:t="b",i=this.color.B.value,n=s(e);break;case 3:t="a",i=this.color.A.value,n=`${te.alphaPattern}, ${s(e)}`;break;case 4:t="h",i=360*this.color.H.value,n="linear-gradient(to right, #f00 0%, #ff0 16.666%, #0f0 33.333%, #0ff 50%, #00f 66.666%, #f0f 83.333%, #f00 100%)";break;case 5:t="s",i=this.color.S.value,n=`linear-gradient(to right,#${this.#nt.setFromHSVA(this.color.H.value,0,this.color.V.value,1),this.#nt.toRGBAString()},#${this.#nt.setFromHSVA(this.color.H.value,1,this.color.V.value,1),this.#nt.toRGBAString()})`;break;case 6:t="v",i=this.color.V.value,n=`linear-gradient(to right, #000, #${this.fullColor.toRGBAString()})`}return n=`background: ${n};`,O`
${t.toUpperCase()}
`}renderContent(){const e=2*this.color.H.value*Math.PI,t={"--ueb-color-r":this.color.R.toString(),"--ueb-color-g":this.color.G.toString(),"--ueb-color-b":this.color.B.toString(),"--ueb-color-a":this.color.A.toString(),"--ueb-color-h":this.color.H.toString(),"--ueb-color-s":this.color.S.toString(),"--ueb-color-v":this.color.V.toString(),"--ueb-color-wheel-x":100*(this.color.S.value*Math.cos(e)*.5+.5)+"%","--ueb-color-wheel-y":100*(this.color.S.value*Math.sin(e)*.5+.5)+"%"},i=this.color.toRGBAString(),n=this.color.toSRGBAString(),s=this.fullColor.toRGBAString();return O`
Old
New
Advanced
${this.renderSlider(0)} ${this.renderSlider(1)} ${this.renderSlider(2)} ${this.renderSlider(3)}
${this.renderSlider(4)} ${this.renderSlider(5)} ${this.renderSlider(6)}
Hex Linear
Hex sRGB
OK
Cancel
`}renderWindowName(){return O`Color Picker`}}class Zt extends St{#rt;#ot=e=>{e.preventDefault(),this.element.blueprint.setFocused(!0),this.#rt=Qe.getConstructor("ueb-window").newObject({type:new Kt,windowOptions:{getPinColor:()=>this.element.defaultValue,setPinColor:e=>this.element.setDefaultValue(e)}}),this.element.blueprint.append(this.#rt);const t=()=>{this.element.setDefaultValue(this.#rt.template.color)},i=()=>{this.#rt.removeEventListener(te.windowApplyEventName,t),this.#rt.removeEventListener(te.windowCloseEventName,i),this.#rt=null};this.#rt.addEventListener(te.windowApplyEventName,t),this.#rt.addEventListener(te.windowCloseEventName,i)};renderInput(){return O``}}class Jt extends Ft{static singleLineInput=!0}class Qt extends jt{setDefaultValue(e=[],t=e){this.element.setDefaultValue(e[0])}renderInput(){return O`
`}}class ei extends St{renderIcon(){return ut.referencePin}}class ti extends jt{#at(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.R??0))}#lt(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.P??0))}#ut(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.Y??0))}setDefaultValue(e=[],t=e){const i=this.element.getDefaultValue(!0);if(!(i instanceof Pe))throw new TypeError("Expected DefaultValue to be a RotatorEntity");i.R=e[0],i.P=e[1],i.Y=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return O`
X
Y
Z
`}}class ii extends Ft{}class ni extends jt{#ct(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.X??0))}#ut(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.Y??0))}#ht(){return Ft.stringFromUEToInput(le.minDecimals(this.element.getDefaultValue()?.Z??0))}setDefaultValue(e,t){const i=this.element.getDefaultValue(!0);if(!(i instanceof ke))throw new TypeError("Expected DefaultValue to be a VectorEntity");i.X=e[0],i.Y=e[1],i.Z=e[2],this.element.requestUpdate("DefaultValue",i)}renderInput(){return O`
X
Y
Z
`}}class si extends qe{static#dt={"/Script/CoreUObject.LinearColor":Zt,"/Script/CoreUObject.Rotator":ti,"/Script/CoreUObject.Vector":ni,bool:Vt,int:Ut,MUTABLE_REFERENCE:ei,name:Jt,real:Qt,string:ii};static properties={pinId:{type:de,converter:{fromAttribute:(e,t)=>e?ze.grammar.Guid.parse(e).value:null,toAttribute:(e,t)=>e?.toString()},attribute:"data-id",reflect:!0},pinType:{type:String,attribute:"data-type",reflect:!0},advancedView:{type:String,attribute:"data-advanced-view",reflect:!0},color:{type:fe,converter:{fromAttribute:(e,t)=>e?ze.grammar.LinearColorFromAnyColor.parse(e).value:null,toAttribute:(e,t)=>e?le.printLinearColor(e):null},attribute:"data-color",reflect:!0},defaultValue:{type:String,attribute:!1},isLinked:{type:Boolean,converter:le.booleanConverter,attribute:"data-linked",reflect:!0},pinDirection:{type:String,attribute:"data-direction",reflect:!0}};nodeElement;static getTypeTemplate(e){if(e.PinType.bIsReference&&!e.PinType.bIsConst)return si.#dt.MUTABLE_REFERENCE;if("exec"===e.getType())return Gt;let t;return e.isInput()&&(t=si.#dt[e.getType()]),t??St}static newObject(e=new xe,t=new(si.getTypeTemplate(e)),i){const n=new si;return n.initialize(e,t,i),n}initialize(e=new xe,t=new(si.getTypeTemplate(e)),i){super.initialize(e,t),this.pinId=this.entity.PinId,this.pinType=this.entity.getType(),this.advancedView=this.entity.bAdvancedView,this.defaultValue=this.entity.getDefaultValue(),this.color=si.properties.color.converter.fromAttribute(this.getColor().toString()),this.isLinked=!1,this.pinDirection=e.isInput()?"input":e.isOutput()?"output":"hidden",this.nodeElement=i,this.entity.subscribe("PinToolTip",(e=>{let t=e.match(/\s*(.+?(?=\n)|.+\S)\s*/);return t?le.formatStringName(t[1]):le.formatStringName(this.entity.PinName)}))}setup(){super.setup(),this.nodeElement=this.closest("ueb-node")}getPinId(){return this.entity.PinId}getPinName(){return this.entity.PinName}getPinDisplayName(){return this.entity.getDisplayName()}getColor(){return te.getPinColor(this)}isInput(){return this.entity.isInput()}isOutput(){return this.entity.isOutput()}getLinkLocation(){return this.template.getLinkLocation()}getNodeElement(){return this.nodeElement}getLinks(){return this.entity.LinkedTo??[]}getDefaultValue(e=!1){return this.defaultValue=this.entity.getDefaultValue(e)}setDefaultValue(e){this.entity.DefaultValue=e,this.defaultValue=e}sanitizeLinks(e=[]){this.entity.LinkedTo=this.getLinks().filter((t=>{let i=this.blueprint.getPin(t);if(i){if(e.length&&!e.includes(i.nodeElement))return!1;let t=this.blueprint.getLink(this,i,!0);t||(t=Qe.getConstructor("ueb-link").newObject(this,i),this.blueprint.addGraphElement(t))}return i})),this.isLinked=this.entity.isLinked()}linkTo(e){this.entity.linkTo(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged())}unlinkFrom(e){this.entity.unlinkFrom(e.getNodeElement().getNodeName(),e.entity)&&(this.isLinked=this.entity.isLinked(),this.nodeElement?.template.linksChanged())}redirectLink(e,t){const i=this.entity.LinkedTo.findIndex((t=>t.objectName.toString()==e.getNodeElement().getNodeName()&&t.pinGuid.valueOf()==e.entity.PinId.valueOf()));return i>=0&&(this.entity.LinkedTo[i]=t,!0)}}class ri extends Ye{static#xe={window:Yt,"color-picker":Kt};static properties={...Ye.properties,type:{type:Yt,attribute:"data-type",reflect:!0,converter:{fromAttribute:(e,t)=>ri.#xe[e],toAttribute:(e,t)=>Object.entries(ri.#xe).find((([t,i])=>e.constructor===i))?.[0]}}};static newObject(e={},t=e.type??new Yt){const i=new ri;return i.initialize(e,t),i}initialize(e={},t=e.type??new Yt){e.windowOptions??={},this.type=e.type,this.windowOptions=e.windowOptions,super.initialize(e,t)}cleanup(){super.cleanup(),this.acknowledgeClose()}acknowledgeClose(){let e=new CustomEvent(te.windowCloseEventName);this.dispatchEvent(e)}}class oi extends ze{constructor(e,t,i,n,s,r,o){e=e??(e=>`(${e})`),super(t,i,n,s,r,o),this.wrap=e}read(e){const t=Be.getGrammarForType(ze.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,i=!1){return this.wrap(this.subWrite(e,[],t,i),t)}}class ai extends oi{#pt;constructor(e,t){super(void 0,t),this.#pt=e}write(e,t,i=!1){return this.#pt(t,i)}}class li extends oi{constructor(e){super(void 0,e)}write(e,t,i){return i||t.constructor!==String?le.escapeString(t.toString()):`"${le.escapeString(t.toString())}"`}}!function(){const e=e=>`(${e})`;re.registerSerializer(null,new ai(((e,t)=>"()"),null)),re.registerSerializer(Array,new ai(((e,t)=>`(${e.map((e=>re.getSerializer(le.getType(e)).serialize(e,t)+",")).join("")})`),Array)),re.registerSerializer(Boolean,new ai(((e,t)=>e?t?"true":"True":t?"false":"False"),Boolean)),re.registerSerializer(he,new oi(e,he)),re.registerSerializer(de,new li(de)),re.registerSerializer(pe,new li(pe)),re.registerSerializer(me,new li(me)),re.registerSerializer(ge,new oi((e=>`${ge.lookbehind}(${e})`),ge,"",", ",!1,"",(e=>""))),re.registerSerializer(be,new oi(e,be)),re.registerSerializer(fe,new oi(e,fe)),re.registerSerializer(ye,new oi((e=>`${ye.lookbehind}(${e})`),ye,"",", ",!1,"",(e=>""))),re.registerSerializer(we,new oi(e,we)),re.registerSerializer(Number,new ai((e=>e.toString()),Number)),re.registerSerializer(Ae,new Ie),re.registerSerializer(ce,new ai((e=>(e.type??"")+(e.path?e.type?`'"${e.path}"'`:`"${e.path}"`:"")),ce)),re.registerSerializer(Ee,new li(Ee)),re.registerSerializer(xe,new oi((e=>`${xe.lookbehind} (${e})`),xe,"",",",!0)),re.registerSerializer(Se,new oi((e=>e),Se,""," ",!1,"",(e=>""))),re.registerSerializer(ve,new li(ve)),re.registerSerializer(Pe,new oi(e,Pe)),re.registerSerializer(String,new ai(((e,t)=>t?le.escapeString(e):`"${le.escapeString(e)}"`),String)),re.registerSerializer(Ce,new ai(((e,t)=>`${e.P}, ${e.Y}, ${e.R}`),Ce)),re.registerSerializer(Ne,new ai(((e,t)=>`${e.X}, ${e.Y}, ${e.Z}`),Ne)),re.registerSerializer(Le,new li(Le)),re.registerSerializer(Oe,new oi(((e,t)=>`${t.lookbehind??""}(${e})`),Oe)),re.registerSerializer(Te,new oi(e,Te)),re.registerSerializer(ke,new oi(e,ke))}(),customElements.define("ueb-color-handler",Ht),Qe.registerElement("ueb-color-handler",Ht),customElements.define("ueb-input",Rt),Qe.registerElement("ueb-input",Rt),customElements.define("ueb-link",ct),Qe.registerElement("ueb-link",ct),customElements.define("ueb-node",Nt),Qe.registerElement("ueb-node",Nt),customElements.define("ueb-pin",si),Qe.registerElement("ueb-pin",si),customElements.define("ueb-selector",At),Qe.registerElement("ueb-selector",At),customElements.define("ueb-ui-slider",zt),Qe.registerElement("ueb-ui-slider",zt),customElements.define("ueb-window",ri),Qe.registerElement("ueb-window",ri);export{$t as Blueprint,te as Configuration,ct as LinkElement,Nt as NodeElement}; diff --git a/js/Blueprint.js b/js/Blueprint.js index 6bb55b4..d32e10a 100755 --- a/js/Blueprint.js +++ b/js/Blueprint.js @@ -72,8 +72,6 @@ export default class Blueprint extends IElement { }, } - static styles = BlueprintTemplate.styles - /** @type {Map} */ #nodeNameCounter = new Map() /** @type {NodeElement[]}" */ @@ -96,7 +94,6 @@ export default class Blueprint extends IElement { nodesContainerElement /** @type {HTMLElement} */ headerElement - focused = false waitingExpandUpdate = false /** @param {NodeElement} node */ nodeBoundariesSupplier = node => { @@ -113,9 +110,8 @@ export default class Blueprint extends IElement { node.setSelected(selected) } - /** @param {Configuration} settings */ - constructor(settings = new Configuration()) { - super({}, new BlueprintTemplate()) + constructor() { + super() this.selecting = false this.scrolling = false this.focused = false @@ -124,16 +120,17 @@ export default class Blueprint extends IElement { this.scrollY = Configuration.expandGridSize this.translateX = Configuration.expandGridSize this.translateY = Configuration.expandGridSize + super.initialize({}, new BlueprintTemplate()) + } + + initialize() { + // Initialized in the constructor, this method does nothing } getGridDOMElement() { return this.gridElement } - disconnectedCallback() { - super.disconnectedCallback() - } - getScroll() { return [this.scrollX, this.scrollY] } @@ -418,7 +415,7 @@ export default class Blueprint extends IElement { if (this.focused == value) { return } - let event = new CustomEvent(value ? "blueprint-focus" : "blueprint-unfocus") + let event = new CustomEvent(value ? Configuration.focusEventName.begin : Configuration.focusEventName.end) this.focused = value if (!this.focused) { this.unselectAll() diff --git a/js/Utility.js b/js/Utility.js index e94196b..e967e2f 100755 --- a/js/Utility.js +++ b/js/Utility.js @@ -5,6 +5,7 @@ import UnionType from "./entity/UnionType" /** * @typedef {import("./element/IElement").default} IElement * @typedef {import("./entity/IEntity").default} IEntity + * @typedef {import("./entity/IEntity").EntityConstructor} EntityConstructor * @typedef {import("./entity/LinearColorEntity").default} LinearColorEntity * @typedef {import("./entity/TypeInitialization").AnyValue} AnyValue */ @@ -99,8 +100,7 @@ export default class Utility { static isSerialized( entity, keys, - // @ts-expect-error - propertyDefinition = Utility.objectGet(entity.constructor.attributes, keys) + propertyDefinition = Utility.objectGet(/** @type {EntityConstructor} */(entity.constructor).attributes, keys) ) { if (propertyDefinition instanceof CalculatedType) { return Utility.isSerialized(entity, keys, propertyDefinition.calculate(entity)) @@ -183,8 +183,7 @@ export default class Utility { // value is already a constructor return value } - /** @ts-expect-error */ - return value?.constructor + return /** @type {AnyValueConstructor} */(value?.constructor) } /** diff --git a/js/element/ColorHandlerElement.js b/js/element/ColorHandlerElement.js index 09715ab..db06843 100644 --- a/js/element/ColorHandlerElement.js +++ b/js/element/ColorHandlerElement.js @@ -1,16 +1,19 @@ import ColorHandlerTemplate from "../template/ColorHandlerTemplate" import IDraggableControlElement from "./IDraggableControlElement" -/** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */ -/** - * @template T - * @typedef {import("./WindowElement").default} WindowElement - */ - /** @extends {IDraggableControlElement} */ export default class ColorHandlerElement extends IDraggableControlElement { constructor() { - super({}, new ColorHandlerTemplate()) + super() + super.initialize({}, new ColorHandlerTemplate()) + } + + static newObject() { + return new ColorHandlerElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } } diff --git a/js/element/ColorSliderElement.js b/js/element/ColorSliderElement.js index 61922f8..3276703 100644 --- a/js/element/ColorSliderElement.js +++ b/js/element/ColorSliderElement.js @@ -1,12 +1,19 @@ import ColorSliderTemplate from "../template/ColorSliderTemplate" import IDraggableControlElement from "./IDraggableControlElement" -/** @typedef {import("../template/IDraggableControlTemplate").default} IDraggableControlTemplate */ - /** @extends {IDraggableControlElement} */ export default class ColorSliderElement extends IDraggableControlElement { constructor() { - super({}, new ColorSliderTemplate()) + super() + super.initialize({}, new ColorSliderTemplate()) + } + + static newObject() { + return new ColorSliderElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } } diff --git a/js/element/ElementFactory.js b/js/element/ElementFactory.js index 09a6c73..0653db2 100644 --- a/js/element/ElementFactory.js +++ b/js/element/ElementFactory.js @@ -1,6 +1,6 @@ /** - * @typedef {new (...args) => IElement} ElementConstructor * @typedef {import("./IElement").default} IElement + * @typedef {new (...args) => IElement} ElementConstructor */ export default class ElementFactory { @@ -16,9 +16,7 @@ export default class ElementFactory { ElementFactory.#elementConstructors.set(tagName, entityConstructor) } - /** - * @param {String} tagName - */ + /** @param {String} tagName */ static getConstructor(tagName) { return ElementFactory.#elementConstructors.get(tagName) } diff --git a/js/element/IDraggableControlElement.js b/js/element/IDraggableControlElement.js index c3ff38d..7d8e6b9 100644 --- a/js/element/IDraggableControlElement.js +++ b/js/element/IDraggableControlElement.js @@ -16,16 +16,8 @@ export default class IDraggableControlElement extends IDraggableElement { /** @type {WindowElement} */ windowElement - /** - * @param {T} entity - * @param {U} template - */ - constructor(entity, template) { - super(entity, template) - } - - connectedCallback() { - super.connectedCallback() + setup() { + super.setup() this.windowElement = this.closest("ueb-window") } diff --git a/js/element/IDraggableElement.js b/js/element/IDraggableElement.js index 2838bc5..3d7776d 100644 --- a/js/element/IDraggableElement.js +++ b/js/element/IDraggableElement.js @@ -3,8 +3,9 @@ import IElement from "./IElement" import Utility from "../Utility" /** - * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate * @typedef {import("../entity/IEntity").default} IEntity + * @typedef {import("../template/IDraggableTemplate").default} IDraggableTemplate + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @@ -36,16 +37,12 @@ export default class IDraggableElement extends IElement { static dragEventName = Configuration.dragEventName static dragGeneralEventName = Configuration.dragGeneralEventName - /** - * @param {T} entity - * @param {U} template - */ - constructor(entity, template) { - super(entity, template) + constructor() { + super() this.locationX = 0 this.locationY = 0 - this.sizeX ??= 0 // It may be set in the template already - this.sizeY ??= 0 // It may be set in the template already + this.sizeX = 0 + this.sizeY = 0 } computeSizes() { @@ -55,7 +52,7 @@ export default class IDraggableElement extends IElement { this.sizeY = bounding.height * scaleCorrection } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.computeSizes() @@ -67,14 +64,16 @@ export default class IDraggableElement extends IElement { this.locationX = x this.locationY = y if (this.blueprint && acknowledge) { - // @ts-expect-error - const dragLocalEvent = new CustomEvent(this.constructor.dragEventName, { - detail: { - value: d, - }, - bubbles: false, - cancelable: true, - }) + const dragLocalEvent = new CustomEvent( + /** @type {typeof IDraggableElement} */(this.constructor).dragEventName, + { + detail: { + value: d, + }, + bubbles: false, + cancelable: true, + } + ) this.dispatchEvent(dragLocalEvent) } } @@ -86,14 +85,16 @@ export default class IDraggableElement extends IElement { /** @param {Number[]} value */ acknowledgeDrag(value) { - // @ts-expect-error - const dragEvent = new CustomEvent(this.constructor.dragGeneralEventName, { - detail: { - value: value - }, - bubbles: true, - cancelable: true - }) + const dragEvent = new CustomEvent( + /** @type {typeof IDraggableElement} */(this.constructor).dragGeneralEventName, + { + detail: { + value: value + }, + bubbles: true, + cancelable: true + } + ) this.dispatchEvent(dragEvent) } diff --git a/js/element/IElement.js b/js/element/IElement.js index 7b53049..dad2596 100644 --- a/js/element/IElement.js +++ b/js/element/IElement.js @@ -6,6 +6,7 @@ import { LitElement } from "lit" * @typedef {import("../input/IInput").default} IInput * @typedef {import("../template/ITemplate").default} ITemplate * @typedef {import("lit").PropertyDeclarations} PropertyDeclarations + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @@ -44,6 +45,9 @@ export default class IElement extends LitElement { return this.#template } + isInitialized = false + isSetup = false + /** @type {IInput[]} */ inputObjects = [] @@ -51,31 +55,60 @@ export default class IElement extends LitElement { * @param {T} entity * @param {U} template */ - constructor(entity, template) { - super() + initialize(entity, template) { + this.requestUpdate() this.#entity = entity this.#template = template - this.inputObjects = [] - this.#template.constructed(this) + this.#template.initialize(this) + if (this.isConnected) { + this.updateComplete.then(() => this.setup()) + } + this.isInitialized = true + } + + connectedCallback() { + super.connectedCallback() + this.blueprint = /** @type {Blueprint} */(this.closest("ueb-blueprint")) + if (this.isInitialized) { + this.requestUpdate() + this.updateComplete.then(() => this.setup()) + } + } + + disconnectedCallback() { + super.disconnectedCallback() + if (this.isSetup) { + this.updateComplete.then(() => this.cleanup()) + } } createRenderRoot() { return this } - connectedCallback() { - super.connectedCallback() - this.blueprint = /** @type {Blueprint} */ this.closest("ueb-blueprint") - this.template.connectedCallback() + /** @param {PropertyValues} changedProperties */ + shouldUpdate(changedProperties) { + return this.isInitialized && this.isConnected } - /** @param {Map} changedProperties */ + setup() { + this.template.setup() + this.template.inputSetup() + this.isSetup = true + } + + cleanup() { + this.template.cleanup() + this.isSetup = false + } + + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties) this.template.willUpdate(changedProperties) } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties) this.template.update(changedProperties) @@ -85,14 +118,13 @@ export default class IElement extends LitElement { return this.template.render() } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.template.firstUpdated(changedProperties) - this.template.inputSetup() } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { super.updated(changedProperties) this.template.updated(changedProperties) @@ -103,11 +135,6 @@ export default class IElement extends LitElement { this.#nextUpdatedCallbacks = [] } - disconnectedCallback() { - super.disconnectedCallback() - this.template.cleanup() - } - addNextUpdatedCallbacks(callback, requestUpdate = false) { this.#nextUpdatedCallbacks.push(callback) if (requestUpdate) { @@ -125,6 +152,6 @@ export default class IElement extends LitElement { * @param {new (...args: any[]) => V} type */ getInputObject(type) { - return /** @type {V} */ (this.template.inputObjects.find(object => object.constructor == type)) + return /** @type {V} */(this.template.inputObjects.find(object => object.constructor == type)) } } diff --git a/js/element/IFromToPositionedElement.js b/js/element/IFromToPositionedElement.js index ddd14ee..873e834 100644 --- a/js/element/IFromToPositionedElement.js +++ b/js/element/IFromToPositionedElement.js @@ -32,9 +32,8 @@ export default class IFromToPositionedElement extends IElement { }, } - constructor(...args) { - // @ts-expect-error - super(...args) + constructor() { + super() this.fromX = 0 this.fromY = 0 this.toX = 0 diff --git a/js/element/ISelectableDraggableElement.js b/js/element/ISelectableDraggableElement.js index b8344a9..b89da9e 100644 --- a/js/element/ISelectableDraggableElement.js +++ b/js/element/ISelectableDraggableElement.js @@ -24,22 +24,21 @@ export default class ISelectableDraggableElement extends IDraggableElement { }, } - constructor(...args) { - // @ts-expect-error - super(...args) + dragHandler = e => this.addLocation(e.detail.value) + + constructor() { + super() this.selected = false this.listeningDrag = false - let self = this - this.dragHandler = e => self.addLocation(e.detail.value) } - connectedCallback() { - super.connectedCallback() + setup() { + super.setup() this.setSelected(this.selected) } - disconnectedCallback() { - super.disconnectedCallback() + cleanup() { + super.cleanup() this.blueprint.removeEventListener(Configuration.nodeDragGeneralEventName, this.dragHandler) } diff --git a/js/element/InputElement.js b/js/element/InputElement.js index 841c9c4..40b9d6f 100644 --- a/js/element/InputElement.js +++ b/js/element/InputElement.js @@ -27,9 +27,18 @@ export default class InputElement extends IElement { } constructor() { - super({}, new InputTemplate()) + super() this.singleLine = false this.selectOnFocus = true this.blurOnEnter = true + super.initialize({}, new InputTemplate()) + } + + static newObject() { + return new InputElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } } diff --git a/js/element/LinkElement.js b/js/element/LinkElement.js index ceb731a..ac151cc 100644 --- a/js/element/LinkElement.js +++ b/js/element/LinkElement.js @@ -8,6 +8,7 @@ import Utility from "../Utility" /** * @typedef {import("./PinElement").default} PinElement * @typedef {import("lit").TemplateResult<1>} TemplateResult + * @typedef {typeof LinkElement} LinkElementConstructor */ /** @extends {IFromToPositionedElement} */ @@ -65,11 +66,11 @@ export default class LinkElement extends IFromToPositionedElement { this.#setPin(pin, true) } - #nodeDeleteHandler - #nodeDragSourceHandler - #nodeDragDestinatonHandler - #nodeReflowSourceHandler - #nodeReflowDestinatonHandler + #nodeDeleteHandler = () => this.remove() + #nodeDragSourceHandler = e => this.addSourceLocation(e.detail.value) + #nodeDragDestinatonHandler = e => this.addDestinationLocation(e.detail.value) + #nodeReflowSourceHandler = e => this.setSourceLocation() + #nodeReflowDestinatonHandler = e => this.setDestinationLocation() /** @type {TemplateResult | nothing} */ linkMessageIcon = nothing @@ -79,18 +80,8 @@ export default class LinkElement extends IFromToPositionedElement { /** @type {SVGPathElement} */ pathElement - /** - * @param {PinElement} source - * @param {PinElement?} destination - */ - constructor(source, destination) { - super({}, new LinkTemplate()) - const self = this - this.#nodeDeleteHandler = () => self.remove() - this.#nodeDragSourceHandler = e => self.addSourceLocation(e.detail.value) - this.#nodeDragDestinatonHandler = e => self.addDestinationLocation(e.detail.value) - this.#nodeReflowSourceHandler = e => self.setSourceLocation() - this.#nodeReflowDestinatonHandler = e => self.setDestinationLocation() + constructor() { + super() this.source = null this.destination = null this.dragging = false @@ -98,6 +89,24 @@ export default class LinkElement extends IFromToPositionedElement { this.startPercentage = 0 this.svgPathD = "" this.startPixels = 0 + } + + /** + * @param {PinElement} source + * @param {PinElement?} destination + */ + static newObject(source, destination) { + const result = new LinkElement() + result.initialize(source, destination) + return result + } + + /** + * @param {PinElement} source + * @param {PinElement?} destination + */ + initialize(source, destination) { + super.initialize({}, new LinkTemplate()) if (source) { this.sourcePin = source if (!destination) { @@ -172,8 +181,8 @@ export default class LinkElement extends IFromToPositionedElement { } } - disconnectedCallback() { - super.disconnectedCallback() + cleanup() { + super.cleanup() this.#unlinkPins() this.sourcePin = null this.destinationPin = null diff --git a/js/element/NodeElement.js b/js/element/NodeElement.js index 740a45f..55a5924 100644 --- a/js/element/NodeElement.js +++ b/js/element/NodeElement.js @@ -11,7 +11,11 @@ import SerializerFactory from "../serialization/SerializerFactory" import Utility from "../Utility" import VariableAccessNodeTemplate from "../template/node/VariableAccessNodeTemplate" -/** @typedef {import("./IElement").default} IElement */ +/** + * @typedef {import("./IElement").default} IElement + * @typedef {import("./PinElement").default} PinElement + * @typedef {typeof NodeElement} NodeElementConstructor + */ /** @extends {ISelectableDraggableElement} */ export default class NodeElement extends ISelectableDraggableElement { @@ -77,7 +81,8 @@ export default class NodeElement extends ISelectableDraggableElement { this.#nodeNameElement = value } - #pins + /** @type {PinElement[]} */ + #pins = [] /** @type {NodeElement[]} */ boundComments = [] #commentDragged = false @@ -90,12 +95,34 @@ export default class NodeElement extends ISelectableDraggableElement { } } + /** + * @param {ObjectEntity} nodeEntity + * @return {new () => NodeTemplate} + */ + static getTypeTemplate(nodeEntity) { + let result = NodeElement.#typeTemplateMap[nodeEntity.getClass()] + return result ?? NodeTemplate + } + + /** @param {String} str */ + static fromSerializedObject(str) { + str = str.trim() + let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str) + return NodeElement.newObject(/** @type {ObjectEntity} */(entity)) + } + /** * @param {ObjectEntity} entity * @param {NodeTemplate} template */ - constructor(entity, template = undefined) { - super(entity, template ?? new (NodeElement.getTypeTemplate(entity))()) + static newObject(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) { + const result = new NodeElement() + result.initialize(entity, template) + return result + } + + initialize(entity = new ObjectEntity(), template = new (NodeElement.getTypeTemplate(entity))()) { + super.initialize(entity, template) this.#pins = this.template.createPinElements() this.typePath = this.entity.getType() this.nodeName = this.entity.getObjectName() @@ -115,25 +142,11 @@ export default class NodeElement extends ISelectableDraggableElement { } } - /** - * @param {ObjectEntity} nodeEntity - * @return {new () => NodeTemplate} - */ - static getTypeTemplate(nodeEntity) { - let result = NodeElement.#typeTemplateMap[nodeEntity.getClass()] - return result ?? NodeTemplate - } - - /** @param {String} str */ - static fromSerializedObject(str) { - str = str.trim() - let entity = SerializerFactory.getSerializer(ObjectEntity).deserialize(str) - // @ts-expect-error - return new NodeElement(entity) - } - getUpdateComplete() { - return Promise.all([super.getUpdateComplete(), ...this.getPinElements().map(pin => pin.updateComplete)]).then(() => true) + return Promise.all([ + super.getUpdateComplete(), + ...this.getPinElements().map(pin => pin.updateComplete) + ]).then(() => true) } /** @param {NodeElement} commentNode */ @@ -162,8 +175,8 @@ export default class NodeElement extends ISelectableDraggableElement { && this.leftBoundary() >= commentNode.leftBoundary() } - disconnectedCallback() { - super.disconnectedCallback() + cleanup() { + super.cleanup() this.acknowledgeDelete() } @@ -224,11 +237,8 @@ export default class NodeElement extends ISelectableDraggableElement { } setLocation(value = [0, 0], acknowledge = true) { - let nodeConstructor = this.entity.NodePosX.constructor - // @ts-expect-error - this.entity.NodePosX = new nodeConstructor(value[0]) - // @ts-expect-error - this.entity.NodePosY = new nodeConstructor(value[1]) + this.entity.NodePosX.value = value[0] + this.entity.NodePosY.value = value[1] super.setLocation(value, acknowledge) } diff --git a/js/element/PinElement.js b/js/element/PinElement.js index ca9dd42..70bc212 100644 --- a/js/element/PinElement.js +++ b/js/element/PinElement.js @@ -9,6 +9,7 @@ import ISerializer from "../serialization/ISerializer" import LinearColorEntity from "../entity/LinearColorEntity" import LinearColorInputPinTemplate from "../template/pin/LinearColorPinTemplate" import NameInputPinTemplate from "../template/pin/NamePinTemplate" +import PinEntity from "../entity/PinEntity" import PinTemplate from "../template/pin/PinTemplate" import RealInputPinTemplate from "../template/pin/RealInputPinTemplate" import ReferencePinTemplate from "../template/pin/ReferencePinTemplate" @@ -19,16 +20,15 @@ import VectorInputPinTemplate from "../template/pin/VectorInputPinTemplate" /** * @typedef {import("../entity/PinReferenceEntity").default} PinReferenceEntity + * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue + * @typedef {import("./LinkElement").LinkElementConstructor} LinkElementConstructor * @typedef {import("./NodeElement").default} NodeElement * @typedef {import("lit").CSSResult} CSSResult - */ -/** - * @template T - * @typedef {import("../entity/PinEntity").default} PinEntity + * @typedef {typeof PinElement} PinElementConstructor */ /** - * @template T + * @template {AnyValue} T * @extends {IElement, PinTemplate>} */ export default class PinElement extends IElement { @@ -95,6 +95,9 @@ export default class PinElement extends IElement { }, } + /** @type {NodeElement} */ + nodeElement + /** * @param {PinEntity} pinEntity * @return {new () => PinTemplate} @@ -113,18 +116,22 @@ export default class PinElement extends IElement { return result ?? PinTemplate } - /** @type {NodeElement} */ - nodeElement + static newObject( + entity = new PinEntity(), + template = new (PinElement.getTypeTemplate(entity))(), + nodeElement = undefined + ) { + const result = new PinElement() + result.initialize(entity, template, nodeElement) + return result + } - connections = 0 - - /** - * @param {PinEntity} entity - * @param {PinTemplate} template - * @param {NodeElement} nodeElement - */ - constructor(entity, template = undefined, nodeElement = undefined) { - super(entity, template ?? new (PinElement.getTypeTemplate(entity))()) + initialize( + entity = /** @type {PinEntity} */(new PinEntity()), + template = new (PinElement.getTypeTemplate(entity))(), + nodeElement = undefined + ) { + super.initialize(entity, template) this.pinId = this.entity.PinId this.pinType = this.entity.getType() this.advancedView = this.entity.bAdvancedView @@ -132,7 +139,7 @@ export default class PinElement extends IElement { this.color = PinElement.properties.color.converter.fromAttribute(this.getColor().toString()) this.isLinked = false this.pinDirection = entity.isInput() ? "input" : entity.isOutput() ? "output" : "hidden" - this.nodeElement = nodeElement + this.nodeElement = /** @type {NodeElement} */(nodeElement) // this.entity.subscribe("DefaultValue", value => this.defaultValue = value.toString()) this.entity.subscribe("PinToolTip", value => { @@ -144,6 +151,11 @@ export default class PinElement extends IElement { }) } + setup() { + super.setup() + this.nodeElement = this.closest("ueb-node") + } + /** @return {GuidEntity} */ getPinId() { return this.entity.PinId @@ -175,7 +187,6 @@ export default class PinElement extends IElement { return this.template.getLinkLocation() } - /** @returns {NodeElement} */ getNodeElement() { return this.nodeElement } @@ -204,7 +215,9 @@ export default class PinElement extends IElement { } let link = this.blueprint.getLink(this, pin, true) if (!link) { - this.blueprint.addGraphElement(new (ElementFactory.getConstructor("ueb-link"))(this, pin)) + link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link")) + .newObject(this, pin) + this.blueprint.addGraphElement(link) } } return pin diff --git a/js/element/SelectorElement.js b/js/element/SelectorElement.js index 5520485..03fc98b 100644 --- a/js/element/SelectorElement.js +++ b/js/element/SelectorElement.js @@ -5,10 +5,20 @@ import SelectorTemplate from "../template/SelectorTemplate" /** @extends {IFromToPositionedElement} */ export default class SelectorElement extends IFromToPositionedElement { + /** @type {FastSelectionModel} */ + selectionModel = null + constructor() { - super({}, new SelectorTemplate()) - /** @type {FastSelectionModel} */ - this.selectionModel = null + super() + super.initialize({}, new SelectorTemplate()) + } + + static newObject() { + return new SelectorElement() + } + + initialize() { + // Initialized in the constructor, this method does nothing } /** @param {Number[]} initialPosition */ diff --git a/js/element/WindowElement.js b/js/element/WindowElement.js index d627250..2cbb1a7 100644 --- a/js/element/WindowElement.js +++ b/js/element/WindowElement.js @@ -3,6 +3,8 @@ import Configuration from "../Configuration" import IDraggableElement from "./IDraggableElement" import WindowTemplate from "../template/WindowTemplate" +/** @typedef {typeof WindowElement} WindowElementConstructor */ + /** * @template {WindowTemplate} T * @extends {IDraggableElement} @@ -23,24 +25,26 @@ export default class WindowElement extends IDraggableElement { converter: { fromAttribute: (value, type) => WindowElement.#typeTemplateMap[value], toAttribute: (value, type) => - Object.entries(WindowElement.#typeTemplateMap).find(([k, v]) => value == v)[0] + Object.entries(WindowElement.#typeTemplateMap).find(([k, v]) => value.constructor === v)?.[0], }, }, } - constructor(options = {}) { - if (options.type.constructor == String) { - options.type = WindowElement.#typeTemplateMap[options.type] - } - options.type ??= WindowTemplate - options.windowOptions ??= {} - super({}, new options.type()) - this.type = options.type - this.windowOptions = options.windowOptions + static newObject(entity = {}, template = entity.type ?? new WindowTemplate()) { + const result = new WindowElement() + result.initialize(entity, template) + return result } - disconnectedCallback() { - super.disconnectedCallback() + initialize(entity = {}, template = entity.type ?? new WindowTemplate()) { + entity.windowOptions ??= {} + this.type = entity.type + this.windowOptions = entity.windowOptions + super.initialize(entity, template) + } + + cleanup() { + super.cleanup() this.acknowledgeClose() } diff --git a/js/entity/IEntity.js b/js/entity/IEntity.js index 553dca7..436bae5 100644 --- a/js/entity/IEntity.js +++ b/js/entity/IEntity.js @@ -5,6 +5,7 @@ import TypeInitialization from "./TypeInitialization" import Utility from "../Utility" import UnionType from "./UnionType" +/** @typedef {typeof IEntity} EntityConstructor */ /** * @template {IEntity} T * @typedef {new (Object) => T} IEntityConstructor @@ -101,8 +102,7 @@ export default class IEntity extends Observable { target[attribute] = TypeInitialization.sanitize(defaultValue, defaultType) } } - // @ts-expect-error - const attributes = this.constructor.attributes + const attributes = /** @type {typeof IEntity} */(this.constructor).attributes if (values.constructor !== Object && Object.getOwnPropertyNames(attributes).length === 1) { // Where there is just one attribute, option can be the value of that attribute values = { diff --git a/js/input/common/Copy.js b/js/input/common/Copy.js index 0e41944..4fb5cf4 100755 --- a/js/input/common/Copy.js +++ b/js/input/common/Copy.js @@ -17,11 +17,11 @@ export default class Copy extends IInput { } listenEvents() { - document.body.addEventListener("copy", this.#copyHandler) + window.addEventListener("copy", this.#copyHandler) } unlistenEvents() { - document.body.removeEventListener("copy", this.#copyHandler) + window.removeEventListener("copy", this.#copyHandler) } copied() { diff --git a/js/input/common/Paste.js b/js/input/common/Paste.js index da55d90..3ed5383 100755 --- a/js/input/common/Paste.js +++ b/js/input/common/Paste.js @@ -2,7 +2,10 @@ import ElementFactory from "../../element/ElementFactory" import IInput from "../IInput" import ObjectSerializer from "../../serialization/ObjectSerializer" -/** @typedef {import("../../element/NodeElement").default} NodeElement */ +/** + * @typedef {import("../../element/NodeElement").default} NodeElement + * @typedef {import("../../element/NodeElement").NodeElementConstructor} NodeElementConstructor + */ export default class Paste extends IInput { @@ -20,11 +23,11 @@ export default class Paste extends IInput { } listenEvents() { - document.body.addEventListener("paste", this.#pasteHandle) + window.addEventListener("paste", this.#pasteHandle) } unlistenEvents() { - document.body.removeEventListener("paste", this.#pasteHandle) + window.removeEventListener("paste", this.#pasteHandle) } pasted(value) { @@ -33,8 +36,8 @@ export default class Paste extends IInput { let count = 0 let nodes = Paste.#serializer.readMultiple(value).map(entity => { /** @type {NodeElement} */ - // @ts-expect-error - let node = new (ElementFactory.getConstructor("ueb-node"))(entity) + let node = /** @type {NodeElementConstructor} */(ElementFactory.getConstructor("ueb-node")) + .newObject(entity) top += node.locationY left += node.locationX ++count diff --git a/js/input/mouse/MouseCreateLink.js b/js/input/mouse/MouseCreateLink.js index 09493e6..d8aaf9b 100755 --- a/js/input/mouse/MouseCreateLink.js +++ b/js/input/mouse/MouseCreateLink.js @@ -3,8 +3,9 @@ import ElementFactory from "../../element/ElementFactory" import IMouseClickDrag from "./IMouseClickDrag" /** - * @typedef {import("../../element/PinElement").default} PinElement * @typedef {import("../../element/LinkElement").default} LinkElement + * @typedef {import("../../element/LinkElement").LinkElementConstructor} LinkElementConstructor + * @typedef {import("../../element/PinElement").default} PinElement * @typedef {import("../../template/node/KnotNodeTemplate").default} KnotNodeTemplate */ @@ -71,8 +72,8 @@ export default class MouseCreateLink extends IMouseClickDrag { this.#knotPin = this.target } /** @type {LinkElement} */ - // @ts-expect-error - this.link = new (ElementFactory.getConstructor("ueb-link"))(this.target, null) + this.link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link")) + .newObject(this.target, null) this.blueprint.linksContainerElement.prepend(this.link) this.link.setMessagePlaceNode() this.#listenedPins = this.blueprint.querySelectorAll("ueb-pin") diff --git a/js/serialization/ISerializer.js b/js/serialization/ISerializer.js index 0494a4c..35a8d51 100644 --- a/js/serialization/ISerializer.js +++ b/js/serialization/ISerializer.js @@ -5,6 +5,7 @@ import TypeInitialization from "../entity/TypeInitialization" import Utility from "../Utility" /** + * @typedef {import("../entity/IEntity").EntityConstructor} EntityConstructor * @typedef {import("../entity/TypeInitialization").AnyValue} AnyValue */ /** @@ -117,7 +118,7 @@ export default class ISerializer { showProperty(entity, object, attributeKey, attributeValue) { // @ts-expect-error - const attributes = this.entityType.attributes + const attributes = /** @type {EntityConstructor} */(this.entityType).attributes const attribute = Utility.objectGet(attributes, attributeKey) if (attribute instanceof TypeInitialization) { if (attribute.ignored) { diff --git a/js/template/BlueprintTemplate.js b/js/template/BlueprintTemplate.js index 0678f63..c02f3eb 100755 --- a/js/template/BlueprintTemplate.js +++ b/js/template/BlueprintTemplate.js @@ -18,6 +18,7 @@ import Zoom from "../input/mouse/Zoom" * @typedef {import("../element/PinElement").default} PinElement * @typedef {import("../element/SelectorElement").default} SelectorElement * @typedef {import("../entity/PinReferenceEntity").default} PinReferenceEntity + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @extends ITemplate */ @@ -37,8 +38,8 @@ export default class BlueprintTemplate extends ITemplate { } /** @param {Blueprint} element */ - constructed(element) { - super.constructed(element) + initialize(element) { + super.initialize(element) this.element.style.cssText = Object.entries(BlueprintTemplate.styleVariables).map(([k, v]) => `${k}:${v};`).join("") } @@ -87,7 +88,7 @@ export default class BlueprintTemplate extends ITemplate { ` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.element.headerElement = /** @type {HTMLElement} */(this.element.querySelector('.ueb-viewport-header')) @@ -102,7 +103,7 @@ export default class BlueprintTemplate extends ITemplate { this.element.viewportElement.scroll(Configuration.expandGridSize, Configuration.expandGridSize) } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties) if (this.element.headerElement && changedProperties.has("zoom")) { @@ -114,7 +115,7 @@ export default class BlueprintTemplate extends ITemplate { } } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { super.updated(changedProperties) if (changedProperties.has("scrollX") || changedProperties.has("scrollY")) { diff --git a/js/template/ColorPickerWindowTemplate.js b/js/template/ColorPickerWindowTemplate.js index 6abce6f..cde5d1b 100755 --- a/js/template/ColorPickerWindowTemplate.js +++ b/js/template/ColorPickerWindowTemplate.js @@ -7,39 +7,23 @@ import LinearColorEntity from "../entity/LinearColorEntity" import Utility from "../Utility" import WindowTemplate from "./WindowTemplate" -/** @typedef {import("../element/WindowElement").default} WindowElement */ +/** + * @typedef {import("../element/WindowElement").default} WindowElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ export default class ColorPickerWindowTemplate extends WindowTemplate { - /** @type {ColorHandlerElement} */ - #wheelHandler - - /** @type {ColorSliderElement} */ - #saturationSlider - - /** @type {ColorSliderElement} */ - #valueSlider - - /** @type {ColorSliderElement} */ - #rSlider - - /** @type {ColorSliderElement} */ - #gSlider - - /** @type {ColorSliderElement} */ - #bSlider - - /** @type {ColorSliderElement} */ - #aSlider - - /** @type {ColorSliderElement} */ - #hSlider - - /** @type {ColorSliderElement} */ - #sSlider - - /** @type {ColorSliderElement} */ - #vSlider + /** @type {ColorHandlerElement} */ #wheelHandler + /** @type {ColorSliderElement} */ #saturationSlider + /** @type {ColorSliderElement} */ #valueSlider + /** @type {ColorSliderElement} */ #rSlider + /** @type {ColorSliderElement} */ #gSlider + /** @type {ColorSliderElement} */ #bSlider + /** @type {ColorSliderElement} */ #aSlider + /** @type {ColorSliderElement} */ #hSlider + /** @type {ColorSliderElement} */ #sSlider + /** @type {ColorSliderElement} */ #vSlider #hexRGBHandler = /** @param {UIEvent} v */ @@ -82,7 +66,6 @@ export default class ColorPickerWindowTemplate extends WindowTemplate { get color() { return this.#color } - /** @param {LinearColorEntity} value */ set color(value) { if (value.toNumber() == this.color?.toNumber()) { return @@ -110,8 +93,10 @@ export default class ColorPickerWindowTemplate extends WindowTemplate { return opaque ? `${result.substring(0, 6)}FF` : result } - connectedCallback() { - super.connectedCallback() + + /** @param {WindowElement} element */ + initialize(element) { + super.initialize(element) this.#initialColor = this.element.windowOptions.getPinColor() this.color.setFromHSVA( this.initialColor.H.value, @@ -122,7 +107,7 @@ export default class ColorPickerWindowTemplate extends WindowTemplate { this.fullColor.setFromHSVA(this.color.H.value, 1, 1, 1) } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { this.#wheelHandler = this.element.querySelector(".ueb-color-picker-wheel ueb-color-handler") this.#saturationSlider = this.element.querySelector(".ueb-color-picker-saturation ueb-ui-slider") diff --git a/js/template/IDraggableControlTemplate.js b/js/template/IDraggableControlTemplate.js index 80ab051..57151e3 100644 --- a/js/template/IDraggableControlTemplate.js +++ b/js/template/IDraggableControlTemplate.js @@ -23,8 +23,8 @@ export default class IDraggableControlTemplate extends IDraggableTemplate { movementSpace movementSpaceSize = [0, 0] - connectedCallback() { - super.connectedCallback() + setup() { + super.setup() this.movementSpace = this.element.parentElement const bounding = this.movementSpace.getBoundingClientRect() this.movementSpaceSize = [bounding.width, bounding.height] diff --git a/js/template/IDraggablePositionedTemplate.js b/js/template/IDraggablePositionedTemplate.js index 84318fa..ac8a912 100644 --- a/js/template/IDraggablePositionedTemplate.js +++ b/js/template/IDraggablePositionedTemplate.js @@ -1,6 +1,9 @@ import IDraggableTemplate from "./IDraggableTemplate" -/** @typedef {import("../element/IDraggableElement").default} IDraggableElement */ +/** + * @typedef {import("../element/IDraggableElement").default} IDraggableElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ /** * @template {IDraggableElement} T @@ -8,7 +11,7 @@ import IDraggableTemplate from "./IDraggableTemplate" */ export default class IDraggablePositionedTemplate extends IDraggableTemplate { - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties) if (changedProperties.has("locationX")) { @@ -18,4 +21,4 @@ export default class IDraggablePositionedTemplate extends IDraggableTemplate { this.element.style.top = `${this.element.locationY}px` } } -} \ No newline at end of file +} diff --git a/js/template/IFromToPositionedTemplate.js b/js/template/IFromToPositionedTemplate.js index 98cfdf2..d7cefda 100755 --- a/js/template/IFromToPositionedTemplate.js +++ b/js/template/IFromToPositionedTemplate.js @@ -1,6 +1,9 @@ import ITemplate from "./ITemplate" -/** @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement */ +/** + * @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ /** * @template {IFromToPositionedElement} T @@ -8,7 +11,7 @@ import ITemplate from "./ITemplate" */ export default class IFromToPositionedTemplate extends ITemplate { - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties) const [fromX, fromY, toX, toY] = [ diff --git a/js/template/IResizeableTemplate.js b/js/template/IResizeableTemplate.js index 258f44f..be63751 100644 --- a/js/template/IResizeableTemplate.js +++ b/js/template/IResizeableTemplate.js @@ -1,7 +1,10 @@ import MouseClickDrag from "../input/mouse/MouseClickDrag" import NodeTemplate from "./node/NodeTemplate" -/** @typedef {import("../element/NodeElement").default} NodeElement */ +/** + * @typedef {import("../element/NodeElement").default} NodeElement + * @typedef {import("lit").PropertyValues} PropertyValues + */ export default class IResizeableTemplate extends NodeTemplate { @@ -15,12 +18,20 @@ export default class IResizeableTemplate extends NodeTemplate { #TLHandler = document.createElement("div") /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element) + initialize(element) { + super.initialize(element) this.element.classList.add("ueb-resizeable") + this.#THandler.classList.add("ueb-resizeable-top") + this.#RHandler.classList.add("ueb-resizeable-right") + this.#BHandler.classList.add("ueb-resizeable-bottom") + this.#LHandler.classList.add("ueb-resizeable-left") + this.#TRHandler.classList.add("ueb-resizeable-top-right") + this.#BRHandler.classList.add("ueb-resizeable-bottom-right") + this.#BLHandler.classList.add("ueb-resizeable-bottom-left") + this.#TLHandler.classList.add("ueb-resizeable-top-left") } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties) if (this.element.sizeX >= 0 && changedProperties.has("sizeX")) { @@ -31,17 +42,9 @@ export default class IResizeableTemplate extends NodeTemplate { } } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) - this.#THandler.classList.add("ueb-resizeable-top") - this.#RHandler.classList.add("ueb-resizeable-right") - this.#BHandler.classList.add("ueb-resizeable-bottom") - this.#LHandler.classList.add("ueb-resizeable-left") - this.#TRHandler.classList.add("ueb-resizeable-top-right") - this.#BRHandler.classList.add("ueb-resizeable-bottom-right") - this.#BLHandler.classList.add("ueb-resizeable-bottom-left") - this.#TLHandler.classList.add("ueb-resizeable-top-left") this.element.append( this.#THandler, this.#RHandler, @@ -64,21 +67,21 @@ export default class IResizeableTemplate extends NodeTemplate { this.element.addLocation([0, movement[1]], false) } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#RHandler, this.element.blueprint, { onDrag: (location, movement) => { movement[0] = location[0] - this.element.rightBoundary() this.setSizeX(this.element.sizeX + movement[0]) }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#BHandler, this.element.blueprint, { onDrag: (location, movement) => { movement[1] = location[1] - this.element.bottomBoundary() this.setSizeY(this.element.sizeY + movement[1]) }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#LHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -87,7 +90,7 @@ export default class IResizeableTemplate extends NodeTemplate { this.element.addLocation([movement[0], 0], false) } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#TRHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -98,7 +101,7 @@ export default class IResizeableTemplate extends NodeTemplate { this.element.addLocation([0, movement[1]], false) } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#BRHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -107,7 +110,7 @@ export default class IResizeableTemplate extends NodeTemplate { this.setSizeX(this.element.sizeX + movement[0]) this.setSizeY(this.element.sizeY + movement[1]) }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#BLHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -118,7 +121,7 @@ export default class IResizeableTemplate extends NodeTemplate { } this.setSizeY(this.element.sizeY + movement[1]) }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), new MouseClickDrag(this.#TLHandler, this.element.blueprint, { onDrag: (location, movement) => { @@ -131,7 +134,7 @@ export default class IResizeableTemplate extends NodeTemplate { this.element.addLocation([0, movement[1]], false) } }, - onEndDrag : () => this.endResize(), + onEndDrag: () => this.endResize(), }), ] } @@ -148,5 +151,6 @@ export default class IResizeableTemplate extends NodeTemplate { return true } - endResize() {} + endResize() { + } } diff --git a/js/template/ISelectableDraggableTemplate.js b/js/template/ISelectableDraggableTemplate.js index 1572eac..b8326ba 100755 --- a/js/template/ISelectableDraggableTemplate.js +++ b/js/template/ISelectableDraggableTemplate.js @@ -3,6 +3,7 @@ import MouseMoveNodes from "../input/mouse/MouseMoveNodes" /** * @typedef {import("../element/NodeElement").default} NodeElement + * @typedef {import("lit").PropertyValues} PropertyValues * @typedef {import("../input/mouse/MouseMoveDraggable").default} MouseMoveDraggable */ @@ -22,7 +23,7 @@ export default class ISelectableDraggableTemplate extends IDraggablePositionedTe })) } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) if (this.element.selected && !this.element.listeningDrag) { diff --git a/js/template/ITemplate.js b/js/template/ITemplate.js index 9822e95..0bad315 100644 --- a/js/template/ITemplate.js +++ b/js/template/ITemplate.js @@ -1,15 +1,14 @@ -import { css, html } from "lit" +import { html } from "lit" /** * @typedef {import("../element/IElement").default} IElement * @typedef {import("../input/IInput").default} IInput + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @template {IElement} T */ export default class ITemplate { - static styles = css`` - /** @type {T} */ element @@ -20,23 +19,26 @@ export default class ITemplate { } /** @param {T} element */ - constructed(element) { + initialize(element) { this.element = element } - /** @returns {IInput[]} */ createInputObjects() { - return [] + return /** @type {IInput[]} */([]) } - connectedCallback() { + setup() { } - /** @param {Map} changedProperties */ + cleanup() { + this.#inputObjects.forEach(v => v.unlistenDOMElement()) + } + + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { } @@ -44,19 +46,15 @@ export default class ITemplate { return html`` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { } inputSetup() { this.#inputObjects = this.createInputObjects() } - - cleanup() { - this.#inputObjects.forEach(v => v.unlistenDOMElement()) - } } diff --git a/js/template/LinkTemplate.js b/js/template/LinkTemplate.js index 636c762..f2aec1e 100755 --- a/js/template/LinkTemplate.js +++ b/js/template/LinkTemplate.js @@ -8,8 +8,10 @@ import Utility from "../Utility" /** * @typedef {import("../element/LinkElement").default} LinkElement - * @typedef {import("../element/NodeElement").default} NodeElement + * @typedef {import("../element/LinkElement").LinkElementConstructor} LinkElementConstructor + * @typedef {import("../element/NodeElement").NodeElementConstructor} NodeElementConstructor * @typedef {import("./node/KnotNodeTemplate").default} KnotNodeTemplate + * @typedef {import("lit").PropertyValues} PropertyValues */ @@ -65,13 +67,15 @@ export default class LinkTemplate extends IFromToPositionedTemplate { /** @param {Number[]} location */ location => { const knotEntity = new KnotEntity({}, this.element.sourcePin.entity) - const knot = /** @type {NodeElement} */(new (ElementFactory.getConstructor("ueb-node"))(knotEntity)) + const knot = /** @type {NodeElementConstructor} */(ElementFactory.getConstructor("ueb-node")) + .newObject(knotEntity) knot.setLocation(this.element.blueprint.snapToGrid(location)) this.element.blueprint.addGraphElement(knot) // Important: keep it before changing existing links - const link = new (ElementFactory.getConstructor("ueb-link"))( + const link = /** @type {LinkElementConstructor} */(ElementFactory.getConstructor("ueb-link")) + .newObject( /** @type {KnotNodeTemplate} */(knot.template).outputPin, - this.element.destinationPin - ) + this.element.destinationPin + ) this.element.destinationPin = /** @type {KnotNodeTemplate} */(knot.template).inputPin this.element.blueprint.addGraphElement(link) } @@ -88,9 +92,7 @@ export default class LinkTemplate extends IFromToPositionedTemplate { ] } - /** - * @param {Map} changedProperties - */ + /** @param {PropertyValues} changedProperties */ willUpdate(changedProperties) { super.willUpdate(changedProperties) const sourcePin = this.element.sourcePin @@ -138,7 +140,7 @@ export default class LinkTemplate extends IFromToPositionedTemplate { this.element.svgPathD = Configuration.linkRightSVGPath(this.element.startPercentage, c1, c2) } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ update(changedProperties) { super.update(changedProperties) if (changedProperties.has("originatesFromInput")) { diff --git a/js/template/node/CommentNodeTemplate.js b/js/template/node/CommentNodeTemplate.js index 5e51b54..887eb81 100644 --- a/js/template/node/CommentNodeTemplate.js +++ b/js/template/node/CommentNodeTemplate.js @@ -6,6 +6,7 @@ import LinearColorEntity from "../../entity/LinearColorEntity" /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("lit").PropertyValues} PropertyValues */ export default class CommentNodeTemplate extends IResizeableTemplate { @@ -14,15 +15,19 @@ export default class CommentNodeTemplate extends IResizeableTemplate { #selectableAreaHeight = 0 /** @param {NodeElement} element */ - constructed(element) { + initialize(element) { if (element.entity.CommentColor) { this.#color.setFromRGBANumber(element.entity.CommentColor.toNumber()) - this.#color.setFromHSVA(this.#color.H.value, this.#color.S.value, Math.pow(this.#color.V.value, 0.45) * 0.67) + this.#color.setFromHSVA( + this.#color.H.value, + this.#color.S.value, + Math.pow(this.#color.V.value, 0.45) * 0.67 + ) } element.classList.add("ueb-node-style-comment", "ueb-node-resizeable") element.sizeX ??= 25 * Configuration.gridSize element.sizeY ??= 6 * Configuration.gridSize - super.constructed(element) // Keep it at the end because it calls this.getColor() where this.#color must be initialized + super.initialize(element) // Keep it at the end because it calls this.getColor() where this.#color must be initialized } getColor() { @@ -45,7 +50,7 @@ export default class CommentNodeTemplate extends IResizeableTemplate { ` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) const bounding = this.getDraggableElement().getBoundingClientRect() diff --git a/js/template/node/KnotNodeTemplate.js b/js/template/node/KnotNodeTemplate.js index 07191b3..4e8e05e 100644 --- a/js/template/node/KnotNodeTemplate.js +++ b/js/template/node/KnotNodeTemplate.js @@ -7,6 +7,7 @@ import NodeTemplate from "./NodeTemplate" /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor */ export default class KnotNodeTemplate extends NodeTemplate { @@ -29,8 +30,8 @@ export default class KnotNodeTemplate extends NodeTemplate { } /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element) + initialize(element) { + super.initialize(element) this.element.classList.add("ueb-node-style-minimal") } @@ -76,19 +77,12 @@ export default class KnotNodeTemplate extends NodeTemplate { const entities = this.element.getPinEntities().filter(v => !v.isHidden()) const inputEntity = entities[entities[0].isInput() ? 0 : 1] const outputEntity = entities[entities[0].isOutput() ? 0 : 1] - const pinElementConstructor = ElementFactory.getConstructor("ueb-pin") - return [ - this.#inputPin = /** @type {PinElement} */(new pinElementConstructor( - inputEntity, - new KnotPinTemplate(), - this.element - )), - this.#outputPin = /** @type {PinElement} */(new pinElementConstructor( - outputEntity, - new KnotPinTemplate(), - this.element - )), + const pinElementConstructor = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")) + let result = [ + this.#inputPin = pinElementConstructor.newObject(inputEntity, new KnotPinTemplate(), this.element), + this.#outputPin = pinElementConstructor.newObject(outputEntity, new KnotPinTemplate(), this.element), ] + return result } linksChanged() { diff --git a/js/template/node/NodeTemplate.js b/js/template/node/NodeTemplate.js index fe1bbd3..fc9770a 100755 --- a/js/template/node/NodeTemplate.js +++ b/js/template/node/NodeTemplate.js @@ -8,6 +8,8 @@ import Utility from "../../Utility" /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor + * @typedef {import("lit").PropertyValues} PropertyValues */ /** @extends {ISelectableDraggableTemplate} */ @@ -38,8 +40,8 @@ export default class NodeTemplate extends ISelectableDraggableTemplate { } /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element) + initialize(element) { + super.initialize(element) this.element.style.setProperty("--ueb-node-color", this.getColor().cssText) } @@ -125,7 +127,7 @@ export default class NodeTemplate extends ISelectableDraggableTemplate { return this.element.getNodeDisplayName() } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.setupPins() @@ -152,9 +154,9 @@ export default class NodeTemplate extends ISelectableDraggableTemplate { if (!this.#hasTargetInputNode && v.getDisplayName() === "Target") { this.#hasTargetInputNode = true } - return /** @type {PinElement} */( - new (ElementFactory.getConstructor("ueb-pin"))(v, undefined, this.element) - ) + let pinElement = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")) + .newObject(v, undefined, this.element) + return pinElement }) } diff --git a/js/template/node/VariableAccessNodeTemplate.js b/js/template/node/VariableAccessNodeTemplate.js index 610e1a6..4a85548 100644 --- a/js/template/node/VariableAccessNodeTemplate.js +++ b/js/template/node/VariableAccessNodeTemplate.js @@ -5,6 +5,7 @@ import NodeTemplate from "./NodeTemplate" /** * @typedef {import("../../element/NodeElement").default} NodeElement * @typedef {import("../../element/PinElement").default} PinElement + * @typedef {import("../../element/PinElement").PinElementConstructor} PinElementConstructor */ export default class VariableAccessNodeTemplate extends NodeTemplate { @@ -14,8 +15,8 @@ export default class VariableAccessNodeTemplate extends NodeTemplate { #displayName = "" /** @param {NodeElement} element */ - constructed(element) { - super.constructed(element) + initialize(element) { + super.initialize(element) this.element.classList.add("ueb-node-style-glass") this.#displayName = this.element.getNodeDisplayName() } @@ -52,9 +53,9 @@ export default class VariableAccessNodeTemplate extends NodeTemplate { .map(v => { this.#hasInput ||= v.isInput() this.#hasOutput ||= v.isOutput() - return /** @type {PinElement} */( - new (ElementFactory.getConstructor("ueb-pin"))(v, undefined, this.element) - ) + const result = /** @type {PinElementConstructor} */(ElementFactory.getConstructor("ueb-pin")) + .newObject(v, undefined, this.element) + return result }) } diff --git a/js/template/pin/BoolPinTemplate.js b/js/template/pin/BoolPinTemplate.js index 70aa0cb..a7681cb 100644 --- a/js/template/pin/BoolPinTemplate.js +++ b/js/template/pin/BoolPinTemplate.js @@ -2,9 +2,9 @@ import { html } from "lit" import MouseIgnore from "../../input/mouse/MouseIgnore" import PinTemplate from "./PinTemplate" -/** - * @extends PinTemplate - */ +/** @typedef {import("lit").PropertyValues} PropertyValues */ + +/** @extends PinTemplate */ export default class BoolInputPinTemplate extends PinTemplate { /** @type {HTMLInputElement?} */ @@ -12,10 +12,14 @@ export default class BoolInputPinTemplate extends PinTemplate { #onChangeHandler = _ => this.element.setDefaultValue(this.#input.checked) - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.#input = this.element.querySelector(".ueb-pin-input") + } + + setup() { + super.setup() this.#input?.addEventListener("change", this.#onChangeHandler) } diff --git a/js/template/pin/IInputPinTemplate.js b/js/template/pin/IInputPinTemplate.js index 4c502e1..68e795d 100644 --- a/js/template/pin/IInputPinTemplate.js +++ b/js/template/pin/IInputPinTemplate.js @@ -3,6 +3,8 @@ import MouseIgnore from "../../input/mouse/MouseIgnore" import PinTemplate from "./PinTemplate" import Utility from "../../Utility" +/** @typedef {import("lit").PropertyValues} PropertyValues */ + /** * @template T * @typedef {import("../../element/PinElement").default} PinElement @@ -39,15 +41,17 @@ export default class IInputPinTemplate extends PinTemplate { #onFocusOutHandler = () => this.setInputs(this.getInputs(), true) - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.#inputContentElements = /** @type {HTMLElement[]} */([...this.element.querySelectorAll("ueb-input")]) - if (this.#inputContentElements.length) { - this.#inputContentElements.forEach(element => { - element.addEventListener("focusout", this.#onFocusOutHandler) - }) - } + } + + setup() { + super.setup() + this.#inputContentElements.forEach(element => { + element.addEventListener("focusout", this.#onFocusOutHandler) + }) } cleanup() { @@ -75,10 +79,9 @@ export default class IInputPinTemplate extends PinTemplate { ) } - /** @param {String[]?} values */ + /** @param {String[]} values */ setInputs(values = [], updateDefaultValue = true) { - // @ts-expect-error - this.#inputContentElements.forEach(this.constructor.singleLineInput + this.#inputContentElements.forEach(/** @type {typeof IInputPinTemplate } */(this.constructor).singleLineInput ? (elem, i) => elem.innerText = values[i] : (elem, i) => elem.innerText = values[i].replaceAll("\n", "") ) @@ -96,10 +99,8 @@ export default class IInputPinTemplate extends PinTemplate { } renderInput() { - // @ts-expect-error - const singleLine = this.constructor.singleLineInput - // @ts-expect-error - const selectOnFocus = this.constructor.selectOnFocus + const singleLine = /** @type {typeof IInputPinTemplate} */(this.constructor).singleLineInput + const selectOnFocus = /** @type {typeof IInputPinTemplate} */(this.constructor).selectOnFocus return html`
{ if (e.code == "Enter" && !e.shiftKey) { - /** @type {HTMLElement} */(e.target).blur() + /** @type {HTMLElement} */(e.target).blur() } } /** @param {InputElement} element */ - constructed(element) { - super.constructed(element) + initialize(element) { + super.initialize(element) this.element.classList.add("ueb-pin-input-content") this.element.setAttribute("role", "textbox") this.element.contentEditable = "true" } - connectedCallback() { + setup() { + super.setup() this.element.addEventListener("focus", this.#focusHandler) this.element.addEventListener("focusout", this.#focusoutHandler) if (this.element.singleLine) { @@ -46,13 +47,10 @@ export default class InputTemplate extends ITemplate { } cleanup() { + super.cleanup() this.element.removeEventListener("focus", this.#focusHandler) this.element.removeEventListener("focusout", this.#focusoutHandler) - if (this.element.singleLine) { - this.element.removeEventListener("input", this.#inputSingleLineHandler) - } - if (this.element.blurOnEnter) { - this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler) - } + this.element.removeEventListener("input", this.#inputSingleLineHandler) + this.element.removeEventListener("keydown", this.#onKeydownBlurOnEnterHandler) } } diff --git a/js/template/pin/LinearColorPinTemplate.js b/js/template/pin/LinearColorPinTemplate.js index a2820ab..15b7630 100644 --- a/js/template/pin/LinearColorPinTemplate.js +++ b/js/template/pin/LinearColorPinTemplate.js @@ -6,6 +6,7 @@ import PinTemplate from "./PinTemplate" /** * @typedef {import("../../element/WindowElement").default} WindowElement + * @typedef {import("../../element/WindowElement").WindowElementConstructor} WindowElementConstructor * @typedef {import("../../entity/LinearColorEntity").default} LinearColorEntity */ @@ -19,9 +20,10 @@ export default class LinearColorInputPinTemplate extends PinTemplate { #launchColorPickerWindow = e => { e.preventDefault() this.element.blueprint.setFocused(true) - this.#window = /** @type {WindowElement} */ ( - new (ElementFactory.getConstructor("ueb-window"))({ - type: ColorPickerWindowTemplate, + /** @type {WindowElement} */ + this.#window = /** @type {WindowElementConstructor} */(ElementFactory.getConstructor("ueb-window")) + .newObject({ + type: new ColorPickerWindowTemplate(), windowOptions: { // The created window will use the following functions to get and set the color getPinColor: () => this.element.defaultValue, @@ -29,7 +31,6 @@ export default class LinearColorInputPinTemplate extends PinTemplate { setPinColor: color => this.element.setDefaultValue(color), }, }) - ) this.element.blueprint.append(this.#window) const windowApplyHandler = () => { this.element.setDefaultValue( diff --git a/js/template/pin/PinTemplate.js b/js/template/pin/PinTemplate.js index 38900c3..1986b2c 100755 --- a/js/template/pin/PinTemplate.js +++ b/js/template/pin/PinTemplate.js @@ -5,7 +5,10 @@ import MouseCreateLink from "../../input/mouse/MouseCreateLink" import SVGIcon from "../../SVGIcon" import Utility from "../../Utility" -/** @typedef {import("../../input/IInput").default} IInput */ +/** + * @typedef {import("../../input/IInput").default} IInput + * @typedef {import("lit").PropertyValues} PropertyValues + */ /** * @template T * @typedef {import("../../element/PinElement").default} PinElement @@ -23,8 +26,8 @@ export default class PinTemplate extends ITemplate { return this.#iconElement } - connectedCallback() { - super.connectedCallback() + setup() { + super.setup() this.element.nodeElement = this.element.closest("ueb-node") } @@ -66,7 +69,7 @@ export default class PinTemplate extends ITemplate { return html`` } - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ updated(changedProperties) { super.updated(changedProperties) if (this.element.isInput() && changedProperties.has("isLinked")) { @@ -77,8 +80,7 @@ export default class PinTemplate extends ITemplate { } } - - /** @param {Map} changedProperties */ + /** @param {PropertyValues} changedProperties */ firstUpdated(changedProperties) { super.firstUpdated(changedProperties) this.element.style.setProperty("--ueb-pin-color-rgb", Configuration.getPinColor(this.element).cssText) diff --git a/package.json b/package.json index 2eddfa7..a04b360 100755 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "@rollup/plugin-commonjs": "^21.1.0", "@rollup/plugin-node-resolve": "^13.3.0", "@rollup/plugin-terser": "^0.1.0", + "cypress": "^12.1.0", "minify-html-literals": "^1.3.5", "rollup": "^2.75.5", "rollup-plugin-copy": "^3.4.0", diff --git a/scss/ueb-pin.scss b/scss/ueb-pin.scss index faea2a9..a611720 100644 --- a/scss/ueb-pin.scss +++ b/scss/ueb-pin.scss @@ -168,10 +168,14 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input { } &::-webkit-scrollbar-thumb { - background: #575757; + background: transparent; border-radius: 10px; margin: 4px; } + + &:hover::-webkit-scrollbar-thumb { + background: #575757; + } } ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-node-wrapper {