Attributes initialization refactoring (#19)

js/template/BlueprintTemplate.js

@@ -1,18 +1,18 @@
 import { html } from "lit"
 import Configuration from "../Configuration.js"
+import Shortcuts from "../Shortcuts.js"
+import Utility from "../Utility.js"
 import Copy from "../input/common/Copy.js"
 import Cut from "../input/common/Cut.js"
-import ITemplate from "./ITemplate.js"
+import Paste from "../input/common/Paste.js"
 import KeyboardEnableZoom from "../input/keyboard/KeyboardEnableZoom.js"
 import KeyboardShortcut from "../input/keyboard/KeyboardShortcut.js"
 import MouseScrollGraph from "../input/mouse/MouseScrollGraph.js"
 import MouseTracking from "../input/mouse/MouseTracking.js"
-import Paste from "../input/common/Paste.js"
 import Select from "../input/mouse/Select.js"
-import Shortcuts from "../Shortcuts.js"
 import Unfocus from "../input/mouse/Unfocus.js"
-import Utility from "../Utility.js"
 import Zoom from "../input/mouse/Zoom.js"
+import ITemplate from "./ITemplate.js"
 
 /** @extends ITemplate<Blueprint> */
 export default class BlueprintTemplate extends ITemplate {
@@ -37,10 +37,13 @@ export default class BlueprintTemplate extends ITemplate {
             this.viewportSize[1] = size.blockSize
         }
     })
+
     /** @type {Copy} */
     #copyInputObject
+
     /** @type {Paste} */
     #pasteInputObject
+
     /** @type {Zoom} */
     #zoomInputObject
 

js/template/ColorHandlerTemplate.js

@@ -1,5 +1,5 @@
-import IDraggableControlTemplate from "./IDraggableControlTemplate.js"
 import Utility from "../Utility.js"
