Types refactoring

js/template/BlueprintTemplate.js

@@ -8,6 +8,7 @@ import SelectorElement from "../element/SelectorElement"
 
 /**
  * @typedef {import("../Blueprint").default} Blueprint
+ * @typedef {import("../element/PinElement").default} PinElement
  * @typedef {import("../entity/PinReferenceEntity").default} PinReferenceEntity
  */
 export default class BlueprintTemplate extends ITemplate {
@@ -137,9 +138,9 @@ export default class BlueprintTemplate extends ITemplate {
 
     /**
      * 
-     * @param {Blueprint} blueprint 
-     * @param {PinReferenceEntity} pinReference 
-     * @returns 
+     * @param {Blueprint} blueprint
+     * @param {PinReferenceEntity} pinReference
+     * @returns {PinElement}
      */
     getPin(blueprint, pinReference) {
         return blueprint.querySelector(

js/template/LinkMessageTemplate.js

@@ -26,15 +26,16 @@ export default class LinkMessageTemplate extends ITemplate {
      */
     apply(linkMessage) {
         const a = super.apply(linkMessage)
-        const linkMessageSetup = _ => linkMessage.querySelector(".ueb-link-message").innerText = linkMessage.message(
+        const linkMessageSetup = _ =>
+            /** @type {HTMLElement} */(linkMessage.querySelector(".ueb-link-message")).innerText = linkMessage.message(
             linkMessage.linkElement.sourcePin,
             linkMessage.linkElement.destinationPin
         )
-        linkMessage.linkElement = linkMessage.closest(LinkElement.tagName)
+        linkMessage.linkElement = linkMessage.closest("ueb-link")
         if (linkMessage.linkElement) {
             linkMessageSetup()
         } else {
-            window.customElements.whenDefined(linkMessage.constructor.tagName).then(linkMessage)
+            window.customElements.whenDefined("ueb-link-message").then(linkMessage)
         }
     }
 

js/template/LinkTemplate.js

@@ -163,8 +163,7 @@ export default class LinkTemplate extends ITemplate {
      * @param {LinkMessageElement} linkMessage
      */
     applyLinkMessage(link, linkMessage) {
-        // @ts-expect-error
-        link.querySelectorAll(linkMessage.constructor.tagName).forEach(element => element.remove())
+        link.querySelectorAll("ueb-link-message").forEach(element => element.remove())
         link.appendChild(linkMessage)
         link.linkMessageElement = linkMessage
     }

js/template/NodeTemplate.js

@@ -46,9 +46,8 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
         if (node.selected) {
             node.classList.add("ueb-selected")
         }
-        const name = node.entity.getNameAndNumber()
-        node.dataset.name = sanitizeText(name[0])
-        node.dataset.count = sanitizeText(name[1])
+        const nodeName = node.entity.getFullName()
+        node.dataset.name = sanitizeText(nodeName)
         if (node.entity.AdvancedPinDisplay) {
             node.dataset.advancedDisplay = node.entity.AdvancedPinDisplay.toString()
         }
@@ -68,6 +67,6 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
      * @returns {NodeListOf<PinElement>}
      */
     getPinElements(node) {
-        return node.querySelectorAll(PinElement.tagName)
+        return node.querySelectorAll("ueb-pin")
     }
 }

js/template/PinTemplate.js

@@ -17,9 +17,7 @@ export default class PinTemplate extends ITemplate {
     }
 
     /**
-     * Computes the html content of the pin.
-     * @param {PinElement} pin html element
-     * @returns The result html
+     * @param {PinElement} pin
      */
     render(pin) {
         if (pin.isInput()) {
@@ -57,8 +55,7 @@ export default class PinTemplate extends ITemplate {
     }
 
     /**
-     * Applies the style to the element.
-     * @param {PinElement} pin element of the graph
+     * @param {PinElement} pin
      */
     apply(pin) {
         super.apply(pin)
@@ -84,7 +81,6 @@ export default class PinTemplate extends ITemplate {
     }
 
     /**
-     * Applies the connection style to the element.
      * @param {PinElement} pin
      */
     applyConnected(pin) {