+ --ueb-additional-x: xxxxxxxxxx;
+ --ueb-additional-y: xxxxxxxxxxxxxxxxxxxxx;
+ --ueb-translate-x: xxxxxxxxxxxxxxxxxxxxx;
+ --ueb-translate-y: xxxxxxxxxxxxxxxxxxxxx;
+ ">
diff --git a/js/template/BoolPinTemplate.js b/js/template/BoolPinTemplate.js
index 892717b..8744aea 100644
--- a/js/template/BoolPinTemplate.js
+++ b/js/template/BoolPinTemplate.js
@@ -1,9 +1,7 @@
import { html } from "lit"
import IInputPinTemplate from "./IInputPinTemplate"
-/**
- * @typedef {import("../element/PinElement").default} PinElement
- */
+/** @typedef {import("../element/PinElement").default} PinElement */
export default class BoolPinTemplate extends IInputPinTemplate {
@@ -22,28 +20,22 @@ export default class BoolPinTemplate extends IInputPinTemplate {
this.#input.addEventListener("change", this.onChangeHandler)
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
cleanup(pin) {
super.cleanup(pin)
this.#input.removeEventListener("change", this.onChangeHandler)
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
getInputs(pin) {
return [this.#input.checked ? "true" : "false"]
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
renderInput(pin) {
if (pin.isInput()) {
return html`
-
+
`
}
return super.renderInput(pin)
diff --git a/js/template/ExecPinTemplate.js b/js/template/ExecPinTemplate.js
index 58252d4..35b4efd 100644
--- a/js/template/ExecPinTemplate.js
+++ b/js/template/ExecPinTemplate.js
@@ -1,21 +1,16 @@
import { html } from "lit"
import PinTemplate from "./PinTemplate"
-/**
- * @typedef {import("../element/PinElement").default} PinElement
- */
+/** @typedef {import("../element/PinElement").default} PinElement */
export default class ExecPinTemplate extends PinTemplate {
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
renderIcon(pin) {
return html`
`
}
diff --git a/js/template/IDraggableTemplate.js b/js/template/IDraggableTemplate.js
index 19e0542..2d60637 100755
--- a/js/template/IDraggableTemplate.js
+++ b/js/template/IDraggableTemplate.js
@@ -1,9 +1,7 @@
import ITemplate from "./ITemplate"
import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable"
-/**
- * @typedef {import("../element/IDraggableElement").default} IDraggableElement
- */
+/** @typedef {import("../element/IDraggableElement").default} IDraggableElement */
/**
* @template {ISelectableDraggableElement} T
diff --git a/js/template/IFromToPositionedTemplate.js b/js/template/IFromToPositionedTemplate.js
index 26cb270..ef2e5f0 100755
--- a/js/template/IFromToPositionedTemplate.js
+++ b/js/template/IFromToPositionedTemplate.js
@@ -1,8 +1,6 @@
import ITemplate from "./ITemplate"
-/**
- * @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement
- */
+/** @typedef {import("../element/IFromToPositionedElement").default} IFromToPositionedElement */
/**
* @template {IFromToPositionedElement} T
diff --git a/js/template/IInputPinTemplate.js b/js/template/IInputPinTemplate.js
index 9ade388..4701fd5 100644
--- a/js/template/IInputPinTemplate.js
+++ b/js/template/IInputPinTemplate.js
@@ -2,9 +2,7 @@ import { html } from "lit"
import MouseIgnore from "../input/mouse/MouseIgnore"
import PinTemplate from "./PinTemplate"
-/**
- * @typedef {import("../element/PinElement").default} PinElement
- */
+/** @typedef {import("../element/PinElement").default} PinElement */
export default class IInputPinTemplate extends PinTemplate {
diff --git a/js/template/ITemplate.js b/js/template/ITemplate.js
index 009be8e..9e774a9 100644
--- a/js/template/ITemplate.js
+++ b/js/template/ITemplate.js
@@ -5,9 +5,7 @@ import { css, html } from "lit"
* @typedef {import("../input/IInput").default} IInput
*/
-/**
- * @template {IElement} T
- */
+/** @template {IElement} T */
export default class ITemplate {
static styles = css``
diff --git a/js/template/LinearColorPinTemplate.js b/js/template/LinearColorPinTemplate.js
index d06f083..952fd07 100644
--- a/js/template/LinearColorPinTemplate.js
+++ b/js/template/LinearColorPinTemplate.js
@@ -35,9 +35,7 @@ export default class LinearColorPinTemplate extends IInputPinTemplate {
]
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
getInputs(pin) {
return [this.#input.dataset.linearColor]
}
@@ -49,9 +47,7 @@ export default class LinearColorPinTemplate extends IInputPinTemplate {
setInputs(pin, value = []) {
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
renderInput(pin) {
if (pin.isInput()) {
return html`
diff --git a/js/template/LinkTemplate.js b/js/template/LinkTemplate.js
index f7166f5..e68accd 100755
--- a/js/template/LinkTemplate.js
+++ b/js/template/LinkTemplate.js
@@ -3,14 +3,10 @@ import Configuration from "../Configuration"
import Utility from "../Utility"
import IFromToPositionedTemplate from "./IFromToPositionedTemplate"
-/**
- * @typedef {import("../element/LinkElement").default} LinkElement
- */
+/** @typedef {import("../element/LinkElement").default} LinkElement */
-/**
- * @extends {IFromToPositionedTemplate
}
- */
+/** @extends {IFromToPositionedTemplate} */
export default class LinkTemplate extends IFromToPositionedTemplate {
/**
@@ -107,9 +103,7 @@ export default class LinkTemplate extends IFromToPositionedTemplate {
link.style.setProperty("--ueb-start-percentage", `${Math.round(link.startPercentage)}%`)
}
- /**
- * @param {LinkElement} link
- */
+ /** @param {LinkElement} link */
render(link) {
const uniqueId = "ueb-id-" + Math.floor(Math.random() * 1E12)
return html`
@@ -120,10 +114,10 @@ export default class LinkTemplate extends IFromToPositionedTemplate {
${link.linkMessageIcon != "" || link.linkMessageText != "" ? html`
-
-
- ${link.linkMessageText}
-
+
+
+ ${link.linkMessageText}
+
` : html``}
`
}
diff --git a/js/template/NamePinTemplate.js b/js/template/NamePinTemplate.js
index bb8f3ad..18d9e98 100644
--- a/js/template/NamePinTemplate.js
+++ b/js/template/NamePinTemplate.js
@@ -1,8 +1,6 @@
import IInputPinTemplate from "./IInputPinTemplate"
-/**
- * @typedef {import("../element/PinElement").default} PinElement
- */
+/** @typedef {import("../element/PinElement").default} PinElement */
export default class NamePinTemplate extends IInputPinTemplate {
@@ -31,9 +29,7 @@ export default class NamePinTemplate extends IInputPinTemplate {
})
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
cleanup(pin) {
super.cleanup(pin)
this.inputContentElements.forEach(element => {
@@ -41,9 +37,7 @@ export default class NamePinTemplate extends IInputPinTemplate {
})
}
- /**
- * @param {PinElement} pin
- */
+ /** @param {PinElement} pin */
getInputs(pin) {
return this.inputContentElements.map(element => element.textContent) // textContent for performance reason
}
diff --git a/js/template/NodeTemplate.js b/js/template/NodeTemplate.js
index 2b44387..8beba47 100755
--- a/js/template/NodeTemplate.js
+++ b/js/template/NodeTemplate.js
@@ -2,17 +2,13 @@ import { html } from "lit"
import PinElement from "../element/PinElement"
import SelectableDraggableTemplate from "./SelectableDraggableTemplate"
-/**
- * @typedef {import("../element/NodeElement").default} NodeElement
- */
+/** @typedef {import("../element/NodeElement").default} NodeElement */
export default class NodeTemplate extends SelectableDraggableTemplate {
toggleAdvancedDisplayHandler
- /**
- * @param {NodeElement} node
- */
+ /** @param {NodeElement} node */
render(node) {
return html`
@@ -23,8 +19,7 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
@@ -37,21 +32,15 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
${node.enabledState?.toString() == "DevelopmentOnly" ? html`
- Development Only
+ Development Only
` : html``}
${node.advancedPinDisplay ? html`
-
+
` : html``}