JSDoc complete type check

js/element/ColorHandlerElement.js

@@ -0,0 +1,37 @@
+import LinearColorEntity from "../entity/LinearColorEntity"
+import ColorHandlerTemplate from "../template/ColorHandlerTemplate"
+import IDraggableElement from "./IDraggableElement"
+
+/** @typedef {import("../template/ColorPickerWindowTemplate").default} ColorPickerWindowTemplate */
+/**
+ * @template T
+ * @typedef {import("./WindowElement").default<T>} WindowElement
+ */
+
+export default class ColorHandlerElement extends IDraggableElement {
+
+    /** @type {WindowElement<ColorPickerWindowTemplate>} */
+    windowElement
+
+    constructor() {
+        super({}, new ColorHandlerTemplate())
+    }
+
+    connectedCallback() {
+        super.connectedCallback()
+        this.windowElement = this.closest("ueb-window")
+    }
+
+    /** @param {Number[]} param0 */
+    addLocation([x, y]) {
+        super.addLocation([x, y])
+        this.windowElement.windowOptions
+        this.windowElement.template.color = this.computeColor()
+    }
+
+    computeColor() {
+        return new LinearColorEntity()
+    }
+}
+
+customElements.define("ueb-color-handler", ColorHandlerElement)