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
 */

/** @extends {IDraggableElement<Object, ColorHandlerTemplate>} */
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 */
    setLocation([x, y]) {
        super.setLocation(this.template.adjustLocation([x, y]))
    }

    computeColor() {
        return new LinearColorEntity()
    }
}

customElements.define("ueb-color-handler", ColorHandlerElement)