+import IDraggableControlTemplate from "./IDraggableControlTemplate.js"
 
 /** @extends {IDraggableControlTemplate<ColorHandlerElement>} */
 export default class ColorHandlerTemplate extends IDraggableControlTemplate {

js/template/ColorSliderTemplate.js

@@ -1,5 +1,5 @@
-import IDraggableControlTemplate from "./IDraggableControlTemplate.js"
 import Utility from "../Utility.js"
+import IDraggableControlTemplate from "./IDraggableControlTemplate.js"
 
 /** @extends {IDraggableControlTemplate<ColorHandlerElement>} */
 export default class ColorSliderTemplate extends IDraggableControlTemplate {

js/template/IDraggableControlTemplate.js

@@ -1,5 +1,5 @@
-import IDraggableTemplate from "./IDraggableTemplate.js"
 import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable.js"
+import IDraggableTemplate from "./IDraggableTemplate.js"
 
 /**
  * @template {IDraggableElement} T

js/template/IDraggableTemplate.js

@@ -1,7 +1,7 @@
 import Configuration from "../Configuration.js"
-import ITemplate from "./ITemplate.js"
 import KeyboardShortcut from "../input/keyboard/KeyboardShortcut.js"
 import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable.js"
+import ITemplate from "./ITemplate.js"
 
 /**
  * @template {IDraggableElement} T

js/template/ISelectableDraggableTemplate.js

@@ -1,5 +1,5 @@
-import IDraggablePositionedTemplate from "./IDraggablePositionedTemplate.js"
 import MouseMoveNodes from "../input/mouse/MouseMoveNodes.js"
+import IDraggablePositionedTemplate from "./IDraggablePositionedTemplate.js"
 
 /**
  * @template {NodeElement} T

js/template/LinkTemplate.js

@@ -1,13 +1,13 @@
 import { html, nothing } from "lit"
 import Configuration from "../Configuration.js"
-import ElementFactory from "../element/ElementFactory.js"
-import IFromToPositionedTemplate from "./IFromToPositionedTemplate.js"
-import KeyboardShortcut from "../input/keyboard/KeyboardShortcut.js"
-import KnotEntity from "../entity/objects/KnotEntity.js"
-import MouseClick from "../input/mouse/MouseClick.js"
-import MouseDbClick from "../input/mouse/MouseDbClick.js"
 import Shortcuts from "../Shortcuts.js"
 import Utility from "../Utility.js"
+import ElementFactory from "../element/ElementFactory.js"
+import KnotEntity from "../entity/objects/KnotEntity.js"
+import KeyboardShortcut from "../input/keyboard/KeyboardShortcut.js"
+import MouseClick from "../input/mouse/MouseClick.js"
+import MouseDbClick from "../input/mouse/MouseDbClick.js"
+import IFromToPositionedTemplate from "./IFromToPositionedTemplate.js"
 
 /** @extends {IFromToPositionedTemplate<LinkElement>} */
 export default class LinkTemplate extends IFromToPositionedTemplate {

js/template/node/NodeTemplate.js

@@ -1,8 +1,8 @@
 import { html, nothing } from "lit"
-import ElementFactory from "../../element/ElementFactory.js"
-import ISelectableDraggableTemplate from "../ISelectableDraggableTemplate.js"
 import SVGIcon from "../../SVGIcon.js"
 import Utility from "../../Utility.js"
+import ElementFactory from "../../element/ElementFactory.js"
+import ISelectableDraggableTemplate from "../ISelectableDraggableTemplate.js"
 
 /** @extends {ISelectableDraggableTemplate<NodeElement>} */
 export default class NodeTemplate extends ISelectableDraggableTemplate {
@@ -99,7 +99,7 @@ export default class NodeTemplate extends ISelectableDraggableTemplate {
     }
 
     renderNodeName() {
-        return this.element.getNodeDisplayName()
+        return this.element.nodeDisplayName
     }
 
     renderTop() {

js/template/node/VariableMangementNodeTemplate.js

@@ -1,7 +1,7 @@
 import { html, nothing } from "lit"
+import SVGIcon from "../../SVGIcon.js"
 import ElementFactory from "../../element/ElementFactory.js"
 import NodeTemplate from "./NodeTemplate.js"
-import SVGIcon from "../../SVGIcon.js"
 
 export default class VariableManagementNodeTemplate extends NodeTemplate {
 
@@ -14,7 +14,7 @@ export default class VariableManagementNodeTemplate extends NodeTemplate {
     /** @param {NodeElement} element */
     initialize(element) {
         super.initialize(element)
-        this.#displayName = this.element.getNodeDisplayName()
+        this.#displayName = this.element.nodeDisplayName
     }
 
     render() {

js/template/pin/BoolPinTemplate.js

@@ -35,7 +35,7 @@ export default class BoolPinTemplate extends PinTemplate {
 
     renderInput() {
         return html`
-            <input type="checkbox" class="ueb-pin-input-wrapper ueb-pin-input" ?checked="${this.element.defaultValue}" />
+            <input type="checkbox" class="ueb-pin-input-wrapper ueb-pin-input" ?checked="${this.element.defaultValue === true}" />
         `
     }
 }

js/template/pin/DropdownTemplate.js

@@ -1,6 +1,6 @@
 import { html } from "lit"
-import ITemplate from "../ITemplate.js"
 import MouseIgnore from "../../input/mouse/MouseIgnore.js"
+import ITemplate from "../ITemplate.js"
 
 /** @extends {ITemplate<DropdownElement>} */
 export default class DropdownTemplate extends ITemplate {

js/template/pin/EnumPinTemplate.js

@@ -1,7 +1,7 @@
 import { html } from "lit"
 import Configuration from "../../Configuration.js"
-import IInputPinTemplate from "./IInputPinTemplate.js"
 import Utility from "../../Utility.js"
+import IInputPinTemplate from "./IInputPinTemplate.js"
 
 /** @extends IInputPinTemplate<EnumEntity> */
 export default class EnumPinTemplate extends IInputPinTemplate {

js/template/pin/ExecPinTemplate.js

@@ -1,7 +1,6 @@
 import { html } from "lit"
-import PinTemplate from "./PinTemplate.js"
 import SVGIcon from "../../SVGIcon.js"
-import Utility from "../../Utility.js"
+import PinTemplate from "./PinTemplate.js"
 
 export default class ExecPinTemplate extends PinTemplate {
 

js/template/pin/IInputPinTemplate.js

@@ -1,7 +1,7 @@
 import { html } from "lit"
 import Configuration from "../../Configuration.js"
-import PinTemplate from "./PinTemplate.js"
 import Utility from "../../Utility.js"
+import PinTemplate from "./PinTemplate.js"
 
 /**
  * @template {TerminalAttribute} T

js/template/pin/InputTemplate.js

@@ -1,5 +1,5 @@
-import ITemplate from "../ITemplate.js"
 import MouseIgnore from "../../input/mouse/MouseIgnore.js"
+import ITemplate from "../ITemplate.js"
 
 /** @extends {ITemplate<InputElement>} */
 export default class InputTemplate extends ITemplate {

js/template/pin/KnotPinTemplate.js

@@ -1,6 +1,6 @@
 import { html } from "lit"
-import MinimalPinTemplate from "./MinimalPinTemplate.js"
 import Utility from "../../Utility.js"
+import MinimalPinTemplate from "./MinimalPinTemplate.js"
 
 /** @extends MinimalPinTemplate<KnotEntity> */
 export default class KnotPinTemplate extends MinimalPinTemplate {
@@ -21,6 +21,7 @@ export default class KnotPinTemplate extends MinimalPinTemplate {
                 : this
         )
             .iconElement.getBoundingClientRect()
+        /** @type {Coordinates} */
         const boundingLocation = [this.element.isInput() ? rect.left : rect.right + 1, (rect.top + rect.bottom) / 2]
         const location = Utility.convertLocation(boundingLocation, this.blueprint.template.gridElement)
         return this.blueprint.compensateTranslation(location[0], location[1])

js/template/pin/LinearColorPinTemplate.js

@@ -1,7 +1,7 @@
 import { html, nothing } from "lit"
-import ColorPickerWindowTemplate from "../window/ColorPickerWindowTemplate.js"
 import Configuration from "../../Configuration.js"
 import ElementFactory from "../../element/ElementFactory.js"
+import ColorPickerWindowTemplate from "../window/ColorPickerWindowTemplate.js"
 import PinTemplate from "./PinTemplate.js"
 
 /** @extends PinTemplate<LinearColorEntity> */

js/template/pin/PinTemplate.js

@@ -1,9 +1,9 @@
 import { html, nothing } from "lit"
 import Configuration from "../../Configuration.js"
-import ITemplate from "../ITemplate.js"
-import MouseCreateLink from "../../input/mouse/MouseCreateLink.js"
 import SVGIcon from "../../SVGIcon.js"
 import Utility from "../../Utility.js"
+import MouseCreateLink from "../../input/mouse/MouseCreateLink.js"
+import ITemplate from "../ITemplate.js"
 import VariableConversionNodeTemplate from "../node/VariableConversionNodeTemplate.js"
 import VariableOperationNodeTemplate from "../node/VariableOperationNodeTemplate.js"
 

js/template/pin/RealPinTemplate.js

@@ -1,6 +1,6 @@
 import { html } from "lit"
-import INumericPinTemplate from "./INumericPinTemplate.js"
 import Utility from "../../Utility.js"
+import INumericPinTemplate from "./INumericPinTemplate.js"
 
 /**
  * @template {Number} T

js/template/pin/ReferencePinTemplate.js

@@ -1,5 +1,5 @@
-import PinTemplate from "./PinTemplate.js"
 import SVGIcon from "../../SVGIcon.js"
+import PinTemplate from "./PinTemplate.js"
 
 export default class ReferencePinTemplate extends PinTemplate {
 

js/template/pin/RotatorPinTemplate.js

@@ -1,7 +1,7 @@
 import { html } from "lit"
-import INumericPinTemplate from "./INumericPinTemplate.js"
-import RotatorEntity from "../../entity/RotatorEntity.js"
 import Utility from "../../Utility.js"
+import RotatorEntity from "../../entity/RotatorEntity.js"
+import INumericPinTemplate from "./INumericPinTemplate.js"
 
 /** @extends INumericPinTemplate<RotatorEntity> */
 export default class RotatorPinTemplate extends INumericPinTemplate {

js/template/pin/Vector2DPinTemplate.js

@@ -1,7 +1,7 @@
 import { html } from "lit"
-import INumericPinTemplate from "./INumericPinTemplate.js"
 import Utility from "../../Utility.js"
 import Vector2DEntity from "../../entity/Vector2DEntity.js"
+import INumericPinTemplate from "./INumericPinTemplate.js"
 
 /**
  * @extends INumericPinTemplate<Vector2DEntity>

js/template/pin/VectorPinTemplate.js

@@ -1,7 +1,7 @@
 import { html } from "lit"
-import INumericPinTemplate from "./INumericPinTemplate.js"
 import Utility from "../../Utility.js"
 import VectorEntity from "../../entity/VectorEntity.js"
+import INumericPinTemplate from "./INumericPinTemplate.js"
 
 /** @extends INumericPinTemplate<VectorEntity> */
 export default class VectorPinTemplate extends INumericPinTemplate {